/* Theme Name: Infinity Pacific Green Description: Semantic, SEO Optimised, Custom Wordpress Theme for Infinity Pacific Green Author: # Author URI: # Version: 2.1 */ /* Reset */ a, abbr, acronym, address, area, b, bdo, big, blockquote, body, button, caption, cite, code, col, colgroup, dd, del, dfn, div, dl, dt, em, fieldset, form, h1, h2, h3, h4, h5, h6, hr, html, i, images, ins, kbd, label, legend, li, map, object, ol, p, param, pre, q, samp, small, span, strong, sub, sup, table, tbody, td, textarea, tfoot, th, thead, tr, tt, ul, var{margin:0;padding:0;vertical-align:baseline} /* Defaults */ .logged-in.scroll_top #header{top:32px} :focus{outline:0} a, a:visited{color:#069;text-decoration:none;} a:hover{text-decoration:none;} abbr, acronym, dfn{border-bottom:1px dotted;cursor:help} blockquote{background:#EEE;border-left:2px solid #CCC;margin:0 0 1em} blockquote p{margin:.5em} body{background:#FFF;color:#6e6e6e;font:300 20px/24px 'Raleway', Arial, sans-serif;} code, pre{font-size:1em} del{text-decoration:line-through} dfn{font-style:italic;font-weight:bold} dt{font-weight:bold} dd{margin:0 0 1em 10px} fieldset{border:0} fieldset p{margin:0 0 5px} img{border:0;vertical-align:bottom} ins{text-decoration:none} hr{margin:0 0 0.5em} p{margin:0 0 1em} ul, ol{list-style:none;margin:0 0 1em} textarea{font:1em Arial;overflow:auto} tt{display:block;margin:0.5em 0;padding: 0.5em 1em} th{background:#EEE;border:solid #CCC;border-width:1px 0 0 1px;padding:3px} td{border:solid #CCC;border-width:1px 0 0 1px;padding:3px} table{border:solid #CCC;border-width:0 1px 1px 0} /* Containers */ #page{width:100%;overflow:hidden;position:relative;} /* Header */ #header{background:#fff;width:100%;position:relative;z-index:10;} #header .header-h:after, #header:after{display:block;clear:both;content:'';} #header .header-h{max-width:1806px;margin:0 auto;padding:15px 0 0;} #logo{float:left;width:101px;} #logo img{max-width:100%;height:auto;display:block;} #header .right{float:right;padding:9px 8px 0 0} #nav{position:static!important;float:left;margin:0 -13px 0 0;padding:5px 0 0;list-style:none;overflow:hidden;} #nav li{float:left;font-weight:normal;text-transform:uppercase;margin:0;padding:0 13px;font-size:17px;line-height:26px;} #nav li a{color:#8d8d8d;float:left;padding:0 0 28px;position:relative;} #header .search{width:22px;margin:0 0 0 49px;float:left;padding:8px 14px 7px;border-left:1px solid #e2e2e2;} #header .search .open-s{float:left;display:block;text-indent:-9999px;overflow:hidden;width:22px;height:22px;background:url(assets/img/search.png) no-repeat;} #header .lang{float:left;padding:6px 0 5px ;border-left:1px solid #e2e2e2;margin:0;list-style:none;} .logged-in #header .lang{border-left: none;} a.header-cart{ width: 50px; height: 37px; float: left; background: url(assets/img/header-cart-icon.png) no-repeat 50% 50%; position: relative; background-size: 25px auto; border:solid #e2e2e2; border-width: 0 1px; } a.header-cart .header-cart-count{ position: absolute; top:6px; left: 50%; transform: translate(-50%,0); background:#6f6f6f; padding: 2px; color:#fff; font-size: 11px; font-weight: 500; line-height: 9px; } a.header-cart .header-cart-count.empty{display: none;} .js-slide-hidden{display: none !important;} #header .lang li{margin:0 0 0 8px;float:left;padding:0 0 0 9px;background:url(assets/img/sep-01.gif) no-repeat 0 3px;font-size:17px;line-height:26px;} #header .lang li:first-child{background:none;margin:0 0 0 4px} #header .lang li a{color:#5d5d5d;} #nav > li > a:after{-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-ms-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;opacity:0;height:5px;background:#e2e2e2;width:100%;content:'';display:block;position:absolute;bottom:0;left:0;} #nav > li:hover > a{color:#5d5d5d;} #nav > li.active > a{color:#5d5d5d;} #nav > li:hover > a:after{opacity:1} #nav > li:hover .drop{display:block;} #nav .drop{display:none;left:0;width:100%;overflow:hidden;text-align:center;position:absolute;top:83px;padding:48px 0;background:#e2e2e2;} #nav .drop .menu, #nav .drop .featured{display:inline-block;vertical-align:top;width:19%;margin:0 0.5% 0 22% } #nav .drop .menu{width: 11%; margin: 0 0px 0 5%;} #nav .drop h3{text-align: left;text-transform:uppercase;margin:0 0 28px;font-weight:normal;color:#8d8d8d;font-size:17px;line-height:22px;} #nav .drop ul{margin:0;padding:0;list-style:none;overflow:hidden;float:none} #nav .drop ul li{float:none;margin:0 0 5px;overflow:hidden;vertical-align:top;padding:0;text-transform:none;font-size:15px;line-height:20px;} #nav .drop ul li a{padding:0;color:#6e6e6e;} #nav .drop ul li a:hover{color:#000} #nav .drop .featured a{text-align: left;padding:0;display:block;position:relative;} #nav .drop .featured a:hover img{opacity:0.6} #nav .drop .featured img{-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-ms-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;width:100%;height:auto;display:block;} #nav .drop .featured .text{position:absolute;bottom:20px;left:20px;background:#fff;padding:15px;} #nav .drop .featured .title{display:block;text-transform:uppercase;color:#8d8d8d;font-size:17px;line-height:20px;font-weight:normal} #nav .drop .featured .link{margin:2px 0 0;text-transform:none;display:block;color:#8d8d8d;font-size:13px;line-height:15px;font-weight:normal} #header .opener{display:none;} #header.active .search{width:398px} #header .search .slide{margin:0 11px -12px 10px;width:326px;float:left;overflow:hidden;border-bottom:1px solid #e2e2e2} #searchform{overflow:hidden;} #searchform input[type="text"]{font:300 17px/24px 'Raleway', Arial, sans-serif;background:none;width:300px;padding:0 13px 10px;margin:0;border:none;color:#8d8d8d} #searchform input[type="submit"]{display:none;} #searchform input[type="text"]::-webkit-input-placeholder{ color:#a8a8a8;opacity:1;} #searchform input[type="text"]::-moz-placeholder{ color:#a8a8a8;opacity:1;} #searchform input[type="text"]:-ms-input-placeholder{ color:#a8a8a8;opacity:1;} #searchform input[type="text"]:-moz-placeholder{ color:#a8a8a8;opacity:1;} .search_hold p strong{ font-weight:600;} #visual{float:left;background:#000;width:100%;overflow:hidden;position:relative;} .scroll_top #visual, .scroll_bottom #visual, .scroll_top .visual, .scroll_bottom .visual{ margin-top:83px;} #visual img{opacity:0.6;width:100%;overflow:hidden;height:auto;display:block;} #visual .text-h{max-width:700px;margin:0 auto;height:100%;} #visual .text{width:1806px;left:50%;top:0;height:100%;position:absolute;margin:0 0 0 -903px} #visual .text-h .h{width:100%;height:100%;display:table;} #visual .text-h .f{width:100%;height:100%;display:table-cell;vertical-align:middle;text-align:center} #visual .text-h h1{position:relative;display:block;vertical-align:top;margin:0;padding:0 0 60px;font-weight:300;font-size:63px;line-height:72px;text-transform:uppercase;color:#fff;} #visual .text-h h1:after{position:absolute;bottom:0;width:350px;margin:0 0 0 -175px;left:50%;height:6px;content:'';background:url(assets/img/bg-title.png) repeat-x 0 100%;} #visual .breadcrumbs-holder{width:1806px;position:absolute;top:0;left:50%;margin:0 0 0 -903px;font-weight:300;font-size:12px;line-height:20px;color:#fff;padding:14px 0 0} #visual .breadcrumbs-holder ul{margin:0;padding:0;list-style:none;overflow:hidden;} #visual .breadcrumbs-holder ul li{float:left;} #visual .breadcrumbs-holder ul li:before{content:'/';float:left;margin:0 11px} #visual .breadcrumbs-holder ul li:first-child:before{display:none;} #visual .breadcrumbs-holder ul li a{color:#fff;} #visual p{color:#fff;font-size:24px;line-height:30px;margin:50px 0 0} #visual p strong{font-weight:bold;} .visual video{ display:block; width:100%; height:auto;} .visual{float:left;width:100%;overflow:hidden;position:relative;margin: 0} .visual .gmask{width:100%;overflow:hidden;position:relative;} .visual .gmask > ul{position:relative;width:100%;margin:0;padding:0;list-style:none;overflow:hidden;} .visual .gmask > ul > li{width:100%;height:100%;position:absolute;z-index:1;} .visual .gmask > ul > li.active{z-index:2;} .visual .gmask > ul > li img{width:100%;height:auto;display:block;position:relative;} .visual .text-h{width:1806px;position:absolute;top:0;left:50%;margin:0 0 0 -908px;height:100%} .visual .h{width:100%;height:100%;display:table} .visual .f{width:100%;height:100%;display:table-cell;vertical-align:bottom;} .visual .t{overflow:hidden;padding:60px 0 252px;} .visual p, .visual h3{clear:both;} .visual h4{float:left;color:#fff;padding:0 0 40px;background:url(assets/img/bg-title.png) repeat-x 0 100%; font-size:27px;line-height:32px;font-weight:500;margin:0 0 42px;} .visual h2{clear:both;color:#fff;text-transform:uppercase;font-size:63px;line-height:70px;margin:0 0 30px;font-weight:300;} .visual h5{ text-transform:uppercase;font-size:30px;line-height:36px;color:#fff;margin:0 0 50px;font-weight:300;} .visual .gmask > ul > li ul{clear:both;margin:0;padding:0 0 50px;list-style:none;overflow:hidden;} .visual .gmask > ul > li ul li{text-transform:uppercase;font-size:30px;line-height:36px;color:#fff;float:left;padding:0 18px;background:url(assets/img/sep-02.png) no-repeat 0 4px;} .visual .gmask > ul > li ul li:first-child{padding-left:0;background:none;} .visual .gmask > ul > li ul li a{color:#fff;} .visual .btn{-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-ms-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;font-weight:100;border:1px solid #fff;float:left;color:#fff;padding:10px 35px;text-transform:uppercase;font-size:17px;line-height:23px} .visual .btn:hover{background:#fff;color:#6e6e6e} .visual .switcher{z-index:3;position:absolute;bottom:182px;width:1806px;left:50%;margin:0 0 0 -903px;list-style:none;overflow:hidden;padding:0} .visual .switcher li{float:left;margin:0 18px 0 0;} .visual .switcher li a{border:2px solid #fff;border-radius:50%;-webkit-border-radius:50%;display:block;width:8px;height:8px;text-indent:-9999px;overflow:hidden} .visual .switcher li.active a{background:#fff;} /*Main*/ #main{width:100%;overflow:hidden;position:relative;clear:both;padding:0 0 148px} /*.scroll_bottom div#main{padding-top:83px;}*/ .section{max-width:1420px;margin:0 auto;overflow:hidden;} /*Form*/ #main .gform_wrapper{max-width:940px;overflow:hidden;margin:0 auto;padding:110px 0 40px} #main .gform_heading{text-align:center;padding:0 0 67px;overflow:hidden;position:relative;margin:0 0 132px;} #main .gform_heading h3{margin:0 0 48px;font-size:30px;line-height:35px;font-weight:300;} #main .gform_heading:after{position:absolute;bottom:0;width:240px;margin:0 0 0 -120px;left:50%;height:6px;content:'';background:url(assets/img/bg-title2.png) repeat-x 0 100%;} #main .gform_heading .gform_description{display:block;line-height:30px;} #main .gform_body{overflow:hidden;margin:0;padding:0 0 36px;} #main .gform_body ul{margin:0 -2% 0 0;padding:0;list-style:none;overflow:hidden;} #main .gform_body ul li{float:left;width:48%;margin:0 2% 52px 0;} #main .gform_body ul li.full{width:98%} #main .gform_body ul li label{display:none;} #main .gform_body ul li textarea, #main .gform_body ul li input[type="text"]{width:100%;background:none; color:#a8a8a8;font:300 30px/34px 'Raleway', Arial, sans-serif;border:1px solid #6e6e6e;padding:7px 0;border-width:0 0 1px;margin:0;height:48px;} #main .gform_body ul li textarea::-webkit-input-placeholder, #main .gform_body ul li input[type="text"]::-webkit-input-placeholder{ color:#a8a8a8;opacity:1;} #main .gform_body ul li textarea::-moz-placeholder, #main .gform_body ul li input[type="text"]::-moz-placeholder{ color:#a8a8a8;opacity:1;} #main .gform_body ul li textarea:-ms-input-placeholder, #main .gform_body ul li input[type="text"]:-ms-input-placeholder{ color:#a8a8a8;opacity:1;} #main .gform_body ul li textarea:-moz-placeholder, #main .gform_body ul li input[type="text"]:-moz-placeholder{ color:#a8a8a8;opacity:1;} #main .gform_body ul li .gfield_checkbox label{display:block;font-size:20px;line-height:22px;} #main .gform_body ul li .gfield_description{display:block;overflow:hidden;font-size:15px;line-height:17px;padding:3px 0 0 44px} #main .gform_body ul li .gfield_checkbox li{width:98%;margin:0;padding:22px 0 0} #main .gform_body ul li .gfield_checkbox input{width:16px;height:16px;float:left;margin:0 10px 0 0} #main .gform_footer{overflow:hidden;width:100%;overflow:hidden;} #main .gform_footer input[type="submit"]{-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-ms-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;border:1px solid #343a37;display:block;margin:0 auto;padding:0;font:300 20px/58px 'Raleway', Arial, sans-serif;background:#fff;width:339px;height:60px;cursor:pointer;text-transform:uppercase;color:#343a37;} #main .gform_footer input[type="submit"]:hover{background:#343a37;color:#fff;} #main .gform_wrapper .validation_error{color:#f00;} #main .gform_body ul li .validation_message{display:none;} #main .gform_body ul li.gfield_error textarea, #main .gform_body ul li.gfield_error input[type="text"]{border-color:#f00} #main .gform_confirmation_wrapper{max-width:940px;overflow:hidden;margin:0 auto;padding:133px 0 0;text-align:center;} /*Product*/ #main .product-area{overflow:hidden;max-width:1420px;margin:0 auto -35px;padding:65px 0 0} #main .product-area .s_title{margin-bottom: 15px;} #main .product-area .row{overflow:hidden;margin:0 -4% 0 0} #main .product-area .prod{display:inline-block;vertical-align:top;width:32%;margin:0 0.2% 35px 0} #main .product-area .prod .img{width:100%;overflow:hidden;margin:0 0 22px} #main .product-area .prod .img a{display:block;} #main .product-area .prod .img img{width:100%;height:auto;display:block;} #main .product-area .prod .text{overflow:hidden;text-align:center;height:100%} #main .product-area .prod .text .h{height:100%;width:100%;display:table;} #main .product-area .prod .text .f{height:100%;width:100%;display:table-cell;vertical-align:middle} #main .product-area .prod h2{text-align:center;color:#6e6e6e;font-size:25px;line-height:30px;margin:0 0 17px;font-weight:300} #main .product-area .prod h2 a{color:#6e6e6e;} #main .product-area .prod .btn{-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-ms-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;display:inline-block;vertical-align:top;color:#343a37;font-size:15px;line-height:20px;padding:7px 21px;border:1px solid #343a37;font-weight:100 } #main .product-area .prod .btn:hover{background:#343a37;color:#fff;} #main .product-area .two .prod{width:47.5%;margin:0 1% 39px 0} #main .product-area .one .prod h2, #main .product-area .two .prod h2{font-size:32px;line-height:40px;padding:0 20px} #main .product-area .one .prod .btn, #main .product-area .two .prod .btn{padding:13px 21px;font-size:18px;line-height:20px;min-width:192px} #main .product-area .two .prod .img{margin:0 0 45px} #main .product-area .one{margin:0} #main .product-area .one .prod{width:100%;margin:0 0 13px} #main .product-area .one .prod .img{float:left;width:67%;} #main .product-area .one .prod .text{float:none;width:auto;overflow:hidden;} #main .product-area .one .prod .img{float:none;margin:0 -7px 0 0px;display:inline-block;vertical-align:middle} #main .product-area .one .prod .text{width:33%;float:none;display:inline-block;vertical-align:middle} /*Sales Network*/ #main .sales-boxes{margin:0 auto;max-width:1420px;overflow:hidden;padding:142px 0 } #main .sales-boxes .box{margin:0 0 19px;background:#f4f4f4;display:inline-block;vertical-align:top;overflow:hidden;width:49.5%;} #main .sales-boxes .box:nth-child(2n){float:right;} #main .sales-boxes .heading{width:100%;padding:29px 56px;background:#e1e1e1;overflow:hidden;} #main .sales-boxes .heading-h{display:table-cell;height:114px;vertical-align: middle;} #main .sales-boxes img{display:inline-block;vertical-align:middle;margin:0 67px 0 0} #main .sales-boxes h2{font-weight:300;font-size:36px;line-height:42px;display:inline-block;vertical-align:middle;margin:0;max-width:80%} #main .sales-boxes .h{overflow:hidden;padding:61px 75px 34px;} #main .sales-boxes dl{margin:0;padding:0;overflow:hidden;display:block;} #main .sales-boxes dt{font-weight:normal;float:left;margin:0 20px 0 0;min-width:136px;} #main .sales-boxes dd{overflow:hidden;margin:0 0 27px;} #main .text-area{text-align:center;position:relative;max-width:630px;overflow:hidden;margin:0 auto;padding:33px 0 31px} #main .text-area:after{position:absolute;bottom:0;width:240px;margin:0 0 0 -120px;left:50%;height:6px;content:'';background:url(assets/img/bg-title2.png) repeat-x 0 100%;} #main .text-area p{margin:0 0 39px;line-height:30px;} #main .text-area .mail{display:inline-block;vertical-align:top;margin:0 0 42px;font-size:30px;line-height:36px;color:#6e6e6e;} /*CTA*/ #main .cta:last-child{margin:0 0 -148px} #main .cta{padding:87px 0;overflow:hidden;text-align:center;clear: both;} #main .cta .btn{-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-ms-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;padding:12px 0 18px;min-width:458px;display:inline-block;vertical-align:top;background:#343a37;border:1px solid #343a37;color:#fff;font-weight:100;font-size:35px;line-height:40px;text-transform:uppercase;} #main .cta .btn span{display:block;font-size:15px;line-height:20px;} #main .cta .btn:hover{color:#343a37;background:#fff;} #main .unchor{padding:16px 9999px 7px;overflow:hidden;margin:0 -9999px;background:#6e6e6e;text-align:center;} #main .unchor.v2{padding:26px 9999px 20px;} #main .unchor .label{font-weight:500;display:inline-block;vertical-align:top;margin:0 10px 0 0;font-size:17px;line-height:20px;text-transform:uppercase;color:#acacac} #main .unchor ul{margin:0;padding:0;list-style:none;display:inline-block;vertical-align:top} #main .unchor ul li{font-weight:500;font-size:17px;line-height:20px;float:left;padding:0 22px 0 24px;text-transform:uppercase;background:url(assets/img/sep-03.png) no-repeat 0 2px;} #main .unchor ul li a:hover:after, #main .unchor ul li a.active:after{position:absolute;bottom:-9px;left:0;height:3px;width:100%;background:#fff;content:''} #main .unchor ul li:first-child{background:none} #main .unchor ul li a{color:#fff;display:block;position:relative;} #main .unchor ul:after{display:block;clear:both;content:'';} #main .section-area{width:100%;overflow:hidden;} #main .section-area .section{padding:80px 0 40px;max-width:100%;width:100%;background-size:cover;overflow:hidden;background-repeat:no-repeat;} #main .section-area .section .h{max-width:1421px;margin:0 auto;overflow:hidden;} #main .section-area h2{text-align:center;position:relative;text-transform:uppercase;font-size:35px;line-height:40px;margin:0 0 38px;font-weight:300;padding:0 0 20px;} #main .section-area h2:after{position:absolute;bottom:0;height:1px;content:'';width:460px;background:#6e6e6e;left:50%;margin:0 0 0 -230px} #main .section-area .text{float:left;padding:63px 0 0 8.5%;width:33%;margin:0 3.5% 0 0} #main .section-area .image{overflow:hidden;} #main .section-area .image img{max-width:100%;height:auto;display:block;} #main .section-area .text p{margin:0 0 24px;} #main .section-area .text p{margin:0 0 24px;} #main .section-area .text p{margin:0 0 24px;} #main .section-area .text h3{font-weight:300;margin:0 0 25px;font-size:27px;line-height:32px;} #main .section-area .text p span{font-weight:500;text-decoration:underline;} #main .section-area .text p strong{font-weight:600;} #main .section-area .section.img_left .text{padding:36px 8.5% 0 0 ;margin:0 0 0 3.5%;float:right;} /*Parallax*/ #main .parallax{width:100%;overflow:hidden;position:relative;height:832px;background-size:cover!important} #main .parallax .holder{padding:165px 0;max-width:1420px;overflow:hidden;margin:0 auto} #main .parallax .holder .h{height:500px;width:100%;display:table;} #main .parallax .holder .f{text-align:center;display:table-cell;width:100%;height:100%;vertical-align:middle;} #main .parallax h2{text-transform:uppercase;margin:0 0 10px;color:#fff;font-weight:300;font-size:63px;line-height:70px;} #main .parallax h3{text-transform:uppercase;margin:0 0 10px;color:#fff;font-weight:300;font-size:31px;line-height:40px;} #main .logos-list{-moz-column-count: 4;-moz-column-gap: 150px;-webkit-column-count: 4;-webkit-column-gap: 150px;column-count: 4;column-gap: 150px;margin:0;padding:71px 0 0;list-style:none;overflow:hidden;} #main .logos-list li{display: inline-block;vertical-align:top;overflow:hidden;margin:24px 0 75px} #main .logos-list li img{vertical-align:middle;max-width:100%;height:auto} #main .section .row{max-width:1180px;overflow:hidden;margin:0 auto;padding:128px 0 32px} #main .section + .parallax{margin-top:102px} #main .section.b_border + .parallax{margin-top:0} #main .section .row.center{padding:105px 0 155px} #main .section .row .image{float:right;margin:8px 0 0 50px } #main .section .row .text{overflow:hidden;} #main .section .row .text .h{height:100%;width:100%;display:table} #main .section .row .text .f{height:100%;width:100%;display:table-cell;vertical-align:middle} #main .section .row .text h2{position:relative;font-size:32px;line-height:32px;padding:0 0 30px;margin:0 0 41px;font-weight:300;} #main .section .row .text h2:after{position:absolute;bottom:0;width:240px;margin:0 ;left:0;height:6px;content:'';background:url(assets/img/bg-title2.png) repeat-x 0 100%;} #main .section .row .text h3{position:relative;font-size:25px;line-height:30px;margin:0 0 20px;font-weight:300;} #main .section .row .text p{margin:0 0 20px;font-size:18px;line-height:22px;} #main .section .row .text .btn{-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-ms-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;text-align:center;min-width:194px;margin:37px 0 0;float:left;text-transform:uppercase;font-size:17px;line-height:22px;padding:11px;font-weight:100;color:#343a37;border:1px solid #343a37} #main .section .row .text .btn:hover{background:#343a37;color:#fff} #main .section .row.center .image{float:none;margin:0 0 63px;width:100%} #main .section .row.center .image img{max-width:100%;height:auto;display:block;margin:0 auto} #main .section .row .col-h{width:100%;overflow:hidden;} /*#main .section .row .col{float:right;width:49%;}*/ #main .section .row.center .text{text-align:center;} #main .section .row .two_col .col{display:inline} #main .section .row .two_col{text-align:left;-moz-column-count: 2;-moz-column-gap: 50px;-webkit-column-count: 2;-webkit-column-gap: 50px;column-count: 2;column-gap: 50px;} #main .section .row.center .text h2{text-align:center} #main .section .row.center .text h2:after{margin:0 0 0 -120px;left:50%} /*#main .section .row .col:first-child{float:left;}*/ #main .section .row.left .image{float:left;margin:8px 50px 0 0 } #main .section .row ul{margin:0;padding:0;list-style:none;overflow:hidden;} #main .section .row ul li{vertical-align:top;overflow:hidden;padding:0 0 13px;font-size: 16px;line-height: 24px;} #main .section .row ul li:before{width:7px;height:7px;border-radius:50%;-webkit-border-radius:7px;background:#6e6e6e;float:left;content:'';margin:10px 10px 0 0} #main .section .row ul li span{font-size:22px;} /*Text + Image*/ .text-section{max-width:1180px;overflow:hidden;padding:133px 0 134px;margin:0 auto} .home .text-section{border-bottom:1px solid #e2e2e2;margin:0 auto 80px} .text-section .image{float:right;width:69.5%;margin:0 0 0 -8.5%} .text-section .text{height:100%;overflow:hidden;position:relative;} .text-section .text .t{height:100%;display:table;width:100%} .text-section .text .h{height:100%;display:table-cell;vertical-align:middle;width:100%} .text-section .text .f{font-size:16px;overflow:hidden;background:#f4f4f4;padding:56px 64px 67px;text-align:center;line-height:20px;} .text-section .text h2{background:url(assets/img/bg-title2.png) repeat-x 0 100%;font-weight:300; text-align:center;font-size:32px;line-height:32px;margin:0 0 47px;padding:0 32px 27px;display:inline-block;vertical-align:top;} .text-section .text h3{text-align:justify;font-weight:300;margin:0 0 19px;font-size:22px;line-height:22px;} .text-section .text p{margin:0 0 20px;text-align:justify;} .text-section .text .btn{-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-ms-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;border:1px solid #343a37;margin:52px 0 0;color:#fff;display:inline-block;vertical-align:top;padding:11px 12px;min-width:194px;background:#343a37;font-size:17px;line-height:22px;font-weight:100;text-transform:uppercase;} .text-section .text .btn:hover{background:#fff;color:#343a37;} /*Upcoming Exhibitions*/ .gall{margin:0 -10px;overflow:hidden;} .gall h2{position:relative;vertical-align:top;text-align:center;font-size:32px;font-weight:300;margin:0 0 94px;line-height:40px;padding:0 0 39px;} .gall h2:after{width:240px;content:'';position:absolute;bottom:0;left:50%;margin:0 0 0 -120px;height:4px;background:url(assets/img/bg-title2.png) repeat-x 0 100%;} .gall .gmask{width:1440px;margin:0 auto;overflow:hidden;position:relative;} .gall .gmask ul{width:9999px;margin:0;padding:0;list-style:none;overflow:hidden;} .gall .gmask ul li{float:left;width:340px;margin:0 10px} .gall .gmask ul li .img{width:100%;overflow:hidden;margin:0 0 23px;line-height:273px;text-align:center;} .gall .gmask ul li .img img{max-width:100%;height:auto;vertical-align:middle;} .gall .gmask ul li .img a{-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-ms-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;} .gall .gmask ul li .img a:hover{opacity:0.7} .gall .gmask ul li .text{overflow:hidden;} .gall .gmask ul li h3{color:#6e6e6e;font-size:20px;line-height:26px;margin:0;font-weight:500;} .gall .gmask ul li h3 a{color:#6e6e6e;} .gall .gmask ul li h3 a:hover{color:#000;} .gall .gmask ul li address{font-style:normal;display:block;margin:0 0 11px;padding:0;font-size:15px;line-height:20px;} .gall .gmask ul li .date{display:block;font-size:15px;line-height:20px;} .gall .paging{float:right;margin:0 10px 0 0;padding:29px 0 0} .gall .paging a{margin:0 0 0 12px;float:left;width:40px;height:36px;text-indent:-9999px;overflow:hidden;background:url(assets/img/bg-arrows.png) no-repeat;} .gall .paging a:hover{background-position:0 -36px;} .gall .paging a.next{background-position:100% 0;} .gall .paging a.next:hover{background-position:100% -36px;} /*Single*/ #main .single-gall{padding:68px 0 0;width:100%;overflow:hidden;position:relative;} .scroll_bottom #main .single-gall, .scroll_top #main .single-gall{margin-top:83px;} #main .single-gall .breadcrumbs-f{margin:0 auto;max-width:1806px;overflow:hidden;} #main .single-gall .breadcrumbs-holder{z-index:3;width:100%;position:absolute;top:0;left:0;font-weight:300;font-size:15px;line-height:20px;color:#fff;padding:14px 0 } #main .single-gall .breadcrumbs-holder ul{margin:0;padding:0;list-style:none;overflow:hidden;} #main .single-gall .breadcrumbs-holder ul li{float:left;} #main .single-gall .breadcrumbs-holder ul li:before{content:'/';float:left;margin:0 11px} #main .single-gall .breadcrumbs-holder ul li:first-child:before{display:none;} #main .single-gall .breadcrumbs-holder{background:#f4f4f4;text-align:center} #main .single-gall .breadcrumbs-holder ul{float:left;margin:0 -100% 0 0;} #main .single-gall .breadcrumbs-holder li, #main .single-gall .breadcrumbs-holder li a{color:#6e6e6e;} #main .single-gall .breadcrumbs-holder h1{font-weight:normal;color:#373f38;margin:0;font-size:35px;line-height:40px;} #main .single-gall .gmask{width:100%;position:relative;overflow:hidden;} #main .single-gall .gmask ul{margin:0;padding:0;list-style:none;overflow:hidden;} #main .single-gall .gmask ul li{position:absolute;top:0;left:0;width:100%;overflow:hidden;} #main .single-gall .gmask ul li.active{z-index:2;} #main .single-gall .gmask ul li img{max-width:100%;display:block;margin:0 auto;height:auto} #main .single-gall .prev, #main .single-gall .next{z-index:3;background:url(assets/img/bg-arrows5.png) no-repeat;text-indent:-9999px;overflow:hidden;position:absolute;top:50%;left:50%;margin:-22px 0 0 -903px;width:45px;height:45px;opacity:0.5;} #main .single-gall .prev:hover, #main .single-gall .next:hover {opacity:1.0;} #main .single-gall .next{left:auto;right:50%;margin:-22px -903px 0 0;background-position:-45px 0;} #main .desc{overflow:hidden;max-width:1180px;margin:0 auto;padding:85px 0 0;} #main .desc.b_border{border-bottom:1px solid #e2e2e2;padding:85px 0 85px;} #main .desc.withimage.right .image{float:right;} #main .desc.withimage.left .image{float:left;} #main .desc.withimage.center .image{width:100%;overflow:hidden;float:none} #main .desc.withimage.center .image img{margin:0 auto 30px} #main .desc.withimage.right .text{float:left;} #main .desc.withimage.left .text{float:right;} #main .desc.withimage.center .text{width:100%;overflow:hidden;float:none} #main .desc.withfile.right .file{float:right;} #main .desc.withfile.left .file{float:left;} #main .desc.withfile.center .file{width:100%;overflow:hidden;float:none} #main .desc.withfile.right .text{float:left;} #main .desc.withfile.left .text{float:right;} #main .desc.withfile.center .text{width:100%;overflow:hidden;float:none} #main .desc.text_only .text{float:none;overflow:hidden;text-align:center;width:100%} #main .desc.text_center.text_only .text{text-align:center;} #main .desc.text_left.text_only .text{text-align:left;} #main .desc.text_right.text_only .text{text-align:right;} #main .desc > h2{text-align:center;position:relative;text-transform:uppercase;font-size:35px;line-height:40px;margin:0 0 58px;font-weight:300;padding:0 0 20px;} #main .desc > h2:after{position:absolute;bottom:0;height:1px;content:'';width:460px;background:#6e6e6e;left:50%;margin:0 0 0 -230px} #main .desc .text{float:left;width:40%} #main .desc .text .h{height:100%;width:100%;display:table} #main .desc .text .f{height:100%;width:100%;display:table-cell;vertical-align:middle} #main .desc .image{float:right;width:49%} #main .desc .image img{max-width:100%;height:auto;display:block;} #main .desc ul{margin:0;padding:0;list-style:none;overflow:hidden;} #main .desc ul li{vertical-align:top;overflow:hidden;padding:0 0 13px;font-size: 16px;line-height: 24px;} #main .desc ul li:before{width:7px;height:7px;border-radius:50%;-webkit-border-radius:7px;background:#6e6e6e;float:left;content:'';margin:10px 10px 0 0} #main .desc .text h2{position:relative;font-size:32px;line-height:32px;padding:0 0 30px;margin:0 0 41px;font-weight:300;} #main .desc .text h2:after{position:absolute;bottom:0;width:240px;margin:0 ;left:0;height:6px;content:'';background:url(assets/img/bg-title2.png) repeat-x 0 100%;} #main .desc .text h3{position:relative;font-size:25px;line-height:30px;margin:0 0 20px;font-weight:300;} #main .desc .text p{margin:0 0 20px;font-size:18px;line-height:22px;} #main .desc .text p strong{font-weight:bold;} #main .desc .text p span{font-weight:500;text-decoration:underline;} #main .desc .text .btn{-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-ms-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;text-align:center;min-width:194px;margin:37px 0 0;float:left;text-transform:uppercase;font-size:17px;line-height:22px;padding:11px;font-weight:100;color:#343a37;border:1px solid #343a37} #main .desc .text .btn:hover{background:#343a37;color:#fff} #main .desc.withfile{padding:85px 0 38px;margin:0 auto} #main .desc.withfile .text{width:71%} #main .desc.withfile .file{float:right;width:22%} #main .desc.withfile .spec-btn{width:auto;margin:5px auto 30px;max-width:218px} #main .desc.withfile > div{height:auto!important} #main .desc.withfile .text p{font-size:18px;line-height:22px;} #main .desc.withfile .text h3{font-size:25px;line-height:30px;margin:0 0 44px} #main .desc.left .image{float:left;} #main .desc.left .text{float:right;} #main .desc.left{border:none;margin:0 auto;/*padding:29px 0 0*/} .single-product #main .parallax .holder{padding:104px 0;} .single-product #main .parallax{height:555px;} .single-product #main .parallax .holder .h{height:344px;} .single-product #main .parallax .holder .h h3{line-height:45px;max-width:790px;position:relative;text-transform:none;font-size:35px;padding:86px 0;margin:0 auto} .single-product #main .parallax .holder .h h3:before{position:absolute;top:0;width:350px;margin:0 0 0 -175px;left:50%;height:6px;content:'';background:url(assets/img/bg-title.png) repeat-x 0 100%;} .single-product #main .parallax .holder .h h3:after{position:absolute;bottom:0;width:350px;margin:0 0 0 -175px;left:50%;height:6px;content:'';background:url(assets/img/bg-title.png) repeat-x 0 100%;} #desc{width:100%;max-width:100%;overflow:hidden;} #main .spec{overflow:hidden;max-width:1180px;margin:0 auto 40px;padding:0;} #main .spec h2{text-align:center;position:relative;text-transform:uppercase;font-size:35px;line-height:40px;margin:0 0 38px;font-weight:300;padding:0 0 20px;} #main .spec h2:after{position:absolute;bottom:0;height:1px;content:'';width:460px;background:#6e6e6e;left:50%;margin:0 0 0 -230px} #main .spec-btn{-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-ms-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;overflow:hidden;text-align:center;color:#494949;border:1px solid #e2e2e2;border-radius:8px;-webkit-border-radius:8px;margin:84px auto 26px;display:block;width:218px;padding:40px 20px 33px} #main .spec-btn:hover{background:#e2e2e2} #main .spec-btn h4{font-size:17px;line-height:22px;color:#494949;text-transform:uppercase;font-weight:300;margin:0 0 38px} #main .spec-btn img{max-width:100%;display:block;height:auto;margin:0 auto 32px} #main .spec-btn .link{display:inline-block;vertical-align:top;font-size:17px;padding:0 33px 0 11px;line-height:22px;color:#494949;background:url(assets/img/bg-btnar.png) no-repeat 100% 2px;} #main .related{width:100%;overflow:hidden;padding:80px 0 58px;background:#343a37;} #main .related:last-child{margin:70px 0 -148px} #main .related .h{max-width:1420px;overflow:hidden;margin:0 auto;} #main .related h2{text-align:center;margin:0 0 83px;font-size:35px;line-height:40px;color:#fff;font-weight:100;} #main .related ul{margin:0 -2% 0 0;padding:0;list-style:none;overflow:hidden;} #main .related ul li{text-align:center;float:left;width:23.5%;margin:0 1.4% 0 0} #main .related ul li:hover .img img{opacity:0.3} #main .related ul li .img{overflow:hidden;margin:0 0 23px;background:#000} #main .related ul li .img img{-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-ms-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;width:100%;height:auto;display:block;} #main .related ul li h3{font-size:20px;font-weight:100;margin:0;color:#fff;line-height:30px;} #main .related ul li h3 a{color:#fff;} #main .spec-list{margin:0;padding:79px 0 0;list-style:none;overflow:hidden;} #main .spec-list li:first-child{width:22%;margin:0 9% 0 0;} #main .spec-list li{float:left;width:26%;margin:0 2% 0 0;position:relative;} #main .spec-list li:last-child{-moz-box-sizing: border-box; -webkit-box-sizing: border-box;box-sizing: border-box;float:right;width:36%;padding:0 113px 0 0} #main .spec-list li img{max-width:100%;height:auto;vertical-align:top;} #main .spec-list .text{margin:33px 0 0;padding:7px 0 0;border-top:2px solid #8a8a8a;display:block;font-size:19px;color:#6e6e6e;} #main .spec-list .text.height{display:table;padding:0 0 0 13px;margin:0;height:100%;position:absolute;top:0;right:0;border-top:none;border-left:2px solid #8a8a8a;} #main .spec-list .text.height span{height:100%;width:100%;display:table-cell;vertical-align:middle} #main #spec .spec > img{max-width:100%;height:auto;display:block;margin:0 auto} /* Content*/ #content{clear:both;max-width:1180px;margin:0 auto;overflow:hidden;padding:148px 0 0;} #content ol{list-style:decimal;margin:0 0 1em 22px} #content ul{margin:0;padding:0;list-style:none;overflow:hidden;} #content ul li{vertical-align:top;overflow:hidden;padding:0 0 13px;font-size: 16px;line-height: 24px;} #content ul li:before{width:7px;height:7px;border-radius:50%;-webkit-border-radius:7px;background:#6e6e6e;float:left;content:'';margin:10px 10px 0 0} #content h1{font-size:35px;line-height:40px;margin:0 0 20px} #content h2{position:relative;font-size:32px;line-height:32px;padding:0 0 30px;margin:0 0 41px;font-weight:300;} #content .post{margin:0 0 30px} #content .post h2{margin:0 0 21px} #content .post .meta a{color:#000;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-ms-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;} #content .post .meta a:hover{color:#6e6e6e;} #content h2 a{-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-ms-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;color:#6e6e6e;} #content h2 a:hover{color:#000;} #content h2:after{position:absolute;bottom:0;width:240px;margin:0 ;left:0;height:6px;content:'';background:url(assets/img/bg-title2.png) repeat-x 0 100%;} #content h3{position:relative;font-size:22px;line-height:22px;margin:0 0 20px;font-weight:300;} #content p{margin:0 0 20px;font-size:16px;line-height:20px;} #content .btn{-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-ms-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;text-align:center;min-width:194px;margin:37px 0 0;float:left;text-transform:uppercase;font-size:17px;line-height:22px;padding:11px;font-weight:100;color:#343a37;border:1px solid #343a37} #content .btn:hover{background:#343a37;color:#fff} /*Popup*/ #popup{display:none;width:940px;margin:0 0 0 -573px;position:absolute;top:100px;z-index:1001;left:50%;background:#6e6e6e;overflow:hidden;border:1px solid #181818;padding:103px 103px 141px} #fader{z-index:1000;position:fixed;top:0;left:0;width:100%;height:100%;background:#000;} #popup .gform_wrapper{max-width:940px;overflow:hidden;margin:0 auto;padding:110px 0 40px} #popup .gform_heading{text-align:center;padding:0 0 67px;overflow:hidden;position:relative;margin:0 0 132px;} #popup .gform_heading h3{color:#fff;margin:0 0 48px;font-size:30px;line-height:35px;font-weight:300;} #popup .gform_heading:after{position:absolute;bottom:0;width:240px;margin:0 0 0 -120px;left:50%;height:6px;content:'';background:url(assets/img/bg-title2.png) repeat-x 0 100%;} #popup .gform_heading .gform_description{color:#fff;display:block;line-height:30px;} #popup .gform_body{overflow:hidden;margin:0;padding:0 0 36px;} #popup .gform_body ul{margin:0 -2% 0 0;padding:0;list-style:none;overflow:hidden;} #popup .gform_body ul li{float:left;width:48%;margin:0 2% 52px 0;} #popup .gform_body ul li.full{width:98%} #popup .gform_body ul li label{display:none;} #popup .gform_body ul li textarea, #popup .gform_body ul li input[type="text"]{width:100%; color:#fff;font:300 30px/34px 'Raleway', Arial, sans-serif;border:1px solid #fff;padding:7px 0;border-width:0 0 1px;margin:0;height:48px;background:none} #popup .gform_body ul li textarea::-webkit-input-placeholder, #popup .gform_body ul li input[type="text"]::-webkit-input-placeholder{ color:#fff;opacity:1;} #popup .gform_body ul li textarea::-moz-placeholder, #popup .gform_body ul li input[type="text"]::-moz-placeholder{ color:#fff;opacity:1;} #popup .gform_body ul li textarea:-ms-input-placeholder, #popup .gform_body ul li input[type="text"]:-ms-input-placeholder{ color:#fff;opacity:1;} #popup .gform_body ul li textarea:-moz-placeholder, #popup .gform_body ul li input[type="text"]:-moz-placeholder{ color:#fff;opacity:1;} #popup .gform_body ul li .gfield_checkbox label{display:block;font-size:20px;line-height:22px;color:#fff;} #popup .gform_body ul li .gfield_description{color:#fff;display:block;overflow:hidden;font-size:15px;line-height:17px;padding:3px 0 0 44px} #popup .gform_body ul li .gfield_checkbox li{width:98%;margin:0;padding:22px 0 0} #popup .gform_body ul li .gfield_checkbox input{width:16px;height:16px;float:left;margin:0 10px 0 0} #popup .gform_footer{overflow:hidden;width:100%;overflow:hidden;} #popup .gform_footer input[type="submit"]{-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-ms-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;border:1px solid #fff;display:block;margin:0 auto;padding:0;font:300 20px/58px 'Raleway', Arial, sans-serif;background:none;width:339px;height:60px;cursor:pointer;text-transform:uppercase;color:#fff;} #popup .close{-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-ms-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;position:absolute;width:36px;height:37px;background:url(assets/img/bg-close.png) no-repeat;top:33px;right:37px;text-indent:-9999px;overflow:hidden;} #popup .close:hover{opacity:0.7} #popup .gform_footer input[type="submit"]:hover{background:#fff;color:#6e6e6e} #popup .validation_error{color:#f00;} #popup .gform_body ul li .validation_message{display:none;} #popup .gform_body ul li.gfield_error textarea, #popup .gform_body ul li.gfield_error input[type="text"]{border-color:#f00} #popup .gform_confirmation_wrapper{color:#fff;max-width:940px;overflow:hidden;margin:0 auto;padding:110px 0 40px;text-align:center;} /* Post */ #content .post{border-bottom:1px solid #CCC;margin:0 0 25px} #content .post .meta{font-style:italic} #content .post h1{border:0;margin:0} #content .sticky{background:#f5efca} p.cart-empty{text-align: center;} /* Pagination */ #content #prev-next{list-style:none} #content #prev-next #prev{float:left;padding:0;} #content #prev-next #prev:before, #content #prev-next #next:before{display:none;} #content #prev-next #next{float:right;padding:0;} /* Sidebar */ #sidebar{float:right;padding:10px 0 20px;width:200px} #sidebar ul{list-style:none;margin:0 0 1em 18px} #sidebar ul ul{list-style:disc} /* Footer */ #footer .form .gform_confirmation_wrapper{color:#fff;text-align:center} #footer .form .validation_error{display:none;} #footer .form .validation_message{display:none;} #footer .form .gform_body .gfield_error input[type="text"]{background:#f77c7c} #footer{width:100%;overflow:hidden;background:#252c29;} #footer .form{text-align:center;overflow:hidden;padding:38px;background:#6e6e6e;} #footer .form .gform_wrapper{display:inline-block;vertical-align:top} #footer .form .gform_body{margin:0 -6px 0 0;display:inline-block;vertical-align:top} #footer .form .gform_footer{display:inline-block;vertical-align:top} #footer .form .gform_body ul{margin:0;padding:0;list-style:none;overflow:hidden;} #footer .form .gform_body ul li{vertical-align:top;overflow:hidden;} #footer .form .gform_body ul label{float:left;margin:6px 43px 0 9px;color:#a5a5a5;font-size:32px;line-height:36px;} #footer .form .gform_body ul label span{display:none;} #footer .form .gform_body input[type="text"]{width:269px;height:30px;padding:10px;font:300 20px/30px 'Raleway', Arial, sans-serif;margin:0;color:#fff;border:none;background:#909090;} #footer .form .gform_body input[type="text"]::-webkit-input-placeholder{ color:#fff;opacity:1;} #footer .form .gform_body input[type="text"]::-moz-placeholder{ color:#fff;opacity:1;} #footer .form .gform_body input[type="text"]:-ms-input-placeholder{ color:#fff;opacity:1;} #footer .form .gform_body input[type="text"]:-moz-placeholder{ color:#fff;opacity:1;} #footer .form .gform_footer input[type="submit"]:hover{background-position:0 -50px;} #footer .form .gform_footer input[type="submit"]{width:54px;height:50px;text-indent:-9999px;overflow:hidden;background:url(assets/img/bg-submit.gif) no-repeat;font-size:0;line-height:0;cursor:pointer;border:none;margin:0;padding:0} #footer .form .gform_body .ginput_container{float:left;} #footer .footer-h{max-width:1420px;overflow:hidden;margin:0 auto;padding:66px 0 62px} #footer .menu-h{float:left;width:51%} #footer .menu{margin:0;padding:0;list-style:none;overflow:hidden;} #footer .menu li{margin:0 0 5px;width:33%;float:left;font-size:20px;line-height:26px;} #footer .menu li a{-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-ms-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;color:#fff;} #footer .menu ul{margin:0;padding:20px 0 0;list-style:none;overflow:hidden;} #footer .menu ul li{float:none;width:100%;vertical-align:top;overflow:hidden;font-size:15px;line-height:20px;} #footer .menu ul li a{-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-ms-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;color:#6e6e6e;} #footer .menu ul li a:hover{color:#fff;} #footer .col{float:left;margin:0 0 0 8%;width:20%;} #footer .sub-menu{margin:0 0 31px;padding:0;list-style:none;overflow:hidden;} #footer .sub-menu li{vertical-align:top;overflow:hidden;font-size:20px;line-height:26px;margin:0 0 4px;} #footer .sub-menu li a{-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-ms-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;color:#fff;} #footer .sub-menu li.active a{color:#6e6e6e} #footer .sub-menu li a:hover{color:#6e6e6e} #footer .menu li a:hover{color:#6e6e6e} #footer .menu ul li a:hover{color:#fff} #footer h4{margin:0 0 17px;font-weight:300;font-size:20px;line-height:24px;color:#fff;} #footer .social{margin:0;padding:0;list-style:none;overflow:hidden;} #footer .social li{float:left;margin:0 13px 0 0} #footer .social li a{-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-ms-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;opacity:0.3;text-indent:-9999px;overflow:hidden;display:block;background:url(assets/img/bg-social.png) no-repeat;width:25px;height:25px;} #footer .social li a:hover{opacity:1} #footer .social li a.facebook{background-position: 0 -3px;} #footer .social li a.twitter{background-position: -35px -3px;} #footer .social li a.instagram{background-position:-81px 0;} #footer .social li a.chat{background-position: -123px 0;width:30px} #footer .right{float:right;width:15.5%;} #footer .right .gform_wrapper{overflow:hidden;} #footer .right .gform_body{margin:0 0 8px;width:100%;overflow:hidden;} #footer .right .gform_body ul{margin:0;padding:0;list-style:none;overflow:hidden;} #footer .right .gform_bodu ul li{vertical-align:top;overflow:hidden;} #footer .right .gform_body ul li label{color:#fff;margin:0 0 15px;display:block;text-align:center;font-size:20px;line-height:26px;} #footer .right .gform_body ul li input[type="text"]{-moz-box-sizing: border-box; -webkit-box-sizing: border-box;box-sizing: border-box;border:none;width:100%;margin:0;height:46px;padding:10px;font:300 15px/26px 'Raleway', Arial, sans-serif;background:#343a37;color:#fff;} #footer .right .gform_body ul li input[type="text"]::-webkit-input-placeholder{ color:#fff;opacity:1;} #footer .right .gform_body ul li input[type="text"]::-moz-placeholder{ color:#fff;opacity:1;} #footer .right .gform_body ul li input[type="text"]:-ms-input-placeholder{ color:#fff;opacity:1;} #footer .right .gform_body ul li input[type="text"]:-moz-placeholder{ color:#fff;opacity:1;} #footer .right .gform_footer{float:right;} #footer .right .gform_footer input[type="submit"]{border:none;color:#fff;font:300 15px/30px 'Raleway', Arial, sans-serif;margin:0;cursor:pointer;background:url(assets/img/bg-submit2.png) no-repeat 100% 50%;padding:0 20px 0 0;text-align:left;width:70px;height:30px} #footer .right .gform_confirmation_wrapper{color:#fff;text-align:center} #footer .right .validation_error{display:none;} #footer .right .validation_message{display:none;} #footer .right .gform_body .gfield_error input[type="text"]{background:#f77c7c} /* Image Alignment */ img.aligncenter{display:block;margin-left:auto;margin-right:auto} img.alignright{display:inline;margin:0 0 2px 7px;padding:4px} img.alignleft{display:inline;margin:0 7px 2px 0;padding:4px} .alignright{float:right} .alignleft{float:left} /* 2.7+ Comments */ #comments_wrap ol{list-style:none} #comments_wrap ol li{border-bottom:1px solid #CCC;margin:0 0 5px} #comments_wrap .commentmetadata{margin:0 0 10px} #comments_wrap .comment-author{border-bottom:1px solid #CCC;width:100%;overflow:hidden;padding:0 0 3px;line-height:32px;} #comments_wrap .comment-author img{float:left;margin:0 10px 0 0} #comments_wrap .comment-author cite{font-weight:bold} /* Captions */ .wp-caption{background:#f3f3f3;border:1px solid #ddd;border-radius:3px;margin:10px;padding-top:4px;text-align:center} .wp-caption img{border:0 none;margin:0;padding:0} .wp-caption p.wp-caption-text{font-size:11px;line-height:17px;margin:0;padding:0 4px 5px} /* hide original element */ .jcf-hidden{ display: block !important; position: absolute !important; left: -9999px !important; } /* custom checkbox styles */ .chk-area{background:url(assets/img/bg-check.png) no-repeat;margin: 0 23px 0 0; float: left;width: 21px;height: 21px;} #popup .chk-area{background:url(assets/img/bg-check2.png) no-repeat;margin: 0 23px 0 0; float: left;width: 21px;height: 21px;} #popup .chk-checked{background-position:100% 0;} .chk-checked{background-position:100% 0;} .jcf-label-disabled{color: #ccc;} body{ -webkit-text-size-adjust:100%; -ms-text-size-adjust: none;} input[type=text], input[type=password], input[type=file], input[type=submit], textarea{-webkit-appearance:none;border-radius:0;-webkit-border-radius:0} #header{-webkit-transition: top 550ms linear;-moz-transition: top 550ms linear;transition: top 550ms linear;} .scroll_bottom #header{top: -83px;-webkit-transition: top 550ms linear;-moz-transition: top 550ms linear;transition: top 550ms linear;position:fixed;} .scroll_top #header{top: 0;-webkit-transition: top 550ms linear;-moz-transition: top 550ms linear;transition: top 550ms linear;position:fixed;z-index:1000;} .search #main .product-area{margin-right:22.5px;margin-left:22.5px;max-width: 1180px;margin: 0 auto;} .woocommerce-checkout.woocommerce-page #content h3{ font-size: 38px; margin-bottom: 35px; line-height: normal; color: #888; } .woocommerce-checkout.woocommerce-page #content h3.block_title{padding-top: 55px;} .woocommerce-checkout.woocommerce-page #content p{font-size: 18px;} .woocommerce-checkout.woocommerce-page #content #shipping_method .def_zone_inf{ font-size:12px; display: block; } .woocommerce-cart.woocommerce-page #content #shipping_method .def_zone_inf{ display: none; } .woocommerce-checkout.woocommerce-page #content #shipping_method .def_zone_inf p{ display: inline; font-size: 12px; } .woocommerce-checkout.woocommerce-page #payment_options p{padding-right: 30px;} .woocommerce-checkout.woocommerce-page .sel{ width: 100%; overflow:hidden; } .woocommerce-checkout.woocommerce-page .sel a{ width: 50%; float: left; box-sizing: border-box; -webkit-box-sizing: border-box; font-size: 19.5px; height: 58px; line-height: 58px; text-align: center; border:1px solid #343a37; margin-right: -1px; color:#343a37; background: none; } .woocommerce-checkout.woocommerce-page .sel a.active{ color:#fff; background:#343a37; } .woocommerce-checkout.woocommerce-page .delivery_problem {text-align: center;} .woocommerce-checkout.woocommerce-page .delivery_problem p{ font-size: 18px; color: #6e6e6e; } .woocommerce-checkout.woocommerce-page .delivery_problem p a{ color: #6e6e6e; font-weight: bold; text-decoration: underline; } .woocommerce-checkout.woocommerce-page .delivery_problem p a:hover{text-decoration: none;} .woocommerce-checkout.woocommerce-page .delivery_problem{max-width: 720px;margin: 0 auto;} .woocommerce-checkout.woocommerce-page #order_review{margin-bottom: 70px;} .woocommerce-checkout.woocommerce-page strong.product-quantity{font-weight: bold;} .woocommerce #payment #place_order, .woocommerce-page #payment #place_order {font-weight: bold;} /* Slider */ .slick-slider{ position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;} .slick-list{ position: relative; display: block; overflow: hidden; margin: 0; padding: 0;} .slick-list:focus{ outline: none;} .slick-list.dragging{ cursor: pointer; cursor: hand;} .slick-slider .slick-track, .slick-slider .slick-list{ -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} .slick-track{ position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto;} .slick-track:before,.slick-track:after{ display: table; content: '';} .slick-track:after{ clear: both;} .slick-loading .slick-track{ visibility: hidden;} .slick-slide{ display: none; float: left; height: 100%; min-height: 1px;} [dir='rtl'] .slick-slide{ float: right;} .slick-slide img{ display: block;} .slick-slide.slick-loading img{ display: none;} .slick-slide.dragging img{ pointer-events: none;} .slick-initialized .slick-slide{ display: block;} .slick-loading .slick-slide{ visibility: hidden;} .slick-vertical .slick-slide{ display: block; height: auto; border: 1px solid transparent;} .slick-arrow.slick-hidden { display: none;} #main .desc.newgall .slick-prev{border:none;cursor:pointer;z-index: 3;background: url(assets/img/bg-arrows3.png) no-repeat;text-indent: -9999px;overflow: hidden;position: absolute;top: 50%;left: 0;margin: -22px 0 0 0;width: 45px;height: 45px;} #main .desc.newgall .slick-next{border:none;cursor:pointer;z-index: 3;background: url(assets/img/bg-arrows3.png) no-repeat;text-indent: -9999px;overflow: hidden;position: absolute;top: 50%;margin: -22px 0 0 0;width: 45px;height: 45px;left: auto;right: 0;background-position: -45px 0;} #main .desc.newgall .pagination{margin:0;padding:0;list-style:none;overflow:hidden;} #main .desc.newgall ul li::before{display:none;} #main .desc.newgall ul li{padding:0;margin:0} #main .desc.newgall .flexslider .sl{width:100%;overflow:hidden;position:relative;} #main .desc.newgall .flexslider .sl a:after{opacity:0;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;content:'';width:55px;height:55px;position:absolute;top:66px;right:48px;z-index:2;background: url(assets/img/plus-icon.png) no-repeat;} #main .desc.newgall .flexslider .sl a:hover:after{opacity:1} #main .desc.newgall .flexslider > .sl{display:none;} #main .desc.newgall .pagination > li{display:none;} #main .desc.newgall .pagination{padding:0 57px;max-width: 1100px;margin: 0 auto;} #main .desc.newgall .pagination .slick-list{padding:0!important} #main .desc.newgall .pagination li{cursor:pointer;} #main .desc.newgall .pagination li:hover, #main .desc.newgall .pagination li.slick-current{opacity:0.7} #main .desc.newgall .pagination li img{width:calc(100% - 6px);height:auto;display:block;margin:0 auto} #main .desc.newgall .sl img{max-width:100%;height:auto;display:block;} #main .desc.newgall h2:after{width:240px;margin:0 0 0 -120px} #main .desc.newgall .flexslider{max-width:980px;margin:0 auto 24px; height: auto!important;} #main .desc.insta{max-width:1420px;} #main .desc.insta:last-child{margin-bottom:-90px} #main .desc.insta h2:after{display:none;padding:0} #main .desc.insta h2{padding:0;color:#a5a5a5;margin:0;font-size:32px;} #main .desc.insta .sbi_header_img{display:none;} #sb_instagram .sb_instagram_header a{float:none} #sb_instagram .sb_instagram_header .sbi_header_text.sbi_no_bio h3{float:none;text-align:center;font-weight:300;font-size: 30px;line-height: 32px;margin:-5px 0 29px !important} #sb_instagram{height:auto!important} .single-our-products button.fancybox-button--arrow_left, .single-our-products button.fancybox-button--arrow_right{display:block;} @media only screen and (max-width: 1846px){ #header .header-h{padding:15px 20px 0} .visual .t{padding:60px 0 9% 20px} .visual .text-h{width:100%;left:0;margin:0} .visual .switcher{width:100%;left:0;margin:0;bottom:100px} #main .single-gall .breadcrumbs-f{padding:0 20px} .visual .switcher li{margin:0 0 0 20px} #main .single-gall .prev, #main .single-gall .next{margin:-22px 0 0;left:20px} #main .single-gall .next{left:auto;right:20px} #visual .breadcrumbs-holder{width:100%;left:0;margin:0} #visual .breadcrumbs-holder .breadcrumbs{padding:0 20px} } @media only screen and (max-width: 1600px){ #nav .drop .featured{margin:0 0.5% 0 13% } } @media only screen and (max-width: 1490px){ .section{padding:0 20px} #footer .footer-h{padding:66px 20px 62px} #visual .text-h h1{padding:86px 0 43px} #visual p{margin:26px 0 0} #main .sales-boxes{padding:142px 20px} #main .product-area{padding:65px 20px 0} #main .parallax .holder{padding:165px 20px} #main .related .h{padding:0 20px} #desc{padding:0} #main .product-area .prod{width:31.7%} .gall .gmask{width:1080px;} #header.active .search{width:362px} #header .search .slide{width:290px} #searchform input[type="text"]{width:263px} .visual .switcher{bottom:80px} #footer .right{width:19.5%} #visual .breadcrumbs-holder{top:0;} #visual .text-h h1{padding:0 0 43px} #nav .drop .menu{width:17%} .gall.no_gall .gmask ul{width:100%;text-align:center} .gall.no_gall .gmask{width:auto;} .gall.no_gall .gmask ul li{width:22%;margin:0 1%;text-align:left;float:none;display:inline-block;vertical-align:top;} } @media only screen and (max-width: 1290px){ #main .sales-boxes img{margin:0 27px 0 0} .visual .switcher{ bottom: 40px;} .visual .t{padding:60px 20px 9% 20px} #nav .drop .menu, #nav .drop .featured{width:33%} .gall .gmask{width:720px} #footer .menu-h{width:59%} #footer .col{margin:0 0 0 2%;width:18%} #content{padding:148px 20px 0} #main .desc.left{padding:29px 20px 0} #main .desc.withfile{padding:85px 20px 38px} #main .desc.b_border{padding:60px 20px} #main .desc{padding:85px 20px 108px} #main .desc.insta{padding-bottom:0} #main .section-area .text{padding:63px 0 0 20px} .scroll_bottom #main .single-gall, .scroll_top #main .single-gall{margin-top:83px;} #main .section-area .section.img_left .text{padding:36px 20px 0 0} #main .sales-boxes .h{padding:20px} #visual .text-h h1{font-size:48px;line-height:52px;padding:0 0 25px} #popup{padding:60px;width:600px;margin:0 0 0 -360px} #nav li{margin:0;padding:0 5px;font-size:14px;} #nav{margin:0 -5px} } @media only screen and (max-width: 1140px){ #main .sales-boxes h2{font-size:27px;} #header .opener{margin:7px 0 28px;background:url(assets/img/bg-opener.png) no-repeat 100% 4px; padding:0 61px 0 0;float:left;display:block;text-transform:uppercase;font-size:17px;line-height:22px;color:#8d8d8d;} #nav{text-align:center;display:none;width:100%;position:absolute!important;top:80px;left:0;background:#fff;} #header .search{margin:0 0 0 27px} #nav li{margin:0;padding:0;float:none;overflow:hidden;} #nav li a{display:block;padding:5px;text-align:center;float:none} #nav li:hover a:after{display:none;} #nav .drop ul li a{text-align:left} #nav .drop{position:static} .scroll_top #visual, .scroll_bottom #visual{ margin-top:73px;} .scroll_bottom #main .single-gall, .scroll_top #main .single-gall, .scroll_top .visual, .scroll_bottom .visual{margin-top:83px;} #header .header-h{text-align:center;padding:9px 20px} #logo{float:none;display:inline-block;vertical-align:top} #header .opener{padding:0 35px 0 0;text-indent:-9999px;overflow:hidden;float:left;margin:13px -100% 0 0} #header .right{margin:0 0 0 -100%} body #page{-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease} .active-d #page{margin:0 0 0 244px} .active-d .mobile-nav{left:0!important;} body .mobile-nav{-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;width:244px!important;height:100%!important;display:block!important;z-index:100;overflow:auto;background:#e2e2e2;position:fixed!important;top:0!important;left:-244px!important;} .mobile-nav .top{margin:0 0 2px;overflow:hidden;padding:14px 19px} .mobile-nav .top .logo{width:60px;float:left;} .mobile-nav .top .logo img{width:100%;height:auto;display:block;} .mobile-nav .top .back{margin:9px 0 7px;float:right;text-indent:-9999px;overflow:hidden;width:21px;height:16px;background:url(assets/img/bg-back-btn.png) no-repeat;} .mobile-nav .nav{overflow:hidden;padding:0;list-style:none;overflow:hidden;} .mobile-nav .nav li{vertical-align:top;overflow:hidden;border-top:1px solid #8d8d8d;} .mobile-nav .nav li:first-child{border:none} .mobile-nav .nav li.hasdrop{position:relative;} .mobile-nav .nav > li.hasdrop > .menu-op{cursor:pointer;text-indent:-9999px;overflow:hidden;width:46px;height:51px;position:absolute;top:0;right:0;content:'';background:url(assets/img/bg-drop2.png) no-repeat 50% 50%;z-index:20} .mobile-nav .nav > li.hasdrop.activer > .menu-op{-moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);} .mobile-nav .nav h3{display:none;} .mobile-nav .nav .featured{display:none;} .mobile-nav .nav li a{position:relative;display:block;padding:15px 20px;color:#8d8d8d;font-size:16px;line-height:20px;text-transform:uppercase;} .mobile-nav .nav ul{background:#6e6e6e;margin:0;padding:27px 0;list-style:none;overflow:hidden;} .mobile-nav .nav ul li{vertical-align:top;overflow:hidden;padding:0;border:none;} .mobile-nav .nav ul li a{padding:6px 9px 7px 19px;color:#fff;font-weight:normal;text-transform:none;} .active-d #header .opener{background:url(assets/img/bg-cl.png) no-repeat 50% 50%;} } .mobile-nav{display:none;} @media only screen and (max-width: 980px){ #main .parallax{background-attachment: scroll !important;background-position: 50% 50% !important;} #content{padding:48px 20px 0} #main{padding:0 0 48px} #main .desc.insta:last-child { margin-bottom: 0px;} #footer .form{padding:38px 20px} #footer .right{width:100%;padding:20px 0 0} #footer .footer-h{padding:30px 20px 22px} #footer .menu-h{width:77%} #footer .col{width:21%} #main .desc.withfile .text{width:65%} #main .desc.withfile .file{width:29%} #main .parallax .holder{padding:92px 20px} #main .desc{padding:45px 20px 0} .single-product #main .parallax .holder .h h3{padding:86px 20px} #main .desc.b_border{padding:45px 20px} #main .desc.withfile{padding:45px 20px 0} #main .desc.withfile.b_border{padding:45px 20px} #main .cta{padding:37px 0} #main .related:last-child{margin:41px 0 -48px} #main .related{padding:40px 0 58px} #main .single-gall .breadcrumbs-holder h1{font-size:24px;} #main .single-gall .breadcrumbs-holder ul{margin:10px -100% 0 0;float:none;} #main .single-gall .breadcrumbs-holder{position:static} #main .single-gall{padding:0} #main .related h2{margin:0 0 42px} #main .related ul li h3{font-size:17px;} #main .single-gall .prev, #main .single-gall .next{margin:0;} #main .desc .text{width:48%} #main .product-area .one .prod .img{width:56%} #main .product-area .one .prod .text{width:44%} .text-section .text, .text-section .image{margin:0;height:auto!important;float:none;width:100%;overflow:hidden;} .text-section{padding:48px 0} .text-section .image img{max-width:100%;height:auto;display:block;margin:0 auto} .text-section .text .f{padding:20px} #main .parallax{height:500px} #main .parallax .holder .h{height:316px} #main .section .row{padding:48px 0 32px} #main .section .row .image{width:50%} #main .section .row .image img{width:100%;height:auto;display:block;} #main .section .row.center{padding:10px 0 49px} #main .logos-list{-moz-column-count: 4;-moz-column-gap: 50px;-webkit-column-count: 4;-webkit-column-gap: 50px;column-count: 4;column-gap: 50px;} #main .logos-list{padding:25px 0 0} #main .logos-list li{margin:24px 0 43px} #main .cta:last-child{ margin: 0 0 -23px;} #main .section-area .section.img_left .text, #main .section-area .text, #main .section-area .image{width:100%;overflow:hidden;float:none;padding:0;margin:0} #main .section-area .section .h{padding:0 20px} #main .section-area .text{padding:40px 0} #main .sales-boxes{padding:48px 20px} #main .sales-boxes .heading{padding:29px 26px} #main .sales-boxes img{max-width:60px;height:auto;margin:0 27px 0 0} #main .sales-boxes h2{font-size:23px;} #main .sales-boxes dt{float:none;display:block;margin:0 0 3px} #main .sales-boxes .heading-h{height:66px} #visual p{font-size:20px;line-height:26px;} #main .gform_wrapper{padding:48px 20px;} #main .gform_heading h3{margin:0 0 30px} #main .gform_heading{margin:0 0 65px} .gall.no_gall .gmask ul li{width:38%;margin:0 1% 20px} #main .section + .parallax{margin-top:0;} #header.active .search{width:252px} #header .search .slide{width:180px} #searchform input[type="text"]{width:160px} } @media only screen and (max-width: 767px){ #main .desc.newgall .flexslider .sl a:after{opacity:1;top:10px;right:10px;width:40px;height:40px;background-size:40px auto} #header{position:absolute;} .visual h5{line-height:20px;margin-bottom:10px!important} #header .lang{border:none} .visual h5{letter-spacing:1px} .gall .gmask ul li .img{line-height:auto} #main .section + .parallax{margin-top:0;} #logo{width:60px;float:none;display:inline-block;margin:0 auto} #header .search{margin:0 0 0 12px} #header .opener{width:31px;padding:0;font-size:13px;} #header .right{padding:3px 0 0 0} #header .lang li{font-size:13px;} #header .search{padding:8px 7px 7px} .visual .gmask > ul > li ul{padding:0 0 10px} .visual h5{margin-bottom:10px;font-size:12px;} .visual .switcher{bottom:20px} .visual h4{font-size:21px;padding:0 0 20px;margin:0 0 12px;} .visual .gmask > ul > li ul li{font-size:12px;padding:0 9px} /* #header .opener{background-size:23px auto;background-position:100% 6px;}*/ .visual h2{font-size:32px;line-height:44px;margin:0 0 10px;} .visual .t{padding:60px 20px 60px 20px;} #nav{top:75px} #nav .drop{padding:20px 0} #nav .drop .menu, #nav .drop h3{margin:0 0 11px} #nav .drop .menu, #nav .drop .featured{float:none;display:block;margin:0;width:auto;padding:0 20px} .text-section .text .btn{margin:0} .home .text-section{margin:0 auto 40px} .gall .gmask ul li{width:280px;margin:0} .gall .gmask{width:280px} .gall{margin:0} .gall h2{margin:0 0 29px} #footer .form .gform_body ul label{display:block;text-align:center;float:none;margin:0 0 10px} #footer .menu-h{width:100%} #footer .menu li, #footer .col{float:none;overflow:hidden;width:100%} #footer .sub-menu li, #footer h4, #footer .social, #footer .menu li{text-align:center} #footer .social li{float:none;display:inline-block;vertical-align:top;margin:0 6px} #visual .text{width:100%;margin:0;left:0;position:static} #visual .text-h{height:auto;padding:20px} .woocommerce-checkout.woocommerce-page #visual .text-h{height: 100%;} #main .gform_body ul li{width:98%} #main .gform_footer input[type="submit"]{width:229px} #main .gform_body{padding:0} #main .gform_wrapper{padding:48px 20px 0;} #main .sales-boxes .box{width:100%} #main .text-area{padding:33px 20px 2px} #main .cta .btn{min-width:280px} #main .sales-boxes{padding:48px 20px 0} #main .unchor ul li{font-size:13px;float:none;display:inline-block;vertical-align:top;} #main .unchor ul li a:hover:after, #main .unchor ul li a.active:after{display:none;} #main .parallax h2{font-size:34px;line-height:52px;} #main .section .row.left .image, #main .section .row .image{float:none;width:100%;margin:0 0 20px;} #main .section .row.center .image{margin:0 0 20px} #main .section .row .col:first-child, #main .section .row .col{width:100%;float:none;overflow:hidden;} #main .parallax h3{font-size:25px;} #footer .form .gform_footer{display:block;} #footer .form .gform_body ul label{font-size:27px;} #main .product-area{padding:40px 20px 0} #main .desc{padding:35px 20px 48px} #main .product-area .two .prod, #main .product-area .one .prod .text, #main .product-area .prod, #main .desc .image, #main .desc .text, #main .desc.withfile .text, #main .desc.withfile .file, #main .product-area .one .prod .img{width:100%;float:none;overflow:hidden;margin:0 0 20px} #main .product-area .one .prod .img, #main .product-area .two .prod .img{margin:0 0 15px} #main .single-gall .breadcrumbs-holder h1{font-size:21px;} #main .spec{margin:0 auto} #main .related ul{margin:0} #main .related ul li{width:100%;margin:0 0 20px} #main .related{padding:40px 0 24px} #main .desc.withfile{padding:35px 20px 38px} #main .desc > h2{margin:0 0 44px} #main .desc{margin:0 auto 46px} #main .spec-list{padding:19px 0 0} #main .spec-list li:first-child, #main .spec-list li:last-child, #main .spec-list li{float:none;width:100%;margin:0 0 10px} .single-product #main .parallax .holder .h h3{padding:26px 0;font-size:21px;line-height:36px;} #main .related:last-child{margin:18px 0 -48px} #popup .close{top:10px;right:10px} #popup .gform_body{padding:0} #popup .gform_footer input[type="submit"]{width:229px} #popup .gform_wrapper{padding:20px 0 0} #popup{padding:30px;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;box-sizing: border-box;width:100%;margin:0;left:0;} #popup .gform_body ul li{width:98%} #main .logos-list{-moz-column-count:1;-moz-column-gap: 20px;-webkit-column-count: 1;-webkit-column-gap: 20px;column-count:1;column-gap: 20px;} #main .logos-list li{width:28%} #main .logos-list li img{max-width: 75%; max-height: 47px; width: auto;} #main .section .row .two_col{-moz-column-count: 1;-moz-column-gap: 0;-webkit-column-count: 1;-webkit-column-gap: 0;column-count: 1;column-gap: 0;} #main .desc{margin:0 auto 0} #main .desc.b_border { padding: 45px 20px 0;} #main .desc.withfile{padding:35px 20px 0} #footer .form .gform_body{display:block;margin:0;} #footer .form .gform_body .ginput_container{float:none} #footer .form .gform_wrapper{display:block;margin:0;} #main .desc, #main .desc.withfile.b_border{ padding: 45px 20px 0;} #footer .form .gform_body ul label{font-size:23px;} #footer .sub-menu li{margin:0 0 13px} #footer .menu ul li{margin:0} #footer .menu ul{padding:0} #searchform input[type="text"]{padding:5px 13px 5px} #header .slide{background:#fff;top:79px;right:0;position:absolute;} #footer .menu li{margin:0 0 13px} #main .desc .text h3{text-align:justify} #main .section-area .section:before{position:absolute;top:0;left:0;width:100%;height:100%;content:'';background:rgba(0,0,0,0.02)} #main .section-area .section, #main .section-area .section .h{position:relative;} #main .section-area .section .h{z-index:1;} #footer .form .gform_footer{margin:-50px 0 0;float:right;position:relative;} #footer .form .gform_body input[type="text"]{-moz-box-sizing: border-box; -webkit-box-sizing: border-box;box-sizing: border-box;width:100%;height:50px;} #main .desc.withimage.right .image{width:100%;overflow:hidden;float:none;} #main .desc.withimage.left .image{width:100%;overflow:hidden;float:none;} #main .desc.withimage.center .image{width:100%;overflow:hidden;float:none} #main .desc.withimage.center .image img{margin:0 auto 20px} #main .desc.withimage.right .text{width:100%;overflow:hidden;float:none;} #main .desc.withimage.left .text{width:100%;overflow:hidden;float:none;} #main .desc.withimage.center .text{width:100%;overflow:hidden;float:none} #popup .gform_body ul li textarea{height: 120px;} #main .desc.withfile.right .file{width:100%;overflow:hidden;float:none;} #main .desc.withfile.left .file{width:100%;overflow:hidden;float:none;} #main .desc.withfile.center .file{width:100%;overflow:hidden;float:none} #main .desc.withfile.right .text{width:100%;overflow:hidden;float:none;} #main .desc.withfile.left .text{width:100%;overflow:hidden;float:none;} #main .desc.withfile.center .text{width:100%;overflow:hidden;float:none} #visual .text-h h1{font-size:30px;line-height:45px;} #main .desc .text h3{font-size:25px;line-height:29px;} #visual p{text-align: justify;} #main .product-area .row{margin:0} .single-product #main .parallax{background-size:cover!important;background-position:50% 0!important;background-attachment:scroll!important;} .single-product #main .single-gall .breadcrumbs-holder ul{display:none;} #main .single-gall .breadcrumbs-holder{padding:1px 0} #main .single-gall .prev, #main .single-gall .next{margin:30px 0 0;width:30px;height:30px;background-size:auto 30px} #main .single-gall .next{background-position:100% 0;} .single-product #main .unchor ul li{padding:0 12px 0 14px} .single-product #main .unchor.v2{padding:15px 9999px 12px} #main .desc.insta h2, #sb_instagram .sb_instagram_header .sbi_header_text.sbi_no_bio h3, #main .desc > h2{font-size:18px;line-height:20px;vertical-align:top;} #sb_instagram .sb_instagram_header .sbi_header_text.sbi_no_bio h3{margin:-5px 0 19px !important} #main .desc > h2:after{width:206px;margin:0 0 0 -103px} .scroll_top #visual, #visual, .scroll_bottom #visual{ margin-top:48px;} #main .single-gall, .scroll_bottom #main .single-gall, .scroll_top #main .single-gall, .scroll_top .visual, .scroll_bottom .visual{margin-top:48px;} .visual{margin:48px 0 0} .visual .gmask > ul{height:auto!important} .visual .gmask > ul > li.active{position:relative;} .visual .gmask > ul > li{height:auto} .visual .text-h{position:static;width:auto;background:#000;} .visual .t{padding:25px 20px 31px 20px} .visual h5{margin:0} .visual .btn{padding:0px 17px;font-size:10px;line-height:23px;} .visual h2{font-size:21px;line-height:34px;margin:0} .visual h4{font-size:15px;padding:0;background:none;margin:0 0 0px} .visual .gmask > ul > li img{top:auto!important;left:auto!important;width:100%!important;height:auto!important} #header .opener{margin:10px -100% 0 -3px} #header .header-h{padding:4px 20px} #header .search{display:none;} #logo{margin:4px auto 0} /* search */ .search #main .product-area .s_title{font-size:25px;} .search #main .product-area .prod{margin-bottom:50px;} .search #main .product-area .prod:last-child{margin-bottom:0;} .search #main .product-area .prod h2{font-size:18px;} .product-area > div{margin-bottom:50px!important;} #main .section .row .same{height:auto!important} .home #logo{width: 78px;margin:14px auto -17px} #main .desc .text p, #main .section .row .text p{font-size:14px;line-height:18px;} #main .desc .text h3, #main .section .row .text h3{font-size:18px;line-height:22px;} #visual p{font-size:14px;line-height:20px;} } @media only screen and (max-width: 480px){ .gall.no_gall .gmask ul li{width:100%;overflow:hidden;position:relative;margin:0 0 20px} } @media only screen and (max-width:320px){ #header .header-h{padding:15px 10px 0;} } .search #main .product-area .prod .text, .search #main .product-area .prod .text .h, .search #main .product-area .prod .text .f{ height:auto;} body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-transform:translateZ(0);transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;-webkit-transform:translateZ(0);transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{-webkit-animation-timing-function:cubic-bezier(.5,0,.14,1);animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;-webkit-transform-origin:top left;transform-origin:top left;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:-webkit-grab;cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:nth-child(1),.fancybox-button--pause svg:nth-child(1),.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0;transform-origin:0;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0}.fancybox-caption{bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:25px 44px;right:0;text-align:center;z-index:99996}.fancybox-caption:before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAD6CAQAAADKSeXYAAAAYklEQVQoz42RwQ3AMAgDjfcfup8WoRykfBAK5mQHKSz5rbXJPis1hjiV3CIqgG0hLZPkVkA4p4x5oR1bVeDrdCLrW2Q0D5bcwY3TGMHbdw3mPRuOtaspYP1w//G1OIcW148H0DMCqI/3mMMAAAAASUVORK5CYII=);background-repeat:repeat-x;background-size:contain;bottom:0;content:"";display:block;left:0;pointer-events:none;position:absolute;right:0;top:-44px;z-index:-1}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{-webkit-animation:a 1s linear infinite;animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@-webkit-keyframes a{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes a{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;-webkit-transform:scale3d(1.5,1.5,1.5);transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;-webkit-transform:rotate(1turn);transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;-webkit-transform:scale3d(0,0,0) translate3d(-100%,0,0);transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(0,0,0) translate3d(100%,0,0);transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;-webkit-transform:scaleX(1) translateZ(0);transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0) scale(.1) skew(-10deg);transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0) scale(.1) skew(10deg);transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-caption{padding:12px}.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:transparent;top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} .shop-section{ max-width: 1184px; width: 100%; margin: 0 auto; padding-top: 70px; box-sizing: border-box; -webkit-box-sizing: border-box; } .shop-section h2.m-title{ text-align: center; font-size: 35px; color: #6e6e6e; padding-bottom: 26px; position: relative; margin: 0 0 100px; font-weight: 300; } .shop-section h2.m-title:after{ position: absolute; bottom: 0; left: 50%; transform: translate(-50%,0); -webkit-transform: translate(-50%,0); content:''; width: 250px; height: 1px; background: #6e6e6e; } .shop-section img.attachment-woocommerce_thumbnail{display: none;} .shop-section .product-thumbnail img.attachment-woocommerce_thumbnail{display: block;max-width: 100%;height: auto;} .shop-section .product-thumbnail{ width: 700px; float: left; margin: 0 138px 0 0; } /**/.shop-section .product-info{width: 340px;float: right;} .shop-section .wrapper .product{ width: 100%; float: left; margin: 0 0 60px; } .shop-section .wrapper .product p.price{ font-size: 20px; color:#6e6e6e; font-weight: bold; margin: 0 0 40px; } .shop-section .wrapper .product p.price span.sale{ font-size: 20px; color:#f00; } .shop-section .wrapper .product p.price span.sale{font-weight: 300;} .shop-section .wrapper .product span.onsale{ font-size: 20px; color: #f00; display: block; margin: 0 0 14px; text-transform: uppercase; font-weight: 600; } .shop-section .wrapper .product a.add_to_cart_button, .shop-section .wrapper .product button.single_add_to_cart_button{ width: 100%; height: 36px; line-height: 36px; color:#fff; font-size: 15px; font-family: 'Raleway',sans-serif; display: block; text-align: center; text-transform: uppercase; text-decoration: none; background: #343a37; text-transform: uppercase; margin: 0 0 20px; border:none; cursor: pointer; } .shop-section .wrapper .product a.add_to_cart_button span, .shop-section .wrapper .product button.single_add_to_cart_button span{ width: 24px; height: 22px; display: inline-block; vertical-align: top; background:url(assets/img/cart-icon.png) no-repeat 50% 50%; background-size:21px auto; vertical-align: top; margin: 7px 0 0 12px; color: #aeb0af; transition: ease background-color 350ms; -webkit-transition: ease background-color 350ms; } .shop-section .wrapper .product a.add_to_cart_button:hover, .shop-section .wrapper .product button.single_add_to_cart_button:hover{background-color: #6e6e6e;} .shop-section .wrapper .product span.color{ font-size: 20px; color: #6e6e6e; display: inline-block; margin: 0 0 7px; vertical-align: top; } .shop-section .wrapper .product .info{ width: 100%; overflow: hidden; border-bottom:1px solid #e2e2e2; } .shop-section .wrapper .product .info .item{border-top:1px solid #e2e2e2;} .shop-section .wrapper .product .info .item span.title{ font-size: 15px; color: #343a37; display: block; padding: 10px 0; font-weight: 500; text-transform: uppercase; position: relative; cursor: pointer; } .shop-section .wrapper .product .info .item p{display: none; margin: 0; line-height: 20px;font-size: 15px;margin-bottom: 12px;} .shop-section .wrapper .product .info .item span.title:after{ position: absolute; right: 12px; top:10px; content:'+'; font-size: 35px; font-weight: 300; color:#959595; } .shop-section .wrapper .product .info .item span.title.active:after{content:'-';} .shop-section .wrapper .product h2.woocommerce-loop-product__title{ color: #6e6e6e; font-size: 30px; line-height: 35px; font-weight: 300; margin: 0 0 32px; } .shop-section .wrapper .product .woocommerce-message:before{color:#6e6e6e;} .shop-section .wrapper .product .woocommerce-message{border-color:#6e6e6e;} .product-remove {text-align: center;} .woocommerce a.remove{margin-left: auto;margin-right: auto;} input#coupon_code{width: 125px !important;height: 38px !important;box-sizing: border-box;-webkit-box-sizing: border-box;} .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button{ border-radius:0; background: #343a37; font-size: 17px; color: #fff; /*font-weight: 100;*/ font-weight: 300; text-transform: uppercase; font-family: 'Raleway',sans-serif; height: 38px; border:1px solid #343a37; } .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover{ background: none; color: #343a37; } .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt{ background: #343a37; border:1px solid #343a37; color:#fff; } .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover{ background: none; color:#343a37; } #add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button{line-height: 40px;} .shop-section .wrapper .product .added_to_cart.wc-forward{ float: right; margin:-15px 0 15px; font-size: 15px; color: #959595; } .shop-section .wrapper .product .added_to_cart.wc-forward:hover{text-decoration: underline;} .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea{ box-sizing: border-box; width: 100%; height: 36px; border:1px solid #aaa; padding: 0 10px; } .select2-container--default .select2-selection--single{border-radius: 0;} .select2-container .select2-selection--single{height: 36px;} .select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 36px;} .select2-container--default .select2-selection--single .select2-selection__arrow{top:5px;} table.shop_table.woocommerce-checkout-review-order-table{border-collapse: collapse;} ul.wc_payment_methods.payment_methods.methods li:before{display: none;} ul.wc_payment_methods.payment_methods.methods li{padding: 15px !important;} .woocommerce-checkout input#coupon_code{width: 100% !important;} .woocommerce table.shop_table{ border-top: none; border-left: none; border-radius:0; -webkit-border-radius:0; } select.leathers{ width: 100%; height: 35px; border:1px solid #c1c1c1; text-align: center; font-size: 18px; color:#6e6e6e; font-weight: 300; font-family: 'Raleway',sans-serif; margin-bottom: 20px; background: url(assets/img/bot-arrow.png) no-repeat 100% 50%; -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: ''; } select.leathers option{ font-size: 18px; color:#6e6e6e; font-weight: 300; } select.leathers::-ms-expand {display: none;} .leathers{ width: 100%; position: relative; margin-bottom: 22px; } .leathers.hidden{display: none} .leathers .head-leather{ width: 100%; height: 35px; line-height: 35px; white-space: nowrap; box-sizing: border-box; -webkit-box-sizing: border-box; border:1px solid #c1c1c1; text-align: center; font-weight: 300; font-size: 18px; background:#fff; } .leathers .head-leather span.arrow{ float: right; height: 35px; width: 41px; background: url(assets/img/bot-arrow.png) no-repeat 100% 50%; margin: -1px 0 0; cursor: pointer; position: relative; } .leathers .wrapper{ width: 100%; position: absolute; top:35px; left:0; box-sizing: border-box; -webkit-box-sizing: border-box; padding: 35px 12px 20px 12px; background: #ebebeb; z-index: 20; display: none; } .leathers .wrapper .el{ width: 92px; display: inline-block; vertical-align: top; font-size: 15px; color: #6e6e6e; margin: 0 0 10px 10px; line-height: normal; overflow: hidden; } .leathers .wrapper .el img{margin: 0 0 10px;height: 92px;width: auto;} .leathers.active .head-leather{border-color: #ebebeb;} .leathers.active .head-leather{background:#ebebeb; } .leathers .head-leather span.arrow:before{ position: absolute; right: 0; top:0; background: url(assets/img/top-arrow.png) no-repeat 100% 50%; content:''; width: 41px; height: 35px; display: none; } .leathers.active .head-leather span.arrow{background: none} .leathers.active .head-leather span.arrow:before{display: block;} .detail-info{display: none;} .leather-popup .img-placer{ float: left; margin-right: 40px; position: relative; } .leather-popup .img-placer a{ position: absolute; top:50%; transform: translate(0,-50%); -webkit-transform: translate(0,-50%); width: 43px; height: 43px; border: 1px solid #595959; border-radius: 50%; -webkit-border-radius: 50%; text-indent: -9999px; overflow: hidden; outline: none; } .leather-popup .img-placer .fancybox-button--arrow_left{left: 15px;background:#fff url(assets/img/prev-arrow-inside.png) no-repeat 50% 50%;} .leather-popup .img-placer .fancybox-button--arrow_right{right: 15px;background:#fff url(assets/img/next-arrow-inside.png) no-repeat 50% 50%;} .leather-popup img{ max-width: 590px; height: auto; } .leather-popup h3{ font-size: 26px; color:#6e6e6e; margin: 0 0 60px; font-weight: 300; } .leather-popup .text-wrapper{width: 900px;} .leather-popup .text-wrapper .wrap{overflow: hidden;} .leather-popup .text-wrapper .wrap p{ font-size: 15px; line-height: 20px; color: #343a37; font-weight: 300; margin: 0 0 50px; } .leather-popup .fancybox-button.fancybox-close-small{ width: 20px; height: 20px; background: url(assets/img/arrow-close-popup.png); margin-right: 20px; margin-top: 20px; } .leather-popup .text-wrapper .wrap a.select-btn{ height: 58px; line-height: 58px; border:1px solid #343a37; text-transform: uppercase; text-align: center; display: block; color: #343a37; transition: ease 350ms background; -webkit-transition: ease 350ms background; } .leather-popup .text-wrapper .wrap a.select-btn:hover{ background:#343a37; color:#fff; } .woocommerce-cart .cart-collaterals .cart_totals table{border:1px solid rgba(0,0,0,.1);} p.return-to-shop{display: none;} ul.woocommerce-error li:before{display: none;} ul.woocommerce-error li{padding: 20px;} ul.woocommerce-error li a.button.wc-forward{display: none;} ul.woocommerce-error{padding-top: 20px !important;padding-bottom: 20px !important;margin-bottom: 30px !important;} ul.woocommerce-error li {padding: 5px 68px !important;} .product-info .quantity{display: none !important;} dt.variation-Colour{font-size: 16px;} dd.variation-Colour p{line-height: 30px !important;} .shop-section .product-info .woocommerce-notices-wrapper{display: none;} .shop-section .product-info .woocommerce-notices-wrapper p{margin-bottom: 0} a.header-cart{float: left;} .shop_table.cart .product-thumbnail{text-align: center;} .shop_table.cart .product-thumbnail img{ width: 120px; height: auto; } .shop_table.cart .quantity{text-align: center;} .shop_table.cart .quantity .qty{ width: 70px; height: 30px; } .shop_table.cart td.product-name{vertical-align: middle;} .shop_table.cart .product-price, .shop_table.cart .product-quantity, .shop_table.cart .product-subtotal{text-align: center;} button.fancybox-button--arrow_left, button.fancybox-button--arrow_right{display: none} .product-info.in-progress{position: relative;opacity: 0.5;} .product-info.in-progress:after{ position: absolute; top:0; left: 0; width: 100%; height: 100%; z-index: 150; cursor: wait; background: rgba(255,255,255,0.5); content:''; } dd.variation-Colour p{margin-bottom: 0 !important;} .product-info.in-progress:before{ height: 1em; width: 1em; display: block; position: absolute; top: 50%; left: 50%; margin-left: -.5em; margin-top: -.5em; content: ''; -webkit-animation: spin 1s ease-in-out infinite; animation: spin 1s ease-in-out infinite; background: url(assets/img/loader.svg) center center; background-size: auto auto; background-size: cover; line-height: 1; text-align: center; font-size: 2em; color: rgba(0,0,0,.75); cursor: wait; z-index: 200; opacity: 1; } .woocommerce-info::before,.woocommerce-info a{color:#8fae1b;} .woocommerce-info{border-top-color:#8fae1b;} .woocommerce-additional-fields textarea#order_comments{min-height: 200px;} .panel-info{ font-size: 15px; line-height: 20px; color:#6e6e6e; text-align: center; padding: 25px 0 0; } .panel-info a{ color:#6e6e6e; font-weight: bold; text-decoration: underline; } .panel-info a:hover{transition-duration: none;} ul.woocommerce-order-overview{margin-bottom: 3em !important;} ul.woocommerce-order-overview li:before{display: none;} ul.woocommerce-order-overview li{ margin: 0 !important; padding: 0 18px !important; } .woocommerce-table.woocommerce-table--order-details.shop_table.order_details{border-collapse: collapse;} .woocommerce-table.woocommerce-table--order-details.shop_table.order_details .wc-item-meta li:before{display: none;margin: 0;} .woocommerce-table.woocommerce-table--order-details.shop_table.order_details .wc-item-meta p{line-height: 24px !important;} .woocommerce-customer-details address{ box-sizing: border-box; -webkit-box-sizing: border-box; } p.woocommerce-customer-details--phone,p.woocommerce-customer-details--email{ line-height: 25px; } p.woocommerce-customer-details--phone{margin-top: 20px;} a.wc-backward{display: none;} span.edit{ font-size: 15px; text-decoration: underline; cursor: pointer; padding-left: 15px; display: inline-block; vertical-align: top; } span.edit:hover{text-decoration: none;} #payment.woocommerce-checkout-payment ul.payment_methods li:before{display: none !important;} @keyframes spin { 100%{ -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @media screen and (max-width:1190px){ .shop-section{ width: auto; max-width: 100%; padding-left: 20px; padding-right: 20px; } .shop-section .product-thumbnail{ width: 50%; margin-right: 5%; } } @media screen and (max-width:1000px){ .leather-popup .text-wrapper{width: 100%;} .leather-popup .img-placer{ float: none; margin-left: auto; margin-right: auto; margin-bottom: 40px; width: 100%; max-width: 590px; } .leather-popup .img-placer img{ max-width: 100%; height: auto; } } @media screen and (max-width:768px){.shop_table.cart .quantity{text-align: right;}} @media screen and (max-width:800px){ .shop-section .product-thumbnail{ width: 100%; float: none; margin-right: 0; margin-bottom: 30px; } .shop-section .product-info{ float: none; width: auto; } } @media screen and (max-width:700px){ .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button{font-size: 13px;} #add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button{ font-size: 17px; } .leather-popup h3{margin-bottom: 30px;} .leathers .wrapper{text-align: center;} .leathers .wrapper .el{margin-left: 10px;margin-right: 10px;} } @media screen and (max-width:600px){ .woocommerce-billing-fields p#billing_first_name_field, .woocommerce-billing-fields p#billing_last_name_field{ width: 100%; float: none; } } .woocommerce ul#shipping_method li:before{display: none;} .woocommerce ul#shipping_method li input{margin-top: 5px;margin-left: 3px;} input#calc_shipping_city,input#calc_shipping_postcode{ color: #444; font: 300 16px Raleway,sans-serif; } .shop_table tr.order-total td{font-family: Raleway,sans-serif;} .checkout.woocommerce-checkout textarea,.checkout.woocommerce-checkout input{ color: #444; font: 300 16px Raleway,sans-serif; } .woocommerce-checkout #visual,.woocommerce-cart #visual{ height: 212px; background:#fff; } .woocommerce-checkout #visual .text, .woocommerce-cart #visual .text{position: static;margin: 0;width: 100%;} .woocommerce-checkout #visual img, .woocommerce-cart #visual img{display: none;} .woocommerce-checkout #visual .text h1, .woocommerce-cart #visual .text h1{color:#343a37;} .woocommerce-checkout #visual .breadcrumbs-holder ul li a, .woocommerce-checkout #visual .breadcrumbs-holder ul li, .woocommerce-cart #visual .breadcrumbs-holder ul li a, .woocommerce-cart #visual .breadcrumbs-holder ul li{color: #393f3c;} .woocommerce-checkout #content, .woocommerce-cart #content{padding-top:55px;} .woocommerce-checkout #visual .text-h h1:after, .woocommerce-cart #visual .text-h h1:after{background:url(assets/img/bg-title-2.png) repeat-x 0 100%; } ul.wc_payment_methods.payment_methods.methods li.payment_method_paypal label{ text-indent: -9999px; display: inline-block; vertical-align: middle; width: 163px; height: 69px; background:url(assets/img/paypall-new.png) no-repeat 0 0; background-size: 163px auto; } .custom-delivery-col{ width: 45%; float: left; padding-bottom: 100px; margin: 102px 0 0 0; background: url(assets/img/del-pal.png) no-repeat 50% 100%; } .custom-delivery-col .wrapper{ padding:0 64px 0 100px; } #content .custom-delivery-col h1, #content .custom-delivery-col h2, #content .custom-delivery-col h3, #content .custom-delivery-col h4{ font-size: 29px; font-weight: 300; margin: 0 0 4px; padding: 0; color: #343a37; } #content .custom-delivery-col p{ font-size: 18px; line-height: normal; font-weight: 300; color: #343a37; margin: 0 0 24px; } #content .custom-delivery-col p strong{font-weight: bold;} #content .custom-delivery-col a{ color: #343a37; text-decoration: underline; font-weight: bold; } #content .custom-delivery-col a:hover{text-decoration: none;} @media screen and (max-width: 1200px){ .custom-delivery-col .wrapper{ padding: 0 50px; } } @media screen and (max-width: 980px){ .custom-delivery-col .wrapper{ padding: 0 25px; } } @media screen and (max-width: 768px){ .custom-delivery-col{width: 100%;float: none;margin-top:30px;} .custom-delivery-col .wrapper{padding: 0;} } @media screen and (max-width: 380px){ .woocommerce-checkout.woocommerce-page .sel a{ float: none; display: block; margin-left: 0; width: 100%; } } form.woocommerce-checkout h3{ display: none; } .woocommerce-checkout h3.block_title{ display: block; } .deposit-option, .deposit-buttons{ display: none; } .gform_validation_container, .gform_wrapper .gform_validation_container, body .gform_wrapper li.gform_validation_container, body .gform_wrapper .gform_body ul.gform_fields li.gfield.gform_validation_container, body .gform_wrapper ul.gform_fields li.gfield.gform_validation_container { display: none !important; position: absolute !important; left: -9000px; } #main .gform_body ul li.gc {margin-bottom:0} .gform_wrapper .gform_body ul .hidden_label label {display:none !important}