@font-face {
    font-family: 'Quicksand';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/quicksand/v20/6xK-dSZaM9iE8KbpRA_LJ3z8mH9BOJvgkP8o58m-wi40.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: 'Quicksand';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/quicksand/v20/6xK-dSZaM9iE8KbpRA_LJ3z8mH9BOJvgkP8o58i-wi40.woff2) format("woff2");
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: 'Quicksand';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/quicksand/v20/6xK-dSZaM9iE8KbpRA_LJ3z8mH9BOJvgkP8o58a-wg.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: 'Quicksand';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/quicksand/v20/6xK-dSZaM9iE8KbpRA_LJ3z8mH9BOJvgkM0o58m-wi40.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: 'Quicksand';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/quicksand/v20/6xK-dSZaM9iE8KbpRA_LJ3z8mH9BOJvgkM0o58i-wi40.woff2) format("woff2");
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: 'Quicksand';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/quicksand/v20/6xK-dSZaM9iE8KbpRA_LJ3z8mH9BOJvgkM0o58a-wg.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: 'Quicksand';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/quicksand/v20/6xK-dSZaM9iE8KbpRA_LJ3z8mH9BOJvgkCEv58m-wi40.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: 'Quicksand';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/quicksand/v20/6xK-dSZaM9iE8KbpRA_LJ3z8mH9BOJvgkCEv58i-wi40.woff2) format("woff2");
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: 'Quicksand';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/quicksand/v20/6xK-dSZaM9iE8KbpRA_LJ3z8mH9BOJvgkCEv58a-wg.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
*::-webkit-scrollbar {
    width: 6px;
    background-color: #0061bb;
}
*::-webkit-scrollbar-thumb {
    background-color: #0061bb;
}

*::-webkit-scrollbar-track{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}
@media (min-width: 992px) {
    .pd_left_cl {
        padding-left: 0 !important
    }
}

i.down_icon, i.right_icon, i.left_icon, i.up_icon {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 6px 0 6px;
    border-color: #000 transparent transparent transparent;
    position: absolute;
    top: 16px;
    right: 5px;
    transition: border-color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s
}

i.right_icon {
    transform: rotate(-90deg)
}

i.left_icon {
    transform: rotate(90deg)
}

i.up_icon {
    transform: rotate(180deg)
}

#mobile-menu {
    display: none;
    text-align: left;
    float: left;
    position: absolute;
    top: 0;
    left: 7px
}

#mobile-menu .line_mn {
    display: inline-block;
    width: 30px;
    float: left;
    padding-top: 20px;
    line-height: 8px
}

#mobile-menu .line_mn .icon-bar {
    background: #0061bb;
    height: 2px;
    width: 100%;
    display: inline-block
}

#mobile-menu ul {
    margin: auto;
    padding: 0px;
    list-style: none
}

.nav-container {
    height: 40px
}

ul.slideshow {
    display: inline-block
}

.side-nav-categories ul li {
    padding: 2px 0px
}

.side-nav-categories ul li a {
    display: inline-block;
    position: relative
}

img.down_icon {
    width: 12px;
    margin-left: 4px
}

.side-nav-categories, .side-nav-categories .block {
    display: inline-block;
    width: 100%;
    border: 1px solid #0061bb;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 15px
}

ul#magicat li, ul#menu-mobi li ul.listStyle li {
    display: block;
    float: left;
    list-style-type: none;
    margin: 0 0 1px 0;
    padding-left: 0px;
    position: relative;
    width: 100% !important;
    box-shadow: 0 1px 0 #ddd, 0 2px 0 #FFFFFF
}

ul#magicat li:last-child {
    box-shadow: none
}

ul#magicat li.level0 span.magicat-cat, ul#menu-mobi li.level0 span.magicat-cat, ul.listStyle li span {
    text-align: left;
    display: inline-block;
    width: 100%
}

ul#magicat li .open-close, ul#menu-mobi li .open-close, .block-layered-nav dt .toggleBtn {
    display: inline-block;
    height: 30px;
    position: absolute;
    right: 0;
    top: 0;
    width: 30px
}

.block-layered-nav dt .toggleBtn {
    cursor: pointer
}

ul#magicat li.active > .open-close, .block-layered-nav dt .toggleBtn.highlight {
    background-position: 12px -28px
}

ul#menu-mobi li.active > .open-close {
    background-position: 2px -28px
}

ul#magicat ul, ul#menu-mobi ul {
    padding-left: 10px
}

ul#magicat li .open-close, ul#menu-mobi li .open-close, .block-layered-nav dt .toggleBtn {
    display: inline-block;
    height: 30px;
    position: absolute;
    right: 0;
    top: 5px;
    width: 30px
}

ul#magicat li .open-close, .block-layered-nav dt .toggleBtn {
    background: url(/tp/T0487/img/acc-menu.webp) no-repeat scroll 12px 3px
}

ul#menu-mobi li .open-close {
    background: url(/tp/T0487/img/acc-menu.webp) no-repeat scroll 2px 3px
}

.search_mb > #search_mini_form>input{
    border: none;
    height: 40px;
    padding: 10px 40px 10px 10px;
}

.side-nav-categories .block-title {
    color: #fff;
    font-size: 14px;
    margin: 0;
    padding: 11px 15px;
    font-weight: normal;
    background-color: #0061bb;
    letter-spacing: 1px
}

.side-nav-categories .block-title .h2, .side-nav-categories .block-title h2 {
    margin: 0;
    font-size: 14px;
    display: inline
}

.header-service {
    background: none repeat scroll 0 0 #f5f5f5;
    padding: 12px 0;
    color: #666;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    font-size: 12px
}

.header-service .fix-icon {
    position: absolute;
    left: 0;
    padding: 0;
    margin: 0;
    top: calc(50% - 1px);
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%)
}

.header-service .content {
    padding-left: 25px;
    position: relative
}

.offer-banner-section {
    overflow: hidden;
    width: 100%
}

.col {
    float: left;
    padding: 40px 0px
}

.forcefullwidth_wrapper_tp_banner, .fullwidthbanner-container {
    max-width: 100%;
    margin: auto
}

.new-box, .sale-box {
    height: 40px;
    overflow: hidden;
    position: absolute;
    text-align: center;
    top: -1px;
    width: 55px;
    z-index: 10
}

.new-box {
    left: -1px
}

.sale-box {
    right: -1px
}

.new-top-left {
    left: 0px;
    top: 0;
    background: #fff;
    letter-spacing: 1px
}

.new-top-right {
    background: none repeat scroll 0 0 #FFFFFF;
    right: 0px;
    top: 0
}

.sale-top-right {
    top: 5px;
    right: 5px
}

.sale-top-left {
    left: 10px;
    top: 0
}

.new-box, .sale-box {
    position: fixed;
    text-align: center;
    top: -1px;
    width: 55px;
    z-index: 10
}

.new-box {
    left: 0
}

.sale-box {
    right: 0;
    top: 0px
}

.sale-label {
    font-size: 14px;
    color: #fff;
    padding: 0px;
    text-align: center;
    display: block;
    position: absolute;
    top: 5px;
    z-index: 9;
    letter-spacing: -1px;
    margin-top: 0px;
    margin-right: 0px;
    overflow: hidden;
    width: 60px;
    border-radius: 14px
}

.sale-label span {
    font-weight: 600
}

.product-view #product-img-box .new-box, .product-view #product-img-box .sale-box {
    position: absolute;
    text-align: center;
    top: -1px;
    width: 55px;
    z-index: 10
}

.product-view #product-img-box .new-box {
    left: 160px
}

.product-view #product-img-box .sale-box {
    right: -5px;
    top: 0px
}

.product-view #product-img-box .new-label.new-top-left {
    font-size: 14px;
    color: #000;
    background: #ffd739;
    text-transform: uppercase;
    padding: 10px 25px;
    text-align: center;
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 100;
    font-weight: normal
}

.product-view #product-img-box .new-label.new-top-right {
    font-size: 14px;
    color: #000;
    background: #ffd739;
    text-transform: uppercase;
    padding: 10px 25px;
    text-align: center;
    display: block;
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 100;
    font-weight: normal
}

.product-view #product-img-box .sale-label.sale-top-left {
    font-size: 14px;
    color: #fff;
    background: #D23333;
    text-transform: uppercase;
    padding: 10px 25px;
    text-align: center;
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 100;
    font-weight: normal
}

.product-view #product-img-box .sale-label.sale-top-right {
    font-size: 14px;
    color: #fff;
    background: #D23333;
    text-transform: uppercase;
    padding: 10px 25px;
    text-align: center;
    display: block;
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 100;
    font-weight: normal
}

.tab-content {
    overflow: initial;
    display: none
}

.tab-content.current {
    display: block
}

.producttabs {
    margin-top: 40px
}

.main-col .pdt-nav {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
    height: 40px
}

.price {
    font-size: 12px;
    color: #333;
    white-space: nowrap !important
}

.price-box {
    padding: 6px 0
}

.regular-price {
    display: inline
}

.regular-price .price {
    font-weight: 600;
    font-size: 15px
}

.block .regular-price, .block .regular-price .price {
    color: #000
}

.price-box .price-from .price {
    font-weight: 600;
    font-size: 12px;
    color: #333
}

.price-box .price-to .price {
    font-weight: 600;
    font-size: 12px;
    color: #333
}

.price-box .minimal-price .price {
    font-weight: 600;
    font-size: 12px;
    color: #333
}

.old-price {
    display: inline
}

.old-price .price {
    color: #777 !important;
    font-size: 12px;
    font-weight: normal;
    text-decoration: line-through;
    margin-right: 6px
}

.special-price {
    margin: 0;
    padding: 3px 0;
    display: inline;
    margin-right: 5px
}

.special-price .price {
    font-size: 15px;
    font-weight: 600
}

.minimal-price {
    margin: 0
}

.minimal-price-link {
    display: inline
}

.product-detail-bnt a.button.detail-bnt:hover {
    background: #0061bb !important;
    margin: 0 11px 0 8px;
    padding: 10px 10px 10px 8px;
    color: #FFFFFF !important;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

a.button.detail-bnt span {
    font-size: 11px;
    text-transform: uppercase;
    padding: 0 2px;
    font-weight: bold
}

.carousel-inner {
    margin-top: 20px
}

.featured-pro {
    margin-bottom: 15px;
    position: relative;
    margin-top: 25px;
    overflow: hidden
}

img.mg_r_2 {
    margin-right: 5px;
    min-width: 16px
}

.clear-left {
    clear: left
}

.actions button.button.btn-cart {
    background: #5271ff;
    border: 1px solid #5271ff;
    padding: 9px 10px 9px 10px;
    color: #fff;
    line-height: 14px
}

.actions button.button.btn-cart:hover {
    background: #0061bb;
    color: #fff
}

.slider-items .actions {
    position: absolute;
    bottom: 60%;
    right: 0;
    width: 100%;
    transform: translateY(50%);
    z-index: 9
}

.slider-items .actions button.button.btn-cart {
    padding: 0 !important;
    width: 0;
    opacity: 0;
    font-size: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    display: inline-block;
    outline: none
}

.slider-items .actions button.button.btn-cart img {
    max-width: 20px;
    margin: 0 auto
}

.slider-items .actions button.button.btn-cart.btn-more {
    -webkit-transition: all 0.5s;
    transition: all 0.5s
}

.slider-items .col-item:hover .actions button.button.btn-cart {
    width: 45%;
    opacity: 1;
    font-size: 14px;
    font-weight: 600
}

.slider-items .col-item a.thumb {
    justify-content: center;
    display: flex;
    -o-justify-content: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    -os-justify-content: center;
    -o-display: flex;
    -moz-display: flex;
    -webkit-display: flex;
    -os-display: flex;
    align-items: center;
    position: relative;
    overflow: hidden
}

@media (min-width: 1200px) {
    .slider-items .col-item a.thumb, .category-products .col-item a.thumb {
        height: 273px
    }

    #best-seller-slider, #bag-seller-slider, #featured-slider {
        margin-top: 5px
    }

    #best-seller-slider .slider-items .col-item a.thumb, #bag-seller-slider .slider-items .col-item a.thumb, #featured-slider .slider-items .col-item a.thumb {
        height: 200px
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .slider-items .col-item a.thumb, .category-products .col-item a.thumb {
        height: 275px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .slider-items .col-item a.thumb, .category-products .col-item a.thumb {
        height: 275px
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .slider-items .col-item a.thumb, .category-products .col-item a.thumb {
        height: 220px
    }
}

@media (max-width: 479px) {
    .slider-items .col-item a.thumb, .category-products .col-item a.thumb {
        height: 120px
    }
}

.slider-items .col-item a.thumb img, .category-products .col-item a.thumb img {
    max-width: 100%;
    max-height: 100%;
    width: auto
}

.category-image img {
    width: 100%
}

.col-item:hover .actions button.button.btn-cart {
    background: #fff;
    border: 1px solid #0061bb;
    color: #0061bb;
    height: 35px;
    border-radius: 20px
}

.col-item .actions button.button.btn-cart:hover {
    color: #fff;
    background: #0061bb
}

.actions1 button.button.btn-cart span {
    font-size: 11px;
    padding: 0 8px;
    font-weight: bold;
    margin-left: 0;
    text-transform: uppercase
}

.col-item {
    text-align: center;
    margin-bottom: 20px;
    width: 100%
}

.col-item .item-inner {
    box-shadow: 0 0px 22px rgba(0, 142, 255, 0.12);
    position: relative;
    transition-duration: 0.3s;
    transition-property: box-shadow, transform
}

.col-item .item-inner:hover {
    box-shadow: 0 0px 22px #84c8ff;
    transform: scale(1.02)
}

.col-item .item-inner .item-info {
    border-top: 1px solid #ffffff
}

.col-item a.thumb {
    position: relative;
    display: block
}

.col-item a.thumb:hover {
    border-color: #999
}

.col-item .product-wrapper {
    position: relative;
    overflow: hidden
}

.col-item .product-wrapper a.thumb.flip .face {
    display: block;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    position: relative;
    z-index: 1
}

.col-item .product-wrapper a.thumb.flip .face img {
    width: 100%
}

.col-item .product-wrapper a.thumb.flip .face.back {
    display: block;
    transform: rotateY(180deg);
    position: absolute;
    top: 3px;
    left: 0px;
    right: 0px;
    z-index: 10;
    height: 100%;
    background: white
}

.col-item .product-wrapper a.thumb.flip .face.back img {
    width: 100%
}

.col-item .item-title {
    margin: 0 5px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.col-item .item-title a {
    text-decoration: none;
    font-size: 16px;
    color: #444
}

.col-item .item-title:hover {
    color: #5271ff
}

.col-item .item-title:hover a {
    color: #5271ff
}

.products-list .product-name {
    text-align: left;
    margin: 0px 0 5px
}

.products-list .product-name a {
    font-size: 15px;
    color: #000;
    font-weight: normal;
    text-align: left
}

.products-list .item {
    padding: 20px;
    overflow: hidden;
    margin: 15px 0 20px !important;
    border: 1px solid #EFEFEF
}

.products-list .item.first {
    padding: 20px;
    overflow: hidden;
    margin-bottom: 30px;
    border: 1px solid #EFEFEF
}

.products-list .item a:hover {
    color: #000;
    transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear
}

ol.products-list {
    padding: 0;
    margin: 0;
    float: left;
    width: 100%
}

li .list {
    border-bottom: none
}

ul.products-grid {
    padding: 0;
    margin: 0
}

a.button.detail-bnt span {
    font-size: 11px;
    text-transform: uppercase;
    padding: 0 2px;
    font-weight: bold
}

.block .block-content {
    border-top: medium none;
    font-size: 12px;
    overflow: hidden;
    padding: 15px 0px
}

.product_other_outer .new_title {
    text-align: left;
    text-transform: uppercase;
    margin-bottom: 40px
}

.product_other_outer .new_title a {
    font-weight: bold;
    color: #0061bb
}

.product_other_outer .new_title a:hover {
    color: #5271ff
}

section.small-product-slider {
    background-image: url(//bizweb.dktcdn.net/100/379/096/themes/754229/assets/test_peo.jpg?1638812745643);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    position: relative;
    padding: 45px 0;
    margin-top: 20px
}

@media (max-width: 767px) {
    section.small-product-slider h4 {
        padding-top: 20px
    }
}

section.small-product-slider p.sup_tt {
    color: #fff;
    font-size: 14px;
    padding: 10px 30px
}

section.small-product-slider div#bs {
    position: relative
}

section.small-product-slider .item-bs {
    overflow: hidden;
    position: relative
}

section.small-product-slider .item-bs .bsroup {
    cursor: pointer;
    background: #0061bb;
    position: absolute;
    width: 100%;
    z-index: 99;
    bottom: 0;
    text-align: center;
    opacity: 0.6;
    transition: all 0.5s;
    transform: translateY(55px)
}

section.small-product-slider .item-bs .bsroup p.name {
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    padding: 8px 0 0;
    margin: 0
}

section.small-product-slider .item-bs .bsroup p.cv_bs {
    font-size: 14px;
    color: #f7f7f7
}

section.small-product-slider .item-bs .bsroup .isocal {
    margin-bottom: 8px
}

section.small-product-slider .item-bs .bsroup .isocal a {
    display: inline-block;
    max-width: 37px;
    border: 2px solid #fff;
    border-radius: 20px
}

section.small-product-slider .item-bs .bsroup .isocal a.fb {
    padding: 5px
}

section.small-product-slider .item-bs .bsroup .isocal a.zl {
    padding: 1px
}

section.small-product-slider .item-bs:hover .bsroup {
    transform: translateY(0px)
}

section.small-product-slider:before {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #0061bb;
    opacity: 0.83;
    z-index: 0
}

@media (max-width: 991px) {
    section.small-product-slider .small-pr-slider {
        margin-top: 25px
    }
}

section.small-product-slider.test_people h4 {
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 5px;
    position: relative;
    font-size: 24px;
    margin-top: 0
}

section.small-product-slider.test_people h4:before {
    position: absolute;
    content: '';
    background: #fff;
    width: 30px;
    height: 3px;
    bottom: 0;
    left: 50%;
    margin-left: -35px;
    margin-bottom: -23px
}

section.small-product-slider.test_people h4:after {
    position: absolute;
    content: '';
    background: #fff;
    width: 30px;
    height: 3px;
    bottom: 0;
    right: 50%;
    margin-right: -33px;
    margin-bottom: -23px
}

@media (max-width: 767px) {
    section.small-product-slider.test_people h4 {
        font-size: 20px
    }
}
ul.language {
    display: none;
    padding: 0;
    background: #fff;
}
section.small-product-slider.test_people .content_tip > p {
    margin: 27px 0px 12px;
    min-height: 84px
}

@media (min-width: 992px) and (max-width: 1199px) {
    section.small-product-slider.test_people .content_tip > p {
        margin: 10px 0px 10px
    }
}

@media (min-width: 768px) {
    section.small-product-slider.test_people .content_tip > p {
        padding: 0 50px
    }
}
ul.google_translate_element {
    position: absolute;
    top: 10px;
}
section.small-product-slider.test_people .content_tip p {
    color: #fff;
    text-align: center;
    font-size: 14px
}

section.small-product-slider.test_people .content_tip p.jt {
    text-align: justify
}

section.small-product-slider.test_people .hgroup {
    text-align: center
}

section.small-product-slider.test_people .hgroup img {
    display: inline-block;
    max-width: 115px;
    border-radius: 30px;
    margin-top: 10px;
    border: 1px solid #fff
}

section.small-product-slider.test_people .hgroup p.name {
    font-weight: 600;
    color: #fff;
    margin: 0
}

section.small-product-slider.test_people .slick-slide {
    margin: 5px;
    position: relative
}

section.small-product-slider.test_people .slick-slide:hover, section.small-product-slider.test_people .slick-slide:focus {
    outline: none;
    box-shadow: none;
    border: none
}

section.small-product-slider.test_people .mew-small-arrow {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 47%;
    display: block;
    width: 25px;
    height: 25px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
    line-height: 40px;
    text-align: center;
    z-index: 2
}

section.small-product-slider.test_people .mew-small-arrow.mew-prev {
    left: 9px
}

section.small-product-slider.test_people .mew-small-arrow.mew-prev:before {
    content: "";
    background-image: url(//bizweb.dktcdn.net/100/379/096/themes/754229/assets/left_s.png?1638812745643);
    background-size: 10px;
    background-repeat: no-repeat;
    background-position: 6px center;
    height: 25px;
    width: 25px;
    display: block;
    background-color: #0061bb;
    border-radius: 50%;
    opacity: 0.7
}

section.small-product-slider.test_people .mew-small-arrow.mew-prev:hover:before {
    background-color: #5271ff;
    opacity: 1
}

section.small-product-slider.test_people .mew-small-arrow.mew-next {
    right: 9px
}

section.small-product-slider.test_people .mew-small-arrow.mew-next:before {
    content: "";
    background-image: url(//bizweb.dktcdn.net/100/379/096/themes/754229/assets/right_s.png?1638812745643);
    background-size: 10px;
    background-repeat: no-repeat;
    background-position: 9px center;
    height: 25px;
    width: 25px;
    display: block;
    background-color: #0061bb;
    border-radius: 50%;
    opacity: 0.7
}

section.small-product-slider.test_people .mew-small-arrow.mew-next:hover:before {
    background-color: #5271ff;
    opacity: 1
}

section.small-product-slider.test_people .mew-arrow {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 40px;
    height: 40px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
    line-height: 40px;
    text-align: center;
    z-index: 2
}

section.small-product-slider.test_people .mew-arrow.mew-prev {
    left: 0px
}

section.small-product-slider.test_people .mew-arrow.mew-prev:before {
    content: "";
    background-image: url(//bizweb.dktcdn.net/100/379/096/themes/754229/assets/left_s.png?1638812745643);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 8px center;
    height: 40px;
    width: 40px;
    display: block;
    background-color: #0061bb;
    border-radius: 20px;
    opacity: 0.7
}

section.small-product-slider.test_people .mew-arrow.mew-prev:hover:before {
    background-color: #5271ff;
    opacity: 1
}

section.small-product-slider.test_people .mew-arrow.mew-next {
    right: 0px
}

section.small-product-slider.test_people .mew-arrow.mew-next:before {
    content: "";
    background-image: url(//bizweb.dktcdn.net/100/379/096/themes/754229/assets/right_s.png?1638812745643);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 11px center;
    height: 40px;
    width: 40px;
    display: block;
    background-color: #0061bb;
    border-radius: 20px;
    opacity: 0.7
}

section.small-product-slider.test_people .mew-arrow.mew-next:hover:before {
    background-color: #5271ff;
    opacity: 1
}

section.small-product-slider.test_people .tns-nav {
    text-align: center;
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: 0;
    z-index: 99;
    width: 100%
}

section.small-product-slider.test_people .tns-nav button {
    display: inline-block;
    border-radius: 0;
    height: 10px;
    width: 10px;
    border: 1px solid #e5e5e5;
    background-color: #fff;
    margin: 0 2px;
    padding: 0;
    font-size: 0
}

section.small-product-slider.test_people .tns-nav button.tns-nav-active {
    border-color: #0061bb;
    background-color: #0061bb;
    border-radius: 0;
    width: 10px
}

section.small-product-slider.test_people .tns-nav {
    bottom: -30px
}

.email-addto-box {
    display: inline-block;
    margin-top: 10px
}

.products-grid .actions button.button.btn-cart:disabled {
    background: #716e6e;
    border-color: #716e6e;
    color: #fff
}

.add-to-cart .qty {
    height: 42px;
    border: 1px #e1e1e1 solid;
    border-radius: 0;
    text-align: center;
    margin-right: 0px;
    width: 80px;
    color: #aaa;
    display: inline-block
}

.qty-input-text {
    float: left;
    margin-left: 10px
}

.form-add-tags input.input-text, select, textarea {
    border: 1px solid #ddd;
    margin-top: 0;
    padding: 6px;
    width: 35%
}

.form-add-tags button.button {
    display: inline;
    background: #fff;
    padding: 6px 15px 6px 12px;
    border: 1px #ddd solid;
    background: #fff;
    padding: 7px 12px;
    transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s
}

.form-add-tags button.button:hover {
    display: inline;
    background: #3b3b3b;
    transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    border: 1px #3b3b3b solid;
    color: #fff
}

a.button.view-all {
    display: inline-block;
    border: 0;
    background: #fff;
    font-size: 11px;
    text-align: center;
    white-space: nowrap;
    color: #333;
    font-weight: bold;
    transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    vertical-align: top;
    border: 1px solid #ddd;
    text-transform: uppercase
}

.button.view-all:hover {
    background: #0061bb;
    transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    border: 1px solid #0061bb;
    color: #fff;
    text-decoration: none
}

.required {
    color: #ff0000
}

.box-reviews textarea {
    border: 1px #f1f1f1 solid;
    padding: 10px;
    outline: none;
    color: #aaa
}

.nobr {
    white-space: nowrap
}

.button:hover {
    border: 1px solid #3b3b3b;
    background: #3b3b3b;
    color: #FFF
}

.mousetrap {
    height: 100%;
    width: 100%
}

.featured-products {
    position: relative
}

.mini-products-list .price-box * {
    display: inline
}

.mini-products-list .price-box .price {
    margin-right: 10px
}

.breadcrumbs {
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    padding: 70px 0px;
    margin: auto;
    font-size: 11px;
    width: 100%;
    position: relative;
    z-index: 1;
}
.breadcrumbs:after{
    content: " ";
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #0061bb;
    opacity: .7;
    z-index: -1;
}
.breadcrumbs h1 {
    color: #fff;
    margin: 0
}

@media (max-width: 767px) {
    .breadcrumbs h1 {
        font-size: 20px
    }
    ul.google_translate_element {
        position: absolute;
        right: 5px;
    }
}

.breadcrumbs span {
    display: inline-block;
    margin: 0 5px 0 0px;
    font-size: 13px
}

.breadcrumbs ul {
    margin: 0 0 10px 0;
    padding: 0px
}

.breadcrumbs ul li {
    list-style-type: none;
    display: inline
}
.breadcrumbs ul li i{
    color: #fff;
    font-size: 10px;
}
.breadcrumbs strong, .breadcrumbs a {
    font-weight: 700;
    color: #fff !important
}

.breadcrumbs a:hover {
    border-bottom: 1px solid
}

.breadcrumbs img {
    filter: invert(100%)
}

.new_title {
    position: relative;
    margin-bottom: 0px;
    text-align: center
}

.latest-blog img {
    display: block;
    position: relative;
    width: 100%
}

.latest-blog {
    text-align: left;
    padding: 0px;
    margin: auto;
    padding-bottom: 5px;
    margin-top: 10px;
    overflow: hidden
}

.latest-blog .blog-title {
    margin: 15px 0
}

.latest-blog .blog_inner {
    border: 1px solid #f5f5f5;
    border-radius: 3px;
    background: #fff;
    padding: 10px
}

.latest-blog .blog_inner a {
    color: #000;
    font-size: 14px;
    font-weight: bold;
    margin: 0px
}

.latest-blog .blog_inner:hover {
    box-shadow: 0px 0px 4px 0px #5271ff;
    border-radius: 5px
}

.latest-blog .blog_inner:hover a, .latest-blog .blog_inner:hover h3 {
    color: #5271ff
}

.latest-blog .blog_inner .blog-img.blog-l:hover:after {
    height: 0;
    top: 50%;
    bottom: 50%;
    background: rgba(220, 170, 128, 0.3)
}

.latest-blog .blog_inner .blog-img.blog-l:after {
    position: absolute;
    cursor: pointer;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out
}

.latest-blog .blog_inner .blog-img.blog-l:hover:before {
    right: 50%;
    left: 50%;
    width: 0;
    background: rgba(220, 170, 128, 0.3)
}

.latest-blog .blog_inner .blog-img.blog-l:before {
    position: absolute;
    cursor: pointer;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out
}

@media (min-width: 768px) {
    .latest-blog .blog_inner .blog-img.blog-l a {
        justify-content: center;
        display: flex;
        -o-justify-content: center;
        -moz-justify-content: center;
        -webkit-justify-content: center;
        -os-justify-content: center;
        -o-display: flex;
        -moz-display: flex;
        -webkit-display: flex;
        -os-display: flex;
        align-items: center;
        position: relative;
        overflow: hidden;
        height: 180px
    }

    .latest-blog .blog_inner .blog-img.blog-l a img {
        max-width: 100%;
        max-height: 100%;
        width: auto
    }
    ul.google_translate_element {
        right: -25px;
    }
}

.latest-blog h3 {
    color: #000;
    font-size: 14px;
    text-decoration: none;
    margin: 5px 0 5px;
    height: 40px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.latest-blog .view_more {
    text-align: center;
    clear: both;
    margin: 0 -5px
}

.latest-blog p {
    font-size: 12px;
    line-height: 20px;
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    min-height: 60px;
    word-break: break-word
}

.post-date {
    color: #5e5f5f;
    font-weight: normal;
    font-size: 13px;
    margin-left: 0px
}

.blog_post img {
    max-width: 100%;
    height: auto
}

.blog_post img {
    margin-bottom: 20px;
    width: 100%
}

.blog-img a.info:hover {
    background: #222
}

.blog-img {
    position: relative
}

.item_bl_index {
    position: relative
}

.item_bl_index .as {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    padding: 7px 15px
}

.item_bl_index .as h3 {
    margin: 0;
    font-size: 15px;
    margin: 0 0 6px;
    font-weight: 600;
    color: #fff
}

@media (max-width: 425px) {
    .item_bl_index .as h3 {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical
    }
}

.item_bl_index .as .justify {
    color: #e8e8e8;
    margin: 0
}

@media (max-width: 425px) {
    .item_bl_index .as .justify {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }
}

.item_bl_index:hover .as h3 {
    color: #0061bb
}

.x .item_bl_index {
    margin-bottom: 10px
}

.slider-items-products {
    position: relative
}

.slider-items-products .item {
    text-align: center
}

#category-desc-slider img {
    width: 100%
}

.button, .btn, .button-inverse, .button-vote, .sidebar .button, .sidebar .btn, .dropdown .dropdown-menu .button, .buttons-set .back-link a, .scrolltop, .button-tabs li a {
    transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s
}

.btn:hover, .btn:focus, .button-inverse, .button-vote:hover, .sidebar .button:hover, .sidebar .button:focus, .sidebar .btn:hover, .sidebar .btn:focus, .form-list .bootstrap-select.btn-group .btn:hover .caret, .form-list .bootstrap-select.btn-group .btn:focus .caret, .buttons-set .back-link a:hover, .buttons-set .back-link a:focus, .scrolltop, .button-tabs li a:hover, .button-tabs li a:focus {
    border: 1px #0061bb solid;
    background: #0061bb;
    color: #FFF
}

@media (max-width: 767px) {
    .new_title.center {
        border-bottom: none
    }

    footer {
        margin-bottom: 50px
    }
}

.btn-remove1 {
    background-image: url(btn_remove.png);
    margin: 0px 0 0 18px;
    display: block;
    width: 15px;
    height: 13px;
    font-size: 0;
    line-height: 0;
    background-position: 0 0;
    background-repeat: no-repeat;
    text-indent: -999em;
    overflow: hidden;
    right: -3px;
    top: 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    float: right;
    margin-top: 6px
}

.block .block-title {
    color: #000;
    font-size: 18px;
    margin: 0;
    padding: 10px 10px 5px 10px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 15px;
    border-bottom: 2px #e5e5e5 solid;
    letter-spacing: -1px
}

.block-account .block-title {
    padding: 10px 0px 5px 15px
}

.block .block-title strong {
    font-weight: bold
}

.block .block-title a {
    text-decoration: none !important
}

.block .block-content .item {
    padding: 5px 0
}

.block .btn-remove, .block .btn-edit {
    float: right;
    margin-top: 6px
}

.sidebar .block .access .btn-remove {
    float: right;
    margin-top: -38px
}

.block .actions {
    text-align: left;
    padding: 8px 0
}

.block .actions a {
    float: right;
    margin-left: 10px;
    margin-bottom: 10px;
    font-weight: bold
}

.block .empty {
    color: #666666
}

.box-category {
    padding: 8px 0 0px
}

.box-category > ul > li {
    display: block;
    position: relative;
    box-shadow: 0 1px 0 #ddd, 0 2px 0 #FFFFFF;
    margin: 0
}

.box-category > ul > li.last {
    display: block;
    position: relative;
    box-shadow: 0 0px 0 #dbebf9, 0 0px 0 #FFFFFF
}

.box-category > ul > li:first-child {
    border-top: 0
}

.box-category > ul > li > a {
    color: #222;
    text-transform: none;
    display: block;
    font-size: 13px
}

.box-category > ul > li > a.active {
    color: #333333;
    font-weight: 900;
    margin-bottom: 0
}

.box-category > ul > li ul {
    display: none;
    padding-left: 0px !important;
    padding-bottom: 10px;
    padding-right: 0px !important
}

.box-category > ul > li > ul li {
    padding: 0px
}

.box-category > ul > li a.active {
    font-weight: normal
}

.box-category > ul > li a.active + ul {
    display: block
}

.box-category ul {
    list-style: none;
    margin: 0;
    padding: 0px 15px !important
}

.box-category ul li {
    position: relative
}

.box-category ul li a {
    padding: 8px 0px;
    display: block;
    font-weight: normal
}

.box-category ul li.double a {
    display: inline-block;
    margin: 0
}

.box-category a:hover {
    text-decoration: none;
    color: #5271ff
}

.box-category > ul > li ul > li > a {
    border-bottom: 0 solid #EAEAEA;
    font-size: 12px !important;
    margin: 0 !important;
    padding: 3px 16px !important;
    text-decoration: none;
    padding-left: 20px;
    color: #666666;
    transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s
}

.box-category > ul > li ul > li ul > li a {
    text-decoration: none;
    font-size: 13px !important;
    margin: 4px 8px !important;
    border-bottom: 0px solid #EAEAEA
}

.page-title h1, .page-title h2 {
    color: #000;
    font-size: 22px;
    font-weight: 500;
    text-transform: uppercase;
    margin-top: 0px
}

.col-main {
    font-size: 14px
}

select#billing-address-select {
    width: 570px;
    padding: 10px;
    margin-top: 5px;
    background: #f7f7f7;
    border: 1px solid #f7f7f7;
    outline: none;
    color: #aaa
}

legend {
    display: none
}

input.radio {
    margin-right: 3px
}

.radio, .checkbox {
    display: inline-block
}

.dashboard .welcome-msg {
    text-align: left;
    padding: 0px 0 5px;
    color: #333;
    font-size: 14px
}

.data-table {
    border: 1px solid #E5E5E5;
    border-spacing: 0;
    text-align: left;
    width: 100%;
    font-size: 12px
}

.my-account {
    width: 100%
}

.title-buttons a, .title-buttons .separator {
    margin-top: 0;
    display: inline-block;
    text-decoration: underline;
    color: #333
}

.box-account {
    margin-top: 15px;
    font-size: 12px
}

.box-account .page-title h2 {
    font-size: 16px
}

.box-account .col2-set a {
    text-decoration: underline
}

.box-account address {
    line-height: 21px;
    color: #000;
    border-bottom: none
}

.block .slider-title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.sidebar {
    font-size: 14px
}

.sidebar .block-layered-nav .price {
    font-size: 13px;
    font-weight: normal
}

.block-layered-nav .block-subtitle, .block-layered-nav dt {
    color: #565656;
    font-weight: 900
}

.block-layered-nav .currently ol {
    border: 1px solid #ececec;
    background-color: #f4f4f4;
    border-radius: 3px
}

a.remove-item-cart img {
    filter: hue-rotate(136deg)
}

div#popup-cart {
    z-index: 10000
}

.block-tags .actions a.view-all {
    text-transform: uppercase;
    color: #333;
    font-weight: 900
}

.block-tags .actions a.view-all:hover {
    color: #0061bb
}

.block .block-content .price {
    font-size: 12px;
    font-weight: bold;
    color: #0061bb
}

.block-account {
    background-color: #f7f7f7
}

.block-account .block-content {
    padding: 0 15px !important
}

.block-account .block-content ul {
    margin-top: 5px;
    margin-bottom: 5px
}

.block-account .block-content li {
    padding: 10px 0px;
    border-top: 1px #fff solid;
    border-bottom: 1px #ddd solid
}

.block-account .block-content li:first-child {
    border-top: none
}

.sidebar .block-content li.last {
    border-bottom: none
}

.block-account .block-content li a {
    cursor: pointer;
    padding: 0 12px;
    transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s
}

.block-account .block-content li a:hover {
    cursor: pointer;
    padding: 0 12px;
    color: #000
}

.sidebar .block-content li.current {
    font-weight: 900;
    color: #333
}

.block-currency select {
    width: 100%;
    margin-right: 8px
}

.block-layered-nav {
    background-color: #FFFFFF
}

.block-layered-nav .block-content {
    padding: 0
}

.block-layered-nav dt {
    font-weight: bold;
    overflow: hidden;
    padding: 8px 0 5px;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap
}

.block-layered-nav dd {
    margin: 0;
    padding: 0
}

.block-layered-nav dd ol {
    position: relative
}

.block-layered-nav .btn-remove {
    float: right
}

.block-list .price {
    color: inherit;
    font-size: 12px
}

.block-cart {
    padding: 0px;
    overflow: hidden
}

.block-cart .amount {
    margin-bottom: 5px
}

.block-cart .actions .paypal-logo {
    float: left;
    width: 100%;
    margin: 3px 0 0;
    text-align: right
}

.block-cart .actions .paypal-logo .paypal-or {
    clear: both;
    display: block;
    padding: 0 55px 5px 0
}

.block-cart .mini-products-list .product-details .product-name, .block-cart .mini-products-list .product-details .nobr small {
    word-wrap: break-word
}

.block-cart .mini-products-list .product-details .nobr {
    white-space: normal !important
}

.block-cart .summary {
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 1
}

.block-cart .subtotal {
    margin: 0;
    padding: 0;
    text-align: left;
    margin-bottom: 8px
}

.block-cart .block-content .summary .subtotal .label {
    background: none repeat scroll 0 0 transparent;
    border-radius: 0 0 0 0;
    box-shadow: none;
    font-weight: normal;
    padding: 2px 0;
    text-shadow: none;
    color: #000;
    font-size: 100%
}

.block-cart .subtotal .price {
    color: #0061bb;
    font-size: 12px;
    font-weight: bold
}

.ajax-checkout {
    border: 0 none;
    margin: 0;
    padding: 5px 0 5px;
    text-align: left;
    margin-bottom: 0px
}

.ajax-checkout a {
    border: 0px #dc436b solid;
    background: #323C46;
    text-shadow: 0 1px 0 #333;
    border-radius: 2px;
    color: #FFFFFF;
    font-size: 11px;
    padding: 8px 12px;
    text-transform: uppercase
}

.ajax-checkout a:hover {
    border: 0px #111 solid;
    background: #222;
    padding: 6px 10px;
    text-shadow: 0 1px 0 #000;
    border-radius: 2px;
    color: #FFFFFF;
    font-size: 11px;
    cursor: pointer
}

.sidebar .block-cart .block-subtitle {
    border-bottom: 1px solid #eee;
    padding-bottom: 6px;
    margin: 8px 0 8px;
    font-weight: 900;
    font-size: 13px
}

.col-left .block-cart .block-content ul li .product-details {
    float: right;
    width: 165px
}

.col-left .block-cart ul li.item {
    border-bottom: 1px solid #ECECEC;
    margin-bottom: 10px;
    padding-bottom: 12px
}

.col-left .block-cart ul li.item.last {
    border-bottom: none;
    margin-bottom: 5px;
    padding-bottom: 0px
}

.col-left .block-cart .block-content ul li a.product-image {
    display: inline
}

.col-left .block-cart .block-content ul li a.product-image img {
    border: 1px solid #ECECEC
}

.col-left .block-cart .block-content ul li .product-name {
    margin: 0 0 2px;
    font-size: 12px
}

.col-right .block-cart .block-content ul li .product-details {
    float: right;
    width: 172px
}

.col-right .block-cart ul li.item {
    border-bottom: 1px solid #ECECEC;
    margin-bottom: 5px;
    padding-bottom: 8px
}

.col-right .block-cart ul li.item.last {
    border-bottom: none;
    margin-bottom: 5px;
    padding-bottom: 0px
}

.col-right .block-cart .block-content ul li a.product-image {
    display: inline
}

.col-right .block-cart .block-content ul li a.product-image img {
    border: 1px #ddd solid
}

.col-right .block-cart .block-content ul li .product-name {
    margin: 0 0 2px;
    font-size: 12px
}

.price, .breadcrumbs li strong, .product-details span.price, #recently-viewed-items .price-box .special-price .price, #recently-viewed-items .price-box .regular-price .price, .availability.out-of-stock span {
    color: #eb0303
}

.related-slider {
    float: left;
    margin: auto;
    width: 100%;
    margin-bottom: 15px
}

.related-slider h2 {
    color: #333;
    font-size: 20px;
    margin: 0px 0 20px;
    text-align: left;
    text-shadow: 0 1px 0 #fff
}

.block-related .block-content {
    padding: 0px 0 10px 0;
    border: 1px solid #ECECEC;
    border-top: none;
    overflow: hidden
}

.block-related ul {
    margin: 0;
    padding: 0
}

.block-related li {
    padding: 5px 0
}

.block-related input.checkbox {
    position: absolute;
    left: 85px;
    top: 12px;
    z-index: 10
}

.block-related .product {
    margin-left: 20px
}

.block-related .product .product-image {
    float: left;
    margin-right: -65px
}

.block-related .product .product-details {
    margin-left: 65px
}

.block-related .mini-products-list .product-details {
    margin-left: 125px;
    text-align: left
}

.block-related .mini-products-list .product-details .product-name {
    text-align: left
}

.block-related .mini-products-list .product-image {
    width: 100px;
    margin: 0;
    padding: 0 10px
}

.block-related .block-subtitle {
    padding: 10px 10px 0 10px;
    font-size: 13px;
    font-weight: bold;
    margin: 0
}

.block-related .price-box .old-price .price {
    display: inline;
    font-size: 15px
}

.block-related a.link-cart {
    text-transform: uppercase;
    font-size: 12px;
    color: #23AEAC;
    font-weight: bold
}

.block-related a.link-cart:hover {
    text-transform: uppercase;
    font-size: 12px;
    color: #CA0000;
    font-weight: bold
}

.sidebar ol, .sidebar ul {
    list-style: none;
    padding: 0;
    margin: 0;
    padding: 0
}

.pager {
    margin: 0;
    text-align: center;
    padding: 0;
    clear: left
}

.pager .amount {
    float: left
}

.pager .limiter label {
    float: left;
    font-size: 12px;
    padding: 6px 0;
    margin-right: 10px;
    display: inline
}

.pager .pages {
    margin: 0 0
}

.pages .pagination {
    margin: auto;
    vertical-align: middle
}

.pager .pages li {
    display: inline-block
}

.pager .pages li a {
    box-shadow: none;
    border: 1px solid #F3F3F3;
    padding: 2px 10px;
    border-radius: 0px;
    color: #333
}

.pager .pages li a:hover {
    border: 1px solid #0061bb;
    color: #fff;
    background: #0061bb
}

.pages .pagination > .active > a, .pages .pagination > .active > span, .pages .pagination > .active > a:hover, .pages .pagination > .active > span:hover, .pages .pagination > .active > a:focus, .pages .pagination > .active > span:focus {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #0061bb;
    border-color: #0061bb
}

.sorter {
    padding: 0;
    margin: 0
}

.sorter .actions {
    float: left
}

.sorter .view-mode {
    float: left;
    margin-top: 6px;
    margin-right: 20px;
    margin-left: 0px
}

.sorter .sort-by {
    float: left;
    margin-top: 6px
}

.toolbar {
    clear: both;
    margin-top: 0px;
    padding: 10px 0 0 0px;
    display: inline-block;
    width: 100%
}

.toolbar .sorter {
    float: left
}

.toolbar-bottom {
    margin-top: 0
}

.toolbar .pager .pages ol {
    float: none
}

.right-arrow {
    float: right
}

.pager .amount, .sorter .amount {
    padding-left: 10px;
    margin-top: 4px;
    display: inline-block
}

.pager .button {
    padding: 4px 5px;
    background-color: #fff
}

.pager .button:hover {
    padding: 4px 5px;
    background-color: #fff
}

.pager .limiter label, .toolbar label {
    display: inline;
    float: left;
    margin-right: 10px;
    padding: 5px 0;
    font-size: 12px;
    font-weight: normal
}

.pager .pages label {
    display: none
}

.margin-top-20 {
    margin-top: 20px
}

.pager .amount {
    margin-right: 20px
}

.cart {
    padding: 10px 0;
    margin-top: 5px
}

.cart .page-title {
    margin: 0 0 5px;
    padding: 0 0 4px
}

.cart .page-title h2 {
    font-size: 22px
}

#shopping-cart-table {
    border: none;
    float: left;
    width: 100%;
    background-color: #FFFFFF;
    text-align: left;
    margin-top: 12px
}

.cart-table .btn-continue {
    float: left
}

button.button span {
    font-weight: 400;
    text-transform: uppercase
}

.data-table td {
    line-height: 20px;
    padding: 10px;
    vertical-align: top
}

#shopping-cart-table tfoot tr td.last {
    border-top: none
}

#shopping-cart-table button.button {
    display: inline-block;
    border: 0;
    background: #fff;
    padding: 8px 12px;
    font-size: 11px;
    text-align: center;
    white-space: nowrap;
    color: #333;
    font-weight: normal;
    transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    vertical-align: top;
    cursor: pointer;
    overflow: visible;
    width: auto;
    outline: none;
    -webkit-border-fit: lines;
    text-transform: uppercase;
    border: 1px solid #ddd
}

#shopping-cart-table button.button:hover {
    background: #0061bb;
    transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    color: #fff;
    border: 1px #0061bb solid
}

.cart-table .btn-update, .cart-table .btn-empty {
    float: right;
    margin-left: 8px
}

#shopping-cart-table .product-name {
    margin: 0px;
    padding-bottom: 0px;
    font-size: 14px
}

#shopping-cart-table input.qty {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #ddd;
    font-size: 15px;
    font-weight: normal;
    margin: 0 !important;
    outline: medium none;
    padding: 8px 5px 8px 12px;
    width: 55px
}

#shopping-cart-table .edit-bnt {
    float: left
}

.edit-bnt span {
    display: none
}

#shopping-cart-table a.remove-item {
    background-color: #fff;
    background-image: none;
    color: #333;
    cursor: pointer;
    padding: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    cursor: pointer;
    text-decoration: none;
    float: left;
    transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    border: none
}

h1.title_head {
    font-size: 25px
}

#shopping-cart-table a.remove-item span {
    display: none
}

.totals h3 {
    border-bottom: 1px solid #ddd;
    color: #000;
    font-size: 15px;
    margin-bottom: 5px;
    padding: 10px 0;
    text-transform: uppercase;
    letter-spacing: 1px
}

.cart-collaterals .col2-set .col-2 {
    width: 320px
}

.totals .inner {
    padding: 4px 0px 15px 0px;
    background-color: #fff;
    margin-top: 0px
}

.cart-collaterals h3 {
    font-size: 15px;
    color: #000;
    margin-bottom: 15px;
    border-bottom: 1px #ddd solid;
    padding: 10px 0;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-top: 20px
}

#shipping-zip-form p {
    margin: 2px 0 4px
}

.form-list {
    margin: 0;
    padding: 0;
    list-style: none
}

.form-list li {
    margin: 0 0 10px;
    position: relative
}

.form-list label {
    position: relative;
    z-index: 0;
    font-weight: normal;
    color: #333;
    display: inline
}

#shipping-zip-form .form-list label {
    display: block
}

.form-list label.required em {
    font-style: normal
}

.required em {
    color: #ff0000
}

.form-list .input-box {
    display: block;
    margin-bottom: 0
}

.form-list select {
    margin: 5px 0 2px;
    width: 100%;
    outline: none
}

.shipping {
    margin-top: 20px
}

.discount {
    margin-top: 20px
}

.shipping .form-list select {
    width: 100%;
    background-color: #F0F0F0;
    border: 1px #f0f0f0 solid;
    padding: 10px
}

.form-list input.input-text {
    background: #f0f0f0;
    border: 1px solid #f0f0f0;
    padding: 10px;
    width: 100%;
    margin-top: 5px;
    outline: none;
    color: #aaa
}

.shipping .form-list input.input-text {
    width: 100%
}

input.input-text, select, textarea {
    outline: none;
    border: 1px solid #ebebeb;
    padding: 7px 10px;
    width: 100%;
    max-width: 100%;
    display: block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

input#coupon_code {
    margin: 8px 0;
    width: 100%
}

#shopping-cart-totals-table {
    float: right;
    width: 100%;
    padding-bottom: 8px
}

.cart .totals table th, .cart .totals table td {
    padding: 5px;
    border: none !important;
    background: none !important;
    border: medium none !important;
    box-shadow: none !important;
    color: #333 !important
}

.checkout {
    color: #666666;
    padding-top: 5px;
    text-align: center;
    list-style: none;
    padding: 0;
    margin: 0
}

button.button.btn-proceed-checkout {
    background: #0061bb;
    padding: 20px 45px;
    color: #fff;
    width: 100%
}

button.button.btn-proceed-checkout:hover {
    background: #333;
    color: #fff;
    border: 1px #000 solid
}

button.button.btn-proceed-checkout span {
    font-size: 18px;
    font-weight: normal
}

.checkout a {
    text-decoration: underline;
    color: #33c5fb;
    margin-top: 10px;
    display: block
}

#shopping-cart-totals-table .price {
    font-size: 14px;
    color: #0061bb
}

#shopping-cart-totals-table strong span.price {
    font-weight: 900
}

.a-right {
    text-align: right !important
}

.crosssel h2 {
    border-bottom: 1px solid #e5e5e5;
    color: #666;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 0;
    padding-bottom: 7px;
    text-align: left;
    text-transform: uppercase;
    width: 100%
}

.variant-title {
    color: #686868
}

small {
    font-size: 85%;
    font-weight: normal;
    text-transform: lowercase
}

a:hover small {
    color: #fff
}

.state_bar {
    padding: 0;
    overflow: hidden;
    background-color: #FFFFFF;
    padding: 35px 0
}

.checkout-progress {
    padding-top: 0px;
    margin: 0px 0 0px;
    overflow: hidden;
    padding: 0;
    list-style: none
}

.checkout-progress li {
    list-style-type: none;
    width: 19%;
    text-align: center;
    color: #999;
    margin-right: 0px;
    padding: 5px 7px;
    text-transform: uppercase;
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: normal;
    letter-spacing: 1px;
    display: inline-block;
    margin-right: -3px
}

.checkout-progress li.active {
    background-color: #fff;
    border-bottom: 1px solid #0061bb;
    color: #0061bb
}

.multiple_addresses {
    margin-bottom: 30px;
    background-color: #FFFFFF;
    padding: 0 0 15px 0
}

.page-title_multi h2 {
    font-size: 25px;
    float: left;
    color: #000;
    font-weight: 500;
    text-transform: uppercase
}

.multiple_addresses .title-buttons {
    text-align: right
}

.addresses {
    margin-bottom: 15px;
    float: left;
    width: 100%
}

#multiship-addresses-table {
    margin-top: 5px;
    border: none
}

#multiship-addresses-table h4 {
    font-size: 12px;
    margin: 0;
    line-height: 18px
}

.multiple-checkout select {
    width: 100%;
    min-width: 200px
}

#multiship-addresses-table .btn-remove {
    background-color: #fff;
    background-image: none;
    color: #333;
    cursor: pointer;
    padding: 12px 15px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    cursor: pointer;
    text-decoration: none;
    border: 1px solid #fff;
    float: left;
    transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    line-height: 12px
}

#multiship-addresses-table .btn-remove:hover {
    background-image: none;
    padding: 12px 15px;
    color: #fff;
    background-color: #0061bb;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 1px #0061bb solid
}

#multiship-addresses-table .btn-remove span {
    display: none
}

#multiship-addresses-table input.input-text {
    background-color: #FFF;
    padding: 10px 5px 10px 15px;
    border: 1px solid #ddd
}

.state_bar li {
    width: 19%
}

.multiple_addresses .addresses {
    margin: 15px 0
}

.multiple_addresses .buttons-set {
    width: 90%;
    margin: auto
}

.multiple_addresses .multiple-checkout {
    padding-bottom: 15px
}

.multiple_addresses .buttons-set {
    margin: 10px 0
}

.back-link {
    float: left
}

.multiple-checkout .buttons-set .button {
    float: right
}

span.span_pending {
    color: red
}

span.span_fulfilled, span.span_paid {
    color: #00a700
}

.group-select ul {
    padding-left: 0px
}

.content-wrapper {
    margin: auto;
    text-align: center;
    background-color: #fff;
    padding-top: 50px;
    padding-bottom: 80px
}

.page-not-found h2 {
    color: #da2c2a;
    font-size: 160px;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 15px
}

.page-not-found h3 {
    color: #333;
    font-size: 20px;
    font-weight: normal;
    margin-bottom: 4em;
    text-transform: none
}

.page-not-found h3 img {
    margin-right: 8px;
    vertical-align: text-bottom
}

.page-not-found p {
    color: #666;
    font-size: 1.33em;
    line-height: 1.5em;
    margin-bottom: 0.75em
}

.page-not-found .btn-home {
    background-color: #0061bb;
    border: medium none;
    border-radius: 2px 2px 2px 2px;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    padding: 14px 35px;
    text-decoration: none;
    height: auto;
    font-weight: normal;
    text-transform: uppercase;
    transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s
}

.page-not-found .btn-home:hover {
    background-color: #000
}

.page-not-found .btn-home span {
    margin: 0;
    padding: 0px;
    text-align: center;
    font-size: 18px;
    font-weight: normal;
    line-height: 16px;
    text-decoration: none
}

#toTop {
    color: #fff;
    text-align: center;
    bottom: 5px;
    top: initial !important;
    display: none;
    height: 45px;
    line-height: 45px;
    overflow: hidden;
    position: fixed;
    right: 25px;
    text-decoration: none;
    width: 45px;
    border-radius: 50%;
    background: url(/tp/T0487/img/to-top-arrow2.webp) no-repeat center;
    background-color: #0061bb;
    text-transform: uppercase;
    z-index: 100
}

#toTop:hover {
    color: #fff;
    background-color: #5271ff;
}

.brand-logo {
    margin: auto;
    background-color: #f5f5f5;
    overflow: hidden;
    padding: 15px 0;
    position: relative;
    z-index: 1;
}

footer {
    padding: 0 0 0;
    overflow: hidden;
    background-color: #292929;
    position: relative;
}

footer ul {
    margin: 0;
    padding: 0;
}

footer ul li {
    list-style-type: none;
}

footer .footer-logo {
    margin-bottom: 15px
}

footer .footer-inner {
    position: relative;
    z-index: 2;
    margin: auto;
    overflow: hidden;
    padding-top: 40px;
}

footer .footer-inner h3 {
    color: #3D4C4F;
    font-size: 15px;
    text-transform: uppercase;
    margin: 0 0 15px;
    padding: 0 0 10px;
}

footer .footer-inner .footer-mid {
    background: #f3f3f3;
    padding: 10px 0 0;
    margin-top: 40px;
}

footer .footer-inner .footer-mid a, footer .footer-inner .footer-mid p {
    color: #111111;
}

footer:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #000000;
    opacity: 0.6;
    z-index: 0
}

footer .footer-column a {
    transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s
}

footer a, footer p {
    font-size: 14px;
    color: #eaeaea;
    padding-top: 5px;
    padding-bottom: 5px
}

footer a {
    line-height: normal
}

footer h4 {
    padding: 10px 0 10px;
    font-size: 16px;
    margin: 0;
    color: #fff;
    font-weight: bold
}

footer p {
    line-height: 20px
}

footer .input-text:focus {
    background: #fff;
    border-color: #464646
}

footer .coppyright {
    color: #666;
    line-height: 33px
}

@media (min-width: 992px) {
    footer .coppyright {
        float: left
    }
}

@media (max-width: 991px) {
    footer .coppyright {
        text-align: center
    }
}

footer .footer-column a {
    display: block;
    color: #eaeaea
}

footer .footer-column a:hover {
    color: #5271ff
}

footer address {
    display: block;
    margin: auto;
    font-style: normal;
    color: #eaeaea;
    padding-top: 0px;
    margin-top: 0px;
    text-align: left;
    padding-bottom: 0px;
    margin-bottom: 0px;
    font-size: 14px;
    border: none
}

footer .email-footer {
    overflow: hidden;
    margin-top: 5px;
    font-size: 14px;
    margin-bottom: 5px
}

footer .email-footer a {
    font-size: 14px
}

footer .phone-footer {
    overflow: hidden;
    font-size: 14px;
    color: #eaeaea;
    margin-bottom: 5px;
    margin-top: 5px
}

.com-add {
    border-bottom: 1px solid #f7f7f7;
    margin-bottom: 10px;
    padding-bottom: 6px
}

.footer-column-1 {
    line-height: 18px
}

.footer-column-last {
    margin-right: 0px;
    margin-bottom: 15px;
    padding-left: 0px
}

.footer-column-last li {
    padding: 0px 0 5px
}

.footer-bottom .inner {
    margin: auto;
    padding: 20px 0 15px;
    height: 60px
}

.footer-bottom .inner a {
    color: #aaa
}

.footer-bottom .inner .bottom_links a {
    margin-left: 15px
}

.footer-bottom .inner a:hover {
    color: #fff
}

.vbline address, .vbline .phone-footer, .vbline .email-footer {
    position: relative
}

.vbline img {
    position: absolute;
    top: 5px
}

.vbline address img {
    top: 0px
}

.vbline span, .vbline a {
    padding-left: 25px;
    display: inline-block
}

.footer-bottom {
    padding: 0px;
    overflow: hidden;
    width: 100%;
    margin: auto;
    padding: 18px 0;
    background: #111111
}

.footer-bottom .company-links ul {
    padding: 0px
}

.footer-bottom .company-links li {
    display: inline-block;
    margin-left: 20px;
    list-style: none;
    float: right
}

.footer-bottom .bottom_links li {
    margin-left: 20px
}

.custom-footer-links li {
    margin: 7px 0
}

.payment-accept {
    color: #333333;
    font-size: 12px
}

.payment-accept img {
    margin-left: 10px;
    width: 60px;
    width: 50px
}

.payment-accept img.first {
    margin-left: 0px
}

.contact-info {
    text-align: center
}

ul.contact-info span {
    font-size: 13px !important;
    font-weight: 900 !important;
    color: #666;
    float: left
}

ul.contact-info li {
    margin-bottom: 8px;
    padding-bottom: 8px;
    display: inline-block
}

ul.contact-info li.last {
    float: left;
    margin-bottom: 0px;
    border-bottom: 0px #2D3D4C solid
}

.footer-box {
    width: 1240px;
    margin: auto
}

footer ul span {
    display: inline-block;
    font-size: 20px;
    font-weight: 300;
    line-height: 15px;
    padding-right: 3px
}

address {
    display: block;
    margin: auto;
    font-style: normal;
    line-height: 21px;
    color: #999;
    padding-top: 10px;
    margin-top: 10px;
    text-align: left;
    padding-bottom: 15px;
    border-bottom: 1px #eaeaea solid;
    margin-bottom: 15px
}

.footer-column-1 {
    text-align: center
}

.footer-column-1 .footer-logo img {
    max-height: 80px
}

.footer-column-1 .social {
    overflow: hidden;
    padding: 10px 0;
    position: relative
}

.footer-column-1 .social a {
    display: inline-block;
    margin: 0 5px
}

.footer-column-1 .social a.instagram img {
    border-radius: 20px
}

.footer-column-1 .social:before, .footer-column-1 .social:after {
    position: absolute;
    content: '';
    height: 1px;
    background-color: rgba(148, 148, 148, 0.5);
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%)
}

@media (min-width: 415px) {
    .footer-column-1 .social:before, .footer-column-1 .social:after {
        width: 50%
    }
}

@media (max-width: 414px) {
    .footer-column-1 .social:before, .footer-column-1 .social:after {
        width: 80%
    }
}

.payment-accept {
    color: #333333;
    margin: auto;
    overflow: hidden;
    padding-top: 0px
}

@media (min-width: 768px) {
    .payment-accept {
        text-align: right
    }
}

@media only screen and (min-width: 320px) and (max-width: 479px) {
    .newsletter-wrap .social {
        margin-top: 25px;
        float: left !important
    }

    .my-wishlist .buttons-set2 .btn-add {
        margin: 5px 0px
    }

    .item-content .price-box {
        min-height: 45px
    }

    .box-reviews .review {
        border-left: 0px solid #DFDFDF;
        padding-left: 0em;
        width: 100%
    }

    .toplinks div.links div a {
        padding: 3px 5px
    }

    .toplinks div.links div a {
        margin-left: 0px
    }

    .toplinks > div > div.myaccount > a:before {
        font-size: 13px;
        padding-right: 0px
    }

    .toplinks {
        margin-left: 0px
    }

    .caret {
        margin-left: -3px
    }

    .nav-inner {
        height: auto;
        width: 100%;
        margin: auto;
        line-height: normal
    }

    #mobile-menu {
        display: block !important;
        margin: auto;
        height: 65px
    }

    ul.navmenu {
        padding: 0px;
        margin: auto
    }

    .mini-cart .basket a {
        margin: 0px;
        font-size: 14px;
        letter-spacing: normal;
        background: none;
        font-weight: normal;
        min-width: 40px !important
    }

    .top-cart-contain {
        margin-top: 20px;
        position: absolute
    }

    .top-cart-content {
        top: 43px;
        right: 6px
    }

    .the-slideshow .tab-pager {
        left: 40%
    }

    .header-service {
        display: none
    }

    .offer-banner-section img {
        width: 100%;
        margin-bottom: 15px
    }

    .latest-blog .blog-l {
        width: 100%
    }

    .service-section .services {
        padding: 20px 0px;
        width: 100%;
        border-bottom: 1px #e5e5e5 solid;
        border-left: 1px #fff solid;
        border-right: none
    }

    .col {
        padding: 0px 0px 30px 0px;
        width: 100%
    }

    .col img {
        width: 100% !important
    }

    .products-grid .item {
        margin: 20px 0px 8px 0
    }

    .bag-product-slider .col-xs-4 {
        padding: 0 3px
    }

    .ratings .rating-links {
        display: none
    }

    .actions button.button.btn-cart {
        margin: 5px 5px 0 5px;
        padding: 9px 5px 9px 5px;
        line-height: 10px
    }

    .actions button.button.btn-cart span {
        font-size: 10px
    }

    .col-item a.thumb span.quick-view {
        display: none
    }

    .magik-producttabs ul.pdt-list li.item a.thumb span.quick-view {
        display: none
    }

    footer .footer-inner {
        padding-top: 10px
    }

    footer .coppyright {
        text-align: center
    }

    .company-links {
        text-align: center
    }

    .social ul li {
        margin-right: 4px
    }

    .payment-accept {
        float: none !important
    }

    .page-title h2 {
        font-size: 20px;
        margin: 10px 0px
    }

    .toolbar .pager {
        float: left;
        margin: 6px 0px;
        width: 100%
    }

    .pager .pages li a {
        padding: 2px 7px
    }

    .pager .limiter label, .toolbar label {
        display: none
    }

    .products-list .actions button.button.btn-cart {
        padding: 13px 10px
    }

    .col-left .block-cart .block-content ul li .product-details {
        width: 75%
    }

    .side-nav-categories {
        margin-bottom: 10px
    }

    .block .block-title {
        margin-bottom: 5px
    }

    .block .block-content {
        padding: 5px 0px 5px 0px
    }

    .block {
        margin: 0px 0px 25px 0px
    }

    .products-grid .actions button.button.btn-cart span {
        font-size: 10px
    }

    .nav-tabs > li {
        width: 100%;
        text-align: center;
        margin-bottom: 1px;
        border-bottom: 1px solid #ddd
    }

    select#billing-address-select {
        width: 100%
    }

    .sidebar .block dl {
        padding: 0px 10px
    }

    .group-select li .input-box input.input-text, .group-select li .input-box textarea {
        width: 100%
    }

    .group-select li .input-box {
        width: 100%
    }

    .group-select li input.input-text, .group-select li textarea {
        width: 100%
    }

    .group-select li select {
        width: 100%
    }

    #shopping-cart-table {
        margin-top: 0px
    }

    label {
        font-weight: normal
    }

    button.button span {
        font-weight: normal
    }

    button.button.btn-proceed-checkout {
        padding: 20px 20px
    }

    button.button.btn-proceed-checkout span {
        font-size: 16px
    }

    .crosssel h2 {
        font-size: 13px;
        font-weight: normal
    }

    .cart-collaterals h3 {
        font-size: 14px
    }

    .back-link {
        float: none;
        display: block;
        padding: 7px 0px
    }

    .state_bar li {
        width: 100%
    }

    .account-login .col2-set .col-1 {
        width: 100%;
        padding: 10px;
        min-height: inherit;
        margin-bottom: 15px
    }

    .account-login .col2-set .col-2 {
        width: 100%;
        padding: 10px
    }

    .popup1 {
        display: none !important
    }

    #overlay {
        display: none !important
    }

    .product-next-prev {
        display: none
    }
}

@media only screen and (min-width: 767px) and (max-width: 991px) {
    #mobile-menu {
        display: inherit;
        margin: auto
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    #mobile-menu ul.navmenu .menutop {
        margin-top: 15px
    }

    .aside.aside-policy {
        margin: 20px 0
    }

    .category-products ul#crosssell-products-list li.item {
        width: 44%
    }

    .box-reviews .review {
        border-left: 0px solid #DFDFDF;
        padding-left: 0em;
        width: 100%
    }

    .toplinks div.links div a {
        padding: 3px 10px
    }

    .toplinks div.links div a {
        margin-left: 0px
    }

    .toplinks > div > div.myaccount > a:before {
        font-size: 13px;
        padding-right: 0px
    }

    .nav-inner {
        height: auto;
        width: 100%;
        margin: auto
    }

    #mobile-menu {
        display: inherit;
        margin: auto;
        height: 80px
    }

    ul.navmenu {
        padding: 0px;
        margin: auto
    }

    .mini-cart .basket a {
        margin: 0px;
        font-size: 14px;
        letter-spacing: normal;
        background: none;
        font-weight: normal;
        min-width: 40px !important
    }

    .top-cart-contain {
        margin-top: 20px;
        position: absolute
    }

    .top-cart-content {
        top: 43px;
        right: 6px
    }

    .the-slideshow .slideshow .slide img {
        width: 100%
    }

    .slideshow-wrapper .backward {
        top: 30% !important;
        width: 17px !important;
        height: 45px !important
    }

    .slideshow-wrapper .forward {
        right: 10px !important;
        top: 30% !important;
        background: url(slideshow-arrows.png) -84px 0 no-repeat !important;
        width: 17px !important;
        height: 45px !important
    }

    ul.slideshow {
        height: 157px !important
    }

    .the-slideshow .tab-pager {
        left: 46%
    }

    .service-section .services {
        padding: 20px 0px;
        width: 100%;
        border-bottom: 1px #e5e5e5 solid;
        border-left: 1px #fff solid;
        border-right: none
    }

    .magik-producttabs .magik-pdt-content ul.pdt-list li {
        width: 28%;
        margin-left: 10px;
        margin-right: 2%
    }

    .payment-accept {
        float: none !important
    }

    .footer-bottom .inner .bottom_links a {
        margin-left: 9px;
        float: left !important;
        font-size: 11px
    }

    .page-title h2 {
        font-size: 24px
    }

    .toolbar .pager {
        float: left;
        margin: 6px 0px;
        width: 100%
    }

    .pager .pages li a {
        padding: 2px 8px
    }

    .col-left .block-cart .block-content ul li .product-details {
        width: 80%
    }

    .products-list .product-shop {
        width: 65%;
        margin: 0px 0
    }

    .products-list .product-image {
        width: 30%
    }

    .products-list .product-image img {
        width: 100%
    }

    .products-list .actions button.button.btn-cart {
        padding: 11px 10px
    }

    .col-left .block-cart .block-content ul li .product-details {
        width: 84%
    }

    .products-grid .actions button.button.btn-cart span {
        font-size: 10px
    }

    .nav-tabs > li {
        width: 100%;
        text-align: center;
        margin-bottom: 1px;
        border-bottom: 1px solid #ddd
    }

    .product-view .product-name h1 {
        font-size: 24px
    }

    select#billing-address-select {
        width: 100%
    }

    .sidebar .block dl {
        padding: 0px 10px
    }

    select#billing-address-select {
        width: 100%
    }

    .sidebar .block dl {
        padding: 0px 10px
    }

    #shopping-cart-table {
        margin-top: 0px
    }

    label {
        font-weight: normal
    }

    button.button span {
        font-weight: normal
    }

    .back-link {
        float: none;
        display: block;
        padding: 7px 0px
    }

    .state_bar li {
        width: 50%
    }

    .account-login .col2-set .col-1 {
        width: 100%;
        padding: 10px;
        min-height: inherit;
        margin-bottom: 15px
    }

    .account-login .col2-set .col-2 {
        width: 100%;
        padding: 10px
    }

    .popup1 {
        display: none !important
    }

    #overlay {
        display: none !important
    }

    .newsletter-wrap .social {
        margin-top: 25px;
        float: left !important
    }

    .header-service {
        display: none
    }

    .offer-banner-section img {
        width: 100%;
        margin-bottom: 15px
    }

    .latest-blog .blog-l {
        width: 100%
    }

    .service-section .services {
        padding: 20px 0px;
        width: 100%;
        border-bottom: 1px #e5e5e5 solid;
        border-left: 1px #fff solid;
        border-right: none
    }

    .col {
        padding: 20px 15px
    }

    .col img {
        width: 100% !important
    }

    .newsletter-wrap {
        padding: 15px 0;
        margin-bottom: 15px
    }

    footer .footer-inner {
        padding-top: 15px
    }

    .product-next-prev {
        right: 16px;
        margin-top: 0px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #mobile-menu {
        display: inherit;
        margin: auto;
        height: 80px;
        left: 10px
    }

    .category-products ul#crosssell-products-list li.item {
        width: 29%
    }

    .box-reviews .review {
        width: 75%
    }

    #nav ul.level0 > li {
        width: 129px;
        margin: 0px 7px
    }

    #nav ul.level0 > li.last {
        width: 136px
    }

    #nav ul.level1 > li a {
        font-size: 12px
    }

    #nav ul.level1 > li {
        width: 135px
    }

    #nav .level0-wrapper .nav-add .push_item {
        width: 22.8%;
        height: auto;
        margin-right: 15px
    }

    #nav .level0-wrapper .nav-add .push_item img {
        width: 100%;
        height: auto
    }

    #nav .level0-wrapper .nav-add .push_item .push_img a {
        height: 95px;
        width: 100%
    }

    #nav .level0-wrapper .nav-add .push_item_last {
        width: 22.8%
    }

    #nav .level0-wrapper .nav-add .push_item_last img {
        width: 100%
    }

    #nav .level0-wrapper, #nav.classic .parent > ul {
        width: 740px !important;
        margin: auto;
        padding: 10px 4px 10px 0px
    }

    #nav ul.level0 > li > a {
        padding: 10px 0px 10px 0px
    }

    .nav-block-center {
        margin-top: 5px
    }

    #nav ul.level3 > li {
        width: 175px
    }

    .cat-img {
        margin-top: 5px
    }

    .slideshow-wrapper .browse-button, .slideshow-wrapper .tab-pager {
        z-index: 5
    }

    .custom-menu .grid12-5 img {
        width: 100%
    }

    #nav .level0-wrapper .nav-add {
        padding-left: 10px
    }

    #nav ul.level0 > li .cat-img img {
        width: 135px
    }

    .nav-inner {
        width: 740px
    }

    .mini-cart .basket a {
        min-width: 100% !important
    }

    .the-slideshow .slideshow .slide img {
        width: 100% !important
    }

    ul.slideshow {
        height: 255px !important
    }

    .slideshow-wrapper .backward {
        top: 37% !important;
        width: 22px !important
    }

    .slideshow-wrapper .forward {
        top: 37% !important;
        background: url(slideshow-arrows.png) -79px 0 no-repeat !important;
        width: 22px !important
    }

    .service-section .services {
        width: 357px;
        border-bottom: 1px #e5e5e5 solid;
        border-left: 1px #e5e5e5 solid
    }

    .service-section .last {
        border-right: 1px #e5e5e5 solid !important
    }

    .col {
        padding: 20px 0px 20px 0px;
        width: 100%
    }

    .col img {
        width: 100% !important
    }

    .page-title h2 {
        font-size: 24px
    }

    .toolbar .pager {
        float: left;
        margin: 6px 0px;
        width: 100%
    }

    .pager .pages li a {
        padding: 2px 8px
    }

    .sidebar ol, .sidebar ul li ul {
        padding: 0px !important
    }

    .box-category > ul > li ul > li > a {
        padding: 6px 10px !important
    }

    .side-nav-categories ul#magicat ul li a span {
        padding-left: 5px;
        display: block;
        float: left;
        width: calc(100% - 10px)
    }

    .box-category > ul > li ul > li ul > li a span {
        padding-left: 5px;
        display: block;
        float: left;
        width: calc(100% - 10px)
    }

    .products-list .actions button.button.btn-cart {
        padding: 11px 10px
    }

    .col-left .block-cart ul li.item {
        display: inline-block
    }

    .col-left .block-cart .block-content ul li .product-details {
        width: 56%
    }

    .side-nav-categories {
        margin-bottom: 10px
    }

    .button, .btn, .button-inverse, .button-vote, .sidebar .button, .sidebar .btn, .dropdown .dropdown-menu .button, .buttons-set .back-link a, .scrolltop, .button-tabs li a {
        margin-bottom: 5px
    }

    .block-banner img {
        width: 100%
    }

    .block .block-title {
        margin-bottom: 5px
    }

    .block .block-content {
        padding: 5px 0px 5px 0px
    }

    .block {
        margin: 0px 0px 25px 0px
    }

    .products-list .product-shop {
        width: 51%;
        margin-left: 15px
    }

    .products-list .product-image {
        width: 45%
    }

    .products-list .item a img {
        width: 100%
    }

    .product-view .product-shop ul li {
        width: auto;
        text-align: left
    }

    .product-view .add-to-links span {
        width: 100%;
        text-align: left;
        margin: 5px 0px
    }

    .product-view .email-friend a {
        padding: 0px;
        text-align: left
    }

    .product-view .email-friend {
        text-align: left
    }

    .product-img-box img {
        width: 100%
    }

    .product-view .product-name h1 {
        font-size: 23px
    }

    .product-view .product-name h1 {
        font-size: 23px;
        font-weight: 600
    }

    .sidebar .block dl {
        padding: 0px 10px
    }

    #shopping-cart-table {
        margin-top: 0px
    }

    label {
        font-weight: normal
    }

    button.button span {
        font-weight: normal
    }

    button.button.btn-proceed-checkout span {
        font-size: 15px
    }

    button.button.btn-proceed-checkout {
        padding: 20px 4px
    }

    .cart-collaterals h3 {
        font-size: 14px
    }

    .top-cart-contain {
        margin: 20px 0px 0px 0px
    }

    .header-service {
        display: none
    }

    .offer-banner-section img {
        width: 100%;
        margin-bottom: 15px
    }

    .latest-blog .blog-l {
        width: 100%
    }

    .service-section .services {
        padding: 20px 0px;
        width: 100%;
        border-bottom: 1px #e5e5e5 solid;
        border-left: 1px #fff solid;
        border-right: none
    }

    .col {
        padding: 20px 15px
    }

    .col img {
        width: 100% !important
    }

    .newsletter-wrap {
        padding: 15px 0;
        margin-bottom: 15px
    }

    footer .footer-inner {
        padding-top: 15px
    }

    .RHS-banner {
        display: none
    }

    .newsletter-wrap .social {
        margin-top: 25px;
        float: left !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    button.button.btn-proceed-checkout {
        padding: 20px 20px
    }

    .header-service .col-md-3 {
        padding: 0px 10px
    }

    #nav .level0-wrapper, #nav.classic .parent > ul {
        padding-top: 15px
    }

    #nav ul.level0 > li {
        width: 168px;
        margin: 0px 0px 0px 10px
    }

    #nav ul.level0 > li.last {
        width: 136px
    }

    #nav ul.level1 > li a {
        display: inline-flex;
        float: none
    }

    #nav .level0-wrapper .nav-add .push_item {
        width: 23.3%;
        height: auto;
        margin-right: 15px
    }

    #nav .level0-wrapper .nav-add .push_item img {
        width: 100%;
        height: auto
    }

    #nav ul.level0 > li .cat-img img {
        width: 100%
    }

    #nav .level0-wrapper .nav-add .push_item .push_img a {
        height: 95px;
        width: 100%
    }

    #nav .level0-wrapper .nav-add .push_item_last {
        width: 23.3%
    }

    #nav .level0-wrapper .nav-add .push_item_last img {
        width: 100%
    }

    #nav .level0-wrapper, #nav.classic .parent > ul {
        width: 100% !important;
        margin: auto;
        padding: 10px 4px 10px 0px
    }

    .nav-block-center {
        margin-top: 5px
    }

    #nav ul.level3 > li {
        width: 169px
    }

    #nav ul.level3 > li > a {
        font-size: 12px;
        letter-spacing: normal
    }

    #nav ul.level1 > li {
        font-size: 12px
    }

    #nav .grid13-8 ul.level0 > li {
        width: 150px
    }

    .slideshow-wrapper .browse-button, .slideshow-wrapper .tab-pager {
        z-index: 5
    }

    .cat-img img {
        width: 170px
    }

    .custom-menu .grid12-5 img {
        width: 100%
    }

    #nav .level0-wrapper .nav-add {
        padding-left: 10px
    }

    .mini-cart .basket a {
        min-width: 100% !important
    }

    .top-cart-content {
        right: 0px
    }

    .the-slideshow .slideshow .slide img {
        width: 100%
    }

    ul.slideshow {
        height: 330px !important
    }

    .service-section .services {
        width: auto
    }

    .col {
        padding: 20px 0px 20px 0px;
        width: 100%
    }

    .col img {
        width: 100% !important
    }

    .page-title h2 {
        font-size: 24px
    }

    .toolbar .pager {
        float: left;
        margin: 6px 0px;
        width: 100%
    }

    .pager .pages li a {
        padding: 2px 8px
    }

    .box-category > ul > li ul > li > a {
        padding: 6px 10px !important
    }

    .col-left .block-cart ul li.item {
        display: inline-block
    }

    .col-left .block-cart .block-content ul li .product-details {
        width: 65%
    }

    .side-nav-categories {
        margin-bottom: 10px
    }

    .block-banner img {
        width: 100%
    }

    .block .block-title {
        margin-bottom: 5px
    }

    .block .block-content {
        padding: 5px 0px 5px 0px
    }

    .block {
        margin: 0px 0px 25px 0px
    }

    .products-list .product-shop {
        width: 66%;
        margin-left: 15px
    }

    .products-list .product-image {
        width: 30%
    }

    .products-list .item a img {
        width: 100%
    }

    .block-progress .block-content {
        padding: 0px 10px
    }

    .fullwidthbanner-container {
        width: 98.2% !important
    }

    .offer-banner-section img {
        width: 100%;
        margin-bottom: 15px
    }

    .latest-blog .blog-l {
        width: 100%
    }

    .service-section .services {
        padding: 20px 0px;
        width: 100%;
        border-bottom: 1px #e5e5e5 solid;
        border-left: 1px #fff solid;
        border-right: none
    }

    .col {
        padding: 20px 15px
    }

    .col img {
        width: 100% !important
    }

    .newsletter-wrap {
        padding: 15px 0;
        margin-bottom: 15px
    }

    footer .footer-inner {
        padding-top: 15px
    }

    .newsletter-wrap .social {
        margin-top: 10px;
        float: left !important
    }

    .social ul li {
        margin-right: 6px
    }

    .payment-accept img {
        width: 42px
    }

    body {
        font-size: 14px
    }
}

.aside-title h3 {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 20px;
    margin-top: 0;
    padding: 10px;
    background: #0061bb;
    color: #fff;
    display: inline-block;
    border-top-left-radius: 30px;
    border-bottom-right-radius: 30px
}

a.product-img {
    float: left;
    width: 80px;
    margin-right: 20px
}

a.product-img img {
    width: 100%;
    height: auto
}

.aside.aside-mini-products-list h3.item-title {
    font-size: 14px;
    margin-top: 0;
    font-weight: 600
}

.aside.aside-mini-products-list .info-inner {
    padding-left: 100px
}

.aside.aside-mini-products-list .product-item.clearfix {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ebebeb
}

.aside.aside-mini-products-list .product-item.clearfix:last-child {
    border-bottom: none
}

.aside.aside-mini-products-list button.button {
    margin-left: 0
}

.page-title h1, .page-title h2 {
    font-weight: 700
}

.blog_entry-title a {
    font-size: 16px;
    font-weight: 700;
    display: block;
    overflow: hidden;
    line-height: 1.2;
    text-overflow: ellipsis;
    margin-top: 20px
}

.blog_entry .entry-content {
    padding: 0;
    color: #5e5f5f;
    line-height: 1.6;

}
.blog_entry .entry-content.intro_blog {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    display: -webkit-box;
}

.main.container.blogs {
    padding-top: 10px;
    background: #fff
}

.main.container.blogs .sidebar {
    margin-top: 0
}

@media (max-width: 767px) {
    footer .dq-toggle, .footer-column-last, footer address {
        min-height: 0px;
        width: 100%;
        text-align: center
    }

    footer .dq-toggle.active > ul {
        display: block
    }
}

#popup-cart {
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -os-transform: translateX(-50%);
    z-index: 10000;
    top: 10%;
    display: none;
    z-index: -1
}

#popup-cart.opencart {
    display: block;
    z-index: 999
}

body.opacitycart:before {
    content: "";
    width: 100%;
    height: 100%;
    background: #000;
    position: fixed;
    left: 0;
    top: 0;
    opacity: .5;
    z-index: 988
}

#popup-cart-desktop {
    width: 950px;
    background: #fff;
    float: none;
    margin: 0 auto;
    position: relative;
    top: 7%;
    bottom: 10%;
    border-radius: 4px
}

#popup-cart-desktop .wrap_popup {
    padding: 0px 20px 20px;
    width: 100%;
    float: left
}

#popup-cart-desktop .title-popup-cart {
    margin-bottom: 13px;
    font-size: 18px;
    padding-right: 50px !important;
    font-weight: 300;
    padding: 15px 50px 0 15px
}

#popup-cart-desktop .title-popup-cart img {
    width: 15px;
    display: inline-block;
    vertical-align: -1px;
    margin-right: 10px
}

#popup-cart-desktop .title-popup-cart .your_product {
    font-size: 18px;
    line-height: 24px;
    font-weight: 300;
    display: inherit
}

#popup-cart-desktop .title-popup-cart .cart-popup-name {
    font-size: 18px;
    color: #fff;
    font-weight: 300
}

#popup-cart-desktop .title-popup-cart .cart-popup-name a {
    color: #4abb1d
}

#popup-cart-desktop .title-popup-cart .cart-popup-name:hover > a {
    text-decoration: none
}

#popup-cart-desktop .title-quantity-popup {
    font-weight: 400;
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 20px;
    cursor: pointer;
    color: #333333;
    width: 100%;
    float: left
}

#popup-cart-desktop .title-quantity-popup .fa {
    font-size: 18px;
    color: #0061bb;
    margin-right: 5px
}

#popup-cart-desktop .title-quantity-popup:hover {
    color: #0061bb
}

#popup-cart-desktop .title-quantity-popup img {
    width: 18px;
    display: inline-block;
    float: left
}

#popup-cart-desktop .title-quantity-popup .cart_status {
    line-height: 26px;
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    margin-left: 20px
}

#popup-cart-desktop .title-quantity-popup .total-p {
    display: inline-block;
    float: right;
    text-align: left;
    line-height: 28px;
    font-size: 14px
}

#popup-cart-desktop .title-quantity-popup .total-p .total-price {
    font-size: 18px;
    font-weight: bold;
    color: #0061bb
}

#popup-cart-desktop .content-popup-cart .thead-popup {
    background: #f7f7f7;
    float: left;
    width: 100%;
    clear: both
}

#popup-cart-desktop .content-popup-cart .thead-popup > div {
    float: left;
    padding: 10px 10px;
    text-transform: uppercase;
    font-size: 13px;
    color: #333333;
    border-right: solid 1px #fff
}

#popup-cart-desktop .content-popup-cart .thead-popup > div:last-child {
    border-right: solid 1px #fff
}

#popup-cart-desktop .content-popup-cart .thead-popup > div:first-child {
    padding: 10px 20px
}

#popup-cart-desktop .content-popup-cart .tbody-popup {
    width: 100%;
    float: left;
    clear: both;
    max-height: 290px;
    overflow-y: auto;
    overflow-x: hidden;
    border-top: none;
    border-left: solid 1px #ebebeb;
    border-right: solid 1px #ebebeb;
    border-bottom: solid 1px #ebebeb;
    position: relative
}

#popup-cart-desktop .content-popup-cart .tbody-popup:after {
    content: "";
    width: 1px;
    height: 100%;
    background: #fff;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

#popup-cart-desktop .content-popup-cart .tbody-popup::-webkit-scrollbar {
    background: #ffffff;
    width: 1px
}

#popup-cart-desktop .content-popup-cart .tbody-popup ::-webkit-scrollbar-button {
    background: #fff
}

#popup-cart-desktop .content-popup-cart .tbody-popup::-webkit-scrollbar-track {
    background: #ffffff;
    width: 1px
}

#popup-cart-desktop .content-popup-cart .tbody-popup::-webkit-scrollbar-track-piece {
    background: #ebebeb;
    width: 1px
}

#popup-cart-desktop .content-popup-cart .tbody-popup::-webkit-scrollbar-thumb {
    background: #ccc;
    width: 1px
}

#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup {
    width: 100%;
    float: left;
    clear: both;
    position: relative;
    border-bottom: solid 1px #ebebeb
}

#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup:last-child {
    border-bottom: 0px
}

#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup > div {
    float: left;
    padding: 15px 0px
}

#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup > div.border {
    border: none !important
}

#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup > div:nth-child(2) {
    border-left: 0px
}

#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup > div:nth-child(4) {
    position: relative
}

#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup > div:nth-child(4):after {
    content: "";
    width: 20px;
    height: 1px;
    background: #ebebeb;
    position: absolute;
    right: -115%;
    bottom: -1px;
    z-index: 0
}

#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup > div:last-child {
    border-left: 0px;
    position: absolute;
    right: 0
}

#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup .a4 {
    position: relative
}

#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup .a4:after {
    content: "";
    border-width: 1px;
    height: 100%;
    position: absolute;
    right: 0px;
    top: 0px;
    padding: 0px 0.5px
}

#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup .item-remove {
    margin: 0;
    position: relative;
    margin-top: 50%;
    font-size: 20px
}

#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup .item-image {
    padding: 0 10px;
    float: left
}

#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup .item-image .product-image img {
    max-width: 100%;
    height: auto
}

#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup .item-info {
    display: block;
    float: left;
    width: calc(100% - 25px);
    margin-left: 10px
}

#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup .item-info p {
    margin: 0px
}

#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup .item-info .item-name a {
    font-size: 14px;
    line-height: 19px;
    margin-bottom: 5px;
    font-weight: 700;
    position: relative;
    color: #333;
    padding-right: 10px
}

#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup .item-info .item-name a:hover {
    color: #0061bb;
    text-decoration: none
}

#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup .item-info .variant-title-popup {
    font-size: 13px;
    margin-bottom: 5px;
    color: #333333
}

#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup .item-info .item-remove a {
    font-size: 13px;
    color: #888
}

#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup .item-info .remove-item-cart {
    font-size: 14px;
    line-height: 19px;
    display: block;
    color: #898989
}

#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup .item-info .remove-item-cart .fa {
    color: #898989
}

#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup .item-info .remove-item-cart:hover {
    text-decoration: none
}

#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup .item-info .addpass {
    margin-top: 5px !important
}

#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup .item-price span {
    display: block
}

#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup .item-price .price {
    font-weight: 700;
    color: #b10000;
    font-size: 14px;
    line-height: 25px
}

#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup .item-price .compare-price {
    color: #636363;
    font-size: 14px;
    text-decoration: line-through;
    font-weight: 500
}

#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup .item-price .compare-divide {
    font-size: 14px;
    color: #636363
}

#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup .qty_thuongdq {
    position: relative
}

#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup .num1 {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    margin-right: -5px
}

#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup .num2 {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    margin-left: -5px
}

#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup .items-count {
    border: 1px solid #ddd;
    outline: none;
    background: #fff;
    height: 30px;
    width: 25px;
    text-align: center;
    vertical-align: top;
    padding: 0;
    color: #333;
    line-height: 14px;
    font-size: 17px;
    font-weight: 100
}

#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup .items-count.btn-minus {
    line-height: 20px;
    font-size: 17px
}

#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup .number-sidebar {
    border: 1px solid #ddd;
    height: 30px;
    text-align: center;
    width: 35px;
    vertical-align: top;
    margin-right: -1px;
    display: inline-block;
    min-height: 25px;
    padding: 0;
    background: #fff
}

#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup .cart-price {
    display: block;
    font-weight: 400;
    color: #636363;
    font-size: 14px;
    line-height: 25px
}

#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup .cart-price span {
    font-size: 14px;
    margin-left: 15px;
    color: #b10000;
    font-weight: 700
}

#popup-cart-desktop .content-popup-cart .tfoot-popup {
    width: 100%;
    float: left;
    clear: both
}

#popup-cart-desktop .content-popup-cart .tfoot-popup .tfoot-popup-1 .popup-ship {
    font-size: 13px;
    width: 320px
}

#popup-cart-desktop .content-popup-cart .tfoot-popup .tfoot-popup-1 .popup-ship img {
    float: left;
    margin-right: 10px
}

#popup-cart-desktop .content-popup-cart .tfoot-popup .tfoot-popup-1 .popup-ship p {
    line-height: 20px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 0;
    margin: 15px 15px 0;
    padding-left: 10px
}

#popup-cart-desktop .content-popup-cart .tfoot-popup .tfoot-popup-1 .popup-ship p:before {
    font-size: 16px;
    position: absolute;
    left: 20px
}

#popup-cart-desktop .content-popup-cart .tfoot-popup .tfoot-popup-1 .popup-total .tongtien {
    margin: 0;
    padding: 0
}

#popup-cart-desktop .content-popup-cart .tfoot-popup .tfoot-popup-1 .popup-total .vanchuyen {
    font-weight: 300;
    color: #0061bb
}

#popup-cart-desktop .content-popup-cart .tfoot-popup .tfoot-popup-1 .popup-total span {
    font-weight: 700;
    color: #b10000
}

#popup-cart-desktop .content-popup-cart .tfoot-popup .tfoot-popup-1 .popup-total p {
    font-size: 14px;
    padding: 15px 0;
    padding-bottom: 0;
    margin-bottom: 0;
    color: #333;
    text-align: right
}

#popup-cart-desktop .content-popup-cart .tfoot-popup .tfoot-popup-1 .popup-total p .total-price {
    color: #b10000;
    font-weight: bold
}

#popup-cart-desktop .content-popup-cart .tfoot-popup .tfoot-popup-2 a {
    cursor: pointer
}

#popup-cart-desktop .content-popup-cart .tfoot-popup .tfoot-popup-2 .button.btn-proceed-checkout {
    background: #0061bb;
    font-size: 15px;
    font-weight: 400;
    float: right;
    line-height: 40px;
    display: block;
    padding: 0px 45px;
    border: solid 1px #0061bb;
    color: #fff;
    border-radius: 0px;
    height: 40px;
    margin-bottom: 0px;
    margin-top: 0px;
    margin-right: 5px
}

#popup-cart-desktop .content-popup-cart .tfoot-popup .tfoot-popup-2 .button.btn-proceed-checkout .fa {
    margin-left: 5px
}

#popup-cart-desktop .content-popup-cart .tfoot-popup .tfoot-popup-2 .button.btn-proceed-checkout:hover {
    background: #5271ff;
    color: #fff;
    border-color: #5271ff;
    text-decoration: none
}

#popup-cart-desktop .content-popup-cart .tfoot-popup .tfoot-popup-2 .button.buy_ {
    background: #0061bb;
    color: #fff;
    border-color: #0061bb;
    margin-right: 0px
}

#popup-cart-desktop .content-popup-cart .tfoot-popup .tfoot-popup-2 .button.buy_:hover {
    background: #333;
    border-color: #333
}

#popup-cart-desktop .footer-popup {
    overflow: hidden;
    clear: both
}

#popup-cart-desktop .footer-popup .inline-block {
    display: inline-block
}

#popup-cart-desktop .footer-popup .inline-block .btn-proceed-cl {
    background: #3b3b3b;
    font-size: 15px;
    font-weight: 400;
    float: right;
    line-height: 40px;
    display: block;
    padding: 0px 45px;
    border: solid 1px #3b3b3b;
    color: #fff;
    border-radius: 0px;
    height: 40px;
    margin-bottom: 0px;
    margin-top: 0px;
    margin-right: 5px
}

#popup-cart-desktop .footer-popup .inline-block .btn-proceed-cl:hover {
    background: #1b1b1b;
    border: solid 1px #1b1b1b
}

a.close-pop {
    cursor: pointer
}

a.close-pop.quickview-close {
    position: absolute;
    width: 25px;
    top: 5px;
    right: 5px
}

#popupCartModal {
    padding-right: 0px !important;
    z-index: 10000
}

@media (max-width: 767px) {
    #popupCartModal {
        top: 50px !important
    }
}

#popupCartModal .modal-dialog {
    transform: translate(0);
    border-radius: 0;
    width: 500px
}

@media (max-width: 767px) {
    #popupCartModal .modal-dialog {
        width: auto
    }
}

#popupCartModal .modal-content {
    width: 500px;
    box-shadow: none;
    overflow: hidden;
    padding: 20px
}

@media (max-width: 991px) {
    #popupCartModal .modal-content {
        width: auto
    }
}

#popupCartModal .modal-content .col-sm-6 {
    padding: 30px
}

#popupCartModal .modal-content .modal-left {
    text-align: left;
    padding: 0px
}

#popupCartModal .modal-content .modal-right {
    text-align: left;
    padding: 0px 20px 20px 20px
}

@media (max-width: 767px) {
    #popupCartModal .modal-content .modal-right {
        padding: 0 15px 15px !important;
        width: 100%;
        float: left
    }
}

#popupCartModal .media .thumb-1x1 {
    width: 100px;
    text-align: center;
    border: solid 1px #ebebeb
}

@media (max-width: 767px) {
    #popupCartModal .media .thumb-1x1 {
        margin: 0 auto;
        width: 100px
    }
}

#popupCartModal .product-new-price {
    color: #b10000;
    margin-top: 6px;
    font-size: 16px;
    font-weight: 400;
    display: block
}

#popupCartModal button.close {
    position: absolute !important;
    right: 10px;
    top: 2px;
    opacity: 1
}

#popupCartModal button.close span {
    color: #333;
    font-size: 30px
}

#popupCartModal .modal-body {
    position: relative;
    padding: 0 15px 15px;
    border-bottom: solid 1px #ebebeb
}

#popupCartModal .modal-body .media {
    overflow: hidden
}

@media (max-width: 767px) {
    #popupCartModal .modal-body {
        padding: 10px
    }
}

#popupCartModal .modal-body .thumb_img {
    width: 100px;
    display: block;
    float: left
}

@media (max-width: 767px) {
    #popupCartModal .modal-body .thumb_img {
        width: 100px
    }
}

#popupCartModal .modal-body .product-title {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

#popupCartModal .modal-body .body_content {
    display: block;
    float: left
}

@media (min-width: 768px) {
    #popupCartModal .modal-body .body_content {
        width: calc(100% - 100px);
        -webkit-width: calc(100% - 100px);
        -moz-width: calc(100% - 100px);
        -o-width: calc(100% - 100px);
        -os-width: calc(100% - 100px);
        padding-left: 15px
    }
}

@media (max-width: 767px) {
    #popupCartModal .modal-body .body_content {
        width: calc(100% - 100px);
        padding-left: 15px
    }
}

#popupCartModal .right_title {
    font-size: 15px;
    color: #707070;
    display: inline-block;
    float: left
}

#popupCartModal .total_price {
    font-weight: 400;
    display: block;
    padding: 15px 0;
    font-size: 14px
}

@media (max-width: 767px) {
    #popupCartModal .total_price {
        padding: 5px 0 15px
    }
}

#popupCartModal .total_price span {
    font-weight: 600
}

#popupCartModal .total_price span:last-child {
    display: inline-block;
    font-weight: 400;
    color: #b10000;
    font-size: 18px;
    line-height: 24px;
    margin-left: 10px
}

#popupCartModal .checkout_button {
    height: 45px;
    line-height: 43px;
    width: 100%;
    background: #0061bb;
    border-radius: 0px;
    padding: 0px;
    text-align: center;
    display: inline-block;
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    border: solid 1px #0061bb;
    float: right
}

@media (max-width: 767px) {
    #popupCartModal .checkout_button {
        width: 100%
    }
}

#popupCartModal .checkout_button .fa {
    padding-left: 10px
}

#popupCartModal .checkout_button:hover {
    background: #fff;
    color: #0061bb
}

#popupCartModal h3 {
    font-size: 16px;
    font-weight: 400;
    padding: 15px 20px;
    margin: 0;
    display: block;
    border-bottom: solid 1px #ebebeb;
    margin-bottom: 15px
}

@media (max-width: 767px) {
    #popupCartModal h3 {
        padding: 10px;
        margin: 0
    }
}

#popupCartModal h3.right_title {
    font-size: 16px;
    line-height: 19px;
    font-style: normal
}

#popupCartModal h3.right_title a, #popupCartModal h3.right_title b {
    font-size: 16px;
    line-height: 19px;
    font-style: normal;
    font-weight: 400
}

#popupCartModal h3.right_title a i, #popupCartModal h3.right_title b i {
    font-style: normal
}

#popupCartModal .btn-red {
    line-height: 48px;
    height: 50px;
    padding: 0;
    border-radius: 0;
    font-size: 21px;
    font-weight: 400;
    box-shadow: none
}

a.btn.button.buy_.btn-proceed-cl.close-pop {
    background: #3b3b3b;
    font-weight: 400;
    line-height: 40px;
    display: block;
    padding: 0px 45px;
    border: solid 1px #3b3b3b;
    color: #fff;
    border-radius: 0px;
    height: 40px;
    margin-bottom: 6px;
    margin-top: 0px;
    clear: both
}

.modal {
    top: 0 !important;
    padding-top: 30px
}

.fancybox-skin {
    background: #fff !important
}

.modal-content {
    border: none;
    box-shadow: none;
    border-radius: 0.5rem;
    position: relative;
    background-color: #fff;
    background-clip: padding-box;
    outline: 0
}

.modal-header {
    background-color: #0061bb;
    color: #fff;
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    min-height: 16.42857143px
}

.modal-body {
    position: relative;
    padding: 15px
}

.modal-header .close {
    margin-top: -2px
}

.modal-header .modal-title {
    padding-left: 6rem;
    position: relative;
    min-height: 44px;
    font-weight: normal;
    font-size: 18px;
    line-height: normal;
    margin: 0;
    line-height: 44px;
    color: #fff;
    display: flex;
    align-items: center
}

.modal-header .modal-title span {
    width: 44px;
    height: 44px;
    border-radius: 100%;
    font-size: 23px;
    text-align: center;
    line-height: 44px;
    color: #0061bb;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    background-color: #fff
}

@media (max-width: 480px) {
    .modal-header .modal-title {
        line-height: 24px !important
    }
}

.media:first-child {
    margin-top: 0
}

.media-body .product-title {
    font-size: 16px;
    font-weight: 400
}

.media-body .product-new-price {
    font-size: 18px;
    font-weight: bold;
    color: #eb0303
}

.btn-outline-red {
    background: #0061bb;
    color: #fff !important;
    font-size: 17px;
    line-height: normal;
    padding: 10px 15px;
    border-radius: 0;
    border: 1px solid #0061bb;
    text-align: center;
    margin-top: 1.5rem
}

.btn-red {
    background: #0061bb;
    color: #fff !important;
    font-size: 17px;
    line-height: normal;
    padding: 10px 15px;
    border-radius: 0;
    border: none;
    text-align: center;
    margin-top: 1.5rem
}

.media .media-left {
    padding-right: 1em
}

.media-left, .media-right, .media-body {
    display: table-cell;
    vertical-align: top
}

.media .thumb-1x1 {
    width: 7.7rem
}

.pd-right {
    padding-left: 0px
}

.title_head .title_center {
    display: block;
    text-align: center;
    font-size: 36px;
    margin: 0px;
    padding: 0px;
    line-height: 32px
}

.text2line {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

li.level0.level-top.parent.bor > a, li.level1.bor > a {
    border-bottom: 1px solid #ddd
}

@media (max-width: 1199px) {
    .main-container .col-main .cart #shopping-cart-totals-table tr td.a-right {
        width: 196px
    }
}

@media (max-width: 991px) {
    .sign_main {
        background: #f7f8f9;
        margin-top: 40px
    }

    .cart-mobile {
        padding: 10px 15px
    }

    .header-cart {
        padding: 10px 15px 0px;
        border-bottom: solid 1px #ebebeb;
        margin-top: -10px
    }

    .header-cart-content .content-product-list {
        min-height: 110px;
        border-top: solid 1px #ebebeb
    }

    .header-cart .title-cart {
        line-height: 10px
    }

    .header-cart-price {
        padding: 18px 15px
    }

    .title-cart h3 {
        font-size: 14px;
        font-weight: 500;
        text-transform: uppercase
    }

    .title-cart p {
        font-size: 12px;
        color: #9c9c9c
    }

    .title-cart a {
        float: right;
        margin-top: -28px;
        color: #0061bb;
        font-size: 16px;
        line-height: 27px
    }

    .btn-proceed-checkout-mobile, .contin {
        line-height: 40px;
        font-weight: bold;
        color: #fff;
        font-size: 14px;
        padding: 0;
        border-radius: 20px;
        margin-bottom: 10px;
        background: #0061bb;
        width: 100%;
        border: solid 1px #0061bb;
        text-transform: uppercase
    }

    .total_mobile {
        font-weight: 600;
        font-size: 16px;
        color: #252525;
        margin-bottom: 15px;
        display: block
    }

    .total_mobile .totals_price_mobile {
        font-size: 18px;
        color: #eb0303
    }

    .content-product-list .item-product {
        padding: 15px 15px;
        min-height: 110px;
        border-bottom: solid 1px #ebebeb;
        overflow: hidden
    }

    .item-product-cart-mobile, .title-product-cart-mobile, .select-item-qty-mobile {
        float: left
    }

    .item-product-cart-mobile {
        max-width: 115px;
        margin-right: 10px
    }

    .item-product-cart-mobile img {
        max-width: 115px;
        margin-right: 10px
    }

    .select-item-qty-mobile {
        float: right;
        text-align: center
    }

    .title-product-cart-mobile a {
        word-break: break-word;
        font-size: 14px;
        color: #363636
    }

    .select-item-qty-mobile input.qty {
        background: none repeat scroll 0 0 #fff;
        border: 1px solid #ebebeb;
        font-size: 15px;
        font-weight: 400;
        margin: 0 !important;
        outline: medium none;
        padding: 5px 5px 5px 12px;
        width: 41px
    }

    .title-product-cart-mobile p {
        line-height: 2;
        font-size: 14px;
        color: #898989
    }

    .title-product-cart-mobile span {
        color: #eb0303;
        font-size: 14px;
        font-weight: bold
    }

    .select-item-qty-mobile a {
        line-height: 3;
        color: #363636
    }
}

@media (max-width: 767px) {
    .cart-mobile {
        padding: 10px 0px !important
    }
}

@media screen and (max-width: 991px) {
    div#b-blog {
        margin-bottom: 40px
    }

    .select-item-qty-mobile .txt_center input {
        height: 25px;
        width: 25px;
        text-align: center;
        margin: 0px;
        padding: 0;
        position: absolute;
        left: 21px;
        min-height: 0;
        font-size: 14px;
        border-radius: initial
    }

    .item-product .title-product-cart-mobile {
        max-width: calc(100% - 175px)
    }

    .title-product-cart-mobile h3 {
        line-height: 24px;
        margin: 0
    }

    .main-cart-page {
        min-height: auto !important
    }

    .select-item-qty-mobile .txt_center button.reduced.items-count.btn-minus {
        position: absolute;
        left: 0;
        top: 0;
        z-index: 100;
        margin: 0;
        line-height: 1;
        height: 25px;
        width: 25px;
        border-style: hidden;
        background: none !important;
        color: #000;
        border: solid thin #ebebeb;
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;
        border-right: 0px;
        text-align: center;
        padding: 0px
    }

    .select-item-qty-mobile .txt_center button.increase.items-count.btn-plus {
        position: absolute;
        right: 0;
        top: 0;
        margin: 0;
        height: 25px;
        width: 25px;
        display: inline-block;
        line-height: 1;
        border-style: hidden;
        color: #fff;
        background: none !important;
        color: #000;
        border: solid thin #ddd;
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
        border-left: 0px;
        text-align: center;
        padding: 0px
    }

    .select-item-qty-mobile > div {
        position: relative;
        width: 68px;
        height: 25px
    }
}

.a-center {
    text-align: center
}

.top-cart-content .empty {
    text-align: left;
    color: #333
}

.top-subtotal {
    color: #333333;
    font-size: 16px;
    font-weight: bold;
    padding: 12px 15px;
    padding-bottom: 0;
    text-align: center;
    text-transform: none;
    border-top: 1px solid #ddd
}

.top-subtotal .price {
    color: #eb0303
}

.top-cart-content .block-subtitle {
    color: #333;
    overflow: hidden;
    padding: 15px;
    text-align: left;
    font-size: 14px;
    background: #f5f5f5;
    text-transform: none;
    font-weight: normal;
    border-bottom: 1px #ddd solid
}

.top-cart-content .block-subtitle i {
    color: #0061bb;
    font-size: 18px
}

#cart-sidebar {
    margin: 0px;
    position: relative;
    min-height: 38px
}

#cart-sidebar .list-item-cart {
    padding: 0px 15px 0 15px;
    max-height: 220px;
    overflow: auto
}

#cart-sidebar .list-item-cart::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5
}

#cart-sidebar .list-item-cart::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5
}

#cart-sidebar .list-item-cart::-webkit-scrollbar-thumb {
    background-color: #0061bb
}

.top-cart-content .product-details {
    color: #333333;
    position: relative;
    text-align: left;
    padding: 0px
}

.mini-products-list .no-item {
    padding: 10px
}

.mini-products-list .no-item p {
    margin-bottom: 0
}

.mini-products-list .detail-item .product-details-bottom .quantity-select {
    display: inline-block;
    float: left
}

.mini-products-list .detail-item .product-details-bottom .quantity-select button {
    border: none;
    outline: none;
    height: 17px;
    width: 20px;
    font-size: 10px;
    line-height: 17px;
    text-align: center;
    padding: 0;
    border: 1px solid #ebebeb
}

.mini-products-list .detail-item .product-details-bottom .quantity-select button:hover:enabled, .mini-products-list .detail-item .product-details-bottom .quantity-select button:active:enabled {
    background: #0061bb;
    color: #fff
}

.mini-products-list .detail-item .product-details-bottom .label {
    font-weight: bold;
    vertical-align: middle
}

.mini-products-list .detail-item .product-details-bottom strong {
    font-weight: normal
}

.top-cart-content .actions .btn-cart-page.pink:hover {
    background: none;
    color: #ff7200
}

.top-cart-content .product-details .btn-edit {
    position: absolute;
    right: 22px;
    top: 6px
}

.top-cart-content .actions {
    padding: 15px 20px;
    margin: 0;
    overflow: hidden;
    padding-top: 15px
}

.top-cart-content .actions .btn-checkout {
    background: #0061bb;
    color: #fff;
    font-size: 14px;
    padding: 8px 16px;
    text-align: left;
    cursor: pointer;
    text-decoration: none;
    width: 100%;
    transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    border: none;
    outline: none;
    border-radius: 5px
}

.top-cart-content .actions .btn-checkout:hover, .top-cart-content .actions .btn-checkout:focus {
    color: #0061bb
}

.top-cart-content .actions .view-cart {
    background: #0061bb;
    color: #fff;
    font-size: 11px;
    padding: 8px 16px;
    text-align: left;
    cursor: pointer;
    text-decoration: none;
    float: left;
    transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
    border: 1px solid #fff;
    font-weight: bold;
    text-transform: uppercase
}

.top-cart-content .actions .view-cart:hover {
    background: #333
}

.top-cart-content .actions .button {
    display: inline-block;
    width: 100px;
    text-align: center;
    margin-bottom: 3px;
    padding: 8px 10px 6px;
    text-transform: none;
    border: none;
    font-size: 12px
}

.top-cart-content .actions .button.button.btn-continue {
    background: #ecebec;
    border: 1px #ddd solid;
    color: #333;
    font-size: 14px;
    padding: 8px 16px;
    text-align: left;
    cursor: pointer;
    text-decoration: none;
    width: 100%;
    transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    outline: none;
    border-radius: 5px
}

.top-cart-content .actions .button.button.btn-continue span span {
    margin-top: 1px;
    display: inline-block;
    vertical-align: top
}

.top-cart-content .button.btn-checkout {
    background: none;
    color: #fff;
    font-size: 11px;
    padding: 8px 16px;
    text-align: left;
    cursor: pointer;
    text-decoration: none;
    float: left;
    transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
    border: 1px solid #fff;
    font-weight: bold;
    text-transform: uppercase
}

.top-cart-content .button {
    color: #000;
    font-size: 12px;
    font-weight: 300;
    text-shadow: none;
    border: none;
    border-radius: 0;
    box-shadow: none;
    background: none
}

.top-cart-content .product-image {
    float: left;
    height: auto !important;
    margin-right: 10px
}

.top-cart-content .product-image img {
    margin: 0 !important;
    padding: 0 !important;
    height: auto !important
}

.top-cart-content .product-name a {
    height: auto !important;
    color: #333333;
    padding-right: 25px;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 18px
}

.top-cart-content .actions .btn-cart-page.pink {
    border: none;
    box-shadow: none;
    color: #00a525;
    margin-bottom: 10px;
    padding: 0;
    font-weight: 600
}

.top-cart-content .product-details-bottom {
    color: #333333
}

.top-cart-content .product-details span.remove-item-cart {
    display: inline-block;
    max-width: 13px;
    max-height: 20px;
    line-height: 20px;
    position: absolute;
    right: 0;
    cursor: pointer
}

.fancybox-skin {
    background: #fff !important
}

.modal-content {
    border: none;
    box-shadow: none;
    border-radius: 0.5rem;
    position: relative;
    background-color: #fff;
    background-clip: padding-box;
    outline: 0
}

.modal-header {
    background-color: #0061bb;
    color: #fff
}

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    min-height: 16.42857143px
}

.modal-body {
    position: relative;
    padding: 15px
}

.modal-header .close {
    margin-top: -2px
}

button.close {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none
}

.close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 50px;
    color: #fff;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20)
}

.modal-header .modal-title {
    padding-left: 6rem;
    position: relative;
    min-height: 44px;
    font-weight: normal;
    font-size: 18px;
    line-height: normal;
    margin: 0
}

.modal-header .modal-title span {
    width: 44px;
    height: 44px;
    border-radius: 100%;
    font-size: 23px;
    text-align: center;
    line-height: 44px;
    color: #0061bb;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    background-color: #fff
}

.media:first-child {
    margin-top: 0
}

.media .media-left {
    padding-right: 1rem
}

.media-left, .media-right, .media-body {
    display: table-cell;
    vertical-align: top
}

.media .thumb-1x1 {
    width: 7.7rem
}

.product-title {
    color: #111;
    font-size: 15px;
    line-height: normal;
    margin-bottom: 0.5rem
}

.product-new-price {
    color: #c63829;
    font-size: 20px;
    line-height: normal;
    margin-bottom: 0.5rem;
    font-weight: 500
}

#popup-cart-desktop ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5
}

#popup-cart-desktop ::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background-color: #F5F5F5
}

#popup-cart-desktop ::-webkit-scrollbar-thumb {
    background-color: #0061bb
}

#popup-cart-desktop input.input-text, #cart-sidebar input.input-text {
    padding: 0;
    outline: none
}

.custom-category {
    margin-bottom: 30px
}

.mini-products-list .product-image {
    float: left;
    margin-right: 10px;
    min-height: 80px
}

.mini-products-list .detail-item {
    margin-left: 92px
}

ul#cart-sidebar {
    padding: 20px 30px;
    margin: 0;
    max-height: 582px;
    min-width: 320px
}

ul#cart-sidebar li.list-item {
    max-height: 400px;
    overflow-y: auto
}

ul#cart-sidebar li.action {
    display: none
}

ul#cart-sidebar.hasclass li.action {
    display: block
}

ul#cart-sidebar li.list-item .price2 {
    font-weight: 700;
    color: #eb0303;
    font-size: 14px;
    display: list-item;
    margin-bottom: 5px
}

.li-fix-1 {
    background: #FFF;
    border-top: 1px solid #ebebeb;
    display: block
}

.li-fix-2 {
    display: block;
    width: 295px
}

.top-cart-content li.item {
    overflow: hidden;
    padding: 15px 0
}

.top-cart-content li.item:first-child {
    border-top: none;
    padding-top: 10px
}

.top-cart-content li.item:last-child {
    margin: 0;
    border-bottom: none
}

.top-cart-content .product-details {
    color: #333;
    position: relative;
    text-align: left;
    padding: 0
}

.mini-products-list .detail-item .product-details-bottom .price {
    color: #eb0303;
    font-size: 14px;
    display: list-item
}

.mini-products-list .detail-item .product-details-bottom .title-desc {
    font-size: 14px
}

.mini-products-list .detail-item .product-details-bottom .label {
    font-weight: 700;
    vertical-align: middle
}

.mini-products-list .detail-item .product-details-bottom strong {
    font-weight: 400
}

.top-cart-content .product-details .btn-edit {
    position: absolute;
    right: 22px;
    top: 6px
}

.top-cart-content .actions {
    padding: 10px 0;
    margin: 0;
    overflow: hidden
}

.mini-cart .actions .btn-checkout {
    background: #eb0303;
    border: 1px solid #eb0303;
    color: #fff;
    font-size: 14px;
    padding: 8px 20px;
    text-align: left;
    cursor: pointer;
    text-decoration: none;
    float: right;
    transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0;
    min-width: 145px;
    text-align: center
}

.mini-cart .actions .view-cart {
    background: #212121;
    color: #fff;
    height: 42px;
    font-size: 14px;
    padding: 8px 20px;
    text-align: left;
    cursor: pointer;
    text-decoration: none;
    float: left;
    transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0;
    border: 1px solid #eb0303;
    background: #fff;
    min-width: 145px;
    text-align: center;
    color: #eb0303
}

.mini-cart .actions .view-cart a, .mini-cart .actions .btn-checkout a {
    color: #fff
}

.mini-cart .actions .view-cart:hover {
    color: #fff;
    border: 1px solid #eb0303;
    background: #eb0303
}

.mini-cart .actions .button {
    display: inline-block;
    width: 100px;
    text-align: center;
    margin-bottom: 3px;
    padding: 8px 10px 6px;
    text-transform: none;
    border: none;
    font-size: 12px
}

.mini-cart .button.btn-checkout {
    background: none;
    color: #fff;
    font-size: 11px;
    padding: 8px 16px;
    text-align: left;
    cursor: pointer;
    text-decoration: none;
    float: left;
    transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0;
    border: 1px solid #fff
}

.mini-cart > .button {
    color: #000;
    font-size: 12px;
    font-weight: 300;
    text-shadow: none;
    border: none;
    border-radius: 0;
    box-shadow: none;
    background: none
}
.mini-cart i{
    font-size: 25px;
}

.fa-remove {
    position: absolute;
    right: 0
}

.mini-cart .quantity-select {
    position: relative;
    display: inline-block;
    margin-top: 10px
}

.mini-cart .quantity-select input {
    width: 80px;
    height: 33px;
    margin: 0;
    padding-left: 10px !important;
    text-align: left;
    position: relative;
    min-height: 33px;
    border-color: #ebebeb;
    background: #fff;
    padding-right: 16px;
    border: 1px solid #ebebeb
}

.mini-cart button.reduced.items-count.btn-minus {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 100;
    margin: 0;
    line-height: 1;
    height: 16px;
    background-color: #ffffff
}

.mini-cart button.increase.items-count.btn-plus {
    position: absolute;
    right: 0;
    top: 0;
    margin: 0;
    height: 17px;
    line-height: 1;
    background: #fff;
    border-color: #e1e1e1
}

a.btn.btn-primary.margin-right-10 {
    border: 1px solid #ebebeb;
    border-radius: 0;
    line-height: 25px;
    color: #000
}

a.btn.btn-primary.margin-right-10:hover {
    border-color: #0061bb
}
ul.google_translate_element li {
    list-style: none;
}
ul.google_translate_element img {
    width: 25px;
}
a.btn.btn-checkout.btn-gray {
    margin-left: 10px;
    background: #0061bb !important;
    border: 1px solid #0061bb;
    color: #fff;
    line-height: 25px;
    border-radius: 0
}

a.btn.btn-checkout.btn-gray:hover {
    background: #fff !important
}

.top-subtotal {
    color: #333;
    font-size: 16px;
    font-weight: 400;
    padding: 15px 0;
    text-align: left;
    text-transform: none
}

div#myModal {
    padding: 0;
    z-index: 10030
}

div#myModal .modal-dialog {
    top: 20%
}

.ajax-load {
    position: fixed;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    text-align: center;
    width: 100px;
    height: 100px;
    line-height: 100px;
    opacity: 0;
    visibility: hidden
}

.ajax-load.active {
    opacity: 1;
    visibility: visible;
    z-index: 9999
}

.close-window {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 25px;
    height: 25px;
    cursor: pointer;
    z-index: 8040;
    color: #fff;
    text-align: center;
    line-height: 25px;
    border-radius: 50%
}

.close-window .fa {
    display: block;
    font-size: em(20px);
    line-height: 25px;
    color: #0061bb
}

.product-popup .product-image {
    float: left;
    margin: 0 20px 0 0
}

.product-popup .product-info {
    overflow: hidden;
    position: relative
}

.product-popup .product-info p {
    margin-bottom: 0px;
    line-height: 24px
}

.product-popup .popup-title {
    padding-left: 15px;
    border-radius: 0
}

.product-popup .popup-title i {
    margin-right: 5px
}

.product-popup .product-name {
    color: #0061bb
}

.product-popup .product-info p.total-money {
    margin-bottom: 15px
}

.product-popup h3 {
    color: #52b249;
    margin-bottom: 25px
}

.product-popup h3 .fa {
    margin-right: 4px
}

.product-popup h3 .product-popup .pop-right h3 {
    color: #333
}

.pop-right {
    background: #f9f9f9
}

@media (max-width: 543px) {
    .product-popup .product-image {
        width: 120px;
        height: 120px
    }

    .product-popup .product-image img {
        max-width: 120px !important
    }

    .addcart-popup .col-xl-6 {
        padding: 0 !important
    }

    .product-popup h3 {
        font-size: em(18px);
        margin-bottom: 0
    }
}

button.btn.btn-primary.btn-quickview {
    width: 213px;
    background: #fff;
    color: #333;
    line-height: 40 p;
    font-size: 16px;
    font-weight: 700;
    padding: 8px 0;
    border-radius: 0
}

button.btn.btn-primary.btn-quickview:hover {
    background: #0061bb;
    color: #fff
}

.selector-wrapper {
    display: block;
    float: none;
    clear: left
}

.selector-wrapper:first-child {
    padding-top: 20px
}

.product-description.rte {
    color: #333333;
    line-height: 1.9;
    font-weight: 400;
    font-size: 13px
}

@media (max-width: 991px) {
    .mb_c {
        position: relative
    }

    .mobi_bt.vf {
        position: absolute;
        bottom: 11px;
        right: 0;
        width: auto;
        margin-top: 9px
    }

    .z-indexlogo.bv {
        width: calc(100% - 60px)
    }

    form#search_mini_form {
        display: block
    }

    .header-container .container {
        position: relative
    }

    .toplinks .links {
        text-align: center
    }

    .top-cart-contain {
        margin: 0
    }

    .mousetrap {
        display: none !important
    }

    .logo {
        width: auto !important;
        text-align: center;
        height: 75px;
        display: inline-block;
        margin: 3px auto
    }

    .logo img {
        max-height: 100%
    }

    .toplinks {
        line-height: normal;
        margin-left: 15px;
        padding: 7px 0px
    }

    .col-lg-3.col-md-3.fix-phone {
        position: absolute;
        left: 0;
        top: calc(50% + 0px);
        transform: translateY(-50%);
        z-index: 999
    }

    .col-lg-3.col-md-3.fix-cart {
        position: absolute;
        right: 0;
        top: calc(50% + 3px);
        transform: translateY(-50%);
        z-index: 11;
        overflow: hidden
    }

    .z-indexlogo {
        z-index: 10;
        text-align: center
    }

    .top-cart-contain {
        position: static !important
    }

    .phone {
        margin: 0
    }

    .top-cart-content.arrow_box {
        display: none !important
    }
}

@media (max-width: 480px) {
    .logo {
        height: 65px
    }

    p.availability-fix {
        margin: 0
    }

    p.availability-fix label {
        font-weight: 700;
        margin-right: 5px
    }

    #mobile-menu ul.navmenu .menutop {
        padding: 5px 0 0
    }

    .product-view .product-name {
        border-bottom: none;
        margin-bottom: 15px
    }

    span.h1.product-h1 {
        font-size: 24px;
        font-weight: 700
    }

    .product-view .product-shop .special-price, .product-view .product-shop .price {
        display: block
    }

    .selector-wrapper {
        width: 50%;
        float: left;
        clear: none;
        padding-top: 20px
    }

    .selector-wrapper select {
        width: calc(100% - 15px)
    }

    .custom button.items-count {
        display: none
    }

    .add-to-cart .qty {
        max-width: 100%;
        border-radius: 0;
        border: 1px solid #e1e1e1;
        display: inline-block
    }

    .ct2 {
        width: 100%;
        margin-bottom: 10px
    }

    .product-view .product-shop .add-to-box .btn-cart {
        width: 100%
    }

    .aside.aside-policy {
        margin: 20px 0
    }

    .product-tabs {
        border-top: none;
        border-bottom: none
    }

    .nav-tabs > li {
        text-align: left
    }

    .nav-tabs.product-tabs > li > a {
        margin-right: 0px;
        line-height: 1.42857143;
        border-radius: 0px;
        border: none;
        padding: 12px;
        font-size: 14px
    }
}

@media (max-width: 767px) {
    .toplinks {
        margin-left: 0
    }

    #search {
        min-width: initial
    }

    .customer-name input {
        width: 100%
    }

    .google-map {
        width: 100%;
        margin-top: 15px
    }

    .nav-tabs > li {
        text-align: left
    }
}

.modal-open .page-body {
    position: inherit
}

.delete-pro {
    display: none !important
}

.popup-total {
    float: none !important
}

@media (max-width: 375px) {
    .fancybox-wrap.fancybox-opened {
        width: 320px !important
    }

    .fancybox-inner {
        width: 300px !important
    }
}

@media (max-width: 320px) {
    .fancybox-wrap.fancybox-opened {
        width: 295px !important
    }

    .fancybox-inner {
        width: 285px !important
    }

    .fancybox-wrap.fancybox-opened {
        left: 14px !important
    }

    .fancybox-opened .fancybox-skin {
        width: 293px !important;
        padding: 10px !important
    }
}

.category-products.pull-left {
    width: 100%;
    float: none !important
}

.featured-thumb {
    margin-right: 0
}

@media (min-width: 992px) {
    .search .col-md-3.col-sm-6.no-pad:nth-child(4n+5), .item_hm:nth-child(4n+5) {
        clear: left
    }

    .item_ad:nth-child(2n+3) {
        clear: left
    }
}

@media (max-width: 991px) {
    .item_hm:nth-child(2n+3) {
        clear: left
    }

    .search .col-md-3.col-sm-6.no-pad:nth-child(2n+3) {
        clear: left
    }
}

select#sortBy {
    width: 100%;
    height: 30px;
    margin-bottom: 0;
    padding: 0px 10px
}

.justify {
    text-align: justify !important
}

.customer-name input {
    width: 100%
}

.entry-content img, .justify img {
    max-width: 100%;
    height: auto !important
}

.blog-wrapper .col-md-6:nth-child(2n+3) {
    clear: left
}

a.pull-right.button.btn-quaylai {
    margin-top: -30px
}

@media (min-width: 768px) and (max-width: 991px) {
    .product-grid-item-lm:nth-child(3n+4) {
        clear: left
    }

    .item.col-md-3.col-sm-4.col-xs-6:nth-child(3n+4) {
        clear: left
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .item.col-md-3.col-sm-4.col-xs-6:nth-child(4n+5) {
        clear: left
    }

    .product-grid-item-lm:nth-child(4n+5) {
        clear: left
    }
}

@media (min-width: 1200px) {
    .product-grid-item-lm:nth-child(4n+5) {
        clear: left
    }

    .item.col-md-3.col-sm-4.col-xs-6:nth-child(4n+5) {
        clear: left
    }
}

@media (max-width: 767px) {
    .product-grid-item-lm:nth-child(2n+3) {
        clear: left
    }

    .item.col-md-3.col-sm-4.col-xs-6:nth-child(2n+3) {
        clear: left
    }
}

@media (max-width: 767px) {
    a.pull-right.button.btn-quaylai {
        margin-top: 20px;
        float: none !important;
        clear: left;
        display: inline-block
    }

    span.note.order_date:after {
        display: block;
        content: ""
    }

    #mobile-menu ul.level1, #mobile-menu ul.level0 {
        padding-left: 10px
    }
}

button.button.btn-cart:disabled:hover {
    background: #fff !important;
    border: 1px solid #ddd !important;
    color: #333 !important
}

.clearfix {
    *zoom: 1
}

.clearfix:after {
    content: "";
    display: table;
    clear: both
}

.clearboth {
    clear: both
}

.note.form-error ul {
    padding-left: 0;
    list-style: none
}

.fa-times-circle:before {
    font-size: 24px
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    /*z-index: 999;*/
    background-color: #000
}

.item-title {
    word-break: break-word
}

#sidebar {
    position: static
}

.thumb-wrapper {
    cursor: pointer
}

a.product-url {
    color: #0061bb
}

a.btn-gray.btn.right-to.quick-view .fa {
    margin-right: 5px;
    line-height: 1
}

#shopping-cart-table .product-image img {
    height: auto !important
}

#shopping-cart-table tbody td.a-right {
    text-align: left !important
}

.cart-table .btn-update {
    height: 38px
}

.breadcrumb > li + li:before {
    display: none !important
}

.phone-box .oi {
    opacity: 0;
    width: 0;
    font-size: 0;
    position: absolute;
    height: 0;
    left: 40px;
    top: 7px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

@media (min-width: 768px) {
    .phone-box {
        width: 48px;
        height: 48px;
        line-height: 48px;
        text-align: center;
        border-radius: 30px;
        color: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 18px
    }

    .phone-box i {
        max-width: 25px;
        font-size: 27px;
        animation: play0 1.5s ease infinite
    }

    .phone-box:hover .oi {
        opacity: 1;
        width: 120px;
        font-size: 15px;
        line-height: 35px;
        height: 35px;
        background: linear-gradient(90deg, #ff8217 0%, #ffac64 50%, #ff7600 100%);
        border-radius: 25px;
        left: 40px;
        top: 7px;
        -webkit-transition: all 0.3s;
        transition: all 0.3s
    }

    .zalo-box, .fb-box {
        width: 48px;
        height: 48px;
        line-height: 47px;
        text-align: center;
        border-radius: 30px;
        display: inline-block;
        color: #fff;
        font-size: 18px
    }

    .zalo-box img, .fb-box img {
        max-width: 33px;
        filter: hue-rotate(65deg)
    }

    .phone {
        margin-bottom: 10px
    }

    .fix-phone {
        position: fixed;
        bottom: 110px;
        top: inherit !important;
        z-index: 999;
        right: 10px
    }

    .fix-phone .bbh {
        display: inline-block;
        position: relative
    }
}

@media (max-width: 767px) {
    .phone {
        width: calc(100% / 3);
        display: inline-block;
        float: left;
        text-align: center
    }

    .phone img {
        max-height: 35px
    }

    .fix-phone {
        overflow: hidden;
        position: fixed;
        bottom: 0;
        width: 100%;
        background: black;
        padding: 8px 0;
        z-index: 998;
        top: inherit !important
    }
}

.box-category ul li ul li span {
    padding-left: 5px;
    display: block;
    line-height: 24px
}

ul#magicat li.level0 > ul, ul#menu-mobi li.level0 > ul {
    padding-right: 0px !important
}

@media (min-width: 992px) and (max-width: 1199px) {
    .side-nav-categories .block-title h2 {
        font-size: 12px
    }

    .fancybox-desktop {
        width: 700px !important
    }

    .fancybox-desktop .fancybox-inner {
        width: 660px !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .box-category ul li a {
        padding-right: 15px
    }

    #mobile-menu ul.navmenu .menutop {
        margin-top: 15px
    }
}

ul.breadcrumb img {
    max-width: 10px
}

.products-list .actions button.button.btn-cart {
    margin-left: 0px
}

.item_bl_index_list .blog_inner {
    margin-bottom: 7px
}

.item_bl_index_list .blog-l, .item_bl_index_list .blog-c {
    display: inline-block
}

.item_bl_index_list .blog-l {
    max-width: 95px;
    vertical-align: top;
    padding: 5px 0
}

.item_bl_index_list .blog-c {
    max-width: calc(100% - 110px);
    margin-left: 7px
}

.item_bl_index_list .blog-c h3, .item_bl_index_list .blog-c p {
    margin: 3.5px 0
}

.item_bl_index_list .blog-c h3.line-2, .item_bl_index_list .blog-c p.line-2 {
    -webkit-line-clamp: 2;
    min-height: 42px
}

@media (max-width: 991px) {
    .footer-column {
        min-height: unset
    }
}

@media (min-width: 992px) {
    .item_bl_index:nth-child(3n+4) {
        clear: left
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .item_bl_index:nth-child(2n+3) {
        clear: left
    }
}

@media (max-width: 1199px) {
    #nav li:hover > .menu_tablet {
        display: block
    }

    .menu_tablet {
        position: absolute !important;
        background: #0061bb;
        color: #fff;
        width: 190px;
        display: none
    }

    .menu_tablet li {
        padding: 5px 0px;
        position: relative;
        width: 100% !important
    }

    .menu_tablet li a {
        color: #fff;
        line-height: 24px;
        padding: 0px 15px
    }

    .menu_tablet li a:before {
        color: #fff !important
    }

    .menu_tablet li a span {
        color: #fff
    }

    .menu_tablet li:hover > ul.level2 {
        display: block
    }

    .menu_tablet li ul {
        background: #0061bb
    }

    .menu_tablet li ul.level2 {
        position: absolute !important;
        right: -190px;
        top: 0;
        width: 190px;
        margin: 0px !important;
        display: none
    }

    .menu_tablet li ul.level2 li {
        position: relative
    }

    .menu_tablet li ul.level2 a {
        color: #fff !important;
        line-height: 24px;
        padding: 0px 15px;
        opacity: 1 !important;
        display: block !important;
        line-height: 24px !important;
        font-size: 12px !important
    }

    .menu_tablet li ul.level2 a:before {
        color: #fff !important
    }

    .menu_tablet li ul.level2 a span {
        color: #fff;
        opacity: 1
    }
}

.actions button.button.btn-cart {
    padding: 9px 5px 9px 5px !important
}

.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto
}

.main-col.boxer {
    margin: 25px 0
}

.title_info {
    text-transform: uppercase;
    font-size: 26px;
    border-bottom: 1px solid #e0e0e0;
    color: #48290c;
    margin-bottom: 10px
}

.title_info span {
    display: inline-block;
    position: relative
}

.title_info span:before {
    position: absolute;
    left: 0;
    bottom: -3px;
    display: inline-block;
    content: "";
    width: 6px;
    height: 6px;
    background: #0061bb;
    border-radius: 50%
}

.title_info span:after {
    border-bottom: 1px solid #0061bb;
    display: inline-block;
    content: "";
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -1px
}

.view_more {
    padding: 0 5px 5px
}

@media (min-width: 992px) and (max-width: 1199px) {
    .view_more {
        margin-top: 15px
    }
}

.view_more a {
    background: #ffffff;
    display: block;
    color: #0061bb;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    padding: 5px 25px;
    border: 1px solid #0061bb
}

.view_more a:hover {
    background: #0061bb;
    color: #fff
}

.product-details a.remove-item-cart {
    position: absolute;
    right: 0
}

span.require {
    margin-top: 10px;
    display: inline-block
}

h1.mg_t_cl {
    margin-top: 10px;
    font-size: 22px
}

.mg_bottom {
    margin-bottom: 10px
}

thead.thead-default {
    background: #0061bb;
    color: #fff
}

.table > thead > tr > th {
    vertical-align: bottom;
    border: #3b3b3b 1px solid
}

td, th {
    border: #3b3b3b solid 1px
}

.page-body {
    -webkit-transition: -webkit-transform 0.4s ease;
    -ms-transition: -ms-transform 0.4s ease;
    transition: transform 0.4s ease
}

@media (max-width: 991px) {
    .page-body {
        z-index: 999;
        position: relative;
        background: #fff
    }
}

html.over {
    overflow: hidden
}

.openb {
    overflow: hidden
}

.openb a#toTop {
    display: none !important
}

.openb .page-body {
    -webkit-transform: translate(280px, 0);
    -moz-transform: translate(280px, 0);
    -ms-transform: translate(280px, 0);
    -o-transform: translate(280px, 0);
    transform: translate(280px, 0)
}

.openb .page-body .body_opactiy {
    position: fixed;
    z-index: 9999;
    background: rgba(0, 0, 0, 0.5);
    top: 0 !important;
    left: 0;
    width: 100%;
    height: 100%
}

html body nav#nav-mobile {
    display: none;
    position: absolute;
    left: 0;
    top: 0px !important;
    background: #fff;
    height: 100%;
    z-index: 0;
    overflow-y: auto;
    width: 280px;
    max-width: 280px
}

html body nav#nav-mobile .lg {
    padding: 40px 15px 15px
}

html body nav#nav-mobile .clx {
    padding: 10px 15px;
    color: #0061bb;
    display: inline-block;
    position: absolute;
    right: 0
}

html body nav#nav-mobile.mm_menu {
    display: block;
    position: fixed;
    z-index: 999
}

html body nav#nav-mobile ul {
    list-style: none;
    padding: 0
}

html body nav#nav-mobile ul li {
    position: relative
}

html body nav#nav-mobile ul li a {
    position: relative;
    padding: 10px 25px 10px 10px;
    display: block;
    color: #616161
}

html body nav#nav-mobile ul li .level1- .magicat-cat {
    padding-left: 10px
}

html body nav#nav-mobile ul li .level2- .magicat-cat {
    padding-left: 20px
}

html body nav#nav-mobile li.level0-.level0 > .magicat-cat > a {
    font-weight: 600
}

html body nav#nav-mobile li.level0-.level0.open.active > span > a {
    color: #0061bb
}

html body nav#nav-mobile li.level0-.level0 .level1.open.active > span > a {
    color: #0061bb
}

html body nav#nav-mobile li.level0-.level0 a {
    font-size: 15px
}

html body nav#nav-mobile .block-title {
    color: #fff;
    clear: both
}

html body nav#nav-mobile .block-title .h2 {
    font-size: 15px;
    margin: 0;
    font-weight: 600;
    padding: 10px
}

.lg_mb {
    display: flex
}

.lg_mb a {
    width: 50%;
    text-align: center;
    background: #0f6abf;
    color: #fff;
    padding: 7px 0
}

.search_mb {
    border-bottom: 1px solid #d4d4d4;
    position: relative
}

.search_mb input#search_b {
    width: 100%;
    border: none;
    padding: 10px 40px 10px 10px
}

.search_mb .search-btn-bg {
    top: 0;
    right: 10px;
    height: 100%;
}
.search_mb .search-btn-bg i {
    color: #000;
    font-size: 20px;
    font-weight: 400;
}

ul#menu-mobi li {
    box-shadow: 0 1px 0 #ddd, 0 2px 0 #FFFFFF
}

.login_isocial {
    margin-top: 10px
}

.login_isocial a {
    display: inline-block
}

section.main-container.col2-right-layout.search {
    padding-top: 20px
}

.image_effect {
    position: relative;
    overflow: hidden;
    display: inline-block
}

.image_effect:before {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    display: block;
    content: '';
    width: 0;
    height: 0;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 100%;
    opacity: 0;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.image_effect:hover:before {
    -webkit-animation: circle 0.75s;
    -ms-animation: circle 0.75s;
    -o-animation: circle 0.75s;
    animation: circle 0.75s
}

.jas-sale-pop {
    background: #fff;
    bottom: -100%;
    left: 20px;
    top: auto !important;
    right: auto;
    padding: 10px 30px 10px 10px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
    border-radius: 3px;
    opacity: 0;
    visibility: hidden;
    transition: all 2s;
    z-index: 100;
    position: fixed
}

@media (max-width: 480px) {
    .jas-sale-pop {
        left: 10px;
        right: 10px;
        max-width: 300px
    }

    .jas-sale-pop .jas-sale-pop-content {
        max-width: 180px
    }
}

.jas-sale-pop .jas-sale-pop-img {
    margin-right: 10px;
    width: 70px;
    float: left
}

.jas-sale-pop .jas-sale-pop-img img {
    max-height: 70px !important
}

.jas-sale-pop .jas-sale-pop-content {
    width: calc(100% - 80px);
    float: left;
    display: block
}

.jas-sale-pop h4 {
    color: #000;
    margin: 0;
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 5px
}

.jas-sale-pop h3 {
    margin: 0;
    font-size: 1em;
    max-width: 255px;
    font-weight: 700
}

.jas-sale-pop h3 a {
    color: #000;
    margin: 0;
    font-size: 14px
}

.jas-sale-pop h3:hover a {
    color: #5271ff
}

.jas-sale-pop .jas-sale-pop-timeago {
    color: #878787;
    font-size: 12px
}

.jas-sale-pop .pe-7s-close {
    right: 5px;
    top: 0px;
    cursor: pointer;
    position: absolute
}

.jas-sale-pop .pe-7s-close:before {
    content: "x"
}

.jas-sale-pop.slideUp {
    opacity: 1;
    visibility: visible
}

@media (min-width: 992px) {
    .jas-sale-pop.slideUp {
        bottom: 80px
    }
}

@media (min-width: 320px) and (max-width: 991px) {
    .jas-sale-pop.slideUp {
        bottom: 60px
    }
}

.jas-sale-pop.middle-xs {
    -webkit-box-align: center;
    -ms-flex-align: center
}

.jas-sale-pop.flex {
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@-ms-keyframes circle {
    0% {
        opacity: 1
    }
    40% {
        opacity: 1
    }
    100% {
        width: 200%;
        height: 200%;
        opacity: 0
    }
}

@-o-keyframes circle {
    0% {
        opacity: 1
    }
    40% {
        opacity: 1
    }
    100% {
        width: 200%;
        height: 200%;
        opacity: 0
    }
}

@-webkit-keyframes circle {
    0% {
        opacity: 1
    }
    40% {
        opacity: 1
    }
    100% {
        width: 200%;
        height: 200%;
        opacity: 0
    }
}

@keyframes circle {
    0% {
        opacity: 1
    }
    40% {
        opacity: 1
    }
    100% {
        width: 200%;
        height: 200%;
        opacity: 0
    }
}

@keyframes play {
    20% {
        box-shadow: 0 0 0 5px rgba(220, 170, 128, 0.33), 0 0 0 10px rgba(220, 170, 128, 0.33)
    }
    50% {
        box-shadow: 0 0 0 5px rgba(220, 170, 128, 0.33), 0 0 0 10px rgba(220, 170, 128, 0.33), 0 0 0 15px rgba(220, 170, 128, 0.33)
    }
}

@keyframes play0 {
    0% {
        transform: rotate(0deg) scale(1) skew(1deg)
    }
    10% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        transform: rotate(0deg) scale(1) skew(1deg)
    }
    100% {
        transform: rotate(0deg) scale(1) skew(1deg)
    }
}

@keyframes play1 {
    0% {
        transform: rotate(0deg) scale(1) skew(1deg)
    }
    10% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        transform: rotate(25deg) scale(1) skew(1deg);
        box-shadow: 0 0 0 5px rgba(232, 77, 89, 0.33), 0 0 0 10px rgba(232, 77, 89, 0.33)
    }
    30% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        transform: rotate(0deg) scale(1) skew(1deg);
        box-shadow: 0 0 0 5px rgba(232, 77, 89, 0.33), 0 0 0 10px rgba(232, 77, 89, 0.33), 0 0 0 15px rgba(232, 77, 89, 0.33)
    }
    100% {
        transform: rotate(0deg) scale(1) skew(1deg)
    }
}

.wrap-popup-book {
    position: fixed;
    opacity: 0;
    visibility: hidden;
    left: 0;
    top: 0 !important;
    right: 0;
    bottom: 0;
    transition: all .5s;
    -webkit-transition: all .5s;
    max-height: 100%;
    overflow: auto;
    z-index: 99999999
}

.wrap-popup-book p.title_big {
    text-align: center;
    text-transform: uppercase;
    font-size: 25px;
    margin-bottom: 15px;
    font-weight: 500;
    color: #0061bb
}

.wrap-popup-book .popup-book {
    position: fixed;
    width: 600px;
    left: calc(50% - 300px);
    top: -100%;
    background: #fff;
    padding: 30px;
    transition: all .5s;
    -webkit-transition: all .5s;
    opacity: 0;
    z-index: 1;
    max-height: 90%
}

.wrap-popup-book .popup-book::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #fff
}

.wrap-popup-book .popup-book::-webkit-scrollbar-thumb {
    background-color: #0061bb
}

.wrap-popup-book .popup-book::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background-color: #111111
}

.wrap-popup-book .popup-book .style-form-text {
    min-height: 36px;
    border-left: 2px solid #0061bb;
    margin-bottom: 10px
}

.wrap-popup-book .popup-book .style-form-group {
    margin-bottom: 10px;
    font-size: 14px;
    text-align: center
}

.wrap-popup-book .popup-book .style-form-group label {
    color: #333
}

.wrap-popup-book .popup-book .flatpickr-wrapper {
    width: 100%;
    display: block !important
}

.wrap-popup-book .popup-book .flatpickr-calendar {
    position: absolute
}

.wrap-popup-book .popup-book .flatpickr-calendar .flatpickr-day.selected {
    background: #0061bb;
    border-color: #0061bb
}

.wrap-popup-book .popup-book .flatpickr-calendar .flatpickr-months .flatpickr-prev-month:hover svg, .wrap-popup-book .popup-book .flatpickr-calendar .flatpickr-months .flatpickr-next-month:hover svg {
    fill: #0061bb
}

.wrap-popup-book .popup-book .flatpickr-calendar.arrowBottom:before, .wrap-popup-book .popup-book .flatpickr-calendar.arrowBottom:after {
    display: none !important
}

.wrap-popup-book .popup-book .book-submit {
    background: #0061bb;
    margin-top: 0;
    color: #fff;
    border: none;
    padding: 10px 20px;
    display: block;
    width: 100%;
    text-transform: uppercase;
    font-weight: bold
}

.wrap-popup-book .popup-book .book-submit:hover {
    background: #5271ff
}

.wrap-popup-book .popup-book .std {
    float: left;
    margin-right: 15px;
    border: 1px solid #ebebeb;
    padding: 15px;
    max-width: 115px
}

.wrap-popup-book .popup-book .close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #272727;
    border-radius: 100%;
    opacity: 1;
    color: #000;
}

.wrap-popup-book .popup-book .close img {
    transition: all .3s;
    -webkit-transition: all .3s;
    width: 10px
}

.wrap-popup-book .popup-book .close img:hover {
    transform: rotateZ(90deg);
    -webkit-transform: rotateZ(90deg)
}

.wrap-popup-book .overlay {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    content: '';
    background: rgba(0, 0, 0, 0.7);
    z-index: 0
}

.wrap-popup-book .form-block {
    float: left;
    width: 100%
}

.wrap-popup-book .form-block .form-tit-product {
    font-size: 16px;
    margin: 20px 0 5px;
    color: #333;
    font-weight: bold
}

.wrap-popup-book .form-block .row {
    margin-right: -5px;
    margin-left: -5px
}

.wrap-popup-book .form-block .row > div {
    padding-right: 5px;
    padding-left: 5px
}

.wrap-popup-book .form-block .success {
    color: #00a24f;
    font-size: 13px;
    margin: 7px 0 0;
    display: block
}

@media (max-width: 767px) {
    .wrap-popup-book .popup-book {
        width: 100%;
        left: 0;
        padding: 30px 15px 15px
    }

    .wrap-popup-book .popup-book .style-form-text {
        min-height: 30px
    }

    .wrap-popup-book .popup-book .close {
        top: 7px;
        right: 7px;
        width: 20px;
        height: 20px
    }
}

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type='number'] {
    -moz-appearance: textfield
}

a.remove-item-cart img {
    max-width: 12px;
    vertical-align: -1px
}

.alert {
    text-align: center;
    background: #fcffce;
    border: 1px solid #d98024;
    border-radius: 5px;
    margin-top: 20px;
    padding: 20px;
    font-size: 14px
}

@media (min-width: 1200px) {
    .item_cl:nth-child(4n+5) {
        clear: left
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .item_cl:nth-child(3n+4) {
        clear: left
    }
}

@media (max-width: 767px) {
    .item_cl:nth-child(2n+3) {
        clear: left
    }
}
a.view_more span,
.sale-label,
a.js-btn-compare, a.ajax_addtocart.js-btn-wishlist,
.col-item .actions button.button.btn-cart:hover,
button#send2, button.button.create-account,
.ajax-product ul.tabs-title li.tab-link.current,
.ajax-product ul.tabs-title li.tab-link:hover,.set_pss{
    background: linear-gradient(-61deg, #5271ff 0%, #0061bb 70%);
}
@media (min-width:768px) {
    .phone-box,.zalo-box, .fb-box {
        background: linear-gradient(-61deg, #5271ff 0%, #0061bb 70%);
    }
}
.homepage-title h2:after,
.homepage-title h2:before{
    display: none;
}
.homepage-title i{
    font-size: 22px;
    color: #0061bb;
}

/*modal quickview*/
#modalQuickview .close {
    position: absolute;
    top: 3px;
    right: 10px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #272727;
    border-radius: 100%;
    opacity: 1;
    color: #000;
    z-index: 100;
}

@media (min-width: 1025px) {
    #modalQuickview .modal-lg {
        width: 1028px;
    }
}

/*slider quickview*/
.slider_qv .owl-prev {
    position: absolute;
    left: -14px;
    top: 34%;
    opacity: 1;
}
.slider_qv .owl-next {
    position: absolute;
    top: 34%;
    right: -15px;
    opacity: 1;
}
.slider_qv {
    margin-top: 10px;
}
.product-left_blog-content_showmore{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    padding-top: 50px;
    text-align: center;
    background: linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,.91) 50%,#fff 55%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#ffffff',GradientType=0);
    display: block;
    margin-bottom: 0;
}
.button_readmore{
    border: 1px solid #288ad6;
    background: #288ad6;
    color: #fff;
    height: 35px;
    display: block;
    width: 100px;
    margin: 0 auto;
    line-height: 35px;
}
#scroll-MLN .category-content{
    padding-bottom: 30px;
}
.category-blog-full {
    max-height: 100%;
    margin-bottom: 30px;
}
.category-blog {
    position: relative;
    overflow: hidden;
}
.category-blog {
    max-height: 400px;
    overflow: hidden;
    margin-bottom: 30px;
}
.category-blog-full{
    max-height: 100%;
    margin-bottom: 30px;
}

/*cart*/
.cart_page h1 {
    font-size: 25px;
    text-align: center;
    margin: 20px 0;
    text-transform: uppercase;
}
.selectTitleCart {
    font-size: 15px;
    line-height: 18px;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.contentLeftCart {
    margin-bottom: 20px;
}
.titleProductsCart {
    display: flex;
    justify-content: space-between;
    padding: 15px 30px;
    background: #fff;
    border-bottom: 1px solid #878787;
}
.titleItemsCart {
    width: 20%;
    font-size: 18px;
    text-transform: uppercase;
    color: #000;
    font-weight: 600;
}
.titleProductsCart .titleItemsCart:first-child {
    width: 155px;
}
.popup_price {
    text-align: center;
    justify-content: center;
}
.newCart_quantity, .popup_item_price {
    text-align: center;
    justify-content: center;
}
.Cartcontent .popup_item {
    display: flex;
    justify-content: space-between;
    background: #fff;
    border-bottom: 0.5px solid #878787;
    padding: 20px 30px;
}
.Cartcontent .popup_item>div {
    width: 20%;
    display: flex;
    align-items: center;
    position: relative;
}
.Cartcontent .popup_item>div.popup_item_img {
    width: 155px;
}
.Cartcontent .popup_item>div {
    width: 20%;
    display: flex;
    align-items: center;
    position: relative;
}
.newCart_quantity, .popup_item_price {
    text-align: center;
    justify-content: center;
}
.popup_item_img>a {
    width: 135px;
    display: inline-block;
    font-size: 18px;
}
.popup_item_img img {
    width: 135px;
    height: auto;
    object-fit: cover;
    display: block;
}
.popup_item_info a {
    font-size: 24px;
    color: #161816;
    line-height: 29px;
}
.Cartcontent .line_price {
    font-size: 19px;
    color: #000;
}
.quantityGroup {
    width: 100px;
    height: 30px;
    border: 1px solid #000;
    box-sizing: border-box;
    border-radius: 6px;
    display: flex;
    overflow: hidden;
}
.quantityGroup button {
    background: 0 0;
    border: none;
    height: 30px;
    line-height: 1;
    display: inline-block;
    width: 30px;
    outline: none!important;
    box-shadow: none!important;
    padding: 0;
    color: #000;
}
.quantityGroup input {
    width: 40px;
    border: 1px solid #000;
    background: 0 0;
    border-top: none;
    border-bottom: none;
    font-size: 17px;
    color: #000;
    text-align: center;
}
.popup_item p {
    margin-bottom: 0;
}
.line_total_price {
    color: #060606;
    font-weight: 600;
    font-size: 19px;
}
.Cartcontent .removeCartItem {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 10px;
    transform: translateY(-50%);
    font-size: 19px;
}
.contentRightCart {
    background-color: #fff;
    padding: 24px 26px 40px;
}
.title_right_cart {
    padding-bottom: 19px;
    border-bottom: 0.5px solid #a5a5a5;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    margin-bottom: 20px;
}
.contentRightCart .total_price {
    margin-bottom: 30px;
}
.contentRightCart ul {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
    display: flex;
    justify-content: space-between;
    font-size: 19px;
    line-height: 19px;
}
.contentRightCart ul .price {
    padding-left: 30px;
}
.contentRightCart ul .price p {
    font-weight: 600;
    margin-bottom: 0;
}
.group_button_cart a {
    display: inline-block;
    background: #000;
    color: #fff;
    height: 55px;
    line-height: 55px;
    font-size: 18px;
    text-align: center;
    width: 100%;
    border-radius: 30px;
}

@media (max-width: 768px){
    .titleProductsCart, .Cartcontent .popup_item{
        padding: 5px 0;
    }
    .titleItemsCart{
        font-size: 12px;
        font-weight: 500;
    }
    .Cartcontent .popup_item>div.popup_item_img, .titleProductsCart .titleItemsCart:first-child{
        width: 70px;
        overflow: hidden;
    }
    .popup_item_info a{
        font-size: 11px;
        line-height: 15px;
    }
    .line_total_price, .Cartcontent .line_price{
        font-size: 11px;
    }
    .quantityGroup button, .quantityGroup input{
        width: 20px;
        height: 20px;
        font-size: 10px;
    }
    .quantityGroup{
        width: 60px;
        height: 20px;
    }
    .Cartcontent .removeCartItem{
        font-size: 13px;
    }
    .Cartcontent .removeCartItem i{
        font-weight: 300;
    }
    .cart_page h1, .title_right_cart{
        font-size: 18px;
    }
}
/*trang liên hệ*/

@media (min-width: 992px) {
    .box-map iframe {
        height: 100vh !important;
    }
}
.box-map iframe {
    width: 100% !important;
}
.wrapbox-content-page-contact {
    padding: 50px;
}
.header-page-contact h1 {
    font-size: 30px;
    font-weight: 700;
    margin: 0;
}
.header-page-contact:after {
    content: "";
    display: block;
    width: 50px;
    height: 4px;
    margin-top: 30px;
    background: #252a2b;
    margin-bottom: 50px;
}
.box-info-contact ul {
    padding: 0;
    list-style-type: none;
}
.box-info-contact li {
    margin-bottom: 30px;
}
.box-info-contact li p {
    margin-bottom: 0;
    color: #666;
    font-weight: 700;
}
.box-info-contact li p strong {
    font-weight: 600;
    color: #252a2b;
}
.box-send-contact h2 {
    font-weight: 700;
    font-size: 25px;
    margin: 40px 0 35px;
}
.box-send-contact h2:after {
    content: "";
    display: block;
    margin-top: 25px;
    width: 30px;
    height: 3px;
    background: #252a2b;
}
.contact-form .input-group {
    width: 100%;
    margin-bottom: 20px;
}
.contact-form .input-group input, .contact-form .input-group textarea {
    border: 1px solid #e7e7e7;
    box-shadow: none;
    height: 45px;
    font-weight: 700;
    padding: 0 20px;
    background: #fbfbfb;
    color: #252a2b;
    width: 100%;
}
.box-send-contact button {
    height: 55px;
    line-height: 55px;
    padding: 0 30px;
    border-radius: 0;
    font-weight: 600;
    text-transform: uppercase;
    border: 1px solid #252a2b;
    background: #252a2b;
    color: #fff;
}
.box-map iframe {
    width: 100% !important;
}
@media (min-width: 992px) {
    .box-map iframe {
        height: 100vh !important;
    }
}
.hotline-phone-ring-wrap {
    position: fixed;
    bottom: 50px;
    right: -5px;
    left: auto;
    z-index: 999;
}
.hotline-phone-ring-wrap.yt {
    bottom: 290px;
}
.hotline-phone-ring {
    position: relative;
    visibility: visible;
    background-color: transparent;
    width: 110px;
    height: 110px;
    cursor: pointer;
    z-index: 11;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transition: visibility .5s;
    left: 0;
    bottom: 0;
    display: block;
}
.hotline-phone-ring-circle-fill {
    width: 80px;
    height: 80px;
    top: 16px;
    left: 16px;
    position: absolute;
    background-color: rgba(21, 100, 167, 0.7);
    border-radius: 100%;
    border: 2px solid transparent;
    -webkit-animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
    animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
@-webkit-keyframes phonering-alo-circle-anim {
    0% {
        -webkit-transform: rotate(0) scale(0.5) skew(1deg);
        -webkit-opacity: 0.1;
    }
    30% {
        -webkit-transform: rotate(0) scale(0.7) skew(1deg);
        -webkit-opacity: 0.5;
    }
    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        -webkit-opacity: 0.1;
    }
}
@-webkit-keyframes phonering-alo-circle-fill-anim {
    0% {
        -webkit-transform: rotate(0) scale(0.7) skew(1deg);
        opacity: 0.6;
    }
    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        opacity: 0.6;
    }
    100% {
        -webkit-transform: rotate(0) scale(0.7) skew(1deg);
        opacity: 0.6;
    }
}
@-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);
    }
}
.hotline-phone-ring-circle-fill, .hotline-phone-ring-img-circle, .hotline-bar {
    background-color: #ed4d25;
}
.yt .hotline-phone-ring-circle-fill, .yt .hotline-phone-ring-img-circle, .yt .hotline-bar {
    background-color: #fff;
}
.hotline-phone-ring-img-circle {
    background-color: #1564a7;
    width: 50px;
    height: 50px;
    top: 31px;
    left: 31px;
    position: absolute;
    background-size: 20px;
    border-radius: 100%;
    border: 2px solid transparent;
    -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
    animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
;
    align-items: center;
    justify-content: center;
}
.hotline-phone-ring-img-circle .pps-btn-img {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.hotline-phone-ring-img-circle .pps-btn-img img {
    width: 33px;
    height: 33px;
    margin: 0;
}
.yt .hotline-phone-ring-img-circle .pps-btn-img img {
    width: 50px;
    height: 50px;
    margin: 0;
}
.hotline-phone-ring-wrap.zalo {
    bottom: 210px;
}
.zalo .hotline-phone-ring-circle-fill, .zalo .hotline-phone-ring-img-circle, .zalo .hotline-bar {
    background-color: #3f87f2;
}
.zalo .hotline-phone-ring-img-circle .pps-btn-img img {
    width: 50px;
    height: 50px;
    margin: 0;
}
.zalo .hotline-phone-ring-img-circle .pps-btn-img img {
    border-radius: 50%;
}
.hotline-phone-ring-wrap.mess {
    bottom: 130px;
}
.mess .hotline-phone-ring-circle-fill, .mess .hotline-phone-ring-img-circle, .mess .hotline-bar {
    background-color: #6caecc;
}
.mess .hotline-phone-ring-circle-fill, .mess .hotline-phone-ring-img-circle, .mess .hotline-bar {
    background-color: #6caecc;
}
.mess .hotline-phone-ring-img-circle .pps-btn-img img {
    width: 35px;
    height: 35px;
    margin: 0;
}
.hotline-phone-ring-wrap {
    position: fixed;
    bottom: 40px;
    right: -5px;
    z-index: 999;
}
.hotline-phone-ring-circle-fill, .hotline-phone-ring-img-circle, .hotline-bar {
    background-color: #ed4d25;
}
.hotline-bar {
    position: absolute;
    background: #1564a7;
    height: 45px;
    width: 165px;
    line-height: 40px;
    padding: 0 10px;
    background-size: 100%;
    cursor: pointer;
    transition: all 0.8s;
    -webkit-transition: all 0.8s;
    z-index: 9;
    border-radius: 50px;
    right: 45px;
    bottom: 31px;
}
.hotline-bar > a {
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
    text-indent: 10px;
    letter-spacing: 1px;
    display: block;
    line-height: 45px;
}
.hotline-phone-ring-circle-fill, .hotline-phone-ring-img-circle, .hotline-bar {
    background-color: #ed4d25;
}
.phone-call-img svg {
    width: 40px;
    height: 40px;
}