﻿/*
Theme Name: Clarina Bezzola Final
Theme URI: http://clarinabezzola.com;
Author: Clarina Bezzola
Author URI: http://clarinabezzola.com;
Description: 2012 Theme designed by Ji Lee especially for Clarina Bezzola;
Version: 1.0
License: Copyright 2012 Ji Lee
License URI: license.txt
*/
/* HTML5 ✰ Boilerplate
 * ==|== normalize ==========================================================
 */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-size: 13px;  }
body, button, input, select, textarea { font-family: sans-serif; color: #222; }

::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }

a { color: #00e; }
a:visited { color: #551a8b; }
a:hover { color: #06e; }
a:hover, a:active { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul, ol { margin: 1em 0; padding: 0 0 0 0px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

.assistive-text {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
}
#access a.assistive-text:active,
#access a.assistive-text:focus {
  background: #eee;
  border-bottom: 1px solid #ddd;
  color: #1982d1;
  clip: auto !important;
  font-size: 12px;
  position: absolute;
  text-decoration: underline;
  top: 0;
  left: 7.6%;
}


body { color:#808285;font-family:Helvetica, Arial, sans-serif;padding-top:100px; }
 
.content-wrapper { min-width:290px;max-width:908px;margin:0 auto; }
.responsive-wrap { margin:0 auto; }
.center-content { text-align:center; }
a { text-decoration:none;outline:none;color:#808285; }


.current_page_item a,
.current_page_item a:active,
.current_page_item a:visited,
.current_page_item a:hover { color:#26ace2;}

a:hover, a:active, a:visited { text-decoration:none;color:#808285;outline:none; }
a:hover { color:#26ace2;}

/* Header */

header .nav-wrapper { width:908px;margin:0 auto;padding:0;max-width:none;min-width:none; }
.ipad header .nav-wrapper { width:auto;margin:0 25px;}
header.main { padding:30px 0 30px 0px; height:auto;overflow:hidden; position:fixed;width:100%;top:0;z-index:9998;  background-color: rgba(248,248,248,0.9);}
 
 
 
 
.brand-logo {  width: 100px;
  height: 30px;
  text-align: center;font-weight:bold;font-size:18px; margin:0 auto; padding:0;}
a.brand-logo  { text-decoration:none;position:relative;z-index:99999; }
.logo-cantainer a:hover { color:#ED1C24; }
 
 
 
 
.current-menu-item a, 
.current-menu-item a:active,
.current-menu-item a:visited,
.current-menu-item a:hover { color:#26ace2;outline:none;}
 
 
header.main nav { margin:14px 0 0 0;position:relative; display:none;}
header.main nav a { display:block;float:left;margin:0;text-transform:uppercase;font-size:11px; letter-spacing:1.5px;position:relative;z-index:99999;margin-left:-3px;}
header.main nav li { list-style-type: none; margin:0;padding:0;display:inline-block;}
header.main nav ul { width:100%;margin:0;position:absolute;text-align:center;}
 
/*
header.main nav ul { display:block;width:511px;margin:0 auto; }
.notchrome header.main nav ul { width: 535px; }
.ipad header.main nav ul { width: 560px; }
 
*/
header.main nav a:hover { color:#26ace2; }
header.main nav li:after { margin:0 13px -10px;width:1px;height:30px;background-color:#D6D5D5;display:block;float:left;content:'.';text-indent:-3000em;margin-top:-10px; }
 
 
 
 
 
 
 
 
header.main nav li.menu-item-14:after { display:none;width:0;height:0;}
header.main nav li:last-child:after { display:none; }
header.main nav li.last-child:after { display:none; }
header.main nav li a:hover { color:#ED1C24; }
header.main .social { float:right; margin:10px 0 0 100px;position:relative;z-index:9999}
header.main .social .social-icon { display:inline-block;height:21px;width:22px;}
header.main .social a span { display:none;}
header.main .social .social-icon.facebook {background:url(images/icon.facebook.png) no-repeat 0 0;margin-right:7px;}
header.main .social .social-icon.twitter { background: url(images/icon.twitter.png) no-repeat 0 0;}
header.main .social .social-icon:hover { background-position:0 -21px;}
 
.hover-finder { height:150px;opacity:1;position:fixed;top:0;background:red;width:100%;z-index:9999;opacity:0; }
.mobile-menu { display:none; }

/* Sub Nav */

nav.sub { position:fixed;top:100px;width:698px;margin-left:-350px;left:50%;background-color:#f1f1f2;border-radius:0 0 10px 10px;min-width:290px;max-width:700px;text-align:center;min-height:10px;padding:11px 0;border:1px solid #BCBEC0;border-width:0 1px 1px 1px;z-index:999;}
nav.sub.fixed { width:700px; }
nav.sub ul {display:block;text-align:center;}
nav.sub li { display:inline;line-height:25px; }
nav.sub li a { font-size:11px;text-transform:uppercase;letter-spacing:1.2px;margin:5px 8px; }
 
/* Facebook */
.fb-like-label { float:right; width:100px;text-align:right;display:none;}
.fb-like {float:right;height:23px;text-align:right; margin-left:10px;}
 
 
 
/* GRID */
.big-grid { padding:50px 0;max-width:920px;}
 
.big-grid .thumb { margin:0 22px 25px 0; float:left;width:290px;}
.big-grid .thumb .img { width:290px;height: 220px; background:#aaa;overflow:hidden;text-align:center;}
.big-grid .thumb .img img { width:290px;height:220px;}
 
 
 
 
 
.big-grid .thumb:hover .img { box-shadow:0 1px 9px rgba(0,0,0,0.8); }
 
 
.ie8 .big-grid .thumb:hover .img {
    zoom: 1;
   filter: progid:DXImageTransform.Microsoft.Shadow(Color=#aaaaaa, Strength=8, Direction=90),
         progid:DXImageTransform.Microsoft.Shadow(Color=#aaaaaa, Strength=8, Direction=180);


}
.gallery-page {
  margin-right:-24px;
}
.gallery-page:after {
  content:" ";
  display:block;
  height:0;
  visibility:hidden;
  clear:both;
}

.post .gallery-page .thumb:nth-child(5n), .post .gallery-page.preview .thumb:nth-child(5n+1) {
  /*margin-right:0;*/
}

.thumb.subdued {
  opacity:.20;
}


.big-grid .thumb.last { margin-right: 0; }
.big-grid .thumb span { text-transform:uppercase;font-size:10px;letter-spacing:1.5px; display:block;height:17px;margin:8px 0 0 0;text-align:center;font-size:11px;}

.big-grid.single-grid { max-width:290px;}
.big-grid.mid-grid { max-width: 650px;}
.big-grid.mid-grid .thumb:last-child { margin:0; }
.small-grid .thumb { margin:0 22px 25px 0; width:164px; height:117px; float:left;overflow:hidden; }
.small-grid .thumb:hover { box-shadow:0 1px 9px rgba(0,0,0,0.8); }
.small-grid .thumb .img { background:#aaa; width:164px; }
 
.small-grid .thumb.last { margin-right:0;}
 
 
header.portfolio-header { height:auto;border-bottom:1px solid #D6D5D5;}
header.portfolio-header h1 { font-size:18px;letter-spacing:.5px;text-align:center;margin:15px ;}
 
.get-more-pages { height:25px;width:100%;clear:both; }

/* Show Detail */
#main header
{
width:100% !important;
border-bottom:1px solid #d6d5d5;
font-size: 18px;
    letter-spacing: .5px;
    text-align: center;
    margin: 15px 0px;
}
#main header h1
{
font-size: 18px;
margin: 10px 0px 15px 0px;
}
.post { font-size:16px;line-height:21px;opacity:1; }
.post header {margin: 15px 0 30px;
    }
.post header h1 { font-size:18px;letter-spacing:.5px;text-align:center;margin: 15px;}
.post header h4 {font-size:14px;font-weight:normal;margin:0;text-align:center;}

.post .post-body { max-width: 700px;margin:20px auto 50px;min-width:290px; }
.post .post-body p { margin:15px 0;padding:0;}

.post .image-primary { padding:20px 0; text-align:center;}
.post .image-primary .primary { max-width:908px !important; height:auto !important;background:#fff; }


.more-projects { border-top:1px solid #d6d5d5;padding:0px 0;margin:40px 0 0 0;}
.more-projects h1 { display:none; }
.mobile .more-projects { padding:20px 0;}
.mobile .more-projects h1 { display:block; text-transform:uppercase;font-size: 18px;letter-spacing: .5px;text-align: center;margin: 0 0 2px;}

.post .image-gallery { }
.post .image-gallery .thumb { 
  overflow:hidden;
  position:relative;
  width:162px;height:117px;float:left; margin:0 22px 22px 0;border:1px solid #BCBEC0;
  transition-duration: 0.5s;
  transition-timing-function: ease;
}

.image-gallery .thumb a { display:block;height:117px;position:relative;}

.image-preview {
  border:1px solid #d6d5d5;
  left:-20px;
  border-width:1px 0;
  padding:22px;
  position:absolute;
  width:700px;
  top:147px;
}
.image-preview.panoramic { width:100%; padding:22px 0; overflow:hidden;}
.image-preview.panoramic .image-container { width:908px;margin:0 auto;}
.image-preview.panoramic .image-container .image-description { margin-top:20px; }
.image-preview .close { cursor:pointer;position:absolute; right:-50px;top:0;height:25px;width:25px;background:url(images/close.png) no-repeat 50% 50%;display:block;z-index:999;}
.image-preview .arrow { height:100%;width:33px; display:block; position:absolute;background:url(images/next-prev.png) no-repeat 0 240px; top:0;cursor:pointer;z-index:998;}
.image-preview .arrow.arrow-left {left:-63px;}
.image-preview .arrow.arrow-right {right:-63px;background-position:-52px 240px;}
.image-preview .image-container { width: 700px;margin:0 auto; position:relative;}
.image-container.video-container { width:640px !important;padding:0 30px;}
.image-container.video-container iframe { margin:0 0 10px;}
.image-preview .image-container.video-container .more-info { width:640px !important;}
.image-preview .image-container > img { display:block;margin:0 auto;max-width:700px; }
.image-preview .image-container .more-info { margin:0 auto; }

.image-preview .image-container .social {float:right;margin-top:15px;}
.image-preview .image-container .fb-like { float:right;margin:0 0 4px;}

/*.image-preview .image-container .social { float:right;width:110px;text-align:right;margin:14px 0 0;height:80px; }
.image-preview .image-container .social .fb-like { margin:0;float:none;height:20px;margin-bottom:8px; }
.image-preview .image-container .social .share-button { text-align:right;}
.image-preview .image-container .social .share-button.twitter {margin:0 0 7px;height:20px;}*/
.share-button.pinterest a { display:block;float:right; }
.image-preview .image-container .image-description { margin-right:100px; }

/*body.fat-bottom { padding-bottom:600px; }*/
.image-gallery .clear-row.open { clear:both; height:0; display:block;}

.post .image-gallery .thumb.last { margin-right:0; }
.post .image-gallery .thumb:hover { box-shadow:0 0 15px rgba(0,0,0,0.5);border-color:#666;}

/* Image Detail */
.large-images { margin-bottom: 50px;}
.large-images .image-body:first-child { padding-top:0;margin-top:-20px;}
.large-images .image-body:last-child { border:0; padding-bottom:0;}
.large-images .image-body { border-bottom:1px solid #d6d5d5;clear:both;padding:40px 0;text-align:center;}
.large-images .image-body.last { border:0; }
.large-images .image-body h2 { font-size:14px;font-weight:normal; }
.large-images .image-body .image-container { max-width:700px; margin:0 auto;text-align:center;display:inline-block;}
.large-images .image-body .image { max-width:700px;margin:10px 0 15px;background-color:#fff;height:auto !important;}
.large-images .image-body .image-description { margin:0;}
.large-images .image-body p {margin:3px 0 0 0;}
.large-images .image-body .photo-info { margin:0 100px 0 0;position:relative;text-align:left;}
.large-images .image-body .details { position:relative;min-height:50px; }
.large-images .imagelink a {text-decoration:underline;}
.large-images .image-body .social {float:right;}
.large-images .social .fb-like { float:right;margin:0 0 4px;}
.image-container .vvqbox.vvqvimeo { height:360px !important;}
.image-container .vvqbox.vvqvimeo iframe { height:360px !important;}
.post .vvqbox {margin:25px auto; } 
.go-to-top-link { text-transform:uppercase;font-size:11px;display:inline-block;margin:0 0 20px;letter-spacing:1px; background:url(images/back-to-thumb-small.png) no-repeat 0 1px;padding:0 0 0 17px;height:15px;}
.go-to-top-link { display:none; }
.image-loaded .go-to-top-link { display:inline-block; }
.go-to-top-link:hover {background-position: 0 -14px;}

.panoramics { margin: 0; }
.panoramic { margin: 0 0 22px; }
.panoramic-viewer .panoramic-container { position:relative; }
.panoramic-thumb { display:block;position:relative; }
.panoramic-thumb .loading-indicator { background: rgba(white, 0.8) url(images/image-loader.gif) no-repeat 50% 50%; display:none; height:100%;width:100%;z-index:999; position:absolute;}
.panoramic-thumb.loading .loading-indicator { display:block; }
.panoramic a:hover img { box-shadow:0 1px 9px rgba(0,0,0,0.8); }
.panoramic-detail-view { margin:40px 0 0;width:100%;overflow:hidden; }
.panoramic-detail-view .go-to-top-link { display:inline-block; }
.panoramic-description { width:700px;margin:40px auto;}
.ie8 .panoramic-detail-view { overflow:scroll;}

.navigation-arrow {  position: absolute;top:0;width:200px;background:rgba(0,0,0,0.1); height:100%; -webkit-user-select: none;}
.navigation-arrow:hover { background:rgba(0,0,0,03); }
.navigation-arrow .arrow {
  opacity:.5;
  height:76px;
  width:36px;
  background-image:url(images/arrow-sprite.png);
  background-repeat: no-repeat;
  background-position:0 0;
  background-size:76px 76px; 
  position:absolute;
  top:50%;
  left:50%;
  margin:-37.5px 0 0 -37.5px;
}

.navigation-arrow.right-navigate { right:0; }
.navigation-arrow.right-navigate .arrow {
  margin-left:-6.5px;
}

.panoramic-container:hover .navigation-arrow { background-color:rgba(0,0,0,0.15); }
.navigation-arrow:hover .arrow { opacity:1; }
.panoramic-container .navigation-arrow:hover { background-color:rgba(0,0,0,0.33);}
.right-navigate .arrow {
  background-position:-39px 0;
}
.left-navigate:hover { }

/* Performance Detail */
.post-video { width: 700px; margin:0 auto 40px auto;text-align:center;margin-top:-15px;}
.post-video .video { width: 700px; height:300px;background:#fff;margin:0 0 15px 0;}
.post-video iframe { margin-top: 0 }

/* Show Review */
.review {  max-width: 700px;min-width:290px;}
.review .review-title { border:1px solid #d6d5d5; border-width:1px 0;padding:22px 0;margin:0;display:block;}
.review.review-list .review-title.first { border-width:1px 0;}
.review.review-list .review-title { border-width:0 0 1px; }
.review.review-list a.review-title:hover { background-color:#fafafa;}
.review .review-title { border-width:1px 0;}
.review .review-title .review-image { float:left; width:189px;}
.review .review-title .review-image img { width:164px;background:#fff;}
.review .review-title .review-image img.current {display:block;}
.review .review-title .review-info { margin-left: 189px;}
.review .review-title .review-info h1 {font-size:14px;font-weight:bold;margin:0;}
.review .review-title .review-info h2 { font-size:14px; font-weight:normal;margin:0;line-height:24px; }
.review .review-title .review-info h3 { font-size:14px;font-weight:normal; margin:0;}
.review-nav { padding:22px 0;margin:0;}
.review-nav ul { margin:0; padding:0 ;}
.review-nav li { display:block;float:left;padding:0 30px 0 0;margin:0; }
.review-nav li a { text-transform:uppercase;font-size:10px;letter-spacing:2px;}
.review-body { display:none; }
.review-body.current { display: block}
.review-body h2 { font-size:16px;font-weight:normal;margin:0;padding:0; }
.review-body h2 strong { font-weight:bold; }

.review-detail .caption {}
.review-detail .caption h2 { font-size:16px;margin:0;font-weight:normal;}
.review-detail .description { font-size:14px; }
.review-detail .description iframe{ display:block;margin:10px auto; }

/*BIO*/
.bio-page a { text-decoration:underline; }
.bio-header { border-bottom:1px solid #d6d5d5;padding:60px 0 40px 0;}
.bio-header h1 { font-size:18px;letter-spacing:.5px;margin:0 0 2px; }
.bio-header .content-wrapper { width: 700px;}
.bio-header .portrait {float:left;width:290px;margin-right:25px;}
.bio-header .portrait img { max-width:100%; }
.bio-header .intro { margin-left:315px;font-size:14px;}
.bio-header .intro p { margin:20px 0;line-height:24px;}
.bio-header .social-networks { margin: 42px 0 0;}
.bio-header .social-networks .social-icon { display:inline-block;padding:0 0 0 27px;margin:0 20px 0 0;height:22px;line-height:22px;}
.bio-header .social-networks .social-icon.facebook {background:url(images/icon.facebook.png) no-repeat 0 0;}
.bio-header .social-networks .social-icon.twitter { background: url(images/icon.twitter.png) no-repeat 0 0;}

.post.bio { padding:40px 0; font-size:12px;line-height:20px;width:700px;}
.post.bio .column { width:330px;float:left;}
.post.bio .column.left-col { margin-right:30px;}
.post.bio ul {margin:0;padding:0;}
.post.bio li {margin: 0 0 0 13px;font-size:9px;}
.post.bio li span { font-size:12px;}
.post.bio h2 { font-size:12px;margin:25px 0 0 0;padding:0;list-style-type:none;font-weight:normal;}
.post.bio h1 { font-size:12px;margin:0 0 15px;padding:0;text-transform:uppercase;font-size:11px;letter-spacing:1.5px;font-weight:normal;}
.post.bio section { margin:0 0 40px 0;}

/*MOODBOARD*/
.moodboard { margin:55px auto 22px;position:relative;width:908px;height:470px; background:url(images/image-loader.gif) no-repeat 50% 50%; }
.moodboard img { width: 908px; height: 470px; position: absolute;top: 0; opacity: 0; }

.fb-wrapper { float:right;}
.image-container .fb-wrapper { top:0;}

.fb_share{font-size:12px;height:20px;width:32px;cursor:pointer;border:1px solid #cad4e7;background:#eceef5 url("images/f_logo.png") no-repeat 4px center;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;padding:0px 5px 0 4px;text-align:center;display:block;line-height:20px;padding-left:21px;position:relative;top:-2px}
.fb_share .FBConnectButton_Small .FBConnectButton_Text { background:none;font-size:12px;color:#3b5998;font-weight:normal;border:0;margin:0;padding:0;}
.fb_share .FBConnectButton_Small, .fb_share .FBConnectButton_RTL_Small { background:none;border:0;margin:0;padding:0;}
.fb_share:active .FBConnectButton_Small .FBConnectButton_Text  { background:none;border:0;}
.fb_share:active .FBConnectButton_Small, .fb_share:active .FBConnectButton_RTL_Small { background:none;border:0; }
.fb_share:hover{border-color:#9dacce}

/* Contact */
.contact-page { text-align:center;margin:125px auto 0;font-size:16px;}
.contact-page h1, .contact-page p { margin:0 0 12px;padding:0;font-weight:normal;font-size:16px;}
.contact-page img { margin:63px 0 0 0;}
/*Footer*/
footer { height:50px;}

/* slideshow */
.slideshow-container { position:absolute;top:120px;height:100%;}

/* SuperSized */
#supersized-loader { position:absolute; top:50%; left:50%; z-index:0; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; background:url(images/progress.gif) no-repeat center center;}
#supersized {  display:block; position:fixed; left:0; overflow:hidden; z-index:-999; height:100%; width:100%;top:0;margin:0;padding:0; }
#supersized img { width:auto; height:auto; position:relative; display:none; outline:none; border:none; }
#supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; } /*Speed*/
#supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }     /*Quality*/
#supersized li { display:block; list-style:none; z-index:-30; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#111; }
#supersized a { width:100%; height:100%; display:block; }
#supersized li.prevslide { z-index:-20; }
#supersized li.activeslide { z-index:-10; }
#supersized li.image-loading { background:#111 url(images/progress.gif) no-repeat center center; width:100%; height:100%; }
#supersized li.image-loading img{ visibility:hidden; }
#supersized li.prevslide img, #supersized li.activeslide img{ display:inline; }

  /* Controls Bar
  ----------------------------*/
  #controls-wrapper { margin:0 auto; height:42px; width:100%; bottom:0px; left:0; z-index:4; background:url(images/nav-bg.png) repeat-x; position:fixed; }
    #controls { overflow:hidden; height:100%; position:relative; text-align:left; z-index:5; }
      #slidecounter { float:left; color:#999; font:14px "Helvetica Neue", Helvetica, Arial, sans-serif; text-shadow:#000 0 -1px 0; margin:0px 10px 0 15px; line-height:42px; }
      #slidecaption { overflow:hidden; float:left; color:#FFF; font:400 14px "Helvetica Neue", Helvetica, Arial, sans-serif; text-shadow:#000 1px 1px 2px; margin:0 20px 0 0; line-height:42px; }

      #navigation { float:right; margin:0px 20px 0 0; }
        #play-button{ float:left; margin-top:1px;border-right:1px solid #333; background:url('images/bg-hover.png') repeat-x 0 44px; }
          #play-button:hover{ background-position:0 1px; cursor:pointer; }

        #prevslide, #nextslide{ position:absolute; height:43px; width:43px; top:50%; margin-top:41px; opacity:0.6; }
          #prevslide{ left:10px; background:url('images/back.png'); }
          #nextslide{ right:10px; background:url('images/forward.png'); }
            #prevslide:active, #nextslide:active{ margin-top:45px; }
            #prevslide:hover, #nextslide:hover{ cursor:pointer; }

        ul#slide-list{ padding:15px 0; float:left; position:absolute; left:50%; }
          ul#slide-list li{ list-style:none; width:12px; height:12px; float:left; margin:0 5px 0 0; }
            ul#slide-list li.current-slide a, ul#slide-list li.current-slide a:hover{ background-position:0 0px; }
            ul#slide-list li a{ display:block; width:12px; height:12px; background:url('images/nav-dot.png') no-repeat 0 -24px; }
              ul#slide-list li a:hover{ background-position:0 -12px; cursor:pointer; }

        #tray-button{ float:right; margin-top:1px; border-left:1px solid #333; background:url('images/bg-hover.png') repeat-x 0 44px; }
          #tray-button:hover{ background-position:0 1px; cursor:pointer; }


  /* Progress Bar
  ----------------------------*/
  #progress-back{ z-index:5; position:fixed; bottom:42px; left:0; height:8px; width:100%; background:url('images/progress-back.png') repeat-x; }
    #progress-bar{ position:relative; height:8px; width:100%; background:url('images/progress-bar.png') repeat-x; }


  /* Thumbnail Navigation
  ----------------------------*/
  #nextthumb,#prevthumb { z-index:2; display:none; position:fixed; bottom:61px; height:75px; width:100px; overflow:hidden; background:#ddd; border:1px solid #fff; -webkit-box-shadow:0 0 5px #000; }
    #nextthumb { right:12px; }
    #prevthumb { left:12px; }
      #nextthumb img, #prevthumb img { width:150px; height:auto;  }
      #nextthumb:active, #prevthumb:active {  }
      #nextthumb:hover, #prevthumb:hover { cursor:pointer; }


  /* Thumbnail Tray
  ----------------------------*/
  #thumb-tray{ position:fixed; z-index:3; bottom:0; left:0; background:url(images/bg-black.png); height:150px; width:100%; overflow:hidden; text-align:center; -moz-box-shadow: 0px 0px 4px #000; -webkit-box-shadow: 0px 0px 4px #000; box-shadow: 0px 0px 4px #000; }

    #thumb-back, #thumb-forward{ position:absolute; z-index:5; bottom:42px; height:108px; width:40px; }
      #thumb-back{ left:0; background: url('images/thumb-back.png') no-repeat center center;}
      #thumb-forward{ right:0; background:url('images/thumb-forward.png') no-repeat center center;}
        #thumb-back:hover, #thumb-forward:hover{ cursor:pointer; background-color:rgba(256,256,256, 0.1); }
          #thumb-back:hover{ border-right:1px solid rgba(256,256,256, 0.2); }
          #thumb-forward:hover{ border-left:1px solid rgba(256,256,256, 0.2); }


    ul#thumb-list{ display:inline-block; list-style:none; position:relative; left:0px; padding:0 0px; }
      ul#thumb-list li{ background:#111; list-style:none; display:inline; width:150px; height:108px; overflow:hidden; float:left; margin:0; }
        ul#thumb-list li img { width:200px; height:auto; opacity:0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter:alpha(opacity=60); -webkit-transition: all 100ms ease-in-out; -moz-transition: all 100ms ease-in-out; -o-transition: all 100ms ease-in-out; -ms-transition: all 100ms ease-in-out; transition: all 100ms ease-in-out; }
        ul#thumb-list li.current-thumb img, ul#thumb-list li:hover img{ opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); }
        ul#thumb-list li:hover{ cursor:pointer; }


/* END supersize */

/* ==|== non-semantic helper classes ======================================== */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
.clear { display:block;clear:both;}

.logo-cantainer {
    width: auto;
    position: fixed;
    z-index: 0;
    margin-top: 9px;
}

.navbar-inverse .brand, .navbar-inverse .nav > li > a {
    text-transform: uppercase;
    font-size: 11px;
    text-shadow: none;
    color: #808285;
    letter-spacing: 1.5px;
}
.navbar-inverse .brand, .navbar-inverse .nav > li > a:hover {
color:#ED1C24;

}
/* ==|== media queries ====================================================== */

/* iPhone */
@media only screen and (max-device-width:480px)  {
  header.main { top:0;width:100%;}

}

/* iPad Portrait */
@media only screen and (max-device-width:1024px) and (min-device-width: 481px) and (orientation:portrait)  {
  body { padding-top:60px; }
  .go-to-top-link { background-position:0 2px;}
  .moodboard { overflow:hidden;width:auto;max-width:100%;height:360px;margin-right:20px;margin-left:20px;}
  .moodboard img { width:100%;height:auto;}
  header.main nav { float:none;margin:0 auto;text-align:center;}
  header.main nav ul { margin:0;}
  header .nav-wrapper { width: 100%;}
  header.main {padding:15px 0 0;}
  header.main h1 { float:none;margin:0;text-align:center; font-size:15px;margin:0 0 20px;}
  nav.sub { width:100%;top:85px;margin:0;left:0;}
  div.responsive-wrap.grid-container.clearfix { width:auto !important;margin-left:20px;margin-right:-10px;}
  .post .image-gallery { width:100% !important; overflow:hidden; }
  .post .image-gallery .thumb {width:163px;}
  .post .image-gallery .thumb.last {width:165px;}
  .big-grid .responsive-wrap { margin:0 auto; width:602px;}
  .big-grid .responsive-wrap .thumb:nth-child(2n) { margin-right:0; }
  .sub-nav-wrap { top: 86px;padding-top:0; }
  div.share-button.fb-like.fb_iframe_widget.fb_iframe_widget_fluid { width:100px !important;display:inline-block !important;}
  .gallery-page { margin:0 -24px 0 20px;}
  .image-preview { width:100% !important;padding:22px 0;left:0;}
  .image-preview .image-container { width:600px; }
  /*.image-preview .image-container > img { width:600px !important; }*/
  /*div.clearfix.more-info { width:600px !important; }*/
  .image-preview .arrow { background-position:0 170px; }
  .image-preview .arrow.arrow-right {background-position:-52px 170px;}
  
  .panoramic { margin:0 0 22px;padding:0 20px;}
  .panoramic img.magic_fields { max-width:100%;}
  .image-preview.panoramic .image-description { margin:20px 20px 0; }
  .image-preview.panoramic .image-container { width:100%;}
  .image-preview.panoramic {margin:0;}
  .image-preview.panoramic .image-container .social { margin-right:20px; }
  


  .post .image-gallery .thumb:nth-child(5n-1) { margin-right:0;}
  .vvqbox.vvqvimeo iframe{ height:361px !important; }

  .fb_iframe_widget span { float:right; }
  .share-button.twitter { clear:both; }
  .share-row .fb-like { top:0; }

  .post header { margin-top:60px; }

  .image-preview img.panoramic-image { max-height:350px;}
  .image-preview.panoramic .right-navigate .arrow { background-position:-39px 0; }
  .image-preview.panoramic .left-navigate .arrow { background-position:0 0; }

}

/* iPad Landscape*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
  body { padding-top:60px; }
  header.main nav { float:none;margin:0 auto;text-align:center;}
  header.main nav ul { margin:0;}
  header .nav-wrapper { width: 100%;}
  header.main {padding:15px 0 0;height:70px;}
  header.main h1 { float:none;margin:0;text-align:center; font-size:15px;margin:0 0 20px;}
  nav.sub { width:100%;top:85px;margin:0;left:0;}
  div.responsive-wrap.grid-container.clearfix { width:auto !important;margin-left:20px;margin-right:-10px;}
  .sub-nav-wrap { top: 86px;padding-top:0; }
  .moodboard { overflow:hidden;width:auto;max-width:100%;height:360px;margin-right:20px;margin-left:20px;}
  .moodboard img { width:100%;height:auto;}
  .panoramics { margin:0 20px;}
  .panoramic { overflow:hidden;width:auto;max-width:100%;height:auto;margin:0;}
  .panoramic img { width:100%;height:auto;}
  .responsive-wrap { margin: 0 20px;}
  .big-grid .responsive-wrap { margin:0 auto; width:602px;}
  .big-grid .responsive-wrap .thumb:nth-child(2n) { margin-right:0; }
  div.share-button.fb-like.fb_iframe_widget.fb_iframe_widget_fluid { width:100px !important;display:inline-block !important;}
  .gallery-page { margin:0 -24px 0 0; }
  .panoramic { margin:0 20px 22px;left:0 !important;}
  .panoramic img.magic_fields { max-width:100%;}
  .panoramic .panoramic-image { width:auto !important; }
  .image-preview.panoramic .image-description { margin:20px 20px 0; }
  .image-preview.panoramic .image-container { width:100%;}
  .image-preview.panoramic {margin:0;}
  .image-preview.panoramic .image-container .social { margin-right:20px; }
  .image-preview .image-container > img { max-width:500;height:auto !important; }
  .post .image-gallery { width:100% !important; overflow:hidden; }
  .vvqbox.vvqvimeo iframe{ height:361px !important; }
  .review-images, .caption { max-width:640px;margin:0 auto;}

  .fb_iframe_widget span { float:right; }
  .share-button.twitter { clear:both;height:20px;margin:0 0 5px; }
  .share-row .fb-like { top:0; }

  .image-preview { left:0; padding:22px 0; }
  .image-preview .close { right:-20px; }
  .image-preview .arrow { background-position:0 140px;}
  .image-preview .arrow.arrow-left {left:-20px;}
  .image-preview .arrow.arrow-right {right:-20px;background-position:-52px 140px;}

  .image-preview .video-container .arrow.arrow-left {left:-25px;}
  .image-preview .video-container .arrow.arrow-right {right:-20px;}
  .image-preview .video-container .close { right:-20px; }

  .image-preview img.panoramic-image { max-height:250px;}

  .post header { margin-top:60px; }
}
/* iPhone 5 Landscape */
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) {
  .review-detai .description iframe { width:100% !important;height:190px !important; }
}
.mobile .review-detai .description iframe { width:100% !important;height:190px !important; }
/* iPhone 5 Portrait */
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : portrait) {
  .review-detai .description iframe { width:100% !important;height:190px !important; }
}

@media only screen and (min-width:0px) and (max-width: 900px) {

.post .image-primary {margin:0 20px;}
.post .image-primary .primary  { width:100%;}

}

@media only screen and (min-device-width: 480px) {

}

.mobile .load-item { display:none; }
.mobile header.main .nav-wrapper { width:auto;margin:0 auto; text-align:center;}
.mobile header.main { height:90px;padding-top:20px; }
.mobile header.main h1 { float:none;margin:0 0 20px;height:auto; font-size:24px;}
.mobile header.main nav { display:none; }
.mobile header.main .drop-nav { display:block;margin:0 auto;width:150px;}
header.main .drop-nav { display:none; }
.mobile nav.sub { position: relative;top:0;width:100%;padding-right:0;padding-left:0;border-width:0 0 1px;margin:0;left:0; border-radius:0px;}
.mobile body { padding-top:110px; }
.mobile .big-grid { margin:0 auto;padding:20px 0 10px;width:100%;}
.mobile .big-grid .thumb { margin:0 auto 25px;width:290px;float:none;display:block;}
.mobile .big-grid .thumb .img { background:#fff;overflow:hidden;text-align:center;width:100%;height:auto;}
.mobile .big-grid .thumb .img { transition-duration:0; transition-timing-function: none; }
.mobile .big-grid .thumb .img img { width:100%;height:auto; margin:0;}
.mobile .big-grid .thumb.last { margin:0 auto;}
.mobile .post header h1 { font-size:18px;letter-spacing:.5px;text-align:center;margin:0 15px 2px;}
.mobile .post .post-body { margin:0 20px 20px;}
.mobile .responsive-wrap.grid-container { width:auto !important;}
.mobile .responsive-wrap.grid-container a.thumb.last { margin:0 auto 25px;}
.mobile .big-grid .responsive-wrap { margin:0 auto;}
.mobile .post .image-gallery .thumb { margin:0 0 20px;float:none;display:block;height:auto;overflow:hidden;width:100%;border:0;}
.mobile .gallery-page { margin:0;}
.mobile .small-grid .thumb .img { width: 100%; height:auto;}
.mobile .large-images .image-body .image {width:100%;height:auto !important;}
.mobile .moodboard { display:none; }

.mobile .small-grid .thumb .img { position:relative;}
.mobile .review-title, .mobile .reviews { margin-left:20px;margin-right:20px }
.mobile .big-grid.mid-grid .thumb:last-child { margin:0 auto 25px;}
.mobile .review.review-list .review-title {}
.mobile .review .review-title .review-image, .mobile .review .review-title .review-image img { float:none;width:100%;}
.mobile .review .review-title .review-info { margin:10px 0 0; width:100% }
.mobile .image-container.video-container  { padding:0;}
.mobile .image-container.video-container iframe { margin-bottom:0;}

.mobile .small-grid .gallery-image { height:auto;width:auto;margin:0 -20px;padding:15px 20px;overflow:visible;position:static;min-height:0;border-bottom:1px solid #d6d5d5;}
.mobile .small-grid .gallery-image img.img { position:static;height:auto;width:auto; max-width:100%;margin:0; }
.mobile .small-grid .gallery-image .social { margin:-7px 0 0 0; }
.mobile .share-button.fb-like { margin: 2px 0; display:inline-block !important;width:auto !important;}
.mobile .share-button.pinterest a { float:none; }
.mobile .gallery-image .image-description { font-size:12px;}

.mobile .panoramics { margin: 50px 20px 0; }
.panoramic { margin: 0 0 22px; }
.mobile .panoramic img { max-width:100%;}
.mobile .navigation-arrow { width:75px;}
.mobile .navigation-arrow.left-navigate .arrow { margin-left:-20px; }
.mobile .navigation-arrow.right-navigate .arrow { margin-left:-15px; }

.mobile .post.review-detail iframe { width: 270px !important;height: 154px !important; }
.mobile .review-detail .caption { margin:0 20px; }

.mobile .image-preview.panoramic { left:0; }
.mobile .panoramic-viewer img.panoramic-image { height:200px !important; max-width:none !important;}
.mobile .image-preview.panoramic .image-container { width:100%;}
.mobile .image-preview.panoramic .image-description { margin:15px !important;}
.mobile .image-preview .image-container .social.show-mobile { float:none;margin:0 0 0 15px; }
.mobile .image-preview .image-container .social.show-mobile .fb-like { float:none; }

.mobile .gallery-image .image-description { margin-top:15px;}
.mobile .gallery-image .image-description p { margin-top:0;}

.mobile .large-images .image-body .social.show-mobile {
  margin:8px 0 0 0;
  position:static;
  float:left;
  text-align:right;
}
.mobile .large-images .social.show-mobile .fb-like { float:left; }
.mobile .large-images .social.show-mobile div.share-button.twitter { height:25px; clear:both; text-align: left;}
.social.show-mobile { display:none !important; }
.mobile .hide-mobile { display:none !important; }
.mobile .social.show-mobile { display:block !important; }
.mobile .image-container .fb-wrapper { margin:0;}
.mobile .large-images .image-body .photo-info {top:0;}
.mobile .large-images .image-body .image-description { margin:5px 0 0 0;}
.grid-container.loading-images { background:url(images/image-loader.gif) no-repeat 50% 100%;padding-bottom:50px;}


/*COPIED FROM JILEE*/
html.mobile { margin:0;padding:0;}
.mobile .load-item { display:none; }
.mobile header.main { height:90px;padding:0;margin:0;padding-top:20px;}
.mobile header.main .nav-wrapper { width:auto;margin:0 auto; text-align:center;}
.mobile header.main .social { display:none;}
.mobile header.main h1 { float:none;margin:0 0 20px;height:auto; font-size:24px;}
.mobile header.main nav { display:none; }
.mobile header.main .drop-nav { display:block;margin:0 auto;width:150px;}
header.main .drop-nav { display:none; }
.mobile nav.sub { position: relative;top:0;width:100%;padding-right:0;padding-left:0;border-width:0 0 1px;margin:0;left:0; }
html.mobile body { padding:0;padding-top:110px;width:100%; }
.mobile .responsive-wrap { padding:0 20px;width: auto !important;}
.mobile .big-grid { margin:0 auto;padding:60px 0 10px;width:100%;}
.mobile .big-grid .thumb { margin:0 auto 25px;float:none;display:block;width:100%;}
.mobile .big-grid .thumb .img { background:#aaa;overflow:hidden;text-align:center;}
.mobile .big-grid .thumb .img img { }
.mobile .big-grid .thumb.last { margin:0 auto 25px;}
.mobile header.main nav ul { width:auto;margin:0 25px;}


.mobile header.portfolio-header { height:70px; }
.mobile header.portfolio-header h1 { line-height:70px; }
.mobile .large-images .image-body { padding:15px 0 15px;}
.mobile .large-images .image-body:first-child { padding-top:25px;} 
.mobile .large-images .image-body .image-container { max-width:700px;width:auto !important;margin-right:25px;margin-left:25px;}
.mobile .large-images .videos .image-body .image-container { max-width:100%;margin:0;overflow:hidden;}
.mobile .large-images .videos .image-body .image-container img {height:auto;margin:0}
.mobile .large-images .image-body .image-container img.image-detail{ max-width:700px;width:100%;margin:0;}
.mobile .large-images .image-body .photo-info { float:none; width:100%;margin:0;}
.mobile .fb-wrapper { width:auto;float:none;position:relative;margin:10px 0 0 0;text-align:left;}
.mobile .image-description { line-height:1.4em;}
.mobile .bio-header { padding:0; margin:0 0 25px;width:100%;}
.mobile .bio-header .content-wrapper { width:100%;margin:0;padding:0}
.mobile .bio-header .portrait { width:auto;max-width:290px;float:none;margin:25px auto;padding:0;}
.mobile .bio-header .portrait img { width:100%; max-width:290px;padding:0;}
.mobile .bio-header .intro { margin:0 15px 20px;text-align:center;padding:0;text-align:center;}

.mobile #container { margin:0;padding:0;width:100%;}
.mobile .post.bio h1 { margin-left:25px;margin-right:25px;}
.mobile .post.bio h2 { margin: 25px 25px 0 25px }
.mobile .post.bio { width:100%;margin:0;padding:0;}
.mobile .post.bio .column { float:none;margin:0;padding:0;width:100%;}
.mobile .post.bio .column.left-col { margin:0;padding:0;}
.mobile .post.bio ul { padding:0;margin:0 25px ;}
.mobile .post.bio p { margin:10px 25px;}
.mobile .mobile-menu { display: block; }

.mobile .vvqvimeo { width:100%; overflow:hidden; height: auto !important;}
/*ENDCOPY*/


/* Animate */
.animated{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:0.7s;-moz-animation-duration:0.7s;-ms-animation-duration:0.7s;-o-animation-duration:0.7s;animation-duration:0.7s;}.animated.hinge{-webkit-animation-duration:0.7s;-moz-animation-duration:0.7s;-ms-animation-duration:0.7s;-o-animation-duration:0.7s;animation-duration:0.7s;}@-webkit-keyframes fadeIn {
  0% {opacity: 0;}  100% {opacity: 1;}
}

@-moz-keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
}

@-o-keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
}

@keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  -moz-animation-name: fadeIn;
  -o-animation-name: fadeIn;
  animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}

@-moz-keyframes fadeInDown {
  0% {
    opacity: 0;
    -moz-transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}

@-o-keyframes fadeInDown {
  0% {
    opacity: 0;
    -o-transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  -moz-animation-name: fadeInDown;
  -o-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@-webkit-keyframes fadeOut {
  0% {opacity: 1;}
  100% {opacity: 0;}
}

@-moz-keyframes fadeOut {
  0% {opacity: 1;}
  100% {opacity: 0;}
}

@-o-keyframes fadeOut {
  0% {opacity: 1;}
  100% {opacity: 0;}
}

@keyframes fadeOut {
  0% {opacity: 1;}
  100% {opacity: 0;}
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  -moz-animation-name: fadeOut;
  -o-animation-name: fadeOut;
  animation-name: fadeOut;
}
@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
  }
}
@-moz-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -moz-transform: translateY(0);
  }

  100% {
    opacity: 0;
    -moz-transform: translateY(-20px);
  }
}
@-o-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -o-transform: translateY(0);
  }

  100% {
    opacity: 0;
    -o-transform: translateY(-20px);
  }
}
@keyframes fadeOutUp {
  0% {
    opacity: 1;
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    transform: translateY(-20px);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  -moz-animation-name: fadeOutUp;
  -o-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}
.share-row
{
width: 160px;
    height: auto;
    margin: 0 auto;
    padding-bottom: 10px;
}
.share-button.twitter
{
text-align:right;
padding-top:2px;

}
.menu-itemcurrent-menu-item a
{
color:#ED1C24 !important;

}
.menu-item.current-menu-item a
{
color:#ED1C24 !important;

}

/*
.page-index-0 { transition-delay: 0s; }
.page-index-1 { transition-delay: 0.2s; }
.page-index-2 { transition-delay: 0.4s; }
.page-index-3 { transition-delay: 0.6s; }
.page-index-4 { transition-delay: 0.8s; }
.page-index-5 { transition-delay: 0.7s; }
.page-index-7 { transition-delay: 1.2s; }
.page-index-8 { transition-delay: 1.4s; }
.page-index-9 { transition-delay: 1.6s; }
.page-index-10 { transition-delay: 1.8s; }
.page-index-11 { transition-delay: 2s; }
.page-index-12 { transition-delay: 2.2s; }
.page-index-13 { transition-delay: 2.4s; }
.page-index-14 { transition-delay: 2.6s; }
.page-index-15 { transition-delay: 2.8s; }
.page-index-16 { transition-delay: 3s; }
.page-index-17 { transition-delay: 3.2s; }
.page-index-18 { transition-delay: 3.4s; }
.page-index-19 { transition-delay: 3.6s; }
*/









@media (max-width: 979px) {
    body
    {
    padding-top: 42px;  
    }
 
     header.main
  {
      padding:0px !important;
      background-color:#fff !important;
    
  }
  .navbar {
      background-color:#fff;
  margin-bottom: 0px;
  }
 
  .logo-cantainer
  {
     width: 100%;
  height: 30px;
  text-align: center;
  position: fixed;
  z-index: 0;
  margin-top: 9px;  
  }
 
  a.brand-logo
  {
    
 
  font-family: Helvetica;
  font-weight:bold;
 
      
  }
a.brand-logo :hover { color:#26ace2; text-decoration:none; }
 
.big-grid { padding:90px 0px 50px 0;
 
}
 
.navbar-inverse .navbar-inner
{
    border-bottom:solid 1px #d6d5d5;
    background-color:#fff;
    
}
 .post header {
    margin: 52px 0 30px;
	}
 
 
 
}
 
@media (min-width: 936px) {
.big-grid .thumb:nth-child(3n+0) {
margin: 0 0px 25px 0;
}
 
 
 
 
 
 
 
}
 
 
 
@media (max-width: 516px) {
 
html.mobile body {
    
    padding-top: 20px;
	
	}
.navbar-inverse .navbar-inner
{
    border-bottom:solid 1px #d6d5d5;
    background-color:#fff;
 
    
}
.mobile .responsive-wrap
{
margin-top: 50px;

}
.mobile .small-grid .gallery-image .social
{
width:100px;

}
.mobile .share-button.fb-like {
float: left;

}
 .social .share-button.twitter
 {
 text-align:left;
 }
#main header h1 {
    
        margin: 30px 0px 10px 0px;
}
 
header.portfolio-header h1 { line-height:30;}
 
 header.main
  {
      padding:0px !important;
      background-color:#fff !important;
    
  }
 
 .mobile header.main {
    height: auto !important;
	}
 
 
 .post header {
    margin: 32px 0 30px;
}
.mobile .post header h1
{
    
    margin: 0 15px 10px;
	}
	
.mobile .large-images .image-body .social.show-mobile
{
text-align:left;
}
 
}
 
 
 
 
 
 
 
 
@media (max-width: 360px) {
 
.responsive-wrap
{
  width: 290px !important;
}
 
 
 
 
 
 
 
 
}
 
 














/* ==|== print styles ======================================================= */

@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; }
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}



