@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&display=swap');


/*************************
*******Typography******
**************************/

body {
  background: #f5f5f5;
  font-family: 'Open Sans', sans-serif;
  color:#333;
  font-size: 14px;
  font-weight:400;
  line-height: 22px;
  
}

h1{
  font-family: 'Open Sans', sans-serif;
  font-size:30px;
  color:#09a40a;
  margin-bottom:30px;
  font-weight:600;
  text-align:center;
  text-transform:uppercase;
}
h1:before{
	content: '';
	position: absolute;
    float: left;
    width:50px;
	height:3px;
    background: #92dd04;
	margin: 38px auto;
    left: 0;
    right: 0;
}
h2{
   font-size: 20px;
   font-weight: 500;
   color: #222;
   margin-bottom:20px;
}

h3{
  font-size: 16px;
  color: #333;
  font-weight:500;
  line-height: 20px;
  margin-bottom:8px;
}

h4{
  font-size: 14px;
  color: #333;
  font-weight:500;
  line-height: 24px;
  margin-bottom:8px;
}




ul {
	margin: 0; 
	padding: 0; 
	list-style-type: none;
	 
}

li {
	margin: 0; 
	padding: 0; 
	list-style-type: none; 
}

a{
	color:#09a40a;
  -webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;
  text-decoration: none;
}
a:hover{
  color:#000;
  text-decoration: none;
}




/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */

/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  bottom: 3rem;
  z-index: 10;
}

.carousel-caption h1{
  font-family: 'Open Sans', sans-serif;
  font-size:30px;
  color:#fff;
  margin-bottom:25px;
  font-weight:500;
}
.carousel-caption h1:before{
    width:0px;
}

/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 1.5rem;
  text-align: center;
}
.marketing h2 {
  font-weight: 400;
}
/* rtl:begin:ignore */
.marketing .col-lg-4 p {
  margin-right: .75rem;
  margin-left: .75rem;
}
/* rtl:end:ignore */


/* Featurettes
------------------------- */

.featurette-divider {
  margin: 5rem 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  /* rtl:remove */
  letter-spacing: -.05rem;
}


/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 40em) {
  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
}

@media (min-width: 62em) {
  .featurette-heading {
    margin-top: 7rem;
  }
}

.logo img{padding-top:6px;}
.logo img:hover, .logo img:focus{outline:0;}

.socialbg {
    background: #fff;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    color: #af944d;
    font-size: 14px;
    text-align: center;
    line-height: 25px!important;
	-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;
}
.socialbg:hover {
    background: #af944d; color: #fff;
}
.heading{
  color: #0190ca;
  font-size: 22px;
  font-weight: 600;
  margin: 10px 0 30px 0;
}

button:focus{outline:0;}
.colmar{margin-bottom:35px;}

p {
  padding: 0px;
  font-size: 14px;
}

/*----======== footer ======---*/

footer{
	background:#3a3a3a;
	padding:40px 0;
	color:#fff;
	border-top:4px solid #b0bd4b;
}

footer h2{
	font-size:18px;
	font-weight:500;
	color:#fff;
	margin: 0 0 25px 0;
}
footer h2:before {
    content: '';
    position: absolute;
    float: left;
    width:30px;
    height:2px;
    background: #58871d;
    margin: 25px 0 0 0;
}

footer p{
	font-size:13px;
	font-weight:400;
	color:#c2c2c2;
}

footer ul li {margin:0 0 12px 0;font-size:13px;color:#c2c2c2;}

footer ul li a{
	font-size:13px;
	font-weight:400;
	color:#c2c2c2;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
footer ul li a i{color:#c2c2c2;}
footer ul li a:hover, footer ul li a:focus{	color:#91de04!important; margin-left:10px;}
.fabg{
	background:transparent;
	border:1px solid #c2c2c2;
	color:#c2c2c2;
	width:30px;
	height:30px;
	text-align:center;
	line-height:30px!important;
	border-radius:50%;
}

.footer_payment{float:right;}
.footer_payment li{float:left;margin:0 0 0 5px;}
.foot_address ul li {margin:0 0 15px 0;}
.foot_address span{display:table-cell;padding-right:6px;}

.get_in_touch a{margin-right:5px;}
.get_in_touch a i{
	background:#6c9539;
	width:30px;
	height:30px;
	border-radius:4px;
	text-align:center;
	font-size:13px;
	color:#fff;
	line-height:30px!important;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
	border:1px solid #6c9539;
}
.get_in_touch a i:hover{
	background:#fff;
	color:#6c9539;
	border:1px solid #6c9539;
}

.copyright{
	background:#4b4b4b;
	padding: 16px 0 0 0;
	color:#ababab;
	font-size:12px;
	text-align:left;
}
.copyright .container{padding:0 0 20px 0;}
.copyright span{padding:12px 0 0 0;display: table;}


label { color: #444;}
.nopad{padding:0;}

.address_sec {
    margin-bottom: 10px;
    color: #222;
    font-weight: 400;
	font-size: 14px;
}
.address_sec .socialbg{margin:0 10px 0 0;}
.spacer{height:40px;}
.spacer_big{height:80px;float:left;}
.br{height:20px;}
.br_sm{height:10px;}
.br_big{height:40px;}
.padd_right_0{padding-right:0;}
.tbl_cell{display: table-cell;}
.blk_heading{font-size:16px;color:#333;font-weight:500;}
.mid{margin:30px 0;}
.mid_inner{margin:30px 0;}
.nopad{padding:0;}
.form-group {margin-bottom: 1rem;font-weight:500;font-size: 13px; color: #333;}
.form-group label span{font-size:22px!important; font-weight:400;color: #ff0000;}
label {margin-bottom: .2rem;font-weight: 400;font-size:14px!important;}

.txt_sm{font-size: 12px;}
.bold{font-weight:500;}

.tick li{
	background:url(../images/tick.png) 0 5px no-repeat;
	padding-left:20px;
	margin:0 0 10px 0;	

}
.gmap iframe {
    width: 100%;
    height: 320px;
    margin: 15px 0;
}
.section{margin:40px 0;display:table;width:100%;}
.btn_green{
	padding:12px 25px!important;	
	margin:0; 
	background: #09a40a; 
	font-size: 13px;
	font-weight:600;
	color:#fff;	
	text-align:center;
	display:inline-block;
	-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;
    text-transform:uppercase;
	border-radius:5px;
	border:1px solid #fff;
}

.btn_green:hover, .btn_green:focus {
	background:#91de04; 
	color:#fff!important;	
	border:1px solid #fff;
	outline:0;
}

.btn_green2{
	padding:12px 25px!important;	
	margin:0; 
	background: #91de04 ; 
	font-size: 13px;
	font-weight:600;
	color:#fff;	
	text-align:center;
	display:inline-block;
	-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;
    text-transform:uppercase;
	border-radius:5px;
	border:1px solid #91de04;
}

.btn_green2:hover, .btn_green2:focus {
	background:#09a40a; 
	color:#fff!important;	
	border:1px solid #09a40a;
	outline:0;
}
.btn:focus {outline: 0;box-shadow:none;}
.faicon .btn {padding: 0;}
.top {
    background: #fff;
	padding: 0 0 6px 0;
	border-top:3px solid #91de04;
}

#search {
  margin-top: -2px;
  display: inline-block;
  position: relative;
  float: left;
  padding: 0;
  position: relative;
}

#search input[type="text"] {
  height: 30px;
  font-size: 15px;
  display: inline-block;
  font-weight: 400;
  border: none;
  outline: none;
  color: #000;
  padding: 3px;
  padding-right: 60px;
  width: 0px;
  position: absolute;
  top: 0;
  right: 0;
  background: none;
  z-index: 3;
  transition: width .4s cubic-bezier(0.000, 0.795, 0.000, 1.000);
  cursor: pointer;
}

#search input[type="text"]:focus:hover {
  border-bottom: 1px solid #92df05;
}

#search input[type="text"]:focus {
  width: 200px;
  z-index: 1;
  border-bottom: 1px solid #92df05;
  cursor: text;
}


#search input[type="button"] {
  width: 20px;
  display: inline-block;
  color:#fff;
  float: right;
  background:url(../images/zoom.png) 0 5px no-repeat!important; 
  border: none;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  cursor: pointer;
  cursor: pointer;
  transition: opacity .4s ease;
  outline:0;
}

#search input[type="submit"]:hover {
}

.top_icon span{float:left;font-size:16px;color:#3c3c3c; margin:0 0 0 20px;}
.top_icon i{font-size:16px;color:#3c3c3c;}
.top_icon i:hover{color:#91de04;}
.top_icon{margin:20px 14px 0 0;}
.navbar {padding: 1rem .5rem 0 .5rem;}
.navbar-expand-md .navbar-nav .nav-link {
    padding-right: 13px;
    padding-left: 13px;
	color:#3c3c3c;
}
.navbar-expand-md .navbar-nav .nav-link:hover {
	color:#07a508;
}

.navbar-expand-md .navbar-nav .dropdown-menu {
    background: #96d521;margin-top: -6px;border:0;
}
.dropdown-item {
    color: #fff;border-bottom: 1px solid #d9fd96; padding: .5rem .7rem;font-size: 14px;
}

.dropdown-item:focus, .dropdown-item:hover {
     color: #000;
    background-color: #b4ec4d;
}
.carousel-wrap {
  margin: 30px auto;
  padding: 0 5%;
  width: 100%;
  position: relative;
}


.greenbg{background:#defaad;padding:20px;}
.testimonialbg{background:#ddfea3;padding:20px;}
.probg{background:#e0e0e0;padding:40px 10px;}
.probg_white{background:#fff;padding:40px 10px;}
.gbg{background:#e2e2e2;padding:14px;}
.gbg i {
    font-size: 20px;
    color: #ff0000;
    margin-right: 12px;
}
.gbg h3 {
    padding: 10px 0;
    font-size: 20px;
    font-weight:600;
    color: #000;
    
}
.gbg .table td, .gbg .table th {
    border-top: 1px solid #c3c3c3;
}
.blockquote-footer{margin-top:30px;}
.price{font-size:20px;color:#ff0000;margin:0 0 15px 0;}
.price .dis{font-size:20px;color:#929292;text-decoration: line-through;margin-left:20px;}

.products h2{font-size:20px;font-weight:500;color:#333;margin:15px 0 10px 0;}			
		
.dropdown-menu-right {right: 0;left: auto;padding:10px;width:330px;margin-top:-8px;}	
.faicon .dropdown-toggle::after {display:none;}
#fadecarousel{margin-bottom:25px;}
.carousel-caption h1{color: #fff; font-size:40px;font-weight:600;margin-bottom:15px; text-align:right;}
.carousel-caption h2{color: #afbd4b; font-size:40px;font-weight:600;margin-bottom:15px; }
.carousel-caption{bottom:20%;color:#fff;text-align:left;}

.carousel-caption.text-left h1{color:#333;text-align:left;}
.carousel-caption.text-left h2{margin-bottom:15px; }

.padd_left_right{padding:0 5px;}
.carousel-indicators li {background-color: #09a40a;}
.carousel-control-prev{
	left:3%;top:42%;
	opacity:1;
	width: 30px;height:70px;
	background:url(../images/arrow_left.png) no-repeat;
	-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;
}

.carousel-control-next{
	right:3%;top:42%;
	opacity:1;
	width:30px;height: 70px;
	background:url(../images/arrow_right.png) no-repeat;
	-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;
}

.blockquote i{font-size:30px;margin-bottom:12px;}
.counter_icon i{font-size:40px; color:#83890b;margin-bottom:15px;}
.counter_txt{font-size:40px; font-weight:600;color:#07a50a;padding:0;margin:10px 0 0 0;display: inline-block;}
.counter{line-height:28px;}
.counter p{font-size:18px; font-weight:600;color:#3c3c3c;margin:0;padding:0;}
.car_item{
	background:#09a506;
	width:18px;
	height:18px;
	font-size:12px;
	color:#fff;
	text-align:center;
	line-height:18px;
	border-radius:50%;
	top: -6px;
    position: absolute;
    right: -10px;
}
.cart_area p{line-height:4px;}


.carousel-wrap {
  margin: 20px auto;
  padding: 0 5%;
  width: 100%;
  position: relative;
}

/* fix blank or flashing items on carousel */
.owl-carousel .item {
  position: relative;
  z-index: 100; 
  -webkit-backface-visibility: hidden; 
}

/* end fix */
.owl-nav > div {
  margin-top: -26px;
  position: absolute;
  top: 50%;
  color: #cdcbcd;
}

.owl-nav i {
  font-size: 52px;
}

.owl-nav .owl-prev {
  left: -30px;
}

.owl-nav .owl-next {
  right: -30px;
}



.owl-carousel .owl-nav button.owl-prev {
    outline: none;
	margin-left: -30px;
	TOP: 0;
    margin-top: 9%;
    position: absolute;
}

.owl-carousel .owl-nav button.owl-next{
    right: 0;
    position: absolute;
	margin-right: -45px;
	outline: none;
	TOP: 0;
    margin-top: 9%;
    position: absolute;
}

.tab_area{width: 100%;margin:25px 0;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #fff;
    background-color: #fe6c17;
    border-color: #fe6c17 #fe6c17 #fff;
    font-size: 14px;
    font-weight: 500;
}
.nav-tabs .nav-link {font-size: 14px;color: #000; background: #ddd;margin:0 5px 0 0;}
.nav-tabs {border-bottom: 0px solid #dee2e6;}
.tab-content{border:1px solid #92dd04;padding:18px;position: relative;background:#fff;}
.tab-content li {margin: 0 0 6px 0;padding: 0;list-style-type: none;}
.tab-content li a{color:#333;}
.tab-content li a:hover{color:#112876;}
.tab-pane ul li i{color:#fe6c17;}
.whitebox{background:#fff;	box-shadow:0 0 10px #999;padding:12px;border-radius:5px;border-top:4px solid #91de04;}
.border-primary {border-color: #09a40a!important;}
.bg-primary {background-color: #09a40a!important;}
.bg-primary h3, .bg-primary h3 i{font-size: 20px;color: #fff;}
a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover {background-color: #91de04!important;
}

.pagination{display: inline-flex;}
.page-link {color: #91de04;border: 1px solid #91de04;}
.page-link:hover {color: #000;background-color: #91de04;border-color: #91de04;}
.page-item:first-child .page-link, .page-item:last-child .page-link {background: #91de04;color: #fff;}
.sub_heading2{font-size:20px;color:#000;font-weight:600;margin-bottom:10px;}
i.socialbg{background:#91de04;width:28px;height:28px;color:#fff;text-align:center;line-height:28px!important;border-radius:50%;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease; margin:0 6px 0 0;}
i.socialbg:hover{background:#09a40a;}

.panel-default>.panel-heading {
    color: #fff;
    background-color: #09a40a;
    border-color: #09a40a;
	padding: 10px 15px;
}
.panel-default>.panel-heading span{float:right;}

.panel-default>.panel-heading a{color:#fff;}
.panel-default>.panel-heading a:hover{color:#000;}

.sidebar .panel-body{
	background:#fff;
	border: 1px solid #92dd04;
    padding: 15px;
    margin-bottom: 15px;
}
.panel-body .category_section strong {
    color: #09a40a;
    display: table;
    font-size: 16px;
}
.category_section {
    border-bottom: 1px solid #ddd;
    margin-bottom: 15px;
	padding-bottom: 15px;
}
.sidebar .checkbox, .sidebar .radio {
    margin-bottom: 10px;
}
.top_icon .faicon .text-left i{margin:0 5px;}
.well{background: #fff;
    padding: 15px;
    border-radius: 6px;
	box-shadow: 0 0 6px #ccc;
}

.heading2{font-size:18px; color:#000;margin-bottom:14px;}
.panel-body{background:#fff;padding:15px;}
.panel .no_box {float: left; padding-right: 5px;}
.panel-body label p{float: right; padding-left: 10px;}
.panel.panel-default{margin-bottom:10px;}

.card{border:0;}
.card-body {font-size:13px;color:#333;font-weight:400;padding:0 12px;}
.card-header{padding: 0 0 10px 0;}
.card-header i {color: #09a40a;}
.accordion .btn.btn-link:hover, .accordion .btn.btn-link:focus {
    text-decoration: none;
}
.accordion .btn.btn-link {
    background: #e1fbb1;
    padding: 12px;
    font-size: 16px;
    color: #333;
    font-weight: 500;
    width: 100%;
    text-align: left;
}
.icon_circle{
	background:#fff;
	width:100px;
	height:100px;
	border-radius:50%;
	margin:0 auto 15px auto;
	text-align:center;
	padding:20px 0 0 0;
	box-shadow:0 0 10px #888;
}

.gmap iframe {
    height: 350px;
}

.top {
    box-shadow: 0 0 15px #adadad;
}
.nav.nav-sidebar {
    box-shadow: 0 0 10px #afafaf;
    padding: 10px;
}
.nav-sidebar li{width:100%;margin: 0 0 14px 0;}
.nav-sidebar li.active{background:#09a40a;padding:10px;}
.nav-sidebar li.active a{color:#fff;}

.form-control {
    height: calc(2em + .75rem + 2px);
    font-size: 13px;
    border: 1px solid #92dd04;
}
.table.cart_tble thead{
	background:#eaeaea;
}



.xzoom-thumbs {
  text-align: center;
  margin-bottom: 10px;
}

.xzoom { 
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5); 
  
}
.xzoom2, .xzoom3, .xzoom4, .xzoom5 {
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
}


.xzoom-gallery, .xzoom-gallery2, .xzoom-gallery3, .xzoom-gallery4, .xzoom-gallery5 {
  border: 1px solid #cecece;
  margin-left: 5px;
  margin-bottom: 10px;
}

.xzoom-source, .xzoom-hidden {
  display: block;
  position: static;
  float: none;
  clear: both;
}


.xzoom-preview {
  border: 1px solid #888;
  background: #2f4f4f;
  box-shadow: -0px -0px 10px rgba(0,0,0,0.50);
}



.nav-tabs a {color: #000;}
.nav-tabs {border-bottom:0;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #fff;
    background-color: #09a40a;
    border-color:transparent;
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    border-color:transparent;
}
.tab-content{padding: 15px; border: 1px solid #09a40a;margin-top:-1px;}


.carousel-wrap {
  margin: 20px auto;
  padding: 0 5%;
  width: 100%;
  position: relative;
}

/* fix blank or flashing items on carousel */
.owl-carousel .item {
  position: relative;
  z-index: 100; 
  -webkit-backface-visibility: hidden; 
}

/* end fix */
.owl-nav > div {
  margin-top: -26px;
  position: absolute;
  top: 50%;
  color: #cdcbcd;
}

.owl-nav i {
  font-size: 52px;
}

.owl-nav .owl-prev {
  left: -30px;
}

.owl-nav .owl-next {
  right: -30px;
}

.owl-nav{margin-top:-150px;}

.owl-carousel .owl-nav button.owl-prev {
    outline: none;
	margin-left: -35px;
}

.owl-carousel .owl-nav button.owl-next{
    right: 0;
    position: absolute;
	margin-right: -55px;
	 outline: none;
}

@media (max-width:640px) {
.carousel-wrap {
  margin: 40px auto;
  padding: 0 5%;
  width: 80%;
  position: relative;
}
.owl-nav{margin-top:-140px;}


}
.rating{margin-bottom:12px;}