@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../../fonts/Roboto.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(../../fonts/Roboto-Bold.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1; }
.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: box;
}
.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none; }
.owl-carousel .owl-item img {
    display: block;
    width: 100%;
    -webkit-transform-style: preserve-3d; }
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
    display: none; }
.owl-carousel .owl-dots {
    position: absolute;
    bottom: 3px;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 9;
}
.owl-carousel .owl-dots .owl-dot {
    display: inline-block;
    margin: 0 3px;
    vertical-align: middle;
}
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
.owl-carousel.owl-loaded {
    display: block; }
.owl-carousel.owl-loading {
    opacity: 0;
    display: block; }
.owl-carousel.owl-hidden {
    opacity: 0; }
.owl-carousel.owl-refresh .owl-item {
    display: none; }
.owl-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab; }
.owl-carousel.owl-rtl {
    direction: rtl; }
.owl-carousel.owl-rtl .owl-item {
    float: right; }

/* No Js */
.no-js .owl-carousel {
    display: block; }

.owl-carousel .animated {
    animation-duration: 100ms;
    animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
    z-index: 0; }

.owl-carousel .owl-animated-out {
    z-index: 1; }

.owl-carousel .fadeOut {
    animation-name: fadeOut; }

@keyframes fadeOut {
    0% {
        opacity: 1; }
    100% {
        opacity: 0; } }
@keyframes fadeIn {
    0% {
        opacity: 0; }
    100% {
        opacity: 1; } }

html {
    font-family: 'Roboto', sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
body {
    line-height: 1.42857143;
    margin: auto;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color: #1E1D1D;
    background-color: #F3F3F7;
    overflow-x: hidden;
    position: relative;
    moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 13px;
}
a {
    color: #1E1D1D;
    text-decoration: none;
}
button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font: inherit;
    color: inherit;
}
img {
    vertical-align: middle;
}
button {
    overflow: visible;
}
button,
select {
    text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    padding: 0;
    border: 0;
}
input[type="checkbox"],
input[type="radio"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}
textarea {
    overflow: auto;
}
table {
    border-spacing: 0;
    border-collapse: collapse;
}
td,
th {
    padding: 0;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
a:hover{
    outline: none;
    text-decoration: none;
}
img {
    max-width: 100%;
}
ul,
ol {
    margin: 0;
    padding: 0;
}
ul li,
ol li {
    list-style: none;
}
*:focus {
    outline: none;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-weight: 500;
    line-height: 1.1;
}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
    margin-top: 5px;
    margin-bottom: 5px;
}
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    margin-top: 10px;
    margin-bottom: 10px;
}

p {
    margin: 0 0 10px;
}
ul ul,
ol ul,
ul ol,
ol ol {
    margin-bottom: 0;
}
.container {
    padding-right: 8px;
    padding-left: 8px;
    margin-right: auto;
    margin-left: auto;
}
.container:before,
.container:after,
.row:before,
.row:after,
.modal-header:before,
.modal-header:after {
    display: table;
    content: " ";
}
.container:after,
.row:after,
.modal-header:after {
    clear: both;
}
.row {
    margin-right: -12px;
    margin-left: -12px;
}
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-9
 {
    position: relative;
    min-height: 1px;
    padding-right: 12px;
    padding-left: 12px;
    float: left;
}
.col-md-8 {
    width: 66.66666667%;
}
    .col-md-7 {
        width: 58.33333333%;
    }
    .col-md-6 {
        width: 50%;
    }
    .col-md-5 {
        width: 41.66666667%;
    }
    .col-md-4 {
        width: 33.33333333%;
    }
.col-md-3 {
    width: 25%;
}
.col-md-9 {
    width: 75%;
}
    .col-md-pull-5 {
        right: 41.66666667%;
    }
    .col-md-push-7 {
        left: 58.33333333%;
    }
    .col-md-offset-2 {
        margin-left: 16.66666667%;
    }

table {
    background-color: transparent;
}
th {
    text-align: left;
}
.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 10px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
}
.table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd;
}
label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
}
input[type="radio"],
input[type="checkbox"] {
    margin: 4px 0 0;
    margin-top: 1px \9;
    line-height: normal;
}
.form-control {
    display: block;
    width: 100%;
    height: 40px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
}
.form-control::-moz-placeholder {
    color: #8D8D8D;
    opacity: 1;
    font-weight: normal;
    letter-spacing: normal;
    text-align: left;
}
.form-control:-ms-input-placeholder {
    color: #8D8D8D;
    font-weight: normal;
    letter-spacing: normal;
    text-align: left;
}
.form-control::-webkit-input-placeholder {
    color: #8D8D8D;
    font-weight: normal;
    letter-spacing: normal;
    text-align: left;
}
.form-control::-ms-expand {
    background-color: transparent;
    border: 0;
    text-align: left;
}
textarea.form-control {
    height: auto;
}
.form-group {
    margin-bottom: 15px;
}

.form-group .form-control:invalid,
.form-group .form-control option[value=""] {
    color: #999999;
    font-weight: 100;
    font-style: italic;
}
.form-group textarea {
    padding-bottom: 0;
    height: 60px;
    display: block;
    overflow: hidden;
}
.form-group label {
    margin-top: 10px;
}
.fade.in {
    opacity: 1;
}
.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2147483646;
    background-color: #000;
}
.modal-backdrop.fade {
    filter: alpha(opacity=0);
    opacity: 0;
}
.modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: 0.2;
}
.modal-backdrop.in.majax{
    opacity: 0.1;
}
.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2147483665;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}
.modal-body {
    position: relative;
    padding: 15px;
}
.modal.fade .modal-dialog {
    -webkit-transition: -webkit-transform 0.2s ease-out;
    -o-transition: -o-transform 0.2s ease-out;
    transition: transform 0.2s ease-out;
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    transform: translate(0, -25%);
}
.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}
.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}
.modal-dialog {
    position: relative;
    width: auto;
    max-width: 600px;
}
.modal-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 2px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
}
.modal-header .modal-title{
    margin:15px 15px 5px;
    font-size: 15px;
    border-left: 3px solid #FF4000;
    font-weight: bold;
    padding-left: 5px;
}
.modal-header .close{
    position: absolute;
    right:8px;
    top:8px;
}
.modal-content .text-notice{
    margin-bottom: 20px;
}
.b-action .button{
    display: inline-block;
    width: auto;
    height: auto;
    padding:1px 8px;
    margin-right: 5px;
    min-width: 100px;
    font-size:14px;
}
.fade {
    opacity: 0;
    -webkit-transition: opacity 0.15s linear;
    -o-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear;
}

.modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    }
    .modal-sm {
        width: 340px;
    }


.container {
        width: 1240px;
}

[class^="iconof-"] {
    background-size: 100%;
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
}
.wrapper {
    overflow: hidden;
}
.section{
    background-color: #fff;
    margin-bottom: 15px;
    border-radius: 12px;
}
.bar-top{
    border-bottom:1px solid #ECECEC;
    background-color: #fff;
    padding:8.5px 0px;
}
.navbar{
    display: flex;
    align-items: center;
}
.navbar__spacer{
    flex: 1
}
.bar-left a{
    color:#FF4000;
    display: inline-block;
    margin:0 8px 0 3px;
}
.bar-left .time{
    color: #8D8D8D;
}
.bar-left .iconof-phone{
    background-image: url('../images/phone.png');
    width: 18px;
    height: 18px;
    margin-right: 3px;
    margin-top:-5px;
}
.bar-right a{
    display: inline-block;
    margin-left: 25px;
}
.iconof-notice{
    background-image: url('../images/notice.png');
    width: 20px;
    height: 20px;
    margin-right: 5px;
}
.iconof-help{
    background-image: url('../images/help.png');
    width: 20px;
    height: 20px;
    margin-right: 5px;
}
.iconof-save{
    background-image: url('../images/save.png');
    width: 20px;
    height: 20px;
    margin-right: 5px;
}
.header{
    margin-bottom: 23px;
}
.header-content {
    background-color: #fff;
    padding:10px 0;
}
.header-top .event-menu{
    cursor: pointer;
    display: inline-block;
}
.event-menu{
    margin-left: 40px;
}
.event-menu .menu-icon {
    cursor: pointer;
    background-color: #F3F3F7;
    padding:8px;
    border-radius: 4px;
}
.no-back .event-menu{
    opacity: 0;
    visibility: hidden;
}
.sub-child li > a{
    position: relative;
    padding-left:10px;
}
.header-top{
    display: -webkit-flex;
    display: flex;
    flex: 1 1 0;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    align-items: center;
    position: relative;

}
.header-top .logo img{
    max-height: 38px;
}
.search-suggest{
    margin-left: 10px;
    font-size: 11px;
    margin-top:10px;
    line-height: 14px;
}
.search-suggest a{
    border-right: 1px solid #ECECEC;
    display: inline-block;
    padding:0 10px;
}
.search-suggest a:last-child{
    border-right: none;
}
.box-search {
    position: relative;
    vertical-align: middle;
    padding-top: 2px;
    width: 624px;
    margin-left: 72px;
}
.box-search .btn-search {
    border-radius: 18px;
    width: 80px;
    line-height: 32px;
    background-color: #ff4000;
    color: #fff;
    font-weight: bold;
    border: none;
    position: absolute;
    right: 4px;
    height:34px;
}
.box-search .input-box{
    border:2px solid #ff4000;
    border-radius: 20px;
    padding:2px;
}
.box-search .input-text {
    border: 0;
    height: 34px;
    width: 100%;
    padding: 0 15px;
    border-radius: 20px;
}
.box-search .iconof-search {
    background-image: url('../images/search.png');
    background-position: center;
    background-size: 16px;
    width: 16px;
    height: 16px;
    margin-right: 8px;
}
.segment-right .seg {
    display: inline-block;
    margin-left: 50px;
}
.segment-right .cart{
    position: relative;
    height: 40px;
}
.user .iconof-user{
    background-image: url(../images/user.png);
    width: 28px;
    height: 28px;
}
.cart .iconof-cart{
    background-image: url(../images/cart.png);
    width: 28px;
    height: 28px;
}
.title-icon-top{
    margin-left: 5px;
    display: inline-block;
    vertical-align:middle;
}
.cart .count-cart{
    width: 26px;
    height: 18px;
    border-radius: 50px;
    background-color: #ff4000;
    z-index: 9;
    position: absolute;
    left: 15px;
    text-align: center;
    top: 3px;
    color:#fff;
    line-height: 18px;
}
.main {
    position: relative;
}
.icon-menu-item img{
    width: 22px;
    margin-right: 10px;
    image-rendering: -webkit-optimize-contrast;
}
.slider {
    width: 912px;
    margin-bottom: 40px;
    float: right;
}
.slider .item {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
}
.slider .owl-carousel .owl-nav span {
    border-color: #fff;
}
.slider .owl-carousel .owl-dots .owl-dot span {
    height: 13px;
    width: 13px;
    border: 1px solid #fff;
    border-radius: 100%;
    display: block;
}
.slider .owl-carousel .owl-dots .owl-dot.active span {
    background-color: #fff;
    width: 18px;
    height: 18px;
}
.banner-small{
    margin-top:25px;
}
.banner-small .photo{
    border-radius: 12px;
    overflow: hidden;
}
.trend-item__suggest{
    padding: 24px;
    margin-bottom: 40px;
}
.trend-title{
    margin-bottom: 12px;
}
.trend-title span.title{
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
}
.flash-sale span.title{
    color:#FF4000;
}
.count-down{
    float: right;
    display: flex;
    align-items: center;
}
.clock{
    margin-left: 13px;
}
.clock span{
    display: inline-block;
    background-color: #343232;
    width: 28px;
    height:28px;
    border-radius: 2px;
    color:#fff;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    line-height: 28px;
    margin-left: 3px;
}
.trend-content{
    clear: both;
}
.trend-content ul{
    display: flex;
    flex-flow:wrap;
}
.trend-content li{
    width: 130px;
}
.trend-content li:not(:last-child){
    margin-right: 10px;
}
.trend-content .photo{
    border-radius: 6px;
    overflow: hidden;
    margin-bottom: 10px;
}
.trend-content .price{
    font-size: 15px;
    color: #FF4000;
    font-weight: bold;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.trend-content .view-more{
    background-color: #F3F3F7;
    height:130px;
    display: flex;
    align-items: center;
    justify-content:center;
    text-align: center;
    border-radius: 6px;
}
.trend-content .view-more a{
    color: #8D8D8D;
}
.trend-content .view-more strong{
    font-size: 28px;
    font-weight: bold;
}
.block-product__home{
    padding-top:40px;
    margin-bottom: 24px;
}
.block-product__home .title{
    text-align: center;
    text-transform: uppercase;
    font-size: 24px;
    font-weight: bold;
}
.block-bn .photo{
    overflow: hidden;
    border-radius: 12px;
    margin-bottom: 36px;
}
.slider-product{
    margin-left: -8px;
    margin-right: -8px;
}
.slider-product .item{
    padding-left: 8px;
    padding-right: 8px;
}
.slider-product.owl-carousel .owl-nav .owl-prev{
    left:8px;
}
.slider-product.owl-carousel .owl-nav .owl-next{
    right:8px;
}
.product-grid{
    position: relative;
    padding:20px;
}
.product-grid > .product-wrap {
    display: flex;
    display: -webkit-flex;
    -webkit-flex-flow: wrap;
    flex-flow: wrap;
    margin-left: -8px;
    margin-right: -8px;
}
.product-grid .view-more{
    text-align: center;
}
.product-grid .view-more a{
    border: 1px solid #FF4000;
    border-radius: 22px;
    min-width: 290px;
    text-align: center;
    font-weight: bold;
    font-size: 15px;
    color:#FF4000;
    display: inline-block;
    padding: 10px 0;
}
.product-grid > .row {
    display: flex;
    display: -webkit-flex;
    -webkit-flex-flow: wrap;
    flex-flow: wrap;
    margin-left: -8px;
    margin-right: -8px;
}
.product-grid .col-md-3{
    padding-left: 8px;
    padding-right: 8px;
}
.product-grid .photo{
    border-radius: 20px;
    overflow: hidden;
}
.product-grid .item{
    margin-bottom: 30px;
}
.product-grid .product-wrap .item{
    max-width: 20%;
    padding-left: 8px;
    padding-right: 8px;
}
.product-grid h3.product-name {
    margin: 15px 0 10px;
    line-height:17px;
    font-size: 13px;
    overflow: hidden;
    font-weight: normal;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}
.product-grid .regular-price {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #FF4000;
    font-size: 15px;
}
.product-grid .old-price {
    text-decoration: line-through;
    color: #8D8D8D
}
.product-grid .info-other{
    display: flex;
    margin-top: 10px;
}
.info-other .c-rate{
    margin-right: 10px;
}
.info-other .c-rate:after{
    content: '';
    height: 12px;
    width: 1px;
    background-color: #ECECEC;
    display: block;
    margin-left: 10px;
}
.c-rate{
    display: flex;
    align-items: center;
}
.c-rate .stars{
    margin-right: 2px;
}
.c-rate span{
    display: inline-block;
    margin-left: 3px;
}
.iconof-star{
    background-image: url("../images/star.png");
    width: 12px;
    height:12px;
    margin-right: 2px;
}
.container-checkout {
    max-width: 600px;
    background-color: #fff;
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
    margin:0 auto 30px;
    border-radius: 12px;
}
.container-checkout .page-title{
    padding-left: 12px;
    padding-right: 12px;
}
.container-checkout .page-title .back {
   display: inline-block;
    font-size: 14px;
}
.page-title .backto{
    border-width: 2px;
    border-color: #ccc;
    width: 10px;
    height: 10px;
}
.container-checkout .page-title h1 {
   float: right;
    font-size: 14px;
    margin-top:10px;
}
.icheckout.items{
    padding-bottom: 15px;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    position: relative;
}
.icheckout label {
    display: block;
}
.container-checkout .form-group:after {
    content: '';
    display: table;
    clear: both;
}
.container-checkout .row{
    margin-left: -8px;
    margin-right: -8px;
}
.container-checkout .col-md-12{
    padding-left: 8px;
    padding-right: 8px;
}
.container-checkout .icheckout .note{
    text-align: center;
    margin:10px 0 0;
}
.box-cart {
    padding-top: 10px;
}
.box-cart .item {
    margin-bottom: 10px;
    border-bottom: 1px solid #f0f0f0;
    padding:10px 12px 0;
}
.box-cart .item:after {
    content: '';
    display: table;
    clear: both;
}
.box-cart .photo {
    max-width: 75px;
    float: left;
    margin-right: 10px;
}
.box-cart .photo img{
    height: 75px;
    width: 75px;
}
.box-cart .detail .product-name {
    margin-top: 0;
    margin-bottom: 15px;
    justify-content: space-between;
    font-weight: 400;
    display: flex;
}
.box-cart .product-name a.name{
    width:70%;
    display: -webkit-box;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.box-cart span.price{
    color:#FF4000
}
.detail .item-options {
    margin-bottom: 20px;
    justify-content: space-between;
    display: flex;
}
.item-options .item-select .item-input{
    color:rgba(0,0,0,.54);
    border-color: transparent;
}
.item-options .item-select .item-input span:after{
    border-top-color: rgba(0,0,0,.54);
}
.item-options .item-list{
    width: 390px;
}
.item-options .item-list .scroll{
    padding:15px 20px 0;
    max-height: 100%;
}
.item-options .item-list .button{
    height:34px;
    width:100px;
    line-height: 34px;
}
.item-options .btn-action{
    justify-content: flex-end;
    display: flex;
}
.select-type .item-select{
    display: inline-block;
}
.select-type .item-select .item-input{
    border-color: transparent;
}
.box-cart .iconof-cartdel:before {
    content: 'X';
    width: 14px;
    height: 14px;
    background-color: #ccc;
    border-radius: 100%;
    display: inline-block;
    color: #fff;
    text-align: center;
    font-size: 10px;
    font-weight: bold;
    line-height: 15px;
    margin-right: 4px;
}
.box-cart .iconof-cartdel{
    color:#999;
    font-size:12px;
    text-align: center;
    margin:12px 0 8px;
    display: block;
    cursor: pointer;
}
.box-billing {
    padding: 20px 12px;
}
.box-billing .form-control{
    height: 40px;
    border-radius: 4px;
}
.box-billing .box-grey{
    background-color: #f6f6f6;
    border-radius: 3px;
    border:1px solid #eee;
    margin:0 8px 15px;
    padding-top:15px;
}
.box-billing .box-grey:after{
    display: table;
    content: '';
    clear: both;
}
.box-billing .acc-address{
    margin:0 8px;
}
.box-billing .onestepcheckout-btn-checkout{
    margin-top:15px;
}
.icheckout .radio{
    margin-bottom: 8px;
}
.item-select{
    position: relative;
}
.item-select .item-input{
    position: relative;
    cursor: pointer;
    border: 1px solid #d9d9d9;
    background-color: #fff;
    border-radius: 3px;
}
.item-select .item-input span:after{
    content: '';
    width: 0;
    border-top: 5px solid #231f20;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
}

.item-select.active .item-input span:after{
    border-bottom: 5px solid #8D8D8D;
    border-top: 0;
}
.item-select .item-input.blue span:after{
    border-top-color: #8D8D8D;
}

.item-select.active .item-input.blue span:after{
    border-bottom-color: #8D8D8D;
}
.item-select.active .item-input:before, .item-select.active .item-input:after{
    content: '';
    position: absolute;
    bottom: -9px;
    left: calc(50% - 8px);
    width: 0;
    height: 0;
    border-bottom: 8px solid #D8D8D8;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    z-index: 16;
}
.item-select.active .item-input:after{
    border-width: 7px;
    margin-left: 1px;
    border-bottom-color: #fff;
}
.item-select .item-list{
    overflow: visible;
    position: absolute;
    z-index: 15;
    left: 0;
    top:calc(100% + 7px);
    background: #fff;
    border: 1px solid rgba(0,0,0,.09);
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding-top:5px;
    min-width:155px;
    box-shadow: 0 5px 10px 0 rgb(0 0 0 / 9%);
    display: none;
}
.item-select.active .item-list{
    display: block;
}
.area-address .item-select .item-list{
    width: 100%;
    padding-top:0;
    border-radius: 3px;
    overflow: hidden;
}
.area-address .scroll li.elm{
    min-height: 50px;
    padding: 8px 10px 6px;
}
.area-address .item-select .item-input{
    padding: 10px 10px 8px;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.area-address .item-select .item-input span:after{
    right: 0;
    position: absolute;
    margin: 7px 5px 0 0;
}
.box-billing .item-select .item-list.list-district{
    right:0;
    left:auto;
}
.modal-over .modal-dialog{
    max-width: 600px;
    margin-top:6%;
}
.modal-login .modal-dialog{
    margin-top:10%;
    max-width: 430px;
}
.modal-login .forgot-password{
    display: inline-block;
    margin-top:5px;
}
.modal-login .btn-checkout{
    width:110px;
    float:right;
    height:34px;
}
#qty-max .txt-max{
    margin:20px 0 50px;
}
.add-info.box-grey{
    padding:10px;
    border-color: #D9D9D9;
    position: relative;
    margin-top:5px;
}
.add-info.bank{
    font-size: 13px;
    line-height: 22px;
    color: #484848;
}
.add-info:before{
    content: "";
    width: 8px;
    height: 8px;
    border-top: 1px solid #D9D9D9;
    border-left: 1px solid #D9D9D9;
    background: #f6f6f6;
    transform: rotate(45deg);
    position: absolute;
    top: -5px;
    left: 50px
}
.option-add .form-group{
    margin-bottom: 5px;
}
.acc-address{
    min-height: 100px;
    position: relative;
}
.address-list{
    margin:10px 0 15px;
    border: 1px dashed #FF4000;
    padding:8px 10px 5px;
}
.address-list.active{
    border:1px solid #FF4000;
    position: relative;
}
.address-list.active:after {
    content: '';
    background-color: #FF4000;
    background-image: url(../images/ad-tick.png);
    background-repeat: no-repeat;
    background-size:70%;
    background-position: center;
    height: 20px;
    width: 22px;
    position: absolute;
    right: 0;
    top: 0;
}
.address-list p{
    margin-bottom: 3px;
}
.address-list .btn-action{
    text-align: right;
}
.address-list .button{
    width:150px;
    text-transform: none;
    height: 34px;
    display: inline-block;
    padding:7px;
}
.address-list .btn-action a:not(:first-child){
    margin-left: 15px;
    font-size: 14px;
    height: auto;
    padding:3px;
}
.address-list .default{
    background-color: #46a2f9;
    color:#fff;
    display: inline-block;
    padding:3px 8px;
    border-radius: 3px;
    font-size: 12px;
}
.acc-address .add-address{
    margin-bottom: 20px;
}
.param_password{
    position: relative;
}
.param_password .icon-password{
    position: absolute;
    right:10px;
    top:14px;
    background-image: url(../images/eye-o.png);
    height: 18px;
    width: 25px;
    background-size:85%;
    background-repeat: no-repeat;
}
.param_password .icon-password.hide{
    background-image: url(../images/eye-s.png);
}
.acc-menu {
    background-color: rgb(245, 245, 245);
    padding:20px 0 10px;
}
.acc-menu li{
    margin: 6px 0;
}
.acc-menu li a{
    padding:12px 0px 8px 20px;
    color:#333;
    display: block;
}
.acc-menu li.active{
    border-left: 5px solid #185abc;
}
.acc-menu li.active, .acc-menu li:hover{
    background-color: #dadce0 !important;
}
.acc-menu li.active a{
    color:#185abc;
}
.information{
    padding:1px 12px;
}
.information .user{
    margin: 15px 0;
}
.information .user .logout{
    float:right;
}
.information h4{
    font-size: 16px;
    margin-bottom: 15px;
}
.information .button{
    width:250px;
    margin:25px auto;
    display: block;
}
.shipping-process{
    margin-bottom: 25px;
}
.shipping-item{
    position: relative;
}
.shipping-item .line{
    width: 1px;
    height: 100%;
    position: absolute;
    top: 12px;
    left: 5px;
    background-color: #d8d8d8;
}
.shipping-item:last-child .line{
    display: none;
}
.shipping-item .info{
    display: flex;
    align-items: flex-start;
    flex-wrap: nowrap;
    color: rgba(0,0,0,.54);
    padding:3px 0 8px;
}
.shipping-item .dot{
    width: 11px;
    height: 11px;
    margin: 4px 8px 0 0;
    flex-shrink: 0;
    z-index: 1;
    border-radius: 50%;
    background: #d8d8d8;
}
.shipping-item:first-child .dot{
    background-color: #0071c4;
}
.shipping-item .date-time{
    width: 120px;
    margin: 0 4px 0 0;
    flex-shrink: 0;
    color: #231f20;
}
.shipping-item:first-child .text{
    color: #0071c4;
}
.container-account{
    max-width:460px;
    margin:60px auto ;
    padding:16px 42px 36px;
}
.container-account .form-group{
    margin-bottom: 20px;
}
.container-account .form-control, .container-account .button{
    height:45px;
    border-radius: 5px;
    border-color:#9da3a6;
}
.container-account .link-account{
    text-align: center;
    margin:15px 0;
}
.container-account .link-account a{
    color:#288ad6;
}
.container-account .or{
    border-top: 1px solid #eaeced;
    margin:28px 0 10px;
    text-align: center;
}
.container-account .or span{
    padding: 0 .5em;
    position: relative;
    color: #6c7378;
    top: -.8em;
    background-color: #fff;
}
.order_list{
    margin-bottom: 50px;
}
.order_row{
    margin-bottom: 10px;
    border:1px solid #eee;
    padding-bottom:10px;
}
.order_row .order-head{
    background-color: #eee;
    padding:5px;
    margin-bottom: 5px;
}
.order_row .order-info{
    padding: 10px 8px;
}
.order-content{
    justify-content: space-between;
    margin-bottom: 10px;
    border-bottom: 1px solid aliceblue;
    padding-bottom: 10px;
}
.order-content .product-item, .order-content{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    word-wrap: break-word;
}
.product-item .image{
    width:80px;
    height:80px;
    margin-right:8px;
}
.order-content .order-price{
    color:#e30521;
    min-width: 70px;
    margin-left: 5px;
}
.order-detail a.pd-name{
    color:#231f20
}
.order-detail p{
    margin-bottom:3px;
}
.order-detail p.type{
    color:rgba(0,0,0,.54)
}
.order_row .order-total{
    text-align: right;
    padding:10px 8px;
}
.order_row .order-total strong{
    color:#185abc;
}
.order_row .order-act{
    text-align: right;
    padding:10px 8px;
}
.order_row .order-act a{
    display: inline-block;
    max-width:140px;
    text-transform: none;
    padding:3px 0;
    font-size: 14px;
    height: auto;
    margin:0;
}
.order_row .order-act a:first-child{
    margin-right:3px;
}
.head_order_view{
    margin-bottom: 10px;
    padding:10px 0;
    border-bottom: 1px dotted rgba(0,0,0,.09);
}
.head_order_view .back{
    display: inline-block;
}
.head_order_view .status{
    float: right;
    text-transform: uppercase;
    color:#e30521;
}
.head_order_view span.backto{
    border-color: rgba(0,0,0,.54);
    border-width: 1px;
}
.head_order_view a{
    color:rgba(0,0,0,.54);
}
.order_detail .tracking{
    border-radius: 3px;
    background-color: rgb(250, 250, 250);
    border:1px solid rgba(0, 0, 0, 0.05);
    padding:6px 10px;
    margin-bottom: 30px;
}
.order-info .order-total{
    text-align: right;
    background-color: rgb(250, 250, 250);
}
.order-info .order-total p{
    border-bottom:1px solid rgba(0, 0, 0, 0.05);
    padding:5px 10px;
}
.order-info .order-total p span{
    display: inline-block;
    min-width:125px;
}
.order-info .order-total p strong{
    color:#e30521;
}
.order-check{
    max-width: 400px;
    margin:0 auto;
    padding-bottom:50px;
}
.payment{
    padding:10px 0 20px;
}
.payment .bank{
    border: 1px solid #288ad6;
    display: inline-block;
    padding: 5px 10px;
    border-radius: 5px;
    line-height: 23px;
}
.searchlocal {
    overflow: hidden;
    border-bottom: 1px solid #f2f4f7;
}
.searchlocal div {
    height: 34px;
    position: relative;
}
.searchlocal input {
    display: inline-block;
    padding: 5px 5px 5px 30px;
    height: 35px;
    width: 100%;
    border: 0;
}
.searchlocal .vanish{
    position: absolute;
    right: 20px;
    top: 10px;
}
.searchlocal .close{
    display: none;
}
.searchlocal .vanish:after,
.searchlocal .vanish:before{
    border-color: #868686;
}
.searchlocal .submit {
    position: absolute;
    top: 0;
    left: 0;
    padding: 8px 15px;
    border: 0;
    height: 32px;
    cursor: pointer;
    background-image: url(../images/search-ct.png);
    background-repeat: no-repeat;
    background-color: transparent;
    background-size: 14px;
    background-position: center;
}
.item-list .scroll {
    width: 100%;
    max-height: 320px;
    overflow-y: auto;
}
.scroll li.elm {
    display: flex;
    align-items: center;
    padding: 5px 10px;
    cursor: pointer;
    border-bottom: 1px solid #f2f4f7;
    flex-wrap: wrap;
}
.scroll li.elm span{
    width: 100%;
}
.scroll li.elm span.old_name{
    display: block;
    color:#9aa2b1;
    padding:2px 0;
}
.scroll li.elm.active{
    background-color: #f2f4f7;
}
.scroll li.elm:hover{
    background-color: #f8fbff;
}
.box-review .totals tr td {
    padding: 8px 12px 0;
}
.box-review .totals tbody tr.fee td {
    padding-bottom: 10px;
}
.box-review .totals tbody tr.fee td.amount {
    color: #9a9a9a;
}
.box-review .totals td.amount {
    text-align: right;
}
.box-review .totals td.amount strong{
    color:#ff4000;
}
.box-review .button {
    height: 40px;
}
.product-view {
    padding:20px 10px 40px;
    overflow: hidden;
}
.product-thumb{
    margin-top:25px;
    overflow-y: hidden;
    overflow-x: auto;
    padding:0 17px;
}
.product-thumb .item{
    border:1px solid transparent;
    cursor: pointer;
    width: 80px;
    display: inline-block;
    margin:0 5.5px;
    position: relative;
    border-radius: 6px;
    overflow: hidden;
}
.product-thumb .item.current{
    border-color:#FF4000;
}
.product-thumb.owl-carousel .owl-nav div::after{
    border-color: #fff;
    height: 15px;
    width: 15px;
    top: 13px;
}
.product-thumb.owl-carousel .owl-nav div{
    width:20px;
    height:40px;
    background-color: rgba(0,0,0,.2);
    top:28%;
}
.thumb-scroller{
    white-space: nowrap;
    overflow: hidden;
    padding-left: 4px;
}
.product-view .product-name h1 {
    font-size: 24px;
    font-weight: bold;
}
.product-view .product-name {
    margin-bottom: 8px;
}
.product-view .prod-sub{
    margin-bottom: 25px;
}
.prod-sub .item{
    display: inline-block;
}
.prod-sub .item:not(:last-child){
    margin-right:15px;
    border-right:1px solid #D9D9D9;
    padding-right:15px;
    line-height: 12px;
}
.prod-sub .item.rate{
    cursor: pointer;
}
.percent-discount{
    width: 40px;
    height: 30px;
    color: #fff;
    text-align: center;
    background-color: #FF4000;
    border-radius: 4px;
    line-height: 30px;
}
.rules .group{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    margin-bottom: 8px;
}
.rules .group:last-child{
    margin-bottom:0;
}
.rules a{
    color:#0090FF;
    text-decoration: underline;
}
.group .txt{
    line-height: 18px;
    margin-left: 12px;
}
.group .iconof-shipping{
    background-image: url("../images/shipping.png");
    width: 24px;
    height:24px;
}
.group .iconof-money{
     background-image: url("../images/money.png");
     width: 24px;
     height:24px;
 }
.group .iconof-warranty{
    background-image: url("../images/warranty.png");
    width: 24px;
    height:24px;
}
.shipping-time{
    padding:10px 15px;
}
.shipping-time h5{
    font-weight: bold;
}
.price-box .price{
    display: flex;
    align-items: center;
    width: 420px;
    justify-content: space-between;
}
.price-box .regular-price {
    font-size: 24px;
    color:#FF4000;
}
.price-box .old-price {
    color: #8D8D8D;
    font-size: 15px;
    text-decoration: line-through;
}
.product-options{
    margin-bottom: 25px;
}
.product-options .swatch-attr{
    margin-bottom: 17px;
}
.product-options .check-size {
    margin-top:5px;
}
.swatch-attr .label{
    margin-bottom: 10px;
}
.label span{
    font-size: 12px;
    color: #8D8D8D;
}
.product-info .box-qty span.label-qty {
    font-weight: 300;
    margin-bottom: 5px;
    display: block;
    line-height: 1;
}
.available{
    margin-left: 15px;
    color:#707070;
}
.product-info .product-action {
    margin-bottom: 20px;
}
.product-action .button {
    width:230px;
    height: 48px;
    margin-right: 7px;
}
.product-action .button.mainbuy{
    font-weight: bold;
}
.product-action .button.add-cart{
    border:1px solid #343232;
    background-color: #fff;
    color:#1E1D1D
}
.product-action .button.disable{
    pointer-events: none;
    opacity: .7;
}
.quick_order{
    background-color: #F3F3F7;
    padding:18px;
    margin-bottom: 20px;
}
.quick-order__wap{
    max-width: 470px;
    margin:0 auto;
}
.hotline{
    text-transform: uppercase;
    font-size: 15px;
    font-weight: bold;
}
.hotline a{
    color:#0090FF;
    margin:0 7px;
}
.hotline span{
    color:#D9D9D9
}
.quick_order_form{
    margin-top:12px;
}
.quick_order_form .field{
    float:left;
    width:82.625%;
    display: flex;
    align-items:center;
}
.quick_order_form span[name=phone_error]{
    margin-left: 43px;
}
.quick_order_form .or{
    margin-right: 12px;
}
.quick_order_form .field-address{
    width:72.625%;
    display: none;
    margin-top: 10px;
    margin-left: 44px;
}
.quick_order_form .field .form-control{
    border-radius: 2px 0 0 2px;
}
.quick_order_form .action{
    float: left;
    width: 17.375%;
}
.quick_order_form .action .button{
    height:40px;
    border-left: 0;
    border-radius: 0;
    color: #fff;
    text-transform: uppercase;
}
.quick_order_form .call-ring{
    margin-top:20px;
}
.sale-online{
    margin-top:15px;
    font-size:13px;
}
.call-ring .phone-call{
    float:left;
    background-image:url(../images/phone-call.png);
    background-size:70%;
    background-repeat: no-repeat;
    width:30px;
    height:24px;
}
.pd-description{
    margin-bottom: 40px;
}
.pd-description h3.title{
    margin-bottom: 25px;
    font-size: 24px;
}
.pd-description h4.title {
    margin-bottom: 15px;
    margin-top: 0;
    font-size: 24px;
    line-height: 32px;
}
.pd-content{
    line-height: 24px;
    overflow: hidden;
    padding: 30px 40px 0;
}
.pd-content .buy-now a{
    margin-top:10px;
    display: inline-block;
    padding: 6px 30px;
    width: auto;
    line-height: 32px;
}
.block4 .buy-now a{
    width: 100%;
}
.parameter{
    margin-bottom: 30px;
    padding-bottom: 20px;
    border-bottom: 1px solid #F3F3F7;
}
.parameter li{
    align-items: center;
    display: flex;
    margin-bottom: 5px;
}
.parameter .lileft{
    margin: 0;
    width:125px;
}
.parameter .liright{
    padding-left: 15px;
    width:calc(100% - 125px);
}
.block1{
    margin-bottom: 70px;
    position: relative;
}
.block1 .b1tx{
    padding-left:5px;
    padding-right:5px;
}
.block1 .item{
    margin-bottom: 30px;
}
.block1 .desc{
    max-width: 600px;
    margin: 0 auto 30px;
    text-align: center;
}
.block2{
    margin-bottom: 20px;
}
.block2 .desc{
    margin-bottom: 40px;
}
.block3{
    background-color: #f9fbfd;
    margin:0 -40px;
    padding:40px;
}
.block3 .desc li{
    margin: 8px 0;
}
.block3 .desc li:before {
    content: '';
    background-image: url(../images/tick.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 12px;
    height: 12px;
    display: inline-block;
    margin-right: 8px;
    vertical-align: middle;
}
.block3 .photo{
    margin-bottom: 30px;
    border-radius: 20px;
    overflow: hidden;
}
.block4{
    margin-top:40px;
}
.block4 .video{
    margin-bottom: 20px;
}
.block4 .video video{
    max-height: 500px;
}
.slide-pd-detail{
    background: url('../images/bg.jpg');
    padding:10px;
    margin-bottom: 40px;
}
.slide-pd-detail .owl-nav{
    position: absolute;
    right: 80px;
    bottom: 80px;
}

.slide-pd-detail .owl-carousel .owl-nav div{
    width: 80px;
    height: 80px;
    background-color: rgba(0,0,0,.6);
    border-radius: 0;
}
.slide-pd-detail .owl-carousel .owl-nav div:after{
    border-color: #dfdfdf;
    width: 30px;
    height: 30px;
    border-width: 2px;
    top:23px;
}.slide-pd-detail .owl-carousel .owl-nav .owl-prev{
     left:-81px;
 }
.slide-pd-detail .owl-carousel .owl-nav .owl-next {
    left:0;
}
.slide-pd-detail .owl-carousel .owl-nav .owl-next:after{
     right: 37px;
 }
.slide-pd-detail .owl-carousel .owl-nav .owl-prev:after{
    left: 30px;
}
.pd-comment{
    padding:40px;
}
.pd-relative h3.title{
    padding-top:40px;
    text-align: center;
    font-size: 24px;
}
.comment-ask{
    line-height: 20px;
}
.img-cmt{
    margin-top: 10px;
}
#review-load{
    position: relative;
}
.review-summary{
    text-align: center;
}
.review-summary .point{
    font-size:16px;
    color: #303030;
}
.review-summary .point strong{
    font-size:32px;
    font-weight: bold;
}
.review-summary .stars .iconof-whitestar{
    width: 16px;
    height:16px;
}
.review-overview .rating-num-total{
    width: 30px;
}
.rating-detail{
    flex-wrap: wrap;
     -webkit-flex-wrap: wrap;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
}
.rating-detail .item a{
    background-color: #F3F3F7;
    width: 100px;
    display: inline-block;
    height: 33px;
    line-height: 33px;
    text-align: center;
    margin:2px;
}
.rating-detail .item a.active{
    background-color: #8D8D8D;
    color:#fff;
}
.customer-write{
text-align: center;
padding-top:10px;
}
.customer-write .button{
width:172px;
border:1px solid #BFBFBF;
background-color: #fff;
display: block;
margin: 0 auto;
height:46px;
text-transform: uppercase;
color:#8D8D8D;
line-height: 46px;
}
.review-create{
padding-top: 20px;
max-width: 600px;
margin: 0 auto;
}
.review-create label{
max-width: 280px;
line-height: 18px;
}
.review-create .textarea, .form-replay .textarea{
border: 1px solid #d9d9d9;
border-radius: 4px;
}
.review-create textarea, .form-replay textarea{
background-color: #fff;
border-radius: 2px 2px 0 0;
border: none;
height: 67px;
padding: 10px;
width: 100%;
}
.review-create .textarea-bottom, .form-replay .textarea-bottom{
border-top: 1px solid #d9d9d9;
padding:5px 10px;
background-color: #fff;
position: relative;
min-height: 40px;
}
.input-row span.spn{
margin-bottom: 15px;
display: block;
}
.textarea-bottom .mintext{
float: right;
font-size: 12px;
}
.form-replay{
margin:15px;
}
.review-create .msg p.notice{
text-align: center;
font-size: 16px;
}
.file_list{
background-color:rgba(0,0,0,.02);
padding:10px;
margin-left: -10px;
margin-right: -10px;
margin-bottom: -5px;
}
.file_list li{
display: inline-block;
margin-right:10px;
text-align: center;
background-color: #fff;
}
.file_list li img{
width: 60px;
height: 60px;
display: block;
border-radius: 5px;
object-fit: cover;
}
.file_list li a.del{
font-size: 13px;
cursor: pointer;
}
.ul-star{
display: inline-block;
vertical-align: top;
}
.ul-star li{
display: inline-block;
width:50px;
vertical-align: top;
text-align: center;
cursor: pointer;
}
.ul-star li p{
font-size: 12px;
line-height: 15px;
margin-top:10px;
margin-bottom:0;
}
.ul-star li p.active-slt{
color:#fe8c23;
font-weight: bold;
}
.cmt-action{
text-align: center;
}
.cmt-action .button{
width: 215px;
background-color: #FF4000;

}
.review-box{
margin-top:50px;
}
.review-list .item{
margin-bottom:10px;
}
.review-list .avatar-letter{
display: inline-block;
background-color: #e3e3e3;
padding:7px 5px;
    text-align: center;
color:#fff;
margin-right: 6px;
    border-radius: 50%;
    height:35px;
    width: 35px;
}
.review-list .iconof-ratestar{
    width:12px;
    height:12px;
}
.review-list .name{
display: inline-block;
vertical-align: top;
}
.review-list .name .stars{
margin-top:-12px;
}
.comment-ask .censor{
font-style: italic;
color:rgb(254, 140, 35);
font-size: 12px;
}
.comment-act .has-replay{
position: relative;
}
.comment-act .has-replay:before{
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-bottom: 14px solid rgba(0,0,0,.03);
bottom: -15px;
content: '';
left: 50%;
position: absolute;
transform: translateX(-50%);
}
.comment-act a{
    color: #0090FF;
}
.comment-act .dot{
width:3px;
height:3px;
border-radius: 50%;
background-color: #666;
vertical-align: middle;
display: inline-block;
margin:0 2px;
}
.comment-act .numlike, .comment-act .time{
font-size:11px;
}
.comment-act .liked{
font-weight: bold;
}
.img-cmt .item{
display: inline-block;
cursor: zoom-in;
cursor: -webkit-zoom-in;
margin-right:8px;
}
.img-cmt .active{
border:2px solid  #0071c4;
padding:2px;
cursor: zoom-out;
cursor: -webkit-zoom-out;
}
.img-cmt img{
max-width: 72px;
max-height: 72px;
}
.img-cmt-slide{
margin-top:10px;
max-width: 400px;
}
.img-cmt-slide .item img{
max-width: 100%;
width:auto;
max-height: 500px;
margin:0 auto;
}
.replies{
background-color: rgba(0,0,0,.03);
margin-left: 38px;
margin-top:8px;
overflow: hidden;
}
.replies .item{
padding: 10px 15px 1px;
}
.replay-action .button{
width:120px;
background-color: rgb(254, 140, 35);
height:34px;
}
.totalcmt-reply{
padding-top: 10px;
border-top: 1px solid #d9d9d9;
font-size: 12px;
margin: 15px 15px 10px;
}
.iconof-camera{
background-image: url(../images/camera.png);
width:20px;
height:16px;
vertical-align: sub;
margin-right: 6px;
}
.iconof-camera-cmt{
background-image: url(../images/camera-cmt.png);
width:27px;
height:20px;
background-size: 100%;
vertical-align: sub;
margin-right: 6px;
}
.iconof-ratestar{
background-image: url(../images/star-yellow.png);
width:16px;
height:16px;
}
.iconof-whitestar{
background-image: url(../images/star-white.png);
width:26px;
height:26px;
}
.top-sale h4.title{
padding:30px 20px 3px;
font-size:24px;
margin:0;
}
.checkout-modal .modal-dialog{
max-width: 510px;
margin:0 auto;
position: fixed;
left: 0;
right: 0;
}
.checkout-modal .modal-content{
padding:25px 12px 10px;
}
.checkout-modal .purchase-act{
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.checkout-modal .tick{
background: rgb(76 175 80) url(../images/b-tick.png) no-repeat center;
border-radius: 50%;
height: 40px;
width: 40px;
margin:0 auto 15px;
}
.checkout-modal p{
text-align: center;
margin-bottom: 40px;
}
.checkout-modal .purchase-act .button{
width:49%;
line-height: 42px;
    font-size: 14px;
}
.checkout-modal .purchase-act .button:first-child{
margin-right:10px;
}
.size-modal .modal-dialog{
margin-top:10%;
}
.table-size{
width:100%;
border:1px solid rgba(0,0,0,.06);
background-color: #fff;
}
.table-size th, .table-size td{
padding:8px 5px;
text-align:center;
}
.table-size td{
border-bottom: 1px solid rgba(0,0,0,.06);
white-space: nowrap;
}
.table-size th{
background-color:#f5f5f5;
}
.relative .owl-dots .owl-dot span{
height: 10px;
width: 10px;
border-radius: 100%;
display: block;
background-color: #b7b7b7;
}
.relative .owl-dots .owl-dot.active span{
background-color: #46a2f9;
}
.relative .cat-more{
text-align: center;
margin-top:40px;
}
.relative .cat-more:before, .relative .cat-more:after{
background-color: #f4f4f4;
content: "";
display: inline-block;
height: 1px;
position: relative;
vertical-align: middle;
width: 50%;
}
.relative .cat-more:before {
right: 0.5em;
margin-left: -50%;
}
.relative .cat-more:after {
left: 0.5em;
margin-right: -50%;
}
.configurable-swatch-list {
    display: flex;
    flex-wrap: wrap;
}
.configurable-swatch-list li {
margin:0 8px 8px 0;
}
.swatch-link.disabled{
color: #D9D9D9;
cursor: not-allowed;
border-color: #D9D9D9;
}
.swatch-link {
min-width: 78px;
min-height: 32px;
padding: 0.2rem 0.7rem;
text-align: left;
border-radius: 2px;
border: 1px solid #1E1D1D;
position: relative;
word-break: break-word;
display: inline-flex;
align-items: center;
justify-content: center;
}
.has-image .swatch-link{
    height: 44px;
    min-width: 44px;
    max-width: 44px;
    border-radius: 4px;
    overflow: hidden;
    border-color: #D9D9D9;
}
.has-image .swatch-link.disabled:after{
    content: '';
    top:0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(255, 255, 255, 0.7);
    position: absolute;
}
.has-image img{
    max-width: none;
    width: 44px;
}
li.selected .swatch-link:not(.disabled){
    border: 1px solid #FF4000;
    color:#FF4000;
}
li.selected .swatch-link:not(.disabled):before{
    content: "";
    display: block;
    background: url(../images/selected.png) no-repeat;
    background-size:16px;
    width:20px;
    height:16px;
    top:-1px;
    right:-5px;
    position: absolute;
}
li .swatch-link:not(.disabled):hover {
    border: 1px solid #FF4000;
    color: #FF4000;
}
.page-404 .banner {
    margin-bottom: 60px;
}
.error span,
.messages .error-msg,
.validation-advice {
color: #ef5562;
font-size: 12px;
}
.pages {
    margin-top: 25px;
    text-align: center;
    padding-bottom: 40px;
}
.pages a{
    display: block;
    overflow: hidden;
    position: relative;
    line-height: 40px;
    border: 1px solid #4a90e2;
    border-radius: 3px;
    margin: 0 auto;
    width: 340px;
    background-color: #fff;
}
.pages a:hover{
    color:#fff;
    background-color: #0084ff;
}
.pages a:hover:after{
    border-top: 6px solid #fff;
}
.pages a:after{
    content: '';
    width: 0;
    right: 0;
    border-top: 6px solid #4a90e2;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    display: inline-block;
    margin: -2px 0 0 5px;
}
.pages a.loading{
    height:40px;
}
.pages a.loading:hover .csdot{
    background-color: #fff;
    border-color: #fff;
}
.pages a.loading:after{
    content: none;
}
.pager{
    text-align: center;
    margin:20px 0;
}
.pager li{
display: inline-block;
    margin-right: 3px;
}
.pager li a, .pager li span{
margin-right: 4px;
border-radius: 4px;
padding: 7px 12px;
display: block;
}
.pager li a{
    color:#8D8D8D;
    border: 1px solid #D9D9D9;
}
.pager li.active span{
background-color: #FF4000;
    color:#fff;
}
.box-title{
padding:10px 8px;
}
.box-title h1 {
font-size: 14px;
margin: 0;
font-weight: 700;
display: inline-block;
}
.box-title .seg-f{
display: inline-block;
line-height: 25px;
}
.row-sort{
margin-bottom: 20px;
}
.row-sort a{
border-radius: 4px;
background-color: #fff;
padding:8px 12px;
display: inline-block;
margin-left: 4px;
}
.row-sort a.active{
background-color: #FF4000;
color: #fff;
}
.filter-keyword{
margin-bottom: 20px;
}
.filter-keyword a{
background-color: #F3F3F7;
padding:8px 12px;
display: inline-block;
border-radius: 2px;
margin-right: 3px;
}
.cat-title{
font-size: 15px;
text-transform: uppercase;
font-weight: bold;
margin:0 0 10px;
}
.box-cat{
margin-bottom: 25px;
}
.box-cat li a{
color:#8D8D8D;
display: inline-block;
padding:6px 0;
}
.box-cat li a:hover{
    color: #FF4000;
}
.box-cat li a.active{
font-weight: bold;
color: #FF4000;
}
.category-product .col-category-1 {
    float: left;
    width: 18.66666667%;
}
.category-product .col-category-2 {
    float: left;
    width: 81.33333333%;
}
.box-category{
margin:10px 0 8px;
}
.page-title{
padding:5px 8px;
font-size: 22px;
}
.page-title .title{
font-size: 20px;
padding-top:8px;
}
.list-selected{
margin-bottom: 15px;
margin-top:10px;
width: calc(100% - 70px);
display: inline-block;
}
.iclose{
    cursor: pointer;
    float: right;
}
.item-selected{
    padding:10px 0;
}
.item-selected a.el{
    background-color: #eee;
    color:#231f20;
    padding: 3px 8px;
    margin-right: 7px;
    margin-bottom: 7px;
    border-radius: 3px;
    display: inline-block;
}
.item-selected span.vanish:after, .item-selected span.vanish:before{
right: -5px;
top: 5px
}
.select-total .item-list{
    width:700px;
    max-height: 60vh;
}
.select-total h5{
margin-bottom:2px;
}
.select-total .item-list .scroll{
    max-height: 58vh;
}
.item-list .head .iclose{
    border: 1px solid #ddd;
    padding: 3px 6px;
    border-radius: 4px;
}

.iconof-filter{
    background-image: url('../images/filter.png');
    height: 14px;
    width: 11px;
}
.select-filter .count-total{
    background-color: #f89406;
    border-radius: 50%;
    color: #fff;
    font-size: 10px;
    height: 16px;
    line-height: 16px;
    position: absolute;
    top: -8px;
    text-align: center;
    right: -5px;
    width: 16px;
}
.select-filter .item-select{
    margin-right: 6px;
    display: inline-block;
}
.select-filter .item-input{
    padding: 6px;
    white-space: nowrap;
}
.item-select.selected .item-input{
border-color: #0071c4;
}
.select-filter .item-list{
    max-width: 600px;
    min-width: 382px;
    width: max-content;
}

.select-filter .scroll a.elm {
    display: inline-block;
    color: #231f20;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    line-height: 17px;
    margin-bottom: 6px;
    margin-right: 3px;
    padding: 8px 9px;
}

.select-filter .scroll a.elm:hover {
    background-color: #fff;
    color: #0071c4;
}

.select-filter .scroll a.active {
    border-color: #0071c4;
    background-color: #fff;
}

.filter-button {
    text-align: center;
    padding: 12px 0;
    border-top: 1px solid aliceblue;
    margin-top: 6px;
}

.btn-close, .btn-result {
    border-radius: 4px;
    display: inline-block;
    line-height: 16px;
    margin: 0 3px;
    text-align: center;
    width: 150px;
}

.btn-close {
    border: 1px solid #dd1c1a;
    color: #dd1c1a !important;
    padding: 9px 0;
}

.btn-result {
    background-color: #0071c4;
    color: #fff !important;
    padding: 10px 0;
}

.btn-result.disabled {
    pointer-events: none;
    opacity: .5;
}

.breadcrumbs {
    margin-bottom: 20px;
}

.breadcrumbs li {
    display: inline-block;
    font-size: 13px;
}

.breadcrumbs li a {
    color: #8D8D8D;
}

.breadcrumbs .down {
    height: 6px;
    width: 6px;
    margin: 6px 5px;
    border-color: #8D8D8D;
}

.title.toggle {
    cursor: pointer;
}

.title.toggle .sub {
    position: relative;
    display: block;
    float: right;
    cursor: pointer;
    width: 10px;
    height: 10px;
}

.title.toggle .sub:after {
    width: 10px;
    height: 2px;
    content: '';
    display: block;
    margin-top: 4px;
}

.title.toggle .sub.closed:before {
    width: 2px;
    height: 10px;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: 0 auto;
}

span.vanish {
    position: relative;
    display: inline-block;
    cursor: pointer;
    width: 10px;
    height: 10px;
}

span.vanish:before,
span.vanish:after {
    content: '';
    position: absolute;
    width: 10px;
    display: block;
    right: 0;
    top: 4px;
    border-top: 2px solid #231f20;
}

span.vanish:before {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
}

span.vanish:after {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}

span.down {
    border-right: 1px solid #000000;
    border-top: 1px solid #000000;
    content: "";
    height: 8px;
    width: 8px;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    vertical-align: middle;
    display: inline-block;
    cursor: pointer;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

span.down.closed {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}

span.backto {
    cursor: pointer;
    border-right: 3px solid #231f20;
    border-top: 3px solid #231f20;
    content: "";
    display: inline-block;
    height: 15px;
    width: 15px;
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    vertical-align: middle;
}

.close {
    position: absolute;
    width: 32px;
    height: 32px;
    opacity: 0.3;
    z-index: 1;
}

.close:hover {
    opacity: 1;
}

.close:before, .close:after {
    position: absolute;
    left: 15px;
    content: ' ';
    height: 25px;
    width: 2px;
    background-color: #333;
}

.close:before {
    transform: rotate(45deg);
}

.close:after {
    transform: rotate(-45deg);
}

.box-qty {
    display: flex;
    align-items: center;
}

.qty-cart {
    height: 28px;
    max-width: 120px;
    display: flex;
}
.box-cart .qty-cart{
    border: 1px solid rgba(0,0,0,.09);
    border-radius: 3px;
}
.qty-cart .input-qty {
    border: none;
    width: 40px;
    text-align: center;
    font-size: 15px;
}
.box-cart .qty-cart .input-qty{
    border-color: rgba(0,0,0,.09);
    border-width: 0 1px;
    border-style: solid;
}
.qty-cart span {
    width: 27px;
    height: 27px;
    position: relative;
    display: block;
    cursor: pointer;
}
.product-options .qty-cart span{
    border: 1px solid #1E1D1D;
    border-radius: 50%;
}
.qty-cart span.qty-decrease:after,
.qty-cart span.qty-increase:after {
    width: 10px;
    height: 1px;
    content: '';
    display: block;
    background-color: #1E1D1D;
    margin: 12px auto;
}
.qty-cart span.qty-increase:before {
    width: 1px;
    height: 10px;
    background-color: #1E1D1D;
    content: '';
    display: block;
    position: absolute;
    top: 7.5px;
    left: 0;
    bottom: 0;
    right: 0;
    margin: 0 auto;
}
.owl-carousel .owl-nav .disabled {
    display: none !important;
}

.owl-carousel .owl-nav div {
    position: absolute;
    top: 39%;
    z-index: 9;
    width: 25px;
    height: 55px;
    display: block;
    background-color: #f2f1f1;
    transform: all .1s cubic-bezier(.4, 0, .6, 1);
    text-indent: 99px;
    overflow: hidden;
    opacity: 0.3;
}

.owl-carousel:hover .owl-nav div {
    opacity: 0.7;
}

.owl-carousel .owl-nav div:after {
    border-right: 3px solid #666;
    border-top: 3px solid #666;
    content: "";
    height: 20px;
    width: 20px;
    display: block;
    position: absolute;
    top: 17px;
}

.owl-carousel .owl-nav .owl-next:after {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    right: 8px;
}

.owl-carousel .owl-nav .owl-prev:after {
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    left: 8px;
}

.owl-carousel .owl-nav .owl-prev {
    left: 0;
    border-radius: 0 4px 4px 0;
}

.owl-carousel .owl-nav .owl-next {
    right: 0;
    border-radius: 4px 0 0 4px;
    box-shadow: -6px 0 4px rgb(0 0 0 / 2%), -4px 0 4px rgb(0 0 0 / 6%);
}

input[name=phone] {
    font-weight: 700;
    letter-spacing: 2px;
}

.v-form {
    position: relative;
}

.txt-center {
    text-align: center;
}

.button {
    width: 100%;
    background-color: #FF4000;
    color: #fff;
    text-align: center;
    border: 0;
    height: 44px;
    cursor: pointer;
    border-radius: 2px;
    font-size: 15px;
}

.button.btn-grey {
    background-color: #e0e0e0;
    color: #231f20;
    border: 1px solid #d5d5d5;
}

.button.btn-white {
    background-color: #fff;
    color: #231f20;
}

.button:hover {
    opacity: 0.8;
}

.radio,
.checkbox {
    margin-top: 0;
}

.checkbox {
    position: relative;
    cursor: pointer;
    display: inline-block;
    vertical-align: text-top;
    margin-bottom: 0;
    line-height: 30px;
    margin-top: 0px !important;
}

.checkbox input[type="checkbox"] {
    position: absolute;
    margin: 0;
    opacity: 0;
}

.checkbox input[type="checkbox"] + span {
    display: inline-block;
    padding-left: 25px;
    position: relative;
}

.checkbox input[type="checkbox"] + span:before {
    content: "";
    display: block;
    border: 1px solid #D9D9D9;
    width: 16px;
    height: 16px;
    padding: 0px;
    background-clip: content-box !important;
    -moz-background-clip: content-box !important;
    -webkit-background-clip: content-box !important;
    position: absolute;
    left: 0;
    top: 6px;
    background-color: #fff;
    border-radius: 2px;
}

.checkbox input[type="checkbox"]:checked + span:before {
    background-color: #D9D9D9;
    background-image: url(../images/c-tick.png);
    background-repeat: no-repeat;
    background-position: center;
    border: 0;
    width: 16px;
    height: 16px;
    background-size: 100%;
    border-radius: 2px;
}

.radio {
    position: relative;
    cursor: pointer;
    display: inline-block;
    vertical-align: text-top;
    margin-bottom: 15px;
    line-height: 28px;
}

.radio input[type="radio"] {
    position: absolute;
    margin: 0;
    opacity: 0;
}

.radio input[type="radio"] + span {
    display: block;
    padding-left: 25px;
    position: relative;
}

.radio input[type="radio"] + span:before {
    content: "";
    display: block;
    border-radius: 100%;
    border: 1px solid #FF4000;
    width: 15px;
    height: 15px;
    padding: 0px;
    background-clip: content-box !important;
    -moz-background-clip: content-box !important;
    -webkit-background-clip: content-box !important;
    position: absolute;
    left: 0;
    top: 6px;
    background-color: #fff;
}

.radio input[type="radio"]:checked + span:before {
    background-color: #FF4000;
    padding: 2px;
}

.std {
    padding: 10px;
}

h1.m-title {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 20px;
}

.footer {
    margin-top: 20px;
    background-color: #fff;
}

.footer .slogan {

    padding: 40px 0 30px;
    border-bottom: 1px solid #ECECEC;
}

.slogan .item {
    display: flex;
    justify-content: center;
}

.slogan .item-text {
    max-width: 210px;
    margin-left: 28px;
}

.item-text .service-name {
    color: #FF4000;
    font-size: 15px;
    display: block;
    margin-bottom: 5px;
}

.item-text p {
    color: #8D8D8D;
}

.footer-top {
    padding: 40px 0;
}

.footer-top .our-info {
    max-width: 260px;
    margin-bottom: 50px;
}

.our-info a {
    color: #0090FF;
}

.footer-top h5 {
    margin-bottom: 20px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 13px;
}

.note-checkout {
    font-size: 11px;
    color: #8D8D8D;
    text-align: center;
    margin-bottom: 120px
}

.note-checkout a {
    color: #8D8D8D;
}

.f-link {
    margin-bottom: 50px;
}

.f-link li {
    margin: 8px 0;
}

.f-link li a {
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    color: #8D8D8D;
    font-size: 13px;
}

.f-link li a:hover {
    margin-left: 10px;
}

.contact-me {
    margin-bottom: 40px;
}

.contact-me p {
    margin-bottom: 15px;
}

.contact-me .iconof-phone {
    background-image: url('../images/phone.png');
    background-position: center;
    width: 25px;
    height: 25px;
    margin-right: 18px;
}

.contact-me .iconof-email {
    background-image: url('../images/mail.png');
    background-position: center;
    width: 25px;
    height: 20px;
    margin-right: 18px;
}

.contact-me .iconof-chat {
    background-image: url('../images/chat.png');
    background-position: center;
    width: 25px;
    height: 23px;
    margin-right: 18px;
}

.contact-me .iconof-search {
    background-image: url('../images/search_b.png');
    background-position: center;
    width: 26px;
    height: 24px;
    margin-right: 18px;
}
.footer-bottom {
    border-top: 1px solid #ECECEC;
    padding-top: 20px;
    text-align: center;
}
.footer-bottom p{
    font-size: 12px;
    margin:0 auto 10px;
    color:#8D8D8D;
}
#fb-root{
    position: fixed;
    right: 15px;
    bottom: 20px;
    border-radius: 100%;
    z-index: 999;
}
#fb-root img{
    width: 68px;
    height: 68px;
}
.null_cart {
    max-width: 490px;
    margin: 0 auto;
    text-align: center;
    font-size: 16px;
    padding: 90px 8px;
}
.null_cart .buyother {
    display: block;
    line-height: 40px;
    text-align: center;
    margin: 15px auto 28px;
    width: 300px;
    color: #ff4000;
    font-weight: 700;
    text-transform: uppercase;
    border: 1px solid #ff4000;
    border-radius: 4px;
}
.null_cart .callship {
    font-size: 14px;
    text-align: center;
}
.null_cart .callship .phone_wrong {
    color: #ff3945;
}
.null_cart .callship a {
    font-weight: 700;
}
.hide {
    display: none !important;
}
.overlay .main:after {
    content: '';
    position: absolute;
    width: 100%;
    top: 0px;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 2;
}
.loading {
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.3);
    z-index: 99;
}

.loading .csdot {
    position: relative;
}

.loading .csdot, .loading .csdot:before, .loading .csdot:after {
    width: 15px;
    height: 15px;
    border: 1px solid #FF4000;
    background: #FF4000;
    border-radius: 50%;
    display: inline-block;
    margin: 0 2px;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-animation: fx 1000ms ease infinite 0ms;
    animation: fx 1000ms ease infinite 0ms;
    top: 20%;
}
.loading .csdot:before {
    position: absolute;
    top: -1px;
    left: -30px;
    content: "";
    -webkit-animation: fx 1000ms ease infinite 300ms;
    animation: fx 1000ms ease infinite 300ms;
}

.loading .csdot:after {
    position: absolute;
    top: -1px;
    right: -30px;
    content: "";
    -webkit-animation: fx 1000ms ease infinite 600ms;
    animation: fx 1000ms ease infinite 600ms;
}

@-webkit-keyframes fx {
    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@keyframes fx {
    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

.loader-circle {
    background: rgba(255, 255, 255, .65);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999
}

.loader-circle:before, .loader-circle::after {
    border-radius: 50%;
    width: 50px;
    height: 50px;
    content: '';
}

.loader-circle:before {
    z-index: 9999;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    border-left: 2px solid #333;
    -webkit-animation: loader-animation 1.1s infinite linear;
    animation: loader-animation 1.1s infinite linear;
}

img.lazy[data-src] {
    opacity: 0;
    display: block;
}
@-webkit-keyframes loader-animation{
0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes loader-animation{
0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes shake {
10%, 90% {
    transform: translate3d(-1px, 0, 0);
}

20%, 80% {
    transform: translate3d(2px, 0, 0);
}

30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
}

40%, 60% {
    transform: translate3d(4px, 0, 0);
}
}

.block-common .readmore-txt {
    position: absolute;
    right: 10px;
    top: -36px;
}
.block-nav {
    padding: 0 20px 12px;
}
.iconof-menu {
    background-image: url(../images/menu.png);
    background-position: center;
    width: 20px;
    height: 20px;
}
.block-nav .iconof-menu {
    margin-right: 15px;
    float: left;
}
.block-nav .title-menu-nav {
    font-weight: bold;
    display: inline-block;
    line-height: 21px;
    font-size: 15px;
}
.menu-main-top {
    padding-top:20px;
    left: 0px;
    position: absolute;
    width: 260px;
    z-index: 199;
    top: 45px;
    display: none;
}
.menu-top{
    background-color: #fff;
    padding-bottom: 15px;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 8px;
}
.event-menu:hover .menu-main-top{
    display: block;
}
.menu-main-top .block-nav{
    padding-top:12px;
    background-color: #F3F3F7;
    border-radius: 8px 8px 0 0;
}
.menu-main-top .dropdown-menu{
    left: 260px;
}
.menu-main {
    width: 288px;
    display: inline-block;
    background-color: #fff;
    border-radius: 12px;
    min-height: 575px;
    padding: 20px 0;
}
.menu-content{
    position: relative;
}
.event-menu:hover .menu-main {
    display: block;
}
.ui-menu > li > a {
    display: block;
    padding: 8px 20px;
}
.ui-menu .down.closed {
    float: right;
    margin-top: 7px;
}
.sub-child li a {
    padding: 4px 0px;
    display: block;
}
.sub-child a:before {
    top: 10px;
}
.ui-menu > .dropdown:hover > a {
    background-color: #FFDED4;
    color: #FF4000;
}
.ui-menu > .dropdown:hover .down.closed {
    border-color: #ff4000;
}
.ui-menu > .dropdown:hover img {
    filter: brightness(0) invert(1);
}
.ui-menu > .dropdown:hover .dropdown-menu {
    display: block;
}
.dropdown-menu {
    min-height: 475px;
    padding: 20px;
    background-color: #fff;
    left: 288px;
    top: -15px;
    border: 2px solid #FF4000;
    position: absolute;
    z-index: 80;
    display: none;
    border-radius: 12px;
    width: 840px;
}
.submenu {
    display: flex;
    flex-wrap: wrap;
}
.submenu h3 {
    margin: 0 0 8px;
}
.submenu h3 a {
    font-size: 15px;
    font-weight: bold;
}
.submenu > li {
    padding-right: 15px;
    width: 190px;
}
.sub-child a:hover {
    color: #FF4000;
}
.product-view .col-pd-1 {
    width: 42.66666667%;
    float: left;
}
.product-view .col-pd-2 {
    width: 57.33333333%;
    float: left;
}
.product-view .product-info {
    padding-left: 35px;
    padding-right: 15px;
}
.product-info .price-box {
    margin-bottom: 25px;
}
.checkout-modal .modal-dialog {
    left: 38px;
}
.footer-top h5.title {
    cursor: text;
}
.block1 h3.title {
    max-width: 300px;
    padding-left: 35px;
}
.parameter > .row {
    display: flex;
    align-items: center;
}
.pd-description .row > .col-md-9 {
    padding-right: 6px;
    width: 78%;
}
.pd-description .row > .col-md-3 {
    width: 22%;
}
.phone-alo {
    bottom: 20px;
    border-radius: 0 8px 8px 0;
}
.no-comment {
    height: 12rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.no-comment p {
    margin-top: 15px;
}
.input-row {
    display: flex;
}
.input-row span {
    margin-right: 12px;
}
.input-row span:last-child {
    margin-right: 0;
}
.shipping-modal .modal-dialog {
    margin-top: 15%;
}
.slogan img {
    width: 48px;
}
.block1 .bg-grey {
    background-color: #F3F3F7;
    height: 200px;
    margin: -180px auto 0;
}
.modal-dialog {
    margin: 30px auto;
}
.product-info > .v-form {
    display: inline-block;
}
.comment-content {
    margin-left: 45px;
}
.product-grid .item img.lazy {
    min-height: 215px;
}
.slider-product .item img.lazy {
    min-height: 144px;
    height: 100%;
}
.v-form .error {
    clear: both;
    display: block;
}
.v-form .error p {
    color: #FF4000;
    font-size: 11px;
    font-weight: 300;
    margin: 0;
    animation: shake 0.82s cubic-bezier(.36, .07, .19, .97) both;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    perspective: 1000px;
}
.phone-alo {
    position: fixed;
    left: 0;
    background-color: #0090FF;
    z-index: 50;
}
.phone-alo .number {
    padding: 8px 6px 8px 3px;
    display: inline-block;
    color: #fff;
}
.phone-alo .alo {
    position: relative;
    float: left;
    height: 36px;
    width: 38px;
}
.phone-alo .alo:before {
    content: '';
    background-image: url(../images/call.png);
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    background-size: 25px;
    display: block;
    position: absolute;
    left: 4px;
    bottom: 2px;
    -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
    animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
    background-color: #0184ff;
    border-radius: 100%;
    padding: 16px;
    background-position: center;
}
.phone-alo .alo:after {
    content: '';
    background-color: #333f48;
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 36px;
    width: 3px;
}
.phone-alo a {
    color: #fff;
    font-weight: 700;
}
.toasts {
    position: fixed;
    top: 22%;
    z-index: 99;
    width: 100%;
    text-align: center;
}
.toasts .message-box {
    padding: 12px 24px 12px 30px;
    margin: 0 auto;
    background-color: #d4e6b6;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 16px 0 rgb(0 0 0 / 10%), 0 8px 16px 0 rgb(0 0 0 / 6%);
    box-shadow: 0 0 16px 0 rgb(0 0 0 / 10%), 0 8px 16px 0 rgb(0 0 0 / 6%);
    width: auto;
    position: relative;
    display: inline-block;
}
.toasts .message-box:before {
    content: '';
    background-image: url(../images/c-tick.png);
    background-repeat: no-repeat;
    position: absolute;
    width: 16px;
    height: 16px;
    background-color: #0184ff;
    border-radius: 100%;
    background-size: 64%;
    background-position: center;
    left: 8px;
    top: 12px;
}
.fb_reset {
    color: #fff !important;
    background-color: #fff !important;
}
.fb_dialog {
    z-index: 999 !important;
}
@-webkit-keyframes phonering-alo-circle-img-anim{0%{-webkit-transform:rotate(0) scale(1) skew(1deg)}10%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}20%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}50%{-webkit-transform:rotate(0) scale(1) skew(1deg)}100%{-webkit-transform:rotate(0) scale(1) skew(1deg)}}
@keyframes phonering-alo-circle-img-anim{0%{-webkit-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg)}10%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg);transform:rotate(-25deg) scale(1) skew(1deg)}20%{-webkit-transform:rotate(25deg) scale(1) skew(1deg);transform:rotate(25deg) scale(1) skew(1deg)}30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg);transform:rotate(-25deg) scale(1) skew(1deg)}40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg);transform:rotate(25deg) scale(1) skew(1deg)}50%{-webkit-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg)}100%{-webkit-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg)}}