@charset "utf-8";ul,
ol{margin:0;padding:0;}
ul.list-with-icon li{line-height:20px;margin-bottom:15px;padding:0 10px 0 20px;position:relative;list-style:none;}
ul.list-with-icon li i{position:absolute;left:0;top:4px;font-size:14px;}
.main-logo{padding:9px 0;}
.menu{background:#08173a;border-bottom:1px solid #08173a;}
.mobile{display:none;font:600 16px 'Open Sans', sans-serif;color:#fff;text-transform:uppercase;text-align:right;cursor:pointer;}
.mobile:hover i{color:#95c41f;}
.menu ul li{display:inline-block;float:left;padding:7px 0 3px;border-right:1px solid #e2e2e2;}
.menu ul li:hover{background-color:#f16523;}
.menu ul li:nth-last-child(1){border:none;}
.menu ul li a{display:block;position:relative;font-size:14px;font-weight:500;text-transform:uppercase;color:#fff;padding:9px 19px;}
.menu ul li a i{padding:0 0 0 10px;font-size:18px;cursor:pointer;}
.menu ul li a.active{color:#fff !important;}
.menu ul li a:hover:after{width:100%;transition:all 500ms ease;}
.menu .submenus ul li{display:block;float:inherit;width:100%;}
.menu .submenus ul li a{display:inline-block;color:#333;font-weight:400;font-size:13px;padding:0 0 10px 0;text-transform:inherit;}
.menu .submenus ul li a:hover{background:transparent;color:#fff;}
.menu .submenus ul li:first-child{font-size:15px;color:#000;display:block;font-weight:700;padding:15px 0;position:relative;margin-bottom:10px;}
.menu .submenus ul li:first-child:hover{background:transparent;color:#fff;}
.menu .submenus .subimg{background:transparent;padding:0;margin-top:25px;position:relative;}
.menu .submenus .subimg:after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(255, 255, 255, 0.4);transform:scale(0);transition:all 500ms ease;}
.menu .submenus .subimg:hover:after{transform:scale(1);transition:all 500ms ease;}
.menu ul .singlesub{position:relative;}
.menu ul .singlesub .submenus{min-width:170px;left:0;padding:0;margin-top:0px;}
.menu ul .singlesub .submenus ul li{padding:0;margin:0;}
.menu ul .singlesub .submenus ul li a{border-bottom:1px solid #e2e2e2;display:block;padding:8px 15px;}
.menu ul .singlesub .submenus ul li:last-child{border-bottom:none;}
.menu .closemenu{display:none;position:absolute;right:0;top:8px;color:#fff;cursor:pointer;text-transform:uppercase;font-weight:bold;}
.menu ul .singlesub .submenus ul li:first-child a{color:#333;font-weight:400;font-size:13px;text-transform:capitalize;!important;margin-bottom:0;}
.menu ul .singlesub .submenus ul li:first-child:after{display:none;}
.menu ul .singlesub .submenus ul li:first-child a:hover{background:#f16523;color:#fff;}
.menu ul .singlesub .submenus ul li a img{display:inline-block;}
.menu ul .singlesub .submenus ul li a span{display:block;width:100%;padding:10px 0 0 0;font-weight:600;text-transform:uppercase;}
.menu ul .singlesub.features .submenus{min-width:500px;padding:8px 0;text-align:center;}
.menu ul .singlesub.features .submenus ul li{display:inline-block;width:auto;}
.menu ul .singlesub.features .submenus ul li a{border-bottom:none;}
.homebanner{padding:30px 0 0;background:#f5f5f5;}
.homebanner .box{position:relative;overflow:hidden;display:block;width:100%;margin-bottom:30px;}
.homebanner .box .overlay:after{left:0;}
.homebanner .box .overlay:before{right:0;}
.homebanner .box .overlay:after,
.homebanner .box .overlay:before{content:"";position:absolute;top:0;width:0;height:100%;z-index:1;background:rgba(0, 0, 0, 0.4);transition:all 500ms ease;}
.homebanner .box:hover .overlay:after,
.homebanner .box:hover .overlay:before{width:50%;transition:all 500ms ease;}
.homebanner .box .overlay{background:rgba(0, 0, 0, 0.06);position:absolute;left:0;top:0;padding:30px 15px;width:100%;height:100%;transition:all 500ms ease;border:1px solid #e4e4e4;border-radius:4px;}
.homebanner .box:hover .overlay{background:rgba(0, 0, 0, 0.0);transition:all 500ms ease;border-radius:4px;}
.homebanner .box .overlay h4{font:600 20px/30px 'Roboto', sans-serif;text-transform:uppercase;color:#fff;margin-bottom:0;position:relative;z-index:2;}
.homebanner .box .overlay p{font:600 14px/30px 'open Sans', sans-serif;text-transform:uppercase;color:#fff;position:relative;z-index:2;transition:all 500ms ease;padding-top:85px;}
.homebanner .box:hover .overlay p{color:#95c41f;transition:all 500ms ease;}
.homebanner .box .button{padding:8px 12px;font-size:12px;position:relative;z-index:2;opacity:0;transition:all 500ms ease;margin-top:50px;color:#000;}
.homebanner .box:hover .button{opacity:1;margin-top:15px;color:#fff;}
.homebanner .box:hover .button:hover{background-color:#6b8d16;}
.hslider{padding:30px 0;}
.leftmenu{background-color:#fff;border:1px solid #ddd;}
.leftmenu ul li{display:block;border-bottom:1px solid #ddd;position:relative;}
.leftmenu ul li a{padding:9.4px 10px;display:block;}
.leftmenu ul li i{padding-right:10px;padding-top:5px;float:right;}
.leftmenu ul li:first-child{background:#95c41f;padding:10px;color:#fff;text-transform:uppercase;font-weight:600;}
.leftmenu ul li:first-child i{float:inherit;}
.leftmenu ul li:last-child{border-bottom:none;}
.leftmenu ul li:hover .submenus{visibility:visible;opacity:1;top:0;transition:all 500ms ease;}
.leftmenu .submenus{position:absolute;left:100%;z-index:99;background:#fff;border:1px solid #ddd;width:600px;top:40px;padding:20px;opacity:0;visibility:hidden;transition:all 500ms ease;}
.leftmenu .submenus ul{float:left;width:33.33%;}
.leftmenu .submenus.twomenus{width:450px;}
.leftmenu .submenus.twomenus ul{width:50%;}
.leftmenu .submenus ul li:first-child{background-color:transparent;color:#000;position:relative;}
.leftmenu .submenus ul li:first-child:after{content:"";position:absolute;left:10px;bottom:5px;background:#95c41f;height:2px;width:20px;}
.leftmenu .submenus ul li{border-bottom:none;}
@media screen and (min-width:992px) and (max-width:4000px){.menu ul li:hover .submenus{top:45px;opacity:1;visibility:visible;transition:all 500ms ease;}
.menu .submenus{position:absolute;left:15px;right:15px;top:100px;opacity:0;visibility:hidden;min-width:120px;max-width:100%;background:#fff;box-shadow:0 0px 10px 0px rgba(0, 0, 0, 0.2);z-index:999;padding:20px 20px 25px;transition:all 200ms ease-out 0s;}
}
@media screen and (min-width:992px) and (max-width:1199px){.menu ul li a{padding:12px;}
}
@media screen and (min-width:0) and (max-width:991px){.mobile{display:inline-block;width:100%;text-align:left;}
.mobile i{float:right;font-size:24px;margin-top:12px;}
.mobile:hover,
.mobile:hover i{color:#fff;}
.midhead .col-xs-12.col-sm-12{text-align:center;}
.midhead input[type="search"],
.searchpage .button{margin:0px 0;}
.leftmenu .submenus{position:inherit;left:inherit;top:inherit;width:auto;opacity:1;visibility:visible;display:none;width:100%;border:none;border-top:1px solid #ddd;}
.leftmenu .submenus ul,
.leftmenu .submenus.twomenus ul{float:inherit;width:100%;}
.leftmenu .submenus.twomenus{width:100%;}
.delivery .dbox,
.about img{border-right:none;display:table;margin:0 auto;}
.menu .closemenu{display:block;}
.menu{padding:0px 0;position:relative;}
.menu ul{bottom:0;left:0;position:fixed;top:0;z-index:999999;background:#0d6a77;width:280px;height:100%;max-height:700px;overflow-x:hidden;overflow-y:auto;padding:40px 15px;transform:translate3d(-280px, 0px, 0px);transition:all 0.5s ease-in-out 0s;visibility:hidden;}
.menu ul.open{transform:translate3d(0px, 0px, 0px);visibility:visible;transition:all 0.5s ease-in-out 0s;}
.menu ul li{display:block;float:inherit;}
.menu ul li a{padding:4px 15px;color:#fff;}
.menu ul li a:hover{background:transparent;color:#fff;}
.menu ul li{padding-top:10px;}
.menu ul li ul,
.menu .submenus{width:250px;position:inherit;background:#f6f6f6;bottom:inherit;left:inherit;top:inherit;transform:translate3d(0px, 0px, 0px);visibility:visible;height:100%;max-height:auto;padding:0;min-width:auto !important;}
.menu .submenus li:last-child{border-bottom:none;}
header .menu .submenus,
header .menu ul li:hover .submenus,
.product .owl-nav,
.fixbutton{display:none;}
.menu ul li ul li a{background:transparent;}
.menu ul li,
.leftmenu,
.about img,
.contact .button,
.blogin .button,
.blogin input,
.product .catedetail .button{margin-bottom:0px;}
.menu ul li a{z-index:999;}
.menu ul li ul li{padding:0 15px;}
.menu ul li ul li:first-child{margin-left:15px;}
.menu ul li a i{position:absolute;top:0;right:0;width:34px;height:34px;line-height:34px;background:#ddd;color:#000;text-align:center;padding:0;z-index:9999;}
.menu ul li a:hover i{background:#fff;}
.main-logo{padding-top:10px;padding-top: 10px;
    border-bottom: 1px solid #cbccce;}
.main-logo img{}
}
@media screen and (min-width:0) and (max-width:767px){.midhead .shopdata{left:inherit;right:0;}
.menu .submenus ul li a{color:#333 !important;}
}