@import url('https://fonts.googleapis.com/css?family=Dosis:700'); /* font-family: 'Dosis', sans-serif; */
@font-face{
	font-family:"MyriadProRegular";
	src:url(../fonts/MyriadProRegular_ttf.ttf);
}

html{}
body{ background-color:#fff;  font-family:"MyriadProRegular"; 
}
html,body{ height:100%; }
body p{ padding:0; margin:0;  }
body h1,body h2,body h3, body h4{ margin:0; padding:0; }
ul{ list-style-type:none; margin:0; padding:0; }
ul li{ list-style-type:none; margin:0; padding:0; }
a{ text-decoration:none !important; }

.cartcol{ float:right; }
.cartcol a{ color:#FFF !important; padding:8px 10px; margin-top:12px; background-color:#87c637; display:block; font-size:22px; }
.fullcontn{ overflow-X:hidden; }
.header{ position:fixed; top:0; width:100%; z-index:80; background-color:#fff; box-shadow:0px 2px 2px rgba(0,0,0,0.2); }
.topmem{ background-color:#131313; padding:5px 0px; }
.topmem p{ padding:6px 0px; color:#fff; margin:0;  }
.topmem p span{ padding-right:20px; }.topmem p span i{ padding-right:5px; color:#fff; }
.socialcol ul{ margin:0; padding:0; }
.socialcol ul li{ padding:0; margin:0; }
.socialcol ul li a { float:left; margin-right:5px; width:28px; height:28px; text-align:center; display:table; }
.socialcol ul li a span{ padding:5px; display:block; color:#fff; }
.socialcol ul li a i{ vertical-align:middle; display:table-cell; color:#fff; }
.sicn{ border:1px solid #eee; border-radius:50%; }
.headcol{ padding:10px 0px; }
a.logo{ padding:0px 0px; display:block; background-color:#fff; }

nav{ position:relative; z-index:999; }
.mainmenu{ margin:10px 0px; position:relative; width:100%; }
.mainmenu ul li a{ padding:15px 10px; position:relative; display:block; color:#000; text-decoration:none; font-size:15px;  }
.mainmenu  > ul > li > a:after{ position:absolute; bottom:0px; height:3px; width:0%; left:0; content:''; background-color:#a2c225; -moz-transition:all ease-in-out 0.4s; -webkit-transition:all ease-in-out 0.4s; transition:all ease-in-out 0.4s;}	
.mainmenu > ul > li > a:hover,.mainmenu > ul > li.active > a{ color:#333;}
.mainmenu > ul > li:hover a:after, .mainmenu > ul > li.active > a:after{ width:100%; }
.mainmenu > ul > li > ul{ position:absolute; background-color:#fff; padding:10px; display:none; min-width:200px; margin:0; }
.mainmenu > ul > li > ul > li{  border-top:1px solid #ddd; }
.mainmenu ul li>ul li a{ padding:10px 0px; display:block; font-size:13px; margin:0; }
.mainmenu ul li>ul li:nth-child(1){ border-top:0; }
.mainmenu ul li>ul li a:hover{ color:#87c637; }

.respnav{ float:right; z-index:99; position:relative; }
.respnav i{ font-size:25px; padding:10px 20px; cursor:pointer; color:#333; }
#respo_menu{ display:none; overflow:hidden; position:relative; z-index:99; }
#respo-submenu{ position:fixed; top:0; bottom:0; background:#fff; padding:10px; border-top:1px solid #ccc; box-shadow:0px 0px 2px #aaa; left:-100%; -webkit-transition:all ease-in-out 0.2s; -moz-transition:all ease-in-out 0.2s; -ms-transition:all ease-in-out 0.2s; transition:all ease-in-out 0.2s; width:220px; overflow:auto; z-index:99; }
#respo-submenu ul { margin:0px; padding:0px; }
#respo-submenu ul li a{ display:block; padding: 8px 0 8px 10px; color:#333; font-size:13px; text-decoration:none; }
#respo-submenu ul li ul li{ position:relative;  padding:0px 18px; font-size:16px; color:#333; }
#respo-submenu ul li ul li:before{ content:'\f005'; font-family: 'FontAwesome'; position:absolute; top:10px; left:0; font-size:11px; vertical-align:middle; color:#7D8BBE; diplay:none; }
#respo-submenu ul li a:hover{ background-color:#444; color:#fff;dispaly:block; }

.frombackcol{ opacity:0; transform:translateY(200px); z-index:5; }
.fromleftcol{ opacity:0; transform:translateX(-500px); z-index:5; }
.fromrightcol{opacity:0; transform:translateX(500px); z-index:5; }
.animat{ padding:80px 0px 0px 0px; background-image:url(../images/promo.png); background-size:cover; overflow:hidden; } 
.animibacknrml{ opacity:1; transform:translateY(0); }
.animileftnrml{ opacity:1; transform:translateX(0); }
.animirightnrml{ opacity:1; transform:translateX(0); }

.tran01{ transition:all ease-in-out 1.5s; -moz-transition:all ease-in-out 1.5s; -webkit-transition:all ease-in-out 1.5s; -ms-transition:all ease-in-out 1.5s; -o-transition:all ease-in-out 1.5s; }

.welcom{  padding:30px 0px; }
#textcol{ text-align:center; }
#textcol h1{ text-transform:capitalize; }
#textcol h1 strong{ color:#87c637; font-weight:bold; } 
#textcol p{ text-transform:uppercase; letter-spacing:3px; margin:0; padding:10px 0px; color:#888; }
.boxcol{ padding:20px 0px; }
.boxcol h3{ position:relative; color:#555; font-size:18px; padding-bottom:10px; margin-bottom:13px;text-transform:capitalize; }
.boxcol h3:after{ content:''; position:absolute; bottom:0; background-color:#aaa; width:30px; height:2px; }
.boxcol p{ color:#666; }
.boxcol img{ background-color:#f1f1f1; border-radius:50%; padding:20px; }
.leftcol{ text-align:right; }
.leftcol h3:after{ right:0; }

.rightcol{ text-align:left; }
.rightcol h3:after{ left:0; }

.newscol{ background-color:#ddd;padding:0px; }
.newscol h4{ background-color:#a2c225; padding:10px 20px; color:#fff; display:inline-block; }
.newscol marquee{ padding:10px 0px;  }

.aboutus{ position:relative; padding:50px 0px; background-image:url(../images/aboutbg.jpg); background-attachment:fixed; background-size:cover; }
.aboutus > div{ position:relative; z-index:55; }
.aboutus:after{ position:absolute; background-color:rgba(0,0,0,0.9); content:''; left:0; top:0; right:0; bottom:0; }
.aboutus h2{ color:#fff; }
.aboutus p{ font-size:15px; color:#fff; padding:10px 0px; }
.dlink{ text-align:right; }
.dlink a{ border:1px solid #eee; color:#eee; padding:5px 12px; display:inline-block; }
#videocol{ border:10px solid #fff; }


.fourbox{ padding:50px 0px; }
.fourbox h2{ text-align:center; text-transform: uppercase; padding-bottom:20px; margin:0; }
.fourbox h2 strong{ color:#87c637; }
.fourboxcol{ border:2px solid #bbb; background-color:#fff; margin-bottom:30px; }
.imghvr{ position:relative; overflow:hidden; height:100%; }
.addtoc{ position:absolute; background-color:rgba(76, 175, 80, 0.42); left:0; right:0; top:0; bottom:0; height:100%; width:100%; display:none; z-index:44;  }
.addtoc > div{ display:table-cell; vertical-align:middle;  text-align:center; height:100%; }
.addtoc > div h4 a{ border:2px solid #888; display:inline-block; padding:10px; background-color:rgba(0,0,0,0.5); color:#eee; }
.imghvr img{ padding:20px; transition:all ease-in-out 0.5s; -moz-transition:all ease-in-out 0.5s; -webkit-transition:all ease-in-out 0.5s; -ms-transition:all ease-in-out 0.5s; -o-transition:all ease-in-out 0.5s; z-index:33; }
.fourboxcol:hover .addtoc{ display:table; height:100%; top:0; bottom:0; }
.fourboxcol:hover .imghvr img{ -moz-transform:scale(1.1) rotate(5deg); transform:scale(1.1) rotate(5deg); }
.boxtitle{ background-color:#87c637; }
.boxtitle p{ margin:0; padding:10px; color:#fff; font-size:16px; text-transform:uppercase; }

.footer{ background-image:url(../images/footer.jpg); background-size:cover; position:relative; border-top:2px solid #15A249; overflow:hidden;  }
.footer:after{ position:absolute; content:''; top:0; bottom:0; left:0; right:0; background-color:rgba(0,0,0,0.8); }
.footer > div{ position:relative; z-index:66; }
.fom{  overflow:hidden; padding:30px 0px;   }
.fom h3{ margin:0; padding-bottom:20px; padding-left:5px; color:#fff; font-weight:600; }
.fom ul{ margin:0; padding:0; }
.fom ul li:before{ display:none; } 
.fom ul li{ margin:0px 0px 10px 0px; padding:0px 5px;}
.fom ul li input,.fom ul li textarea{ background:none; }


#footercol{ background-color:#fff; background-attachment:fixed; background-repeat:no-repeat; background-size:contain; background-position:bottom; padding:40px 0px; position:relative; z-index:12; overflow:hidden; clear:both; }
.footermenu h3{  font-size:20px; color:#fff; font-weight:600; margin-bottom:15px; }
#footercol p{ color:#fff; }
.footermenu{ padding:30px 0px; }
.footermenu p{ color:#fff; }
.footermenu ul{ padding-right:10px; }
.footermenu ul li{ padding:0px 10px; position:relative; }
.footermenu ul li a{ font-size:13px; color:#fff; border-bottom:1px dotted #ddd; display:block; padding:8px 0px; transition:all ease-in-out 0.2s; -moz-transition:all ease-in-out 0.2s; -webkit-transition:all ease-in-out 0.2s; -ms-transition:all ease-in-out 0.2s; -o-transition:all ease-in-out 0.2s;}
.footermenu ul li:before{ content:'\f105 '; font-family: 'FontAwesome'; color:#fff; font-size:10px; vertical-align:middle; position:absolute; left:0; top:10px; }
.footermenu ul li a:hover{ padding:8px 8px;  }

#footer{ text-align:center; background-color:#87c637;  }
#footer p{ margin:0; padding:10px 0px; font-size:13px; color:#eee;}

#myBtn { display: none; position: fixed; bottom: 20px; right: 20px; z-index: 99; border: none; outline: none; background-color: #555; color: white;
  cursor: pointer; padding: 10px; }
#myBtn:hover { background-color: #87c637; }


#inpage{ background-image:url(../images/about-us.jpg); background-size:cover; background-attachment:fixed; padding:30px 0px; }
.bodycol{ background-color:rgba(255,255,255,0.9); padding:20px; }
.bodycol h2{ margin-bottom:20px; padding-bottom:10px; position:relative; text-transform:uppercase; font-size:24px; }
.bodycol h2:after{ content:''; position:absolute; bottom:0; background-color:#87c637; left:0; width:70px; height:2px; }

.bodycol p{  padding-bottom:10px;  }
.sidenav{ background-color:rgba(255,255,255,0.5); padding:20px; }
.pagination li a{ color:#333 !important;}
s.error{ font-size:10px; color:#F00; }
.sidenav ul li{ padding:0px 10px; position:relative; }
.sidenav ul li a{ font-size:15px; color:#000; border-bottom:1px dotted #ddd; display:block; padding:8px 0px;  transition:all ease-in-out 0.2s; -moz-transition:all ease-in-out 0.2s; -webkit-transition:all ease-in-out 0.2s; -ms-transition:all ease-in-out 0.2s; -o-transition:all ease-in-out 0.2s;}
.sidenav ul li:before{ content:'\f105 '; font-family: 'FontAwesome'; color:#333; font-size:12px; vertical-align:middle; position:absolute; left:0; top:10px; }
.sidenav ul li a:hover{ padding:8px 8px; color:#87c637; }

/* Extra small devices (portrait phones, less than 576px) */
/*No media query since this is the default in Bootstrap*/
/*Small devices (landscape phones, 576px and up)*/

/*Large devices (desktops, 992px and up)*/
@media (max-width: 992px) { .mainmenu,.sidetab,.topmem{ display:none; } .respnav{ display:block; } #respo_menu{ display:block; } .header:after{ width:100%; }.row01:after{ width:100%; }.cartcol a{ margin-top:2px; } }

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) { .mainmenu,.sidetab,.topmem{ display:block; } .respnav{ display:none; } #respo_menu{ display:none; } .header:after{ width:20%; }.row01:after{ width:40%; } .cartcol a{ margin-top:12px; } }

/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { .mainmenu,.sidetab,.topmem{ display:block; } .respnav{ display:none; } #respo_menu{ display:none; } .header:after{ width:20%; } .row01:after{ width:40%; } .cartcol a{ margin-top:11px; }  }

 .stock  h5{
    background: #6ca02a;
    padding: 3px;
    width: 142px;
    text-align: center;
    text-transform: capitalize;
    margin-left: 10px;
    color: white;
    border-radius: 4px;
	font-size: 12px;
	    height: 20px;
}