@charset "UTF-8";
/* General */
body {font-family: 'Source Sans Pro', sans-serif; color:#444444;}
p {font-size:18px;}
img {max-width:100%;}
a, a:hover {color:#444444;}
a:focus {outline:none;}
p a, p a:visited {text-decoration: underline;}
p a:hover {text-decoration: none;}
.cleaner {clear:both;}
.page-row .container {display:table; height:100%;}
.page-row .container .page-row-content {display:table-cell; height:100%; width:100%; vertical-align:middle; padding-left:100px; padding-right:100px;}
.page-row h1, .page-row h2 {color:#FFF; text-transform:uppercase; font-size:114px; font-weight:200; margin-top:0; margin-bottom:16px;}
.button {color:#FFF; border:#FFF 1px solid; font-size:18px; height:43px; line-height:39px; display:inline-block; padding:0 25px 0; min-width:145px; text-align:center;}
.button:hover {color:#FFF; text-decoration:none;}
#page-content a.button {color:#444444; border:1px solid #444444;}
#page-content a.button:hover {color:#444444; }
.mask {position:absolute; background-size:100% 100% !important; width:100%;}
#page-content {position:relative; padding-bottom:150px; padding-top:60px;}
#page-content .container {padding-left:100px; padding-right:100px;}
#page-content h2 {font-size: 40px; font-weight:300; margin-bottom:36px;}
#page-content h2:first-child {margin-top:0;}
#page-content p + p {margin-top:28px;}
#page-content .thirds-images {margin-top:38px; margin-bottom:55px;}
#page-content .thirds-images .col-md-4 {padding-left:18px; padding-right:18px;}
.thirds-images img {width:100%;}
.text-right {text-align:right;}
.fancybox-title {text-align:center; font-size: 18px; font-weight:200;}
.fancybox-skin {border-radius:0;}
.fancybox-prev span, .fancybox-next span {height: 91px; margin-top:-45px; width:45px; background-size:100% 100% !important;}
.fancybox-prev span {background:url('../images/fancybox-previous.png')no-repeat right center; left:-1px;}
.fancybox-next span {background:url('../images/fancybox-next.png')no-repeat right center; right:-1px;}
.fancybox-close {z-index:-1; width:67px; height:52px; background-size:100% 100% !important; background:url('../images/fancybox-close.png') no-repeat center center; right:-40px; top:-30px;}
.fancybox-nav:focus {outline:none;}
#white-v-mask {height:100px; background: url('../images/white-v-mask.png ')no-repeat center bottom; bottom:-1px;}
.tablet-only, .phone-only {display:none !important;}
#bottom-contact-cta .button:hover, #home-first-row .button:hover, #home-second-row .button:hover, #home-third-row .button:hover {background:#FFF; color:#444; text-decoration:none;}
#page-content a.button:hover {background: #444; color:#FFF; }
h3 {font-weight:500; padding-top:15px;}
h3.less-space {padding-top:0; margin-top:0;}
ul {font-size:18px;}
ul.text-right {list-style:none;}
ul.text-right li {margin-right: 20px;}
ul.text-right li:after {padding-left:15px; content:"•"; font-size:27px; line-height:18px;}

/* Header */
header {background:url('../images/grey-transparency-bg.png') repeat center center; max-height:54px; min-height:54px; width:100%; position:absolute; z-index:9;}
header .container {position:relative;}
#logo {width:244px; position:absolute; top:20px; left:15px }
#logo img {width:100%;}
header #nav {float:right; text-align:right; width:570px; list-style-type:none; padding-left:0; margin-bottom:0; height:100%; margin-top:12px; }
header #nav li {display:inline-block; margin-left:82px;}
header #nav li:first-child {margin-left:0;}
header #nav li a {color:#FFF; font-size:18px;}
header #nav li a:hover, header #nav li a.active {color:#A7C938; text-decoration:none;}

/* Footer */
#bottom-row-mask {height:100px; background:url('../images/bottom-row-mask.png')no-repeat center center; bottom:0;}
#bottom-contact-cta {background-color: #363636; color:#FFF; text-align:center; padding-top:80px; padding-bottom:84px;}
#bottom-contact-cta .button{margin-top:45px;}
 
footer {text-align:center; background-color:#222222; padding-top:15px; padding-bottom:5px;}
footer p, footer a, footer a:hover {color:#777777; font-size:15px;}
footer a img {width:11px; position:relative; top:-2px; margin-right:5px; margin-left:5px;}
#copyright-info .separator {margin-left:5px;}

/* Full Width Images */
.banner img {width:100%;}

/* Homepage */
#home-first-row {background:url(../images/home-first-row-bg.jpg) no-repeat center center; background-size:100% 100%; height: 489px; text-align:right;}
#home-second-row {height:790px; background:url(../images/haus_40.jpg) no-repeat center center; background-size:cover; position:relative;}
#home-second-row .button {background:url(../images/transparent-button-bg.png) repeat center center;}
#home-second-row-top-mask {top:0; left:0; background:url(../images/home-second-row-top-mask.png) no-repeat center center; height:158px;}
#home-second-row-bottom-mask {background:url(../images/home-second-row-bottom-mask.png) no-repeat center center; height:135px; bottom:-1px; left:0;}
#home-third-row {height: 593px; background:url(../images/home-third-row-bg.jpg) no-repeat center center; background-size:100% 100%; position:relative; text-align:center; padding-bottom:100px;}


/* Homepage Slideshow */
#homepage-slideshow {height: 853px; position:relative;}
#homepage-slideshow #home-slider-mask {height:126px; background:url(../images/home-slider-mask.png) no-repeat center center; bottom:-1px; left:0;}
#homepage-slideshow  ul {width:100%; height:100%; margin-bottom:0; list-style-type:none; padding-left:0; position:relative; background-size:cover !important; background-repeat:no-repeat; background-position:center center;}
#homepage-slideshow li { width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    color: transparent;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: none;
    z-index: 0;
	opacity:0;
    -webkit-animation: imageAnimation3 15s linear infinite 0s;
	animation: imageAnimation3 15s linear infinite 0s; 
	display:block;
	}
#homepage-slideshow li + li  {-webkit-animation-delay:5s; animation-delay:5s;}
#homepage-slideshow li + li + li {-webkit-animation-delay:10s; animation-delay:10s;}
#homepage-slideshow li {background-image:url('../images/homepage-slide1.jpg');}
#homepage-slideshow li + li {background-image:url('../images/homepage-slide2.jpg'); }
#homepage-slideshow li + li + li {background-image:url('../images/homepage-slide3.jpg');}
@-webkit-keyframes imageAnimation3 { 
    0% { opacity: 0; animation-timing-function: ease-in; }
	16% {opacity:1; animation-timing-function: ease-out; }
    33% { opacity: 1; }
    49% { opacity: 0; }
    100% { opacity: 0; }
}
@keyframes imageAnimation3 { 
    0% { opacity: 0; animation-timing-function: ease-in; }
	16% {opacity:1; animation-timing-function: ease-out; }
    33% { opacity: 1; }
    49% { opacity: 0; }
    100% { opacity: 0; }
}

/* Ideals Page */
.ideals-page #banner {background: url('../images/ideals-banner.png') no-repeat center center; height:500px; background-size:cover; position:relative; text-align:right; padding-bottom:44px;}
#ideals-banner-mask {background: url('../images/left-offset-white-mask.png ')no-repeat center bottom; height: 160px; bottom:0;}
.ideals-page #page-content p {text-align:justify;}
span.quote-attribute {font-style:italic;padding-left:10px;}

/* Work Page */
.work-page #banner {background: url('../images/work-page-banner.jpg') no-repeat center center; background-size:cover; position:relative; height:444px; padding-top:11px;}
#work-banner-mask {height:100px; background: url('../images/work-banner-mask.png ')no-repeat center bottom; bottom:-1px;}
.work-row .work-project-info .desc {float:left; width:75%;}
.work-row .work-project-info a.button {float:right; }
.work-row + .work-row {margin-top:100px;}
.work-row .work-carousel {margin-top: 42px; }
.work-row .work-carousel i {font-size: 38px;}
.work-row .work-carousel .owl-prev, .work-row .work-carousel .owl-next {width: 30px; position:absolute; top:50%; margin-top:-10px;}
.work-row .work-carousel .owl-prev {left:-40px;}
.work-row .work-carousel .owl-next {right:-40px; text-align:right;}

/* Buzz Page */
.buzz-page #banner {height: 414px; padding-bottom:47px; text-align:center; padding-top:90px; background: url('../images/buzz-banner.png') no-repeat center center; background-size:cover; position:relative; }
.buzz-row .left-column {width:66.6666%; float:left;}
.buzz-row .right-column {width:33.3333%; float:right; padding-left: 50px; padding-top:10px;}
#page-content .buzz-row h2 {margin-bottom: 10px;}
.buzz-row .publication {font-style:italic; font-size:31px; font-weight:200;}
.buzz-row a.button {margin-top: 32px;}
.buzz-row {padding-bottom:75px;}
.buzz-row + .buzz-row {border-top:1px solid #888888; padding-top:75px;  }
.buzz-row:last-of-type {padding-bottom:0;}

/* Contact */
.contact-page #page-content {padding-bottom:60px;}
.contact-page #banner {height: 414px; text-align:center; padding-top:90px; background-color:#363636; background-size:cover; position:relative;padding-bottom:47px; }
#contact-form-container {width:668px; margin-left:auto; margin-right:auto; margin-top:40px;}
.contact-form-top-info {text-align:center; margin-bottom:10px;}
.contact-form-top-info .bullet {margin:0 9px;}
#contact-form input, #contact-form textarea {width:100%; border:1px solid #444444; padding-left:15px;}
#contact-form input {height:43px; margin-bottom: 7px; margin-top:7px;}
#contact-form textarea {height: 143px; resize:none; padding-top:10px; margin-bottom:10px; margin-top:7px;}
::-webkit-input-placeholder {color: #444; opacity:1 !important; font-size:18px;}
:-moz-placeholder {color: #444; opacity:1 !important; font-size:18px;}
::-moz-placeholder {color: #444; opacity:1 !important; font-size:18px;}
:-ms-input-placeholder {color: #444; opacity:1 !important; font-size:18px; }
#contact-form  #submit-button {background:#363636; width: 145px; display:block; margin-left:auto; margin-right:auto; text-align:center; padding-left:0; padding-right:0; margin-bottom:0;}
#contact-form input.error, #contact-form textarea.error{border: 1px solid #FF0000;}
#contact-form label.error {color:#FF0000; font-weight:200; padding-left:10px; margin-top:5px; margin-bottom:7px;}
#contact-form .form-item {position:relative;}
#contact-form .form-item i {display:none; position:absolute; right:-30px; color: #A2C241; font-size: 20px; top:50%; margin-top:-10px;}
#contact-form .form-item .valid + i, #contact-form .form-item .valid + label + i  {display:block;}
#contact-form #submit-button:hover {background-color:#FFF; color:#363636; border:1px solid #363636;}
#contact-address {text-align:center; margin-top:40px;}
#contact-address img {width: 70%; max-width: 300px;}

/* Contact Form Success */
#success-check-circle {width: 237px; display:block; margin-left:auto; margin-right:auto; margin-top:42px;}
#thank-you-msg {text-align:center; font-size: 24px; margin-bottom:0; margin-top:40px;}

/* Media Queries */
@media screen and (max-width: 1199px){
	#homepage-slideshow {height:700px;}
}

@media screen and (min-width: 992px){
#nav {display:block !important;}	
}
@media screen and (max-width: 991px){
	/* General*/
	.tablet-only {display:block !important;}
	.tablet-hidden {display:none !important;}
	.page-row .container {padding-left:40px; padding-right:40px;}
	.page-row .container .page-row-content {padding-left:0; padding-right:0;}
	#page-content .container {padding-left:40px; padding-right:40px;}
	#page-content h2 {margin-bottom:28px;}
	#white-v-mask {height:50px;}
	
	/* Header */
	header {min-height:73px; max-height:73px;}
	header .container {padding-left:40px; padding-right:40px;}
	#logo {top:37px; left:40px;}
	header #nav {display:none; position:fixed; top:0; left:0; background:#0D0D0D; height:100%; margin-top:0; width:232px; text-align:left; padding-top: 35px;}
	header #nav li {display:block; margin-left:0;}
	header #nav li + li {margin-top:30px;}
	header #nav li a {padding:5px 0 5px 50px; display:block;}
	#mobile-menu-toggle {width: 38px; float:right; cursor:pointer; box-sizing:content-box; padding:5px; margin-top:18px;}
	
	/* Footer */
	#bottom-contact-cta {padding-top:22px; padding-bottom:58px;}
	#bottom-row-mask {height:70px;}
	#bottom-contact-cta .button {margin-top:18px;}
	
	/* Homepage */
	#homepage-slideshow {height:615px;}
	#homepage-slideshow #home-slider-mask {height:91px;}
	#home-first-row {height:334px;}
	#home-second-row-top-mask {height:107px;}
	#home-second-row {height:542px;}
	#home-second-row-bottom-mask {height:74px;}
	#home-third-row {height:416px; padding-bottom:70px;}
	
	/* Ideals */
	.ideals-page #banner {height:370px; padding-bottom:0;}
	#ideals-banner-mask {height:88px;}
	#page-content .thirds-images .col-md-4 {width:33.333%; float:left; padding-left:12px; padding-right:12px;}
	#page-content .thirds-images .row {margin-left:-12px; margin-right:-12px;}
	
	/* Work */
	.work-page #banner {height:400px;}
	#work-banner-mask {height:53px;}
	.work-row .work-carousel .owl-prev, .work-row .work-carousel .owl-next {margin-top:-18px;}
	.work-row .work-carousel {margin-top:16px;}
	.work-row + .work-row {margin-top:50px;}
	.work-row .work-carousel .owl-prev {left:-34px;}
	.work-row .work-carousel .owl-next {right:-34px;}
	
	/* Buzz */
	.buzz-page #banner {height:350px; padding-bottom:0; padding-top:50px;}
	.buzz-row .left-column {float:none; width:100%;}
	.buzz-row img {max-width:290px; margin-bottom:20px;}
	.buzz-row {padding-bottom:45px;}
	.buzz-row + .buzz-row {padding-top:45px;}
	.buzz-row .publication {margin-top:12px; margin-bottom:26px;}
	.buzz-row a.button {margin-top:12px;}
	
	/* Contact */
	.contact-page #banner {height:350px; padding-bottom:0; padding-top:50px;}
	#contact-form #submit-button {margin-top:18px;}
}
@media screen and (min-width:768px) {
	a.phone-link {pointer-events:none;text-decoration:none;}	
}


@media screen and (max-width:767px) {

/* General */
p {font-size:16px;}

.page-row h1, .page-row h2 {font-size:50px; margin-bottom:10px;}
.page-row .container {width:100%; padding-left:25px; padding-right:25px;}
#page-content {padding-top:36px; padding-bottom:90px;}
#page-content .container {padding-left:25px; padding-right:25px;}
#page-content h2 {font-size:30px; line-height:36px;}
.fancybox-close {width:32px; height:37px; right:-18px; top:-24px;}
.fancybox-prev span, .fancybox-next span {height:50px; width:25px; margin-top:-25px;}
#white-v-mask {height:21px;}

/* Header */
header .container {padding-left:25px; padding-right:25px;}
header {min-height:61px; max-height:61px;}
#mobile-menu-toggle {margin-top:13px; margin-left:-5px;}
#logo {width:176px; top:36px; left:25px;}
header #nav {width:160px; padding-top:16px;}
header #nav li a {padding-left:25px;}

/* Footer */
footer {padding-top:5px; padding-bottom:8px;}
#bottom-row-mask {height:28px;}
#bottom-contact-cta {padding-bottom:32px;}
#bottom-contact-cta p {font-size:18px;}
#bottom-contact-cta .button {font-size:18px; height:43px; line-height:39px;}
#copyright-info .separator {display:none;}
#copyright-info {margin-bottom:0;}
#copyright-info a {display:block; width:230px; margin-left:auto; margin-right:auto; }


/* Homepage */
.homepage .button {font-size:14px; height:34px; line-height:30px;}
#homepage-slideshow {height: 287px;}	
#homepage-slideshow #home-slider-mask {height:39px;}
#home-first-row {height:140px; padding-bottom:20px;}
#home-second-row-top-mask {height:45px;}
#home-second-row {height:235px;}
#home-second-row-bottom-mask {height:34px;}
#home-third-row {height:196px; padding-bottom:40px;}

/* Ideals */
.ideals-page #banner {height:192px; padding-top:47px;}
#ideals-banner-mask {height: 48px;}
.ideals-page #page-content p {text-align:left;}
#page-content .thirds-images .col-md-4 {float:none; width:100%; padding-left:0; padding-right:0;}
#page-content .thirds-images .row {margin-left:0; margin-right:0;}
#page-content .thirds-images .col-md-4 + .col-md-4 {margin-top: 38px;}
#page-content .thirds-images {margin-top:30px; margin-bottom:30px;}
.ideals-page .text-right {text-align:left;}

/* Work */
.work-page #banner {height:230px; padding-top:80px;}
#work-banner-mask {height:24px;}
.work-row {padding-bottom:40px;}
.work-row + .work-row {margin-top:0; padding-top:30px; border-top:1px solid #888888;}
.work-row .work-project-info .desc {float:none; width:100%;}
.work-row .work-project-info a.button {float:none; margin-top:18px; margin-bottom:18px;}
.work-row .work-carousel .owl-prev, .work-row .work-carousel .owl-next {width:16px;}
.work-row .work-carousel .owl-prev {left:-21px;}
.work-row .work-carousel .owl-next {right:-21px;}

/* Buzz */
.buzz-page #banner {height:176px; padding-top:84px;}
.buzz-row .publication {font-size:25px; margin-bottom:8px;}

/* Contact */
.contact-page #banner {height:176px; padding-top:84px;}
#contact-form-container {width:100%;}
#contact-form-container {margin-top:28px;}
.contact-form-top-info {margin-bottom:20px; font-size:18px;}
.contact-form-top-info .bullet {display:block; margin:0;}
#contact-form #submit-button {margin-top: 18px;}
#contact-address {margin-top:28px;}
}

/*Custom css*/
.work-object-cover .owl-item{    height: 217.75px;   position: relative;}
.work-object-cover .owl-item img{position: absolute;   top: 0;    height: 100%;    width: 100%;    left: 0;    object-fit: cover;}

.work-object-contain .owl-item{    height: 217.75px;   position: relative;}
.work-object-contain .owl-item img{position: absolute;   top: 0;    height: 100%;    width: 100%;    left: 0;    object-fit: contain;}