/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */button,hr,input{overflow:visible}progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}details,main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{padding:.35em .75em .625em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}

/*OWN CSS*/
body{font-family: 'gothamlight'; color: #000; font-size: 16px; overflow-x : hidden; }
img{max-width: 100%;}
ul {padding: 0; list-style: none!important; margin: 0;}
/******************************* TYPOGRAPHY *******************************/
/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on December 7, 2020 */
@font-face {
    font-family: 'gothamblack';
    src: url('fonts/gotham-black-webfont.woff2') format('woff2'),
         url('fonts/gotham-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'gothambold';
    src: url('fonts/gotham-bold-webfont.woff2') format('woff2'),
         url('fonts/gotham-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'gothambook';
    src: url('fonts/gothambook-webfont.woff2') format('woff2'),
         url('fonts/gothambook-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'gothamlight';
    src: url('fonts/gothamlight-webfont.woff2') format('woff2'),
         url('fonts/gothamlight-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'gothammedium';
    src: url('fonts/gothammedium-webfont.woff2') format('woff2'),
         url('fonts/gothammedium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'gothamthin';
    src: url('fonts/gotham-thin-webfont.woff2') format('woff2'),
         url('fonts/gotham-thin-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
.font48{font-size: 48px;}
.font36{font-size: 36px;}
.font30{font-size: 30px;}
.font24{font-size: 24px;}
.font20{font-size: 20px;}

/******************************* Common CSS *******************************/
.wrapper{width: 90%; margin: 0 auto;}
.slick-slide{outline: none;}

/******************************* Header Section *******************************/
header{z-index: 9;background: #fff;position: fixed;width: 100%;top: 0;}
.custom-logo{width: 150px; height: auto;}
.navbar {width: 90%; height: auto; padding: 10px 0px;}
.navbar .navbrand{width: 20%;}
.navbar .menu{width: 80%;text-align: right;margin-bottom: 0px;}
.navbar .menu li a{font-family: 'Merriweather', serif;font-weight: 800;font-size: 18px;color: #2f4c20;position: relative;}
.navbar .menu li a:hover{text-decoration: none;color: #2f4c20;}
.navbar .menu li a:before{content: '';width: 0%;height: 2px;background: #2f4c20;display: block;position: absolute;bottom: -3px;transition: 0.3s all ease-in-out;}
.navbar .menu li a:hover:before{width: 100%;}
@media only screen and (min-width: 768px) {
  .navbar {display: -webkit-box; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; margin: 0 auto; }
}
.navbar .navbrand {display: -webkit-box; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; }
.navbar .navbrand .burger {display: -webkit-box; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; cursor: pointer; border: none; outline: none; background: none; -webkit-transition: all 0.35s ease; transition: all 0.35s ease;
}
.navbar .navbrand .burger-close {display: none; }
.navbar .navbrand .burger.active .burger-open {display: none; }
.navbar .navbrand .burger.active .burger-close {display: -webkit-box; display: flex; }
@media only screen and (min-width: 768px) {
  .navbar .navbrand .burger {display: none; }
}
.navbar .menu {height: 0; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;overflow: hidden; }
.navbar .menu-item {margin: 0.5rem 0; }
.navbar .menu-link {font-family: inherit; font-size: 1rem; font-weight: 500; line-height: inherit; color: #252a32; text-transform: uppercase; text-rendering: optimizeLegibility; -webkit-transition: all 0.35s ease; transition: all 0.35s ease; }
.navbar .menu-link:hover {color: #148cb8; }
.navbar .menu.active {width: 100%; height: 10rem; margin: 1rem 0; }
@media only screen and (min-width: 768px) {
  .navbar .menu {display: -webkit-box; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-pack: center; justify-content: flex-end; -webkit-box-align: center; align-items: center; height: auto; }
  .navbar .menu-item {padding: 0; margin: 0 1.5rem; }
}
@media only screen and (max-width: 768px) {
    .navbar{width: 100%;}
    .navbar .navbrand{width: 100%;padding: 0px 20px;}
    .navbar .menu{width: 100%;}
    .navbar .menu-item {margin: 0.5rem 1rem;}
}


/******************************* Banner Section *******************************/
.bannerSection{background: url('../images/banner.jpg'); height: calc(100vh - 80px); background-size: cover;position: relative;margin-top: 80px;}
.bannerSection .overlay{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.3);}
.bannerSection .wrapper{display: flex;align-items: center;text-align: center;height: 100%;}
.bannerSection .bannerCaption{width: 100%;z-index: 2;}
.bannerSection .bannerCaption h3{font-family: 'gothamlight';color: #fff; margin:30px 0; font-weight: 300; line-height: 1.2;}
.bannerSection .bannerCaption .contactBtn {border: 3px solid #fff; color: #fff; padding: 10px 25px; border-radius: 30px; font-weight: 600;letter-spacing: 3px;text-decoration: none; }
.bannerSection .bannerCaption .contactBtn:hover{background: #fff;color: #000;font-weight: 600;}

/******************************* About Section *******************************/
.aboutSection{padding:75px 0px;width: 75%;margin: 0 auto;}
.aboutSection .secHeading{border-bottom: 3px solid #2f4c20;padding-bottom: 25px;margin-bottom: 25px;}
.aboutSection .secHeading h2{font-family: 'Merriweather', serif;font-weight:900;color: #2f4c20; position: relative; max-width: 500px;margin: 0 auto;}
.aboutSection .secHeading h2:before {position: absolute; background: url(../images/left.png); content: ''; width: 100px; height: 71px; left: 0;background-size: 80px; background-repeat: no-repeat;}
.aboutSection .secHeading h2:after {position: absolute; background: url(../images/right.png); content: ''; width: 100px; height: 71px; right: 0;background-size: 80px; background-repeat: no-repeat;}
.aboutSection .aboutContent{font-family: 'gothambook';}
.aboutSection .aboutContent .smallContent{width: 50%;margin: 0 auto;}

/******************************* Existing Contact Section *******************************/
.excistingcontactSec{background: #2f4c20; margin-top: 60px;text-align: center;padding-bottom: 75px;}
.contactStrip {width:75%;margin:0 auto;background: #86ba3f; overflow: hidden; padding: 25px; box-shadow: 1px 1px 5px #000; color: #fff;font-weight: bold;position:relative;top: -60px;display: flex;align-items: center;}
.contactStripText{width: 50%;}
.contactStripText span{color: #8a2880;display: block;}
.contactStripLink{width: 50%;}
.contactStripLink .siteBtn {color: #000;background: #fff;width: 100%;padding: 12px 30px;border-radius: 25px;box-shadow: 1px 1px 10px #6f6f6f;font-family: 'gothambold'}
.excistingContactText p{width: 70%;color: #fff;margin:0 auto;}
.excistingContactText p a{color: #86ba3f;font-style: italic;text-decoration: underline;font-family: 'gothambold';margin: 0px;}

/******************************* Quality Section *******************************/
.ourproductsSec{background: url('../images/ourproducts-banner.jpg') center center no-repeat;background-size: cover;padding: 75px 0px 200px;position: relative;}
.ourproductsSec .overlayDiv{position: absolute;top: 0;left: 0;background: rgba(0,0,0,0.4);width: 100%;height: 100%;}
.ourproductsContent{text-align: center;z-index: 1;position: relative;}
.ourproductsContent .secHeading h2{font-family: 'Merriweather', serif;font-weight:900;color: #fff;}
.ourproductsContent .secHeading p{font-family: 'gothambook';color: #fff;}
.ourproductsContent .secHeading a{font-family: 'gothambook';color: #fff;background: rgba(0,0,0,0.3);border: 2px solid #fff;padding: 12px 30px;border-radius: 25px;}
.productSlider{margin-top: -125px;}
.productSlider .productNameBox{position: relative;}
.productSlider .productNameBox .overlayDiv{position: absolute;text-align: center;left: 0;top: 0;width: 100%;height: 100%;padding-top: 80%;transition: 0.3s all ease-in-out;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+70,000000+100 */
background: transparent; /* Old browsers */
background: -moz-linear-gradient(top,  transparent 0%, transparent 30%, #000000 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  transparent 0%,transparent 30%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  transparent 0%,transparent 30%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='transparent', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}
.productSlider .productNameBox .overlayDiv .tabLink{opacity: 0;transition: 0.3s all ease-in-out;display: inline-block;}
.productSlider .productNameBox .overlayDiv:hover{padding-top: 55%;}
.productSlider .productNameBox .overlayDiv:hover .tabLink{opacity: 1;}
.productSlider .nav-tabs{margin-bottom: 50px;}
.productSlider .nav-tabs .nav-link h3{color: #fff;font-family: 'Merriweather', serif;font-size: 36px;font-weight: 900;}
.productSlider .nav-tabs .nav-link .tabLink{border:2px solid #fff;color: #fff;border-radius: 30px;padding: 12px 18px;}
.productSlider .nav-tabs {border-bottom: none; text-align: center; justify-content: center; }
.productSlider .productNameBox {width: 300px; height: 300px; overflow: hidden; position: relative; text-align: center; }
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{border-color: transparent;background: transparent;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active:after{content:'';display:block;width: 0px;height: 0px;border-left: 30px solid transparent;border-right: 30px solid transparent;border-top: 30px solid #2f4c20;margin: 0 auto;}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover{border-color: transparent;}
.productSlider .wrap-modal-slider {padding: 0 30px; opacity: 0; transition: all 0.3s; }
.productSlider .wrap-modal-slider.open {opacity: 1; }
.productSlider .your-class {width: 100%; margin: 0 auto; position: relative; }
.productSlider .your-class .sliderBox{margin: 0px 5px;}
.productSlider .your-class .slick-list{margin: 0px -5px;}
.productSlider .your-class .slick-slide{position: relative;}
.productSlider .your-class .overlayBg{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+70,000000+100 */
background: transparent; /* Old browsers */
background: -moz-linear-gradient(top,  transparent 0%, transparent 30%, #000000 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  transparent 0%,transparent 30%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  transparent 0%,transparent 30%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='transparent', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
width: 100%;height: 100%;position: absolute;left: 0;right: 0;top: 0;}
.productSlider .your-class .overlayBg h4{color: #fff;font-family: 'Merriweather', serif;text-align: center;font-size: 26px;font-weight: 800;margin-top: 85%;letter-spacing: 2px;}
.productSlider .slick-prev{left: 10px;z-index: 1;}
.productSlider .slick-next{right: 10px;}
.productSlider .slick-prev, .productSlider .slick-next{width: 60px;height: 60px;}
.productSlider .slick-prev:before, .productSlider .slick-next:before{font-size: 48px;}


/******************************* Quality Section *******************************/
.qualitySec .wrapper{padding: 75px 0px;display: flex;align-items: center;justify-content: space-between;}
.qualitySliderSec{width: 45%;}
.qualitySliderSec .slick-prev{left: 10px;z-index: 1;}
.qualitySliderSec .slick-next{right: 10px;}
.qualitySliderSec .slick-prev, .qualitySliderSec .slick-next{width: 60px;height: 60px;}
.qualitySliderSec .slick-prev:before, .qualitySliderSec .slick-next:before{font-size: 48px;color: #2f4c20;opacity: .80;}
.qualitySliderSec .slick-prev:hover:before, .qualitySliderSec .slick-prev:focus:before, .qualitySliderSec .slick-next:hover:before, .qualitySliderSec .slick-next:focus:before{opacity: 1;}
.qualityContent{width: 50%;}
.qualityContent .secHeading h2{font-family: 'Merriweather', serif;font-weight:900;color: #2f4c20;}
.qualityContent p{font-family: 'gothambook';color: #3f3f3f;}

/******************************* Contact Section *******************************/
.contactSec{background: url('../images/contact-banner.jpg') center center no-repeat;background-size: cover;padding: 75px 0px 0px;}
.contactSec .wrapper{display: flex;justify-content: space-between;}
.mapSec{width: 40%;}
.formSec{width: 55%;background: #fff;padding: 30px;}
.formSec form{display: flex;justify-content: space-between;flex-flow: wrap;}
.formSec form .col_50 .inputElement .formLabelStyle {position: absolute; left: 0; bottom: 10px; font-size: 16px; line-height: 18px; color: #0f0f0f; margin: 0px;}
.formSec form .col_50 .inputElement .errorMessage {position: absolute; left: 0; bottom: -18px; opacity: 0; font-size: 14px; line-height: 16px; color: red; }
.formSec form .col_50 .inputElement.active_field .formLabelStyle {bottom: 30px; }
.formSec form .col_50 {flex: 1 1 50%;padding: 0 20px;position: relative; }
.formSec form .col_50 .inputElement {position: relative;margin: 10px 0 30px;}
.formSec form .col_50 .inputElement input {line-height: 30px; font-size: 18px;border: 0px;border-bottom: 2px solid #000;width: 100%;z-index: 1;position: relative;background: transparent;}
.formSec form .col_50 .inputElement input:focus {outline: none;border-bottom: 2px solid #000;}
.formSec form .col_100 .inputElement .formLabelStyle {position: absolute; left: 0; bottom: 10px; font-size: 16px; line-height: 18px; color: #0f0f0f; margin: 0px;}
.formSec form .col_100 .inputElement .errorMessage {position: absolute; left: 0; bottom: -18px; opacity: 0; font-size: 14px; line-height: 16px; color: red; }
.formSec form .col_100 .inputElement.active_field .formLabelStyle {bottom: 30px; }
.formSec form .col_100 {flex: 1 1 100%;padding: 0 20px;position: relative; }
.formSec form .col_100 .inputElement {position: relative;margin: 10px 0 30px;}
.formSec form .col_100 .inputElement input {line-height: 30px; font-size: 18px;border: 0px;border-bottom: 2px solid #000;width: 100%;z-index: 1;position: relative;background: transparent;}
.formSec form .col_100 .inputElement input:focus {outline: none;border-bottom: 2px solid #000;}
.formSec form .col_100 .inputElement .submitBtn{background: #86ba3f; padding: 10px 30px; border: 0px;font-size: 20px;line-height: 20px; font-family: 'gothambold'; font-weight: 900; width: auto; border-radius: 30px; color: #fff;}
.transition {transition: all 0.3s; }
.contactDetails {margin-top: 100px; display: flex; align-items: center;background: #193b20eb; padding: 50px 90px;justify-content: space-between;flex-flow: wrap; }
.contactDetails .logoSlice{width: 40%;}
.contactDetails .logoSlice img{width: 80%;}
.contactDetails .logoSlice ul{display: flex;margin-top: 25px;}
.contactDetails .logoSlice ul li{margin-right: 20px;}
.contactDetails .logoSlice ul li img{width: 50px;}
.contactDetails .addressDetails{width: 50%;}
.contactDetails .addressDetails h3{font-family: 'gothambold';color: #fff;margin-bottom: 25px;} 
.addressDetails li{ padding-left: 40px;color: #fff; font-weight: 700;margin-bottom: 20px;}
.addressDetails li a{color: #fff;}
.addressDetails li.location {background: url(../images/location.png) top left no-repeat; background-size: contain; }
.addressDetails li.email {background: url(../images/email.png) top left no-repeat; background-size: contain; }
.addressDetails li.web {background: url(../images/web.png) top left no-repeat; background-size: contain; }

/******************************* Footer Section *******************************/
footer{background: #86ba3f;padding: 15px;text-align: center;}
footer p{font-family: 'gothambook';color: #fff;margin: 0px;}

/******************************* Responsive *******************************/
@media all and (max-width: 1800px) {}
@media all and (max-width: 1600px) {
    .font48{font-size: 40px;}
    .font36{font-size: 30px;}
    .font30{font-size: 24px;}
    .font24{font-size: 20px;}
    .font20{font-size: 18px;}
    .bannerSection .bannerCaption img{max-width: 40%;}
    .bannerSection .bannerCaption .contactBtn{padding: 8px 20px;letter-spacing: 2px;}
    .aboutSection .secHeading h2{max-width: 400px;}
    .aboutSection .secHeading h2:before, .aboutSection .secHeading h2:after{width: 70px;height: 50px;background-size: 70px;}
    .productSlider .nav-tabs .nav-link .tabLink{padding: 6px 10px;}
    .productSlider .nav-tabs{margin-bottom: 30px;}
    .contactDetails .logoSlice img{width: 60%;}
    .contactDetails .logoSlice ul li img{width: 40px;}
}
@media all and (max-width: 1440px) {}
@media all and (max-width: 1366px) {}
@media all and (max-width: 1280px) {}
@media all and (max-width: 1200px) {}
@media all and (max-width: 1024px) {}
@media all and (max-width: 990px) {}
@media all and (max-width: 769px) {
    .font48{font-size: 32px;}
    .font36{font-size: 24px;}
    .font30{font-size: 20px;}
    .font24{font-size: 18px;}
    .font20{font-size: 16px;}
	.navbar .menu.active{height:auto;}
    .bannerSection .bannerCaption img{max-width: 80%;}
    .aboutSection{width: 100%;padding: 40px 20px;}
    .aboutSection .secHeading{padding-bottom: 8px;}
    .aboutSection .secHeading h2{max-width: 280px;}
    .aboutSection .secHeading h2:before, .aboutSection .secHeading h2:after{width: 50px;height: 40px;background-size: 50px;}
    .aboutSection .aboutContent .smallContent{width: 100%;}
    .contactStrip{width: 100%;flex-flow: wrap;top: -40px;}
    .contactStripText, .contactStripLink{width: 100%;}
    .contactStripLink .siteBtn{display: inline-block;}
    .excistingcontactSec{padding-bottom: 50px;}
    .excistingContactText p{width: 100%;}
    .ourproductsSec{padding: 50px 0px 100px;}
    .productSlider{margin-top: -50px;}
    .productSlider .nav-tabs{margin-bottom: 20px;}
    .productSlider .nav-tabs .nav-link{padding: 8px;}
    .productSlider .productNameBox{width: 100px;height: 100px;}
    .productSlider .your-class .sliderBox{margin: 0px;}
    .productSlider .your-class .slick-list{margin: 0px;}
    .productSlider .productNameBox .overlayDiv{padding-top: 45%;}
    .productSlider .nav-tabs .nav-link h3{font-size: 15px;}
    .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active:after{border-left: 15px solid transparent;border-right: 15px solid transparent;border-top: 15px solid #2f4c20;}
    .productSlider .slick-prev, .productSlider .slick-next{width: 30px;height: 30px;}
    .productSlider .slick-prev:before, .productSlider .slick-next:before{font-size: 26px;}
    .qualitySec .wrapper{padding: 40px 0px;flex-flow: wrap;}
    .qualitySliderSec{width: 100%;margin-bottom: 20px;}
    .qualityContent{width:100%;}
    .productSlider .slick-prev, .productSlider .slick-next{width: 30px;height: 30px;}
    .qualitySliderSec .slick-prev, .qualitySliderSec .slick-next{width: 30px;height: 30px;}
    .productSlider .slick-prev:before, .productSlider .slick-next:before{font-size: 26px;}
    .qualitySliderSec .slick-prev:before, .qualitySliderSec .slick-next:before{font-size: 26px;}
    .contactSec{padding: 40px 0px 0px;}
    .contactSec .wrapper{flex-flow: wrap;}
    .mapSec{width: 100%;margin-bottom: 25px;}
    .formSec{width: 100%;padding: 20px 0px;}
    .contactDetails{margin-top: 50px;padding: 20px;}
    .contactDetails .logoSlice, .contactDetails .addressDetails{width: 100%;}
    .contactDetails .logoSlice ul{margin-top: 20px!important;margin-bottom: 1rem;}
    .contactDetails .logoSlice ul li {margin-right: 12px;}
    .contactDetails .logoSlice ul li img{width: 25px;}
    .addressDetails li{padding-left: 30px;}
    .addressDetails li.location, .addressDetails li.email, .addressDetails li.web{background-size: 20px!important;background-position: center left!important;}
}
@media all and (max-width: 640px) {}
@media all and (max-width: 600px) {}
@media all and (max-width: 480px) {}
@media all and (max-width: 375px) {}