@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:300,400,700');
/*--font-family: 'Roboto Slab', serif;--*/
@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,800');
/*--font-family: 'Poppins', sans-serif;--*/

*{ margin: 0; padding: 0; box-sizing: border-box; }
a{ text-decoration: none;  }
*:focus{ outline: none; }
img{ max-width: 100%; display: block; }
.btn{ display: inline-block; color: #ffffff; background: #00b6f0; padding: 0 20px; font-weight: 700; line-height: 46px; border: 2px solid transparent; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; cursor: pointer; text-transform: uppercase;  }
.btn:hover{ background: #ffffff; border-color: #00b6f0;color: #00b6f0; }
.content-area{ padding: 70px 0; background: #ffffff; background-size: 100% 100%;}
.clearfix:after{ clear: both; display: block; content: ''; }

body{font-family: 'Poppins', sans-serif; color: #412f23; font-weight: 500; font-size: 16px; background: #fff;}
.wrapper{ max-width: 1200px; margin: 0 auto; padding: 0 15px; }
h2{ font-size: 35px; line-height: 1.5; font-family: 'Roboto Slab', serif; color: #00b6f0;}
h3{ font-size: 30px; line-height: 1.5; font-family: 'Roboto Slab', serif; color: #00b6f0;}
h4{ font-size: 25px; line-height: 1.5; font-family: 'Roboto Slab', serif; color: #00b6f0;}
h5{ font-size: 20px; line-height: 1.5; font-family: 'Roboto Slab', serif; color: #00b6f0;}
h6{ font-size: 18px; line-height: 1.5; font-family: 'Roboto Slab', serif; color: #00b6f0;}


/*--header--*/
.hamburger-menu{ display: none; }
.social-header-main{ padding: 8px 0; background:#00b6f0; }
.social-hedaer{ display: flex; -webkit-display: flex; -moz-display: flex; -ms-display: flex; -o-display: flex;  justify-content: space-between; align-items: center; color: #ffffff; }
.social-hedaer p{ display: inline-block; font-weight: 700;  }
.social-hedaer a{ color:#ffffff; }
.social-hedaer span{ display: inline-block; vertical-align: middle; font-size: 20px; }

.logo a{ text-decoration: none; font-size: 20px; color: #121212; }
.logo a img{ width: 120px; height: auto; }
.site-header{ /*background:#ffffff;*/ padding: 15px 0; /*position: fixed; left: 0; top: 0;*/ width: 100%; z-index: 5000; background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(223,234,237,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(223,234,237,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(223,234,237,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(223,234,237,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(223,234,237,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(223,234,237,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dfeaed', GradientType=0 ); }
.site-header.fixed-header{ position: fixed; left: 0; top: 0; width: 100%; -webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.5); box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.5); z-index: 9999;}
.main-header{ display: flex; -webkit-display: flex; -moz-display: flex; -ms-display: flex; -o-display: flex;  justify-content: space-between; align-items: center;}

.menu-nav ul{ list-style-type: none; text-align: right; }
.menu-nav ul li{ display: inline-block; margin: 0 10px; position: relative;  }
.menu-nav ul li a{ display: inline-block; padding: 5px 0; font-size: 16px; text-transform: capitalize; color: #48494A;  position: relative; font-weight: 600; }
.menu-nav ul li ul{ position: absolute; left: 0; top: 100%; min-width: 200px; text-align: left; background: #e2b659; padding: 10px 0; display: none; z-index: 100;  }
.menu-nav ul li:hover > ul{ display: block; }
.menu-nav ul li ul li{ display: block; }
.menu-nav ul li ul li a{ display: block; text-transform: capitalize; }
.menu-nav ul li a:after{ position: absolute; content: ""; left: 0; width: 0; height: 2px; width: 0; background: #00b6f0; transition: all 0.3s; bottom: 0; }
.menu-nav ul li:hover > a:after{ width: 100%; }

/*--header end--*/

/*--banner--*/
.banner-box{ position: relative;  }
.banner-img img{ width: 100%;  }
.banner-img{ max-height: 100vh; overflow: hidden; }
/*.banner-caption{ position: absolute; left: 50%; top: 50%; padding: 50px 0; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); text-align: center; }*/
.banner-caption{ background:#00b6f0; padding: 15px 0; text-align: center; font-family: 'Roboto Slab', serif; }
.banner-caption .banner-box-inner{ font-size: 30px; /*background: rgba(255,187,5,0.6);*/ color: #ffffff;  /*padding: 30px; */}
.banner-caption .banner-box-inner span{ font-style: italic; display: block; color: #121212; }
.home-banner{ position: relative; }
.home-banner .slick-arrow{ position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); z-index: 10; width: 50px; height: 50px; background: url(../images/arrow.svg) no-repeat center #00b6f0; background-size: 20px; border: none; box-shadow: none; font-size: 0; cursor: pointer; }
.home-banner .slick-arrow.slick-next { right: 0; }
.home-banner .slick-arrow.slick-prev { left: 0; transform: translateY(-50%) rotate(180deg); -webkit-transform: translateY(-50%) rotate(180deg); -moz-transform: translateY(-50%) rotate(180deg); -ms-transform: translateY(-50%) rotate(180deg); -o-transform: translateY(-50%) rotate(180deg); }
/*--banner end--*/

/*--product--*/
.product{ text-align: center; padding: 50px 0; }
.home .product{ background: #ffffff; /*background: rgba(79,46,23,1);
background: -moz-radial-gradient(center, ellipse cover, rgba(79,46,23,1) 0%, rgba(79,46,23,1) 0%, rgba(18,8,1,0.99) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(79,46,23,1)), color-stop(0%, rgba(79,46,23,1)), color-stop(100%, rgba(18,8,1,0.99)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(79,46,23,1) 0%, rgba(79,46,23,1) 0%, rgba(18,8,1,0.99) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(79,46,23,1) 0%, rgba(79,46,23,1) 0%, rgba(18,8,1,0.99) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(79,46,23,1) 0%, rgba(79,46,23,1) 0%, rgba(18,8,1,0.99) 100%);
background: radial-gradient(ellipse at center, rgba(79,46,23,1) 0%, rgba(79,46,23,1) 0%, rgba(18,8,1,0.99) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f2e17', endColorstr='#120801', GradientType=1 ); */}
.product-page.product{ padding: 0; background: none;  }
.product h3{  font-size: 30px; color: #48494A; padding-bottom: 30px; }
.product-list{ display: flex; -webkit-display: flex; -moz-display: flex; -ms-display: flex; -o-display: flex; flex-wrap: wrap; justify-content: center; margin: 0 -15px; padding-bottom: 30px; }
.product-box{ padding: 15px ; max-width: 33.33%; position: relative; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; }
.product_disc{ /*position: absolute; left: 15px; text-align: left; right: 15px; bottom: 0; background: rgba(255,187,5,0.6);*/ /*display: flex; -webkit-display: flex; -moz-display: flex; -ms-display: flex; -o-display: flex; flex-direction: column; justify-content: center; align-items: center;*/  padding: 15px 15px 0; }

.product-box:hover{-webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.5); box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.5); transform: translateY(-3px);} 
.product_disc h5{font-family: 'Poppins', sans-serif; font-size: 20px; color: #48494A; text-transform: uppercase; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; }
.product-box:hover .product_disc h5{ color: #42CDF7; }
.product_disc p{ color: #975c52; }
.product-image{ position: relative; overflow: hidden; border: 1px solid #005aaa; padding: 15px;}
.product-image img{ transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; }
.product-box:hover .product-image img{ transform: scale(1.1); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); }
/*.product-image:after{ position: absolute; content: ""; left: 5px; right: 5px; top: 5px; bottom: 5px; border: 1px solid #121212; transition: all 0.3s linear;}
.product-box a:hover .product-image:after{ left: -5px; right: -5px; top: -5px; bottom: -5px;   }*/
.product-carousel{ margin: 0 -15px; }
.product-carousel .product-box{ max-width: 100%; margin: 5px 0 0; }
.product-carousel .product-box:hover{-webkit-box-shadow: inset 0px 0 5px 0px rgba(0,0,0,0.5); -moz-box-shadow: inset 0px 0 5px 0px rgba(0,0,0,0.5); box-shadow: inset 0px 0 5px 0px rgba(0,0,0,0.5);  }
.product-carousel .slick-arrow{ position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); z-index: 10; width: 50px; height: 50px; background: url(../images/arrow.svg) no-repeat center #00b6f0; background-size: 20px; border: none; box-shadow: none; font-size: 0; cursor: pointer; }
.product-carousel .slick-arrow.slick-next { right: -25px; }
.product-carousel .slick-arrow.slick-prev { left: -25px; transform: translateY(-50%) rotate(180deg); -webkit-transform: translateY(-50%) rotate(180deg); -moz-transform: translateY(-50%) rotate(180deg); -ms-transform: translateY(-50%) rotate(180deg); -o-transform: translateY(-50%) rotate(180deg); }

.slider-prdct{ position: relative; }
.slider-prdct .slick-arrow{ position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); z-index: 10; width: 30px; height: 30px; background: url(../images/arrow.svg) no-repeat center #00b6f0; background-size: 15px; border: none; box-shadow: none; font-size: 0; cursor: pointer; }
.slider-prdct .slick-arrow.slick-next { right: -30px; }
.slider-prdct .slick-arrow.slick-prev { left: -30px; transform: translateY(-50%) rotate(180deg); -webkit-transform: translateY(-50%) rotate(180deg); -moz-transform: translateY(-50%) rotate(180deg); -ms-transform: translateY(-50%) rotate(180deg); -o-transform: translateY(-50%) rotate(180deg); }
.product-detail-slider-thumb .slide img{ border: 1px solid #e5e5e5; margin: 0 auto; max-width: 90%; }
.product-detail-slider-thumb{ margin-top: 30px; }
.product-detail-slider-thumb .slick-slide.slick-current img{ border: 1px solid #e2b659; }
/*--product end--*/


/*--footer--*/
.site-footer{ background-color: #181818; padding: 70px 0; }
.footer-content{ display: flex; -webkit-display: flex; -moz-display: flex; -ms-display: flex; -o-display: flex;  justify-content: space-between; flex-wrap: wrap; color: #ffffff }
.footer-block{ padding: 0 60px 0 0; max-width: 25%; width: 25%; }
.footer-block h5{ font-size: 23px; line-height: 1.2; padding-bottom: 15px; }
.footer-block h6{ font-size: 18px; line-height: 1.2; padding-bottom: 10px; }
.footer-block p{ padding-bottom: 15px;}
.footer-block p strong{ display: block; font-size: 15px; }
.footer-block ul{ list-style-type: none; }
.footer-block ul.sub-menu{ display: none; }
.footer-block ul li{ color: #121212 ; padding-bottom: 10px;}
.footer-block a{ color: #ffffff ; }
.footer-block a:hover{ color: #00b6f0 ; }
.footer-contact-block.addr{ max-width: 220px; display: flex; -webkit-display: flex; -moz-display: flex; -ms-display: flex; -o-display: flex; }
.footer-contact-block p{ display: inline-block;  }
.footer-contact-block span{ display: inline-block; margin-right: 7px; min-width: 20px;  }
.footer-contact-block.ftr-mail{ display: flex; -webkit-display: flex; -moz-display: flex; -ms-display: flex; -o-display: flex; }
.cpyrgt-block{ padding: 15px 0; }
.cpyrgt-block .cpyrgt-txt{ float: left; max-width: 60%; }
.cpyrgt-block .dsg-by{ float: right; padding-left: 25px; }
/*--footer end--*/

/*--product-detail--*/
.product-detail-image{ max-width: 50%; margin: 0 50px 30px 0; float: left; padding: 15px; border: 1px solid #005aaa; }
.product-discription h3{ padding-bottom: 20px; text-transform: uppercase; }
.product-discription h6{ padding-bottom: 10px; }
.product-discription p{ font-size: 16px; padding-bottom: 15px; line-height: 1.8; }
.product-discription p em{ color: #975c52; }
.product-discription ul{ list-style-position: inside; padding: 0 0 20px 30px; }
.product-detail-table table{ width: 100%; border-collapse: collapse; padding: 30px 0 0; }
.product-detail-table{ overflow: auto; }
.product-detail-table table td{ padding: 10px 20px; border: 1px solid #005aaa; }
.product-detail-table table tr:first-child td{ font-weight: 600; font-family: 'Roboto Slab', serif; color: #ffffff; background: #00b6f0; }
.avl-finish .available-finish-list{ list-style-type: none; padding-top: 20px; }
.avl-finish .available-finish-list li{ padding: 0 10px 15px;  }
.avl-finish .available-finish-list li span{ width: 30px; height: 30px; margin-right: 15px; border: 1px solid black; display: inline-block; vertical-align: middle;  }
.avl-finish .available-finish-list li.SS span{ background: #B9B8B3; }
.avl-finish .available-finish-list li.AB span{ background: #948066; }
.avl-finish .available-finish-list li.RG span{ background: #b38070; }
.avl-finish .available-finish-list li.BL span{ background: #9b998c; }

/*--product-detail end--*/
/*--contact--*/
.contact-box{ display: flex; -webkit-display: flex; -moz-display: flex; -ms-display: flex; -o-display: flex; }
.contact-box h3{ padding-bottom: 30px; }
.contact-left{ width: 50%; padding-right: 50px; }
.contact-block{ display: flex; -webkit-display: flex; -moz-display: flex; -ms-display: flex; -o-display: flex; padding: 0 0 30px 0; align-items: center; }
.contact-block.addr{ align-items: flex-start; max-width: 300px; }
.contact-block span{ min-width: 40px; margin-right: 15px; }
.contact-block i{ font-size: 40px; }
.contact-block a{ color: #412f23; }
.contact-block a:hover{ color: #975C52; }

.contact-right{ width: 50%; }
.contact-form form p{  display: flex; -webkit-display: flex; -moz-display: flex; -ms-display: flex; -o-display: flex; justify-content: space-between; padding-bottom: 15px;}
.contact-form form br{ display: none; }
.contact-form input, .contact-form select{ width: 100%; height: 44px; padding: 0 15px; outline: none; box-shadow: none; border: 1px solid #121212; font-family: 'Poppins', sans-serif; font-size: 16px}
.contact-form textarea{ width: 100%; min-height: 50px; height: 80px; padding: 15px; resize: none; font-family: 'Poppins', sans-serif; border: 1px solid #121212; }
.contact-form input[type="submit"]{ border: none; font-size: 18px; font-weight: 600; width: auto; padding: 0 30px;}
.contact-form span{ width: 60% }
.map{ height: 300px; background: #e5e5e5;  }
.map iframe{ width: 100%; height: 100%; border: none; }
.quote-form{ max-width: 600px; margin: 0 auto; padding-top: 40px; }
.quote-form h3{ text-align: center; padding-bottom: 25px; }
/*--contact end--*/

/*--inner page banner--*/
.inner-banner{ min-height: 200px; padding: 50px 0; -webkit-box-shadow: inset 0px -37px 68px 0px rgba(0,0,0,0.1);
-moz-box-shadow: inset 0px -37px 68px 0px rgba(0,0,0,0.1);
box-shadow: inset 0px -37px 68px 0px rgba(0,0,0,0.1); }

/*#e2b659*/