/*
red: b80039
light grey / blue: dfe8ee
dark grey / blue: 3f4754
*/

body {/*font-family: "lato";*/ font-family: 'Zilla Slab', serif; color:#666; font-size:18px}
/*body (font-family: "fira-sans",sans-serif;}*/

a {color:#a8936a}
a:hover {color:#666}
a:focus {outline-style:none}
.home-services h2 {font-size:1.2rem;color:#a8936a}
.home-services a {font-weight:bold;color:#666}
.home-services img {padding:8px 0}
.home-services a.btn {color:#fff;font-weight:normal}
.home-service:hover {cursor: pointer; cursor: hand;}
.home-service i {color:#ccc;position:relative;top:0px;transition:0.3s all ease-out;-webkit-transition:0.3s all ease-out;}
.home-service:hover i , .home-service.on i {color:#a8936a;top:10px;transition:0.3s all ease-out;-webkit-transition:0.3s all ease-out;}

.container-fluid.header {padding-left:0px}

h1 {font-size:1.5rem; font-weight:900;}
.case-study-header h1 {font-size:2rem}

.pad-row {padding: 60px 0px}
.pad-row-lg {padding: 100px 0px}
.pad-row-top {padding-top:60px }

.background-orange {background:#ff3d00;}
.white {color:#ffffff;}
.orange {color:#ff6600;}

.bg1 {background:#e6f6f4}
.bg2 {background:#a8936a}
.bg3 {background:#eee}
.bg4 {background:#333}
.bg4 H1 {color:#a8936a}
.bg4 H4 {color:#fff}
.bg5 {background:#333}
.bg-fluid {background:url('/images/bg-fluid.jpg');background-size:cover;background-attachment:fixed}

.border-b-1 {border-bottom:1px dotted #eee}
.border-b-3 {border-bottom:3px dotted #eee}

.btn-primary {background:#a8936a;border-color:#a8936a}
.btn-primary:hover {background:#920430;border-color:#920430}

.header .logo {max-height:50px; padding-right:20px; padding-top:10px; padding-left:20px;}
.header {position:absolute; z-index:99;width:100%;display:block;background:transparent}
/*.sticky-nav-allowance {padding-top:103px}*/
.header .top-right {position:absolute;right:20px;top:35px;font-size:1.1rem}

ul.nav {font-size:1.3rem; font-weight:400}
ul.nav a {color:#a8936a; font-weight:900;}
ul.nav li {margin:0px}

.case-study-detail ul {margin-left:0;list-style-type:none}
.case-study-detail ul li {padding-left:30px;padding-bottom:6px}
.case-study-detail ul li i {color:#a8936a;margin-left:-30px;margin-right:16px}

.footer {color:#fff;font-size:0.8rem}
.footer a {color:#fff;text-decoration:underline}

#map {width:100%;height:450px}

button.btn-primary {background:#a8936a;border-color:#c54c71}
button.btn-primary:hover {background:#950b36}
button.no-border {border:0px}
button.square {border-radius:0px;-moz-border-radius:0px;-web-kit-border-radius:0px;}

.contact-row {color:#fff}
.contact-row p.tel {}
.contact-row a {color:#fff}
.g-recaptcha {transform:scale(0.77);transform-origin:0 0;}

ul.share-buttons { list-style: none; padding:5px;margin-bottom:0px}
ul.share-buttons li {float:left;margin-right:5px}

#feature {background:url('/images/feature_bg.jpg') #000 no-repeat;background-size:100%;color:#fff;font-size:16px;line-height:60px;height:400px}
#feature a {color:#fff;border:1px solid #a8936a;padding:10px 50px;font-size:20px;border-radius:5px}
#feature a:hover {text-decoration:none}
#feature .text {padding-top:120px;}
#feature .lead {font-size:35px}
#feature p {padding:10px;}
@media only screen and (max-width: 62em) { 
	#feature a {font-size:16px;font-weight:600}
	#feature .lead {font-size:25px;line-height:40px}
	#feature {background-size:300%;background-position:-220px;}
}

.case-study-buttons {border-bottom:3px dotted #eee; padding-top:80px;}
.case-study-buttons .next-prev-buttons {padding-left:0px}

.services-projects .card-title {font-size:1.2rem;min-height:80px;line-height:1.6rem}

.next-prev-buttons a {display:inline-block;background:#a8936a;color:#fff;padding:10px 20px;max-width:100px;text-align:center;}

#dave-animation img {margin:0 auto}

.service-detail {display:none}

.da-thumbs li a div span {position:absolute;bottom:40px;width:100%;text-transform: none;font-size:1rem;padding:0 0 20px 0;text-align:center; font-weight:900;}

.home-services-mobile ul {list-style-type:none;margin-bottom:0px}
.home-services-mobile ul li {clear:both;margin-bottom:1px;padding-bottom:0px;;-moz-opacity: 0;opacity:0;}
.home-services-mobile ul li a {width:70%;float:right;margin-bottom:1px}
.home-services-mobile span {display:block;}
.home-services-mobile span.icon {background:#000;background-size:45%;background-repeat:no-repeat;background-position:center 15px;height:60px;width:15%;float:left;}
.home-services-mobile span.txt {width:85%;background:#eee;height:60px;float:right}
.home-services-mobile span.txt p {font-size:1.1rem;color:#666;text-align:left;padding:19px 0 0 20px;}
.home-services-mobile .col-xs-12 {padding:0px}

.home-services-mobile ul li.on {-moz-opacity:1;opacity:1;transition:0.8s all}
.home-services-mobile ul li.on a {width:100%;transition:0.2s all;}

.contact-details {font-size:.9rem}

.sgp-case-study .bg-1 {background: url("/images/work/case_studies/sgp-bg1.jpg"); background-size:cover; background-attachment: fixed; background-position: 0 0; }
.sgp-case-study .bg-2 {background: url("/images/work/case_studies/sgp-bg2.jpg"); background-size:cover; min-height:600px;}

h2.row-title {font-size:40px; position:relative; text-align:center;}
h2.row-title span::before {border-bottom: 4px solid #ff6600; content: ""; left: 50%; margin-left: -30px; margin-top: 30px; position: absolute; width: 60px; padding-bottom:30px;}
h2.row-title-left {font-size:40px; position:relative;}

h2.statement {display:inline-block; font-weight:bold; color:#ffffff; font-size:40px; border-bottom:3px solid #ff6600;}


.feature-video {background:#000}
.feature-video.mobile {background-image:url('/images/video-replacement.jpg');background-size:140%;background-repeat:no-repeat}
.container.video-background {padding:0px;}
.video-background {overflow:hidden;height:100vh;position:relative;z-index:10}
.video-background video { position: relative;top: 0px;left: 0px;width: 100vw; z-index: -100;background: url('/flow.jpg') no-repeat center top #000; transition: 1s opacity;opacity:0.5;-moz-opacity:0.5;-web-kit-opacity:0.5}
.feature-video #overlay {position:absolute;width:100%;top:40vh;text-align:center}
.feature-video #overlay h2 {position:relative;color:#fff;font-size:3rem;top:100px;-moz-opacity:0;opacity:0;-web-kit-opacity:0;}
.feature-video #overlay.load h2 {top:0px;transition:0.4s all;-moz-opacity:1;opacity:1;-web-kit-opacity:1; font-weight:900;}
.feature-video #overlay p {position:relative;color:#a8936a; top:100px;-moz-opacity:0;opacity:0;-web-kit-opacity:0; padding:0px;}
.feature-video #overlay.load p {top:0px;transition:0.4s all;-moz-opacity:1;opacity:1;-web-kit-opacity:1;}
.feature-video #overlay a.btn {position:relative;top:100px;-moz-opacity:0;opacity:0;-web-kit-opacity:0;background:none}
.feature-video #overlay.load a.btn {top:50px;-moz-opacity:1;opacity:1;-web-kit-opacity:1;transition:0.8s all}
.feature-video #overlay img {margin-bottom:20px;position:relative;top:50px;-moz-opacity:0;opacity:0;-web-kit-opacity:0;}
.feature-video #overlay.load img {top:0px;-moz-opacity:1;opacity:1;-web-kit-opacity:1;transition:0.3s all}

.grad1 {
	height: auto;
    background: #350f02;
    background: -webkit-linear-gradient(#000000, #350f02);
    background: -o-linear-gradient(#000000, #350f02);
    background: -moz-linear-gradient(#000000, #350f02);
    background: linear-gradient(#000000, #350f02);
}


/* =================== Media Classes ==================== */




/* XL-up */
@media only screen and (min-width: 80em) { 
}

/* XXL-up */
@media only screen and (min-width: 120em) { 
}

/* LG-down */
@media only screen and (max-width: 75em) { 
	
}

/* MD-down*/
@media only screen and (max-width: 62em) { 
	.case-study-header h1 {font-size:1.5rem}
	.case-study-header h4 {font-size:1.2rem}
	.feature-video #overlay h2 {font-size:30px !important}
	.home-services-mobile span.icon {background-size:25%;}
} 

/* SM-down */
@media only screen and (max-width: 48em) { 
	.header .logo img {width:120px}
	.header {position:absolute;}
	.feature-slider {padding-top:50px}
	ul.nav {margin-top:7px;font-size:1rem; padding-left:50px;}
	ul.nav.nav-inline li.nav-item {margin-left:5px;padding-right:5px;font-size:1rem}
	.header .top-right {display:none}
	.sticky-nav-allowance {padding-top:0px}
	.feature-video #overlay h2 {font-size:23px !important}
	.home-services-mobile span.icon {background-size:35%;}
}

/* XS */
@media only screen and (max-width: 34em) { 
	.case-study-buttons .next-prev-buttons {padding-left:0.9375rem}
	.feature-video #overlay h2 {font-size:30px !important}
	.video-background {height:100vh !important}
	.video-background video {width:250%; overflow:hidden; margin-left:-50vw;}
	.feature-video #overlay {top: 40vh !important;}
	.home-services-mobile span.icon {background-size:45%;}
}