body{color:#2d2d2d;font-family:"Raleway";} .container{max-width: 980px;} a,a:visited{color:#d44c34;} a:hover{color:#2d2d2d;text-decoration:none;} p{font-size:14px;line-height:24px;} section ul{font-size:14px;line-height:24px;} img{max-width:100%;} #logo img{max-width:50%;} .red{color:#de003c;} .white{color:#ffffff;} .green{color:#d44c34;} .gray{color:#bbc5c0;} .text-shadow{text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.65);} .divider{background:#c3c3c3;height:1px;margin:60px auto;width:50%;} header{position: relative; z-index: 10000;} section{} h1{color:#d44c34;font-family:"Raleway";font-size:36px;font-weight:300;letter-spacing:-1px;} h2{color:#2d2d2d;font-family:"Raleway";font-size:28px;font-weight:normal;letter-spacing:-2px;line-height: 42px;} h3{color:#2d2d2d;font-family:"Raleway";font-size:20px;font-weight:normal;margin:0;letter-spacing:-1px;} a.learn-more, #home-dds a.learn-more{background: none repeat scroll 0 0 #d44c34; color: #FFFFFF; display: inline-block;font-size: 13px; padding: 6px 16px;text-decoration: none; -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, #home-dds a.learn-more:hover{background:#979797;} #header-outer{background:rgba(255,255,255,1);position: relative; z-index: 2;} #header-outer-sub{background:rgba(0,0,0,1);} #logo-nav-wrapper{padding:20px 0;} #logo{} #nav-wrapper{font-family:"Raleway";} #nav-wrapper ul{float:right;margin:0;padding:0;} #nav-wrapper ul li{float:left;margin: 0 0 0 20px;} #nav-wrapper ul li a{border-bottom:#ffffff 1px solid;color:#d44c34;display:block;font-size:13px;font-weight:normal;padding:10px 0 5px;text-decoration:none;text-transform:uppercase; -webkit-transition: border-bottom .5s; -moz-transition: border-bottom .5s; -o-transition: border-bottom .5s; -ms-transition: border-bottom .5s; transition: border-bottom .5s; } #nav-wrapper ul li a:hover,#nav-wrapper ul li a.active{border-bottom:#d44c34 1px solid;} #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;} /* hidden fixed navigation */ #fixedbar { -webkit-backface-visibility: hidden; display: none; position: fixed; top: 0; width: 100%; background: #2e2e2e; } #fixednav { display: block; width: 100%; margin: 0 auto; text-align:center; } #fixednav a { font-size: 13px; font-weight: bold; color: #ffffff; line-height: 80px; text-decoration: none; padding: 0px 8px; margin-right: 6px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; border-bottom:none; } #fixednav a:hover { color: #fff; background: rgba(0,0,0,0.3); border-bottom:none; } #utility-phone{background:#d44c34;color:#ffffff;font-size:18px;padding:5px 0;text-align:right;} #phone-icon img{height: 25px; margin: 0 10px 0 0; position: relative; top: -2px;} /*#home-banner{background: url("img/banner-image-1.jpg") no-repeat fixed center top / cover;height:620px;position: relative; z-index: 1; #home-banner{background: url("/img/banner-image.jpg") no-repeat center top / cover;height:620px;position: relative; z-index: 1; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }*/ .slText{background:rgba(212,76,52,.85);font-size:inherit;padding:30px 60px;width:auto;} .headertext{display:block;font-size:40px;line-height:48px;margin:0 0 20px;} .subtext{display:block;font-size:20px;line-height:28px;} #banner-colrow{height:620px;} #banner-text-wrapper{background: rgba(26,54,110,.75)} #gdhwd-banner-text{color:#ffffff;font-size:44px;font-weight:300;line-height: 50px;margin:0 0 20px;text-align:center;} #banner-text-wrapper-inner{padding:40px 83px 30px 30px;} #banner-text{padding:20px 0 0;text-align:center;} #banner-text h2{font-size: 24px; letter-spacing: -1px; line-height: 32px; margin:0 auto 40px;position: relative; top: -9px;width:60%;} #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{ padding: 30px 0; position: relative;} #welcome-wrapper{font-weight:300;} #h2-home{font-size:36px;margin:0;} #home-dds{overflow:hidden;padding:0 0 50px;position:relative;} #home-dds h3{margin:10px 0;} #home-dds p{font-weight:300;} #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-dds .col4{text-align:center;} .home-icon{border:0px; height: 125px;} .sub-svg{background: #d44c34 none repeat scroll 0 0; border-radius: 40px; height: auto;width:100%;} .blue-wrapper{background: #d44c34;color:#ffffff;font-size:28px;font-weight:600;line-height:32px;margin:0;overflow:hidden;padding:50px 20px;text-align:center;} #beer-banner{background: url("/img/beer-banner.jpg") no-repeat center top / cover;height:490px;position: relative; z-index: 1; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #beer-banner-colrow, #wine-banner-colrow,#spirits-banner-colrow{height:490px;} #beer-banner-text-wrapper, #wine-banner-text-wrapper,#spirits-banner-text-wrapper{text-align: center;width: 100%;} #beer-banner-text-wrapper-inner, #wine-banner-text-wrapper-inner,#spirits-banner-text-wrapper-inner{} #beer-banner-text,#wine-banner-text,#spirits-banner-text{font-size:72px;font-weight:600;line-height: 70px;text-align:center;} #beer-overview,#wine-overview,#spirits-overview{margin:60px 0;text-align:center;} #beer-overview .col4,#wine-overview .col4,#spirits-overview .col4{min-height:520px;} #beer-overview h3,#wine-overview h3,#spirits-overview h3{font-size:24px;} #beer-overview img,#wine-overview img,#spirits-overview img{max-width:80%;} #wine-banner{background: url("/img/wine-banner.jpg") no-repeat center top / cover;height:490px;position: relative; z-index: 1; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #spirits-banner{background: url("/img/spirits-banner.jpg") no-repeat center top / cover;height:490px;position: relative; z-index: 1; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .drink-title{font-size:16px;font-weight:bold;margin:10px 0 0;} .drink-description{margin:0 0 50px;} .ls-nav a{margin:0 1px 1px 0;} #accounts-banner-text [class$="-arrow"] {background-image: url(/img/arrow-left.png);height: 40px;opacity:1;top:40%;width: 40px;} #accounts-banner-text [class$="-arrow"].ls-nav-right-arrow{background-image: url(/img/arrow-right.png);} #team-banner{background: url("/img/company-photo.jpg") no-repeat center top / cover;height:800px;position: relative; z-index: 1; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #team-banner-colrow{height:430px;} #team{margin:50px auto;overflow:hidden;} #team h3, #testimonials-banner-text h3{font-size:24px;font-weight:700;} .gray-wrapper{background: #f8f8f8;margin:60px 0;overflow:hidden;padding:50px 0;} .white-wrapper{margin:20px 0;overflow:hidden;} .gray-wrapper h3,.white-wrapper h3{font-size:26px;font-weight:300;margin:0 0 20px;} .gray-wrapper p strong, .white-wrapper p strong{font-weight:700;} .gray-wrapper p, .white-wrapper p{/*font-size: 13px;*/ font-weight:300;/*line-height: 20px;*/} .gray-wrapper.last{margin:60px 0 0;} #sales-banner{background: url("/img/sales-territory-banner.jpg") no-repeat center top / cover;height:683px;position: relative; z-index: 1; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #sales-colrow{height:683px;} #sales-banner{margin:60px 0 0;} #sales-banner-text p{color:#2d2d2d;font-weight:600;} #sales-banner-text img{max-width:575px;} #sales-banner h2{color:#d44c34;font-size:40px;margin:30px 0 20px;} #accounts-banner{} #accounts-banner-text{} #testimonials-banner{padding:30px 0;} #testimonials-banner h2{color:#d44c34;font-size:40px;margin:10px 0 20px;} #accounts-banner-text{padding:30px 0;} #accounts-banner-text h2{color:#d44c34;font-size:40px;margin:10px 0 20px;} #slider-retail-partners.liquid-slider{background:none;} #accounts-banner-text #slider-retail-partners h2{color: #2d2d2d;font-family: "Raleway";font-size: 28px;font-weight: normal;letter-spacing: -2px;line-height: 42px;} #slider-retail-partners a{display:inline-block;margin:0 30px 20px;text-decoration:none;} #accounts-banner-text-wrapper img{margin:0 0 5px;} #trade-show-banner{background: url("/img/trade-show-banner.jpg") no-repeat center top / cover;padding:30px 0;position: relative; z-index: 1; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #trade-show-colrow{} #trade-show-banner{margin:0;} #trade-show-banner-text p{color:#2d2d2d;font-weight:600;} #trade-show-banner h2{color:#d44c34;font-size:40px;margin:30px 0 20px;} #trade-show-banner-text ul{list-style:none;margin:8px 0 30px;padding:0;} #trade-show-banner-text ul li{font-size:13px;margin:0 0 3px;} #trade-show-banner-text img{max-width:320px;} #contact-banner{background: url("/img/contact-banner.jpg") no-repeat center top / cover;padding:30px 0;position: relative; z-index: 1; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #contact-banner-colrow{} #contact-banner-text-wrapper{background: rgba(255,255,255,1)} #contact-banner-text{color:#ffffff;font-size:44px;font-weight:300;line-height: 50px;margin:0 0 20px;text-align:center;} #contact-banner-text-wrapper-inner{overflow:hidden;padding:10px 30px 30px 30px;} #contact-banner-text{padding:20px 0 0;text-align:center;} #contact-banner-text h2{color:#d44c34;font-size:40px;margin:0 0 20px;} .ls-responsive .liquid-slider{margin:0 0 30px;} .liquid-slider p.last{margin:0;} .home-green-bar{background:#d44c34;height:2px;margin:0 0 20px;width:100px;} .short-blue-bar{background:#d44c34;height:2px;margin:0 auto 20px;width:100px;} #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;} #adjusters .col6{padding:0 0 30px;} #contact-form{font-size:16px;margin:0 0 20px;} 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: #d44c34 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;} #contact-map{margin:40px 0 0;} .g-recaptcha{margin:20px 0;} a.back-to-top { display: none; width: 60px; height: 60px; position: fixed; z-index: 999; right: 20px; bottom: 20px; -webkit-backface-visibility: hidden; } footer{background:#d44c34;color:#ffffff;font-size: 13px;margin:0;padding:40px 0 20px;} 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{} #footer-bar{background:#b53b25;clear:both;height:1px;margin:20px 0;} /*** 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/banner-image.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;} #logo{margin:0 auto;} #header-outer {} #header-outer-sub{padding:20px 0;} #banner-colrow.flex{display:flex;display:webkit-flex;} #logo-nav-wrapper{text-align:center;} #nav-wrapper{background:none;margin:20px 0 0;} #nav-wrapper ul li{margin:0;} #nav-wrapper ul li a{background:#f3f3f3;border-bottom:1px solid #cecece;padding: 20px 15px; -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{background:#cecece;} a.nav-toggle{background:#d44c34;color:#ffffff;font-size:26px;margin:0 auto;text-align:center;text-decoration:none;text-transform:uppercase;width:75%} a.nav-toggle.active{background:transparent; color:#999999;} #utility-phone{text-align:center;top:0px;} #company-banner-colrow.flex{display:flex;} #company-overview img{max-width:50%;} #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;} #home-dds .col4.last{border-bottom:0px;margin-bottom:0px;} .white-wrapper img{margin:0 0 20px;} #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){ #fixednav a{line-height:50px;} #home-banner{/*height:420px;*/min-height:300px;} #banner-colrow {height: 420px;} #banner-text-wrapper-inner {padding: 40px 30px 30px 30px;} h1{font-size:24px;} #sales-banner-text img{max-width:100%;} #trade-show-banner .img-right{margin:0 0 20px;} #trade-show-banner-text img{max-width:none;width:100%;} #gdhwd-banner-text{font-size:28px;line-height:32px;} #banner-text h2{font-size:16px;letter-spacing:0;line-height:24px;} #company-banner{height:290px;} #company-banner-colrow{height:290px;} #company-banner-text {font-size: 28px; line-height: 36px;} } @media (max-width:420px){ #sales-banner{height:503px;} #sales-banner-colrow{height:503px;} }