/* Minification failed. Returning unminified contents.
(5433,93): run-time error CSS1034: 
(5433,93): run-time error CSS1042: Expected function, found ','
(5433,97): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(5452,93): run-time error CSS1034: 
(5452,93): run-time error CSS1042: Expected function, found ','
(5452,97): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
 */


/**cart.page*/
.cart-page {background:#f8f8f8}
.cart-empty-page {background:#fff}

/**left*/
.cart-page .cart-left {
    background: #fff
}
.cart-page .cart-left-container {
   
    background: #fff;padding:20px;padding-bottom:35px
}


/*paypal smart button payment*/
.checkout-with-paypal-wrapper {}

.checkout-with-button-wrapper {}

.checkout-with-paypal-wrapper .checkout-with-paypal {}
.checkout-with-paypal-wrapper #checkout-with-paypal-modal {}
.checkout-with-paypal-wrapper #checkout-with-paypal-modal .modal-box-wrapper{width:100vw;height:100vh;display:block;text-align:center}
.checkout-with-paypal-wrapper #checkout-with-paypal-modal .modal-box {width: 250px;height: 250px;display:inline-block;margin:auto;margin-top:250px;text-align:center;}
.checkout-with-paypal-wrapper #checkout-with-paypal-modal .modal-box i {font-size:100px;color:#fff}
.checkout-with-paypal-wrapper #checkout-with-paypal-modal .modal-box span {font-size:15px;color:#fff;letter-spacing:1px;}
    /**right*/
    .cart-page .cart-right {
    }
.cart-page .cart-right-container {padding:20px;;margin-top:-1px;border-radius:0px;padding-bottom:25px;background:#fff}

.cart-page h3{font-size:12px;margin:0px;padding: 10px 10px;letter-spacing:1px;font-family: "proxima-nova-semi";text-align:center;letter-spacing:1px}



/**cart.page title*/
.cart-page .cart-title{margin-top:0px;border-bottom:solid 0px #ddd;text-align:center}
.cart-page .cart-title h1{font-size:14px;text-transform: capitalize;font-family: "proxima-nova-semi";line-height:30px;font-weight:normal;letter-spacing:0.5px;}
.cart-page .cart-title a{line-height:50px;}


/**list cart for cart.page and order.page**/
.list-cart {margin:0px;padding:0px;margin-bottom:0px}

.list-cart .list-cart-head {border-bottom:solid 1px #ddd;padding:1px 3px;font-size:12px;border-top-width:0px;}
.list-cart .list-cart-head div {line-height:40px;font-size:12px;letter-spacing:0.5px;}
.list-cart .list-cart-head div i{font-size:11px;color:#999;cursor:pointer}
.list-cart .list-cart-head div i:hover{color:crimson}

.list-cart .list-cart-head .cart-head-order {}
.list-cart .list-cart-head .cart-head-order:hover {text-decoration:underline;cursor:pointer}

.list-cart .list-cart-item {border:solid 1px #ddd;padding:0px;padding:3px;background:#fff;border-top-width:0px;font-size:12px;border-left-width:0px;border-right-width:0px;padding:15px 0px;}
.list-cart .list-cart-item ul{list-style:none;padding:0px;margin:0px}

.list-cart .list-cart-item.not_active .data_image {opacity:0.9}
.list-cart .list-cart-item.not_active .data_product {opacity:0.9}
.list-cart .list-cart-item.not_active .data_price {opacity:0.9}
.list-cart .list-cart-item.not_active .data_quantity {opacity:0}
.list-cart .list-cart-item.not_active .data_subtotal {opacity:0}


    .list-cart .list-cart-item .custom-input {
        cursor: pointer;

        line-height: 20px;
        display: inline-block;
        border-radius: 0px;
        margin-top: 3px;
        margin-top: 3px;
        background: #fff;
        color: #00b38a;
        text-decoration: none;
        padding: 2px 5px;
        display: inline-block;
        border: solid 1px #00b38a;
        font-size: 10px;
    }
.list-cart .list-cart-item .custom-input:hover {background:#00b38a;color:#fff}

.list-cart .list-cart-item .btn-delete-cart {padding:0px 3px;border-radius:2px}

.list-cart .list-cart-item .popover-content,.my-order-detail-page .list-orderproduct-item .popover-content {
        width: 230px;
        overflow: auto
    }
.list-cart .list-cart-item .popover-content .btn-open-edit-note {background:#00b38a;color:#fff;border-width:0px;padding:3px 7px}
.list-cart .list-cart-item .btn-note :hover {text-decoration:none}
.list-cart .list-cart-item .btn-note .note-alert {border:solid 1px #fff;padding:2px 3px;display:inline-block;text-decoration:underline}
.list-cart .list-cart-item .btn-note .note-alert-end {display:none}
.list-cart .list-cart-item .btn-note .note-alert-m {text-decoration:none;padding:2px 3px;display:inline-block;}

.list-cart .list-cart-item .btn-note-active :hover {text-decoration:none}
.list-cart .list-cart-item .btn-note-active .note-alert {background:#00b38a;color:#fff;text-decoration:none;padding:2px 3px;display:inline-block;}
.list-cart .list-cart-item .btn-note-active .note-alert-end {display:inline}
.list-cart .list-cart-item .btn-note-active .note-alert-m {background:#00b38a;color:#fff;text-decoration:none;padding:2px 3px;display:inline-block;}
.list-cart .list-cart-item .btn-note-active .note-alert-m i {color:#fff}
.list-cart .list-cart-foot {
    margin-bottom: 0px;
    border-bottom: solid 1px #ddd;
    padding: 15px 0px;
}
.list-cart .list-cart-foot:hover {background:#ddd}

/**cart.page data_summary*/
.list-cart-item .data_subtotal {font-size:14px;line-height:20px;color:#000}

/**cart.page data item*/
.list-cart-item .data_product {padding-left:10px;color:#000;}

.list-cart-item .data_product li {font-size:12px;}

.list-cart-item .data_product .product-brand{text-overflow: ellipsis; white-space: nowrap;overflow: hidden;color: #111;font-size: 14px;font-weight: normal;text-transform: capitalize;font-family: "proxima-nova-semi";display:block}
.list-cart-item .data_product .product-name{display: block;color: #111;font-size: 13px;text-transform: capitalize;display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;  text-overflow: ellipsis;overflow: hidden;}

.list-cart-item .data_product .data_product_name {margin-bottom:5px; }

.list-cart-item .data_product .data_product_attr {    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden; }


.list-cart-item .data_product span.name{text-transform:capitalize; font-size: 13px;}
.list-cart-item .data_product span.value{ font-size: 13px;}


.list-cart-item .data_product .data_product_option {margin-top:20px}
.list-cart-item .data_product .data_product_option a{margin-right:7px;padding:0px;text-decoration:underline;}
.list-cart-item .data_product .data_product_option a:hover{color:#d40260;color:#000;text-decoration:none;}
.list-cart-item .data_product .data_product_option a:last-child{margin-right:0px}

/**cart.page data_summary*/
.list-cart-item .data_image {padding:0px;cursor:pointer;text-align:center}
.list-cart-item .data_image .svg-responsive svg{}
.list-cart-item .data_image .svg-responsive svg #svgSelectLayer{display:none}
.list-cart-item .data_image .lab-logo{color:#fff;background:#00b38a;padding:3px 3px;border-radius:2px;position:absolute; top:1px;left:1px;z-index:2;opacity:0.8;font-size:10px}


/**cart.page data_price*/
.list-cart-item .data_price {font-size:14px;line-height:20px;color:#000;}
.list-cart-item .data_price .data-original-price{font-size:14px;color: #999;text-decoration: line-through;margin-top:0px;display:block;font-weight:normal}
.list-cart-item .data_price .data-discount{color:#F44336;font-size:12px;padding:0px 3px;text-decoration:unset;letter-spacing:0px;border-radius:1px;margin-top:10px;;font-weight:normal;background:#FEE3E1}

/**cart.page data_price*/
.list-cart-item .data_unavailable span {font-size:12px;line-height:20px;color:#C13C27;letter-spacing:1px;border:solid 1px #e6d7da;padding:3px 5px;border-radius:5px;margin-top:5px;display:inline-block}

/**cart.page data_options*/
.list-cart-item .data_options {}
.list-cart-item .btn-delete-cart {padding:3px 6px;letter-spacing:1px}
.list-cart-item .btn-delete-cart:hover {}

/**cart.page data_options*/
.list-cart-item .data_options {;line-height:20px}
.list-cart-item .btn-edit-item {font-size:12px;font-style:normal;letter-spacing:0.5px;color:#000;text-decoration:underline}
.list-cart-item .btn-edit-item:hover {}

/**cart.page data_quantity*/
.list-cart-item .data_quantity {line-height:20px}
.list-cart-item .data_quantity .number{font-size:14px;width:60px;height:26px;line-height:26px;border:solid 1px #bbb}
.list-cart-item .data_quantity span {font-size:14px}
.list-cart-item .data_quantity .input-group-addon {background:#fff;text-decoration:none;font-size:14px;font-weight:normal;text-align:center;width:30px;display:inline-block;height:26px;border:solid 1px #bbb;padding-top:3px}
.list-cart-item .data_quantity .input-group-addon:hover {background:#efefef}
.list-cart-item .data_quantity .dropdown-menu {

  background-color:transparent;
  border: 1px solid #999999;
  border: 0px solid rgba(0, 0, 0, 0.15);
  border-radius: 0px;
  -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.175);
  box-shadow: 0 0px 0px rgba(0, 0, 0, 0.175);
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
          font-size:12px;padding-top:0px;font-weight:bold;z-index:0

}



.cart-page .form-summary {}
.cart-page .form-summary h3{font-size:13px;letter-spacing:1px;line-height:24px}

.cart-page .cart-text {text-align:right;line-height:39px;font-weight:normal;font-size:14px;border-top:solid 1px #ddd;letter-spacing:1px;border-bottom-width:0px;text-transform:capitalize}
.cart-page .cart-text strong{font-weight:normal;display:inline-block;width:50%;text-align:right}
.cart-page .cart-text:last-child{border-top-width:0px}

.cart-page .cart-coupon {font-size:12px;border-color:#ddd;line-height:28px;height:40px;box-shadow:none;background:#ddd;border-left-width:1px;border-right-width:1px;border-bottom-width:0px;letter-spacing:0.5px;color:#111;text-align:right;-webkit-appearance: none;appearance: none;}
.cart-page .cart-coupon .form-control-option{font-size:13px;height:40px;line-height:40px;letter-spacing:1px;color:#111;display:block;-moz-appearance:none; /* Firefox */-webkit-appearance:none; /* Safari 和 Chrome */appearance:none;  height: 32px;}
.cart-page .cart-coupon .form-control-option::-ms-expand{ display: none; }
.cart-page .cart-coupon .form-control-option:hover{color:#fff;background-color:#1E90FF;}

.cart-page .cart-shipping-country {font-size:13px;text-decoration:underline;padding:0px 3px}

/*get shipping cost widows*/
.cart-page #cart-shipping-country-container {padding:0px}
.cart-page #cart-shipping-country-container h3{margin-top:0px;padding:15px 20px;background:#f8f8f8;border-bottom:solid 1px #ddd;font-size:14px;letter-spacing:0px}
.cart-page #cart-shipping-country-container .shipping-country-panel{padding:15px 20px}

.cart-page .btn-checkout {background:#000;margin:15px 0px;font-size:13px;letter-spacing:0.5px;font-family: "proxima-nova-semi";}
.cart-page .btn-checkout i{color:chartreuse;margin-right:5px}



/**coupon list*/
.checkout-coupon {
    display: block;
    width: 100%;
}
.checkout-coupon a.btn-coupon-toggle{line-height:40px;display:block;font-size:12px;letter-spacing:1px;text-align:center;background:#fff;text-decoration:none;width:100%;border-top:solid 1px #ddd;color:#666}
.checkout-coupon a.btn-coupon-toggle i{font-size:12px;color:#666}
.checkout-coupon a.btn-coupon-toggle span {text-decoration:underline}
.checkout-coupon a.btn-coupon-toggle:hover span{text-decoration:none}

.checkout-coupon-list {border:solid 0px #efefef;padding:0px;display:none;margin-bottom:10px}

.checkout-coupon-list .checkout-coupon-list-head{margin-bottom:15px}
.checkout-coupon-list .checkout-coupon-list-head table{width:100%}
.checkout-coupon-list .checkout-coupon-list-head table .form-control{border:solid 1px #999}
.checkout-coupon-list .checkout-coupon-list-head table button{height:34px;background:#000;color:#fff;font-size:14px}

.checkout-coupon-list .checkout-coupon-list-body{border:solid 0px #ddd;border-right-width:0px;margin-block-start: 0px;margin-block-end: 0px;padding-inline-start: 0px;display:block;  -webkit-padding-start: 0px;max-height:170px;overflow:scroll;overflow-x: hidden;padding:15px 15px;border:solid 1px #ddd}
    /*滚动条样式*/
.checkout-coupon-list .checkout-coupon-list-body::-webkit-scrollbar {width: 6px;height: 6px;}
.checkout-coupon-list .checkout-coupon-list-body::-webkit-scrollbar-thumb {background-color: #777;}
.checkout-coupon-list .checkout-coupon-list-body::-webkit-scrollbar-track {border-right: 0px solid #ddd;background-color:transparent;}
 





/**mobile show*/
@media screen and (max-width: 767px) {

    .list-cart .list-cart-item .popover-content, .my-order-detail-page .list-orderproduct-item .popover-content {
        width: 160px
    }

    .cart-page {
        background: #f8f8f8
    }

    .cart-empty-page {
        background: #fff
    }

    /**cart.page title*/
    .cart-page .cart-title {
        margin-top: 0px;margin-bottom:0px;border-bottom:solid 1px #efefef}

    .cart-page .cart-title h1{
        margin-top: 10px;
        margin-bottom: 10px
    }

    .cart-page .btn-checkout {
        height:unset;
      line-height:36px
    }

    .cart-page .btn-moq-reminder {
        height: unset;
        line-height: 36px;
    }

    .cart-page .btn-checkout i {
        color: chartreuse;
        margin-right: 5px
    }

    /**left*/
    .cart-page .cart-left {border-radius:1px}

    .cart-page .cart-left-container {

        padding: 0px
    }

    .cart-page .list-cart {margin:0px;padding:0px;margin-bottom:0px}

	/**cart.page data_price*/
	.list-cart-item .data_price {font-size:13px;padding-right:0px}
	.list-cart-item .data_price .data-original-price{font-size:13px;}


    /**right*/
    .cart-page .cart-right{padding:0px;margin-top:1px}
    .cart-page .cart-right-container {border-width:0px;padding-left:0px;padding-right:0px;margin-bottom:0px;padding-top:5px;padding-bottom:35px}

    .cart-page .cart-text strong{padding-right:10px}

    .list-cart-item .data_image {padding:15px;cursor:pointer;text-align:center;padding-right:0px;padding-top:0px;padding-bottom:0px}
    .list-cart-item .data_unavailable span {border:solid 0px #e6d7da;padding:0px;border-radius:0px;margin-top:0px}


    .list-cart-item .data_product {padding-right:0px;padding-left:4px}

        .list-cart-item .data_product .data_product_name {margin-bottom:0px}

        .list-cart-item .data_product .product-brand {
            font-size: 11px;
        }
    .list-cart-item .data_product .product-name{display: -webkit-box;  
    -webkit-line-clamp: 1;  
    -webkit-box-orient: vertical;  text-overflow: ellipsis;overflow: hidden;font-size: 11px;}


    .list-cart-item .data_product span.name{text-transform:capitalize; font-size: 11px;}
    .list-cart-item .data_product span.value{text-transform:capitalize; font-size: 11px;}

    .list-cart-item .data_product .data_product_option {margin-top:10px}
    .list-cart-item .data_product .data_product_option a{text-decoration:none;margin-right:7px;padding:0px;border-width:0px;font-size:13px;color:#111;}
       
        .list-cart-item .data_product .data_product_option i {
            color: #999
        }
    .list-cart-item .data_product .data_product_option a:last-child{margin-right:0px}

    .checkout-coupon-list .checkout-coupon-list-head {padding-left:15px;padding-right:15px}
    .checkout-coupon-list .checkout-coupon-list-body {margin:0px 15px;border-left-width:0px;border-right-width:0px;border-bottom-width:0px;padding-left:0px;padding-right:0px;padding-top:0px;border-top-width:0px;max-height:154px}

    .cart-item-edit-detail {width:100%;max-width:374px;margin-top:60px}
    .cart-item-edit-detail .col-xs-12{padding-right:0px;padding-left:0px}


    .checkout-with-button-wrapper {border-top-width:0px}

    /**coupon list*/
    .checkout-coupon {}

        .checkout-coupon a.btn-coupon-toggle {

            border-top: solid 0px #ddd;
            color: #111
        }
}



/**************************************************/
/*********************************************************************************************************************************
    cart-recentlyviewed-items section
*/

.cart-recentlyviewed-items {padding-left:0px;padding-right:0px;padding-bottom:0px;border-top:solid 1px #efefef}
.cart-recentlyviewed-items>h3 {font-family: "proxima-nova-semi";display:block;text-align:center;font-size:13px;padding:20px 0px}
.cart-recentlyviewed-items .products-container {padding-left:0px;padding-right:0px}
.cart-recentlyviewed-items .products-grid-item {width:20%}
.cart-recentlyviewed-items .products-grid-item .item-attributes ul li:nth-child(6) {display:none}
.cart-recentlyviewed-items .products-grid-item .item-attributes ul li:nth-child(7) {display:none}
.cart-recentlyviewed-items .products-grid-item .item-attributes ul li:nth-child(8) {display:none}
.cart-recentlyviewed-items .products-grid-item .item-attributes ul li:nth-child(9) {display:none}
.cart-recentlyviewed-items .products-grid-item .item-body {border-bottom-width:0px}
@media screen and (max-width: 767px)
{


.cart-recentlyviewed-items {overflow-x:scroll;border-bottom-width:0px;border-top:solid 1px #efefef;border-left-width:0px;border-right-width:0px;width:100%;overflow-x: scroll;overflow-y: hidden;white-space: nowrap;display:block;border-bottom-width:0px;padding-right:10px;}
.cart-recentlyviewed-items::-webkit-scrollbar {width: 14px;height: 14px;}
.cart-recentlyviewed-items::-webkit-scrollbar-thumb {background-color: #efefef;}
.cart-recentlyviewed-items::-webkit-scrollbar-track {border-right: 1px solid #efefef;background-color:#efefef;}

.cart-recentlyviewed-items>h3 {border-top:solid 0px #111;font-family:"proxima-nova-semi";font-size:13px;text-transform:uppercase;letter-spacing:1px;text-align:center;padding:15px 0px}


.cart-recentlyviewed-items .products-grid-item {width:50%;} 

.cart-recentlyviewed-items .products-grid-item:nth-child(2n) {padding-left:5px;padding-right:10px;}
.cart-recentlyviewed-items .products-grid-item:nth-child(2n) .item-body {border-bottom-width:0px}
.cart-recentlyviewed-items .products-grid-item:nth-child(2n+1) {padding-left:10px;padding-right:5px;}
.cart-recentlyviewed-items .products-grid-item:nth-child(2n+1) .item-body {border-bottom-width:0px}
.cart-recentlyviewed-items .products-grid-item:nth-child(5) {display:none}
.cart-recentlyviewed-items .products-grid-item:nth-child(4) {display:none}
.cart-recentlyviewed-items .products-grid-item:nth-child(3) {display:none}
.cart-recentlyviewed-items .products-grid-item .item-body {border-bottom-width:0px}

}


/**checkout.page*/
.checkout-page {background:#efefef}

/**checkout.page */
.checkout-page .checkout-title{height:15px;display:block;width:100%}
.checkout-page .checkout-title h1{}

/**left*/
.checkout-page .order-left {padding-left:0px;padding-right:0px;background:#fff}
.checkout-page .order-left-container{border:solid 0px #ddd;padding:20px;border-radius:3px;padding-top:0px;padding-bottom:45px;background:#fff}

/**left order-wrap*/
.checkout-page .order-wrap {margin-bottom:0px;border-radius:0px}

.checkout-page .order-wrap h3{font-size:18px;margin:0px;padding: 25px 0px;margin:0px 0px;letter-spacing:1px;text-transform:capitalize;border-bottom:solid 1px #ddd;display:block;color:#000;text-transform:capitalize}
.checkout-page .order-wrap h3 span {font-size:15px;color:#ea001b;font-family:Georgia}

.checkout-page .order-wrap .list-cart {padding-left:15px;padding-right:15px;}

/**right*/
.checkout-page .order-right{}

.checkout-page .order-right-container{border:solid 0px #ddd;padding:20px;padding-top:0px;padding-bottom:45px;background:#fff}

.checkout-page .order-right h3{font-size:18px;margin:0px;line-height:68px;letter-spacing:1px;text-align:center}


.checkout-page h4{font-size:14px;font-weight:bold;margin:0px;padding: 10px 1px;margin:10px 0px}

/**list-account*/
.checkout-page .hr-text-wrap {text-align:center;display:block;width:100%}
.checkout-page .hr-text-line {padding: 0;border: none;border-top: 1px solid #ddd;text-align: center;margin: 30px auto 0 auto;}
.checkout-page .hr-text {display: inline-block;position: relative;top: -12px;padding: 0 .5em;background: #fff;font-size: 16px;letter-spacing: 1px;text-align:center;font-family: "proxima-nova-semi";}

.checkout-page .list-account{margin-top:30px;}
.checkout-page .list-account .title{color: #111;font-size:15px;text-align:center;display:block;width:100%;}
.checkout-page .list-account .content {text-align:center;padding:25px 0px}
.checkout-page .list-account .content .btn-login{border:solid 3px #ddd;font-size:15px;color:#111;letter-spacing:1px;padding:7px 15px;width:25%;background:#ddd;font-family: "proxima-nova-semi";}
.checkout-page .list-account .content .btn-login:hover {background:#111;border:solid 3px #111;color:#fff}

.checkout-page .list-account .content .btn-people-login {background:#fafafa;border:solid 2px #ddd;text-align:center;border-radius:10px;display:inline-block;padding:15px}
.checkout-page .list-account .content .btn-people-login:hover {border:solid 2px #999;text-decoration:none}
.checkout-page .list-account .content .btn-people-login .icon{}
.checkout-page .list-account .content .btn-people-login .name{font-size:13px;display:block;line-height:40px;letter-spacing:1px;text-transform:capitalize;text-decoration:none;font-family: "proxima-nova-semi";}
.checkout-page .list-account .content .note{text-align:center;font-size:11px;line-height:30px}
.checkout-page .list-address {
    display: block
}

/**guest paypal*/
.checkout-page .list-paypal{margin-top:15px;text-align:center;margin-bottom:15px}
.checkout-page .list-paypal .title {display: inline-block;position: relative;bottom: -12px;padding: 0 .5em;background: #fff;font-size: 15px;letter-spacing: 0px;text-align:center;margin:auto;text-transform:capitalize}
.checkout-page .list-paypal .content {text-align:center;padding:25px 0px;border:solid 2px #ddd}
.checkout-page .list-paypal .content .btn-login{border:solid 3px #ddd;font-size:15px;color:#111;letter-spacing:1px;padding:7px 15px;width:25%;background:#ddd;font-family: "proxima-nova-semi";}
.checkout-page .list-paypal .content .btn-login:hover {background:#111;border:solid 3px #111;color:#fff}


/**list-address-item*/
.checkout-page .list-address-item {}
.checkout-page .list-address-item:hover {background:#faf9f5}

/**edit address form*/
.checkout-page .list-address .list-address-edit-item {background:#fff;}
.checkout-page .list-address .address-edit-form {margin-top:0px;margin-bottom:0px;padding:0px}
.checkout-page .list-address .control-label{text-align:left;font-weight:normal;padding-top:0px;padding-bottom:0px;;margin-top:10px;margin-bottom:0px;text-transform:capitalize;color:#777;letter-spacing:0px}
.checkout-page .list-address .form-control{text-align:left;line-height:40px;height:40px;border:solid 0px #999;letter-spacing:1px;font-size:14px;border-bottom:solid 1px #ddd;    box-shadow: inset 0 0px 0px rgba(0,0,0,.075);padding-left:0px;color:#000}
.checkout-page .list-address .form-droplist {padding-left:5px}
.checkout-page .list-address select {
        font-weight: normal;
        font-size: 12px;
        letter-spacing: 1px;
        border: solid 1px #ddd;
        height: 43px;
        -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
        box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
        -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        　text-indent: 0.01px;
        text-overflow: "";
        background: url('../images/svg/ui-dropdown-arrow.svg') no-repeat right center;
    }

    .checkout-page .list-address .input-group-addon {
        background-color: transparent;
        border-width: 0px;
        border-bottom: solid 1px #ddd
    }

        .checkout-page .list-address .input-group-addon .txt {font-size:13px}
        /**show shipping address*/
        .checkout-page .list-address address {
            font-size: 13px
        }
.checkout-page .list-address address strong{font-weight:normal}

/**shipping method*/
.checkout-page .list-group{margin-bottom:0px}
.checkout-page .list-group-item:first-child{border-top-width:0px}
.checkout-page .list-group-item{border-left-width:0px;border-right-width:0px;letter-spacing:0.5px;border-color:#ddd}

.checkout-page .list-group-item:last-child{border-bottom-width:0px}
.checkout-page .list-group-item.active{background-color: #ddd;border:solid 1px #efefef;font-size:14px;font-weight:bold;color:#000;border-left-width:0px;border-right-width:0px}
.checkout-page .list-group-item-heading{}
.checkout-page .list-group-item-text{color:#777;font-size:10px}

.checkout-page .padding-15px {padding-left:0px}

.checkout-page  .list-shipment-wrap {display:none}
.checkout-order-guest-page  .list-shipment-wrap {display:block}

.checkout-page .list-shipment-item {font-size:14px;cursor:pointer}
.checkout-page .list-shipment-item:hover {background:#faf9f5}

.checkout-page .btn-place-order {background:#000;margin:15px 0px;font-size:13px;letter-spacing:0.5px;font-family: "proxima-nova-semi";}
.checkout-page .btn-place-order i{color:chartreuse;margin-right:5px}

/**list-cart-item*/
.checkout-page .list-cart-item {border-bottom:solid 1px #efefef}
.checkout-page .list-cart-item:hover {background:#faf9f5}
.checkout-page .list-cart-item:last-child {border-bottom:solid 0px #efefef}
.checkout-page .list-cart-item .data_image {padding-left:10px}


.checkout-page .cart-text {text-align:right;line-height:40px;font-weight:normal;font-size:14px;border-top:solid 1px #ddd;letter-spacing:1px;border-bottom-width:0px}
.checkout-page .cart-text strong{font-weight:normal;display:inline-block;width:40%;text-align:right}

.checkout-page .cart-declare {margin:0px 0px 10px 0px}
    .checkout-page .cart-declare select {
        font-weight: normal;
        font-size: 14px;
        letter-spacing: 1px;
        border: solid 1px #ddd;
        height: 43px;
        -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
        box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
        -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        　text-indent: 0.01px;
        text-overflow: "";
        background: url('../images/svg/ui-dropdown-arrow.svg') no-repeat right center #ddd;
		color:#000;
    }



        .checkout-page .text-info {
            font-weight: normal;
            display: block;
            width: 100%;
            text-align: center;
            font-size: 10px;
            letter-spacing: 0px;
            color: #777
        }
.checkout-page .text-info a{font-size:10px;letter-spacing:0px;color:#444}
.checkout-page .text-info i{color:#777}

.checkout-page .order-remark {color:#000;box-shadow:none;border-color:#ddd;border-width:1px;border-bottom-width:0px;line-height:25px;height:70px;letter-spacing:1px;-webkit-appearance: none;appearance: none;font-size:12px;width:100%;overflow:hidden;}

/**list-payments*/
.checkout-page .list-payments {margin-top:25px;margin-bottom:10px}
.checkout-page .list-payments .pull-left {padding-right:15px;font-weight:bold}
.checkout-page .list-payments i{font-size:25px;cursor:pointer}
.checkout-page .list-payments .wallet_icon{font-size:14px;cursor:pointer;color:#000;border:solid 1px #999;border-radius:3px;padding:8px 8px;background:#fff}
.checkout-page .list-payments .wallet_icon em{font-size:14px;margin-right:7px}
.checkout-page .list-payments .fa-cc-paypal {color:blue;font-size:30px;cursor:pointer}
.checkout-page .list-payments .fa-credit-card {color:#000;font-size:30px;cursor:pointer}

/**select-raido*/
.checkout-page .select-raido {color:#666;text-decoration:none;font-size:25px}
.checkout-page .select-raido:hover ,checkout-order-page .select-raido:focus {color:black;text-decoration:none}
.checkout-page .select-raido i {color:black;text-decoration:none}
.checkout-page .selected-raido {color:#666}
.checkout-page .selected-raido i{color:#666}


/**Coupon-item*/
.checkout-coupon-list .coupon-item {background:#faf9f5}
.checkout-coupon-list .coupon-item:hover {background:#efefef}
.checkout-coupon-list .coupon-item h3 {padding:0px;font-size:24px;margin:0px;line-height:unset}
.checkout-coupon-list .coupon-item .couponCode {letter-spacing: 0px;color: #4e4e4e;margin-top:5px}
.checkout-coupon-list .coupon-item.availlable {background:#faf9f5}
.checkout-coupon-list .coupon-item.availlable h3{padding:0px;font-size:24px;margin:0px;line-height:unset}
.checkout-coupon-list .coupon-item.invalid h3{padding:0px;font-size:24px;margin:0px;line-height:unset}

/**mobile show*/
@media screen and (max-width: 767px) {

    .checkout-page {background:#f8f8f8}

.checkout-page .btn-place-order {height:unset;line-height:36px}

.checkout-page .checkout-title{height:10px;display:block;width:100%;display:none}

.checkout-page .order-left {padding:0px}
.checkout-page .order-left-container{padding:7px;border-radius:0px;padding-bottom:0px;background:#fff}

.checkout-page .order-wrap {border-width:0px;border-radius:0px;margin-bottom:0px}
.checkout-page .order-wrap h3{padding: 0px;margin:0px 0px;padding-left:0px;letter-spacing:1px;text-transform:capitalize;border-bottom:solid 1px #ddd;background:#fff;font-size:15px;text-align:left;line-height:60px}

.checkout-page .hr3 {background:#efefef;height:5px;display:block;margin-left:-7px;margin-right:-7px}

/**list-account*/
.checkout-page .hr-text-wrap {text-align:center;display:block;}
.checkout-page .hr-text-line {border-top: 4px solid #eee;}
.checkout-page .hr-text {top: -13px;}



    .checkout-page .list-account .title {
        font-size: 13px;
        text-transform: capitalize
    }
.checkout-page .list-account .content {text-align:center;padding:15px 0px}
.checkout-page .list-account .content .btn-login{width:40%;}
.checkout-page .list-account .content .btn-login:hover {}


/**edit address form*/
.checkout-page .list-address {clear:both}
.checkout-page .list-address .row {margin-left:-7px;margin-right:-7px}
.checkout-page .list-address .row .col-xs-12 {padding-left:7px;padding-right:7px}
.checkout-page .list-address .row .col-xs-6 {padding-left:7px;padding-right:7px}
.checkout-page .list-address .list-address-edit-item {}

.checkout-page .order-right{padding:0px}
.checkout-page .order-right-container{border-left-width:0px;border-right-width:0px;border-bottom-width:0px;border-width:0px;padding:0px;padding:7px;padding-bottom:40px}
.checkout-page .order-right h3{padding: 0px 10px;margin:0px 0px;letter-spacing:0px;text-transform:capitalize;border-bottom:solid 1px #ddd; background:#fff;font-size:15px;margin-bottom:0px;text-align:center;letter-spacing:1px;line-height:50px}
.checkout-page .order-right .btn-coupon-toggle {border-top-width:0px}
.checkout-page .cart-text strong{padding-right:15px;width:45%}
.checkout-page .list-payments {padding-left:15px}
.checkout-page .order-remark {border-left-width:1px;border-right-width:1px}

.checkout-coupon-list .coupon-item {margin-left:5px;margin-right:5px}
.checkout-coupon-list .coupon-item h3 {padding:0px;font-size:24px;margin:0px;line-height:unset;background-color:transparent;border-width:0px}

}








/**payments.page*/
.checkout-payment-page {background:#efefef;}

/**payment.page title*/
.checkout-payment-page .payment-title{margin-top:10px;}
.checkout-payment-page .payment-title h1{font-size:14px;line-height:30px;font-family: "proxima-nova-semi";font-weight:normal}


.checkout-payment-page .payment-left {background:#ffffff;padding:20px;}
.checkout-payment-page .payment-left h3{font-size:16px;margin:0px;padding: 15px 10px;margin:0px 0px;margin-top:10px;border-bottom:solid 1px #ddd}


.checkout-payment-page .payment-right-container {background:#ffffff;padding:20px;}
.checkout-payment-page .payment-right h3{font-size:16px;margin:0px;padding: 15px 10px;margin:0px 0px;margin-top:10px;text-align:center}



/**left*/


.checkout-payment-page .list-gateways{border-radius:0px;color:#777}


.checkout-payment-page .list-group{border-radius:0px}
.checkout-payment-page .list-group-item{border-left-width:0px;border-right-width:0px;border-color:#efefef}
.checkout-payment-page .list-group-item:hover{}
.checkout-payment-page .list-group-item:last-child{border-bottom-width:0px}
.checkout-payment-page .list-group-item.active{background-color: #ddd;border:solid 1px #ccc;font-size:14px;font-weight:bold;color:#000;border-left-width:0px;border-right-width:0px}

.checkout-payment-page .list-group-item-heading{}
.checkout-payment-page .list-group-item-heading span{padding:3px 8px;border:solid 1px #efefef;margin-right:5px;display:inline-block;font-size:16px;}
.checkout-payment-page .list-group-item-heading span i{font-size:25px;}
.checkout-payment-page .list-group-item-text{}

.checkout-payment-page .list-group-item-text td{line-height:20px;letter-spacing:0.5px}
.checkout-payment-page .list-group-item-text td h4{margin:0px;padding: 0px;padding-top:20px;padding-bottom:5px;font-size:14px;text-transform:capitalize;font-weight:normal;color:#555;letter-spacing:0px;margin-bottom:0px}
.checkout-payment-page .list-group-item-text td i{width:120px;display:inline-block;color:#555}
.checkout-payment-page .list-group-item-text td strong{line-height:20px}

.checkout-payment-page .list-wallet {border:solid 3px #efefef;border-radius:3px;}
.checkout-payment-page .list-wallet h5{font-size:14px;margin:0px;padding: 15px 15px;margin:0px 0px;margin-top:0px;border-bottom:solid 1px #ddd}
.checkout-payment-page .list-wallet-item {font-size:14px;color:#777;background:#FAF9F5;}
.checkout-payment-page .list-wallet-item strong {font-size:16px;color:#777;letter-spacing:0.5px;background:#FAF9F5;}
 .checkout-payment-page .list-wallet-item-note {border-bottom-width:0px;color:#999;letter-spacing:0.5px}


.checkout-payment-page .list-bill-address {padding:15px 20px;border:solid 1px #efefef;border-radius:3px;background:#faf9f5;margin-top:35px;margin-bottom:15px}
.checkout-payment-page .list-bill-address-title {border-bottom:solid 1px #ddd;padding:0px;margin-bottom:15px;font-size:14px;line-height:26px}
.checkout-payment-page .list-bill-address address{font-size:12px;letter-spacing:0.5px}

.checkout-payment-page .payment-text {text-align:right;line-height:40px;font-weight:normal;font-size:14px;border-top:solid 1px #ddd;letter-spacing:1px;text-transform:capitalize}
.checkout-payment-page .payment-text:last-child {margin-top:15px;margin-bottom:0px;border-top-width:0px}
.checkout-payment-page .payment-text strong{display:inline-block;width:40%;text-align:right;font-weight:normal}

.checkout-payment-page .payment-reminder {text-align:center;margin-bottom:15px;margin-top:15px}
.checkout-payment-page .payment-reminder .clock{color:brown}

.checkout-payment-page .btn-continue-payment {background:#000;margin:15px 0px;font-size:15px;letter-spacing:0.5px;font-family: "proxima-nova-semi";}
.checkout-payment-page .btn-continue-payment i{color:chartreuse;margin-right:5px}

 @media screen and (max-width: 767px)
 {
    .checkout-payment-page {
        background: #f8f8f8;
    }

        .checkout-payment-page .payment-right {
        background:#fff
        }

        .checkout-payment-page .payment-left {
           border-top:solid 1px #efefef
        }

    .checkout-payment-page .btn-continue-payment {
       height:50px;
    }


.checkout-payment-page .payment-title {}
.checkout-payment-page .payment-left{border-left-width:0px;border-right-width:0px;border-radius:0px;border-bottom-width:0px;padding:0px}
.checkout-payment-page .payment-left .list-group-item-exend {display:none}
.checkout-payment-page .payment-left h3{display:none}
.checkout-payment-page .list-group-item-heading span{padding:3px 8px;border:solid 1px #efefef;margin-right:1px;display:inline-block;font-size:16px;}
.checkout-payment-page .list-group-item-heading span i{font-size:20px;}



.checkout-payment-page .list-wallet {border:solid 15px #efefef;border-radius:0px;}
.checkout-payment-page .list-wallet h5{font-size:14px;margin:0px;padding: 10px 15px;margin:0px 0px;margin-top:0px;border-bottom:solid 1px #ddd}
.checkout-payment-page .list-wallet-item-note {display:none}

.checkout-payment-page .list-group-item-text .list-wallet {border:solid 2px #efefef;border-radius:2px;}

.checkout-payment-page .list-bill-address {padding:0px;border:solid 0px #efefef;border-radius:3px;background:#fff;margin-top:0px;margin-bottom:0px}
.checkout-payment-page .list-bill-address-title {border-bottom:solid 0px #ddd;padding:0px;margin-bottom:0px;font-size:14px;line-height:26px;border-top:solid 1px #ddd;;text-align:left;padding:14px 0px;padding-left:25px;}
.checkout-payment-page .list-bill-address-title span {cursor:pointer;border:solid 1px #efefef;color:#666;padding:0px 10px;margin-left:15px;background:#faf9f5;border-radius:3px}
.checkout-payment-page .list-bill-address address{display:none;padding-left:25px}


.checkout-payment-page .payment-right{padding:0px}
.checkout-payment-page .payment-right-container{border-width:0px;padding:0px}
.checkout-payment-page .payment-right-container h3{display:none}
.checkout-payment-page .payment-text strong{padding-right:15px}

}





/*page : collection-detail-page*/
.collection-detail-page {}

/*
@media screen and (max-width: 767px) {
  .collection-detail-page .banner {padding:0px;margin:0px;margin-bottom:20px;background-size:auto 100%;}
   
}

    .collection-detail-page .banner-view-text {color:#fff;margin:0;font-family:minion-pro,"Trebuchet MS",Helvetica,sans-serif;text-decoration:none;font-weight:400;opacity:1;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%)}
.collection-detail-page .banner-view-text h1 {display: block;font-size: 58.25px;font-family: brandon-grotesque;font-weight: 500;text-transform: uppercase;letter-spacing: 2px;line-height: 40.25px;color:#000;text-align:center}
.collection-detail-page .banner-view-text h2 {display: block;font-size: 22px;line-height: 20px;letter-spacing:2px;color:#000;text-align:center}
.collection-detail-page .banner-view-text p {font-size:14px;letter-spacing:1px;color:#000;text-align:center}
*/


.collection-detail-page .banner {}
.collection-detail-page .banner-view{border-bottom:solid 1px #ddd;margin-bottom:10px;padding-bottom:20px}
.collection-detail-page  .banner-view-text {}
.collection-detail-page  .banner-view-text h1 {display: block;font-size: 20px;font-weight: 700;text-transform:capitalize;letter-spacing:1px;line-height: 30px;color:#000;font-family:Oswald;margin-bottom:10px;}
.collection-detail-page  .banner-view-text .inner-border {width: 7%;height: 3px;display: block;border-bottom: 1px solid #999;margin: 6px auto;}
.collection-detail-page  .banner-view-text p {font-size:12px;letter-spacing:1px;color:#666;font-style:italic;margin:auto;text-transform:lowercase;}

    .collection-detail-page .collection-first-banner {
    height:502px
    }

.collection-detail-page .product-item-gallery {border:solid 1px #ddd;text-align:center;margin-bottom:40px;background-color:#fff;border-radius: 2px;box-shadow:0 0px 0px rgba(0, 0, 0, 0.175);}
.collection-detail-page .product-item-gallery:hover {box-shadow:0 2px 6px rgba(0, 0, 0, 0.175);-webkit-box-shadow:0 2px 6px rgba(0, 0, 0, 0.175);}



.collection-detail-page .product-detail-relationlinks {background: #fff;clear: both;padding:50px 0px}
.collection-detail-page .product-detail-relationlinks h3{font-size: 12px; color: #000;text-transform: uppercase;letter-spacing: 1px; font-weight: normal; text-align: center;margin-bottom:20px;margin-top:0px}
.collection-detail-page .product-detail-relationlinks .divider{    width: 80px;
    height: 1px;
    background: #797979;
    margin: 10px auto;}
.collection-detail-page .product-detail-relationlinks .relationlinks-content{        text-align: center;
       color: #777;margin-top:30px
   }

.collection-detail-page .product-detail-relationlinks .relationlinks-content  a{color:#000;border:solid 1px #ddd;color:#555;padding:3px 12px;line-height:20px;text-decoration:none;border-radius:5px;overflow:hidden;margin-left:4px;margin-right:4px;display:inline-block;background:#fff;margin-bottom:10px}
.collection-detail-page .product-detail-relationlinks .relationlinks-content  a:hover{border:solid 1px #E55400;color:#E55400;}

/**.xs-mobile  show*/
@media screen and (max-width: 767px) {
    .collection-detail-page .product-item-gallery {border:solid 0px #ddd;}

    .collection-detail-page .banner-view-text h1 {
font-size:16px
    }

    .collection-page .collection-header {
        border-bottom: solid 1px #ddd;
    }

      .collection-detail-page .collection-first-banner {
    height:auto
    }
      .collection-detail-page .banner-view{border-bottom:solid 0px #ddd;margin-bottom:0px;padding-bottom:10px}
}

/**全局配置*/

.ajax-load-collections {}
.ajax-load-collections .loading{text-align:center;display:block;vertical-align:middle;font-size:30px;color:#999;margin:100px 0px}

/**************************************************************************************************************************
 系列搜索页
*/

.collection-search-results {}

/**collection Header*/
.collection-search-results .collection-header {border-bottom:solid 1px #e4e4e4;padding:10px 0px}
.collection-search-results .collection-header h1{ display:block;font-size: 24px;text-transform:capitalize;letter-spacing:0.5px;color:#111;margin:0px;line-height:40px;font-family:"proxima-nova-semi";line-height: normal;margin-bottom:15px;margin-top:15px;}
.collection-search-results .collection-header h1:after{display: block;font-size: 12px;content: attr(data-count)' Items';letter-spacing:0.5px;font-family:'proxima-nova-regular'}
.collection-search-results .collection-header strong{font-weight:100}


/**.affix模块下*/
.collection-search-results .results-panel .affix {width:100vw;top:0px;z-index:999;background:#fff}
.collection-search-results .results-panel .affix-bottom {width:100vw;top:0px;background:#fff}

/**公共手机版本Filter系列：collection-mobile-sort-bar*/


.collection-search-results .results-panel {padding-left: 0px;padding-right: 0px;width:100%;margin-bottom:25px;display:block}

/**左边:排序页头代码*/
.collection-search-results .results-panel .results-sortbar {line-height:40px;}

.collection-search-results .results-panel .results-sortbar a.dropdown-toggle {text-decoration:none;cursor:pointer;font-size:14px;display:block;box-shadow:0 0px 0px rgba(0, 0, 0, 0.175);-webkit-box-shadow:0 0px 0px rgba(0, 0, 0, 0.175);letter-spacing:0px;border:solid 0px #ccc;line-height:30px;padding-left:24px;padding-right:24px;height:30px;border-radius:2px;margin-top:5px}
.collection-search-results .results-panel .results-sortbar a.dropdown-toggle:hover {box-shadow:0 0px 0px rgba(0, 0, 0, 0.175);-webkit-box-shadow:0 0px 0px rgba(0, 0, 0, 0.175);}

.collection-search-results .results-panel .results-sortbar .dropdown-menu{margin-top:-1px;box-shadow:0 0px 0px rgba(0, 0, 0, 0.175);-webkit-box-shadow:0 0px 0px rgba(0, 0, 0, 0.175);border:solid 1px #ccc;background:#fff;margin-top:-1px;border-top:solid 1px #ddd}
.collection-search-results .results-panel .results-sortbar .dropdown-menu li:hover{background:#efefef}
.collection-search-results .results-panel .results-sortbar .dropdown-menu a {font-size:14px;letter-spacing:0px;line-height:26px}
.collection-search-results .results-panel .results-sortbar .dropdown-menu a:hover {background-color:transparent}

.collection-search-results .results-panel .btn-collection-department a.dropdown-toggle{padding-left:5px}

.collection-search-results .results-panel .btn-collection-sortby a.dropdown-toggle{padding-right:5px}

/**右边:无产品结果提示*/
.collection-search-results .results-panel .no-results-reminder {margin:18px 0px;margin-bottom:36px}
.collection-search-results .results-panel .no-results-reminder .alert-warning{letter-spacing:1px;padding:20px 15px;line-height:20px}

/**右边:分页*/
.collection-search-results .results-panel .results-page {display:block;width:100%;}





@media screen and (max-width: 1024px) { /**md show*/
}

@media screen and (max-width: 991px) { /**.sm show*/
    .collection-search-results .results-panel {width:100%;display:block}
}
@media screen and (max-width: 767px) { /**.xs show*/



    .collection-search-results {padding-left:0px;padding-right:0px}

    .collection-search-results .collection-header {padding:10px 10px 0px 10px;letter-spacing:1px}


    /**collection Header seo module*/
    .collection-search-results .collection-seo-text {margin-bottom:15px}

    .collection-search-results  .has-seo-background-image .seo-background{margin-top:0px;width:100%;display:block;float:none}
    .collection-search-results  .has-seo-background-image .seo-description{width:100%;float:none;display:block;padding-right:0px;margin-top:15px}


    .collection-search-results .collection-seo-links {padding-top:3px}

    .collection-search-results .collection-seo-links h6{display:block;float: none;width: 100%;font-size:14px;line-height:40px}

    .collection-search-results .collection-seo-links .links{display:block;width: 100%;padding: 0;width: 100%;padding: 0 0 1em 0;overflow-x: scroll;overflow-y: hidden;white-space: nowrap;}
    /*滚动条样式*/
    .collection-search-results .collection-seo-links .links::-webkit-scrollbar {width: 4px;height: 4px;}
    .collection-search-results .collection-seo-links .links::-webkit-scrollbar-thumb {border-radius: 5px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: rgba(0,0,0,0.2);}
    .collection-search-results .collection-seo-links .links::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius: 0;background: rgba(0,0,0,0.1);}
    
    .collection-search-results .collection-seo-links .links a {display: inline-block;float: none;padding:7px 10px;width:auto;border:solid 1px #ddd;}
    .collection-search-results .collection-seo-links .links a:hover {color:#111;text-decoration:none;background:#ddd}

    .collection-search-results .collection-seo-text .seo-description .collection-seo-links{}
    .collection-search-results .collection-seo-text .seo-description .collection-seo-links h6 {line-height:40px;font-size:14px;}
    .collection-search-results .collection-seo-text .seo-description .collection-seo-links .links a{display: inline-block;float: none;padding:7px 10px;width:auto;}


    /**LEFT*******************************************/
    .collection-search-results .results-panel {}
    
    /**手机端的关闭Button*/


    .collection-search-results .results-panel .results-sortbar {border-bottom:solid 1px #ddd;height:50px;width:100vw;padding-right:15px}


    /**
    .collection-search-results .results-panel .results-sortbar a.dropdown-toggle {display: inline-block;background-color: transparent;margin-bottom: 0;border: 0;color: #111;font-size: 15px;letter-spacing: normal; text-transform: none;font-family: "proxima-nova-semi";border-width:0px;padding:0px;padding-right:10px;line-height:49px;height:50px;margin-top:0px}
    .collection-search-results .results-panel .results-sortbar a.dropdown-toggle:after{display: inline-block;top: 5px;right: 0;background-size: 15px 15px;height: 15px;width: 15px; margin-left: 0rem;content: '';background: url(../images/svg/ui-sort.svg) no-repeat center;}
    .collection-search-results .results-panel .results-sortbar a.dropdown-toggle:hover {}
        */

    .collection-search-results .results-panel .btn-collection-sortby a.dropdown-toggle {display: inline-block;background-color: transparent;margin-bottom: 0;border: 0;color: #111;font-size: 15px;letter-spacing: normal; text-transform: none;font-family: "proxima-nova-semi";border-width:0px;padding:0px;padding-right:10px;line-height:49px;height:50px;margin-top:0px}
    .collection-search-results .results-panel .btn-collection-sortby a.dropdown-toggle:after{display: inline-block;top: 5px;right: 0;background-size: 15px 15px;height: 15px;width: 15px; margin-left: 0rem;content: '';background: url(../images/svg/ui-sort.svg) no-repeat center;}
    .collection-search-results .results-panel .btn-collection-sortby a.dropdown-toggle:hover {}

    .collection-search-results .results-panel .btn-collection-department a.dropdown-toggle {display: inline-block;background-color: transparent;margin-bottom: 0;border: 0;color: #111;font-size: 15px;letter-spacing: normal; text-transform: none;font-family: "proxima-nova-semi";border-width:0px;padding:0px;padding-right:10px;line-height:49px;height:50px;margin-top:0px}
    .collection-search-results .results-panel .btn-collection-department a.dropdown-toggle:before{display: inline-block;top: 5px;left: 0;background-size: 15px 15px;height: 15px;width: 15px; margin-left: .8rem;content: '';background: url(../images/svg/ui-filter.svg) no-repeat center;}
    .collection-search-results .results-panel .btn-collection-department a.dropdown-toggle:hover {}

    .collection-search-results .results-panel .results-sortbar .dropdown-menu{margin-top:-1px;box-shadow:0 0px 0px rgba(0, 0, 0, 0.175);-webkit-box-shadow:0 0px 0px rgba(0, 0, 0, 0.175);border:solid 1px #ddd;background:#fff;width:100vw;border-left-width:0px;border-right-width:0px}
    .collection-search-results .results-panel .results-sortbar .dropdown-menu a {font-size:14px;letter-spacing:1px;line-height:40px;text-indent:10px}
    .collection-search-results .results-panel .results-sortbar .dropdown-menu li {border-bottom:solid 1px #efefef}
    .collection-search-results .results-panel .results-sortbar .dropdown-menu li:last-child {border-bottom-width:0px}

    .collection-search-results .mobile-filters{margin-bottom: 0px;position:relative;padding-left:0px;padding-bottom:0px;padding-right:0px;z-index:200}

}



/**collections-container*/
/**has-item-image-over*/

.collections-container {position:relative;margin-left:-7px;margin-right:-7px}

.collection-grid {clear:both;}

.collection-grid-item {width: 25%;margin-bottom: 2.8rem;display: inline-block;position: relative;float: left;margin: 0 auto 0;padding:7px;padding-bottom:15px;vertical-align: top;overflow:hidden}
    .collection-grid-item:hover {
        text-decoration: none;
        padding: 0px;
        margin: 0px;
        border-width: 0px;
        box-shadow: 0 3px 6px rgba(0,0,0,.175);
        -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.175);
    }

.collection-grid-item .item-box {position:relative;display:block; border:solid 0px #ddd;margin:0px;background:#fff;border-radius:0px;margin-bottom:0px;transition: 1s;  -webkit-transition: 1s;-o-transition: 1s; -moz-transition: 1s; -ms-transition: 1s}
/*background:url(../images/svg/ui-loading-tomade.svg) no-repeat center center;min-height:100px*/
.collection-grid-item .item-image {width:100%;border:solid 0px #000;background:#f8f8f8 url(//static.tomade.com/images/svg/ui-loading-tomade.svg) no-repeat center center;display:block;overflow:hidden}

.collection-grid-item .item-image img{width:100%; border:solid 0px #fff}
.collection-grid-item:hover .item-image {background: #111;background: rgba(0,0,0,0.7);}
.collection-grid-item:hover .item-image img {opacity:0.5}

.collection-grid-item .item-galley {display:flex;width:100%;flex-direction: row;padding-top:0px;border:solid 1px #ddd}
.collection-grid-item .item-galley .p1{width:50%;border-right:solid 0px #fff;border-left:solid 0px #fff}
.collection-grid-item .item-galley .p2{width:25%;border-right:solid 0px #fff}
.collection-grid-item .item-galley .p3{width:25%;border-right:solid 0px #fff}

.collection-grid-item .item-image-over {display:none}

.collection-grid-item .item-text{font-size:15px;line-height:60px;margin:0px;padding-left:0px;border-bottom:solid 0px #efefef;letter-spacing:0.5px;text-transform:capitalize;font-family: "proxima-nova-semi";text-align:center}
.collection-grid-item:hover .item-text{border-bottom:solid 1px #999;background:#999;color:#fff}


/**has-item-image-over defined*/

.has-item-image-over .item-box {overflow:hidden}

.has-item-image-over .item-image-over { display:none;   -webkit-transition: all 300ms ease-out;-moz-transition: all 300ms ease-out;transition: all 300ms ease-out;content: "";display: block;width: 100%;height: 100%;top: 0;left: 0;position: absolute;background: #111;background: rgba(0,0,0,0.5);z-index: 1;padding:0px}
.has-item-image-over .collection-grid-item {padding:0px;padding-left:1px}
.has-item-image-over .collection-grid-item:hover .item-image-over{  -webkit-transition: all 300ms ease-out;-moz-transition: all 300ms ease-out;transition: all 300ms ease-out;background: #fff;background: rgba(0,0,0,0.1);display:none}



.has-item-image-over .item-image {width:100%;border:solid 0px #000;background:#efefef url(../images/svg/ui-loading-tomade.svg) no-repeat center center;min-height:100px;display:block}
.has-item-image-over .item-image img{width:100%; }
.has-item-image-over .collection-grid-item:hover .item-image {background: #111;background: rgba(0,0,0,0.7);}

.has-item-image-over .item-text{text-align:center;color: #fff;font-size: 18px;width: 100%;padding: 0 1em;text-align: center;position: absolute;top: 50%;left: 50%;transform: translate3d(-50%,-50%,0);z-index: 2;    font-family: "proxima-nova-semi";border-bottom:solid 0px #efefef;line-height:normal;background-color:transparent}
.has-item-image-over .collection-grid-item:hover .item-text{border-bottom:solid 0px #999;background-color:transparent}

.has-item-image-over .collection-grid-item .item-galley {border-width:0px}

 /**四列排序的PC版效果*/
.collection-grid-column-4 .collection-grid-item{width:25%}
.collection-grid-column-4 .collection-grid-item .item-box{margin:0px}
.collection-grid-column-4 .collection-grid-item:first-child {padding-left:0px}
.collection-grid-column-4 .collection-grid-item:last-child {padding-right:0px}

/**sm view*/
@media screen and (max-width: 998px) {
    .collection-grid-item {width:50%}

}

/**xs view*/
@media screen and (max-width: 767px) {

    .collections-container {position:relative;margin-left:0px;margin-right:0px}

    .collection-grid {padding-top:10px}
    .collection-grid-item {width:100%;padding-left:10px;padding-right:10px}

    /**四列排序的手机版效果*/
    .collection-grid-column-4 {overflow-x: scroll;overflow-y: hidden;white-space: nowrap;display:block}
    .collection-grid-column-4::-webkit-scrollbar {width: 10px;height: 10px;}
    .collection-grid-column-4::-webkit-scrollbar-thumb {background-color: #000;}
    .collection-grid-column-4::-webkit-scrollbar-track {border-bottom: 1px solid #efefef;background-color:transparent;}

     .collection-grid-column-4 .collection-grid-item{width:100%;float:none;padding:5px;padding-bottom:15px;}
     .collection-grid-column-4 .collection-grid-item:first-child {padding-left:5px}
    .collection-grid-column-4 .collection-grid-item:last-child {padding-right:5px}

}


/**************************************************************************************************************************
 系列产品页
.collection-page 页头
*/

.collection-page .collection-header {}
.collection-page .collection-header h1{ display:block;font-size: 24px;text-transform:capitalize;letter-spacing:0.5px;color:#111;margin:0px;line-height:40px;font-family:"proxima-nova-semi";line-height: normal;margin-bottom:15px;margin-top:15px;}
.collection-page .collection-header h1:after{display: block;font-size: 12px;content: attr(data-count)' Items';letter-spacing:0.5px;font-family:'proxima-nova-regular'}

.collection-page .collection-header .seo-content {margin-bottom:0px;position:relative;max-height:350px;overflow:hidden}

.collection-page .collection-header .seo-content-text {border-bottom:solid 1px #efefef;letter-spacing:0.5px;background:#fff;padding:0px;font-size:13px;padding-bottom:15px;}
.collection-page .collection-header .seo-content-text a{text-decoration:underline}
.collection-page .collection-header .content-text-empty {padding:0px}

.collection-page .collection-header .seo-content-background {}
.collection-page .collection-header .seo-content-background img{}

.collection-page .collection-header .seo-has-background .seo-content-text {border-bottom-width:0px;margin-bottom:15px;position:absolute;z-index:2;line-height:26px;left:0px;top:0px;letter-spacing:0.5px;font-size:15px;vertical-align:middle;text-align:left;display:block;background-color:transparent;padding:0px;padding-left:30px;padding-top:30px}
.collection-page .collection-header .seo-has-background .seo-has-background {display:none}

/**sm view*/
@media screen and (max-width: 998px) {
.collection-page .collection-header .seo-has-background .seo-content-text {}
}

/**xs view*/
@media screen and (max-width: 767px) {

    .collection-page .collection-header .seo-content-text {border-bottom:solid 0px #efefef;padding-bottom:10px;letter-spacing:0.5px;background:#fff;padding:0px;font-size:11px;display: -webkit-box;  -webkit-line-clamp: 3;  -webkit-box-orient: vertical;  text-overflow: ellipsis;overflow: hidden;margin-bottom:10px}

    .collection-page .collection-header {padding-left:10px;padding-right:10px;}
    .collection-page .collection-header .seo-has-background .seo-content-text {position:initial;border-bottom-width:1px;line-height:inherit;letter-spacing:0.5px;font-size:inherit;vertical-align:middle;text-align:left;display:block;height:inherit;padding:0px 0px;margin-bottom:0px;padding-bottom:15px;padding-top:15px;display:none}
    .collection-page .collection-header .seo-has-background {display:none}

}


/**全局公共*/
.ajax-load-collections {

    min-height:50px

}
.coupons-index-page {}

.coupons-index-page .first-row {background: #faf9f5;height:100px;padding:0px 0px;padding-top:0px}


.coupons-index-page .first-row h1{font-family:minion-pro,"Trebuchet MS",Helvetica,sans-serif;color:#000;font-size: 22.25px;font-weight: 400;text-transform:uppercase;letter-spacing:2px;line-height:30px;margin-top:15px}
.coupons-index-page .first-row .inner-border {width: 2%;height: 3px;display: block;border-bottom: 1px solid #333;margin: 0px auto;}
.coupons-index-page .first-row .text{font-size:12px;letter-spacing:1px;color:#555;text-align:center;line-height:30px;margin-top:0px}



/**COUPON ITEM*/
.coupon-item {background: transparent; padding: 10px 0px;border: 1px dotted #40cc8f;border-radius: 5px;position: relative;text-align:center;margin-bottom:15px;}


.coupon-item:hover {background:#fff }
.coupon-item h3 {color: #42ce91;font-size: 32px;margin-top: 0px;    font-family: "proxima-nova-semi";}
/*
.coupon-item h3:after{font:FontAwesome;content: "\f0c4";box-sizing: border-box;display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;font-size:28px; color:#40cc8f;margin-left:10px   }
*/
.coupon-item .couponFont {font-size: 14px;display: block;text-transform:capitalize;color: #42ce91;margin-top: 3px;}
.coupon-item .couponText {font-size: 12px;display: block;text-transform: capitalize;color: #42ce91;margin-top: 3px;}
.coupon-item .couponText .price {white-space: nowrap !important;}
.coupon-item .couponCode {letter-spacing: 0px;color: #4e4e4e;margin-top: 10px;}
.coupon-item .couponCode span{text-decoration:underline}

.coupon-item.availlable {}
.coupon-item.availlable {border-color:#40cc8f;border-left-color:#40cc8f;cursor:pointer;}
.coupon-item.availlable:before {color:#40cc8f}
.coupon-item.availlable .couponText{color:#40cc8f}
.coupon-item.availlable h3{color:#40cc8f}
.coupon-item.availlable .couponCode {color:#666;}
.coupon-item.availlable .couponCode span{color:#666;text-transform:uppercase}
.coupon-item.availlable .couponFont{color:#40cc8f}

.coupon-item.invalid {border-color:#ccc;cursor:not-allowed}
.coupon-item.invalid:before {color:#ccc}
.coupon-item.invalid .couponText{color:#ccc}
.coupon-item.invalid h3{color:#ccc}
.coupon-item.invalid .couponCode {color:#ccc;}
.coupon-item.invalid .couponCode span{color:#ccc;text-transform:uppercase}
.coupon-item.invalid .couponFont{color:#ccc}




/**common.fonts*/


@font-face {
    font-family: 'proxima-nova-semi';
    src: url('../fonts/Proxima-Nova-Semibold.eot');
    src: url('../fonts/Proxima-Nova-Semibold.eot?#iefix') format('embedded-opentype'), url('../fonts/Proxima-Nova-Semibold.woff2') format('woff2'), url('../fonts/Proxima-Nova-Semibold.woff') format('woff'), url('../fonts/Proxima-Nova-Semibold.ttf') format('truetype'), url('../fonts/Proxima-Nova-Semibold.svg#proxima-nova-semi') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'proxima-nova-regular';
    src: url('../fonts/Proxima-Nova-Regular.eot');
    src: url('../fonts/Proxima-Nova-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Proxima-Nova-Regular.woff2') format('woff2'), url('../fonts/Proxima-Nova-Regular.woff') format('woff'), url('../fonts/Proxima-Nova-Regular.ttf') format('truetype'), url('../fonts/Proxima-Nova-Regular.svg#proxima-nova-regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}



/*!common:body*/
body{font-size:12px;font-family:"proxima-nova-regular",Helvetica,Arial,sans-serif;top: 0 !important;}
body>.skiptranslate {display: none;}
/*
font-family: -apple-system, BlinkMacSystemFont, "PingFang SC","Helvetica Neue",STHeiti,"Microsoft Yahei",Tahoma,Simsun,sans-serif;
*/
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    　text-indent: 0.01px;
    text-overflow: "";
   
}

.form-control {
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: transparent;
    -webkit-appearance: none;
    -webkit-appearance: none;
}

input[type='text'], input[type='number'], input[type='email'], input[type='password'] {
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: transparent;
    -webkit-appearance: none;
    -webkit-appearance: none;
}

input[type='checkbox'] {
    -webkit-appearance: none;
    width: 20px;
    height: 20px;
    background: white;
    border-radius: 0px;
    border: 1px solid #666;
}

    input[type='checkbox']:checked {
        background: url('../images/svg/ui-checbox-arrow.svg') no-repeat right center;
        background-position-x: 2px;
    }

/**Checkbox & Radio 样式*/
.checkbox{padding-left:20px}
.checkbox label{display:inline-block;vertical-align:middle;position:relative;padding-left:5px}
.checkbox label::before{content:"";display:inline-block;position:absolute;width:17px;height:17px;left:0;margin-left:-20px;border:1px solid #ccc;border-radius:3px;background-color:#fff;-webkit-transition:border .15s ease-in-out,color .15s ease-in-out;-o-transition:border .15s ease-in-out,color .15s ease-in-out;transition:border .15s ease-in-out,color .15s ease-in-out}
.checkbox label::after{display:inline-block;position:absolute;width:16px;height:16px;left:0;top:0;margin-left:-20px;padding-left:3px;padding-top:1px;font-size:11px;color:#555}
.checkbox input[type=checkbox],.checkbox input[type=radio]{opacity:0;z-index:1}
.checkbox input[type=checkbox]:focus+label::before,.checkbox input[type=radio]:focus+label::before{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
.checkbox input[type=checkbox]:checked+label::after,.checkbox input[type=radio]:checked+label::after{font-family:fontawesome;content:"\f00c"}
.checkbox input[type=checkbox]:indeterminate+label::after,.checkbox input[type=radio]:indeterminate+label::after{display:block;content:"";width:10px;height:3px;background-color:#555;border-radius:2px;margin-left:-16.5px;margin-top:7px}
.checkbox input[type=checkbox]:disabled+label,.checkbox input[type=radio]:disabled+label{opacity:.65}
.checkbox input[type=checkbox]:disabled+label::before,.checkbox input[type=radio]:disabled+label::before{background-color:#eee;cursor:not-allowed}
.checkbox.checkbox-circle label::before{border-radius:50%}.checkbox.checkbox-inline{margin-top:0}
.checkbox-primary input[type=checkbox]:checked+label::before,.checkbox-primary input[type=radio]:checked+label::before{background-color:#337ab7;border-color:#337ab7}
.checkbox-primary input[type=checkbox]:checked+label::after,.checkbox-primary input[type=radio]:checked+label::after{color:#fff}
.checkbox-black input[type=checkbox]:checked+label::before,.checkbox-black input[type=radio]:checked+label::before{background-color:#333;border-color:#333}
.checkbox-black input[type=checkbox]:checked+label::after,.checkbox-black input[type=radio]:checked+label::after{color:#fff}
.checkbox-primary input[type=checkbox]:indeterminate+label::before,.checkbox-primary input[type=radio]:indeterminate+label::before{background-color:#337ab7;border-color:#337ab7}
.checkbox-primary input[type=checkbox]:indeterminate+label::after,.checkbox-primary input[type=radio]:indeterminate+label::after{background-color:#fff}
.checkbox-black input[type=checkbox]:indeterminate+label::before,.checkbox-black input[type=radio]:indeterminate+label::before{background-color:#333;border-color:#333}
.checkbox-black input[type=checkbox]:indeterminate+label::after,.checkbox-black input[type=radio]:indeterminate+label::after{background-color:#fff}
.radio{padding-left:20px}
.radio label{display:inline-block;vertical-align:middle;position:relative;padding-left:5px}
.radio label::before{content:"";display:inline-block;position:absolute;width:17px;height:17px;left:0;margin-left:-20px;border:1px solid #ccc;border-radius:50%;background-color:#fff;-webkit-transition:border .15s ease-in-out;-o-transition:border .15s ease-in-out;transition:border .15s ease-in-out}
.radio label::after{display:inline-block;position:absolute;content:" ";width:11px;height:11px;left:3px;top:3px;margin-left:-20px;border-radius:50%;background-color:#555;-webkit-transform:scale(0,0);-ms-transform:scale(0,0);-o-transform:scale(0,0);transform:scale(0,0);-webkit-transition:-webkit-transform .1s cubic-bezier(.8,-.33,.2,1.33);-moz-transition:-moz-transform .1s cubic-bezier(.8,-.33,.2,1.33);-o-transition:-o-transform .1s cubic-bezier(.8,-.33,.2,1.33);transition:transform .1s cubic-bezier(.8,-.33,.2,1.33)}
.radio input[type=radio]{opacity:0;z-index:1}
.radio input[type=radio]:focus+label::before{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
.radio input[type=radio]:checked+label::after{-webkit-transform:scale(1,1);-ms-transform:scale(1,1);-o-transform:scale(1,1);transform:scale(1,1)}
.radio input[type=radio]:disabled+label{opacity:.65}
.radio input[type=radio]:disabled+label::before{cursor:not-allowed}
.radio.radio-inline{margin-top:0}
.radio-primary input[type=radio]+label::after{background-color:#337ab7}
.radio-primary input[type=radio]:checked+label::before{border-color:#337ab7}
.radio-primary input[type=radio]:checked+label::after{background-color:#337ab7}
.radio-black input[type=radio]+label::after{background-color:#333}
.radio-black input[type=radio]:checked+label::before{border-color:#333}
.radio-black input[type=radio]:checked+label::after{background-color:#333}
input[type=checkbox].styled:checked+label:after,input[type=radio].styled:checked+label:after{font-family:fontawesome;content:"\f00c"}
input[type=checkbox] .styled:checked+label::before,input[type=radio] .styled:checked+label::before{color:#fff}
input[type=checkbox] .styled:checked+label::after,input[type=radio] .styled:checked+label::after{color:#fff}



    /*!common:btn.less*/
    .btn-lg {font-size:14px;border-radius:1px}

.btn-green{color:#00b38a;border-color:#00b38a;background-color:#fff}
.btn-green:hover,.btn-green.btn-active{color:#fff;border-color:#00b38a;background-color:#00b38a}



.btn-yellow {background: #fdc337;border: solid 1px #F56400;color: #000;    border-color: rgba(0, 0, 0, 0.1);border-radius:3px }
.btn-yellow:hover,.btn-yellow.btn-active {background: #F4A600;border: solid 1px #F4A600;    border-color: rgba(0, 0, 0, 0.1);border-radius:3px;color: #000;  }


.btn-art { line-height:40px;   display:inline-block;background: #fff;border-color: #999;margin: 0 auto;color: #111;letter-spacing: 0;text-transform: capitalize;padding-right: 30px;padding-left: 30px;font-size: 1.3rem;font-family: "proxima-nova-semi";}
.btn-art:hover {background:#fff}


.btn-blue {background: #3a5898;border: solid 1px #3a5898;color: #fff; border: solid 1px #1a3d87;border-color: rgba(0, 0, 0, 0.1);border-radius:3px}
.btn-blue:hover {background: #1a3d87;border: solid 1px #1a3d87;color: #fff;  border: solid 1px #1a3d87;border-color: rgba(0, 0, 0, 0.1);border-radius:3px}
.btn-blue.disabled,.btn-blue[disabled],fieldset[disabled] .btn-blue,.btn-blue.disabled:hover,.btn-blue[disabled]:hover,fieldset[disabled] .btn-blue:hover,.btn-blue.disabled:focus,.btn-blue[disabled]:focus,fieldset[disabled] .btn-blue:focus,.btn-blue.disabled.focus,.btn-blue[disabled].focus,fieldset[disabled] .btn-blue.focus,.btn-blue.disabled:active,.btn-blue[disabled]:active,fieldset[disabled] .btn-blue:active,.btn-blue.disabled.active,.btn-blue[disabled].active,fieldset[disabled] .btn-blue.active {background-color: #3a5898;border-color: #3a5898;border: solid 1px #1a3d87;border-color: rgba(0, 0, 0, 0.1);border-radius:3px}
.btn-blue:hover,.btn-blue.btn-active{color:#fff;background-color:#3a5898;border-color:#3a5898;border: solid 1px #1a3d87;border-color: rgba(0, 0, 0, 0.1);border-radius:3px}

.btn-red{color:#fff;border-color:#f03a3b;background-color:#f03a3b;border: solid 1px #f03a3b;border-color: rgba(0, 0, 0, 0.1);border-radius:3px}
.btn-red:focus , .btn-red:hover,.btn-red.btn-active{color:#fff;background-color:darkred;border-color:darkred}

.btn-red.disabled,.btn-red[disabled],fieldset[disabled] .btn-red,.btn-red.disabled:hover,.btn-red[disabled]:hover,fieldset[disabled] .btn-red:hover,.btn-red.disabled:focus,.btn-red[disabled]:focus,fieldset[disabled] .btn-red:focus,.btn-red.disabled.focus,.btn-red[disabled].focus,fieldset[disabled] .btn-red.focus,.btn-red.disabled:active,.btn-red[disabled]:active,fieldset[disabled] .btn-red:active,.btn-red.disabled.active,.btn-red[disabled].active,fieldset[disabled] .btn-red.active {}




.btn-black{color:#fff;border-color:#111;background-color:#111;letter-spacing:1px;
            transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;

}


    .btn-black:hover, .btn-black:focus, .btn-black.btn-active {
        -webkit-animation: bubbles 1s forwards ease-out;
        animation: bubbles 1s forwards ease-out;
        background: radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 90% 90% / 0.88em 0.88em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 23% 141% / 0.81em 0.81em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 17% 90% / 0.68em 0.68em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 15% 94% / 1.12em 1.12em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 42% 126% / 0.86em 0.86em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 102% 120% / 0.58em 0.58em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 12% 121% / 0.67em 0.67em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 69% 87% / 1.18em 1.18em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 32% 99% / 0.79em 0.79em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 84% 129% / 0.79em 0.79em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 40% 99% / 0.72em 0.72em;
        background-color: #111;
        background-repeat: no-repeat;
        color: #fff
    }

@media screen and (max-width: 767px) {
    .btn-black:hover, .btn-black:focus, .btn-black.btn-active {
        -webkit-animation: none;
        animation: none;
        background: #111;
        color: #fff;
        transition: unset;
        -moz-transition: unset;
        -webkit-transition: unset;
    }
}

@-webkit-keyframes bubbles {
  100% {
    background-position: 92% -220%, 31% -185%, 24% 6%, 16% -328%, 39% -366%, 110% -375%, 5% -60%, 59% -365%, 41% -363%, 82% -8%, 37% -224%;
    box-shadow: inset 0 -6.5em 0 #111;
  }
}

@keyframes bubbles {
  100% {
    background-position: 92% -220%, 31% -185%, 24% 6%, 16% -328%, 39% -366%, 110% -375%, 5% -60%, 59% -365%, 41% -363%, 82% -8%, 37% -224%;
    box-shadow: inset 0 -6.5em 0 #111;
  }
}

.btn-black.disabled, .btn-black[disabled], fieldset[disabled] .btn-black, .btn-black.disabled:hover, .btn-black[disabled]:hover, fieldset[disabled] .btn-black:hover, .btn-black.disabled:focus, .btn-black[disabled]:focus, fieldset[disabled] .btn-black:focus, .btn-black.disabled.focus, .btn-black[disabled].focus, fieldset[disabled] .btn-black.focus, .btn-black.disabled:active, .btn-black[disabled]:active, fieldset[disabled] .btn-black:active, .btn-black.disabled.active, .btn-black[disabled].active, fieldset[disabled] .btn-black.active {
    background: #000;
    color: #fff
}

.btn-white{color:#333;border-color:#999;background-color:#fff;letter-spacing:1px; transition: color 300ms ease-in 0s, background-position-y 300ms ease-in 0s;}
.btn-white:hover,.btn-white.btn-active{background-color:#faf9f5;}


.popover { -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2); box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);background:#fff;border:solid 0px #00b38a;border-radius:4px;background:#ddd}
.popover.right {margin-left:13px}
.popover.right > .arrow {    border-right-color: rgba(0, 0, 0, 1);border-right-color:#ddd;}
.popover.right > .arrow:after {border-right-color:#ddd}
.popover.bottom {}
.popover.bottom > .arrow {}
.popover.bottom > .arrow:after {border-bottom-color:#ddd}
.popover-content {padding:3px 8px;font-size:12px;background:#ddd}
/*/

@media (max-width: 767px){.navbar-offcanvas{position:fixed;height:100%;width:250px;max-width:100%;left:-250px;top:0px;z-index:999;overflow-y:scroll;-webkit-overflow-scrolling:touch;-webkit-transition:all 0.15s ease-in;-moz-transition:all 0.15s ease-in;-o-transition:all 0.15s ease-in;transition:all 0.15s ease-in;}.navbar-offcanvas.in{box-shadow:0px 0px 20px black;box-shadow:0px 0px 20px rgba(0, 0, 0, 0.3);}.navbar-offcanvas.navbar-offcanvas-fade{opacity:0;}.navbar-offcanvas.navbar-offcanvas-fade.in{opacity:1;}.navbar-offcanvas.offcanvas-transform.in{-webkit-transform:translate3d(250px, 0px, 0px);-moz-transform:translate3d(250px, 0px, 0px);-o-transform:translate3d(250px, 0px, 0px);transform:translate3d(250px, 0px, 0px);}.navbar-offcanvas.offcanvas-position.in{left:0px;}.navbar-offcanvas.navbar-offcanvas-right{left:auto;right:-250px;}.navbar-offcanvas.navbar-offcanvas-right.offcanvas-transform.in{-webkit-transform:translate3d(-250px, 0px, 0px);-moz-transform:translate3d(-250px, 0px, 0px);-o-transform:translate3d(-250px, 0px, 0px);transform:translate3d(-250px, 0px, 0px);}.navbar-offcanvas.navbar-offcanvas-right.offcanvas-position.in{left:auto;right:0px;}.navbar-offcanvas .dropdown.active .caret{border-top:0px;border-bottom:4px solid;}.navbar-offcanvas .dropdown-menu{position:relative;display:block;width:100%;background:inherit;border:inherit;box-shadow:none;padding:0px;overflow:hidden;-webkit-transition:all 0.15s ease-in;-moz-transition:all 0.15s ease-in;-o-transition:all 0.15s ease-in;transition:all 0.15s ease-in;height:0px;}.navbar-offcanvas .dropdown-menu.shown{height:auto;}.navbar-offcanvas .dropdown-menu>li>a{color:#777;padding:5px 15px 5px 30px;}}.offcanvas-toggle{background:#f8f8f8;}.offcanvas-toggle .icon-bar{background:#000;}.offcanvas-toggle.offcanvas-toggle-close{margin-right:0px;}.offcanvas-toggle.offcanvas-toggle-close .icon-bar:nth-child(1){-webkit-transform:rotate(45deg) translate(5px, 4px);-moz-transform:rotate(45deg) translate(5px, 4px);-o-transform:rotate(45deg) translate(5px, 4px);transform:rotate(45deg) translate(5px, 4px);}.offcanvas-toggle.offcanvas-toggle-close .icon-bar:nth-child(2){opacity:0 !important;}.offcanvas-toggle.offcanvas-toggle-close .icon-bar:nth-child(3){-webkit-transform:rotate(-45deg) translate(4px, -4px);-moz-transform:rotate(-45deg) translate(4px, -4px);-o-transform:rotate(-45deg) translate(4px, -4px);transform:rotate(-45deg) translate(4px, -4px);}
*/
/**全局网站定义：truncate-copy AND truncate-copy-toggle*/
.truncate-copy {
    position: relative
}
.truncate-copy-active:not(.truncate-copy-show)::after {content: '';position: absolute;z-index: 1;bottom: 0;left: 0;pointer-events: none;background-image: linear-gradient(to bottom,rgba(255,255,255,0),#fff 70%);width: 100%;height:40px;}


.truncate-copy-toggle {font-size:12px;cursor:pointer}
.truncate-copy-active:not(.truncate-copy-show)+.truncate-copy-toggle:after {content: "Show more";text-decoration:underline}

.truncate-copy-show {    max-height: none !important;}
.truncate-copy-show+.truncate-copy-toggle:after {content: "Show less";text-decoration:underline}

/**全局网站Link-Loading效果：truncate-copy AND truncate-copy-toggle*/
#golbal-page-modal {background:#fff;opacity:0.1}

/**common styles*/
.title-hr {height: 4px;width:120px;margin: 20px auto 20px;background: #000;}


/**tooltip sud*/
.tooltip {}
.tooltip.right .tooltip-arrow {border-right-color:#111;}
.tooltip.top .tooltip-arrow {border-top-color:#111;}
.tooltip .tooltip-inner{font-size:12px;color:#fff;letter-spacing:0px;padding:6px 15px;border-radius:3px;background-color:#111}

/**css tooptip*/
/* TOP TOOLTIP
-------------------------------------------------*/
.top_tooltip {position: relative;}             
.top_tooltip span  { width: 140px;height: auto;color: #fff;background-color: #111;position: absolute;font-size: 10px;text-align: center;padding: 10px;line-height: 20px;visibility: hidden;border-radius: 5px;}
.top_tooltip span:after {  content: '';position: absolute;bottom: 100%;left: 50%;margin-left: -8px;width: 0;height: 0;border-bottom: 8px solid #2b2b2b;border-right: 8px solid transparent;border-left: 8px solid transparent;}
.top_tooltip:hover span {   visibility: visible;opacity: 0.8;bottom: 0px;left: 50%;margin-left: -76px;z-index: 999;}

/*hr line*/
.hr-line {padding: 0;border: none;border-top: 1px solid #eee;text-align: center;margin: 16px auto 0 auto;}
.hr-line-text{   display: inline-block;position: relative;top: -12px;padding: 0 .5em;background: #fff;font-size: 14px;letter-spacing: 1px;}


ul {padding:0px}

/**warning*/
.alert-warning {background:#ffefd3;padding:10px;color:#636363;border-radius:0px;border-width:0px}
.alert-warning a{letter-spacing:1px;color:#636363;text-decoration:underline}

/** 政策页面 */
.policy-page {padding:0;letter-spacing:0.75px;font-size:14px;}
.policy-page h1{font-family: "proxima-nova-semi";font-weight: 400;line-height: 1.1;color: #000;letter-spacing:0.5px;font-size:20px;margin-top:40px;margin-bottom:20px;}
.policy-page h2{font-family: "proxima-nova-semi";font-weight: 400;line-height: 1.1;color: #000;letter-spacing:0.5px;font-size:20px;margin-top:40px;margin-bottom:40px;}
.policy-page h3{font-family: "proxima-nova-semi";font-weight: 400;line-height: 1.1;color: #333;letter-spacing:0.5px;font-size:14px}
.policy-page h4{font-family: "proxima-nova-semi";font-weight: 400;line-height: 1.1;color: #555;letter-spacing:0.5px;font-size:14px}
.policy-page .common-content{    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.policy-page .common-content a{text-decoration:underline;color:#555;}
.policy-page .common-content a:hover{text-decoration:none;color:#f56400}
.policy-page .common-content .pull-right{margin-top:40px}
.policy-page table {width:100%}
.policy-page table thead td {padding: 10px 5px;}
.policy-page table td {border: 1px solid #ddd;line-height: 18px;padding: 6px 5px;text-align: center; font-size:12px;}
@media screen and (max-width: 767px) {
    .policy-page h1{margin-top:20px;margin-bottom:10px;}
    .policy-page .common-content .pull-right{margin-top:25px}
}

.policy-page .responsive-mobile-backbar{height:50px;border-bottom:solid 1px #ddd;background:#ddd;line-height:50px;position:fixed;width:100%;top:0px;z-index:1}
.policy-page .responsive-mobile-backbar a{font-weight:bold;font-size:15px;letter-spacing:1px}
.policy-page .responsive-mobile-backbar-end {margin-top:65px}

/**关于页面*/
.about-page {padding:0;letter-spacing:0.75px;font-size:14px}
.about-page  blockquote{font-family: "proxima-nova-semi";font-weight: 400;line-height: 1.1;color: #555;letter-spacing:1.5px;font-size:14px}
.about-page .list-nav-menu{-ms-flex-align: center;align-items: center; display: -ms-flexbox; display: flex; -ms-flex-pack: center;justify-content: center;width: 100%;list-style: none;padding: 0;margin: 0;line-height:1.4;font-size:14px}
.about-page .list-nav-menu li {padding:30px 30px}
.about-page .list-nav-menu li a{line-height:50px;color:#000;font-weight:bold;display:inline-block;text-decoration:none;border-bottom-color:transparent;border-bottom-width:2px;border-bottom-style:solid;font-size:14px}
.about-page .list-nav-menu li a.active,.about-page .list-nav-menu li a:hover{border-bottom:solid 2px #E55400}

.about-page h1,.about-page h2{font-family: "proxima-nova-semi";font-weight: 400;line-height: 1.1;color: #000;letter-spacing:0.5px;font-size:26px}
.about-page h3{font-family: "proxima-nova-semi";font-weight: 400;line-height: 1.1;color: #000;letter-spacing:0.5px;font-size:18px}

@media screen and (max-width: 767px) {
    .about-page .container {}
}

/* 帮助中心.page**/
.help-page {margin-top:0px;padding:0;margin-bottom:0px;letter-spacing:0.75px;}
.help-page h1{font-weight: 400;line-height: 1.1;color: #000;letter-spacing:0.5px;font-size:20px;font-family: "proxima-nova-semi";}
.help-page h2{font-family: "proxima-nova-semi";font-weight: 400;line-height: 1.1;color: #000;letter-spacing:0.75px;font-size:20px;padding-left:0px}
.help-page h3{font-family: "proxima-nova-semi";font-weight: 400;line-height: 1.1;color: #000;letter-spacing:0.75px;font-size:15px}
.help-page h4{font-family: "proxima-nova-semi";font-weight: 400;line-height: 1.1;color: #888;letter-spacing:0.75px;font-size:15px}
.help-page p{margin-top:0px;padding:0;margin-bottom:0px;letter-spacing:0.75px;font-size:13px;-moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;}
.help-page p a{text-decoration:underline}

.help-page .responsive-mobile-backbar{height:50px;border-bottom:solid 1px #ddd;background:#ddd;line-height:50px;position:fixed;width:100%;top:0px;z-index:1}
.help-page .responsive-mobile-backbar a{font-weight:bold;font-size:15px;letter-spacing:1px}
.help-page .responsive-mobile-backbar-end {margin-top:65px}



/* 帮助中心.page:数字样式**/
.help-page .number {
    border: solid 1px #000;
    color: #000;
    border-radius: 15px;
    padding: 5px 10px;
}

/* 帮助中心.page:导航菜单**/
.help-page .list-group-help-menu {margin-top:60px}
.help-page .list-group-help-menu a.list-group-item {color: #555555;font-size:12px;border-left-width:2px;border-left-color:transparent;border-left:solid 1px #efefef;border-color:#efefef}
.help-page .list-group-help-menu .list-group-item.active,
.help-page .list-group-help-menu .list-group-item.active:hover,
.help-page .list-group-help-menu .list-group-item.active:focus {color: #000;background-color: #fff;font-size:12px;border-right:solid 5px #efefef;background:#faf9f5}

@media screen and (max-width: 767px) {

     .help-page .cs-page-content h1 {text-indent:10px;font-size:16px}
     .help-page .cs-page-content h1:after {display: inline-block;font: normal normal normal 18px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;content: "\f107";font-size: 18px;position: absolute;right: 7%;color: #666;top:20px;color: #666;}

     .help-page .list-group-help-menu {position:absolute;padding:0px;margin-bottom:0px;margin-top:58px;width:100%;display:none;background:#fff;z-index:9}
     .help-page .list-group-help-menu a.list-group-item {border-left-width:0px;border-right-width:0px;letter-spacing:0.5px;background:#fff;line-height:50px;font-size:14px;border-bottom:solid 1px #ddd;display:block;padding:0px;text-indent:25px;}
     .help-page .list-group-help-menu a.active {display:none}
       /**click .toggled*/
     .help-page.toggled .list-group-help-menu {display:block}
}

/* 帮助中心.page:返货**/
.help-page .Return-steps-flow {margin-top:20px;margin-bottom:40px}
.help-page .Return-steps-flow-col {}
.help-page .Return-steps-flow-col:after{display: block;position: absolute;top: 50px;left: 120px;content: '';width: 100px;border-top: 1px solid #bbb;}
.help-page .Return-steps-flow-col-last:after{display: none}
.help-page .Return-steps-flow-col img{max-width:110px}
.help-page .Return-steps-flow-col strong{display:block;line-height:30px;font-size:14px;margin-top:20px}
.help-page .Return-steps-flow-col p{color:#555}


.help-page .Return-process-text-flow strong{display:block;line-height:30px;font-size:14px;margin-top:10px}
.help-page .Return-process-text-flow p{color:#666}

/**FAQ*/
.help-page .qa-title {font-size: 15px;letter-spacing: 0px;text-transform:capitalize;margin-top: 5px;margin-bottom: 6px}



.help-page .qa-content {font-size: 15px;letter-spacing: 1px;line-height: 28px;color: #555;padding-left: 0px;padding-right: 0px}
.help-page .qa-content h3 {font-size: 15px;letter-spacing: 1px;text-transform:capitalize;margin-top: 25px;margin-bottom: 0px;color:#666}
.help-page .qa-content h3 a{text-decoration:none;margin-top:20px;}
.help-page .qa-content a {text-decoration: underline;color:#666;line-height:30px;text-transform:capitalize;}
.help-page .qa-content a:hover{text-decoration: none;color:#000;line-height:30px}
.help-page .qa-content p {line-height:24px;color:#555;font-size: 15px;letter-spacing:0.5px;}


.help-page .qa-bottom {margin-top: 50px;margin-bottom: 50px;padding-left: 0px;padding-right: 0px;letter-spacing: 1px;}

@media screen and (max-width: 767px) {
    .help-page .cs-page-content {padding-left:0px;padding-right:0px}

    .help-page .Return-steps-flow-col img{max-width:90px}
    .help-page .Return-steps-flow-col:after{display: none}
    .help-page .Return-steps-flow-col p{border-bottom:solid 1px #bbb;padding-bottom:20px}

    .help-page .qa-content p img{width:100%}
}

 .bs-wizard {}

/*Form Wizard*/
.bs-wizard { padding: 0 0 10px 0;}
.bs-wizard > .bs-wizard-step {padding: 0; position: relative;}
.bs-wizard > .bs-wizard-step + .bs-wizard-step {}
.bs-wizard > .bs-wizard-step .bs-wizard-stepnum {color: #595959; font-size: 12px; margin-bottom: 5px;font-weight:normal;}
.bs-wizard > .bs-wizard-step .bs-wizard-info {color: #00b38a; font-size: 10px;}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot {position: absolute; width: 10px; height: 10px; display: block; background: #ccc; top: 51px; left: 50%; margin-top: -15px; margin-left: -10px; border-radius: 50%;} 
.bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {content: ' '; width: 10px; height: 10px; background: #00b38a; border-radius: 50px; position: absolute;  } 
.bs-wizard > .bs-wizard-step > .progress {position: relative; border-radius: 0px; height: 1px; box-shadow: none; margin: 20px 0;}
.bs-wizard > .bs-wizard-step > .progress > .progress-bar {width:0px; box-shadow: none; background: #00b38a;}
.bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {width:100%;}
.bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {width:50%;}
.bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {width:0%;}
.bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {width: 100%;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {background-color: #ccc;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {opacity: 0;}
.bs-wizard > .bs-wizard-step:first-child  > .progress {left: 50%; width: 50%;}
.bs-wizard > .bs-wizard-step:last-child  > .progress {width: 50%;}
.bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot{ pointer-events: none; }
/*END Form Wizard*/

/**paging*/

.paging .btn-load-more {margin:50px;background:#000;color:#fff;font-size:13px;letter-spacing:1px;border-width:1px;border-color:#000}
.paging .btn-load-more:hover {background:#fff;color:#000;border-color:#000}
.pagination > li > a, .pagination > li > span {
    padding: 7px 15px;
    font-size: 15px;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
background:#111;border-color:#111;color:#fff
}

.trends-header .btn-load-more-border{border-top:solid 3px #111;margin-top:-150px;margin-bottom:20px;display:block}

@media screen and (max-width: 767px) {
    .pagination > li > a, .pagination > li > span {
        padding: 10px 20px;
        font-size: 15px;
    }
}


/**custom page landing*/

.custom-page {}

/**********custom_category_hero*************************************************************************/
.custom_category_hero {;margin-top:0px;
    height: 500px;
    width: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    padding-bottom: 65px
}


.custom_category_content_section_content {
    text-align: center;
    font-size: 18px;
    text-align: center;
    -webkit-font-smoothing: antialiased;
    font-size: 18px;
    color: #555;
    font-weight: 300;
    line-height: 1.42857;
    margin-bottom: 10px;

}

.custom_category_hero .category_hero_inner {
    position: absolute;
    bottom: 125px;
    width: 100%;
    left: 0;
    right: 0;
    margin: 0 auto
}

    .custom_category_hero .category_hero_inner h1 {
        -webkit-font-smoothing: antialiased;
        font-size: 36px;
        color: #333;
        font-weight: 400;
        line-height: 1.42857;
        text-align: center;
        text-transform: capitalize;
    }

.custom_category_hero .category_hero_inner.white_text h1 {
    color: white
}

.custom_category_hero .category_hero_inner.white_text .category_subheader p {
    color: white
}

.custom_category_hero .category_hero_inner.top_align {
    top: 25%
}

.custom_category_hero .category_hero_inner.bottom_align {
    bottom: 75px
}

.custom_category_hero .category_hero_inner.bottom_close_align {
    bottom: 35px
}

@media (max-width: 1280px) {
  .custom_category_hero .category_hero_inner.bottom_close_align {
        bottom: 75px
    }
}

.custom_category_hero .category_hero_inner .category_subheader {
    position: relative;
    z-index: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 75px
}


.custom_category_hero .category_hero_inner .category_subheader p {
    font-family: sofia-pro,sans-serif;
    -webkit-font-smoothing: antialiased;
    font-size:20px;
    color: #333;
    font-weight: 300;
    line-height: 1.42857;
    text-align: center;padding-bottom:30px
}

.custom_category_hero .category_hero_inner .btn-black {
        border: solid 0px #fdc337;
        font-size: 16px;
        letter-spacing: 2px;
        background: #fdc337;
        color: #000;
    }


.category_navigation {
    margin: 0 auto;
    padding: 20px 0;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border: none;
    transition: all 0.75s ease;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: auto;
    transform: translateY(0);
    transition: transform 0s ease;
    border-bottom: 1px solid rgba(0,0,0,0.1)
}

@media (max-width: 959px) {
   .category_navigation {
        bottom: -50px
    }
}

.category_navigation.skinny {
    padding: 10px 0
}

@media (max-width: 959px) {
  .category_navigation.skinny {
        padding: 15px 0
    }
}

.category_navigation.stuck {
    position: fixed;
    z-index: 900;
    bottom: auto;
    transition: transform 1s ease;
    box-shadow: 0 0 0.625rem 0 rgba(0,0,0,0.25);
    border-bottom: 1px solid #eee
}

@media (max-width: 1280px) {
   .category_navigation.stuck {
        display: block;
        width: 100%
    }
}

@media (max-width: 1280px) {
  .category_navigation {
        display: none
    }
}

@media screen and (max-width: 767px) 
{

    .custom_category_content_section_content {
       
        font-size: 15px;
        
    }


    .custom_category_hero .category_hero_inner.white_text h1 {
        font-size:25px;
    }

    .custom_category_hero .category_hero_inner.white_text .category_subheader p {
        font-size: 15px;
        padding: 0px 10px;
    }
}

/**********************************************************************************************************/

/*********category_navigation************************************************************/
.category_navigation .category_intro_section {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

    .category_navigation .category_intro_section.contents h2 {
        font-family: sofia-pro,sans-serif;
        -webkit-font-smoothing: antialiased;
        font-size: 14px;
        color: #555;
        font-weight: 400;
        line-height: 1.42857;
        text-align: center
    }

    .category_navigation .category_intro_section.contents .toc_links {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: center;
        justify-content: center;
        list-style-type: none;
        margin-bottom: 0
    }

@media (max-width: 767px) {
  .category_navigation .category_intro_section.contents .toc_links {
        -ms-flex-align: center;
        align-items: center
    }
}


.category_navigation .category_intro_section.contents .toc_links li {
    margin-right: 30px
}

@media (max-width: 767px) {
   .category_navigation .category_intro_section.contents .toc_links li {
        margin-right: 10px;
        width: 100%
    }
}

.category_navigation .category_intro_section.contents .toc_links li a {
    font-family: sofia-pro,sans-serif;
    -webkit-font-smoothing: antialiased;
    font-size: 12px;
    color: #555;
    font-weight: 400;
    line-height: 1.42857;
    text-transform: uppercase;
    cursor: pointer;
    transition: all 0.3s ease;
    text-align: center;
    display: block
}

@media (max-width: 767px) {
  .category_navigation .category_intro_section.contents .toc_links li a {
        font-family: sofia-pro,sans-serif;
        -webkit-font-smoothing: antialiased;
        font-size: 10px;
        color: #555;
        font-weight: 400;
        line-height: 1.42857
    }
}

.category_navigation .category_intro_section p {
    font-family: sofia-pro,sans-serif;
    -webkit-font-smoothing: antialiased;
    font-size: 14px;
    color: #555;
    font-weight: 400;
    line-height: 1.42857
}

/***EXAMPLE*/
.category_examples {
    position: relative
}

.category_examples_slideshow_contents {
    overflow-x: scroll;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-overflow-scrolling: touch;
    -ms-flex-align: start;
    align-items: flex-start;
    position: relative;
    justify-content: center;
    align-items: center;
}

.category_examples_slideshow_contents::-webkit-scrollbar {width: 10px;height: 10px;}
.category_examples_slideshow_contents::-webkit-scrollbar-thumb {background-color: #111;}
.category_examples_slideshow_contents::-webkit-scrollbar-track {border-right: 0px solid #ddd;background-color:#ddd;}


    .category_examples_slideshow_contents .example_card {
        position: relative;
        -ms-flex-preferred-size: 300px;
        flex-basis: 300px;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin: 25px 10px;
        background-color: white;
      
    }

        .category_examples_slideshow_contents .example_card .example_card_image {
            width: 100%;
            display: block;
            vertical-align: middle;
        }

        .category_examples_slideshow_contents .example_card .example_card_details {
            padding: 10px;
        }

            .category_examples_slideshow_contents .example_card .example_card_details .example_card_name {
                font-family: sofia-pro,sans-serif;
                -webkit-font-smoothing: antialiased;
                font-size: 14px;
                color: #555;
                font-weight: 400;
                line-height: 1.42857;
                display: block;
                margin-bottom: 10px;
            }

            .category_examples_slideshow_contents .example_card .example_card_details .example_card_attributes {
                position: relative;
                margin-bottom: 10px;
                display: block;
                font-family: sofia-pro,sans-serif;
                -webkit-font-smoothing: antialiased;
                font-size: 10px;
                color: #555;
                font-weight: 400;
                line-height: 1.42857;
            }

@media (max-width: 768px) {
    .category_examples .content_section_header p {
        font-size: 12px
    }
}
    /**subCategory***********************************************************************************/
    .category_subcategories {
        position: relative;
        border-top: solid 1px #ddd;
        padding-top: 50px
    }

.category_subcategories_slideshow_contents {
    overflow-x: scroll;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-overflow-scrolling: touch;
    -ms-flex-align: start;
    align-items: flex-start;
    position: relative;
    padding-bottom: 20px;
    justify-content: center;
    align-items: center;
}

        .category_subcategories_slideshow_contents::-webkit-scrollbar {
            width: 10px;
            height: 10px;
        }

        .category_subcategories_slideshow_contents::-webkit-scrollbar-thumb {
            background-color: #111;
        }

        .category_subcategories_slideshow_contents::-webkit-scrollbar-track {
            border-right: 0px solid #ddd;
            background-color: #ddd;
        }


        .category_subcategories_slideshow_contents .example_card {
            position: relative;
            -ms-flex-preferred-size: 300px;
            flex-basis: 300px;
            -ms-flex-positive: 0;
            flex-grow: 0;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            margin: 10px 10px;
            background-color: white;
            box-shadow: 0 7px 21px 0 rgba(0,0,0,0.1);
            text-align: center;
            border: solid 1px #efefef
        }

        .category_subcategories_slideshow_contents .example_card_details {
        }

            .category_subcategories_slideshow_contents .example_card_details a {
                line-height: 200px;
                height: 200px;
                display: inline-block;
                /* line-height: 100px; */
                vertical-align: middle;
                overflow: hidden;
                text-decoration: none;font-size:20px
            }

                .category_subcategories_slideshow_contents .example_card_details a:hover {
                    color: #fff
                }

        .category_subcategories_slideshow_contents .example_card:hover {
            background: #555;
            color: #fff
        }

    @media (max-width: 768px) {
        .category_subcategories_slideshow_contents .example_card_details a {
            line-height: 100px;
            height: 100px;
            display: inline-block;
            /* line-height: 100px; */
            vertical-align: middle;
            overflow: hidden;
            text-decoration: none;
            font-size: 18px
        }
    }

    /**FAQ***********************************************************************************/
    .category_faq {
        position: relative;
        padding-top: 50px
    }

        .category_faq .content_section_header h2 {
            color: #555;
        }

    .category_faq_inner {
        margin: 0 auto;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .question_expand {
        position: relative;
        cursor: pointer;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 20px 0;
        text-decoration: none;
    }

        .question_expand .question_label {
            width: 90%;
            -webkit-font-smoothing: antialiased;
            font-size: 16px;
            color: #000;
            font-weight: 400;
            line-height: 1.42857
        }

        .question_expand .question_expander {
            position: relative;
            width: 20px;
            height: 20px
        }

            .question_expand .question_expander span {
                width: 100%;
                position: absolute;
                height: 1px;
                display: block;
                transform: rotate(0deg);
                transition: .25s ease-in-out;
                background-color: #555
            }

                .question_expand .question_expander span:nth-child(1) {
                    top: 50%;
                    transform: rotate(90deg)
                }

                .question_expand .question_expander span:nth-child(2) {
                    top: 50%
                }

    .answer {
        margin: 0;
        height: 0px;
        overflow-y: hidden
    }

        .answer p {
            margin-bottom: 10px;
            -webkit-font-smoothing: antialiased;
            font-size: 15px;
            color: #666;
            font-weight: 400;
            line-height: 1.42857
        }

        .answer strong {
            -webkit-font-smoothing: antialiased;
            font-size: 15px;
            color: #000;
            font-weight: 400;
            line-height: 1.92857;
            margin-bottom: 10px
        }

        .answer ol {
            margin: 25px;
            list-style-type: decimal
        }

            .answer ol li {
                font-family: sofia-pro,sans-serif;
                -webkit-font-smoothing: antialiased;
                font-size: 14px;
                color: #555;
                font-weight: 400;
                line-height: 1.42857;
                margin-bottom: 10px
            }

                .answer ol li:last-of-type {
                    margin-bottom: 0
                }

    .question_container {
        border-top: 1px solid #ccc;
        padding: 10px 40px;
        height: auto;
        transition: .25s ease-in-out
    }

    question_container:hover {
        background: #f8f8f8
    }

    @media (max-width: 767px) {
        .question_container {
            padding: 20px 0
        }
    }

    .question_container.is_open .question_expand .question_expander span:nth-child(1) {
        transform: rotate(0deg)
    }

    .question_container.is_open .answer {
        height: auto;
        overflow-y: hidden;
        margin: 10px 0
    }
    /****************************************************************************************************************FAQ END*/



    .custom_category_content_section {
        margin: 0 auto;
    }

        .custom_category_content_section.no_header {
            margin: 100px auto
        }

        .custom_category_content_section .content_section_header {
            width: 90%;
            margin: 0 auto;
            padding: 5px 0 25px 0;
            text-align: center
        }

            .custom_category_content_section .content_section_header.skinny {
                padding-bottom: 0px
            }

            .custom_category_content_section .content_section_header.skinny {
                padding: 75px 0 5px 0
            }

            .custom_category_content_section .content_section_header h2 {
                -webkit-font-smoothing: antialiased;
                font-size: 18px;
                color: #555;
                font-weight: 400;
                line-height: 2.42857;
                text-align: center;
                margin-bottom: 10px;
                border-bottom: solid 2px #000;
                color: #000;
                display: inline-block;
                margin: auto;
                padding: 5px 0px;
                margin-bottom: 50px;
                border-radius: 2px;
                display: inline-block;
                text-transform: capitalize;
                font-family: proxima-nova-semi;
            }

            .custom_category_content_section .content_section_header p {
                -webkit-font-smoothing: antialiased;
                font-size: 18px;
                color: #555;
                font-weight: 300;
                line-height: 1.42857;
                margin-bottom: 10px;
                text-align: center
            }

        .custom_category_content_section .content_section_visual {
            position: relative
        }

            .custom_category_content_section .content_section_visual p {
                -webkit-font-smoothing: antialiased;
                font-size: 18px;
                color: #555;
                font-weight: 300;
                line-height: 1.42857;
                text-align: center;
                padding-top: 20px
            }

                .custom_category_content_section .content_section_visual p.skinny {
                    padding-top: 10px
                }



    /***************custom-process***********************************************************************************************/

    .experience-walkthrough-container {
        width: 100%;
        max-width: 1750px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: 0 auto 175px auto;
        padding: 0 40px
    }

    .experience-walkthrough-item {
        width: 25%;
        position: relative;
        min-height: 250px
    }

        .experience-walkthrough-item .number-bg {
            position: absolute;
            -webkit-font-smoothing: antialiased;
            font-size: 300px;
            color: #F9F3ED;
            font-weight: 600;
            line-height: 1.42857;
            z-index: -1;
            width: 100%;
            height: 100%;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-pack: start;
            justify-content: flex-start;
            margin-left: 10%
        }

        .experience-walkthrough-item .experience-walkthrough-item-inner {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-direction: column;
            flex-direction: column;
            -ms-flex-align: start;
            align-items: flex-start;
            position: relative;
            z-index: 1;
            width: 65%;
            margin-left: auto;
            margin-top: 15px
        }



            .experience-walkthrough-item .experience-walkthrough-item-inner .svg-icon-container {
                stroke: #555;
                width: 75px;
                -ms-flex-item-align: end;
                align-self: flex-end
            }


            .experience-walkthrough-item .experience-walkthrough-item-inner h3 {
                -webkit-font-smoothing: antialiased;
                font-size: 14px;
                color: #555;
                font-weight: 600;
                line-height: 1.42857;
                letter-spacing: 1px;
                margin: 0 0 5px 0
            }


            .experience-walkthrough-item .experience-walkthrough-item-inner p {
                -webkit-font-smoothing: antialiased;
                font-size: 14px;
                color: #555;
                font-weight: 400;
                line-height: 1.42857;
                text-align: left;
                padding: 0
            }

    @media (max-width: 768px) {
        .experience-walkthrough-container {
            -ms-flex-direction: column;
            flex-direction: column;
            -ms-flex-align: center;
            align-items: center;
            margin: 0 auto 75px auto
        }

        .experience-walkthrough-item {
            width: 100%
        }

            .experience-walkthrough-item .experience-walkthrough-item-inner {
                width: 100%
            }
    }



    /***************custom-process***********************************************************************************************/


    /*****************************************************************************************************************/
    #custom_benefits {
        border-top: solid 1px #ddd;
        border: solid 1px #ddd;
        padding: 0px
    }

    .left_right_left {
        margin: 0 auto
    }

        .left_right_left .content_section_visual {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-direction: row;
            flex-direction: row;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap
        }

            .left_right_left .content_section_visual .visual_block {
                -ms-flex: 0 0 50%;
                flex: 0 0 50%;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-direction: column;
                flex-direction: column;
                -ms-flex-align: center;
                align-items: center;
                height: 375px
            }

                .left_right_left .content_section_visual .visual_block.visual {
                    background-size: cover;
                    background-position: center center;
                    background-repeat: no-repeat
                }

                .left_right_left .content_section_visual .visual_block.text {
                    -ms-flex-pack: center;
                    justify-content: center
                }

                    .left_right_left .content_section_visual .visual_block.text h3 {
                        text-align: center;
                        -webkit-font-smoothing: antialiased;
                        font-size: 24px;
                        color: #555;
                        font-weight: 400;
                        line-height: 1.42857;
                        margin-bottom: 15px
                    }

                    .left_right_left .content_section_visual .visual_block.text p {
                        text-align: center;
                        -webkit-font-smoothing: antialiased;
                        font-size: 18px;
                        color: #555;
                        font-weight: 300;
                        line-height: 1.42857;
                        margin-bottom: 10px;
                        width: 60%
                    }


    @media (max-width: 767px) {

        #custom_benefits {
            border-left-width: 0px;
            border-right-width: 0px;
            padding: 0px
        }

        .left_right_left .content_section_visual .visual_block.text h3 {
            font-size: 20px;
            margin-bottom: 15px;
            padding-top: 20px
        }

        .left_right_left .content_section_visual .visual_block.text p {
            font-size: 15px;
            width: 90%;
            padding-bottom: 30px
        }

        .left_right_left .content_section_visual {
            -ms-flex-direction: column;
            flex-direction: column
        }

            .left_right_left .content_section_visual .visual_block {
                -ms-flex: none;
                flex: none
            }

                .left_right_left .content_section_visual .visual_block.visual {
                    height: 250px
                }

                .left_right_left .content_section_visual .visual_block.text {
                    padding: 0 2%;
                    -ms-flex-preferred-size: 50%;
                    flex-basis: 50%
                }

                    .left_right_left .content_section_visual .visual_block.text p {
                        width: 80%
                    }

                .left_right_left .content_section_visual .visual_block.first {
                    -ms-flex-order: 1;
                    order: 1
                }

                .left_right_left .content_section_visual .visual_block.second {
                    -ms-flex-order: 2;
                    order: 2
                }

                .left_right_left .content_section_visual .visual_block.third {
                    -ms-flex-order: 4;
                    order: 4
                }

                .left_right_left .content_section_visual .visual_block.fourth {
                    -ms-flex-order: 3;
                    order: 3
                }

                .left_right_left .content_section_visual .visual_block.fifth {
                    -ms-flex-order: 5;
                    order: 5
                }

                .left_right_left .content_section_visual .visual_block.sixth {
                    -ms-flex-order: 6;
                    order: 6
                }

                .left_right_left .content_section_visual .visual_block.seventh {
                    -ms-flex-order: 8;
                    order: 8
                }

                .left_right_left .content_section_visual .visual_block.eighth {
                    -ms-flex-order: 7;
                    order: 7
                }

                .left_right_left .content_section_visual .visual_block.ninth {
                    -ms-flex-order: 9;
                    order: 9
                }

                .left_right_left .content_section_visual .visual_block.tenth {
                    -ms-flex-order: 10;
                    order: 10
                }
    }


    /***********************************************************************************************************/

    /****************custom_category_content_link*/
    .custom_category_content_link {
        padding-top:50px;padding-bottom:50px;display:block
    }

        .custom_category_content_link .related-content-links {
            text-align:center
          
        }

            .custom_category_content_link .related-content-links a {
                border:solid 1px #ddd;padding:10px 20px;margin-right:15px;margin-bottom:15px;text-transform:capitalize;letter-spacing:0.5px;font-size:13px;display:inline-block;text-decoration:none
            }

                .custom_category_content_link .related-content-links a:hover {
                    background:#ddd;color:#000
                }

    /**custom_category_content_bottom******************************BEGIN*/

    .custom_category_content_bottom {
        width: 100%;
        margin: 0px auto 0 auto;
        background: #ddd;
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center
    }

        .custom_category_content_bottom .inner {
            text-align: center;
            position: relative;
            margin: 0 auto;
            width: 90%;
            max-width: 650px;
            padding: 55px 65px;
        }

            .custom_category_content_bottom .inner h2 {
                margin: 0 0 25px 0;
                -webkit-font-smoothing: antialiased;
                font-size: 14px;
                letter-spacing: 1px;
                color: #000;
                font-weight: 400;
                line-height: 1.42857;
                text-transform: uppercase;
                font-weight: bold
            }

            .custom_category_content_bottom .inner p {
                margin-top: 20px
            }

            .custom_category_content_bottom .inner .svg-icon-container {
                height: 100px
            }

                .custom_category_content_bottom .inner .svg-icon-container svg {
                    height: 100px
                }

            .custom_category_content_bottom .inner .btn-default {
                border: solid 0px #fdc337;
                font-size: 15px;
                letter-spacing: 1px;
                background: #fdc337;
                color: #000
            }

    @media screen and (max-width: 767px) { /**.xs show*/
        .custom_category_content_bottom .inner {
            padding: 60px 30px
        }
    }



    /***************custom_advantage_content*/

    .custom_advantage_content {
        padding-bottom: 0px
    }

        .custom_advantage_content .pull-left {
            width: 33.3333%
        }

            .custom_advantage_content .pull-left div {
                border: solid 1px #ddd;
                height: 200px;
                padding: 30px
            }

                .custom_advantage_content .pull-left div.no_border {
                    border-left-width: 0px;
                    border-right-width: 0px
                }

            .custom_advantage_content .pull-left .title {
                font-size: 16px;
                font-weight: 600;
                text-align: center;
                height: unset;
                border-width: 0px;
                padding: 10px
            }

            .custom_advantage_content .pull-left p {
                font-size: 15px;
                ;
                text-align: center
            }

    @media screen and (max-width: 767px) { /**.xs show*/
        .custom_advantage_content .pull-left {
            width: 100%
        }

            .custom_advantage_content .pull-left div {
                border: solid 0px #ddd;
                border-bottom: solid 1px #ddd;
            }
    }
    /***************custom_advantage_content*/
    /************************************************************************************************/
    /*create a custom project*/
    /************************************************************************************************/
    .create-custom-page {
    }

        .create-custom-page .create-title {
            background: url(../images/custom/custom_jewelry_hero.jpg);
            background-size: cover;
            background-position: center;
            height: 200px;
            padding-top: 50px
        }

        .create-custom-page .create-title-nav {
            height: 50px
        }

            .create-custom-page .create-title-nav button {
                background-color: transparent;
                border-width: 0px;
                font-size: 20px;
                color: #fff;
                border-radius: 50%;
                background: #000;
                height: 40px;
                width: 40px;
                display: inline-block
            }

        .create-custom-page .create-title-text.change {
            animation-name: "fadeInTop";
            animation-duration: 0.5s;
            -webkit-animation-name: "fadeInTop";
            -webkit-animation-duration: 0.5s;
            -webkit-animation-iteration-count: 1;
        }

        .create-custom-page .create-title-text h2 {
            font-size: 15px;
            color: #fff;
            font-size: 24px;
            color: #fff;
            font-weight: 400;
            line-height: 1.42857;
            color: white;
            margin-bottom: 5px;
            font-family: "proxima-nova-semi";
        }

        .create-custom-page .create-title-text p {
            font-size: 13px;
            color: #fff;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            display: block
        }

        .create-custom-page .create-content {
            padding-top: 50px;
            padding-bottom: 200px
        }

        .create-custom-page .selectors-wrapper {
            display: none
        }

            .create-custom-page .selectors-wrapper.active {
                display: block;
                animation-name: "fadeInRight";
                animation-duration: 0.5s;
                -webkit-animation-name: "fadeInRight";
                -webkit-animation-duration: 0.5s;
                -webkit-animation-iteration-count: 1;
            }

        .create-custom-page .selectors {
        }

            .create-custom-page .selectors .selector {
                line-height: 60px;
                font-size: 13px;
                border-bottom: solid 1px #ddd;
                letter-spacing: 1px;
                padding-left: 15px;
                cursor: pointer;
                color: #000
            }

                .create-custom-page .selectors .selector:before {
                    display: inline-block;
                    position: relative;
                    top: 5px;
                    left: 0px;
                    height: 20px;
                    width: 20px;
                    border-radius: 50%;
                    border: 1px solid #aaa;
                    content: '';
                    margin-right: 5px;
                    background: #fff;
                    color: #555;
                }

                .create-custom-page .selectors .selector:hover {
                    background: #efefef;
                }

                    .create-custom-page .selectors .selector:hover:before {
                        border-color: #000;
                        color: #000
                    }

                .create-custom-page .selectors .selector.selected {
                    text-decoration: none;
                    color: #111;
                    background: #efefef;
                }

                    .create-custom-page .selectors .selector.selected:hover {
                    }

                    .create-custom-page .selectors .selector.selected:before {
                        display: inline-block;
                        position: relative;
                        top: 5px;
                        left: 0px;
                        height: 20px;
                        width: 20px;
                        border: 0px solid #111;
                        background: url(../images/svg/ui-selected-radio.svg) 0px 0px no-repeat;
                        background-size: 20px 20px;
                        content: '';
                        margin-right: 5px
                    }

            .create-custom-page .selectors .selector-dropmenu {
                display: none;
                border: solid 1px #efefef;
                border-top-width: 0px
            }

            .create-custom-page .selectors .inputer {
                padding-left: 15px;
                padding-right: 15px;
                margin-bottom: 30px
            }

                .create-custom-page .selectors .inputer .label-wrapper {
                }

                    .create-custom-page .selectors .inputer .label-wrapper label {
                        font-size: 12px;
                        line-height: 30px;
                        font-weight: normal
                    }

                .create-custom-page .selectors .inputer .form-control-wrapper {
                }

                    .create-custom-page .selectors .inputer .form-control-wrapper .form-control {
                        font-size: 15px;
                        border-width: 0px;
                        border-bottom-width: 1px;
                        color: #000;
                        -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
                        box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
                        -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
                        -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
                        transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
                    }

                    .create-custom-page .selectors .inputer .form-control-wrapper .textarea-control {
                        font-size: 15px;
                        width: 100%;
                        color: #000;
                        border: solid 1px #ddd;
                        height: 150px;
                        padding: 15px;
                    }

            .create-custom-page .selectors .infoer {
            }

                .create-custom-page .selectors .infoer h3 {
                    padding-left: 15px;
                    font-size: 13px;
                    line-height: 30px;
                    margin: 0px
                }

                .create-custom-page .selectors .infoer div {
                    line-height: 60px;
                    font-size: 15px;
                    border-bottom: solid 1px #ddd;
                    letter-spacing: 0px;
                    padding-left: 15px;
                    cursor: pointer;
                    color: #000;
                }

            .create-custom-page .selectors .buttons {
                padding: 30px 15px;
                display: none
            }

                .create-custom-page .selectors .buttons.show {
                    display: block
                }

                .create-custom-page .selectors .buttons button {
                    width: 300px;
                    font-size: 15px;
                    font-family: "proxima-nova-semi";
                    border-width: 0px;
                    line-height: 36px
                }

        .create-custom-page #create-getstarted {
            background-image: url(../images/custom/custom-jewelry-getstarted.jpg);
            background-size: cover;
            padding: 100px;
            max-width: 500px
        }

            .create-custom-page #create-getstarted .content {
                font-size: 15px;
            }

            .create-custom-page #create-getstarted p {
                font-size: 15px;
            }

    @media screen and (max-width: 767px) {

        .create-custom-page .create-title {
            padding-top: 25px
        }

        .create-custom-page .selectors .inputer {
            padding-left: 0px;
            padding-right: 0px
        }

        .create-custom-page .selectors .buttons {
            padding: 20px 0px;
        }

            .create-custom-page .selectors .buttons button {
                width: 100%;
                font-size: 15px;
                font-family: "proxima-nova-semi";
                line-height: 36px;
                background: #000
            }

        .create-custom-page #create-getstarted {
            width: 100vw;
            height: 60vh;
            padding: 25px;
            padding-top: 50px
        }
    }

.designer-homepage {}

.designer-homepage-header{ display: block;position: relative;margin: auto;margin-top: -1px;  background: #c9e2df no-repeat center;background-size: cover;}

.designer-homepage-header .header-main{position: relative;height: 220px;padding:0px 10px;}

.designer-homepage-header .profile-avatar{bottom: 20px;left: 10px;position: absolute;}
.designer-homepage-header .profile-avatar span {-webkit-border-radius: 100%;-moz-border-radius: 100%;-ms-border-radius: 100%;-o-border-radius: 100%;border-radius: 100%;display:inline-block;background: #fff;width: 120px;height: 120px;font-size: 2.1rem;line-height: 1;text-align: center;overflow:hidden;border:solid 2px #fff}
.designer-homepage-header .profile-avatar .long {    font-family: "proxima-nova-semi";    letter-spacing: .45rem;text-indent: .55rem;    width: 120px;height: 120px;padding-top: 3.11rem;font-size: 4.2rem;text-transform:uppercase}

.designer-homepage-header .profile-details {width: auto;bottom: 60px;left: 150px;position: absolute;}
.designer-homepage-header .profile-details span {color: #ccc;font-size:10px;border:solid 1px #666;padding:0px 8px;display:none}
.designer-homepage-header .profile-details h1 { color: #000;font-family:"proxima-nova-semi";font-size:28px;letter-spacing:2px;margin-bottom:0px;margin-top:0px;text-transform:capitalize}
.designer-homepage-header .profile-details h2 { color: #555;font-size:14px;letter-spacing:0.5px;margin-bottom:0px;margin-top:10px;text-transform:capitalize}


.designer-homepage-header .profile-actions {position: absolute;bottom: 30px;right: 15px;}

.designer-homepage-header .profile-actions button {-webkit-transition: 0s;-moz-transition: 0s; -ms-transition: 0s;-o-transition: 0s;transition: 0s;display: inline-block;background: #fff;width: 130px;margin: 0;padding: .84rem 1.05rem .7rem;border: 0;color: #111;font-size: 1.5rem;letter-spacing: 0;line-height: 1.2;text-align: center;}
.designer-homepage-header .profile-actions button:hover {background:#ccc;}

/*.category-search-results 修正布局*/
.designer-homepage .category-search-results {margin-top:5px}

.designer-homepage .category-search-results .results-sortbar {margin-bottom:5px}
.designer-homepage .category-search-results .results-sortbar .title{font-family:inherit}
.designer-homepage .category-search-results .results-sortbar .dropdown-toggle{border-width:0px}
.designer-homepage .category-search-results .results-sortbar .dropdown-menu{border-top-color:#ddd;border-radius:2px}

@media screen and (max-width: 767px) {

    .designer-homepage-header .header-main{height: 280px;}

.designer-homepage-header .profile-avatar{position: static;clear: both;margin:auto;text-align: center;display:block}
.designer-homepage-header .profile-avatar span {width: 100px;height: 100px;margin-top:20px}


.designer-homepage-header .profile-details {    position: static;clear: both;margin: 1.4rem 0 0;text-align: center;}
.designer-homepage-header .profile-details h1 {font-size:22px; }
.designer-homepage-header .profile-details h2 {font-size:14px;}

.designer-homepage-header .profile-actions {position: static;clear: both;margin: 1.8rem 0 0;padding-top: 0;text-align: center;}
.designer-homepage-header .profile-actions button {font-family:inherit;}
.designer-homepage-header .profile-actions button:hover {background:#ccc;}
}


/**设计师信息*/
.designer-homepage .designer-home-profile {background: #efefef;padding: 5.6rem 2.1rem 2.8rem;border-top: 0px solid #e4e4e4;border-bottom: 0px solid #e4e4e4;}
.designer-homepage .designer-home-profile .profile-header{max-width: none;margin: 0 0 2.8rem;    padding: 0;border: 0;font: inherit;vertical-align: baseline;padding-left:16%}
.designer-homepage .designer-home-profile h2{font-size: 1.3rem;letter-spacing: 1px;text-transform:capitalize;border:solid 1px #ddd;padding:3px 12px;display:inline-block;font-size:10px;background:#f5f5f5}
.designer-homepage .designer-home-profile p{ word-wrap: break-word;white-space: pre;white-space: -moz-pre-wrap;white-space: pre-wrap;    margin-bottom: 0;font-size: 14px;color: #111;text-transform:capitalize}

@media screen and (max-width: 767px) {

    /*.category-search-results 修正布局*/
.designer-homepage .category-search-results {margin-top:0px}

    .designer-homepage .designer-home-profile .profile-header {
        padding-left: 0%;
    }
}


/***/
.designers-page .designer-header {}
.designers-page .designer-header h1{display: block;margin: 1.5em 0;margin-bottom:10px;font-size: 22px; letter-spacing: .3rem;text-align: center;text-transform: uppercase;    font-family: "proxima-nova-semi";}
.designers-page .designer-header p {text-align:center}


/*page : designers-page*/
.designers-page {}

.designers-page .designer-list {margin-top:30px;padding:0px;}
.designers-page .designer-list-item {position:relative;overflow:hidden;list-style:none;margin-bottom:30px;padding-bottom:125%;overflow:hidden}
.designers-page .designer-list .inner-border {width: 15%;height: 2px;display: block;border-bottom: 2px solid #000;margin: 10px auto;}

.designers-page .designer-list .designer-list-item-image{position:absolute;z-index:1;border:solid 0px #000;display:block;opacity:1;overflow:hidden}
.designers-page .designer-list .designer-list-item-image img{width:100%; }
.designers-page .designer-list .designer-list-item-image:hover img {transition: 2s;  -webkit-transition: 2s;-o-transition: 2s; -moz-transition: 2s; -ms-transition: 2s;vertical-align: middle;opacity:0.1;transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);}

.designers-page .designer-list .designer-list-item-text{position:absolute;right:0%;top:0%;z-index:3;display:block;text-align:center;width:100%;padding-top:20%}
.designers-page .designer-list .designer-list-item-text-box {display:block;width:100%;text-align:center;color:#000}
.designers-page .designer-list .designer-list-item-text .name{font-size: 28px;display: inline-block;font-weight: 700;letter-spacing: 2px;text-transform: uppercase;line-height: 27px;color:#000;text-align:center;display:block;text-align:center;}
.designers-page .designer-list .designer-list-item-text .personalities{display: inline-block; font-size: 20px;margin-top: 7px;color:#000;font-weight:normal;text-align:center;text-transform:capitalize}


@media screen and (max-width: 767px) {
   .designers-page {padding:0px}
   .designers-page .designer-list {padding:0px}
   .designers-page .designer-list-item {margin-bottom:20px;border-top:solid 1px #efefef}
   .designers-page .designer-list .designer-list-item-image img{height:100%;width:auto}
}



.error-page {}



/************************************************************************************************/
/*not found page*/
/************************************************************************************************/
.not-found-page {}
.not-found-page .page-wrap{padding-top: 100px;padding-bottom: 0;max-width:420px;margin:auto}
.not-found-page .page-wrap h1{font-family:"proxima-nova-semi";font-size:20px;line-height:40px}
.not-found-page .page-wrap p{font-size:14px;letter-spacing:1px;margin-bottom:30px}
.not-found-page .page-wrap p a{text-decoration:underline}
.not-found-page .page-wrap .form-control{background-color:transparent}

.not-found-page footer {position:fixed;bottom:0px;width:100%;text-align:center;z-index:-1}
.not-found-page footer img{margin:auto}

@media screen and (max-width: 767px) {
    .not-found-page .page-wrap{padding-top: 40px;}
}


.event-page {}



/************************************************************************************************/
/*not found page*/
/************************************************************************************************/
.event-page {}
.event-page .page-wrap{padding-top: 100px;padding-bottom: 0;max-width:420px;margin:auto}
.event-page .page-wrap h1{font-family:"proxima-nova-semi";font-size:20px;line-height:40px}
.event-page .page-wrap p{font-size:14px;letter-spacing:1px;margin-bottom:30px}
.event-page .page-wrap p a{text-decoration:underline}
.event-page .page-wrap .form-control{background-color:transparent}

.event-page footer {position:fixed;bottom:0px;width:100%;text-align:center;z-index:-1}
.event-page footer img{margin:auto}

@media screen and (max-width: 767px) {
    .event-page .page-wrap{padding-top: 40px;}
}


/***/
.factories-page .factory-header {}
.factories-page .factory-header h1{display: block;margin: 1.5em 0;font-size: 22px; letter-spacing: .3rem;text-align: center;text-transform: uppercase;    font-family: "proxima-nova-semi";}

/**设计师索引*/
.factories-page .factory-index {padding: 0px 0;border-top: 1px solid #efefef;border-bottom: 0px solid #efefef;background:#f8f8f8}
.factories-page .factory-index ul {font-family: "proxima-nova-regular";    color: #333;padding: 0;margin: 0;display:inline-block}
.factories-page .factory-index ul li {display: inline-block;margin: 0 .1em; }
.factories-page .factory-index ul li:first-child {}
.factories-page .factory-index ul li a {color: #666;font-size: 14px;font-family: "proxima-nova-semi";}
.factories-page .factory-index ul li a:hover {background:#efefef}

/**设计师索引内容*/
.factories-page .character-set {background: #fff;}

.factories-page .character-set .row {border-bottom: 1px solid #e4e4e4;padding-top: 5.2em;padding-bottom:3em;}

.factories-page .character-set h3 {letter-spacing: .1rem;text-transform: uppercase;font-family: "proxima-nova-semi";    font-size: 2.7rem;vertical-align: baseline;margin-top:0px}

.factories-page .character-set ul { column-count: 3;    color: #5d5d5d;padding: 0;margin: 0;font-size: 1.4rem;line-height: 1.6;margin-bottom: 0;list-style-position: outside;list-style: none;}
.factories-page .character-set ul li {}
.factories-page .character-set ul li a{border-bottom: 1px solid transparent;color: #5d5d5d;cursor: pointer;font-size: 15px;    line-height: inherit;text-decoration: none;text-transform:capitalize}
.factories-page .character-set ul li a:hover {text-decoration:underline;color:#000}


/**.affix模块下*/
.factories-page .affix {width:100vw;top:0px;z-index:999;}
.factories-page  .affix-bottom {width:100vw;top:0px}

@media screen and (max-width: 767px) { /**.xs show*/



    .factories-page .factory-index{display:block;width: 100%;padding: 0;width: 100%;overflow-x: scroll;overflow-y: hidden;white-space: nowrap;}
    /*滚动条样式*/
    .factories-page .factory-index::-webkit-scrollbar {width: 4px;height: 4px;}
    .factories-page .factory-index::-webkit-scrollbar-thumb {border-radius: 5px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: rgba(0,0,0,0.2);}
    .factories-page .factory-index::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius: 0;background: rgba(0,0,0,0.1);}
    
    /**.affix模块下*/
.factories-page .affix {width:100vw;top:0px;z-index:999;background:#fff}
.factories-page  .affix-bottom {width:100vw;top:0px;background:#fff}
}

.factory-homepage {}

.factory-homepage-header{ display: block;position: relative;margin: auto;margin-top: -1px;   background: #666 no-repeat center;background-size: cover;}

.factory-homepage-header .header-main{position: relative;height: 220px;padding:0px 10px;}

.factory-homepage-header .profile-avatar{bottom: 20px;left: 10px;position: absolute;}
.factory-homepage-header .profile-avatar span {-webkit-border-radius: 100%;-moz-border-radius: 100%;-ms-border-radius: 100%;-o-border-radius: 100%;border-radius: 100%;display:inline-block;background: #fff;width: 120px;height: 120px;font-size: 2.1rem;line-height: 1;text-align: center;overflow:hidden;border:solid 2px #fff}
.factory-homepage-header .profile-avatar .long {    font-family: "proxima-nova-semi";    letter-spacing: .45rem;text-indent: .55rem;    width: 120px;height: 120px;padding-top: 3.11rem;font-size: 4.2rem;text-transform:uppercase}

.factory-homepage-header .profile-details {width: auto;bottom: 60px;left: 150px;position: absolute;}
.factory-homepage-header .profile-details span {color: #ccc;font-size:10px;border:solid 1px #666;padding:0px 8px;display:none}
.factory-homepage-header .profile-details h1 { color: #fff;font-family:"proxima-nova-semi";font-size:28px;letter-spacing:2px;margin-bottom:0px;margin-top:0px;text-transform:capitalize}
.factory-homepage-header .profile-details h2 { color: #eee;font-size:14px;letter-spacing:0.5px;margin-bottom:0px;margin-top:10px;text-transform:capitalize}


.factory-homepage-header .profile-actions {position: absolute;bottom: 30px;right: 15px;}

.factory-homepage-header .profile-actions button {-webkit-transition: 0s;-moz-transition: 0s; -ms-transition: 0s;-o-transition: 0s;transition: 0s;display: inline-block;background: #fff;width: 130px;margin: 0;padding: .84rem 1.05rem .7rem;border: 0;color: #111;font-size: 1.5rem;letter-spacing: 0;line-height: 1.2;text-align: center;}
.factory-homepage-header .profile-actions button:hover {background:#ccc;}

/*.category-search-results 修正布局*/
.factory-homepage .category-search-results {margin-top:5px}

.factory-homepage .category-search-results .results-sortbar {margin-bottom:5px}
.factory-homepage .category-search-results .results-sortbar .title{font-family:inherit}
.factory-homepage .category-search-results .results-sortbar .dropdown-toggle{border-width:0px}
.factory-homepage .category-search-results .results-sortbar .dropdown-menu{border-top-color:#ddd;border-radius:2px}

@media screen and (max-width: 767px) {

    .factory-homepage-header .header-main{height: 280px;}

.factory-homepage-header .profile-avatar{position: static;clear: both;margin:auto;text-align: center;display:block}
.factory-homepage-header .profile-avatar span {width: 100px;height: 100px;margin-top:20px}


.factory-homepage-header .profile-details {    position: static;clear: both;margin: 1.4rem 0 0;text-align: center;}
.factory-homepage-header .profile-details h1 {font-size:22px; }
.factory-homepage-header .profile-details h2 {font-size:14px;}

.factory-homepage-header .profile-actions {position: static;clear: both;margin: 1.8rem 0 0;padding-top: 0;text-align: center;}
.factory-homepage-header .profile-actions button {font-family:inherit;}
.factory-homepage-header .profile-actions button:hover {background:#ccc;}
}


/**设计师信息*/
.factory-homepage .factory-home-profile {background: #efefef;padding: 5.6rem 2.1rem 2.8rem;border-top: 0px solid #e4e4e4;border-bottom: 0px solid #e4e4e4;}
.factory-homepage .factory-home-profile .profile-header{max-width: none;margin: 0 0 2.8rem;    padding: 0;border: 0;font: inherit;vertical-align: baseline;padding-left:16%}
.factory-homepage .factory-home-profile h2{font-size: 1.3rem;letter-spacing: 1px;text-transform:capitalize;border:solid 1px #ddd;padding:3px 12px;display:inline-block;font-size:10px;background:#f5f5f5}
.factory-homepage .factory-home-profile p{ word-wrap: break-word;white-space: pre;white-space: -moz-pre-wrap;white-space: pre-wrap;    margin-bottom: 0;font-size: 14px;color: #111;text-transform:capitalize}

@media screen and (max-width: 767px) {

    /*.category-search-results 修正布局*/
.factory-homepage .category-search-results {margin-top:0px}

    .factory-homepage .factory-home-profile .profile-header {
        padding-left: 0%;
    }
}

.favorite-homepage {}

.favorite-homepage-header{ display: block;position: relative;margin: auto;  background: #faf9f5 no-repeat center;background-size: cover;}

.favorite-homepage-header .header-main{position: relative;height: 100px;padding:0px 10px;}

.favorite-homepage-header .profile-avatar{bottom: 25px;left: 10px;position: absolute;}
.favorite-homepage-header .profile-avatar span {-webkit-border-radius: 100%;-moz-border-radius: 100%;-ms-border-radius: 100%;-o-border-radius: 100%;border-radius: 100%;display:inline-block;background: #fff;width: 40px;height: 40px;font-size: 2.1rem;line-height: 1;text-align: center;overflow:hidden;border:solid 2px #fff}
.favorite-homepage-header .profile-avatar .long {    font-family: "proxima-nova-semi";    letter-spacing: 0px;text-indent: 0px;    width: 40px;height: 40px;padding-top: 7px;font-size: 2.0rem;text-transform:uppercase;background:#000;color:#fff}

.favorite-homepage-header .profile-details {width: auto;bottom: 37px;left: 60px;position: absolute;}
.favorite-homepage-header .profile-details h1 { color: #333;font-size:20px;letter-spacing:0px;margin-bottom:0px;margin-top:0px;text-transform:capitalize}


.favorite-homepage-header .profile-actions {position: absolute;bottom: 30px;right: 15px;}

.favorite-homepage-header .profile-actions button {-webkit-transition: 0s;-moz-transition: 0s; -ms-transition: 0s;-o-transition: 0s;transition: 0s;display: inline-block;background: #666;width: 130px;margin: 0;padding: .84rem 1.05rem .7rem;border: 0;color: #fff;font-size: 1.5rem;letter-spacing: 0;line-height: 1.2;text-align: center;border-radius:3px}
.favorite-homepage-header .profile-actions button span {text-transform:capitalize}
.favorite-homepage-header .profile-actions button:hover {background:#333;}
.favorite-homepage-header .profile-actions .btn-publicorprivate {background-color:transparent;color:#333;    -webkit-appearance: none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.favorite-homepage-header .profile-actions .btn-publicorprivate .fa-toggle-on {color:#d0021b}
.favorite-homepage-header .profile-actions .btn-publicorprivate:hover {background-color:transparent;}

/*.category-search-results 修正布局*/
.favorite-homepage .category-search-results {margin-top:5px}

.favorite-homepage .category-search-results .results-sortbar {margin-bottom:5px}
.favorite-homepage .category-search-results .results-sortbar .title{font-family:inherit}
.favorite-homepage .category-search-results .results-sortbar .dropdown-toggle{border-width:0px}
.favorite-homepage .category-search-results .results-sortbar .dropdown-menu{border-top-color:#ddd;border-radius:2px}

.favorite-homepage .favorite-empty {text-align:center;padding:150px 0px;padding-bottom:250px}
.favorite-homepage .favorite-empty h3{font-size:20px;letter-spacing:0px}
.favorite-homepage .favorite-empty p{font-size:12px}

.favorite-homepage .favorite-private {text-align:center;padding:150px 0px;padding-bottom:250px}
.favorite-homepage .favorite-private h3{font-size:20px;letter-spacing:0px}
.favorite-homepage .favorite-private p{font-size:12px}


@media screen and (max-width: 767px) {

    .favorite-homepage-header .header-main{height: 80px;}

    .favorite-homepage-header .profile-avatar span {width: 25px;height: 25px;font-size: 1.1rem;line-height: 1;text-align: center;overflow:hidden;}
    .favorite-homepage-header .profile-avatar .long {   letter-spacing: 0px;text-indent: 0px;    width: 25px;height: 25px;padding-top: 5px;font-size: 1.0rem;text-transform:uppercase;background:#000;color:#fff}

    .favorite-homepage-header .profile-details {width: auto;bottom: 35px;left: 45px;position: absolute;}
    .favorite-homepage-header .profile-details h1 { color: #333;font-size:15px;letter-spacing:0px;margin-bottom:0px;margin-top:0px;text-transform:capitalize}

    .favorite-homepage-header .profile-actions {bottom: 25px;right: 10px;}

}

@media screen and (max-width: 767px) {

    /*.category-search-results 修正布局*/
    .favorite-homepage .category-search-results {margin-top:0px}

    .favorite-homepage .favorite-home-profile .profile-header {
        padding-left: 0%;
    }
}

/***responsive.footer*****************/
.responsive-footer {background:#fff;border-top:solid 1px #ddd}

/*responsive:footer:行一*/
.responsive-footer .row-1 {margin-left:0px;margin-right:0px;padding-top:40px}


/*responsive:footer:行一*/
.responsive-footer .row-reviews {margin-left:0px;margin-right:0px;}
.responsive-footer .row-reviews .review-link {width:160px;display:block;margin:auto;margin-top:25px;margin-bottom:0px;border-width:0px}
.responsive-footer .row-reviews .review-link:hover {}

/*responsive:footer:行一:电子邮件订阅*/
.responsive-footer .row-1 .newsletter-subscribe-container {text-align:center;margin:auto}
.responsive-footer .row-1 .newsletter-subscribe-container .subscribe-title{font-size:15px;padding:0px;margin-top:40px;margin-bottom:20px;letter-spacing:0px;color:#000;font-family: "proxima-nova-semi";font-weight:normal}
.responsive-footer .row-1 .newsletter-subscribe-container .newsletter-subscribe-form {}
.responsive-footer .row-1 .newsletter-subscribe-form-row {display: flex;flex-wrap: nowrap;align-items: center;justify-content: space-between;margin: 0;border: 0px solid #ccc;max-width:400px;margin:0px auto;}
.responsive-footer .row-1 .newsletter-subscribe-form-row .input-wrapper {width: calc(100% - 100px);height: 38px;}
.responsive-footer .row-1 .newsletter-subscribe-form-row .button-wrapper {width: 100px;height: 38px;}
.responsive-footer .row-1 .newsletter-subscribe-container .btn-subscribe { display: block;text-align: center;  height: 100%; background-color: #000;color: #fff; background:#000;background-size: 24px;background-repeat: no-repeat;background-position: center;font-weight:bold;letter-spacing:1px; font-size: 14px;border-top-right-radius:3px;border-bottom-right-radius:3px;;border-radius:0px;height:40px;border: solid 2px #333;background:#fff;color:#000}
.responsive-footer .row-1 .newsletter-subscribe-container #subscribe-email {font-size: 14px;color: #000;line-height: 34px;border: 0;padding: 0 12px; display:block;outline:hidden;width:100%;border-top-left-radius:3px;border-bottom-left-radius:3px;border:solid 2px #333;border-right-width:0px;border-radius:0px;height:40px}
.responsive-footer .row-1 .newsletter-subscribe-form-tips {max-width:400px;color:#111;line-height:20px;padding-top:15px;padding-left:15px;display:none;font-size:12px;text-align:left;padding-left:15px;border-bottom:solid 2px #111;background:#fff;border-top-width:0px;padding-bottom:15px;background:#fff}
.responsive-footer .row-1 .newsletter-subscribe-form-tips a{text-decoration:underline;color:#111}


/*responsive:footer:行一*/
.responsive-footer .row-2 {margin-top:40px;margin-bottom:80px}

/*responsive:footer:行二:菜单*/

.responsive-footer .row-2 .row-2-col {}

.responsive-footer .row-2 dl {}
.responsive-footer .row-2 dl dt {font-size:16px;color:#000;line-height:40px;font-family: "proxima-nova-semi";letter-spacing:0.2px;font-weight:normal}
.responsive-footer .row-2 dl dd {}
.responsive-footer .row-2 dl dd a {font-size:12px;color:#444;font-weight:normal;line-height:26px;letter-spacing:1px;}
.responsive-footer .row-2 dl dd a:hover {color:#000}
.responsive-footer .row-2 dl dd a i{font-size:20px;color:#000;margin-right:3px}

/*responsive:footer:行三*/
.responsive-footer .row-3 {background:#fff;height:44px;border-top:solid 1px #efefef}
.responsive-footer .row-3 .pull-left{letter-spacing:0.5px;color:#000;line-height:44px;font-size:12px;}
.responsive-footer .row-3 .pull-right{padding-top:12px}
.responsive-footer .row-3 .pull-right img{max-height:20px;vertical-align:unset; }
.responsive-footer .row-3 .pull-right a:hover img,
.responsive-footer .row-3 .pull-right a:active img {-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}

/*responsive:footer:行四*/
.responsive-footer .row-4 {background:#fff;}
.responsive-footer .row-4 .container {text-align:center;padding:10px 0px}
.responsive-footer .row-4  a {letter-spacing:0.3px;font-size:12px;margin-right:15px;line-height:22px;color:#777}
.responsive-footer .row-4  a:last-child {margin-right:0px;}
.responsive-footer .row-4  a:hover{text-decoration:underline;color:#555}


/*responsive:footer:全局向上SCROLL*/

#page-totop{position:fixed;right:0px;z-index:99;bottom:45px;font-size:14px;background:#111;text-align:center;line-height:1;padding:0;display:none;width: 30px;height: 160px;border-radius: 0px;}

#page-totop a {display:block;width:30px;height:40px;border-bottom:solid 1px #555}
#page-totop a:last-child {border-bottom-width:0px}
#page-totop a i  { color: #ddd; position: relative; text-align: center;     top: -5px;left: 0px;font-size: 14px;}

#page-totop a:hover {color:#ffd800;background:#ff8c00}
#page-totop a:hover i{opacity: 1;color:#ffd800}

#page-totop .btn-upload-your-needs  span.ico:before {display: inline-block;position: relative;top: 12px; left: 3px;height: 18px;width: 18px;background-size: 18px 18px;content: '';margin-right: 5px;background: url(../images/svg/ui-fav.svg) no-repeat center;}


#page-totop .btn-add-home-screen span.ico:before {display: inline-block;position: relative;top: 12px; left: 3px;height: 18px;width: 18px;background-size: 18px 18px;content: '';margin-right: 5px;background: url(../images/svg/ui-homescreen.svg) no-repeat center;}

#page-totop .btn-add-browse-favorite span.ico:before {display: inline-block;position: relative;top: 12px; left: 3px;height: 18px;width: 18px;background-size: 18px 18px;content: '';margin-right: 5px;background: url(../images/svg/ui-fav.svg) no-repeat center;}

#page-totop .btn-go-to-cart span.ico:before {display: inline-block;position: relative;top: 12px; left: 3px;height: 18px;width: 18px;background-size: 18px 18px;content: '';margin-right: 5px;background: url(../images/svg/ui-bag-2-white.svg) no-repeat center;}

#page-totop .btn-go-to-livechat span.ico:before {display: inline-block;position: relative;top: 12px; left: 3px;height: 18px;width: 18px;background-size: 18px 18px;content: '';margin-right: 5px;background: url(../images/svg/ui-chat-white.svg) no-repeat center;}

#page-totop .btn-go-to-top span.ico:before {display: inline-block;position: relative;top: 12px; left: 3px;height: 18px;width: 18px;background-size: 18px 18px;content: '';margin-right: 5px;background: url(../images/svg/ui-go-to-top.svg) no-repeat center;}

#page-totop a.btn-item {position:relative}

    #page-totop a.btn-item .btn-item-tip {
        display: none;
        z-index: 100000022;
        position: absolute;
        top: 0px;
        left: -100px;
        width: 100px;
        height: 40px;
        color: #fff;
        font-size: 12px;
        line-height: 40px;
        font-family: tahoma,arial,'Hiragino Sans GB',simsun,sans-serif;
        text-align: center;
     
        animation-name: "fadeInRight";
        animation-duration: 0.5s;
        -webkit-animation-name: "fadeInRight";
        -webkit-animation-duration: 0.5s;
        -webkit-animation-iteration-count: 1;
    }
#page-totop a.btn-item:hover .btn-item-tip {
	display:block;
    background:#ff8c00;color:#fff
}

@media screen and (max-width: 767px) {
    #page-totop a.btn-item:hover .btn-item-tip {
        display: none;
    }
}

@media screen and (max-width: 767px) {

    .responsive-footer {background:#fff;border-top:solid 5px #ddd}


    /**行四*/
    .responsive-footer .row-4 {display:none}

    /*行一:样式*/
    .responsive-footer .row-1 {
        padding-top: 0px
    }
    .responsive-footer .row-1 .container{padding-left: 10px;padding-right: 10px;}

    .responsive-footer .row-1 .invite-friend-container{text-align:center;margin-top:40px}
    .responsive-footer .row-1 .invite-friend-container a{border:solid 1px #ddd;padding:10px 25px;text-decoration:none;letter-spacing:0.5px;color:#fff;background-color:transparent;border-radius:0px;display:block;width:100%;margin-left:auto;margin-right:auto}
    .responsive-footer .row-1 .invite-friend-container a:hover{}

    .responsive-footer .row-1 .newsletter-subscribe-container .subscribe-title{margin-top:30px;margin-bottom:20px;color:#000}
    .responsive-footer .row-1 .newsletter-subscribe-form-row .input-wrapper {width: calc(100% - 90px);}
    .responsive-footer .row-1 .newsletter-subscribe-form-row .button-wrapper {width: 90px;}
    .responsive-footer .row-1 .newsletter-subscribe-container .btn-subscribe {  font-size: 12px;
    border-color: #111;
    letter-spacing: 0px;}
    .responsive-footer .row-1 .newsletter-subscribe-container #subscribe-email {line-height: 36px;border: 0;padding: 0 12px; display:block;outline:hidden;width:100%;border-top-left-radius:3px;border-bottom-left-radius:0px;border:solid 2px #111;border-right-width:0px;border-radius:0px}

    .responsive-footer .row-1 .newsletter-subscribe-form-tips {color:#000;border-width:0px;border-bottom:solid 2px #111;border-top-width:0px;background:#fff}
    .responsive-footer .row-1 .newsletter-subscribe-form-tips a{color:#000}

    .responsive-footer .row-reviews .review-link {width:150px;display:block;margin:auto;margin-top:25px;margin-bottom:0px;border-width:0px}

    /*行二：样式*/
    .responsive-footer .row-2 {margin-bottom:40px;margin-top:40px;}
    .responsive-footer .row-2 .container{padding-left:0px;padding-right:0px}
    .responsive-footer .row-2 dl {margin-bottom:0px;}
    .responsive-footer .row-2 .row-2-col-end dl dt {border-bottom: solid 1px #ccc;}
    .responsive-footer .row-2 dl dt {font-size: 14px;font-weight: normal;letter-spacing: 1px;border-top: solid 1px #ccc;padding: 0px 15px;margin: 0px 0px;cursor: pointer;color:#000;letter-spacing:1px}
    .responsive-footer .row-2 dl dt:after {display: inline-block;font: normal normal normal 18px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;content: "\f107";font-size: 18px;position: absolute;right: 10%;color: #666;top:10px;color: #000;}
    .responsive-footer .row-2 dl dt {}
    .responsive-footer .row-2 dl dd {display: none;margin: 0px 0px;cursor: pointer;letter-spacing: 1px;}
    .responsive-footer .row-2 dl dd a {font-style: initial;font-size: 14px;color:#111;display:block;text-decoration:none;text-indent:15px;padding-top:7px;padding-bottom:7px}
    .responsive-footer .row-2 dl dd a:hover {background:#ddd}
    .responsive-footer .row-2 dl dd a i{color:#000;}

    /**行二：click.toggled 样式*/
    .responsive-footer .row-2 .list-dt {display: block;color: #000;border-bottom:solid 1px #ddd;}
    .responsive-footer .row-2 .list-dt:after {content: "\f106";color: #000;}
    .responsive-footer .row-2 .list-dd {display: block;line-height:40px;border-bottom:solid 1px #ddd;background:#f8f8f8}
    .responsive-footer .row-2 .list-dd:last-child {border-bottom:solid 0px #ccc;padding-bottom:5px}
    .responsive-footer .row-2 .list-dd:first-child {padding-top:5px;border-top:solid 1px #111;}
    .responsive-footer .row-2 .list-dd {color:#fff}

    /*responsive:footer:行三:左边Center右边Hide*/
    .responsive-footer .row-3 {border-top:solid 2px #ddd}
    .responsive-footer .row-3 .container{padding-left:0px;padding-right:0px}
    .responsive-footer .row-3 .pull-left {letter-spacing:0px;line-height:40px;font-size:10px}
    .responsive-footer .row-3 .pull-left span{display:none}
    .responsive-footer .row-3 .pull-right img{max-height:15px}

}



/**************************************************************************************************/
/**responsive-footer-checkout*/
.responsive-footer-checkout {background-color:transparent;border-color:transparent}
.responsive-footer-checkout {margin-top:150px}
.responsive-footer-checkout .row-3 {background-color:transparent;border-top-width:1px;height:unset;border-color:#ddd}
.responsive-footer-checkout .row-3 .pull-left span{font-size:12px;letter-spacing:0px;color:#777;margin-right:15px}
.responsive-footer-checkout .row-3 .pull-left a{color:#000;line-height:50px;font-size:12px;text-decoration:none;letter-spacing:0px}
.responsive-footer-checkout .row-3 .pull-left {line-height:50px}
.responsive-footer-checkout .row-3 .pull-left a{padding:0px 5px;color:#777}
.responsive-footer-checkout .row-3 .pull-left a:hover{color:#111}

.responsive-footer-checkout .row-cards {background:#fff;padding-top:15px;padding-bottom:10px;}
.responsive-footer-checkout .row-cards .card-content{max-width:500px;margin:auto}
.responsive-footer-checkout .row-cards .card-content .card-title{line-height:26px;color:#111;letter-spacing:1px;font-size:10px;font-weight:bold}
.responsive-footer-checkout .row-cards .card-content .card-types{}
.responsive-footer-checkout .row-cards .card-content .card-types span{font-size:25px;margin-left:15px;}
.responsive-footer-checkout .row-cards .card-content .card-types span.img{font-size:unset;margin-left:15px;}
.responsive-footer-checkout .row-cards .card-content .card-types span.img img{width:33px;margin-bottom:11px}

.responsive-footer-checkout .row-policies {padding-top:30px;padding-bottom:30px;}
.responsive-footer-checkout .row-policies .policy-box{padding: 30px}
.responsive-footer-checkout .row-policies .policy-box h4{font-style: normal;letter-spacing: 0.5px;margin: 0 0 3px;text-transform: uppercase;font-family: "proxima-nova-semi";color:#555;font-size:16px;font-weight:normal}
.responsive-footer-checkout .row-policies .policy-box p {letter-spacing: .4px;line-height: 1.5em;margin: 0;font-style: normal;font-weight: 400;letter-spacing:1px}
.responsive-footer-checkout .row-policies .policy-box p a {text-decoration:underline}



@media screen and (max-width: 767px) {
    .responsive-footer-checkout {margin-top:0px;background:#fff;padding-top:60px}

    .responsive-checkout-body-end {
    display:none
    }  
    .responsive-footer-checkout .row-3 {background-color:transparent;border-top-width:1px;height:unset;border-color:#efefef}
    .responsive-footer-checkout .row-3 .pull-left{line-height:unset}
.responsive-footer-checkout .row-3 .pull-left span{display:inline-block;letter-spacing:0.5px;color:#333;line-height:40px}

    .responsive-footer-checkout .row-cards {
        display: none
    }
        .responsive-footer-checkout .row-policies {
            padding-bottom: 0px;
            padding-top: 0px;
            display:none;
        }
       
        .responsive-footer-checkout .row-policies .policy-box {
            border-top: solid 1px #ddd
        }

            .responsive-footer-checkout .row-policies .policy-box h4 {
                font-style: normal;
                letter-spacing: 1px;
                margin: 0 0 3px;
                text-transform: uppercase;
                font-family: "proxima-nova-semi";
                color: #777;
                font-size: 16px;
                font-weight: normal
            }

            .responsive-footer-checkout .row-policies .policy-box p {
                letter-spacing: .4px;
                line-height: 1.5em;
                margin: 0;
                font-style: normal;
                font-weight: 400;
                letter-spacing: 1px
                ;color:#999
            }

                .responsive-footer-checkout .row-policies .policy-box p a {
                    text-decoration: underline;
                    
                    color: #999
                }

           

}

.getstarted-page {}

.getstarted-hero {background:#F8EBE6;min-height:350px}

.getstarted-hero .hero-row-1{min-height:210px;padding-top:90px}
.getstarted-page h1,.getstarted-page h2{font-family: "proxima-nova-semi";font-weight: 400;line-height: 1.1;color: #000;letter-spacing:0.5px;font-size:30px}
.getstarted-page h3{font-family: "proxima-nova-semi";font-weight: 400;line-height: 1.1;color: #000;letter-spacing:0.5px;font-size:18px}

.getstarted-hero .hero-row-2{}
.getstarted-page .list-nav-menu{-ms-flex-align: center;align-items: center; display: -ms-flexbox; display: flex; -ms-flex-pack: center;justify-content: center;width: 100%;list-style: none;padding: 0;margin: 0;line-height:1.4;font-size:15px}
.getstarted-page .list-nav-menu li {padding:30px 30px}
.getstarted-page .list-nav-menu li a{line-height:50px;color:#000;font-weight:bold;display:inline-block;text-decoration:none;border-bottom-color:transparent;border-bottom-width:2px;border-bottom-style:solid;font-size:15px;letter-spacing:1px;text-transform:uppercase}
.getstarted-page .list-nav-menu li a.active,.getstarted-page .list-nav-menu li a:hover{border-bottom:solid 2px #E55400}


.getstarted-page .hero-row-2.affix-top {top:0px;left:0px;position:relative;width:100%;overflow:auto;overflow-y: hidden;}
.getstarted-page .hero-row-2.affix {top:0px;left:0px;z-index:999;background:#fff;border-bottom:solid 1px #ccc;width:100%}
.getstarted-page .hero-row-2.affix li{padding:0px 40px}
.getstarted-page .hero-row-2.affix li a {font-weight:normal}
.getstarted-page .hero-row-2.affix-bottom {top:0px;left:0px;z-index:999;width:100%;overflow:auto;overflow-y: hidden;}


.getstarted-page .getstarted-content {padding-bottom:100px;max-width:860px}
.getstarted-page .getstarted-content h3{font-family: "proxima-nova-semi";padding-top:100px;text-align:center;font-size:30px}

.getstarted-page .getstarted-content .content-faq{font-size:15px;margin:auto;margin-top:50px}
.getstarted-page .getstarted-content .content-faq h4{;border-bottom:solid 1px #ccc;line-height:40px;font-size:15px;font-family: "proxima-nova-semi";margin-bottom:0px}
.getstarted-page .getstarted-content .content-faq ul{list-style:none;margin-block-start: 0px;
    margin-block-end: 0px;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 0px;}
.getstarted-page .getstarted-content .content-faq ul li{list-style:none;border-bottom:solid 1px #ccc}
.getstarted-page .getstarted-content .content-faq ul li:hover{background:#efefef}
.getstarted-page .getstarted-content .content-faq ul li a{line-height:40px;color:#333;text-transform:capitalize}
.getstarted-page .getstarted-content .content-text {font-size:15px}
.getstarted-page .getstarted-content .content-text u{line-height:30px;color:#000}
.getstarted-page .getstarted-content .content-text h5{line-height:20px;font-family: "proxima-nova-semi";margin-bottom:7px;color:#000;letter-spacing:0.5px;margin-top:25px;font-size:15px}
.getstarted-page .getstarted-content .content-text p{line-height:20px;color:#777;font-size:15px}
.getstarted-page .getstarted-content .content-text strong{font-family: "proxima-nova-semi";font-weight:normal}
.getstarted-page .getstarted-content .content-text p a{text-decoration:underline;font-size:15px}

.getstarted-page .getstarted-content .content-text .box{border:solid 5px #efefef;border-radius:5px;padding:15px;margin-top:35px}
.getstarted-page .getstarted-content .content-text .box h5{line-height:20px;font-family: "proxima-nova-semi";margin-bottom:7px;color:#000;letter-spacing:0.5px;margin-top:5px;font-size:15px;text-transform:uppercase}
.getstarted-page .getstarted-content .content-text .box p{font-size:13px}
.getstarted-page .getstarted-content .content-text .box p a{font-size:13px}


@media screen and (max-width: 767px) { /**.xs show*/
    .getstarted-hero {min-height:250px}
.getstarted-hero .hero-row-1{min-height:150px;padding-top:40px}
.getstarted-page h1 {font-size:20px}
.getstarted-page .list-nav-menu li, .getstarted-page .hero-row-2.affix li {padding: 0px 15px}
.getstarted-page .list-nav-menu li:first-child{padding-left:400px}
   /*滚动条样式*/
.getstarted-page .hero-row-2{overflow-x: scroll;overflow-y: hidden;white-space: nowrap;padding-left:30px;padding-right:30px}
.getstarted-page .list-nav-menu {}
.getstarted-page .hero-row-2::-webkit-scrollbar {width: 1px;height: 1px;}
.getstarted-page .hero-row-2::-webkit-scrollbar-thumb {border-radius: 11px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: rgba(0,0,0,0.2);}
.getstarted-page .hero-row-2::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius: 0;background: rgba(0,0,0,0.1);}
    
}
@-webkit-keyframes fadeScale {
    0% {opacity: 0;transform:scale(1,1.5);}
    100% {opacity: 1;-webkit-transform: scale(1.5,1);}
}

@keyframes fadeScale {
    0% {
        opacity: 0;
        transform: scale(1,1.5);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1.5,1);
    }
} 

@-webkit-keyframes fadeInRight {
    0% {opacity: 0.1;transform: translateX(300px);}
    100% {opacity: 1;-webkit-transform: translateX(0);}
}

@keyframes fadeInRight {
    0% {opacity: 0.1;transform: translateX(300px);}
    100% {opacity: 1;transform: translateX(0);}
} 

@-webkit-keyframes fadeInLeft {
    0% {opacity: 0.1;transform: translateX(-300px);}
    100% {opacity: 1;-webkit-transform: translateX(0);}
}

@keyframes fadeInLeft {
    0% {opacity: 0.1;transform: translateX(-300px);}
    100% {opacity: 1;transform: translateX(0);}
} 

@-webkit-keyframes fadeInBottom {
    0% {opacity: 1;-webkit-transform: translateY(120px);}
    100% {opacity: 1;-webkit-transform: translateY(0);}
}

@keyframes fadeInBottom {
    0% {opacity: 1;transform: translateY(120px);}
    100% {opacity: 1;transform: translateY(0);}
} 

@-webkit-keyframes fadeInTop {
    0% {opacity: 0;-webkit-transform: translateY(-20px);}
    100% {opacity: 1;-webkit-transform: translateY(0px);}
}

@keyframes fadeInTop {
    0% {opacity: 0;transform: translateY(-20px);}
    100% {opacity: 1;transform:translateY(0px);}
} 

/* responsive header */
.responsive-header {display:block;width:100%;background:#fff;   
                    
                    /*
                    
                     -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.05); */


}

/************************************************************************/
    .responsive-header .nav-vertical-tab-title {
        display: block;
        font-size: 10px;
        letter-spacing: 1px;
        font-weight: 400;
        font-family: "proxima-nova-semi";
        text-align: left;
        color: rgb(170, 170, 170);
        text-transform: uppercase;
        padding-left: 15px;
        padding-top: 15px;
        padding-bottom: 15px;
        border-bottom:solid 1px #ddd
    }
.responsive-header .nav-vertical-tab {float: left;border-right: 0px solid #ddd;background-color: #efefef;width: 20%;padding-top:20px;padding-bottom:140px}
.responsive-header .nav-vertical-tab-link {border:solid 0px #ddd;border-left:solid 15px #111;border-color:transparent;height:44px;line-height:44px;width:100%;display:block;cursor:pointer;padding-left:15px;border-right-width:1px;color:#000; font-family: "proxima-nova-semi";border-bottom:solid 0px #ddd;font-size:14px;-webkit-line-clamp: 1;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
.responsive-header .nav-vertical-tab-link:hover {text-decoration:underline}
.responsive-header .nav-vertical-tab-link.active{border:solid 0px #efefef;border-left:solid 15px #efefef;;background:#fff;border-right-width:0px;color:#000;border-bottom:solid 1px #ddd}
.responsive-header .nav-vertical-tab-content {float: left;padding: 0px 15px;border: 0px solid #ccc; width: 80%;border-left: none;display:none;overflow:auto;overflow:visible;}
.responsive-header .nav-vertical-tab-content.active {display:block;}

.responsive-header .nav-vertical-tab-content::-webkit-scrollbar {width: 1px;height: 1px;}
.responsive-header .nav-vertical-tab-content::-webkit-scrollbar-thumb {background-color: #fff;}
.responsive-header .nav-vertical-tab-content::-webkit-scrollbar-track {border-right: 1px solid #fff;background-color:#fff;}

/**mobile verson*/
@media screen and (max-width: 767px) {



    .responsive-header .nav-vertical-tab-link {border:solid 0px #ddd;border-left:solid 0px #111;border-color:transparent;height:50px;line-height:50px;width:100%;display:block;cursor:pointer;padding-left:15px;border-right-width:1px;color:#000; font-family: "proxima-nova-semi";border-bottom:solid 1px #ddd;font-size:14px}
.responsive-header .nav-vertical-tab-link:hover {text-decoration:underline}
.responsive-header .nav-vertical-tab-link.active{border:solid 0px #efefef;border-left:solid 0px #efefef;;background:#fff;border-right-width:0px;color:#000;border-bottom:solid 1px #ddd}


.responsive-header .nav-vertical-tab {width:45%;background:#efefef}
.responsive-header .nav-vertical-tab .nav-vertical-tab-link:last-child {border-bottom-width:0px}
.responsive-header .nav-vertical-tab-content  {width:55%;padding-top: 16px;}
.responsive-header .nav-vertical-tab-content.active {display:block;}


}




/*Responsive-header:top-section*/

.responsive-header .top-section{padding:0px 0px;position: relative;height:60px;border-bottom:solid 1px #ccc;clear:both}

/*top-section:品牌*/
.responsive-header .top-section .brand {background: none;display: block;margin: 0 0;max-width: 110px;z-index: 1;margin-top:19px;margin-left:15px;float:left}
/*top-section:PC与MOBILE控制*/
.responsive-header .top-section .top-section-controls {align-items: center;display: -ms-flexbox;display: flex;float:left;left: 0;top: 19px;}

/*top-section:左边*/
.responsive-header .top-section .top-section-left {align-items: center;display: -ms-flexbox;display: flex;left: 15px;top: 0px;float:left}

/*top-section:右边*/
.responsive-header .top-section .top-section-right {align-items: center;display: -ms-flexbox;display: flex;right: 0;top: 0px;float:right;}



/*top-section:左边与右边的链接样式*/
.responsive-header .top-section .navbar-nav-art {margin:0px;}
.responsive-header .top-section .navbar-nav-art > li {float:left;height:60px;}
.responsive-header .top-section .navbar-nav-art > li:last-child {border-right-width:0px}
.responsive-header .top-section .navbar-nav-art > li a{padding:0px 10px;line-height:59px;}
.responsive-header .top-section .navbar-nav-art > li a:hover,.responsive-header .top-section .navbar-nav-art > li a::after{color:#555;background-color:#f8f8f8;}
.responsive-header .top-section .navbar-nav-art > li.open .dropdown-toggle{color:#000}
.responsive-header .top-section .navbar-nav-art > li.space{display:inline-block;width:10px;text-align:center}
.responsive-header .top-section .navbar-nav-art > li.space span{display:inline-block;height:26px;margin-top:17px;width:1px;background:#ccc}

/*top-section:下拉菜单样式*/
 .responsive-header .top-section .dropdown-menu{min-width:300px;box-shadow:0px 1px 3px rgba(0, 0, 0, 0.175);-webkit-box-shadow:0px 1px 3px rgba(0, 0, 0, 0.175);border:solid 1px #ddd;border-top-color:transparent;padding:10px 10px;width:100%;-webkit-box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.05);-moz-box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.05);box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.05);margin-top:-1px;}
 .responsive-header .top-section .dropdown-menu>li {display:block;float:none;height:auto;}
 .responsive-header .top-section .dropdown-menu>li>a {font-size:12px;display:block;padding-top:4px;padding-bottom:4px;color:#000;line-height:24px;letter-spacing:1px;font-weight:normal;background-color:#fff}
 .responsive-header .top-section .dropdown-menu>li>a:hover {display:block;color:#000;background:#ccc}
 .responsive-header .top-section .dropdown-menu>li .line-hr{margin-bottom:6px;margin-top:6px;border-top:solid 1px #efefef}

/*top-section:图标样式*/
.responsive-header .top-section .px16{font-size:22px}

.responsive-header .top-section  #_gHead-Silver a,.responsive-header .top-section  #_gHead-New a,.responsive-header .top-section  #_gHead-Sale a,.responsive-header .top-section  #_gHead-GetStarted a,.responsive-header .top-section  #_gHead-Trends a,.responsive-header .top-section  #_gHead-Wholesale > a,.responsive-header .top-section  #_gHead-Custom a,.responsive-header .top-section  #_gHead-GetStared a {letter-spacing:0.5px;font-size:15px;color:#000;text-transform:capitalize;font-family: "proxima-nova-semi";}

.responsive-header .top-section  a.gActive span{border-bottom:solid 0px #555}
.responsive-header .top-section  a.gActive:before {position: absolute;border-bottom: 11px solid #ccc;border-left: 11px solid transparent;border-right: 11px solid transparent;margin-top: 0;z-index: 1;left: 50%;margin-left: -11px; width: 0;height: 0;content: ""; display: block; position: absolute; top: 50px;pointer-events: none;}
.responsive-header .top-section  a.gActive:after { position: absolute;border-bottom: 10px solid #fff;border-left: 10px solid transparent;border-right: 10px solid transparent;z-index: 1;margin-top: 1px;left: 50%;margin-left: -10px;width: 0; height: 0;content: "";display: block;position: absolute;top: 50px; pointer-events: none;}

.responsive-header .top-section  #_gHead-Wholesale {position:unset}
.responsive-header .top-section  #_gHead-Wholesale .dropdown-menu{box-shadow:0px 3px 6px rgba(0, 0, 0, 0.175);-webkit-box-shadow:0px 3px 6px rgba(0, 0, 0, 0.175);width:100%;padding:0px;margin:0px;position:absolute;left:0px;top:60px;border-left-width:0px;border-right-width:0px;border-top-width:0px;border-top-color:transparent;border-color:#efefef;margin-top:0px}
.responsive-header .top-section  #_gHead-Wholesale .dropdown-menu .container {background:#fff;padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:0px}


/*定制*/
.responsive-header .top-section #_gHead-Custom{-webkit-line-clamp: 1;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 160px;
    display: inline-block;}

.responsive-header .top-section #_gHead-GetStarted {
        -webkit-line-clamp: 1;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        max-width: 80px;
        display: inline-block;
    }

/*top-section:右边:登陆*/
.responsive-header .top-section #_gHead-Login {-webkit-line-clamp: 1;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 140px;
    display: inline-block;}

.responsive-header .top-section #_gHead-Login a {letter-spacing:0.5px;font-size:13px;color:#666}
.responsive-header .top-section #_gHead-Login a span{letter-spacing:1px;font-size:12px;font-family: "proxima-nova-semi";color:#111;text-transform:uppercase}
.responsive-header .top-section #_gHead-Login a:hover {background-color:transparent}
.responsive-header .top-section #_gHead-Login a span:hover{color:#000;text-decoration:underline}

/*top-section:右边:购物车*/
.responsive-header .top-section #_gHead-Cart {}
.responsive-header .top-section #_gHead-Cart .cart-counter { }


.responsive-header .top-section #_gHead-Cart span.cart-data:before {display: inline-block;position: relative;top: 5px; left: 0;height: 20px;width: 20px;background-size: 20px 20px;content: '';margin-right: 5px;background: url(../images/svg/ui-bag-2.svg) no-repeat center;}
.responsive-header .top-section #_gHead-Cart span.cart-data:after { background-color: #000;color: #fff; position: absolute; top: 10px;right: 4px;border: 0px solid #a4f4d6;padding: 3px; -moz-border-radius: 30px;-webkit-border-radius: 30px;border-radius: 30px;font-size: 10px;line-height: 10px; min-width: 18px;text-align: center; z-index:99;display:inline-block;opacity:0.8;content:attr(data-cart-count)}
@media screen and (max-width: 767px) {
    .responsive-header .top-section #_gHead-Cart span.cart-data:before {height:25px;width:25px;background-size: 25px 25px;top:8px}
}

/*top-section:右边:二维码*/
.responsive-header .top-section #_gHead-QRCode{padding:0px}
.responsive-header .top-section #_gHead-QRCode:hover{background-color:transparent}
.responsive-header .top-section #_gHead-QRCode span:before {display: inline-block;position: relative;top: 8px; left: 0;height: 24px;width: 24px;background-size: 24px 24px;content: '';margin-right: 0px;background: url(../images/svg/ui-qrcode.svg) no-repeat center;}

/*top-section:右边:收藏夹*/
.responsive-header .top-section #_gHead-Favorites{}
.responsive-header .top-section #_gHead-Favorites span:before {display: inline-block;position: relative;top: 5px; left: 0;height: 20px;width: 20px;background-size: 20px 20px;content: '';margin-right: 0px;background: url(../images/svg/ui-heart-outline.svg) no-repeat center;}
@media screen and (max-width: 767px) {
    .responsive-header .top-section #_gHead-Favorites span:before {height:25px;width:25px;background-size: 25px 25px;top:8px}
}
/*top-section:右边:跟踪订单*/
.responsive-header .top-section #_gHead-TrackOrder{}

/*top-section:右边:搜索框*/
.responsive-header .top-section #_gHead-Search{background: #fff;display:unset;}
.responsive-header .top-section #_gHead-Search .search-box{border: solid 1px #ddd;padding:8px 20px;border-radius:3px;background:#fff;margin-left:15px}
.responsive-header .top-section #_gHead-Search .search-box:after {display: inline-block;position: relative;top: 4px; left: 0;height: 15px;width: 15px;background-size: 15px 15px;content: '';margin-right: 0px;background: url(../images/svg/ui-search.svg) no-repeat center;}
.responsive-header .top-section #_gHead-Search .search-box:hover{background:#ccc;border: solid 1px #ccc;}
.responsive-header .top-section #_gHead-Search .search-box-text{padding-right:150px;font-size:12px;color:#111;letter-spacing:0.5px}
.responsive-header .top-section #_gHead-Search .search-box-icon{font-size:12px}


/*top-section:右边:手机端搜索框*/
.responsive-header .top-section #_gHead-Search-Mobile{}
.responsive-header .top-section #_gHead-Search-Mobile span{}
.responsive-header .top-section #_gHead-Search-Mobile span:before {display: inline-block;position: relative;top: 5px; left: 0;height: 20px;width: 20px;background-size: 20px 20px;content: '';margin-right: 0px;background: url(../images/svg/ui-search.svg) no-repeat center;}
@media screen and (max-width: 767px) {
    .responsive-header .top-section #_gHead-Search-Mobile span:before {height:25px;width:25px;background-size: 25px 25px;top:8px}
}

/*top-section:右边:手机端菜单*/
.responsive-header .top-section #_gHead-Menu-Mobile{margin-right:8px}
.responsive-header .top-section #_gHead-Menu-Mobile span{}
.responsive-header .top-section #_gHead-Menu-Mobile span:before {display: inline-block;position: relative;top: 12px; left: 0;height: 32px;width: 32px;background-size: 32px 32px;content: '';margin-right: 0px;background: url(../images/svg/ui-menu.svg) no-repeat center;}


/*top-section:左边:在线聊天*/
.responsive-header .top-section #_gHead-CustomService{}
.responsive-header .top-section #_gHead-CustomService span{font-size:12px;margin-left:3px;letter-spacing:0.5px;}
.responsive-header .top-section #_gHead-CustomService span:before {display: inline-block;position: relative;top: 4px; left: 0;height: 18px;width: 18px;background-size: 18px 18px;content: '';margin-right: 0px;background: url(../images/svg/ui-online-support.svg) no-repeat center;}
.responsive-header .top-section #_gHead-CustomService{}
.responsive-header .top-section  #_gHead-CustomService dl{text-align:left;padding:25px 20px;}
.responsive-header .top-section  #_gHead-CustomService dt{color:#999;font-size:12px;font-weight:300;margin-bottom:5px;letter-spacing:1px;}
.responsive-header .top-section #_gHead-CustomService .close-dt {text-align:right;margin-bottom:0px}
.responsive-header .top-section #_gHead-CustomService .close-dt .btn-close-customservice{background-color:transparent;font-size:18px;color:#111}

.responsive-header .top-section  #_gHead-CustomService dd a{color:#000;font-size:11px;font-weight:400;letter-spacing:1px;text-decoration:underline;padding-left:3px;padding-right:3px}
.responsive-header .top-section  #_gHead-CustomService dd a:hover{text-decoration:none}

.responsive-header .top-section  #_gHead-CustomService .btn-default { background:#fff;color:#000;border-radius:5px;border:solid 1px #bbb;font-size:11px;display:block;line-height:28px;text-align:center;letter-spacing:0px;margin-bottom:25px;text-decoration:none;letter-spacing:1px}
.responsive-header .top-section  #_gHead-CustomService .btn-default i {margin-right:5px;margin-left:0px;font-size:16px;color:#888}
.responsive-header .top-section  #_gHead-CustomService .btn-default:hover{text-decoration:none;background:#000;color:#fff;border-color:#000}
@media screen and (max-width: 767px) {
    .responsive-header .top-section #_gHead-CustomService span:before {height:25px;width:25px;background-size: 25px 25px;top:8px}
}


/*top-section:左边:多语言*/
.responsive-header .top-section #_gHead-Language {}
.responsive-header .top-section #_gHead-Language .dropdown-menu {
    min-width: 250px
}
.responsive-header .top-section #_gHead-Language:hover {
    text-decoration: none
}
.responsive-header .top-section #_gHead-Language .dropdown-toggle {padding-left:7px;font-family: "proxima-nova-semi";}
.responsive-header .top-section #_gHead-Language .dropdown-toggle span{font-size:12px;letter-spacing:0.5px;}
.responsive-header .top-section #_gHead-Language .dropdown-toggle .span1:before {display: inline-block;position: relative;top: 4px; left: 0;height: 18px;width: 18px;background-size: 18px 18px;content: '';margin-right: 0px;background: url(../images/svg/ui-golbal.svg?2020) no-repeat center;}

.responsive-header #google_translate_element {}
.responsive-header #google_translate_element .goog-te-gadget{font-size:0}
.responsive-header #google_translate_element .goog-te-gadget>div{position: relative;}
    .responsive-header #google_translate_element .goog-te-gadget > div1:after {
        content: '\f107';
        line-height: 19px;
        font-size: 14px;
        font: normal normal normal 14px/1 FontAwesome;
        color: #000;
        position: absolute;
        display: block;
        top: 22px;
        right: 10px;
    }
.responsive-header #google_translate_element .goog-te-gadget span {display: none;}
.responsive-header #google_translate_element .goog-te-combo {    margin: 0;
    overflow:hidden;
   /* line-height: 59px;*/
    border: none;
    padding: 0 20px 0 10px;
    width:220px;
    cursor: pointer;
    color: #555;font-size: 14px;letter-spacing:1.2px;font-family: proxima-nova-regular,Helvetica,Arial,sans-serif;
   text-transform:capitalize;
    text-align: right;background-image: none !important;border-radius: 0 0 0 0;-moz-border-radius: 0 0 0 0;-webkit-border-radius: 0 0 0 0;}


.responsive-header #google_translate_element .goog-te-combo option:hover{background:#ccc}
.responsive-header #google_translate_element .goog-te-combo option{padding:4px 8px}

.goog-tooltip {display:none;    width: 1px;
    height: 1px;
    opacity: 0;}
.goog-text-highlight {background-color: transparent;
    -webkit-box-shadow: 0px 0px 0px #9999aa;
    -moz-box-shadow: 0px 0px 0px #9999aa;
    box-shadow: 0px 0px 0px #9999aa;
    box-sizing: border-box;
     -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box;}

/*top-section:左边:货币*/
.responsive-header .top-section #_gHead-currency{font-family: "proxima-nova-semi";color:#111;padding-right:7px}
.responsive-header .top-section #_gHead-currency:hover {text-decoration:underline}
.responsive-header .top-section #_gHead-currency i{font-style:normal;font-size:10px;margin-right:2px;display:none}
.responsive-header .top-section #_gHead-currency .fa{min-width:unset;}
.responsive-header .top-section #_gHead-currency span{font-size:12px;letter-spacing:1px;padding:3px 0px;min-width:34px;}

.responsive-header #_gHead-Mobile-currency .fa{display:none}
.responsive-header #_gHead-Mobile-currency i{font-style:normal}

/*top-section:左边:邀请*/
.responsive-header .top-section #_gHead-Invite{}
.responsive-header .top-section #_gHead-Invite:hover {background-color:transparent;text-decoration:underline}
.responsive-header .top-section #_gHead-Invite span{font-size:12px;letter-spacing:1px;font-family: "proxima-nova-semi";color:#111}


/*top-section:左边:我的帐户*/
.responsive-header .top-section #_gHead-account {display:none}

.responsive-header .top-section #_gHead-account .account{font-family:"proxima-nova-semi";letter-spacing:1px}
.responsive-header .top-section #_gHead-account .account:before {display: inline-block;position: relative;top: 4px; left: 0;height: 18px;width: 18px;background-size: 18px 18px;content: '';margin-right: 0px;background: url(../images/svg/ui-user.svg) no-repeat center;}


.responsive-header .top-section #_gHead-account .show-panel {padding:10px 0px}
.responsive-header .top-section #_gHead-account .show-panel .account-icon{max-width:60px;margin:0px 15px;border:solid 1px #f8f8f8} 
.responsive-header .top-section #_gHead-account .show-panel .account-name{ font-size:12px;text-transform:uppercase;border-top-width:0px;text-align:left;line-height:20px;overflow:hidden;width: 180px;display: inline-block;}
.responsive-header .top-section #_gHead-account .show-panel .account-name strong {margin-top:10px;letter-spacing:1px;text-transform:capitalize;display:inline-block;font-size:14px;font-family:"proxima-nova-semi";font-weight:normal}
.responsive-header .top-section #_gHead-account .show-panel .account-name {letter-spacing:1px;text-transform:lowercase}



/*top-section:PC端与Mobile端*/
@media screen and (max-width: 1399px) {
    .responsive-header .top-section #_gHead-Search .search-box-text{padding-right:15px;}
    .responsive-header .top-section  #_gHead-Silver {display:none}
}

@media screen and (max-width: 1199px) {
    .responsive-header .top-section #_gHead-Search .search-box-text{padding-right:15px;}
    .responsive-header .top-section  #_gHead-Silver {display:none}

    .responsive-header .top-section #_gHead-QRCode {
        display: none
    }
}
@media screen and (max-width: 1024px) {
    .responsive-header .top-section #_gHead-Search .search-box-text{padding-right:15px;}
    .responsive-header .top-section  #_gHead-Silver {display:none}
	.responsive-header .top-section  #_gHead-Sale {display:none}
    .responsive-header .top-section  #_gHead-New {display:none}
    .responsive-header .top-section #_gHead-QRCode { display: none}

}
/**大屏宽*/
@media screen and (max-width: 991px) {
     .responsive-header .top-section #_gHead-Search .search-box-text{padding-right:0px;}
    .responsive-header .top-section #_gHead-Language, .responsive-header .top-section #_gHead-Silver, .responsive-header .top-section #_gHead-GetStarted, .responsive-header .top-section #_gHead-GetStarted-Space, .responsive-header .top-section #_gHead-Trends, .responsive-header .top-section #_gHead-Sale {
        display: none
    }
    .responsive-header .top-section #_gHead-New {
        display: none
    }

    .responsive-header .top-section #_gHead-QRCode {
        display: none
    }
}

/**mobile verson*/
@media screen and (max-width: 767px) 
{
    /*页头样式
    .responsive-header {border-bottom:solid 1px #ddd;position:fixed;background:#fff;z-index:9999}
    .responsive-body-start {margin-top:62px}*/

     .responsive-header {border-bottom:solid 2px #000;}

     .responsive-header .top-section {border-bottom-width:0px}

     .responsive-header .top-section .brand {max-width: 110px;margin-top:18px;margin-left:0px;}

    /*top-section:左边与右边的去掉坚线大的间距*/
    .responsive-header .top-section .navbar-nav-art {}
    .responsive-header .top-section .navbar-nav-art li {border-right-width:0px}
    .responsive-header .top-section .navbar-nav-art li a{padding:0px 6px;font-weight:900;}

    /**左右边定位保存间距*/
    .responsive-header .top-section .top-section-left {left:0px}
    .responsive-header .top-section .top-section-right {right:0px}
    .responsive-header .top-section .top-section-right #_gHead-Cart  {} /**CART特别处理*/
    .responsive-header .top-section .top-section-right #_gHead-Cart span.cart-data:before {background: url(../images/svg/ui-bag-2.svg) no-repeat center;}

    .responsive-header .top-section  #_gHead-CustomService dl{text-align:left;padding-top:0px;}
    .responsive-header .top-section #_gHead-CustomService .dropdown-menu{position:absolute;right:0px;z-index:8009;background:#fff;border:solid 0px #efefef;width:100vw;border-top:solid 2px #666;margin-right:-80px;min-height:100vh;animation-name:"fadeInTop";animation-duration:0.5s; -webkit-animation-name: "fadeInTop";-webkit-animation-duration: 0.5s;-webkit-animation-iteration-count: 1;}

}

@media screen and (max-width: 320px) {
        .responsive-header .top-section .navbar-nav-art li a{padding:0px 5px;font-weight:900;}
}




    /*********************************************************************************************************************
    responsive-header:mobile-nav-section模块
*/



    .responsive-header .mobile-nav-section {
        z-index: 9999999;
        position: fixed;
        top: 0px;
        bottom: 0px;
        padding: 0px;
        background: rgba(0, 0, 0, 0.2);
        display: none;
        width: 0%;
        box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.175);
        -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.175);
    }

    .responsive-header .mobile-nav-section-over {
        display: block;
        width: 100%;
        animation-name: "fadeInLeft";
        animation-duration: 0.5s;
        -webkit-animation-name: "fadeInLeft";
        -webkit-animation-duration: 0.5s;
        -webkit-animation-iteration-count: 1;
        border-width: 0px
    }

    .responsive-header .mobile-nav-section nav {
        padding: 0px;
        position: absolute;
        bottom: 0px;
        top: 0px;
        overflow: auto;
        background: #fff;
        width: 100%;
        opacity: 1;
        border-right: 0px solid #ccc;
        overflow-y: scroll
    }

        .responsive-header .mobile-nav-section nav::-webkit-scrollbar {
            width: 1px;
            height: 1px;
        }

        .responsive-header .mobile-nav-section nav::-webkit-scrollbar-thumb {
            background-color: #fff;
        }

        .responsive-header .mobile-nav-section nav::-webkit-scrollbar-track {
            border-right: 1px solid #fff;
            background-color: #fff;
        }


    .responsive-header .mobile-nav-section .close-toggle {
        border: 0px solid #ccc;
        width: 28px;
        height: 28px;
        cursor: pointer;
        right: 0.2rem;
        ;
        color: #fff;
        opacity: 1;
        display: block;
        text-align: center;
        border-radius: 20px;
        margin-top: 0px
    }

        .responsive-header .mobile-nav-section .close-toggle i {
            font-size: 22px;
            color: #fff;
            display: block;
            line-height: 26px
        }



    /**mobile-nav-foot*/
    .responsive-header .mobile-nav-foot {
        text-align: center;
        line-height: 40px;
        color: #999;
        padding-bottom: 100px;
        border-top: 1px solid #E5E5E5;
    }

        .responsive-header .mobile-nav-foot a {
            padding: 0px 5px;
            color: #000;
            letter-spacing: 0.5px
        }

    /**mobil-nav-ul*/
    .responsive-header .mobil-nav-ul {
        margin-block-start: 0px;
        margin-block-end: 0px;
        padding-inline-start: 0px;
        -webkit-padding-start: 0px;
    }

        .responsive-header .mobil-nav-ul li {
            border-top: 1px solid #E5E5E5;
            list-style: none;
            text-indent: 20px;
        }

            .responsive-header .mobil-nav-ul li a {
                line-height: 50px;
                font-size: 16px;
                text-decoration: none;
                display: block;
                color: #000
            }

    /*mobile-nav*/
    .responsive-header .mobile-nav-head {
        z-index: 99999999;
        position: fixed;
        display: block;
        width: 100%;
    }

        .responsive-header .mobile-nav-head #_gHead-Mobile-Account-Login {
            height: 60px;
            background: #111;
            clear: both;
            color: #fff
        }

            .responsive-header .mobile-nav-head #_gHead-Mobile-Account-Login .pull-right {
                padding-top: 14px;
                padding-right: 13px
            }

        .responsive-header .mobile-nav-head #_gHead-Mobile-Login {
            line-height: 60px;
            font-size: 16px;
            text-indent: 20px;
            text-decoration: none;
            text-align: center
        }

            .responsive-header .mobile-nav-head #_gHead-Mobile-Login a {
                display: inline;
                color: #fff;
                letter-spacing: 0.5px
            }

        .responsive-header .mobile-nav-head #_gHead-Mobile-Account {
            line-height: 60px;
            font-size: 16px;
            text-indent: 18px;
            text-decoration: none;
            cursor: pointer;
            font-weight: bold;
            display: none;
            letter-spacing: 0.5px;
            border-bottom: 0px solid #E5E5E5;
            color: #000
        }

            .responsive-header .mobile-nav-head #_gHead-Mobile-Account:after {
                display: inline-block;
                font: normal normal normal 16px/1 FontAwesome;
                font-size: inherit;
                text-rendering: auto;
                -webkit-font-smoothing: antialiased;
                content: "\f107";
                font-size: 130%;
                position: absolute;
                margin-top: 20px;
                margin-left: -10px
            }

            .responsive-header .mobile-nav-head #_gHead-Mobile-Account img {
                width: 28px;
                height: 28px;
                display: inline-block;
                border: solid 1px #ccc;
            }

            .responsive-header .mobile-nav-head #_gHead-Mobile-Account.active:after {
                content: "\f106";
            }

        .responsive-header .mobile-nav-head #_gHead-Mobile-Account-Login.HasLogin {
            background: #111
        }

        .responsive-header .mobile-nav-head #_gHead-Mobile-Account-Login.HasLogin {
        }

            .responsive-header .mobile-nav-head #_gHead-Mobile-Account-Login.HasLogin #_gHead-Mobile-Account {
                color: #fff
            }

                .responsive-header .mobile-nav-head #_gHead-Mobile-Account-Login.HasLogin #_gHead-Mobile-Account img {
                    border: solid 0px #fff;
                }

        .responsive-header .mobile-nav-head #_gHead-Mobile-Account-Toolbar {
            border-bottom: solid 1px #efefef;
            clear: both
        }

            .responsive-header .mobile-nav-head #_gHead-Mobile-Account-Toolbar div {
                float: left;
                border-right: solid 1px #efefef;
                width: 33%;
                display: block;
                height: 56px;
                text-align: center;
                line-height: 56px;
            }

                .responsive-header .mobile-nav-head #_gHead-Mobile-Account-Toolbar div:last-child {
                    border-right-width: 0px
                }

        .responsive-header .mobile-nav-head a.account-mobile-icon {
            padding: 10px
        }

            .responsive-header .mobile-nav-head a.account-mobile-icon i {
                font-size: 13px;
                line-height: 60px;
                font-style: normal
            }

            .responsive-header .mobile-nav-head a.account-mobile-icon span {
                line-height: 56px;
                font-size: 13px;
                display: inline-block;
                text-align: center;
                color: #111;
                padding: 0px;
                background-color: transparent;
                line-height: 20px
            }


        .responsive-header .mobile-nav-head #_gHead-Mobile-Account-Menu {
            display: none;
            background: #fff;
            box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.175);
            -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.175);
        }

        .responsive-header .mobile-nav-head .mobil-nav-ul li {
            border-bottom: 1px solid #ddd;
            border-top-width: 0px
        }

            .responsive-header .mobile-nav-head .mobil-nav-ul li a {
                line-height: 55px;
                font-size: 14px;
                text-decoration: none;
                color: #111;
                display: block;
                letter-spacing: 1px;
                font-family: "proxima-nova-semi";
            }

    .responsive-header .mobile-nav-body {
        margin-top: 61px
    }


    /*下拉菜单*/
    .responsive-header .mobil-nav-ul-menu {
    }

        .responsive-header .mobil-nav-ul-menu a.r {
            display: block
        }

            .responsive-header .mobil-nav-ul-menu a.r:after {
                display: inline-block;
                font: normal normal normal 16px/1 FontAwesome;
                font-size: inherit;
                text-rendering: auto;
                -webkit-font-smoothing: antialiased;
                content: "";
                font-size: 130%;
                position: absolute;
                right: 5%;
                margin-top: 15px;
            }

        .responsive-header .mobil-nav-ul-menu a.active:after {
            display: inline-block;
            font: normal normal normal 16px/1 FontAwesome;
            font-size: inherit;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            content: "\f106";
            font-size: 130%;
            position: absolute;
            right: 5%;
            margin-top: 15px;
        }

        .responsive-header .mobil-nav-ul-menu ul {
            text-indent: 0px;
            padding-inline-start: 20px;
            display: none
        }

            .responsive-header .mobil-nav-ul-menu ul li {
                text-indent: 10px
            }

                .responsive-header .mobil-nav-ul-menu ul li a {
                    text-indent: 0px;
                    display: block
                }

    .responsive-header .mobil-nav-ul .mobil-nav-li-item-content a {
        display: block
    }

        .responsive-header .mobil-nav-ul .mobil-nav-li-item-content a:after {
            display: inline-block;
            content: ''attr(data-currency)'';
            font-size: inherit;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            font-size: 16px;
            position: absolute;
            right: 5%;
            margin-top: 0px;
            color: #999;
        }


    /**.responsive-header .nav-section .dropdown-menu 下拉菜单内容定义*/

    .responsive-header .mobile-nav-section .art-dropdown {
        padding-top: 0px;
    }

        .responsive-header .mobile-nav-section .art-dropdown ul {
            padding-left: 45px;
            padding: 0px;
        }

            .responsive-header .mobile-nav-section .art-dropdown ul:first-child {
                padding-left: 0px;
            }

            .responsive-header .mobile-nav-section .art-dropdown ul:last-child {
                padding-right: 0px;
                border-bottom: solid 0px #efefef
            }

            .responsive-header .mobile-nav-section .art-dropdown ul.group-text {
                display: block;
                width: auto;
            }

                .responsive-header .mobile-nav-section .art-dropdown ul.group-text li {
                    display: block;
                    margin: 0;
                    padding: 0;
                    line-height: 30px;
                    overflow: hidden;
                }

                    .responsive-header .mobile-nav-section .art-dropdown ul.group-text li.heading {
                        font-family: "proxima-nova-semi";
                        letter-spacing: 1px;
                        font-size: 13px;
                        border-bottom: solid 1px #ddd;
                        line-height: 40px;
                        margin-bottom: 8px
                    }

                        .responsive-header .mobile-nav-section .art-dropdown ul.group-text li.heading a {
                            font-size: 15px;
                            display: block
                        }

                    .responsive-header .mobile-nav-section .art-dropdown ul.group-text li a {
                        margin: 0;
                        padding: 0;
                        color: #111 !important;
                        font-size: 13px;
                        letter-spacing: 0;
                        text-transform: none;
                        cursor: pointer;
                        font-weight: normal;
                        text-overflow:ellipsis;
                      
                        white-space: nowrap;
                       
                   
                        text-transform: capitalize;
                        -webkit-line-clamp: 1;
                    }

            .responsive-header .mobile-nav-section .art-dropdown ul.group-text-color li a {
                margin-right: 15px;
                display: inline-block;
                width: 60px
            }

                .responsive-header .mobile-nav-section .art-dropdown ul.group-text-color li a:last-child {
                    margin-right: 0px;
                }

            .responsive-header .mobile-nav-section .art-dropdown ul.group-text li a .square {
                width: 12px;
                height: 12px;
                display: inline-block;
                margin-right: 5px;
                border: solid 1px #ddd
            }

            .responsive-header .mobile-nav-section .art-dropdown ul.group-text li.link {
                font-family: "proxima-nova-semi";
                letter-spacing: 1px;
                font-size: 13px;
            }

                .responsive-header .mobile-nav-section .art-dropdown ul.group-text li.link a {
                    font-size: 13px;
                    border-bottom: solid 1px #666
                }

            .responsive-header .mobile-nav-section .art-dropdown ul.group-images {
                display: block;
                float: left;
                width: auto;
            }

                .responsive-header .mobile-nav-section .art-dropdown ul.group-images li {
                    display: inline-block;
                    margin: 0;
                    padding: 0;
                    line-height: 1.75em;
                    float: left;
                    margin-right: 15px
                }

                    .responsive-header .mobile-nav-section .art-dropdown ul.group-images li:last-child {
                        margin-right: 0px
                    }

                    .responsive-header .mobile-nav-section .art-dropdown ul.group-images li.heading {
                        font-family: "proxima-nova-semi";
                    }

                    .responsive-header .mobile-nav-section .art-dropdown ul.group-images li a {
                        margin: 0;
                        padding: 0;
                        color: #424242 !important;
                        font-size: 14px;
                        letter-spacing: 0;
                        text-transform: none;
                        cursor: pointer;
                        font-weight: normal;
                        text-decoration: none
                    }

                        .responsive-header .mobile-nav-section .art-dropdown ul.group-images li a img {
                            max-height: 260px
                        }

                        .responsive-header .mobile-nav-section .art-dropdown ul.group-images li a span {
                            display: block;
                            color: #555;
                            font-size: 13px;
                            line-height: 40px;
                            text-align: center;
                            letter-spacing: 1px;
                        }

                        .responsive-header .mobile-nav-section .art-dropdown ul.group-images li a .span-center {
                            display: block;
                            color: #fff;
                            font-size: 22px;
                            line-height: 40px;
                            text-align: center;
                            letter-spacing: 1px;
                            margin-top: -190px;
                            font-family: "proxima-nova-semi";
                            text-decoration: underline
                        }

                        .responsive-header .mobile-nav-section .art-dropdown ul.group-images li a .no-text-img {
                            max-height: 290px
                        }

    @media screen and (max-width: 767px) {
        .responsive-header .mobile-nav-section .art-dropdown {
            padding-top: 24px;
        }
    }




    .responsive-header .top-section .art-dropdown {
        padding-top: 25px;
        min-height: 360px
    }

        .responsive-header .top-section .art-dropdown ul {
            padding-right: 20px;
            padding-left: 20px;
            min-height: 300px;
            border-right: solid 1px #dddddd
        }

            .responsive-header .top-section .art-dropdown ul:first-child {
                padding-left: 0px;
            }

            .responsive-header .top-section .art-dropdown ul:last-child {
                padding-right: 0px;
                border-right: solid 0px #efefef
            }

            .responsive-header .top-section .art-dropdown ul.group-text {
                display: inline-block;
                float: left;
                width: 25%;
            }

                .responsive-header .top-section .art-dropdown ul.group-text li {
                    display: block;
                    margin: 0;
                    padding: 0;
                    line-height: 26px;
                    float: none;
					overflow:hidden;
                }

                    .responsive-header .top-section .art-dropdown ul.group-text li.heading {
                      
                        letter-spacing: 0.8px;
                        font-size: 12px;
                        line-height: 30px;color:#000;font-weight:bold;
                    }

                        .responsive-header .top-section .art-dropdown ul.group-text li.heading a {
                            font-size: 12px;
                        }

                    .responsive-header .top-section .art-dropdown ul.group-text li a {
                        margin: 0;
                        padding: 0;
                        color: #111 !important;
                        font-size: 15px;
                        letter-spacing: 0;
                        text-transform: none;
                        cursor: pointer;
                        font-weight: normal;
                        ;
                        letter-spacing: 0px;
                        line-height: unset;
                        white-space: nowrap;
                        overflow: hidden;
                        text-transform: capitalize;
                        -webkit-line-clamp: 1;
                    }

            .responsive-header .top-section .art-dropdown ul.group-text-color li a {
                margin-right: 15px;
                display: inline-block;
                width: 60px;
                line-height: unset
            }

                .responsive-header .top-section .art-dropdown ul.group-text-color li a:last-child {
                    margin-right: 0px;
                }

            .responsive-header .top-section .art-dropdown ul.group-text li a .square {
                width: 10px;
                height: 10px;
                display: inline-block;
                margin-right: 5px;
                border: solid 1px #ddd;
            }

            .responsive-header .top-section .art-dropdown ul.group-text li.link {
                font-family: "proxima-nova-semi";
                letter-spacing: 0.4px;
                font-size: 15px;
            }

                .responsive-header .top-section .art-dropdown ul.group-text li.link a {
                    font-size: 15px;
                    letter-spacing: 0.4px;
                }

            .responsive-header .top-section .art-dropdown ul.group-images {
                display: block;
                float: left;
                width: 25%;
            }

                .responsive-header .top-section .art-dropdown ul.group-images li {
                    display: inline-block;
                    margin: 0;
                    padding: 0;
                    line-height: 1.75em;
                    float: left;
                    margin-right: 15px;
                    ;
                    float: none;
                    line-height: unset;
					overflow:hidden;
                }

                    .responsive-header .top-section .art-dropdown ul.group-images li:last-child {
                        margin-right: 0px
                    }

                    .responsive-header .top-section .art-dropdown ul.group-images li.heading {
                        font-family: "proxima-nova-semi";
                    }

                    .responsive-header .top-section .art-dropdown ul.group-images li a {
                        margin: 0;
                        padding: 0;
                        color: #424242 !important;
                        font-size: 15px;
                        letter-spacing: 0;
                        text-transform: none;
                        cursor: pointer;
                        font-weight: normal;
                        text-decoration: none
                    }

                        .responsive-header .top-section .art-dropdown ul.group-images li a img {
                            max-height: 260px
                        }

                        .responsive-header .top-section .art-dropdown ul.group-images li a span {
                            display: block;
                            color: #555;
                            font-size: 15px;
                            line-height: 40px;
                            text-align: center;
                            letter-spacing: 0.4px;
                        }

                        .responsive-header .top-section .art-dropdown ul.group-images li a .span-center {
                            display: block;
                            color: #fff;
                            font-size: 22px;
                            line-height: 40px;
                            text-align: center;
                            letter-spacing: 1px;
                            margin-top: -190px;
                            font-family: "proxima-nova-semi";
                            text-decoration: underline
                        }

                        .responsive-header .top-section .art-dropdown ul.group-images li a .no-text-img {
                            max-height: 290px
                        }

    /**mobile verson*/

    @media screen and (max-width: 767px) {


        /**mobile:hide*/
        .responsive-header .nav-section {
            background: #fff;
            display: none;
            z-index: 15;
            box-sizing: border-box;
            position: absolute;
            z-index: 99999;
            width: 100%;
            display: none;
            -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.175);
            box-shadow: 0 1px 2px rgba(0,0,0,.175);
            border-top-width: 0px;
            height: auto;
        }

        /*mobile:show nav-section*/
        .responsive-header.toggled .nav-section {
            display: block;
        }

            .responsive-header.toggled .nav-section .container {
                padding-left: 0px;
                padding-right: 0px
            }

            .responsive-header.toggled .nav-section .navbar-nav > li {
                height: auto
            }

                .responsive-header.toggled .nav-section .navbar-nav > li > a {
                    border-bottom: solid 1px #ddd;
                    margin-right: 0px;
                    padding-left: 15px;
                    padding-right: 15px;
                    line-height: 42px;
                    text-transform: capitalize;
                    font-size: 11px
                }

            .responsive-header.toggled .nav-section .navbar-nav li a .xs-right-icon {
                margin-top: 15px;
                float: right
            }

            .responsive-header.toggled .nav-section .navbar-nav > li > a:hover {
                color: #000;
                background: #fff;
                border-bottom: solid 1px #ddd
            }

            .responsive-header.toggled .nav-section .nav-border-right {
                display: none;
            }

            .responsive-header.toggled .nav-section .pull-right {
                float: left;
                width: 100%;
                display: block
            }

            .responsive-header.toggled .nav-section .navbar-nav .dropdown-menu {
                padding: 0px;
                margin: 0px;
                ;
                position: page;
                z-index: 999999;
                box-shadow: 0 0px 0px rgba(0, 0, 0, 0.175);
                -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.175);
                background: #f5f5f5;
                border: solid 0px #fff;
                color: #555
            }

            .responsive-header.toggled .nav-section .navbar-nav .open .dropdown-menu {
                position: page;
                float: none;
                width: auto;
                z-index: 999999;
                background-color: transparent;
                ;
                background: #f8f8f8
            }

            .responsive-header.toggled .nav-section .navbar-nav .open .dropdown-menu {
                position: page;
                float: none;
                width: auto;
                z-index: 999999;
                background-color: transparent;
            }

            .responsive-header.toggled .nav-section .new-arrivals-panel {
                height: auto;
                width: auto;
                padding: unset;
                background: #f8f8f8;
                border-width: 0px;
                border-bottom: solid 1px #ddd
            }

                .responsive-header.toggled .nav-section .new-arrivals-panel ul {
                    border: solid 0px #fff;
                    margin-top: 0px;
                    padding-top: 0px;
                    padding-left: 0px
                }

                    .responsive-header.toggled .nav-section .new-arrivals-panel ul li {
                        display: block;
                        width: 100%;
                        line-height: 40px;
                        padding: 0px;
                        margin: 0px;
                        border-width: 0px;
                        height: auto;
                        text-align: left
                    }

                        .responsive-header.toggled .nav-section .new-arrivals-panel ul li a {
                            line-height: 34px;
                            font-size: 11px;
                            letter-spacing: 0px;
                            display: block;
                            width: 100%;
                            margin: 0px;
                            padding: 0px;
                            border-width: 0px;
                            border-bottom: solid 0px #ddd;
                            text-align: left;
                            padding-left: 15px;
                            color: #555
                        }

                            .responsive-header.toggled .nav-section .new-arrivals-panel ul li a:hover {
                                text-decoration: none;
                                background: #f3f3f3;
                                color: #333
                            }

            .responsive-header.toggled .nav-section .open .new-arrivals-panel ul li a .date {
                font-size: 10px;
                font-weight: 500;
                display: block;
                letter-spacing: 1px;
                line-height: 34px;
                color: #555;
                font-family: Arial;
            }

            .responsive-header.toggled .nav-section .open .new-arrivals-panel ul li a .count {
                display: inline;
                line-height: 20px;
                font-size: 12px;
                letter-spacing: 0.5px;
                border-bottom: solid 0px #f8f8f8;
                text-transform: uppercase;
                color: #999;
                display: none
            }



            .responsive-header.toggled .nav-section .all-categories-panel {
                padding-top: 10px;
                background: #f8f8f8
            }

            .responsive-header.toggled .nav-section .all-categories-panel-categories {
                padding: 0px 0px;
                ;
                background: #f8f8f8
            }

                .responsive-header.toggled .nav-section .all-categories-panel-categories dl {
                    margin-bottom: 0px
                }

                .responsive-header.toggled .nav-section .all-categories-panel-categories dt {
                    letter-spacing: 1px;
                    font-size: 10px;
                    font-weight: bold;
                    text-transform: capitalize;
                    display: block;
                    line-height: 34px;
                    padding-left: 15px;
                    border-bottom: solid 1px #ddd;
                    text-transform: capitalize;
                    letter-spacing: 1px
                }

                    .responsive-header.toggled .nav-section .all-categories-panel-categories dt a {
                        color: #555;
                        text-decoration: none;
                        font-size: 11px
                    }

                    .responsive-header.toggled .nav-section .all-categories-panel-categories dt .hr-title {
                        display: inline-block;
                        width: 25%;
                        border-bottom: solid 1px #555;
                        line-height: 10px
                    }

                .responsive-header.toggled .nav-section .all-categories-panel-categories dd a {
                    font-size: 10px;
                    font-weight: 500;
                    display: block;
                    letter-spacing: 0px;
                    line-height: 28px;
                    color: #555;
                    background: #f8f8f8;
                    border-bottom: solid 0px #ddd;
                    padding-left: 15px;
                    text-transform: capitalize;
                    letter-spacing: 1px
                }


            .responsive-header.toggled .nav-section .navbar-nav > li > a.all-categories-bold {
                font-weight: normal
            }

            .responsive-header.toggled .nav-section .all-categories-panel-designers {
                display: none
            }

        .responsive-header .top-section .search-box {
            display: none
        }

        .responsive-header .top-section.show-mobile-search .search-box {
            height: 60px;
            position: absolute;
            z-index: 999099;
            width: 100%;
            background: #fff;
            display: block;
            margin-top: 51px;
            border-bottom: solid 1px #999;
            left: 0px;
            border-left-width: 0px;
            border-right-width: 0px;
            box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.175);
            -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.175);
        }

            .responsive-header .top-section.show-mobile-search .search-box .search-icon {
                display: none
            }

            .responsive-header .top-section.show-mobile-search .search-box .close-icon {
                background: transparent url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjEwcHgiIGhlaWdodD0iMTFweCIgdmlld0JveD0iMCAwIDEwIDExIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggMy4yLjIgKDk5ODMpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPgogICAgPHRpdGxlPmljb24tY2xvc2Utc21hbGw8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iSGVhZGVyLWFuZC1Ecm9wZG93bnMiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHNrZXRjaDp0eXBlPSJNU1BhZ2UiPgogICAgICAgIDxnIGlkPSJ+Z3VpZGUtaWNvbnMiIHNrZXRjaDp0eXBlPSJNU0FydGJvYXJkR3JvdXAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMTIyLjAwMDAwMCwgLTE0OC4wMDAwMDApIiBzdHJva2UtbGluZWNhcD0ic3F1YXJlIiBzdHJva2U9IiMyMDIwMjAiPgogICAgICAgICAgICA8ZyBpZD0iaWNvbi1jbG9zZS1zbWFsbCIgc2tldGNoOnR5cGU9Ik1TTGF5ZXJHcm91cCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTEyMi41MDAwMDAsIDE0OS4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik04Ljk5OTU1MDIsLTguODgxNzg0MmUtMTUgTDEuNzQ5NzExNDllLTEzLDguOTgwOTU2MDkiIGlkPSJMaW5lLTIiIHNrZXRjaDp0eXBlPSJNU1NoYXBlR3JvdXAiPjwvcGF0aD4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik04Ljk5OTU1MDIsOC45ODA5NTYwOSBMNC45MTExODQ1OSw0LjkwMTAzNzUyIEMzLjI3NDEyMzA2LDMuMjY3MzU4MzQgLTguNjE1MzMwNjdlLTE0LC0yLjA0MjgxMDM3ZS0xNCAtOC42MTUzMzA2N2UtMTQsLTIuMDQyODEwMzdlLTE0IiBpZD0iTGluZS0zIiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIj48L3BhdGg+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==") center center no-repeat;
                background-size: 14px;
                width: 40px;
                height: 40px;
                position: absolute;
                top: 10px;
                right: 0
            }

            .responsive-header .top-section.show-mobile-search .search-box input#search-field {
                -moz-border-radius: 0;
                -webkit-border-radius: 0;
                border-radius: 0;
                background-color: #fff;
                border-bottom: 1px solid #f4f4f4;
                height: 60px;
                padding-left: 20px;
                font-size: 16px;
                color: #202020;
                padding-right: 40px
            }

            .responsive-header .top-section.show-mobile-search .search-box.fixed input#search-field {
                border-color: #bbb
            }
    }



    /**页首:搜索框界页*********************************************************************************************************************************/

    #_gHead-search-overlay {
        outline: none;
        box-shadow: 0 0 0px #9ecaed;
        display: none;
        position: fixed;
        opacity: 1;
        width: 100vw;
        background: #fff;
        height: 100vh;
        z-index: 999999;
        overflow: hidden;
        transition: opacity .3s linear;
        padding-top: 60px;
        border-top: solid 1px #ccc;
        margin-top: -1px
    }

        #_gHead-search-overlay .search-overlay-content {
            text-align: center;
            margin: auto
        }

            #_gHead-search-overlay .search-overlay-content table {
                margin: auto;
                display: inline-block
            }

        #_gHead-search-overlay .search-title {
            color: #000;
            font-weight: 700;
            text-align: center;
            line-height: 60px;
            font-size: 20px;
            margin-bottom: 30px;
            margin-top: 30px;
            letter-spacing: 2px;
        }

        #_gHead-search-overlay .search-bar {
            text-align: center;
            border-bottom: solid 1px #efefef;
            margin-bottom: 50px;
            height: 61px;
            display: block;
            padding-top: 21px
        }

            #_gHead-search-overlay .search-bar img {
                max-width: 80px;
                margin: auto;
            }

        #_gHead-search-overlay .search-form-inner {
        }

            #_gHead-search-overlay .search-form-inner span {
                display: inline-flex;
            }

        #_gHead-search-overlay .search-input {
            line-height: normal;
            border: solid 1px #000;
            width: 460px;
            font-size: 16px;
            height: 50px;
            padding-left: 15px;
            letter-spacing: 1px;
            font-weight: normal;
            border-right-width: 0px;
            background: #fff;
            border-right-width: 0px;
            color: #000;
            font-family: "proxima-nova-semi";
            border-radius: 0px
        }

            #_gHead-search-overlay .search-input:focus {
                outline: none;
                border-color: #000;
                box-shadow: 0 0 0px #9ecaed;
            }

        #_gHead-search-overlay .btn-search-submit {
            display: inline-block;
            flex: 1;
            padding: 0;
            border-radius: 0;
            line-height: 48px;
            color: #000;
            width: 60px;
            font-size: 18px;
            background: #fff;
            border: solid 1px #000;
            border-left-width: 0px
        }

        #_gHead-search-overlay .btn-hide-search {
            padding: 4px 0 2px;
            border-bottom: 1px solid #000;
            border-bottom-color: transparent;
            background: #fff;
            font-size: 22px;
            font-weight: 800;
            text-align: center;
            max-width: 43px;
            flex: 1;
            flex-basis: 43px;
            margin-bottom: 0px;
            margin-left: 17px;
            text-decoration: none
        }

            #_gHead-search-overlay .btn-hide-search:hover {
                border-bottom: 0px solid #000;
            }

        #_gHead-search-overlay .search-overlay-results {
            text-align: center;
            margin-top: 50px;
            max-width: 570px;
            margin-left: auto;
            margin-right: auto
        }

            #_gHead-search-overlay .search-overlay-results a {
                color: #777;
                border: 1px solid #ddd;
                color: #111;
                padding: 6px 10px;
                text-decoration: none;
                border-radius: 1px;
                margin-left: 4px;
                margin-right: 4px;
                display: inline-block;
                background: #fff;
                font-size: 13px;
                letter-spacing: 1px;
                margin-bottom: 10px;
                text-transform: capitalize
            }

                #_gHead-search-overlay .search-overlay-results a:hover {
                    background: #ddd;
                    color: #111;
                }

    /**页首:搜索框界页:mobile效果*/
    @media screen and (max-width: 767px) {

        #_gHead-search-overlay {
            opacity: 1;
            padding-top: 20px;
            background: #fff;
            position: absolute;
            top: 0px;
            left: 0px;
            animation-name: "fadeInBottom";
            animation-duration: 0.5s;
            -webkit-animation-name: "fadeInBottom";
            -webkit-animation-duration: 0.5s;
            -webkit-animation-iteration-count: 1;
        }

            #_gHead-search-overlay .search-form {
                margin-top: 0px
            }

            #_gHead-search-overlay .search-input {
                line-height: normal;
                width: 70vw;
                border-radius: 0px
            }

            #_gHead-search-overlay .btn-hiden-search-begin {
                margin-left: 0px;
                padding-right: 15px
            }

            #_gHead-search-overlay .search-overlay-resutls {
                border-top: solid 10px #ddd;
                margin-top: 25px;
                width: 90vw;
                margin-right: 0px
            }
    }



    /**页首:消息管理块*********************************************************************************************************************************/
    .responsive-alert-manager {
        position: relative;
        outline: none;
        display: none;
    }

        .responsive-alert-manager span {
            background: #FEE3E1;
            color: #000;
            letter-spacing: 0px;
            text-align: center;
            display: block;
            line-height: 58px;
            height: 60px;
            width: 100%;
            z-index: 9999991;
            overflow: hidden;
            transition: opacity .3s linear;
            position: absolute;
            top: -1px;
            left: 0;
            opacity: 1;
            font-size: 13px;
        }

            .responsive-alert-manager span a {
                text-decoration: underline;
                color: #000
            }

    .has-sroll span {
        position: fixed;
        top: 0;
        left: 0;
    }

    .responsive-alert-manager-mode span {
        position: absolute;
        top: 0px;
        left: 0px;
        height: 40px;
        line-height: 40px;
        opacity: 0.7
    }

    @media screen and (max-width: 767px) {
        .responsive-alert-manager span {
            background: #FEE3E1;
            color: #000;
            line-height: 58px;
            height: 60px;
            letter-spacing: 0.5px;
            opacity: 1;
            font-size: 14px;
            font-weight: bold;
            letter-spacing: 0px
        }

            .responsive-alert-manager span a {
                text-decoration: underline;
                color: #000;
            }

        .responsive-mobile-page {
            min-height: 0px
        }
    }

    /**全局网站导航面包块*********************************************************************************************************************************/
    .container-breadcrumb {
        clear: both;
        display: block
    }

        .container-breadcrumb .breadcrumb {
            margin-bottom: 0px;
            padding-left: 0px;
            padding-left: 0px;
            padding-right: 0px;
            display: inline-block;
            margin-bottom: 0px;
            margin-top: 4px
        }

            .container-breadcrumb .breadcrumb a, .container-breadcrumb .breadcrumb li, .container-breadcrumb .breadcrumb .active {
                text-transform: capitalize;
                color: #333;
                letter-spacing: 0.5px;
                font-size: 13px;
                text-transform: capitalize
            }

        .container-breadcrumb .breadcrumb-right {
            float: right;
            display: inline-block;
            padding: 8px 0px;
            margin-bottom: 0px;
            list-style: none;
            border-radius: 0;
            ;
            margin-top: 4px
        }

            .container-breadcrumb .breadcrumb-right li {
                display: inline-block;
                margin-left: 7px;
            }

                .container-breadcrumb .breadcrumb-right li span {
                    display: block;
                    -webkit-filter: grayscale(100%) brightness(-5);
                    filter: grayscale(100%) brightness(-5);
                    opacity: .65;
                    cursor: pointer;
                    font-size: 16px;
                    border: solid 0px #fff;
                    padding: 5px 3px;
                    border-radius: 5px
                }

                    .container-breadcrumb .breadcrumb-right li span:hover {
                        opacity: 1;
                        border: solid 0px #ccc;
                        border-radius: 15px;
                        background: #ddd;
                        color: #000
                    }

    @media screen and (max-width: 767px) {
        .container-breadcrumb {
            display: block;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            text-transform: capitalize;
            -webkit-line-clamp: 1;
        }
    }

    /**页首:营销模块*/
    .responsive-marketing {
        position: relative
    }

        .responsive-marketing .btn-close {
            display: block;
            position: absolute;
            top: 30%;
            right: 30px;
            background: url(../images/svg/ui-close.svg) no-repeat;
            background-size: 16px 16px;
            height: 16px;
            width: 16px;
            cursor: pointer;
        }

    /****************************************************************************************************************************************************
结帐自适式页头
/*.responsive-header-checkout*/

    .responsive-header-checkout {
        background: #fff;
        border-bottom: solid 0px #efefef;
        z-index: 1;
        border-bottom: solid 1px #efefef
    }

    .responsive-checkout-body-start {
        height: 0px;
        display: block;
        width: 100%
    }

    .responsive-checkout-body-end {
        margin-top: 60px;
		margin-bottom:200px
    }

    .responsive-header-checkout .top-section .brand {
        max-width: 130px;
        margin-top: 14px
    }

    /*top-section:左边与右边的链接样式*/
    .responsive-header-checkout .top-section {
        height: 60px;
        border-bottom: solid 0px #ccc
    }

        .responsive-header-checkout .top-section .px16 {
            font-size: 13px
        }

        .responsive-header-checkout .top-section .navbar-nav-art li {
            height: 60px;
        }

            .responsive-header-checkout .top-section .navbar-nav-art li a {
                line-height: 60px;
                font-size: 12px
            }

                .responsive-header-checkout .top-section .navbar-nav-art li a:hover span {
                    text-decoration: none
                }

                .responsive-header-checkout .top-section .navbar-nav-art li a:hover label {
                    text-decoration: none
                }

                .responsive-header-checkout .top-section .navbar-nav-art li a label, .responsive-header-checkout .top-section .navbar-nav-art li a span {
                    text-decoration: none;
                    text-transform: uppercase;
                    letter-spacing: 1px;
                    text-decoration: none;
                    font-weight: normal;
                    color: #000;
                    cursor: pointer;
                    margin-bottom: 0px
                }

        .responsive-header-checkout .top-section #_gHead-currency {
            font-family: "proxima-nova-regular"
        }

        .responsive-header-checkout .top-section #_gHead-account .account {
            font-family: "proxima-nova-regular";
            font-size: 12px;
            font-weight: normal
        }

        .responsive-header-checkout .top-section .dropdown-menu {
           margin-top:0px
        }

            .responsive-header-checkout .top-section .dropdown-menu > li {
                display: block;
                float: none;
                height: auto
            }

                .responsive-header-checkout .top-section .dropdown-menu > li > a {
                    font-size: 12px;
                    display: block;
                    padding-top: 4px;
                    padding-bottom: 4px;
                    color: #000;
                    line-height: 24px;
                    letter-spacing: 1px;
                    font-weight: normal;
                    background-color: #fff
                }

                    .responsive-header-checkout .top-section .dropdown-menu > li > a:hover {
                        display: block;
                        color: #000;
                        background: #ccc
                    }

                .responsive-header-checkout .top-section .dropdown-menu > li .line-hr {
                    margin-bottom: 6px;
                    margin-top: 6px;
                    border-top: solid 1px #efefef
                }


    @media screen and (max-width: 767px) {

        .responsive-header-checkout {
            border-bottom: solid 2px #111
        }

            .responsive-header-checkout .top-section {
                height: 60px;
            }

                .responsive-header-checkout .top-section .brand {
                    max-width: 110px;
                    margin-top: 18px
                }

                .responsive-header-checkout .top-section .navbar-nav-art li {
                    height: 58px;
                }

                    .responsive-header-checkout .top-section .navbar-nav-art li a {
                        line-height: 58px;
                        font-size: 13px
                    }


                .responsive-header-checkout .top-section #_gHead-CustomService .dropdown-menu {
                    margin-right: 0px
                }

                .responsive-header-checkout .top-section #_gHead-account .dropdown-menu {
                    position: absolute;
                    right: 0px;
                    z-index: 8020;
                    background: #fff;
                    border: solid 0px #efefef;
                    width: 100vw;
                    border-top: solid 2px #666;
                    margin-right: -106px;
                    min-height: 100vh
                }

                .responsive-header-checkout .top-section .dropdown-menu > li {
                    display: block;
                    float: none;
                    height: auto
                }

                    .responsive-header-checkout .top-section .dropdown-menu > li a {
                        line-height: 40px;
                    }


        /**lc_chat_layout*/
        #lc_chat_layout {
            animation-name: "fadeInBottom";
            animation-duration: 0.5s;
            -webkit-animation-name: "fadeInBottom";
            -webkit-animation-duration: 0.5s;
            -webkit-animation-iteration-count: 1;
        }
    }



/*页顶提示块*/
.responsive-notice {
    overflow: hidden;
    width: 100%;

    height: 40px;
    background: #000;
}
.responsive-notice .content{}

/**单行模式*/
.responsive-notice .one-message{text-align:center;padding-top:5px;line-height:30px;color:#fff;letter-spacing: .08em;font-size:12px;height:40px;display:none;}
.responsive-notice .one-message a {text-decoration:underline;color:#fff}

/**双行模式*/
.responsive-notice .two-message{text-align:center;padding-top:0px;height:60px;}
.responsive-notice .two-message .title{display:inline-block;color:darkorange;line-height:20px;font-size:12px;letter-spacing: 1px;height:20px;margin:auto;cursor:pointer;margin-top:6px}
.responsive-notice .two-message .title:hover{border-bottom:dotted 1px darkorange}
.responsive-notice .two-message .message{-webkit-font-feature-settings: "liga" 0; font-feature-settings: "liga" 0;font-size: 11px;line-height: 12px;letter-spacing: 1px;text-transform: inherit;font-weight: normal;color:#fff;text-align:center;max-width:700px;margin:auto;height:30px;padding-top:11px}
.responsive-notice .two-message .message a {text-decoration:underline;color:#fff}
.responsive-notice .two-message .message .pull-left{width:33%;border-right:solid 1px #efefef;color:#fff;line-height:12px;letter-spacing:2px;cursor:pointer;font-size:11px;-webkit-line-clamp:1;text-overflow: ellipsis;
    white-space: nowrap;    overflow: hidden;}
.responsive-notice .two-message .message .pull-left .color{color:#ffffff;text-decoration:none;}
.responsive-notice .two-message .message .pull-left .color:hover{color:darkorange;text-decoration:underline;}
.responsive-notice .two-message .message .pull-left:last-child{border-right:solid 0px #fff}

.responsive-notice .three-columns{text-align:center;padding-top:10px;max-width:760px;margin:auto;height:40px}
.responsive-notice .three-columns .pull-left{width:33%;border-right:solid 1px #999;color:#fff;line-height:20px;letter-spacing:1px;cursor:pointer;font-size:12px;-webkit-line-clamp:1;text-overflow: ellipsis;
    white-space: nowrap;    overflow: hidden;}
.responsive-notice .three-columns .pull-left .color{color:#ffffff;text-decoration:underline;}
.responsive-notice .three-columns .pull-left .color:hover{text-decoration:none;}
.responsive-notice .three-columns .pull-left:last-child{border-right:solid 0px #fff}

.responsive-notice .three-columns .pull-left a{text-decoration:none;color:#ffffff;}
.responsive-notice .three-columns .pull-left a:hover{color:#EE7873;}


/**电子邮件验证模式*/
.responsive-notice-email {background:#111;border-bottom:solid 1px #111}
.responsive-notice .confirmemail-message{text-align:center;padding-top:6px;height:80px;}
.responsive-notice .confirmemail-message .title{display: block;color: #fff;line-height:30px;font-size:12px;letter-spacing: 1px;}
.responsive-notice .confirmemail-message .message{-webkit-font-feature-settings: "liga" 0; font-feature-settings: "liga" 0;font-size: 11px;line-height: 30px;letter-spacing: 0em;text-transform: inherit;font-weight: normal;color:#fff}
.responsive-notice .confirmemail-message .message a {text-decoration:none;color:#fff;border:solid 1px #fff;padding:5px 8px;letter-spacing: 1px;}
.responsive-notice .confirmemail-message .message a:hover {background:#555;border:solid 1px #ccc;}
.responsive-notice .confirmemail-message .result{display:none}

/**特别处理*/
.responsive-marketing{;margin:0px;height:40px;margin-bottom:0px;background:rgb(253, 232, 201,0.9);display:none}

.my-nav-page .responsive-marketing{;margin:0px;height:40px;margin-bottom:0px;background:rgb(253, 232, 201);display:none}


.home-page .responsive-marketing{display:none}
.checkout-page .responsive-marketing{display:none}
.cart-page .responsive-marketing{margin:0px;display:none}
.custom-category-page .responsive-marketing{display:none}
.create-custom-page .responsive-marketing{display:none}
.help-page .responsive-marketing{display:none}



/**mobile verson*/
@media screen and (max-width: 767px) {


   /*特别处理*/
.responsive-marketing{;margin:0px;height:40px;margin-bottom:0px;background:rgb(253, 232, 201,0.9);display:none}

    /*
.my-nav-page .responsive-marketing{;margin:0px;height:unset;margin-bottom:0px;background:rgb(253, 232, 201);display:none}
    */



    .responsive-notice{padding-left:0px;padding-right:0px}

        .responsive-notice .three-columns {
           
            padding-top: 15px;
           
        }
    .responsive-notice .three-columns .pull-left {
        letter-spacing: 1px;font-size:10px;line-height:12px;
    }

    .responsive-notice .three-columns .pull-left .color{text-decoration:none;}

    .responsive-notice .two-message .title{letter-spacing:0.5px;padding-top:0px;height:30px;line-height:26px;}

.responsive-notice .two-message .message{letter-spacing: 0px;}

        .responsive-notice .two-message .message {
            padding-top: 0px;
        }
            .responsive-notice .two-message .message .pull-left {
                letter-spacing: 1px;
                font-size: 10px;
                line-height: 12px;
            }

                .responsive-notice .two-message .message .pull-left .color {
                    text-decoration: none;
                }


    .responsive-notice .confirmemail-message .title {letter-spacing: 0px;}
    .responsive-notice .confirmemail-message .message a {letter-spacing: 0px;}
}


/*************************************************************************************************/
/**页面提示消息显示页*/

.notice-detail-page {width:400px;display:block;text-overflow: ellipsis;white-space:normal;}

.notice-detail-page .title{font-family:"proxima-nova-semi";letter-spacing:0.5px;font-size:15px;text-align:center;display:block;margin-bottom:20px;margin-top:20px;}

.notice-detail-page .message{font-size:13px;letter-spacing:0.5px;display:block;margin-bottom:40px}
.notice-detail-page .message a{text-decoration:underline}

/**mobile verson*/
@media screen and (max-width: 767px) {

.notice-detail-page {width:80vw}

}
/**首页*/

.home-page {}

/*********************************************************************************************************************************
    homepage-hero section
*/



.highlight {
    position: relative;
    z-index: 1;
}

    .highlight:after {
        content: "";
        position: absolute;
        top: calc(100% + 10.5px);
        right: 0;
        left: 0;
        height: 15px;
        background-image: url(../images/svg/ui-line.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        z-index: -1;
    }

.homepage-hero {
    margin: 0px 0px 15px 0px;
}

.homepage-hero .carousel-indicators li {border: 1px solid #ffffff;border-radius: 20px;width: 20px;height: 20px}

.homepage-hero .carousel-caption {bottom:35%}
.homepage-hero .carousel-caption .hero-headline{font-size:30px;line-height:72px;font-family: "proxima-nova-semi";color:#000;    text-shadow: none;}
.homepage-hero .carousel-caption .hero-description{display:block;font-size:18px;color:#000;margin-bottom:20px;margin-top:20px}
.homepage-hero .carousel-caption .hero-link{}
.homepage-hero .carousel-caption .hero-link .btn-black{line-height:30px;font-size:15px;letter-spacing:1px;background:#000;color:#fff;border-color:transparent;margin-right:2px;border-width:0px;padding-left:55px;padding-right:55px}
.homepage-hero .carousel-caption .hero-link .btn-black:hover{color:#fff}

/**1 carousel-caption-1*/
.homepage-hero .carousel-caption-1 {bottom:30%}
.homepage-hero .carousel-caption-1 .hero-headline{font-size:44px;line-height:92px;color:#000}
.homepage-hero .carousel-caption-1 .hero-description {font-size: 18px;font-family: "proxima-nova-semi";margin-bottom:20px;color:#fff;color:#000;text-shadow: none;}
.homepage-hero .carousel-caption-1 .hero-link{color:#fff}
.homepage-hero .carousel-caption-1 .hero-link .btn-black{line-height:40px;font-size:15px;letter-spacing:1px;background:#fff;color:#111;border-color:transparent;margin-right:2px;border-width:0px;padding-left:25px;padding-right:25px}
.homepage-hero .carousel-caption-1 .hero-link .btn-black:hover{color:#fff}


.homepage-hero .carousel-caption-2 {bottom:30%;text-align:right;right:7%}
.homepage-hero .carousel-caption-3 {bottom:30%;text-align:right;right:7%}

.homepage-hero .carousel-inner .item {text-align:center}
.homepage-hero .carousel-inner .item img {min-height:467px;max-width:unset;overflow:hidden;}

.homepage-hero .carousel-control{top:45%}
.homepage-hero .carousel-control .fa{font-size:30px}

@media screen and (min-width: 1441px) { /**over than lg show*/
    .homepage-hero .carousel-inner .item img {min-height:467px; overflow:hidden;clip:rect(0px 467px 467px 0px);width:100%}
}

@media screen and (max-width: 767px) 
{


.homepage-hero {margin:0px 0px 0px 0px;padding:0px}
.homepage-hero .carousel-indicators {display: none;padding:5px}
.homepage-hero .carousel-inner .item {display: block;margin-top:5px}
.homepage-hero .carousel-inner .item:first-child {margin-top:0px}

.homepage-hero .carousel-inner .item img {height:360px;min-height:360px;overflow:hidden;clip:rect(0px 360px 360px 0px);}

.homepage-hero .carousel-caption {bottom:15%;left:15px;right:15px;text-align:center}
    .homepage-hero .carousel-caption .hero-headline {
        font-size: 20px;
      
    }
.homepage-hero .carousel-caption .hero-description {font-size: 13px;margin-bottom:20px;letter-spacing:1px;}
.homepage-hero .carousel-caption .hero-link{}
.homepage-hero .carousel-caption .hero-link .btn-black{line-height:40px;font-size:13px;letter-spacing:1px;border-color:transparent;margin-right:2px;border-width:0px;padding-left:7px;padding-right:7px}
.homepage-hero .carousel-caption .hero-link .btn-black:hover{}


.homepage-hero .carousel-caption-1 .hero-description {font-size: 13px;font-family: "proxima-nova-semi";margin-bottom:20px;letter-spacing:1px}
.homepage-hero .carousel-caption-1 .hero-link{}

.homepage-hero .carousel-caption-1 .hero-link .btn-black{line-height:40px;font-size:13px;letter-spacing:1px;background:#fff;color:#111;border-color:transparent;margin-right:2px;border-width:0px;padding-left:7px;padding-right:7px}
.homepage-hero .carousel-caption-1 .hero-link .btn-black:hover{color:#fff}

.homepage-hero .carousel-caption-2 .hero-link .btn-black{line-height:30px;font-size:13px;letter-spacing:1px;border-color:transparent;margin-right:2px;border-width:0px;padding-left:45px;padding-right:45px}
.homepage-hero .carousel-caption-2 .hero-link .btn-black:hover{color:#fff}

}


/********************************************************
    homepage-howitwork

*/
.homepage-howitwork {background-color:rgb(248, 237, 229);padding-bottom:50px}
.homepage-howitwork h3{text-align:center;line-height:60px;font-size:15px;font-family: 'proxima-nova-semi';}
.homepage-howitwork span{font-size:13px}
.homepage-howitwork p{font-size:13px}
.homepage-howitwork p a{text-decoration:underline}
@media screen and (max-width: 767px) {
    .homepage-howitwork {padding-bottom:40px;border-bottom:solid 5px #fff}
}
    /*********************************************************************************************************************************
    homepage-collection section
*/
    .homepage-collection {
        border-bottom: solid 1px #efefef;
        padding-bottom: 0px;
        padding-top: 0px;
    }

        .homepage-collection > h3 {
            text-align: center;
            font-size: 15px;
            margin: 0px;
            line-height: 50px;
            margin-bottom: 15px;
            font-family: 'proxima-nova-semi';
            border-bottom: solid 1px #ddd;
            letter-spacing: 1px
        }

        .homepage-collection .homepage-collection-recommend {
        }

        .homepage-collection .homepage-collection-recommend {
            list-style: none;
            padding-inline-start: 0px;
            margin-bottom: 0px
        }

        .homepage-collection .homepage-collection-recommend-item {
            list-style: none;
            padding-right: 0px;
            margin-right: 0px;
            margin-bottom: 15px;
            height: 585px;
            overflow: hidden;
        }

        .homepage-collection .recommend-item-33 {
            overflow: hidden;
            height: 185px;
            margin-bottom: 15px
        }

        .homepage-collection .recommend-item-center {
            padding: 0px
        }

        .homepage-collection .homepage-collection-recommend .recommend-item {
            position: relative;
            display: block;
            height: 100%;
            width: 100%;
            -webkit-transition: all 0.5s;
        }

        .homepage-collection .homepage-collection-recommend .recommend-item-container {
            padding-right: 0px
        }

        .homepage-collection .homepage-collection-recommend .recommend-item-text {
            position: absolute;
            bottom: 25%;
            display: block;
            text-align: center;
            width: 100%;
            margin: auto;
            color: #fff;
            -moz-transition: all 0.5s;
            -o-transition: all 0.5s;
            transition: all 0.5s;
            padding: 15px 0px;
        }


            .homepage-collection .homepage-collection-recommend .recommend-item-text:hover {
                -webkit-animation-name: jello;
                animation-name: jello;
                -webkit-animation-duration: 1s;
                animation-duration: 1s;
                -webkit-animation-fill-mode: both;
                animation-fill-mode: both;
                background-color: rgba(255,255,255,1);
            }

            .homepage-collection .homepage-collection-recommend .recommend-item-text h3 {
                font-family: 'proxima-nova-semi';
                letter-spacing: 0px;
                font: 900 15px/20px;
                font-size: 18px;
                text-rendering: optimizeLegibility;
                text-transform: capitalize;
                margin: 0 auto;
                display: block;
                margin-bottom: 4px;
                color: #000
            }

            .homepage-collection .homepage-collection-recommend .recommend-item-text hr {
                border-top: solid 5px #fff;
                width: 10%;
            }

            .homepage-collection .homepage-collection-recommend .recommend-item-text span {
                letter-spacing: 0;
                text-rendering: optimizeLegibility;
                display: inline-block;
                margin-top: 0;
                margin-bottom: 0px;
                font-size: 10px;
                color: #000
            }

        .homepage-collection .homepage-collection-recommend .recommend-item-img {
            height: 100%;
            width: auto;
            max-width: unset;
        }

        .homepage-collection .homepage-collection-recommend .recommend-item-text span {
        }

        .homepage-collection .homepage-collection-recommend .recommend-item-text .item-button {
            border-width: 0px;
            border-bottom: solid 1px #000;
            padding: 3px 0px;
            font-weight: normal;
            font-size: 10px;
            text-transform: capitalize;
            color: #000;
            background-color: transparent
        }

            .homepage-collection .homepage-collection-recommend .recommend-item-text .item-button:hover {
                border-bottom: solid 1px #ee1010;
                background-color: transparent;
                color: #555
            }

        /**位置*/
        .homepage-collection .homepage-collection-recommend .recommend-item-top {
            bottom: unset;
            top: 10%
        }

        .homepage-collection .homepage-collection-recommend .recommend-item-right {
            right: 10%;
        }

        .homepage-collection .homepage-collection-recommend .recommend-item-center {
        }
        /**COLOR*/
        .homepage-collection .homepage-collection-recommend .recommend-item-color-black {
            color: #555;
        }

            .homepage-collection .homepage-collection-recommend .recommend-item-color-black:hover {
                color: #000;
            }

                .homepage-collection .homepage-collection-recommend .recommend-item-color-black:hover hr {
                    border-top: solid 2px #fff
                }

            .homepage-collection .homepage-collection-recommend .recommend-item-color-black h3 {
                color: #000;
                font-size: 16px
            }

            .homepage-collection .homepage-collection-recommend .recommend-item-color-black hr {
                border-top: solid 2px #000
            }

            .homepage-collection .homepage-collection-recommend .recommend-item-color-black span {
            }

        .homepage-collection .recommend-item-50 .recommend-item-text {
            bottom: 25%;
        }

        .homepage-collection .recommend-item-100 .recommend-item-text {
            top: 24%
        }

        .homepage-collection .recommend-item-100 .recommend-item .item-button {
            font-size: 15px;
            padding: 10px 30px;
        }

        .homepage-collection .recommend-item-100 .recommend-item-text h3 {
            font-size: 22px;
            color: #fff
        }

    @media screen and (min-width: 1441px) { /**over than lg show*/
        .homepage-collection .homepage-collection-recommend .recommend-item-img {
            width: 100%;
        }
    }

    @media screen and (max-width: 767px) {
        .homepage-collection {
            padding-bottom: 0px;
            border-bottom-width: 0px;
            padding-left: 10px;
            padding-top: 0px;

        }

            .homepage-collection > h3 {
                text-align: center;
                font-size: 15px;
                margin: 0px;
                line-height: 40px;
                margin-bottom: 0px;
                font-family: 'proxima-nova-semi';
                border-bottom: solid 0px #ddd;
                letter-spacing: 1px
            }


            .homepage-collection .homepage-collection-left {
                padding-left: 0px;
            }

            .homepage-collection .homepage-collection-recommend {
                padding-inline-start: 0px;
                margin-block-start: 0em;
                margin-block-end: 0em;
                background: #fff;
                padding-bottom: 0px;
                margin-top: 5px;
                padding:5px 5px
            }

            .homepage-collection .homepage-collection-recommend-item {
                width: 100%;
                float: unset;
                list-style: none;
                padding-right: 0px;
                padding-inline-start: 0px;
                margin-block-start: 0em;
                margin-block-end: 0em;
                padding-bottom: 0px;
                margin-bottom: 10px;
                padding-left: 0px;
                padding: 0px 5px;
                height: unset
            }

            .homepage-collection .col-xs-12 {
                padding: 0px
            }

            .homepage-collection .homepage-collection-recommend-item:last-child {
                margin-bottom: 5px;
                padding-right: 0px;
            }

            .homepage-collection .homepage-collection-recommend .recommend-item-img {
                width: 100%;
                height: unset
            }

            .homepage-collection .homepage-collection-recommend-item {
                margin-bottom: 10px
            }

            .homepage-collection .homepage-collection-recommend .recommend-item-container {
                overflow: hidden
            }

            .homepage-collection .recommend-item-100 {
                overflow: hidden;
                height: 350px;
                margin-bottom: 5px;
                width: 100%;
                float: none
            }

            .homepage-collection .recommend-item-50 {
                overflow: hidden;
                height: 185px;
                margin-bottom: 5px;
                width: 100%;
                float: none
            }

            .homepage-collection .recommend-item-100 .recommend-item-text h3 {
                font-size: 20px;
            }

            .homepage-collection .recommend-item-50 .recommend-item-text h3 {
                font-size: 18px;
                margin-bottom: 10px
            }

            .homepage-collection .recommend-item-50 .recommend-item-text .item-button {
                font-size: 10px;
                text-transform: capitalize;
                padding: 1px 8px;
                border-bottom-width: 1px;
            }

            .homepage-collection .recommend-item-33 {
                overflow: hidden;
                height: 185px;
                margin-bottom: 5px;
                width: 100%;
                float: none
            }

                .homepage-collection .recommend-item-33 .recommend-item-text h3 {
                    font-size: 20px;
                    margin-bottom: 10px
                }

                .homepage-collection .recommend-item-33 .recommend-item-text .item-button {
                    font-size: 12px;
                    text-transform: capitalize;
                    padding: 4px 0px;
                }

                .homepage-collection .recommend-item-33 .recommend-item-img,
                .homepage-collection .recommend-item-50 .recommend-item-img {
                    width: unset;
                    height: 100%
                }

            .homepage-collection .recommend-item-space {
                padding-right: 0px
            }
    }






    .homepage-collection .homepage-collection-right {
        padding-left: 0px
    }

    .homepage-collection .homepage-collection-new {
        padding-left: 0px;
    }

        .homepage-collection .homepage-collection-new h3 {
            font-size: unset;
            margin: 0px;
        }

            .homepage-collection .homepage-collection-new h3 span {
                font-size: 18px;
                font-family: "proxima-nova-semi";
                color: #111;
                line-height: 50px;
                display: block;
                padding-left: 15px;
                padding-right: 15px;
                border-bottom: solid 0px #111;
                border-top: solid 3px #555
            }

        .homepage-collection .homepage-collection-new hr {
            width: 98%
        }



        /*滚动条样式*/
        .homepage-collection .homepage-collection-new ul {
            margin-block-start: 0px;
            margin-block-end: 0px;
            padding-inline-start: 0px;
            display: block;
            -webkit-padding-start: 0px;
            max-height: 590px;
            overflow: auto;
            overflow-x: hidden;
        }

            .homepage-collection .homepage-collection-new ul::-webkit-scrollbar {
                width: 8px;
                height: 8px;
            }

            .homepage-collection .homepage-collection-new ul::-webkit-scrollbar-thumb {
                background-color: #000;
            }

            .homepage-collection .homepage-collection-new ul::-webkit-scrollbar-track {
                border-left: 1px solid #111;
                background-color: transparent;
            }

        .homepage-collection .homepage-collection-new li {
            list-style: none;
            padding-right: 0px;
            padding-bottom: 0px
        }

            .homepage-collection .homepage-collection-new li:last-child hr {
                display: none
            }


    .homepage-collection .collection-item {
        display: block;
        width: 100%;
        margin-bottom: 25px;
        padding-right: 15px;
    }

        .homepage-collection .collection-item .item-image {
            width: 40%;
            float: left;
            margin-right: 4%;
            height: 180px;
            overflow: hidden;
        }

            .homepage-collection .collection-item .item-image img {
                max-width: 180px;
                overflow: hidden
            }

        .homepage-collection .collection-item .item-text {
            width: 56%;
            float: left;
            margin-right: 0;
        }

            .homepage-collection .collection-item .item-text h4 {
                display: block;
                letter-spacing: 0;
                font-family: "proxima-nova-semi";
                text-align: left;
                text-rendering: optimizeLegibility;
                text-transform: capitalize;
                margin-bottom: 13px;
                margin-top: 0px;
                font-size: 20px;
                color: #111;
                line-height: 20px;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

            .homepage-collection .collection-item .item-text p {
                display: block;
                letter-spacing: 0;
                font-size: 16px;
                text-align: left;
                text-rendering: optimizeLegibility;
                text-transform: none;
                margin-bottom: 7px;
                margin-top: 0;
                color: #666
            }

            .homepage-collection .collection-item .item-text span {
                color: #666;
                font-size: 13px;
                border-bottom: solid 1px #666
            }

                .homepage-collection .collection-item .item-text span:hover {
                    border-bottom: solid 1px #111;
                    background: #111;
                    color: #fff
                }

            .homepage-collection .collection-item .item-text label {
                padding: 0px 0px;
                color: #999;
                font-weight: normal;
                line-height: 16px;
                margin: 0px
            }
    /**.affix模块下*/
    .homepage-collection .affix-top {
        top: 0px;
        z-index: 999;
    }

    .homepage-collection .affix {
        top: 0px;
        z-index: 999;
        width: 33.333333%;
        right: 0px;
    }

    .homepage-collection .affix-bottom {
        top: auto;
        bottom: 0px;
        z-index: 999;
    }

    @media screen and (max-width: 767px) {

        .homepage-collection .homepage-collection-right {
            padding-left: 0px;
            padding-right: 0px;
            border-top: solid 15px #efefef
        }

        .homepage-collection .homepage-collection-new h3 span {
            border-top: solid 0px #111;
            font-family: "proxima-nova-regular";
            font-size: 13px;
            text-transform: uppercase;
            letter-spacing: 1px;
            text-align: center
        }

        .homepage-collection .homepage-collection-new ul {
            max-height: unset;
            overflow-x: scroll;
            border-bottom-width: 0px;
            border-top: solid 0px #efefef;
            border-left-width: 0px;
            border-right-width: 0px;
            width: 100%;
            overflow-x: scroll;
            overflow-y: hidden;
            white-space: nowrap;
            display: block;
            border-bottom-width: 0px;
            padding-right: 10px
        }

            .homepage-collection .homepage-collection-new ul::-webkit-scrollbar {
                width: 14px;
                height: 14px;
            }

            .homepage-collection .homepage-collection-new ul::-webkit-scrollbar-thumb {
                background-color: #efefef;
            }

            .homepage-collection .homepage-collection-new ul::-webkit-scrollbar-track {
                border-right: 1px solid #efefef;
                background-color: #efefef;
            }

        .homepage-collection .homepage-collection-new li {
            width: 282px;
            display: inline-block;
            overflow: hidden;
            padding-left: 10px;
            padding-bottom: 6px
        }

            .homepage-collection .homepage-collection-new li hr {
                display: none
            }

        .homepage-collection .collection-item {
            border: solid 1px #ddd;
            margin-bottom: 0px;
            margin-top: 0px;
            padding-right: 0px
        }


            .homepage-collection .collection-item .item-image {
                width: 100%;
                height: 280px;
                overflow: hidden;
                margin-right: 0%;
            }

                .homepage-collection .collection-item .item-image img {
                    max-width: 280px;
                    overflow: hidden
                }

            .homepage-collection .collection-item .item-text {
                width: 100%;
                padding: 10px;
            }

                .homepage-collection .collection-item .item-text h4 {
                    display: block;
                    letter-spacing: 0;
                    font-family: "proxima-nova-semi";
                    text-align: left;
                    text-rendering: optimizeLegibility;
                    text-transform: capitalize;
                    margin-bottom: 10px;
                    margin-top: 6px;
                    font-size: 18px;
                    color: #111;
                    line-height: 20px;
                    text-overflow: unset;
                    white-space: unset;
                    white-space: normal;
                    height: 40px
                }

                .homepage-collection .collection-item .item-text p {
                    display: none
                }

                .homepage-collection .collection-item .item-text label {
                    text-transform: uppercase;
                    font-size: 10px;
                    letter-spacing: 0.5px
                }

                .homepage-collection .collection-item .item-text span {
                    text-transform: uppercase;
                    font-size: 10px;
                    border-bottom-width: 0px;
                    letter-spacing: 0.5px
                }
    }

    /*********************************************************************************************************************************
    homepage-newarrivals section
*/

    .homepage-newarrivals {
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 50px
    }

        .homepage-newarrivals > h3 {
            font-family: "proxima-nova-semi";
            display: block;
            text-align: center;
            font-size: 1.8rem;
            padding: 20px 0px;
            margin: 0px
        }

        .homepage-newarrivals .rock {
            display: block;
            text-align: center
        }

        .homepage-newarrivals .products-grid-item {
            width: 20%
        }

            .homepage-newarrivals .products-grid-item .item-body {
                border-bottom-width: 0px
            }

            .homepage-newarrivals .products-grid-item .item-attributes ul li:nth-child(6) {
                display: none
            }

            .homepage-newarrivals .products-grid-item .item-attributes ul li:nth-child(7) {
                display: none
            }

            .homepage-newarrivals .products-grid-item .item-attributes ul li:nth-child(8) {
                display: none
            }

            .homepage-newarrivals .products-grid-item .item-attributes ul li:nth-child(9) {
                display: none
            }

    @media screen and (max-width: 767px) {
        .homepage-newarrivals {
            padding-left: 0px;
            padding-right: 0px;
            padding-bottom: 0px
        }

            .homepage-newarrivals > h3 {
                border-top: solid 0px #111;
                font-size: 15px;
                text-transform: uppercase;
                letter-spacing: 1px;
                text-align: center;
                padding: 20px 15px 10px 15px;
                background: #efefef;
            }

            .homepage-newarrivals .products-grid-item {
                width: 50%;
                border-top: solid 10px #efefef;
                padding-top: 10px
            }

                .homepage-newarrivals .products-grid-item:nth-child(2n) {
                    padding-left: 5px;
                    padding-right: 10px;
                }

                    .homepage-newarrivals .products-grid-item:nth-child(2n) .item-body {
                        border-bottom-width: 0px
                    }

                .homepage-newarrivals .products-grid-item:nth-child(2n+1) {
                    padding-left: 10px;
                    padding-right: 5px;
                }

                    .homepage-newarrivals .products-grid-item:nth-child(2n+1) .item-body {
                        border-bottom-width: 0px
                    }

            .homepage-newarrivals .rock {
                display: block;
                text-align: center;
                background: #fff;
                padding: 20px 0px 30px 0px
            }

            .homepage-newarrivals .products-grid-item .item-body {
                border-bottom-width: 0px
            }
    }

    /*homepage-editor-picks
    ******************************************************************************/
    .homepage-editor-picks {
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 50px
    }

        .homepage-editor-picks .h-3 {
            font-family: "proxima-nova-semi";
            display: block;
            text-align: center;
            font-size: 1.8rem;
            padding: 20px 0px;
            margin: 0px;
            letter-spacing: 0px;
            text-transform: capitalize
        }

        .homepage-editor-picks .rock {
            display: block;
            text-align: center
        }

    @media screen and (max-width: 767px) {
        .homepage-editor-picks {
            padding-left: 0px;
            padding-right: 0px;
            padding-bottom: 0px
        }

            .homepage-editor-picks .h-3 {
                padding-bottom: 5px
            }

            .homepage-editor-picks .rock {
                display: block;
                text-align: center;
                background: #efefef;
                padding: 20px 0px 10px 0px
            }
    }
    /*********************************************************************************************************************************
    homepage-recentlyviewed-items section
*/

    .homepage-recentlyviewed-items {
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
        border-top: solid 1px #efefef
    }

        .homepage-recentlyviewed-items > h3 {
            font-family: "proxima-nova-semi";
            display: block;
            text-align: center;
            font-size: 1.8rem;
            padding: 20px 0px
        }

        .homepage-recentlyviewed-items .products-container {
            padding-left: 0px;
            padding-right: 0px
        }

        .homepage-recentlyviewed-items .products-grid-item {
            width: 20%
        }

            .homepage-recentlyviewed-items .products-grid-item .item-attributes ul li:nth-child(6) {
                display: none
            }

            .homepage-recentlyviewed-items .products-grid-item .item-attributes ul li:nth-child(7) {
                display: none
            }

            .homepage-recentlyviewed-items .products-grid-item .item-attributes ul li:nth-child(8) {
                display: none
            }

            .homepage-recentlyviewed-items .products-grid-item .item-attributes ul li:nth-child(9) {
                display: none
            }

            .homepage-recentlyviewed-items .products-grid-item .item-body {
                border-bottom-width: 0px
            }

    @media screen and (max-width: 767px) {


        .homepage-recentlyviewed-items {
            overflow-x: scroll;
            border-bottom-width: 0px;
            border-top: solid 10px #efefef;
            border-left-width: 0px;
            border-right-width: 0px;
            width: 100%;
            overflow-x: scroll;
            overflow-y: hidden;
            white-space: nowrap;
            display: block;
            border-bottom-width: 0px;
            padding-right: 10px;
        }

            .homepage-recentlyviewed-items::-webkit-scrollbar {
                width: 14px;
                height: 14px;
            }

            .homepage-recentlyviewed-items::-webkit-scrollbar-thumb {
                background-color: #efefef;
            }

            .homepage-recentlyviewed-items::-webkit-scrollbar-track {
                border-right: 1px solid #efefef;
                background-color: #efefef;
            }

            .homepage-recentlyviewed-items > h3 {
                border-top: solid 0px #111;
                font-family: "proxima-nova-regular";
                font-size: 13px;
                text-transform: uppercase;
                letter-spacing: 1px;
                text-align: center;
                padding: 5px 0px
            }


            .homepage-recentlyviewed-items .products-grid-item {
                width: 50%;
            }

                .homepage-recentlyviewed-items .products-grid-item:nth-child(2n) {
                    padding-left: 5px;
                    padding-right: 10px;
                }

                    .homepage-recentlyviewed-items .products-grid-item:nth-child(2n) .item-body {
                        border-bottom-width: 0px
                    }

                .homepage-recentlyviewed-items .products-grid-item:nth-child(2n+1) {
                    padding-left: 10px;
                    padding-right: 5px;
                }

                    .homepage-recentlyviewed-items .products-grid-item:nth-child(2n+1) .item-body {
                        border-bottom-width: 0px
                    }

                .homepage-recentlyviewed-items .products-grid-item:nth-child(5) {
                    display: none
                }

                .homepage-recentlyviewed-items .products-grid-item:nth-child(4) {
                    display: none
                }

                .homepage-recentlyviewed-items .products-grid-item:nth-child(3) {
                    display: none
                }

                .homepage-recentlyviewed-items .products-grid-item .item-body {
                    border-bottom-width: 0px
                }
    }

    /*********************************************************************************************************************************
    homepage-about section
*/
    .homepage-about {
        position: relative;
        margin-bottom: 20px;
        margin-top: 20px
    }

        .homepage-about .homepage-about-background {
            background-color: #dbdbdd
        }

        .homepage-about .homepage-about-blank {
            float: left;
            width: 45%;
            height: 293px;
            display: block;
            background: url(../images/homepage/tomade-bg.jpg) no-repeat;
            padding: 0;
        }

        .homepage-about .homepage-about-content {
            float: left;
            width: 55%;
            height: 293px;
            display: block
        }

        .homepage-about .homepage-about-content-inner {
            padding: 1.5em;
        }

        .homepage-about .homepage-about-content h1 {
            font-size: 26px;
            font-family: proxima-nova-semi;
            line-height: 40px
        }

        .homepage-about .homepage-about-content p {
            font-weight: normal;
            font-size: 1.4rem;
            line-height: 1.6;
            margin-bottom: 2rem;
            text-rendering: optimizeLegibility;
        }


    @media screen and (min-width: 1441px) { /**over than lg show*/

    }


    @media screen and (max-width: 991px) { /**.sm show*/
        .homepage-about .homepage-about-blank {
            float: left;
            width: 50%;
        }

        .homepage-about .homepage-about-content {
            float: left;
            width: 50%;
        }

        .homepage-about .homepage-about-content-inner {
            padding: 1em;
        }

        .homepage-about .homepage-about-content h1 {
            font-size: 20px;
            font-family: proxima-nova-semi;
            line-height: 30px
        }
    }

    @media screen and (max-width: 767px) {

        .home-page .container-fluid {
            max-width: 1440px;
        }

        .homepage-about {
            margin: 15px 10px;
            padding: 0px;
        }

            .homepage-about .homepage-about-content h1 {
                font-size: 16px;
                font-family: proxima-nova-semi;
                line-height: 30px
            }

            .homepage-about .homepage-about-blank {
                float: none;
                width: 100%;
                height: 200px;
                padding: 0;
                overflow: hidden
            }

            .homepage-about .homepage-about-content {
                float: none;
                width: 100%;
                height: auto;
                display: block
            }
    }



/*page : index or homepage for site*/
.index-page {}

/*index.page i-events section*/
.i-events {padding:20px 0px;}
a.i-event {text-decoration:unset;color:#000}

.i-event .i-event-image{overflow:hidden}
.i-event .i-event-image img{  width:100%;  transition: 2s;  -webkit-transition: 2s;-o-transition: 2s; -moz-transition: 2s; -ms-transition: 2s;vertical-align: middle;}
.i-event .i-event-image img:hover{ transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);}
.i-event .i-event-info{}
.i-event .i-event-info h2{font-size: 26px;line-height: 1.1;margin-bottom: 15px; font-family: "freight-display-pro", Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;}
.i-event .i-event-info h3{    letter-spacing: 2px;text-transform: uppercase;font-size: 0.75em;line-height: 1.5em;    margin-bottom: 8px;}
.i-event .i-event-info .description{   font-weight: 300;    font-size: 24px;line-height: 1.1;color: #818386;    margin-bottom: 28px;}

.i-event .i-event-info .link{font-size: 0.8125em;line-height: 1.38462em;    letter-spacing: 1px;color: #f55433;text-transform: uppercase;display:inline-block;}
a.i-event:hover .link{text-decoration:underline}

.i-event .i-event-info .link-btn{padding:6px 15px;font-size: 0.8125em;line-height: 1.38462em;    letter-spacing: 1px;color: #000;text-transform: uppercase;display:inline-block;background:#ffd800;font-weight:bold}

/*index.page i-work-studio section*/
.i-work-studio {background:#666;height:400px;padding:50px 0px}

.i-work-studio-box {width:300px;color:#fff}
.i-work-studio h3 {    font-size: 0.75em;line-height: 1.5em;letter-spacing: 2px;text-transform: uppercase;}
.i-work-studio p {font-size: 2.25em;line-height: 1.16667em;line-height: 37px;}
.i-work-studio p.second-line { margin-bottom: 13px;    font-style: italic;font-family: "freight-text-pro", Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif; }
.i-work-studio p.body{display: block;margin: auto auto 0.75em auto;    font-size: 1.5em;line-height: 1.25em; margin-bottom: 23px;}
.i-work-studio .call-to-action{display: block; width: 246px;height: 50px;background-color: #f55433;}
.i-work-studio .call-to-action .meet-with{text-transform: uppercase;letter-spacing: 2px;text-align: center;font-size: 13px;line-height: 50px;width: 100%; color: white;}

/*index.page i-collections section*/
.i-collections {background:#f8f8f8;border-top:solid 1px #efefef;padding:20px 0px}

.i-collections h3 { font-family:minion-pro,"Trebuchet MS",Helvetica,sans-serif;text-align:center; display: block;font-size: 20.25px;font-weight: 500;text-transform: uppercase;letter-spacing: .75px;line-height: 30px;color:#000;}
.i-collections .inner-border {width: 10%;height: 3px;display: block;border-bottom: 1px solid #666;margin: 10px auto;}
.i-collections .text{font-size:14px;letter-spacing:.5px;color:#666;text-align:center;font-family:Arial;line-height:40px}

.i-collections a.item-link {background:#fff;border:solid 1px #efefef;padding:0px;display:block;text-decoration:unset;margin-bottom:30px;opacity:0.8}
.i-collections a.item-link:hover {border:solid 1px #aaa;opacity:1}
.i-collections .item-image {overflow:hidden}
.i-collections .item-image img{ width:100%;  transition: 2s;  -webkit-transition: 2s;-o-transition: 2s; -moz-transition: 2s; -ms-transition: 2s;vertical-align: middle;}
.i-collections .item-image img:hover{transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);}
.i-collections .item-text {margin-bottom:30px}
.i-collections .item-text .date{    white-space: nowrap;overflow: hidden;-ms-text-overflow: ellipsis;-o-text-overflow: ellipsis; text-overflow: ellipsis;font-size: 14px;line-height: 36px;color: #000;text-align: center;}
.i-collections .item-text .name{    color: #000;text-align: center;font-size:14px;line-height: 20px;padding: 0 6px;overflow:hidden;height:40px}
.i-collections .carousel-control {position:static;line-height:50px;text-align:center;line-height:50px;display:inline-block;width:50px;height:50px;color:#000;font-size:50px;font-weight:normal}


                      /**.index-page .trust-us*/
/**.index-page .trust-us*/
.i-how-works {padding:80px 0px }
.i-how-works .inner-border {width: 10%;height: 3px;display: block;border-bottom: 2px solid #000;margin: 10px auto;}
.i-how-works h2{color:#000;font-size:28px;;font-family:Oswald}
.i-how-works h3{color:#000;font-size:20px;}
.i-how-works h4{color:#000;font-size:12px;color:#000;}
.i-how-works h4 span{background:#fff;color:#000;padding:1px 3px;font-size:12px;border:dotted 1px #666;}
.i-how-works dl{color:#000;margin:auto;width:80%}
.i-how-works dl dt{color:#000;font-weight:normal;font-size:16px}
.i-how-works dl dd{color:#000;text-align:center}
.i-how-works .bar span{padding:6px 50px;background:#c52d2f;color:#000;letter-spacing:1px;border:dotted 1px #666;background:#fff;font-weight:normal;font-size:12px}
.i-how-works .bar{display:block;width:100%;line-height:60px;font-size:14px;font-weight:bold;color:#000;text-align:center}
.i-how-works .bar_title{display:block;width:100%;line-height:30px;font-size:30px;font-weight:bold;color:#000;text-align:center;letter-spacing:1px;}
.i-how-works .nav-pills > li.active > a,.how-works .nav-pills > li.active > a:hover,.how-works .nav-pills > li.active > a:focus {color: #fff;border-bottom:solid 0px #000;background:#333}
.i-how-works .nav-pills > li > a {border-radius: 0px;color:#000;border-bottom:solid 0px #000;background:#ddd}
.i-how-works h2{color:#000;font-size:28px;;font-family:Oswald}
.i-how-works h3{color:#000;font-size:20px;}
.i-how-works h4{color:#000;font-size:12px;color:#000;}
.i-how-works h4 span{background:#fff;color:#000;padding:1px 3px;font-size:12px;border:dotted 1px #666;}
.i-how-works dl{color:#000;margin:auto;width:80%;margin-top:15px}
.i-how-works dl dt{color:#000;font-weight:normal;font-size:14px}
.i-how-works dl dd{color:#000;text-align:center}
.i-how-works .bar span{padding:6px 50px;background:#c52d2f;color:#000;letter-spacing:1px;border:dotted 1px #666;background:#fff;font-weight:normal;font-size:12px}
.i-how-works .bar{display:block;width:100%;line-height:60px;font-size:14px;font-weight:bold;color:#000;text-align:center}
.i-how-works .bar_title{display:block;width:100%;line-height:30px;font-size:30px;font-weight:bold;color:#000;text-align:center;letter-spacing:1px;}
.i-how-works .nav-pills > li.active > a,.how-works .nav-pills > li.active > a:hover,.how-works .nav-pills > li.active > a:focus {color: #fff;border-bottom:solid 0px #000;background:#333}
.i-how-works .nav-pills > li > a {border-radius: 0px;color:#000;border-bottom:solid 0px #000;background:#ddd}

.index-page .ui-process-horizontal .ui-process-content,.ui-process-horizontal .ui-process-item{float:left}
.index-page .ui-process-horizontal .ui-process-content{width:100%}
.index-page .ui-process-horizontal .ui-process-item{position:relative;width:33%;text-align:center}
.index-page .ui-process-horizontal .ui-process-text{display:block;width:100%;padding:0 10px;box-sizing:border-box;font-size:20px;line-height:1;color:#000;font-weight:bold;}

.index-page .ui-process-horizontal .ui-process-item.ui-process-item-first:before,.index-page .ui-process-horizontal .ui-process-item.ui-process-item-last:after{display:none}

.index-page .ui-process-horizontal.ui-process-normal .ui-process-icon,.index-page .ui-process-horizontal.ui-process-primary .ui-process-icon,.ui-process-horizontal.ui-process-secondary .ui-process-icon{position:absolute;top:0;left:50%;font-style:normal;text-align:center;background-repeat:no-repeat;background-position:center}
.index-page .index-page .ui-process-horizontal.ui-process-normal .ui-process-item{padding:23px 10px 0px 10px}
.index-page .index-page .ui-process-horizontal.ui-process-normal .ui-process-icon{margin:-8px 0 0 -8px;line-height:60px}
.index-page .index-page .ui-process-normal .ui-process-icon{font-size:60px;color:#000}

.index-page .ui-process-horizontal .ui-process-item:after,.index-page .ui-process-horizontal .ui-process-item:before{position:absolute;height:1px;background:#000;content:""}

.index-page .ui-process-horizontal.ui-process-primary .ui-process-item{padding:70px 0 0 0}
.index-page .ui-process-horizontal.ui-process-primary .ui-process-icon{width:70px;height:70px;line-height:70px;margin:0 0 0 -31px;border:0px solid #fff;border-radius:60px;color:#c52d2f;font-size:50px;}
.index-page .ui-process-horizontal.ui-process-primary .ui-process-item:before,.index-page .ui-process-primary .ui-process-item:after{top:35px;width:50%}
.index-page .ui-process-horizontal.ui-process-primary .ui-process-item:before{left:-31px}
.index-page .ui-process-horizontal.ui-process-primary .ui-process-item:after{right:-38px}

/**new-hot-products*/

.new-hot-products {
padding:50px 0px
}

.new-hot-products .nav-tabs>li {
    float: left;
    margin-bottom: -1px;
    width:50%;text-align:center
    
}

.new-hot-products .nav-tabs>li.active>a, .new-hot-products .nav-tabs>li.active>a:hover,.new-hot-products .nav-tabs>li.active>a:focus {
    color: #555;
    background-color: #fff;
    border: 0px solid #ddd;
    border-bottom:solid 1px #000;
   font-weight:bold;
    cursor: default;font-size:14px;
}

.new-hot-products .nav-tabs>li>a {
    margin-right: 15px;margin-left: 15px;
   font-size:12px;letter-spacing:2px;text-transform:uppercase;
    border: 0px solid transparent;font-weight:bold;font-size:14px;
    border-radius: 0 0 0 0;
}



/*page : index or homepage for*/
.index-page-v2 {}


    .index-page-v2 .responsive-header .nav-section {
    border-bottom:solid 1px #ddd
    }



/**index.page mainbanner*/
.index-page-v2 .main_banner .banner_1{height:400px;margin-top:15px}

/**index.page mainbanner*/
.index-page-v2 .mainbanner-box1 {
    position:absolute;
    left:50px;
    top:70px
}

.index-page-v2 .mainbanner-box1 h1{
  font-size:30px;letter-spacing:2px;color:#fff;text-transform:capitalize;font-family:Oswald;font-weight:700
}

    .index-page-v2 .mainbanner-box1 .info {
    color:#fff;letter-spacing:2px;font-size:14px;font-family:Lato;font-weight:400;font-style:italic;font-family:Oswald;
    }




.index-page-v2 .main_banner .banner_2_1{margin-left:-15px;height:305px;margin-top:15px}

.index-page-v2 .mainbanner-box21 {
    position:absolute;
    left:20%;
    top:40%;font-size:18px;font-family:Oswald;font-weight:700;color:#fff;letter-spacing:1px
}

    .index-page-v2 .mainbanner-box21  a {
    font-size:22px;color:#000;letter-spacing:2px;text-decoration:underline;font-family:Oswald;font-weight:700;color:#fff
    }

        .index-page-v2 .mainbanner-box21  a:hover {
  ;text-decoration:none
    }

.index-page-v2 .main_banner .banner_2_2{margin-left:-15px;height:80px;margin-top:15px}

.index-page-v2 .mainbanner-box22 {
    position:absolute;
    right:20px;
    top:20px;font-size:14px;font-family:Lato;font-weight:400;color:#fff;letter-spacing:1px
}

    .index-page-v2 .mainbanner-box22  a {
    font-size:14px;color:#000;letter-spacing:2px;text-decoration:underline;font-family:Oswald;font-weight:700;color:#fff
    }

        .index-page-v2 .mainbanner-box22  a:hover {
  ;text-decoration:none
    }

/*index.page new-in section*/
.index-page-v2 .new-in {padding:0px 0px;border-top:solid 1px #ddd;margin-top:15px}

.index-page-v2 .new-in h3 { font-family:minion-pro,"Trebuchet MS",Helvetica,sans-serif;text-align:center; display: block;font-size: 20.25px;font-weight: 500;text-transform: uppercase;letter-spacing: .75px;line-height: 30px;color:#000;}
.index-page-v2 .new-in .inner-border {width: 4%;height: 3px;display: block;border-bottom: 1px solid #666;margin: 10px auto;}
.index-page-v2 .new-in .text{font-size:12px;letter-spacing:1px;color:#333;text-align:center;line-height:30px;font-style:initial;margin-bottom:20px;font-weight:bold;font-style:italic}

.index-page-v2 .new-in a.item-link {background:#fff;border:solid 1px #efefef;padding:0px;display:block;text-decoration:unset;margin-bottom:30px;opacity:0.8}
.index-page-v2 .new-in a.item-link:hover {border:solid 1px #aaa;opacity:1}
.index-page-v2 .new-in .item-image {overflow:hidden}
.index-page-v2 .new-in .item-image img{ width:100%;  transition: 2s;  -webkit-transition: 2s;-o-transition: 2s; -moz-transition: 2s; -ms-transition: 2s;vertical-align: middle;}
.index-page-v2 .new-in .item-image img:hover{transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);}
.index-page-v2 .new-in .item-text {margin-bottom:30px}
.index-page-v2 .new-in .item-text .date{    white-space: nowrap;overflow: hidden;-ms-text-overflow: ellipsis;-o-text-overflow: ellipsis; text-overflow: ellipsis;font-size: 14px;line-height: 36px;color: #000;text-align: center;}
.index-page-v2 .new-in .item-text .name{    color: #000;text-align: center;font-size:14px;line-height: 20px;padding: 0 6px;overflow:hidden;height:40px}
.index-page-v2 .new-in .carousel-control {position:static;line-height:50px;text-align:center;line-height:50px;display:inline-block;width:50px;height:50px;color:#000;font-size:50px;font-weight:normal}


/*index.page i-work-studio section*/
.index-page-v2 .i-work-studio {background:#666;height:400px;padding:50px 0px}

.index-page-v2 .i-work-studio-box {width:300px;color:#fff}
.index-page-v2 .i-work-studio h3 {    font-size: 0.75em;line-height: 1.5em;letter-spacing: 2px;text-transform: uppercase;}
.index-page-v2 .i-work-studio p {font-size: 2.25em;line-height: 1.16667em;line-height: 37px;}
.index-page-v2 .i-work-studio p.second-line { margin-bottom: 13px;    font-style: italic;font-family: "freight-text-pro", Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif; }
.index-page-v2 .i-work-studio p.body{display: block;margin: auto auto 0.75em auto;    font-size: 1.5em;line-height: 1.25em; margin-bottom: 23px;}
.index-page-v2 .i-work-studio .call-to-action{display: block; width: 246px;height: 50px;background-color: #ffd800;}
.index-page-v2 .i-work-studio .call-to-action .meet-with{text-transform: uppercase;letter-spacing: 2px;text-align: center;font-size: 13px;line-height: 50px;width: 100%; color: #000;}

/*index.page i-collections section*/
.index-page-v2 .factory-lists {background:#fff;border-top:solid 1px #efefef;padding:20px 0px;}

.index-page-v2 .factory-lists h3 { font-family:minion-pro,"Trebuchet MS",Helvetica,sans-serif;text-align:center; display: block;font-size: 20.25px;font-weight: 500;text-transform: uppercase;letter-spacing: .75px;line-height: 30px;color:#000;}
.index-page-v2 .factory-lists .inner-border {width: 4%;height: 3px;display: block;border-bottom: 1px solid #666;margin: 10px auto;}
.index-page-v2 .factory-lists .text{font-size:12px;letter-spacing:1px;color:#333;text-align:center;line-height:30px;font-style:initial;margin-bottom:20px;font-weight:bold;font-style:italic}

.index-page-v2 .factory-lists .factory-list-item {margin-bottom:0px; border-radius:5px;border:solid 0px #000;height:500px;}
.index-page-v2 .factory-list .factory-list-item-container {height:500px;border-radius:3px;}
.index-page-v2 .factory-list  .factory-list-item-text {margin-bottom:0px;}
.index-page-v2 .factory-list  .factory-list-item-text .name{font-size: 20px;letter-spacing:1px}

    .index-page-v2 .about-content {
       min-height:300px;padding-top:30px;padding-bottom:40px
    }

.index-page-v2 .about-content h3 { font-family:oswald;text-align:center; display: block;font-size: 28.25px;font-weight: 500;text-transform: uppercase;letter-spacing: .75px;line-height: 30px;color:#000;}
.index-page-v2 .about-content .inner-border {width: 4%;height: 3px;display: block;border-bottom: 2px solid #e55400;margin: 10px auto;}
.index-page-v2 .about-content .text{font-size:14px;letter-spacing:1px;color:#000;text-align:center;line-height:30px;font-style:initial;margin-bottom:20px;}


         /**mobile verson*/
@media screen and (max-width: 767px) {

    .index-page-v2 .main_banner .main-banner-box {
    padding:0px
    }
    
    .index-page-v2 .main_banner .banner_1{height:300px;border-top:solid 1px #efefef;margin-top:0px}

        /**index.page mainbanner*/
.index-page-v2 .main_banner .banner_2_1{margin-left:0px;margin-top:1px}

.index-page-v2 .main_banner .banner_2_2{margin-left:0px;margin-top:1px}
        
.index-page-v2 .factory-lists .factory-list-item {margin-bottom:0px; border-radius:0px;border:solid 0px #000;height:auto;}
.index-page-v2 .factory-list .factory-list-item-container {height:auto;border-radius:0px;margin-left:-5px;margin-right:-5px;margin-top:10px}
.index-page-v2 .factory-list  .factory-list-item-text .name{font-size: 20px;letter-spacing:1px}

    .index-page-v2 .product-item-gallery-2-container-row {
    border-top:solid 1px #ddd;margin-left:-5px;margin-right:-5px
    }
}
.invitefriend-page {
  
}


.invitefriend-container {
      padding:50px 0px;
}


.invitefriend-page .invitation-title {
    color: #383838;
    font-size: 24px;letter-spacing:0px;font-family: 'proxima-nova-semi'
}


.invitefriend-page .invitation-description {
    color: #666;
  
    font-size: 14px;
    margin-top: 2.5em;letter-spacing:0px;
}

.invitefriend-page .invitation-description span {font-size:22px;line-height:40px;color:#333}

.invitefriend-page .invitation-link-container {
    border: 1px solid #DE9C24;
    margin-top: 4em;
    padding: 2.5em;background:#fff;border-radius:2px
}


.invitefriend-page .invitation-link {
    color: #383838;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 1.8em;
    font-style: italic;
    text-decoration: none;
    word-wrap: break-word;
}



.invitefriend-page .social-buttons {text-align:center;width:260px;display:block;margin:auto;margin-top:50px}

.invitefriend-page .social-buttons a{border:solid 1px #DE9C24;width:100%;height:65px;width:65px;line-height:75px;border-radius:32px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    display:inline-block; margin-left:3px;margin-right:3px;color:#DE9C24
    }

.invitefriend-page .social-buttons a i{font-size:30px;padding-left:2px}

.invitefriend-page .social-buttons a:hover {background:#DE9C24
    }

.invitefriend-page .social-buttons a:hover i{color:#fff
    }

.invitefriend-page .social-buttons{text-align:center;}


.invitefriend-page .social-button-title{
   color: #333;
   
    font-size: 18px;margin-top: 4em;font-weight:normal;margin-bottom:1em;letter-spacing:1px

    }


.invitefriend-page .qrcode-title {
    color: #333;
   
    font-size: 18px;margin-top: 4em;font-weight:normal;margin-bottom:1em;letter-spacing:1px
}


.invitefriend-page .qrcode-container {
        display: block;text-align:center;margin-top: 1em;margin:auto;width:320px
}


.invitefriend-page .terms-and-conditions-title {
   
    cursor: pointer;text-align:center;margin:auto;
    margin-top: 10em;  font-family: "Neutraface2TextBook","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 1em;
    font-weight:normal;letter-spacing:1px;margin-bottom:10px;color:#666
}


.invitefriend-page .terms-and-conditions-description {
     margin: 1em auto;
    max-width: 500px;
   text-align:center;margin:auto;letter-spacing:0.5px;color:#999; margin-bottom: 10em;
}


.invitefriend-page .invitation-cash {}

.invitefriend-page .invitation-cash a {border:solid 1px #111;font-size:15px;display:inline-block;background:#111;color:#fff;text-decoration:none;letter-spacing:0.5px;line-height:18px;padding:15px}
.invitefriend-page .invitation-cash a span{line-height:30px;}


/**********
.invite-enter-page
*********************************************************************************/

.invite-page {}


.invite-page  .responsive-header,
.invite-page   .responsive-footer,
.invite-page   .responsive-notice 
 {display:none}


.invite-page .invite-header{background-color:#fff;text-align:center}
.invite-page .invite-header a{padding:20px;display:block}
.invite-page .invite-header img{max-width:110px;display:inline-block;margin:auto}


.invite-page .invite-content{position:relative;text-align:center;background:#333;padding-bottom:100px}
.invite-page .invite-content:before,.invite-page .invite-content:after{content:" ";display:table}
.invite-page .invite-content:after{clear:both}


.invite-page .invite-content #invite-bg-image{margin-bottom:15px}
.invite-page .invite-content #invite-bg-image h5{color:#fff;letter-spacing:.05em;line-height:1.6;margin-top:0;margin-bottom:0;padding:0 30px;font-size:15px}
.invite-page .invite-content #invite-bg-image h5:first-child{margin-top:30px}
.invite-page .invite-content #invite-bg-image h1{color:#fff;text-transform:uppercase;margin-top:20px;padding:0 20px;letter-spacing:.1em;font-size:14px;font-family: 'proxima-nova-semi'}
.invite-page .invite-content #invite-bg-image h1 span{display:block;font-size:30px;margin-bottom:10px}
.invite-page .invite-content #invite-bg-image hr{width:50px;margin:auto;border-bottom:1px solid #fff;margin-top:20px}
.invite-page .invite-content #invite-bg-image p{margin:0}
.invite-page .invite-content #invite-bg-image p:last-child{margin-bottom:10px}

.invite-page .invite-content .invite-content-container{max-width:800px}

/**左边*/
.invite-content .invite-content-container #invite-ref {background-color:#fff;padding:0;min-height:470px}

/**左边产品样式*/
.invite-content .invite-content-container #invite-ref p{font-size:14px;color:#111;text-align:left;margin-top:10px;padding-right:20px;padding-left:30px;margin-bottom:20px;word-wrap:break-word}

.invite-content .invite-content-container #invite-ref a{color:#fff}
.invite-content .invite-content-container #invite-ref a{text-decoration:underline}

.invite-content .invite-content-container #invite-ref  h6{padding:0 20px 0 20px;font-size:14px}

.invite-content .invite-content-container .invite-message-product {border-top:solid 1px #ddd;padding:20px 45px;margin:15px;border-radius:3px;}
.invite-content .invite-content-container .invite-message-product table {margin-bottom:0px}
.invite-content .invite-content-container .invite-message-product td {padding-right:10px;vertical-align:top}
.invite-content .invite-content-container .invite-message-product td a img{max-width:100%}

.invite-content .invite-content-container .invite-message-product td .name{text-overflow: ellipsis;overflow: hidden;display: block;color: #111;font-size: 1.5rem;text-transform:capitalize;text-align:left;font-size:12px;}
.invite-content .invite-content-container .invite-message-product td .name i{text-overflow: ellipsis;overflow: hidden;color: #111;font-size: 1.5rem;font-weight: normal;text-transform: capitalize;font-family: "proxima-nova-semi";letter-spacing:0px;display:block;font-style:normal;font-size:14px;}

.invite-content .invite-content-container .invite-message-product td .price{color: #fff;font-size:13px;line-height: 1.3;;text-align:left;display:block;margin-top:15px}
.invite-content .invite-content-container .invite-message-product td .price i{position: relative;margin-left: .35rem;color: #424242;text-decoration: line-through;font-style:normal}
.invite-content .invite-content-container .invite-message-product td .price em{color: #111;font-style:normal;font-family: "proxima-nova-semi";}



.invite-content .invite-content-container .invite-avatar{margin:30px 0 20px}
.invite-content .invite-content-container .avatar{float:none;display:inline-block;margin:20px 0 10px}
.invite-content .invite-content-container .avatar img{margin:0 auto}
.invite-content .invite-content-container .sender-initials{-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;overflow:hidden;display:block;box-shadow:0 0 0 1px rgba(0,0,0,0.9);padding-left:1px;color:#111;width:70px;height:70px;left:0;right:0;margin:auto;background:#fff}
.invite-content .invite-content-container .sender-initials .center{padding:27px 0;font-size:46px;letter-spacing:2px;color:#333;}

.invite-content .invite-content-container #invite-form{background-color:#bbb;;min-height:470px}
.invite-content .invite-content-container form{margin:50px 20px 20px 20px}
.invite-content .invite-content-container form label{text-align:left}
.invite-content .invite-content-container form .error{font-size:12px;color:#c7496a}
.invite-content .invite-content-container form .btn{margin:20px 0 10px}
.invite-content .invite-content-container form .form-group{margin-bottom:0px}
.invite-content .invite-content-container form p{font-size:11px;text-align:left;color:#999;margin-bottom:30px}
.invite-content .invite-content-container #invite-form h6{margin-top:10px;font-size:15px;letter-spacing:1px;color:#111}

   

.invite-page .invite-footer {padding:45px 0;text-align:left;background-color:#f2f3f5}
.invite-page .invite-footer .icon{-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;overflow:hidden;display:block;border:solid 1px #ddd;padding-left:1px;color:#ddd;width:50px;height:50px;left:0;right:0;margin:auto;}
.invite-page .invite-footer .icon center{padding:0px 0;font-size:46px;letter-spacing:2px;color:#ddd;}
.invite-page .invite-footer h6{text-transform:uppercase;letter-spacing:.05em;text-align:center}
.invite-page .invite-footer p{font-size:12px;text-align:center;color:#777}
.invite-page .invite-footer a{display:block;color:#999;text-decoration:underline;letter-spacing:0px;text-align:center;font-size:10px;}
.invite-page .invite-footer a:hover{color:#ee7873}

@media screen and (max-width: 767px) { /**.xs show*/


    .invite-page .invite-content {
    padding:0px;
    }

    .invite-content .invite-content-container #invite-ref {min-height:unset}

    .invite-content .invite-content-container .invite-message-product {margin-bottom:0px}
}


.invitefriend-page {
  
}

.invitefriend-container {
      padding:50px;
}

.invitefriend-page .invitation-title {
    color: #383838;
    font-size: 26px;letter-spacing:1px;
}

.invitefriend-page .invitation-description {
    color: #888;
  
    font-size: 18px;
    margin-top: 2.5em;letter-spacing:0.5px;
}

.invitefriend-page .invitation-link-container {
    border: 1px solid #DE9C24;
    margin-top: 4em;
    padding: 2.5em;background:#fff;border-radius:2px
}

.invitefriend-page .invitation-link {
    color: #383838;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 1.8em;
    font-style: italic;
    text-decoration: none;
    word-wrap: break-word;
}


.invitefriend-page .social-buttons {text-align:center;width:260px;display:block;margin:auto;margin-top:50px}
.invitefriend-page .social-buttons a{border:solid 1px #DE9C24;width:100%;height:65px;width:65px;line-height:75px;border-radius:32px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    display:inline-block; margin-left:3px;margin-right:3px;color:#DE9C24
    }
.invitefriend-page .social-buttons a i{font-size:30px;padding-left:2px}
.invitefriend-page .social-buttons a:hover {background:#DE9C24
    }
.invitefriend-page .social-buttons a:hover i{color:#fff
    }
.invitefriend-page .social-buttons{text-align:center;}

.invitefriend-page .social-button-title{
   color: #333;
   
    font-size: 18px;margin-top: 4em;font-weight:normal;margin-bottom:1em;letter-spacing:1px

    }

.invitefriend-page .qrcode-title {
    color: #333;
   
    font-size: 18px;margin-top: 4em;font-weight:normal;margin-bottom:1em;letter-spacing:1px
}

.invitefriend-page .qrcode-container {
        display: block;text-align:center;margin-top: 1em;margin:auto;width:260px
}

.invitefriend-page .terms-and-conditions-title {
   
    cursor: pointer;text-align:center;margin:auto;
    margin-top: 10em;  font-family: "Neutraface2TextBook","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 1em;
    font-weight:normal;letter-spacing:1px;margin-bottom:10px;color:#666
}

.invitefriend-page .terms-and-conditions-description {
     margin: 1em auto;
    max-width: 500px;
   text-align:center;margin:auto;letter-spacing:0.5px;color:#999; margin-bottom: 10em;
}

/**body-content*/

.landing-page {}

/**home.page*/
#main-slider {margin:0;padding:0;position:relative;}
#main-slider .carousel .carousel-content{margin-top:80px;}
#main-slider .carousel .slide-margin{margin-top:110px;}
#main-slider .carousel h1{font-size:35px;font-family:Oswald;color:#fff}
#main-slider .carousel h2{font-size:22px;letter-spacing:1px;font-family:Oswald;color:#fff}
#main-slider .carousel li{font-size:16px;letter-spacing:0.5px;line-height:24px;color:#fff}

#main-slider .carousel .btn-slide{padding:8px 30px;color:#fff;border-radius:4px;margin-top:25px;font-family:Oswald;}
#main-slider .carousel .item{background-repeat:no-repeat;background-size:cover;left:0!important;opacity:0;top:0;position:absolute;height:100%;background-position:100%;display:block!important;height:620px;-webkit-transition:opacity ease-in-out 500ms;-moz-transition:opacity ease-in-out 500ms;-o-transition:opacity ease-in-out 500ms;transition:opacity ease-in-out 500ms;max-width: 100%;}
#main-slider .carousel .item:first-child{top:auto;position:relative;}
#main-slider .carousel .item.active{opacity:1;-webkit-transition:opacity ease-in-out 500ms;-moz-transition:opacity ease-in-out 500ms;-o-transition:opacity ease-in-out 500ms;transition:opacity ease-in-out 500ms;z-index:1;}
#main-slider .carousel .banner-1{background-image: url(//static.tomade.com/images/landing-pages/retailer/home.jpg?160429);max-width:100%}


/**home-mission*/
.landing-page .our-mission {background:#f3f3f3;padding:0px 0px 60px 0px}
.landing-page .our-mission h2{color:#000;font-size:22px;font-family:Oswald}
.landing-page .our-mission p{color:#000;font-size:16px;}
.landing-page .our-mission .title-hr {height: 3px;width:126px;margin: 25px auto 20px;background: #000;}


/**.landing-page .trust-us*/
.landing-page .how-works {border-top:solid 1px #666;}
.landing-page .how-works h2{color:#000;font-size:28px;;font-family:Oswald}
.landing-page .how-works h3{color:#000;font-size:20px;}
.landing-page .how-works h4{color:#000;font-size:12px;color:#000;}
.landing-page .how-works h4 span{background:#fff;color:#000;padding:1px 3px;font-size:12px;border:dotted 1px #666;}
.landing-page .how-works dl{color:#000;margin:auto;width:80%}
.landing-page .how-works dl dt{color:#000;font-weight:normal;font-size:16px}
.landing-page .how-works dl dd{color:#000;text-align:center}
.landing-page .how-works .bar span{padding:6px 50px;background:#c52d2f;color:#000;letter-spacing:1px;border:dotted 1px #666;background:#fff;font-weight:normal;font-size:12px}
.landing-page .how-works .bar{display:block;width:100%;line-height:60px;font-size:14px;font-weight:bold;color:#000;text-align:center}
.landing-page .how-works .bar_title{display:block;width:100%;line-height:30px;font-size:30px;font-weight:bold;color:#000;text-align:center;letter-spacing:1px;}
@media (max-width: 767px) {
    .landing-page .how-works .bar span{padding:2px 5px;font-size:10px;letter-spacing:0px}}

.landing-page .how-works .nav-pills > li.active > a,.how-works .nav-pills > li.active > a:hover,.how-works .nav-pills > li.active > a:focus {color: #fff;border-bottom:solid 0px #000;background:#333}
.landing-page .how-works .nav-pills > li > a {border-radius: 0px;color:#000;border-bottom:solid 0px #000;background:#ddd}



/*categories*/
.landing-page .categories {border-top:solid 1px #666;margin-top:50px;background:#f8f8f8;padding-bottom:50px}
.landing-page .categories h2{color:#000;font-size:28px;;font-family:Oswald;}
.landing-page .categories h3{color:#000;font-size:16px;;font-family:Oswald}
.landing-page .categories .list{background:#ddd;padding:10px 20px}
.landing-page .categories .list ul{padding:0px;}
.landing-page .categories .list ul li {list-style:none;font-size:12px;line-height:20px;}

.landing-page .categories dl{}
.landing-page .categories dt{background-color:#000}
.landing-page .categories img{width:100%}
.landing-page .categories dd{line-height:40px;border-bottom:solid 1px #ddd;font-size:14px}


/*trust-us**/
.landing-page .trust-us {border-top:solid 1px #666;}
.landing-page .trust-us h2{color:#000;font-size:28px;;font-family:Oswald}
.landing-page .trust-us p{color:#000;font-size:14px;color:#555;}
.landing-page .trust-us .customer-panel {}
.landing-page .trust-us .customer-item {}
.landing-page .trust-us .customer-item .top-info {line-height: 1.3;margin-bottom: 25px;*zoom: 1;}
.landing-page .trust-us .customer-item .top-info:before,.landing-page .trust-us .customer-item .top-info:after {content: "";display: table;}
.landing-page .trust-us .customer-item .top-info:after {clear: both;}
.landing-page .trust-us .customer-item .top-info h3 {  margin: 0;  font-size: 16px;  font-weight: bold;}
.landing-page .trust-us .customer-item .top-info h3 em {  font-weight: normal;}
.landing-page .trust-us .customer-item .top-info .txt {padding-top: 12px;}
.landing-page .trust-us .customer-item .words {font-size:14px; line-height: 1.3;margin-top:40px}


/**ui-process horizontal or vertical (normal or primary) */
.landing-page .ui-process-horizontal .ui-process-content,.ui-process-horizontal .ui-process-item{float:left}
.landing-page .ui-process-horizontal .ui-process-content{width:100%}
.landing-page .ui-process-horizontal .ui-process-item{position:relative;width:33%;text-align:center}
.landing-page .ui-process-horizontal .ui-process-text{display:block;width:100%;padding:0 10px;box-sizing:border-box;font-size:20px;line-height:1;color:#000;font-weight:bold;}

.landing-page .ui-process-horizontal .ui-process-item.ui-process-item-first:before,.landing-page .ui-process-horizontal .ui-process-item.ui-process-item-last:after{display:none}

.landing-page .ui-process-horizontal.ui-process-normal .ui-process-icon,.landing-page .ui-process-horizontal.ui-process-primary .ui-process-icon,.ui-process-horizontal.ui-process-secondary .ui-process-icon{position:absolute;top:0;left:50%;font-style:normal;text-align:center;background-repeat:no-repeat;background-position:center}
.landing-page .landing-page .ui-process-horizontal.ui-process-normal .ui-process-item{padding:23px 10px 0px 10px}
.landing-page .landing-page .ui-process-horizontal.ui-process-normal .ui-process-icon{margin:-8px 0 0 -8px;line-height:60px}
.landing-page .landing-page .ui-process-normal .ui-process-icon{font-size:60px;color:#000}

.landing-page .ui-process-horizontal .ui-process-item:after,.landing-page .ui-process-horizontal .ui-process-item:before{position:absolute;height:1px;background:#000;content:""}

.landing-page .ui-process-horizontal.ui-process-primary .ui-process-item{padding:70px 0 0 0}
.landing-page .ui-process-horizontal.ui-process-primary .ui-process-icon{width:70px;height:70px;line-height:70px;margin:0 0 0 -31px;border:0px solid #fff;border-radius:60px;color:#c52d2f;font-size:50px;}
.landing-page .ui-process-horizontal.ui-process-primary .ui-process-item:before,.landing-page .ui-process-primary .ui-process-item:after{top:35px;width:50%}
.landing-page .ui-process-horizontal.ui-process-primary .ui-process-item:before{left:-31px}
.landing-page .ui-process-horizontal.ui-process-primary .ui-process-item:after{right:-38px}



/***/
.sitemap-browse-header {}
.sitemap-browse-header h1{display: block;margin: 1.5em 0;font-size: 16px; letter-spacing: 1px;text-align: center;text-transform:capitalize;    font-family: "proxima-nova-semi";}

/**设计师索引*/
.sitemap-browse-index {padding: 0px 0;border-top: 1px solid #efefef;border-bottom: 1px solid #efefef;}
.sitemap-browse-index h3 {font-size: 16px; letter-spacing: 1px;text-align: center;text-transform:capitalize;    font-family: "proxima-nova-semi";}
.sitemap-browse-index ul {font-family: "proxima-nova-regular";    color: #333;padding: 0;margin: 0;display:inline-block}
.sitemap-browse-index ul li {display: inline-block;margin: 0 .1em; }
.sitemap-browse-index ul li:first-child {}
.sitemap-browse-index ul li a {color: #666;font-size: 14px;font-family: "proxima-nova-semi";padding:10px 10px}
.sitemap-browse-index ul li a:hover,.sitemap-browse-index ul li a.active {background:#efefef}

/**设计师索引内容*/
.sitemap-browse-page .character-set {background: #fff;}

.sitemap-browse-page .character-set .row {border-bottom: 1px solid #e4e4e4;padding-top: 5.2em;padding-bottom:3em;}

.sitemap-browse-page .character-set h3 {letter-spacing: .1rem;text-transform: uppercase;font-family: "proxima-nova-semi";    font-size: 2.7rem;vertical-align: baseline;margin-top:0px}

.sitemap-browse-page .character-set ul { column-count: 4;    color: #5d5d5d;padding: 0;margin: 0;font-size: 1.4rem;line-height: 1.6;margin-bottom: 0;list-style-position: outside;list-style: none;}
.sitemap-browse-page .character-set ul li {}
.sitemap-browse-page .character-set ul li a{border-bottom: 1px solid transparent;color: #5d5d5d;cursor: pointer;font-size: 15px;    line-height: inherit;text-decoration: none;text-transform:capitalize;text-overflow: ellipsis;white-space: nowrap;letter-spacing:0px;}
.sitemap-browse-page .character-set ul li a:hover {text-decoration:underline;color:#000}


@media screen and (max-width: 767px) { /**.xs show*/



    .sitemap-browse-index{display:block;width: 100%;padding: 0;width: 100%;overflow-x: scroll;overflow-y: hidden;white-space: nowrap;}
    /*滚动条样式*/
    .sitemap-browse-index::-webkit-scrollbar {width: 4px;height: 4px;}
    .sitemap-browse-index::-webkit-scrollbar-thumb {border-radius: 5px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: rgba(0,0,0,0.2);}
    .sitemap-browse-index::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius: 0;background: rgba(0,0,0,0.1);}
   
}



/***/

/**my-myaccount-index-page*/

.my-myaccount-index-page {
}

.my-myaccount-index-page .my-account-index-box{
    border:solid 1px #ddd;margin-bottom:15px;padding:20px;border-radius:2px
}


.my-myaccount-index-page .my-account-index-box:hover{
   background:#fafafa
}

.my-myaccount-index-page .my-account-index-box h3{
   font-size:16px;text-transform:uppercase;letter-spacing:1px;font-weight:bold;margin-bottom:0px
}

.my-myaccount-index-page .my-account-index-box p{
   font-size:12px;letter-spacing:1px;line-height:30px
}

.my-myaccount-index-page .my-account-index-box a{
   text-decoration:underline;letter-spacing:1px
}

/**public menu*/
.my-nav-menu {margin-bottom:50px;border-radius:2px}
.my-nav-menu .icons {background-color: #fafafa;border:solid 1px #ddd;margin:0px;padding: 15px 0px;margin-bottom: -1px;}
.my-nav-menu .icons h2{font-size:16px;font-weight:normal;letter-spacing:1px;}
.my-nav-menu .icons strong{font-size:16px;font-weight:normal;text-transform:uppercase;letter-spacing:0.5px;color:#555}
.my-nav-menu .icons p{font-size:12px;color:#555;letter-spacing:0.5px}
.my-nav-menu .icons hr{border-bottom:solid 1px #fafafa}
.my-nav-menu .icons .icon{font-size:52px;color:#ddd}
.my-nav-menu .icons .setting{color:#555;font-size:10px}
  .my-nav-menu .menus .list-group-item {letter-spacing:1px
            }
              

.my-nav-content {margin-bottom:50px}



/*my.shippingaddress.page*/
.my-shippingaddress-page {}


.my-shippingaddress-page select {
        font-weight: normal;
        font-size: 12px;
        letter-spacing: 1px;
        border: solid 1px #ddd;
        height: 43px;
        -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
        box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
        -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        　text-indent: 0.01px;
        text-overflow: "";
        background: url('../images/svg/ui-dropdown-arrow.svg') no-repeat right center;
    }


.my-shippingaddress-page .list-address {margin-bottom:0px}
.my-shippingaddress-page .list-address address{letter-spacing:1px;font-size:13px}
.my-shippingaddress-page .list-address a{font-size:12px;}
.my-shippingaddress-page .list-address a:hover{color:#000}

/**mobile show*/
 @media screen and (max-width: 767px){
   
        .my-nav-menu {position:relative;padding:0px;margin-bottom:0px;margin-top:-1px;}
        .my-nav-menu .icons {padding: 0px 0px;border-left-width:0px;border-right-width:0px;background:#efefef}
        .my-nav-menu .icons h2 {padding: 5px 0px;padding:20px 0px;margin:0px 0px;font-weight:bold;font-size:14px}
        .my-nav-menu .icons h2:after {display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;    content: "\f107";font-size: 130%;position: absolute;right: 5%; }

        .my-nav-menu .menus{display:none;z-index:15;box-sizing:border-box;position:absolute;z-index:99;width:100%;display:none; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.175); box-shadow: 0 1px 2px rgba(0,0,0,.175);border-top-width:0px;}

            .my-nav-menu .menus .list-group-item {border-left-width:0px;border-right-width:0px;letter-spacing:1px
            }
              /**click .toggled*/
            .my-nav-menu.toggled .menus {display:block
            }

    .my-shippingaddress-page .list-address .list-address-item {
    border-left-width:0px;border-right-width:0px
    }
        .my-shippingaddress-page  .list-group-item {
    border-left-width:0px;border-right-width:0px
    }
    
 }


/*************************************Address EDit   */
.address-edit-form {margin-top:0px;margin-bottom:0px;padding:0px}
.address-edit-form .control-label{text-align:left;font-weight:normal;padding-top:0px;padding-bottom:0px;margin-top:10px;margin-bottom:0px;text-transform:capitalize;color:#777;letter-spacing:1px}
.address-edit-form .form-control{text-align:left;line-height:40px;height:40px;letter-spacing:1px;font-size:15px;border-width:0px;border-bottom:solid 1px #ddd;    box-shadow: inset 0 0px 0px rgba(0,0,0,.075);color:#000}
 .address-edit-form .input-group-addon {
        background-color: transparent;
        border-width: 0px;
        border-bottom: solid 1px #ddd
    }
.address-edit-form select {
        font-weight: normal;
        font-size: 12px;
        letter-spacing: 1px;
        border: solid 1px #ddd;
        height: 43px;
        -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
        box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
        -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        　text-indent: 0.01px;
        text-overflow: "";
        background: url('../images/svg/ui-dropdown-arrow.svg') no-repeat right center;
    }
  

/******************************************************************************************************/
.tax-input-group .dropdown-menu {
    margin-top: -1px
}
.tax-input-group .art-combox-dropdown {
    max-height: 100px;
    overflow-y: scroll
}
.tax-input-group .art-combox-dropdown > div {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    width: 100%;
    height: 33px;
    cursor: pointer;
    background: none;
    font-size: 12px;
    padding-left: 15px;
    padding-right: 15px;
}

    .tax-input-group .art-combox-dropdown > div:hover {
        background: #ddd
    }

    /*******************/


.countrycalling-input-group .dropdown-menu {margin-top:-1px;font-size:12px}

.countryCallingCodeDropdown {
    max-height: 150px;
    overflow-y: scroll
}
 .countryCallingCodeDropdown > div {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;

    width: 100%;
    height: 33px;
    cursor: pointer;
    background: none;
}
.countryCallingCodeDropdown > div:hover {background:#ddd}
.countryCallingCodeDropdown > div:nth-child(2) {
    flex: 1 1 0%;
}
.countryCallingCodeDropdown .jlMfcI {
    display: flex;
    -webkit-box-flex: 0;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 12px;
    min-width: 12px;
    min-height: 12px;
}
.countryCallingCodeDropdown .dvoGRI {
    display: block;

    font-weight: 200;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0.5px;
    color: rgb(102, 102, 102);
    margin: 0px;
    padding: 0px;
}
    .countryCallingCodeDropdown > div p {
    margin: 0 0 0px 0px;
    }




/*my.changepassword.page*/
.my-changepassword-page {}

/**mobile show*/
 @media screen and (max-width: 767px){

        .my-changepassword-page .list-group-item {
    border-left-width:0px;border-right-width:0px
    }
    
 }


 .my-favorites-page .toolbar {line-height:50px;border-bottom:solid 1px #ddd;margin-bottom:20px;border-top:solid 1px #ddd;}
.my-favorites-page .toolbar .toolbar-title ,.my-favorites-page .toolbar .toolbar-title a{letter-spacing:1px;text-transform:uppercase}
.my-favorites-page .toolbar .toolbar-title span{font-size:12px;font-weight:bold;color:#000;text-transform:capitalize;letter-spacing:1px}
.my-favorites-page .toolbar .toolbar-title i{padding-left:3px;padding-right:3px;color:#999;font-weight:normal}
.my-favorites-page .toolbar a.order-link {;text-transform:uppercase;text-decoration:none;cursor:pointer;font-size:12px;display:block;box-shadow:0 0px 0px rgba(0, 0, 0, 0.175);-webkit-box-shadow:0 0px 0px rgba(0, 0, 0, 0.175);letter-spacing:1px}
.my-favorites-page .toolbar a.order-link:hover {box-shadow:0 0px 0px rgba(0, 0, 0, 0.175);-webkit-box-shadow:0 0px 0px rgba(0, 0, 0, 0.175);}
.my-favorites-page .toolbar .open {}
.my-favorites-page .toolbar .dropdown-menu{margin-top:-5px;box-shadow:0 0px 0px rgba(0, 0, 0, 0.175);-webkit-box-shadow:0 0px 0px rgba(0, 0, 0, 0.175);border:solid 1px #ddd;background:#f8f8f8}
.my-favorites-page .toolbar .dropdown-menu a {font-size:12px;letter-spacing:1px}

.my-favorites-page .paging {padding-top:0px;padding-bottom:50px}



.my-follows-page .toolbar {line-height:50px;border-bottom:solid 1px #ddd;margin-bottom:20px;border-top:solid 1px #ddd;}
.my-follows-page .toolbar .toolbar-title ,.my-follows-page .toolbar .toolbar-title a{letter-spacing:1px;text-transform:uppercase}
.my-follows-page .toolbar .toolbar-title span{font-size:12px;font-weight:bold;color:#000;text-transform:capitalize;letter-spacing:1px}
.my-follows-page .toolbar .toolbar-title i{padding-left:3px;padding-right:3px;color:#999;font-weight:normal}
.my-follows-page .toolbar a.order-link {;text-transform:uppercase;text-decoration:none;cursor:pointer;font-size:12px;display:block;box-shadow:0 0px 0px rgba(0, 0, 0, 0.175);-webkit-box-shadow:0 0px 0px rgba(0, 0, 0, 0.175);letter-spacing:1px}
.my-follows-page .toolbar a.order-link:hover {box-shadow:0 0px 0px rgba(0, 0, 0, 0.175);-webkit-box-shadow:0 0px 0px rgba(0, 0, 0, 0.175);}
.my-follows-page .toolbar .open {}
.my-follows-page .toolbar .dropdown-menu{margin-top:-5px;box-shadow:0 0px 0px rgba(0, 0, 0, 0.175);-webkit-box-shadow:0 0px 0px rgba(0, 0, 0, 0.175);border:solid 1px #ddd;background:#f8f8f8}
.my-follows-page .toolbar .dropdown-menu a {font-size:12px;letter-spacing:1px}

.my-follows-page .paging {padding-top:0px;padding-bottom:50px}

.my-follows-page .factory-list-item-container {border-radius:0px;height:550px}

.my-follows-page .list-category-follow:hover {border:solid 1px #e55400}
.my-follows-page .list-category-follow {border-radius:0px;height:100px;border:solid 1px #efefef;background:#fdfdfd;margin-bottom:30px}
.my-follows-page .list-category-follow h4 {text-align:center;font-weight:bold;letter-spacing:1px;font-family:Oswald;font-size:16px;line-height:40px}
.my-follows-page .list-category-follow buttons {line-height:40px}
.my-follows-page .list-category-follow .btn-follow-brand {

    z-index: 4;
    text-transform: uppercase;
    text-align: right;
    padding: 0;
    letter-spacing: 1px;
    font-weight: 500;
    font-size: 11px;
    color: #e55400;
    opacity: 1;
    background: #fff;
    color: #999;
    padding: 2px 4px;
    border-radius: 3px;
    border: solid 1px #999;
}

/**mobile show*/
 @media screen and (max-width: 767px){

       .my-follows-page .factory-list {
    padding-left:5px;padding-right:5px
    }
    
 }




/*my.coupon.page*/
.my-coupon-page {}


.my-coupon-page .list-coupon-toolbar {}
.my-coupon-page .list-coupon-toolbar .list-group{margin:0px;padding:0px;background-color:transparent}
.my-coupon-page .list-coupon-toolbar .list-group-item{margin:0px;border-width:0px;font-weight:bold;background-color:transparent;text-transform:uppercase;border-bottom:solid 1px #ccc;color:#000;font-size:14px;}


.my-coupon-page .list-coupons {margin-bottom:0px}
.my-coupon-page .list-coupons a{font-size:12px;}
.my-coupon-page .list-coupons a:hover{color:#000}

.my-coupon-page .list-coupon-item {border:solid 1px #ddd;padding:10px;margin:12px 2px;background:#fff;}
.my-coupon-page .list-coupon-item .pull-right strong{font-size:30px;padding:10px 20px;color:#555;letter-spacing:0.5px;text-transform:uppercase}
.my-coupon-page .list-coupon-item .pull-left strong{letter-spacing:0.5px;text-transform:uppercase}

.my-coupon-page .availlable {border-left:solid 10px #ffd800}
.my-coupon-page .availlable .pull-right p{font-size:14px;padding:10px 20px;color:#000;font-weight:bold;letter-spacing:0.5px}

.my-coupon-page .invalid {border:solid 1px #ddd;border-left:solid 10px #ddd;}
.my-coupon-page .invalid .pull-right strong{font-size:30px;padding:10px 20px;color:#ddd}
.my-coupon-page .invalid .pull-right p{font-size:14px;padding:10px 20px;color:#ddd;font-weight:bold;letter-spacing:0.5px}
.my-coupon-page .invalid .pull-left {color:#999}





/******************************************************************************************************/
/**public*/

.my-nav-page {}

.my-nav-page .my-nav {padding-bottom:50px;}



/**my-nav-left*/
.my-nav-page .my-nav-left {position:relative}

.my-nav-left .my-nav-menu {margin-bottom:50px;border-radius:2px;margin-top:50px}
.my-nav-left .my-nav-menu .list-group-item {letter-spacing:0px;font-size:14px;letter-spacing:0.5px;border-width:0px}
.my-nav-left .my-nav-menu .active {border-color:#ddd;color:#000;background:#efefef;}
              
/*my-nav-right*/
.my-nav-page .my-nav-title {line-height:50px;font-size:22px;border-bottom:solid 1px #ddd;text-transform:capitalize;margin-bottom:15px;margin-top:0px}



.my-nav-page .my-nav-right {;border-left:solid 1px #ddd}

.my-nav-page .my-nav-content {margin-bottom:50px}
.my-nav-page .my-nav-right .form-control {height:40px;color:#000;font-size:14px}
.my-nav-page .my-nav-right .label-control {line-height:30px;color:#000;font-size:14px}
.my-nav-page .my-nav-right .btn-radio {border:solid 1px #999;font-size:14px;line-height:26px}
.my-nav-page .my-nav-right .input-group-addon {background-color:transparent;border-width:0px;border-bottom:solid 1px #ddd}
/**mobile show*/
@media screen and (max-width: 767px) {
    /*my-nav*/
    .my-nav-page .my-nav {padding-bottom:50px;}
        

        .my-nav-left .my-nav-menu{display:none;z-index:15;box-sizing:border-box;position:absolute;z-index:99;width:100%;display:none; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.175); box-shadow: 0 1px 2px rgba(0,0,0,.175);border-top-width:0px;left:0px;border-left-width:0px;border-right-width:0px}
        .my-nav-left .my-nav-menu .list-group-item {border-left-width:0px;border-right-width:0px;letter-spacing:1px;background:#faf9f5;border-bottom:solid 1px #efefef;line-height:30px}
        .my-nav-left .my-nav-menu .list-group-item:hover {background:#fff}
        .my-nav-left .my-nav-menu .list-group-item.active {display:none}
         /**click .toggled*/
        .my-nav-left .my-nav-menu.toggled {display:block}

        /*my-nav-right*/
        .my-nav-page .my-nav-right {border-left:solid 0px #ccc}
        .my-nav-page .my-nav-right .form-group {}


        .my-nav-page .my-nav-title {cursor:pointer;font-size:16px}
        .my-nav-page .my-nav-title:after {display: inline-block;font: normal normal normal 18px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;content: "\f107";font-size: 18px;position: absolute;right: 7%;color: #666;top:16px;color: #666;}

    
 }


 /**my-index-page*/

.my-index-page {}
.my-index-page .list-group{padding:0px}
.my-index-page .my-account-index-box{border:solid 1px #ddd;margin-bottom:15px;padding:20px;border-radius:3px;cursor:pointer}
.my-index-page .my-account-index-box:hover{background:#fafafa}

.my-index-page .my-account-index-box h3{font-size:16px;text-transform:capitalize;letter-spacing:1px;font-weight:bold;margin-bottom:0px}
.my-index-page .my-account-index-box p{font-size:12px;letter-spacing:1px;line-height:30px}
.my-index-page .my-account-index-box a{text-decoration:underline;letter-spacing:1px;color:#777}



/**my-wallet-page*/

.my-wallet-page .list-wallet-item {font-size:20px;background:#faf9f5;padding:15px 25px}
.my-wallet-page .list-wallet-item strong {font-size:16px}

.my-wallet-page .list-activity-item h2{font-size:16px;font-weight:bold;margin:0px;padding: 0px 15px;}
.my-wallet-page .list-activity-item {border-top-width:0px;border-left-width:0px;border-right-width:0px}
.my-wallet-page .list-activity-item a {background:#fff;padding:3px 10px;}

.my-wallet-page .list-activity-item:hover {background:#fff}

.my-wallet-page #dropdown-select-date {font-size:14px;margin:0px;padding: 0px 15px;}

/**mobile show*/
@media screen and (max-width: 767px) {
    .my-wallet-page .list-activity-item-col {padding-top: 5px;padding-bottom: 5px;}
}


/**************************************************************************************/
/*my.coupon.page*/
.my-coupon-page {}

.my-coupon-page .list-coupon-toolbar {}
.my-coupon-page .list-coupon-toolbar .list-group{margin:0px;padding:0px;background-color:transparent}
.my-coupon-page .list-coupon-toolbar .list-group-item{margin:0px;border-width:0px;font-weight:bold;background-color:transparent;text-transform:uppercase;border-bottom:solid 1px #ccc;color:#000;font-size:14px;}


.my-coupon-page .list-coupons {margin-bottom:0px}
.my-coupon-page .list-coupons a{font-size:12px;}
.my-coupon-page .list-coupons a:hover{color:#000}

.my-coupon-page .list-coupons .coupon-item {margin-bottom:25px}

.list-coupon-item {border:dashed 1px #999;padding:10px;margin:12px 2px;background:#fff;border-radius:5px;}
.list-coupon-item .pull-right strong{font-size:30px;padding:10px 20px;color:#555;letter-spacing:0.5px;text-transform:uppercase}
.list-coupon-item .pull-left strong{letter-spacing:0.5px;text-transform:uppercase}

.list-coupon-item.availlable {border-left:solid 10px #ffd800;cursor:pointer}
.list-coupon-item.availlable:hover {background:#faf9f5}
.list-coupon-item.availlable .pull-right strong{padding:10px 20px;color:#ccc}
.list-coupon-item.availlable .pull-right p{font-size:10px;padding:10px 20px;color:#000;letter-spacing:0.5px;text-align:right}

.list-coupon-item.invalid {border:dashed 1px #ccc;border-left:solid 10px #ccc;cursor:not-allowed}
.list-coupon-item.invalid .pull-right strong{padding:10px 20px;color:#ccc}
.list-coupon-item.invalid .pull-right p{font-size:10px;padding:10px 20px;color:#ddd;letter-spacing:0.5px;text-align:right}
.list-coupon-item.invalid .pull-left {color:#999}


/*my.shippingaddress.page*/
.my-shippingaddress-page {}

.my-shippingaddress-page .my-nav-content {}
.my-shippingaddress-page .my-nav-content h3{font-size:14px;}

.my-shippingaddress-page .my-nav-content .pull-left{width:50%}
.my-shippingaddress-page .my-nav-content .pull-right{width:49%}

.my-shippingaddress-page .list-address {margin-bottom:0px}
.my-shippingaddress-page .list-address address{letter-spacing:0px;font-size:14px}
.my-shippingaddress-page .list-address a{font-size:12px;}
.my-shippingaddress-page .list-address a:hover{color:#000}

.my-shippingaddress-page .btn-green {border:solid 1px #999;color:#333;background:#fff;font-size:14px;border-radius:2px}
.my-shippingaddress-page .btn-green:hover {background:#efefef}

.my-shippingaddress-page .list-address-item:hover{background:#faf9f5}

.my-shippingaddress-page .address-edit-form {}
.my-shippingaddress-page .form-control {}
.my-shippingaddress-page .control-label {text-align:left;line-height:30px}

/**mobile show*/
@media screen and (max-width: 767px) {

    .my-shippingaddress-page .my-nav-content h3{font-size:14px;background:#ddd;padding-left:15px;display:block;line-height:40px;margin-bottom:0px}

.my-shippingaddress-page .my-nav-content .pull-left{width:100%;display:block;float:none}
.my-shippingaddress-page .my-nav-content .pull-right{width:100%;display:block;float:none}

.my-shippingaddress-page .my-nav-content .list-address-item {border-left-width:0px;border-right-width:0px;padding:15px 0px}
}



/**my-wallet-page*/

.my-invitations-page .list-wallet-item {font-size:20px;padding:15px 0px;letter-spacing:0px}
.my-invitations-page .list-wallet-item strong {font-size:16px;letter-spacing:0px}

.my-invitations-page .list-user-item h2{font-size:16px;font-weight:bold;margin:0px;padding: 0px 15px;}
.my-invitations-page .list-user-item {border-top-width:0px;border-left-width:0px;border-right-width:0px}
.my-invitations-page .list-user-item a {background:#fff;padding:3px 10px;}

.my-invitations-page .list-user-item:hover {background:#fff}

 .my-invitations-page .list-user-item-col {text-overflow: ellipsis; white-space: nowrap;overflow: hidden;}

/**mobile show*/
@media screen and (max-width: 767px) {
    .my-invitations-page .list-user-item-col {padding-top: 5px;padding-bottom: 5px;text-overflow: ellipsis; white-space: nowrap;overflow: hidden;}
}





/*my.orders.page*/
.my-orders-page {}

.my-orders-page .list-orders {margin-bottom:0px}
.my-orders-page .list-orders a{font-size:12px;}
.my-orders-page .list-orders a:hover{color:#000}

.my-orders-page .list-order-head {border-bottom:solid 1px #ddd;padding:10px 0px;margin:0px 0px;text-transform:capitalize;letter-spacing:0.25px;font-size:14px}

.my-orders-page .list-order-item {border-bottom:solid 1px #ddd;padding:10px 0px;margin:0px 0px;background:#fff;border-left:solid 0px #ddd;border-right:solid 0px #ddd}
.my-orders-page .list-order-item:hover {background:#faf9f5}

.my-orders-page .list-orders-orderid a {font-size:14px}
.my-orders-page .list-orders-orderid .list-orders-shipping {margin-top:15px;font-size:12px}

.my-orders-page .list-orders-address address {font-size:12px;}
.my-orders-page .list-orders-address address strong{font-weight:normal}

.my-orders-page .list-orders-shipping {text-transform:capitalize;font-size:14px}

    .my-orders-page .list-order-items {
        margin-top: 15px;
        overflow: hidden;
        margin-bottom: 5px
    }
.my-orders-page .list-order-items a{margin-right:15px;max-width:50px}
.my-orders-page .list-order-items a:last-child{margin-right:0px;}

    .my-orders-page .list-orders-amount {
        font-size: 14px;
    }
.my-orders-page .list-orders-refund {border:solid 1px #efefef;background:#faf9f5;max-width:100px;margin-top:12px}
.my-orders-page .list-orders-refund span{border-bottom:solid 1px #efefef;display:block;font-size:10px;padding:4px 5px}
.my-orders-page .list-orders-refund a{display:block;font-size:9px;padding:4px 5px;background:#fff}

.my-orders-page .list-orders-option {}
.my-orders-page .list-order-options-status {padding-left:0px;font-size:14px}
.my-orders-page .btn-white{margin-top:10px;border-radius:2px;width:100px;font-size:14px}
.my-orders-page .btn-white:last-child{}
.my-orders-page .btn-my-order-payment {background:#333;color:#fff;border-color:#333}
.my-orders-page .btn-my-order-confirm {background:#333;color:#fff;border-color:#333}


@media screen and (max-width: 767px) {
    .my-orders-page .list-order-items {margin-top:15px;overflow:hidden;margin-bottom:5px}
    .my-orders-page .list-order-items a{margin-right:10px;max-width:50px}
    .my-orders-page .list-order-items a:last-child{margin-right:0px;}


	 .my-orders-page .list-order-items .pull-left-img:nth-child(4) {display:none}
	 	 .my-orders-page .list-order-items .pull-left-img:nth-child(5) {display:none}
		 	 .my-orders-page .list-order-items .pull-left-img:nth-child(6)  {display:none}
			 	 .my-orders-page .list-order-items .pull-left-img:nth-child(7) {display:none}
				 	 .my-orders-page .list-order-items .pull-left-img:nth-child(8) {display:none}
					 	 .my-orders-page .list-order-items .pull-left-img:nth-child(9){display:none}
						 	 .my-orders-page .list-order-items .pull-left-img:nth-child(10) {display:none}
							 	 .my-orders-page .list-order-items .pull-left-img:nth-child(11){display:none}
}

/*********************************************************************************************/
/*my.order-detail.page*/
.my-order-detail-page {}

.my-order-detail-page .my-order-detail-title {border-bottom:solid 1px #ddd}
.my-order-detail-page .my-order-detail-title .my-nav-title{border-bottom:solid 0px #ddd;margin-bottom:0px}
.my-order-detail-page .my-order-detail-title .pull-left h1{display:inline-block;font-size:20px;margin-bottom:10px;margin-top:15px}
.my-order-detail-page .my-order-detail-title .pull-left h1 span{display:inline-block;font-size:12px;margin-left:10px;margin-top:10px;font-weight:normal}

.my-order-detail-page .my-order-detail-title .pull-right .btn-white{margin-top:10px;border-radius:2px;width:100px;font-size:12px}
.my-order-detail-page .my-order-detail-title .pull-right .btn-white:last-child{}
.my-order-detail-page .my-order-detail-title .pull-right .btn-my-order-payment {background:#333;color:#fff;border-color:#333}
.my-order-detail-page .my-order-detail-title .pull-right .btn-my-order-confirm {background:#333;color:#fff;border-color:#333}
.my-order-detail-page .my-order-detail-title .pull-right .list-order-options .link-loading {}
.my-order-detail-page .nav-tabs {margin-top:15px;border-bottom-width:2px}
.my-order-detail-page .nav-tabs>li {margin-bottom:-2px}
.my-order-detail-page .nav-tabs>li.active>a,
.my-order-detail-page .nav-tabs>li.active>a:hover,
.my-order-detail-page .nav-tabs>li.active>a:focus {
    color: #000;
    background-color:transparent;
    border: 0px solid #ddd;
    border-bottom:solid 2px #000;
    cursor: default;
    background-color:#fff
}

.my-order-detail-page .nav-tabs>li>a {
    margin-right: 0px;margin-left: 0px;
    font-size:14px;letter-spacing:0px;text-transform:capitalize; font-weight:normal;
    border: 0px solid transparent;
    border-radius: 0 0 0 0;
}
.my-order-detail-page .nav-tabs>li>a:hover{background-color:transparent}

.my-order-detail-page .tab-content{border-width:0px}
.my-order-detail-page .tab-pane{border-width:0px}

.my-order-detail-page h3{border-bottom:solid 1px #ddd;padding:15px 0px;color:#333;padding-left:10px;font-weight:normal;font-size:15px;background:#fff;    font-family: "proxima-nova-semi";}
.my-order-detail-page section{padding:5px 10px;color:#555;margin-bottom:15px}
.my-order-detail-page address{line-height:20px;letter-spacing:0.5px;color:#333}

/*bill information*/
.my-order-detail-page .bill-info-panel {}
.my-order-detail-page .bill-info-panel h3 {cursor:pointer}
.my-order-detail-page .bill-info-panel section{display:none}

.my-order-detail-page #tab_orderlogging .list-logging-head {font-weight:bold;line-height:40px;letter-spacing:0.5px}
.my-order-detail-page  #tab_orderlogging .list-logging-item {border:solid 0px #ddd;letter-spacing:0.5px;margin-left:0px;margin-right:0px;text-transform:capitalize;text-overflow: ellipsis;white-space: nowrap;overflow:hidden}


/**list order items for order.page**/
.list-orderproducts {margin:0px;padding:0px}


.list-orderproducts .list-group-item{background-color:transparent;border-width:0px;margin:0px;padding-top:0px}

.list-orderproducts .list-orderproduct-head {border-bottom:solid 1px #ddd;padding:1px 0px;font-size:12px;border-top-width:0px;;margin-left:0px;margin-right:0px;background:#fff;margin-top:-7px}
.list-orderproducts .list-orderproduct-head div {line-height:30px;font-weight:normal;font-size:12px;letter-spacing:1px}

.list-orderproducts .list-orderproduct-item {border:solid 1px #ddd;padding-top:10px;padding-bottom:10px;background:#fff;border-top-width:0px;font-size:12px;border-left-width:0px;border-right-width:0px;;margin-left:0px;margin-right:0px}
.list-orderproducts .list-orderproduct-item:hover {background:#fff}
.list-orderproducts .list-orderproduct-item ul{list-style:none;padding:0px;margin:0px}

.list-orderproducts .list-orderproduct-foot {border-bottom:solid 1px #ddd;padding:1px 3px;font-size:12px;border-top-width:0px;;margin-left:0px;margin-right:0px;letter-spacing:1px}
.list-orderproducts .list-orderproduct-foot div {line-height:40px;font-weight:normal;font-size:12px;letter-spacing:1px;color:#000}
.list-orderproducts .list-orderproduct-foot strong {font-weight:normal;letter-spacing:1px;color:#000}
.list-orderproducts .list-orderproduct-foot:last-child {border-bottom-width:0px}


/**data_product*/
.list-orderproduct-item .data_product {padding-left:5px;color:#000;letter-spacing:0px}

.list-orderproduct-item .data_product span.product-brand{text-overflow: ellipsis; white-space: nowrap;overflow: hidden;color: #111;font-size: 14px;font-weight: normal;text-transform: capitalize;font-family: "proxima-nova-semi";}
.list-orderproduct-item .data_product span.product-name{text-overflow: ellipsis;display: block;color: #111;font-size: 13px;text-transform: capitalize;}
.list-orderproduct-item .data_product span.product-sku{text-overflow: ellipsis;display: block;color: #666;}
.list-orderproduct-item .data_product .data_product_name {margin-bottom:5px}

 .list-orderproduct-item .data_product_option {text-overflow: ellipsis; white-space: nowrap;overflow: hidden;}
.list-orderproduct-item .data_product span.name{text-transform:capitalize; font-size: 13px;}
.list-orderproduct-item .data_product span.value{text-transform:capitalize; font-size: 13px;}

 .list-orderproduct-item .data_product_actions .buttons {}
  .list-orderproduct-item .data_product_actions .buttons .info{
    display: block;
    margin-top: 5px;
    
    line-height: 30px;color:#c7254e}
    .list-orderproduct-item .data_product_actions .buttons .info a{margin-top:0px;color:#c7254e;background-color:transparent;border-width:0px}
       .list-orderproduct-item .data_product_actions .buttons a{font-style:normal;margin-top:7px;background:#fff;border-width:1px;color:#555;}
       .list-orderproduct-item .data_product_actions .buttons a:hover {background:#555;color:#fff;border-color:#555}
    .list-orderproduct-item .data_product_actions .buttons a i{font-style:normal}

.list-orderproduct-item  .data-sku-col {border-top:solid 1px #efefef;height:90px}

/**data_summary*/
.list-orderproduct-item .data_image {padding:0px;padding-left:1px;cursor:pointer;}
.list-orderproduct-item .data_image .svg-responsive{max-width:100px;display:block}
.list-orderproduct-item .data_image .svg-responsive svg #svgSelectLayer{display:none}

/**data_quantity,data_subtotal,data_price*/
.list-orderproduct-item .data_quantity,
.list-orderproduct-item .data_subtotal,
.list-orderproduct-item .data_price {font-size:13px}


.list-orderproduct-item .custom-input {cursor:pointer;border:solid 1px #999;color:#333;padding-left:5px;padding-right:5px;line-height:20px;display:inline-block;border-radius:1px;margin-top:3px}
.list-orderproduct-item .custom-input:hover {background:#999;color:#fff}

@media screen and (max-width: 767px) {
    .list-orderproduct-item .data_product_actions .buttons .info{display:none}
    .list-orderproduct-item .data_product_actions .buttons a{width:70%;font-size:12px;padding: 6px 6px; }
    .list-orderproduct-item .data_product_actions .buttons a i{display:none}

    .list-orderproducts .list-orderproduct-foot {border-bottom:solid 1px #ddd;padding:1px 3px;font-size:10px;border-top-width:0px;;margin-left:0px;margin-right:0px;letter-spacing:0px}
.list-orderproducts .list-orderproduct-foot div {line-height:40px;font-weight:normal;font-size:10px;letter-spacing:0px;color:#000}
.list-orderproducts .list-orderproduct-foot strong {font-weight:normal;letter-spacing:0px;color:#000}
.list-orderproducts .list-orderproduct-foot:last-child {border-bottom-width:0px}
}


/************************************************************************************/
/**my-order-received-page*/
.my-order-received-page .control-label {padding:12px 0px;letter-spacing:2px}
.my-order-received-page .my-nav-content .form-group {margin-bottom:0px}
.my-order-received-page .order-title{font-style:italic;line-height:30px;margin-bottom:10px}
.my-order-received-page .order-title h1{display:inline-block;font-size:20px;margin-right:10px;font-weight:bold;margin-top:10px}



/************************************************************************************/
/**order-product-custom-detail-page*/
.product-custom-design-detail-page .small-view-container {}
.product-custom-design-detail-page .small-view-container li{list-style:none}
.product-custom-design-detail-page .small-view-container li:first-child{margin-top:0}
.product-custom-design-detail-page .small-view {margin:0px;padding:0px}


.product-custom-design-detail-page .big-view-container {padding-left:0px;}
.product-custom-design-detail-page .big-view{max-width:600px;}


/************************************************************************************/
/**my-order-received-page*/
.my-order-action-page h3 {font-size:14px;font-weight:normal}
.my-order-action-page .control-label{font-size:14px;font-weight:normal}

@media screen and (max-width: 767px) {
.my-order-action-page .control-label{font-size:14px;font-weight:normal;text-align:left}
}

/************************************************************************/
/**orderitem-review-page*/
.my-orderitem-review-page .control-label {line-height:30px;text-align:left;font-size:12px;font-weight:normal;margin-bottom:0px}
.my-orderitem-review-page .review-wrapper .form-control {border:solid 1px #ccc;font-size:14px;letter-spacing:1px}
.my-orderitem-review-page .review-wrapper textarea.form-control {
    height: 100px
}
.my-orderitem-review-page .review-wrapper {padding-top: 35px;padding-bottom: 0;max-width:420px;margin:auto}
.my-orderitem-review-page .review-wrapper .form-control{background-color:transparent}
/**mobile*/
@media screen and (max-width: 767px) 
{
    .my-orderitem-review-page .review-wrapper-parent {
        padding: 0px
    }
    .my-orderitem-review-page .review-wrapper {
        padding-top: 0px;
        padding-bottom: 0;
        max-width: 100%;
        margin: auto
    }
        .my-orderitem-review-page .review-wrapper .form-group {
           padding-left:15px;padding-right:15px
        }

        .my-orderitem-review-page .review-wrapper textarea.form-control {
            height: 100px
        }

    .my-order-detail-page .my-order-detail-title .pull-left h1{font-size:16px;}
.my-order-detail-page .my-order-detail-title .pull-left h1 span{font-size:11px;}


    .my-order-detail-page .my-order-detail-title {border-bottom:solid 1px #ddd;}
    .my-order-detail-page .my-order-detail-title .my-nav-title{border-bottom:solid 1px #ddd}
    .my-order-detail-page .my-order-detail-title .pull-right{}
    .my-order-detail-page .my-order-detail-title .pull-left {float:none;display:block;width:100%}

    .my-order-detail-page .my-order-detail-title .pull-right {float:none;display:block;width:100%;background:#ddd;text-align:center;height:55px}

    .my-order-detail-page .nav-tabs {border-left:solid 0px #ddd;border-right:solid 0px #ddd;margin-top:10px}
    .my-order-detail-page .nav-tabs>li.active>a,
    .my-order-detail-page .nav-tabs>li.active>a:hover,
    .my-order-detail-page .nav-tabs>li.active>a:focus {
        color: #555;
        background-color:transparent;
        border: 0px solid #ddd;
        border-bottom:solid 1px #000;
        cursor: default;
        background-color:#fff
    }

    .my-orders-page .list-order-item,.my-orders-page .list-order-head,.my-orders-page .list-orders-item-title{
    border-left-width:0px;border-right-width:0px
    }

        .list-orderproduct-item .data_product span.product-brand{font-size:12px}
    .list-orderproduct-item .data_product span.product-name{text-overflow: ellipsis;white-space: nowrap;overflow:hidden;font-size:10px}
    .list-orderproduct-item .data_product span.product-sku{text-overflow: ellipsis;white-space: nowrap;overflow:hidden;font-size:10px}
     .list-orderproduct-item .data_product span.product-lead{text-overflow: ellipsis;white-space: nowrap;overflow:hidden;font-size:10px}

    
    .list-orderproduct-item .data_product span.name{text-transform:capitalize; font-size: 10px;letter-spacing:0px}
.list-orderproduct-item .data_product span.value{text-transform:capitalize; font-size: 10px;letter-spacing:0px}


/**orderitem-review-page*/

.my-orderitem-review-page .responsive-footer,

.my-orderitem-review-page .my-nav-left,
.my-orderitem-review-page .container-breadcrumb,
.my-orderitem-review-page .my-nav-title 
 {display:none}

/**order-returm-page*/
.my-order-return-page .responsive-header,
.my-order-return-page  .responsive-footer,
.my-order-return-page  .responsive-notice,
.my-order-return-page  .my-nav-left,
.my-order-return-page  .container-breadcrumb,
.my-order-return-page  .my-nav-title 
 {display:none}


}







h1.myaccount-title{display:block;letter-spacing:1px;font-size:14px;font-weight:bold;border:solid 1px #ddd;margin:0px;padding: 0px 0px;line-height:70px;margin-bottom: -1px;padding-left:15px;letter-spacing:2px;background:#fafafa}


.my-wallet-page .list-wallet-item {font-size:20px;}
.my-wallet-page .list-wallet-item strong {font-size:20px}

.my-wallet-page .list-activity-item h2{font-size:16px;font-weight:bold;margin:0px;padding: 0px 15px;}
.my-wallet-page .list-activity-item {border-top-width:0px;border-left-width:0px;border-right-width:0px}
.my-wallet-page .list-activity-item a {background:#fff;padding:3px 10px;}

    .my-wallet-page .list-activity-item:hover {
    background:#fafafa
    }

/**mobile show*/
@media screen and (max-width: 767px) {

    .my-wallet-page .list-activity-item-col {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    
h1.myaccount-title{border-left-width:0px;border-right-width:0px}

.my-wallet-page .list-wallet-item {border-left-width:0px;border-right-width:0px}

.your-profile-page .list-group-item {border-left-width:0px;border-right-width:0px}

}
.my-wallet-page #dropdown-select-date {font-size:14px;margin:0px;padding: 0px 15px;}





/*page : new-in-page*/

.new-in-page {}

.new-in-page .breadcrumb-container{background:#fafafa;}
.new-in-page .breadcrumb-container .container{padding-left:5px;padding-right:5px}
.new-in-page .breadcrumb {margin-bottom:0px;padding-left:0px;padding-left:0px;padding-right:0px}
.new-in-page .breadcrumb a,.category-page .breadcrumb li,.category-page .breadcrumb .active{text-transform:capitalize;color:#777;letter-spacing:0.2px}


.new-in-page .banner {height:80px;position:relative;overflow:hidden;padding:0px;margin:0px;margin-bottom:0px;overflow:hidden;border-bottom:solid 0px #ddd;background:#fafafa;}

.new-in-page .banner-view{position:absolute;width:100%;z-index:1;max-height:80px;max-width:1000px;padding:0px;left:0px;right:0px;top:20px;}




.new-in-page  .banner-view-text {color:#000;margin:0;font-family:minion-pro,"Trebuchet MS",Helvetica,sans-serif;text-decoration:none;font-weight:400;opacity:1;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%)}
.new-in-page  .banner-view-text h1 { text-align:center; display: block;font-size: 22.25px;font-weight: 400;text-transform: uppercase;letter-spacing: 3px;line-height: 30px;color:#000;margin-top:10px}
.new-in-page  .banner-view-text .inner-border {width: 7%;height: 3px;display: block;border-bottom: 1px solid #000;margin: 6px auto;}
.new-in-page  .banner-view-text p {font-size:12px;letter-spacing:1px;color:#555;text-align:center;font-family:Arial}

.new-in-page .banner-image {position:absolute;height:100px;z-index:0;overflow:hidden;width:100%;border-bottom:#ddd;background:#ccc}
.new-in-page .banner-image img{width:100%;border:solid 0px #fff}

.new-in-page .banner-background {position:absolute;height:100px;width:100%;background:#fafafa;z-index:0}

.new-in-page .toolbar {border-bottom:solid 1px #ddd;margin-bottom:20px}
.new-in-page .toolbar .breadcrumb{padding:0px 0px}
.new-in-page .toolbar a.order-link {text-decoration:none;cursor:pointer;font-size:12px;display:block;box-shadow:0 0px 0px rgba(0, 0, 0, 0.175);-webkit-box-shadow:0 0px 0px rgba(0, 0, 0, 0.175);letter-spacing:1px;text-transform:uppercase}
.new-in-page .toolbar a.order-link:hover {box-shadow:0 0px 0px rgba(0, 0, 0, 0.175);-webkit-box-shadow:0 0px 0px rgba(0, 0, 0, 0.175);}
.new-in-page .toolbar .open {}
.new-in-page .toolbar .dropdown-menu{box-shadow:0 0px 0px rgba(0, 0, 0, 0.175);-webkit-box-shadow:0 0px 0px rgba(0, 0, 0, 0.175);border:solid 1px #ddd}
.new-in-page .toolbar .dropdown-menu a {font-size:12px;}

.new-in-page .product-item-gallery {border:solid 1px #ddd;text-align:center;margin-bottom:40px;background:#fff;border-radius: 2px;}
.new-in-page .product-item-gallery:hover {border:solid 1px #ccc;box-shadow:0 2px 6px rgba(0, 0, 0, 0.175);-webkit-box-shadow:0 2px 6px rgba(0, 0, 0, 0.175);}


.newin-item-gallery {border:solid 1px #eee;text-align:center;margin-bottom:40px;border-radius: 0px;position:relative;overflow:hidden;height:600px;}
.newin-item-gallery:hover {border:solid 1px #ccc;box-shadow:0 1px 4px rgba(0, 0, 0, 0.175);-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.175);}

.newin-item-gallery-text{position:absolute;right:10%;top:10%;z-index:2;}
.newin-item-gallery-text .name{font-family:Impact;font-size: 18px;display: inline-block;font-weight: 400;letter-spacing: 2px;text-transform: uppercase;line-height: 27px;color:#000;text-align:center}
.newin-item-gallery-text .personalities{ font-family:Impact;  display: inline-block; font-size: 22px;font-style: italic;margin-top: 7px;color:#000;font-weight:normal;text-align:center}
.newin-item-gallery-text-box {border-radius:5px;background-color:rgba(255, 255, 255,0.8);border:solid 0px #999;padding:60px 20px;display:inline-block;width:160px;text-align:center;border-radius:2px}
.newin-item-gallery-text-box .inner-border {width: 25%;height: 2px;display: block;border-bottom: 2px solid #c02030;margin: 10px auto;}
.newin-item-gallery-image{position:absolute;z-index:1;height:100%;border:solid 0px #000;text-align:center;overflow:hidden}
.newin-item-gallery-image img{height:100%;transition: 2s;  -webkit-transition: 2s;-o-transition: 2s; -moz-transition: 2s; -ms-transition: 2s;vertical-align: middle;}

.newin-item-gallery-image img:hover{height:100%;  transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);}

.new-in-links-title h3{text-align:center; display: block;font-size:14px;font-weight: 400;text-transform: uppercase;letter-spacing: 1.5px;line-height: 30px;color:#666;margin-top:10px}
.new-in-links-title .inner-border {width: 4%;height: 3px;display: block;border-bottom: 1px solid #bbb;margin: 6px auto;}

.new-in-links {margin-top:20px;margin-bottom:60px;text-align:center}
.new-in-links a{padding:5px 10px;margin:5px 0px;color:#999}
.new-in-links  a:hover{color:#000}

@media screen and (max-width: 767px) {
.new-in-page .banner {height:100px;}
.new-in-page .banner-view{max-height:100px;top:40px;}

    .new-in-page .product-item-gallery {border:solid 0px #ddd;}



    .new-in-page .product-item-gallery-container-row {
    border-top:solid 1px #ddd
    }

}


/**payments.page*/
.payment-page {background:#ffffff;}


/**payment.page title*/
.payment-page .payment-title{margin-top:10px;border-bottom:solid 1px #ddd;text-transform:uppercase;letter-spacing:1px}
.payment-page .payment-title h1{font-size:16px;font-weight:bold;line-height:30px}


/**left*/
.payment-page h3{font-size:14px;font-weight:bold;margin:0px;padding: 15px 10px;margin:0px 0px;margin-top:10px}

/**right*/
.payment-page h4{font-size:14px;font-weight:bold;margin:0px;padding: 10px 1px;margin:10px 0px}



/**block-grid*/
.block-grid {}
    .block-grid .block-grid-title {
    margin-bottom:30px;
      border-bottom:solid 1px #f8f8f8;
        background:#f8f8f8;
    }
    .block-grid .block-grid-title h3 {
        display: block;
       
        text-transform: capitalize;
        letter-spacing: 0px;
        color: #111;
        margin: 0;
        line-height: 50px;
        font-family: proxima-nova-semi;
        padding-left:15px;
        font-size: 14px;
                   -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
      
    }

    .block-grid .block-grid-item {
       border:solid 1px #fff;
        border: 1px solid #e4e5e7;
        box-sizing: border-box;
       transition: 0.3s;
        padding:10px;display:block;margin-bottom:30px;border-radius:4px
    }


    .block-grid .block-grid-item:hover{border:solid 1px #000;text-decoration:none;box-shadow: 0 3px 15px 3px rgba(51, 51, 51, 0.5);}


.block-grid .block-grid-image {}
.block-grid .block-grid-image img{}
.block-grid .block-grid-image .grid-img{   
   
    background: #efefef;
    padding-bottom: 125%;
    position: absolute;
    width: 100%;
    text-align: center;}

    .block-grid .block-grid-text {
        font-family: proxima-nova-semi;
        ;font-size: 15px;
      text-align:center;
     color: #000;
     line-height: 60px;text-decoration:none;
            -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    }


@media screen and (max-width: 767px) { /**.xs show*/

                                        .block-grid .block-grid-title h3 {font-size:14px;text-transform:capitalize;padding-left:15px}

    .block-grid .block-grid-text {
        ;
        font-size: 11px; font-family: proxima-nova-semi;
    }

    .block-grid {
      
    }

        .block-grid .block-grid-item {
            border: solid 1px #fff;
            border-bottom: 1px solid #e4e5e7;
        }
}





/**product follow*/
.btn-follow-product {font-size:18px;cursor:pointer;color:#E55400;font-weight:normal}

/**category follow*/
.btn-follow-category {border:solid 1px #666;background:#fff;letter-spacing:1px;line-height:20px;border-radius:3px;color:#666;height:22px;padding:3px 12px;text-decoration:none;letter-spacing:1px;line-height:22px;font-size:12px;text-transform:lowercase;font-style:italic}
.btn-follow-category:hover {border:solid 1px #E55400;color:#E55400;background:#fff;text-decoration:none;}
.btn-follow-category:focus {border:solid 1px #E55400;color:#E55400;background:#fff;text-decoration:none;}

.btn-follow-attributevalue {border:solid 1px #666;background:#fff;letter-spacing:1px;line-height:20px;border-radius:3px;color:#666;height:22px;padding:3px 12px;text-decoration:none;letter-spacing:1px;line-height:22px;font-size:12px;text-transform:lowercase;font-style:italic}
.btn-follow-attributevalue:hover {border:solid 1px #E55400;color:#E55400;background:#fff;text-decoration:none;}
.btn-follow-attributevalue:focus {border:solid 1px #E55400;color:#E55400;background:#fff;text-decoration:none;}

.btn-follow-search {border:solid 1px #666;background:#fff;letter-spacing:1px;line-height:20px;border-radius:3px;color:#666;height:22px;padding:3px 12px;text-decoration:none;letter-spacing:1px;line-height:22px;font-size:12px;text-transform:lowercase;font-style:italic}
.btn-follow-search:hover {border:solid 1px #E55400;color:#E55400;background:#fff;text-decoration:none;}
.btn-follow-search:focus {border:solid 1px #E55400;color:#E55400;background:#fff;text-decoration:none;}


/**公共产品搜索结果样式******************************************************/
.category-search-results {}

    /**toggle-minu*/

/**Category Header*/
.category-search-results .category-header {border-bottom:solid 1px #e4e4e4;padding:10px 0px;padding-bottom:0px}
.category-search-results .category-header h1{ display:block;font-size: 20px;text-transform:capitalize;letter-spacing:0.5px;color:#111;margin:0px;line-height:40px;font-family:"proxima-nova-semi"}
.category-search-results .category-header span{}
.category-search-results .category-header strong{font-weight:100}

/**.category-search-results .category-header*/
.navigation-page .category-search-results .category-header {border-bottom-width:0px}

/**Category Header seo module*/
.category-search-results .category-seo-text {margin-bottom:15px}
.category-search-results .category-seo-text .seo-background {width:0%;float:right;display:none}

.category-search-results .category-seo-text .seo-description {width:100%;float:left;text-align:left;padding-right:15px;font-size:14px}
.category-search-results .category-seo-text .seo-description .truncate-copy{max-height: 170px;overflow:hidden;font-size:13px;letter-spacing:0.5px;color:#555}
.category-search-results .category-seo-text .seo-description .truncate-copy a{text-decoration:underline;font-size:13px;color:#555}
.category-search-results .category-seo-text .seo-description .truncate-copy-toggle {font-family: "proxima-nova-regular";}

.category-search-results  .has-seo-background-image .seo-background{margin-top:-40px;width:50%;display:block}
.category-search-results  .has-seo-background-image .seo-description{width:50%;}

/**单行+背景图*/
.category-search-results .category-seo-img {margin-bottom: -11px;margin-left: -15px;margin-right: -15px;margin-top: 0px;position:relative}
.category-search-results .category-seo-img .seo-description{position:absolute;z-index:1;padding:15px;padding-top:50px;top:0px;left:0px;display:block}
.category-search-results .category-seo-img .seo-description .h-3{font-size:15px;text-decoration: none;text-overflow: ellipsis;white-space: nowrap;letter-spacing:0px}
.category-search-results .category-seo-img .seo-description .h-5{font-size:15px;text-decoration: none;text-overflow: ellipsis;white-space: nowrap;letter-spacing:0px}
.category-search-results .category-seo-img .seo-background{width:100%;display:block}


.category-search-results .category-seo-links {width: 100%;padding:15px 0px 0px 0px;border-top: 1px solid #e4e4e4;}

.category-search-results .category-seo-links h6{display: inline-block;float: left;width: 16%;margin: 0;  margin-top:5px; font-family: "proxima-nova-semi";font-size:15px;letter-spacing:0.5px;text-transform:uppercase}
.category-search-results .category-seo-links .links{display: inline-block;width: 84%;padding: 0;overflow-x: hidden;}

.category-search-results .category-seo-links .links a {display: inline-block;width: 25%;float: left;overflow: hidden;margin: 0;padding: 0;border: 1px solid transparent;color: #424242;font-size: 15px;text-align: left;text-decoration: none;text-overflow: ellipsis;white-space: nowrap;letter-spacing:0.5px;text-transform:capitalize}
.category-search-results .category-seo-links .links a:hover {color:#111;text-decoration:underline;}

.category-search-results .category-seo-links .links-100{display: block;width: 100%;padding: 0 0 1em 0;overflow-x: auto;overflow-y: hidden;white-space: nowrap;}
.category-search-results .category-seo-links .links-100::-webkit-scrollbar  {width: 7px;height: 7px;}
.category-search-results .category-seo-links .links-100::-webkit-scrollbar-thumb  {border-radius: 5px;-webkit-box-shadow: inset 0 0 5px #ddd;background: #ddd;}
.category-search-results .category-seo-links .links-100::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 5px rgba(255,255,255,1);border-radius: 0;background: rgba(255,255,255,1);}

.category-search-results .category-seo-links .links-100 a{width:unset;padding:0px 15px;border-width:0px;;text-overflow:unset;white-space:unset;overflow:unset;float:unset}
.category-search-results .category-seo-links .links-100 a:hover{background:#efefef;text-decoration:none}

.category-search-results .category-seo-links .cols-right a{width:unset}
.category-search-results .category-seo-links .cols-right:hover{background:#f8f8f8}

.category-search-results .category-seo-text .seo-description .category-seo-links {
    margin-top: 25px;
    border-top: 1px solid #efefef;
}
.category-search-results .category-seo-text .seo-description .category-seo-links h6 {display:block;width:100%;line-height:30px}
.category-search-results .category-seo-text .seo-description .category-seo-links .links {display:block;width:100%}
.category-search-results .category-seo-text .seo-description .category-seo-links .links a{width:50%;}

/**公共手机版本Filter系列：category-mobile-sort-bar*/

/**左边*/
.category-search-results .results-left-panel {float: left;padding-bottom: 40px;z-index: 10;width:15%;border-right:solid 1px #ddd;min-height:800px;  -webkit-padding-start: 0px;}
.category-search-results .results-left-panel::-webkit-scrollbar {width: 6px;height: 6px;}
.category-search-results .results-left-panel::-webkit-scrollbar-thumb {background-color: #ddd;}
.category-search-results .results-left-panel::-webkit-scrollbar-track {border-right: 0px solid #ddd;background-color:transparent;}
/**.affix模块下*/
.category-search-results .results-left-panel.affix-top {left:0px;position:relative;padding-left:0px;;width:15%;max-height:100vh;overflow:auto;overflow-x: hidden;}
.category-search-results .results-left-panel.affix {z-index:999;left:0px;top:0px;padding-left:15px;width:16%;max-height:100vh;overflow:auto;overflow-x: hidden;}
.category-search-results .results-left-panel.affix-bottom {left:0px;z-index:999;padding-left:0px;width:15%;max-height:100vh;overflow:auto;overflow-x: hidden;}
/**右边*/
.category-search-results .results-right-panel {float: right;padding-left: 0px;padding-right: 0px;width:85%;margin-bottom:25px}

.category-search-results .padding15 {padding-left:15px}



/**左边:过滤框*/
.results-left-panel .filter-facet {padding:15px 0px;border-bottom:solid 1px #e4e4e4;    position: relative;}

.results-left-panel .filter-facet:last-child {border-bottom-width:0px}

/**左边:过滤框:标题*/
.results-left-panel .filter-facet h2,.results-left-panel .filter-facet h3,.results-left-panel .filter-facet .facet{letter-spacing: 0.5px;text-transform: uppercase;font-size: 13px;color: #000;text-rendering: optimizeLegibility;margin-top: .6rem;margin-bottom: .9rem;font-family:"proxima-nova-semi"}

.results-left-panel .filter-facet .facet-accordion {display: block;position: absolute;top: 10px;right: 20px;background: url(../images/svg/ui-minus.svg) no-repeat center;background-size: 15px 15px;height: 15px;width: 15px; content: '';opacity: .4;color:#111;margin-top: .9rem;cursor:pointer}
.results-left-panel .filter-facet .collapsable {background: url(../images/svg/ui-plus.svg) no-repeat center;opacity: .4;}

/**左边:过滤框:列表*/
.results-left-panel .filter-facet ul {margin-block-start: 0px;margin-block-end: 0px;padding-inline-start: 0px;display:block;padding:0px  }
    /*滚动条样式*/
.results-left-panel .filter-facet ul::-webkit-scrollbar {width: 6px;height: 6px;}
.results-left-panel .filter-facet ul::-webkit-scrollbar-thumb {background-color: #efefef;}
.results-left-panel .filter-facet ul::-webkit-scrollbar-track {border-right: 0px solid #ddd;background-color:transparent;}
    

.results-left-panel .filter-facet ul li{list-style-position: outside;list-style: none;display:block;margin: 0;padding: 0;border: 0;font: inherit;vertical-align: baseline;}
.results-left-panel .filter-facet ul li:hover{}

.results-left-panel .filter-facet ul li a{cursor: pointer;position: relative;color: #424242;text-decoration:none;font-size:13px;letter-spacing:0.5px;line-height:26px;text-transform:capitalize;position:relative;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;-webkit-line-clamp: 1;}
.results-left-panel .filter-facet ul li a:hover{color: #111;text-decoration:underline;}
.results-left-panel .filter-facet ul li a::after{content:  ' ('attr(data-product-count)')';font-size:11px;color:#999;display:none;}

/**类别 样式与选中样式*/
.results-left-panel .filter-facet ul li a.current{color: #111;text-decoration:underline}

.results-left-panel .filter-facet ul li a.radio, .results-left-panel .filter-facet ul li a.checkbox {margin:0px;text-decoration:none;padding-left:5px}

/**radio 样式与选中样式*/
.results-left-panel .filter-facet ul li a.radio:before{ display: inline-block;position: relative;top: 2px;left: 0px;height:15px;width: 15px; border-radius: 50%;border: 1px solid #aaa;content: '';margin-right:5px;background:#fff;color:#555;}
.results-left-panel .filter-facet ul li a.radio:hover{text-decoration:underline;color:#000;background:#efefef}
.results-left-panel .filter-facet ul li a.radio:hover:before{border-color:#000;color:#000}
.results-left-panel .filter-facet ul li a.selected{text-decoration:none;color:#111;background:#ddd;}
.results-left-panel .filter-facet ul li a.selected:hover {}
.results-left-panel .filter-facet ul li a.selected:before{  display: inline-block;position: relative;top: 3px;left: 0px;height: 15px;width: 15px;border: 0px solid #111;background: url(../images/svg/ui-close-radio.svg) 0px 0px no-repeat;background-size: 15px 15px;content: '';margin-right:10px}

.results-left-panel .filter-facet ul li.price-range {padding-left:0px;padding-right:15px;padding-top:15px;padding-bottom:15px}
.results-left-panel .filter-facet ul li.price-range .range-info{line-height:30px}
.results-left-panel .filter-facet ul li.price-range .range-info>input{width:60px;background:#fff;-webkit-appearance:none;outline:0;padding:10px;box-sizing:border-box;height:28px;border:1px solid rgba(0,0,0,.2);text-align:center}
.results-left-panel .filter-facet ul li.price-range .range-info .btn-set-price-range{min-width:auto;height:30px;line-height:20px;width:100%!important;margin:10px 0!important;background:#111;color:#fff;border-color:#111}
.results-left-panel .filter-facet ul li.price-range .range-info .range-input-out{display:table;width:100%;white-space:nowrap}
.results-left-panel .filter-facet ul li.price-range .range-info .range-input-out>div{display:table-cell;padding:0 0px;font-weight:700}
.results-left-panel .filter-facet ul li.price-range .range-info .range-input-out>div.range-input{width:50%;font-weight:none}
.results-left-panel .filter-facet ul li.price-range .range-info .range-input-out>div input{width:100%;background:#fff;-webkit-appearance:none;outline:0;padding:0 10px;height:28px;border:1px solid rgba(0,0,0,.2);text-align:center;vertical-align:middle}



/**Checkbox 样式与选中样式*/
.results-left-panel .filter-facet ul li a.checkbox:before{display: inline-block;position: relative;top: 2px;left: 0px;height: 15px; width: 15px;border: 1px solid #aaa;content: '';margin-right:5px;background:#fff}
.results-left-panel .filter-facet ul li a.checkbox:hover:before{ border: 1px solid #bbb;border:solid 1px #111}
.results-left-panel .filter-facet ul li a.checkbox:hover{text-decoration:underline;color:#000;background:#efefef}
.results-left-panel .filter-facet ul li a.checkboxed{text-decoration:none;color:#111;background:#ddd;}
.results-left-panel .filter-facet ul li a.checkboxed:before{ display: inline-block;position: relative;top: 3px;left: 0px;height: 15px;width: 15px;border: 1px solid #111;background: url(../images/svg/ui-checkmark-empty-white.svg) 1px 1px no-repeat;background-color: #111;background-size: 10px 10px;content: '';margin-right:10px}

    .results-left-panel .filter-facet ul li a.toggle {
        text-decoration: none;
        color: #111;
        border-bottom: solid 1px #f8f8f8;
    }

    .results-left-panel .filter-facet ul li a.toggle i {
        display: inline-block;
        position: absolute;
        right: 0px;
        top: 3px;
        font-size: 18px;
        cursor: pointer;
        z-index: 1;
        width: 32px;color:#999
    }

    .results-left-panel .filter-facet ul li a.toggle:hover {
        text-decoration: none;
        color: #111;
       
    }


.results-left-panel .filter-facet ul li a.toggle-padding {
        padding-left: 22px;
    }

    .results-left-panel .filter-facet ul .li-padding {
     
      
    }


/**左边:排序页头代码*/
.results-right-panel .results-sortbar {line-height:40px;}
.results-right-panel .results-sortbar .title ,.results-right-panel .results-sortbar .toolbar .title a,.results-right-panel .results-sortbar .title span{letter-spacing:1px;text-transform:uppercase;font-size:12px;color:#111;line-height:30px;display:inline-block;margin-top:5px;height:30px;}

/**.affix模块下*/
.results-right-panel .affix {width:100vw;top:0px;z-index:999;background:#fff}
.results-right-panel .affix-bottom {width:100vw;top:0px;background:#fff}

.results-right-panel .results-sortbar a.dropdown-toggle {text-decoration:none;cursor:pointer;font-size:12px;display:block;box-shadow:0 0px 0px rgba(0, 0, 0, 0.175);-webkit-box-shadow:0 0px 0px rgba(0, 0, 0, 0.175);letter-spacing:1px;border:solid 1px #ccc;line-height:30px;padding-left:24px;padding-right:24px;height:30px;border-radius:2px;margin-top:5px}
.results-right-panel .results-sortbar a.dropdown-toggle:hover {box-shadow:0 0px 0px rgba(0, 0, 0, 0.175);-webkit-box-shadow:0 0px 0px rgba(0, 0, 0, 0.175);}

.results-right-panel .results-sortbar .dropdown-menu{margin-top:-1px;box-shadow:0 0px 0px rgba(0, 0, 0, 0.175);-webkit-box-shadow:0 0px 0px rgba(0, 0, 0, 0.175);border:solid 1px #ccc;background:#fff;margin-top:-1px;border-top:solid 1px #fff}
.results-right-panel .results-sortbar .dropdown-menu a {font-size:12px;letter-spacing:1px}

/**右边:无产品结果提示*/
.results-right-panel .no-results-reminder {margin:18px 0px;margin-bottom:36px;margin-left: 15px}
.results-right-panel .no-results-reminder .alert-warning{letter-spacing:1px;padding:20px 15px;line-height:20px;}
.results-right-panel .no-results-reminder .alert-warning h3{font-size:14px;}
.results-right-panel .no-results-reminder .alert-warning p{font-size:12px;}

.category-search-page .results-right-panel .no-results-reminder {margin-left: 0px}

/**右边:分页*/
.results-right-panel .results-page {display:block;width:100%;}


@media screen and (max-width: 1200px) { /**lg show*/

}


@media screen and (max-width: 1024px) { /**md show*/

}

@media screen and (max-width: 991px) { /**.sm show*/
    .category-search-results .results-left-panel {width:20%;display:block}
    /**.affix模块下*/
    .category-search-results .results-left-panel.affix-top {;width:20%}
    .category-search-results .results-left-panel.affix {width:21%}
    .category-search-results .results-left-panel.affix-bottom {width:20%}

    .category-search-results .results-right-panel {width:80%}
}
@media screen and (max-width: 767px) { /**.xs show*/

    .results-right-panel .no-results-reminder {
        margin-left: 0px
    }

    .category-search-results {padding-left:0px;padding-right:0px}

    .category-search-results .category-header {padding:10px 10px 0px 10px;letter-spacing:1px}
    .category-search-results .category-header h1 {line-height: normal;margin-bottom:15px;font-size:18px}
    .category-search-results .category-header h1:after{display: block;font-size: 12px;content: attr(data-count)' Items';letter-spacing:0.5px;font-family:'proxima-nova-regular'}

   

    .buy-page .category-search-results .category-header h1,.custom-page .category-search-results .category-header h1 {font-size:18px}

    

    /**Category Header seo module*/
    .category-search-results .category-seo-text {margin-bottom:15px}
    .category-search-results .category-seo-img .seo-description{padding-top:15px;padding-top:30px}
    .category-search-results .category-seo-img .seo-description .h-3{font-size:13px;}
    .category-search-results .category-seo-img .seo-description .h-5{font-size:10px;}

    .category-search-results  .has-seo-background-image .seo-background{margin-top:0px;width:100%;display:block;float:none}
    .category-search-results  .has-seo-background-image .seo-description{width:100%;float:none;display:block;padding-right:0px;margin-top:15px}

    .category-search-results .category-seo-img {margin-bottom: 0px;margin-left: -10px;margin-right: -10px;margin-top: 0px;}


    .category-search-results .category-seo-links {padding-top:3px}

    .category-search-results .category-seo-links h6{display:block;float: none;width: 100%;font-size:14px;line-height:40px;font-size:13px;margin:0px}

    .category-search-results .category-seo-links .links{display:block;width: 100%;padding: 0;width: 100%;padding: 0 0 1em 0;overflow-x: scroll;overflow-y: hidden;white-space: nowrap;}
    /*滚动条样式*/
    .category-search-results .category-seo-links .links::-webkit-scrollbar {width: 4px;height: 4px;}
    .category-search-results .category-seo-links .links::-webkit-scrollbar-thumb {border-radius: 5px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: rgba(0,0,0,0.2);}
    .category-search-results .category-seo-links .links::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius: 0;background: rgba(0,0,0,0.1);}
    
    .category-search-results .category-seo-links .links a {display: inline-block;float: none;padding:7px 10px;width:auto;border:solid 1px #ddd;font-size:13px}
    .category-search-results .category-seo-links .links a:hover {color:#111;text-decoration:none;background:#ddd}

    .category-search-results .category-seo-links .links-100{display: inline-block;width: 100%;padding-top:15px}
.category-search-results .category-seo-links .links-100 a{width:unset;padding:0px 15px;border-width:0px}

    .category-search-results .category-seo-text .seo-description .category-seo-links{}
    .category-search-results .category-seo-text .seo-description .category-seo-links h6 {line-height:40px;font-size:14px;}
    .category-search-results .category-seo-text .seo-description .category-seo-links .links a{display: inline-block;float: none;padding:7px 10px;width:auto;}

     /**布局页面*/
     .navigation-page .category-search-results .category-header {border-bottom-width:0px}
     .navigation-page .category-search-results .category-header h1 {line-height: normal;margin-bottom:10px;font-size:16px}
     .navigation-page .category-search-results .category-header h1:after {display:none}
     .navigation-page .category-search-results .category-seo-text {-webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    white-space: normal;
    text-overflow: ellipsis;
    text-decoration: none;
    overflow: hidden;}

    /**LEFT*******************************************/
    .category-search-results .results-left-panel {overflow:visible;overflow-x: visible; border-bottom: solid 0px #ddd;display:none;position:absolute;top:0px;left:0px;width:100%;z-index:99;padding:0px;min-height:100%;background:#fff;border-right:solid 0px #ddd;animation-name:"fadeInLeft";animation-duration:0.5s; -webkit-animation-name: "fadeInLeft";-webkit-animation-duration: 0.5s;-webkit-animation-iteration-count: 1;}
      

    /**左边:手机端的关闭Button*/

    .results-left-panel .filter-mobile-title {width:100%;display:block;background:#fff;clear:both;border-bottom:solid 1px #ddd;margin-bottom:15px}
    .results-left-panel .filter-mobile-title button{display: inline-block;background-color: transparent;margin-bottom: 0;padding: 1em;border: 0;color: #111;font-size: 1.5rem;letter-spacing: normal; text-transform: none;font-family: "proxima-nova-semi";}
    .results-left-panel .filter-mobile-title button:before {display: inline-block;top: 3px;left: 0;background-size: 15px 15px;height: 15px;width: 15px; margin-right: .7rem;content: '';}
    .results-left-panel .filter-mobile-title .btn-mobile-filter-close {}
    .results-left-panel .filter-mobile-title .btn-mobile-filter-close:before {background: url(../images/svg/ui-filter.svg) no-repeat center;}

    .results-left-panel .filter-facet {padding:0px;border-bottom-width:0px}
    .results-left-panel .category-filter-facet {border-top:solid 1px #ddd}
    .results-left-panel .filter-facet h2,.results-left-panel .filter-facet h3,.results-left-panel .filter-facet .facet {background:#fff;border-bottom:solid 1px #efefef;margin:0px;line-height:50px;padding-left:15px;padding-right:15px;text-transform:capitalize;letter-spacing:0.5px;cursor:pointer}
    .results-left-panel .filter-facet .facet-accordion {background: url(../images/svg/ui-minus.svg) no-repeat center;right:15px;top:5px}
    .results-left-panel .filter-facet .collapsable {background: url(../images/svg/ui-plus.svg)}


    .category-search-results .results-left-panel .filter-facet ul {max-height:unset;padding-left:0px}
    .category-search-results .results-left-panel .filters {}
    .category-search-results .results-left-panel .filter-facet ul li {padding-left:0px}
    .category-search-results .results-left-panel .filter-facet ul li a {line-height:50px;border-bottom:solid 1px #f8f8f8;padding:0px 10px}
    .results-left-panel .filter-facet ul li.price-range {padding-left:15px;}

    /**类别特别处理*/
    .category-search-results .results-left-panel .category-filter-facet ul {padding-left:15px}
    .category-search-results .results-left-panel .category-filter-facet ul li{}
    .category-search-results .results-left-panel .category-filter-facet ul li a{text-decoration:none;border-bottom:solid 1px #efefef;padding:0px 0px;display:block;text-indent:15px}
    .category-search-results .results-left-panel .category-filter-facet ul li i {display:none}
     /**RIGHT*******************************************/
    .category-search-results .results-right-panel {width:100%}
    .category-search-results .results-right-panel .padding15{padding-left:0px}


    .results-right-panel .results-sortbar {border-bottom:solid 1px #ddd;height:50px;width:100%;padding-right:0px}

    .category-search-results .btn-mobile-filter {display: inline-block;background-color: transparent;margin-bottom: 0;padding: 0x;border: 0;color: #111;font-size: 15px;letter-spacing: normal; text-transform: none;font-family: "proxima-nova-semi";;padding-left:10px;line-height:49px;height:50px}
    .category-search-results .btn-mobile-filter:before {display: inline-block;top: 5px;left: 0;background-size: 15px 15px;height: 15px;width: 15px; margin-right: .7rem;content: '';background: url(../images/svg/ui-filter.svg) no-repeat center;}

    .results-right-panel .results-sortbar a.dropdown-toggle {display: inline-block;background-color: transparent;margin-bottom: 0;border: 0;color: #111;font-size: 15px;letter-spacing: normal; text-transform: none;font-family: "proxima-nova-semi";border-width:0px;padding:0px;padding-right:10px;line-height:49px;height:50px;margin-top:0px}
    .results-right-panel .results-sortbar a.dropdown-toggle:after{display: inline-block;top: 5px;right: 0;background-size: 15px 15px;height: 15px;width: 15px; margin-left: 0rem;content: '';background: url(../images/svg/ui-sort.svg) no-repeat center;}
    .results-right-panel .results-sortbar a.dropdown-toggle:hover {}

    .results-right-panel .results-sortbar .dropdown-menu{margin-top:-1px;box-shadow:0 0px 0px rgba(0, 0, 0, 0.175);-webkit-box-shadow:0 0px 0px rgba(0, 0, 0, 0.175);border:solid 1px #ddd;background:#fff;width:100vw;border-left-width:0px;border-right-width:0px;animation-name:"fadeInRight";animation-duration:0.5s; -webkit-animation-name: "fadeInRight";-webkit-animation-duration: 0.5s;-webkit-animation-iteration-count: 1;}
    .results-right-panel .results-sortbar .dropdown-menu li a {font-size:13px;letter-spacing:0.5px;line-height:40px;text-indent:0px;color:#111}
    .results-right-panel .results-sortbar .dropdown-menu li {border-bottom:solid 1px #efefef}
    .results-right-panel .results-sortbar .dropdown-menu li:last-child {border-bottom-width:0px}

    .category-search-results .mobile-filters{margin-bottom: 0px;position:relative;padding-left:0px;padding-bottom:0px;padding-right:0px;z-index:200}
}


/************************************************************************************************************************************/
/**左边:产品布局代码*/
.products-container {}
.products-container-grid {clear:both}

/**左边:网站所有Grid布局产品陈列通用代码*/
.products-grid-item {width: 33.3333333333%;margin-bottom: 2.8rem;display: inline-block;position: relative;float: left;margin: 0 auto 1.4rem;padding: 5px;padding-right:0px;padding-left:15px;vertical-align: top;}


.products-grid-item .video-player-wrap {display: block;position: absolute;top: 0%;right: 0%;padding:0px;text-align: center;z-index:15;opacity:0.7;width:100%;}
.products-grid-item .video-player-wrap .btn-control {font-size:60px;cursor:pointer;margin-top:50%}
.products-grid-item .video-player {width:100%;background:#000;display:block;max-height:493px;overflow:hidden;    height: 100%;}


.products-grid-item .item-badge {display: inline;position: absolute;top: 16px;left: 20px;padding: 5px 8px 4px 8px;font-size: 12px;line-height: 1;text-align: center;text-indent: .1rem;z-index:14;letter-spacing:1px;border-radius:2px;opacity:0.7}
.products-grid-item .badge-on-sale {background:#000;color:#fff}
.products-grid-item .badge-sold-out {color:#fff;width: 40%;border: solid 1px #111;color: #000;top: 35%;left: 30%;cursor:pointer;font-size:14px;background-color:transparent;opacity:1;border-radius:4px}

.products-grid-item .badge-best-seller {color:#fff;width: 110px;border: solid 1px #ee3c32;color: #fff;top: 15px;left: 25px;text-transform:uppercase;cursor:pointer;background-color:#ee3c32;border-radius:0px;;opacity:1 }

.products-grid-item .item-favorite { display: inline;width: auto;height: auto;margin: 0;padding: 0;border: 0;outline: 0;font-weight: 400;letter-spacing: normal;text-transform: none;text-align: left;color: #111;cursor: pointer;position: absolute;top: 11px;right: 0;z-index: 14;border-radius:25px;}

.products-grid-item .btn-follow-product .item-follow {margin-right:10px;padding:5px;border-radius:15px;}

.products-grid-item .btn-follow-product .item-follow:before {display: inline-block;position: relative;top: 5px;left: 0px;background: url(../images/svg/ui-heart-outline.svg) no-repeat 100% 100%;background-size: cover;height: 20px;width: 20px;margin: auto;content: '';}
/*
.products-grid-item .btn-follow-product .item-follow:after {display: inline-block;position: relative;top: -5px;color: #555;font-size: 16px;content: "(" attr(data-follows) ")";margin-left:4px}
*/
.products-grid-item .btn-follow-product .item-follow:hover {background:#111;opacity:0.8;}
    /*
.products-grid-item .btn-follow-product .item-follow:hover::after {display:block;position:absolute;color: #fff;font-size: 10px;content: "(" attr(data-follows) ")";bottom:10px;text-align:center}
*/

.products-grid-item .btn-follow-product .item-follow-hide .saved {
    display: none
}
.products-grid-item .btn-follow-product .item-follow-hide:after{display:none}

.products-grid-item .btn-follow-product .item-follow-saved {background:#fff;opacity:0.8}
.products-grid-item .btn-follow-product .item-follow-saved:before {background: url(../images/svg/ui-heart.svg) no-repeat 100% 100%;}

    .products-grid-item .item-images {
        position: relative;
        background: url(../images/loading.svg?v7) no-repeat #efefef;
	  /* background:#efefef;*/
        min-height: 200px;
    }
.products-grid-item .item-images .item-images-link{display:block;position:relative;        width: 100%;padding-bottom: 133%;overflow: hidden;}
.products-grid-item .item-images .crossfade {
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        opacity: 1;
        filter: alpha(opacity=100);
        overflow: hidden;
        position:absolute;top:0px;left:0px;display:block;
    }
.products-grid-item .item-images .hover-image{position:absolute;z-index:0;top:0px;left:0px;display:block;width:100%;display:none}

.products-grid-item .hover-menu{
    position:absolute;z-index:0;bottom:0px;left:0px;display:block;width:100%;display:none;opacity:0.8;
   -webkit-transition: opacity 5s ease 2s;
    -moz-transition: opacity 5s ease 2s;
    -o-transition: opacity 5s ease 2s;
    transition: opacity 5s ease 2s;
}

    .products-grid-item .hover-menu-active {
    display:block;
    z-index:12;
    opacity:1;
    }


.products-grid-item .item-images .hover-menu .quick-view{line-height: 50px;text-align: center;background: hsla(0,100%,0%,.4);letter-spacing: 1px;color: #fff;display:block;font-size:14px; }
.products-grid-item .item-images .hover-menu .quick-view:hover{background: hsla(0,100%,0%,0.8);}

.products-grid-item .item-images .hover-menu-hide{display:none}
.products-grid-item .item-images .hover-menu-hide .quick-view{display:none}

.products-grid-item .item-body {height:145px;border-bottom:1px solid #e4e4e4}
.products-grid-item .h-3 {margin-top:0px;padding-top:5px}
.products-grid-item .h-3 a {}
.products-grid-item .h-3 a:hover {color:#111}
.products-grid-item .h-3 .item-brand {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;color: #333;font-size: 12px;font-weight: normal;text-transform:uppercase;letter-spacing:0.3px}
.products-grid-item .h-3 .item-brand span{color: #333;font-size: 10px;font-weight: normal;text-transform:capitalize;letter-spacing:0px}
    .products-grid-item .h-3 .item-name {
        text-overflow: ellipsis;
        /* white-space: nowrap; */
        overflow: hidden;
        display: block;
        color: #777;
        font-size: 13px;
        text-transform: capitalize;
        -webkit-line-clamp: 2;
        white-space: normal;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        white-space: normal;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 20px;
    }

.products-grid-item .item-price {color: #111;font-size: 1.5rem;line-height: 1.3;margin-top:7px}
.products-grid-item .item-price em{color: #111;font-style:normal;font-family: "proxima-nova-semi";}
.products-grid-item .item-price span{display:none;position: relative;margin-left: .35rem;color: #424242;text-decoration: line-through;}
.products-grid-item .item-price .badge-discount-rate {display:none;color:#d0021b;font-size:7px;border:solid 1px #d0021b;padding:0px 3px;text-decoration:unset;letter-spacing:0.5px;border-radius:1px}
.products-grid-item .item-onsale em{color: #d0021b;}
.products-grid-item .item-onsale span{display: inline-block;}
.products-grid-item .item-onsale span.onsale-countdown{display: inline-block;text-decoration:none;font-size:10px}

.products-grid-item .item-attributes {}
.products-grid-item .item-attributes ul{margin-block-start: 0px;margin-block-end: 0px;padding-inline-start: 0px;display: -webkit-flex;display:flex;-webkit-padding-start: 0px;width:100%;flex-wrap: nowrap;  flex-direction: row;justify-content: flex-start;align-items:stretch;}

.products-grid-item .item-attributes ul li{padding: 0;height: auto;margin: 0 0px;padding-right:5px;flex:0 1 auto;list-style:none}
.products-grid-item .item-attributes ul li:last-child{padding-right:0px;cursor:pointer}
.products-grid-item .item-attributes ul li .item-attribute-img{max-width:35px;border:solid 1px #ccc;padding:2px;border-radius:1px;opacity: 1;cursor:pointer}
.products-grid-item .item-attributes ul li .item-attribute-img:hover{border:solid 1px #111;opacity: 1;}
.products-grid-item .item-attributes ul li .active{border:solid 1px #111;opacity: 1;}

.products-grid-item .item-attributes ul li.item-attributes-end i{font-size:20px;color:#777;line-height:40px;}

.products-grid-item.invalid {}
.products-grid-item.invalid .item-images{opacity:0.3}

.onlymember {}
.onlymember .item-images {
        opacity: 1;
        position: relative;
        background: url(../images/bg-onlymember.jpg?v=2) no-repeat center center #efefef;
        min-height: 200px;
    }
.onlymember .item-favorite {display:none}
.onlymember .item-images .crossfade{opacity:0}
.onlymember .item-images .crossfade img{opacity:0;display:none}
.onlymember .item-images .hover-image {opacity:0;display:none}
.onlymember .item-images .hover-image img{opacity:0;display:none}
.onlymember .item-images .hover-menu {opacity:0;display:none}
.onlymember .item-attributes {opacity:0;display:none}



    /**login factory-homepage category-20 category-2012 notice*/


.factory-homepage .products-grid-item.invalid .badge-sold-out {display: none}
.designer-homepage .products-grid-item.invalid .item-images {opacity:1}
.designer-homepage .products-grid-item.invalid .badge-sold-out {display: none}

/**四列效果排列*/
.products-grid-column4 {text-align:left}
.products-grid-column4 .products-grid-item {width: 25%;padding-left:0px;padding:10px}
.products-grid-column4 .products-grid-item  .item-favorite {display:none}
.products-grid-column4 .products-grid-item  .h-3 .item-brand {font-size:13px;letter-spacing:0.3px;    font-family: "proxima-nova-semi";}
.products-grid-column4 .products-grid-item  .h-3 .item-name {font-size:13px}
.products-grid-column4 .item-body {height:135px;border-bottom:0px solid #e4e4e4}
.products-grid-column4 .item-images .hover-menu .quick-view{line-height: 40px;font-size:13px; }

.products-grid-column6 .products-grid-item .item-attributes ul li.item-attributes-item:nth-child(5) {display:none}
.products-grid-column4 .products-grid-item .item-attributes ul li.item-attributes-item:nth-child(6) {display:none}
.products-grid-column4 .products-grid-item .item-attributes ul li.item-attributes-item:nth-child(7) {display:none}
.products-grid-column4 .products-grid-item .item-attributes ul li.item-attributes-item:nth-child(8) {display:none}
.products-grid-column4 .products-grid-item .item-attributes ul li.item-attributes-item:nth-child(9) {display:none}
.products-grid-column4 .products-grid-item .item-attributes ul li.item-attributes-item:nth-child(10) {display:none}
.products-grid-column4 .products-grid-item .item-attributes ul li.item-attributes-item:nth-child(11) {display:none}
.products-grid-column4 .products-grid-item .item-attributes ul li.item-attributes-item:nth-child(12) {display:none}
.products-grid-column4 .products-grid-item .item-attributes ul li.item-attributes-item:nth-child(13) {display:none}
.products-grid-column4 .products-grid-item .item-attributes ul li.item-attributes-item:nth-child(14) {display:none}

/**六列效果排列*/
.products-grid-column6 {text-align:left}
.products-grid-column6 .products-grid-item {width: 16.666666666%;padding-left:0px;padding:10px}
.products-grid-column6 .products-grid-item  .item-favorite {display:none}
    .products-grid-column6 .products-grid-item .h-3 .item-brand {
        font-size: 13px;
        letter-spacing: 0.3px;
        font-family: "proxima-nova-semi";
        text-transform:capitalize
    }
.products-grid-column6 .products-grid-item  .h-3 .item-name {font-size:13px;}
.products-grid-column6 .item-body {height:135px;border-bottom:0px solid #e4e4e4}
.products-grid-column6 .badge-sold-out {width: 60%;top: 30%;left: 20%;}
.products-grid-column6 .item-images .hover-menu .quick-view{line-height: 30px;font-size:13px; }

.products-grid-column6 .products-grid-item .item-attributes ul li.item-attributes-item:nth-child(4) {display:none}
.products-grid-column6 .products-grid-item .item-attributes ul li.item-attributes-item:nth-child(5) {display:none}
.products-grid-column6 .products-grid-item .item-attributes ul li.item-attributes-item:nth-child(6) {display:none}
.products-grid-column6 .products-grid-item .item-attributes ul li.item-attributes-item:nth-child(7) {display:none}
.products-grid-column6 .products-grid-item .item-attributes ul li.item-attributes-item:nth-child(8) {display:none}
.products-grid-column6 .products-grid-item .item-attributes ul li.item-attributes-item:nth-child(9) {display:none}
.products-grid-column6 .products-grid-item .item-attributes ul li.item-attributes-item:nth-child(10) {display:none}
.products-grid-column6 .products-grid-item .item-attributes ul li.item-attributes-item:nth-child(11) {display:none}
.products-grid-column6 .products-grid-item .item-attributes ul li.item-attributes-item:nth-child(12) {display:none}
.products-grid-column6 .products-grid-item .item-attributes ul li.item-attributes-item:nth-child(13) {display:none}
.products-grid-column6 .products-grid-item .item-attributes ul li.item-attributes-item:nth-child(14) {display:none}

.products-grid-item .item-summary {letter-spacing:0px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;display: block;text-transform: capitalize;color:#666;font-size:11px}

 @media screen and (min-width: 1441px) { /**over than lg show*/
       .products-grid-item {
        width: 25%;
    }
    /*
                  .products-container-grid .products-grid-item:nth-last-child(1) .item-body {border-bottom-width:0px}
      .products-container-grid .products-grid-item:nth-last-child(2) .item-body {border-bottom-width:0px}
        .products-container-grid .products-grid-item:nth-last-child(3) .item-body {border-bottom-width:0px}
            .products-container-grid .products-grid-item:nth-last-child(4) .item-body {border-bottom-width:0px}

        */
}

@media screen and (max-width: 1440px) { /**lg show*/
   .products-grid-item {
        width: 25%;
    }

    /*
           .products-container-grid .products-grid-item:nth-last-child(1) .item-body {border-bottom-width:0px}
      .products-container-grid .products-grid-item:nth-last-child(2) .item-body {border-bottom-width:0px}
        .products-container-grid .products-grid-item:nth-last-child(3) .item-body {border-bottom-width:0px}
            .products-container-grid .products-grid-item:nth-last-child(4) .item-body {border-bottom-width:0px}
       */

              /**包包类别页*/
              .category-30 .products-grid-item {width: 33.333333333333333%;}
              .category-30 .products-container-grid .products-grid-item:nth-last-child(4) .item-body {border-bottom-width:1px}
              .category-30 .products-container-grid .products-grid-item:nth-last-child(4) .item-body {border-bottom-width:1px}
                          
   
}


@media screen and (max-width: 1024px) { /**md show*/
   .products-grid-item {
        width: 33.333333333333333%;
    }
    /*
           .products-container-grid .products-grid-item:nth-last-child(1) .item-body {border-bottom-width:0px}
      .products-container-grid .products-grid-item:nth-last-child(2) .item-body {border-bottom-width:0px}
        .products-container-grid .products-grid-item:nth-last-child(3) .item-body {border-bottom-width:0px}
                    .products-container-grid .products-grid-item:nth-last-child(4) .item-body {border-bottom-width:1px}

    */

}

@media screen and (max-width: 991px) { /**.sm show*/
   .products-grid-item {
        width: 33.333333333333333%;
    }
    /*
        .products-container-grid .products-grid-item:nth-last-child(1) .item-body {border-bottom-width:0px}
      .products-container-grid .products-grid-item:nth-last-child(2) .item-body {border-bottom-width:0px}
        .products-container-grid .products-grid-item:nth-last-child(3) .item-body {border-bottom-width:0px}
           .products-container-grid .products-grid-item:nth-last-child(4) .item-body {border-bottom-width:1px}

         */
}
@media screen and (max-width: 767px) { /**.xs show*/

    .products-container {}
    .products-container-grid {clear:both;}

   
    
    .products-grid-item {width:50%;padding-left:0px;border-right:solid 1px #ddd;border-right-color:transparent;margin-bottom:0px;padding-top:1px;padding-bottom:0px;}
    
    .products-grid-item .item-price {color: #111;font-size: 13px;line-height: 1.3;letter-spacing:0px}

    .products-grid-item .video-player-wrap .btn-control {font-size:50px;cursor:pointer;margin-top:50%}
    .products-grid-item .item-badge {top: 6px;left: 6px;}
    .products-grid-item .badge-sold-out {color:#fff;width: 60%;border: solid 1px #00b38a;color: #00b38a;top: 30%;left: 20%;text-transform:uppercase;cursor:pointer;background:#00b38a;color:#fff;opacity:0.5;font-size:13px}
    .products-grid-item .badge-best-seller {width:70px;}
    .products-grid-item .item-body {padding:0px 10px}
        .products-grid-item .h-3 .item-brand {
            font-size: 13px;
            letter-spacing: 0.3px;
            font-family: "proxima-nova-semi";
            text-transform:capitalize
        }
      .products-grid-item .h-3 .item-brand span {
            display:none
            }
            .products-grid-item .h-3 .item-name {
                color: #555;
                font-size: 13px;
                letter-spacing: 0px;
            }

     .products-container-grid .products-grid-item:nth-last-child(1) .item-body {border-bottom-width:0px}
      .products-container-grid .products-grid-item:nth-last-child(2) .item-body {border-bottom-width:0px}
              .products-container-grid .products-grid-item:nth-last-child(3) .item-body {border-bottom-width:1px}
           .products-container-grid .products-grid-item:nth-last-child(4) .item-body {border-bottom-width:1px}

    .products-grid-item .item-onsale span.onsale-countdown{display:none}

     .products-grid-item .item-attributes ul li.item-attributes-item:nth-child(4) {display:none}
    .products-grid-item .item-attributes ul li.item-attributes-item:nth-child(5) {display:none}
    .products-grid-item .item-attributes ul li.item-attributes-item:nth-child(6) {display:none}
    .products-grid-item .item-attributes ul li.item-attributes-item:nth-child(7) {display:none}
    .products-grid-item .item-attributes ul li.item-attributes-item:nth-child(8) {display:none}
    .products-grid-item .item-attributes ul li.item-attributes-item:nth-child(9) {display:none}
    .products-grid-item .item-attributes ul li.item-attributes-item:nth-child(10) {display:none}
    .products-grid-item .item-attributes ul li.item-attributes-item:nth-child(11) {display:none}
    .products-grid-item .item-attributes ul li.item-attributes-item:nth-child(12) {display:none}
    .products-grid-item .item-attributes ul li.item-attributes-item:nth-child(13) {display:none}
    .products-grid-item .item-attributes ul li.item-attributes-item:nth-child(14) {display:none}




    /**四列效果排列*/
    .products-grid-column4 .products-grid-item{width: 50%;padding:5px}

        /**四列效果排列*/
    .products-grid-column6 .products-grid-item{width: 50%;padding:5px}

    .products-grid-item .item-summary {letter-spacing:0px;font-size:10px}

     /**包包类别页*/
              .category-30 .products-grid-item {width: 50%;}
               .category-30 .products-container-grid .products-grid-item:nth-last-child(3) .item-body {border-bottom-width:1px}
              .category-30 .products-container-grid .products-grid-item:nth-last-child(4) .item-body {border-bottom-width:1px}
             
   
}

/***********************************************************************************************************************/


/**SEO Content*/
/*category-content*/
.seo-related-content {margin-bottom:25px;font-size:15px;letter-spacing:0.5px}
.seo-related-content hr{border-top:solid 1px #e4e4e4}
.seo-related-content .text,.seo-related-content h2,.seo-related-content .text,.seo-related-content h3 {background-color: transparent;margin-bottom: 10px;padding: 0;font-family: "proxima-nova-semi";font-size:16px;    letter-spacing: 0px;text-transform:capitalize;    font-style: normal;color: #111;text-rendering: optimizeLegibility;}
.seo-related-content strong{font-weight:normal}
.seo-related-content .content,.seo-related-content p {letter-spacing:0.3px;color:#5d5d5d;font-size:13px;line-height:22px}
.seo-related-content .content a,.seo-related-content a{text-decoration:none;color:#5d5d5d;font-size:13px}
.seo-related-content .content a:hover,.seo-related-content a:hover{text-decoration:underline;color:#000}

.seo-related-content .inner-content,.seo-related-content .inner-content p {letter-spacing:0px;color:#5d5d5d;font-size:13px;line-height:20px}
.seo-related-content .inner-content h3 {background-color: transparent;margin-bottom: 10px;padding: 0;font-size:15px;letter-spacing: 0px;text-transform:capitalize;    font-style: normal;color: #555;text-rendering: optimizeLegibility;}
.seo-related-content .inner-content a{text-decoration:none;color:#5d5d5d;font-size:13px}
.seo-related-content .inner-content a:hover{text-decoration:underline;color:#000}

/*右边:SEO 关联链接*/
.seo-related-searches {margin-bottom:50px;clear:both}
.seo-related-searches h2,.seo-related-searches h3{text-transform:capitalize}
.seo-related-searches hr{border-top:solid 0px #ddd}
.seo-related-searches .text {background-color: transparent;margin-bottom: 1.5em;padding: 0;font-family: "proxima-nova-semi";font-size:15px;    letter-spacing: 0px;text-transform:capitalize;    font-style: normal;color: #111;text-rendering: optimizeLegibility;}
.seo-related-searches .related-searches {}

.seo-related-searches .related-searches{display:block;width: 100%;padding: 0;width: 100%;/*padding: 0 0 1em 0;overflow-x: auto;overflow-y: hidden;white-space: nowrap;*/}
    /*滚动条样式*/
.seo-related-searches .related-searches::-webkit-scrollbar {width: 7px;height: 7px;}
.seo-related-searches .related-searches::-webkit-scrollbar-thumb {border-radius: 5px;-webkit-box-shadow: inset 0 0 5px #ddd;background: #ddd;}
.seo-related-searches .related-searches::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 5px rgba(255,255,255,1);border-radius: 0;background: rgba(255,255,255,1);}

.seo-related-searches .related-searches a{color:#5d5d5d;border:1px solid #e4e4e4;color:#333;padding:5px 8px;text-decoration:none;border-radius:5px;margin-left:4px;margin-right:4px;display:inline-block;background:#fff;font-size:13px;letter-spacing:1px;margin-bottom:10px;text-transform:capitalize}
.seo-related-searches .related-searches a:hover{background:#e4e4e4;color:#111;}

@media screen and (max-width: 767px) { /**.xs show*/
   .seo-related-content {display:none}

    .navigation-page .seo-related-content {display:block;margin:15px}

   .buy-page .seo-related-content {display:block;margin:15px}
    .custom-page .seo-related-content {
        display: block;
        margin: 15px
    }
   .seo-related-searches {text-align:center;border-top: solid 1px #efefef}
   .seo-related-searches .text {padding:0px 14px;text-align:center}
   .seo-related-searches .related-searches {padding:0px 7px;text-align:center;padding: 0 0 1em 0;overflow-x: auto;overflow-y: hidden;white-space: nowrap;}
}

/***********************************************************************************************************************/

/***********************************************************************************************************/
/*New Arrivals Page*/
.newarrivals-page .category-search-results .category-seo-text .seo-description{font-size:12px}
@media screen and (max-width: 767px) 
{
    .newarrivals-page  .results-left-panel .category-filter-facet {border-top:solid 0px #ddd}
    .newarrivals-page  .results-left-panel .newin-filter-facet {border-top:solid 1px #ddd}
}



/**************************************************************
 特别类别CSS处理:包包
*/
.category-30 .category-header .category-seo-text {
    background: #e3d8d2 url(https://static.tomade.com/images/seo/bag-30-left.jpg?v=3) no-repeat;
}
.category-30 .category-header .category-seo-text .seo-description{padding-top: 30px;padding-left: 250px;padding-right: 30px;}
.category-30 .category-header .category-seo-text .seo-description p a{padding-right:6px;text-decoration:underline;font-size:15px;margin-top:10px;display:inline-block}

@media screen and (max-width: 767px) 
{

.category-30 .category-header .category-seo-text {margin-bottom:10px;background-position:center;background-image:none;background: #e3d8d2;}
.category-30 .category-header .category-seo-text .seo-description{padding:15px}
.category-30 .category-header .category-seo-text .seo-description p a{border-bottom:solid 0px #111;text-decoration:underline;font-size:13px;;margin-top:10px}
}


@media print {

.products-grid-item:nth-child(8) {page-break-after: always;}
.products-grid-item:nth-child(20) {page-break-after: always;}
.products-grid-item:nth-child(32) {page-break-after: always;}
.products-grid-item:nth-child(44) {page-break-after: always;}


    .category-page .responsive-notice,
    .category-page .responsive-header,
    .category-page .responsive-footer,
    .category-page .container-breadcrumb,
    .category-page #golbal-page-modal,
    .category-page .category-search-results .results-left-panel,
    .category-page .category-search-results .results-right-panel .results-sortbar,
    .category-page .category-search-results .results-right-panel .results-page,
    .category-page .category-search-results .results-right-panel .results-page,
    .category-page .category-search-results .seo-related-searches,
    .category-page .category-search-results .seo-related-content,
    .category-page #page-totop,
   
    .category-page .video-player-wrap,
    .category-page .item-favorite,
    .category-page .item-attributes,
    .category-page .hover-image,
    .category-page .hover-menu,
	.category-page .header-table,
.category-page .category-header,
	.favorite-homepage-header .profile-actions{
        display: none;text-decoration:none
    }



    /** .category-page .item-brand,
   - .category-page .item-price,
    .category-page .item-name,*/

    .category-page .item-no {
        display:block
    }


    .category-page a {
        text-decoration: none
    }



.products-grid-item .item-body {
    height: 87px;
    border-bottom: 1px solid rgb(228, 228, 228);
}
	
.category-page a.item-images-link:after{
    content:""!important;
	}
	.category-page a.item-name:after{
    content:""!important;
	}
	.category-page a.item-brand {}
	.category-page .item-price { display: none;text-decoration:none}
	.category-page a.item-brand:after {content: "#" attr(data-item-no) "";}

	.category-page .products-grid-item .h-3 .item-name {-webkit-line-clamp:1;display:none}
	

    .category-page .category-search-results .results-right-panel {
        width: 100%;page-break-before: always; 
    }
    .category-page .category-search-results .results-right-panel .products-container {padding-left:0px}
     .category-page .category-search-results .results-right-panel .products-container .products-grid-item {
            width: 25%;
        }
        .category-page .category-search-results .results-right-panel .products-container .products-grid-item {
            padding: 5px;
            width: 25%;
          
        }
            .category-page .category-search-results .results-right-panel .products-container .products-grid-item .item-body {
                height: 120px;
              
            }
}


.custom-product-page {
}


.product-custom-page .list-group-toggled{
    cursor:pointer
}
.product-custom-page .list-group-toggled .list-group-item-heading{
    font-size:14px;letter-spacing:0.5px;
}

.product-custom-page .list-group-item {
border-left-width:0px;border-right-width:0px
}

.product-custom-page .list-group-item:hover{
color:#000
}
.product-custom-page .list-group-toggled .list-group-item-heading:after  {display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;    content: "\f107";font-size: 130%;position: absolute;right: 2%; }

.product-custom-page .list-group-toggled .list-group-item-text{
    display:none;
     font-size:14px;letter-spacing:0.5px;line-height:26px;padding-top:10px;padding-bottom:20px
}


.custom-menu-content {
    border-bottom: 0px solid #d9d9d9;
}


/*************************************************定制面板*/

.custom-panel-container {height: 100vh;font-size: 12px; width: 100vw;display: block; padding: 0px;margin: 0px;}


/**定制面板页头*/
.custom-panel-header {background:#fff;height:68px;display:block;border-bottom:solid 2px #000;}
.custom-panel-header .pull-left {padding-left:15px;line-height:66px}
.custom-panel-header .pull-right {padding-right:15px;line-height:66px}
.custom-panel-header button {}

/**定制面板页尾*/
.custom-panel-footer {display:none}

/**定制面析页*/
#custom-panel {display: flex;display: -webkit-flex;flex-direction: row;flex-wrap: nowrap;justify-content: flex-start;align-items: flex-start;align-content: center;column:2}

/*定制产品页:产品图像选择器*/
#custom-image-container {border-right:solid 0px #ddd;width:110px;text-align:center;margin:auto;position:absolute;top:15px;right:15px}
#custom-image-container #custom-images {list-style: none;padding: 0;margin: 0;padding-top:5px}
#custom-image-container #custom-images > li {margin-bottom: 10px; }
#custom-image-container #custom-images > li > div {width: 100%;cursor: pointer; padding-right: 10px;padding-top:10px}
#custom-image-container #custom-images > li > div > .image-container {overflow: hidden;padding: 0px;border: 5px #f8f8f8 solid; border-color:transparent;border-radius:5px }
#custom-image-container #custom-images > li > div > .image-container > img, 
#custom-image-container #custom-images > li > div > .image-container > div {width: 100%;display: block; }
#custom-image-container #custom-images > li > div > .name {font-size: 12px;font-weight: 400;color: #465a64;text-overflow: ellipsis;text-align: center;white-space: nowrap;word-break: keep-all;overflow: hidden; margin: 0;padding: 0px 0px;display: block;line-height:28px;font-weight:bold;margin-top:-5px;border-radius:5px}
#custom-image-container #custom-images > li:hover > div > .image-container, 
#custom-image-container #custom-images > li.active > div > .image-container {border-color: #42a5f5; }


/*定制产品页:设计区域*/
#custom-design-container {border-right: solid 0px #ddd;border-left: solid 0px #f1f1f1;text-align: center;position: relative;flex: 1 1 auto;align-self: center;align-items: center;flex-grow: 1;}
    #custom-design-container #svgroot-container {
        display: block;
        width: calc(100vw-370px);
        padding-bottom: 100%;
        margin: auto;
        max-width: 600px
    }
#custom-design-container #svgroot-container #svgroot{}



/**定制产品页：工具箱内容选择卡*/
#custom-toolbox-container {width: 364px;margin-top: 0px;margin-bottom: 0px;position: relative;flex-grow: 0;}

/**工具箱菜单*/
#custom-toolbox  #custom-toolbox-menu { width: 64px; height:100vh; float: left;background-color: #111; position: relative;  }
#custom-toolbox  #custom-toolbox-menu > ul {   list-style: none;   margin: 0;   margin-top: 26px;   padding: 0;   width: 100%;   display: inline-block; position: relative; }
#custom-toolbox  #custom-toolbox-menu > ul > li {    text-align:center;   color: #58595b;     position: relative;  padding:0px 0px;        max-height: 100px;      height: calc(100% / 15);     width: 100%;flex: 1 1 0;margin-top:10px;margin-bottom:10px }
#custom-toolbox  #custom-toolbox-menu > ul > li:first-child { border-bottom: 0px white solid;}
#custom-toolbox  #custom-toolbox-menu > ul > li:last-child {border-top: 0px white solid; }

#custom-toolbox  #custom-toolbox-menu > ul > li .btn-image {  display: block;  text-align: center;padding:0px 5px }
#custom-toolbox  #custom-toolbox-menu > ul > li .btn-image svg {  display: block; height: 50px;width:50px;fill:#ccc}
#custom-toolbox  #custom-toolbox-menu > ul > li .btn-text {-webkit-user-select: none;  -moz-user-select: none; -ms-user-select: none;user-select: none;margin-top: .125rem;padding:0px 5px;width: 100%;text-transform: uppercase;letter-spacing: 1px;display:block;color:#ccc;text-align:center;padding-bottom:10px}

#custom-toolbox  #custom-toolbox-menu > ul > li:hover {background-color: white;border-left:solid 2px #ffd800;cursor:pointer}
#custom-toolbox  #custom-toolbox-menu > ul > li:hover > .btn-image svg {  display: block; height: 50px;width:50px;fill:#555}
#custom-toolbox  #custom-toolbox-menu > ul > li:hover > .btn-text {color:#555;}

#custom-toolbox  #custom-toolbox-menu > ul > li.active {background-color: white;border-left:solid 2px #ffd800;cursor:pointer}
#custom-toolbox  #custom-toolbox-menu > ul > li.active > .btn-image svg {  display: block; height: 50px;width:50px;fill:#555}
#custom-toolbox  #custom-toolbox-menu > ul > li.active > .btn-text {color:#555;}

/**工具箱菜单显示内容*/
#custom-toolbox  #custom-toolbox-content {  width: 300px; height:100vh;  float: left;  padding: 0px;  border: 0px #ddd solid; border-left: none; overflow: auto; position: relative;background:#fff; border:solid 0px #efefef;border-left-width:0px;border-right:solid 1px #ddd; }

/**显示与不显示*/
#custom-toolbox  div.custom-toolbox-content-item {display:none}
#custom-toolbox  div.active {display:block}

#custom-toolbox-content-welcome {padding:30px 10px}
#custom-toolbox-content-welcome .welcome_title{letter-spacing:1px;text-align:center;font-weight:bold;}
#custom-toolbox-content-welcome .welcome_hr{letter-spacing:1px;text-align:center;width:20%;border-bottom:solid 1px #999;margin:20px auto 0px auto}
#custom-toolbox-content-welcome .welcome_button_image{cursor:pointer;margin-top:10px}
#custom-toolbox-content-welcome .welcome_button_image:hover{border:solid 1px #ddd;border-radius:70px}
#custom-toolbox-content-welcome .welcome_button_text{letter-spacing:1px;text-align:center;color:#888;}

/*#custom-toolbox-content 内容*/
#custom-toolbox-content .panel{
    margin-bottom: 20px;
    background-color: #fff;
    border: 0px solid transparent; 
    border-radius: 0;
    -webkit-box-shadow: 0 0px 0px rgba(0,0,0,.05);
    box-shadow: 0 0px 0px rgba(0,0,0,.05); 
}
#custom-toolbox-content .panel-heading {background:#f8f8f8;border-width:0px}
#custom-toolbox-content .panel-heading .pull-left{font-size:11px;letter-spacing:2px;}
#custom-toolbox-content .panel-heading .pull-right{cursor:pointer}

/**定制产品页：工具箱内容选择卡*/

#custom-toolbar-container {padding-left:0px;padding-right:0px;border-left:solid 1px #ddd;border-right:solid 1px #ddd;min-height:600px}
#custom-toolbar-container #custom-toolbar-panel {width:350px}
#custom-toolbar-container #custom-toolbars {}

#custom-toolbar-container #custom-toolbars .panel 
{
    border: 0px solid transparent;       
    border-bottom: 1px solid #ddd; 
    border-radius: 0;
    -webkit-box-shadow: 0 0px 0px rgba(0,0,0,0); 
    box-shadow: 0px 0px rgba(0,0,0,0); 
}

#custom-toolbar-container #custom-toolbars .panel-heading {}

#custom-toolbar-container #custom-toolbars .panel-heading:hover {}

#custom-toolbar-container #custom-toolbars .btn-default {
    -webkit-box-shadow: 0 0px 0px rgba(0,0,0,0); 
     box-shadow: 0px 0px rgba(0,0,0,0); 
    
}

/**定制产品页：工具箱:增加文本*/
.svg-custom-toolbox-content-add-text {
   padding:0px 5px
}
.svg-custom-toolbox-content-add-text .text-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
}

.svg-custom-toolbox-content-add-text .control-label {
    display: block;
    font-weight: 700;
    margin-bottom: 3px;
    letter-spacing:1px;
}

.svg-custom-toolbox-content-add-text .dropdown-menu{
   
    list-style: none;
    font-size: 16px;
    text-align: left;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    background-clip: padding-box;
}

.svg-custom-toolbox-content-add-text .dropdown-menu li a {font-size:14px}
.svg-custom-toolbox-content-add-text .svg-add-text-color {background:#000;width:33px;height:33px;border:solid 0px #fff;cursor:pointer}
.svg-custom-toolbox-content-add-text .svg-add-text-font {font-size:12px}

/**定制产品页：工具箱:上传文件*/
.svg-custom-toolbox-content-upload {}
.svg-custom-toolbox-content-upload .upload-file-zone {border: 1px dashed #ccc;background-color: #fff; padding-top: 20px;padding-bottom: 20px; border-radius: 3px; transition: all .1s linear;cursor:pointer; height:160px;text-align:center;display:block}
.svg-custom-toolbox-content-upload .upload-file-zone:hover {border: 1px dashed #00b38a;}

.svg-custom-toolbox-content-upload .svg-upload-cloud-icon {fill:#555;height:80px;width:80px}
.svg-custom-toolbox-content-upload .upload-link {font-size: 18px;color: #555;}
.svg-custom-toolbox-content-upload .upload-link .link{color: #00b38a;}
.svg-custom-toolbox-content-upload .upload-accept-files {}
.svg-custom-toolbox-content-upload .upload-accept-files h4{letter-spacing:1px;line-height:20px;font-size:10px;color:#666}
.svg-custom-toolbox-content-upload .upload-accept-files div{letter-spacing:1px;border-right:solid 1px #ddd;display:table;font-size:10px}
.svg-custom-toolbox-content-upload .upload-accept-files div span{border:solid 1px #ddd;border-right-width:0px;padding:2px 4px;list-style:none;color:#666}
.svg-custom-toolbox-content-upload .upload-files-help {margin-top:20px;letter-spacing:1px;font-style:italic;color:#666}
.svg-custom-toolbox-content-upload .upload-files-help a{color: #00b38a;}

/**定制产品页：工具箱:选择产品色彩*/
.svg-custom-toolbox-content-productcolors .productcolor_title{line-height:50px;font-size:12px;letter-spacing:1px;color:#555;font-weight:bold}
.svg-custom-toolbox-content-productcolors .btn_productcolor_image{  width:65px;  height:65px;  -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.125);  box-shadow: inset 0 0px 0px rgba(0,0,0,.125); margin-right:5px;border-color:#efefef;;border-width:3px;border-radius:3px                                                         }
.svg-custom-toolbox-content-productcolors .btn_productcolor_image:hover {border-color:#00b38a;border-width:3px}
.svg-custom-toolbox-content-productcolors .active {border-color:#00b38a;border-width:3px}


/**定制产品页：添加到购物车模块*/

.custom-panel-container .custom-dropdown-menu {height:570px;z-index:2}
.custom-panel-container .custom-dropdown-menu .panel 
{
    border: 0px solid transparent;       
    border-bottom: 0px solid #ddd; 
    border-radius: 0;
    -webkit-box-shadow: 0 0px 0px rgba(0,0,0,0); 
    box-shadow: 0px 0px rgba(0,0,0,0); 
}
.custom-panel-container .custom-dropdown-menu .panel-heading {   border-bottom: 0px solid #ddd;letter-spacing:2px }
.custom-panel-container .custom-dropdown-menu .panel-heading:hover {}
.custom-panel-container .custom-dropdown-menu .panel-heading .btn-close-order-panel {padding:4px;cursor:pointer;padding-left:6px;border:solid 1px #555;border-color:transparent}
.custom-panel-container .custom-dropdown-menu .panel-heading .btn-close-order-panel:hover{border-color:#111;}
.custom-panel-container .custom-dropdown-menu .panel-body {border-width: 0px;}

.custom-panel-container .custom-dropdown-menu .panel-body .idp-item-overview{margin-top:0px}


.custom-panel-container .custom-product-discount {margin:0px;padding:4px;margin-bottom:10px;background:#f8f8f8}
.custom-panel-container .custom-product-discount li{border-left:solid 1px #ddd;padding:0px 8px;list-style:none;letter-spacing:1px;line-height:22px}
.custom-panel-container .custom-product-discount li:first-child{border:solid 0px #ddd;}
.custom-panel-container .custom-product-discount .qty{font-weight:bold}
.custom-panel-container .custom-product-discount .off{background:#00b38a;color:#fff;padding:1px 3px;font-style:normal;border:solid 0px #999;border-radius:3px}



/*************^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^**************************************/


.custom-product-info .product-name{line-height:40px;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;font-size:18px;line-height:20px;color:#000;letter-spacing:0.5px;font-weight:bold}
.custom-product-info .product-id  {font-size:12px;;letter-spacing:0.75px;color:#555;font-style:italic}
.custom-product-info .product-id  strong{color:#000;}
.custom-product-info .production-cycle{color:#000;;letter-spacing:0.5px}
.custom-product-info .product-stock{color:#555;;letter-spacing:0.5px;font-style:italic}
.custom-product-info .product-stock strong{color:#555;;letter-spacing:0.5px}
.custom-product-info .product-price{color:#000;font-size:14px;text-align:left}
.custom-product-info .product-price .del{text-decoration:line-through;color:#333}
.custom-product-info .product-price .price{font-size:14px;font-weight:bold;}
.custom-product-info .product-price .special-price{color:#cc1f07;margin-left:10px}
.custom-product-info .product-price .special-price i{font-size:10px;padding-left:5px;color:#666}

.custom-product-info .product-qualitylevel{letter-spacing:0.5px;font-style:italic;}
.custom-product-info .product-qualitylevel star-icon{color:#E55400;;letter-spacing:0.5px}

.custom-product-info .product-leadtime{letter-spacing:0.5px;font-style:italic;}

.custom-product-info .product-warehouse{letter-spacing:0.5px;font-style:italic;}
.custom-product-info .product-moq{letter-spacing:0.5px;font-style:italic;}

.custom-product-info .product-desc{letter-spacing:1px;line-height:24px;color:#333}

.custom-product-info .divider{    width: 80px;
    height: 1px;
    background: #797979;
    margin: 10px auto;display:none}
.custom-product-info h3{font-size: 12px; color: #000;letter-spacing: 0.5px; font-weight: normal; text-align: left;margin-bottom:20px;margin-top:0px;border-bottom:solid 1px #ddd;line-height:30px;padding:3px 0px;display:inline-block}
.custom-product-info dt {    font-size: 12px;
    line-height: 18px;
    color: #555;font-weight: 600;;letter-spacing:1px;font-style:italic;font-weight:bold
    }
.custom-product-info dd {    margin-bottom: 8px;
    word-wrap: break-word;font-size:12px;letter-spacing:1px;font-style:italic;
    }
.custom-product-info dl {     font-size: 14px;
    line-height: 26px;
    color: #797979;margin-bottom:0px
    }

.custom-product-info .the_factory_title{border-bottom-width:0px;margin-bottom:0px;margin-top:50px;font-weight:bold;font-size:14px}
.custom-product-info .the_factory_content {    font-size: 14px;
    line-height: 30px;
padding:20px;border:dashed 2px #efefef;border-radius:10px;letter-spacing:1px;font-style:italic
    }

/*************^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^**************************************/

.custom-product-content {border-top:solid 1px #ddd;padding-top:40px;padding-bottom:30px;margin-top:30px}
.custom-product-content h3{font-size: 12px; color: #000;text-transform: uppercase;letter-spacing: 1px; font-weight: normal; text-align: left;margin-bottom:20px;margin-top:0px;border-bottom:solid 0px #ddd;line-height:30px;background:#f8f8f8;padding:3px 10px}

.custom-product-content .divider{    width: 80px;
    height: 1px;
    background: #797979;
    margin: 10px auto;display:none}




/**购物车定制模块*/
.idp-design-page .custom-order-container { width:346px;display:none;height:100vh;background:#fff;}
.idp-design-page .custom-order-container .custom-dropdown {position: relative}
.idp-design-page .custom-order-container .panel-body {}
.idp-design-page .custom-order-container .form-group {margin-left: 0px;margin-right: 0px}

/*打开或关闭idp-custom-order*/
/**切换时控制效果*/
.idp-design-page .open-right .custom-order-container {display: block;}
.idp-design-page .open-right .custom-design-container {}
.idp-design-page .open-right .custom-toolbox-container {display: none}
/****************************************************************************************************/
/*idp-custom-order*/
.idp-custom-order {border-radius:5px}
.idp-design-page .idp-item-order .add-cart-form, .idp-design-page .idp-item-order .add-cart-variant-form {
    border-top-width: 0px;padding-top:0px
}
.idp-custom-order .form-sku{margin-left: 0;margin-right: 0;}
.idp-custom-order .form-sku-head{margin-left:0px;margin-right:0px;border-bottom:solid 1px #efefef;margin-bottom:10px;font-size:13px;}
.idp-custom-order .form-sku-body{padding:0px}

/**数量特别处理*/
.idp-custom-order .form-sku-qty .form-sku-head{border-bottom:solid 0px #ddd;margin-bottom:0px}
.idp-custom-order .form-sku-qty .form-sku-body .form-control{font-weight:bold;font-size:15px}





/**整个网站公菜部分*/
.ajax-load-products {}
.ajax-load-products .loading{text-align:center;display:block;vertical-align:middle;font-size:30px;color:#999;margin:100px 0px}


.ajax-load-products-controllers {position:relative;display:none;width:100%} 
.ajax-load-products-controllers .left {    position: absolute; top: 150px;left: -20px;height: 28px;margin: auto;font-size: 30px;line-height: 28px;text-decoration: none;color: #595959 !important;}
.ajax-load-products-controllers .right {    position: absolute;top: 150px;right: -20px;height: 28px;margin: auto;font-size: 30px;line-height: 28px;text-decoration: none;color: #595959 !important;}

/**产品明细页*/

.product-page {}

product-page .idp-container {}


.product-page .idp-item-gallery-container { width: 880px;}

.product-page .idp-container-toolbar {position:absolute;top:20px;left:20px;width:100%;z-index:99}
.product-page .idp-container-toolbar a {background:#fff;border-radius:25px;display:inline-block;height:40px;width:40px;color:#000;text-align:center;opacity:0.6}
.product-page .idp-container-toolbar i {font-size:26px;line-height:40px;font-weight:bold}

/**产品图片展示*/
.product-page .idp-item-gallery {width:65%;float:left;position: relative;padding-right:15px;}

.product-page .idp-container-toolbar {display:none}


/**.affix模块下*/
.product-page .affix-top {left:0px;position:relative;}
.product-page .affix {top:15px;z-index:999;left:15px;}
.product-page .affix-bottom {left:0px;z-index:999;}

.idp-thumbnail-slider {min-height: 400px;-webkit-user-select: none;user-select: none;display: block;float: left;padding: 0;width:8%}

.idp-thumbnail-slider .inner ul {list-style:none;    margin-block-start: 0em;margin-block-end: 0em;margin-inline-start: 0px;margin-inline-end: 0px;padding-inline-start: 0px;margin-top:5px;-webkit-margin-before: 0em;-webkit-margin-after: 0em;-webkit-margin-start: 0px;-webkit-margin-end: 0px;-webkit-padding-start: 0px;}
.idp-thumbnail-slider .inner ul li {display: table !important;height: 60px;width: 55px;margin: 5px 0;padding: 0;border: 1px solid transparent;box-sizing: content-box;transition: all .5s;    width: 55px;height: 60px;z-index: 0;cursor:pointer}
.idp-thumbnail-slider .inner ul li.active {border:solid 1px #111}
.idp-thumbnail-slider .inner ul li div{    display: table-cell; vertical-align: middle;}
.idp-thumbnail-slider .inner ul li div img {height: auto;vertical-align: middle;border: 0;display: block;max-width: 55px;margin: auto;}


.idp-thumbnail-slider .inner ul li .thumb-video {position:relative}
.idp-thumbnail-slider .inner ul li .thumb-video .player-icon{font-size:40px;cursor:pointer;display: block;position: absolute;top: 20%;right: 0%;padding:0px;text-align: center;z-index:15;opacity:0.8;width:100%;}


.idp-main-gallery {float: left; height: auto;width: 92%;margin: 0 auto;padding: 0 0px;box-sizing: border-box;overflow:hidden}


.idp-main-gallery .slider-inner {width: 100%;margin: 0 auto;box-sizing: border-box;font-size: 0;}
.idp-main-gallery ul {height: auto !important;overflow: visible !important;position: relative;min-height: 320px !important;padding-top: 0 !important;box-sizing: border-box;list-style: none;list-style:none;      margin-block-start: 0em;margin-block-end: 0em;margin-inline-start: 0px;margin-inline-end: 0px;padding-inline-start: 0px;-webkit-margin-before: 0em;-webkit-margin-after: 0em;-webkit-margin-start: 0px;-webkit-margin-end: 0px;-webkit-padding-start: 0px;}
.idp-main-gallery ul li {opacity: 0;display: block;}
.idp-main-gallery ul li.idp-item-image-show {display: table;position: absolute;top: 0;left: 0;width: 100%;margin: 0;padding: 0;opacity: 0;box-sizing: border-box;font-size: 12px;list-style: none;left: 0px;z-index: 2; transition: opacity 300ms ease 0s;height: auto !important;text-align:center;min-height:320px;}
 .idp-main-gallery ul li.idp-item-image-show a {display:inline-block}
.idp-main-gallery ul li.idp-item-image-show img {margin:auto;cursor:zoom-in}
.idp-main-gallery ul li.active {z-index:3;opacity: 1;}

.idp-main-gallery ul li .video-player {background:#000;object-fit: fill;max-width:510px}


.idp-main-gallery-pager{display:none;margin:20px auto;font-size:0;text-align:center;}

.idp-main-gallery-pager a{display:inline-block;background-color:#bbb;height:10px;width:10px;margin:2px 4px;border-radius:10px;font-size:0;cursor:pointer}
.idp-main-gallery-pager a:hover{opacity:.6}
.idp-main-gallery-pager a.active{background-color:#111}
.idp-main-gallery-pager,.idp-main-gallery-prev,.idp-main-gallery-next{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}


/**产品视频手机显示*/
.idp-page .idp-mobile-video-toolbar {text-align:center;line-height:50px;border-bottom:solid 1px #efefef}
.idp-page .idp-mobile-video-toolbar a{text-align:center;font-size:11px;font-family: "proxima-nova-semi";letter-spacing:1px;text-decoration:underline}
.idp-page .idp-mobile-video-toolbar i{}
/**产品内容展示*/
.product-page .idp-item-info {width: 35%;float: right;clear: none;}

/**产品名称*/
.idp-page .idp-item-name {}
.idp-page .idp-item-name h1{margin-bottom: 0;margin-top:0px}
.idp-page .idp-item-name .idp-item-brand {font-size: 15px;    line-height: 1.2;font-family: "proxima-nova-semi";}
.idp-page .idp-item-name .idp-item-brand a{font-family: "proxima-nova-semi";text-transform:uppercase}
.idp-page .idp-item-name .idp-item-brand a.brand-factory .sbefore{  content: "the Factory";color: #999;font-size: 10px;font-family: 'proxima-nova-regular';display:inline-block;line-height:20px;margin-right:5px}

.idp-page .idp-item-name .idp-best-seller{}
.idp-page .idp-item-name .idp-best-seller:after{    content: "Best Seller";color: #fff;border: solid 1px #ee3c32;color: #fff;cursor: pointer;background-color: #ee3c32;border-radius: 0;opacity: 1;font-size: 13px;font-family: 'proxima-nova-regular';padding: 1px 3px;}

.idp-page .idp-item-name .idp-item-title{max-width: 450px;padding: .21rem 1.4rem .14rem 0;font-size: 15px;line-height: 1.4;display:block;text-transform:capitalize}

.idp-page .idp-item-name .idp-item-summary {color:#999;font-size:12px;text-transform:lowercase}

.idp-page .idp-item-name .idp-item-review {}
.idp-page .idp-item-name .idp-item-review i.fa-star{font-size:13px;color:#ccc}
.idp-page .idp-item-name .idp-item-review i.fa-yellow{font-size:13px;color:#f90}
.idp-page .idp-item-name .idp-item-review span{font-size:13px;color:#f90;font-family: "proxima-nova-semi";}
.idp-page .idp-item-name .idp-item-review a{text-decoration:underline;letter-spacing:0.5px}

.idp-page .idp-item-moq {border-bottom:solid 1px #efefef;padding-bottom:5px}

.idp-page .idp-item-quality i.solid{}
.idp-page .idp-item-quality i{font-size:15px}

/**产品简述*/
.idp-page .idp-item-overview {
    margin-top: 15px
}
.idp-page .idp-item-overview span{display:block;text-transform:capitalize;line-height:normal}
.idp-page .idp-item-overview span label{font-weight:normal;margin-right:5px;text-transform:capitalize;}

/**discount*/
.idp-page .idp-item-volumeDiscount {margin:0px;padding:10px;background:#efefef;border:solid 0px #efefef;border-radius:1px;margin-bottom:0px;margin-top:8px}
.idp-page .idp-item-volumeDiscount li{border-left:solid 1px #ccc;padding:0px 8px;list-style:none;line-height:22px}
.idp-page .idp-item-volumeDiscount li:first-child{border:solid 0px #ddd;font-style:normal}
.idp-page .idp-item-volumeDiscount .qty{font-family: "proxima-nova-semi";font-style:normal;display:block}
.idp-page .idp-item-volumeDiscount .off{font-family: "proxima-nova-semi";color:#000;padding:0px 0px;font-style:normal;border:solid 0px #999;border-radius:1px;display:block}
.idp-page .idp-item-volumeDiscount li.text{line-height:44px}

/**全局：保存收藏加*/
.idp-item-favorites .btn-follow-product {padding-top:6px;padding-bottom:6px;border:solid 1px #aaa;border-radius:2px;background:#fff}
.idp-item-favorites .btn-follow-product:hover {border:solid 1px #000;}

.idp-item-favorites .btn-follow-product .item-follow {font-size:14px;letter-spacing:0.3px;font-family: "proxima-nova-semi";vertical-align:middle;color:#111}
.idp-item-favorites .btn-follow-product .item-follow:before {display: inline-block;position: relative;top: 3px;left: 0px;background: url(../images/svg/ui-heart-outline.svg) no-repeat 100% 100%;background-size: cover;height: 15px;width: 15px;margin: auto;content: '';margin-right:10px}
.idp-item-favorites .btn-follow-product .item-follow:after {display: inline-block;position: relative;top: 0px;min-width: 1.4rem;color: #555;font-size: 14px;content: "(" attr(data-follows) ")";margin-left:10px;font-family: "proxima-nova-regular"}

.idp-item-favorites .btn-follow-product .item-follow-hide .saved{display:none}
.idp-item-favorites .btn-follow-product .item-follow-hide:after{display:none}

.idp-item-favorites .btn-follow-product .item-follow-saved {}
.idp-item-favorites .btn-follow-product .item-follow-saved:before {background: url(../images/svg/ui-heart.svg) no-repeat 100% 100%;}

/**订购车表单*/
.idp-item-order {}
.idp-item-order .add-cart-variant-form{border-top:solid 1px #efefef;padding-top:5px}
.idp-item-order .add-cart-single-form{padding-top:5px}

/**订购车表单的按钮BuyNow & Add To Cart*/
.idp-item-order .add-cart-form .form-buttons .clearfix{padding-top:5px}
.idp-item-order .add-cart-form .form-buttons .clearfix .pull-left{width:30%;display:none}
.idp-item-order .add-cart-form .form-buttons .clearfix .pull-right{width:100%}
.idp-item-order .add-cart-form .form-buttons .clearfix .btn-buy-now{width:100%;background:#444;border-color:#444;border-right:solid 1px #fff;font-family: "proxima-nova-semi";}
.idp-item-order .add-cart-form .form-buttons .clearfix .btn-add-to-cart{width:100%;font-family: "proxima-nova-semi";}
.idp-item-order .add-cart-form .form-buttons .clearfix .btn-add-to-cart-reminder{width:100%;display:block;height:1px}
.idp-item-order .add-cart-form .form-buttons .clearfix .btn-start-designing{width:100%;font-family: "proxima-nova-semi";background:#126754;text-transform:uppercase;border-color:#126754;color:#fff}



.idp-item-order .add-cart-form .form-buttons .clearfix.show-guest .pull-left{width:30%;display:block}
.idp-item-order .add-cart-form .form-buttons .clearfix.show-guest .pull-right{width:70%}

.idp-qv-page .idp-item-order .add-cart-form .form-buttons .clearfix .pull-left {width: 0%; display:none;}
.idp-qv-page .idp-item-order .add-cart-form .form-buttons .clearfix .pull-right {width: 100%}

.idp-qv-page .idp-item-order .add-cart-form .form-buttons .clearfix.show-guest .pull-left {width: 30%; display:block;}
.idp-qv-page .idp-item-order .add-cart-form .form-buttons .clearfix.show-guest .pull-right {width: 70%}

.idp-item-order .form-sku {margin-bottom: 5px}

.idp-item-order .form-sku-head,
.idp-item-order .form-sku-head label{color:#000;font-size:14px;font-family: "proxima-nova-semi";letter-spacing:1px;font-weight:normal;padding:2px 0px}
.idp-item-order .form-sku-head label .selected {font-size:12px;padding-left:10px;font-family:"proxima-nova-regular";letter-spacing:0.5px;text-transform:capitalize;text-decoration:underline;color:#777}

.idp-item-order .form-sku-body {margin-bottom:0px}
.idp-item-order .form-sku-body .btn-sku-radio {opacity: 0;position: absolute;z-index: -1;}

.idp-item-order .form-sku-body .btn-sku-select {background:#fff;border:solid 1px #ddd;color:#555;padding:8px 10px;font-weight:normal;letter-spacing:0.5px;border-radius:1px;cursor:pointer;font-size:15px;margin-bottom:5px;margin-right:5px;text-transform:capitalize}
.idp-item-order .form-sku-body .btn-sku-select-image {width:55px;padding:1px}
.idp-item-order .form-sku-body .btn-sku-select-image i,.idp-item-order .form-sku-body .btn-sku-select i{display:none}


/**batch*/
.idp-item-order .form-sku-batch {border-top-width:0px}

.idp-item-order .form-sku-batch-head {}
.idp-item-order .form-sku-batch-head td{border-bottom:solid 1px #efefef;text-transform:uppercase;border-top-width:0px;padding:10px 0px}

.idp-item-order .form-sku-batch-body {}
.idp-item-order .form-sku-batch-body:hover {background:#f8f8f8}
.idp-item-order .form-sku-batch-body td{border-bottom:solid 1px #efefef;line-height:30px;font-size:13px;vertical-align:middle;border-top-width:0px;text-transform:capitalize;;padding:10px 0px}
.idp-item-order .form-sku-batch-body:last-child td {border-bottom-width:1px}
.idp-item-order .form-sku-batch-body .choice{}
.idp-item-order .form-sku-batch-body .price{}
.idp-item-order .form-sku-batch-body .qty{}
.idp-item-order .form-sku-batch-body .sold-out {border:dashed 1px #999;border-radius:0px;padding:4px 4px;color:#666;text-transform:capitalize;width:61px;display:block}

.idp-item-order .form-sku-batch-body .btn-sku-select {display:block;background:#fff;border:solid 1px #ddd;color:#555;padding:8px 10px;font-weight:normal;letter-spacing:0.5px;border-radius:1px;cursor:pointer;font-size:15px;margin-bottom:0px;margin-right:0px;text-transform:capitalize}
.idp-item-order .form-sku-batch-body .btn-sku-select-image {width:42px;padding:1px}
.idp-item-order .form-sku-batch-body .btn-sku-select-image i,.idp-item-order .form-sku-body .btn-sku-select i{display:none}

.idp-item-order .form-sku-batch-body .btn-sku-text {text-transform:capitalize}

.idp-item-order  .table-qty {width:60px;padding:0px}
.idp-item-order  .table-qty td{padding:0px;line-height:unset;border-bottom-width:0px;line-height:normal}
.idp-item-order  .table-qty .input-quantity{height:24px;text-align:center;;border-color:#ccc;border-width:1px;width:61px;border-style: solid;border-radius:0px; border-radius: 0px;-webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.175);box-shadow: 0 0px 0px rgba(0, 0, 0, 0.175);}
.idp-item-order  .table-qty .btn-quantity-minus{border-top-width:0px;height:24px;border-right-width:0px;border-color:#ccc;font-size:12px;line-height:10px;vertical-align:middle;width:30px}
.idp-item-order  .table-qty .btn-quantity-plus{border-top-width:0px;height:24px;border-color:#ccc;font-size:12px;line-height:10px;vertical-align:middle;width:31px}

.idp-item-order  .table-qty-big {width:60px;padding:0px}
.idp-item-order  .table-qty-big td{padding:0px;line-height:unset;border-bottom-width:0px;line-height:normal}
.idp-item-order  .table-qty-big .input-quantity{height:34px;text-align:center;;border-color:#ccc;border-width:1px;width:61px;color:#000;;font-size:15px;border-style: solid;border-radius:0px; border-radius: 0px;-webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.175);box-shadow: 0 0px 0px rgba(0, 0, 0, 0.175);}
.idp-item-order  .table-qty-big .btn-quantity-minus{border-top-width:1px;height:34px;border-right-width:0px;border-color:#ccc;font-size:15px;line-height:10px;vertical-align:middle}
.idp-item-order  .table-qty-big .btn-quantity-plus{border-left-width:0px;height:34px;border-color:#ccc;font-size:15px;line-height:10px;vertical-align:middle}


.idp-item-order .form-sku-body .active {
    border: solid 1px #000;
    color: #000;
    position: relative
}
    .idp-item-order .form-sku-body .active i {
        position: absolute;
        bottom: 0px;
        right: 0px;
       
        background: transparent;
        display: inline-block;
        z-index: 1;
        width: 0px;
        height: 0px;
        border-bottom: 8px solid #000;
        border-left: 8px solid transparent;
    }

.idp-item-order .form-sku-input-header {font-family: "proxima-nova-semi";letter-spacing:0.5px;font-size:14px;line-height:30px;margin-top:10px}
.idp-item-order .form-sku-input-header span{font-weight:normal;font-family:"proxima-nova-regular";font-size:12px;letter-spacing:1px}
.idp-item-order .form-sku-input-body table{letter-spacing:0px;font-size:12px;border:solid 1px #ddd;margin-bottom:0px}
.idp-item-order .form-sku-input-body table td{border-right:solid 1px #ddd;padding:0px;text-align:center}
.idp-item-order .form-sku-input-body table .table-td-50 {width:50%}
.idp-item-order .form-sku-input .table td .form-control{-webkit-box-shadow:none; box-shadow:none; -webkit-transition:none; -o-transition: none;transition: none; letter-spacing:1px;font-size:15px;color:#00b38a;height:40px;line-height:40px;border-width:0px;font-size:14px}


.idp-item-order .form-sku-input-body .form-sku-input-name {letter-spacing:0px;font-size:12px;display:block;text-align:center;line-height:20px;border-bottom:solid 1px #ddd;color:#777}
.idp-item-order .form-sku-input-body .form-sku-input-value {letter-spacing:0px;font-size:12px;display:block;text-align:center;line-height:20px;color:#777}
.idp-item-order .form-sku-input-body .btn-sku-select-image img {width:30px;margin:1px;cursor:pointer}

.idp-item-order .form-sku-input-body .form-sku-input-upload-image .upload-file{height: 100px;width: 100px;border: 1px dashed #00b38a;display: inline-block;vertical-align: middle;cursor: pointer;overflow: hidden;}
.idp-item-order .form-sku-input-body .form-sku-input-upload-image .add-upload-file-wrapper1 .btn-add-upload-file{  text-align: center;color: #00b38a;border-bottom-color:#00b38a}.idp-item-order .form-sku-input-preview {}
.idp-item-order .form-sku-input-preview {position:relative}
.idp-item-order .form-sku-input-preview-header {letter-spacing:0.5px;font-size:10px;line-height:15px;margin-top:0px;color:#666;position:absolute;left:0px;top:7px;padding-left:0px;padding-right:0px}
.idp-item-order .form-sku-input-preview-body {margin-top:0px;padding:15px;border:solid 0px #ddd;border-top-width:0px;}

/**color*/
.idp-item-order .form-sku-input-preview-color-808080 { /**silver*/
    color: #808080;
    background: -webkit-linear-gradient(transparent, transparent),-webkit-linear-gradient(top, #e0e1e1 0%, #e3e2e8 26%, #ddd 35%, #d7d7d7 45%, #e1e2e1 61%, #a4a4a4 100%);
    background: -o-linear-gradient(transparent, transparent);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.idp-item-order .form-sku-input-preview-color-eac855 { /**gold*/
    color: #D5AD6D;
    background: -webkit-linear-gradient(transparent, transparent),-webkit-linear-gradient(transparent, transparent),-webkit-linear-gradient(top, #ede097 0%, #eee39e 26%, #e7d685 35%, #d3b33a 45%, #eadb8e 61%, #e3ce74 100%);
    background: -o-linear-gradient(transparent, transparent);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.idp-item-order .form-sku-input-preview-color-c8977b { /**rosegold*/
    color: #c8977b;
    background: -webkit-linear-gradient(transparent, transparent),-webkit-linear-gradient(top, #cea997 0%, #e8d5cb 26%, #e5d1c6 35%, #e8d6cf 45%, #cfaa99 61%, #b77d5f 100%);
    background: -o-linear-gradient(transparent, transparent);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/**自定义*/
.idp-item-order .form-sku-input-preview-body-1000038034 {padding-left:20px}

/**lock 自定义*/
.idp-item-order .form-sku-input-preview-body-1000038039 {}
.idp-item-order .form-sku-input-preview-body-end-1000038039 {background: url('../images/custom/1561073222-custom-bottom.png?v=1') no-repeat top right;height:77px;display:block;width:67px;margin-top:-13px}

/**lock 自定义*/
.idp-item-order .form-sku-input-preview-body-1000038040 {letter-spacing:-5px;font-weight:normal}

.idp-item-order .form-sku-input-preview-body-1000038015 {letter-spacing:-11px;}

.idp-item-order .form-sku-input-preview-body-1000037962 { writing-mode: vertical-rl;font-weight: bold;}
.idp-item-order .form-sku-input-preview-body-1000037969 {
    width: 30px;
    display: block;
    word-wrap: break-word;
    line-height: 20px;
    text-align: center;
    vertical-align: top;
}

.idp-item-order .form-sku-input-preview-body-1000037953 {
    border-top: solid 7px #808080;
    display: inline-block;
    border-bottom: solid 7px #808080;
}

/**Round*/
.idp-item-order .form-sku-input-preview-body-1000038042 {
    border-radius: 50px;
    border: 0px solid #bebebe;
    width: 107px;
    height: 107px;
    font-size: 108px;
    padding-top: 25px;
    padding-left: 50px !important;
    padding-left: 20px;
    line-height: 70px;
    background: url(../images/custom/1561073224-custom-bg.jpg) no-repeat top left
}

/**Round_background*/
.idp-item-order .form-sku-input-preview-body-1000038041 {
    border-radius: 50px;
    border: 3px solid #bebebe;
    width: 103px;
    height: 103px;
    font-size: 100px;
    padding-top: 13px;
    padding-left: 3px !important;
    padding-left: 3px;
    text-shadow: 2px 2px 4px #999;
    line-height: 70px;
    background: #d3d3d3;
    font-weight: normal
}

.idp-item-order .form-button{margin-top:25px;display:block}

/**产品价格 product-page*/
.idp-page .idp-item-sale {}
.idp-page .idp-item-price {color: #111;font-size: 20px;line-height: 1.3;margin-top:15px;margin-bottom:15px;}
.idp-page .idp-item-price em{color: #111;font-style:normal;font-family: "proxima-nova-semi";}
.idp-page .idp-item-price span{display:none;position: relative;margin-left: .35rem;color: #424242;text-decoration: line-through;color:#555;font-weight:normal}
.idp-page .idp-item-price .badge-discount-rate {color:#d0021b;font-size:7px;border:solid 1px #d0021b;padding:0px 3px;text-decoration:unset;letter-spacing:0.5px;border-radius:1px;vertical-align:top}
.idp-page .idp-item-onsale em{color: #d0021b;}
.idp-page .idp-item-onsale span{display: inline-block;}
.idp-page .idp-item-onsale span.onsale-countdown{display: block;text-decoration:none;font-size:10px;color:#111;letter-spacing:0.5px}
.idp-page  .instock-reminder {display:none;margin-top:20px;letter-spacing:0.5px;}
.idp-page  .sum-reminder {color: #666;font-size: 18px;line-height: 1.3;margin-top:15px;margin-bottom:15px;letter-spacing:0px}
.idp-page  .sum-reminder span{color:#d0021b;letter-spacing:0px}
.idp-page  .idp-item-delivery label span {font-family: "proxima-nova-semi";color:#111;display:inline-block;border-bottom:dashed 1px #111}
.idp-accordion {margin-bottom: 2.6rem;border-bottom:solid 1px #efefef;margin-top:2.6rem}

.idp-accordion:last-child {border-bottom:solid 0px #efefef;}

.idp-accordion .idp-accordion-title{ margin: 0;font-size: 1.4rem;letter-spacing: 1.3px; text-transform: uppercase;    font-family: "proxima-nova-semi";margin: 0;font-weight: 400;text-align: left;color: #111;cursor: pointer;display: block;height: 2.8rem;width: 100%;background-color: transparent;color: #111;}
.idp-accordion .idp-accordion-title:after{display: block;position: relative; top: 0;left: 0;float: left; width: 1.3rem;margin-right: .5rem;font-size: 2rem;line-height:15px;content: "\2013";}

.idp-accordion .accordion-active:after{content: "\002B";}

.idp-accordion .idp-accordion-content,
.idp-accordion .idp-accordion-content p{font-size:15px;font-weight: normal;font-size: 1.4rem; line-height: 1.6;margin-bottom: 2rem;text-rendering: optimizeLegibility;overflow-x:hidden}
.idp-accordion .idp-accordion-content p a {text-decoration:underline}
.idp-accordion .idp-accordion-content h4 { font-family: "proxima-nova-semi";color:#111;font-size:16px}

.idp-accordion .idp-accordion-content dl {display:block;clear:both;line-height:normal;margin-bottom:10px}
.idp-accordion .idp-accordion-content dt {float:left;width:40%;font-size:15px;font-weight:normal;line-height:normal}
.idp-accordion .idp-accordion-content dd {float:left;width:60%;font-size:15px;line-height:normal;text-transform:capitalize}
.idp-accordion .idp-accordion-content dd a{text-decoration:none;text-transform:capitalize;color:#555}


.idp-accordion .idp-accordion-content-line dl{border-bottom:solid 1px #efefef;padding-bottom:10px}
.idp-accordion .idp-accordion-content-line dl:last-child{border-bottom:solid 0px #efefef;}

    /**产品描述*/
    .idp-page .idp-item-description {
    }
.idp-page .idp-item-description p {font-size:15px;letter-spacing:0.5px}

/**产品明细*/
.idp-page .idp-item-details {}

/**产品退换或运输*/
.idp-page .idp-item-payments-shipping-returns {}


.idp-page .idp-item-fulldetails  {}
.idp-page .idp-item-fulldetails a {color:#111;line-height:20px;letter-spacing:1px;;text-transform:capitalize;margin-bottom:10px;display:block}


/**************************************************************************************************************/
/**Quick View Page模式下的定义*/
.idp-qv-page {min-width:1000px;min-height:680px;/*animation-name:"fadeInLeft";animation-duration:0.5s; -webkit-animation-name: "fadeInLeft";-webkit-animation-duration: 0.5s;-webkit-animation-iteration-count: 1;*/}

.idp-qv-page .idp-qv-page-controller {position:absolute;right:1%;top:70px;display:inline-block;width:20px}
.idp-qv-page .idp-qv-page-controller a{border:solid 1px #333;color:#333;padding:10px 0px;display:block;margin-bottom:10px;text-align:center;background:#333;color:#fff}
.idp-qv-page .idp-qv-page-controller a:hover{background:#999;color:#fff}


.idp-qv-page .add-cart-batch-form .form-sku-batch-wrap{margin-block-start: 0px;margin-block-end: 0px;padding-inline-start: 0px; display:block; -webkit-padding-start: 0px;max-height:248px;overflow:auto;overflow-x: hidden;width:100%}
    /*滚动条样式*/
.idp-qv-page .add-cart-batch-form .form-sku-batch-wrap::-webkit-scrollbar {width: 6px;height: 6px;}
.idp-qv-page .add-cart-batch-form .form-sku-batch-wrap::-webkit-scrollbar-thumb {background-color: #000;}
.idp-qv-page .add-cart-batch-form .form-sku-batch-wrap::-webkit-scrollbar-track {border-right: 1px solid #ddd;background-color:transparent;}

.idp-qv-page .idp-item-gallery {width:65%;padding-right:10px}
.idp-qv-page .idp-item-gallery-container {width:100%;}
.idp-qv-page .idp-item-gallery .idp-thumbnail-slider {width:10%}
.idp-qv-page .idp-item-gallery .idp-thumbnail-slider .inner ul li {margin-top:15px;margin-bottom:0px}
.idp-qv-page .idp-item-gallery .idp-main-gallery {width:90%}
.idp-qv-page .idp-item-gallery .idp-main-gallery ul {margin-bottom:0px}
.idp-qv-page .idp-item-info {width:35%;padding-top:5px;}

@media screen and (min-width: 1950px) { /**md show*/

    .product-page .idp-item-gallery-container { width: 1230px;}

    /**Quick View Page模式下的定义*/
    .idp-qv-page .idp-item-gallery-container {width:100%;}
}

@media screen and (max-width: 1280px) { /**md show*/

    .product-page .idp-item-gallery-container {width:790px;}

    /**Quick View Page模式下的定义*/
    .idp-qv-page .idp-item-gallery-container {width:100%;}

}

@media screen and (max-width: 1024px) { /**md show*/

    .product-page .idp-item-gallery-container {width:630px;}


    .product-page .idp-thumbnail-slider {width:11%;}

    .product-page .idp-main-gallery {width:89%;}

    
    /**Quick View Page模式下的定义*/
    .idp-qv-page .idp-item-gallery-container {width:100%;}
}

@media screen and (max-width: 991px) { /**.sm show*/

      .product-page .idp-item-gallery-container {width:600px;}



      .product-page .idp-thumbnail-slider {width:20%;}

    .product-page .idp-main-gallery {width:80%;}

              /**Quick View Page模式下的定义*/
      .idp-qv-page {min-width:800px;min-height:680px}
      .idp-qv-page .idp-item-gallery-container {width:100%;}



}
@media screen and (max-width: 767px) { /**.xs show*/

    .product-page .idp-container {padding-left:0px;padding-right:0px}

    .product-page .idp-item-gallery-container {width:100%;padding:0px}

    .product-page .idp-item-gallery {width:100%;float:none;padding-right:0px}

    .product-page .idp-container-toolbar {position:absolute;top:20px;left:0px;z-index:99;display:block;display:none}
    .product-page .idp-container-toolbar .pull-left {padding-left:20px}
    .product-page .idp-container-toolbar a {background:#fff;border-radius:25px;display:inline-block;height:40px;width:40px;color:#000;text-align:center;opacity:0.6;}
    .product-page .idp-container-toolbar i {font-size:26px;line-height:40px;font-weight:bold}
  
    .product-page .idp-thumbnail-slider {display:none}

    .product-page .idp-main-gallery {width:100%;float:none}

    .product-page .idp-main-gallery ul{width:100%;float:none}

    .product-page .idp-main-gallery-pager{display:table}

    .product-page .idp-item-info {width:100%;float:none;padding-left:15px;padding-right:15px}

    .idp-main-gallery ul li .video-player {background:#000;object-fit: fill;display:block;width:100%}

    /**.product-page 页头不可见*/
    .idp-normal-page .responsive-header{}
    .idp-normal-page .responsive-notice{}
   /* .idp-normal-page .container-breadcrumb{display:none}*/

   .idp-item-order .add-cart-form .form-buttons .clearfix .btn-buy-now{width:100%;background:#666;border-color:#666;border-right:solid 1px #fff;font-family: "proxima-nova-semi";height:50px}
    .idp-item-order .add-cart-form .form-buttons .clearfix .btn-add-to-cart{width:100%;font-family: "proxima-nova-semi";height:50px}


}


/**You Might Also Like*/
/**Relation Designer items*/
.idp-item-products {border-top:solid 1px #efefef;text-align:center}
.idp-item-products h3{font-family: "proxima-nova-semi";    margin-bottom: 2em;text-align: center;margin-top:2em;font-size:16px;letter-spacing:0.5px;color:#000;text-transform:capitalize}
.idp-item-products .h3-bref {font-size:10px;margin-top:-2em}
.idp-item-products .divider{width: 60px;height: 1px;background: #797979;margin: 15px auto;}
.idp-item-products .idp-bottom {text-align:center;padding:55px 0px;padding-top:25px}

@media screen and (max-width: 767px) { /**.xs show*/
    .idp-item-products {padding-left:0px;padding-right:0px}
    .idp-item-products .container {padding-left:0px;padding-right:0px}
    .idp-item-products .h3-bref {display:none}
}


/**idp-related-collections*/
.idp-related-collections {text-align:center;border-top:solid 1px #efefef;padding-bottom:4em;padding-top:2em}
.idp-related-collections h3{font-family: "proxima-nova-semi";    margin-bottom: 1em;text-align: center;margin-top:2em;font-size:14px;letter-spacing:1.3px;color:#000;text-transform:uppercase}
.idp-related-collections .divider{width: 60px;height: 1px;background: #797979;margin: 15px auto;}
@media screen and (max-width: 767px) { /**.xs show*/
    .idp-related-collections {padding-bottom:0em;padding-top:0em}
}

/**idp-related-search*/
.idp-related-search {text-align:center;border-top:solid 1px #efefef;padding-bottom:4em;padding-top:2em}
.idp-related-search h3{font-family: "proxima-nova-semi";    margin-bottom: 1.5em;text-align: center;margin-top:1em;font-size:14px;letter-spacing:1.3px;color:#000;text-transform:uppercase}
.idp-related-search .divider{width: 60px;height: 1px;background: #797979;margin: 15px auto;}
.idp-related-search .related-searches a{color:#5d5d5d;border:1px solid #e4e4e4;color:#333;padding:6px 10px;text-decoration:none;border-radius:1px;margin-left:4px;margin-right:4px;display:inline-block;background:#fff;font-size:13px;letter-spacing:0.3px;margin-bottom:10px;text-transform:capitalize}
.idp-related-search .related-searches a:hover{background:#e4e4e4;color:#111;}

.idp-related-search .related-searches{display:block;width: 100%;padding: 0;width: 100%;padding: 0 0 1em 0;overflow-x: hidden;overflow-y: hidden;white-space: nowrap;}
    /*滚动条样式*/
.idp-related-search .related-searches:hover {overflow-x: auto;}
.idp-related-search .related-searches:hover::-webkit-scrollbar  {width: 15px;height: 15px;opacity: 1;}
.idp-related-search .related-searches:hover::-webkit-scrollbar-thumb  {border-radius: 0px;-webkit-box-shadow: inset 0 0 0px #ddd;background: #ddd;opacity: 1;}
.idp-related-search .related-searches:hover::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 5px rgba(255,255,255,1);border-radius: 0;background: rgba(255,255,255,1);}


@media screen and (max-width: 767px) { /**.xs show*/
    .idp-related-search .related-searches {text-align:left;overflow-x: auto;}
}

/**idp-item-search*/



/**Product Page*/



.idp-reviews {border-top:solid 1px #ddd;margin-bottom:25px;    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.idp-reviews h3{font-family: "proxima-nova-semi"; margin-bottom: 2em; text-align: center; margin-top: 2em;font-size: 16px;letter-spacing: .5px; color: #000;text-transform: capitalize;}

.idp-reviews .ajax-load-reviews .loading {
    text-align: center;
    display: block;
    vertical-align: middle;
    font-size: 30px;
    color: #999;
    margin: 100px 0;
}

/**review-head*/
.idp-reviews .idp-reviews-head {background:#f8f8f8;padding:20px 0px;display:block;text-align:center}
.idp-reviews .idp-reviews-head .big{color:#f90;font-family: "proxima-nova-semi";font-size:48px;display:block;line-height:50px}
.idp-reviews .idp-reviews-head .big-bottom{color:#fff;font-size:11px;display:inline-block;background:#f90;margin:auto;width:70px}
.idp-reviews .idp-reviews-head .small{color:#666;font-size:11px;display:block;line-height:30px}

/**review-item*/
.review-item {border-bottom:solid 1px #efefef;margin-top:20px;margin-bottom:20px;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.review-item:last-child {border-bottom:solid 0px #efefef}

.review-item .review-rating {display:block;margin:auto;text-align:center;margin-bottom:25px}
.review-item .review-rating .rating{color:#999;font-family: "proxima-nova-semi";font-size:28px;display:block;line-height:40px;width:50px;margin:auto}
.review-item .review-rating .rating-bottom{color:#999;font-size:11px;display:inline-block;margin:auto;width:50px;border-top:solid 1px #ccc;line-height:30px}
.review-item .review-rating .stars .fa-star{font-size:12px;color:#ccc}
.review-item .review-rating .stars .fa-yellow{font-size:12px;color:#f90}

.review-item .review-people{}
.review-item .review-people .icon{margin-right:15px}
.review-item .review-people .icon img{width:34px;border-radius:17px;opacity:0.7}
.review-item .review-people .name{font-family: "proxima-nova-semi";font-size:13px;text-transform:capitalize;color:#999}
.review-item .review-people .country{font-size:10px;color:#999}
.review-item .review-people .fa-star{font-size:12px;color:#ccc}
.review-item .review-people .fa-yellow{font-size:12px;color:#f90}
.review-item .review-people .rating span{font-size:12px;color:#f90;font-family: "proxima-nova-semi";}

.review-item .review-content .content{font-size:15px;color:#999}
.review-item .review-content .images{font-size:13px;padding:15px 0px}
.review-item .review-content .images a img{width:60px}
.review-item .review-content .images-show{cursor:pointer}

.review-item .btn-helpful {background:#ddd;border-radius:30px;padding:8px;text-decoration:none}
.review-item .btn-helpful i{font-size:15px;}
.review-item .btn-helpful:after{font-size: 13px;content: '(' attr(data-helpful-count) ')';letter-spacing:0px;font-family:'proxima-nova-regular'}


.review-item .purchase-date {margin-right:25px}
.review-item .purchase-date i {color:darkseagreen}


@media screen and (max-width: 767px) { /**.xs show*/

.review-item {border-bottom:solid 5px #efefef;}

.review-item .purchase-date {margin-right:0px;font-size:11px}

.review-item .review-people{margin-bottom:15px}

.review-item .btn-helpful {border-radius:25px;}

    .review-item .review-content .images-show {
       overflow:hidden
    }

}

/**review-page-override*/
.review-page-override {padding-bottom:40px}

/***review index page*/
.review-page-hero {background:darkseagreen;padding-top:95px;padding-bottom:95px;}
.review-page-hero h1{font-family: "proxima-nova-semi";font-size:26px;display:block;line-height:30px;color:#fff}
.review-page-hero h1 span{display:block;font-size:30px;line-height:40px;text-transform:uppercase}
.review-page-hero .googlereviews{width:200px;display:block;margin:auto;border:solid 10px #fff;background:#fff;border-radius:10px}
.review-page-hero .col-xs-12-2 {text-align:center;color:#fff}

/**review*/
.review-page-policy {}
.review-page-policy h3{font-family: "proxima-nova-semi";font-size:20px;line-height:40px}
.review-page-policy p{font-size:15px;line-height:22px}

/**review*/
.review-page-counts {}
.review-page-counts h3{font-family: "proxima-nova-semi";font-size:20px;line-height:40px}
.review-page-counts td{font-size:15px;border:solid 1px #ccc;padding:15px 20px}
.review-page-counts .fa-yellow{color:#f90}


.review-page-filter {background:#f8f8f8;border-bottom:solid 1px #efefef;padding-bottom:20px}
.review-page-filter h3{font-family: "proxima-nova-semi";font-size:12px;line-height:20px;padding-bottom:0px}
.review-page-filter .input-group label {display:block}
    .review-page-filter .input-group select {
        font-weight: normal;
        font-size: 12px;
        letter-spacing: 1px;
        border: solid 1px #ddd;
        height: 43px;
        padding-right:30px;
        -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
        box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
        -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        　text-indent: 0.01px;
        text-overflow: "";
        background: url('../images/svg/ui-dropdown-arrow.svg') no-repeat right center;
    }


    /**review-item*/
.review-page .review-item {border-bottom:solid 1px #efefef;margin-top:20px;margin-bottom:20px}
.review-page .review-item:last-child {border-bottom:solid 1px #efefef}

.review-page .review-item .review-content .content{font-size:16px;color:#777;font-family:"proxima-nova-semi";line-height:24px;padding-top:15px;letter-spacing:0.5px}

.review-page .review-item {
    padding-bottom: 25px;
}

    .review-page .review-item .review-rating .purchase-date {
        color: darkseagreen;font-size:10px;margin-right:0px
    }

@media screen and (max-width: 767px) { /**.xs show*/
    .review-page-hero {padding-top:45px;padding-bottom:0px;}
    .review-page-hero .col-xs-12-1 {padding-bottom:45px;}
     .review-page-hero h1{text-align:center;font-size:22px}
    .review-page-hero .col-xs-12-2 {padding-bottom:65px;text-align:center}

    .review-page .review-people {border-bottom:solid 1px #efefef;display:block;padding-bottom:10px}
    .review-page .review-item .purchase-date {
        color: darkseagreen
    }

    .review-page .review-item .review-content .content {
        
        padding-top: 5px
    }

    .review-page-counts td {
        font-size: 12px;
        border: solid 1px #ccc;
        padding: 15px 10px
    }
    
}

.trends-page {}

.trends-header {margin-bottom:45px}
.trends-header h1{font-size:20px;display:inline-block;width:200px;background:#fff;line-height:80px;font-family: "proxima-nova-semi";text-transform:capitalize;color:#555}
.trends-header .h1-border{border-top:solid 1px #ccc;margin-top:-50px;margin-bottom:20px}
.trends-header .text{font-size:13px;color:#666;}



.trend-grid-item {margin-bottom:20px;background:#ffffff;display:block;border:solid 1px #efefef;padding:0px}
    .trend-grid-item:hover {
        box-shadow: 0 3px 6px rgba(0,0,0,.175);
        -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.175);
    }
.trend-grid-item:hover .title{text-decoration:underline}
.trend-grid-item .item-image{float:left;width:50%}
.trend-grid-item .item-text{float:left;width:50%;padding:25px;color:#111}
.trend-grid-item .item-text .date{font-size:13px;letter-spacing:1px;display:inline-block}
.trend-grid-item .item-text .date span{font-weight:500;letter-spacing:1px;border-bottom:solid 1px #333;display:inline-block;text-transform:uppercase}
.trend-grid-item .item-text .date i {display:inline-block;height:5px;border-top:solid 1px #000;width:50px}
.trend-grid-item .item-text .title {font-size:18px;font-family: "proxima-nova-semi";margin-top:20px;margin-bottom:26px;text-transform:capitalize;line-height:140%}
.trend-grid-item .item-text .desc {font-size:13px;letter-spacing:0.5px;color:#555;;}


@media screen and (max-width: 767px) { /**.xs show*/

    .trends-header {
        margin-bottom: 25px
    }

.trend-grid-item {margin-bottom:20px;background:#ffffff;display:block;border:solid 1px #efefef;}
.trend-grid-item .item-image{float:left;width:100%}
.trend-grid-item .item-text{float:left;width:100%;padding:25px}

}


.btn-external {border:solid 2px #ccc;text-transform:uppercase;color:#fff;border-radius:0px;padding:8px 16px}
.btn-external span {vertical-align:text-bottom;font-size:14px}
.btn-external-facebook {background:#fff;border-color:#ccc;color:#3a5898;}
.btn-external-facebook:hover {background:#3a5898;color:#fff;border-color:#3a5898;opacity:0.9}
.btn-external-facebook i{margin-right:10px;font-size:20px}
.btn-external-google {background:#fff;border-color:#ccc;color:#e01919;}
.btn-external-google:hover {background:#e01919;color:#fff;border-color:#e01919;opacity:0.9}
.btn-external-google i{margin-right:10px;font-size:20px}
.btn-external-google span{padding-right:17px;}

.signup_panel .btn-external {border:solid 2px #ccc;text-transform:uppercase;color:#fff;border-radius:0px;padding:8px 16px}
.signup_panel .btn-external-facebook {background:#3a5898;border-color:#3a5898;color:#fff;}
.signup_panel .btn-external-facebook:hover {opacity:0.8}
.signup_panel .btn-external-facebook i{margin-right:10px;font-size:20px}
.signup_panel .btn-external-google {background:#e01919;border-color:#e01919;color:#fff;}
.signup_panel .btn-external-google:hover {opacity:0.8}
.signup_panel .btn-external-google i{margin-right:10px;font-size:20px}
.signup_panel .btn-external-google span{padding-right:17px;}

.modal_container {width: 360px}
/**mobile show*/
@media screen and (max-width: 767px) {

    .modal_container {
        width: 100vw;
        height: 100vh;
        animation-name: "fadeInBottom";
        animation-duration: 0.5s;
        -webkit-animation-name: "fadeInBottom";
        -webkit-animation-duration: 0.5s;
        -webkit-animation-iteration-count: 1;
    }
}


/****region_modal_container**********************************************************************************************************/
.region_modal_container .inner {
    padding: 0 20px 20px;
}

    .region_modal_container .inner p {
        text-align: center;
    }

.region_modal_container select {
    font-weight: normal;
    font-size: 12px;
    letter-spacing: 1px;
    border: solid 1px #ddd;
    height: 43px;

    -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
    box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-indent: 0.01px;
    text-overflow: "";
    background: url('../images/svg/ui-dropdown-arrow.svg') no-repeat right center;
   
}

@media screen and (max-width: 767px) {

    .region_modal_container .inner {
        padding: 0 0px 0px;
    }


    .region_modal_container .inner h1{
        background:#f8f8f8
    }

        .region_modal_container .inner .form-group {
        padding-left:25px;padding-right:25px;
        }
}

/****login_modal_container**********************************************************************************************************/

/**login.box.header*/
.login_modal_container > header {
    background: #fff;
    background-size: cover;
    float: left;
    height: 62px;
    width: 100%;
    position: relative;

}

    /**login.box.header.logo*/
    .login_modal_container > header .text {
        color: #aaa;
        background: #fff;
        width: 100%;
        height: 20px;
        border-radius: 0px;
        display:inline-block;
        position: absolute;
        right: 0px;
        top: 40px;
        z-index: 9;
        text-align:center;
        font-size:8px;
        text-transform:uppercase;
        letter-spacing:2px;
        border-radius:0px;
    }

    /**login.box.header.logo*/
    .login_modal_container > header .logo {
        color: #000;
        text-align: center;
        font-size: 16px;
        letter-spacing: 2px;
        line-height: 45px;
        margin: 8px auto;
        letter-spacing: 1px;
        font-family: "proxima-nova-semi";
      
    }

    /**login.box.header.close*/
    .login_modal_container > header .form_modal_close {
        color: #000;
        background: #fff;
        width: 23px;
        height: 23px;
        border-radius: 23px;
        display: inline-block;
        position: absolute;
        right: 15px;
        top: 20px;
        z-index: 9;
    }

        .login_modal_container > header .form_modal_close i {
            color: #000;
            font-size: 14px;
            margin-left: 6px;
            display: inline-block;
            margin-top: 3px
        }

        .login_modal_container > header .form_modal_close:hover {
            color: #fff;
            background: #111;
        }

            .login_modal_container > header .form_modal_close:hover i {
                color: #fff;
            }

@media screen and (max-width: 767px) {
    .login_modal_container > header .logo {
    display:block
    }
    }

    .login_modal_container .inner {
        padding: 0 20px 20px;
    }

        .login_modal_container .inner p {
            text-align: center;
        }


    .login_modal_container .panel_wrapper .inner {
        -webkit-animation: fadeIn 0.5s 0s ease both;
        animation: fadeIn 0.5s 0s ease both;
    }

    .login_modal_container .panel_wrapper h2 {
        line-height: 60px;
        font-family: "proxima-nova-semi";
        text-align: center;
        font-size: 12px;
        letter-spacing: 1px;
        text-transform: uppercase;
        color: #000;
        margin: 0;
    }

    .login_modal_container .panel_wrapper .nav-tabs {
        background: #ddd;
    }

        .login_modal_container .panel_wrapper .nav-tabs > li {
            float: left;
            margin-bottom: -1px;
            width: 50%;
            text-align: center;
        }

            .login_modal_container .panel_wrapper .nav-tabs > li.active > a, .login_modal_container .panel_wrapper .nav-tabs > li.active > a:hover, .login_modal_container .panel_wrapper .nav-tabs > li.active > a:focus {
                color: #555;
                background-color: transparent;
                border: 0px solid #ddd;
                border-bottom: solid 2px #000;
                cursor: default;
            }

            .login_modal_container .panel_wrapper .nav-tabs > li > a {
                margin-right: 15px;
                margin-left: 15px;
                font-size: 12px;
                letter-spacing: 1px;
                text-transform: uppercase;
                font-family: "proxima-nova-semi";
                border: 0px solid transparent;
                border-radius: 0 0 0 0;
            }

                .login_modal_container .panel_wrapper .nav-tabs > li > a:hover {
                    background-color: transparent
                }

    .login_modal_container .panel_wrapper input {
        color: #000000;
        letter-spacing: 1px;
        font: 500 13px
    }

    .login_modal_container .panel_wrapper .back:hover {
        color: #275789;
    }

    .login_modal_container .remember {
        font-size: 12px;
        color: #000;
        letter-spacing: 1px
    }

    .login_modal_container .btn-Forgot-password {
        font-size: 12px;
        margin-right: 2px;
        padding-right: 6px;
        letter-spacing: 0px
    }



    .login_modal_container .panel_wrapper .form-group .form-control {
        font-family: "proxima-nova-semi";
        font-size: 14px;
        line-height: 46px;
        height: 46px
    }

.login_modal_container .panel_recent_login {}
.login_modal_container .panel_recent_login h2 {
    background: #ddd;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-family: "proxima-nova-semi";
    border: 0px solid transparent;
    border-radius: 0 0 0 0;
    display: block;margin-top:0px;margin-bottom:0px;line-height:40px
}
.login_modal_container .recent_login_panel {
    padding: 30px 20px
}
    .login_modal_container .recent_login_panel .txt {
        letter-spacing: 0px;
        color: #666;
        text-align: center;
        padding: 0px;
        font-size: 12px;
        display: block
    }
.login_modal_container .btn-recent-login {border-radius:5px;background:#f8f8f8;padding-top:35px;padding-bottom:20px;margin-bottom:8px;display:block;text-decoration:none;border:solid 2px #ddd}
.login_modal_container .btn-recent-login span{font-size:15px;line-height:40px;display:block;text-align:center;font-family: 'proxima-nova-semi';color:#000;letter-spacing:1px}
.login_modal_container .btn-recent-login img{border:solid 3px #000;border-color:transparent}
.login_modal_container .btn-recent-login:hover img{border:solid 3px #000}



.login_modal_container .btn-checkout-guest {
    padding: 5px 0px;
    padding-top: 40px;
}

    .login_modal_container .btn-checkout-guest button {
        background: #8293ec;
        color: #fff;
        border-width: 0px;
        line-height: 32px;
        font-family: "proxima-nova-semi";
        font-size: 13px;
        letter-spacing: 1px
    }