@font-face{font-family:'Kanit';src:url('../../assets/fonts/Kanit/Kanit-Regular.ttf');}
@font-face{font-family:'Kanit-Light';src:url('../../assets/fonts/Kanit/Kanit-Light.ttf');}
@font-face{font-family:'Kanit-Bold';src:url('../../assets/fonts/Kanit/Kanit-Bold.ttf');}
footer{padding:0;}
#header.header-modern{background:rgba(255,255,255,0.68);}
#priceRange_amount{color:#0c0c0c !important;}
ul.main-list a:hover{cursor:pointer;}
.color-span a:hover span{border-color:#000000 !important;}
.topbar-dropdown .title i{color:#705182;}
.topbar-dropdown .title{font-family:'Kanit-Light';}
#mainMenu > ul > li > a{font-family:'Kanit-Light';color:#515050;}
#mainMenu > ul > li > a:hover{color:#705182;}
.sidebar .widget i.fa-paper-plane{color:#fff;}
.boxed-slider{height:auto !important;width:100%;}
.boxed-slider .owl-item{height:auto;}
#slider-carousel .owl-bg-img img{width:100%;height:auto;}
.sidebar .widget i{margin-right:5px;}
h4.widget-title{text-transform:uppercase;color:#111;}
.sidebar .widget-title::after{border-top:4px solid #a27eb7;width:60px;}
.widget-tags .tags a:hover, .widget-tags .tags a.active{border:1px solid #705182;background-color:#705182;color:#fff;}
.color-span{margin-left:-15px;margin-top:15px;}
.color-span a span{height:25px;width:25px;display:inline-block;margin-left:15px;border-radius:50px;}
.color-span a span:hover{}
.color-span span.f7cbca{background-color:#f9cfce;}
.color-span span.a2a8d1{background-color:#fa8b7e;}
.color-span span.b76a5f{background-color:#a1b5d8;}
.color-span span.e3eaa5{background-color:#1c6193;}
.color-span span.d32d3b{background-color:#ba9b78;}
.product .product-title h3, .product .product-title h3 a{color:#705182;}
.product .product-title h3 a:hover{color:#f8b98c;}
.product .product-overlay a{background-color:#f8b98c;}
.product .product-overlay a:hover{background-color:#705182;}
.product .product-price{margin-top:-33px;}
.product .product-description{margin-top:0px;padding:10px;border:1px solid #eee;height:150px;}
.product .product-addcart{margin-top:15px;}
.product .product-addcart .button{border-color:#705182;color:#705182;}
.product .product-addcart .button:hover{border-color:#705182;background-color:#705182;color:#fff;}
.delivery-info{background:#f5f5f5;}
.delivery-info .icon-box.small > h3{color:#452b2d;}
.icon-box.medium > h3 span{color:#705182;}
.icon-box.medium > h3{margin:0 12px 10px 110px;color:#452b2d;text-transform:uppercase;line-height:30px;}
.icon-box.medium > h4{margin:0 12px 10px 110px;color:#c8c8c8;text-transform:uppercase;font-size:11px;}
.icon-box.border .icon{border:3px solid #705182;}
.icon-box.border .icon i{color:#705182;}
.icon-box.effect .icon i:after{box-shadow:0 0 0 3px #989898;}
.icon-box.small > p{font-size:12px;color:#7c7c7c;}
footer{background-color:#a2a2a2;color:#fff;}
.footer-content, .footer-content p, .footer-content a, .footer-content h4{color:#fff;}
#footer .widget-categories a{color:#fff;}
.copyright-content{border-top:none;background-color:#4b4a4b;}
.copyright-content .copyright-text a{color:#fff;}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{background-color:#f8b98c;border-color:#f8b98c;color:#fff;}
.gototop-button{background:#f8b98c !important;border-radius:50%;margin-right:10px;}
.gototop-button:hover{background:#705182 !important;opacity:1;}
.sidebar .widget-categories{border-bottom:none;margin-bottom:0;}
.custom-vertical-nav ul{list-style:none;position:relative;}
ul.dropdown-list li:first-child{border-top:1px solid rgba(0,0,0,0.1);}
ul.main-list li:not(:last-child){position:relative;border-bottom:1px solid rgba(0,0,0,0.1);}
ul.main-list a > img{position:absolute;top:0;left:0;padding:7px 0;}
ul.main-list li.dropdown > a.btn-show-subcategory{position:absolute;top:0;right:0;display:inline-block;height:34px;width:25px;padding:0;}
ul.main-list li.dropdown > a.btn-show-subcategory:after{font-family:fontawesome;content:"\f107";position:absolute;top:0;right:0;width:100%;text-align:center;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;}
ul.main-list li.dropdown.active > a.btn-show-subcategory:after{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);}
ul.main-list a{width:100%;padding:0 25px 0 0;display:inline-block;color:#111;word-wrap:break-word;position:relative;line-height:34px;}
ul.main-list a.hasCategoryImage{padding:0 25px 0 30px;}
ul.dropdown-list a{padding-left:30px;}
ul.dropdown-list ul.dropdown-list a{padding-left:40px;}
ul.dropdown-list ul.dropdown-list ul.dropdown-list a{padding-left:50px;}
li.dropdown.active > ul.dropdown-list{display:block;}
ul.dropdown-list{display:none;}
.sh-responsive-btn{display: none;}
#topbar{border:none;height:40px;line-height:40px;background-color:#705182;color:#fff;position:relative;z-index:5500;font-family:'Raleway', 'Kanit-Light', sans-serif;}
#topbar .topbar-dropdown{color:#fff;}
#topbar .topbar-dropdown .title{border:none;padding:0 25px 0 15px;}
#topbar .topbar-dropdown:first-child .title{padding-left:0;}
#topbar .topbar-dropdown .title.hasChild::after{content:'\f107';font-family:FontAwesome;position:absolute;top:0;right:10px;line-height:40px;height:auto;}
#topbar .topbar-dropdown:not(:first-child) .title::before{position:absolute;content:"";background:#2D2D2D;width:1px;height:12px;top:14px;left:0px;}
#topbar .topbar-dropdown .dropdown-list{border:none;border-radius:0;box-shadow:0 0 1px #9A9A9A;width:auto;min-width:120px;padding:0;}
#topbar .topbar-dropdown .dropdown-list a{padding:0 10px;line-height:30px;background:#fff;}
#topbar .topbar-dropdown .dropdown-list a:hover{}
#topbar .topbar-dropdown .dropdown-list a.active{background-color:#DADADA;}
#topbar .system-button{float:left;height:100%;overflow:hidden;}
#topbar .system-button ul{height:40px;}
#topbar .system-button ul li{margin:0;}
#topbar .system-button ul li:not(:last-child):after{position:absolute;content:"";background:#2D2D2D;width:1px;height:12px;top:14px;right:0px;}
#topbar .system-button ul li a{padding:0 15px;border-radius:0;color:#fff;height:40px;line-height:40px;}
#topbar .system-button ul li a i{line-height:40px;}
#topbar .system-button ul li:last-child a{padding-right:0;}
#topbar .system-button ul li a:hover,
#topbar .system-button ul li a:focus{background-color:transparent;}
.ui-slider-horizontal .ui-slider-range{height:100%;}
.ui-widget-header{background-color:#705182;}
.button.custom-button{padding:0 20px;line-height:32px;color:#705182;font-weight:400;font-size:12px;height:32px !important;border-color:#705182;}
.button.custom-button.effect.fill:hover{background-color:#705182;border-color:#705182;}
#priceRange span.ui-slider-handle.ui-state-default{background:#fff;border:2px solid #705182;}
#priceRange span.ui-slider-handle.ui-corner-all{border-radius:50%;}
#priceRange span.ui-slider-handle:focus{outline:none;}
a:hover{color:#705182;}
nav .main-menu .dropdown-menu{border-color:#705182;}
#header.header-transparent #mainMenu.menu-type-1 > ul > li > a:hover,
#header:not(.header-transparent) #mainMenu.menu-type-1 > ul > li:hover > a,
#header:not(.header-transparent) #mainMenu.menu-type-1 > ul > li.current-menu > a{color:#705182;cursor:pointer;}
#header.header-transparent #mainMenu.menu-type-2 > ul > li:hover > a,
#header:not(.header-transparent) #mainMenu.menu-type-2 > ul > li:hover > a,
#header:not(.header-transparent) #mainMenu.menu-type-2 > ul > li.current-menu > a{background:#705182;color:#fff;cursor:pointer;}
#header.header-transparent #mainMenu.menu-type-3 > ul > li:hover > a,
#header:not(.header-transparent) #mainMenu.menu-type-3 > ul > li:hover > a,
#header:not(.header-transparent) #mainMenu.menu-type-3 > ul > li.current-menu > a{border-bottom:3px solid #624672;cursor:pointer;}
#header.header-transparent #mainMenu.menu-type-4 > ul > li:hover > a,
#header:not(.header-transparent) #mainMenu.menu-type-4 > ul > li:hover > a,
#header:not(.header-transparent) #mainMenu.menu-type-4 > ul > li.current-menu > a{border-top:3px solid #624672;cursor:pointer;}
#header.header-transparent #mainMenu > ul > li > a{color:#222222;}
#header.header-transparent #top-search a:hover i{color:#624672;}
#header.header-transparent #shopping-cart a:hover i{color:#624672;}
.btn-primary:hover{border-color:#624672;background-color:#624672;}
.custom-product-type-1 .custom-product-percentdiscount span:before{border-top:10px solid #624672;}
.custom-product-type-1 .custom-product-percentdiscount span{background-color:#705182;}
.custom-product-type-1 .custom-product-percentdiscount span:after{border-top:24px solid #705182;}
#topbar .topbar-dropdown:not(:first-child) .title::before,
#topbar .system-button ul li:not(:last-child):after{background:#d6d6d6;}
#topbar .topbar-dropdown,
#topbar .system-button ul li a{color:#d6d6d6;}
#topbar .system-button ul li a:hover,
#topbar .system-button ul li a:focus{color:#ffffff;cursor:pointer;}
#topbar .topbar-dropdown .dropdown-list a:hover{background:#705182;color:#ffffff;}
.custom-product-type-1 .custom-product-button-list li:hover{background:#705182;}
.custom-product-type-1 .custom-product-button-list li:hover a i{color:#ffffff;}
footer{background:#101010;clear:both;position:relative;width:100%;}
.footer-content{padding:60px 0 40px 0;}
.footer-content .first-column,
.footer-content .second-column,
.footer-content .third-column,
.footer-content .fourth-column{display:inline-block;}
footer.footer-type-3 .footer-top .footer-logo img,
footer.footer-type-4 .footer-content .first-column .footer-logo img,
footer.footer-type-5 .footer-top .footer-logo img{max-height:90px;}
.copyright-text{font-size:12px;text-transform:uppercase;}
footer, footer a, footer h4{color:#fff;}
footer .footer-bottom .social-icons a{padding:0 10px;}
footer .footer-bottom .social-icons{margin-top:7px;}
.footer-type-1 .footer-top,
.footer-type-1 .element-type-2,
.footer-type-1 .element-type-3,
.footer-type-1 .element-type-4,
.footer-type-1 .social-icons{display:none;}
.footer-type-1 .footer-content .first-column,
.footer-type-1 .footer-content .second-column,
.footer-type-1 .footer-content .third-column,
.footer-type-1 .footer-content .fourth-column{width:25%;display:inline-block !important;}
.footer-type-1 .footer-content .fourth-column .element-type-1 img{max-height:80px;}
.footer-type-1 .footer-bottom .card-wrapper{float:left;display:inline;clear:none;}
.footer-type-1 .footer-bottom .card-wrapper .card-icons{float:right;}
.footer-type-1 .footer-bottom .card-wrapper .card-icons a{padding:0 2px;}
footer.footer-type-2 .footer-top{text-align:center;margin:0;}
footer.footer-type-2 .footer-top .footer-logo{border:none;margin:0;}
footer.footer-type-2 .footer-top .footer-logo img{max-height:120px;margin-top:20px;}
footer.footer-type-2 .footer-content .element-type-1,
footer.footer-type-2 .footer-content .element-type-3,
footer.footer-type-2 .footer-content .element-type-4,
footer.footer-type-2 .footer-bottom .card-wrapper{display:none !important;}
footer.footer-type-2 .footer-content .element-type-2{display:block;}
footer.footer-type-3{padding:40px 0 0 0;}
footer.footer-type-3 .footer-top .footer-logo{float:left;}
footer.footer-type-3 .footer-content .element-type-3{display:block;}
footer.footer-type-3 .footer-content .element-type-1,
footer.footer-type-3 .footer-content .element-type-2,
footer.footer-type-3 .footer-content .element-type-4,
footer.footer-type-3 .footer-bottom .card-wrapper{display:none !important;}
footer.footer-type-3 .footer-bottom .social-icons{margin-top:14px;}
footer.footer-type-4 .footer-top,
footer.footer-type-4 .element-type-1,
footer.footer-type-4 .element-type-2,
footer.footer-type-4 .element-type-3,
footer.footer-type-4 .social-icons,
footer.footer-type-4 .footer-content .third-column,
footer.footer-type-4 .footer-content .fourth-column,
footer.footer-type-4 .footer-bottom .card-wrapper{display:none !important;}
footer.footer-type-4 .footer-content .first-column,
footer.footer-type-4 .footer-content .second-column,
footer.footer-type-4 .footer-bottom{display:inline-block;}
footer.footer-type-4 .footer-content{padding:40px 0 10px 0;}
footer.footer-type-4 .footer-content .first-column{width:66.66666667%;}
footer.footer-type-4 .footer-content .second-column{width:33.33333333%;}
footer.footer-type-4 .footer-bottom .copyright-text{width:100% !important;text-align:center;}
.footer-type-5 .footer-top .footer-logo{border:none;padding:0;text-align:center;margin:0;}
.footer-type-5 .footer-bottom .copyright-content{border:none;padding:0;}
.footer-type-5 .copyright-text,
.footer-type-5 .social-icons{width:100%;text-align:center !important;}
.footer-type-5 .social-icons{padding:20px 0;}
.footer-type-5 .footer-top .footer-logo img{margin-top:20px;}
.footer-type-5 .footer-top .company-desc,
.footer-type-5 .footer-top .seperator,
.footer-type-5 .footer-content,
.footer-type-5 .element-type-1,
.footer-type-5 .element-type-2,
.footer-type-5 .element-type-3,
.footer-type-5 .element-type-4,
footer.footer-type-5 .footer-bottom .card-wrapper{display:none;}
@media (max-width:991px){.footer-content{padding:20px 15px 15px 15px;}
.footer-type-1 .footer-bottom .card-wrapper .card-icons{float:left;}
.footer-type-2 .copyright-text,
.footer-type-2 .social-icons,
.footer-type-3 .copyright-text,
.footer-type-3 .social-icons{display:inline;width:initial;}
.footer-type-2 .social-icons,
.footer-type-3 .social-icons{margin-right:15px;padding-top:8px;}
footer.footer-type-4 .footer-content .first-column .footer-logo{text-align:center;}
.footer-type-3 .footer-content .first-column,
.footer-type-3 .footer-content .second-column{width:50% !important;}
}
@media (max-width:768px){footer.footer-type-1 .footer-content .first-column,
footer.footer-type-1 .footer-content .second-column,
footer.footer-type-1 .footer-content .third-column{width:50% !important;}
footer.footer-type-1 .footer-content .fourth-column{width:100% !important;padding:0 15px;}
footer.footer-type-2 .social-icons{width:100%;text-align:center !important;}
.footer-type-3 .footer-content .first-column
.footer-type-3 .copyright-text{width:100%;padding:0;text-align:center;}
.footer-type-3 .social-icons{width:100%;text-align:center !important;padding:10px 0;margin:0;}
}
@media(max-width:479px){.footer-type-3 .footer-content .first-column,
.footer-type-3 .footer-content .second-column{width:100% !important;padding:10px 15px;}
}
@media(max-width:414px){.footer-content{padding:20px 0px 15px 0px !important;}
.first-column,
.second-column,
.third-column,
.fourth-column{padding-bottom:15px;}
.footer-type-2 .copyright-text,
.footer-type-3 .copyright-text{width:100%;padding:0;text-align:center;}
.footer-type-2 .social-icons,
.footer-type-3 .social-icons{width:100%;text-align:center !important;padding:10px 0;margin:0;}
footer.footer-type-4 .footer-content .first-column,
footer.footer-type-4 .footer-content .second-column{width:100%;}
footer.footer-type-4 .footer-content .first-column .copyrights-menu{padding-bottom:20px;}
footer.footer-type-4 .footer-content .first-column .copyrights-menu a{display:inline;padding:0 4px;}
footer.footer-type-4 .footer-bottom .copyright-content{padding:15px 0;}
}
@media(max-width:320px){footer.footer-type-4 .footer-content .first-column .copyrights-menu a{display:-webkit-inline-box;padding:0 4px;}
.footer-type-1 .footer-bottom .card-wrapper .card-icons a{padding:0;}
}
#shopping-cart .shopping-cart-items{display:block;position:absolute;right:-18px;z-index:1;top:20px;font-size:12px;font-weight:bold;background:#eee;color:#29283b;height:23px;width:23px;border-radius:23px;text-align:center;font-family:'Open Sans' !important;}
#header.header-sticky:not(.header-static) #shopping-cart .shopping-cart-items{top:5px;}
div.sys-member-order-list button.btn.btn-theme-all.btn-search,div.sys-search_result button.btn.btn-theme-all.btn-search {padding: 7px 12px !important;margin-top: 0px !important;}
/* ----------------------------------------------------------------
 LABLE
-----------------------------------------------------------------*/
.label {
    white-space: unset;
}
/* ----------------------------------------------------*/
.sale-2 {
    background: transparent url(../images/slider-link-sale-1.png) no-repeat center top;
    width: 125px;
    height: 46px;
    position: absolute;
    top: 9px;
    left: -14px;
    /* text-align: center; */
    /* padding-left: 0px; */
    padding: 0 0 0 0px;
    line-height: 25px;
}
.label .sale-2 span {
font-size: 16px;
    color: #fff;
    display: inline-block;
    text-shadow: 0 1px 2px #050305;
}
.hot-2 {
    background: transparent url(../images/slider-link-hot.png) no-repeat center top;
    width: 125px;
    height: 46px;
    position: absolute;
    top: 9px;
    left: -14px;
    /* text-align: center; */
    /* padding-left: 0px; */
    padding: 0 0 0 0px;
    line-height: 25px;
}
.label .hot-2 span {
font-size: 16px;
    color: #fff;
    display: inline-block;
    text-shadow: 0 1px 2px #050305;
}
.cool-2 {
    background: transparent url(../images/slider-link-cool-1.png) no-repeat center top;
    width: 125px;
    height: 46px;
    position: absolute;
    top: 9px;
    left: -14px;
    /* text-align: center; */
    /* padding-left: 0px; */
    padding: 0 0 0 0px;
    line-height: 25px;
}
.label .cool-2 span {
font-size: 16px;
    color: #fff;
    display: inline-block;
    text-shadow: 0 1px 2px #050305;
}
.outofstock-2 {
    background: transparent url(../images/slider-link-sale-1.png) no-repeat center top;
    width: 125px;
    height: 46px;
    position: absolute;
    top: 9px;
    left: -14px;
    /* text-align: center; */
    /* padding-left: 0px; */
    padding: 0 0 0 0px;
    line-height: 25px;
}
.label .outofstock-2 span {
font-size: 16px;
    color: #fff;
    display: inline-block;
    text-shadow: 0 1px 2px #050305;
}
.bestseller-2 {
    background: transparent url(../images/slider-link-best-1.png) no-repeat center top;
    width: 125px;
    height: 46px;
    position: absolute;
    top: 9px;
    left: -14px;
    /* text-align: center; */
    /* padding-left: 0px; */
    padding: 0 0 0 0px;
    line-height: 25px;
}
.label .bestseller-2 span {
font-size: 16px;
    color: #fff;
    display: inline-block;
    text-shadow: 0 1px 2px #050305;
}
.preorder-2 {
    background: transparent url(../images/slider-link-cool-1.png) no-repeat center top;
    width: 125px;
    height: 46px;
    position: absolute;
    top: 9px;
    left: -14px;
    /* text-align: center; */
    /* padding-left: 0px; */
    padding: 0 0 0 0px;
    line-height: 25px;
}
.label .preorder-2 span {
font-size: 16px;
    color: #fff;
    display: inline-block;
    text-shadow: 0 1px 2px #050305;
}
.new-2 {
    background: transparent url(../images/slider-link-new-1.png) no-repeat center top;
    width: 125px;
    height: 46px;
    position: absolute;
    top: 9px;
    left: 0px;
    /* text-align: center; */
    /* padding-left: 0px; */
    padding: 0 0 0 0px;
    line-height: 25px;
}
.label .new-2 span {
font-size: 16px;
    color: #fff;
    display: inline-block;
    text-shadow: 0 1px 2px #050305;
}

/* ----------------------------------------------------*/

.sale-3 {
    background: transparent url(../images/hdr2-ribbon.png) no-repeat center top;
    height: 67px;
    width: 58px;
    position: absolute;
    top: 0px;
    right: -48px;
    /* text-align: center; */
    /* padding-left: 0px; */
}
.label .sale-3 span {
font-size: 16px;
    color: #fff;
    display: inline-block;
    text-shadow: 0 1px 2px #050305;
    margin-top: 10px;
    margin-left: -5px;
}
.hot-3 {
    background: transparent url(../images/hot-ribbon.png) no-repeat center top;
    height: 67px;
    width: 58px;
    position: absolute;
    top: 0px;
    right: -48px;
    /* text-align: center; */
    /* padding-left: 0px; */
}
.label .hot-3 span {
font-size: 16px;
    color: #fff;
    display: inline-block;
    text-shadow: 0 1px 2px #050305;
    margin-top: 10px;
    margin-left: -5px;
}
.cool-3 {
    background: transparent url(../images/cool-1-ribbon.png) no-repeat center top;
    height: 67px;
    width: 58px;
    position: absolute;
    top: 0px;
    right: -48px;
    /* text-align: center; */
    /* padding-left: 0px; */
}
.label .cool-3 span {
font-size: 16px;
    color: #fff;
    display: inline-block;
    text-shadow: 0 1px 2px #050305;
    margin-top: 10px;
    margin-left: -5px;
}
.outofstock-3 {
    background: transparent url(../images/hdr2-ribbon.png) no-repeat center top;
    height: 67px;
    width: 58px;
    position: absolute;
    top: 0px;
    right: -48px;
    /* text-align: center; */
    /* padding-left: 0px; */
}
.label .outofstock-3 span {
font-size: 14px;
    color: #fff;
    display: inline-block;
    text-shadow: 0 1px 2px #050305;
    margin-top: 10px;
    margin-left: -5px;
}
.bestseller-3 {
    background: transparent url(../images/best-ribbon.png) no-repeat center top;
    height: 67px;
    width: 58px;
    position: absolute;
    top: 0px;
    right: -48px;
    /* text-align: center; */
    /* padding-left: 0px; */
}
.label .bestseller-3 span {
font-size: 16px;
    color: #fff;
    display: inline-block;
    text-shadow: 0 1px 2px #050305;
    margin-top: 10px;
    margin-left: -5px;
}
.preorder-3 {
    background: transparent url(../images/cool-1-ribbon.png) no-repeat center top;
    height: 67px;
    width: 58px;
    position: absolute;
    top: 0px;
    right: -48px;
    /* text-align: center; */
    /* padding-left: 0px; */
}
.label .preorder-3 span {
font-size: 16px;
    color: #fff;
    display: inline-block;
    text-shadow: 0 1px 2px #050305;
    margin-top: 10px;
    margin-left: -5px;
}
.new-3 {
    background: transparent url(../images/new-ribbon.png) no-repeat center top;
    height: 67px;
    width: 58px;
    position: absolute;
    top: 0px;
    right: -48px;
    /* text-align: center; */
    /* padding-left: 0px; */
}
.label .new-3 span {
font-size: 16px;
    color: #fff;
    display: inline-block;
    text-shadow: 0 1px 2px #050305;
    margin-top: 10px;
    margin-left: -5px;
}

/* ----------------------------------------------------*/

.sale-4 {
    font-size: 18px;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15);
    letter-spacing: 1px;
    display: block;
    width: 6rem;
    height: 4rem;
        background: linear-gradient(to bottom, #ca0404 0%, #ff0000 100%);
    /* background: linear-gradient(to bottom, #999999 0%, #cccccc 100%); */
    color: white;
    margin: 0px 10px 0;
    float: left;
    padding-top: 1rem;
    position: relative;
    -webkit-filter: drop-shadow(0 0.5rem 0.2em rgba(0, 0, 0, 0.5));
    transform: translate3d(0, 0, 0);
}
.sale-4:after {
    content: "";
    width: 0;
    height: 0;
    border-right: 3rem solid transparent;
    border-left: 3rem solid transparent;
    /* border-top: 1.5rem solid #CCCCCC; */
    border-top: 1.5rem solid #fe0000;
    position: absolute;
    top: 40px;
    left: 0;
}
.hot-4 {
    font-size: 18px;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15);
    letter-spacing: 1px;
    display: block;
    width: 6rem;
    height: 4rem;
        background: linear-gradient(to bottom, #e7711b 0%, #f7981d 100%);
    /* background: linear-gradient(to bottom, #999999 0%, #cccccc 100%); */
    color: white;
    margin: 0px 10px 0;
    float: left;
    padding-top: 1rem;
    position: relative;
    -webkit-filter: drop-shadow(0 0.5rem 0.2em rgba(0, 0, 0, 0.5));
    transform: translate3d(0, 0, 0);
}
.hot-4:after {
    content: "";
    width: 0;
    height: 0;
    border-right: 3rem solid transparent;
    border-left: 3rem solid transparent;
    /* border-top: 1.5rem solid #CCCCCC; */
    border-top: 1.5rem solid #F7981D;
    position: absolute;
    top: 40px;
    left: 0;
}
.cool-4 {
    font-size: 18px;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15);
    letter-spacing: 1px;
    display: block;
    width: 6rem;
    height: 4rem;
        background: linear-gradient(to bottom, #1c91c0 0%, #11a9cc 100%);
    /* background: linear-gradient(to bottom, #999999 0%, #cccccc 100%); */
    color: white;
    margin: 0px 10px 0;
    float: left;
    padding-top: 1rem;
    position: relative;
    -webkit-filter: drop-shadow(0 0.5rem 0.2em rgba(0, 0, 0, 0.5));
    transform: translate3d(0, 0, 0);
}
.cool-4:after {
    content: "";
    width: 0;
    height: 0;
    border-right: 3rem solid transparent;
    border-left: 3rem solid transparent;
    /* border-top: 1.5rem solid #CCCCCC; */
    border-top: 1.5rem solid #11a9cc;
    position: absolute;
    top: 40px;
    left: 0;
}
.outofstock-4 {
    font-size: 14px;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15);
    letter-spacing: 1px;
    display: block;
    width: 6rem;
    height: 4rem;
        background: linear-gradient(to bottom, #ca0404 0%, #ff0000 100%);
    /* background: linear-gradient(to bottom, #999999 0%, #cccccc 100%); */
    color: white;
    margin: 0px 10px 0;
    float: left;
    padding-top: 1rem;
    position: relative;
    -webkit-filter: drop-shadow(0 0.5rem 0.2em rgba(0, 0, 0, 0.5));
    transform: translate3d(0, 0, 0);
}
.outofstock-4:after {
    content: "";
    width: 0;
    height: 0;
    border-right: 3rem solid transparent;
    border-left: 3rem solid transparent;
    /* border-top: 1.5rem solid #CCCCCC; */
    border-top: 1.5rem solid #fe0000;
    position: absolute;
    top: 40px;
    left: 0;
}
.bestseller-4 {
    font-size: 14px;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15);
    letter-spacing: 1px;
    display: block;
    width: 6rem;
    height: 4rem;
        background: linear-gradient(to bottom, #15a004 0%, #1dcc11 100%);
    /* background: linear-gradient(to bottom, #999999 0%, #cccccc 100%); */
    color: white;
    margin: 0px 10px 0;
    float: left;
    padding-top: 1rem;
    position: relative;
    -webkit-filter: drop-shadow(0 0.5rem 0.2em rgba(0, 0, 0, 0.5));
    transform: translate3d(0, 0, 0);
}
.bestseller-4:after {
    content: "";
    width: 0;
    height: 0;
    border-right: 3rem solid transparent;
    border-left: 3rem solid transparent;
    /* border-top: 1.5rem solid #CCCCCC; */
    border-top: 1.5rem solid #1dcc11;
    position: absolute;
    top: 40px;
    left: 0;
}
.preorder-4 {
    font-size: 14px;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15);
    letter-spacing: 1px;
    display: block;
    width: 6rem;
    height: 4rem;
        background: linear-gradient(to bottom, #1c91c0 0%, #11a9cc 100%);
    /* background: linear-gradient(to bottom, #999999 0%, #cccccc 100%); */
    color: white;
    margin: 0px 10px 0;
    float: left;
    padding-top: 1rem;
    position: relative;
    -webkit-filter: drop-shadow(0 0.5rem 0.2em rgba(0, 0, 0, 0.5));
    transform: translate3d(0, 0, 0);
}
.preorder-4:after {
    content: "";
    width: 0;
    height: 0;
    border-right: 3rem solid transparent;
    border-left: 3rem solid transparent;
    /* border-top: 1.5rem solid #CCCCCC; */
    border-top: 1.5rem solid #11a9cc;
    position: absolute;
    top: 40px;
    left: 0;
}
.new-4 {
    font-size: 18px;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15);
    letter-spacing: 1px;
    display: block;
    width: 6rem;
    height: 4rem;
        background: linear-gradient(to bottom, #b1086d 0%, #ff00bc 100%);
    /* background: linear-gradient(to bottom, #999999 0%, #cccccc 100%); */
    color: white;
    margin: 0px 10px 0;
    float: left;
    padding-top: 1rem;
    position: relative;
    -webkit-filter: drop-shadow(0 0.5rem 0.2em rgba(0, 0, 0, 0.5));
    transform: translate3d(0, 0, 0);
}
.new-4:after {
    content: "";
    width: 0;
    height: 0;
    border-right: 3rem solid transparent;
    border-left: 3rem solid transparent;
    /* border-top: 1.5rem solid #CCCCCC; */
    border-top: 1.5rem solid #ff00bc;
    position: absolute;
    top: 40px;
    left: 0;
}
/* ----------------------------------------------------*/
.sale-5 {position: relative;
       margin: 0px auto 0px;
    height: 50px;
    width: 50px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #396ea3;
    background: -moz-linear-gradient(45deg, #c50b0b 19%, #ff0000 36%, #ff0000 62%, #6b1616 96%);
    background: -webkit-linear-gradient(45deg, #c50b0b 19%, #ff0000 36%, #ff0000 62%, #6b1616 96%);
    background: linear-gradient(45deg, #c50b0b 19%, #ff0000 36%, #ff0000 62%, #6b1616 96%);
    -webkit-box-shadow: inset 0px 0px 100px rgba(0, 0, 0, 0.2), 0px 0px 0px 10px #305c89, 0px 10px 30px 0px rgba(0, 0, 0, 0.9);
    -moz-box-shadow: inset 0px 0px 100px rgba(0, 0, 0, 0.2), 0px 0px 0px 10px #305c89, 0px 10px 30px 0px rgba(0, 0, 0, 0.9);
    box-shadow: inset 0px 0px 100px rgba(0, 0, 0, 0.2), 0px 0px 0px 10px #b60404, 0px 10px 30px 0px rgba(0, 0, 0, 0.9);}

.label .sale-5 span{
    display: block;
    width: 100%;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #ffffff;
    font-size: 1.6em;
    line-height: 1;
    font-weight: bold;
    text-align: center;
    text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.5);}

.hot-5 {position: relative;
       margin: 0px auto 0px;
    height: 50px;
    width: 50px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #396ea3;
    background: -moz-linear-gradient(45deg, #e4650b 19%, #ff8100 36%, #fbff00 53%, #ff2300 96%);
    background: -webkit-linear-gradient(45deg, #e4650b 19%, #ff8100 36%, #fbff00 53%, #ff2300 96%);
    background: linear-gradient(45deg, #e4650b 19%, #ff8100 36%, #fbff00 53%, #ff2300 96%);
    -webkit-box-shadow: inset 0px 0px 100px rgba(0, 0, 0, 0.2), 0px 0px 0px 10px #305c89, 0px 10px 30px 0px rgba(0, 0, 0, 0.9);
    -moz-box-shadow: inset 0px 0px 100px rgba(0, 0, 0, 0.2), 0px 0px 0px 10px #305c89, 0px 10px 30px 0px rgba(0, 0, 0, 0.9);
    box-shadow: inset 0px 0px 100px rgba(0, 0, 0, 0.2), 0px 0px 0px 10px #d16900, 0px 10px 30px 0px rgba(0, 0, 0, 0.9);}

.label .hot-5 span{
    display: block;
    width: 100%;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #ffffff;
    font-size: 1.6em;
    line-height: 1;
    font-weight: bold;
    text-align: center;
    text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.5);}
.cool-5 {position: relative;
    margin: 0px auto 0px;
    height: 50px;
    width: 50px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #396ea3;
    background: -moz-linear-gradient(45deg, #e4650b 19%, #ff8100 36%, #fbff00 53%, #ff2300 96%);
    background: -webkit-linear-gradient(45deg, #e4650b 19%, #ff8100 36%, #fbff00 53%, #ff2300 96%);
    background: linear-gradient(45deg, #0b8ae4 19%, #00adff 36%, #007ad1 53%, #05c5ff 96%);
    -webkit-box-shadow: inset 0px 0px 100px rgba(0, 0, 0, 0.2), 0px 0px 0px 10px #305c89, 0px 10px 30px 0px rgba(0, 0, 0, 0.9);
    -moz-box-shadow: inset 0px 0px 100px rgba(0, 0, 0, 0.2), 0px 0px 0px 10px #305c89, 0px 10px 30px 0px rgba(0, 0, 0, 0.9);
    box-shadow: inset 0px 0px 100px rgba(0, 0, 0, 0.2), 0px 0px 0px 10px #007ad1, 0px 10px 30px 0px rgba(0, 0, 0, 0.9);}

.label .cool-5 span{
    display: block;
    width: 100%;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #ffffff;
    font-size: 1.6em;
    line-height: 1;
    font-weight: bold;
    text-align: center;
    text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.5);}

.outofstock-5 {position: relative;
    margin: 0px auto 0px;
    height: 50px;
    width: 50px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #396ea3;
    background: -moz-linear-gradient(45deg, #c50b0b 19%, #ff0000 36%, #ff0000 62%, #6b1616 96%);
    background: -webkit-linear-gradient(45deg, #c50b0b 19%, #ff0000 36%, #ff0000 62%, #6b1616 96%);
    background: linear-gradient(45deg, #c50b0b 19%, #ff0000 36%, #ff0000 62%, #6b1616 96%);
    -webkit-box-shadow: inset 0px 0px 100px rgba(0, 0, 0, 0.2), 0px 0px 0px 10px #305c89, 0px 10px 30px 0px rgba(0, 0, 0, 0.9);
    -moz-box-shadow: inset 0px 0px 100px rgba(0, 0, 0, 0.2), 0px 0px 0px 10px #305c89, 0px 10px 30px 0px rgba(0, 0, 0, 0.9);
    box-shadow: inset 0px 0px 100px rgba(0, 0, 0, 0.2), 0px 0px 0px 10px #b60404, 0px 10px 30px 0px rgba(0, 0, 0, 0.9);}

.label .outofstock-5 span{
    display: block;
    width: 100%;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #ffffff;
    font-size: 15px;
    line-height: 1;
    font-weight: bold;
    text-align: center;
    text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.5);}
.bestseller-5 {position: relative;
    margin: 0px auto 0px;
    height: 50px;
    width: 50px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #396ea3;
    background: -moz-linear-gradient(45deg, #167233 19%, #00ff7e 36%, #26a452 62%, #065f1d 96%);
    background: -webkit-linear-gradient(45deg, #167233 19%, #00ff7e 36%, #26a452 62%, #065f1d 96%);
    background: linear-gradient(45deg, #167233 19%, #00ff7e 36%, #26a452 62%, #065f1d 96%);
    -webkit-box-shadow: inset 0px 0px 100px rgba(0, 0, 0, 0.2), 0px 0px 0px 10px #305c89, 0px 10px 30px 0px rgba(0, 0, 0, 0.9);
    -moz-box-shadow: inset 0px 0px 100px rgba(0, 0, 0, 0.2), 0px 0px 0px 10px #305c89, 0px 10px 30px 0px rgba(0, 0, 0, 0.9);
    box-shadow: inset 0px 0px 100px rgba(0, 0, 0, 0.2), 0px 0px 0px 10px #0b8e44, 0px 10px 30px 0px rgba(0, 0, 0, 0.9);}

.label .bestseller-5 span{
    display: block;
    width: 100%;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #ffffff;
    font-size: 15px;
    line-height: 1;
    font-weight: bold;
    text-align: center;
    text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.5);}
.preorder-5 {position: relative;
    margin: 0px auto 0px;
    height: 50px;
    width: 50px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #396ea3;
    background: -moz-linear-gradient(45deg, #e4650b 19%, #ff8100 36%, #fbff00 53%, #ff2300 96%);
    background: -webkit-linear-gradient(45deg, #e4650b 19%, #ff8100 36%, #fbff00 53%, #ff2300 96%);
    background: linear-gradient(45deg, #0b8ae4 19%, #00adff 36%, #007ad1 53%, #05c5ff 96%);
    -webkit-box-shadow: inset 0px 0px 100px rgba(0, 0, 0, 0.2), 0px 0px 0px 10px #305c89, 0px 10px 30px 0px rgba(0, 0, 0, 0.9);
    -moz-box-shadow: inset 0px 0px 100px rgba(0, 0, 0, 0.2), 0px 0px 0px 10px #305c89, 0px 10px 30px 0px rgba(0, 0, 0, 0.9);
    box-shadow: inset 0px 0px 100px rgba(0, 0, 0, 0.2), 0px 0px 0px 10px #007ad1, 0px 10px 30px 0px rgba(0, 0, 0, 0.9);}

.label .preorder-5 span{
    display: block;
    width: 100%;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #ffffff;
    font-size: 1.6em;
    line-height: 1;
    font-weight: bold;
    text-align: center;
    text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.5);}
.new-5 {position: relative;
       margin: 0px auto 0px;
    height: 50px;
    width: 50px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #396ea3;
    background: -moz-linear-gradient(45deg, #d31052 19%, #ff0099 36%, #ff00e0 53%, #b50b4f 96%);
    background: -webkit-linear-gradient(45deg, #d31052 19%, #ff0099 36%, #ff00e0 53%, #b50b4f 96%);
    background: linear-gradient(45deg, #d31052 19%, #ff0099 36%, #ff00e0 53%, #b50b4f 96%);
    -webkit-box-shadow: inset 0px 0px 100px rgba(0, 0, 0, 0.2), 0px 0px 0px 10px #305c89, 0px 10px 30px 0px rgba(0, 0, 0, 0.9);
    -moz-box-shadow: inset 0px 0px 100px rgba(0, 0, 0, 0.2), 0px 0px 0px 10px #305c89, 0px 10px 30px 0px rgba(0, 0, 0, 0.9);
    box-shadow: inset 0px 0px 100px rgba(0, 0, 0, 0.2), 0px 0px 0px 10px #d30083, 0px 10px 30px 0px rgba(0, 0, 0, 0.9);}

.label .new-5 span{
    display: block;
    width: 100%;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #ffffff;
    font-size: 1.6em;
    line-height: 1;
    font-weight: bold;
    text-align: center;
    text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.5);}


/* ----------------------------------------------------*/
/* Starburst 1 */
.sale-1 {
    display: block;
    width: 3.5em;
    height: 3.5em;
    line-height: 48px;
    font-size: 16px;
    background: #fe0000;
    -webkit-transform: rotate(-22.5deg);
    -moz-transform: rotate(-22.5deg);
    rotation: -22.5deg;
    position: absolute;
    top: 1em;
    left: 1em;
    text-align: center;
    text-decoration: none;
    color: #fff;
    font-weight: bold;
    font-family: Arial, sans-serif;
    text-shadow: 0 0 3em #f00, 0 0 4px #88004a;
    -moz-transition: -moz-transform 0.3s ease;
    -webkit-transition: -webkit-transform 0.3s ease;
    -o-transition: -o-transform 0.3s ease;
    transition: transform 0.3s ease;
}
.sale-1 span {
	display:block;
	width:3.5em;
	height:3.5em;
	background:#fe0000;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	rotation:45deg;
}
.sale-1:hover,
.sale-1:hover span {
	background:#f00;
	color:#fff;
	text-shadow:0 0 20px #fff, 0 0 8px #fff;
}
.sale-1:hover {
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	rotation:-405deg;
}

.hot-1 {
    display: block;
    width: 3.5em;
    height: 3.5em;
    line-height: 48px;
    font-size: 16px;
    background: #ff6a00;
    -webkit-transform: rotate(-22.5deg);
    -moz-transform: rotate(-22.5deg);
    rotation: -22.5deg;
    position: absolute;
    top: 1em;
    left: 1em;
    text-align: center;
    text-decoration: none;
    color: #fff;
    font-weight: bold;
    font-family: Arial, sans-serif;
    text-shadow: 0 0 3em #f00, 0 0 4px #88004a;
    -moz-transition: -moz-transform 0.3s ease;
    -webkit-transition: -webkit-transform 0.3s ease;
    -o-transition: -o-transform 0.3s ease;
    transition: transform 0.3s ease;
}
.hot-1 span {
	display:block;
	width:3.5em;
	height:3.5em;
	background:#ff6a00;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	rotation:45deg;
}
.hot-1:hover,
.hot-1:hover span {
	background:#f33901;
	color:#fff;
	text-shadow:0 0 20px #fff, 0 0 8px #fff;
}
.hot-1:hover {
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	rotation:-405deg;
}

.cool-1 {
    display: block;
    width: 3.5em;
    height: 3.5em;
    line-height: 48px;
    font-size: 16px;
    background: #0072ff;
    -webkit-transform: rotate(-22.5deg);
    -moz-transform: rotate(-22.5deg);
    rotation: -22.5deg;
    position: absolute;
    top: 1em;
    left: 1em;
    text-align: center;
    text-decoration: none;
    color: #fff;
    font-weight: bold;
    font-family: Arial, sans-serif;
    text-shadow: 0 0 3em #f00, 0 0 4px #88004a;
    -moz-transition: -moz-transform 0.3s ease;
    -webkit-transition: -webkit-transform 0.3s ease;
    -o-transition: -o-transform 0.3s ease;
    transition: transform 0.3s ease;
}
.cool-1 span {
	display:block;
	width:3.5em;
	height:3.5em;
	background:#0072ff;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	rotation:45deg;
}
.cool-1:hover,
.cool-1:hover span {
	background:#014eaf;
	color:#fff;
	text-shadow:0 0 20px #fff, 0 0 8px #fff;
}
.cool-1:hover {
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	rotation:-405deg;
}

.outofstock-1 {
    display: block;
    width: 3.5em;
    height: 3.5em;
    line-height: 16px;
    font-size: 16px;
    background: #fe0000;
    -webkit-transform: rotate(-22.5deg);
    -moz-transform: rotate(-22.5deg);
    rotation: -22.5deg;
    position: absolute;
    top: 1em;
    left: 1em;
    text-align: center;
    text-decoration: none;
    color: #fff;
    font-weight: bold;
    font-family: Arial, sans-serif;
    text-shadow: 0 0 3em #f00, 0 0 4px #88004a;
    -moz-transition: -moz-transform 0.3s ease;
    -webkit-transition: -webkit-transform 0.3s ease;
    -o-transition: -o-transform 0.3s ease;
    transition: transform 0.3s ease;
}
.outofstock-1 span {
	display:block;
	width:3.5em;
	height:3.5em;
	padding: 10px 0px;
	background:#fe0000;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	rotation:45deg;
}
.outofstock-1:hover,
.outofstock-1:hover span {
	background:#f00;
	color:#fff;
	text-shadow:0 0 20px #fff, 0 0 8px #fff;
}
.outofstock-1:hover {
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	rotation:-405deg;
}

.bestseller-1 {
    display: block;
    width: 3.5em;
    height: 3.5em;
    line-height: 16px;
    font-size: 16px;
    background: #29bb04;
    -webkit-transform: rotate(-22.5deg);
    -moz-transform: rotate(-22.5deg);
    rotation: -22.5deg;
    position: absolute;
    top: 1em;
    left: 1em;
    text-align: center;
    text-decoration: none;
    color: #fff;
    font-weight: bold;
    font-family: Arial, sans-serif;
    text-shadow: 0 0 3em #f00, 0 0 4px #88004a;
    -moz-transition: -moz-transform 0.3s ease;
    -webkit-transition: -webkit-transform 0.3s ease;
    -o-transition: -o-transform 0.3s ease;
    transition: transform 0.3s ease;
}
.bestseller-1 span {
	display:block;
	width:3.5em;
	height:3.5em;
	padding: 10px 0px;
	background:#29bb04;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	rotation:45deg;
}
.bestseller-1:hover,
.bestseller-1:hover span {
	background:#197900;
	color:#fff;
	text-shadow:0 0 20px #fff, 0 0 8px #fff;
}
.bestseller-1:hover {
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	rotation:-405deg;
}

.preorder-1 {
    display: block;
    width: 3.5em;
    height: 3.5em;
    line-height: 16px;
    font-size: 16px;
    background: #0072ff;
    -webkit-transform: rotate(-22.5deg);
    -moz-transform: rotate(-22.5deg);
    rotation: -22.5deg;
    position: absolute;
    top: 1em;
    left: 1em;
    text-align: center;
    text-decoration: none;
    color: #fff;
    font-weight: bold;
    font-family: Arial, sans-serif;
    text-shadow: 0 0 3em #f00, 0 0 4px #88004a;
    -moz-transition: -moz-transform 0.3s ease;
    -webkit-transition: -webkit-transform 0.3s ease;
    -o-transition: -o-transform 0.3s ease;
    transition: transform 0.3s ease;
}
.preorder-1 span {
	display:block;
	width:3.5em;
	height:3.5em;
	padding: 10px 0px;
	background:#0072ff;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	rotation:45deg;
}
.preorder-1:hover,
.preorder-1:hover span {
	background:#014eaf;
	color:#fff;
	text-shadow:0 0 20px #fff, 0 0 8px #fff;
}
.preorder-1:hover {
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	rotation:-405deg;
}

.new-1 {
    display: block;
    width: 3.5em;
    height: 3.5em;
    line-height: 48px;
    font-size: 16px;
    background: #ff00bc;
    -webkit-transform: rotate(-22.5deg);
    -moz-transform: rotate(-22.5deg);
    rotation: -22.5deg;
    position: absolute;
    top: 1em;
    left: 1em;
    text-align: center;
    text-decoration: none;
    color: #fff;
    font-weight: bold;
    font-family: Arial, sans-serif;
    text-shadow: 0 0 3em #f00, 0 0 4px #88004a;
    -moz-transition: -moz-transform 0.3s ease;
    -webkit-transition: -webkit-transform 0.3s ease;
    -o-transition: -o-transform 0.3s ease;
    transition: transform 0.3s ease;
}
.new-1 span {
	display:block;
	width:3.5em;
	height:3.5em;
	background:#ff00bc;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	rotation:45deg;
}
.new-1:hover,
.new-1:hover span {
	background:#b1086d;
	color:#fff;
	text-shadow:0 0 20px #fff, 0 0 8px #fff;
}
.new-1:hover {
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	rotation:-405deg;
}
.sys-member-login.style_type-5 .body .reg-link .btn-member-register {
    color: #333;
    position: absolute;
    top: 10px!important;
    right: 19px!important;
    margin: 0;
}
@media (min-width: 360px) and (max-width: 767px){

    #header.header-modern + #slider{margin-bottom: 0px;
    top: 0px;}
}


@media (max-width: 480px){
.radio-inline, .checkbox-inline {
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    vertical-align: middle;
    font-weight: 400;
    cursor: pointer;
    width: 160px;word-break: break-word;
}


}