.cicon-eye{background-image:url(../images/eye.svg)}
.cicon-eye-close{background-image:url(../images/eye-close.svg)}
.cicon-visa{width:38px;height:28px;background-image:url(../images/visa.png)}
.cicon-americanexpress{width:43px;height:28px;background-image:url(../images/americanexpress.png)}
.cicon-dinersclub{width:39px;height:28px;background-image:url(../images/dinersclub.png)}
.cicon-discover{width:41px;height:28px;background-image:url(../images/discover.png)}
.cicon-mastercard{width:44px;height:28px;background-image:url(../images/mastercard.png)}
.cicon-jcb{width:39px;height:28px;background-image:url(../images/jcb.png)}
.cicon-warning{background-image:url(../images/warning.svg);width:24px;height:24px}
.cicon-share{background-image:url(../images/share.svg)}
.cicon-rule{background-image:url(../images/rule.svg)}
.cicon-user{background-image:url(../images/user.svg)}
.cicon-search{background-image:url(../images/search.svg)}
.cicon-arrow-top{background-image:url(../images/arrow-top.svg)}
.cicon-arrow-down{background-image:url(../images/arrow-down.svg)}
.cicon-favourite{background-image:url(../images/favourite.svg)}
.cicon-favourite-2{background-image:url(../images/favourite-2.svg)}
.cicon-tote{background-image:url(../images/tote.svg)}
.cicon-sstar{background-image:url(../images/sstar.svg)}
.cicon-kstar{background-image:url(../images/kstar.svg)}
.cicon-facebook{background-image:url(../images/facebook.svg)}
.cicon-facebook2{background-image:url(../images/facebook2.svg)}
.cicon-instagram{background-image:url(../images/instagram.svg)}
.cicon-pinterest{background-image:url(../images/pinterest.svg)}
.cicon-pinterest2{background-image:url(../images/pinterest2.svg)}
.cicon-twitter{background-image:url(../images/twitter.svg)}
.cicon-twitter2{background-image:url(../images/twitter2.svg)}
.cicon-wechat{background-image:url(../images/wechat.svg)}
.cicon-youTube{background-image:url(../images/youTube.svg)}
.cicon-email{background-image:url(../images/email.svg)}
.cicon-sort{background-image:url(../images/sort.svg)}
.cicon-filter{background-image:url(../images/filter.svg)}
.cicon-hamburger{background-image:url(../images/hamburger.svg)}
.cicon-plus{background-image:url(../images/plus.svg)}
.cicon-minus{background-image:url(../images/minus.svg)}
.cicon-play{background-image: url(../images/play.svg);}
.icon-arrow {background: url(../images/right.svg) 0 0 no-repeat;background-size: 100% 100%;}
.paypal{background:url(../images/paypal.svg) no-repeat;background-size:100%}
.bannerArrow{background:url(../images/arrow-left.svg) no-repeat center center;background-size: 100%;}
.tag-item .close{background: url(../images/close.svg) no-repeat;}
.filter-expand-icon{background:url(../images/minus.svg) no-repeat 0 0;background-size: 100%;}
.filter-expand-icon.collapsed{background-image:url(../images/plus.svg);background-size: 100%;}
.color-input input:checked+.color-item::after{background:url(../images/yes.svg) no-repeat;}
.upload .file-remove{background:#fff url(../images/close.svg) no-repeat center center;}
.checkbox-input:checked+.custom-checkbox:after{background:url(../images/duigou.svg) no-repeat center center;background-size:100%}
.cicon-headset {background-image: url(../images/headset.svg);}
.collapse-product .cicon-arrow-down{background-image: url(../images/arrow-down-white.svg);}
.cicon-upload{background-image:url(../images/upload.svg);width: 18px;height: 19px;}
.cicon-question{background-image: url(../images/question.svg);}
.btn-group-lg>.btn,.btn-lg,#wishlistbox,.collapse-product,#askQuestionBox,#sharebox{font-size:1.1428571428571428rem;border-radius:0;height:32px;line-height:30px;padding:0;text-transform: uppercase;}
.breadcrumb{border-bottom: 2px solid #C1C1C1;padding-bottom: 16px;}
.header{justify-content: center;}
.header-right{position:absolute;right:16px;top:16px;width: 326px;justify-content: end;}
.pc-search-input{position:absolute;right:-16px;top:-16px;z-index:10;padding:10px 16px 0 0;display:none;align-items:center;background-color:#fff}
.pc-search-input.show {display: flex !important;}
.header-search{background:#fff;border:1px solid #8d8d8d;display:flex;justify-content:space-between;align-items:center;width:300px;height:30px;box-sizing:border-box}
.header-search input{border:none;flex:1;order: 2;height:100%;padding:0 10px;outline:0}
.header-search .header-search-btn{width:20px;height:20px;margin-left:10px;cursor:pointer;opacity: 0.6;}
.pc-search-input .close {margin-left: 6px;}
.header-operate{text-align:center;min-width:32px;margin-left:12px;cursor:pointer;position:relative}
.header-operate .badge{position:absolute;right:-2px;top:-8px}
.header-operate i{width:20px;height:20px;opacity: 0.8;}
.header-operate div{display: none;}
.nav{display: flex;justify-content: center;}
.nav ul{display:flex;justify-content: flex-start;position: relative;flex-wrap: wrap;}
.nav li>a.current,.nav li>a:hover{border-bottom:1px solid #222;text-decoration:none}
.nav .submenu{display:none;position:absolute;width: 100%;line-height: 40px;top:100%;left:0;z-index:5;background:#ECEDF0;font-weight: bold;flex-wrap: wrap;}
.nav .submenu.visible {display: flex;}
.submenu-item {margin-right: 1px;}
.nav .submenu-item a{display:block;padding:0 16px;text-decoration:none;white-space:nowrap}
.submenu-item a:hover {color: #fff;background-color: #adacac;}
.footer{border-top: 2px solid #C1C1C1;}
.footer-deals .btn{width:93px;margin-left:16px;background-color: #110878;}
.colors-list{margin:8px 0 0 0;text-align:left;position:relative;display:flex;flex-wrap:wrap}
.colors-list .color-checkbox{margin-right:8px;margin-bottom: 8px;min-width: 40px;height: 40px;border-radius: 20px;border-color: #8d8d8d;}
.colors-list input:checked+.color-checkbox,.colors-list input:not(:disabled)+.color-checkbox:hover{box-shadow: 0 0 0 3px #096a2e;outline-offset: 1px;border-color: #fff}
.colors-list input:disabled+.color-checkbox{cursor:not-allowed;position:relative;overflow:hidden;border-style: dashed;color: #8d8d8d;}
.colors-list input:disabled+.color-checkbox:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-45deg);width:180%;height:1px;background:#c4c4c4;overflow:hidden}
.detail-favourite-btn{margin-top:16px;cursor:pointer;display:flex;align-items:center;text-align: center;}
.detail-favourite-btn .cicon,.cicon-headset{width:20px;height:20px;margin-left: 16px;margin-right:-36px}
.cicon-arrow-down,.cicon-arrow-top{width:16px!important;height:16px!important;margin-left:8px}
.collapse-product{cursor:pointer;padding: 0 16px;margin-top:16px;display:flex;align-items:center;justify-content:space-between}
.collapse-product i{vertical-align:middle}
.collapse-product.collapsed i{transform:rotate(180deg)}
.add-to-bag-btn{width:366px;margin-top:16px;text-transform: uppercase;}
#wishlistbox,.collapse-product,#askQuestionBox,#sharebox{color: #fff;background-color: #222;border-color: #161616;text-transform: uppercase;}
#wishlistbox{width: 316px;}
#sharebox{width: 34px;}
#sharebox .cicon-share{margin: 0 6px;}
#sharebox span{display: none;}
.collapse-product,#askQuestionBox{width: 100%;}
#askQuestionBox span{color: #fff;text-transform: uppercase;}
#wishlistbox,#sharebox,#askQuestionBox a{display: flex;align-items: center;text-align: center;}
.detail-favourite-btn span, #askQuestionBox a span{flex: 1;}
.pc-carousel{display:flex;flex-direction: column-reverse;}
.pc-carousel-left{height:70px;margin-top:16px;display:flex;align-items: center;}
.pc-carousel-left .arrow-next,.pc-carousel-left .arrow-prev{display:flex;justify-content:center;align-items:center;cursor:pointer}
.pc-carousel-left .imgs-thumb{margin:0 0 0 8px;display: flex;}
.pc-carousel-left .imgs-thumb a{width:70px;height: 70px;margin-right:8px;}
.pc-carousel-left .imgs-thumb img{max-width:68px;max-height:68px;}
.pc-carousel-left .arrow-next,.pc-carousel-left .arrow-prev{display:flex;justify-content:center;align-items:center;cursor:pointer;width:24px;height:24px;border:1px solid #000;border-radius:50%;background-color:#fff}
.pc-carousel-left .arrow-prev .cicon-arrow-top, .pc-carousel-left .arrow-next .cicon-arrow-down {background-image: url(../images/arrow-left.svg);margin: 0;width: 14px !important;height: 14px !important;}
.pc-carousel-left .arrow-next .cicon-arrow-down {transform: rotate(180deg);}
.share-modal .media-icon i{cursor:pointer}
.btn-link{border: 1px solid #000;text-decoration: none;color: #000;}
#btnBox {display: flex;justify-content: space-between;align-items: center;}
#productDetailBox #btn-request-quote{padding: 0 30px;}
#requestQuoteBox .bag-list .flex-layout  div.btn{padding: 0 15px;}
@media (min-width:768px){
#addToBagModal .checkoutbox button{text-transform: uppercase;}
#bagBox #baglistbox,#bagBox #bagsummarybox{width: 100%}
#bagBox .bagitemimagebox{width: 25%}
#bagBox .bagitemdetailbox{width: 75%}
#bagsummarybox button.btn-block{margin: 0 5%;padding: 0 15px;}
}
@media (max-width:768px){.header {justify-content: space-between;}}
@media (max-width:767px){#btnBox{display: block;}}
.cicon-map{background-image: url(../images/map.svg);}
.cicon-phone{background-image: url(../images/phone.svg);}