body{color:#2d2d2d;} .container{max-width: 980px;} a,a:visited{color:#91c73d;} a:hover{color:#2d2d2d;text-decoration:none;} p{font-size:14px;line-height:24px;} section ul{font-size:13px;line-height:20px;} .red{color:#de003c;} .white{color:#ffffff;} .green{color:#91c73d;} .gray{color:#bbc5c0;} .text-shadow{text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.65);} header{} section{} h1{color:#e20237;font-family:"Open Sans";font-size:44px;font-weight:300;letter-spacing:-3px;} h2{color:#7e7e7e;font-family:"Open Sans";font-size:40px;font-weight:normal;letter-spacing:-2px;line-height: 42px;} h3{color:#7e7e7e;font-family:"Open Sans";font-size:30px;font-weight:normal;margin:0;letter-spacing:-1px;} a.learn-more{background: none repeat scroll 0 0 #7e7e7e; color: #FFFFFF; display: inline-block;font-size: 13px; padding: 6px 16px;text-decoration: none;border-radius: 12px; -webkit-transition: background-color .5s; -moz-transition: background-color .5s; -o-transition: background-color .5s; -ms-transition: background-color .5s; transition: background-color .5s; } a.learn-more:hover{background:#979797;} #header-outer{background:rgba(0,0,0,.25);position: relative; z-index: 2;} #header-outer-sub{background:rgba(0,0,0,1);} #logo{} #nav-wrapper{font-family:"Muli";} #nav-wrapper ul{margin:0;padding:0;} #nav-wrapper ul li{float:left;} #nav-wrapper ul li a{color:#ffffff;display:block;font-size:16px;font-weight:normal;padding:30px 20px;text-decoration:none;text-transform:lowercase; -webkit-transition: background-color .5s; -moz-transition: background-color .5s; -o-transition: background-color .5s; -ms-transition: background-color .5s; transition: background-color .5s; } #nav-wrapper ul li a:hover,#nav-wrapper ul li a.active{background:#91c73d;} #nav-wrapper ul li a#nav-home{font-family:"Lato";font-weight:100;font-size:44px;left:20px;letter-spacing:-.04em;position:relative;text-transform:none;top:6px;} #nav-wrapper ul li a#nav-woodtones,#nav-wrapper ul li a#nav-planks,#nav-wrapper ul li a#nav-images,#nav-wrapper ul li a#nav-logos,#nav-wrapper ul li a#nav-mlb, #nav-wrapper ul li a#nav-fad{left:25px;position:relative;top:29px;} #nav-wrapper ul li a img{border:0px;} #utility-phone{font-size:18px;position: relative;top: 29px;} #phone-icon img{height: 25px; margin: 0 10px 0 0; position: relative; top: -2px;} #home-banner{background: url("img/hm-home-bg.jpg") no-repeat fixed center top / cover;min-height:650px;position: relative; top: -83px; z-index: 1; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #home-banner .col7, #home-banner .col5{padding:32% 0 0;} /*#sub-banner .col7, #sub-banner .col5{padding:11% 0 0;}*/ #hm-banner-text{color:#ffffff;font-size:72px;line-height: 66px;text-align:right;} #banner-text{padding:20px 0 0;} #banner-text h1{font-size: 34px; letter-spacing: -2px; line-height: 40px; position: relative; top: -9px;} #sub-banner{background: rgba(0,0,0,1);margin:0 0 30px;padding:10px 0 0;} #sub-banner-text h1{font-size: 34px; letter-spacing: -2px; line-height: 40px; position: relative; top: -9px;} #sub-banner-text{padding:0;} #sub-build{border-top:1px solid #bbc5c0;margin-top: 40px; padding-top: 40px;} #welcome-wrapper{background: #91c73d none repeat scroll 0 0; color: #ffffff; overflow: hidden; padding: 30px 0; position: relative; top: -83px;} #welcome-wrapper img{background: #ffffff none repeat scroll 0 0; border-radius: 40px; height: 150px; padding:5px 15px;width: 150px;} #h2-home{font-size:36px;margin:0;} #welcome-wrapper a{color:#ffffff;text-decoration:underline;} #welcome-wrapper a:hover{color:#ffffff;text-decoration:none;} #home-dds{position:relative;top:-40px;} #home-dds a{opacity:1; -webkit-transition: opacity .5s; -moz-transition: opacity .5s; -o-transition: opacity .5s; -ms-transition: opacity .5s; transition: opacity .5s; } #home-dds a:hover{opacity:.8;} .home-svg{background: #91c73d none repeat scroll 0 0; border:0px; border-radius: 40px; height: 150px;} .sub-svg{background: #91c73d none repeat scroll 0 0; border-radius: 40px; height: auto;width:100%;} #drive-wrapper{background: url("img/home-drive-customers.jpg") no-repeat fixed center top / cover;margin:0 0 20px;overflow:hidden;padding:30px 0; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #drive-wrapper h2{font-size:40px;} #drive-wrapper p{font-size: 18px; line-height: 24px;} #projects{margin:40px 0;} #projects .col6{margin-bottom:40px;} .project-img{border: 1px solid #bbc5c0;height:auto;max-width:100%;border-radius: 30px;width:100%;opacity:1; -webkit-transition: opacity .5s; -moz-transition: opacity .5s; -o-transition: opacity .5s; -ms-transition: opacity .5s; transition: opacity .5s; } .project-img:hover{opacity:.8;} #projects h3{margin:10px 0;} #contact-form{font-size:16px;} input[type="text"], textarea, input[type="submit"], input[type="email"] {border: 1px solid #cecece;border-radius:6px;display:block;font-size: 16px;margin: 0 0 10px; padding: 10px; width: 95%;} input[type="submit"]{background: #91c73d none repeat scroll 0 0; border: 0 none; color: #ffffff;margin:0 auto;opacity:1;padding:10px 0;width:35%; -webkit-transition: opacity .5s; -moz-transition: opacity .5s; -o-transition: opacity .5s; -ms-transition: opacity .5s; transition: opacity .5s; } input[type="submit"]:hover{opacity:.8;} #free-stuff-text{display:block;font-weight:bold;margin:10px 0;} .g-recaptcha{margin:20px 0;} footer{background:#bbc5c0;color:#ffffff;font-size: 13px;margin:20px 0 0;padding:40px 0 0;} footer ul{list-style:none;margin:0;padding:0;} footer a, footer a:visited{color:#ffffff;text-decoration:none; -webkit-transition: color .5s; -moz-transition: color .5s; -o-transition: color .5s; -ms-transition: color .5s; transition: color .5s; } footer a#footer-home{color:#ffffff;} footer a:hover{color:#7e7e7e;} #footer-nav{text-transform:lowercase;} #footer-bars{border-top:1px solid #ffffff;border-bottom:1px solid #ffffff;margin: 30px 0 30px;padding: 10px 5px;} /*** Lightbox Styles ***/ /* Preload images body:after {content: url(/img/close.png) url(../img/loading.gif) url(/img/prev.png) url(/img/next.png); display: none;} .lightboxOverlay {position: absolute; top: 0; left: 0; z-index: 9999; background-color: #ffffff; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; display: none;} .lightbox {position: absolute; left: 0; width: 100%; z-index: 10000; text-align: center; line-height: 0; font-weight: normal;} .lightbox .lb-image {display: block;height: auto; max-width: inherit; outline: 10px solid #333333; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px;} .lightbox a img {border: none;} .lb-outerContainer {position: relative; background-color: #transparent; *zoom: 1; width: 250px; height: 250px; margin: 0 auto; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; } .lb-outerContainer:after {content: ""; display: table; clear: both;} .lb-container {padding: 10px;} .lb-loader {position: absolute; top: 43%; left: 0; height: 25%; width: 100%; text-align: center; line-height: 0;} .lb-cancel {display: block; width: 32px; height: 32px; margin: 0 auto; background: url(/img/loading.gif) no-repeat;} .lb-nav {position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10;} .lb-container > .nav {left: 0;} .lb-nav a {outline: none; background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');} .lb-prev, .lb-next {height: 100%; cursor: pointer; display: block;} .lb-nav a.lb-prev {width: 34%; left: 0; float: left; background: url(/img/prev.png) left 48% no-repeat; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity 0.6s; -moz-transition: opacity 0.6s; -o-transition: opacity 0.6s; transition: opacity 0.6s; } .lb-nav a.lb-prev:hover {filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1;} .lb-nav a.lb-next {width: 64%; right: 0; float: right; background: url(/img/next.png) right 48% no-repeat; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity 0.6s; -moz-transition: opacity 0.6s; -o-transition: opacity 0.6s; transition: opacity 0.6s; } .lb-nav a.lb-next:hover {filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1;} .lb-dataContainer {background:#transparent; margin: 0 auto; padding-top: 5px; *zoom: 1; width: 100%; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } .lb-dataContainer:after {content: ""; display: table; clear: both;} .lb-data {padding: 0 4px; color: #ccc;} .lb-data .lb-details {width: 85%; float: left; text-align: left; line-height: 1.1em;} .lb-data .lb-caption {background:#2d2d2d; color:#ffffff; font-size: 14px; font-weight: bold; line-height: 1em; padding:5px; position:relative; top:-6px; z-index:20000;} .lb-data .lb-number {display: block; clear: left; padding-bottom: 1em; font-size: 12px; color: #ffffff;} .lb-closeContainer{} .lb-data .lb-close, .lb-close {display: block; float: right; width: 54px; height: 34px; background: url(/img/close.png) top right no-repeat; text-align: right; outline: none; position:relative; left:-5px; top:29px; z-index:10000; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.9; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; } .lb-number{display:none!important;} .lb-data .lb-close:hover, .lb-close:hover {cursor: pointer; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1;}*/ @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) { #drive-wrapper{background: url("img/home-drive-customers.jpg") no-repeat scroll center top / cover;} #home-banner{background: url("img/hm-home-bg.jpg") no-repeat scroll center top / cover;} } @media (max-width:966px){ #home-banner .col5{padding:36% 0 0;} } @media (max-width: 940px){ section img{height:auto;max-width:100%;} #nav-wrapper ul li a{padding: 30px 15px;} #hm-banner-text.small-banner{font-size:60px;} } @media (max-width:767px){ #logo{margin:0 auto;} #header-outer {background: rgba(0, 0, 0, 1) none repeat scroll 0 0;padding:20px 0;} #header-outer-sub{padding:20px 0;} #nav-wrapper{background:none;} #nav-wrapper ul li a{border-bottom:1px solid #cecece;padding: 20px 15px;} a.nav-toggle{background:#91c73d;color:#ffffff;font-size:26px;margin:0 0 10px;text-align:center;text-decoration:none;text-transform:uppercase;} a.nav-toggle.active{background:transparent; color:#999999;} #utility-phone{margin: 10px 0 0;text-align:center;top:0px;} #home-banner .col7, #home-banner .col5{text-align:center;} #home-banner .col5.last{padding: 10% 0 0;} #sub-banner .col7, #sub-banner .col5{/*padding:20% 0 0;*/text-align:center;} #sub-banner .col5.last{/*padding: 5% 0 0;*/} #welcome-wrapper{text-align:center;} #h2-home{margin:10px 0;} #home-dds{text-align:center;top:-25px;} #home-dds .col4{border-bottom: 1px solid #bbc5c0; margin-bottom: 40px; padding: 0 0 40px;} .sub-svg{display:none;} #projects .col6{border-bottom: 1px solid #bbc5c0; margin-bottom: 50px; padding: 0 0 40px;} #projects .col6.final{border-bottom: 0px solid #bbc5c0;} } @media (max-width:640px){ #home-banner{min-height:500px;} #home-banner .col7, #home-banner .col5{padding: 40% 0 0;} #hm-banner-text.small-banner{font-size:40px;} }