/* Theme Name: IMTS Description: Semantic, SEO Optimised, Custom Wordpress Theme for XYZ Author: # Author URI: # Version: 1.0 */ body{margin:0;color:#434a54;font:12px/21px Helvetica,Arial,sans-serif;background:#fff;} body.page-template-pt-products-php, body.tax-products_cat, body.single-product{background:#f6f8fa} img{border-style:none} a{text-decoration:none;color:#1595d4} a:hover{text-decoration:underline} input,textarea,select{font:100% Arial,Helvetica,sans-serif;vertical-align:middle;outline:0;-webkit-border-radius: 0;border-radius: 0;} form,fieldset{margin:0;padding:0;border-style:none} img{vertical-align:top} input[type=text], input[type=password], input[type=file], input[type=submit], textarea{-webkit-appearance:none;-webkit-border-radius: 0;border-radius: 0;} #wrapper{width:100%;position:relative;overflow:hidden} /*Header*/ #header{max-width:968px;margin:0 auto 1px;position:relative;z-index:11} #header:after{display:block;clear:both;content:''} #header .header-holder{background:#fff;margin:0 -9999px;padding:0 9999px;overflow:hidden} #header .logo{float:left;width:290px;height:118px;background:url('images/logo.jpg') no-repeat;text-indent:-9999px;overflow:hidden;margin:5px 11px 0 0} #header .logo-2{background:url('images/logo-2.jpg') no-repeat;} #header .logo a{display:block;height:100%} #header .slogan{float:left;padding:67px 0 0;margin:0 11px 0 0;width:170px;font:14px/18px 'Open Sans',Arial,sans-serif;text-transform:uppercase} #header .info{float:left;margin:0 -10px 0 0;padding:74px 0 0} #header .info dt{float:left;width:28px;height:28px;margin:0 8px 0 0;text-indent:-9999px;overflow:hidden;background:url('images/bg-info.png') no-repeat} #header .info dt.mail{background-position:0 0} #header .info dt.tel{background-position:-28px 0} #header .info dd{float:left;margin:0 20px 0 0;text-transform:uppercase;font:600 24px/35px 'Open Sans',Arial,sans-serif} #header .info dd span{display:block;margin:-6px 0 -8px;font-size:12px;line-height:14px;font-weight:normal} #header .info dd a{color:#434a54} #header .search{float:right;background:#1595d4;margin:0 16px 0 0;padding:81px 25px 24px 21px} #header .search input[type="submit"]{float:left;cursor:pointer;margin:0;padding:0;font-size:0;line-height:0;border:0;text-indent:-9999px;overflow:hidden;width:13px;height:18px;background:url('images/bg-search.png') no-repeat 0 3px} #header .search input[type="text"]{float:left;background:0;border:0;width:78px;margin:0;padding:2px 0 2px 5px;font-size:12px;line-height:14px;color:#fff} #header .search-h{overflow:hidden;border-bottom:1px solid #fff} #header .bar{margin:0 -9999px;padding:0 10014px;background:#3d3f40} #header .bar .opener{display:none;} /*Navigation*/ #nav{float:left;margin:0;position:relative;padding:0;list-style:none;} #header .bar:after,#nav:after{display:block;clear:both;content:''} #nav li{float:left;color:#909192;margin:0 6px 0 0;font:13px/16px 'Open Sans',Arial,sans-serif} #nav li a{display:block;padding:52px 10px 21px;color:#909192;width:108px;text-align:center;background:url('images/bg-nav.png') no-repeat} #nav li.item-home a{background-position:55px 25px} #nav li.item-products a{background-position:-79px 25px} #nav li.item-services a{background-position:-225px 25px} #nav li.item-about a{background-position:-359px 25px} #nav li.item-news a{background-position:-484px 25px} #nav li.item-contact a{background-position:-614px 25px} #nav li.active,#nav li.current-page-ancestor,#nav li:hover{background:#312d30 url('images/bg-nav-h.gif') no-repeat 50% 100%} #nav li.active a,#nav li.current-page-ancestor a,#nav li:hover a{text-decoration:none;color:#fff} #nav li.item-home.active a,#nav li.item-home:hover a{background-position:55px -75px} #nav li.item-products.active a,#nav li.item-products:hover a{background-position:-79px -75px} #nav li.item-services.active a,#nav li.item-services.current-page-ancestor a,#nav li.item-services:hover a{background-position:-225px -75px} #nav li.item-about.active a,#nav li.item-about.current-page-ancestor a,#nav li.item-about:hover a{background-position:-359px -75px} #nav li.item-news.active a,#nav li.item-news:hover a{background-position:-484px -75px} #nav li.item-contact.active a,#nav li.item-contact.current-page-ancestor a,#nav li.item-contact:hover a{background-position:-614px -75px} /*Drop*/ #nav .drop{background:url('images/bg-drop.png');position:absolute;top:89px;left:-14px;width:931px;display:none;padding:25px 14px 14px} #nav li:hover .drop{display:block} #nav .drop .box{float:left;width:220px;margin:0 0 0 19px} #nav .drop .box.last{width:220px;margin:-25px -29px -14px 13px;padding:15px 9px 0 57px;border-left:1px solid #9c9f9e;background:#2b2929;} #nav .drop .box.last .sub-logo{display:block;text-indent:-9999px;overflow:hidden;width:180px;margin:0 0 7px -11px;height:70px;background:url('images/sub-logo.png') no-repeat;} #nav .drop .box.last .sub-logo a{display:block;height:100%;width:100%;padding:0;background:none;} #nav .drop .box.third{width:171px;} #nav .drop .box:first-child{margin:0 21px 0 0;width:195px;} #nav .drop .box h3{margin:0;color:#4fc1e9;font:600 18px/22px 'Open Sans',Arial,sans-serif} #nav .drop .box h3 a{display:inline;float:none;margin:0;background:0;width:auto;padding:0;color:#4fc1e9} #nav .drop .box h3 a:hover{text-decoration:underline;background:0} #nav .drop .box ul{margin:0;padding:0 0 15px;list-style:none;overflow:hidden;float:none} #nav .drop .box ul li{vertical-align:top;overflow:hidden;float:none;font-size:12px;line-height:14px;margin:0 0 4px;padding:0} #nav .drop .box:first-child ul li{margin:0 0 2px} #nav .drop .box ul li a{display:inline;background:0;width:auto;float:none;margin:0;color:#e3e4e8;padding:0} #nav .drop .box ul li:hover{background:0} #nav .drop .box ul li a:hover{color:#4ec2e9;background:none} #nav .drop .box ul ul li{padding:0 0 0 7px;background:url('images/sep-03.png') no-repeat 0 6px} #nav .drop .box ul ul li:hover{background:url('images/sep-03.png') no-repeat 0 6px} #nav .drop .box ul ul{padding:5px 0 0;margin:0 0 -5px} #nav .drop .box .btn-h{margin:0 0 29px;overflow:hidden} #nav .drop .box .btn-h a{text-align:left;float:left;padding:0;margin:0;width:auto;color:#e3e4e8;font-size:12px;line-height:17px;padding:0 0 0 21px;background:url('images/bg-more2.png') no-repeat} #nav .drop .box .btn-h a:hover{text-decoration:underline} #nav .drop .box .contact-block{overflow:hidden;padding:17px 13px 14px;background:#4fc1e9;margin:62px 0 0} #nav .drop .box .contact-block h3{font:600 21px/28px 'Open Sans',Arial,sans-serif;color:#47494a;margin:0 0 10px} #nav .drop .box .contact-block a{color:#e3e4e8;float:left;margin:0;padding:0;width:auto;background:0;font:600 16px/18px 'Open Sans',Arial,sans-serif;padding:0 24px 3px 0;background:url('images/bg-more3.png') no-repeat 100% 4px} #nav .drop .box .contact-block a:hover{text-decoration:underline} /*Main*/ #main{max-width:938px;margin:0 auto} #main:after{display:block;clear:both;content:''} /*Sidebar*/ .page-id-12 #sidebar {background:#1595d4;height:530px;margin-top:2px} #sidebar{float:left;width:220px;margin:0 15px 9px 0} #sidebar .widget{overflow:hidden;margin:0 0 20px;padding:0 9px 0 17px} #sidebar .widget h3{margin:0 0 16px;color:#1595d4;font:600 18px/22px 'Open Sans',Arial,sans-serif} #sidebar .widget ul{margin:0;padding:0;list-style:none;overflow:hidden} #sidebar .widget ul li{vertical-align:top;overflow:hidden;margin:0 0 13px;font-size:14px;line-height:18px} #sidebar .widget ul li a{display:block;color:#312d30;padding:0 0 3px} #sidebar .widget ul li.active a,#sidebar .widget ul li a:hover{padding:0 0 2px;text-decoration:none;border-bottom:1px solid #3d3f40} #sidebar .news-area{overflow:hidden;margin:0 0 25px -6px;position:relative;padding:3px 0 0} #sidebar .news-area .hold.first:after,#sidebar .news-area .hold:after{display:block;clear:both;content:''} #sidebar .news-area .hold{margin:-1px 0 0 5px;background:#d7d9da;position:relative;height:28px;} #sidebar .news-area .top,#sidebar .news-area .bottom{width:34px;height:28px;background:url('images/bg-arrows.png') no-repeat;text-indent:-9999px;display:block;overflow:hidden;margin:0 0 0 -5px} #sidebar .news-area .top.disabled,#sidebar .news-area .bottom.disabled{display:none} #sidebar .news-area .hold.first{background:#1595D4;position:relative;z-index:10;height:28px;margin:0 0 -19px 5px;} #sidebar .news-area .hold.first .top{background-position:0 -28px;} #sidebar .news-area .hold .bottom{margin:0 0 0 -5px;background-position:0 0;} #sidebar .news-area .top:hover,#sidebar .news-area .hold .bottom:hover{opacity:.8} #sidebar .news-area .gmask{overflow:hidden;position:relative;padding:0 0 0 5px;max-height:760px;} #sidebar .news-list{margin:0;padding:0;list-style:none;background:#eaebec} #sidebar .news-list li{border-bottom:1px solid #fff;color:#000;font-size:12px;line-height:22px;vertical-align:top;height:189px;} #sidebar .news-list:after,#sidebar .news-list li:after{display:block;clear:both;content:''} #sidebar .news-list .text{text-overflow:ellipsis;overflow:hidden;height:62px;display:block} #sidebar .news-list a{padding:31px 10px 10px 36px;display:block;height:148px;position:relative;background:url('images/bg-news-area.png') no-repeat 9px 0;color:#000} #sidebar .news-list li:first-child a{background:url('images/bg-news-first.png') no-repeat 9px 100%} #sidebar .news-list a:after{width:34px;height:30px;position:absolute;top:29px;display:none;left:-5px;content:'';background:url('images/bg-news-active.png') no-repeat} #sidebar .news-list li.active a:after,#sidebar .news-list a:hover:after{display:block} #sidebar .news-list .title{display:block;font-weight:bold;font-size:14px;line-height:22px;margin:0 0 7px} #sidebar .news-list .date{display:block;font-size:12px;margin:0 0 3px;line-height:15px} #sidebar .news-list li.active,#sidebar .news-list li:hover{background:#1595d4} #sidebar .news-list li.active a,#sidebar .news-list a:hover{text-decoration:none;color:#fff} #sidebar .menu-holder{padding:37px 10px 0 11px;margin:2px 0 0;background:#1595d4;border-bottom:1px solid #fff} #sidebar .menu-holder ul:after,#sidebar .menu-holder:after{display:block;clear:both;content:''} #sidebar .menu-holder h3{margin:0 0 20px -16px;background:url('images/bg-news-active.png') no-repeat;padding:0 0 7px 41px;color:#e3e4e8;font:600 18px/22px 'Open Sans',Arial,sans-serif} #sidebar .menu-holder ul{border-left:1px solid #4fc1e9;margin:-19px 0 0;padding:15px 0 11px 19px;list-style:none} #sidebar .menu-holder ul li{vertical-align:top;padding:6px 10px 6px 35px;margin:0 -10px 2px -31px;color:#e3e4e8;font-size:12px;line-height:14px;background:url('images/bg-bullet.png') no-repeat 8px 9px} #sidebar .menu-holder ul li a{color:#e3e4e8} #sidebar .menu-holder ul ul{display:none} #sidebar .menu-holder ul .active{position:relative;background:#1389c4 url('images/bg-bullet2.png') no-repeat 8px 9px;font-weight:bold} #sidebar .menu-holder ul .active:after{background:url('images/bg-bullet2.png') no-repeat;width:8px;height:8px;top:9px;left:8px;position:absolute;content:''} #sidebar .menu-holder ul .active:before{width:1px;content:'';height:100%;background:#4fc1e9;top:0;left:11px;position:absolute} #sidebar .menu-holder ul .active ul{background:0;border:0;margin:0 0 -5px;padding:6px 0 0;display:block} #sidebar .menu-holder ul .active ul li{margin:0;padding:0 0 6px;background:0;font-weight:normal} #sidebar .menu-holder ul .active ul li.active:before,#sidebar .menu-holder ul .active ul li.active:after{background:0} #sidebar .menu-holder ul .active ul li.active{background:url('images/sep-02.gif') no-repeat 0 6px;margin:0 0 0 -23px;padding:0 0 6px 23px;font-weight:bold} #sidebar .contact-block{overflow:hidden;background:#e2e5e7;border-bottom:27px solid #cfd3d6;padding:26px 24px} #sidebar .contact-block h3{margin:0 0 10px;color:#47494a;font:600 21px/28px 'Open Sans',Arial,sans-serif} #sidebar .contact-block a{float:left;clear:both;padding:0 23px 0 0;font-weight:bold;color:#1595d4;font-size:16px;line-height:18px;background:url('images/bg-more.png') no-repeat 100% 2px} #sidebar .team-block{overflow:hidden;padding:13px 20px 53px;margin:2px 0 -22px;background:#1595d4} #sidebar .team-block h2{margin:0 0 1px;color:#e3e4e8;font:600 18px/22px 'Open Sans',Arial,sans-serif} #sidebar .team-block .heading{background:#0b74c1;margin:-13px -20px 0;overflow:hidden;padding:13px 20px 11px} #sidebar .team-block .proff{display:block;color:#e3e4e8;margin:0 0 5px;font:12px/16px 'Open Sans',Arial,sans-serif} #sidebar .team-block ul{margin:0;padding:0;list-style:none} #sidebar .team-block ul:after{display:block;clear:both;content:''} #sidebar .team-block ul li{vertical-align:top;margin:0 -20px 20px;overflow:hidden} #sidebar .team-block ul .img-h{overflow:hidden;position:relative} #sidebar .team-block ul .img-h a{display:block} #sidebar .team-block ul .img-h img{vertical-align:top} #sidebar .team-block ul .img-h .mask{position:absolute;top:0;left:0;width:100%;text-indent:-9999px;overflow:hidden;height:100%;background:url('images/bg-mask.png')} #sidebar .team-block ul li a:hover{text-decoration:none} #sidebar .team-block ul li:hover .mask,#sidebar .team-block ul li.active .mask{display:none} #sidebar .team-block ul h3{font-size:14px;line-height:16px;font-weight:normal;margin:0;color:#e3e4e8} #sidebar .team-block ul h3 a{background:url('images/bg-btn2.png') no-repeat 100% 0;padding:5px 40px 8px 20px;display:block;color:#e3e4e8} /*Content*/ #content{float:right;width:666px;padding:20px 20px 0 0;margin:0 0 9px 0} #content.centercont{width:100%;float:none;} #content p{margin:0 0 21px} #content .aligncenter{display:block;margin:0 auto 27px} #content .alignleft{float:left;margin:0 27px 27px 0} #content .alignright{float:right;margin:0 0 27px 27px} #content h2{font:600 24px/26px 'Open Sans',Arial,sans-serif;margin:0 0 19px} #content h3{color:#1595d4;font-size:14px;line-height:21px;font-weight:normal;margin:0 0 22px} #content h4{font-size:14px;line-height:21px;margin:0 0 21px;font-weight:normal} #content blockquote{border-left:6px solid #1595d4;margin-left:0;padding-left:20px} #content .post-h{padding:10px 0 0} #content .post-h:after{display:block;clear:both;content:''} #content .date{display:block;font-size:10px;line-height:12px;margin:-17px 0 23px} #content .list .date{margin:0 0 6px;} /*Breadcrumbs*/ .breadcrumbs{margin:0;padding:0 0 18px 3px;list-style:none;overflow:hidden} .breadcrumbs li{float:left;padding:0 6px 0 19px;background:url('images/sep-01.png') no-repeat 3px 5px;font:12px/16px 'Open Sans',Arial,sans-serif} .breadcrumbs li:first-child{padding:0 6px 0 0;background:0} .breadcrumbs li a{color:#434a54} /*Share Box*/ #content .share-box{overflow:hidden;padding:4px 0 0 0;margin:0} #content .share-box h2{font:bold 16px/20px 'Open Sans',Arial,sans-serif;margin:0 0 5px 0;text-transform:uppercase;color:#000} #content .share-box .holder{float:left;clear:both;padding:10px 0 5px 0;} /* #content .share-box .holder ul{margin:0;padding:10px 10px 10px 26px;list-style:none;overflow:hidden} #content .share-box .holder ul li{float:left;margin:0 10px 0 0} #content .share-box .holder ul li a{background:url('images/bg-share-list.png') no-repeat;width:20px;height:20px;text-indent:-9999px;overflow:hidden;float:left} #content .share-box .holder ul li a:hover{opacity:.8} #content .share-box .holder ul li a.facebook{background-position:0 0} #content .share-box .holder ul li a.twitter{background-position:-30px 0} #content .share-box .holder ul li a.pinterest{background-position:-60px 0} #content .share-box .holder ul li a.google{background-position:-90px 0} #content .share-box .holder ul li a.mail{background-position:-120px 0} #content .share-box .holder ul li a.share{background-position:-150px 0} */ #content .share-box .holder > span{float:left;margin:0 10px 0 0;} #content .share-box .holder .stButton{float:left!important;margin:0!important;} #content .share-box .holder .st_facebook_large .stLarge{background:url('images/bg-share-list.png') no-repeat 0 0 !important;width:20px;height:20px;} #content .share-box .holder .st_twitter_large .stLarge{background:url('images/bg-share-list.png') no-repeat -30px 0 !important;width:20px;height:20px;} #content .share-box .holder .st_pinterest_large .stLarge{background:url('images/bg-share-list.png') no-repeat -60px 0 !important;width:20px;height:20px;} #content .share-box .holder .st_googleplus_large .stLarge{background:url('images/bg-share-list.png') no-repeat -90px 0 !important;width:20px;height:20px;} #content .share-box .holder .st_email_large .stLarge{background:url('images/bg-share-list.png') no-repeat -120px 0 !important;width:20px;height:20px;} #content .share-box .holder .st_sharethis_large .stLarge{background:url('images/bg-share-list.png') no-repeat -150px 0 !important;width:20px;height:20px;} #content .visual{overflow:hidden;margin:-18px -20px 18px -29px} #content .visual img{vertical-align:top} #content .list{margin:0 -20px 0 0;padding:8px 0 0;list-style:none;overflow:hidden} #content .list li{vertical-align:top;overflow:hidden;margin:0 0 9px;padding:10px;background:#eaf3f8} #content .list li .img-h{float:left;margin:0 17px 0 0} #content .list li .img-h a{display:block} #content .list li .img-h img{vertical-align:top} #content .list li .text-h{overflow:hidden;color:#434a54;padding:2px 0 0;font-size:14px;line-height:21px} #content .list li .text-h p{margin:0} #content .list li .text-h h3{font-weight:bold;color:#1595d4;margin:0 0 2px;font-size:16px;line-height:18px} #content .list li .text-h h3 a{color:#1595d4} #content .info-box{overflow:hidden;margin:0 -2px 0 0} #content .info-box .hold{overflow:hidden;border:1px solid #cfd3d6;border-width:1px 0 0;} #content .info-box .text{padding:19px 16px 5px 21px;border:1px solid #cfd3d6;background:#eaf3f8;width:261px;color:#434a54;font-size:12px;float:left;line-height:18px;margin:0 -1px 49px 0} #content .info-box .text p{margin:0 0 18px} #content .info-box .image{/*overflow:hidden;*/margin:0 0 0 -1px;} #content .info-box .image img{vertical-align:top;border:1px solid #cfd3d6;} #content .info-box .btn-h{overflow:hidden;border-top: 1px solid #CFD3D6;} #content .info-box .btn-h a{display:block;background:#eaf3f8 url('images/bg-download.gif') no-repeat;color:#1595d4;font-size:14px;padding:15px 10px 14px 86px;line-height:16px} #content .btn-holder{margin:0 0 50px;overflow:hidden} #content .btn-holder a{float:left;padding:14px 88px 15px 14px;font-size:16px;line-height:18px;font-weight:bold;color:#e3e4e8;background:#e24a35 url('images/bg-more3.png') no-repeat 70% 50%} #content .btn-holder a:hover{text-decoration:none;background-color:#af3827} /*Gallery*/ #content .gallery{padding:20px 20px 20px 14px;overflow:hidden;margin:0 0 42px 0;background:#fff} #content .gallery .heading{margin:-20px -20px 18px 0;overflow:hidden;padding:0 0 0 6px} #content .gallery h3{float:left;color:#1595d4;padding:11px 0 0;font-size:16px;margin:0;line-height:20px;font-weight:bold} #content .gallery .btn-h{float:right} #content .gallery .prev,#content .gallery .next{width:48px;height:34px;background:url('images/bg-arrows2.gif') no-repeat;text-indent:-9999px;overflow:hidden;float:left} #content .gallery .prev:hover,#content .gallery .next:hover{opacity:.8} #content .gallery .next{background-position:-48px 0} #content .gallery .gmask{width:642px;overflow:hidden} #content .gallery .gmask ul{margin:0 0 0 -6px;padding:0;list-style:none;overflow:hidden;width:9999px} #content .gallery .gmask ul li{float:left;width:202px;margin:0 6px} #content .gallery .gmask ul li a{display:block;position:relative} #content .gallery .gmask ul li a:hover{text-decoration:none} #content .gallery .gmask ul li img{width:100%;height:auto;display:block;} #content .description{overflow:hidden;padding:0 0 15px 0} #content .description h3{color:#1595d4;font-size:16px;line-height:20px;font-weight:bold;margin:0 0 3px} #content .description h4{font-weight:bold;font-size:13px;margin:19px 0 0;} #content .description ul{margin:0;padding:0;list-style:none;overflow:hidden;-moz-column-count:2;-moz-column-gap:60px;-webkit-column-count:2;-webkit-column-gap:60px;column-count:2;column-gap:60px} #content .description ul li{vertical-align:top;overflow:hidden;font-size:12px;padding:0 0 0 13px;line-height:21px;background:url('images/bg-bullet3.png') no-repeat 2px 9px} #content .description ul ul{-moz-column-count:1;-moz-column-gap:60px;-webkit-column-count:1;-webkit-column-gap:60px;column-count:1;column-gap:60px} #content .social-h{overflow:hidden;padding:21px 0 23px} #content .social-h .linkedin{padding:0 0 0 27px;display:block;background:url('images/bg-linkedin.gif') no-repeat} #content .social-h dl{margin:0;overflow:hidden} #content .social-h dt{float:left;margin:0 3px 0 0;color:#1595d4} #content .social-h dd{overflow:hidden;margin:0;color:#434a54} #content .social-h dd a{color:#434a54} #main .bottom-area{overflow:hidden;margin:0 -9999px;padding:65px 9999px 75px;clear:both;background:#f6f8fa;width:100%;clear:both;} #main .bottom-area .list{margin:0 -4px 0 0;padding:0;list-style:none;overflow:hidden} #main .bottom-area .list li{float:left;width:231px;margin:0 4px 0 0;font:15px/19px 'Open Sans',Arial,sans-serif} #main .bottom-area .list li a{display:block;color:#4fc1e9;border-bottom:3px solid #4fc1e9} #main .bottom-area .list li a .hold{display:block;margin:0 0 5px;padding:45px 10px 41px;-webkit-border-radius:1px;border-radius:1px;text-align:center;background:#fff} #main .bottom-area .list li a .title{display:block;color:#1595d4;font:600 15px/18px 'Open Sans',Arial,sans-serif;margin:0 0 16px;text-transform:uppercase} #main .bottom-area .list li a:hover,#main .bottom-area .list li.active a{text-decoration:none;color:#fff;border-color:#1491d0} #main .bottom-area .list li a:hover .title,#main .bottom-area .list li.active a .title{color:#fff} #main .bottom-area .list li a:hover .hold,#main .bottom-area .list li.active a .hold{background:#1491d0} #main .brands-area{clear:both;overflow:hidden;margin:0 -9999px;padding:45px 9999px 56px;background:#fff;width:100%} #main .brands-area .text-h{padding:0 20px 0 257px;background:url('images/bg-brands.gif') no-repeat 0 100%;font-size:14px;line-height:20px;margin:0 0 48px} #main .brands-area .text-h h2{color:#434a54;font:600 24px/28px 'Open Sans',Arial,sans-serif;margin:0 0 22px;text-transform:uppercase} #main .brands-area p{margin:0} #main .brands-area .logos-list{margin:0 -100px 0 0;padding:0;list-style:none;overflow:hidden} #main .brands-area .logos-list a{display:block} #main .brands-area .logos-list a:hover{text-decoration:none;opacity:.7} #main .brands-area .logos-list li{vertical-align:top;margin:0 97px 0 0;display:inline-block} #main .brands-area .logos-list li img{vertical-align:top} /*Contact Page*/ #main .contact-area{width:590px;padding:33px 0 0;margin:0 auto 36px} #main .contact-area:after{display:block;clear:both;content:''} #main .contact-area h2{margin:0 0 23px;color:#434a54;font:600 24px/28px 'Open Sans',Arial,sans-serif} #main .contact-area h3{margin:0 0 22px;font-size:14px;line-height:21px;color:#1595d4;font-weight:normal} #main .contact-area address{display:block;overflow:hidden;margin:0 0 34px;font-style:normal} #main .contact-area .gform_body ul:after,#main .contact-area .gform_body:after,#main .contact-area .gform_footer:after,#main .contact-area .gform_wrapper:after{display:block;clear:both;content:''} #main .contact-area .gform_body ul{margin:0 -36px 0 0;padding:0;list-style:none} #main .contact-area .gform_body ul li{display:inline-block;vertical-align:top;margin:0 32px 11px 0;width:262px} #main .contact-area .gform_body ul li label{display:block;margin:0 0 7px;font:bold 14px/16px Arial,Helvetica,sans-serif;color:#25252b} #main .contact-area .gform_body ul li label span{color:#E24A35;font-weight:normal} #main .contact-area .gform_body{margin:0 0 20px} #main .contact-area .gform_body ul li.textarea{width:100%;margin:4px 0 0} #main #searchform input[type="submit"], #main .contact-area .gform_footer input[type="submit"]{float:right;width:120px;height:40px;margin:0;padding:0;border:0;cursor:pointer;background:#4b4b4b;color:#cbc9c9;font:14px/16px Arial,Helvetica,sans-serif} #main #searchform input[type="submit"]:hover, #main .contact-area .gform_footer input[type="submit"]:hover{opacity:.8} #main #searchform input[type="submit"]{float:none;margin:0px 0 0 10px;height:30px;text-transform: uppercase;} #main #searchform input[type="text"], #main .contact-area .gform_body textarea,#main .contact-area .gform_body input[type="text"]{border:1px solid #d4d4d4;padding:6px 10px;font-size:12px;line-height:16px;height:16px;background:#ececec url('images/bg-text.gif') repeat-x;width:240px;margin:0;-webkit-box-shadow:0 1px 2px 1px rgba(0,0,0,0.1);box-shadow:0 1px 2px 1px rgba(0,0,0,0.1)} #main #searchform input[type="text"]{float:left;} #main .contact-area .gform_body select{width:260px} #main .contact-area .gform_body ul li.right input[type="text"]{width:267px} #main .contact-area .gform_body textarea{width:567px!important;height:138px} #main .contact-area .gform_confirmation_wrapper { text-align:center; font:600 16px/20px 'Open Sans',Arial,sans-serif; } .gfield_description,.validation_error{display:none} .gfield_description{display:block;color:#f00;} #main .contact-area .gform_body .gfield_error textarea,#main .contact-area .gform_body .gfield_error input[type="text"]{border-color:#E24A35;} #main .location-area{margin:0 -9999px;padding:46px 9999px 24px;background:#f6f8fa} #main .location-area:after{display:block;clear:both;content:''} #main .location-area h2{margin:0 0 49px 170px;color:#434a54;font:600 24px/28px 'Open Sans',Arial,sans-serif} #main .location-area .map{text-align:center;overflow:hidden;margin:0 -141px} #main .location-area .map iframe{ width:1220px !important; height:467px !important; } /*Serv Map*/ .serv-map{overflow:hidden;width:616px;height:537px;margin:0 0 20px;background:url('images/bg-services.gif') no-repeat;} /*Gallery*/ #main .big-gallery{margin:0 -9999px;padding:0 9999px;background:url('images/bg-gall.gif') 50% 0} #main .big-gallery .gmask{width:100%;position:relative;height:330px;} #main .big-gallery .gmask ul{width:100%;height:100%;margin:0;padding:0;list-style:none;position:relative} #main .big-gallery .gmask ul li{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;opacity:1 !important;} #main .big-gallery .gmask ul li .text-h{position:absolute; top:54px;left:12px;width:385px;} #main .big-gallery .gmask ul li .btn-h a{float:left;color:#fff;font:bold 11px/16px 'Open Sans',Arial,sans-serif;float:left;background:#e24a35;text-transform:uppercase;-webkit-border-radius:5px;border-radius:5px;padding:10px 28px} #main .big-gallery .gmask ul li .btn-h a:hover{text-decoration:none;background:#af3827} #main .big-gallery .sequence-prev, #main .big-gallery .sequence-next{ position:absolute; top:50%; cursor:pointer; z-index:10; margin-top:-33px; text-indent:-6666px; width:35px; height:66px; } #main .big-gallery .sequence-prev{ left:-40px; background:url('images/bt-prev.png') no-repeat; } #main .big-gallery .sequence-next{ right:-40px; background:url('images/bt-next.png') no-repeat; } #main .big-gallery .sequence-prev:hover, #main .big-gallery .sequence-next:hover{ background-position:0 -66px;} #main .big-gallery .gmask ul li img{ -webkit-transition-property: right, opacity; -moz-transition-property: right, opacity; -ms-transition-property: right, opacity; -o-transition-property: right, opacity; transition-property: right, opacity; } #main .big-gallery .gmask ul li img{ position:absolute; top:13px; right:30%; opacity:0; } #main .big-gallery .gmask ul li.animate-in img{ right:9px; opacity: 1; -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -ms-transition-duration: 1s; -o-transition-duration: 1s; transition-duration: 1s; } #main .big-gallery .gmask ul li.animate-out img{ right:9px; opacity: 0; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; } #main .big-gallery .gmask ul li .text-h h2{margin:0 0 -2px;text-transform:uppercase;color:#1595d4;font:600 36px/40px 'Open Sans',Arial,sans-serif} #main .big-gallery .gmask ul li .text-h h3{margin:0 0 13px;text-transform:uppercase;color:#3d3f40;font:600 24px/30px 'Open Sans',Arial,sans-serif} #main .big-gallery .gmask ul li .text-h p{ margin:0 0 18px; color:#333; font:14px/23px 'Open Sans',Arial,sans-serif} #main .big-gallery .gmask ul li .btn-h{overflow:hidden;margin:-4px 0 0} #main .big-gallery .gmask ul li .text-h p, #main .big-gallery .gmask ul li .text-h h2, #main .big-gallery .gmask ul li .text-h h3, #main .big-gallery .gmask ul li .btn-h{ position:relative; -webkit-transition-property: left, opacity; -moz-transition-property: left, opacity; -ms-transition-property: left, opacity; -o-transition-property: left, opacity; transition-property: left, opacity; } #main .big-gallery .gmask ul li.animate-in .text-h h2, #main .big-gallery .gmask ul li.animate-in .text-h h3, #main .big-gallery .gmask ul li.animate-in .text-h p, #main .big-gallery .gmask ul li.animate-in .btn-h{ -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; } #main .big-gallery .gmask ul li.animate-out .text-h h2, #main .big-gallery .gmask ul li.animate-out .text-h h3, #main .big-gallery .gmask ul li.animate-out .text-h p, #main .big-gallery .gmask ul li.animate-out .btn-h{ -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; } #main .big-gallery .gmask ul li .text-h h2{left:-30%;opacity:0;} #main .big-gallery .gmask ul li.animate-in .text-h h2{ left:0;opacity: 1} #main .big-gallery .gmask ul li.animate-out .text-h h2{ left:30%; opacity: 0;} #main .big-gallery .gmask ul li .text-h h3{left:-50%;opacity:0;} #main .big-gallery .gmask ul li.animate-in .text-h h3{ left:0;opacity: 1} #main .big-gallery .gmask ul li.animate-out .text-h h3{ left:50%; opacity: 0;} #main .big-gallery .gmask ul li .text-h p{left:30%;opacity:0;} #main .big-gallery .gmask ul li.animate-in .text-h p{ left:0;opacity: 1} #main .big-gallery .gmask ul li.animate-out .text-h p{ left:-30%; opacity: 0;} #main .big-gallery .gmask ul li .btn-h{left:-10%;opacity:0;} #main .big-gallery .gmask ul li.animate-in .btn-h{ left:0;opacity: 1} #main .big-gallery .gmask ul li.animate-out .btn-h{ left:10%; opacity: 0;} .play_border { margin:-20px 0 0 -20px; border: 2px solid rgba(0,0,0,0.7); -webkit-border-radius: 100%; -moz-border-radius: 100%; background:#FFF; border-radius: 100%; width: 40px; height: 40px; -webkit-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.5); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; cursor: pointer; position:absolute; top:50%; left:50%; } .play_border:hover{ border-color: transparent; -webkit-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.2); } .play_border:hover .play_button{ border-left: 10px solid rgba(0,0,0,0.5); } .play_border:active,.play_border:focus{ -webkit-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 5.play_button:hoverpx 2px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.2); } .play_button { position:relative; top: 10px; left: 40%; width: 0; height: 0; border-top: 10px solid #FFF; border-bottom: 10px solid #FFF; border-left: 10px solid rgba(0,0,0,0.8); display:block; } /*Products area*/ #main .products-area{padding:45px 0 51px;margin:0 -3px;overflow:hidden} #main .products-area ul{margin:0 -22px 0 0;padding:0 0 6px;list-style:none;overflow:hidden} #main .products-area ul li{float:left;width:193px;font-size:11px;line-height:16px;color:#9ea7b3;margin:0 22px 0 0;border:1px solid #fbfbfc;-webkit-box-shadow:0 6px 0 0 #e3e4e8;box-shadow:0 6px 0 0 #e3e4e8;-webkit-border-radius:3px 3px 5px 5px;border-radius:3px 3px 5px 5px;padding:0 12px 12px} #main .products-area ul li p{margin:0} #main .products-area ul li h3{background:#f6f8fa;-webkit-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0;font:600 14px/16px 'Open Sans',Arial,sans-serif;padding:23px 17px;color:#1595d4;margin:0 -12px} #main .products-area ul li h3 a{color:#1595d4} #main .products-area ul li h4{margin:0 0 8px;font:14px/16px 'Open Sans',Arial,sans-serif;color:#4fc1e9} #main .products-area ul li h4 a{color:#4fc1e9} #main .products-area ul li .img-h{margin:0 -12px 13px;overflow:hidden;border-bottom:3px solid #4fc1e9} #main .products-area ul li.active h3 {color:#e24a35} /*Footer*/ #footer{max-width:938px;margin:0 auto} #footer:after{display:block;clear:both;content:''} #footer .footer-holder{overflow:hidden;margin:0 -9999px;font-size:14px;line-height:24px;color:#e3e4e8;padding:71px 9999px 56px;background:#312d30} #footer .footer-holder h2{text-transform:uppercase;margin:0 0 1px;color:#1595d4;font:600 36px/40px 'Open Sans',Arial,sans-serif} #footer .footer-holder h3{margin:0 0 14px;color:#e3e4e8;font:600 18px/28px 'Open Sans',Arial,sans-serif} #footer .footer-holder h3 a{ color:#e3e4e8;} #footer .footer-holder p{margin:0 0 15px} #footer .footer-holder .col-1{float:left;width:370px;margin:0 26px 0 0} #footer .footer-holder .col-2{float:left;width:275px} #footer .footer-holder .col-3{float:right;width:220px} #footer .footer-holder .gform_wrapper{margin:0 0 25px 0;width:100%;} #footer .footer-holder .gform_confirmation_wrapper{padding:20px 0 59px;text-align:center;font:600 13px/20px 'Open Sans',Arial,sans-serif;} #footer .footer-holder .gform_wrapper:after{ content: '';display:block;clear:both;overflow:hidden;} #footer .footer-holder .gform_wrapper .gform_heading{ margin-bottom:13px;} #footer .footer-holder .gform_body{margin:0 7px 0 -5px;float:left} #footer .footer-holder .gform_footer{float:left;position:relative;} #footer .footer-holder .gform_wrapper .gform_ajax_spinner{ position:absolute;left:110%;top:8px;} #footer .footer-holder .gform_body ul{margin:0;padding:0;list-style:none;float:left} #footer .footer-holder .gform_body li{float:left} #footer .footer-holder .gform_body label{ display:none;} #footer .footer-holder .gform_body input[type="text"]{width:136px;height:15px;background:#fff;border:4px solid #e3e4e8;-webkit-border-radius:2px;border-radius:2px;margin:0;color:#768082;font-size:9px;line-height:17px;height:17px;padding:5px 5px 3px; text-transform:uppercase;} #footer .footer-holder input[type="submit"]{float:left;color:#fff;cursor:pointer;margin:0;padding:0;-webkit-border-radius:2px;border-radius:2px;text-transform:uppercase;width:58px;border:0;height:33px;font:bold 9px/12px Arial,Helvetica,sans-serif;background:#4fc1e9} #footer .footer-holder input[type="submit"]:hover{opacity:.9} #footer .footer-holder .gform_body .gfield_error input[type="text"]{ border-color:#E24A35;} #footer .footer-holder .social{overflow:hidden} #footer .footer-holder .social h3{font-size:24px;line-height:26px} #footer .footer-holder .social-networks{overflow:hidden;margin:0;padding:0 0 0 3px;list-style:none} #footer .footer-holder .social-networks li{float:left;margin:0 11px 0 0} #footer .footer-holder .social-networks li a{width:25px;height:25px;text-indent:-9999px;overflow:hidden;background:url('images/bg-social.png') no-repeat;float:left} #footer .footer-holder .social-networks li a:hover{opacity:.8} #footer .footer-holder .social-networks li a.rss{background-position:0 0} #footer .footer-holder .social-networks li a.facebook{background-position:-36px 0} #footer .footer-holder .social-networks li a.twitter{background-position:-72px 0} #footer .bottom-footer{margin:0 -9999px;overflow:hidden;background:#fff;padding:42px 9999px 77px} #footer .bottom-footer .col-1{float:left;width:210px} #footer .bottom-footer .col-2{float:left;width:175px;margin:0 0 0 42px} #footer .bottom-footer .col-3{float:left;width:175px;margin:0 0 0 66px} #footer .bottom-footer .col-4{float:right;width:214px} #footer .bottom-footer ul{margin:0;padding:0;list-style:none;overflow:hidden} #footer .bottom-footer ul li{vertical-align:top;overflow:hidden;font-size:12px;margin:0 0 4px;line-height:14px} #footer .bottom-footer ul li a{color:gray} #footer .bottom-footer .copy{display:block;color:#312d30;margin:0 0 4px;font-size:12px;line-height:18px} #footer .bottom-footer h2{text-transform:uppercase;margin:0 0 3px;color:#312d30;font:600 18px/20px 'Open Sans',Arial,sans-serif} #footer .bottom-footer h2 a{color:#312d30} #footer .info{overflow:hidden;margin:0;padding:6px 0 11px} #footer .info dt{float:left;width:28px;height:28px;margin:0 8px 0 0;text-indent:-9999px;overflow:hidden;background:url('images/bg-info.png') no-repeat} #footer .info dt.mail{background-position:0 0} #footer .info dt.tel{background-position:-28px 0} #footer .info dd{margin:0 0 4px;text-transform:uppercase;font:600 24px/34px 'Open Sans',Arial,sans-serif;} #footer .info dd:after{display:block;clear:both;content:'';} #footer .info dd span{display:block;margin:0 0 -6px;font-size:12px;line-height:14px;font-weight:normal;} #footer .info dd a{color:#434a54} #footer .site{display:block;font-size:12px;line-height:14px;color:gray} #footer .site a{color:gray} /*Custom Forms*/ .jcf-hidden{display:block !important;position:absolute !important;left:-9999px !important} .select-area{position:relative;overflow:hidden;cursor:default;float:left;border:1px solid #d4d4d4;height:28px;background:#ececec url('images/bg-text.gif') repeat-x;margin:0;-webkit-box-shadow:0 1px 2px 1px rgba(0,0,0,0.1);box-shadow:0 1px 2px 1px rgba(0,0,0,0.1)} .select-area .center{white-space:nowrap;padding:4px 10px;float:left} .select-disabled{background:#eee} .select-area .select-opener{background:url('images/bg-select.gif') no-repeat 0 2px;position:absolute;height:28px;width:27px;cursor:pointer;right:0;top:0} .select-options{position:absolute;overflow:hidden;background:#fff;z-index:2000} .select-options .drop-holder{border:1px solid #777;overflow:hidden;height:1%} .select-options ul{list-style:none;padding:0;margin:0} .select-options ul li{width:100%;float:left} .select-options ul a{text-decoration:none;padding:5px 10px;display:block;cursor:default;color:#000;height:1%} .select-options .item-selected a{text-decoration:none;cursor:pointer;background:#4fc1e9;color:#fff} .navigation{ width:100%; overflow:hidden; } .navigation .prev, .navigation .next{ width:40%; padding:10px; } .navigation .prev{ float:left; text-align:left; } .navigation .next{ float:right; text-align:right; } @media only screen and (max-width: 1024px) {#header .search{margin:0;}} @media only screen and (min-width: 767px){#nav{position:relative!important;left:0!important;top:0!important}} @media only screen and (max-width: 980px){ #header .bar{padding:0 9999px;} #nav:after{display:block;clear:both;content:'';} #nav{float:none;} #nav{text-align:center;} #nav li{margin:0;width:16.3%;float:none;display:inline-block;vertical-align:top;} #nav li a{margin:0 0 0 -2px;} #nav .drop{text-align:left;} #header .logo{margin:5px 0 0;height:89px;width:218px;background-size:218px 89px ;} #header .slogan{padding:45px 0 0;font-size:11px;width:140px;margin:0 8px 0 0;} #header .info{padding:49px 0 0;} #header .info dd{font-size:18px;line-height:28px;margin:0 7px 0 0;} #header .info dd span{margin:-2px 0 -8px;} #header .search{padding:52px 13px 22px 16px;} #main .big-gallery .gmask ul li img{max-width:50%;height:auto;} #main .big-gallery .gmask ul li .text-h{top:26px;left:12px;} #main .big-gallery .sequence-prev, #main .big-gallery .sequence-next{display:none;} #main .big-gallery .sequence-prev{ left:0;} #main .big-gallery .sequence-next{ right:0;} #main{padding:0 10px;} #main .products-area ul{margin:0 -1% 0 0;} #main .products-area ul li{width:22%;padding:0 1%;margin:0 1% 0 0} #main .products-area ul{margin:0 -0.8% 0 0;} #main .products-area ul li{padding:0 1%;margin:0 0.7% 0 0;width:22%;overflow:hidden;} #main .products-area ul li h3{font-size:12px;padding:14px 17px;} #footer .footer-holder{padding:25px 9999px;} #main .products-area{padding:25px 0;} #footer{padding:0 10px;} #footer .footer-holder h2{font-size:30px;} #footer .footer-holder h3{font-size:16px;margin:0 0 5px;} #footer .footer-holder{font-size:13px;line-height:18px;} #footer .footer-holder .col-1{width:46%;margin:0 2% 0 0;} #footer .footer-holder .col-2{width:25%;} #footer .footer-holder .col-3{width:24%;} #footer .footer-holder .gform_body input[type="text"]{width:100px;} #footer .footer-holder .gform_body{margin:0 0 0 -5px;} #footer .bottom-footer .col-1, #footer .bottom-footer .col-2, #footer .bottom-footer .col-3, #footer .bottom-footer .col-4{width:24%;margin:0 0 0 1%;} #footer .bottom-footer .col-1{margin:0;} #main .brands-area .logos-list{margin:0 -50px 0 0;} #footer .info dd{font-size:18px;line-height:28px;} #footer .bottom-footer{padding:25px 9999px;} #footer .footer-holder .social h3{font-size:16px;} #sidebar{margin:0 7px 9px 0;} #content .visual{margin:-18px 0 15px;} #content .visual img{width:100%;display:block;height:auto;} #content{width:68%;padding:20px 0 0;} #nav .drop .box ul li{display:block;width:auto;} #nav .drop{width:100%;padding:8px 0 1px;left:0;} #content .list li .text-h{font-size:13px;} #content .list li .img-h{width:26%;} #content .list li .img-h img{width:100%;display:block;height:auto;} #main .brands-area{padding:25px 9999px;} #main .brands-area .logos-list li{margin:0 49px 0 0;} #main .brands-area .text-h{padding:0 20px 0 170px;} #main .bottom-area .list li{width:24.4%;} #main .bottom-area .list li a .hold{padding:22px 7px 18px;} #main .bottom-area{padding:25px 9999px;} #nav .drop .box:first-child, #nav .drop .box.third, #nav .drop .box.last, #nav .drop .box{width:22.5%;margin:0 0 0 2%;} #nav .drop .box.last{background:none;border:none;padding:0;} #main .products-area ul li .img-h img{max-width:100%;display:block;height:auto;margin:0 auto} #main .products-area ul li .img-h{text-align:center;} #nav .drop .box h3{font-size:16px;} #nav .drop .box .contact-block h3{font-size:17px;line-height:21px;} #nav .drop .box .contact-block{padding:10px;} #main .location-area h2{margin:0 0 25px 9%;} #main .contact-area{margin:0 auto 25px;padding:25px 0 0;} #main .location-area{padding:25px 10px;margin:0 -10px;} #main .location-area .map{margin:0;} #main .location-area .map iframe{width:100%!important;height:250px!important;} #content .list{margin:0;} #content .info-box .image{margin:0;overflow:hidden;float:none;} #content .info-box .btn-h{width:auto;float:none;display:block;overflow:hidden;} #content .info-box .text{width:38%;} #content .info-box{margin:0 -2px 10px 0;} #content .gallery .gmask{width:100%;} #content .info-box .image img{width:100%;display:block;height:auto;} } @media only screen and (max-width: 767px){ body{min-width:300px;} #nav .drop .box.last .sub-logo {display:none;} #header .logo{margin:0 auto;float:none;display:block;} #header .slogan{padding:0;width:auto;text-align:center;float:none;display:block;margin:0 0 10px;} #main .products-area ul{margin:0;} #header .info{padding:0 0 6px;margin:0;text-align:center;float:none;display:block;} #header .info dd, #header .info dt{float:none;display:inline-block;vertical-align:top;} #header .search{float:none;padding:11px 10px;overflow:hidden;margin:0 32px 0 0;} #main .big-gallery .gmask ul li img{position:relative;display:block;width:auto;max-width:100%;margin:13px auto 19px;top:0;} #main .big-gallery .gmask{ height:500px;} #main .big-gallery .gmask ul li .text-h{position:relative; top:0;left:0;text-align:center;padding:0;width:100%;} #main .big-gallery .gmask ul li .btn-h{text-align:center;margin:0;} #main .big-gallery .gmask ul li .btn-h a{float:none;display:inline-block;vertical-align:top;} #main .big-gallery .gmask ul li .text-h h2{font-size:30px;line-height:34px;} #main .big-gallery .gmask ul li .text-h h3{font-size:18px;line-height:20px;} #main .big-gallery .gmask ul li .text-h p{margin:0 0 6px;font-size:12px;line-height:18px;} #main .big-gallery .sequence-prev, #main .big-gallery .sequence-next{ background-size:cover;width:17px;height:33px;margin-top:-8px;display:block;} #main .big-gallery .sequence-prev:hover, #main .big-gallery .sequence-next:hover{background-position:0 -33px;} #main .products-area ul li{float:none;overflow:hidden;width:auto;margin:0 0 12px;} #footer .footer-holder .col-1, #footer .footer-holder .col-2, #footer .bottom-footer .col-1, #footer .bottom-footer .col-2, #footer .bottom-footer .col-3, #footer .bottom-footer .col-4, #footer .footer-holder .col-3{width:auto;float:none;overflow:hidden;margin:0 0 10px;} #main .products-area ul li p{margin:0 0 6px;} #footer .footer-holder .gform_body{margin:0 7px 0 0;} #footer .footer-holder h2{font-size:25px;line-height:30px;} #footer .footer-holder .gform_body input[type="text"]{width:150px;} #content{float:none;overflow:hidden;width:100%;margin:0;} #sidebar{margin:0 auto 15px;width:100%;float:none;} #sidebar:after{display:block;clear:both;content:'';} #main .brands-area .text-h{padding:0;background:none;text-align:center;} #main .brands-area .logos-list{margin:0;text-align:center;} #main .brands-area .logos-list li{float:none;display:inline-block;vertical-align:top;margin:0 10px 15px;} #main .brands-area .text-h{margin:0 0 25px;} #main .bottom-area .list {margin:0;} #main .bottom-area .list li{margin:0 0 12px;float:none;overflow:hidden;width:auto;} #content img, #content .alignleft, #content .aligncenter, #content .alignright{max-width:100%;display:block;margin:0 auto 10px;height:auto;} #sidebar .team-block ul .img-h img{max-width:100%;display:block;margin:0 auto;height:auto;} #main .contact-area{width:280px;} #main .contact-area .gform_body ul li{margin:0 0 11px;} #main .contact-area .gform_body ul li.right input[type="text"]{width:240px;} #main .contact-area .gform_body textarea{width:240px!important;} #main .contact-area .gform_footer input[type="submit"]{float:left;} #header .bar .opener{display:block;float:right;background:#1595D4 url('images/bg-open5.png') no-repeat 0 50%;width:32px;height:42px;text-indent:-9999px;overflow:hidden;margin:-42px 0 0} #header .bar{position:relative;} #nav{float:none;overflow:hidden;text-align:center;width:100%;display:none;} #nav li{display:block;text-align:center;width:100%;overflow:hidden;} #nav li a{display:block;background:none;width:auto;margin:0;padding:10px;} #nav li.active, #nav li.current-page-ancestor, #nav li:hover{background:#312D30;} #nav .drop{position:static;padding-bottom:10px} #nav .drop .box.third,#nav .drop .box:first-child, #nav .drop .box.last, #nav .drop .box{width:100%;float:none;overflow:hidden;margin:0;} #nav .drop .box h3 {font-size:12px;text-align:center;} #nav .drop .box .btn-h{text-align:center;} #nav .drop .box .btn-h a{display:inline-block;vertical-align:top;float:none;} #nav .drop .box h3 br{display:none;} #nav .drop .box .contact-block {display:none;} #nav .drop .box ul, #nav .drop .box .btn-h {display:none} #content .info-box{margin:0 0 10px;} #content .info-box .text{font-size:11px;padding:10px;} #content .info-box .text p{margin:0 0 3px;} #content .gallery .gmask ul li{width:254px;} #content .description ul{-moz-column-count:1;-moz-column-gap:60px;-webkit-column-count:1;-webkit-column-gap:60px;column-count:1;column-gap:60px} #content .list li .img-h{width:auto;float:none;margin:0 0 10px;} #content .list li .img-h img{max-width:100%;height:auto;display:block;margin:0 auto;width:auto;} #content .gallery .gmask ul li img{width:100%;display:block;height:auto;} #sidebar .contact-block{padding:16px 6px;} #content .info-box .text{width:auto;overflow:hidden;float:none;border-bottom:1px solid #cfd3d6;margin:0 0 9px 0;} #content .info-box .hold{background:none;} #content .info-box .image img{margin:0 auto;} #header .search input[type="text"]{width:200px;height:15px;} .gfield_description{display:block;color:#f00;} .serv-map{display:none;} } @media only screen and (max-width: 480px){ #main .big-gallery .gmask{ height:480px;} } @media only screen and (max-width: 350px){ #main .big-gallery .gmask{ height:410px;} }