body,html{width:100%;height:100%;}
body, div, ul, li, table, td, tr, th, ol, p, img, h1, h2, h3, h4, h5, h6, span, form{margin:0px;padding:0px; font-family: 'roboto-regular';}
ul{list-style:none;} 
body{font-size:15px;font-weight:normal;color:#000; background:#FBFBFB;}
*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
*{margin:0;padding:0;}

  
.togglemenu{float:none;padding:10px 10px; padding-top:6px; margin:0; cursor:pointer; margin:auto;  float:right; background:#000; margin-top:6px; margin-bottom:6px; display:none; }
.menuwrap{width:100%; float:left; background-color: rgba(0,0,0, 0.5); position: fixed; z-index:1000}
.menupanel{width:100%; float:left;}
.menupanel ul{list-style:none; float:right;}
.menupanel ul li{float:left; padding-left:25px; padding-right:25px; line-height:50px; font-family: 'roboto-black'; font-size:13px; letter-spacing:1px; position:relative}
.menupanel ul li a{ color:#FFF; text-transform:uppercase;}
.menupanel ul li:hover,.menupanel ul li.activemenu{}
.menupanel ul li:hover a,.menupanel ul li.activemenu a{ color:#FC0;}
.menupanel ul li a:hover{text-decoration:none;}


/*------Banner---------*/
.bannerpanel{ width:100%; float:left;  background:url(../images/banner/bannerbg01.jpg) left top no-repeat; background-size:cover; padding-top:90px;}
.bannerpanel img{ max-width:100%; height:auto;}
.bannerpanel .slideimg{padding-top:20px; }
.bannerpanel .slideimg img{max-width:100%; height:auto; margin-bottom:-100px; position:relative; z-index:10000000000000000}
.bannerpanel  .slide01{width:100%; min-height:500px; float:left; padding-left:5%; padding-right:5%; }
.bannerpanel .bannertext{ width:100%; float:left; position:relative;   padding-left:0; padding-right:0; padding-top:50px;  }
.bannerpanel .bannertext h2{font-size:35px; margin:0;   font-family:'roboto-black'; text-transform:uppercase; letter-spacing:2.5px; margin-top:60px; margin-bottom:5px; color:#FFF; text-align:center;}
.bannerpanel .bannertext h3{font-size:50px; margin:0;   font-family:'roboto-black'; text-transform:uppercase; letter-spacing:2.5px; color:#FFF; margin-bottom:20px; 
text-shadow:1px 1px 1px #333; text-align:center;}
.bannerpanel .bannertext p{color:#FFF; font-size:19px; text-align:center;}
.bannerpanel .bannertext{color:#FFF;}
.bannerpanel .bannertext a{display:inline-block; padding:10px 35px; background:#FC0;  color:#000000; font-family: 'roboto-black'; letter-spacing:1.5px; font-size:19px; margin-right:5px; transition: all 0.5s ease 0s;}
.bannerpanel .bannertext a:hover{text-decoration:none; background:#242424; color:#FFF;}
.bannerpanel .butonpanel{width:100%; float:left; text-align:center!important; margin-top:30px;}
 
.bannerpanel .carousel-control{width:5%;}
.bannerpanel .carousel-caption {position:absolute; right:15%; bottom:40%; left:15%; z-index:10; padding-top:20px; padding-bottom:20px; color:#FFF; text-align:left!important;
text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.6);}
.bannerpanel .carousel-indicators li {border: 1px solid #FFF;}
.carousel-caption h1:first-child {-webkit-animation-delay: 2s;animation-delay: 2s;}
.carousel-caption h1:nth-child(2) {-webkit-animation-delay: 2.5s;animation-delay: 2.5s;}

.slide02img{position:relative; z-index:100000000;}
/*------Banner---------*/


.aboutuspanel{width:100%; float:left; padding-top:50px; padding-bottom:50px; background:#FFF;}
.aboutuspanel h3{color:#5E8802; font-size:28px; font-style:italic;}
.aboutuspanel img{max-width:100%; height:auto; margin-bottom:20px;}
.aboutuspanel p{font-size:17px; color:#333333; line-height:30px; margin-top:20px;}
.aboutuspanelreadmore{width:100%; float:left; margin-top:50px; text-align:center;}
.aboutuspanelreadmore a{background:#314A5E; padding:9px 35px; font-size:20px; color:#FFF; border-radius:4px; transition: all 0.5s ease 0s;}
.aboutuspanelreadmore a:hover{background:#242424; text-decoration:none;}

.spaservice{width:100%; float:left; text-align:center; padding-top:50px; padding-bottom:50px; background:url(../images/bg01.jpg) no-repeat; background-size:cover; }
.spaservice h2{ color:#FFF; margin-bottom:25px; font-size:30px;}
.spaservice p{ color:#FFF; margin-bottom:30px;}
.spaservice img{max-width:100%; height:auto;}
.spaservicepanelreadmore{width:100%; float:left; margin-top:50px; text-align:center;}
.spaservicepanelreadmore a{background:#FFF; padding:9px 35px; font-size:20px; color:#314A5E; border-radius:4px; transition: all 0.5s ease 0s; display:inline-block;}
.spaservicepanelreadmore a:hover{background:#242424; color:#FFF; text-decoration:none;}
 
 .packageprice{width:100%; float:left; background:#FFF; padding-top:50px; padding-bottom:50px;}
 .packagepricebox{width:100%; float:left; background:#FAFAFA; border:3px solid #F2F0F0;  padding:15px; border-radius:4px; margin-bottom:30px;}
 .packagepricebox h3{ color:#314A5E; font-size:16px; font-family: 'roboto-black'; letter-spacing:1px; margin:0; margin-bottom:10px;}
 .packagepricebox h4{ color:#314A5E; font-size:16px; font-family: 'roboto-black'; letter-spacing:1px; margin:0; margin-bottom:10px; text-align:right;}
 .packagepricebox .row{border-bottom:1px dashed #B3AFAF; margin-bottom:10px; padding-bottom:10px;}
 .packagepricebox .row:last-child{border-bottom:none;}

 .testimonial{width:100%; float:left; background:url(../images/testimonialbg.jpg) no-repeat; background-size:cover; padding-top:150px; padding-bottom:150px;}
 .testimonialcont{width:100%; float:left; border-top:2px solid #FFF; border-bottom:2px solid #FFF; padding-top:50px; padding-bottom:50px;}
 .testimonialcont img{max-width:100%; height:auto;}
 .testimonialdetail{width:100%; float:left; padding-top:50px; color:#FFF;}

 .footercontact{width:100%; float:left; background:url(../images/bg02.jpg); background-size:cover; padding-top:80px; padding-bottom:80px; margin-top:50px; }
 .footercontact h2{color:#FFF; font-size:36px;   letter-spacing:1px; text-align:center; text-transform:uppercase; margin-bottom:20px;}
 .footercontact p{color:#FFF; margin-bottom:30px;} 
 .footermenu{width:100%; float:left;  border-top:2px solid #FFF; padding-top:50px;}
 .footermenu ul{list-style:none;}
 .footermenu ul li{ margin-bottom:8px;}
 .footermenu ul li a{color:#FFF;}
 .footermenu ul li a:hover{ text-decoration:none;}
  
.solidline{width:100%; float:left; border-bottom:1px solid #E9E9E9; margin-top:15px; margin-bottom:15px;}

.midpanel{width:100%; float:left; background:#FBFBFB; padding-top:50px;}

.homeproductpanel{width:100%; float:left;   margin-bottom:50px;}
.homeproductrow{width:100%; float:left; margin-bottom:30px;}


.homeproductslidepanel{width:100%; float:left; background:#FFF; box-shadow:0 0 5px #ccc; padding:15px; margin-bottom:30px;}
.homeproductslidepanel ul{list-style:none; float:right;}
.homeproductslidepanel ul li{float:left; padding-left:10px; padding-right:10px;}
.homeproductslidepanel ul li a{transition: all 0.5s ease 0s; color:#3D3D3D;}
.homeproductslidepanel ul li a:hover{ text-decoration:none; color:#F92400;}
.homehotdeal{width:100%; float:left; background:#FFF; box-shadow:0 0 5px #ccc; padding:15px; }
.homehotdeal h2{ font-size:22px; color:#000; text-transform:uppercase;}
.homehotdeal .carousel-control {position:static!important;}

.homeproductslider{width:100%; float:left; background:#F5F5F5;  margin-bottom:30px;}
.homeproductslider .productcont{width:100%; float:left; border:1px solid #E2E2E2; background:#FFF;}
.homeproductslider .productcont .productslider{width:100%; float:left; position:relative;}

.homeproductslider .arrowleft{top:-30px; right:0; position:absolute;}
.homeproductslider .arrowright{top:-30px; right:30px; position:absolute;}
.homeproductslider .productsliderbutton{width:100%; float:left; text-align:center; padding-bottom:20px; border-top:1px solid #ECECEC;}
.homeproductslider .productsliderbutton .productbuttonrow1{width:100%; float:left; margin-bottom:10px; position:relative; margin-top:-20px;}
.homeproductslider .productsliderbutton .productbuttonrow2{width:100%; float:left;}
.homeproductslider .productsliderbutton a{ font-size:14px; color:#CCCCCC; transition: all 0.5s ease 0s; }
.homeproductslider .productsliderbutton a:hover{color:#028CD1; text-decoration:none;}
.homeproductslider .productsliderbutton a.addtocart{background:#028CD1; color:#FFF; padding:8px 25px; display:inline-block; transition: all 0.5s ease 0s; font-family: 'roboto-black'; 
font-size:14px; letter-spacing:1px;}
.homeproductslider .productsliderbutton a.addtocart:hover{background:#242424; text-decoration:none;}
.bordernone{border:none;}

.loadproduct{width:100%; float:left; text-align:center;}

.ourbrand{width:100%; float:left;background:#f10e34; padding-top:20px; padding-bottom:5px;}
.ourbrand h2{ position:relative;  text-align:center; font-family: 'roboto-black'; font-size:35px; }
.ourbrand h2:before{ position:absolute; left:0; top:60%; z-index:0; border-bottom:1px solid #ccc; width:100%; content:""}
.ourbrand  .brandname{width:100%; float:left; text-align:center; margin-bottom:15px;}
.ourbrand  .brandname img{max-width:100%; height:auto;}

.latestviewed{width:100%; float:left; margin-top:50px; margin-bottom:50px;}
.latestviewed h2{text-align:center; font-size:30px; color:#595959; text-transform:uppercase; margin-bottom:20px;}

.footer{width:100%; float:left;  padding-top:50px; background:#262626; padding-bottom:50px;}
.footer h2{font-size:16px;font-family: 'roboto-black'; color:#FFF; margin-bottom:20px; padding-bottom:10px; letter-spacing:2px;}
.footer h3{color:#FFF; font-size:15px;font-family: 'roboto-black'; letter-spacing:1px; margin-bottom:10px;}
.footer h4{color:#595959; font-size:14px;font-family: 'roboto-black'; letter-spacing:1px; margin-bottom:10px;}
.footer p{color:#595959;}
.footer p span.oldprice{ text-decoration:line-through; font-size:12px;} 
 .footer .footerrow{width:100%; float:left; margin-bottom:20px;}
.footer ul{list-style:none;}
.footer ul li{ color:#595959; font-size:14px; margin-bottom:10px;}
.footer ul li a{ color:#595959;}
.footer ul li a:hover{ color:#FFF; text-decoration:none;}

.footersocialmedia{width:100%; float:left; margin-bottom:30px;}
.footersocialmedia a{display:inline-block; margin-left:7px; margin-right:7px; color:#000; transition: all 0.5s ease 0s;}
.footersocialmedia a:first-child{margin-left:0px;}
.footersocialmedia a:last-child{margin-right:0px;}
.footersocialmedia a:hover{color:#028CD1;}
.footer .fa{background:#FFF; width:35px; height:35px; border-radius:100%; text-align:center; line-height:35px; font-size:19px; color:#141414;}


 
 
.freeshiping{width:90%;display:inline-block; position:relative; background:#D9BF8F; padding:25px; z-index:3}
.freeshiping h2{ color:#FFF; font-size:24px; margin:0; font-family: 'roboto-black'; letter-spacing:1px}
.freeshiping p{color:#FFF;}
.freeshiping div{ position:relative; padding-left:60px;}
.freeshiping div:before{content: "\f072"; position:absolute; top:-8px; left:0;  font-family: 'FontAwesome'; color:#FFF; font-size:50px;}
.freeshiping i{ color:#FFF; font-size:50px;}
.freeshiping:after{content:''; display:block; position:absolute; left:100%; top:10px; margin-top:-10px; width:0; height:0;
border-top:50px solid transparent;
border-right:50px solid transparent;
border-bottom:50px solid transparent;
border-left:50px solid #D9BF8F;
}

.support{ width:100%;display:inline-block; position:relative; background:#D9BF8F; padding:25px; z-index:2}
.support h2{ color:#FFF; font-size:24px; margin:0; font-family: 'roboto-black'; letter-spacing:1px}
.support p{color:#FFF;}
.support div{ position:relative; padding-left:60px;}
.support div:before{content: "\F1CD"; position:absolute; top:-8px; left:0;  font-family: 'FontAwesome'; color:#FFF; font-size:50px;}
.support:after{content:''; display:block; position:absolute; right:100%; top:10px; margin-top:-10px; width:0; height:0;
border-top:50px solid transparent;
border-right:50px solid #D9BF8F;
border-bottom:50px solid transparent;
border-left:50px solid transparent;
}


.daysreturn{ width:90%;display:inline-block; position:relative; background:#000000; padding:25px;}
.daysreturn h2{ color:#FFF; font-size:24px; margin:0; font-family: 'roboto-black'; letter-spacing:1px}
.daysreturn p{color:#FFF;}
.daysreturn div{ position:relative; padding-left:100px;}
.daysreturn div:before{content: "\F017"; position:absolute; top:-8px; left:40px;  font-family: 'FontAwesome'; color:#FFF; font-size:50px;}
.daysreturn:before{content:''; display:block; position:absolute; left:0; top:10px; margin-top:-10px; width:0; height:0;
border-top:50px solid transparent;
border-right:50px solid transparent;
border-bottom:50px solid transparent;
border-left:50px solid #FFF;
}

.daysreturn:after{content:''; display:block; position:absolute; right:0; top:10px; margin-top:-10px; width:0; height:0;
border-top:50px solid transparent;
border-right:50px solid #FFF;
border-bottom:50px solid transparent;
border-left:50px solid transparent;
}



.featuredproduct h2{ font-size:22px; color:#000; text-transform:uppercase;} 
.porductslider{width:100%; float:left; margin-top:10px;}

.productshortview{width:100%; float:left; text-align:center; background:#FFF; padding:15px; position:relative;  }
.productshortview .product-button{width:100%; height:0px; float:left; position:absolute; background:rgba(255,255,255,0.4);   left:0; top:0; z-index:100;  overflow:hidden;
  transition: all 0.5s ease 0s;}
.productshortview:hover .product-button{ height:100%; opacity:1; transition: all 0.5s ease 0s; padding-top:50%;}
.productshortview .product-button a{display:inline-block; background:#F92400; width:35px; height:35px; line-height:35px; color:#FFF; border-radius:100%; opacity:0; transition: all 0.5s ease 0s;}
.productshortview:hover .product-button a{opacity: 1;}
.productshortview .product-button a:hover{ background:#242424;}
.productshortview .product-thumb{width:100%;  float:left; position:relative; }
.productshortview .product-thumb img{max-width:100%; height:auto;}
 
.productshortview .productshortdetail{width:100%; float:left; margin-top:20px; margin-bottom:20px;}
.productshortview .productshortdetail p{font-size:15px; color:#3D3D3D;  margin-bottom:4px;}
.productshortview .productshortdetail h5{font-size:15px; color:#595959; letter-spacing:2px;}
.productshortview .productshortdetail h5 span.oldprice{font-size:14px; color:#636363; letter-spacing:1px; text-decoration:line-through;}
.productshortview .productshortdetail h5 span.newprice{font-size:14px; color:#595959; letter-spacing:1px; font-family: 'roboto-black';}
.productshortview .productshortdetail .starblock{width:100%; float:left; margin-top:10px;}
.productshortview .productshortdetail .starblock img{display:inline-block!important;}
.productshortview .productshortdetail .addtocartblock{width:100%; float:left; margin-top:15px;}
.productshortview .productshortdetail .addtocartblock a{ background:#F92400; color:#FFF; border:1px solid #D81F00; border-radius:3px; display:inline-block; padding:5px 20px; transition: all 0.5s ease 0s;}
.productshortview .productshortdetail .addtocartblock a:hover{text-decoration:none; color:#FDC576;}
.productshortview:hover .productshortdetail p{color:#F18B00; }

.salespanelwrap{width:100%; float:left; margin-bottom:30px;}
.salespanel{width:100%; float:left; background: #FFF; box-shadow: 0 0 5px #ccc; text-align:center;}
.salespanel h2{font-family: 'roboto-black'; font-size:65px; color:#DFDBDC; text-align:center;}
.salespanel h3{text-align:center; font-family: 'roboto-black'; font-size:19px; margin-bottom:15px;}
.salespanel a{ color:#108BE8; text-decoration:underline; display:inline-block; margin-bottom:5px; transition: all 0.5s ease 0s;}
.salespanel a:hover{color:#F92400;}
.salespanel p{color:#C1BBBB;}
.salespanel img{max-width:100%; height:auto;}


.otherproductwrap{width:100%; float:left;}
.otherproduct01{width:100%; float:left; box-shadow: 0 0 5px #ccc; background:#FFF; padding:10px; padding-top:40px; padding-bottom:40px; margin-bottom:20px;}
.otherproduct01-des{width:100%; float:left; }
.otherproduct01 h3{ font-size:20px; text-transform:uppercase; margin-bottom:5px; font-family: 'roboto-black';}
.otherproduct01 h4{ font-size:18px; text-transform:uppercase; color:#0F8CE9; font-family: 'roboto-black';}
.otherproduct01 a{display:inline-block; padding:8px 20px; background:#F92400; border-radius:100px; color:#FFF; margin-top:15px; transition: all 0.5s ease 0s;}
.otherproduct01 a:hover{background:#000; text-decoration:none;}
.otherproduct02{width:100%; float:left; box-shadow: 0 0 5px #ccc; background:#FFF; margin-bottom:20px;}
.otherproduct02-des{width:100%; float:left; text-align:right; padding-right:10px; padding-top:30px;}
.otherproduct02-des h2{font-family: 'roboto-black'; color:#575153; font-size:22px; text-transform:uppercase;}
.otherproduct02-des h3{ color:#575153; font-size:24px; text-transform:uppercase;}
.otherproduct02-des p{color:#727272; line-height:20px;}
.otherproduct02 a{display:inline-block; padding:5px 15px; background:#00C8C8; border-radius:100px; color:#000; margin-top:15px; transition: all 0.5s ease 0s; font-size:15px;}
.otherproduct02 a:hover{background:#000; text-decoration:none; color:#FFF;}
.otherproduct03{width:100%; float:left; margin-top:25px; margin-bottom:20px;}
.otherproduct03 img{ max-width:100%; height:auto;}


.testmonial{width:100%; float:left; border-bottom:1px solid #F3F3F3; padding-bottom:40px;}
.testmonial img{max-width:100%; height:auto;}
.Hpanel03{width:100%; float:left; background:url(../images/footerbg.jpg); background-size:cover; padding-top:50px; padding-bottom:50px;}
.Hpanel03-cont{width:100%; float:left; margin-bottom:20px; padding-top:50px;}
.Hpanel03-cont img{ max-width:100%; height:auto; margin-bottom:15px;}
.Hpanel03-cont h3{ color:#F7C51E; font-size:18px;  margin-bottom:8px;}
.Hpanel03-cont p{color:#FFFFFF; font-style:italic; font-size:17px;}
.Hpanel03-cont a{ display:inline-block; padding:10px 25px; background:#F7C51E; color:#111; font-family:'roboto-black';  transition: all 0.5s ease 0s; margin-top:20px;}
.Hpanel03-cont a:hover{background:#111; color:#FFF; text-decoration:none; }
 
  
.footerpanel{width:100%; float:left;  padding-top:35px; padding-bottom:15px;}
.footerpanel  a{color:#FFF; font-size:12px; padding-left:7px; padding-right:7px; transition: all 0.5s ease 0s;}
.footerpanel  a:hover{color:#000; text-decoration:none; }


.newsletter{width:100%; float:left; box-shadow: 0 0 5px #ccc; background:#FFF; padding:10px; padding-top:20px; }
.newsletter h2{font-family: 'roboto-black'; font-size:22px; text-transform:uppercase; letter-spacing:2px; border-bottom:1px solid #EDEDED; padding-bottom:5px; margin-bottom:15px;}
.newsletter p{margin-bottom:15px;}
.newsletter input[type="text"]{background:#F3F3F3; width:100%; height:50px; border:none; padding:10px; border-radius:5px; margin-bottom:15px;}
.newsletter input[type="button"]{background:#6F8F4D; color:#FFF; border:none; padding:5px 20px; font-size:18px; border-radius:100px; margin-bottom:20px; transition: all 0.5s ease 0s; text-transform:uppercase;}
.newsletter input[type="button"]:hover{background:#000; color:#FFF;}

.newproducts{width:100%; float:left; margin-bottom:30px;}
.newproducts-cont{width:100%; float:left; background:#F8F8F8; border:1px solid #E8E8E8; border-radius:5px; position:relative; padding:10px;}
.newproducts-cont img{max-width:100%; height:auto;}
.newproducts-price{ position:absolute; top:15px; left:15px;}

.homeotherproduct01{width:100%; float:left;}
.homeotherproduct01 img{width:100%; height:auto;}
.homeotherproduct02{width:100%; float:left; margin-bottom:25px;}
.homeotherproduct02 img{width:100%; height:auto;}