body{
    margin:0 auto;
   
}
/**icons**/
@font-face {
    font-family: 'Glyphter';
    src: url('../fonts/Glyphter.eot');
    src: url('../fonts/Glyphter.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Glyphter.woff') format('woff'),
         url('../fonts/Glyphter.ttf') format('truetype'),
         url('../fonts/Glyphter.svg#Glyphter') format('svg');
    font-weight: normal;
    font-style: normal;
}
[class*='icon-']:before{
	display: inline-block;
   font-family: 'Glyphter';
   font-style: normal;
   font-weight: normal;
   line-height: 1;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   
   padding:0px 2px;
}
.social-media a {
    color:#669966 !important;
}

.icon-arrow_right:before{content:'\0041';}
.icon-email:before{content:'\0042';}
.icon-fax:before{content:'\0043';}
.icon-phone_icon:before{content:'\0044';}
.icon-whatsapp:before{content:'\0046';}
.icon-instagram:before{content:'\0047';}
.icon-facebook:before{content:'\0048';}


.social-media a:hover{
   color:#fff;  
   transition: 0.2s;
}
.social-media a:hover::before{
color: red;
}
.menu-top-list .contact a{
color:#fff;
}
.menu-top-list .contact a:hover{
    color:#669966;
text-shadow: 2px 2px #000;
transition: .2s;}

.menu-top-list span{
    padding:0px 8px;
    color:#669966;  
}
#menubar .social-media{
    display: flex;
}
#menubar .social-media a{
  
    padding:0px 5px;
}
#menubar .social-media a:hover{
  color:#fff;
}

.menu-top-list span a:hover{
    text-shadow: 1px 1px #fff;
    transition: 0.3s;
    color:#fff;
}
#menubar .social-media a:hover{
   
    transition: 0.3s;
    color:#fff !important;
}

}
#about_area .btn:hover{
    background: green;
    color: #fff;
}
/**icons end**/

p{
font-family: Oxygen;
font-style: normal;
font-weight: normal;
font-size: 20px;
line-height: 152.49%;
color: #595454;
}
#menubar h1,#banner h1{
    font-family: Patua One;
    font-style: normal;
    font-weight: normal;
    font-size: 75px;
    line-height: 104.83%;
    letter-spacing: -0.02em;
    color: #FFFFFF;
    text-align: left;
   
}
.heading-banner{
  
    width: 75%;
    
    left: 157.41px;
    
    margin: 300px auto 0px;
}
#banner {
    border-top:2px solid #fff;
  
        background-image: url("../images/Rectangle8.svg");
        background-repeat:  no-repeat;
         background-position: center center;
    
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
     
    
 
        
}
.box-shadow-menu .menu-top-list {
    padding: 8px 35px;
}
#banner .common_contact_menu.menu-top-list .contact a {
    color:#fff;
}
#banner .menu-top-list {
    padding: 10px 50px 0px;
    display: flex;
    justify-content: flex-end;
   
    color:#fff;
}
/** subpage**/




/**end**/
#other-page-list-style .nav-link{

    color: #595454;
}
#menubar .header-portion{
    display: flex;
}
#menubar .menubar {
     width: 900px;
}
#menubar .navbar-nav{
    justify-content: flex-end;  
}
#menubar .navbar-brand{
    display: flex;
}


#menubar .navbar-brand h1{
font-family: Patua One;
font-style: normal;
font-weight: normal;
font-size: 30px;
line-height: 104.83%;
letter-spacing: -0.02em;
color: #FFFFFF;
margin: 26px 0px;
}
.collapse{
    justify-content: flex-end;   
}
.common_menu .nav-link a{
    color:#669966;

}

.menu-top-list {
   
    display: flex;
    justify-content: flex-end;
    padding: 0px 52px;
   }
   .menu-top-list a{
    font-family: Oxygen;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 66.49%;
    color:#FFFFFF;
   }
   .menu-top-list a:hover{
       text-decoration: none;
   }
.menu-top-list ul li{
    display: inline;
    
}
#menubar .bg-dark{
    background: transparent;

}
#menubar .nav-link{

}
#menubar .nav-link{
 font-family: Oxygen;
font-style: normal;
font-weight: bold;
font-size: 20px;
line-height: 25px;
letter-spacing: 0.065em;
text-transform: uppercase;
padding: 0px 30px;
color: #FFFFFF;
}
#menubar .nav-link:hover{
    color: #5C8A5C;
    text-shadow: 1px 1px #000;
    transition: 0.2s;
}
.common_contact_menu.menu-top-list .contact a{
color: #333;
}

.common_contact_menu.menu-top-list .contact a:hover{
    color: #669966;
    text-shadow: 1px 1px #000;
    transition: .2s;
}
/***about-area**/
#about_area{
    display: flex;
    
  background-color: #DBF9DB; 
 /**height: 696px;**/
  align-items: center;

}
.btn.style-btn{
background: #fff;
color:#669966;
border:1px solid #669966;
border-radius:20px;
transition: 0.3s;
font-family: Oxygen;
font-style: normal;
font-weight: normal;
font-size: 20px;
line-height: 152.49%;
}
#about_area h1{
 font-family: Oxygen;
font-style: normal;
font-weight: bold;
font-size: 45px;
line-height: 57px;
color: #595454;
}
#about_area p{
   padding-top:50px ;
   padding-bottom:50px ;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 158.49%;
   }
.text-align-center{
    text-align: end;
}
#about_area .about,#about_area img{
    padding:100px 0px;
}
#about_area .btn:before{

}
/**our product**/
#our_product .page-heading{
    font-family: Oxygen;
font-style: normal;
font-weight: bold;
font-size: 45px;
line-height: 57px;
color: #5C8A5C;
padding: 50px 0px 10px 0px;
}
#our_product .nav-item:hover{
    text-decoration-line: underline;
    text-decoration-style:2px solid #5C8A5C;
}
#our_product .nav{
    width:100%;
    padding: 0px 0px;
}
#our_product .tab-content{
    width:1000px;
    padding: 0px 0px;
  
}
#our_product .card {
    float: left;
    margin: 0px 18px 12px 0px;
}
.product-btn{
    padding:40px;
}
.card ,#similar_products .item .card-body
{
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25) ;
}
#our_product  a{
    
font-family: Oxygen;
font-style: normal;
font-weight: normal;
font-size: 20px;
line-height: 152.49%;
letter-spacing: 0.01em;
color: #595454;
}

#our_product .nav-pills .nav-link.active,#our_product .nav-pills .show>.nav-link{
    background: none;
    border-bottom: 2px solid #5C8A5C;
    border-radius: 1px;
}
.nav-item .nav-link.active{
    text-decoration-color: 2px solid #5C8A5C;
}
/** #our_product .nav-pills a{
    color:#fff;
    text-align:center;
    width:120px;
    padding:1em 0;
    }

   .hover.line{
        width:120px;
        height:3px;
        background-color:rgb(238, 17, 17);
        
          }
    .line{
            width:120px;
            height:3px;
            background-color:#fff;
            transition:all .4s ease-in-out;
              }
.nav-item{
    position: absolute;
}**/

                





   
#our_product  .card-img, .card-img-top{
    height: 224px;
    width: 266px;
    text-decoration-color: #669966;
    
    
}
.map_width iframe {
    width: 100%;
}
.card-title span{
	font-weight:normal;
}
.Arfalfa_oil_Plus {
    background: url(../images/arfalfa.svg) no-repeat, #DBF9DB ;
    background-position: center; 
    width: 100%;
}
.camel_racing_diet{
    background: url(../images/came_racing.svg) no-repeat, #DBF9DB ;
    background-position: center; 
    width: 100%;
}

.ultimate_balancer{
    background: url(../images/ultimate_bancer.svg) no-repeat, #DBF9DB ;
    background-position: center; 
    width: 100%;
}
.staypower_cubes{
    background: url(../images/staypower.svg) no-repeat, #DBF9DB ;
    background-position: center; 
    width: 100%;
}
.card-title{
width: 159.56px;
font-family: Oxygen;
font-style: normal;
font-weight: bold;
font-size: 18px;
line-height: 152.49%;
}
.card{
border-radius:0px;}

#our_product a:hover{
    text-decoration: transparent !important;
}
/**testimonial**/
#testimonial{
    background: url('../images/testi_img.svg');
    background-position: center;
    background-size: cover;

}
#testimonial .testimonial_box_1,#testimonial .testimonial_box_2{
flex: 1;

background: #FFFCFC;
padding:43px;
font-family: Oxygen;
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 152.49%;
color: #595454;
margin:12px;
}
#testimonial  .test_flex_1{
 display: flex;
align-items: center;
padding-bottom: 65px;

}
#testimonial .page-heading{
   padding:114px 0px;
}
#testimonial h2{
    font-family: Oxygen;
font-style: normal;
font-weight: bold;
font-size: 45px;
line-height: 57px;
color: #5C8A5C;
}
#testimonial .testimonial_box_1 span,#testimonial .testimonial_box_2 span {
    margin:40px 0px;
    font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 152.49%;

}

/**.test_flex{
    display: flex;
    flex-direction: row;
   align-items: center;
}**/

/** adress**/
#address .heading{
margin:40px 0px;
}
#address .content{
    display: flex;
    justify-content: left;

}
#address .box-1,#address .box-2,#address .box-3{
    width:324px;
}
#address h2{
    color:#5C8A5C;
  padding-left:0px;
}
#address p{
 font-family: Oxygen;
font-style: normal;
font-weight: normal;
font-size: 16px;
color:#726E6E;
padding: 0px 92px 42px 0px;
}
/**.common_menu**/
.common_menu-border{
    border-top: 2px solid#669966;
}
.common_menu ul li a{
    color: #669966;
}
.common_menu #menubar .nav-link{
    color:#595454;
}
.common_menu #menubar .social-media a:hover{
    color:#595454 !important;
}
.common_menu #menubar .menubar {
    width: 914px;
}
.common_menu #menubar .navbar-brand h1{
    color: #669966;
}
.common_menu #menubar .navbar{
    padding: 24px 0;
}

/** page our product**/
.product_page.nav-pills .nav-link{
    font-family: Oxygen;
font-style: normal;
font-weight: bold;
font-size: 18px;
    position: relative;
}


#nav_pills .nav-pills .nav-link.active, #our_product .nav-pills .show>.nav-link span {
    background: none;
    border-bottom: 2px solid #5C8A5C;
    border-radius: 1px;
}

.product_page.nav-pills .nav-link.active{
  color:#669966;  
    background-color: transparent;
    
}
.product_page.nav-pills .nav-link:hover{
    color:#669966;  
    background-color: transparent;
}
.product_page.nav-pills a{
    color:#595454;  
    background-color: transparent;
}

/********** product list new***/
.prdt_list-tab{
    width:134px;
}

.tab-content .card {
    float: left;
    margin: 15px 20px;
}
.box-shadow-menu{
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
}
.card-width{

    width:18px;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #007bff;
}
.prdct_list.nav-pills .nav-link.active,.prdct_list.nav-pills .show>.nav-link{
    color:#669966;
    background-color:transparent;
    border-bottom:2px solid #669966;
    
}
.prdct_list.nav-pills .nav-link{
    font-family: Oxygen;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 152.49%;
    letter-spacing: 0.01em;
    border-radius: 0px;
    color: #595454;
}
.prdct_list{
    width:320px;
    height: 1000px;
}
.inner_page menu h2{
    font-family: Oxygen;
font-style: normal;
font-weight: bold;
font-size: 30px;
line-height: 38px;
color: #595454;
}
.breadcrumb {
    background-color: transparent;
    
font-family: Oxygen;
font-style: normal;
font-weight: bold;
font-size: 15px;
line-height: 19px;

}
.breadcrumb a{


color: #595454;
}
.breadcrumb a:hover{

text-decoration: none;
    color:#669966;
}
.heading h2{
    padding: 24px 20px 0px;
}
.pedt_list.menu{
padding: 16px 0px 0px;
}
footer .navbar-toggler{
    display: none;
}
.breadcrumb li a {
    padding-right: 12px;
}
.head{
  
    padding: 16px 23px 0px;
    font-family: Oxygen;
font-style: normal;
font-weight: bold;
font-size: 30px;
line-height: 38px;
}
.head h2{
    
}
.prdct_card .card{
    width:220px;
}
/*** about**/
#about{
    border-top:2px solid #fff;
  
        background-image: url("../images/about_banner.svg");
        background-repeat:  no-repeat;
         background-position: center center;
    
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
     
    
 
        
}
#about .heading-banner{
    font-family: Patua One;
font-style: normal;
font-weight: normal;
font-size: 35px;
line-height: 123.83%;
/* or 43px */
left: 157.41px;
margin: 0px auto 0px;
text-align: center;
letter-spacing: -0.02em;

color: #669966;

}
#about .common_contact_menu.menu-top-list .contact a {
    color: #fff;
}
.abt_cntent{
    font-family: Oxygen;
font-style: normal;
font-weight: normal;
text-align: center;
}
.abt_cntent h3{
    font-size: 20px;
    padding: 43px 0px;

    font-family: Patua One;
font-style: normal;
font-weight: normal;
font-size: 20px;

}
.abt_cntent p{
    font-size: 15px;
    padding-bottom: 25px;
    font-family: Oxygen;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
}
#vision{
text-align: center;

margin: 20px 0px;
display: flex;
align-items: center;
padding: 44px;
display: flex;
align-items: center;

}
.visioncolor{
    background: #C3FBC3;

}
.missioncolor{
    background: #EEEEEE;

}

.vision-box{
   

left: 122px;
top: 1063.13px;


}
.vision-box h2{
    padding-bottom: 43px;
}
.align_item_center{
    display: flex;
    align-items: center;
}
.vision_mission{
    margin: 0px 0px 100px;
}
.abt-content-p {
    width: 80%;
    text-align: center;
    margin: auto;
}
/***contact**/
#contact{
    border-top: 2px solid #fff;
    background-image: url(../images/contact_banner.svg);
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	height:636px;
}
#contact h1{
color:#669966;	
}
textarea {
 
  height: 150px;
}
#contact .common_contact_menu.menu-top-list .contact a {
    color: #fff;
}

.form-row ,.form-row .contact_btn{
text-align:left;
font-family: Oxygen;
font-style: normal;
font-weight: bold;
font-size: 16px;
letter-spacing: 0.02em;
color: #726E6E;
}
#contact
	.heading-banner {
    width: 100%;
	margin:0 auto;
	}
textarea.form-control {
    height: 109px;
}
.form_area{
	text-align:center;
	margin:0px 23px;
	margin:0 auto;
	padding:70px 0px;
}
.contact_area .heading h3{
text-align:left;
padding-bottom: 60px;}
.form_area{
}
.gren_btn {
    color: #fff;
    background-color:#669966;

    border-color: #669966;
	border-radius: 50px;
}
 .form-control:focus{
	    border-color: #669966;
		box-shadow: 0 0 0 0.2rem rgb(102 153 102 / 25%);
		background-color:#F3F3F3;
}
.form-control{
background: #F3F3F3;
border: 1px solid #CBCBCB;
box-sizing: border-box;
    border-radius: 0px;
}
.btn:focus {
    outline: 0;
   box-shadow: 0 0 0 0.2rem rgb(102 153 102 / 25%);
}
.location_area{
background:#669966;}


/***google map***/

.googlemap_address{
}
.location_area{
	width:;
	height:;
}
.contact_btn{
	margin-top:56px;
}
/****address box****/
.address_area{
	padding-bottom:150px;
}
.green_box{
    background: #669966;
    padding: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
	flex-direction: row;
	font-family: Patua One;
font-style: normal;
font-weight: normal;
font-size: 20px;
line-height: 152.49%;



color: #ffffff;
}
.green_box .box-3 p,.green_box .box-2 p{
	color: #ffffff;
	
text-align: left;
}
.box-1,.box-2,.box-3{
float:left;
}
.box-1{
	width:257px;
}
.box-2{
	width:400px;
}
.box-3{
	width:300px;
}

.about_heading {
    width: 500px;
    font-style: normal;
    font-weight: normal;
    font-size: 35px;
 
    margin: 145px auto;
}
/*accrodian*/
/* Style the buttons that are used to open and close the accordion panel */
.column  .width.xzoom-container {
    display: inline !important;
}
.xzoom-thumbs{
    margin-top:23px;
}

.accordion {
  background-color: #fff;
border-bottom: 1px solid #C4C4C4 !important;
border:none;
  color: #444;
  cursor: pointer;
  padding: 12px 0px;
  width: 100%;

  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
  
font-family: Oxygen;
font-style: normal;
font-weight: bold;
font-size: 15px;
line-height: 133.99%;
color: #669966;
}
.accordion:focus{
 	border-bottom:1px solid #333;
}
.xzoom-thumbs a{
	margin-right:12px;
}
.xzoom3{
	width:100%;
}
.accordion .active,.accordion:hover {
  background-color: #fff;
  	border-bottom:1px solid #333;
}

.accordion:after {
   /** content: '\002B';**/
   content: '';
    color: #777;
    font-weight: bold;
    float: right;
    margin-left: 5px;
    background-image: url(../images/acrd-rnd.svg);
    background-position: 25% 75%;
    position: absolute;
    z-index: 54;
    right: 14px;
    width: 22px;
    height: 23px;
    background-repeat: repeat;
 /** content: '\002B';
  color: #777;
  font-weight: bold;
  float: right;
  margin-left: 5px;
  background-image:url("../images/acrd-rnd.svg") ;
  background-position: 25% 75%;**/
}

.accordion.active:after {
 /* content: "\2212";
 background-image: url(../images/acrd-rnd.svg);*/
 background-color: red;
}

.panel {
 
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
/**owel prdct arousel**/
.no-js .owl-carousel, .owl-carousel.owl-loaded {
    display: block;
    margin-bottom: 170px;
}
.serv-flex{
    margin-top:34px;
}
.serv-flex .heading h1{
margin-bottom:20px;
color:#5C8A5C;
}
.background_color_green{
    background: #DBF9DB;
}
.xzoom3 img{
text-align: center;
width:100%;
}
.xzoom-gallery, .xzoom-gallery2, .xzoom-gallery3, .xzoom-gallery4, .xzoom-gallery5{
	margin-left:0px !important;
}
.xzoom-thumbs{
	text-align:left !important;
	
}
.owl-dots,.owl-dot .active {
display:none;}


/** accrdian sttyle**/
.ac-hd-style{
    margin-top: 72px;
}
.ac-hd-style h3{
	font-family: Patua One;
font-style: normal;
font-weight: normal;
font-size: 35px;
line-height: 104.83%;
/* identical to box height, or 37px */

letter-spacing: -0.02em;

color: #669966;
}
.ac-hd-style h2{
	font-style: normal;
font-weight: bold;
font-size: 22px;
	
}
.ac-hd-style p{
	font-style: normal;
font-weight: normal;
font-size: 20px;
}

.panel p{
    padding: 17px 0px;
	font-family: Oxygen;
font-style: normal;
font-weight: normal;
font-size: 15px;
line-height: 152.49%;

color: #595454;
}
.panel p.color_greeen{

font-style: normal;
font-weight: bold;
font-size: 15px;
color: #669966;
}
p.weght_prce{
	font-family: Oxygen;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 152.49%;

color: #595454;

}
button:focus{
	border-bottom:1px solid #C4C4C4;
	outline:none;
}

