@charset "utf-8";

/* CSS Document */





*{

	padding:0px auto;

	margin:0px auto;

}

.wrapper{

	width:100%;

	height:100%;

}



*{margin:0;padding:0;text-decoration:none}

body{background:#555;}

header{position:relative;width:100%;background:#333;}

.logo{position:relative;z-index:123;padding:10px;font:18px verdana;color:#6DDB07;float:left;width:15%}

.logo a{color:#6DDB07;}

nav{position:relative;width:auto;margin:0 auto;}

#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile{border:0;list-style:none;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:sans-serif;background:#333}

#cssmenu > ul > li{float:left}

#cssmenu > ul > li > a{padding:17px;font-size:15px;letter-spacing:1px;text-decoration:none;}

#cssmenu > ul > li:hover > a,#cssmenu ul li.active a{color:#fff;}

#cssmenu > ul > li:hover,#cssmenu ul li.active:hover,#cssmenu ul li.active,#cssmenu ul li.has-sub.active:hover{background:#f4f4f4;-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:26px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}

#cssmenu > ul > li.has-sub > a:before{position:absolute;top:23px;right:14px;display:block;width:2px;height:8px;background:#ddd;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}

#cssmenu ul ul li{height:0;-webkit-transition:all .25s ease;-ms-transition:all .25s ease;background:#f4f4f4; transition:all .25s ease}

#cssmenu ul ul li:hover{}

#cssmenu li:hover > ul{left:auto}

#cssmenu li:hover > ul > li{height:35px}

#cssmenu ul ul ul{margin-left:100%;top:0}

#cssmenu ul ul li a{border-bottom:1px solid rgba(150,150,150,0.15);padding:11px 15px;width:170px;font-size:12px;text-decoration:none;color:#fff;font-weight:400;}

#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:#fff}

#cssmenu ul ul li.has-sub > a:after{position:absolute;top:16px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}

#cssmenu ul ul li.has-sub > a:before{position:absolute;top:13px;right:14px;display:block;width:2px;height:8px;background:#ddd;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:#363636;}

#cssmenu ul ul ul li.active a{border-left:1px solid #333}

#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active> a{border-top:1px solid #333}



@media screen and (max-width:1000px){

.logo{position:absolute;top:0;left: 0;width:100%;height:46px;text-align:center;padding:10px 0 0 0 ;float:none}

.logo2{display:none}

nav{width:100%;}

#cssmenu{width:100%}

#cssmenu ul{width:100%;display:none}

#cssmenu ul li{width:100%;border-top:1px solid #444}

#cssmenu ul li:hover{background:#363636;}

#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}

#cssmenu > ul > li{float:none}

#cssmenu ul ul li a{padding-left:25px}

#cssmenu ul ul li{background:#333;}

#cssmenu ul ul li:hover{background:#363636;}

#cssmenu ul ul ul li a{padding-left:35px}

#cssmenu ul ul li a{color:#ddd;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:12px;font-weight:700}

.button{width:55px;height:46px;position:absolute;right:0;top:0;cursor:pointer;z-index: 12399994;}

.button:after{position:absolute;top:22px;right:20px;display:block;height:4px;width:20px;border-top:2px solid #dddddd;border-bottom:2px solid #dddddd;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:#ddd;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:#262626}

#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:#ddd;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:#ddd;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}

}









.three-cat{



background-color:#483d8b;

padding-top: 20px;

float: left;

min-height: 160px;

width: 100%;

padding-left: 10px;

padding-top: 25px;

color: #fff;

border-radius: 3px;

}



.three-cat h3{

margin-bottom: 15px;

}



.three-cat .btn{

background-color: #fff;

border-radius: 3px;

font-weight: 700;

padding: 5px 15px 5px 15px;

color:#666;

font-size: 13px;

border-radius: 3px;

transition: 0.5s all;





}





.three-cat .btn:hover{

background-color:#fff;

border:1px solid black;

color:#333;

transition: 0.5s all;

}



.three-cat .pmargin{

margin-bottom: 5px;

}







.menu ul{

    margin-bottom:0px !important;

    



}



.container{

	width:80% !important;

	margin:0px auto;

}

.bgcolor{

	background-color:#000;

	color:#fff;

}



.org-bgcolor{

	background-color:#fff;

	color:#333;

	border-bottom:1px solid #cecece;

}





.white_bg{

	background-color:white;

}



.main_div {

    height: 40%;

    width: 30%;

    margin-left: 30%;

    margin-top: 5% !important;

    background-color:#597a94;

    padding: 20px;

	margin-bottom:80px;

}





/*slider code*/





.parent-box{

	width:100%;

	background-color:#fff;

	display:flex;

	

	

}





.shippingsection{

 box-shadow:0px 0px 0px 0px #cecece;

 transition:1s;

}



.shippingsection:hover{

 box-shadow:10px 10px 10px 10px #cecece;

 transition:1s;

}



.parent-box-mainbanner{

	width:100%;

	background-color:#ffa71d !important;

	display:flex;		

}



.p-one{



	height:100%;

	width:100%;



}





#one{

	height:500px !important;

}



#two .box{

		height:340px;

		background-color:transparent;

}





#three .box_three{

		height:340px;

		background-color:transparent;

}







.box{

	height:100% !important;

}



.box_three{

	height:auto;

	background-color:green;

	height:100%; 

	background-color:#f4f4f4; 

	margin-right:8px; 

	float:left;

	width:100%;



}



.box_three img{

	height:auto;

	width:100%;

	position:absolute;

}



.box_three .buy_btn{

	color:#fff; 

	text-align:center; 

	padding:10px 10px 10px 10px; 

	font-size:12px; 

	background-color:#333;

	position:absolute;

	z-index:111;

	opacity:0;

	transition:0.5s all;

	transform:translateX(100px);

}

.box_three:hover{

	background-color:white !important;

}



.box_three:hover .buy_btn{

	color:#fff; 

	text-align:center;  

	font-size:12px; 

	background-color:#666;

	position:absolute;

	z-index:111;

	opacity:1;

	transition:0.5s all;

	transform:translateX(0px);

}







.box_three .p_des{

	color:#999; 

	text-align:center; 

	font-size:16px;

	position:absolute;

	z-index:1111;

	width:100%;

	height:auto;

	clear:both;

	background-color:#333;

	opacity:0;

	color:#fff;

	bottom:0;

	transition:0.5s all;

	transform:translateY(100px);

}



.box_three .p_des .adtocart-btn{

	height:100%; 

	width:50%; 

	float:left; 

	background-color:#00b5ad !important;

	color:#fff;

	padding: 10px 0px 10px 0px;

	border:0px;

}



.box_three .p_des .adtocart-btn a{

	color:#fff !important;

}

.box_three .p_des .adtocart-btn a:hover{

	text-decoration:none !important;

}



.box_three .p_des .detail-btn a{

	color:#fff !important;

	transition:0.5s all;

}

.box_three .p_des .detail-btn a:hover{

	text-decoration:none !important;

	color:#333;

	transition:0.5s all;

}









.box_three .p_des .detail-btn{

	height:100%; 

	width:100% !important;

	float:left; 

	background-color:#f4f4f4 !important;; 

	color:#fff;

	padding: 10px 0px 10px 0px;

	border:0px;

}





.box_three:hover .p_des{

	color:#999; 

	text-align:center; 

	font-size:16px;

	position:absolute;

	z-index:1111;

	width:100%;

	height:auto;

	clear:both;

	background-color:#333;

	opacity:1;

	color:#fff;

	bottom:0;

	transition:0.5s all;

	transform:translateY(0px);

}



.box_three:hover .box_three img{

	height:auto;

	width:100%;

	position:absolute;

	transform:scale(5px);

	transition:0.5s all;

}



.boxmain{

	height:500px !important;



}



	.owl-carousel .owl-nav button.owl-prev{

    /*background: none;*/

    color: #fff;

    font-weight:bold;

    border: none;

    padding: 0 !important;

    font: inherit;

	position:absolute;

	top:50%;

	height:50px;

	width:50px;

	border:50%;

	background-color:

	#f06693;

	transform: translatey(-50%);

	}



	.owl-carousel .owl-nav button.owl-next{

		

    /*background: none;*/

    color: #fff;

    font-weight:bold;

    border: none;

    padding: 0 !important;

    font: inherit;

	position:absolute;

	top:50%;

	right:0;

	height:50px;

	width:50px;

	border:50%;

	background-color:

	#f06693;

	transform: translatey(-50%);

	}

p{

font-family:Arial, Helvetica, sans-serif;

font-size:14px;	

}





.menu{

	padding:0px 0px 0px 0px;

}

.menu ul{

	display:flex !important;



}



.menu ul li{

	list-style: none;

	margin-right: 20px;

	position: relative;

	font-family: Arial, Helvetica, sans-serif;

	padding: 20px 0px 20px 0px;

	width: 215px !important;

	color:#333;



}

.menu ul ul{

	display:none !important;

	width:200px;



}



.menu ul li:hover ul{

	display:block !important;

	width:200px;

	position:absolute;

	z-index:11111;

	left:0px;

	right:0px;

	background-color:#e4e4e4;

	margin-top:20px;

	text-align:left;

	padding-left:-200px !important;











/*		

transform: scaleY(0);

-ms-transform: scaleY(0);

-webkit-transform: scaleY(0);

transform-origin: 0 0 0;

-webkit-transition: all 0.5s ease-out;

-moz-transition: all 0.5s ease-out;

-ms-transition: all 0.5s ease-out;

-o-transition: all 0.5s ease-out;

transition: all 0.5s ease-out;	





border: 1px solid

#f1f1f1;

text-align: left;

opacity: 0;

position: absolute;

top: 100%;

transform: scaleY(0);

-ms-transform: scaleY(0);

-webkit-transform: scaleY(0);

transform-origin: 0 0 0;

width: 180px;

z-index: 99999;

background:

#FFFFFF;

padding: 0;

-webkit-transition: all 0.5s ease-out;

-moz-transition: all 0.5s ease-out;

-ms-transition: all 0.5s ease-out;

-o-transition: all 0.5s ease-out;

transition: all 0.5s ease-out;	

	

	*/

	

}



.menu ul li:hover ul li{

	margin-left:-40px;

	padding:15px 0px 15px 25px;

	color:#333 !important;

}





.menu ul li:hover ul li a{

	color:#333 !important;

	text-decoration:none;

}



.menu ul li:hover ul li:hover{

	background-color:#fff;

	color:red !important;

	width:100%;

}



.overlayer{

	display:none;

}







.galleryimg{

	height:25$;

	width:24%;

/*	overflow:hidden;*/

	float:left;

}



.galleryimg product_div{

	width:200px;

	height:200px;

	position:absolute;

	overflow:hidden;

}





.galleryimg product_div img{

	transition:0.5s;

	transform:scale(1);

}

.galleryimg .demo {

	background-color:red; position:absolute;

	padding:10px;

	margin-left:20px;

	margin-top:20px;

	color:#fff;

	display:none;

}

.galleryimg div img:hover .demo{

	width:100%;

	height:100%;

	transition:0.5s;

	transform:scale(1.2);

	display:block;

	padding:20px;

}





.testmain{

	height:300px;

	width:300px;

	overflow:hidden !important;

	background-color:white;

}

.testmain_caption{

	padding:20px;

	background-color:red;

	color:#fff;

	position:absolute;

	opacity:0.5;

	display:none !important;

	transition:0.5s;





}



.testmain img{

	width:300px;

	height:300px;

	transition:0.5s;

	transform:scale(1);





}



.testmain:hover img{

	transition:0.5s;

	transform:scale(1.2);



}



.testmain:hover .testmain_caption{

	

	display:block !important;

	transition:0.5s;

	position:absolute;



}



.gry_bg{

/*	background-color:#1f2734 !important;*/

	background-color:#e6e6e6 !important;

/*color:#fff;*/

}



.p_10{

	padding:10px;

}

.p_20{

	padding:20px;

}

.p_30{

	padding:30px;

}

.p_40{

	padding:40px;

}

.p_tb_20{

	padding:20px 0px 20px 0px;

}

.p_tb_30{

	padding:30px 0px 30px 0px;

}

.p_tb_40{

	padding:40px 0px 40px 0px;

}





.min_shipping_box{

	min-height:200px;

	max-height:100%;

}



.shipping_box{

	background-color:#fff;

	color:#333;

	width:33%;

	float:left;

	

}



 .responsive-number {

	text-align: right;

}



@media (max-width: 575px) {



    

  body {

    background-color: lightgreen;

  }

 .responsive-email {

     text-align: center;

     color:yellow;

    }

 .responsive-number {

     color:yellow !important;

	 text-align:center !important;

    }

 .responsive-logo{

	 text-align:center;

	 color: yellow !important;

 }

 .responsive-search-field{

	 width:70% !important;

 }

 .responsive-search-btn{

	 width:30% !important;

 }

 .responsiv-main-number{

	 padding: 0px;

	font-size: 22px;

	font-weight: bold;

	color: #fff;

	min-height: 40px !important;

	text-align: center !important;

	line-height: 20px !important;

	float: left;

	font-family: 'Open Sans', sans-serif;

	text-transform: uppercase;

	width: 73% !important;

 }

 

  .responsiv-main-number .responsiv-icon{

	float: left !important;

	width: 20% !important;

	padding: 0px !important;

  }

  .responsiv-main-number .responsiv-number{

	float: left !important;

	padding: 0px !important;

	width: 80% !important;

  }

  

  

    

  

}