@charset "utf-8";
/* CSS Document */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/0eC6fl06luXEYWpBSJvXCBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: local('Montserrat Light'), local('Montserrat-Light'), url(https://fonts.gstatic.com/s/montserrat/v12/IVeH6A3MiFyaSEiudUMXExNcqx07xvyppV96iFRdwiM.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
html, body {
    height: 100%;
	width:100%;
    font-size: 16px;
    color: #777;
    font-family: "Roboto", sans-serif;
    vertical-align: baseline;
	padding:0;
	margin:0;
}
::-webkit-scrollbar {width: 5px;}
::-webkit-scrollbar-track {
    background-color: #ebebeb;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #c3c3c3; 
}
ul,label{
	margin:0;
	padding:0;
}
body a {
	text-decoration:none;
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}
a:active,a:hover,a:focus {outline: none; text-decoration: none;}
.container-fluid{
	width:100%;
	padding-left:0px;
	padding-right:0px;
	margin-left:0px;
	margin-right:0px;
}
button:focus {outline: none;}
:before,
:after {
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
}
.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
  }
 .textalign{text-align: justify; font-family: 'Poppins', sans-serif;
    color: #767676;
    font-size: 15px;
    line-height: 30px;
    font-weight: 400;}
.mt10{margin-top:13px;}
.mt50{ margin-top: 90px;}
/***********============================================== header_topbar =====================================================***********/
.navigation{padding: 0 15px; z-index: 99; position: relative;}
@media only screen and (max-width: 600px) {.header_topbar{padding:5px 20px;}}
@media only screen and (min-width: 600px) {.header_topbar{padding:5px 20px;}}
@media only screen and (min-width: 768px) {.header_topbar{padding:0px 20px;}} 
@media only screen and (min-width: 992px) {.header_topbar{padding:0px 50px 0px 50px;}} 
@media only screen and (min-width: 1200px) {.header_topbar{padding:0px 100px 0px 100px;}}
@media only screen and (min-width: 1500px) {.header_topbar{padding:0px 160px 0px 160px;}}
.header_topbar .mt10{margin-top:13px;}
.header_topbar .mt15{margin-top:15px;}
.header_topbar .mt30{margin-top:30px;}
.header_topbar{
	position: relative;
	color: #fff;
    font-weight: 400;
	display:block;
	z-index:1;
    font-size: 15px;
    background: #004516;
    background: -webkit-linear-gradient(to right, #224c3c, #004516);
    background: linear-gradient(to right, #224c3c, #004516);
}
.header_topbar .links {margin-top:7px;}
.header_topbar .links li{
	font-family: 'Poppins', sans-serif;
    font-size: 14px;
	font-weight: 400;
	position: relative;
    display: inline-block;
    line-height: 22px;
    padding-right: 11px;
    margin-right: 10px;
}
.header_topbar .links li a{color:#fff; font-weight:400;}
.header_topbar .links li .fa{color: #47a72f; font-size:14px; font-weight:400; padding-right:5px;}
.header_topbar .block{background: #fff; padding: 10px 0px; text-align: center;}
.header_topbar .social:last-child{margin-bottom: 0;}
.header_topbar .social li{
	display: inline-block;
    border-bottom: none;
    border-right: none;
    border-top: none;
	line-height:30px;
}
.header_topbar .social li a{color:#000;}
.header_topbar .social li a i{
    font-size: 15px;
	padding-top:0px;
    line-height: 24px;
} 
/***********============================================== header_topbar =====================================================***********/

/***********============================================== header_middle =====================================================***********/
@media only screen and (max-width: 600px) {.header_middle{padding:10px 20px;}}
@media only screen and (min-width: 600px) {.header_middle{padding:10px 20px;}}
@media only screen and (min-width: 768px) {.header_middle{padding:10px 20px;}} 
@media only screen and (min-width: 992px) {.header_middle{padding:10px 50px 12px 50px;}} 
@media only screen and (min-width: 1200px) {.header_middle{padding:10px 100px 12px 100px;}}
@media only screen and (min-width: 1500px) {.header_middle{padding:10px 160px 12px 160px;}}
.header_middle{border-bottom: 1px solid #ced4da;}
.header_middle .mt15{margin-top:15px;}
.header_middle .mt20{margin-top:20px;}
.header_middle .mt30{margin-top:30px;}
.header_middle h4{
    font-family: 'calibri', sans-serif;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: 0.5px;
    font-weight: 500;
    display: block;
    color: black;
    margin-bottom: 0px;
}
.header_middle p a{
    font-family: 'Poppins', sans-serif;
    margin-top: 0px;
    color: #666;
    font-size: 14px;
    font-weight: 400;
}
.header_middle #countryList{ position:absolute; top: 30px; left: 30px; overflow:hidden !important; background-color:#000000; z-index:99;}
.header_middle .btn,.header_middle .btn:focus,.header_middle .btn:active
 {
    font-family: 'Poppins', sans-serif;
    color: #171717;
    background-color: #47a72f !important;
    border-color: #47a72f !important;
    box-shadow: none;
    height: 44px;
    width: 100%;
    margin: 0px 0px;
    vertical-align: middle;
    padding-top: 10px;
    border-radius: 0px;
}
.header_middle .btn:hover{background-color: #171717 !important; border-color: #171717 !important; color: #fff;}
.header_middle .form-control{
    font-family: 'Poppins', sans-serif;
    text-decoration: none;
    font-size: 15px;
    font-weight: 400;
    border-radius: 0px;
    color: #495057;
    height: 44px;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
}
.header_middle .form-control:focus{
    font-family: 'Poppins', sans-serif;
    text-decoration: none;
    font-size: 15px;
    font-weight: 400;
    box-shadow: none;
    border: 1px solid #47a72f;
}

.header_middle .icon{
    font-size: 20px;
    margin-right: 0px;
    margin-top: 0px;
    color: #171717;
    margin-left: 0;
    width: 40px;
    height: 40px;
    line-height: 20px;
    text-align: center;
    position: relative;
    vertical-align: middle;
}
.header_middle .icon .fa-phone{font-size: 22px;}
.header_middle .icon .fa{color: #171717; font-size: 20px; font-weight: 500;}
.header_middle .icon .badge{
    background-color: #47a72f;
    color: #222;
    width: 20px;
    height: 20px;
    line-height: 20px;
    margin-top: -10px;
    padding: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    font-size: 9px;
    border-radius: 50%;
}
.header_middle h4{
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    line-height: 22px;
    font-weight: 500;
    display: block;
    color: black;
    margin-bottom: 0px;
}
.header_middle p{
    font-family: 'Poppins', sans-serif;
    color: #666;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0px;
}
/***********============================================== header_middle =====================================================***********/

/***********============================================== header_bottom =====================================================***********/
@media only screen and (max-width: 600px) {.header_bottom{padding: 10px 0px 0px 0px;} .logo{text-align:center;} .logo img{margin:0 auto; text-align:center; width: 50%; height: 50%;}}
@media only screen and (min-width: 600px) {.header_bottom{padding: 10px 0px 0px 0px;} .logo{text-align:center;} .logo img{margin:0 auto; text-align:center; width: 50%; height: 50%;}}
@media only screen and (min-width: 768px) {.header_bottom{padding: 5px 20px 5px 20px;} .logo{text-align:left;} .logo img{margin:0px 0px; text-align:left; width: 80%; height: 80%;}} 
@media only screen and (min-width: 992px) {.header_bottom{padding: 5px 50px 5px 50px;} .logo{text-align:left;} .logo img{margin:0px 0px; text-align:left; width: 100%; height: 100%;}} 
@media only screen and (min-width: 1200px) {.header_bottom{padding: 5px 100px 5px 100px;} .logo{text-align:left;} .logo img{margin:0px 0px; text-align:left; width: 100%; height: 100%;}}
@media only screen and (min-width: 1500px) {.header_bottom{padding: 5px 160px 5px 160px;} .logo{text-align:left;} .logo img{margin:0px 0px; text-align:left; width: 100%; height: 100%;}}
.header_bottom{display:block; position:relative;  background:#fff !important;}
.header_bottom .mt30{margin-top:30px;}
.header_bottom .mt15{margin-top:15px;}
.header_bottom{position:relative; box-shadow: 0 0 60px 0 rgba(0, 0, 0, .07);  -webkit-box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1); z-index:25;}
header{position:relative; width:100%; font-size:16px; font-weight:400; font-family: 'Poppins', sans-serif;}
nav{position:relative;}
#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile{border:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#cssmenu:after,#cssmenu > ul:after{content:"";display:block;clear:both;visibility:hidden;line-height:0;height:0}
#cssmenu #head-mobile{display:none}
#cssmenu{font-family: 'Poppins', sans-serif;}
#cssmenu .pull-left{padding-top:0px;}
#cssmenu > ul {padding-left:0px;}
#cssmenu > ul > li{float:left;z-index:1000;}
#cssmenu > ul > li > a{padding:17px 17px;font-size:16px; display:block; text-decoration:none; text-transform: capitalize; font-weight:500; color:#1c1d18; font-family: 'Poppins', sans-serif;}
#cssmenu > ul > li:hover > a,#cssmenu ul li.active a{color:#47a72f;}
#cssmenu > ul > li:hover,#cssmenu ul li.active:hover,#cssmenu ul li.active,#cssmenu ul li.has-sub.active:hover{-webkit-transition:background .3s ease;-ms-transition:background .3s ease;transition:background .3s ease;}
#cssmenu > ul > li.has-sub > a{padding-right:30px}
#cssmenu > ul > li.has-sub > a:after{position:absolute;top:24px;right:11px;width:8px;height:2px;display:block;background:#1c1d18;content:''}
#cssmenu > ul > li.has-sub > a:before{position:absolute;top:21px;right:14px;display:block;width:2px;height:8px;background:#1c1d18;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu > ul > li.has-sub:hover > a:before{top:23px;height:0}
#cssmenu ul ul{position:absolute;left:-9999px;background: #f7f7f7 none repeat scroll 0 0;
    box-shadow: 0 8px 11px 4px rgb(158 158 158 / 10%);
    -webkit-box-shadow: 0 8px 11px 4px rgb(158 158 158 / 10%);
    border-radius: 0px 0px 5px 5px;  padding-bottom:8px !important;}
#cssmenu ul ul li{height:0;-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease;}
#cssmenu li:hover > ul{left:auto}
#cssmenu li:hover > ul > li{height:35px}
#cssmenu ul ul ul{margin-left:100%;top:0; border-radius:3px; padding-bottom:8px !important;}
#cssmenu ul ul li a{padding:15px 10px; width:200px; font-size:14px; text-decoration:none; color:#222; font-weight:400; text-align:left;
    border-bottom-width: 1px;
    border-bottom-color: #f1f1f1;
    border-bottom-style: solid;}
#cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a{border-bottom:0}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color:#167927;}
#cssmenu ul ul li.has-sub > a:after{position:absolute;top:16px;right:11px;width:8px;height:2px;display:block;background:#222;content:''}
#cssmenu ul ul li.has-sub > a:before{position:absolute;top:14px;right:14px;display:block;width:2px;height:8px;background:#222;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu ul ul > li.has-sub:hover > a:before{top:17px;height:0}
#cssmenu ul ul li.has-sub:hover,#cssmenu ul li.has-sub ul li.has-sub ul li:hover{background:#bce4ed; color:#fff;}
#cssmenu ul ul ul li.active a{border-left:1px solid #167927;}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active> a{border-top:1px solid #000;}

@media screen and (max-width:1000px){
.navigation header{padding:15px 0px 10px 0px !important; margin-top:0px;}
header{background:#191919; font-family: 'Poppins', sans-serif; padding:10px 0px; margin-top:20px;}
nav{width:100%; background:#191919;}
#cssmenu{width:100%;}
#cssmenu ul{width:100%;display:none; background:#191919; margin-top:0px; padding-left:0px;}
#cssmenu ul li{width:100%;border-top:1px solid #ccc; background:#191919;}
#cssmenu > ul > li > a{padding:17px;font-size:16px; display:block; text-decoration:none; text-transform:capitalize;font-weight:400; color:#fff;font-family: 'Poppins', sans-serif; text-align:left;}
#cssmenu > ul > li:hover > a,#cssmenu ul li.active a{color:#fff;}
#cssmenu ul li:hover{background:#ccc;}
#cssmenu ul ul li,#cssmenu li:hover > ul > li{height:auto;}
#cssmenu ul li a,#cssmenu ul ul li a{width:100%;border-bottom:0;background:#191919;}
#cssmenu > ul > li{float:none}
#cssmenu ul ul{position:absolute; left:-9999px; background: #191919 none repeat scroll 0 0;
    box-shadow: none;
    -webkit-box-shadow: 0 8px 11px 4px rgb(158 158 158 / 10%);
    border-radius: 0px 0px 5px 5px;  padding-bottom:0px !important;}
#cssmenu ul ul li a{padding-left:25px}
#cssmenu ul ul li{background: #191919;  /* fallback for old browsers */}
#cssmenu ul ul li:hover{background:#191919!important; color:#fff;}
#cssmenu ul ul ul li a{padding-left:35px}
#cssmenu ul ul li a{color:#fff;background:none}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a{color:#fff}
#cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left}
#cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before{display:none}
#cssmenu #head-mobile{display:block;padding:23px;color:#ddd;font-size:15px;font-weight:700}
.button{width:55px;height:46px;position:absolute;right:0;top:0;cursor:pointer;z-index: 12399994; margin-top:0px; background:#191919;}
.button:after{position:absolute;top:22px;right:20px;display:block;height:4px;width:20px;border-top:2px solid #fff;border-bottom:2px solid #fff;content:''}
.button:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:16px;right:20px;display:block;height:2px;width:20px;background:#fff;content:''}
.button.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;height:2px;width:19px;background:#fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.button.menu-opened:before{top:23px;background:#fff;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
#cssmenu .submenu-button{position:absolute;z-index:99;right:0;top:0;display:block;border-left:1px solid #444;height:46px;width:46px;cursor:pointer}
#cssmenu .submenu-button.submenu-opened{background:#191919;}
#cssmenu ul ul .submenu-button{height:34px;width:34px}
#cssmenu .submenu-button:after{position:absolute;top:22px;right:19px;width:8px;height:2px;display:block;background:#fff;content:''}
#cssmenu ul ul .submenu-button:after{top:15px;right:13px}
#cssmenu .submenu-button.submenu-opened:after{background:#fff}
#cssmenu .submenu-button:before{position:absolute;top:19px;right:22px;display:block;width:2px;height:8px;background:#fff;content:''}
#cssmenu ul ul .submenu-button:before{top:12px;right:16px}
#cssmenu .submenu-button.submenu-opened:before{display:none}
#cssmenu ul ul ul li.active a{border-left:none}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a{border-top:none}
}

.header_bottom .btn{
	font-family: 'Quicksand', sans-serif;
	height: 80px;
    width: 80px;
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.header_bottom .icon {
    font-size: 20px;
    margin-right: 0px;
    margin-top: 8px;
    color: #2e2f37;
    margin-left: 0;
    width: 40px;
    height: 40px;
    font-weight: 400;
    line-height: 20px;
    text-align: center;
    position: relative;
    vertical-align: middle;
}
.header_bottom .icon .badge{
    background-color: #47a72f;
    color: #222;
    width: 25px;
    height: 25px;
    line-height: 25px;
    margin-top: -15px;
    padding: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    font-size: 14px;
    border-radius: 50%;
}
.pl{padding-left:0px !important;} .pr{padding-right:0px !important; }
/***********============================================== header_bottom =====================================================***********/

/***********============================================== slider =====================================================***********/
@media only screen and (max-width: 600px) {.slider{margin-top:0px;} .slider .carousel-caption h2{font-size: 20px; width: 50%; line-height: 1.5; margin-top: 10px;} .slider img{width:60% !important; height:70% !important;}}
@media only screen and (min-width: 600px) {.slider{margin-top:0px;} .slider .carousel-caption h2{font-size: 20px; width: 50%; line-height: 1.5; margin-top: 10px;} .slider img{width:60% !important; height:70% !important;}}
@media only screen and (min-width: 768px) {.slider{margin-top:0px;} .slider .carousel-caption h2{font-size: 60px; width: 100%; line-height: 1; margin-top: 30px;} .slider img{width:60% !important; height:70% !important;}} 
@media only screen and (min-width: 992px) {.slider{margin-top:0px;} .slider .carousel-caption h2{font-size: 80px; width: 100%; line-height: 1; margin-top: 30px;} .slider img{width:100% !important; height:auto !important;}} 
@media only screen and (min-width: 1200px) {.slider{margin-top:0px;} .slider .carousel-caption h2{font-size: 80px; width: 100%; line-height: 1; margin-top: 30px;} .slider img{width:100% !important; height:auto !important;}}
@media only screen and (min-width: 1500px) {.slider{margin-top:0px;} .slider .carousel-caption h2{font-size: 80px; width: 100%; line-height: 1; margin-top: 30px;} .slider img{width:100% !important; height:auto !important;}}
.slider{position:relative; z-index:9;}
.slider .carousel-caption{
	top:27%;
	position:absolute;
	left:5%;
	right:0%;
	width:100%;
	text-align:left;
}
.slider .overlay:after{
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    background-image: -moz-linear-gradient(0deg, rgba(0, 0, 0, 0.80196) 0%, rgba(0, 0, 0, 0) 100%);
    background-image: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0.80196) 0%, rgba(0, 0, 0, 0) 100%);
    background-image: -ms-linear-gradient(0deg, rgba(0, 0, 0, 0.80196) 0%, rgba(0, 0, 0, 0) 100%);
    opacity: 0.8;
    z-index: 1;
}
.slider .carousel-caption h6 span{
	font-family: 'Poppins', sans-serif;
	font-size: 16px;
    background: rgba(255,255,255,0.1);
    color: #fff;
    padding: 10px 40px 10px 20px;
    text-transform: uppercase;
    font-weight: 400;
    margin-bottom: 5px;
}
.slider .carousel-caption h6 span span{padding:0px 20px 0px 0px; letter-spacing: -3px; color: #47a72f; background: rgba(255,255,255,0);}
.slider .carousel-caption h2{
	font-family: 'Playfair Display', serif;
    font-weight: 700;
    text-transform: capitalize;
    color: #fff;
    margin-bottom: 20px;
}
.slider .carousel-caption h2:after{
	position:absolute;
	height:2px;
	background:#47a72f;
}
.slider .carousel-caption p{
	font-family: 'Poppins', sans-serif;
	color: rgba(255, 255, 255, 0.9);
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 20px;
}
.slider .carousel-caption .btn{
	font-family: 'Poppins',sans-serif;
	color: #000;
    display: inline-block;
    display: inline-flex;
    border-radius: 30px;
    background-color: #47a72f;
    padding: 15px 45px;
    align-items: center;
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 500;
	margin-top:10px;
}
.slider .carousel-caption .btn:hover{
	background-color: #000;
	color:#fff !important;
}
@keyframes borderAnimation { from { background-position: 0 0, -13.46px 0, 100% -13.46px, 0 100%; } to { background-position: 0 -13.46px, 0 0, 100% 0, -13.46px 100%; } } 
.slider .carousel.carousel-fade .carousel-item {
    display: block;
    opacity: 0;
    transition: opacity ease-out 1.7s;
    left: 0;
    top: 0;
    position: absolute;
}
.slider .carousel.carousel-fade .carousel-item.active {opacity: 1 !important;}
.slider .carousel.carousel-fade .carousel-item:first-child {
    top: auto;
    position: relative;
    transition: opacity ease-out 1.7s;
}
.slider .carousel.carousel-fade .carousel-item:second-child {
    top: auto;
    position: relative;
    transition: opacity ease-out 1.7s;
}
.slider .carousel-item .img-fluid {margin: 0 auto; width:100% !important;}
/***********============================================== slider =====================================================***********/

/***********============================================== section1 =====================================================***********/
@media only screen and (max-width: 600px) {.section1{padding:50px 20px 100px 20px;} .section1 .block{margin-top:10px;}}
@media only screen and (min-width: 600px) {.section1{padding:50px 20px 100px 20px;} .section1 .block{margin-top:10px;}}
@media only screen and (min-width: 768px) {.section1{padding:0px 20px 100px 20px;} .section1 .block{margin-top:80px;}} 
@media only screen and (min-width: 992px) {.section1{padding:0px 50px 100px 50px;} .section1 .block{margin-top:-80px;}} 
@media only screen and (min-width: 1200px) {.section1{padding:0px 100px 100px 100px;} .section1 .block{margin-top:-80px;}}
@media only screen and (min-width: 1500px) {.section1{padding:0px 160px 100px 160px;} .section1 .block{margin-top:-120px;}}
.section1{background: url(../images/section1back.png) no-repeat top/cover; position: relative; z-index: 99;}
.section1 .mt30{margin-top:30px;}
.section1 .mt15{margin-top:15px;}
.section1 .img{position: relative;}
.section1 .img img{border-radius: 10px;}
.section1 .content{
    transition: all 0.5s;
    display: flex;
    align-items: center;
    box-shadow: 0px 10px 60px 0px rgb(0 0 0 / 10%);
    background-color: #fff;
    border-radius: 0 10px 10px 10px;
    margin-top: -30px;
    position: relative;
    margin-right: 60px;
    overflow: hidden;
}
.section1 .icon{
    padding: 18px;
    background-color: #47a72f;
    color: #222;
    z-index: 1;
    min-height: 93px;
    display: flex;
    min-width: 85px;
    align-items: center;
    justify-content: center;
}
.section1 .icon .flaticon{font-size: 43px;}
.section1 h4{
    font-family: 'Playfair Display', serif;
    font-size: 20px;
    font-weight: 700;
    text-transform: capitalize;
    color: #2f3529;
    line-height: 30px;
    padding-top: 15px;
    padding-left: 25px;
}
/***********============================================== section1 =====================================================***********/

/***********============================================== section2 =====================================================***********/
@media only screen and (max-width: 600px) {.section2{padding:50px 20px 80px 20px; text-align: center;} .section2 .sec2{margin-top: 550px;}}
@media only screen and (min-width: 600px) {.section2{padding:50px 20px 80px 20px; text-align: center;} .section2 .sec2{margin-top: 550px;}}
@media only screen and (min-width: 768px) {.section2{padding:50px 20px 80px 20px; text-align: left;} .section2 .sec2{margin-top: 30px;}}
@media only screen and (min-width: 992px) {.section2{padding:50px 50px 80px 50px; text-align: left;} .section2 .sec2{margin-top: 30px;}}
@media only screen and (min-width: 1200px) {.section2{padding:50px 100px 80px 100px; text-align: left;} .section2 .sec2{margin-top: 30px;}}
@media only screen and (min-width: 1500px) {.section2{padding:50px 160px 80px 160px; text-align: left;} .section2 .sec2{margin-top: 30px;}}
.section2 .mt30{margin-top:30px;}
.section2 .mt15{margin-top:15px;}
.section2 .block{position: relative; display: block;}
.section2 .img1_layer, .section2 .img2_layer{position: relative;}
.section2 .img1{position: relative;}
.section2 .img1_layer{     
    position: absolute;
    top: 0;
    left: 0%;
    display: block;
    content: "";
    height: 100%;
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.3)));
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
    transition: all 0.3s ease;
}
.section2 .img2{
    position: absolute;
    top: 350px;
    left: 280px;
    width: 260px;
    z-index: 2;
    display: block;
}
.section2 .img2_layer{
    width: 100%;
    border-style: solid;
    border-width: 15px 15px 15px 15px;
    border-color: #FAF6F6;
}
.section2 h6{
    font-family: 'Shadows Into Light', cursive;
    font-size: 30px;
    font-weight: 400;
    color: #1d1d1d;
}
.section2 h2{
    font-family: 'Playfair Display', serif;
    font-size: 54px;
    line-height: 64px;
    font-weight: 900;
    color: #2f3529;
    text-transform: capitalize;
    margin-top: 0px;
    margin-bottom: 30px;
}
.section2 p{
    font-family: 'Poppins', sans-serif;
    color: #777;
    font-size: 15px;
    line-height: 30px;
    font-weight: 400;
}
.section2 .flaticon{
    font-size: 54px;
    color: #47a72f;
}
.section2 h4{
    font-family: 'Playfair Display', serif;
    font-size: 18px;
    font-weight: 700;
    text-transform: capitalize;
    color: #2f3529;
    line-height: 30px;
    margin-top: 0px;
    padding-top: 10px;
}
.section2 .brdr1{
    margin: 40px 0px 30px 0px;
    border-top: 1px solid #E3E3E3;
}
.section2 .brdr2{
    margin: 20px 0px 30px 0px;
    border-bottom: 1px solid #E3E3E3;
}
.section2 .btn{
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 500;
    background: #47a72f;
    color: #222;
    text-transform: capitalize;
    border-radius: 30px;
    padding: 15px 50px;
}
.section2 .btn:hover{background: #222; color: #fff;}
/***********============================================== section2 =====================================================***********/

/***********============================================== section3 =====================================================***********/
@media only screen and (max-width: 600px) {.section3{padding:50px 20px 80px 20px;}}
@media only screen and (min-width: 600px) {.section3{padding:50px 20px 80px 20px;}}
@media only screen and (min-width: 768px) {.section3{padding:50px 20px 80px 50px;}}
@media only screen and (min-width: 992px) {.section3{padding:50px 50px 80px 50px;}}
@media only screen and (min-width: 1200px) {.section3{padding:50px 100px 80px 100px;}}
@media only screen and (min-width: 1500px) {.section3{padding:50px 160px 80px 160px;}}
.section3{background: #f1f4ee; margin-top: 80px;}
.section3 .mt30{margin-top:30px;}
.section3 .mt15{margin-top:15px;}
.section3 h6{
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: #47a72f;
    text-transform: uppercase;
}
.section3 h2{
    font-family: 'Playfair Display', serif;
    font-size: 50px;
    line-height: 60px;
    font-weight: 900;
    color: #2f3529;
    text-transform: capitalize;
    margin-top: 0px;
    margin-bottom: 30px;
}
.section3 .post-slide{margin: 0 15px;}
.section3 .img{
    overflow: hidden;
    position: relative;
    border-radius: 6px 6px 0 0;
}
.section3 .img:before{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    background-color: rgba(var(--theme-color4-rgb), 0.8);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    transform: scaleX(0);
    transition: all 500ms ease;
    z-index: 1;
}
.section3 .img:after{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 5px;
    background: var(--theme-color2);
    transform: scaleX(0);
    transition: all 500ms ease;
    content: "";
    z-index: 1;
}
.section3 .content{
    background-color: #fff;
    padding: 30px 10px 30px 10px;
    position: relative;
    border-radius: 0 0 6px 6px;
    text-align: center;
}
.section3 .icon{
    background-color: #ffffff;
    border-radius: 50%;
    height: 80px;
    margin: 0 auto;
    position: absolute;
    right: 0;
    left: 0;
    border: 6px solid #fff;
    top: -55px;
    width: 80px;
    text-align: center;
    box-shadow: 0px 10px 60px 0px rgb(0 0 0 / 7%);
    transition: all 0.4s ease;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}
.section3 .flaticon{
    font-size: 30px;
    color: #47a72f;
}
.section3 h4{
    font-family: 'Playfair Display', serif;
    font-size: 20px;
    font-weight: 700;
    text-transform: capitalize;
    color: #2f3529;
    line-height: 30px;
    margin-top: 0px;
    padding-top: 0px;
}
.section3 h4 a{color: #2f3529;}
.section3 .rating{
    font-family: 'Poppins', sans-serif;
    color: #999;
    font-size: 12px;
    padding: 0;
    margin: 0 0 7px;
    list-style: none;
}
.section3 .rating li{ display: inline-block; }
.section3 .rating li:last-child{
    font-size: 16px;
    margin-left: 2px;
}
.section3 .rating .fa{ color: #e0bb01; }
.section3 .price{
    font-family: 'Poppins', sans-serif;
    color: #187c33;
    font-size: 16px;
    font-weight: 600;
    width: calc(100% - 70px);
    margin: 0 0 5px;
    display: inline-block;
}
.section3 .price span{
    font-family: 'Poppins', sans-serif;
    color: #999;
    font-size: 15px;
    text-decoration: line-through;
    margin-left: 4px;
}
/***********============================================== section3 =====================================================***********/

/***********============================================== section4 =====================================================***********/
@media only screen and (max-width: 600px) {.section4{padding:50px 20px 80px 20px; text-align: center;} .section4 .icon:before,.section4 .icon1:before{display: none;} .section4 h4:after{display: none;}  .section4 h5:after{display: none;}}
@media only screen and (min-width: 600px) {.section4{padding:50px 20px 80px 20px; text-align: center;} .section4 .icon:before,.section4 .icon1:before{display: none;} .section4 h4:after{display: none;}  .section4 h5:after{display: none;}}
@media only screen and (min-width: 768px) {.section4{padding:50px 20px 80px 20px; text-align: left;} .section4 .icon:before,.section4 .icon1:before{display: block;} .section4 h4:after{display: block;}  .section4 h5:after{display: block;}}
@media only screen and (min-width: 992px) {.section4{padding:50px 50px 80px 50px; text-align: left;} .section4 .icon:before,.section4 .icon1:before{display: block;} .section4 h4:after{display: block;}  .section4 h5:after{display: block;}}
@media only screen and (min-width: 1200px) {.section4{padding:50px 100px 80px 100px; text-align: left;} .section4 .icon:before,.section4 .icon1:before{display: block;} .section4 h4:after{display: block;}  .section4 h5:after{display: block;}}
@media only screen and (min-width: 1500px) {.section4{padding:50px 160px 80px 160px; text-align: left;} .section4 .icon:before,.section4 .icon1:before{display: block;} .section4 h4:after{display: block;}  .section4 h5:after{display: block;}}
.section4 .mt30{margin-top:30px;}
.section4 .mt15{margin-top:15px;}
.section4 h2{
    font-family: 'Playfair Display', serif;
    font-size: 50px;
    line-height: 60px;
    font-weight: 900;
    color: #2f3529;
    text-transform: capitalize;
    margin-top: 0px;
    margin-bottom: 30px;
}
.section4 .icon{
    height: 100px;
    width: 100px;
    font-size: 62px;
    line-height: 50px;
    color: #222;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #47a72f;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    margin: 0 auto;
}
.section4 .icon:before{
    position: absolute;
    left: 86%;
    top: 50%;
    border-top: 20px solid transparent;
    border-left: 10px solid #47a72f ;
    border-bottom: 20px solid transparent;
    content: "";
    margin-top: -25px;
}
.section4 .icon1{
    height: 100px;
    width: 100px;
    font-size: 62px;
    line-height: 50px;
    color: #222;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #47a72f;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    margin: 0 auto;
}
.section4 .icon1:before{
    position: absolute;
    right: 88%;
    top: 50%;
    border-top: 20px solid transparent;
    border-right: 10px solid #47a72f ;
    border-bottom: 20px solid transparent;
    content: "";
    margin-top: -25px;
}
.section4 .flaticon{font-size: 54px; color: #222;}
.section4 h4{
    font-family: 'Playfair Display', serif;
    font-size: 22px;
    font-weight: 700;
    text-transform: capitalize;
    color: #2f3529;
    line-height: 30px;
    margin-top: 0px;
    padding-top: 0px;
}
.section4 h4 a{color: #2f3529;}
.section4 h4:after{
    position: absolute;
    left: 75%;
    top: 0;
    height: 16px;
    width: 95px;
    background-image: url(../images/arrow.png);
    background-position: center;
    margin-left: 35px;
    content: "";
}
.section4 h5{
    font-family: 'Playfair Display', serif;
    font-size: 22px;
    font-weight: 700;
    text-transform: capitalize;
    color: #2f3529;
    line-height: 30px;
    margin-top: 0px;
    padding-top: 0px;
}
.section4 h5 a{color: #2f3529;}
.section4 h5:after{
    position: absolute;
    right: 85%;
    top: 0;
    height: 16px;
    width: 95px;
    background-image: url(../images/arrow.png);
    background-position: center;
    margin-right: 35px;
    content: "";
    transform: scaleX(-1);
}
.section4 p{
    font-family: 'Poppins', sans-serif;
    color: #777;
    font-size: 15px;
    line-height: 30px;
    font-weight: 400;
}
.section4 .img1{animation: carenMove 5s ease-in infinite;}
@keyframes carenMove {
	0% {transform: translateY(0px);}
	25% {transform: translateY(15px);}
	50% {transform: translateY(30px);}
	75% {transform: translateY(15px);}
	100% {transform: translateY(0px);}
}
/***********============================================== section4 =====================================================***********/

/***********============================================== section5 =====================================================***********/
@media only screen and (max-width: 600px) {.section5{padding:50px 20px 100px 20px; text-align: center;} .section5 .s5{margin-top: 40px;}}
@media only screen and (min-width: 600px) {.section5{padding:50px 20px 100px 20px; text-align: center;} .section5 .s5{margin-top: 40px;}}
@media only screen and (min-width: 768px) {.section5{padding:0px 15px 120px 20px; text-align: left;} .section5 .s5{margin-top: 0px;}}
@media only screen and (min-width: 992px) {.section5{padding:0px 15px 120px 50px; text-align: left;} .section5 .s5{margin-top: 0px;}}
@media only screen and (min-width: 1200px) {.section5{padding:0px 15px 120px 100px; text-align: left;} .section5 .s5{margin-top: 0px;}}
@media only screen and (min-width: 1500px) {.section5{padding:0px 15px 120px 160px; text-align: left;} .section5 .s5{margin-top: 0px;}}
.section5{
    background: #004516;
    background: -webkit-linear-gradient(to right, #224c3c, #004516);
    background: linear-gradient(to right, #224c3c, #004516);
     margin-top: 40px;
}
.section5 .mt15{margin-top: 15px;}
.section5 .mt30{margin-top: 30px;}
.section5 .mb15{margin-bottom: 15px;}
.section5 .mb30{margin-bottom: 30px;}
.section5 h6{
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: #47a72f;
    text-transform: uppercase;
}
.section5 h2{
    font-family: 'Playfair Display', serif;
    font-size: 50px;
    line-height: 60px;
    font-weight: 900;
    color: #fff;
    text-transform: capitalize;
    margin-top: 0px;
    margin-bottom: 30px;
}
.section5 p{
    font-family: 'Poppins', sans-serif;
    color: #ccc;
    font-size: 15px;
    line-height: 30px;
    font-weight: 400;
}
.section5 ul li{
    font-family: 'Poppins', sans-serif;
    color: #ccc;
    font-size: 15px;
    line-height: 30px;
    font-weight: 400;
    list-style: none;
    position: relative;
    padding: 5px 0px 5px 20px;
    line-height: 30px;
}
.section5 ul li:before{
    content:"\f058";
    font-family: 'Fontawesome';
    position: absolute;
    top: 5px;
    left: 0px;
    font-size: 16px;
    color: #47a72f; 
}
.section5 .btn{
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 500;
    background: #47a72f;
    color: #222;
    text-transform: capitalize;
    border-radius: 30px;
    padding: 15px 50px;
    margin-top: 30px;
}
.section5 .btn:hover{background: #222; color: #fff;}
/***********============================================== section5 =====================================================***********/

/***********============================================== section6 =====================================================***********/
@media only screen and (max-width: 600px) {.section6{padding:50px 20px 80px 20px; text-align: center;}}
@media only screen and (min-width: 600px) {.section6{padding:50px 20px 80px 20px; text-align: center;}}
@media only screen and (min-width: 768px) {.section6{padding:50px 20px 80px 20px; text-align: left;}}
@media only screen and (min-width: 992px) {.section6{padding:50px 50px 80px 50px; text-align: left;}}
@media only screen and (min-width: 1200px) {.section6{padding:50px 100px 80px 100px; text-align: left;}}
@media only screen and (min-width: 1500px) {.section6{padding:50px 160px 80px 160px; text-align: left;}}
.section6{margin-top: 30px;}
.section6 .mt30{margin-top:30px;}
.section6 .mt15{margin-top:15px;}
.section6 h2{
    font-family: 'Playfair Display', serif;
    font-size: 50px;
    line-height: 60px;
    font-weight: 900;
    color: #2f3529;
    text-transform: capitalize;
    margin-top: 0px;
    margin-bottom: 30px;
}
.section6 .block{
    position: relative;
    overflow: hidden;
    padding: 0px 0px 0px 20px;
    background-color: #f1f3ee;
    transition: all 500ms ease;
}
.section6 .img{
    position: relative;
    overflow: hidden;
    height: 100%;
    width: 100%;
    margin-bottom: 0;
    text-align: right;
    transition: all 500ms ease;
}
.section6 .img:before{
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    content: "";
    background-image: url(../images/producttop.png);
    background-repeat: no-repeat;
    background-position: center;
    pointer-events: none;
    z-index: 1;
}
.section6 .img .img1{    
    position: relative;
    border-radius: 30% 0 0 70%;
    transition: all 500ms ease;
}
.section6 h4{
    font-family: 'Playfair Display', serif;
    font-size: 22px;
    font-weight: 700;
    text-transform: capitalize;
    color: #2f3529;
    line-height: 30px;
    margin-top: 22px;
    padding-top: 0px;
}
.section6 p{
    font-family: 'Poppins', sans-serif;
    color: #777;
    font-size: 15px;
    line-height: 20px;
    font-weight: 400;
}
.section6 p a{color: #777;}
.section6 .btn{
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 500;
    background: #47a72f;
    color: #222;
    text-transform: capitalize;
    padding: 10px 30px;
    margin-top: 15px;
}
.section6 .btn:hover{background: #222; color: #fff;}
/***********============================================== section6 =====================================================***********/

/***********============================================== section7 =====================================================***********/
@media only screen and (max-width: 600px) {.section7{padding:50px 20px 100px 20px;}}
@media only screen and (min-width: 600px) {.section7{padding:50px 20px 100px 20px;}}
@media only screen and (min-width: 768px) {.section7{padding:50px 20px 100px 20px;}}
@media only screen and (min-width: 992px) {.section7{padding:50px 50px 100px 50px;}}
@media only screen and (min-width: 1200px) {.section7{padding:50px 100px 100px 100px;}}
@media only screen and (min-width: 1500px) {.section7{padding:50px 160px 100px 160px;}}
.section7{background: #f8f5ee; margin-top: 60px; position: relative; background: url(../images/sec7back.png) no-repeat top/cover;}
.section7 .mt30{margin-top:30px;}
.section7 .mt15{margin-top:15px;}
.section7 h2{
    font-family: 'Playfair Display', serif;
    font-size: 50px;
    line-height: 60px;
    font-weight: 900;
    color: #47a72f;
    text-transform: capitalize;
    margin-top: 0px;
    margin-bottom: 30px;
}
.section7 p{
    font-family: 'Poppins', sans-serif;
    color: #eee;
    font-size: 15px;
    line-height: 30px;
    font-weight: 400;
}
.section7 p a{color: #eee;}
/***********============================================== section7 =====================================================***********/

/***********============================================== section8 =====================================================***********/
@media only screen and (max-width: 600px) {.section8{padding:50px 20px 130px 20px; text-align: center;}}
@media only screen and (min-width: 600px) {.section8{padding:50px 20px 130px 20px; text-align: center;}}
@media only screen and (min-width: 768px) {.section8{padding:50px 15px 130px 20px; text-align: left;}}
@media only screen and (min-width: 992px) {.section8{padding:50px 15px 130px 50px; text-align: left;}}
@media only screen and (min-width: 1200px) {.section8{padding:50px 15px 130px 100px; text-align: left;}}
@media only screen and (min-width: 1500px) {.section8{padding:50px 15px 130px 160px; text-align: left;}}
.section8{background: #f8f5ee;}
.section8 .mt30{margin-top:30px;}
.section8 .mt15{margin-top:15px;}
.section8 h6{
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: #47a72f;
    text-transform: uppercase;
}
.section8 h2{
    font-family: 'Playfair Display', serif;
    font-size: 50px;
    line-height: 60px;
    font-weight: 900;
    color: #2f3529;
    text-transform: capitalize;
    margin-top: 0px;
    margin-bottom: 30px;
}
.section8 p{
    font-family: 'Poppins', sans-serif;
    color: #777;
    font-size: 15px;
    line-height: 30px;
    font-weight: 400;
}
.section8 p a{color: #777;}
.section8 .block{
    position: relative;
    display: inline-block;
    width: 120px;
    height: 120px;
    font-size: 14px;
    line-height: 2em;
    color: #797f7d;
    text-transform: uppercase;
    font-weight: 400;
    text-align: center;
    z-index: 7;
    letter-spacing: 0.01em;
    border-radius: 20px;
    padding: 20px 0 0;
    margin: 0;
    background: #ffffff;
    margin-right: 20px;
    margin-bottom: 20px;
    -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.section8 h4{
    font-family: 'Playfair Display', serif;
    font-size: 38px;
    line-height: 40px;
    font-weight: 500;
    color: #47a72f;
    text-transform: capitalize;
    margin-top: 0px;
    margin-bottom: 10px;
}
.section8 li{list-style: none;}
/***********============================================== section8 =====================================================***********/

/***********============================================== section9 =====================================================***********/
@media only screen and (max-width: 600px) {.section9{padding:70px 20px 120px 20px; text-align: center;}}
@media only screen and (min-width: 600px) {.section9{padding:70px 20px 120px 20px; text-align: center;}}
@media only screen and (min-width: 768px) {.section9{padding:70px 50px 120px 20px; text-align: left;}}
@media only screen and (min-width: 992px) {.section9{padding:70px 100px 120px 50px; text-align: left;}}
@media only screen and (min-width: 1200px) {.section9{padding:70px 100px 120px 100px; text-align: left;}}
@media only screen and (min-width: 1500px) {.section9{padding:70px 160px 120px 160px; text-align: left;}}
.section9{
    background: #004516;
    background: -webkit-linear-gradient(to right, #224c3c, #004516);
    background: linear-gradient(to right, #224c3c, #004516);
}
.section9 .mt30{margin-top:30px;}
.section9 .mt15{margin-top:15px;}
.section9 h6{
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: #47a72f;
    text-transform: uppercase;
}
.section9 h2{
    font-family: 'Playfair Display', serif;
    font-size: 50px;
    line-height: 60px;
    font-weight: 900;
    color: #fff;
    text-transform: capitalize;
    margin-top: 0px;
    margin-bottom: 30px;
}
.section9 p{
    font-family: 'Poppins', sans-serif;
    color: #ccc;
    font-size: 15px;
    line-height: 30px;
    font-weight: 400;
}
.section9 p a{color: #ccc;}
.section9 .icon{
    height: 75px;
    width: 75px;
    line-height: 75px;
    background: #47a72f;
    color: #333;
    text-align: center;
    border-radius: 50%;
    margin: 0 auto;
}
.section9 .flaticon{
    font-size: 43px;
    color: #333;
}
.section9 h5{
    font-family: 'Playfair Display', serif;
    margin: 5px 0px 15px 0px;
    color: #E2E2E2;
    font-size: 20px;
    font-weight: 500;
}
.section9 h5 span{
    font-family: 'Playfair Display', serif;
    margin: 0px 0px 10px 0px;
    color: #E2E2E2;
    font-size: 18px;
    font-weight: 500;
}
.section9 .form-control {
    background: rgba(255,255,255,1);
    padding: 10px 20px;
    font-size: 14px !important;
    height: 60px;
	font-weight: 400;
    line-height: 1.5;
    color: #666;
    border: none;
    border-radius: 6px;
    font-family: 'Poppins', sans-serif;
    margin-bottom: -18px;
}
.section9 select.form-control.first-option-selected {
    font-size: 14px;
    width: 100%;
	text-transform:uppercase;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    color: #999;
    line-height: 1;
}
.section9 .form-group textarea{
    min-height: 200px;
}
.section9 .btn{
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 500;
    background: #47a72f;
    color: #222;
    text-transform: capitalize;
    border-radius: 30px;
    padding: 15px 50px;
    margin-top: 30px;
    margin-left: 15px;
}
.section9 .btn:hover{background: #222; color: #fff;}
/***********============================================== section9 =====================================================***********/

/***********============================================== section10 =====================================================***********/
@media only screen and (max-width: 600px) {.section10{padding:80px 20px 120px 20px; text-align: center;}}
@media only screen and (min-width: 600px) {.section10{padding:80px 20px 120px 20px; text-align: center;}}
@media only screen and (min-width: 768px) {.section10{padding:80px 20px 120px 20px; text-align: left;}}
@media only screen and (min-width: 992px) {.section10{padding:80px 50px 120px 50px; text-align: left;}}
@media only screen and (min-width: 1200px) {.section10{padding:80px 100px 120px 100px; text-align: left;}}
@media only screen and (min-width: 1500px) {.section10{padding:80px 160px 120px 160px; text-align: left;}}
.section10 .mt30{margin-top:30px;}
.section10 .mt15{margin-top:15px;}
.section10 h6{
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: #47a72f;
    text-transform: uppercase;
}
.section10 h2{
    font-family: 'Playfair Display', serif;
    font-size: 50px;
    line-height: 60px;
    font-weight: 900;
    color: #2f3529;
    text-transform: capitalize;
    margin-top: 0px;
    margin-bottom: 30px;
}
.section10 p{
    font-family: 'Poppins', sans-serif;
    color: #777;
    font-size: 15px;
    line-height: 30px;
    font-weight: 400;
}
.section10 .post-slide{margin: 0 15px;}
.section10 .img{position: relative; padding-top: 10px;}
.section10 .img:before{
    content: "";
    position: absolute;
    top: -110%;
    left: -210%;
    width: 200%;
    height: 200%;
    opacity: 0;
    z-index: 1;
    -webkit-transition-property: left, top, opacity;
    -o-transition-property: left, top, opacity;
    transition-property: left, top, opacity;
    -webkit-transition-duration: 0.7s, 0.7s, 0.15s;
    -o-transition-duration: 0.7s, 0.7s, 0.15s;
    transition-duration: 0.7s, 0.7s, 0.15s;
    -webkit-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
    background: rgba(255, 255, 255, 0.13);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0.13) 0%, rgba(255, 255, 255, 0.13) 77%, rgba(255, 255, 255, 0.5) 92%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.13)), color-stop(77%, rgba(255, 255, 255, 0.13)), color-stop(92%, rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(to right, rgba(255, 255, 255, 0.13) 0%, rgba(255, 255, 255, 0.13) 77%, rgba(255, 255, 255, 0.5) 92%, rgba(255, 255, 255, 0) 100%);
}
.section10 .shape{
    text-align: center;
    top: -10px;
    border-radius: 0 20px 50px 20px;
    left: 30px;
    line-height: 22px;
    display: block;
    padding-top: 20px;
    position: absolute;
    background: #47a72f;
    align-items: center;
    justify-content: center;
    z-index: 2;
    color: #fff;
    font-size: 22px;
    width: 75px;
    height: 75px;
    font-weight: 400;
}
.section10 .shape:after{
    content: "";
    position: absolute;
    left: -10px;
    top: 10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 10px 10px;
    border-color: transparent transparent #589400 transparent;
}
.section10 .shape span{
    display: block;
    color: #fff;
    font-size: 16px;
    line-height: 10px;
    font-weight: 300;
    display: block;
    width: 100%;
    padding-top: 5px;
}
.section10 .date{
    font-family: 'Poppins', sans-serif;
    position: relative;
    background-color: #ffffff;
    padding: 8px 10px;
    border-top: none;
    margin-bottom: 30px;
    margin-top: -50px;
    box-shadow: 0px 5px 20px rgb(0 0 0 / 10%);
    text-transform: capitalize;
    font-size: 14px;
    color: #666;
    font-weight: 400;
}
.section10 .content{
    background-color: #fff;
    padding: 30px 30px 20px 30px;
    border: 1px solid #e4e1d5;
    text-align: center;
}
.section10 h4{
    font-family: 'Playfair Display', serif;
    font-size: 22px;
    font-weight: 700;
    text-transform: capitalize;
    color: #2f3529;
    line-height: 30px;
    margin-top: 30px;
    padding-top: 0px;
}



.section10 #accordion .panel, .section10 #accordion1 .panel{
    border: none;
    border-radius: 0;
    box-shadow: none;
    padding: 0px 0px !important;
    margin: -20px 0px !important;
    overflow: hidden;
    position: relative;
}
.section10 #accordion .panel-group, .section10 #accordion1 .panel-group{padding: 0px 0px !important; margin: 0 0 !important;}
.section10 #accordion .panel-heading, .section10 #accordion1 .panel-heading{
    padding: 0;
    border: none;
    border-radius: 0;
    position: relative;
}
.section10 #accordion .panel-title a, .section10 #accordion1 .panel-title a{
    font-family: 'Playfair Display', serif;
    display: block;
    padding: 10px 20px;
    margin: 0;
    background: #47a72f;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    border-radius: 0;
    position: relative;
}
.section10 #accordion .panel-title a.collapsed,
.section10 #accordion1 .panel-title a.collapsed{ background: #1a4b33;}
.section10 #accordion .panel-title a:before,
.section10 #accordion .panel-title a.collapsed:before,
.section10 #accordion1 .panel-title a:before,
.section10 #accordion1 .panel-title a.collapsed:before{
    content: "\f068";
    font-family: "Fontawesome";
    font-weight: 900;
    width: 30px;
    height: 30px;
    line-height: 25px;
    border-radius: 50%;
    background: #47a72f;
    font-size: 14px;
    font-weight: normal;
    color: #fff;
    text-align: center;
    border: 3px solid #fff;
    position: absolute;
    top: 10px;
    right: 14px;
}
.section10 #accordion .panel-title a.collapsed:before,
.section10 #accordion1 .panel-title a.collapsed:before{
    content: "\f067";
    background: #ababab;
    border: 4px solid #626262;
}
.section10 #accordion .panel-title a:after,
.section10 #accordion .panel-title a.collapsed:after,
.section10 #accordion1 .panel-title a:after,
.section10 #accordion1 .panel-title a.collapsed:after{
    content: "";
    width: 17px;
    height: 7px;
    background: #fff;
    position: absolute;
    top: 22px;
    right: 0;
}
.section10 #accordion .panel-title a.collapsed:after, .section10 #accordion1 .panel-title a.collapsed:after{
    width: 19px;
    background: #ababab;
}
.section10 #accordion .panel-body, .section10 #accordion1 .panel-body{
    font-family: 'Poppins', sans-serif;
    border-left: 3px solid #47a72f;
    border-top: none;
    background: #fff;
    font-size: 15px;
    color: #1c2336;
    line-height: 27px;
    padding: 20px 25px;
    position: relative;
}
.section10 #accordion .panel-body:before, .section10 #accordion1 .panel-body:before{
    content: "";
    height: 3px;
    width: 50%;
    background: #47a72f;
    position: absolute;
    bottom: 0;
    left: 0;
}
/***********============================================== section10 =====================================================***********/

/***********============================================== section11 =====================================================***********/
@media only screen and (max-width: 600px) {.section11{padding:50px 20px 80px 20px; text-align: center;}}
@media only screen and (min-width: 600px) {.section11{padding:50px 20px 80px 20px; text-align: center;}}
@media only screen and (min-width: 768px) {.section11{padding:30px 20px 50px 20px; text-align: left;}}
@media only screen and (min-width: 992px) {.section11{padding:0px 50px 20px 50px; text-align: left;}}
@media only screen and (min-width: 1200px) {.section11{padding:0px 100px 20px 100px; text-align: left;}}
@media only screen and (min-width: 1500px) {.section11{padding:0px 160px 20px 160px; text-align: left;}}
.section11{background:url(../images/sec11back.png) no-repeat top/cover; position: relative; z-index: 9;}
.section11 .mt30{margin-top:30px;}
.section11 .mt15{margin-top:15px;}
.section11 h6{
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: #47a72f;
    text-transform: uppercase;
}
.section11 h2{
    font-family: 'Playfair Display', serif;
    font-size: 34px;
    line-height: 40px;
    font-weight: 900;
    color: #fff;
    padding-top: 35px;
    text-transform: capitalize;
    margin-top: 0px;
    margin-bottom: 0px;
}
.section11 p{
    font-family: 'Poppins', sans-serif;
    color: #777;
    font-size: 15px;
    line-height: 30px;
    font-weight: 400;
}
/***********============================================== section11 =====================================================***********/

/***********============================================== footer =====================================================***********/
@media only screen and (max-width: 600px) {.footer{padding:50px 20px 80px 20px; text-align: center;} .footer-copy {padding: 20px 10px 110px 10px;}}
@media only screen and (min-width: 600px) {.footer{padding:50px 20px 80px 20px; text-align: center;} .footer-copy {padding: 20px 10px 110px 10px;}}
@media only screen and (min-width: 768px) {.footer{padding:50px 20px 80px 20px; text-align: left;} .footer-copy {padding: 20px 10px 18px 10px;}} 
@media only screen and (min-width: 992px) {.footer{padding:50px 50px 80px 50px; text-align: left;} .footer-copy {padding: 25px 50px 18px 50px;}} 
@media only screen and (min-width: 1200px) {.footer{padding:50px 100px 80px 100px; text-align: left;} .footer-copy {padding: 25px 100px 18px 100px;}}
@media only screen and (min-width: 1500px) {.footer{padding:50px 160px 80px 160px; text-align: left;} .footer-copy {padding: 30px 150px 18px 150px;}}
.footer{
    position: relative;
    background: #abbaab; 
    background: -webkit-linear-gradient(to bottom, #ffffff, #abbaab);
    background: linear-gradient(to bottom, #ffffff, #abbaab); 
}
.footer .mt30{margin-top:30px;}
.footer .mt15{margin-top:15px;}
.footer .mt5{margin-top:10px;}
.footer h3{
	font-family: 'Playfair Display', serif;
	position: relative;
    font-weight: 700;
	font-size:24px;
    color: #1a4b33;
    line-height: 1.2em;
    margin-bottom: 15px;
    padding-bottom: 12px;
    text-transform: capitalize;
}
.footer p{
	font-family: 'Nunito', sans-serif;
	color: #1a4b33;
    font-size: 16px;
    line-height: 26px;
    margin-top: 0px;
    margin-bottom: 0px;
}
.footer .link li{
	list-style:none;
	line-height:32px;
	margin:0px 0px 5px 0px;
}
.footer .link li a{
	position:relative;
	color: #1a4b33;
    font-size: 15px;
    font-weight: 400;
	padding-top:10px;
	font-family: 'Nunito', sans-serif;
}
.footer .link li a:hover{color: #1e1e1e;  font-weight: 600;}
.footer .social{margin-top:10px;}
.footer .social li{
	display:inline-block;
	line-height:28px;
	padding:0 3px;
}
.footer .social li .fa{ 
	color: #fff;
    font-size: 18px;
    margin-right: 5px;
    margin-top: 20px;
    text-align: center;
    width: 40px;
    height: 40px;
	background:#338a1d; 
    border-radius: 50%;
    padding-top: 0px;
    line-height: 40px;
	margin-bottom:20px;
}
.footer .social li:hover .fa{background:#004516; color: #fff;} 
.footer .cnct .flaticon{
	position: absolute;
    left: 20px;
    top: 4px;
	width: 50px;
    height: 50px;
    background: #338a1d;
    border-radius: 50px;
    color: #fff;
	padding-top:13px;
    line-height: 30px;
    font-size: 20px;
    display: inline-block;
    text-align: center;
}
.footer .cnct li{
	position:relative;
	list-style:none;
	line-height:25px;
	margin-bottom: 25px;
    line-height: 1.6em;
}
.footer .cnct li a{
	font-family: 'Open Sans', sans-serif;
	color: #1a4b33;
    font-size: 15px;
    padding-left: 0px;
	font-weight:400;
}
.footer .brdr{
	border-top: 1px solid #239343;
    padding-top: 20px;
    margin-top: 30px;
}
.footer h5{
	font-family: 'Rubik', sans-serif;
	color: #1a4b33;
    font-size: 16px;
    line-height: 26px;
    padding-left: 0px;
	font-weight:600;
	margin-bottom: 15px;
}
.footer-copy {    
	margin:0;
	margin-top:0px;
	position:relative;
	z-index:9;
    border-top: 1px solid #004516;
    background: #004516;
}
.footer-copy p{
	font-family: 'Poppins', sans-serif;
	font-size:16px;
	font-weight:400;
    color: #ccc;
    text-align: center;
    margin-bottom: 0px;
}
.footer-copy p a {color: #fff;}
/***********============================================== footer =====================================================***********/


/***********============================================== banner =====================================================***********/
/* .breadcrumb{
    display: inline-block;
    padding: 10px 0 0 0;
    margin: 0;
    border-top: 4px solid #bcd344;
    border-radius: 0;
    background: transparent;
    overflow: hidden;
    width: 100%;
}
.breadcrumb li{
    float: right;
    margin-right: 10px;
    border: 1px solid rgba(0,0,0,0.1);
    border-radius: 5px;
    font-size: 16px;
    font-weight: bold;
    color: #000;
    text-transform: uppercase;
    position: relative;
    transition: all 0.3s ease 0s;
}
.breadcrumb li:hover{ background: #bcd344; }
.breadcrumb li:last-child{
    padding: 3px 15px;
    margin-right: 0;
    background: #bcd344;
    color: #fff;
}
.breadcrumb li:last-child:after{
    content: "";
    width: 5px;
    margin: 0 auto;
    border: 10px solid transparent;
    border-top: 10px solid #bcd344;
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
}
.breadcrumb li:before{ display: none; }
.breadcrumb li a{
    display: block;
    padding: 3px 15px;
    font-size: 16px;
    font-weight: bold;
    color: #000;
}
.breadcrumb li:hover a{ color: #fff; }
@media only screen and (max-width: 767px){
    .breadcrumb li:last-child,
    .breadcrumb li a{ padding: 3px 10px; }
}
@media only screen and (max-width: 479px){
    .breadcrumb li{ margin-right: 5px; }
    .breadcrumb li:last-child,
    .breadcrumb li a{
        padding: 3px 5px;
        font-size: 12px;
    }
} */
/***********============================================== banner =====================================================***********/

/***********============================================== banner =====================================================***********/
@media only screen and (max-width: 600px) {.banner{margin-top:0px;} .banner .carousel-caption h2{font-size: 20px; width: 50%; line-height: 1; margin-top: 0px; font-family: 'Poppins', sans-serif;}}
@media only screen and (min-width: 600px) {.banner{margin-top:0px;} .banner .carousel-caption h2{font-size: 20px; width: 50%; line-height: 1; margin-top: 0px; font-family: 'Poppins', sans-serif;}}
@media only screen and (min-width: 768px) {.banner{margin-top:0px;} .banner .carousel-caption h2{font-size: 40px; width: 100%; line-height: 1; margin-top: 30px; font-family: 'Poppins', sans-serif;}} 
@media only screen and (min-width: 992px) {.banner{margin-top:0px;} .banner .carousel-caption h2{font-size: 43px; width: 100%; line-height: 1; margin-top: 30px; font-family: 'Poppins', sans-serif;}} 
@media only screen and (min-width: 1200px) {.banner{margin-top:0px;} .banner .carousel-caption h2{font-size: 43px; width: 100%; line-height: 1; margin-top: 30px; font-family: 'Poppins', sans-serif;}}
@media only screen and (min-width: 1500px) {.banner{margin-top:0px;} .banner .carousel-caption h2{font-size: 50px; width: 100%; line-height: 1; margin-top: 30px; font-family: 'Poppins', sans-serif;}}
.banner{position:relative; z-index:9;}
.banner .carousel-caption{
	top:25%;
	position:absolute;
	left:5%;
	right:0%;
	width:100%;
	text-align:left;
}
.banner .overlay:after{
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    background-image: -moz-linear-gradient(0deg, rgba(0, 0, 0, 0.80196) 0%, rgba(0, 0, 0, 0) 100%);
    background-image: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0.80196) 0%, rgba(0, 0, 0, 0) 100%);
    background-image: -ms-linear-gradient(0deg, rgba(0, 0, 0, 0.80196) 0%, rgba(0, 0, 0, 0) 100%);
    opacity: 0.8;
    z-index: 1;
}
.banner .carousel-caption h6 span{
	font-family: 'Poppins', sans-serif;
	font-size: 16px;
    background: rgba(255,255,255,0.1);
    color: #fff;
    padding: 5px 20px 5px 20px;
    text-transform: uppercase;
    font-weight: 400;
    margin-bottom: 5px;
}
.banner .carousel-caption h6 span span{padding:0px 10px 0px 0px; letter-spacing: -3px; color: #47a72f; background: rgba(255,255,255,0);}
.banner .carousel-caption h2{
	font-family: 'Poppins', serif;
    font-weight: 700;
    text-transform: capitalize;
    color: #fff;
    margin-bottom: 20px;
}
.banner .carousel-caption h2:after{
	position:absolute;
	height:2px;
	background:#47a72f;
}
@keyframes borderAnimation { from { background-position: 0 0, -13.46px 0, 100% -13.46px, 0 100%; } to { background-position: 0 -13.46px, 0 0, 100% 0, -13.46px 100%; } } 
.banner .carousel.carousel-fade .carousel-item {
    display: block;
    opacity: 0;
    transition: opacity ease-out 1.7s;
    left: 0;
    top: 0;
    position: absolute;
}
.banner .carousel.carousel-fade .carousel-item.active {opacity: 1 !important;}
.banner .carousel.carousel-fade .carousel-item:first-child {
    top: auto;
    position: relative;
    transition: opacity ease-out 1.7s;
}
.banner .carousel.carousel-fade .carousel-item:second-child {
    top: auto;
    position: relative;
    transition: opacity ease-out 1.7s;
}
.banner .carousel-item .img-fluid {margin: 0 auto; width:100% !important;}
/***********============================================== banner =====================================================***********/

/***********============================================== breadcrumb_list =====================================================***********/
@media only screen and (max-width: 600px) {.breadcrumb_list{padding:10px 20px 10px 20px; text-align:left; margin: 0 0;}}
@media only screen and (min-width: 600px) {.breadcrumb_list{padding:10px 20px 10px 20px; text-align:left; margin: 0 0;}}
@media only screen and (min-width: 768px) {.breadcrumb_list{padding:10px 20px 10px 20px; text-align:left; margin: 0 0;}} 
@media only screen and (min-width: 992px) {.breadcrumb_list{padding:10px 50px 10px 50px; text-align:left; margin: 0 0;}} 
@media only screen and (min-width: 1200px) {.breadcrumb_list{padding:10px 100px 10px 100px; text-align:left; margin: 0 0;}}
@media only screen and (min-width: 1500px) {.breadcrumb_list{padding:10px 160px 10px 160px; text-align:left; margin: 0 0;}}
.breadcrumb_list .mt30{margin-top:30px;}
.breadcrumb_list .mt15{margin-top:15px;}
.breadcrumb_list{
    font-family: 'Poppins', sans-serif;
    background: #ececec;
    border-radius: 5px;
    overflow: hidden;
}
.breadcrumb_list .breadcrumb {
    padding: 8px 15px;
    background: none;
    border-radius: 0;
    margin: 0;
    font-weight: 500;
    font-size: 0.875rem;
    color: #2f3529;
}
.breadcrumb_list .breadcrumb a{color: #2f3529;}
.breadcrumb_list .breadcrumb .breadcrumb-item.active {
    font-weight: 600;
    color: #47a72f;
}
.breadcrumb_list .breadcrumb .breadcrumb-item.active a{color: #47a72f;}
/***********============================================== breadcrumb_list =====================================================***********/

/***********============================================== about_page =====================================================***********/
@media only screen and (max-width: 600px) {.about_page{padding:50px 20px 80px 20px; text-align:left;}}
@media only screen and (min-width: 600px) {.about_page{padding:50px 20px 80px 20px; text-align:left;}}
@media only screen and (min-width: 768px) {.about_page{padding:50px 20px 80px 20px; text-align:left;}} 
@media only screen and (min-width: 992px) {.about_page{padding:50px 50px 80px 50px; text-align:left;}} 
@media only screen and (min-width: 1200px) {.about_page{padding:50px 100px 80px 100px; text-align:left;}}
@media only screen and (min-width: 1500px) {.about_page{padding:50px 160px 80px 160px; text-align:left;}}
.about_page .mt30{margin-top:30px;}
.about_page .mt15{margin-top:15px;}
.about_page h2{
    font-family: 'Playfair Display', serif;
    font-size: 40px;
    line-height: 50px;
    font-weight: 900;
    color: #2f3529;
    text-transform: capitalize;
    margin-top: 0px;
    margin-bottom: 30px;
}
.about_page p{
    font-family: 'Poppins', sans-serif;
    color: #767676;
    font-size: 15px;
    line-height: 30px;
    font-weight: 400;
}
.about_page ul{margin-bottom:15px;}
.about_page ul li{
	font-family: 'Poppins', sans-serif;
	position: relative;
    font-size: 15px;
    line-height: 28px;
    color: #767676;
    font-weight: 400;
    padding: 5px 0px 5px 35px;
	list-style:none;
}
.about_page ul li:before{
	content: "\f178";
    position: absolute;
    left: 0;
    top: 8px;
    display: block;
    font-size: 18px;
    line-height: 26px;
    padding: 0px;
    color: #47a72f;
    font-weight: 600;
    font-family: "Fontawesome";
}
/***********============================================== about_page =====================================================***********/

/***********============================================== product_page =====================================================***********/
@media only screen and (max-width: 600px) {
    .product_page{padding:50px 20px 80px 20px;} 
    .product_page table .add-cart{padding: 16px 30px;}
    .product_page table .imgg{width:40% !important; display: inline-block; float: left;}
    .product_page table .cnt{width: 60% !important; display: inline-block; float: left;}
    .product_page table .bttn{width: 60% !important; display: inline-block; float: right;}
}
@media only screen and (min-width: 600px) {
    .product_page{padding:50px 20px 80px 20px;} 
    .product_page table .add-cart{padding: 16px 30px;}
    .product_page table .imgg{width:40% !important; display: inline-block; float: left;}
    .product_page table .cnt{width: 60% !important; display: inline-block; float: left;}
    .product_page table .bttn{width: 60% !important; display: inline-block; float: right;}
}
@media only screen and (min-width: 768px) {
    .product_page{padding:50px 20px 80px 50px;} 
    .product_page table .add-cart{padding: 15px 30px;}
    .product_page table .imgg{width:20% !important; display: inline-block; float: left;}
    .product_page table .cnt{width: 50% !important; display: inline-block; float: left;}
    .product_page table .bttn{width: 30% !important; display: inline-block; float: right;}
}
@media only screen and (min-width: 992px) {
    .product_page{padding:50px 50px 80px 50px;} 
    .product_page table .add-cart{padding: 15px 60px;}
    .product_page table .imgg{width:20% !important; display: inline-block; float: left;}
    .product_page table .cnt{width: 50% !important; display: inline-block; float: left;}
    .product_page table .bttn{width: 30% !important; display: inline-block; float: right;}
}
@media only screen and (min-width: 1200px) {
    .product_page{padding:50px 60px 80px 60px;} 
    .product_page table .add-cart{padding: 15px 60px;}
    .product_page table .imgg{width:20% !important; display: inline-block; float: left;}
    .product_page table .cnt{width: 50% !important; display: inline-block; float: left;}
    .product_page table .bttn{width: 30% !important; display: inline-block; float: right;}
}
@media only screen and (min-width: 1500px) {
    .product_page{padding:50px 120px 80px 120px;} 
    .product_page table .add-cart{padding: 15px 60px;}
    .product_page table .imgg{width:20% !important; display: inline-block; float: left;}
    .product_page table .cnt{width: 50% !important; display: inline-block; float: left;}
    .product_page table .bttn{width: 30% !important; display: inline-block; float: right;}
}
.product_page .mt30{margin-top:30px;}
.product_page .mt15{margin-top:15px;}
.product_page h6{
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: #47a72f;
    text-transform: uppercase;
}
.product_page h2{
    font-family: 'Playfair Display', serif;
    font-size: 32px;
    line-height: 40px;
    font-weight: 900;
    color: #2f3529;
    text-transform: capitalize;
    margin-top: 0px;
    margin-bottom: 30px;
}
.product_page h5{
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
    color: #2f3529;
    text-transform: uppercase;
    margin-top: 0px;
    margin-left: 5px;;
    margin-bottom: 30px;
}
.product_page .pallet_block{
    background-color: rgb(187, 210, 67, 0.2);
    background-position: left top;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: scroll;
    border-style: none;
    display: block;
    border-width: 1px;
    border-radius: 0px;
    padding: 30px 20px;
    margin-bottom: 30px;
}
.product_page  .accordion_title{
    font-family: 'Rubik', sans-serif;
    font-style: normal;
    font-weight: 500 !important;
    font-size: 16px !important;
    line-height: 0px;
    color: #000000;
    text-transform: uppercase;
    margin-left: 8px;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e0e0e0;
}
.product_page form, .product_page legend, .product_page input, .product_page label,
.product_page fieldset, .product_page textarea {
    color: #434343;
    font-family: 'Rubik', sans-serif;
    display: block;
    width: 100%;
}
.product_page legend {
    font-size: x-large;
    font-weight: 500;
    margin: 4rem auto 0.25rem;
    position: relative;
    display: block;
    width: 100%;
    outline: none;
    line-height: 1.5;
}
.product_page .checkbox-input-list,.product_page .checkbox-input,.product_page ul.checkboxes,.product_page ul.checkbox-inputs {
    list-style: none;
    margin: 0.25rem auto 2rem;
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    gap: 1em;
}
.product_page .checkbox-input-list li,.product_page .checkbox-input li,.product_page ul.checkboxes li, .product_page ul.checkbox-inputs li {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    width: 100%;
    flex-direction: row;
    align-items: center;
    align-content: center;
    justify-content: flex-start;
}
[type=checkbox], [type=radio] {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
    display: inline-block;
    width: unset;
    vertical-align: middle;
    line-height: 1.5;
    cursor: pointer;
    transition: all 200ms ease-out;
    border: 0;
    clip: rect(0, 0, 0, 0);
    -webkit-clip-path: inset(100%);
    clip-path: inset(100%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}
[type=checkbox] ~ label{
    font-family: 'Rubik', sans-serif;
    font-size: 16px;
    font-weight: 400;
    cursor: pointer;
    transition: all 200ms ease-out;
    width: unset;
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
}
[type=checkbox] ~ label::before{
    background-color: #eaeff1;
    width: 1.25em;
    height: 1.25em;
    content: "";
    display: inline-block;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    margin-right: 0.75em;
    content: "";
    box-sizing: border-box;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    flex-shrink: 0;
    border: 2px solid gray;
    border-radius: 0.3em;
    background-repeat: no-repeat;
    background-position: center;
    transition: all 200ms ease-out;
}
[type=checkbox]:checked ~ label{
    font-family: 'Rubik', sans-serif;
    font-size: 16px;
    font-weight: 400;
    position: relative;
}
[type=checkbox]:checked ~ label::before{
    background-color: #6fa23e;
    border-color: #6fa23e;
}
[type=checkbox]:active ~ label::before{
    transform: scale3d(0.9, 0.9, 1) !important;
    transition-duration: 100ms;
}
[type=checkbox]:focus ~ label::before{
    box-shadow: 0 0 0 3px rgba(111, 162, 62, 0.45);
}
[type=checkbox]:not(:checked):focus ~ label::before{
    background-color: #d2dce1;
}
[type=checkbox]:not(:checked):not(:focus):hover ~ label::before{
    background-color: #cbd8dd;
    border-color: #676767;
}
[type=checkbox]:checked ~ label::before {
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='%6fa23e'%3E%3Cpath d='M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");    
    background-origin: 0 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 1.5em 1.5em;
    background-clip: clip;
}

.product_page a{ color: #171717; text-decoration: underline;}
.product_page .buttons .fa{font-size: 20px;}
.product_page .product-grid{
    font-family:'Poppins', sans-serif;
    text-align: center;
    transition: all 0.4s ease 0s;
}
.product_page .product-grid:hover{ box-shadow: 0 0 21px 0 rgba(39,39,39,.15); }
.product_page .product-grid .product-image{
    border: 1px solid #eee;
    box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.05);
    overflow: hidden;
    position: relative;
}
.product_page .product-grid .product-image a.image{ display: block; }
.product_page .product-grid .product-image img{ width: 100%; }
.product_page .product-grid .product-sale-label{
    font-family:'Poppins', sans-serif;
    color: #fff;
    background: #2f3529;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 5px 10px 5px 30px;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 0.3s;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 30% 100%);
}
.product_page .product-grid .product-content{
    background: #f5f5f5;
    padding: 15px;
}
.product_page .product-grid .title{
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0 0 7px;
}
.product_page .product-grid .title a{
    color: #333;
    transition: all 0.3s ease 0s;
}
.product_page .product-grid .title a:hover{ color: #538167; }
.product_page .product-grid .price{
    font-family:'Poppins', sans-serif;
    color: #6fa23e;
    font-size: 18px;
    font-weight: 500;
    margin: 0 0 10px; 
}
.product_page .product-grid .price span{
    color: #8b8b8b;
    font-size: 14px;
    text-decoration: line-through;
}
.product_page .product-grid .add-cart{
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    font-weight: 500;
    background: #47a72f;
    color: #222;
    text-transform: capitalize;
    display: block;
    border-radius: 0px;
    padding: 10px 30px;
    margin-top: 10px;
}
.product_page .product-grid .add-cart:hover{
    color: #fff;
    background: #222; 
}
.product_page .product-grid ul li{
    font-family: 'Poppins', sans-serif;
    display: inline-block;
    line-height: normal;
    position: relative;
    color: #7d7d7d;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .05em;
    position: relative;
    margin-top: 20px;
    text-transform: uppercase;
}
.product_page .product-grid ul li a{color: #7d7d7d;}
.product_page .product-grid p a{
    background: #fff url(../images/pdf-file-format-symbol.svg) no-repeat 100% 45%;
    background-size: 22px 22px;
    background-position: 0;
    padding-left: 27px;
    display: inline-block;
    min-height: 24px;
    line-height: 28px;
    color: #333;
    margin-top: 10px;
}

/*CSS List*/
.product_page .section-list{
     display: flex; 
     padding: 2% 0%; 
}
.product_page table {
    width: 100%;
    margin: 10px 0px;
    /* border:2px solid #000; */
    border-collapse: collapse;
    border-spacing: 0;
}
.product_page table tr {
    padding: 10px 0px;
    width: 100% !important;
    display: inline-block;
    border-bottom: 2px solid #ccc;
}
.product_page table td{border-top: none !important}
.product_page table td, .product_page table th{padding-top: 0px!important;}
.product_page table .imgg {width:100%; height: auto; display: block;}
.product_page table .title{
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0px 0 7px;
}
.product_page table .title a{
    color: #333;
    transition: all 0.3s ease 0s;
}
.product_page table .title a:hover{ color: #538167; }
.product_page table .price{
    font-family:'Poppins', sans-serif;
    color: #6fa23e;
    font-size: 18px;
    font-weight: 500;
    margin: 0 0 10px; 
}
.product_page table .price span{
    color: #8b8b8b;
    font-size: 14px;
    text-decoration: line-through;
}
.product_page table .imgg{position: relative; }
.product_page table .product-sale-label{
    font-family:'Poppins', sans-serif;
    color: #fff;
    background: #2f3529;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 5px 10px 5px 30px;
    position: absolute;
    right: 12px;
    top: 12px;
    transition: all 0.3s;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 30% 100%);
}
.product_page table .add-cart{
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    font-weight: 500;
    background: #47a72f;
    color: #222;
    text-transform: capitalize;
    border-radius: 0px;
    margin-top: 0px;
    position: right;
    display: inline-block;
}
.product_page table .add-cart:hover{
    color: #fff;
    background: #222; 
}
.product_page .bttn ul li{
    font-family: 'Poppins', sans-serif;
    display: inline-block;
    line-height: normal;
    position: relative;
    color: #7d7d7d;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .05em;
    position: relative;
    margin-top: 20px;
    text-transform: uppercase;
}
.product_page .bttn ul li a{color: #7d7d7d;}
.product_page .cnt{margin-top: -12px;}
.product_page .cnt p a{
    background: #fff url(../images/pdf-file-format-symbol.svg) no-repeat 100% 45%;
    background-size: 22px 22px;
    background-position: 0;
    padding-left: 27px;
    display: inline-block;
    min-height: 24px;
    line-height: 28px;
    color: #333;
}
/***********============================================== product_page =====================================================***********/

/***********============================================== enquiry_page =====================================================***********/
@media only screen and (max-width: 600px) {.enquiry_page{padding:50px 20px 80px 20px; text-align:left;}}
@media only screen and (min-width: 600px) {.enquiry_page{padding:50px 20px 80px 20px; text-align:left;}}
@media only screen and (min-width: 768px) {.enquiry_page{padding:50px 20px 80px 20px; text-align:left;}} 
@media only screen and (min-width: 992px) {.enquiry_page{padding:50px 50px 80px 50px; text-align:left;}} 
@media only screen and (min-width: 1200px) {.enquiry_page{padding:50px 100px 80px 100px; text-align:left;}}
@media only screen and (min-width: 1500px) {.enquiry_page{padding:50px 160px 80px 160px; text-align:left;}}
.enquiry_page{background: url(../images/enquiryback.jpg) no-repeat top/cover;}
.enquiry_page .mt30{margin-top:30px;}
.enquiry_page .mt15{margin-top:15px;}
.enquiry_page h2{
    font-family: 'Playfair Display', serif;
    font-size: 40px;
    line-height: 50px;
    font-weight: 900;
    color: #2f3529;
    text-transform: capitalize;
    margin-top: 0px;
    margin-bottom: 30px;
}
.enquiry_page p{
    font-family: 'Poppins', sans-serif;
    color: #767676;
    font-size: 15px;
    line-height: 30px;
    font-weight: 400;
}
.enquiry_page .form-control{background: rgba(255,255,255,0.9);}
.enquiry_page .form-horizontal .form-content{padding: 0px 5px;}
.enquiry_page .form-horizontal .form-control{
	font-family: 'Poppins', sans-serif;
    padding: 12px 16px 12px 39px;
    height: 50px;
    font-size: 14px;
    color: #222;
    border: none;
    border: 2px solid #eee;
    border-radius: 10px;
    box-shadow: none;
    margin-bottom: 20px;
	background: #fff;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to left, #fff, #eee);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to left, #fff, #eee); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.enquiry_page .form-horizontal .form-control:focus{
    border-color: #ccc;
    box-shadow: none;
	outline: none;
}
.enquiry_page .form-horizontal .control-label{
    font-size: 17px;
    color: #ccc;
    position: absolute;
    top: 5px;
    left: 27px;
    text-align: center;
}
.enquiry_page .form-horizontal textarea.form-control{
    resize: vertical;
    height: 130px;
}
.enquiry_page .form-horizontal .form-group .fa{padding-top:10px;}
.enquiry_page .shape1{
    position: absolute;
    left: -35px;
    bottom: -15%;
    z-index: -1;
}
.enquiry_page .shape2 {
    position: absolute;
    right: 0px;
    top: 0;
    z-index: -1;
}
.enquiry_page .btn{
	font-family: 'Poppins', sans-serif;
	padding: 15px 42px;
    border-radius: 30px;
	color: #222;
	font-size:14px;
	font-weight:600;
	margin-top:10px;
    background-color: #47a72f;
    text-transform: uppercase;
}
.enquiry_page .btn a{color:#222;}
.enquiry_page .btn:hover{background:#222; color: #fff;}
.enquiry_page .btn:hover a{color:#fff;}




.enquiry_page table{
    font-family: "Poppins", sans-serif;
    border-collapse: collapse;
    width: 100%;
    font-weight: 100;
    font-size:16px;
    margin-top:0px;
    color: #2c2c2c;
    display: block;
    border: none !important;
    margin-bottom: 0px;
}
.enquiry_page .table1 {white-space: nowrap;}
.enquiry_page .table1 thead{
    font-family: "Poppins", sans-serif;
    font-weight: 100;
    text-transform:capitalize;
}
.enquiry_page .table1 th{
    font-family: "Poppins", sans-serif;
    /*background: linear-gradient(#c4d5e8, #c4d5e8);*/
    background: linear-gradient(#fff, #fff);
    padding:10px 20px;
    font-weight:600; 
    color:#2c2c2c;
    white-space: nowrap;
    font-size:16px;
    line-height:26px; 
    text-transform: uppercase; 
    border-bottom: 1px solid #e1e1e1;
}
.enquiry_page .table1 th span{
      font-size:15px; 
      font-weight:400;
}
.enquiry_page .table1 tr{
    overflow: hidden;
    padding:0px 20px;
}
.enquiry_page .table1 td{color:#555; padding:10px 20px; font-size:14px; font-weight:500; font-family: "Poppins", sans-serif;}
.enquiry_page .table1 td strong{ font-weight:600; color:#222; font-size:18px; display: inline-block;}
.enquiry_page .table1 tr:nth-child(odd) {background: linear-gradient(#eee 1px, #f7f7f7 1px, #f1f1f1 calc(100% - 1px), #eee calc(100% - 1px));}
.enquiry_page .table1 tr:nth-child(even) {background: linear-gradient(#ddd 1px, #f5f5f5 1px, #dcdcdc calc(100% - 1px), #ddd calc(100% - 1px));}
.enquiry_page .quantity-control {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: fit-content;
    margin: 0 auto;
    background: #eaeaea;
    border-radius: 10px;
    padding: 0.5rem 0.1rem;
}
.enquiry_page .quantity-btn {
    background: transparent;
    border: none;
    outline: none;
    margin: 0;
    padding: 0px 8px;
    cursor: pointer;
}
.enquiry_page .quantity-btn svg {
    width: 15px;
    height: 15px;
}
.enquiry_page .quantity-input {
    outline: none;
    user-select: none;
    text-align: center;
    width: 47px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: none;
}
.enquiry_page .quantity-input::-webkit-inner-spin-button,
.enquiry_page .quantity-input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
/***********============================================== enquiry_page =====================================================***********/

/***********============================================== contact_page =====================================================***********/
@media only screen and (max-width: 600px) {.contact_page{padding:50px 20px 80px 20px; text-align:left;}}
@media only screen and (min-width: 600px) {.contact_page{padding:50px 20px 80px 20px; text-align:left;}}
@media only screen and (min-width: 768px) {.contact_page{padding:50px 20px 80px 20px; text-align:left;}} 
@media only screen and (min-width: 992px) {.contact_page{padding:50px 50px 80px 50px; text-align:left;}} 
@media only screen and (min-width: 1200px) {.contact_page{padding:50px 100px 80px 100px; text-align:left;}}
@media only screen and (min-width: 1500px) {.contact_page{padding:50px 160px 80px 160px; text-align:left;}}
.contact_page .mt30{margin-top:30px;}
.contact_page .mt15{margin-top:15px;}
.contact_page h2{
    font-family: 'Playfair Display', serif;
    font-size: 40px;
    line-height: 50px;
    font-weight: 900;
    color: #2f3529;
    text-transform: capitalize;
    margin-top: 0px;
    margin-bottom: 30px;
}
.contact_page p{
    font-family: 'Poppins', sans-serif;
    color: #767676;
    font-size: 15px;
    line-height: 30px;
    font-weight: 400;
}
:root{ --main-color: #47a72f; }
.contact_page .serviceBox{
    color:var(--main-color);
    background: var(--main-color);
    font-family: 'Poppins', sans-serif;
    text-align: center;
    padding: 70px 20px 40px;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0,0,0,0.3);
    position: relative;
    z-index: 1;
}
.contact_page .serviceBox:before{
    content: "";
    background: #fff;
    width: 100%;
    height: 100%;
    border-radius: 130px 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}   
.contact_page .serviceBox .title{
    color: #222;
    font-size: 20px;
    font-weight: 500;
    text-transform: uppercase;
    margin: 0 0 7px;
}
.contact_page .serviceBox .description{
    font-family: 'Poppins', sans-serif;
    color: #767676;
    font-size: 15px;
    line-height: 30px;
    font-weight: 400;
}
.contact_page .serviceBox .description a{color: #767676;}
.contact_page .serviceBox .service-icon{
    font-size: 40px;
    color: #222720;
    line-height: 40px;
}
@media only screen and (max-width: 1199px){.contact_page .serviceBox{ margin: 0 0 30px; }}
/***********============================================== contact_page =====================================================***********/

/***********============================================== login_page =====================================================***********/
@media only screen and (max-width: 600px) {.login_page{padding:50px 20px 110px 20px; text-align:left;}}
@media only screen and (min-width: 600px) {.login_page{padding:50px 20px 110px 20px; text-align:left;}}
@media only screen and (min-width: 768px) {.login_page{padding:50px 20px 110px 20px; text-align:left;}} 
@media only screen and (min-width: 992px) {.login_page{padding:50px 50px 130px 50px; text-align:left;}} 
@media only screen and (min-width: 1200px) {.login_page{padding:50px 100px 130px 100px; text-align:left;}}
@media only screen and (min-width: 1500px) {.login_page{padding:50px 160px 130px 160px; text-align:left;}}
.login_page{background: url(../images/loginback.jpg) no-repeat top/cover;}
.login_page .mt30{margin-top:30px;}
.login_page .mt15{margin-top:15px;}
.login_page h2{
    font-family: 'Playfair Display', serif;
    font-size: 40px;
    line-height: 50px;
    font-weight: 900;
    color: #2f3529;
    text-transform: capitalize;
    margin-top: 0px;
    margin-bottom: 30px;
}
.login_page p{
    font-family: 'Poppins', sans-serif;
    color: #767676;
    font-size: 15px;
    line-height: 30px;
    font-weight: 400;
}
.login_page .formback{
    border-radius: 0px;
    position: relative;
    overflow: hidden;
    width: 100%;
    max-width: 100%;
}
.login_page .form-control{background: rgba(255,255,255,0.9);}
.login_page .form-horizontal .form-content{padding: 0px 5px;}
.login_page .form-horizontal .form-control{
	font-family: 'Poppins', sans-serif;
    padding: 12px 16px 12px 39px;
    height: 50px;
    font-size: 14px;
    color: #222;
    border: none;
    border: 2px solid #eee;
    border-radius: 10px;
    box-shadow: none;
    margin-bottom: 20px;
	background: #fff;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to left, #fff, #eee);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to left, #fff, #eee); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.login_page .form-horizontal .form-control:focus{
    border-color: #ccc;
    box-shadow: none;
	outline: none;
}
.login_page .form-horizontal .control-label{
    font-size: 17px;
    color: #ccc;
    position: absolute;
    top: 5px;
    left: 27px;
    text-align: center;
}
.login_page .form-horizontal textarea.form-control{
    resize: vertical;
    height: 130px;
}
.login_page .form-horizontal .form-group .fa{padding-top:10px;}
.login_page .login-link{
    font-family: 'Poppins', sans-serif;
    color: #767676;
    font-size: 15px;
    line-height: 30px;
    font-weight: 400;
    text-decoration: underline;
}
.login_page .btn{
	font-family: 'Poppins', sans-serif;
	padding: 15px 42px;
    border-radius: 30px;
	color: #222;
	font-size:14px;
	font-weight:600;
	margin-top:30px;
    background-color: #47a72f;
    text-transform: uppercase;
}
.login_page .btn a{color:#222;}
.login_page .btn:hover{background:#222; color: #fff;}
.login_page .btn:hover a{color:#fff;}
/***********============================================== login_page =====================================================***********/

/***********============================================== signup_page =====================================================***********/
@media only screen and (max-width: 600px) {.signup_page{padding:50px 20px 80px 20px; text-align:left;}}
@media only screen and (min-width: 600px) {.signup_page{padding:50px 20px 80px 20px; text-align:left;}}
@media only screen and (min-width: 768px) {.signup_page{padding:50px 20px 80px 20px; text-align:left;}} 
@media only screen and (min-width: 992px) {.signup_page{padding:50px 50px 80px 50px; text-align:left;}} 
@media only screen and (min-width: 1200px) {.signup_page{padding:50px 100px 80px 100px; text-align:left;}}
@media only screen and (min-width: 1500px) {.signup_page{padding:50px 160px 80px 160px; text-align:left;}}
.signup_page{background: url(../images/signupback.jpg) no-repeat top/cover;}
.signup_page .mt30{margin-top:30px;}
.signup_page .mt15{margin-top:15px;}
.signup_page .mt10{margin-top:10px;}
.signup_page h2{
    font-family: 'Playfair Display', serif;
    font-size: 40px;
    line-height: 50px;
    font-weight: 900;
    color: #2f3529;
    text-transform: capitalize;
    margin-top: 0px;
    margin-bottom: 30px;
}
.signup_page h4{
    font-family: 'Playfair Display', serif;
    font-size: 20px;
    line-height: 50px;
    font-weight: 900;
    color: #2f3529;
    text-transform: capitalize;
    margin-top: 0px;
    margin-bottom: 30px;
    border-bottom: 1px solid #ddd;
}
.signup_page p{
    font-family: 'Poppins', sans-serif;
    color: #767676;
    font-size: 15px;
    line-height: 30px;
    font-weight: 400;
}
.signup_page .formback{
    border-radius: 0px;
    position: relative;
    overflow: hidden;
    width: 100%;
    max-width: 100%;
}
.signup_page .bootstrap-select.form-control-lg .dropdown-toggle{
    border: 1px solid #ced4da !important;
}
.signup_page .form-label{
    color: #555353;
    font-family: "Open Sans",sans-serif;
    direction: ltr;
    font-size: 14px;
    padding-bottom: 10px;
}
.signup_page .form-control,
.signup_page .form-select{
    display: block;
    width: 100%;
    padding: 8px 30px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    appearance: none;
    border-radius: 0.375rem;
    transition: border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
    font-family: "Open Sans",sans-serif;
    /*background: #fff;
    background: -webkit-linear-gradient(to left, #fff, #eee);
    background: linear-gradient(to left, #fff, #eee);*/
}
.signup_page textarea{
    resize: vertical;
    height: 100px;
}
.signup_page .form-control option{color: #777 !important;}
.signup_page select[disabled='disabled']::-ms-value {color: #c6c6c6 !important;}
.signup_page select[disabled='disabled'] {color: #c6c6c6 !important;}
.signup_page option:disabled{color: #c6c6c6 !important;}
.signup_page .form-control::placeholder,
.signup_page .form-select::placeholder {color: #c6c6c6;}
.signup_page .form-control:focus,
.signup_page .form-select:focus {
    box-shadow: 0 0 10px rgba(25, 24, 24, 0.15);
    background-color: #ffffff;
    border-color: #47a72f;
    color: #777;
}
.signup_page .form-check-label{color: #555353;}
.signup_page .form-control.form-control-lg,
.signup_page .form-select.form-control-lg {min-height: calc(1.2em + 1.5rem + 2px);}
.signup_page .form-control:disabled,
.signup_page .form-select:disabled {cursor: not-allowed;}
.signup_page .form-icon-group {display: block;}

.signup_page .file{
  visibility: hidden;
  position: absolute;
}
.signup_page .crd {
  background-color: #fff;
  padding: 40px 40px;
  border-radius: 8px;
  box-shadow: 0px 0px 24.08px 3.92px rgba(0, 0, 0, 0.25);
}
.signup_page .file_upload h1 {
  font-family: "Open Sans",sans-serif;
  color: #fff;
  font-size: 3rem;
  font-weight: 900;
  margin: 0 0 5rem 0;
  background: -webkit-linear-gradient(#fff, #fff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
}
.signup_page .file_upload .form-control{background: #fff;}
.signup_page .file_upload .btn.btn-primary {
  font-family: "Open Sans",sans-serif;
  background-color: #47a72f;
  border-color: #47a72f;
  outline: none;
  color: #222;
}
.signup_page .btn{
	font-family: 'Poppins', sans-serif;
	padding: 15px 42px;
    border-radius: 30px;
	color: #222;
	font-size:14px;
	font-weight:600;
	margin-top:10px;
    background-color: #47a72f;
    text-transform: uppercase;
}
.signup_page .btn a{color:#222;}
.signup_page .btn:hover{background:#222; color: #fff;}
.signup_page .btn:hover a{color:#fff;}
/***********============================================== signup_page =====================================================***********/

/***********============================================== cart_page =====================================================***********/
@media only screen and (max-width: 600px) {.cart_page{padding:50px 20px 80px 20px; text-align:left;}}
@media only screen and (min-width: 600px) {.cart_page{padding:50px 20px 80px 20px; text-align:left;}}
@media only screen and (min-width: 768px) {.cart_page{padding:50px 20px 80px 20px; text-align:left;}} 
@media only screen and (min-width: 992px) {.cart_page{padding:50px 30px 80px 30px; text-align:left;}} 
@media only screen and (min-width: 1200px) {.cart_page{padding:50px 50px 80px 50px; text-align:left;}}
@media only screen and (min-width: 1500px) {.cart_page{padding:50px 110px 80px 110px; text-align:left;}}
.cart_page .mt30{margin-top:30px;}
.cart_page .mt15{margin-top:15px;}
.cart_page .mt10{margin-top:10px;}
.cart_page h2{
    font-family: 'Playfair Display', serif;
    font-size: 40px;
    line-height: 50px;
    font-weight: 900;
    color: #2f3529;
    text-transform: capitalize;
    margin-top: 0px;
    margin-bottom: 30px;
}
.cart_page h4{
    font-family: 'Playfair Display', serif;
    font-size: 20px;
    line-height: 50px;
    font-weight: 900;
    color: #2f3529;
    text-transform: capitalize;
    margin-top: 0px;
    margin-bottom: 30px;
    border-bottom: 1px solid #ddd;
}
.cart_page p{
    font-family: 'Poppins', sans-serif;
color: #767676;
font-size: 15px;
line-height: 30px;
font-weight: 400;
}
.cart_page table{
    font-family: "Poppins", sans-serif;
    border-collapse: collapse;
    width: 100%;
    font-weight: 100;
    font-size:16px;
    margin-top:0px;
    color: #2c2c2c;
    display: block;
    border: none !important;
    margin-bottom: 0px;
}
.cart_page .table1 {white-space: nowrap;}
.cart_page .table1 thead{
    font-family: "Poppins", sans-serif;
    font-weight: 100;
    text-transform:capitalize;
}
.cart_page .table1 th{
    font-family: "Poppins", sans-serif;
    /*background: linear-gradient(#c4d5e8, #c4d5e8);*/
    background: linear-gradient(#47a72f, #56a841);
    padding:10px 20px;
    font-weight:600; 
    color:#f5f5f5;
    white-space: nowrap;
    font-size:18px;
    line-height:26px; 
    text-transform: uppercase; 
    border-bottom: 1px solid #e1e1e1;
    
}
.cart_page .table1 th span{
      font-size:15px; 
      font-weight:400;
}
.cart_page .table1 tr{
    overflow: hidden;
    padding:0px 20px;
}
.cart_page .table1 td{color:#555; padding:10px 20px; font-size:14px; font-weight:500; font-family: "Poppins", sans-serif;}
.cart_page .table1 td strong{ font-weight:600; color:#222; font-size:20px; display: inline-block;}
.cart_page .table1 tr:nth-child(odd) {background: linear-gradient(#eee 1px, #f7f7f7 1px, #f1f1f1 calc(100% - 1px), #eee calc(100% - 1px));}
.cart_page .table1 tr:nth-child(even) {background: linear-gradient(#ddd 1px, #f5f5f5 1px, #dcdcdc calc(100% - 1px), #ddd calc(100% - 1px));}
.cart_page .quantity-control {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: fit-content;
    margin: 0 auto;
    background: #eaeaea;
    border-radius: 10px;
    padding: 0.5rem 0.1rem;
}
.cart_page .quantity-btn {
    background: transparent;
    border: none;
    outline: none;
    margin: 0;
    padding: 0px 8px;
    cursor: pointer;
}
.cart_page .quantity-btn svg {
    width: 15px;
    height: 15px;
}
.cart_page .quantity-input {
    outline: none;
    user-select: none;
    text-align: center;
    width: 47px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: none;
}
.cart_page .quantity-input::-webkit-inner-spin-button,
.cart_page .quantity-input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.cart_page .btn1{
	font-family: 'Poppins', sans-serif;
	padding: 15px 42px;
    border-radius: 0px;
	color: #f5f5f5;
	font-size:14px;
	font-weight:600;
	margin-top:0px;
    text-align: center;
    border: 1px solid #222;
    background-color: #242836;
    text-transform: uppercase;
}
.cart_page .btn1 a{color:#f5f5f5;}
.cart_page .btn1:hover{background:#47a72f; color: #fff;}
.cart_page .btn1:hover a{color:#fff;}
.cart_page .btn2{
	font-family: 'Poppins', sans-serif;
	padding: 15px 42px;
    border-radius: 0px;
	color: #222;
	font-size:14px;
	font-weight:600;
	margin-top:0px;
    text-align: center;
    border: 1px solid #47a72f;
    background-color: #47a72f;
    text-transform: uppercase;
}
.cart_page .btn2 a{color:#222;}
.cart_page .btn2:hover{background:#222; color: #fff; border: 1px solid #222;}
.cart_page .btn2:hover a{color:#fff;}
.cart_page a:hover,
.cart_page a:focus{
    text-decoration: none;
    outline: none;
}
.cart_page ul{
    padding: 0;
    list-style: none;
}
a:hover,a:focus{
    text-decoration: none;
    outline: none;
}
.cart_page .cart_page .nav-tabs{
    border-bottom: 0px none;
}
.cart_page .nav-tabs > li > a{
    text-transform: capitalize;
    font-size: 18px;
    color: #6d6d6d;
    font-weight: 700;
    background-color: #eee;
    transition: .3s ease-out;
    background: #f6f6f6;
    border: 1px solid #ccc;
    border-bottom: none;
    height: 50px;
    padding: 10px 35px 25px 35px;
    display: block;
    position: relative;
    z-index: 2;
}
.cart_page .nav-tabs > li > a:hover,
.cart_page .nav-tabs > li > a:focus{
    border-color: #47a72f;
    background: #47a72f;
    color:#f5f5f5;
}
.cart_page .nav-tabs > li.active > a,
.cart_page .nav-tabs > li.active > a:focus,
.cart_page .nav-tabs > li.active > a:hover{
    color:#f5f5f5;
    border-color: #47a72f;
    background: #47a72f;
}
.cart_page .tab-content > .tab-pane{
    border: 1px solid #d7d7d7;
    padding: 20px 20px 40px 20px;
    border-radius:0 5px 5px ;
    color:#555555;
    line-height: 22px;
}
.cart_page .tab1_title{
    font-family: 'Poppins', sans-serif;
    color: #fff;
    width: 100%;
    background-color: #47a72f;
    border-color: #eee;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 11px 10px;
}

.cart_page .tab-content p strong{font-weight: 600; font-size: 14px;}
.cart_page .tab-content p{
    font-family: 'Poppins', sans-serif;
    color: #000;
    font-size: 13px;
    line-height: 22px;
    font-weight: 400;
}
.cart_page .tab-content p.left{  background-color: #dffad8; padding:10px 15px; border-radius: 10px;}
.cart_page .tab-content p.right{  background-color: #def2d9; padding:10px 15px; border-radius: 10px; color:#242836;}
.cart_page .tab-content p a{color: #93af00;}
.cart_page .tab-content p.dwn{
    background: #fff url(../images/pdf-file-format-symbol.svg) no-repeat 100% 45%;
    background-size: 22px 22px;
    background-position: left;
    padding-left: 27px;
    min-height: 24px;
    line-height: 24px;
    color: #000;
    display: inline-block;
}
.cart_page .tab-content ul{margin-top: 15px;}
.cart_page .tab-content ul li{
    font-family: 'Poppins', sans-serif;
    color: #000;
    font-size: 15px;
    line-height: 22px;
    font-weight: 400;
    margin-bottom: 15px;
    list-style: circle !important;
}
.cart_page .tab-content ul li strong{font-weight: 600;}

.table.attachment-table img {width: 40px; }
.cart_page .table td{border-top: 1px solid #ccc; padding: 11px 10px;}
.cart_page .table td{
    font-family: "Poppins", sans-serif;
    color: #000;
    line-height: 30px;
    font-size: 16px;
    font-weight: 400;
}
.cart_page .table .fa{font-size: 30px; color: #000; padding-left: 25px;}


.cart_page #accordion .collapsed{
    font-family: "Poppins", sans-serif;
    margin: 0 0 2rem;
    color: #000;
    font-weight: 600;
    font-size: 16px;
}


.cart_page .table2 {display: block; white-space: nowrap;}
.cart_page .table2 thead{
    font-family: "Poppins", sans-serif;
    font-weight: 100;
    text-transform:capitalize;
}
.cart_page .table2 ul{width: 100%; display: block;}
.cart_page .table2 p{width: 100%; display: block;}
.cart_page .table2 th{
    font-family: "Poppins", sans-serif;
    padding:10px 20px;
    font-weight:600; 
    color:#2c2c2c;
    font-size:15px;
    line-height:26px; 
    text-transform: uppercase; 
    border-bottom: 1px solid #e1e1e1;
}
.cart_page .table2 th span{
      font-size:15px; 
      font-weight:400;
}
.cart_page .table2 tr{
    overflow: hidden;
    padding:0px 20px;
}
.cart_page ul{width: 100%;}
.cart_page ul li{display: block;}
.cart_page .table2 td{color:#555; padding:10px 20px; font-size:14px; font-weight:500; font-family: "Poppins", sans-serif;}
.cart_page .table2 tr:nth-child(odd) {background: linear-gradient(#eee 1px, #f7f7f7 1px, #f1f1f1 calc(100% - 1px), #eee calc(100% - 1px));}
.cart_page .table2 tr:nth-child(even) {background: linear-gradient(#ddd 1px, #f5f5f5 1px, #dcdcdc calc(100% - 1px), #ddd calc(100% - 1px));}
.cart_page .brdr_bottom{border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-bottom: 20px;}
.cart_page .brdr_bottom a{ color:#171717; text-decoration: #171717; text-decoration: underline;}
.cart_page .brdr_bottom h5{
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    line-height: 30px;
    font-weight: 700;
    color: #292c28;
    text-transform: capitalize;
    margin-top: 0px;
    margin-bottom: 0px;
    text-decoration: underline;
}
.cart_page .brdr_bottom p a{
    font-family: 'Poppins', sans-serif;
    color: #93af00;
    font-size: 15px;
    line-height: 30px;
    font-weight: 400;
    margin-top: 0px;
    padding-bottom: 10px;
}



/* Indicators list style */
.cart_page .article-slide .carousel-indicators {
    bottom: -110px;
    left: 0;
    margin-left: 5px;
    width: 100%;
}
/* Indicators list style */
.cart_page .article-slide .carousel-indicators li {
    border: medium none;
    border-radius: 0;
    float: left;
    height: 100px;
    margin-bottom: 5px;
    margin-left: 0;
    margin-right: 5px !important;
    margin-top: 0;
    width: 100px;
}
/* Indicators images style */
.cart_page .article-slide .carousel-indicators img {
    border: 2px solid #FFFFFF;
    float: left;
    height: 100px;
    left: 0;
    width: 100px;
}
/* Indicators active image style */
.cart_page .article-slide .carousel-indicators .active img {
    border: 2px solid #47a72f;
    opacity: 0.7;
}

.cart_page h4{margin-bottom: 0px;}
.cart_page .brdr_bottom .p1{
    background: #fff url(../images/pdf-file-format-symbol.svg) no-repeat 100% 45%;
    background-size: 22px 22px;
    background-position: left;
    padding-left: 27px;
    min-height: 24px;
    line-height: 24px;
    color: #000;
    display: inline-block;
}
.cart_page .brdr_bottom .p1 a{color: #000;}
.cart_page .panel-group{margin-bottom: 0px; padding-bottom: 0px;}
.cart_page .panel-title a{
    font-family: Helvetica, Arial, sans-serif;
    font-weight: 600;
    font-size: 16px;
    color: #000;
    line-height: 24px;
    font-size: 16px;
    position: relative;
    display: block;
    padding-bottom: 10px;
    padding-right: 25px;
    margin-bottom: 0px;
    text-transform: uppercase;
}
.cart_page .panel-body p{
    font-family: 'Poppins', sans-serif;
    color: #000;
    font-size: 15px;
    line-height: 30px;
    font-weight: 400;
    font-style: italic;
    margin-top: 0px;
}
.cart_page .panel-title a:after{
    content: "\f0d8";
    font-family: "Fontawesome";
    font-weight: 600;
    font-size: 18px;
    position: absolute;
    top: 0%;
    color: rgb(51, 71, 91);
    right: 0px;
    transition: all 0.3s ease 0s;
}
.cart_page .panel-title a.collapsed:after{
    content: "\f0d7";
    top: 0%;
}
.cart_page .panel-body p strong{font-weight: 600; font-size: 16px;}


.cart_page .block .content{padding: 10px 5px;}
.cart_page .block .content h5{
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    line-height: 30px;
    font-weight: 500;
    color: #2f3529;
    text-transform: capitalize;
    margin-top: 0px;
    margin-bottom: 5px;
    text-decoration: underline;
}
.cart_page .block .content .price{
    font-family:'Poppins', sans-serif;
    color: #6fa23e;
    font-size: 16px;
    font-weight: 500;
    margin: 0 0 10px; 
}
.cart_page .block .content .price span{
    color: #8b8b8b;
    font-size: 14px;
    text-decoration: line-through;
    text-align: justify;
}
.cart_page .formback{line-height: 30px;}
.cart_page .formback h4{ font-size:22px; text-transform: uppercase; color: #171717; font-family: 'Poppins', sans-serif;}
.cart_page .formback p{ 
    font-family: 'Montserrat';
    color: #585656;
    font-size: 15px;
    line-height: 30px;
     font-weight:400; }
/***********============================================== cart_page =====================================================***********/

/***********============================================== vieworder_page =====================================================***********/
@media only screen and (max-width: 600px) {.vieworder_page{padding:50px 20px 80px 20px; text-align:left;}}
@media only screen and (min-width: 600px) {.vieworder_page{padding:50px 20px 80px 20px; text-align:left;}}
@media only screen and (min-width: 768px) {.vieworder_page{padding:50px 20px 80px 20px; text-align:left;}} 
@media only screen and (min-width: 992px) {.vieworder_page{padding:50px 50px 80px 50px; text-align:left;}} 
@media only screen and (min-width: 1200px) {.vieworder_page{padding:50px 100px 80px 100px; text-align:left;}}
@media only screen and (min-width: 1500px) {.vieworder_page{padding:50px 160px 80px 160px; text-align:left;}}
.vieworder_page .mt30{margin-top:30px;}
.vieworder_page .mt15{margin-top:15px;}
.vieworder_page .mt10{margin-top:10px;}
.vieworder_page h2{
    font-family: 'Playfair Display', serif;
    font-size: 40px;
    line-height: 50px;
    font-weight: 900;
    color: #2f3529;
    text-transform: capitalize;
    margin-top: 0px;
    margin-bottom: 30px;
}
.vieworder_page p{
    font-family: 'Poppins', sans-serif;
    color: #767676;
    font-size: 15px;
    line-height: 30px;
    font-weight: 400;
}
.vieworder_page table{
    font-family: "Poppins", sans-serif;
    border-collapse: collapse;
    width: 100%;
    border-radius: 8px;
    box-shadow: 0 0 .5em #999;
    font-weight: 100;
    font-size:16px;
    margin-top:0px;
    margin-bottom: 0px;
    white-space: nowrap;
}
.vieworder_page thead{
    font-family: "Poppins", sans-serif;
    font-weight: 100;
    text-transform:capitalize;
}
.vieworder_page th{
    font-family: "Poppins", sans-serif;
    /*background: linear-gradient(#c4d5e8, #c4d5e8);*/
    background: linear-gradient(#47a72f, #47a72f);
    padding:10px 20px;
    font-weight:600; 
    color:#2c2c2c;
    white-space: nowrap;
    font-size:18px;
    line-height:26px; 
    text-transform: uppercase; 
    border-bottom: 1px solid #e1e1e1;
}
.vieworder_page th span{
      font-size:15px; 
      font-weight:400;
}
.vieworder_page tr{
    overflow: hidden;
    padding:0px 20px;
}
.vieworder_page td{color:#555; padding:10px 20px; font-size:15px; font-weight:500; font-family: "Poppins", sans-serif;}
.vieworder_page td a{color:#555;}
.vieworder_page img{width: 60%; height: 60%;}
.vieworder_page td strong{ font-weight:600; color:#222; font-size:20px; display: inline-block;}
.vieworder_page tr:nth-child(odd) {background: linear-gradient(#eee 1px, #f7f7f7 1px, #f1f1f1 calc(100% - 1px), #eee calc(100% - 1px));}
.vieworder_page tr:nth-child(even) {background: linear-gradient(#ddd 1px, #f5f5f5 1px, #dcdcdc calc(100% - 1px), #ddd calc(100% - 1px));}
/***********============================================== vieworder_page =====================================================***********/
.left-div-side {
    background-color:#004516;
    padding: 15px 15px;
    border-radius: 10px;
    color:#f0f7ee;
    font-size: 22px;
  }
.prdjpg {height: 155px; width:155px; object-fit: cover; object-position: center center;  }

.prdjpg-big{height: 325px; width:285px; object-fit: cover; object-position: center center;}