header{position:absolute;top:0px;left:0;right:0;z-index:10;text-align:center;font-weight:500;box-shadow:0 10px 20px rgba(0,0,0,.05);background:#fff;}
header.fixed{position:fixed;-webkit-animation:slide-top-anim .3s forwards ease-out;animation:slide-top-anim .3s forwards ease-out;}
@-webkit-keyframes slide-top-anim{0%{opacity:0;}
100%{opacity:1;}
}
@keyframes slide-top-anim{0%{opacity:0;transform:translateY(-100%);}
100%{opacity:1;transform:translateY(0%);}
}
header .menu-left-area{float:left;height:60px;line-height:60px;}
header .logo img{}
header .menu-right-area{float:right;height:80px;line-height:80px;}
header .menu-right-area a, header .menu-left-area a{padding:0px 10px;position:relative;}
header .menu-right-area a > i, header .menu-left-area a > i{font-size:1.8em;}
header .menu-right-area li.view-cart{margin-right:5px;}
header .menu-right-area #added-item{position:absolute;bottom:20px;right:-5px;height:20px;width:20px;line-height:20px;border-radius:20px;text-align:center;font-size:.7em;box-shadow:0px 0px 10px rgba(0,0,0,.1);background:#0c98cf;color:#fff;}
header .main-menu{float:left;font-size:1em;}
header .main-menu > li{height:80px;}
header .main-menu li{position:relative;float:left;}
header .main-menu li.active{color:#0c98cf;}
header .main-menu > li > a{margin:0 10px;padding:0 5px;height:80px;line-height:80px;position:relative;-webkit-transition:all .3s;transition:all .3s;font-size:1.1em;}
header .main-menu > li > a:after{content:'';position:absolute;bottom:15px;left:0;width:100%;height:1px;background:#fff;-webkit-transform-origin:left;transform-origin:left;-webkit-transition:all .2s;transition:all .2s;-webkit-transform:scale(0);transform:scale(0);}
header .main-menu li > a > i{font-size:1.2em;margin-left:7px;float:right;}
header .visible.main-menu{display:block;}
header .main-menu li > ul{display:none;top:75px;position:absolute;width:315px;text-align:left;box-shadow:2px 4px 20px rgba(0, 0, 0, .2);background:#fff;}
header .main-menu ul.drop-down li{display:block;margin:0;width:100%;line-height:1;}
header .main-menu ul.drop-down li > a{display:block;padding:8px 20px;position:relative;width:100%;border-top:1px solid #ddd;font-size:1.2em;line-height:1.3em;}
header .main-menu ul.drop-down li:first-child > a{border-top:0;}
header .main-menu .drop-down-lower{left:315px;top:1px;}
header .main-menu ul.drop-down li > ul.drop-down-lower li.d-hover-effect > a{padding-left:25px;}
header .main-menu li.d-hover-effect > ul{display:block;-webkit-animation:full-opacity-anim .3s forwards;animation:full-opacity-anim .3s forwards;}
header .main-menu ul.drop-down li.d-hover-effect > a{padding-left:25px;}
@-webkit-keyframes full-opacity-anim{0%{opacity:0;}
100%{opacity:1;}
}
@keyframes full-opacity-anim{0%{opacity:0;}
100%{opacity:1;}
}
.menu-nav-icon{display:none;height:40px;line-height:40px;width:50px;text-align:center;cursor:pointer;position:absolute;left:50%;margin:10px 0;margin-left:-25px;font-size:2em;color:#000;}
.menu-nav-icon [class^="icon-"]:before, [class*=" icon-"]:before{line-height:40px;}
.src-input-area{height:50px;width:100%;position:relative;}
.src-input-area .src-input{position:absolute;top:0;bottom:0;left:0;width:100%;outline:0;border:0;height:50px;line-height:normal;box-shadow:none;padding:0 70px 0 20px;border:1px solid #ccc;}
.src-input-area .src-btn{position:absolute;right:0;top:0;bottom:0;background:none;outline:0;border:0;width:50px;}
.pop-up-area{width:900px;position:fixed;top:50%;left:50%;margin-left:-450px;display:none;z-index:10000;padding:40px;border:1px solid #eee;background:#fff;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.pop-up-area .close-btn{position:absolute;top:-16px;right:-16px;height:36px;width:36px;line-height:36px;text-align:center;border-radius:20px;font-size:20px;border:1px solid #ccc;background:#fff;}
.pop-up-area .close-btn:hover{border-color:#aaa;background:#ccc;}
.dark-bg{position:fixed;top:0;bottom:0;left:0;right:0;z-index:100;display:none;cursor:zoom-out;background:rgba(0,0,0,.5);}
.visible{display:block!important;-webkit-animation:full-opacity-anim .3s forwards ease!important;animation:full-opacity-anim .3s forwards ease!important;}
.src-input-area i.src-icon{font-size:2em;line-height:45px;margin-right:10px;}
.pop-from-left{position:fixed;top:0;bottom:0;right:0;width:400px;z-index:100;max-height:100vh;overflow:auto;box-shadow:0 -3px 20px rgba(0,0,0,.3);background:#fff;-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transition:-webkit-transform .3s ease;transition:transform .3s ease;}
.pop-from-left.visible{-webkit-transform:translateX(0);transform:translateX(0);}
.cart-header{overflow:hidden;padding:20px 30px;background:#0c98cf;color:#fff;}
.cart-header .title{float:left;}
.cart-header .close-btn{float:right;position:static;}
.cart-header .close-btn i{margin-left:10px;font-size:1.3em;-webkit-transform:translateY(2px);transform:translateY(2px);-webkit-transition:-webkit-transform .3s ease;transition:transform .3s ease;}
.cart-header .close-btn:hover{color:#ddd;}
.cart-header .close-btn:hover i{-webkit-transform:translateY(2px) rotate(90deg);transform:translateY(2px) rotate(90deg);}
.cart{text-align:left;padding:30px;}
.cart .cart-product{position:relative;margin-bottom:20px;}
.cart .product-img{width:80px;height:80px;display:inline-block;border-radius:2px;overflow:hidden;}
.cart .product-detail{position:absolute;top:0;left:0;right:0;margin-left:90px;float:left;}
.cart .product-price{margin:7px 0;color:#222;}
.cart .cart-remove-btn{text-decoration:underline;float:right;font-size:.9em;color:#aaa;}
.cart .cart-remove-btn:hover{text-decoration:none;}
.cart .total-price{padding:15px 0;margin:30px 0;overflow:hidden;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
.cart .btn{width:48%;float:right;margin:0 1% 15px;padding:10px 0;border:0;background:#0c98cf;color:#fff;}
.cart .btn:hover{background:#fdd921;color:#222;}
@media only screen and (max-width:992px){header .logo img{height:35px;margin:22.5px 0;width:auto;}
header{position:absolute;top:0px;left:0;right:0;z-index:10;text-align:center;background:#fff;}
header .main-menu > li > a{padding:0px 5px;margin:0 5px;}
.pop-up-area{width:90%;margin-left:-45%;padding:20px;}
}
@media only screen and (max-width:767px){header{position:absolute;border-bottom:0px;color:#111;text-align:left;}
header .logo img{height:25px;margin:17.5px 0;width:auto;}
header .menu-right-area{height:60px;line-height:60px;}
header .main-menu{display:none;float:none;clear:both;max-height:400px;overflow:auto;margin-left:-15px;margin-right:-15px;box-shadow:0px 2px 10px rgba(0,0,0,.3);border-top:1px solid #ccc;background:#fff;}
header .main-menu li{float:none;}
header .main-menu > li{display:block;height:auto;border-bottom:1px solid #ddd;}
header .main-menu > li:last-child{border-bottom:0;}
header .menu-wrapper{height:60px;}
header .main-menu li > a{height:60px;line-height:60px;}
header .main-menu li > a,
header .main-menu ul.drop-down li > a{display:block;line-height:1;height:auto;padding:15px;background:none;}
header .main-menu > li > a:hover{color:#0c98cf;}
header .main-menu li ul{top:60px;overflow:hidden;position:static;width:auto;box-shadow:none;background:none;}
header .main-menu li:hover ul > li{margin-left:10px;}
header .main-menu ul.drop-down li:first-child > a{border-top:1px solid #aaa;}
header .main-menu li > a:after{display:none;}
header .main-menu ul.drop-down li > a:after{display:none;}
.menu-nav-icon{display:inline-block;}
.src-input-area{height:50px;width:100%;position:relative;}
.src-input-area .src-input{padding:0 55px 0 15px;}
.src-input-area .src-btn{width:40px;}
}
@media only screen and (max-width:479px){.pop-from-left{width:90%;max-height:100vh;overflow:auto;}
}
.counter-section{text-align:center;padding:70px 0 40px;}
.counter-section .counter{position:relative;display:inline-block;text-align:left;}
.counter .icon{font-size:50px;display:inline-block;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.counter .right-area{display:inline-block;margin-left:70px;}
@media only screen and (max-width:992px){.counter .icon{position:static;text-align:center;display:block;-webkit-transform:translateY(0%);transform:translateY(0%);}
.counter .right-area{border:0;margin:0;padding:0;text-align:center;}
}
@media only screen and (max-width:767px){.counter-section{text-align:center;padding:40px 0 20px;}
}
.left { text-align:left; }
.right { text-align:right; }
.center { text-align:center; }
.list-block { display: block !important; }
.mid { font-size: 1.4em; }