@charset "utf-8";
@font-face{font-family:lato-hairline;font-display: swap;src:url(fonts/lato-hairline-webfont.eot);src:url(fonts/lato-hairline-webfont.eot?#iefix) format('embedded-opentype'),url(fonts/lato-hairline-webfont.woff2) format('woff2'),url(fonts/lato-hairline-webfont.woff) format('woff'),url(fonts/lato-hairline-webfont.svg#latohairline) format('svg');font-weight:100;font-style:normal}@font-face{font-family:lato-light;font-display: swap;src:url(fonts/lato-light-webfont.eot);src:url(fonts/lato-light-webfont.eot?#iefix) format('embedded-opentype'),url(fonts/lato-light-webfont.woff2) format('woff2'),url(fonts/lato-light-webfont.woff) format('woff'),url(fonts/lato-light-webfont.svg#latolight) format('svg');font-weight:300;font-style:normal}@font-face{font-family:lato;font-display: swap;src:url(fonts/lato-regular-webfont.eot);src:url(fonts/lato-regular-webfont.eot?#iefix) format('embedded-opentype'),url(fonts/lato-regular-webfont.woff2) format('woff2'),url(fonts/lato-regular-webfont.woff) format('woff'),url(fonts/lato-regular-webfont.svg#latoregular) format('svg');font-weight:400;font-style:normal}@font-face{font-family:lato;font-display: swap;src:url(fonts/lato-bold-webfont.eot);src:url(fonts/lato-bold-webfont.eot?#iefix) format('embedded-opentype'),url(fonts/lato-bold-webfont.woff2) format('woff2'),url(fonts/lato-bold-webfont.woff) format('woff'),url(fonts/lato-bold-webfont.svg#latobold) format('svg');font-weight:700;font-style:normal}@font-face{font-family:lato;font-display: swap;src:url(fonts/lato-black-webfont.eot);src:url(fonts/lato-black-webfont.eot?#iefix) format('embedded-opentype'),url(fonts/lato-black-webfont.woff2) format('woff2'),url(fonts/lato-black-webfont.woff) format('woff'),url(fonts/lato-black-webfont.svg#latoblack) format('svg');font-weight:900;font-style:normal}
body,html,form{min-height:100%;height:100%;color:#646464;}
body{font-size:.96rem !important;font-display: swap;font-family: "lato", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";}
.body-home {padding-top:159px;}
body{padding-top:46px;}

 body::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);background-color:#eee;cursor:pointer;}
body::-webkit-scrollbar{width:10px;cursor:pointer;}
body::-webkit-scrollbar-thumb{background-color:#444;}
body::-webkit-scrollbar-thumb:hover{background-color:#000;}
a{-webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out;}
.scrollup{position:fixed;bottom:0px;right:0px;display:none;z-index:1;font-size:20px;width:40px;height:40px;line-height:40px;text-align:center;}
.scrollup{-webkit-animation:moveFromBottom 1000ms ease;-moz-animation:moveFromBottom 1000ms ease;-ms-animation:moveFromBottom 1000ms ease;}
a.scrollup{ background:#413c38;color:#fff;}
a.scrollup:hover{background:#313131;}
.fa-icon{position: relative;padding-left: 25px;}
.fa-icon > .fa{position: absolute;margin-left: -25px;top:3px;}
.text-color-inherit{color:inherit !important;}
ul.social_media{margin:0px;padding:0px;display:block;}
ul.social_media li{display:inline-block;list-style-type:none;list-style-image:none;padding:0px!important;margin:0 3px 0 0px;border:none;vertical-align:top;}
ul.social_media li:before{display:none;}
ul.social_media li a{display:block;font-size:16px;transition:none .6s ease-in-out;-webkit-transition:none .6s ease-in-out;-moz-transition:none .6s ease-in-out;-o-transition:none .6s ease-in-out;-ms-transition:none .6s ease-in-out;}
ul.social_media li a:hover{display:block;}
ul.social_media .fa{width:30px;height:30px;line-height:28px;vertical-align:middle;border:#DDD 1px solid; text-align:center;}
ul.social_media .fa:hover{color:#fff;}
ul.social_media li{margin:0px 3px !important;}
ul.social_media .fa{border:0px !important; font-size:22px !important}
ul.social_media .fa.fa-instagram{font-size:24px !important}
.fa-facebook, .fa-houzz,.fa-pinterest-p, .fa-google,.fa-google-plus, .fa-linkedin, .fa-youtube, .fa-youtube-play, .fa-tumblr, .fa-twitter, .fa-pinterest, .fa-instagram {
color: #bababa !important;transition: all .2s ease-in-out;-webkit-transition: all .2s ease-in-out;-moz-transition: all .6s ease-in-out;-o-transition: all .6s ease-in-out;-ms-transition: all .6s ease-in-out;}
.fa-facebook:hover{color:#3b5998 !important; background:none !important}
.fa-google:hover{color:#3f85f4!important; background:none !important}
.fa-google-plus:hover{color:#d13f2d!important;background:none !important}
.fa-linkedin:hover{color:#0275b5!important; background:none !important}
.fa-youtube:hover{color:#ce332d!important; background:none !important}
.fa-youtube-play:hover{color:#ce332d!important; background:none !important}
.fa-tumblr:hover{color:#274152!important; background:none !important}
.fa-twitter:hover{color:#4dc8f1!important; background:none !important}
.fa-twitter:hover{color:#4dc8f1!important; background:none !important}
.fa-pinterest:hover{color:#cb2028!important; background:none !important}
.fa-pinterest-p:hover{color:#cb2028!important; background:none !important}
.fa-instagram:hover{color:#3e739d!important; background:none !important}
.fa-houzz:hover{color:#7bc642!important; background:none !important}

.breadcrumbs-panel{position:relative;/*border-top:1px solid #f0f0f0;*/border-bottom:1px solid #543f2a;padding-top:10px;}
.breadcrumb{padding: 0 1rem !important;margin-bottom:0 !important;}
.breadcrumb h1{display:inline-block;padding:0;margin:0;text-transform:initial}
.breadcrumbs-panel{padding-bottom:15px;}

.map-container{width:100%;border:0px;float:left;border-radius:0.75rem;box-shadow:0px 2px 8px rgba(0,0,0,0.1);padding:2px;margin:0;position:relative;}
.map-container iframe{width:100%;height:190px;border:0px;pointer-events:none;float:left;}


img {max-width: 100%;vertical-align: middle;transition: filter 0.3s;}
img.lazyload  {width:100%;filter: blur(8px);}

.anchor-focus:before{display:block;content:" ";height:100px;margin-top:-100px;visibility:hidden;}

@media (max-width:991px){.anchor-focus:before{height:80px;margin-top:-80px;}}
.pace{-webkit-pointer-events:none;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;}
.pace-inactive{display:none;}
.pace .pace-progress{background:#413c38;position:fixed;z-index:2000;top:0;right:100%;width:100%;height:5px;}

/* heading */
h1,h2,h3,h4 {text-transform:uppercase;font-weight:500}
h1{color:rgb(82, 82, 82);font-size:1.1rem;font-weight:600}
h2, .h2{color:#000;font-size:1.1rem;}
h3{color:#323232;font-size:0.96rem;}
h4{color:#000;font-size:1rem;}

.head-1{font-size:1.8rem!important;}


@media (min-width:768px) {
h2.section-head{font-size:22pt;}
}
h2.section-head{ font-weight:bold!important; font-family:lato-light;}

 /* wrapper */
.wrapper{position:relative;width:100%;margin:0 auto;text-align:left;float:none;}
.wrapper{min-height:100%;height:auto !important;height:100%;margin:0 auto -135px;}
.footer{position:relative;width:100%;margin:0 auto;}
.footer, .push{min-height:135px;clear:both;}
.footer h3{text-transform:none; color:#323232; font-weight:500; font-size:13pt;}
 

header {background: #fff !important;transition: background-color 0.5s ease; border-bottom:1px solid #EAEAEA;}
header:hover,.header-collapse{background:#fff!important;}

.navbar-brand {padding:0.8rem 0!important;overflow:hidden;transition: height 0.5s ease;/*height:80px;*/} 

.searchbar{background:#666666;position:absolute;top:1px;right:0;left:35px; margin:0 auto; max-width:1105px;width:100%; border:2px solid #666;}
.searchbar input{border:0px;padding:10px 15px;background-color:rgba(255,255,255,0.9);outline:none;box-shadow:none!important;}
.searchbar .input-group-append  a {line-height: 1.7;color:#fff!important;outline:none;box-shadow:none!important;background:#666!important;}
.searchvalidator { background:rgba(255,255,255,0.9)!important; color:#333!important; border-top:1px solid #666; width:100%; max-width: 1105px; margin: 0 auto;}
.searchvalidator .err-text {padding: 0.375rem 0.75rem!important;}
.errmsg{float:left;font-size:12px;line-height:normal;color:#fff;position:absolute;left:-2px;bottom:-27px;z-index:9;background:#c80000;padding:5px 5px;}
.errmsg:before{content:"";position:absolute;left:10px;top:-10px;border-bottom:10px solid #c80000;border-left:10px solid transparent;border-right:10px solid transparent;}


.navbar-nav .nav-link {padding:0.5rem!important;line-height:30px;font-size:18px;  font-weight:600 !important; color:#6b6b6b !important}
.navbar-nav .nav-link, .navbar-nav .show > .nav-link {/*color: rgba(255,255, 255, 0.9);*/}
.navbar-nav > li > a{-webkit-transition:all .2s ease-out;transition:all .2s ease-out;}
.navbar-nav > li > a:hover {color: #413c38!important}
.navbar-dark .navbar-nav .active, .navbar-dark .navbar-nav .active > .nav-link {color: #413c38!important;}
.navbar-nav li a:hover, .navbar-nav li a.active{color:#525252; }
.navbar-nav > li.active > a, .nav > li.active > a:hover{color:#413c38;}
.navbar-nav > li.active:hover>a{color:#413c38 !important;}
@media(max-width:1399px){
    .navbar-nav .nav-link{font-size:17px;}
}
@media(min-width:1024px) and (max-width:1280px){.navbar-nav .nav-link{font-size:15px;}}

.navbar-nav > li .btn-search{top:-2px; right:0; }
.navbar-nav > li .btn-search .fa {font-size:15px; /*font-weight:bold !important;*/ color:#6b6b6b !important}
 
.btn-search{display:inline-block;width:38px;height:38px;line-height:35px;text-align:center;color:rgba(0, 0, 0, 0.8);position:relative;cursor:pointer;}
.btn-search .fa{position:absolute;width:38px;height:38px;line-height:38px; top:4px;left:0;bottom:0;right:0;display:block}
.btn-search .fa-times {display:none;font-size:18px}

@media (max-width: 768px) {
header{background:#dadada;padding:5px 0!important;}
.navbar-light .navbar-brand{max-width:70%;height:55px;padding:3px 5px 0!important;}
.navbar-light .navbar-brand h1, .navbar-light .navbar-brand img{height:95%;}
.brand-inside img{height:auto !important; padding-top:10px;}
.btn-search .fa{color:#5d5d5d;top:0;}
.searchbar{left:0!important;}
.searchbar .input-group-append a{font-size:10pt;}
}
@media (max-width: 767.99px) {
.searchbar{max-width:100%;width:100%;}
}
@media (max-width: 1199.99px){
.navbar{padding-top:0 !important;padding-bottom:0 !important;}
.navbar-nav{-ms-flex-align: start !important; align-items: flex-start !important; display:block; }
.navbar-nav .nav-link {border-bottom:1px solid rgba(255, 255, 255, 0.1);padding-top:.5rem;padding-bottom:.5rem;line-height:30px; padding-left:0!important; text-align:left;}

}

@media (max-width:1199.98px){.body-home{padding-top:55px;}body{padding-top:55px;} 
.navbar-nav .nav-link{color:#d0d0d0!important;}
.prod-view-menu-container .border-dark{border:0!important;}
}

@media (min-width:1199.98px) {
 
/*.header-collapse, .header-inside { box-shadow: 0px 2px 5px rgba(0,0,0,0.2);}*/
.header-collapse.navbar-expand-lg .navbar-nav {justify-content: space-around !important;}
.header-collapse.navbar-expand-lg .navbar-nav li:last-child {margin-left: 2rem !important;}
.header-collapse .searchbar{margin: 0 0 0 auto !important;}
.navbar-brand img {transition: all 0.5s ease;}
.navbar-logo img {max-width:100%;}
.header-collapse.hm-header .navbar-collapse {margin-top:0px !important}
.header-collapse.hm-header .navbar-logo{position:relative; margin-top:0px;}
.header-collapse .navbar-brand {opacity:0;height:0;line-height:0px;padding:0px!important;transition: all 0.5s ease;}
.header-collapse .navbar-brand img {max-width:60%;}
.header-collapse .navbar-logo {height:38px;width:160px;margin-right: 8rem !important;overflow:hidden;display:block;opacity:1;margin-top:4px;}
.header-collapse.hm-header .navbar-nav .nav-link{font-size: 15px;}
.header-inside .navbar-brand {opacity:0;height:0;line-height:0px;padding:0px!important;transition: all 0.5s ease;}
.header-inside .navbar-brand img {max-width:60%;}
.header-inside .navbar-logo {height:38px;width:200px;overflow:hidden;display:block;opacity:1;margin-top:0!important;}
.header-inside .navbar-nav .nav-link { padding-top:.25rem;padding-bottom:.25rem;}
.navbar-collapse .container{position:relative;}
.searchbar{right:15px;}
.header-collapse .navbar-nav .nav-item .btn-search,
.header-inside .navbar-nav .nav-item .btn-search{ position: absolute; top:0px; right: 0; bottom: 0;}
}
.navbar-logo{display:none;opacity:0;transition: all 0.5s ease;width:0;height:0;position: absolute;top:5px;left: 15px;}
/* footer */
footer { color: #797475;}
footer a {color: #323232;}
footer a:hover {color: #000;}
.ftr-top {padding:1.5rem 0; border-bottom:1px solid #e5e5e5;text-transform:uppercase; border-top: 1px solid #e5e5e5;}
.ftr-top .list-inline-item{vertical-align:middle;}
.ftr-top .list-inline-item:not(:last-child) {margin-right: 2rem;}
.ftr-bottom {padding:1.2rem 0!important;background: #543f2a;color:#FFF; font-size:10pt;}
@media (max-width:575.98px) {
.ftr-top .list-inline {text-align:center}
.ftr-top .list-inline-item {margin:0.5rem!important;}
}

.body-container {max-width: 1200px!important;}

/* visual panel */



.visual-inner{position:relative;width:100%;float: left;display: block;}
.visual-inner .advantage{min-height:500px;background-color:#151515;background-position:center;background-repeat:no-repeat;display:-ms-flexbox;display:flex;}
.visual-inner .story { min-height:600px;background-color:#151515;background-position:center;background-repeat:no-repeat;display:-ms-flexbox;display:flex;}
.visual-inner .green-statement{min-height:500px;background-color:#e8f2f1;background-position:center;background-repeat:no-repeat;display:-ms-flexbox;display:flex;}
.visual-inner .finishes{min-height:500px;background-color:#e8f2f1;background-position:center;background-repeat:no-repeat;display:-ms-flexbox;display:flex;}
.visual-inner .gray-box { position:relative;}
.visual-inner .gray-content, .visual-inner .gray-content1 { position:absolute; line-height:1.7; color:#fff; background:rgba(73, 69, 66, 0.40); bottom:0px; margin:0px 50px; right:0px;}
.visual-inner .gray-content .h2, .visual-inner .gray-content1 .h2 {color:#fff!important; text-transform:capitalize; font-size: 1.4rem;}
.visual-inner .gray-content p, .visual-inner .gray-content1 p {font-size:1rem; font-weight:normal;}
.visual-inner .gray-content1 {left:0px !important;}

.visual-inner .green-content { background:#b1b8c2; position:absolute; line-height:1.7; color:#fff;  bottom:0px; margin:0px 50px; right:0px;}
.visual-inner .green-content p {color:#0c0c11; font-size:1rem; font-weight:normal;}
.visual-inner .green-content .h2 {color:#0c0c11!important; text-transform:capitalize; font-size: 1.4rem;}

@media (min-width:768px) {
.visual-wrapper{position:relative;width:100%;background:#ececec;float: left;display: block;} 
}



@media (max-width:992px) {
.visual-inner .advantage, .visual-inner .green-statement{ height:500px; background-size:cover; background-position:center;}
.visual-inner .story { height:600px; background-size:cover; background-position:center;}
.visual-inner .gray-content, .visual-inner .gray-content1 {position: relative;line-height:1.7; color:#333; background:#fff; margin:0px 0px;}
.visual-inner .gray-content .h2, .visual-inner .gray-content .h2 {color:#333!important; }
.visual-inner .green-content {position: relative;line-height:1.7; color:#fff; background:#fff; margin:0px 0px; bottom:0px;}
}


/*.divider {display:block;width:100%;height:2px;background:#413c38;position:relative;}
.divider:before {content:"";position:absolute;top:-10px;width:180px;height:10px;background:#413c38;}*/

.home-parallax{background:#000;z-index:0;width:100%;min-height:800px;}
.home-parallax a {margin-bottom:50px;text-transform:uppercase;color:#fff!important;font-size:1.5rem;}
.parallax-background {background-image: url('images/home-parallax.jpg');background-position: 50% 0;background-repeat: no-repeat;
                      -ms-background-size: cover;-moz-background-size: cover;-webkit-background-size: cover;background-size: cover;
                      -ms-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}

.footer-cta{padding:35px 0 20px; }
@media (min-width:768px) {
.footer-cta > h3{font-size:22pt;}
.footer-cta span{font-size:12pt;}
}
.footer-cta > h3{text-transform:none;color:#323232; font-family:lato-hairline; font-weight:bold; font-size:18pt;}
.footer-cta span{font-family:lato-light; font-weight:bold;}
.footer-cta span a{color:#323232; }
.footer-cta span:nth-child(3):before{content:'•'; margin:0 5px 2px;font-size:8pt;display:inline-block; vertical-align:middle;}


.cta-panel span{font-family:lato-light; font-weight:bold;}
.cta-panel span a{color:#323232;}
.cta-panel span:nth-child(2):before{content:'•'; margin:0 5px 2px;font-size:8pt;display:inline-block; vertical-align:middle;}


/*.prod-view-menu-container {background:#5d5d5d;}*/
.prod-view-menu-container h2 {color:#323232;font-size:1.1rem;text-transform:uppercase;margin-bottom:15px;}
.prod-view-menu-container ul {padding: 0;margin: 0;list-style: none;position: relative;}
.prod-view-menu-container ul li {display:block;position: relative;z-index: 2;margin: 0 0 5px 0;}
/*.prod-view-menu-container ul li:before {content:"";position:absolute;top:8px;left:3px;border-left:5px solid #FFF;border-top:5px solid #FFF;border-bottom:0 solid #FFF}*/
@media (min-width:1281px) {
.prod-view-menu-container ul.list-col-2{-webkit-column-count: 2;-moz-column-count: 2;column-count: 2;}
.prod-view-menu-container ul.list-col-3{-webkit-column-count: 3;-moz-column-count: 3;column-count: 3;}
.prod-view-menu-container ul.list-col-4{-webkit-column-count: 4;-moz-column-count: 4;column-count: 4;}
}
@media (min-width:981px) and (max-width:1280px) {
.prod-view-menu-container ul.list-col-2{-webkit-column-count: 2;-moz-column-count: 2;column-count: 2;}
.prod-view-menu-container ul.list-col-3{-webkit-column-count: 2;-moz-column-count: 2;column-count: 2;}
.prod-view-menu-container ul.list-col-4{-webkit-column-count: 3;-moz-column-count: 3;column-count: 3;}
}
@media (min-width:690px) and (max-width:980px) {
.prod-view-menu-container ul.list-col-4{-webkit-column-count: 2;-moz-column-count: 2;column-count: 2;}
}
@media (min-width:691px) and (max-width:768px) {
.prod-view-menu-container ul.list-col-2{-webkit-column-count: 1;-moz-column-count: 1;column-count:1;}
}
@media (min-width:380px) and (max-width:690px) {
.prod-view-menu-container ul.list-col-2{-webkit-column-count: 2;-moz-column-count: 2;column-count: 2;}
}
.prod-view-menu-container ul li a{color:#7d7d7d;}
.prod-view-menu-container ul li a:hover{color:#323232;}
.prod-view-menu-container .col-12 {margin-top:1rem;margin-bottom:1rem;}
@media (min-width:991.98px) {
  /*.prod-view-menu-container .col-12 + .col-12{border-left:1px solid #696969}*/
  .prod-view-menu-container .border-dark{border-color:#696969!important;}
}
@media (max-width:768px) {
.prod-view-menu-container .row .col-12:first-child{margin-top:15px!important;}
.prod-view-menu-container .col-12{margin:0 0 15px!important; padding-bottom:15px; border-bottom:#666 1px solid; border-right:0!important;}


}
@media (max-width:640px) {
footer,
.prod-view-menu-container,
.prod-view-menu-container ul li a{font-size:10pt;}

}

ul.home-category-list{margin:20px 0 0; padding:0; text-align:center;}
ul.home-category-list li{display:inline-block; vertical-align:top; width:calc(20% - 30px); min-width:140px; margin:0 13px 20px;}
ul.home-category-list li .prod-thumb h2 {font-size:14px;text-transform: none;padding:8px 0px;margin:0;z-index:9;bottom:0;width:100%;color:#323232;transition: all 0.5s ease;}
.prod-box, .prod-thumb{position:relative;}
.prod-box:after, .prod-thumb:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(255, 255, 255, 0.3);opacity:0;transition:all .2s ease-in-out;}
.prod-box:hover:after, .prod-thumb:hover:after{opacity:1;}

@media(min-width:320px) and (max-width:575px) {
ul.home-category-list li {min-width: 117px;}
}

@media(min-width:1024px) and (max-width:1280px){ul.home-category-list li{margin:0 8px 20px;}}

.prod-thumb {max-width:300px;margin:0 auto;float:none;text-align:center;display:block;text-decoration:none!important;position:relative;}
.prod-thumb > img {position:relative;z-index:0;transition: all 0.5s ease;}
.prod-thumb h2 {font-size:16px;text-transform: none;padding:8px 0px;margin:0;z-index:9;bottom:0;width:100%;color:#323232;transition: all 0.5s ease;}
.prod-thumb:hover h2 {color:#000;}
.prod-thumb:hover > img {border-color: #666;}

.related-prod-thumb {max-width:270px;margin:0 auto;float:none;text-align:center;display:inherit;text-decoration:none!important;position:relative;}
.related-prod-thumb > img {border:1px solid #e5e5e5;position:relative;z-index:0;transition: all 0.5s ease;}
.related-prod-thumb h2 {position:relative;text-transform:none;background:transparent;color:#323232;font-size:14px;padding:8px 0px;}
.related-prod-thumb:hover h2 {background:transparent;color:#000}
.related-prod-thumb:hover > img {border-color: #666;}

.prod-box {max-width:270px;margin:0 auto;float:none;text-align:left;display:inherit;text-decoration:none!important;position:relative;}
.prod-box > img {position:relative;z-index:0;transition: all 0.5s ease;border: 1px solid #f2f2f2;}
.prod-box h2 {font-size:.96rem !important;text-transform: none;padding:10px 0px 5px;margin:0;color:#000;transition: all 0.5s ease;font-weight:normal;line-height:normal}
.prod-box p {margin-bottom:5px; font-size:14px;}
.prod-box:hover h2 {color:#413c38;}
.prod-box:hover > img {border-color:#ddd;}

ul.prod-finish{padding:0;margin:0;list-style:none;}
ul.prod-finish li{margin:0 2px 5px 0;float:left;}
ul.prod-finish li img {max-width:35px;}

.prod-details-panel {background-color: #f8f9fa;border: 1px solid #dee2e6;border-width:1px 0px;}
.prod-details-panel .col-12 + .col-12 {border-top: 1px solid #dee2e6;}
@media (min-width: 1199.99px){
    .prod-details-panel .col-12 + .col-12 {border-left: 1px solid #dee2e6;border-top: 0px;}

}

 





.zoom-pic-holder {border:1px solid #fff;max-width:600px;position:relative;/*box-shadow: 0px 2px 2px rgba(0,0,0,0.2)*/}
.zoom-pic-holder .icon-zoom { position:absolute; bottom:10px !important; right:10px; z-index:0; font-size:18px; }
.zoom-pic-holder .icon-dwldimg { position:absolute; bottom:0; left:0; z-index:0; font-size:18px;z-index:9999; }
.zoom-pic-holder .icon-dwldimg a{width:40px;height:40px;line-height:40px;text-align:center;background:#ccc;display:inline-block}
.zoom-pic-holder img {max-width:100%;height:auto;float:left;}


.zoom-thumb-holder {float:left;padding:15px;position:relative;   }
ul.zoom-thumbs { float:left;padding:0; margin:0px; clear:both;  }
ul.zoom-thumbs li { list-style:none; float:left; width:80px; padding:0; margin:0px; border:1px solid #ccc;}
ul.zoom-thumbs li img { width:100%; height:auto; float:left;}
ul.zoom-thumbs a { border:1px solid #ccc; padding:0; margin:0px; display:block; float:left;}
ul.zoom-thumbs a.active { border:1px solid #000;}


ul.finish-thumbs {padding:0; margin:15px 0px 0; clear:both;  }
ul.finish-thumbs li { list-style:none;display:inline-block;vertical-align:top; width:80px; padding:0; margin:0px 12px 20px 0;line-height:normal;font-size:13px; }
ul.finish-thumbs li img { /*width:100%;*/ width:52px; height:52px; /*float:left;*/ border:1px solid #fff;margin-bottom:5px;}
ul.finish-thumbs a {padding:0; margin:0px; display:block; float:left;text-align:center}
ul.finish-thumbs a.active { font-weight:bold }
ul.finish-thumbs a.active img { border:1px solid #fff; }
.finish-desc{max-width:500px;} 

.zoom_thumb_holder .bx-wrapper .bx-prev { left: -30px !important; background: none !important;  }
.zoom_thumb_holder .bx-wrapper .bx-prev:before { content:"\f0d9"; font-family: FontAwesome; color:#000; font-size:20px;     }
.zoom_thumb_holder .bx-wrapper .bx-next { right: -30px; background: none !important; }
.zoom_thumb_holder .bx-wrapper .bx-next:before { content:"\f0da"; font-family: FontAwesome; color:#000; font-size:20px;     }
.zoom_thumb_holder .bx-wrapper .bx-controls-direction a { text-align:center; text-decoration:none; text-indent: 0px !important;	z-index: 99 !important;}

 .table td {vertical-align:middle}

.abt-bg{background:url(images/abt-banner-bg.jpg) no-repeat top center; color:#000 !important; position:relative; background-size:cover; padding:160px 0px;}
.abt-bg:before{ content:""; position:absolute; top:0px; width:100%; height:100px; background:rgba(0,0,0,.2)}
.abt-bg:after{ content:""; position:absolute; bottom:0px; width:100%; height:100px; background:rgba(0,0,0,.2)}
.half-panel{padding:0 0;position:relative;min-height:450px;}
.half-panel-bg-right{background-repeat:no-repeat;background-size:50% auto;background-position:right center;}
.half-panel-bg-left{background-repeat:no-repeat;background-size:50% auto;background-position:left center;z-index:9!important }
.bg-left { background:url(images/home-parallax.jpg) no-repeat center;background-size:cover}
.bg-right { background:url(images/home-parallax.jpg) no-repeat center;background-size:cover}
.half-panel.half-panel-bg-left:before {content:"";width:50%;height:100%;display:block;position:absolute;top:0;bottom:0;left:0;z-index:-1!important;background-color:#000;} 
.half-panel.half-panel-bg-right:before {content:"";width:50%;height:100%;display:block;position:absolute;top:0;bottom:0;right:0;z-index:-1!important;background-color:#000;} 
.list-ticker{ list-style:none; padding-left: 5px; }
.list-ticker li{ position: relative; margin-left: 25px; line-height: 1.9;border-bottom:1px dotted #ccc;padding:8px 0; }
.list-ticker li:before{ content: "\f00c"; font-family:FontAwesome; position:absolute; top:8px; left: -25px; color: #333; }
.list-ticker li:last-child{border-bottom: 0;}
.border-2{border:2px solid #eee;}

 /*Checkboxes styles*/
.filter-panel input[type="checkbox"] {display: none;}
.filter-panel input[type="checkbox"] + label {display: block;position: relative;line-height:normal;padding-left:25px;margin-bottom:15px;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;}
.filter-panel input[type="checkbox"] + label:last-child {margin-bottom: 0;}
.filter-panel input[type="checkbox"] + label:before {content: '';display: block;width:13px;height:13px;border:2px solid #646464;position: absolute;left: 0;top:2px;opacity: .6;-webkit-transition: all .12s, border-color .08s;transition: all .12s, border-color .08s;}
.filter-panel input[type="checkbox"]:checked + label:before {width:8px;top:0px;left:4px;border-radius: 0;opacity: 1;border-top-color: transparent;border-left-color: transparent;-webkit-transform: rotate(45deg);transform: rotate(45deg);}

.img-label{margin-right:10px!important; margin-bottom:0!important;}
.img-label label:before{top:calc(50% - 5px)!important;}
.img-label label{padding-left:20px!important;}
.list-checkbox {padding:0;margin:5px 0 15px;list-style:none;}
.list-checkbox label:hover{color:#333;}
.container-accordian .acc_container{padding-left:20px;margin-bottom:10px;}
.acc_container .list-checkbox {}
.acc_container label{font-size:14px;}
.acc_container label.text-dark{color: #333 !important;}
.list-checkbox li, .list-checkbox tr td label {margin-bottom:10px !important;list-style:none;}
.list-checkbox tr:last-child td label{margin-bottom:0 !important;}

[type="radio"]:checked,
[type="radio"]:not(:checked) {
    position: absolute;left: -9999px;}
[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label
        { position: relative;padding-left:25px;cursor: pointer;display: inline-block;margin-bottom:0;}
[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before {
    content: '';position: absolute;left: 0;top: 0;width:18px;height: 18px;border: 2px solid #646464;border-radius: 100%;background: #fff;}
[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after {
    content: '';width: 12px;height: 12px;background: #646464;position: absolute;top:3px;left:3px;border-radius: 100%;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;}
[type="radio"]:not(:checked) + label:after {
    opacity: 0;-webkit-transform: scale(0);transform: scale(0);}
[type="radio"]:checked + label:after {
    opacity: 1;-webkit-transform: scale(1);transform: scale(1);}

/*@media (min-width: 992px){ .inspiration-grid .card.col-lg-3 {-ms-flex: 15.8%; flex: 15.8%; max-width:15.8%; }}*/
/*@media (min-width: 1200px){ .inspiration-grid .card.col-xl-4 {-ms-flex: 33.33%; flex: 33.33%; max-width:33.33%; }}*/
@media (min-width:1024) and (max-width: 1200px){ .inspiration-grid .card.col-lg-3 {-ms-flex: 23.66%; flex: 23.66%; max-width:23.66%; }}

@media (min-width:768px) and (max-width: 1024px){ .inspiration-grid .card.col-md-6 {-ms-flex:23.666667%; flex: 23.666667%; max-width:23.666667%;}}
@media (min-width: 576px){.card-columns {-webkit-column-count: 4;-moz-column-count: 4;column-count: 4;-webkit-column-gap: 1rem;-moz-column-gap: 1rem;column-gap: 1rem;orphans: 1;widows: 1;} }

/*.inspiration-grid{float:left;}*/
.inspiration-grid, .inspiration-grid .row{margin: 0 -10px;}
.inspiration-grid [class*='col-xl']{padding:0 8px;float:left;}
/*.inspiration-grid .col-xl-4{float:right}*/

.inspiration-grid [class*='col-xl'] > div{position:relative; margin:0px 0 17px; padding:0; /*background:#eee;*/ border:0;}
.inspiration-grid:hover [class*='col-xl'] > div{opacity:0.2;}
.inspiration-grid [class*='col-xl'] > div:hover{opacity:1;z-index:9;}
.inspiration-grid [class*='col-xl'] > div img {border:1px solid #fff;}
.inspiration-grid [class*='col-xl'] > div:hover img {border-color:#666;}

.inspiration-grid.blank-div:hover [class*='col-xl'] > div{opacity:1;}
.inspiration-grid [class*='col-xl'] > div .blank-div:hover{opacity:1;z-index:9;} 
.inspiration-grid [class*='col-xl'] > div .blank-div:hover img {border-color:#fff !important;}

.inspiration-grid .tooltip{opacity:1 !important;}
.inspiration-grid .tooltip .arrow{display:none;}
.inspiration-grid .tooltip .tooltip-inner{background-color:#fff;color:inherit;border-radius:0;padding-top:30px;padding-bottom:30px;}
.inspiration-grid .tooltip-content{border:1px solid #666;position:absolute;top:0;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-ms-flex-align: center;align-items:center; width:100%;z-index:170;opacity:0;visibility:hidden;background-color:#fff;padding:20px;-webkit-transition: all .2s ease-out;-ms-transition: all .2s ease-out;-moz-transition: all .2s ease-out;transition: all .2s ease-out; overflow:auto;}
.inspiration-grid [class*='col-xl'] > div:hover .tooltip-content{opacity:1;visibility:visible;}
        
/*@media (min-width: 768px) and (max-width: 992px){ .inspiration-grid .card{-ms-flex: 0 0 48%;  flex: 0 0 48%; max-width:48%;width: 100%;min-height: 1px;} }*/
        
@media(max-width:767px){ 
.inspiration-grid [class*='col-xl'] > div{margin:5px 0; }
.inspiration-grid [class*='col-xl'] > div img {border:1px solid #000; border-bottom:0;}
.inspiration-grid .tooltip-content{position:initial!important; visibility:visible; opacity:1;transform:translate(0) !important;max-width:initial;}
}

.acc_trigger{padding-left:25px;position:relative;cursor:pointer;margin-bottom:5px;}
.acc_trigger.active{font-weight:bold;}
.acc_trigger:before{content:"+";position:absolute;top:0;left:0;line-height:15px;font-size:26px;}
.acc_trigger.active:before{content:"-";font-size:43px; font-weight:bold; font-family:lato-hairline;}

/*
=====================================================================================================================================================
PRODUCT GRID
=====================================================================================================================================================
*/

.thumbnail { min-height:350px; vertical-align:top;   }

.prod-pic { width:200px; height:200px; overflow: hidden;  margin:0 auto;  }
.prod-pic img { -webkit-transition: all 1s ease; /* Safari and Chrome */ -moz-transition: all 1s ease; /* Firefox */  -o-transition: all 1s ease; /* IE 9 */ -ms-transition: all 1s ease; /* Opera */ transition: all 1s ease; max-width: 100%;}
.thumbnail:hover .prod-pic img { -webkit-transform:scale(1.25); /* Safari and Chrome */ -moz-transform:scale(1.25); /* Firefox */ -ms-transform:scale(1.25); /* IE 9 */ -o-transform:scale(1.25); /* Opera */  transform:scale(1.25);}

hgroup { font-size:100% !important;}

.zoom_pic_holder img { width:100%; max-width:100%; height:auto;}
.zoom_pic_holder { border:1px solid #e3e1e1; /*padding:1px;*/ position:relative; margin-bottom:20px;overflow:hidden; }
.zoom_pic_holder .icon_zoom { position:absolute; bottom:10px !important; right:10px; z-index:0; font-size:18px; }
.zoomWindow{float:none !important}

ul.option_list { padding:0; margin:0;}
ul.option_list li { list-style:none; padding:1px; display: inline-block;  margin: 0 8px 8px 0; text-align: left; }
ul.option_list li img { border-radius:100%; -moz-border-radius:100%; -ms-border-radius:100%; -webkit-border-radius:100%; -o-border-radius:100%;width:50px;height:50px;background-color:#f5f5f5;}


ul.button_list { padding:0; margin:0; clear:both;}
ul.button_list li { list-style:none; padding:1px; display: inline-block; margin: 0 11px 11px 0; text-align: left; }
ul.button_list li:last-child { width:100%; display: block;}
@media (max-width:1024px) {
ul.option_list li img{width: 43px;height:43px;}
}
@media (max-width:480px) {
    ul.button_list li { width:100%; display: block;}
    ul.button_list .btn { width:100%; }
    ul.button_list {  margin-bottom:50px; }
}     
.product-grid-small .prod-pic { width:100px; height:100px; overflow: hidden;  margin:0 auto;  }
.product-grid-small .thumbnail { min-height:200px; vertical-align:top;   }
.product-grid-small .thumbnail .caption { font-size:80% !important;}

/********************************* TOOLTIP *************************************************/
/***********************************************************************************************/
.tip { margin: 0px;  color: #fff; background:#808080; display:none; /*--Hides by default--*/
	padding:1px; position:absolute;	 z-index: 100000; text-align: center; cursor: pointer;}
.tipsmall { width:192px;  }
.tipbig { width:402px;  }
@media (max-width:480px) {
.tip  {   display:none !important; }
} 

.pro-info .nav-link.active{background:#DDD; border-bottom:#DDD 1px solid;}
.pro-info .nav-link:hover{background:#EEE;}

@media(max-width:640px){
.pro-info .nav-tabs{flex-wrap:nowrap;overflow-x:auto;}
.pro-info .nav-tabs .nav-item:not(:first-child) .nav-link{min-width:180px;}
.pro-info .nav-tabs .nav-item .nav-link{text-align:center;padding:5px !important;}
}
.pro-info .nav-tabs .nav-item{border-bottom:#dee2e6 1px solid;}

.technical-list li{position:relative;padding-left:12px;}
.technical-list li:before{content:'-'; position:absolute;top:0;left:0;}
.zoom_thumbs li{margin-bottom:15px;float:left;}
.zoom_thumbs li a{float:left;}
.zoom_thumbs li a.active{border:1px solid #ccc;}
.zoom_thumb_holder .bx-wrapper{margin:0 !important;}

.border-bottom-dotted{border-bottom:1px dotted #ccc;}

.left-menu-list > li{margin-bottom:.5rem;padding-left:25px;position:relative;}
.left-menu-list > li:before{content: "+";position: absolute;top: 4px;left: 0;line-height: 15px;font-size: 26px;color:#413c38;}
.left-menu-list > li > ul{margin-bottom:15px;}
.left-menu-list > li > ul li{padding-left:15px;position:relative;list-style:none;}
.left-menu-list > li > ul li:before{content: "";position: absolute;top: 8px;left: 3px;width:5px;height:5px;border-radius:100%;background-color:#666;}
.left-menu-list > li > ul li a{color:#646464;}
.left-menu-list > li.active > a{pointer-events:none;}

#Tearsheet{max-width:500px;}

.ppop {position: fixed;top: 0px;left:0;z-index:9999999;display: block;height:100%; width:100%; overflow: scroll; opacity:0;}
.ppop.active{opacity:1;}
.ppop{display:table; background:rgba(0,0,0,0.8);}
.pop{-webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out;}
@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}
@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}
.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut; visibility:hidden;}
.ppop > section{ display:table-cell; vertical-align:middle;}
.ppop > section > div{display:table;margin:auto;position:relative;height:75%;margin-top:50px;}
.ppop > section > div > .container{max-width:850px; margin:0 auto; background:#FFF; max-height:600px; overflow:auto; position:relative; z-index:2;}
.ppop .close-ppop{position:absolute; right:-26px; top:-26px; z-index:1; text-align:right; width:100%; height:100%;}
.ppop .close-ppop:after{content:'';background-image:url(css/images/fancybox_sprite.png); color:#FFF;width:36px;height:36px; display:block; float:right;text-align:center; cursor:pointer;}
.ppop .option_list{}
.pop-container{content:''; position:absolute;top:0;left:0;width:100%;height:100%;}

@media (max-width:768px) {.ppop .close-ppop{top:-30px;right:-15px;}.ppop > section > div{max-width:90%;}}
@media (max-width:767px) {
.ppop > section > div > .container{max-height:400px;}
}

.list-unstyled li {list-style-type: none; margin:0px 0px 10px 20px!important;position:relative;}
.list-unstyled li:before {display: inline-block;padding-right: 0.5rem;color: #323232;content: "\f105";font-family: 'FontAwesome'; margin-left:-13px;}

.note-bg { background:rgba(79, 62, 54, 0.08);}


.sub-point {margin-bottom: 4px; position: relative; margin-left: 25px;}
.sub-point:before {content: '';position: absolute;content: "\f105";font-family: 'FontAwesome';margin-left: -25px;background: #464648;width: 20px;height: 20px;color: #fff;text-align: center;border-radius: 10px;}
.address-ul{list-style-type:none; width:100%; padding:0; margin:0;}
.address-ul li{ /*margin:5px 0;*/}
.address-ul li:last-child{margin:10px 0;}
.address-ul li span{ margin-left:0px; display:inline-block; font-size:18px; min-width:1.3%;}
.cust-border { border: 1px solid rgba(0, 0, 0, 0.1);}
#form-enquiry .control-label { font-weight: normal; width: 100%; text-align: left; margin-left: 5px; }
.control-display { max-width: 100%;}
.control-display .form-control { margin-bottom: 10px; resize: none; border-radius: 0px; }
.verification_box { display: table; width: 250px;  margin: 10px auto; float: none; margin-bottom: 20px;}
.captcha_code { width: 80px; padding: 3px 2px;  display: table-cell; vertical-align: middle; text-align: center; }
.captcha_img { width: 140px; display: table-cell; vertical-align: top;}
.captcha_refresh { width: auto; display: table-cell; padding: 3% 2%; text-align: right; vertical-align: middle; }
.form_captcha { width: 80px !important; padding: 5px !important; border-radius: 0px; }

@media (min-width:768px) {
ul.down_list  {padding:0px; margin:0px 0px 15px 00px;}
ul.down_list li {list-style-type:none; padding:0px; margin:0 0 5px 0; width:45%; float:left;  }
ul.down_list a { text-decoration:none;}
ul.down_list .fa { color:#464648;}
}

@media (max-width:767px) {
ul.down_list  {padding:0px; margin:0px 0px 15px 00px;}
ul.down_list li {list-style-type:none; padding:0px; margin:0 0 5px 0;  }
ul.down_list a { text-decoration:none;}
ul.down_list .fa { color:#464648;}
}

ul.side-tab{margin:0; padding:0;font-size: 15px;}
ul.side-tab li{display:block; padding:0 0 15px;}
ul.side-tab li a{color:#7d7d7d;padding: 0;} 
ul.side-tab li a.active{color:#323232; font-weight:bold !important;}
ul.side-tab li a:hover{color:#323232 !important; font-weight:bold !important;}

 .bg-warranty {background: #fffcf9;border: 1px solid #f4e9e2;}
 .bx-warranty-sh {border: 1px solid #f4e9e2;box-shadow: 1px 0 4px #f4e9e2;}
 .visual-inner .warranty-banner{min-height:256px; margin-top:8px;}
 .reports-box figure {position: relative;-webkit-transition: all 300ms linear;-moz-transition: all 300ms linear;-o-transition: all 300ms linear;-ms-transition: all 300ms linear;}
 .reports-box figure:after {content: ' ';opacity: 0;position: absolute;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.8);top: 0;left: 0;z-index: 1;-webkit-transition: all 300ms linear;-moz-transition: all 300ms linear;-o-transition: all 300ms linear;-ms-transition: all 300ms linear;}
 figure .view-btn {position: absolute;text-align: center;left: 0;right: 0;margin: 0 auto;top: 50%;z-index: 2;-webkit-transition: all 300ms linear;-moz-transition: all 300ms linear;-o-transition: all 300ms linear;-ms-transition: all 300ms linear;}
 figure .view-btn * {color: #ffcc00;opacity: 0;font-weight: normal;-webkit-transition: all 300ms linear;-moz-transition: all 300ms linear;-o-transition: all 300ms linear;-ms-transition: all 300ms linear;}
 figure .view-btn h3 {font-size: 11pt;margin-top: 5px;}
 .reports-box figure {display: table !important;margin: 0 auto !important;position: relative;-webkit-transition: all 300ms linear;-moz-transition: all 300ms linear;-o-transition: all 300ms linear;-ms-transition: all 300ms linear;}
 .reports-box figure:after {content: ' ';opacity: 0;position: absolute;width: 100%;height: 100%;background: #474749;top: 0;left: 0;z-index: 1;-webkit-transition: all 300ms linear;-moz-transition: all 300ms linear;-o-transition: all 300ms linear;-ms-transition: all 300ms linear;}
 figure .view-btn {position: absolute;text-align: center;left: 0;right: 0;margin: 0 auto;top: 50%;z-index: 2;-webkit-transition: all 300ms linear;-moz-transition: all 300ms linear;-o-transition: all 300ms linear;-ms-transition: all 300ms linear;}
 figure .view-btn * {color: #FFF;opacity: 0;font-size: 18pt;-webkit-transition: all 300ms linear;-moz-transition: all 300ms linear;-o-transition: all 300ms linear;-ms-transition: all 300ms linear;}
 .view-btn .fa {color: #FFF !important;background: none !important;width: 40px;line-height: 35px;padding: 0 !important;border-radius: 100px !important;border-width: 2px !important;}
figure:hover:after {opacity: 0.8;}
figure:hover .view-btn {top: 40%;}
figure:hover .view-btn * {opacity: 1;}

.content{max-width:1440px;}

.content h1{font-weight:bold; color:#464648; text-transform:uppercase; font-size:16pt; margin-bottom:5px;}
.content h5{font-weight:bold; color:#543f2a;font-size:14pt;}
.content h6{font-weight:500; color:#323232;}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{line-height:1.5!important;}


.tcol1 { width:20%;}
.tcol2 { width:20%;}
.tcol3 { width:20%;}
.tcol4 { width:15%;}
.tcol5 { width:15%;}
.tcol6 { width:10%;}

.instruction-table td:nth-child(4),
.instruction-table td:nth-child(5),
.instruction-table td:nth-child(6){text-align:center;}
.instruction-table td img{margin:0 auto;}

#fixedmenu{}
#fixedmenu-sticky-wrapper{margin-bottom:20px;}
@media (max-width:991.99px){
#fixedmenu{z-index: 10;top: 60px !important;} 
#fixedmenu-sticky-wrapper .is-sticky ul.side-tab li {padding: 0 0 8px;}
#fixedmenu-sticky-wrapper .is-sticky ul.side-tab li:last-child {padding:0}
}

@media(max-width:768px){
#fixedmenu-sticky-wrapper{margin-bottom:0px;} 
}

@media(max-width:1199.99px) {
ul.side-tab{background:#543f2a; padding:10px !important;  z-index:99999!important;}
ul.side-tab li a{color:#fff !important;}
ul.side-tab li a:active{font-weight:bold; }
#fixedmenu-sticky-wrapper .is-sticky{ z-index:999; position:relative;}
}

.grid {width: 100%; margin:0; padding:0;}
.grid:after {content: '';display: block;clear: both;}
.grid-item {width: auto;height: auto; border: 1px solid #fff; background: inherit;float: left; position: relative; }
.grid figure figcaption { padding: 1.5em 0px; text-transform: uppercase; font-size: 1.25em; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.image-gallery { list-style-type: none; margin: 0; padding: 0;} 
.image-gallery li{ width:24%; margin:5px;  /*border:1px solid #464648;*/ }

@media(max-width:1024px){ .image-gallery li { width: 45%; } }
@media(max-width:768px){.image-gallery li { width: 45%; } }
@media(max-width:767px){ .image-gallery li { width: 90% ; margin-bottom:10px !important;} }

/*.dropdown-item{padding: 0.25rem 0.4rem !important;}*/
.ul-press-release {list-style-type: none; width: 100%; margin: 0; padding: 0;}
.ul-press-release li { margin-bottom: 20px; }
.ul-press-release li h5 a { text-decoration: none; color:#543f2a !important; }
.ul-press-release li h5 { margin-bottom: 0 !important; }
.ul-press-release li span {display: block;}

.border-gray > img {border:1px solid #ccc;}

/*Navigation*/
 ul.navbar-nav li a {background-color: transparent !important;cursor: pointer; }

.nav-link {padding:1.75rem 1rem; transition:all 0.6s ease;}
/*Dropdown*/
.navbar-nav > li > .dropdown-menu {width: 100%; min-width:initial; left:auto; right:auto;}
.dropdown .dropdown-menu { top:100%; border-top:0px !important}
.dropdown:hover .dropdown-menu {display: block;margin-top: 0;}
.dropdown .dropdown-menu ul {display: block;width:auto; background:#fff; padding:0px;}
.dropdown-menu li {display: block;vertical-align: top;padding:0px;background-color: transparent !important;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.dropdown .dropdown-menu li a:hover, .dropdown .dropdown-menu li a:focus {background-color: transparent !important}

.dropdown .dropdown-menu li a p {color: #333;text-decoration: none;font-size: 10pt;}
.dropdown .dropdown-menu li:hover {background-color: #f8f9fa !important;}
.dropdown .dropdown-menu li a {text-decoration: none;display: block;padding:0.25rem 1rem;}
.dropdown-menu {padding: 0px !important;}
.dropdown .dropdown-menu li.active {background-color: #EEE !important;}
.dropdown-menu {margin: 0;border-radius: 0;}
.navbar-nav > li > .dropdown-menu {width: auto; min-width:220px; left:auto; right:auto; z-index:-1}
.dropdown .dropdown-menu {display: none;margin-top: 0; -webkit-animation: fadeInTop 500ms ease; animation: fadeInTop 600m ease-in-out;}
.dropdown:hover .dropdown-menu {display: block;margin-top: 0;}
.navbar-nav > li > .dropdown-menu {width: auto; min-width:220px; left:auto; right:auto; z-index: 99 !important;}
.navbar-nav > li > .dropdown-menu{}

@media (min-width: 992px) { .navbar-expand-lg .navbar-collapse { display:block !important; border-top:1px solid #eaeaea} }
@media(max-width:1024px){ .dropdown .dropdown-menu li a{ padding: 0.30rem 0.40rem !important;} }

.home-prod-border > img{border:1px solid #ccc;}
.editorial-table thead {color: #fff; background: #543f2a;}
.editorial-table thead th:last-child, .editorial-table tbody tr td:first-child, .editorial-table tbody tr td:last-child { text-align: center; }
.editorial-table.table th, .editorial-table.table td{padding:0.50rem !important;}
.editorial-table tr td:nth-child(3) { white-space:nowrap;}
.editorial-table thead th:nth-child(5) {white-space:nowrap;}

@media(max-width:1440px){ .editorial-table thead th:nth-child(1) {width: 4%; }
.editorial-table thead th:nth-child(2) { width: 40%; }
.editorial-table thead th:nth-child(3) { width: 12%;  }
.editorial-table thead th:nth-child(4) {width: 28%;}
.editorial-table thead th:nth-child(5) {width: 15%;}
}

@media(max-width:1024px) {    
.editorial-table thead th{ vertical-align:middle !important;}
.editorial-table thead th:nth-child(1) {width: 1%  !important;}
.editorial-table thead th:nth-child(2) {width: 26% !important;}
.editorial-table thead th:nth-child(3) {width: 21% !important;}
.editorial-table thead th:nth-child(4) {width: 24% !important;}
.editorial-table thead th:nth-child(5) {width: 19% !important;}
}

@media(max-width:768px){
.editorial-table thead th:nth-child(1) {width: 1% !important;}
.editorial-table thead th:nth-child(2) {width:6% !important;}
.editorial-table thead th:nth-child(3) {width: 52% !important;}
.editorial-table thead th:nth-child(4) {width:25% !important;}
.editorial-table thead th:nth-child(5) {width: 19%!important; white-space:normal;}
}

.bg-process{position:relative;background-size:cover;background-position:center;min-height:500px;}
.bg-process .process-overlay{background-color:rgba(255, 255, 255, .67);color:#000; padding:15px;width: 50%;}
.process-tabs{border: 1px solid #a5a69e !important;display: -ms-inline-flexbox;display: inline-flex;vertical-align: middle;}
.process-tabs > li > a{padding:0 !important;line-height:1.5;vertical-align:top;padding: 0 25px !important;font-size:14px !important;}
.process-tabs > li > a.active{background-color: #a5a69e !important;color: #333 !important;}

@media(max-width:1024px) {
    .bg-process .process-overlay{width:75%;}
}
@media(max-width:768px) {
    .bg-process{background:none !important;min-height:0;}
    .bg-process .process-overlay{width:100%;padding:15px 0 0;}
}


@media (min-width: 1200px) and (max-width:1280px) {
    ul.side-tab li {
        font-size: 13px!important;
    }
}
.navbar-light .navbar-nav .nav-link{color:#323232;}
.navbar-nav .nav-link.active {color: #000 !important;}
.hash-focus{ z-index:-1; position:relative;}
.hash-focus:before {display: block; content: ""; height: 20px; margin-top: -20px; visibility: hidden;}

.hash-focus1{ z-index:-1; position:relative;}
.hash-focus1:before {display: block; content: ""; height: 10px; margin-top: -35px; visibility: hidden;}

.hash-focus2{ z-index:-1; position:relative;}
.hash-focus2:before {display: block; content: ""; height: 46px; margin-top: -46px; visibility: hidden;}

.box { padding-top: 3rem;    padding-bottom: 3rem; border-bottom:1px solid #ddd}
.about-content  .box:first-child {padding-top: 0rem;}

/*new homepage changes*/
h2.heading{ text-transform:uppercase; color:#000; font-size:36px;}
h2.heading2{ color:#000; font-size:36px; text-transform:initial !important }
h2.heading2 b{position:relative; display:inline-block; font-weight:400 !important}
h2.heading2 b:after{position:absolute; content:""; height:1px; width:100%; background:#000; left:0px; bottom:4px;}
h2.heading2 .fa-instagram{background:none !important; color:#000 !important;}
.hm-header,.hm-header:hover{background:#fff !important;}
/*.hm-header .navbar-collapse{ margin-top:20px;}*/
.bg-grey{background:#eeeeee}
.home-intro-panel .card {border:0px !important; margin-left:10px; }
.home-intro-panel .left{position:relative;}
.float-text{position:absolute; text-align:center; left:50px; bottom:100px; max-width:200px; color:#fff;}
.float-text h2{font-size:36px; color:#fff}
.float-text p{font-size:18px;  line-height:1.8; margin-bottom:40px;}
.white-border-btn{border:1px solid #fff; color:#fff; text-transform:uppercase; padding:25px;}
.white-border-btn:hover{text-decoration:none; background:rgba(0,0,0,.1); color:#fff !important}
.light-border-btn{border:1px solid #d2d2d2; color:#000; font-weight:bold; text-transform:uppercase; padding:25px;}
.light-border-btn:hover{text-decoration:none; background:rgba(0,0,0,.1)}
.home-intro-panel .right .text-area{text-align:center; padding:30px 50px 30px; display:flex; align-content:flex-end; justify-content:center; flex-wrap:wrap; height:100%;}
.home-intro-panel .right .text-area p{font-size:18px !important; line-height:1.8;}
.home-intro-panel .right h2{color:#000 !important; font-size:36px;}
.home-intro-panel .right .text-area .light-border-btn{margin-top:10px; display:inline-block}
.list-advantage{margin:0px; padding:0px; list-style:none;}
.list-advantage li a{text-decoration:none;}
.list-advantage li a:hover{text-decoration:none !important}
.list-advantage li .card{border:0px; text-align:center; background-color:transparent !important}
.list-advantage li .card h3{font-size:23px;text-transform:initial !important; font-weight:600 !important }
.list-advantage li .card p{color:#323232; line-height:1.6 !important; font-size:18px;}
.list-advantage li .card .text-area{padding:30px 20px;}
.pro-category{padding:60px 0px; margin:10px 0px 60px;}
.pro-category-list{margin:0px; padding:0px; list-style:none;}
.pro-category-list li{text-align:center}
.pro-category-list li  h3{font-size:23px;text-transform:initial !important; font-weight:600 !important; margin-top:10px; }
.slider-3{border-top:1px solid #d6d6d6}
/*catagory*/
ul.pro-category-list li a{display:block}
ul.pro-category-list li a:hover{text-decoration:none !important}
ul.pro-category-list li .img-box{margin:0px;padding:0px;display:inline-block;height:100%;position:relative;overflow:hidden; position:relative;}
ul.pro-category-list li .img-box img{display:block;/*width:100%;*/-webkit-transition:all 8s linear;-o-transition:all 8s linear;transition:all 8s linear;}
ul.pro-category-list .img-box:hover img{-webkit-transform:scale(1.4);transform:scale(1.4)}
.prod-view-menu-container{background:#eeeeee; padding:30px 0px}
.prod-view-menu-container h3{font-size:18px !important; font-weight:bold !important; margin-bottom:15px; color:#000 !important}
.prod-view-menu-container b{font-size:14px !important; color:#323232 !important; margin-bottom:10px; display:block}
.prod-view-menu-container ul li{font-size:14px !important; margin-bottom:7px;}
.ftr-top {text-transform:initial !important;}
.prod-view-menu-container ul li a:hover{text-decoration:none; color:#000}
.stay-connected{font-size:18px !important; font-weight:bold !important; color:#000 !important; margin-bottom:0px; margin-right:30px;}

.ftr-top{border:0px !important;}

.ftr-contact-info {font-size:18px; color:#323232}
.crt-post-c{width:100% !important;}

/*Mobile visual*/
.mob-visual{position:relative;}
.mob-visual .caption{position:absolute;  padding:10px; width:50%; top:0px; left:0px; bottom:0px; text-align:center; z-index:99}
.mob-visual .caption h2,.mob-visual .caption h4{color:#fff !important; text-transform:initial !important}
.mob-visual .caption h2{font-size:15px !important; margin-top:20px;}
.mob-visual .caption h4{font-size:11px !important; line-height:1.3 !important}
/*inside page*/
.banner-wrap{position:relative; border:1px solid #ccc; margin-bottom:15px; padding-left:100px}
.banner-wrap h1{ position:absolute; left:0; right:0; text-align:center; top:45%; font-size:30px}
@media(min-width:1200px){
.delay-05s{-webkit-animation-delay:0.5s;animation-delay:0.5s;}
.delay-06s{-webkit-animation-delay:0.6s;animation-delay:0.6s;}
.delay-07s{-webkit-animation-delay:0.7s;animation-delay:0.7s;}
.delay-08s{-webkit-animation-delay:0.8s;animation-delay:0.8s;}
.delay-09s{-webkit-animation-delay:0.9s;animation-delay:0.9s;}
.delay-1s{-webkit-animation-delay:1s;animation-delay:1s;}
.delay-15s{-webkit-animation-delay:1.5s;animation-delay:1.5s;}
.delay-2s{-webkit-animation-delay:2s;animation-delay:2s;}
.delay-25s{-webkit-animation-delay:2.5s;animation-delay:2.5s;}
.delay-3s{-webkit-animation-delay:3s;animation-delay:3s;}
}
@media(min-width:1500px){.home-intro-panel .right .text-area .light-border-btn{margin-top:40px; display:inline-block}}

@media(min-width:1200px){.hm-header .navbar-collapse{ margin-top:20px;}
.navbar-nav > li:nth-child(2){margin-left:180px;}
/*.header-collapse.hm-header .navbar-nav > li:nth-child(2){margin-left:40px !important;}*/
.hm-header .navbar-nav > li:nth-child(2){margin-left:0px !important;}
}
@media(max-width:1400px){
.hm-header .navbar-nav > li:nth-child(2){margin-left:0px !important;}
}
@media(max-width:1199px){.logo-mob{height:30px;}
.navbar-nav li:nth-child(2){margin-left:0px;}
.home-intro-panel .right .text-area{padding:15px;}
.home-intro-panel .right .text-area p{font-size:16px !important; line-height:1.4;}
.home-intro-panel .card{margin-left:0px;}
.home-intro-panel .right h2{color:#000 !important; font-size:22px; margin-bottom:0px}
.home-intro-panel .right .text-area .light-border-btn{padding:10px}
.list-advantage li{margin-bottom:15px;}
.list-advantage li .card h3{font-size:18px; margin-bottom:0px;}
.list-advantage li .card .text-area{padding:15px 10px;}
h2.heading{font-size:30px;}
}
@media(max-width:991px){
.pro-category-list li h3{font-size:18px;}
.pro-category{padding:30px 0px}
h2.heading,h2.heading2{font-size:25px;}
.banner-wrap{padding-left:0px;}
}
@media(max-width:767px){
.banner-wrap{padding:10px; text-align:center}
.banner-wrap h1{font-size:12px; position:relative; left:0px;}
.light-border-btn{font-size:12px; padding:7px 10px;}
.home-intro-panel .right h2,h2.heading,h2.heading2{font-size:20px;}
.prod-view-menu-container h3{text-align:left !important; margin-bottom:2px; margin-top:10px !important; font-size:16px !important;}
.ftr-contact-info{font-size:15px;}
.stay-connected{margin-right:0px !important; font-size:16px; margin-bottom:5px !important}
.footer-cta {padding:25px 0px 0px;}
.pro-category-list li{margin-bottom:20px !important}
.pro-category-list li h3{margin-top:5px !important}
}
@media(max-width:374px){
.home-intro-panel .right h2,h2.heading,h2.heading2{font-size:18px;}
.mob-visual .caption h2{margin-top:10px; font-size:13px !important;}
.mob-visual .caption h4{font-size:9px !important;}
}
.rowView {
    display: none;
}