/*
Theme Name: Jockey.vn
Author: #Linh_Nguyễn
Author contact: fb.com/linh.nguyennhat912
Description: This layout is build in 04/2020.
Version: 1.0
*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap');
.fa, .fas {font-family: "Font Awesome 5 Free" !important;}
.fab {font-family: "Font Awesome 5 Brands" !important;}
html {
    font-size: 62.5%;
    -webkit-touch-callout: none;
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: 100%;
}
* {
    margin: 0;
    padding: 0;
}
body {
    line-height: 1.4;
    font-size: 14px;
    color: #333d44;
    background: #fff;
    letter-spacing: 0.5px;
    font-family: 'Montserrat', sans-serif;
}
img {max-width: 100%;}
ul,ol {list-style: none;padding: 0;}
a {color: #333d44;transition: all 0.3s ease;}
a:hover, .breadcrumb li a:hover {color: #000000;text-decoration: none;}
a:focus, input:focus, button:focus, select:focus {outline: none !important;text-decoration: none;}
a.hover07 {border-radius: 3px;background: transparent;}
a.hover07:hover {background: rgba(0,0,0,0.07);}
h1,h2,h3,h4,h5,h6 {margin: 0;color: #333d44;}
.relative {position: relative;}
.modal-backdrop {position: fixed;z-index: 1051;}
.col-xs-20 {width: 20%;float: left;}
.col-xs-25 {width: 25%;float: left;}
.errors {color: #f00;}
.container-fluid {max-width: 1600px;}
.index-container {max-width: 1100px;margin: 0 auto;}
.flex-box {display: flex;}
.info-address li {
    margin-bottom: 7px;
}
.overlay {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
}
.breadcrumb-bg {
    background: #fafafa;
    margin-bottom: 20px;
    margin-top: -16px;
}
.breadcrumb {
    padding: 0;
    margin: 14px 0 14px;
    background: none;
}
.breadcrumb>li+li:before {
    padding: 0 2px;
    color: #5b6369;
    content: '>';
}
.breadcrumb li a, .breadcrumb>li.active span {
    color: #5b6369;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 600;
}
.mt20 {margin-top: 20px;}
.mb20 {margin-bottom: 20px;}
.mt30 {margin-top: 30px;}
.mb30 {margin-bottom: 30px;}
.mb60 {margin-bottom: 60px;}
.mb15 {margin-bottom: 15px;}
a>.fa, a>.fas {
    font-size: 16px;
    padding-right: 5px;
    color: #495744;
}
#pagination {
    display: inline-block;
    margin: 20px 0px 40px;
}
#pagination .page-node {
    border: 1px solid #ccc;
    display: block;
    float: left;
    min-width: 38px;
    height: 35px;
    text-align: center;
    line-height: 32px;
    margin:0 3px;
    padding:0 3px;
}
#pagination .page-node.current {font-weight:bold;border-color:#000;}
#pagination a.page-node:hover{background: rgba(0,0,0,.07);}
/*-----------------HEADER-------------------------*/
header {
    border-bottom: 1px solid #ccc;
    width: 100%;
    height: 96px;
    transition: background 150ms cubic-bezier(0,0,.2,1);
    background: #fff;
    position: fixed;
    top: 0;
    z-index: 18;
}
.header-topbar {
    height: 56px;
    padding: 7px 0 0;
}
.header-topbar .top-link {margin: 0;}
.header-topbar .top-link li {
    display: inline-block;
    margin-right: 20px;
}
.header-topbar .top-link li:last-child {margin-right: 0;}
.header-topbar .top-link li a {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 600;
    padding: 3.5px 7px;
    display: flex;
    align-items: center;
    color: #333d44;
}
.header-home {
    position: absolute;
    z-index: 999;
}
.header-wrapper {
    left: 0;
    right: 0;
    background: #fff;
}
.logo {
    width: 200px;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    top: 5px;
    transform: translateX(-50%);
}
#page-wrap {
    padding-top: 112px;
}
#header-nav .sub-menu {
    position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	background: #fbfbfb;
	z-index: 9;
	border-top: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	padding: 14px 0 0;
	display: none;
}
#header-nav .sub-menu:before {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    top: -5px;
    height: 20px;
    background: transparent;
}
#header-nav .sub-menu .notify {
    background: #333d44;
    color: #fff;
    padding: 10.5px 14px;
}
#header-nav .sub-menu .notify b {
    margin-right: 7px;
    padding-right: 7px;
    border-right: 2px solid #fff;
}
#header-nav li:hover .sub-menu {
    display: block;
}
#header-nav .sub-menu .flex-box {
    justify-content: center;
    max-width: 1008px;
    margin: 0 auto;
}
#header-nav .sub-menu .flex-box.style2 {
    justify-content: space-around;
    max-width: 655px;
}
#header-nav .sub-menu .flex-box.style2 .sub-col {
    max-width: 178px;
    width: 100%;
}
#header-nav .sub-menu .flex-box.style2 .sub-col2 {
    width: 178px;
}
#header-nav .sub-menu .links {
    display: flex;
    justify-content: space-around;
    width: 648px;
}
#header-nav .sub-menu .media {
    width: 360px;
}
#header-nav .sub-menu .media-item {
    padding: 7px;
    display: flex;
    align-items: center;
}
#header-nav .sub-menu .media-item .media-img {
    width: 150px;
    float: left;
}
#header-nav .sub-menu .media-item .media-info {
    padding-left: 15px;
    overflow: hidden;
    width: calc(100% - 150px);
    font-size: 12.6px;
}
#header-nav .sub-menu .media-item .media-info a {
    font-size: 12.6px;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: underline;
    display: inline-block;
    margin: 7px 0;
}
#header-nav .sub-menu h4 {
    margin: 7px 0;
    font-weight: bold;
    font-size: 14px;
}
#header-nav .sub-menu p {
    margin: 0;
}
#header-nav .sub-menu .sub-img, 
.combine-image-vertical {
    padding: 14px 7px;
}
#header-nav .sub-menu .sub-img img {
    max-width: 150px;
}
#header-nav .sub-menu ul li a {
    padding: 7px 0;
    font-size: 14px;
    display: flex;
    color: #333d44;
    line-height: 21px;
    align-items: center;
}
#header-nav .sub-menu ul li a svg {
    width: 26px;
    height: 21px;
    margin-right: 5px;
    fill: #6f6f6f;
}
#header-nav .sub-menu h4 a:hover, #header-nav .sub-menu ul li a:hover {
    text-decoration: underline;
}
#header-nav li .sub-page {
    position: absolute;
    top: 100%;
    left: 0;
    width: 200px;
    background: #fff;
    z-index: 999;
    padding: 10px 0;
    border-top: 1px solid #000;
    display: none;
    box-shadow: 1px 3px 5px rgba(0,0,0,0.3)
}
#header-nav li .sub-page li {
    padding: 5px 0;
    border-bottom: 1px solid #ccc;
}
#header-nav li .sub-page li:last-child {
    border: 0;
}
#header-nav li .sub-page li a {
    display: block;
    text-transform: uppercase;
    padding: 0 10px;
    color: #333d44;
}
#header-nav li:hover .sub-page {
    display: block;
}
#header-nav {
    display: flex;
    margin: 0;
    justify-content: center;
}
#header-nav>li {}
#header-nav>li>a {
    padding: 9px 14px;
    margin: 0 3.5px;
    text-transform: uppercase;
    color: #333d44;
    display: inline-block;
    font-weight: 600;
    position: relative;
}
#header-nav>li>a:before {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 4px;
    background: #333d44;
    opacity: 0;
    transition: all 0.3s ease;
}
#header-nav>li:hover>a {color: #000;}
#header-nav>li:hover>a:before {opacity: 1;}
#header-nav>li>a>i {margin-left: 5px;}
#header-nav>li:hover>a, #header-nav li .sub-page li a:hover, #header-nav > li.active > a {color: #000000;}
#header-nav>li:hover .sub-menu {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
}
#header-nav li ul.sub-menu {
    background: #ffffff;
    position: absolute;
    width: 200px;
    z-index: 10;
    visibility: hidden;
    opacity: 0;
    box-shadow: 0 0 5px rgba(215, 215, 209, 0.8);
    transform: translateY(20px);
    transition: all 0.5s;
}
#header-nav li ul.sub-menu:before {
    position: absolute;
    content: '';
    border-bottom: 10px solid #ffffff;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    top: -10px;
    left: 15px;
}
#header-nav li ul.sub-menu>li {
    position: relative;
    padding: 5px 8px;
    border-bottom: 1px dashed #333d44;
}
#header-nav li ul.sub-menu>li>a {
    text-transform: uppercase;
    font-size: 14px;
    color: #333d44;
}
#header-nav li ul.sub-menu>li:last-child, ul.sub-menu ul.sub-menu-sub>li:last-child {border-bottom: none;}
#header-nav li ul.sub-menu>li:hover>a {color: #000000;}
#header-nav li ul.sub-menu>li:hover ul.sub-menu-sub {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
}
ul.sub-menu ul.sub-menu-sub {
    background: #ffffff;
    position: absolute;
    top: 0;
    left: 100%;
    width: 200px;
    z-index: 10;
    opacity: 0;
    visibility: hidden;
    box-shadow: 0 0 5px rgba(215, 215, 209, 0.8);
    transform: translateX(20px);
    transition: all 0.5s;
}
ul.sub-menu ul.sub-menu-sub:before {
    content: '';
    position: absolute;
    border-right: 10px solid #ffffff;
    border-bottom: 10px solid transparent;
    border-top: 10px solid transparent;
    top: 4px;
    left: -10px;
}
ul.sub-menu ul.sub-menu-sub>li {
    padding: 5px 8px;
    border-bottom: 1px dashed #333d44;
}
ul.sub-menu ul.sub-menu-sub>li>a {
    text-transform: uppercase;
    font-size: 14px;
    color: #333d44;
}
ul.sub-menu ul.sub-menu-sub>li>a:hover {color: #000000;}
.header-action {margin-left: 10px;}
.header-action form {
    position: relative;
    width: 160px;
}
.header-action form input {
    height: 31px;
    background: #fff;
    padding: 0 30px 0 10px;
    width: 100%;
    border: 1px solid #333d44;
    border-radius: 2px;
    color: #383f45;
    font-size: 12.6px;
    text-transform: uppercase;
    font-weight: 500;
}
::-webkit-input-placeholder {color: #383f45;}
:-ms-input-placeholder {color: #383f45;}
::placeholder {color: #383f45;}
.header-action form input + label {
    font-size: 12px;
    color: #666;
    font-weight: 400;
    position: absolute;
    left: 30px;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
    transition: transform 0.2s;
    pointer-events: none;
}
.header-action form input:focus + label, .header-action form.has_text label {
    -webkit-transform: translateY(-125%);
    -ms-transform: translateY(-125%);
    transform: translateY(-125%);
}
.header-action form button {
    width: 30px;
    position: absolute;
    height: 31px;
    top: 0;
    right: 0;
    border: 0;
    background: transparent;
}
.header-action form button svg {
    width: 12px;
    height: 12px;
}
.link-continue a {color: #000;}
.link-continue a:hover {
    color: #fcd22d;
}
.check-shop-cart {
    padding: 20px 10px;
    height : 80px;
    /* text-align: right; */
}
.check-cart-view a, .check-cart-pay a {
    width: 100%;
    display: block;
    padding: 0 28px;
    border: 2px solid transparent;
    font-weight: bold;
    background: #d91560;
    font-size: 19px;
    text-transform: uppercase;
    color: #fff;
    line-height: 31px;
    text-align: center;
    letter-spacing: 2.85px;
}
.check-cart-pay a:hover {
    border-color: #a51a4f;
}
.shop-cart-item {
    padding: 20px 20px 0;
    position: relative;
}
.shop-cart-item .empty {
    padding: 20px 30px 10px;
    font-size: 28px;
    text-transform: uppercase;
    text-align: center;
    font-weight: 300;
}
.content-cart-view {
    height: calc(100% - 260px);
    overflow-y: auto;
}
.shop-cart-item .item-cart-left {
    width: 148px;
    float: right;
    margin-left: 10px;
}
.shop-cart-item .cart-item-right {
    width: calc(100% - 158px);
    float: left;
}
.cart-item-right h3 {
    margin-bottom: 5px;
    font-size: 18px;
    line-height: 22px;
    font-weight: 400;
}
.cart-item-right h3 a {
    color: #000;
}
.cart-item-right .close-item-cart {
    position: absolute;
    right: 20px;
    top: -3px;
    font-size: 14px;
    margin: 0;
}
.cart-item-right .close-item-cart a {color: #000;}
.cart-item-right p {
    font-weight: 400;
    margin: 0px;
    font-size: 13px;
    line-height: 21px;
}
.cart-item-right p span {font-size: 12px;}
.content-variant {
    margin: 20px 0;
    font-size: 13px;
    line-height: 19px;
}
.content-variant > div span {
    font-size: 12px;
    color: #666;
    display: inline-block;
    width: 70px;
}
.cart-item-right p.style-price span {
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 0.7px;
}
.shop-cart-item .remove-item-cart {
    clear: both;
    text-align: right;
    padding: 20px 0;
    border-bottom: 1px solid #e1e1e1;
}
.shop-cart-item .remove-item-cart a {
    display: inline-block;
    width: 150px;
    border: 1px solid #000;
    line-height: 33px;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: center;
}
.shop-cart-item .remove-item-cart a:hover {
    color: #000;
    border-color: #000000;
}
.shop-cart-total {
    padding: 11px 20px;
    border-bottom: 1px solid #e1e1e1;
}
.shop-cart-total p {margin: 0;}
.shop-cart-total p span {
    font-size: 22px;
    line-height: 27px;
    float: right;
    color: #000000;
    position: relative;
    top: -5px;
}
.index-title {
    text-align: center;
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 20px;
    position: relative;
}
.index-title:after {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background: #ccc;
    top: 50%;
    transform: translateY(-50%);
}
.index-title span {
    position: relative;
    z-index: 2;
    background: #fff;
    padding: 0 14px;
}
.footer_bg{background:#e6e6e6;}
.footer_top{background:#333d43;padding:14px 0;}
.footer_top ul{margin: 0 !important;display: inline-block !important;justify-content: center !important;align-items: center !important;}
.footer_top ul li{display:inline-block;margin: 3.5px;vertical-align: middle;}
.footer_top ul li a{display:inline-flex;height:35px;align-items:center;font-size:11px;color:#fff;text-align:left;border-radius:3px;padding:0 7px;background:transparent;font-weight:600;}
.footer_top ul li a:hover{background:rgba(255,255,255,0.1);}
.footer_top ul li a i{color:#fff;font-size:28px;margin-right:7px;}

.ins-footer-email-collection-75 {text-align: center; background: #333d43; margin: 4.5px;}
.ins-collect-form {text-align: center;width: 585px;}
.ins-email-form {width: 400px;}
.ins-email-input {width: 366px;height: 40px;border: none;padding: 0px 10px;font-size: 13px;display: inline-block;float: left;}
.ins-policy-check {margin: 5px 0;float: left;}
.ins-policy-check input {display: inline-block;margin: 0;}
.ins-policy-text-wrapper {width: 350px;height: auto;display: inline-block;}
.ins-policy-text {width: 125%;height: 100%;margin: 0;}
.ins-policy-text span {font-size: 9px;font-weight: normal;color: #ffffff;position: relative;left: -15px;bottom: 3px;}
.ins-submit-button-wrapper {width: 164px;height: 38px;font-family: Roboto, sans-serif;opacity: 1;display: inline-block;float: left;margin-left: 39px;margin-top: -39px;}
.ins-submit-button {text-align: center; width: 100%; height: 100%; outline: none; overflow-wrap: break-word; word-break: break-word; display: block; vertical-align: middle; color: rgb(255, 255, 255) !important; font-size: 14px; background-color: rgb(14, 60, 169) !important; border: 0px solid; font-weight: bold !important;margin-left: -4px;}
.ins-banner-success {display: none; position: relative; margin-top: 10px;}
.ins-banner-success-title {font-weight: 600;font-size: 16px;color: #ffffff;}
.ins-banner-description {font-size: 13px;color: #ffffff;margin-bottom: 15px;}

.footer-bottom {
    max-width: 1250px;
    width: 100%;
    margin: 0 auto;
    padding: 0 15px;
}
.footer-bottom .footer-left {
    float: left;
    width: 350px;
}
.footer-bottom .footer-right {
    float: left;
    width: calc(100% - 350px);
    padding: 14px 21px;
}
.footer-block h4 {
    color: #212529;
    text-transform: uppercase;
    font-size: 13px;
    line-height: 16px;
    padding: 14px 0 0;
    font-weight: 600;
}
.footer-block h4 a {
    display: inline-block;
    text-decoration: underline;
}
.footer-right ul {margin-bottom: 7px;}
.footer-right ul li {
    margin: 7px 14px 7px 0;
    display: inline-block;
}
.footer-right ul li a {color: #212529;}
.footer-right ul li a:hover {
    color: #212529;
    text-decoration: underline;
}
.footer-left-return {padding: 14px 14px 0;}
.footer-left-return img {max-width: 150px;}



.footer-content .footer-link-store span{
    display:inline-block;
    margin-top:5px;
    font-size:13px;
}
.footer-content .footer-link-store span:after{
    content:"\f0da";
    display:inline-block;
    font-family:'FontAwesome';
    font-size:13px;
    margin-left: 5px;
}
.register-footer {
    color: #212529;
    text-transform: uppercase;
    font-weight: bold;
    border-bottom: 1px solid #d2d2d2;
    padding-bottom: 40px;
    margin-bottom: 50px;
}
.register-footer .register-bottom {
    padding: 0;
    background: #f6d253;
    color: #fff;
    position: absolute;
    right: 1px;
    top: 1px;
    line-height: 32px;
    width: 110px;
    border-radius: 0 10px 10px 0;
    font-size: 12px;
    text-transform: unset;
    font-style: italic;
    border: 0;
}
.register-footer .left{
    float: left;
    width: calc(100% - 260px - 350px);
    padding-right:15px;
    font-size: 18px;
    position: relative;
    top: -10px;
}
.register-footer .left p{
    margin: 10px 0 0;
    text-transform: initial;
    font-weight: 400;
    font-size:13px;
}
.footer-signup {
    background-color: #ebebeb;
    padding: 20px;
}
.footer-signup-inner {
    background: white;
    padding: 20px;
}
.footer-signup h4 {
    font-size: 22px;
    font-weight: bold;
    color: #222;
    margin: 0 0 15px 0;
    line-height: 1.2;
}
.footer-signup .contentSubscribe {
    font-size: 13px;
}
.footer-signup .contentSubscribe p a{color:#000000;}
.footer-link {
    color: #212529;
    font-size: 13px;
    margin-bottom: 40px;
}
.footer-link p {
    font-size: 12px;
}
.footer-link p a{
    color: #212529;
}
.footer-link strong {
    font-size: 13px;
    margin-bottom: 5px;
    font-weight: bold;
}
.footer_store{
    /* background: url(//theme.hstatic.net/200000039280/1000620043/14/store_bg.jpg?v=886) center center/cover fixed no-repeat; */
    padding: 150px 0;
    position: relative;
}
.footer_store .text-store{
    text-align:center;
}
.footer_store .text-store a{
    display: inline-block;
    max-width:500px;
    width:90%;
    border: solid 4px rgba(255,255,255,.6);
    background: rgba(0, 0, 0, 0.7);
    padding: 10px 30px;
    font-size:28px;
    color:#fff;
    font-weight:300;
}
.footer_store .text-store a:hover{background:#000;}
.info-footer{padding:40px 0 25px;}
.info-footer h4{
    font-size:14px;
    line-height:18px;
    text-transform:uppercase;
    margin-bottom:13px;
}
.iconFooter {
    float: left;
    width: 25px;
    height: 25px;
    background: #e52c25;
    text-align: center;
    color: white;
    line-height: 25px;
    border-radius: 100%;
}
.moreInfoFooter {
    font-size: 11px;
}


.left-list {
    margin: 0;
    padding: 14px 0 14px 14px;
}
.left-list li a {
    padding: 14px;
    display: flex;
    font-weight: bold;
    text-transform: uppercase;
    align-items: center;
}
.left-list li a i {
    margin-right: 7px;
    font-size: 21px;
    color: #3e4a53;
}
.left-list li a i.fa-dollar-sign {
    background: #3e4a53;
    color: #e6e6e6;
    border-radius: 50%;
    width: 21px;
    text-align: center;
    font-size: 14px;
    line-height: 21px;
    padding: 0;
    margin-right: 12px;
}
.socials {padding: 14px;}
.socials li {
    display: inline-block;
    margin: 0 15px;
}
.socials li a {
    display: flex;
    width: 38px;
    height: 38px;
    align-items: center;
    justify-content: center;
    font-size: 28px;
}
.logo-footer {
    float: right;
}
.logo-footer svg {
    position: relative;
    top: 4px;
    margin-right: 6px;
}
.logo-footer .copy {font-size: 13px;}
.main-footer-copyright {padding: 5px 0;background: #dbdbdb;}
.main-footer-copyright p {font-size: 13px;margin: 0;}
.main-footer-copyright .logo-footer {margin: 6px 0;}
/*----------PAGE------------------*/
.head-title {
    line-height: 29px;
    padding: 14px 28px 28px;
    border-bottom-style: double;
    border-bottom-color: #f0f8ff;
    text-align: center;
    color: #333d44;
    font-size: 24.5px;
    font-weight: bold;
    margin-bottom: 20px;
}
#collection .head-title {
    border: 0;
    text-align: left;
    padding: 0;
}
.product-loop {
    margin-bottom: 40px;
}
.product-loop .product-new {
    display: inline-block;
    margin: 0 auto;
    text-transform: uppercase;
    color: #F5C35B;
    font-size: 12px;
    font-weight: 500;
}
.product-loop .regular {
    position: relative;
}
.products-grid {
    margin-top: 25px;
}
.products-grid .product-loop {
    margin-bottom: 28px;
}
.product-loop .product-img {
    position: relative;
    overflow: hidden;
}
.product-loop .product-img:before {
    content: '';
    display: block;
    width: 100%;
    padding-bottom: 150%;
}
.product-loop .product-img .product-image, .product-loop .product-img img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.product-loop .product-img img.hover {
    opacity: 0;
    visibility: hidden;
}
.product-loop .product-img .product-sale {
    position: absolute;
    top: 0;
    right: 10px;
    font-size: 12px;
    line-height: 1;
    font-weight: bold;
    z-index: 1;
    color: #272727;
    background: #fff;
}
.product-loop .product-img .product-sale span {
    align-items: center;
    justify-content: center;
    display: flex;
    font-size: 12px;
    position: relative;
    background: #C31230;
    width: 36px;
    height: 32px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
}
.product-loop .product-img .product-sale.pd3 span {
    width: 40px;
    font-size: 11px;
}
.product-loop .product-img .product-sale span:after {
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    border-left: 18px solid transparent;
    border-right: 18px solid transparent;
    border-top: 10px solid #C31230;
}
.product-loop .product-img .product-sale.pd3 span:after {
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
}
.product-loop .product-img .btn-quickview {
    position: absolute;
    bottom: 0;
    z-index: 1;
    width: 100%;
    left: 0;
    background: rgba(51,61,68,.75);
    color: #fff;
    line-height: 31px;
    font-size: 14px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.5px;
    transform: translateY(31px);
    transition: all 150ms cubic-bezier(.4,0,1,1);
}
.product-loop .product-img:hover .btn-quickview {
    transform: translateY(0);
}
.product-loop .product-info {
    margin-top: 10px;
    text-align: center;
}
.product-loop .product-info h3, .product-loop .product-info h2 {
    font-size: 12.4px;
    line-height: 1.5;
    font-weight: 500;
    margin: 0 0 7px;
}
.product-loop .product-info h3 a:hover, .product-loop .product-info h2 a:hover {
    text-decoration: underline;
    color: #333d44;
}
.product-loop .price-box p {
    display: inline-block;
    margin: 0 5px 0 0;
    font-size: 12px;
    line-height: 1.5;
    color: #333d44;
}
.product-loop .price-box p.special-price.highlight {
    color: #a0122b;
}
.product-loop .price-box p.old-price {
    text-decoration: line-through;
}
.product-loop .product-info button {
    font-size: 16px;
    background: #333d44;
    padding: 5px 8px;
    border: 1px solid #333d44;
    color: #fff;
    transition: all 0.5s;
}
.product-loop .product-info .btn-cart:hover,.product-loop .product-info .btn-quickview:hover {
    color: #333d44;
    background: #fff;
}
.color-swatches {
    display: inline-block;
    margin: 7px 0;
}
.color-swatches li {
    float: left;
    padding: 0 3px;
}
.color-swatches li a {
    display: block;
    width: 40px;
    height: 20px;
    border: 1px solid transparent;
    overflow: hidden;
}
.color-swatches li a img {
    object-fit: cover;
    width: 100% !important;
    height: 100%;
    vertical-align: top;
    border: 1px solid #e5e5e5;
}
.color-swatches li.active a {
    border-color: #000;
}
/*********************CSS Cart************************/
#cart {margin: 28px 0 70px;}
#cart h1, .search-title{
    font-size: 16.8px;
    line-height: 1;
    border-bottom: 1px solid #000;
    padding-bottom: 7px;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 20px;
}
#cart h1 i {margin-right: 6px;}
.search-title{border:0;margin-bottom:10px;}
#cart .cart-des {
    padding: 7px;
    margin: 0 0 14px;
    line-height: 22px;
}
#cart .cart-des span, #cart .cart-des b, #cart .cart-des strong {
    font-weight: bold;
    color: #a0122b;
}
.mb-cart {
    padding: 10.5px;
    margin: 0 0 14px;
    box-shadow: 2px 3px 10px 0 rgba(0,0,0,.15);
    border-radius: 4px;
}
#mobile-cart .mb-cart {
    box-shadow: none;
    border-radius: 0;
    margin: 0;
    border-bottom: 1px solid #eee;
}
.mb-cart .product_image {width: 100px;}
.mb-cart .product-info {
    width: calc(100% - 100px);
    padding-left: 14px;
    flex-direction: column;
    justify-content: space-between;
}
.mb-cart .product-info .title {padding-right: 30px;}
.mb-cart .product-info .title a:hover {text-decoration: underline;}
.mb-cart .product-info .item-remove {
    position: absolute;
    top: 0;
    right: -5px;
}
#mobile-cart .mb-cart .product-info .item-remove {right: 10px;}
.mb-cart .product-info .item-remove svg {
    width: 13px;
    height: 13px;
    stroke: #000;
    opacity: 0.6;
}
.mb-cart .product-info .item-remove a:hover i {color: #121618;}
.mb-cart .product-info .item-remove a:hover svg {opacity: 1;}
.mb-cart .product-info .qty {
    font-size: 12.6px;
    line-height: 1.5;
    margin: 7px 0;
}
.mb-cart .product-info .qty p {
    margin: 0;
    color: #212529;
}
.mb-cart .product-info .qty p span {
    font-weight: bold;
}
.mb-cart .product-info .qty p input {
    border: 2px solid #ccc;
    width: 44px;
    height: 21px;
    border-radius: 4px;
    font-size: 12px;
    text-indent: 6px;
    font-weight: 500;
}
.mb-cart .product-info .price-text, .mb-cart .product-info .price-old span {font-weight: bold;}
.mb-cart .product-info .price-old del {margin: 0 10px;}
.btn-link.cart-checkout {margin: 28px 0;}
.check-shop-cart .btn-link.cart-checkout {margin: 0;}
.btn-link.cart-checkout a {
    background: #333d44;
    color: rgba(255,255,255,0.9);
    width: 200px;
    text-align: center;
    float: right;
}
.btn-link.cart-continue a{
	display:inline-block;
	background: #333d44;
	color: rgba(255,255,255,0.9);
	width: auto;
	text-align: center;
}

.btn-link.cart-continue-btn  {
    float: left;
    width: 45%;
}

.btn-link.cart-continue-btn a{
    width: 100%;
	display:inline-block;
	background: #333d44;
	color: rgba(255,255,255,0.9);
	text-align: center;
}

/* .check-shop-cart .btn-link.cart-checkout a {width: 100%;} */
.btn-link.cart-checkout a:hover, .btn-link.cart-continue a:hover, .btn-link.cart-continue-btn a:hover{background: #2c353b;}
.cart-sumary {
    border: 1px solid #ddd;
    padding: 7px 10.5px;
}
.cart-sumary .title {
    padding: 0 0 3.5px 0;
    font-size: 14px;
    text-transform: uppercase;
    margin-bottom: 7px;
    line-height: 2;
    border-bottom: 1px solid #ddd;
    font-weight: 600;
}
.cart-sumary .info {
    margin-top: 8px;
    justify-content: space-between;
    line-height: 28px;
}
.cart-sumary .info.helper {
    line-height: 18px;
    font-size: 12.6px;
    font-style: italic;
    margin: 0;
}
.cart-sumary .info.info-total {
    border-bottom: 2px solid #495761;
    padding: 7px 0;
    font-weight: bold;
    font-size: 15.4px;
}
.cart-sumary .info p {
    width: calc(100% - 100px);
    margin: 0;
}
.cart-sumary .info-note {
    padding: 10.5px 0;
    text-align: center;
    font-weight: bold;
    border-bottom: 1px solid #495761;
}
.cart-sumary .btn-link.cart-checkout {margin: 14px 0;}
.cart-sumary .btn-link.cart-checkout a {width: 100%;}
.cart-empty .text-empty {
    font-weight: bold;
    padding: 20px;
    margin: 0;
}
.cart-empty .cart-empty-btn {justify-content: center;}
.cart-empty .cart-empty-btn p {margin: 0 10px;}
.cart-empty .btn-link.cart-checkout a {width: auto;}
@media screen and (min-width:768px) {
    .cart-sticky {
        position: sticky;
        top: 95px;
    }
    .product-info-mobile {
        display: none;
    }
}
/*-------------Product------------*/
#product .container {
    max-width: 1140px;
}
.products .product-img-left {
    flex:0 0 50%;
    width:50%;
}
.products #detail-product {
    flex:0 0 50%;
    width:50%;
    max-width:555px;
    padding:0 0 0 30px;
    position:relative;
}
.products #detail-product.review{padding-bottom:130px;}
.products #detail-product2 {
    float: right;
    width: calc(50% - 5px);
    margin-left: 5px;
}
.products .product-title h1, .related-loop_info h3 a {
    font-size: 24px;
    line-height: 35px;
    font-weight: 400;
    margin: 3.5px 0 7px;
    color: #000;
}
#price-preview, #showStore .priceInfo, .product-price-recommend {
    font-size: 14px;
    line-height: 18px;
    margin: 0;
}
#price-preview span, #price-preview2 span, .related-loop_price span, .product-price-recommend .product-price span, #showStore .priceInfo span {
    color: #a0122b;
    font-size: 18px;
    font-weight: bold;
    display: inline-block;
}
#price-preview del, #price-preview2 del, .related-loop_price del, .product-price-recommend .product-price del, #showStore .priceInfo del {
    color: #333d44;
    font-size: 14px;
    margin-left: 20px;
    display: inline-block;
}
#price-preview label, #price-preview2 label, .related-loop_price label, .product-price-recommend .product-price label, #showStore .priceInfo label {
    position: relative;
    background: #C31230;
    color: #fff;
    padding: 0;
    font-size: 12px;
    width: 36px;
    text-align: center;
    margin: 0 0 0 31px;
    line-height: 24px;
    display: inline-block;
    border-radius: 2px;
    top: -1px;
    font-weight: 400;
}
#price-preview label:after, #price-preview2 label:after, .related-loop_price label:after, .product-price-recommend .product-price label:after, #showStore .priceInfo label:after {
    content: '';
    position: absolute;
    top: 9px;
    left: -14px;
    transform: rotate(90deg);
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-top: 6px solid #C31230;
}
.fix-review a.write-review-trigger {
    display: inline-block;
    text-decoration: underline;
    margin-left: 10px;
}
.products .border-bottom {
    display:flex;
    border-top: 1px solid #ccc;
    padding-top: 21px;
    margin: 7px 0 28px;
}
.product-gallery .product-thumb {
    float: left;
    width: 70px;
    margin: 0 4px 0 0;
    max-height:727px;
    overflow-y:auto;
}
.product-gallery .product-thumb li {
    margin: 2px auto;
    border: 2px solid transparent;
    padding: 0;
    max-width: 58px;
    position: relative;
    cursor: pointer;
}
.product-gallery .product-thumb li.video {
    border-color: #e1e1e1;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.product-gallery .product-thumb li.video i {
    margin-bottom: 5px;
}
.product-gallery .product-thumb li:hover {
    border-color: #5f717e;
}
.product-gallery .product-thumb li.active {
    border-color: #333d44;
}
.product-gallery .product-image-main {
    float: left;
    width: calc(100% - 74px);
}
.product-gallery .product-image-main video {
    width: 100%;
}
#quick-view-modal .modal-title{text-transform:uppercase;font-size:22px;font-weight:400;}
#quick-view-modal .quickview-product-left{width:60%;padding:0 7px 10px 10px;}
#quick-view-modal .product-des-box{width:40%;background:#ecedef;margin: 0;padding: 0;border-radius: 0;}
#quick-view-modal .products .product-img-left{float:left;width:50%;padding-right:10px;}
#quick-view-modal .product-gallery .product-thumb{padding:0;}
#quick-view-modal .product-gallery .product-thumb li{margin:0 auto 2px;}
#quick-view-modal .quickview-content .full-des{display:none;padding:14px;width:100%;}
#quick-view-modal .quickview-content .full-des.active{display:block;}
#quick-view-modal .quickview-tab{
    list-style:none;
    padding:0 42px 0 0;
    background: rgba(51,61,68,.05);
    margin: 0;
    border-bottom: 1px solid #ccc;
}
#quick-view-modal .quickview-tab li{float:left;}
#quick-view-modal .quickview-tab li a{
    display:block;
    padding:0 30px;
    color:#212529;
    line-height:42px;
    font-weight:bold;
}
#quick-view-modal .quickview-tab li.active a{color:#fff;background:#333d44;}
.quickview-close {
    position: absolute;
    top: 0;
    right: 0;
    width: 42px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    background: #333d44;
    color: #fff;
    font-size: 24px;
    cursor: pointer;
}
.swatch {
    margin-bottom: 20px;
    position: relative;
}
.swatch .header {
    font-weight: 500;
    margin: 0 0 10px;
    padding: 3.5px 0;
    font-size: 15.4px;
    color: rgba(0,0,0,.7);
}
.swatch .header span {
    text-transform: capitalize;
}
.swatch .swatch-element {
    display: inline-block;
    margin: 0 7px 0 0;
    position: relative;
    vertical-align: bottom;
}
.swatch .swatch-element.disabled {display: none;}
/* .select-swap .swatch-element.disabled:before, .select-swap .swatch-element.disabled:after {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	width: 30px;
	height: 2px;
	background: #333d44;
	z-index: 2;
	transform: translate(-50%,-50%) rotate(45deg);
	opacity: 0.3;
} */
.select-swap .swatch-element.disabled:after {
	transform: translate(-50%,-50%) rotate(-45deg);
}
/* .select-swap .swatch-element.disabled label span{
	background: #f5f5f5;
	border-color: #f5f5f5;
	color: #666;
} */
.swatch .swatch-element label span, a.sizechart-btn, a.sizechart-btn2{
    min-width: 56px;
    height: 42px;
    line-height: 42px;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    display: inline-flex;
    border: 1px solid #ccc;
    background: #fff;
    margin: 0;
    position: relative;
    font-size: 13px;
    font-weight: 600;
}
.swatch .sd label span {
    align-items: center !important;
}
.swatch a.sizechart-btn, .swatch a.sizechart-btn2 {
    width: 120px;
    padding: 3px 7px;
    font-size: 10.5px;
    text-transform: uppercase;
    font-weight: bold;
    vertical-align: top;
    line-height: 1.4;
}
.swatch .swatch-element label span:hover, .select-swap a.sizechart-btn:hover {
    background: rgba(0,0,0,.07);
}
.swatch .swatch-element.sd label span{border: 3px solid #333d44;}
.swatch .swatch-element:not(.color) label span{padding: 0 5px;}
.swatch .swatch-element.color label span{
    width: 58px;
    height: 28px;
    border: 3px solid transparent;
    font-size:0;
}
.swatch .swatch-element.color label span:hover{border-color: #5f717e;}
.swatch .swatch-element.color.sd label span{border-color: #333d44;}
.swatch .error-block {
    position: absolute;
    top: 0;
    left: 0;
    white-space: nowrap;
    background: #a3161b;
    padding: 3.5px;
    font-size: 15.4px;
    display: none;
    color: #fff;
    width: 100%;
}
.swatch .error-block.active {display: block;}
.select-quantity, .quantity-area {margin-bottom: 20px;}
.box_qty .qty-btn, .quantity-area .qty-btn {
    float: left;
    background: #e6e6e6;
    border: solid 1px #ccc;
    cursor: pointer;
    font-weight: bold;
    font-size: 20px;
    outline: none;
    height: 42px;
    width: 42px;
    line-height: 40px;
    padding: 0;
    text-align: center;
    border-radius: 0;
    font-size: 12px;
}
.box_qty input[type="text"], .quantity-area input[type="text"] {
    background: #fff;
    font-weight: bold;
    height: 42px;
    padding: 0;
    text-align: center;
    width: 42px;
    border: 1px solid #ccc;
    border-left: 0;
    border-right: 0;
    border-radius: 0;
    float: left;
    -webkit-appearance: none;
    font-size: 14px;
}
form.variants  .actions-btn{
    margin: 0 0 15px;
}
.btn-cart, .modal-buynow-trigger, .notify-hidden {
    max-width: 250px;
    width: 100%;
    display: block;
    padding: 0;
    border: 0;
    font-weight: 600;
    background: #d9d9d9;
    font-size: 14px;
    text-transform: uppercase;
    color: #495761;
    line-height: 40px;
    text-align: center;
    letter-spacing: 2px;
    border-radius: 3px;
}
.btn-cart.oke, .modal-buynow-trigger.oke, #add-to-cartbottom.oke {
    background: #333d44;
    color: #fff;
}
.btn-cart.disabled, .modal-buynow-trigger.disabled, #add-to-cartbottom.disabled, .notify-hidden,  #add-to-cartbottom.disabled{
    background: #666;
    border-color: #666;
    color: #fff;
    pointer-events: none;
}
.notify-hidden{width:100%;}
a.link-showroom {
    font-weight: 500;
    color: #f00;
    font-size: 13px;
}
a.link-showroom i {
    font-size: 13px;
    padding: 0;
}
.return-privacy, .return-privacy-promotion {
    margin: 10px 0;
}
.return-privacy p i {
    font-size: 28px;
    margin-right: 7px;
}
.return-privacy p img {
    width: 35px;
    margin-right: 7px;
}
.return-privacy p a , .return-privacy-promotion p a{
    margin-left: 5px;
    text-decoration: underline;
}
.product-des-box {
    border-radius: 3px;
    background: #dfdfdf;
    padding: 21px 14px;
    margin: 0 0 42px;
}
.product-des-box .full-des, .product-des-box .product-help {
    flex:0 0 50%;
    padding: 0 21px;
}
.product-des-box .title{
    font-size: 14px;
    line-height: 2;
    font-weight: 700;
}
.product-des-box .content *{
    font-size: 14px;
    line-height: 1.5;
}
.product-des-box .content h3, .product-des-box .content h4, .product-des-box .content h5, .product-des-box .content p {
    margin-bottom: 15px;
}
.product-des-box .content ul, .modal-dialog .modal-content ul {
    list-style-type: initial;
    padding-left: 15px;
}
.product-des-box .content ol, .modal-dialog .modal-content ol {
    list-style-type: decimal;
    padding-left: 15px;
}
.product-des-box .product-help ul {
    padding: 5px 0;
    list-style:none;
}
.product-des-box .product-help ul li {
    display: flex;
    align-items: center;
    margin: 14px 0;
}
.product-des-box .product-help ul li i {
    width: 42px;
    font-size: 35px;
    color: #333d44;
    text-align: center;
    margin-right: 7px;
}
.product-des-box .product-help ul li a {
    font-size: 13px;
    font-weight: 600;
}
.product-des-box .product-help ul li a span {font-weight: 400;}
.product-des-box .content table{
    width: 100%;
    background: #fff;
    margin-bottom: 12px;
}
.product-des-box .content table, .product-des-box .content table td, .product-des-box .content table th{
    border: 1px solid #666;
}
.product-des-box .content table tr:nth-child(odd) {
    background: #e6e6e6;
}
.product-des-box .content table td, .product-des-box .content table th {
    text-align: center;
    padding: 8px 5px;
}
.product-price-recommend {
    margin-bottom: 10px;
    padding-bottom: 7px;
    border-bottom: 1px solid #ccc;
}
.modal-dialog .modal-content .size-tab{display:none;}
/* ---------Product review ------------------------*/
/* start product review */
#doke_product_reviews {
    margin-bottom: 50px;
}

.dokerv-widget.dokerv-widget {
    display: block;
}

.dokerv-all-reviews-widget, .dokerv-rev-widg {
    padding: 24px;
    border: 1px solid #eee;
    margin-top: 24px;
    margin-bottom: 24px;
}
.dokerv-rev-widg.dokerv-rev-widg {
    clear: both;
}

.dokerv-widget * {
    margin: 0;
    line-height: 1.4;
    box-sizing: border-box;
}

.dokerv-rev-widg__title {
    margin-bottom: 14px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 24px;
    text-align: center;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    color: #333d44;
}

.dokerv-all-reviews__summary, .dokerv-rev-widg__summary {
    float: left;
    text-align: center;
}

.dokerv-all-reviews__summary .dokerv-rev-total-point,
.dokerv-rev-widg__summary .dokerv-rev-total-point {
    color: #a0122b;
}

.dokerv-all-reviews__summary .dokerv-rev-total-point,
.dokerv-rev-widg__summary .dokerv-rev-total-point {
    text-align: center;
    font-size: 36px;
    /* color: #fe302e; */
    font-weight: 700;
}

.dokerv-star {
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    vertical-align: middle;
}

.dokerv-star {
    font-family: DokeStar!important;
    display: inline!important;
    text-decoration: none!important;
    padding: 0 2px 0 0!important;
    margin: 0!important;
    font-weight: 700;
    opacity: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.dokerv-star {
    color: #333d44!important;
}

.dokerv--on:before {
    content: "\e000";
}

.dokerv--off:before {
    content: "\e001";
}

.dokerv-ask-question-btn, .dokerv-write-rev-link {
    float: right;
    border: 1px solid currentColor;
    padding: 8px 12px;
    text-align: center;
    border-radius: 3px;
    position: relative;
}

.dokerv-ask-question-btn {
    margin-left: 8px;
}

.dokerv-ask-question-btn, .dokerv-write-rev-link {
    padding: 9.5px 12px;
    background: #333d44;
    color: #fff !important;
}

.dokerv-ask-question-btn, .dokerv-write-rev-link {
    float: right;
    border: 1px solid currentColor;
    padding: 8px 12px;
    text-align: center;
    border-radius: 3px;
    position: relative;
}

.dokerv-ask-question-btn, .dokerv-write-rev-link {
    padding: 9.5px 12px;
    background: #333d44;
    color: #fff !important;
}

.dokerv-histogram {
    float: left;
    padding: 4px 16px;
    margin: 0 24px;
    font-size: 12px;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
}

.dokerv-widget .dokerv-temp-hidden {
    display: block;
}

.dokerv-histogram__row {
    height: 16px;
    line-height: 16px;
    margin-bottom: 5px;
    cursor: pointer;
    white-space: nowrap;
}

.dokerv-histogram__row[data-frequency='0'] {
    pointer-events: none;
}

.dokerv-histogram__star {
    display: inline-block;
    vertical-align: middle;
}

.dokerv--half:before {
    content: "\e002";
}

.dokerv-histogram__row[data-frequency='0'] {
    pointer-events: none;
}

.dokerv-histogram__bar {
    position: relative;
    display: inline-block;
    width: 120px;
    height: 100%;
    margin: 0 2px 0 4px;
    vertical-align: middle;
    box-shadow: inset 0 0 1px #666;
}

.dokerv-histogram__bar {
    background: #e6e6e6;
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,.3)),color-stop(1,rgba(255,255,255,0)))!important;
    background-image: -webkit-linear-gradient(top,rgba(255,255,255,.3) 0,rgba(255,255,255,0) 100%)!important;
    border-radius: 2px;
}

.dokerv-histogram__bar-content {
    height: 100%;
    font-size: 9px;
    line-height: 16px;
    /* background: #fbcd0a; */
    box-shadow: inset 0 0 1px #888;
    -webkit-transition: width .3s ease;
    transition: width .3s ease;
}

.dokerv-histogram__bar-content {
    background: #333d44!important;
}

.dokerv-histogram__percentage {
    display: inline-block;
    width: 32px;
    vertical-align: middle;
}

.dokerv-histogram__frequency {
    display: inline-block;
    margin-left: 3px;
    vertical-align: middle;
}

.dokerv-histogram__clear-filter {
    display: none;
    margin-top: 8px;
    font-size: 14px;
}

.dokerv-histogram__row:last-of-type {
    margin-bottom: 0;
}

.dokerv-rev-widg__sort-wrapper {
    clear: both;
    margin-bottom: 50px;
}

.dokerv-sort-dropdown-wrapper {
    float: right;
}

.dokerv-sort-dropdown.dokerv-sort-dropdown {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-block;
    padding: 0 20px 0 8px;
    background: 0 0;
    text-indent: 0;
    color: #333;
    position: initial;
    height: 35px;
    min-height: 35px;
    padding-right: 0;
    padding-left: 12px;
    line-height: 1.25;
    text-indent: .01px;
    text-overflow: '';
    border: 1px solid #ccd6e0!important;
    bottom: 12px;
    transition: all ease-in-out .2s;
    cursor: pointer;
    z-index: 2;
    border-radius: 3px;
    outline: 0;
    font-size: 12px;
    font-weight: 400;
    width: auto;
    min-width: 150px;
}

.dokerv-sort-dropdown-arrow {
    position: relative;
    right: 15px;
    margin-left: -6px;
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 6px solid #000;
}

.dokerv-form, .dokerv-question-form {
    padding: 14px 14px 20px;
    background: #f7f7f7;
}

#dokerv_form_input {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}
.dokerv-widget input:not([type=submit]) {
    width: 100%;
    min-height: 2em;
    margin: 0;
    border: 1px solid #ddd;
    padding: 5px;
}

.dokerv-widget input:not([type=submit]), .dokerv-widget textarea {
    min-height: 35px;
    padding: 5px 10px;
    border-radius: 4px;
}

.dokerv-widget .dokerv-form__rating {
    outline: 0;
    /* width: %; */
}

.dokerv-countdown {
    font-size: 12px;
    font-size: 1rem;
}

.dokerv-form__body-fieldset {
    margin-bottom: 20px;
}

.dokerv-countdown {
    font-size: 12px;
    font-size: 1rem;
}

.dokerv-picture-fieldset-title {
    margin: 25px 0 5px !important;
    font-size: 15px ;
    color: #333d44 !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    float: left !important;
    width: auto !important;
}

.dokerv-picture-fieldset {
    float: left;
    padding: 0;
    margin-left: 5px;
    white-space: nowrap;
    overflow: inherit;
    -webkit-overflow-scrolling: touch;
}

.dokerv-media-fieldset__container {
    display: inline-block;
}

.dokerv-picture-fieldset__box {
    position: relative;
    display: inline-block;
    cursor: pointer;
    margin: 0 5px 0 0;
    padding: 0;
    width: 30%;
    max-width: 150px;
    min-width: 90px;
}

.dokerv-widget label {
    display: block;
    width: 100%;
    margin: 20px 0 5px 0;
    font-size: 14px;
    font-size: 1.2rem;
    line-height: 1;
}

.dokerv-picture-fieldset__box-wrapper {
    position: relative;
    border: 1px solid #189eff;
    width: 100%;
    height: 0;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    padding: 15px!important;
    border-radius: 5px;
}

.dokerv-picture-fieldset__box-wrapper .dokerv-close-ico {
    right: -5px;
    top: -10px;
    width: 20px;
    height: 20px;
    opacity: 1;
    z-index: 99;
    border-radius: 50%;
    background: #333;
}

.dokerv-picture-fieldset__spinner-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    display: none;
    width: 50%;
    height: 50%;
}

.dokerv-picture-fieldset__progress-text {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    display: inline;
    color: #bbb;
    font-size: 14px;
}

.dokerv-picture-fieldset__box .dokerv-spinner {
    width: 100%;
    height: 100%;
}
.dokerv-spinner {
    width: 40px;
    height: 40px;
    margin: auto;
    border-radius: 50%;
    border-top: 2px solid #eee;
    border-right: 2px solid #eee;
    border-bottom: 2px solid #eee;
    border-left: 2px solid #ccc;
    -webkit-animation: dokerv-spin .8s infinite linear;
    animation: dokerv-spin .8s infinite linear;
}


.dokerv-picture-fieldset__icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    color: #189eff;
    font-size: 14px;
    line-height: 1;
}

.dokerv-picture-fieldset {
    float: left;
    padding: 0;
    margin-left: 5px;
    white-space: nowrap;
    overflow: inherit;
    -webkit-overflow-scrolling: touch;
}

.dokerv-media-fieldset__container {
    display: inline-block;
}

.dokerv-widget .dokerv-picture-fieldset__box {
    position: relative;
    display: inline-block;
    cursor: pointer;
    margin: 15px 10px 0 10px;
    padding: 0;
    width: 5%;
    max-width: 150px;
    min-width: 90px;
}

.dokerv-picture-fieldset__icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    color: #189eff;
    font-size: 14px;
    line-height: 1;
}

.dokerv-widget .dokerv-picture-fieldset__input {
    position: absolute;
    display: inline-block;
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    padding: 0;
    margin: 0;
    font-size: 14px;
    visibility: visible;
    cursor: pointer;
}

.dokerv-submit-rev {
    margin-top: 0;
    border: 1px solid #ddd;
    font-weight: 500;
    font-size: 13px;
    height: 40px;
    background: #fdd22f;
    border: 0;
    color: #4a4a4a;
    width: 150px;
    float: right;
}

.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.dokerv-question-form-wrapper {
    margin-top: 16px;
    border-top: 1px solid #eee;
}

.dokerv-form {
    padding: 14px 14px 70px;
    background: #f7f7f7;
}

.dokerv-question-form {
    padding: 14px 14px 50px;
    background: #f7f7f7;
}

.dokerv-subtab {
    margin-top: 10px;
    padding-top: 12px;
    border-bottom: 1px solid #eee;
}


.dokerv-subtab__name {
    display: inline-block;
    padding: 8px 0;
    margin-right: 4px;
    line-height: 1;
    cursor: pointer;
}

.dokerv-subtab__count {
    background: #eee;
    padding: 2px 5px;
    margin-left: 10px;
}

.dokerv-subtab~.dokerv-all-reviews__body .dokerv-rev:first-of-type,
.dokerv-subtab~.dokerv-quest-widg__body .dokerv-quest:first-of-type,
.dokerv-subtab~.dokerv-revs-tab__content-body .dokerv-rev:first-of-type,
.dokerv-subtab~.dokerv-shop-reviews__body .dokerv-rev:first-of-type {
    border-top: 0;
    margin-top: 0;
}

.dokerv-quest, .dokerv-rev {
    position: relative;
    overflow: hidden;
    border-top: 1px solid #eee;
    padding-top: 16px;
    margin-top: 16px;
}

.dokerv-rev .dokerv-divider-top {
    margin-top: 16px;
    padding-top: 16px;
    border-bottom: 1px solid #eee;
}

.dokerv-rev__header {
    margin-bottom: 5px;
}

.dokerv-rev__header {
    float: left;
    width: 200px;
}

.dokerv-rev__icon {
    position: relative;
    float: left;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 26px;
    font-weight: 700;
    margin-right: 12px;
    text-align: center;
    border-radius: 50%;
    color: #666;
    background-color: #e9e9e9;
    overflow: inherit;
}

.dokerv-rev__timestamp {
    display: none;
}

.dokerv-rev__timestamp {
    opacity: .35;
    margin-left: 4px;
}

.dokerv-rev__timestamp+.dokerv-rev__br {
    padding-bottom: 1px;
}

.dokerv-rev[data-verified-buyer=false] .dokerv-rev__buyer-badge {
    display: none;
}

.dokerv-rev__buyer-badge {
    display: none;
    padding: 3px 7px;
    font-size: 11px;
    line-height: 1;
    vertical-align: text-top;
    color: #fff;
    background-color: #22b345;
}

.dokerv-rev__icon::after, .dokerv-rev__buyer-badge {
    background-color: #22b345!important;
}

.dokerv-rev__author-wrapper {
    display: block;
    padding-left: 62px;
}

.dokerv-rev__author-wrapper {
    font-weight: 700;
}

.dokerv-rev__location {
    opacity: .35;
}

.dokerv-rev__content {
    float: left;
    width: calc(100% - 200px);
}

.dokerv-rev__title {
    display: block;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 10px;
}

.dokerv-rev__title {
    display: block;
    font-size: 110%;
}

.dokerv-rev__pics {
    font-size: 0;
    white-space: nowrap;
    height: auto;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.dokerv-rev__pic-link {
    pointer-events: none;
}

.dokerv-rev__pic-link {
    margin: 8px 5px 3px 0;
    padding: 0;
    display: inline-block;
    height: 120px;
    width: 120px;
    cursor: pointer;
    overflow: hidden;
}

.dokerv-rev__pic-img {
    object-fit: contain;
}

.dokerv-rev__pic-img {
    display: block;
    width: auto;
    max-height: 100%;
    margin: 0;
    padding: 0;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    border-radius: 4px;
    font-size: 0;
    width: 100%;
}

.dokerv-rev__vids {
    overflow: auto;
    white-space: nowrap;
}

.dokerv-rev__actions {
    width: 100%;
    margin-left: 200px;
    display: grid;
    grid-template-columns: 41% 25% 15%;
}

.dokerv-rev__actions {
    margin-top: 15px;
}

/* .dokerv-rev__reply-review {
	float: right !important;
}*/

.dokerv-rev__reply-review {
    text-align: right;
    margin-right: 25px;
}

.dokerv-rev__social {
    text-align: right;
    /* margin-right: 25px; */
}

.dokerv-rev__btn-reply,
.dokerv-share-icon {
    padding: 5px 10px;
    background: #333d44;
    color: #fff !important;
    border-radius: 3px;
}

.dokerv-rev__btn-reply {
    display: inline-block;
    cursor: pointer;
    vertical-align: middle;
}

.dokerv-rev__social-inner, .dokerv-share-icon {
    display: inline-block;
    cursor: pointer;
    vertical-align: middle;
}

.dokerv-rev__social-inner, .dokerv-rev__votes-inner {
    margin: 0;
}

.dokerv-rev__social-inner, .dokerv-rev__votes-inner {
    margin-top: 4px;
    margin-bottom: -4px;
}

.dokerv-rev__social-inner {
    display: none;
}
.dokerv-rev__social-inner, .dokerv-share-icon {
    display: inline-block;
    cursor: pointer;
    vertical-align: middle;
}

.dokerv-rev__thumb-btn {
    padding: 6px 25px 7px 10px !important;
    background: #333d44;
    color: #fff !important;
    border-radius: 3px;
}

.dokerv-rev__share-btn,
.dokerv-rev__thumb-btn {
    display: inline-block;
    margin-right: 0;
    text-align: center;
    color: #666;
    padding: 4px 5px;
    font-size: 12px;
    cursor: pointer;
}

.dokerv-rev__votes {
    float: left;
}

.dokerv-paginate {
    width: 100%;
    padding-top: 16px;
    text-align: center;
}

.dokerv-paginate__page.dokerv-curt {
    font-weight: 700;
    pointer-events: none;
    background: #ccc;
}

.dokerv-paginate__page {
    display: inline-block;
    line-height: 1;
    padding: 4px 8px;
    cursor: pointer;
    vertical-align: middle;
    padding: 4px 10px;
    background: #eee;
    border-radius: 3px;
    color: #333;
}

.dokerv-paginate__first-page,
.dokerv-paginate__next-page,
.dokerv-paginate__prev-page {
    font-weight: 700;
    font-size: 110%;
    padding: 4px;
}

.dokerv-paginate__first-page,
.dokerv-paginate__last-page  {
    font-weight: 700;
    font-size: 105%;
    padding: 0px 2px;
    margin: 0 3px;
    background: #ccc;
}

.dokerv-rev__thumb-count {
    margin-right: 1px;
    position: relative;
    left: -22px;
    color: #fff;
    pointer-events: none;
}
.dokerv-rev__thumb-count {
    margin-right: 1px;
}

.dokerv-rev__thumb-count:last-of-type {
    margin-right: 0;
}

.dokerv-subtab~.dokerv-rev-widg__paginate-spinner-wrapper {
    margin-top: 0;
}
.dokerv-rev-widg__paginate-spinner-wrapper {
    display: none;
    margin-top: 16px;
    padding-top: 24px;
    border-top: 1px solid #eee;
}

.dokerv-spinner {
    width: 40px;
    height: 40px;
    margin: auto;
    border-radius: 50%;
    border-top: 2px solid #eee;
    border-right: 2px solid #eee;
    border-bottom: 2px solid #eee;
    border-left: 2px solid #ccc;
    -webkit-animation: dokerv-spin .8s infinite linear;
    animation: dokerv-spin .8s infinite linear;
}

.dokerv-custom-form-submit {
    display: grid;
    grid-template-columns: 80% 20%;
}

.dokerv-form__email-fieldset,
.dokerv-form__phone-fieldset {
    margin-left: 15px;
}

.dokerv-picture-fieldset__icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    color: #189eff;
    font-size: 14px;
    line-height: 1;
}

.dokerv-picture-fieldset__input {
    position: absolute;
    display: inline-block;
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    padding: 0;
    margin: 0;
    font-size: 14px;
    visibility: visible;
    cursor: pointer;
}

.dokerv-widget input:not([type=submit]),
.dokerv-widget textarea {
    min-height: 35px;
    padding: 5px 10px;
    border-radius: 4px;
}

.dokerv-widget textarea {
    width: 100%;
    padding: 5px;
    border: 1px solid #ddd;
}

.dokerv-quick__reply {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 20px;
    display: none;
    position: relative;
    z-index: 999;
}

.dokerv-widget input:not([type=submit]), .dokerv-widget textarea {
    min-height: 35px;
    padding: 5px 10px;
    border-radius: 4px;
}

.dokerv-quick__reply textarea {
    display: block;
    width: 100%;
    height: 130px;
    margin-bottom: 10px;
    border-color: #e0e0e0;
    resize: none;
    font-size: 13px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.dokerv-widget textarea {
    width: 100%;
    padding: 5px;
    border: 1px solid #ddd;
}

.dokerv-submit__reply {
    font-weight: 400;
    font-size: 13px;
    background: #fdd22f !important;
    color: #4a4a4a;
    padding: 5px 10px;
    border-radius: 5px;
}

.dokerv-rev__share-fb:hover {
    color: #4267b2;
}

.dokerv-rev__share-twitter:hover {
    color: #1DA1F2;
}

.custom-file-upload input[type="file"] {
    display: none;
}

.custom-file-upload {
    border: 1px solid #1DA1F2;
    display: inline-block;
    padding: 6px 12px;
    cursor: pointer;
    color: #1DA1F2;
    font-weight: 700;
    border-radius: 5px;
}

.dokerv-rev-widg-medium .dokerv-rev-widg__summary {
    float: left;
    text-align: none;
}

.dokerv-rev-widg-medium .dokerv-rev-widg-header {
    display: grid;
    grid-template-columns: 50% 50%;
}

.dokerv-rev-widg-medium .dokerv-histogram {
    float: left;
    padding: 0px;
    margin:  12px 0 0 0;
    font-size: 12px;
    border-left: 0px;
    border-right: 0px;
}

/* start star rating */
#star_rating {
    color: #4a4a4a !important;
}

.dokerv-rev-widg-medium {
    display: none;
}

.dokerv-notification {
    color: green;
    font-weight: 700;
    border-top: 1px solid #eee;
    padding-top: 16px;
    margin-top: 16px;
}

/* .customer-img-box {
	position: absolute;
	bottom: 28px;
	left: 0;
	width: 100%;
} */

.customer-img-box p {
    font-weight: bold;
}

.customer-img-box .customer-img {
    position: relative;
}

.customer-img-box .customer-img .img-item {
    float: left;
    width: calc(100%/6 - 5px);
    padding: 5px;
    border: 1px solid #ececec;
    border-radius: 3px;
    margin-right: 5px;
    cursor: pointer;
    height: 84px;
    display: grid;
    position: relative;
    align-items: center;
    justify-items: center;
}

#summary_review_custom :hover {
	cursor: pointer;
}

/* end star rating */

@media screen and (max-width:768px){
    .dokerv-rev-widg-large {
        display: none;
    }

    .dokerv-rev-widg-medium {
        display: contents;
    }

    .dokerv-rev__actions {
        width: 100%;
        float: none;
        margin-left: 0px;
        display: grid;
        grid-template-columns: 55% 20% 25%;
    }

    .dokerv-rev__social-inner,
    .dokerv-share-icon {
        margin-top: 4px;
    }

    .dokerv-rev__content {
        width: 100%;
        float: none;
    }

    .dokerv-rev__reply-review {
        margin-right: 0px;
        margin-top: 4px;
    }

    .dokerv-rev__line {
        display: none;
    }

    .dokerv-custom-form-submit {
        grid-template-columns: 75% 25%;
    }
}

@media screen and (max-width: 480px) {
    .dokerv-rev-widg-large {
        display: contents;
    }

    .dokerv-rev-widg-medium {
        display: none;
    }

    .dokerv-rev-widg__summary {
        float: none;
    }

    .dokerv-ask-question-btn,
    .dokerv-write-rev-link {
        width: 100%;
        margin-bottom: 12px;
    }

    .dokerv-histogram {
        margin: 10px 0;
    }

    .dokerv-rev__header {
        float: none;
    }

    .dokerv-rev__content {
        width: 100%;
        float: none;
    }

    .dokerv-rev__actions {
        float: none;
        width: 100%;
        margin-left: 0px;
        display: grid;
        grid-template-columns: 40% 30% 30%;
    }

    .dokerv-rev__votes-text {
        display: none;
    }

    .dokerv-rev__social-inner, .dokerv-share-icon {
        margin-top: 4px;
    }

    #dokerv_form_input {
        grid-template-columns: none;
    }

    .dokerv-form__email-fieldset,
    .dokerv-form__name-fieldset,
    .dokerv-form__phone-fieldset {
        margin-left: 0px;
    }

    .dokerv-rev__reply-review {
        margin-right: 0px;
        margin-top: 4px;
    }

    .dokerv-rev__line {
        display: none;
    }

    .dokerv-rev__share-btn,
    .dokerv-rev__thumb-btn {
        padding: 4px 0px;
    }

    .dokerv-form {
        padding: 14px 14px 115px;
    }

    .dokerv-custom-form-submit {
        grid-template-columns: 1fr;
    }
}

@media screen and (max-width:375px){
    .dokerv-rev-widg-large {
        display: contents;
    }

    .dokerv-rev-widg-medium {
        display: none;
    }

    .dokerv-rev-widg__summary {
        float: none;
    }

    .dokerv-ask-question-btn,
    .dokerv-write-rev-link {
        width: 100%;
        margin-bottom: 12px;
    }

    .dokerv-histogram {
        margin: 10px 0;
    }

    .dokerv-rev__header {
        float: none;
    }

    .dokerv-rev__content {
        width: 100%;
        float: none;
    }

    .dokerv-form {
        padding: 14px 14px 100px;
    }

    .dokerv-rev__thumb-btn {
        padding: 6px 22px 7px 8px !important;
    }

    .dokerv-rev__actions {
        float: none;
        width: 100%;
        margin-left: 0px;
        display: grid;
        grid-template-columns: 44% 22% 34%;;
    }

    #dokerv_form_input {
        grid-template-columns: none;
    }

    .dokerv-form__email-fieldset,
    .dokerv-form__name-fieldset,
    .dokerv-form__phone-fieldset {
        margin-left: 0px;
    }

    .dokerv-rev__votes-text {
        display: none;
    }

    .dokerv-rev__social-inner, .dokerv-share-icon {
        margin-top: 4px;
    }

    .dokerv-rev__reply-review {
        margin-right: 0px;
        margin-top: 4px;
    }
    .dokerv-rev__line {
        display: none;
    }
    .dokerv-rev__share-btn,
    .dokerv-rev__thumb-btn {
        padding: 4px 0px;
    }

    .dokerv-custom-form-submit {
        grid-template-columns: 1fr;
    }
}
/* end product review */
/*  end product    */
/*-------------ACCOUNT------------*/
.layout-account {
    padding: 30px 0;
    text-align: center;
}
.AccountTitle {
    text-transform: uppercase;
    margin-bottom: 30px;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 1px;
    position: relative;
    color: #383838;
}
.AccountList ul > li > a {
    display: block;
    position: relative;
    padding: 5px 0px;
    color: #252A2B;
}
.AccountList ul > li > a:hover {color: #333d44;}
#customer_sidebar p {font-size: 14px;overflow: hidden;}
#customer_sidebar p b span {
    float: left;
    width: 25%;
}
.title-detail {
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 1px;
    position: relative;
    border-bottom: 1px solid #ededed;
    padding-bottom: 8px;
}
#customer_orders table, #order_details {
    width: 100%;
    background: #fff;
}
#customer_orders table tr, #order_details tr {
    height: 25px;
    line-height: 30px;
}
#customer_orders table tr.odd, #order_details tr {background: #fff;}
#customer_orders table tr td, #order_details tr td {
    vertical-align: middle;
    border-top: none;
    font-size: 14px;
}
#order_details tr td {
    line-height: 21px;
}
#order_details tr td a,#order_details b {
    font-weight: 500;
}
a#view_address {
    font-weight: 500;
    color: #fff;
    display: inline-block;
    padding: 10px 15px;
    background: #333d44;
    border: 0;
    margin-top: 15px;
}
a#view_address:hover {
    background: #000000;
    color: #fff;
}
#customer_orders,#order_payment, #order_shipping {
    margin-bottom: 30px;
    margin-top: 30px;
}
.customer-table-bg .table>tbody>tr>th {
    border-top: none;
}
.detail-table-order {
    margin-top: 30px;
}
.name-order {
    margin-bottom: 5px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    text-transform: uppercase;
}
.order_section_title {
    font-size: 15px;
    font-weight: 600;
    line-height: 20px;
    margin: 0 0 10px;
    padding: 10px 0px;
    position: relative;
    text-transform: uppercase;
}
.order_date {
    font-weight: normal;
    font-size: 14px;
    text-transform: none;
}
.text_status {font-weight: 500;}
.address p {margin-bottom: 5px;}
.account-order .address {
    margin: 0px 0px 30px;
    padding: 10px;
    background-color: #fbfbfb;
}

span.variant_acc {
    font-size: 13px;
    opacity: 0.8;
}
.alert-info {
    border-radius: 0;
    margin-bottom: 0;
}
.address_title {
    margin-bottom: 0;
    font-size: 16px;
    padding: 10px 0 10px 10px;
    background-color: #d9edf7;
    border-color: #bce8f1;
    position: relative;
}
.address_table {
    margin-bottom: 10px;
    border-top: 0px solid #ddd;
    background: #fafafa;
    padding: 15px;
}
.address_title h3 {
    margin: 0;
    font-size: 14px;
    padding-right:62px;
}
.account-address .note {
    border: none;
    padding: 0;
}
p.address_actions.text-right {
    margin: 7px 5px 0px 0;
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
}
.action_link a {
    text-transform: uppercase;
    font-size: 15px;
}
span.action_link {padding: 5px;}
.view_address p > b {
    font-weight: 500;
    font-size: 14px;
}
.view_address p {
    margin: 5px 0;
    line-height: 15px;
    font-size: 14px;
}
.add-new-address {
    padding-bottom: 10px;
    display: inline-block;
    padding: 10px;
    background: #333d44;
    color: #fff;
    text-transform: uppercase;
    transition: all 0.5s;
}
.add-new-address:hover, .add-new-address:focus {
    background: #000000;
    color: #fff;
}
.account-address .input-group-addon {display: none}
.input-group {margin: 15px 0px;}
.input-group .input-group-addon {
    padding: 6px 10px;
    border-radius: 0;
    color: #DAD9D9;
    background-color: #ebebeb;
    border-color: #ebebeb;
    min-width: 34px;
}
.wrapbox-heading-account h1 {
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 15px;
}
#recover-password .accounttype h2 {
    text-align: center;
    font-size: 16px;
    color: #666666;
    text-transform: uppercase;
    margin-bottom: 15px;
}
.box-account h3 {
    text-align: center;
    font-size: 16px;
    color: #666666;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.box-account button {
    padding: 5px;
    color: #fff;
}
.box-account button.btsocialloginfb {
    background: #546ea6;
    border: 1px solid #546ea6;
}
.box-account button.btsociallogingg {
    background: #df5656;
    border: 1px solid #df5656;
}
.box-account button i {margin-right: 6px;}
.userbox {margin-top: 15px;}
.userbox form {max-width: 410px;margin: 0 auto;}
.userbox .form {max-width: 410px;margin: 0 auto;}
.userbox .large_form input[type="email"], .userbox .large_form input[type="password"],.userbox .large_form input[type="text"],.userbox .large_form select {
    width: 100%;
    height: 34px;
    padding: 0 15px;
    outline: none;
    background: #fff;
    color: #847a7a;
    border-radius: 4px;
    border: 1px solid #c3c3c3;
}
.large_form {margin-bottom: 15px;}
.action_bottom {margin: 10px 0;}
.action_bottom .btn {
    width: 100%;
    background: #333d44;
    color: rgba(255,255,255,0.9);
    margin-bottom: 10px;
    border: 0;
    line-height: 28px;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
    transition: all .5s;
}
.action_bottom .btn:hover {background: #222;}
.userbox .large_form input[disabled], .userbox .large_form input[readonly] {
    cursor: not-allowed;
    background-color: #eee !important;
    opacity: 1;
}
/*----------RESPONSIVE------------*/
.sort-mb {
    text-align: center;
    margin-bottom: 15px;
}
.show-filter {
    padding: 5px 20px;
    display: inline-block;
    color: #fff;
    background: #333d44;
    border: 1px solid #333d44;
}
body.open-menu, body.open-cart {overflow: hidden;}
#header-mobile-menu.active i:before {
    content: '\f00d';
}
.menu-nav-mobile-close {
    position: fixed;
    width: 100%;
    height: 100vh;
    right: 0;
    top: 50px;
    background-color: rgba(46,55,61,.32);
    z-index: 888888;
    overflow: hidden;
    transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    opacity: 0;
    visibility: hidden;
}
.menu-nav-mobile-click-close {
    display: none;
    padding: 15px;
    font-weight: 800;
    background: #dbdee7;
    color: #000000;
    font-size: 20px;
    line-height: 20px;
    text-align: center;
}
.cart-mobile-close {
    position: fixed;
    width: 100%;
    height: 100vh;
    left: 0;
    top: 0;
    background-color: rgba(46,55,61,.32);
    z-index: 8888889;
    overflow: hidden;
    transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    opacity: 0;
    visibility: hidden;
}
.open-cart .cart-mobile-close, .open-menu .menu-nav-mobile-close{
    opacity: 1;
    visibility: visible;
}
#mmenu {
    width: 85%;
    position: fixed;
    z-index: 999999;
    top: 50px;
    left: -100%;
    height: 100vh;
    background: #fff;
    -webkit-transition: all .5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: all .5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -ms-transition: all .5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: all .5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: all .5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    overflow-y: auto;
}
#mmenu.active {left: 0;}
#mmenu > .title {
    padding: 10px;
    height: 52px;
    line-height: 31px;
    border-bottom: 1px solid #eee;
    font-weight: 700;
    background: #fff;
    text-transform: uppercase;
}
#header-nav-mobile {
	background: #fff;
	position: relative;
	height: 100%;
	overflow-y: auto;
	margin: auto;
	overflow-x: hidden;
}
#header-nav-mobile li {
    padding-left: 16px;
    display: flex;
    height: 57px;
    align-items: center;
    border-bottom: 1px solid #ccc;
}
#header-nav-mobile li.search {padding-right: 17px;}
#header-nav-mobile li a {
    font-size: 14px;
    color: #333;
    font-weight: bold;
    width: calc(100% - 45px);
    text-transform: uppercase;
}
#header-nav-mobile .header-action{margin:0;width:100%;}
#header-nav-mobile .header-action form{width:100%;}
#header-nav-mobile .header-action form input, #header-nav-mobile .header-action form button{height:47px;}
#header-nav-mobile .header-action form button svg{height:20px;width:20px;position: relative;top: 3px;}
#header-nav-mobile li.back {
    color: #333;
    text-transform: uppercase;
    cursor: pointer;
    font-weight: bold;
}
#header-nav-mobile li.back i {
    font-size: 18px;
    margin-right: 12px;
}
#header-nav-mobile li.title {
    margin-left: 0;
    background: #ecedef;
    padding-left: 16px;
}
#header-nav-mobile li.has-child span.icon-sub {
    font-size: 18px;
    width: 45px;
    text-align: center;
    cursor: pointer;
    color: #000;
}
#header-nav-mobile li.menu-product {
    padding: 15px 5px 148px 2px;
    height: auto;
    display: block;
}
#header-nav-mobile li.menu-product .media-img {
    float: left;
    width: 90px;
    padding: 0;
    border: 1px solid #ccc;
}
#header-nav-mobile li.menu-product .media-info {
    float: left;
    width: calc(100% - 100px);
    margin: 15px 0 0 10px;
}
#header-nav-mobile li.menu-product .media-item {
    margin-bottom: 15px;
}
#header-nav-mobile li a svg {
    fill: #6f6f6f;
    width: 24px;
    height: 19px;
    margin-right: 6px;
    position: relative;
    top: 5px;
}
#header-nav-mobile li>ul {
    position: absolute;
    width: 100%;
    top: 0;
    right: -100%;
    background: #fff;
    height: 100%;
    padding: 0;
    transition: all 0.5s ease;
}
#header-nav-mobile li.active>ul {right: 0;}
.menu-mobile-info {padding: 24px 10px;}
.menu-mobile-info p {font-weight: bold;}
.menu-mobile-info .footer-mxh i {
    width: 30px;
    height: 30px;
    line-height: 30px;
    background: #000;
    font-size: 18px;
    color: #fff;
    margin-right: 20px;
    border-radius: 50%;
    text-align: center;
}
#mobile-cart, .mobile-filter {
    position: fixed;
    width: 85%;
    max-width: 390px;
    height: 100vh;
    right: -85%;
    top: 0;
    background: #fff;
    z-index: 3147483647;
    overflow-y: auto;
    box-shadow: 0 0 3px rgba(0,0,0,0.3);
    -ms-transition: all 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transition: all 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: all 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
#mobile-cart.active, .mobile-filter.active {right: 0;}
.close-nav-sidebar-new {
    text-align: center;
    position: absolute;
    font-weight: 700;
    right: 0px;
    top: 0;
    z-index: 10000;
    width: 46px;
    height: 46px;
    line-height: 46px;
    cursor: pointer;
}
.close-nav-sidebar-new svg {
    fill: #fff;
    width: 16px;
    height: 16px;
}
.cart-mini-title {
    font-weight: 700;
    font-size: 18px;
    background: #232323;
    position: sticky;
    top: 0;
    z-index: 9;
}
.cart-mini-title p {
    padding: 7px;
    margin: 0px;
    line-height: 31px;
    width: 100%;
    text-align: center;
    font-size: 11px;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 2.5px;
}
/*----------------- Search auto ---------------*/
.smart-search-wrapper {
    position: absolute;
    width: 300px;
    background: #fff;
    z-index: 100;
    right: 0;
    top: 100%;
    border: 1px solid #333d44;
    padding: 4px 5px 0;
    max-height: 550px;
    overflow-y: auto;
}
.smart-search-wrapper .item-ult {padding: 10px 0;border-bottom: 1px dotted #dfe0e1;display: flex;}
.smart-search-wrapper .resultsContent .item-ult .thumbs-ult {width: 60px;float: left;margin-right: 15px;}
.smart-search-wrapper .resultsContent .item-ult .info-ult {width: calc(100% - 90px);float: left;padding: 0;}
.smart-search-wrapper .resultsContent .item-ult .info-ult h4 a {font-size: 12px;}
.smart-search-wrapper .item-ult .info-ult .price-ult {margin-top: 10px;font-weight: 600;}
.smart-search-wrapper .price-ult .price-pro-ult {color: #a0122b;}
.smart-search-wrapper .price-ult .price-old-ult {
    text-decoration: line-through;
    font-size: 12px;
    margin-left: 5px;
    font-weight: 400;
}
/*---------End search auto-----------*/
.modal {z-index: 1052;}
.modal-dialog .modal-content {border-radius: 0 !important;}
#ship-modal .modal-dialog {max-width: 420px;margin: 60px auto;}
#ship-modal .modal-dialog .modal-body {
    padding: 20px;
    font-size: 12px;
    line-height: 18px;
}
#ship-modal .modal-header .close {margin: 0;}
#ship-modal .modal-header .close:hover {opacity: 1;}
#sizeModal .modal-header {padding: 7px 14px 3px;}
#sizeModal .modal-header .close {opacity: 1;margin-top: 2px;}
#sizeModal .modal-title {text-transform: uppercase;font-size: 21px;}
.modal-header .close svg {
    width: 16px;
    height: 16px;
    stroke: #000;
}
.zoomContainer {z-index: 10;}
.zoomContainer .zoomLens {
    width: 160px !important;
    height: 280px !important;
    border: 0 !important;
    border-right: 3px solid rgba(255,255,255,0.65) !important;
    border-bottom: 3px solid rgba(255,255,255,0.65) !important;
}
.zoomContainer .zoomWindow {
    min-height: 300px !important;
    height: 100% !important;
    border: 0 !important;
    margin-left: 5px !important;
}
.quickview-open .zoomContainer {z-index: 9999;}
.quickview-open .zoomContainer .zoomLens {width: 120px !important;height: 100px !important;}
.quickview-open .zoomContainer .zoomWindow {min-height: 326px !important;}
/*------- card added notify -----*/
.cart-add-info {
    top: 95px;
    position: fixed;
    background: #fff;
    right: 0;
    width: 330px;
    font-size: 12px;
    z-index: 2000;
    border: 1px solid #ccc;
    border-radius: 0 0 3px 3px;
    padding: 7px;
    box-shadow: 2px 2px 7px rgba(0,0,0,.2);
    transform: translateX(100%);
    transition: transform .3s cubic-bezier(.4,0,1,1);
}
.cart-add-info.active {transform: translateX(0);}
.cart-add-info .cart-add-title {
    font-weight: bold;
    font-size: 14px;
}
.cart-add-center p, .cart-add-center a, .watch-cart-center {
    margin: 0;
    text-align: center;
    font-weight: bold;
}
.cart-add-bottom, .cart-add-custom {
    padding: 7px 0;
}

.watch-cart-center {
    padding-top: 5px;
}

.watch-cart-center .watch-cart-link::after {
    content: "\f061";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    transition: left .1s;
    margin-left: 5px;
    color: inherit;
    position: relative;
    left: 0;
}

.row .cart-sumary .sumary-checkout {
    height: 56px;
}

  .watch-cart-center a::before {
    top: 12px;
    box-shadow: 0 3px 5px rgba(0, 0, 0, .2);
    transform: rotate(-45deg);
  }
.cart-add-bottom p {
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 35px;
    min-width: 150px;
    border: 1px solid #000;
    width: 210px;
    margin: 0;
    text-align: center;
    font-weight: 500;
    cursor: pointer;
}
.cart-add-bottom p:hover {border-color: #d91560;}
.cart-add-bottom a {
    min-width: 150px;
    display: inline-block;
    padding: 0 14px;
    border: 0;
    font-weight: bold;
    background: #333d44;
    font-size: 12.6px;
    text-transform: uppercase;
    color: rgba(255,255,255,.9);
    line-height: 40px;
    text-align: center;
    letter-spacing: 2px;
    border-radius: 3px;
}
.cart-add-bottom a:hover {border-color: #a51a4f;}
.cart-add-top {
    border-top: 1px solid rgba(204,204,204,.5);
    border-bottom: 1px solid rgba(204,204,204,.5);
    margin: 7px 0;
    padding: 14px 0 7px;
    display: flex;
}
.cart-add-top img {float: left;width: 103px; align-self: center;}
.cart-add-top .info {
    float: left;
    width: calc(100% - 103px);
    padding: 0 7px 0 14px;
    min-height: 150px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.cart-add-top .info h4 {
    font-size: 12.6px;
    line-height: 18px;
}
.cart-add-top .info p {
    margin: 0;
    line-height: 15px;
}
.cart-add-top .info p span {display: inline-block;}
.cart-add-top .info .price {
    text-align: right;
    color: #212529;
    font-size: 14px;
    font-weight: bold;
    line-height: 18px;
}
.cart-add-top .add-price .price {
    font-size: 14px;
    line-height: 18px;
}
.wrapper-page h3, .wrapper-page h4, .wrapper-page h2, .wrapper-page h5, .wrapper-page h6{
    margin-bottom:10px;
}
.wrapper-page h3, .wrapper-page h4{font-size:20px;color:#212529;}
.wrapper-page p{
    line-height:1.5;
    color:#333;
    margin-bottom:25px;
}
.wrapper-page ul, .wrapper-page ol{
    margin-bottom: 15px;
    padding-left: 40px;
}
.wrapper-page ul{
    list-style-type: initial;
}
.wrapper-page table{
    width:100%;
}
.wrapper-page table td, .wrapper-page table th{
    padding: 10px;
    text-align: left;
}
/*------ end cart added --------*/
#recently {margin: 0 0 40px 0;}
#recently .title_recently h3 {
    padding: 25px 0 30px;
    font-size: 22px;
    line-height: 27px;
    font-weight: 400;
}
.recently-carousel {
    overflow: hidden;
    white-space: nowrap;
}
.recently-block {
    position: relative;
    width: 632px;
    margin: 0 auto;
}
.recently-product {
    transition: transform 0.5s ease;
}
.recently-block.active .recently-product {
    transform: translateX(-100%);
}
.recently-product .recently-item {
    display: inline-block;
    width: 126px;
    padding: 0 3px;
}
.recently-block .recently-left {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -50px;
    width: 30px;
    height: 54px;
    background: rgba(44,44,44,0.3);
    border: 0;
    font-size: 30px;
    color: #fff;
    display: none;
}
.recently-block .recently-right {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -50px;
    width: 30px;
    height: 54px;
    background: rgba(44,44,44,0.3);
    border: 0;
    font-size: 30px;
    color: #fff;
    display: none;
}
.recently-block .recently-left:hover, .recently-block .recently-right:hover {background: rgba(44,44,44,0.8);}
.recently-block .recently-left.active, .recently-block .recently-right.active {display: block;}
/*--------product recommend ----------*/
#product-recommend {
    padding-top: 20px;
    background: #dfdfdf;
}
#product-recommend .index-title span{background:transparent;}
#product-recommend .index-title:after{display:none;}
.product-recommend {
    background: #fff;
    padding:10px;
}
.product-recommend-list {margin: 30px auto;}
.product-recommend-info .product-title h3 {
    font-size: 14px;
    line-height: 17px;
    font-weight: 500;
    margin: 10px 0 7px;
}
.product-price-recommend .product-price del{margin-left:10px;}
.product-price-recommend .product-price label{margin-left:20px;}
.product-recommend .swatch .error-block {top: -8px;font-size: 14px;}
.product-recommend .product-recommend-img img{padding:10px;}
.product-recommend-info .full-des {padding: 0 0 20px;}
.product-recommend-variant .swatch {margin-bottom: 10px;}
.product-recommend-variant .swatch .header{margin: 0 0 5px;padding: 0;font-size: 13px;}
.product-recommend .btn-cart{max-width:100%;}
.product-recommend-list.my-btn .owl-nav button{top:25%;}
.product-recommend-list .owl-dots{text-align:center;}
.product-recommend-list .owl-dots button span{
    display:block;
    width:10px;
    height:10px;
    border-radius:50%;
    background:#ccc;
    margin:0 5px;
}
.product-recommend-list .owl-dots button.active span{background:#333d44;}
.owl-product-thumb .owl-nav {margin: 15px 0 0;}
.owl-product-thumb .owl-nav i {font-size: 18px;}
.owl-product-thumb .owl-nav .owl-next {float: right;}
.owl-product-thumb .owl-nav .disabled i {color: #cacaca;}
.owl-product-thumb .owl-dots {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
.owl-product-thumb .owl-dots .owl-dot {
    display: inline-block;
    margin: 0 4px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #cacaca;
}
.owl-product-thumb .owl-dots .owl-dot.active {background: #000;}
.size-contents .size-content-block {display: none;}
.size-contents .size-content-block.active {display: block;}
/*------- product store --------*/
#showStore .modal-header {background: #e6e6e6;}
#showStore .modal-title {
    font-size: 15px;
    text-transform: uppercase;
    text-align: center;
}
#showStore .close {
    position: absolute;
    right: 14px;
    opacity: 1;
}
#showStore .modal-body {text-align: center;}
#showStore .infoProduct {
    text-align: center;
    margin: 0 0 15px 0;
}
#showStore .imgProduct {
    width: 15%;
    margin: 0 20px 0 0;
    display: inline-block;
    vertical-align: top;
}
#showStore .infoProductSmall {
    text-align: left;
    width: 60%;
    display: inline-block;
}
#showStore .nameInfo {
    font-size: 15px;
    font-weight: bold;
    float: left;
    width: 100%;
    margin: 0 0 5px 0;
}
#showStore .variantIfo {margin: 0 0 5px 0;}
#showStore .priceInfo {
    margin: 0 0 10px 0;
    padding: 0;
    border: 0;
}
#showStore .change-quanNew {
    width: 100%;
    padding: 10px;
    margin: 0 0 15px 0;
    outline: none;
    height: 40px;
    border: 1px solid #ccc;
    background: #f8f8f8;
}
#showStore .inventory-location-box.data ul {
    padding-left: 0;
    margin: 5px 0;
    max-height: 300px;
    overflow: hidden;
    overflow-y: auto;
}
#showStore .inventory-location-ajax ul li {
    color: #555555;
    display: block;
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 10px;
    text-align: left;
}
#showStore .inventory-location-box.data ul li .bold-light {
    font-weight: bold;
    display: block;
}
#showStore .modal-buynow-trigger {
    padding: 0 10px;
}
a.link-showroom {
    font-weight: 500;
    color: #f00;
    font-size: 13px;
}
a.link-showroom i {
    font-size: 13px;
    padding: 0;
}
/*------- Popup newsletter ------*/
a.btn-popup {
    position: fixed;
    right: -43px;
    top: calc(50% - 20px);
    transform: rotateZ(-90deg);
    background: #000;
    color: #fff;
    z-index: 99;
    line-height: 40px;
    padding: 0 20px;
    text-transform: uppercase;
    font-weight: bold;
    display: none;
}
#newsLetterPopup .modal-header {
    background: #fff;
    padding: 7px 15px 3px;
}
#newsLetterPopup .modal-header .close {
    margin: 0;
    opacity: 1;
    font-size: 18px;
    line-height: 20px;
}
#newsLetterPopup .modal-content {
    width: 100%;
    border: 0;
    border-radius: 0;
    position: relative;
    box-shadow: none;
}
#newsLetterPopup .modal-content .row-flex {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
}
#newsLetterPopup .modal-content * {
    color: #000;
}
#newsLetterPopup .img-left {
    width: 378px;
}
#newsLetterPopup .info-right {
    width: calc(100% - 378px);
    text-align: center;
    max-width: 250px;
    margin: 0 auto;
}
#newsLetterPopup .info-right .txt1 {
    font-size: 15px;
    text-transform: uppercase;
    font-weight: bold;
}
#newsLetterPopup .info-right .txt2 {
    position: relative;
    text-align: center;
}
#newsLetterPopup .info-right .txt2 span {
    position: relative;
    display: inline-block;
    padding: 0 10px;
    font-size: 24px;
    text-transform: uppercase;
    background: #fff;
    font-style: italic;
    font-weight: 700;
}
#newsLetterPopup .info-right .txt2:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    border-top: 1px solid #9a9a9a;
    border-bottom: 1px solid #eee;
    width: 100%;
    height: 2px;
}
#newsLetterPopup .info-right .txt3 {
    display: inline-block;
    position: relative;
    font-size: 97px;
    line-height: 1;
    padding-right: 40px;
    margin: 0;
}
#newsLetterPopup .info-right .txt3 .per {
    position: absolute;
    font-size: 52px;
    right: 0;
    top: 0;
}
#newsLetterPopup .info-right .txt3 .off {
    position: absolute;
    font-size: 30px;
    right: 0;
    bottom: 10px;
}
#newsLetterPopup .info-right .txt4 {
    font-size: 16px;
    margin-bottom: 40px;
}
#newsLetterPopup .info-right .txt5 {
    font-size: 30px;
    font-weight: bold;
    margin: 0 0 13px;
}
#newsLetterPopup .info-right .txt6 {
    font-size: 15px;
    text-transform: uppercase;
    line-height: 18px;
    margin: 0 0 20px;
}
#newsLetterPopup .popup-form-newsletter {
    max-width: 225px;
    position: relative;
}
#newsLetterPopup .popup-form-newsletter input {
    width: 100%;
    line-height: 24px;
    margin: 0 0 16px;
    border: 1px solid #ccc;
    box-shadow: none;
    text-indent: 5px;
    background: #fff;
    color: #848484;
}
#newsLetterPopup .popup-form-newsletter input.popup_firstname {
    width: 55%;
    margin-right: 5%;
    float: left;
}
#newsLetterPopup .popup-form-newsletter input.popup_lastname {
    width: 40%;
}
#newsLetterPopup .popup-form-newsletter select {
    width: 100%;
    background: #fff;
    border: 1px solid #ccc;
    height: 26px;
    color: #848484;
    outline: none;
}
#newsLetterPopup .popup-form-newsletter button {
    min-width: 100px;
    background: #000;
    color: #fff;
    border: 0;
    border-radius: 0;
    line-height: 26px;
    text-transform: uppercase;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 2;
}
#newsLetterPopup .thankyou {
    display: none;
}
#newsLetterPopup .thankyou.active {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 3;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-bottom: 50px;
}
#newsLetterPopup .thankyou .content {
    max-width: 370px;
}
#newsLetterPopup .thankyou .tks1 {
    font-size: 40px;
    line-height: 1.2;
    font-weight: bold;
    margin-bottom: 20px;
}
#newsLetterPopup .thankyou .tks2 {
    font-size: 14px;
    line-height: 1.5;
    text-transform: uppercase;
    margin: 0 0 50px;
}
#newsLetterPopup .thankyou .tks3 {
    font-size: 14px;
    text-transform: uppercase;
    margin: 0 0 75px;
}
#newsLetterPopup .thankyou .code {
    font-size: 24px;
    color: #666;
    display: block;
    line-height: 1;
    margin-top: 15px;
}
#newsLetterPopup .thankyou .tks4 a {
    display: inline-block;
    line-height: 32px;
    border: 1px solid #000;
    min-width: 140px;
    padding: 0 10px;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
}
#newsLetterPopup .thankyou .tks5 {
    position: absolute;
    bottom: 0;
    padding: 0 15px;
    font-size: 9px;
    line-height: 1.5;
    font-weight: 500;
    max-height: 50px;
    overflow: hidden;
}
.index-banner-promotion-content .index-banner-promotion {
    margin-bottom: 50px;
}

.index-banner-promotion-content .index-banner-promotion-mobile {
    display: none;
}

/*--------index----------*/
.top-banner .banner-content {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    background-size: 100% auto;
    padding: 14px;
    margin-bottom: 45px;
}
@media screen and (max-width:768px) {
    .top-banner .banner-content {
        margin-bottom: 15px;
    }
}
@media screen and (min-width:1200px) {
    .top-banner .banner-content {
        padding: 50px 30px;
    }
}
@media screen and (min-width:1440px) {
    .top-banner .banner-content {
        padding: 70px 30px;
    }
}
.banner-content .text-left {
  visibility: visible !important;
}
.banner-content .text-left {width: 50%;padding: 0 28px;}
.banner-content .text-left .text-left-title {
    text-transform: uppercase;
    font-size: 56px;
    line-height: 63px;
    margin-bottom: 21px;
}
.banner-content .text-left .des {
    color: #fff;
    max-width: 500px;
    margin-bottom: 42px;
    line-height: 21px;
}
.index-product {margin-bottom: 70px;}
.btn-link {margin-bottom: 14px;}
.btn-link a {
    display: block;
    border: 2px solid #333d44;
    background: #fff;
    color: #333d44;
    padding: 3px 14px;
    border-radius: 3px;
    display: inline-block;
    line-height: 30px;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.btn-link a:after {
    content: "\f061";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    transition: left .1s;
    margin-left: 10px;
    color: inherit;
    position: relative;
    left: 0;
}
#payment-button {
    background: #fff;
    color: #000;
}
#payment-button::before {
	content: "\f060";
  margin: 0 10px 0 0;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	transition: left .1s;
	color: inherit;
	position: relative;
	left: 0;
}
#payment-button:hover:before {
	left: -5px;
}
#payment-button::after {
	content: ""
}
.btn-link a:hover {background-color: #ededed;}
.btn-link a:hover:after {left: 5px;}
.banner-content .img-right {
    display: flex;
    flex-wrap: wrap;
    width: 40%;
    max-width: 640px;
    height: 500px;
}
@media screen and (max-width:1440px) {
    .banner-content .img-right {
        height: 460px;
    }
}
@media screen and (max-width:1024px) {
    .banner-content .img-right {
        height: 350px;
    }
}
@media screen and (max-width:768px) {
    .banner-content .img-right {
        height: 280px;
    }
}
.banner-content .img-right li {
    width: calc(100% / 2);
    overflow: hidden;
    cursor: pointer!important;
    z-index: 4;
    padding: 0;
    position: relative;
}
.banner-content .img-right li a img {
    width: 100%;
    height: 100%;
    max-width: 100%;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.banner-content .img-right li a:hover img {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
#owl-product-index, .owl-product-class {padding: 0;overflow: hidden;}
#owl-product-index .product-loop, .owl-product-class .product-loop {margin: 0 auto;}
.owl-deal-btn .owl-nav button {
    top: 50% !important;
}
.my-btn .owl-nav button {
    position: absolute;
    top: 130px;
    width: 17px;
    text-align: center;
}
.my-btn .owl-nav button i {font-size: 36px;display:block;}
.my-btn .owl-nav button.owl-next {right: 0;}
.my-btn .owl-nav button.owl-next.disabled, .my-btn .owl-nav button.owl-prev.disabled {color: rgba(51,61,68,.2);display:none;}
.my-btn .owl-nav button.owl-prev {left: 0;}
.my-btn .owl-nav .owl-prev.disabled + .owl-next {
    animation: marginLeft 1s ease-in-out infinite;
    animation-direction: normal;
}
@-webkit-keyframes marginLeft {
    0% {transform:translateX(-5px);}
    100% {transform:translateX(-10px);}
}
@keyframes marginLeft {
    0% {transform:translateX(-5px);}
    100% {transform:translateX(-10px);}
}
.index-banner {position: relative;margin-bottom: 100px;}
.index-banner .index-banner-bg {
    width: 100%;
    height: 85%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: -1;
    background-image: url("/static/jockey-assets/index_banner_bg_v16.jpg?v=1.1");
    background-size: cover;
}
.index-banner .col-2 {width: 50%;max-width: 550px;}
.index-banner .info-col {
    display: flex;
    align-items: center;
    transform: translateX(15%);
}
.info-col .info-right {margin: 0 28px;}
.info-col .info-right .sub-title {text-transform: uppercase;font-weight: 700;}
.info-col .info-right .main-title {
    font-size: 2.4vw;
    text-transform: uppercase;
    line-height: 2.5vw;
    margin: 15px 0;
}
.info-col .info-right .des {
    font-size: 15px;
    line-height: 25px;
    margin: 0 0 25px;
    color: #222;
}
.index-deal {background: #000000;margin-bottom: 112px;}
.index-deal .transform60 {transform: translateY(60px);}
.index-deal .deal-title {
    margin-bottom: 14px;
    justify-content: space-evenly;
    align-items: center;
}
.index-deal .deal-title img {
    width: 60%;
    max-width: 992px;
}
.index-deal .deal-title .btn-link {margin: 0;}
.deal-products .deal-item {
    float: left;
    /* width: 25%; */
}
.deal-products .deal-item > a {
    display: block;
    box-shadow: 0px 5px 20px -1px rgba(0,0,0,0.15);
    background-color: #fff;
    margin: 14px;
}
.deal-products .deal-item > a:hover {transform: translateY(-3px);}
.deal-products .deal-item .deal-info {
    width: 100%;
    text-align: center;
    background-color: #fff;
    margin: 10px 0;
    height: 110px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}
.deal-products .deal-item .deal-info .deal-info-price {
    margin: 0 0 5px;
    line-height: 20px;
    font-size: 16px;
    font-weight: 600;
    color: #222;
    text-transform: uppercase;
}
.deal-products .deal-item .deal-info .deal-info-title {
    font-size: 15px;
    font-weight: 500;
    color: #222;
}
.deal-products .deal-item .deal-info .deal-info-price span {
    font-size: 14px;
    font-weight: 400;
    text-transform: initial;
    color: #666;
    font-style: italic;
}
.index-cate {margin-bottom: 84px;}
.index-cate .index-title {
    font-size: 1.7vw;
    font-weight: 500;
    letter-spacing: 7px;
}
.cate-list-contain, .collection-cates {overflow-y: auto;}
.cate-list {
    margin: 0;
    white-space: nowrap;
    text-align: center;
}
.cate-list li {
    display: inline-block;
    margin: 5px;
}
.cate-list li a {display: block;}
.cate-list li a span {
    display: block;
    font-size: 9px;
    text-decoration: underline;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 21px;
    color: #333d44;
}
.cate-list li a svg {
    width: 70px;
    height: 70px;
    padding: 2px 2px 10px 2px;
    fill: #333d44;
}
.list-link li {margin-bottom: 21px;}
@media screen and (max-width:768px) {
    .list-link li {margin-bottom: 12px;}
}
.list-link li a {
    font-size: 13px;
    letter-spacing: 1px;
    font-weight: bold;
    text-transform: uppercase;
    display: inline-block;
    text-decoration: underline;
    color: inherit;
}
a.arrow:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: .8em;
    line-height: .1;
    content: "\00A0\f105";
}
.collection-cates {padding: 10px 0 20px;}
.collection-cates .cate-list li a {color: #444;}
.collection-cates .cate-list li a svg {fill: #666;}
#collection,#product,#layout-page,#blogs,#articles{padding-bottom:20px;}
/*-------- blog home ---------*/
.blog-featured {margin-bottom: 50px;}
.blog-featured .post-image {
    max-height: 600px;
    overflow: hidden;
}
.blog-featured .post-content {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 35px;
    background-color: #fff;
    padding: 20px 35px;
    width: 100%;
    max-width: 300px;
    -webkit-box-shadow: 0 5px 10px rgba(154,160,185,.05), 0 5px 40px rgba(166,173,201,.2);
    box-shadow: 0 5px 10px rgba(154,160,185,.05), 0 5px 40px rgba(255, 173, 201, 0.2);
}
.blog-featured .blog-cate {
    margin-top: -30px;
    margin-bottom: 10px;
}
.blog-cate a {
    font-size: 11px;
    color: #fff;
    background: #000;
    padding: 5px 10px;
    text-transform: uppercase;
    line-height: 24px;
    position: relative;
}
.blog-cate a:before {
    content: '';
    position: absolute;
    bottom: -4px;
    left: 0;
    border-color: black transparent transparent;
    border-style: solid;
    border-width: 4px 6px 0 0;
}
.blog-featured .post-content h3 {
    font-size: 27px;
    line-height: 1.2;
}
.blog-featured .post-content .entry-content {margin: 10px 0;}
.blog-featured .post-content .more a {font-weight: bold;}
.blog-featured .owl-dots {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
}
.blog-featured .owl-dots .owl-dot {
    display: inline-block;
    width: 12px;
    height: 12px;
    background: #fff;
    border-radius: 50%;
    margin: 0 5px;
    border: 1px solid #000;
}
.blog-featured .owl-dots .owl-dot.active {background: #000;}
.blog-top {margin-bottom: 40px;}
.blog-top .post-content {
    position: relative;
    padding: 40px;
    -webkit-box-shadow: 0 1px 10px rgba(0,0,0,.08);
    box-shadow: 0 1px 10px rgba(0,0,0,.08);
    background-color: #fff;
    margin-top: -80px;
    width: 95%;
    margin-right: auto;
    margin-left: auto;
}
.blog-top .blog-cate {margin-bottom: 10px;}
.blog-top .post-content h3 {
    font-size: 26px;
    line-height: 1.2;
}
.blog-top .post-content .entry-content {margin: 10px 0 0;}
.blog-home-block .title {margin: 0 0 40px;}
.blog-home-block .title h2 {
    font-size: 24px;
    margin: 15px 0;
    text-transform: uppercase;
    font-weight: bold;
}
.blog-home-block .title .more {font-weight: bold;}
.blog-home-items .blog-loop {margin-bottom: 30px;}
.blog-home-items .blog-loop:nth-child(2n+1) {clear: both;}
.blog-home-items .blog-post-thumbnail {
    display: block;
    position: relative;
    height: 250px;
    overflow: hidden;
    margin-bottom: 20px;
}
.blog-home-items .blog-post-thumbnail img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.blog-home-items .blog-cate {margin-bottom: 10px;}
.blog-home-items .blog-info h3 {
    font-size: 26px;
    max-height: 93px;
    overflow: hidden;
    line-height: 1.2;
}
.blog-home-items .blog-info .entry-content {margin: 10px 0 0;}
/*-----Sidebar Blog----*/
.news-latest, .menu-blog {
    margin: 0 0 30px;
    position: relative;
    padding: 20px;
    background: #fff;
    box-shadow: 0 0 22px 3px rgba(0,0,0,.045);
}
.sidebarblog-title h2 {
    font-size: 13px;
    margin-bottom: 20px;
    padding: 6px 0;
    font-weight: 700;
    position: relative;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}
.sidebarblog-title h2:before {
    position: absolute;
    width: 4px;
    height: 100%;
    background-color: black;
    content: "";
    left: -20px;
    top: 0;
}
.list-news-latest {counter-reset: blog-counter;}
.list-news-latest .item-article {margin: 0 0 30px;}
.list-news-latest .item-article .post-image {
    width: 78px;
    height: 78px;
    float: left;
    position: relative;
    border-radius: 5px;
    overflow: hidden;
}
.list-news-latest .item-article .post-image:before {
    content: counter(blog-counter);
    counter-increment: blog-counter;
    position: absolute;
    text-align: center;
    font-size: 26px;
    background: rgba(17,17,17,.32);
    color: hsla(0,0%,100%,.92);
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 78px;
}
.list-news-latest .item-article .post-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.list-news-latest .item-article .post-content {
    width: calc(100% - 88px);
    float: left;
    margin-left: 10px;
}
.list-news-latest .item-article .post-content h3 {
    margin: 0;
    font-size: 13px;
    line-height: 18px;
    max-height: 54px;
    overflow: hidden;
}
.list-news-latest .item-article .post-content span.date {color: #777;margin-bottom: 5px;}
.hot-news .item-article {
    margin-bottom: 20px;
    position: relative;
}
.hot-news .item-article h3 {
    padding: 15px;
    text-align: center;
    background-color: #fff;
    width: 80%;
    margin: -40px auto 0;
    z-index: 1;
    position: relative;
    -webkit-box-shadow: 0 5px 10px rgba(154,160,185,.05);
    box-shadow: 0 5px 10px rgba(154,160,185,.05);
    font-size: 13px;
    line-height: 18px;
}
.box-article-heading h1 {
    margin: 30px 0;
    font-size: 24px;
    line-height: 1.2;
    text-transform: uppercase;
}
ul.article-info-more li {
    opacity: 0.85;
    display: inline-block;
    margin-right: 10px;
    font-size: 13px;
    font-weight: 600;
}
ul.article-info-more li i {margin-right: 5px;}
.article-pages, .meta-tags, .article-comment .comment_form, .post-navigation {margin-bottom: 40px;}
.article-pages * {max-width: 100%!important;}
.article-pages h2, .article-pages h3, .article-pages h4 {margin-bottom: 15px;}
.article-pages p {
    font-size: 16px;
    margin-bottom: 20px;
    line-height: 1.5;
}
.post-navigation {
    font-size: 16px;
    font-weight: 600;
}
.post-navigation .left {float: left;}
.post-navigation .right {float: right;}
.heading-page h1.blog-title {
    font-weight: 500;
    text-transform: uppercase;
    margin: 20px 0 40px;
    font-size: 30px;
}
.blog-posts .blog-loop {margin-bottom: 30px;}
.blog-posts .blog-post .blog-post-title {
    margin-bottom: 13px;
    font-size: 20px;
    text-transform: none;
    letter-spacing: 0;
    line-height: 1.2;
}
.blog-posts .blog-post .blog-post-meta {margin-bottom: 10px;}
.blog-posts .blog-post p {line-height: 21px;}
/*------- index camp ----------*/
.index-camp {
    background: #333d44;
    margin: -16px 0 0;
    padding: 14px 0;
}
.index-camp .flex-box {
    align-items: center;
    justify-content: center;
}
.index-camp .flex-box img {
    width: 100px;
    margin-right: 28px;
}
.index-camp .camp-title {
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
    font-size: 28px;
    margin: 0 0 7px;
}
.index-camp .camp-content {color: #fff;}
.index-camp .camp-content a {
    color: #fff;
    text-transform: uppercase;
    text-decoration: underline;
    font-weight: bold;
}
.index-camp .camp-content a:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: .8em;
    line-height: .1;
    content: "\00A0\f105";
}
/*------- Collection upsale ----------*/
.collection-upsale {
    background: #d9dde0;
    margin-bottom: 30px;
    padding: 30px 0 10px;
    text-align: center;
    display: none;
}
.collection-upsale h2 {
    letter-spacing: 1px;
    color: #222;
    text-transform: uppercase;
    font-size: 43px;
}
.collection-upsale .desc {
    color: #222;
    margin-bottom: 20px;
    letter-spacing: .75px;
    font-size: 18px;
}
.collection-upsale ul {margin: 0;}
.collection-upsale ul li {
    display: inline-block;
    margin: 0 10px 20px;
}
.collection-upsale ul li a {
    background: #62412b;
    border-color: #62412b;
    color: #fff;
    box-shadow: 0 6px 20px -12px rgba(0,0,0,0.89);
}
.collection-upsale ul li a:hover {background: #62412b;}
/*-------- page size chart ------*/
.sizechart-title {
    font-size: 40px;
    margin: 0 0 28px;
    color: #212529;
}
#sizechart h3 {
    background-color: #ecedef;
    padding: 10.5px 0;
    letter-spacing: 1px;
    margin: 14px 0;
    text-align: center;
    font-size: 21px;
    font-weight: bold;
}
#sizechart .flex-box {padding: 0 14px;}
#sizechart .flex-box .col-2 {width: 50%;}
#sizechart .size-title, #sizeModal .size-title {
    font-size: 24.5px;
    margin-bottom: 14px;
}
.measure .col-2 img {
    width: 45%;
    margin-left: 2.5%;
    margin-bottom: 2.5%;
}
#sizechart .measure-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
#sizechart .measure-content p {margin-bottom: 14px;}
.size-block .size-content {padding: 14px;}
.size-block .size-content table, #sizeModal table {
    width: 100%;
    text-align: center;
    border: 1px solid #495761;
    margin: 14px 0 28px;
    border-collapse: collapse;
}
.size-block .size-content table tr td, #sizeModal table tr td {
    line-height: 35px;
    padding: 0 14px;
    text-align: center;
}
.size-block .size-content table tr:first-child td, #sizeModal table tr:first-child td {
    line-height: 43px;
    font-size: 15.75px;
}
.size-block .size-content table tr td:first-child, .size-block .size-content table tr:first-child td,
#sizeModal table tr td:first-child, #sizeModal table tr:first-child td {font-weight: bold;}
.size-block .size-content table tr:nth-child(even), #sizeModal table tr:nth-child(even) {background: #e6e6e6;}
.size-guide img {
    float: left;
    width: 25%;
}
.size-guide .size-guide-info {
    float: left;
    width: 75%;
    padding: 0 14px;
    margin-top: -3px;
}
.size-guide .size-guide-info b {
    font-size: 17.5px;
    display: block;
    margin-bottom: 14px;
}
@media screen and (max-width:767px) {
    #sizechart .size-title, #sizeModal .size-title{font-size:20px;}
    #sizechart .container {padding: 0;}
    .sizechart-title {font-size: 24px;}
    #sizechart h3, #sizeModal .modal-title{font-size: 18px;}
    #sizechart .flex-box {padding: 0;flex-direction: column;}
    #sizechart .measure-content {padding: 0 14px;}
    #sizechart .flex-box .col-2 {width: 100%;}
    .size-block .size-content table tr:first-child td, #sizeModal table tr:first-child td {
        line-height: 30px;
        font-size: 14px;
        padding: 0 5px;
    }
    .size-guide img, .size-guide .size-guide-info{float:none;width:100%;}
    .size-guide .size-guide-info {
        padding: 14px 0;
        margin:0;
    }
    .banner-content .text-left {
        visibility: visible !important;
    }
    #address-map-id{
        width: 100%;
    }
}
/*--------- Question block --------*/
.pack-question {
    padding: 14px;
    max-width: 1440px;
    margin: 0 auto;
}
.pack-question .question-title h2 {
    font-size: 36px;
    line-height: 1;
    letter-spacing: 5px;
    text-transform: uppercase;
    color: #333d44;
    margin-bottom: 15px;
}
.pack-question .question-title p {
    font-size: 16px;
    line-height: 18px;
    color: #666;
    margin: 0;
}
.question-faq {margin-bottom: 70px;}
.question-faq .question-item {
    float: left;
    width: calc(100%/3);
    padding: 30px;
    line-height: 22px;
    text-align: center;
    color: #222;
}
.question-faq .question-item:nth-child(3n+1) {clear: both;}
.question-faq .question-item .title {
    font-weight: bold;
    font-size: 18px;
    line-height: 20px;
    margin: 0 0 5px;
}
.question-faq .question-item .ans {
    font-size: 18px;
    color: #222;
}
.question-faq .question-item .ans a {
    font-weight: 600;
    color: #222;
    text-decoration: underline;
}
@media screen and (max-width:991px) {
    .question-faq .question-item {padding: 20px 10px;}
}
@media screen and (max-width:767px) {
    .question-faq .question-item {float: none;width: 100%;}
}
/*-------- product review -------*/
.products .border-bottom{display:flex;}
.fix-review .dokerv-widget{display:inline-block !important;}
.fix-review a.write-review-trigger{display:inline-block;text-decoration:underline;margin-left:10px;}
.customer-img-box{
	position:absolute;
	bottom:0;
	left:30px;
	width:100%;
}
.customer-img-box p{font-weight:bold;}
.customer-img-box .customer-img .img-item{
	float: left;
	width: calc(100%/6 - 5px);
	padding: 5px;
	border: 1px solid #ececec;
	border-radius: 3px;
	margin-right: 5px;
	cursor: pointer;
	position: relative;
}
.customer-img-box .customer-img .img-item:after{
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	padding-bottom: 100%;
}
.customer-img-box .customer-img .img-item img{
	position: absolute;
	top: 0;
	left: 0;
	padding: 5px;
	height: 100%;
	width: 100%;
	object-fit: cover;
}
.customer-img-box .customer-img{position:relative;}
.customer-img-box .customer-img span{
	position:absolute;
	right:0;
	bottom:0;
	width: calc(100%/6 - 5px);
	height:100%;
	z-index:2;
	background:rgba(0,0,0,0.7);
	color:#fff;
	text-align:center;
	padding:10px;
	border-radius: 3px;
	cursor: pointer;
}
/*-------- collection -------*/
.collection-filter-block {
    margin: 10px 0 14px;
    text-align: center;
}
.collection-filter-block .wrap-in {
    display: inline-block;
    text-align: left;
}
.filter-block {
    float: left;
    min-width: 168px;
    border: 1px solid #ccc;
}
.filter-block:first-child {
    margin-right: 10px;
    border-radius: 3px;
}
.filter-items {
    position: relative;
    z-index: 2;
}
.filter-items .title-filter {
    display: block;
    padding: 6px 13px 6px 10px;
    cursor: pointer;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    color: #212529;
}
.filter-items .title-filter i {
    float: right;
    font-size: 12px;
    font-weight: bold;
    width: 18px;
    line-height: 13px;
    text-align: center;
    margin: 3px 0 0 10px;
}
.filter-items > ul {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    min-width: 218px;
    background: #fff;
    z-index: 99;
    padding: 7px 14px;
    border: 0;
    margin-top: 0;
    box-shadow: 0 5px 5px 1px rgba(0,0,0,.12), 0 2px 2px 1px rgba(0,0,0,.11);
    display: none;
}
.filter-items.open > ul {
    display: block;
}
.filter-check li {
    margin-bottom: 10px;
    min-width: 130px;
}
.filter-check li a {
    position: relative;
    padding: 0 0 0 24px;
    display: block;
    line-height: 25px;
    font-size: 14px;
    font-weight: 500;
}
.filter-check li a:before {
    position: absolute;
    content: '';
    width: 15px;
    height: 15px;
    color: rgba(51,61,68,.75);
    border: 1px solid;
    left: 0;
    top: 4px;
    border-radius: 3px;
}
.filter-items > ul.sort-by li {
    margin-bottom: 10px;
}
.filter-items > ul.sort-by li a {
    line-height: 17px;
}
.filter-items > ul.sort-by li a:before {
    border-radius: 50%;
    top: 1px;
}
.filter-items > ul.sort-by li.active a:before, .filter-check li.check a:before {
    background: #333d44;
}
.filter-items > ul.sort-by li.active a:after {
    position: absolute;
    left: 5px;
    top: 6px;
    content: '';
    width: 5px;
    height: 5px;
    background: #fff;
    border-radius: 50%;
}
.filter-check li.check a:after {
    position: absolute;
    content: '\f00c';
    line-height: 14px;
    left: 2px;
    top: 5px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 12px;
    color: #fff;
}
.filter-text {
    padding: 14px 0 0 178px;
    display: flex;
    align-items: flex-start;
}
.clear-filter {
    padding: 7px 14px 7px 30px;
    display: inline-block;
    background: #4d555d;
    color: #fff;
    cursor: pointer;
    line-height: 17px;
    font-weight: 400;
    margin: 0 7px 0 0;
    border-radius: 7px;
    position: relative;
    min-width: 120px;
}
.clear-filter:hover {
    background: #707b87;
    color: #fff;
}
.filter-text .clear-result {
    display: flex;
    flex-flow: wrap;
}
.clear-result span {
    display: block;
    line-height: 17px;
    margin: 0 7px 10px 0;
    padding: 7px 14px 7px 30px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    position: relative;
    background: #ecedef;
    color: #212529;
    border-radius: 7px;
}
.clear-result span:hover {background: #d6dce0;}
.clear-result span:before, .clear-filter:before {
    content: '';
    top: 15px;
    left: 8px;
    width: 12px;
    height: 1.5px;
    background: #212529;
    position: absolute;
    transform: rotate(40deg);
}
.clear-result span:after, .clear-filter:after {
    content: '';
    top: 15px;
    left: 8px;
    width: 12px;
    height: 1.5px;
    background: #212529;
    position: absolute;
    transform: rotate(-45deg);
}
.clear-filter:before, .clear-filter:after {background: #fff;}
.sort-filter-btn {
    display: block;
    padding: 4px 13px 4px 10px;
    cursor: pointer;
    font-size: 12px;
    line-height: 30px;
    text-align: center;
    border: 1px solid #ccc;
    color: #212529;
    text-transform: uppercase;
    font-weight: bold;
    cursor: pointer;
    border-radius: 3px;
}
.sort-filter-btn i {
    float: right;
    font-size: 16px;
    width: 18px;
    line-height: 24px;
    text-align: center;
    margin: 3px 0 0 10px;
}
.sort-filter-btn.sort-filter-close {
    color: #fff;
    background: #333d44;
    border-color: #333d44;
    margin-top: 20px;
    display: none;
}
.collection-filter-block.active .wrap-in, .collection-filter-block.active .sort-filter-btn.sort-filter-close {
    display: block;
}
/*---- contact -----*/
.contact-left, .contact-right {
    margin-top: 25px;
}
.contact-left h3, .contact-right h3 {
    color: #333d44;
}
.contact-right .name-company {
    font-size: 18px;
    margin-bottom: 10px;
}
.contact-left .form-group input[type="text"], .contact-left .form-group input[type="email"] {
    width: 100%;
    margin-bottom: 10px;
    padding: 8px 5px;
    border-radius: 6px;
    border: 1px solid #c3c3c3;
}
.contact-left .contact-form input[type="button"] {
	padding: 8px 15px;
	text-transform: uppercase;
	border: none;
	font-weight: 600;
	color: #fff;
	transition: all .3s ease-in-out;
	background: #333d44;
	border: 1px solid #333d44;
}
.contact-left .contact-form input[type="button"]:hover {
	background: #000000;
	color: #fff;
	border-color: #000000;
}
.contact-maps iframe {width: 100%;}
/*    product review mobile   */
#quickview-review-img{
    background-color: #fff;
    z-index: 9999999999;
    position: static;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    overflow: auto;
}
#quickview-review-img.review-open {
    position: fixed;
}
#quickview-review-img > .title {
    width: 100%;
    z-index: 2;
    line-height: 40px;
    background: #333444;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
    display: none;
}
#quickview-review-img .quickview-img-close {
    position: fixed;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    line-height: 20px;
    padding: 10px;
    z-index: 9;
    cursor: pointer;
    display: none;
}
#quickview-review-img .quickview-img-close svg {
    width: 100%;
    height: 100%;
    fill: #fff;
}
#quickview-review-img.review-open > .title, #quickview-review-img.review-open .quickview-img-close {
    display: block;
}
/*   end product review mobile  */
#PreoderSizeModal .modal-dialog{
    width:100%;
    max-width:920px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    margin:0;
}
#PreoderSizeModal .modal-content{min-height:auto;}
#PreoderSizeModal .modal-header{border:0;}
#PreoderSizeModal .modal-body{padding:15px;}
#PreoderSizeModal .size-title{
    font-size:20px;
    margin:0 0 20px;
}
#PreoderSizeModal table{
    width:100%;
    border-bottom:1px solid #e5e5e5;
}
#PreoderSizeModal table tr{
    border-top:1px solid #e5e5e5;
}
#PreoderSizeModal table tr td{
    height:48px;
    text-align: center;
}
#PreoderSizeModal table tr td:nth-child(even){
    background: #f7f7f7;
}
#message_error {
    color: #f00;
    font-weight: 400;
    font-family: 'Montserrat', sans-serif !important;
}

#message_activate {
	color: #0524fd;
	font-weight: 400;
	font-family: 'Montserrat', sans-serif !important;
}

/* start Order detail non-signin */
.os-search-test {
    padding: 15px;
    border-radius: 5px;
    background-color: #fff;
    margin: 30px 0px;
    padding-top: 25px;
    padding-bottom: 25px;
}

#os-search-box-test {
    border-radius: 5px;
    padding: 10px;
    box-shadow: 3px 3px 3px #ccc;
    background: #00a8e3;
    background: -moz-linear-gradient(top, #00a8e3 0%, #4abce2 50%, #00a8e3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00a8e3), color-stop(50%,#4abce2), color-stop(100%,#00a8e3));
    background: -webkit-linear-gradient(top, #00a8e3 0%,#4abce2 50%,#00a8e3 100%);
    background: -o-linear-gradient(top, #00a8e3 0%,#4abce2 50%,#00a8e3 100%);
    background: -ms-linear-gradient(top, #00a8e3 0%,#4abce2 50%,#00a8e3 100%);
    background: linear-gradient(to bottom, #00a8e3 0%,#4abce2 50%,#00a8e3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a8e3', endColorstr='#00a8e3',GradientType=0 );
}

#os-search-box-test h5 {
    text-align: center;
    color: #fff;
    margin-bottom: 15px;
}

#os-search-box-test label {
    color: #fff;
    font-weight: normal;
}

#os-search-box-test p {
    margin: 5px 0 5px 0px;
    color: #fff;
}

.check-type {
    color: #fff;
    margin-bottom: 15px;
    cursor: pointer;
}

#phonenumber {
    cursor: pointer;
}

#emailaddress {
    cursor: pointer;
}

.check-type input {
    display: inline-block;
    vertical-align: top;
    margin-top: 3px;
    margin-right: 3px;
}

.form-group {
    margin-bottom: 15px;
}

.form-group .form-control {
    box-shadow: none;
    height: 32px;
    font-size: 13px;
    line-height: normal;
    padding-bottom: 0;
    padding-top: 0;
}

.form-group .form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-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;
}

.ghost-btn-organge {
    display: inline-block;
    text-decoration: none;
    border: 1px solid #e67e22;
    height: auto;
    line-height: 18px;
    color: #fff;
    border-radius: 2px;
    font-size: 1em;
    padding: .5em 1.5em;
    transition: all 0.2s ease-out;
    background-color: #e67e22;
    box-sizing: border-box;
    cursor: pointer;
    zoom: 1;
    -webkit-backface-visibility: hidden;
    position: relative;
}

.btn-submit {
    font-size: 13px;
    outline: none;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.text-danger {
    color: #a94442;
}

.panel-group {
    margin-bottom: 20px;
}

.panel-body {
    padding: 15px 0px;
    font-family: 'Helvetica,Arial,sans-serif';
    font-size: 13px;
}

#os-show {
    font-family: 'Helvetica,Arial,sans-serif';
    font-size: 13px;
}

#os-show #accordion ul {
    padding-left: 10px;
}

ul, ol {
    padding: 0;
    margin-bottom: 0;
}

#os-show #accordion li {
    list-style: none;
    min-height: 206px;
    margin-bottom: 15px;
    box-shadow: 1px 1px 2px 0 #d0d0d0;
    margin-left: 10px;
}

#os-show #accordion li p {
    line-height: 1em;
}

#os-show #accordion li p {
    font-size: 1em;
    line-height: 1.5em;
}

.order_receiptNumber {
    font-size: 1.3em;
}

#os-show .processing {
    color: #d58512;
}

.line-product {
    clear: both;
    width: 100%;
    margin: 15px 0px;
}

#os-show #accordion li img {
    border: none;
    padding: 0px;
    max-height: 206px;
    border-radius: 0px;
}

.img-thumbnail {
    display: inline-block;
    max-width: 100%;
    height: auto;
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

#os-show #accordion li .aside {
    min-height: 0 !important;
}

#os-show #accordion li .aside {
    min-height: 206px;
    padding: 10px;
}

.line-product {
    margin: 0;
}

#product_code_size {
    color: #333;
}

#order_title{
    color: #333;
}

ul#address-link li a:hover {
	cursor: pointer;
}

.summary_reviews {
	margin: 4px 0 0 0px;
}

.content-page {
	overflow-y: auto;
	overflow-x: hidden;
}

ul#address-link li a:hover {
	cursor: pointer;
}

.dokerv-popup__overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,.7);
    transition: opacity .5s;
    visibility: hidden;
    opacity: 0;
    z-index: 9999999999;
}
.dokerv-popup__overlay.open {
    visibility: visible;
    opacity: 1;
}
.dokerv-popup__box {
    margin: 70px auto;
    padding: 20px;
    background: #fff;
    border-radius: 5px;
    width: 30%;
    position: relative;
    transition: all 5s ease-in-out;
}
.dokerv-popup__box h2 {
    margin-top: 0;
    color: #333;
    font-family: Tahoma,Arial,sans-serif;
}
.dokerv-popup__box .close {
    position: absolute;
    top: 20px;
    right: 30px;
    transition: all .2s;
    font-size: 30px;
    font-weight: 700;
    text-decoration: none;
    color: #333;
}
.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
}
.dokerv-popup__box .content {
    max-height: 30%;
    overflow: auto;
}
.dokerv-quest__answers {
	margin: 8px 0 0 0;
    background: #e3e3e3;
	border-left: 4px solid #000;
	border-radius: 4px;
}
.dokerv-ans.dokerv--done-setup {
	padding: 4px;
}
.dokerv-ans.dokerv--done-setup .dokerv-rev__timestamp {
	display: block;
}
.dokerv-ans.dokerv--done-setup .dokerv-rev__author-wrapper {
	padding-left: 0;
}

@media screen and (max-width: 480px) {
    .os-search-test {
        padding: 0;
        margin: 0;
    }

    #os-show #accordion ul {
        padding-left: 0;
    }

    #os-show #accordion li {
        box-shadow: 1px 1px 2px 1px #D0D0D0;
        margin-left: 0;
    }
/*
    .row {
        margin-right: 0;
        margin-left: 0;
    } */
}

@media screen and (max-width:375px){
    .os-search-test {
        padding: 0;
        margin: 0;
    }
}

/* end Order detail non-signin */
/*------- Media Linh -------- */
@media (max-width:1199px) {
    #header-nav>li>a {
        padding: 10px 15px;
    }
    .footer_bg .footer-block:nth-child(2n+1) {
        clear: both;
    }
    .index-banner .info-col {
        transform: translateX(0);
    }

    .my-btn .owl-nav button {
        top: 105px;
    }

    .products-grid .product-loop:nth-child(5n+1) {
        clear: none;
    }
    .products-grid .product-loop:nth-child(4n+1) {
        clear: both;
    }
    .col-sm-4 {
        width: 25%;
    }
    .index-product{padding:0 15px;}
    .product-gallery .product-thumb{max-height:593px;}
}
@media screen and (min-width:1200px) {
    .col-sm-20 {width: 20%;}
    .col-sm-40 {width: 40%;}
    .products-grid .product-loop:nth-child(5n+1) {
        clear: both;
    }
    .col-sm-4 {
        width: 20%;
    }
    .cart-sticky {
        width: 33%;
    }
}
@media screen and (max-width:993px) {
    .products-grid .product-loop:nth-child(4n+1) {
        clear: none;
    }
    .products-grid .product-loop:nth-child(3n+1) {
        clear: both;
    }
    .col-sm-4 {
        width: 33%;
    }
}
@media screen and (min-width:992px) {
    .sidebar-sticky {
        position: sticky;
        top: 10px;
    }
    .footer-block h4 a{pointer-events:none;}
    .footer-right ul{display:block !important;}
    #PreoderSizeModal .modal-body{
        padding:10px 60px 40px;
    }
    #PreoderSizeModal .size-title{
        font-size:28px;
        margin:0 0 40px;
    }
}
@media screen and (min-width:768px) {
    .modal-dialog {
        width: 700px;
    }
    .modal-dialog .modal-content {
        min-height: 645px;
    }
    #quick-view-modal .modal-dialog {
        width: 100%;
        top: 96px;
        margin: 0;
        max-height: calc(100vh - 96px);
        overflow-y: auto;
    }
    #quick-view-modal .modal-dialog .modal-content {
        border: 0;
    }
}
@media screen and (max-width:1024px){
    .zoomContainer {
        display: none !important;
    }
}
@media screen and (max-width: 991px) {
    .logo {width: 150px;top:9px;}
    header {height: auto;}
    .header-topbar {height: auto;padding: 7px 0;}
    #page-wrap {padding-top: 50px;}
    .breadcrumb-bg{margin-top:0;}
    .header-topbar .top-link li a {
        font-size: 13px;
        text-transform: uppercase;
        font-weight: 600;
        padding: 0 7px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #333d44;
        height: 35px;
        line-height: 35px;
        min-width: 37px;
        position: relative;
    }
    .header-topbar .top-link li a svg {
        width: 24px;
        height: 24px;
        fill: #333d44;
    }
    .header-topbar .top-link li.cart a span {
        display: inline-block;
        width: 19px;
        height: 19px;
        background: #f00;
        border-radius: 50%;
        color: #fff;
        line-height: 19px;
        font-size: 10px;
        text-align: center;
        position: absolute;
        top: -1px;
        right: -6px;
    }
    #header-mobile-menu{
        width: 44px;
        padding: 0 12px 0 0;
    }
    #header-mobile-menu i {
        font-size: 24.5px;
        color: #333d44;
        padding: 0;
    }
    .banner-content .text-left {padding-right: 0;}
    .banner-content .text-left .text-left-title {
        font-size: 34px;
        line-height: 1.2;
    }
    .info-col .info-right{margin:0 10px 0 100px;}
    .index-camp{margin:0;}
    .index-camp .flex-box img{margin-right:14px;}
    .index-camp .camp-title{font-size:20px;}
    .index-cate {margin-bottom: 50px;}
    .index-deal .deal-title{flex-direction: column;align-items: center;}
    .index-deal .deal-title img {margin-bottom: 28px;}
    .deal-products .deal-item{float:none;width:100%;}
    .deal-products .deal-item > a{display:flex;}
    .deal-products .deal-item > a img {
        float: left;
        width: 50%;
        height: 100%;
    }
    .deal-products .deal-item .deal-info {
        float: left;
        width: 50%;
        height:initial;
        text-align: center;
        background-color: #fff;
        padding: 0 5px;
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center;
    }
    .footer-block h4 {position: relative;padding-bottom:8px;}
    .footer-block h4 a {
        text-decoration: none;
        display: block;
    }
    .footer-block h4 a:after {
        content: "\f107";
        float: right;
        line-height: 17px;
        font-size: 16px;
    }
    .footer-block.active h4 a:after {
        content: "\f106";
    }
    .footer-right ul{padding-top:7px;display:none;}
    .footer-right ul li{display:block;margin: 7px 14px 7px 0;}
    .smart-search-wrapper {
        box-shadow: none;
        width: 90%;
        left: 5%;
    }
    .index-cate .index-title {
        font-size: 20px;
        letter-spacing: 3px;
    }
    .footer_cat {
        margin: 0;
        background: #fff;
        border-top: 1px solid #ccc;
    }
    .footer_cat li {
        float: left;
        width: calc(100%/3);
        border-right: 1px solid #ccc;
    }
    .footer_cat li a {
        display: block;
        line-height: 41px;
        text-transform: uppercase;
        text-align: center;
        font-weight: bold;
    }
    .footer-bottom{background:#fff;display: flex;flex-direction: column;padding:0;}
    .footer-bottom .footer-right, .footer-bottom .footer-left, .main-footer-copyright .footer-content, .main-footer-copyright .logo-footer{
        float: none;
        width: 100%;
    }
    .footer-bottom .footer-left, .main-footer-copyright .footer-content{order:2;}
    .socials{text-align:center;margin: 0;padding: 5px 14px;border-top: 1px solid #eee;}
    .main-footer-copyright{padding:0 15px;}
    .main-footer-copyright .footer-bottom{background:transparent;}
    .main-footer-copyright .footer-bottom .row{display: flex;flex-direction: column;}
    .main-footer-copyright .logo-footer{padding: 7px;background: #d2d2d2;margin:0;text-align: center;}
    .main-footer-copyright .footer-content{padding:6px 0 15px;text-align:center;}
    .my-btn .owl-nav button{width:30px;}
    .products-grid{margin-top:25px;}
    .collection-filter-block .wrap-in, .footer-bottom .footer-left .footer-left-return, .footer-bottom .footer-left .left-list {display: none;}
    .filter-block{float:none;width:100%;border:0;border-bottom:1px solid #ccc;}
    .filter-block:first-child {margin-right: 0;border-radius: 0;}
    .filter-items.open .title-filter {background: rgba(95,113,126,.1);}
    .filter-items > ul{position:static;box-shadow: none;}
    .collection-filter-block.active .sort-filter-btn i:before {content: "\f00d";}
    .filter-items.open .title-filter i:before {content: "\f068";}
    .filter-check:not(.sort-by) li {
        display:inline-block;
        margin: 0 7px 7px 0;
        background: #f5f5f5;
        padding: 7px 10px;
        border-radius: 28px;
    }
    .filter-text{padding:14px 0 0;}
    .collection-upsale{padding: 20px 0 10px;margin-bottom:20px;}
    .collection-upsale h2{font-size:32px;}
    .shop-cart-item .empty{font-size:24px;}
    .product-gallery .product-thumb{max-height:428px;}
}
@media screen and (max-width: 500px) {
    .index-banner-promotion-content .index-banner-promotion-mobile {
        display: block;
        margin-bottom: 20px;
    }

    .index-banner-promotion-content .index-banner-promotion {
        display: none;
    }
    /* .index-banner-promotion-content {
        padding-bottom: 30px;
    } */
}
.banner-container {
    padding: 0 0 40px 0;
}
@media screen and (max-width: 767px) {
    .index-banner .col-2, .banner-content .text-left, .cart-add-bottom p, .cart-add-info{
        width: 100%;
    }
    .collection-upsale h2{font-size:24px;}
    .index-camp .camp-title, .collection-upsale .desc{font-size:16px;}
    .products-grid .product-loop:nth-child(3n+1) {clear: none;}
    .products-grid .product-loop:nth-child(2n+1) {clear: both;}
    #layout-page {padding-top: 0;}
    .header-topbar .top-link li, .index-banner, h2.heading-title, .product-des-box .product-help ul li, .fix-review a.write-review-trigger{margin:0;}
    .head-title {font-size: 20px;padding: 15px 10px;}
    .paginate {text-align: center;}
    #collection {
        padding-left: 15px;
        padding-right: 15px;
    }
    hr.border {margin: 0 auto 5px;}
    .breadcrumb {
        white-space: nowrap;
        overflow: auto;
    }
    .cart-add-info {
        top: 46px;
        font-size:13px;
    }
    .cart-add-top img {margin: 10px;}
    .cart-add-top .info {
        margin: 10px 0;
        width: calc(100% - 123px);
    }
    .cart-add-top .info h4 {font-size: 14px;}
    .cart-add-top .add-price {margin: 10px 10px 0 0;}
    .cart-add-bottom p {margin: 0 0 15px;}
    span.mb {display: block;}
    .index-cate .index-title {
        font-size: 16px;
        letter-spacing: 2px;
    }
    .index-banner .index-banner-bg {
        height:50%;
        top: 0;
        transform: none;
    }
    .index-banner .flex-box {
        flex-direction: column;
        padding: 14px;
    }
    .info-col .info-right{margin:28px;}
    .info-col .info-right .main-title{font-size:22px;line-height:26px;}
    .index-product{margin-bottom:20px;}
    .top-banner .banner-content{background:none !important;margin:0;}
    .top-banner .banner-content .img{position:relative;padding-bottom:95%;width:100%;}
    .top-banner .banner-content .img img{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .banner-content .text-left{padding:28px 14px;}
    .product-des-box, .products .border-bottom{flex-direction:column;}
    .product-des-box{margin:0 0 20px;}
    .product-des-box .full-des, .product-des-box .product-help{padding:0 14px;}
    .product-gallery .product-image-main{width:100%;margin-bottom: 10px;border-bottom: 1px solid #ccc;}
    .products #detail-product{padding: 0;margin:0;}
    .products #detail-product.review{padding-bottom:100px;}
    .products .product-img-left , .products #detail-product{flex:0 0 100%;width:100%;}
    .btn-cart, .modal-buynow-trigger, .notify-hidden{max-width:100%;}
    .customer-img-box{left:0;}
    .return-privacy, .return-privacy-promotion{margin:14px 0;}
    .return-privacy p , .return-privacy-promotion p{
        display: flex;
        align-items: center;
        font-weight: normal;
        font-size: 11.5px;
    }
    .mobile-video {
        line-height: 40px;
        text-align: center;
        background: #d9d9d9;
        cursor: pointer;
        font-weight: 600;
        border-radius: 3px;
        margin: 0 0 24px;
    }
    #sliderproduct-mobile {margin-bottom: 28px;}
    #sliderproduct-mobile .owl-dots{
        text-align: center;
        position: absolute;
        width: 100%;
        left: 0;
        bottom: 20px;
        display: block;
        padding: 0 20px;
    }
    #sliderproduct-mobile .owl-dots .owl-dot{
        display: inline-block;
        width: calc(100%/4);
        height: 2px;
        margin: 0;
        background: rgb(223,223,223);
        cursor: pointer;
        float: left;
    }
    #sliderproduct-mobile .owl-dots .owl-dot.active{background: #333;}
    .products .product-title h1, .related-loop_info h3 a {
        font-size: 18px;
        line-height: 24px;
    }
    .fix-review {
        width: 100%;
        margin: 8px 0 0 0;
    }
    #price-preview.fixed {
        position: fixed;
        top: 49px;
        left: 0;
        width: 100%;
        background: rgba(255,255,255,0.9);
        z-index: 99;
        padding: 10px 15px;
    }
    .product-action-bottom {
        position: fixed;
        left: 0;
        bottom: 0;
        right: 0;
        z-index: 700;
        background: #fff;
        box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
        padding: 8px 10px;
    }
    .product-action-bottom .input-bottom {
        width: 54px;
        float: left;
        margin-right: 15px;
    }
    .product-action-bottom .input-bottom input {
        width: 54px;
        height: 40px;
        border: 1px solid #d1d1d1;
        text-align: center;
        outline: none;
        box-shadow: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }
    #add-to-cartbottom {
        font-weight: 600;
        height: 40px;
        width: calc(100% - 70px);
        float: left;
        background: #d9d9d9;
        font-size: 13px;
        text-transform: uppercase;
        color: #495761;
        line-height: 40px;
        text-align: center;
        letter-spacing: 2px;
        border-radius: 3px;
    }
    #showStore .imgProduct{width:70px;float:left;margin-right:10px;}
    #showStore .infoProductSmall{overflow:hidden;width:calc(100% - 80px);}
    .cart-add-info.active:after{
        content: '';
        position: fixed;
        top: 100%;
        left: 0;
        width: 100%;
        height: 10000px;
        background: rgba(0,0,0,0.3);
    }
    .blog-featured .post-content{
        padding: 10px;
        left: 5%;
        width: 90%;
        right: initial;
        top: initial;
        bottom: 0;
        transform: none;
        background-color: rgba(255,255,255,0.7);
    }
    .blog-featured .post-content h3, .blog-top .post-content h3, .blog-home-items .blog-info h3 {
        font-size: 16px;
        margin-bottom: 10px;
        letter-spacing: normal;
    }
    .blog-featured .post-content .entry-content, .blog-featured .post-content .more, .banner-content .img-right {display: none;}
    .blog-top .post-content{padding:20px;}
    .blog-home-block .title{margin:0 0 30px;}
    .blog-top .post-content .entry-content, .blog-home-items .blog-info .entry-content{
        overflow: hidden;
        display: block;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }
    .blog-home-block .title h2, .box-article-heading h1, .shop-cart-item .empty {font-size:20px;}

    .banner-container {
        padding: 0 0 14px;
    }
}
@media screen and (max-width:374px){
    .logo{width:120px;top:12px;transform: translateX(calc(-50% + -20px));}
}
/*------------ collection pack -------------*/
.pack-container {
    max-width: 1300px;
    margin: 0 auto;
}
.collection-pack {
    background-color: #f0f1f2;
    margin-top: -12px;
}
.collection-pack .pack-title {
    align-items: center;
}
.collection-pack .flex-box {
    flex-wrap: wrap;
}
.collection-pack .flex-box .col-2 {width: 50%;}
.pack-title .pack-title-left {padding: 0 42px;}
.pack-title .pack-title-left h1 {
    font-size: 70px;
    line-height: 1;
    border: 0;
    padding: 0;
    margin: 0 0 40px;
    text-transform: uppercase;
    letter-spacing: 5px;
    font-weight: 400;
}
.pack-title .pack-title-left ul {
    display: flex;
    flex-wrap: nowrap;
}
.pack-title .pack-title-left ul li {
    margin: 0 14px 14px 0;
    width: calc(100% / 3);
    max-width: 200px;
    text-transform: capitalize;
    padding: 14px;
    font-weight: bold;
    display: flex;
    flex-direction: column;
}
.pack-title .pack-title-left ul li.border {
    border-left: 3px solid #ecedef;
    border-right: 3px solid #ecedef;
}
.pack-title .pack-title-left ul li i {
    font-size: 42px;
    color: #333d44;
    margin: 0 7px 14px;
}
.popular-pack {
    padding: 70px 0;
    background: #333d44;
}
.popular-pack .popular-title {
    font-size: 28px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 5px;
    margin-left: 28px;
}
.pack-product-item .flex-box {
    background: #fff;
    margin: 14px 28px 28px;
    -webkit-box-shadow: 0 15px 20px -1px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 15px 20px -1px rgba(0, 0, 0, 0.15);
    box-shadow: 0 15px 20px -1px rgba(0, 0, 0, 0.15);
    border-radius: 7px;
    overflow: hidden;
    align-items: center;
}
.pack-product-item .pack-info {
    padding: 0 15px 0 25px;
}
.pack-product-item .pack-info h3 {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 28px;
    line-height: 1;
    letter-spacing: 3px;
    margin-bottom: 14px;
}
.pack-product-item .pack-info .price-box {
    margin: 0 0 15px;
}
.pack-product-item .pack-info .price-box p {
    display: inline-block;
    margin: 0 5px 0 0;
    line-height: 1.5;
    color: #333d44;
    font-size: 18px;
}
.pack-product-item .pack-info .price-box p.old-price {
    text-decoration: line-through;
    margin: 0;
}
.pack-product-item .pack-info .price-box p.highlight {
    color: #a0122b;
}
.pack-product-item .pack-info span {
    border: 2px solid #333d44;
    background: #333d44;
    color: rgba(255, 255, 255, 0.9);
    padding: 3px 14px;
    border-radius: 3px;
    display: inline-block;
    line-height: 30px;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
    transition: all 0.3s;
}
.pack-product-item .pack-info span:after {
    content: "\f061";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    transition: left .1s;
    margin-left: 10px;
    color: inherit;
    position: relative;
    left: 0;
}
.pack-product-item .pack-info span:hover {background: #2c353b;}
.pack-product-item .pack-info span:hover:after {left: 5px;}
.pack-list-box {
    padding: 70px 14px 100px;
    max-width: 1440px;
    margin: 0 auto;
}
.pack-list-box .pack-list-item {
    flex-wrap: wrap;
}
.pack-list-tab {
    text-align: center;
    margin-bottom: 50px;
}
.pack-list-tab li {
    display: inline-block;
}
.pack-list-tab li.active a {
    background: #333d44;
    color: #fff;
}
.pack-list-tab li a {
    color: #333d44;
    padding: 7px 10px;
    border: 3px solid #333d44;
    text-transform: uppercase;
    display: inline-block;
    transition: .3s;
    margin: 5px;
    box-shadow: 0 6px 20px -12px rgba(0, 0, 0, 0.89);
    border-radius: 3px;
    font-size: 15px;
    font-weight: bold;
}
.errors ul {
    margin-bottom: 10px;
}

.notification {
    text-align: center;
    font-style: italic;
    font-weight: 700;
    text-decoration: underline;
}

.notification a {
    color: red;
}

@media screen and (max-width: 768px) {
    .pack-title .pack-title-left {padding: 0 14px;}
    .pack-title .pack-title-left h1 {
        font-size: 40px;
        margin: 0 0 20px;
        letter-spacing: 3px;
    }
    .pack-title .pack-title-left ul li {margin: 0;}
    .pack-title .pack-title-left ul li i {font-size: 28px;}
    .pack-product-item .pack-info h3 {font-size: 21px;}
    .collection-pack .flex-box .pack-product-item {width: 100%;}
    .products-grid .product-loop:nth-child(4n+1) {
        clear: none;
    }
    .products-grid .product-loop:nth-child(3n+1) {
        clear: both;
    }
    .col-sm-4 {
        width: 33%;
    }
}
@media screen and (max-width: 767px) {
    .collection-pack .pack-title .pack-title-left {
        width: 100%;
        order: 2;
        padding: 30px 0;
    }
    .collection-pack .pack-title .pack-title-right {width: 100%;}
    .products-grid .product-loop:nth-child(4n+1) {
        clear: none;
    }
    .products-grid .product-loop:nth-child(2n+1) {
        clear: none;
    }
    .products-grid .product-loop:nth-child(3n+1) {
        clear: both;
    }
    .col-sm-4 {
        width: 33%;
    }
    .cart-sticky {
        width: 100%;
    }
}
@media screen and (max-width: 575px) {
    .footer_top ul li:nth-child(3) { display: flex; }
    .responsive-footer-email-collection {margin: 0 !important; display: inline-block !important; justify-content: center !important; align-items: center !important;; color: white; font-size: 20px;}
    .responsive-footer-email-collection-header p {outline: none; word-wrap: break-word; word-break: break-word; padding-left: 10px;  font-size: small; font-weight: bold;}
    .responsive-ins-collect-form {display: inline-flex;width: 100%;}
    .responsive-ins-email-form {display: inline-grid; margin-left: 1%;width: 80%;}
    .responsive-ins-email-input {font-size: smaller;height:40px; border: none; padding: 0px 10px; display: inline-block; float: left;}
    .responsive-ins-policy-check {display: flex; justify-content: center;}
    .responsive-ins-policy-text {margin: -6px 0px 0 1px;}
    .responsive-ins-policy-text span {font-size: x-small;}
    .responsive-ins-submit-button-wrapper {margin-top: -5px;  height: min-content;  font-weight: bold;}
    .responsive-ins-submit-button {height: 42px;background-color: rgb(14, 60, 169) !important;border: none;width: max-content;margin: 5% 0 0 0;padding: revert;font-size: medium;}
    .products-grid .product-loop:nth-child(3n+1) {clear: none;}
    .products-grid .product-loop:nth-child(2n+1) {clear: both;}
    .col-sm-4 {width: 50%;}
    .cart-sticky {
        width: 100%;
    }
}
@media screen and (max-width: 480px) {
	.popular-pack {padding: 40px 0;}
	.pack-title .pack-title-left h1 {font-size: 28px;}
	.popular-pack .popular-title {
		font-size: 21px;
		letter-spacing: 3px;
		margin-left: 14px;
	}
	.pack-product-item .flex-box {margin: 14px 14px 7px;}
	.pack-list-box {padding: 40px 0 50px;}
	.pack-product-item .pack-info {padding: 0 10px;}
	.pack-product-item .pack-info h3 {font-size: 16px;}
	.pack-product-item .pack-info span {
		padding: 3px 10px;
		font-size: 12px;
	}
	.cart-sticky {
        width: 100%;
	}
	.address_title_header {
		padding-left: 15px;
		padding-right: 15px;
	}
	.address_list{
        padding-left: 15px;
		padding-right: 15px;
    }
}
@media screen and (max-width: 444px) {
    .products-grid .product-loop:nth-child(2n+1) {clear: both;}
	.col-sm-4 {width: 50%;}
	.cart-sticky {
        width: 100%;
		}
	#address-map-id {
		width: 100% !important;
		padding-top: 12px;
	}

	#customer_sidebar p b span {
    width: 33%;
	}
}
@media screen and (max-width: 320px) {
	#customer_sidebar p b span {
    width: 40%;
	}
	/* .product-loop > .col-md-6, .col-sm-4, .col-sm-20{
		padding-left: 4px !important;
    padding-right: 4px !important;
	} */
}

@media screen and (max-width: 450px) {
    .btn-link.cart-continue-btn {
        width: 100%;
    }

    .btn-link.cart-checkout a {
        width: 100%;
    }
    .check-shop-cart {
        height: 125px;
    }
    .cart-add-center a{
        width: 92%;
    }

    .shop-cart-view .check-shop-cart .cart-checkout a{
        margin-bottom: 10px;
    }
}

#continue-buy-btn {
    line-height: 38px;
    color: #333d44;
    background: white;
    border: 2px solid #333d44;
}

@media screen and (min-width: 767px) {
    /* #continue-buy-btn {
        display: none;
    }
    .watch-cart-center {
        display: none;
    } */
}

@media screen and (max-width: 280px) {
	#customer_sidebar p b span {
    width: 50%;
	}
	.dokerv-rev-widg {
		padding: 24px 12px;
	}
	.dokerv-histogram {
		padding: 4px 0;
	}
	.dokerv-histogram__bar {
		width: 84px;
	}
}
@media screen and (max-width: 395px) {
	.product-loop .price-box p {
		display: inline-block;
		margin: 0 5px 0 0;
		font-size: 11px;
		line-height: 1.5;
		color: rgb(51 61 68);
	}
	#like .container {
		padding-right: 0px;
		padding-left: 0px;
	}
}

@media screen and (max-width: 426px) {
	#customer_sidebar {
		padding-right: 15px;
        padding-left: 15px;
        margin-top: 12px;
	}
}

@media screen and (max-width: 333px) {
	.dokerv-histogram{
        padding: 0px;
        overflow: hidden;
        z-index: 0;
    }
}
.demo {
	text-align: center;
    background: #ef2f29;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    padding: 12px 0;
    position: absolute;
    width: 100%;
    z-index: -100;
    opacity: 0.8;
}
/* end collection pack */

/*discount product screen*/
.table_discount{
	margin:10px 0px 10px 0px;
	width: 90%;
}

.tab_1{
	display:flex;
	background-color:#333d44;
	position:relative;
	padding: 5px;
}

.tab_1:before{
	content: "";
	width: 15px;
	height: 15px;
	background-color: white;
	position: absolute;
	top: 50%;
	transform:translateY(-50%);
	left: -11px;
	border-radius: 50%;
}

.tab_1:after{
	content: "";
	width: 15px;
	height: 15px;
	background-color: white;
	position: absolute;
	top: 50%;
	transform:translateY(-50%);
	right: -11px;
	border-radius: 50%;
}

.tab_1 span:first-child{
	text-align: center;
	padding :5px 10px;
	width:50%;
	color:white;
	font-size: 15px;
	border-right: 2px dashed white;
}

.tab_1 span:first-child b{
	font-weight: 500;
}

.tab_1 span:last-child{
	text-align: center;
	padding :5px 10px;
	width:50%;
	color:white;
	font-size: 15px;
}
.tab_1 span:last-child b{
	font-weight: 500;
}


.tab_2{
	display:none;
	padding:5px 20px;
	border: 1px solid #333d44 !important;
}

.tab_2_left	{
	width:75%;
	font-size: 13px;
}
.tab_2_right{
	width:25%;
}

.col_price{
	color:#333d44;
	font-weight:bold;
}

.take_code{
    margin-bottom: 10px;
	border-radius: 20px;
	border: 1px solid #333d44;
	width: 90px;
	height: 30px;
	background-color: white;
	color: #333d44;
	font-weight: bold;
	font-size: 15px;
	display: block;
	text-align: center;
	line-height: 30px;
	cursor:pointer;
}
.take_code:hover{
	box-shadow: 0px 3px 10px;
}
i.icon_tab_1{
	position: absolute;
	color:white;
	top:0;
	bottom:0;
	margin:auto;
	right:10px;
	width:10px;
	height:12px;
	cursor:pointer;
}

.icon_tran{
	transition: all 0.5s linear;
	transform: rotate(90deg);
}
.icon_tran_reverse {
	transition: all 0.5s linear;
}

.tab_2.active{
	display:flex !important;
	align-items:center;
	justify-content:center;
	flex-wrap:wrap;
}

@media(max-width:767px){
	.table_discount {
		width: 100%;
	}
	.take_code {
		width: 80px;
	}
	.popup-xx {
		width: 100% !important;
	}
}

.che {
	position: fixed;
	background-color: rgba(0,0,0,0.7);
	z-index: 998;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display:none;
}
.popup-xx {
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 9999;
	transform: translate(-50%, -50%);
	width: 40%;
	height: auto;
	background: #333d44;
	border: 1px solid #333d44;
	padding: 20px;
	border-radius: 40px;
	box-shadow: 10px 0px 20px #333d44;
}
.popup-xx span {
	color: #fff;
	font-weight:bold;
	z-index: 9999;
	font-size: 22px;
	text-align: center;
	display: block;
	font-style: italic;
}

/* combo mother day */
/* .mother-banner {
    position: relative;
    margin: -16px 0 0 0;
    height: 300px;
    overflow: hidden;
}
.mother-banner img {
    position: absolute;
    z-index: -1;
    top: 50%;
    transform: translateY(-50%);
} */
.mother-banner .mobile {
    display: none;
}
.mother-banner .mother-container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: #333d44;
    text-transform: uppercase;
    text-shadow: 0 0 10px #fff;
}
.mother-banner .mother-container i {
    font-size: 28px;
    margin-bottom: 10px;
}
.mother-banner .mother-container h1 {
    font-size: 40px;
    color: #333d44;
    letter-spacing: 0.5px;
    font-weight: bold;
    line-height: 1.2;
}
.mother-banner .mother-container p {
    font-size: 24px;
    line-height: 30px;
    margin: 5px 0 0;
}
/* .mother-block {
    margin-bottom: 30px;
} */
.mother-block:last-child, .mother-block.active {
    margin-bottom: 100px;
}
.mother-block:last-child .index-container, .mother-block.active .index-container {
    border-bottom: 0;
}
.mother-block .index-container {
    padding: 30px 0;
}
.mother-block .mother-block-subtitle {
    font-style: italic;
    font-weight: bold;
    margin: 0 0 14px;
}
.mother-block .mother-link {
    margin: 0;
}
.mother-link-parent,
.parent-tabs {
    display: grid;
    grid-auto-flow: column;
    /* grid-template-columns: repeat(2, 1fr); */
    margin-bottom: 20px;
}
.mother-link-parent li,
.parent-tabs li
{
    display: inline-block;
}
.mother-link-parent li.active,
.parent-tabs li.active
{
    border-bottom: 2px solid #d91560;
}
.mother-link-parent li.active a,
.parent-tabs li.active a
{
    color: #d91560;
}
.mother-link-parent li,
.parent-tabs li
{
    border-bottom: 2px solid #c7b07e;
    padding: 10px 10px;
    text-transform: uppercase;
    display: inline-block;
    transition: 0.3s;
    font-size: 15px;
    font-weight: bold;
}
.mother-link-parent li:hover {
    color: #fff;
}
.mother-block .mother-link li {
    display: inline-block;
}
.mother-block .mother-link li.active a, li.active .subtab-item {
    background: #333d44;
    color: #fff;
}
.mother-block .mother-link li a, .subtab-item {
    color: #333d44;
    padding: 7px 10px;
    border: 3px solid #333d44;
    text-transform: uppercase;
    display: inline-block;
    transition: 0.3s;
    margin: 5px;
    box-shadow: 0 6px 20px -12px rgba(0, 0, 0, .89);
    border-radius: 3px;
    font-size: 15px;
    font-weight: bold;
}
.mother-block .mother-link li a:hover {
    background: #333d44;
    color: #fff;
}
.mother-block .mother-title {
    text-align: center;
    color: #212529;
}
.mother-block .mother-title span {
    font-style: italic;
}
.mother-block .mother-title h2 {
    font-size: 34px;
    text-transform: uppercase;
    color: #c99690;
    margin: 0 0 14px;
    font-weight: 700;
}
.mother-block .mother-title .desc {
    max-width: 500px;
    margin: 0 auto 28px;
    font-size: 17px;
    line-height: 25px;
}
.mother-banner .image-mobile {
    display: none;
}
.combo-name-collection-mobile {
    display: none;
}
.combo-image-collection-mobile {
    display: none;
}
.mother-block .products-grid {
    margin: 0;
    padding: 14px 0;
}
/* @media screen and (min-width: 1200px) {
    .mother-block .products-grid .product-loop:nth-child(5n+1) {
        clear: none;
   }
}
@media screen and (min-width: 992px) {
    .mother-block .products-grid .product-loop:nth-child(5n+1) {
        clear: both;
   }
} */
@media screen and (max-width: 767px) {
    .mother-banner .image-mobile {
        display: block;
    }
    .mother-banner .image-desktop {
        display: none;
    }
    .combo-image-collection-mobile{
        display: block;
    }
    .combo-image-collection {
        display: none;
    }
    .combo-name-collection-mobile {
        display: block;
    }
    .combo-name-collection {
        display: none;
    }
    /* .mother-banner {
        height: 200px;
   } */
   .mother-banner .desktop {
    display: none;
  }
   .mother-banner .mobile {
    display: block;
   }
    .mother-banner img {
        top: 0;
        transform: none;
        height: 100%;
        width: 100%;
        object-fit: cover;
   }
    .mother-banner .mother-container {
        width: 95%;
   }
    .mother-banner .mother-container i {
        font-size: 20px;
   }
    .mother-banner .mother-container h1 {
        font-size: 28px;
   }
    .mother-banner .mother-container p {
        font-size: 20px;
        margin: 0;
   }
    .mother-block {
        margin-bottom: 20px;
   }
    .mother-block .index-container {
        padding: 20px 0;
   }
    .mother-block .mother-title h2 {
        font-size: 24px;
   }
   .product-info-desktop {
    display: none;
    }
}

/** Special pages**/
.index-big-banner-content .index-banner {
    text-align: center;
    max-width: 85%;
    margin: auto;
    margin-bottom: 60px;
}

.index-big-banner-content .index-banner .index-banner-img-mb {
    display: none;
}

@media screen and (max-width: 480px) {
    .index-big-banner-content .index-banner {
        max-width: 100%;
      }
    .index-big-banner-content .index-banner .index-banner-img-mb {
        display: block;
    }
    .index-big-banner-content .index-banner .index-banner-img {
      display: none;
    }
}

.line-through-text {
    text-decoration-line: line-through;
}

.product-info .compare-at-price-text ,
.cart-add-info .info .price-before-discount {
    padding-right: 10px;
}

.wrapper-3d-store {
    padding: 15px 0;
}

.wrapper-3d-store .title-3d-store {
    text-align: center; 
    font-weight: bold;
}
  
.wrapper-3d-store .content-3d-page {
    padding-top: 15px;
    text-align: justify;
}

.wrapper-3d-store .content-3d-page .matterport-frame {
    padding: 10px 0;
    height: 75vh;
}

@media screen and (max-width:1024px) {
    .wrapper-3d-store {
        padding: 15px 15px;
    }
}

#header-nav>li>a.special-menu-style {
    color: #A73340;
}

.media-item-vertical {
    display: flex;
    flex-direction: column-reverse;
}

.media-horizontal {
    display: flex;
    justify-content: space-evenly;
    width: 655px;
}

.sub-menu-grid {
    display: grid; 
    grid-template-columns: auto auto auto;  
    grid-gap: 2px 60px;
}

.packs-list .benefit-item:not(:last-child) {
    border-right: 3px solid #ecedef;
}

.subtab-description {
    padding-top: 60px;
}

.tabs .subtabs {
    display: flex;
    justify-content: center;
}

.hide {
    display: none;
}

.products .border-none {
    border: none !important;
}

.page-store-note {
    font-weight: 700; 
    margin-top: 20px
}

.page-store-note a {
    font-weight: 500;
}

.product-info-desktop {
    margin-bottom: 20px;
}

.promotion-box {
    margin: 10px 0;
    padding: 5px 20px;
    border: 1px solid #333d44;
    display: flex;
    flex-direction: column;
}
  
.promotion-box .promotion-title {
    margin-top: 10px; 
    font-weight: 700; 
    color:#eb0d8a; 
    font-size: 15px;
    display: flex;
    justify-content: center;
}
  
.promotion-box .promotion-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
  
.promotion-box .promotion-content {
    padding: 0 !important;
}