@font-face{font-family:'latoregular';src:url('../fonts/lato/lato-reg-webfont.eot');src:url('../fonts/lato/lato-reg-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/lato/lato-reg-webfont.woff') format('woff'),
url('../fonts/lato/lato-reg-webfont.ttf') format('truetype'),
url('../fonts/lato/lato-reg-webfont.svg#latoregular') format('svg');font-weight:normal;font-style:normal;}
@font-face{font-family:'latolight';src:url('../fonts/lato/lato-lig-webfont.eot');src:url('../fonts/lato/lato-lig-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/lato/lato-lig-webfont.woff') format('woff'),
url('../fonts/lato/lato-lig-webfont.ttf') format('truetype'),
url('../fonts/lato/lato-lig-webfont.svg#latolight') format('svg');font-weight:normal;font-style:normal;}
@font-face{font-family:'latobold';src:url('../fonts/lato/lato-bol-webfont.eot');src:url('../fonts/lato/lato-bol-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/lato/lato-bol-webfont.woff') format('woff'),
url('../fonts/lato/lato-bol-webfont.ttf') format('truetype'),
url('../fonts/lato/lato-bol-webfont.svg#latobold') format('svg');font-weight:normal;font-style:normal;}
::-moz-selection{background:#F7F9FA;color:#333}
::selection{background:#F7F9FA;color:#333}
.clear{padding:10px 0;}
b{font-family:'latoregular', sans-serif;}
strong{font-family:'latobold', sans-serif;}
h1{font-family:'latolight', sans-serif;margin:0.75em 0.75em 0.25em;font-size:2.70em;}
h2{font-size:30px;line-height:1.3em;font-family:'latolight', sans-serif;margin-top:0.33em;}
h3{font-size:24px;line-height:1.3em;font-family:'Roboto Slab', sans-serif;font-weight:bold;}
.lead{font-size:28px;font-family:"Roboto Slab";color:#333;padding:30px 0;font-weight:bold;}
a{color:#333;text-decoration:none;}
a:hover{color:#D04526;}
p{font-family:'Roboto', sans-serif;color:#333;font-weight:300;}
p a{border-bottom:1px dashed #777;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;}
p a:hover{border-bottom:1px dashed #4babc1;}
.separator{border-top:1px solid #EEEEEE;margin:0px 0px 20px 0;width:10%;}
.hidden{display:none;}
#preloader{background-color:#FFFFFF;bottom:0;left:0;position:fixed;right:0;top:0;z-index:99999;}
#loading-animation{background-image:url("../img/loader.gif");background-position:center center;background-repeat:no-repeat;height:200px;left:50%;margin:-100px 0 0 -100px;position:absolute;top:50%;width:200px;}
nav #logo{float:left;z-index:999;}
nav>ul{float:right;}
#nav>li{float:left;position:relative;padding:10px 0;}
#nav>li>a{display:block;padding:0px 0px 0 30px;font-family:'Roboto Slab', sans-serif;letter-spacing:1px;font-size:0.8rem;text-transform:uppercase;text-decoration:none;}
#nav>li>a:hover{color:#777;}
.cbp-af-header{position:fixed;background:rgba(255, 255, 255, 0);top:0;left:0;width:100%;z-index:10000;height:120px;overflow:hidden;-webkit-transition:all 0.4s ease 0.0s;-moz-transition:all 0.4s ease 0.0s;transition:all 0.4s ease 0.0s;}
.cbp-af-header #logo{padding:40px 30px 0px 0px;width:80px;display:none;}
.cbp-af-header #nav a{line-height:100px;color:#FFF;}
.cbp-af-header.cbp-af-header-shrink #logo{padding:20px 30px 0px 0px;width:80px;display:block;}
.cbp-af-header #logo,
.cbp-af-header #nav a{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;}
.cbp-af-header.cbp-af-header-shrink{height:80px;background:rgba(255, 255, 255, 1);-webkit-box-shadow:1px 1px 6px 1px rgba(0, 0, 0, 0.1);box-shadow:1px 1px 6px 1px rgba(0, 0, 0, 0.1);}
.cbp-af-header.cbp-af-header-shrink #nav a{line-height:60px;color:#999;}
.cbp-af-header.cbp-af-header-shrink #nav li .selected, .cbp-af-header.cbp-af-header-shrink #nav li a:hover{color:#D04526;}
.mobile-menu{display:none;}
.mobile-menu{display:none;background:#FFF;width:100%;z-index:99999999;position:fixed;top:0;-webkit-box-shadow:1px 1px 6px 1px rgba(0, 0, 0, 0.1);box-shadow:1px 1px 6px 1px rgba(0, 0, 0, 0.1);}
.mobile-menu .row{background:#222;padding-top:10px;padding-bottom:10px;}
.mobile-menu-inner .nav-mobile li{color:#FFF;background:#333;display:block;width:100%;cursor:pointer;margin-top:2%;padding:6px 20px 5px;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}
.mobile-menu-inner .nav-mobile li:hover{background-color:#FFF;}
.mobile-menu-inner .nav-mobile li:hover a{color:#333;}
.mobile-menu-inner .nav-mobile li a{display:block;width:100%;color:#FFF;font-family:'latobold', sans-serif;font-size:0.8rem;text-transform:uppercase;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}
#collapse{display:none;}
.mobile-menu h3{font-family:'latobold', sans-serif;font-size:0.8rem;letter-spacing:2px;padding-bottom:25px;padding-top:25px;text-align:center;text-transform:uppercase;}
#header{width:100%;height:100%;color:#FFF;z-index:9;position:relative;background-image:url(../img/poster.jpg);background-position:center center;background-repeat:no-repeat;background-attachment:fixed;}
.logo_filez{margin:0;position:absolute;top:25px;width:960px;text-align:left;z-index:9999}
#leadFader{margin:0;position:absolute;top:45%;width:960px;text-align:center;z-index:9999;}
#leadFader .leadtitle{opacity:1;position:absolute;width:100%;}
#leadFader .Head{color:#FFF;display:block;font-family:'Roboto Slab', sans-serif;font-size:72px;letter-spacing:2px;text-align:center;}
#leadFader .Sub{color:rgba(255,255, 255, 1);display:block;font-family:'latoregular', sans-serif;text-transform:uppercase;margin-top:20px;font-size:16px;position:relative;text-align:center;}
#leadFader .Sub2{color:rgba(255,255, 255, 1);display:block;font-family:'latoregular', sans-serif;text-transform:uppercase;margin-top:20px;font-size:22px;position:relative;text-align:center;}
#leadFader .Sub2 a{border-bottom:1px dotted #FFFFFF;color:#FFFFFF;}
#leadFader .Sub2 a:hover{color:#FFF;}
#leadFader .Continue{display:block;margin:0 auto;width:264px;}
#leadFader .Continue a{color:#FFFFFF;display:inline-block;font-family:'latoregular', sans-serif;font-size:14px;margin:0 15px;text-decoration:none;text-transform:uppercase;transition:color 0.2s linear 0s;}
#leadFader.Continue a:hover{color:rgba(0, 0, 0, 0.7);}
#leadFader .Last{text-align:center;}
#intro{padding:100px 0;}
#intro ul.stamps{width:600px;margin:auto;position:relative;padding-top:80px;}
#intro ul.stamps li{float:left;width:264px;text-align:center;}
#intersection{padding:70px 0 40px 0;background-color:#f05b43;}
.testimonial-quote{padding:0px 30px;}
.testimonial-quote blockquote{border:0;margin:0;padding:0;font-family:'latoregular', sans-serif;font-style:italic;margin:0;position:relative;z-index:600;left:0px;}
.testimonial-quote blockquote *{box-sizing:border-box;}
.testimonial-quote blockquote p{color:#FFF;font-size:25px;line-height:1.4 !important;}
.testimonial-quote cite{color:rgba(255,255,255,0.60);display:block;font-size:0.8em;line-height:2em;}
.testimonial-quote cite span{color:#EEE;font-size:1em;font-style:normal;font-weight:700;letter-spacing:1px;text-transform:uppercase;font-family:Roboto;}
#team{background:#FFF;padding:100px 0;}
#portfolio{background:#fff;padding-top:0px;padding-right:0;padding-bottom:150px;padding-left:0;}
.grid{margin:0px auto 0px;font-size:0;text-align:left;background-color:#FFF;}
.item{height:auto;display:inline-block;vertical-align:top;position:relative;overflow:hidden;line-height:0;-webkit-transition:-webkit-transform 0.2s ease-out;-moz-transition:-moz-transform 0.2s ease-out;-o-transition:-o-transform 0.2s ease-out;transition:transform 0.2s ease-out;}
.item img{position:relative;z-index:4;width:100%;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;-o-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transition:opacity 3s ease-out, -webkit-transform 1s ease-in;-moz-transition:opacity 3s ease-out, -moz-transform 1s ease-in;-o-transition:opacity 3s ease-out, -o-transform 1s ease-in;transition:opacity 3s ease-out, transform 1s ease-in;}
.item .link{display:block;height:100%;}
.hovercontent{position:absolute;z-index:999;font-family:'latoregular', sans-serif;text-align:center;width:100%;height:100%;background:#ffffff;background:rgba(255,255,255,0.75);cursor:pointer;opacity:0;line-height:24px;filter:alpha(opacity=0);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";-moz-transform:scale3d(1.3, 1.3, 1) translate3d(0, 10%, 0);-o-transform:scale3d(1.3, 1.3, 1) translate3d(0, 10%, 0);-webkit-transform:scale3d(1.3, 1.3, 1) translate3d(0, 10%, 0);transform:scale3d(1.3, 1.3, 1) translate3d(0,10%,0);-webkit-transition:opacity 0.2s ease-out, -webkit-transform 0.2s ease-in-out;-moz-transition:opacity 0.2s ease-out, -moz-transform 0.2s ease-in-out;-o-transition:opacity 0.2s ease-out, -o-transform 0.2s ease-in-out;transition:opacity 0.2s ease-out, transform 0.2s ease-in-out;}
.hovercontent h1{color:#333;font-size:18px;margin-top:25%;font-family:'latobold', sans-serif;}
.hovercontent h4{color:#333;font-family:'latoregular', sans-serif;font-size:0.8rem;font-weight:200;}
.item .link:hover .hovercontent{opacity:1;filter:alpha(opacity=100);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";-moz-transform:scale3d(1, 1, 1) translate3d(0, 0, 0);-o-transform:scale3d(1, 1, 1) translate3d(0, 0, 0);-webkit-transform:scale3d(1, 1, 1) translate3d(0, 0, 0);transform:scale3d(1, 1, 1) translate3d(0,0,0);}
.translate(@x:0, @y:0){-webkit-transform:translate(@x, @y);-moz-transform:translate(@x, @y);-ms-transform:translate(@x, @y);-o-transform:translate(@x, @y);transform:translate(@x, @y);}
.shift_grid(@down, @right:0){.translate(@right * 50%, @down * 50%);}
@media screen and (min-width:600px){.item{width:50%;max-height:none;> a{height:50%;}
&.tall{margin-bottom:-25.1%;&.shift1{.shift_grid(0.6666666);}
&.shift2{.shift_grid(1.3333333);}
&.shift3{.shift_grid(2);}
&.shift4{.shift_grid(2.6666666);}
&.shift5{.shift_grid(3.3333333);}
}
&.shift1{.shift_grid(1);}
&.shift2{.shift_grid(2);}
&.shift3{.shift_grid(3);}
&.shift4{.shift_grid(4);}
&.shift5{.shift_grid(5);}
}
}
@media screen and (min-width:900px){.item{width:33.33332%;> a{height:50%;}
&.tall{margin-bottom:-16.7%;}
}
}
@media screen and (min-width:1200px){.item{width:25%;> a{height:25%;}
&.tall{margin-bottom:-12.6%;}
}
}
.slide_portfolio{text-align:center;display:none;padding:10px 0 60px 0;background-color:#FFF;}
.slide_portfolio h3{color:#333;padding-bottom:20px;}
.slide_portfolio p{color:#333;}
.slide_portfolio img{padding:20px 0;max-width:100%;margin-left:0px;}
.slide_portfolio .closeit{cursor:pointer;margin-top:100px;margin-bottom:0px;-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;transition:all 0.2s ease-out;}
.slide_portfolio .closeit:hover{opacity:0.4;}
#client{background-size:cover;background-attachment:fixed;padding:60px 0;background-image:url(../img/pic_above_testimonials.jpg);}
#clients .item_client{padding:30px 0px;margin:10px;color:#FFF;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;text-align:center;}
#contact_intersection{background:url(../img/pic_above_testimonials.jpg);background-size:cover;background-attachment:fixed;padding:60px 0;height:450px;}
#contact_intersection h2{text-align:center;color:#FFF;}
.btn{border:1px solid #333;font-family:inherit;font-size:inherit;color:inherit;background:none;cursor:pointer;padding:15px 60px;display:inline-block;margin:2px 3px;text-transform:uppercase;letter-spacing:1px;font-weight:700;outline:none;position:relative;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;}
a .btn{font-family:'Roboto Slab', sans-serif;font-size:16px;color:#333;}
.btn a:hover{color:#f05b43;}
.btn:hover{background:none;color:#f05b43;border:1px solid #f05b43;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;}
#contact{padding:0px;}
.google-maps{position:relative;padding-bottom:25%;//This is the aspect ratio
height:0;overflow:hidden;}
.google-maps iframe{position:absolute;top:0;left:0;width:100% !important;height:100% !important;filter:url("data:image/svg+xml;utf8,<svg xmlns=\'https://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");filter:gray;-webkit-filter:grayscale(99%);-webkit-backface-visibility:hidden;}
#footer{padding:100px 0 5px 0;text-align:center;}
#footer p{font-size:11px;margin-top:40px;}
.back-to-top{position:relative;right:0px;margin-top:-70px;text-decoration:none;color:#000000;background-color:rgba(245,245,245,1);font-size:11px;padding:0.3em 0.3em 0 0.3em;display:block;z-index:99;border-left:1px solid #eee;border-right:1px solid #eee;border-top:1px solid #eee;}
@media only screen
and (min-device-width:768px)
and (max-device-width:1024px)
and (orientation:portrait){#intro{padding:40px 0;}
#intro ul.stamps{width:100%;padding-top:40px;}
#intro ul.stamps li{float:none;width:100%;}
#portfolio{padding-bottom:40px;}
#team{padding:40px 0;}
.row .three_33.columns{margin-top:40px;}
.mobile-menu{display:block;}
.cbp-af-header{display:none;}
#impressionFader{margin:0;position:absolute;margin-top:0px;width:740px;text-align:center;z-index:9999;}
}
@media only screen
and (min-device-width:320px)
and (max-device-width:568px)
and (orientation:landscape){#intro{padding:20px 0;}
#intro ul.stamps{width:100%;padding-top:40px;}
#intro ul.stamps li{float:none;width:100%;}
#portfolio{padding-bottom:40px;}
#team{padding:40px 0;}
.row .three_33.columns{margin-top:40px;}
#impressionFader{position:relative;text-align:center;margin-top:20%;}
.cbp-bislideshow li .videocontainer video{display:none;}
.item{width:50%;max-height:none;> a{height:50%;}
&.tall{margin-bottom:-25.1%;&.shift1{.shift_grid(0.6666666);}
&.shift2{.shift_grid(1.3333333);}
&.shift3{.shift_grid(2);}
&.shift4{.shift_grid(2.6666666);}
&.shift5{.shift_grid(3.3333333);}
}
&.shift1{.shift_grid(1);}
&.shift2{.shift_grid(2);}
&.shift3{.shift_grid(3);}
&.shift4{.shift_grid(4);}
&.shift5{.shift_grid(5);}
}
}
@media only screen
and (min-device-width:320px)
and (max-device-width:568px)
and (orientation:portrait){#intro{padding:20px 0;}
#intro ul.stamps{width:100%;padding-bottom:40px;}
#intro ul.stamps li{float:none;width:100%;}
#portfolio{padding-top:40px;}
#team{padding:40px 0;}
.row .three_33.columns{margin-top:40px;}
#leadFader{position:relative;text-align:center;margin-top:70%;}
.cbp-bislideshow li .videocontainer video{display:none;}
}
@media screen and (max-width:768px){.mobile-menu{display:block;}
#intro ul.stamps{width:100%;}
#intro ul.stamps li{float:none;width:100%;}
.logo_filez{position:relative;width:100%;text-align:center;padding-top:100px;padding-left:0;margin:0;}
#leadFader{position:absolute;top:0px;right:0;bottom:0;left:0;margin:auto;width:100%;height:50px;margin-top:250px;}
#leadFader .Head{font-size:24px;line-height:30px;}
#leadFader .Sub{font-size:15px;}
#intersection, #client, #contact_intersection{background-size:auto;background-origin:content-box;}
.cbp-af-header{display:none;}
.separator{border-top:1px solid #EEEEEE;margin:40px auto 10px auto;width:10%;}
.slide_portfolio{padding:20px;}
#contact , #contact p{text-align:center;}
#footer p{text-align:center;}
}