@charset "UTF-8";

:root {
    --shop-color-fullPage: #333333;
    --shop-color-bgGray: #f5f5f5;
    --shop-color-main: #DC2927;
    --shop-color-title: #333333;
    --shop-color-hover: #DC2927;
    --shop-color-addCart: #ff1b0b;
    --about-color-bgTeam: #ffffff;
    --about-color-bdTeam: #f5f5f5;
    --about-color-bgService: #ffffff;
    --about-color-bdService: #f5f5f5;
    --about-color-bgService-about3: #ffffff;
    --about-color-bdService-about3: #f5f5f5;
    --main-color-1: #333;
    --main-color-2: #666;
    --main-color-3: #999;
    --main-white-color: #fff;
    --main-grey-color: #f5f5f5;
    --main-red-color: #d62323;
    --main-blue-color-1: #293d96;
    --main-blue-color-2: #f6fbff;
    --main-blue-color-3: #dff1ff;
    --main-blue-color-4: #edf4ff;
    --main-border-color: #e6eaee;
}

/*--------------------------------------------------------------------------------
1. GENERAL
--------------------------------------------------------------------------------*/
@font-face {
    font-family: 'FontAwesome';
    src: url("fontawesome.eot");
    src: url("fontawesome.eot") format("embedded-opentype"), url("fontawesome.woff") format("woff"), url("fontawesome-webfont.ttf") format("truetype"), url("fontawesome-webfont.svg") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.fa {
    font-family: "FontAwesome" !important;
}

html, body {
    border: 0;
}

html {
    -webkit-overflow-scrolling: touch;
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: 100%;
}

img {
    max-width: 100%;
}

body {
    position: initial !important;
    line-height: 1.4;
    font-size: 100%;
    text-align: initial;
    font-family: "Roboto","FontAwesome" !important;
    color: var(--shop-color-fullPage);
    overflow-x: hidden;
    /*background-color: #fff;*/
}

/* 1.2 - HTML5 Elements */
article, aside, details, figcaption, figure, dialog, footer, header, hgroup, menu, nav, section {
    display: block;
}

/* 1.3 - Typography */
h1, h2, h3, h4, h5, h6 {
    color: var(--shop-color-title);
    margin: 0px 0 10px 0;
    font-weight: 700;
    /*text-transform: uppercase;*/
    line-height: 1.2;
}

    h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
        color: var(--shop-color-title);
        line-height: 1.5;
    }

b, strong {
    font-weight: 700;
}

p {
    line-height: 1.5;
}

.btn:focus {
    box-shadow: none;
}

svg {
    vertical-align: initial;
}

/* 1.4 - link */
a {
    color: var(--shop-color-fullPage);
    text-decoration: none;
    outline: none;
}

    a:hover, a:focus {
        text-decoration: none;
        outline: none;
        /*color: var(--shop-color-hover);*/
        color: #DC2927;
    }

    a:active {
        outline: none;
    }

button:focus, input:focus {
    outline: none;
}

button.add-toCart[disabled], button[disabled] {
    cursor: default;
    opacity: .7;
}

.link {
    -webkit-transition: color 0.2s ease-in-out;
    -moz-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out;
}

/* 1.5 - List  */
ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.typeList-style * {
    max-width: 100% !important;
}

.typeList-style h2, .typeList-style h3 {
    font-size: 18px;
}

.typeList-style ul {
    list-style: initial;
    padding-left: 20px;
}

.typeList-style ol {
    list-style-type: decimal;
    padding-left: 20px;
}

.typeList-style ul ul {
    list-style-type: circle;
}

    .typeList-style ul ul ul {
        list-style-type: square;
    }

.typeList-style ul li, .typeList-style ol li {
    margin: 5px 0;
}

/* 1.6 - Tables */
table {
    width: 100%;
    border-spacing: 0;
}

    table tr td {
        border-top: 1px solid #dddddd;
    }

    table tr td, table tr th {
        padding: 10px;
        text-align: left;
    }

        table tr td:first-child, table tr th:first-child {
            padding-left: 0px;
        }

        table tr td:last-child, table tr th:last-child {
            padding-right: 0px;
        }

strong {
    font-weight: 700;
}

em {
    font-style: italic;
}

/* 1.7 - button */
.btn-box {
    padding: 10px 20px;
    display: inline-block;
    font-size: 12px;
    outline: none;
    cursor: pointer;
    outline: none;
    border: 0 solid transparent;
    margin-left: -1px;
    text-decoration: none !important;
    text-transform: uppercase;
    position: relative;
    z-index: 0;
}

    .btn-box span {
        color: #fff;
        display: block;
        padding-left: 0%;
        padding-right: 25px;
        font-size: 12px;
        letter-spacing: 2px;
        transform: scaleX(0.9);
        transform-origin: center left;
        transition: color 0.3s ease;
        position: relative;
        z-index: 1;
    }

    .btn-box em {
        position: absolute;
        height: 1px;
        background: #fff;
        width: 20%;
        right: 18px;
        top: 50%;
        transform: scaleX(0.25);
        transform-origin: center right;
        transition: all 0.3s ease;
        z-index: 1;
    }

    .btn-box:before,
    .btn-box:after {
        content: '';
        background-color: rgba(255, 255, 255, 0.2);
        height: 50%;
        width: 0;
        position: absolute;
        transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    }

    .btn-box:before {
        top: 0;
        left: 0;
        right: auto;
    }

    .btn-box:after {
        bottom: 0;
        right: 0;
        left: auto;
    }

    .btn-box.white {
        background-color: #fff;
        color: #777;
    }

    .btn-box.black {
        background-color: var(--shop-color-main);
        color: #fff;
    }

.sitebox-recaptcha {
    padding: 0;
    color: #898989;
    text-align: left;
    font-size: 13px;
    clear: both;
}

    .sitebox-recaptcha a {
        color: #2962ff;
    }

@media (min-width: 768px) {
    .btn-box:hover:before {
        width: 100%;
        right: 0;
        left: auto;
    }

    .btn-box:hover:after {
        width: 100%;
        left: 0;
        right: auto;
    }

    .btn-box:hover span {
        color: #fff;
    }

    .btn-box:hover em {
        background: #fff;
        transform: scaleX(1);
    }

    .btn-box.white:hover, .btn-box.white:active, .btn-box.white:focus {
        background-color: #F4F4F4;
        color: #555;
    }

    .btn-box.black:hover, .btn-box.black:active, .btn-box.black:focus {
        background-color: var(--shop-color-main);
        color: #fff;
    }
}

@media (max-width: 767px) {
    .btn-box span {
        padding-right: 0;
        transform: none;
        letter-spacing: 1px;
    }

    .btn-box em {
        display: none;
    }
}

.site-overlay {
    background: rgba(225, 225, 225, 0.05);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 88;
    width: 100vw;
    height: 100vh;
    opacity: 0;
    visibility: hidden;
    transition: all 200ms linear;
}

.locked-scroll .site-overlay {
    opacity: 1;
    visibility: visible;
}

/* 1.8 - lazyload img*/
img.owl-lazy:not([src]) {
    visibility: hidden;
}

.aspect-ratio img:not([src]) {
    visibility: hidden;
}

.aspect-ratio {
    position: relative;
    display: block;
}

    .aspect-ratio .ls-blur-up-is-loading, .aspect-ratio .lazyload:not([src]) {
        visibility: hidden;
    }

    .aspect-ratio .ls-blur-up-img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: block;
        font-family: "blur-up: auto", "object-fit: cover";
        object-fit: cover;
        filter: blur(10px);
        opacity: 1;
        transition: opacity 800ms, filter 1200ms;
    }

        .aspect-ratio .ls-blur-up-img.ls-inview.ls-original-loaded {
            opacity: 0;
            filter: blur(5px);
        }

.owl-carousel .owl-item img {
    width: auto;
    text-align: center;
    margin: auto;
}

/* 1.9 - Variables */
.sidebox_wrapper .sidebox_content-list .item-article .post-content h3 a {
    white-space: initial;
    overflow: hidden;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}

/* 1.10 - animation css3 */
@-webkit-keyframes marginLeft {
    0% {
        background-position: 20%;
    }

    100% {
        background-position: 90%;
    }
}

@keyframes marginLeft {
    0% {
        background-position: 20%;
    }

    100% {
        background-position: 90%;
    }
}

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

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

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

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

@keyframes arrows {
    0% {
        border-left: 5px solid transparent;
        border-bottom: 5px solid transparent;
        transform: translate(-4.16667px, -16.66667px) rotate(-45deg);
    }

    10%, 90% {
        border-left: 5px solid transparent;
        border-bottom: 5px solid transparent;
    }

    50% {
        border-left: 5px solid rgba(255, 255, 255, 0.8);
        border-bottom: 5px solid rgba(255, 255, 255, 0.8);
        transform: translate(-4.16667px, 0px) rotate(-45deg);
    }

    100% {
        border-left: 5px solid transparent;
        border-bottom: 5px solid transparent;
        transform: translate(-4.16667px, 16.66667px) rotate(-45deg);
    }
}

@media (max-width: 767px) {
    @keyframes arrows {
        0% {
            border-left: 3px solid transparent;
            border-bottom: 3px solid transparent;
            transform: translate(-4.16667px, -16.66667px) rotate(-45deg);
        }

        10%, 90% {
            border-left: 3px solid transparent;
            border-bottom: 3px solid transparent;
        }

        50% {
            border-left: 3px solid rgba(255, 255, 255, 0.8);
            border-bottom: 3px solid rgba(255, 255, 255, 0.8);
            transform: translate(-4.16667px, 0px) rotate(-45deg);
        }

        100% {
            border-left: 3px solid transparent;
            border-bottom: 3px solid transparent;
            transform: translate(-4.16667px, 16.66667px) rotate(-45deg);
        }
    }
}

/* 1.11 - Form control */
.form-control {
    height: initial;
    font-size: 14px;
    color: var(--shop-color-fullPage);
    background: transparent;
    border: 1px solid #ebeded;
    padding: 10px 15px;
    -webkit-appearance: none;
}

    .form-control:focus {
        outline: 0;
        border-color: var(--shop-color-main);
        box-shadow: none;
    }

.main-body {
    position: relative;
}

.layout-pageNot h1 span {
    display: block;
    color: #fff;
    font-size: 170px;
    font-weight: bold;
    text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.2), 0 20px 20px rgba(0, 0, 0, 0.15);
}

@media (min-width: 1300px) {
    .container-fluid {
        max-width: 1600px;
    }
}

/* 1.12 - hover effect */
.banner-hover-effect:before, .banner-hover-effect:after {
    content: "";
    position: absolute;
    height: 0;
    width: 0;
    background-color: rgba(255, 255, 255, 0.15);
    transition: all .8s ease-in-out 0s;
    -webkit-transition: all .8s ease-in-out 0s;
    -ms-transition: all .8s ease-in-out 0s;
}

.banner-hover-effect:before {
    top: 0;
    left: 0;
    z-index: 1;
}

.banner-hover-effect:after {
    bottom: 0;
    right: 0;
    z-index: 2;
}

@media (min-width: 1200px) {
    .zoom-slow {
        overflow: hidden;
    }

        .zoom-slow:hover .banner-hover-effect:before, .zoom-slow:hover .banner-hover-effect:after {
            width: 100%;
            height: 100%;
        }

        .zoom-slow img {
            display: block;
            margin: 0;
            height: auto;
            transition: all 1s ease-in-out;
            -moz-transition: all 1s ease-in-out;
            -webkit-transition: all 1s ease-in-out;
            -o-transition: all 1s ease-in-out;
        }

        .zoom-slow:hover img {
            -moz-transform: scale(1.1);
            -webkit-transform: scale(1.1);
            -o-transform: scale(1.1);
            -ms-transform: scale(1.1);
            transform: scale(1.1);
        }
}

/* 1.13 - owl nav style */
.owlCarousel-style.owl-carousel .owl-nav .owl-prev,
.owlCarousel-style.owl-carousel .owl-nav .owl-next {
    position: absolute;
    top: calc(50% - 15px);
    z-index: 3;
    width: 38px;
    height: 38px;
    line-height: 36px;
    font-size: 14px;
    color: #000;
    background: #fff;
    border: 1px solid var(--shop-color-border);
    outline: none;
    -webkit-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    -webkit-transform: scale(0.8) translateY(-50%);
    -ms-transform: scale(0.8) translateY(-50%);
    transform: scale(0.8) translateY(-50%);
    -webkit-transition: all 0.4s;
    -ms-transition: all 0.4s;
    transition: all 0.4s;
}

    .owlCarousel-style.owl-carousel .owl-nav .owl-prev span,
    .owlCarousel-style.owl-carousel .owl-nav .owl-next span {
        font-size: 0;
    }

        .owlCarousel-style.owl-carousel .owl-nav .owl-prev span:before,
        .owlCarousel-style.owl-carousel .owl-nav .owl-next span:before {
            content: "";
            font-family: 'FontAwesome';
            font-size: 26px;
        }

.owlCarousel-style.owl-carousel .owl-nav .owl-prev {
    left: -16px;
}

    .owlCarousel-style.owl-carousel .owl-nav .owl-prev span:before {
        content: "\f104";
    }

.owlCarousel-style.owl-carousel .owl-nav .owl-next {
    right: -16px;
}

    .owlCarousel-style.owl-carousel .owl-nav .owl-next span:before {
        content: "\f105";
    }

    .owlCarousel-style.owl-carousel .owl-nav .owl-prev.disabled,
    .owlCarousel-style.owl-carousel .owl-nav .owl-next.disabled {
        visibility: hidden;
        opacity: 0;
    }

@media (min-width: 992px) {
    .owlCarousel-style.owl-carousel .owl-nav .owl-prev:hover,
    .owlCarousel-style.owl-carousel .owl-nav .owl-next:hover {
        -webkit-transform: scale(1) translateY(-50%);
        -ms-transform: scale(1) translateY(-50%);
        transform: scale(1) translateY(-50%);
    }
}

@media (max-width: 767px) {
    .owlCarousel-style.owl-carousel .owl-nav .owl-prev {
        left: 10px;
    }

    .owlCarousel-style.owl-carousel .owl-nav .owl-next {
        right: 10px;
    }

    .owlCarousel-style.owl-carousel .owl-stage {
        padding-left: 5px !important;
    }
}

/*--------------------------------------------------------------------------------
PRODUCT LOOP 
--------------------------------------------------------------------------------*/
.product-loop {
    margin-bottom: 30px;
}

    .product-loop .product-inner {
        border: 1px solid #f3f3f3;
        position: relative;
        height: 100%;
        display: flex;
        display: -webkit-flex;
        flex-direction: column;
        -webkit-flex-direction: column;
    }

        .product-loop .product-inner .image-first-holders {
            display: flex;
            align-content: center;
            justify-content: center;
        }

        .product-loop .product-inner .aspect-ratio {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-content: center;
        }

        .product-loop .product-inner .hover-effect {
            /* background: rgba(0, 0, 0, 0.15); */
            top: 0;
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            transition: all 0.3s ease-in-out;
        }

        .product-loop .product-inner:hover .hover-effect {
            opacity: 0;
        }

    .product-loop .product-detail {
        text-align: center;
        padding: 30px 20px;
        /*background: rgba(255, 255, 255, 0.8);*/
    }

        .product-loop .product-detail h3 a, .product-loop .product-detail p {
            overflow: hidden;
            /* -webkit-line-clamp: 1; */
            -webkit-box-orient: vertical;
            display: -webkit-box;
        }

        .product-loop .product-detail h3 {
            font-size: 16px;
             text-transform: uppercase; 
        }

        .product-loop .product-detail h2 {
            font-size: 18px;
            text-transform: uppercase;
        }


        .product-loop .product-detail p {
             -webkit-line-clamp: 3; 
        }

        .product-loop .product-detail .prod-btnbox span svg {
            webkit-transform: translateY(2px);
            -moz-transform: translateY(2px);
            transform: translateY(2px);
        }

@media (max-width: 991px) {
    .listProduct-row {
        margin: 0 -7px;
    }

    .product-loop {
        padding-left: 7px;
        padding-right: 7px;
        margin-bottom: 14px;
    }

        .product-loop .product-detail {
            padding: 10px 8px 8px;
        }
}

@media (min-width: 768px) {
    .prod-btnbox span svg {
        display: none;
    }
}

@media (max-width: 767px) {
    .product-loop .product-inner .product-detail {
        text-align: left;
    }

        .product-loop .product-inner .product-detail h3 {
            font-size: 14px;
            margin-bottom: 10px;
        }

        .product-loop .product-inner .product-detail p {
            font-size: 12px;
            margin-bottom: 10px;
        }

    .product-loop .product-inner .btn-box.black {
        background-color: inherit;
        font-weight: 700;
        padding: 0;
        text-transform: inherit;
    }

    .product-loop .product-inner .btn-box span {
        color: var(--shop-color-main);
    }
}

/*--------------------------------------------------------------------------------
PRODUCT LOOP SPECIAL
--------------------------------------------------------------------------------*/
.product-loop-special {
    margin-bottom: 50px;
}

    .product-loop-special .product-col-right {
        padding: 0 0 0 30px;
    }

        .product-loop-special .product-col-right .product-width {
            max-width: 280px;
            margin: auto;
        }

@media (min-width: 768px) {
    .product-loop-special .product-col-right {
        padding: 0 80px;
    }
}

.product-loop-special .product-detail {
    padding: 20px 0;
}

.product-loop-special .action .btn-box {
    width: 100%;
    padding: 10px 5px;
    font-size: 12px;
}

/*------------------------------Search form , search auto---------------------*/
form.searchform {
    position: relative;
}

    form.searchform input.searchinput {
        background: #fff;
        color: var(--shop-color-fullPage);
        border: 1px solid #ebebeb;
        width: 100%;
        height: 42px;
        font-size: 14px;
        font-weight: 500;
        padding: 5px 65px 5px 15px;
        margin: 0;
        display: inline-block;
        border-radius: 3px;
        -webkit-appearance: none;
        appearance: none;
    }

        form.searchform input.searchinput:focus {
            border: 1px solid var(--shop-color-main);
            background: #fff;
            outline: none;
        }

    form.searchform .btn-search {
        width: 55px;
        height: 42px;
        line-height: 42px;
        position: absolute;
        padding: 0;
        top: 0px;
        right: 0px;
        background: var(--shop-color-main);
        border: 0;
        border-radius: 0 3px 3px 0;
    }

        form.searchform .btn-search svg {
            width: 18px;
            height: 42px;
            fill: #fff;
        }
/*--------------------------------------------------------------------------------
PRODUCT LOOP 
--------------------------------------------------------------------------------*/
.product-loop {
    margin-bottom: 30px;
}

    .product-loop .product-inner {
        border: 1px solid #f3f3f3;
        position: relative;
        height: 100%;
        display: flex;
        display: -webkit-flex;
        flex-direction: column;
        -webkit-flex-direction: column;
    }

        .product-loop .product-inner .image-first-holders {
            display: flex;
            align-content: center;
            justify-content: center;
        }

        .product-loop .product-inner .aspect-ratio {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-content: center;
        }

        .product-loop .product-inner .hover-effect {
            background: rgba(0, 0, 0, 0.15);
            top: 0;
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            transition: all 0.3s ease-in-out;
        }

        .product-loop .product-inner:hover .hover-effect {
            opacity: 0;
        }

    .product-loop .product-detail {
        text-align: center;
        padding: 30px 20px;
    }

        .product-loop .product-detail h3 a, .product-loop .product-detail p {
            overflow: hidden;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
            display: -webkit-box;
        }

        .product-loop .product-detail h3 {
            font-size: 16px;
        }

        .product-loop .product-detail p {
            -webkit-line-clamp: 3;
        }

        .product-loop .product-detail .prod-btnbox span svg {
            webkit-transform: translateY(2px);
            -moz-transform: translateY(2px);
            transform: translateY(2px);
        }

@media (max-width: 991px) {
    .listProduct-row {
        margin: 0 -7px;
    }

    .product-loop {
        padding-left: 7px;
        padding-right: 7px;
        margin-bottom: 14px;
    }

        .product-loop .product-detail {
            padding: 10px 8px 8px;
        }
}

@media (min-width: 768px) {
    .prod-btnbox span svg {
        display: none;
    }
}

@media (max-width: 767px) {
    .product-loop .product-inner .product-detail {
        text-align: left;
    }

        .product-loop .product-inner .product-detail h3 {
            font-size: 14px;
            margin-bottom: 10px;
        }

        .product-loop .product-inner .product-detail p {
            font-size: 12px;
            margin-bottom: 10px;
        }

    .product-loop .product-inner .btn-box.black {
        background-color: inherit;
        font-weight: 700;
        padding: 0;
        text-transform: inherit;
    }

    .product-loop .product-inner .btn-box span {
        color: var(--shop-color-main);
    }
}

/*--------------------------------------------------------------------------------
PRODUCT LOOP SPECIAL
--------------------------------------------------------------------------------*/
.product-loop-special {
    margin-bottom: 50px;
}

    .product-loop-special .product-col-right {
        padding: 0 0 0 30px;
    }

        .product-loop-special .product-col-right .product-width {
            max-width: 280px;
            margin: auto;
        }

@media (min-width: 768px) {
    .product-loop-special .product-col-right {
        padding: 0 80px;
    }
}

.product-loop-special .product-detail {
    padding: 20px 0;
}

.product-loop-special .action .btn-box {
    width: 100%;
    padding: 10px 5px;
    font-size: 12px;
}

/*------------------------------Search form , search auto---------------------*/
form.searchform {
    position: relative;
}

    form.searchform input.searchinput {
        background: #fff;
        color: var(--shop-color-fullPage);
        border: 1px solid #ebebeb;
        width: 100%;
        height: 42px;
        font-size: 14px;
        font-weight: 500;
        padding: 5px 65px 5px 15px;
        margin: 0;
        display: inline-block;
        border-radius: 3px;
        -webkit-appearance: none;
        appearance: none;
    }

        form.searchform input.searchinput:focus {
            border: 1px solid var(--shop-color-main);
            background: #fff;
            outline: none;
        }

    form.searchform .btn-search {
        width: 55px;
        height: 42px;
        line-height: 42px;
        position: absolute;
        padding: 0;
        top: 0px;
        right: 0px;
        background: var(--shop-color-main);
        border: 0;
        border-radius: 0 3px 3px 0;
    }

        form.searchform .btn-search svg {
            width: 18px;
            height: 42px;
            fill: #fff;
        }

.smart-search-wrapper {
    background: transparent;
    width: 100%;
    float: left;
    clear: both;
    z-index: 100;
    background: #fff;
}

    .smart-search-wrapper .item-ult {
        padding: 10px;
        border-bottom: 1px dotted #dfe0e1;
        clear: both;
        width: 100%;
        float: left;
    }

        .smart-search-wrapper .item-ult .thumbs {
            width: 40px;
            display: inline-block;
            text-align: right;
        }

        .smart-search-wrapper .item-ult .title {
            position: relative;
            width: calc(100% - 40px);
            padding-right: 5px;
            text-align: left;
            float: left;
            line-height: 20px;
            margin-top: 0;
        }

            .smart-search-wrapper .item-ult .title a {
                font-size: 12px;
                text-overflow: ellipsis;
                overflow: hidden;
                white-space: pre;
                float: left;
                width: 100%;
                margin-bottom: 4px;
                font-weight: 600;
            }

            .smart-search-wrapper .item-ult .title p {
                line-height: 15px;
                font-size: 12px;
                font-weight: 500;
                float: left;
                margin: 0;
            }

                .smart-search-wrapper .item-ult .title p del {
                    font-size: 11px;
                    font-weight: 400;
                    margin-left: 5px;
                    color: #797979;
                }

.resultsMore {
    width: 100%;
    float: left;
}

    .resultsMore a {
        text-align: center;
        display: block;
        font-size: 14px;
        padding: 10px 0;
        font-weight: 600;
    }

/*------------------------------Search page---------------------*/
.layout-searchPage .heading-page h1:after {
    content: '';
    display: block;
    width: 33px;
    height: 2px;
    background: #000;
    margin: 15px auto;
}

.layout-searchPage .expanded-message h2 {
    font-weight: 600;
    font-size: 20px;
}

.layout-searchPage .search-field {
    max-width: 600px;
    margin: 0 auto;
}

    .layout-searchPage .search-field .search-box {
        width: calc(100% - 55px);
        outline: none;
        height: 45px;
        padding: 0 20px;
        background: #ededed;
        border: 0;
        box-shadow: none;
    }

    .layout-searchPage .search-field .btn-search-page {
        width: 55px;
        height: 45px;
        line-height: 45px;
        background: #000;
        border: 0;
        outline: none;
        cursor: pointer;
    }

        .layout-searchPage .search-field .btn-search-page svg {
            width: 15px;
            height: 45px;
            fill: #fff;
        }

@media (max-width: 767px) {
    .layout-searchPage .search-list-results .product-loop:nth-child(odd) {
        padding-right: 7px;
    }

    .layout-searchPage .search-list-results .product-loop:nth-child(even) {
        padding-left: 7px;
    }
}


/*------------------------------Search page---------------------*/
.layout-searchPage .heading-page h1:after {
    content: '';
    display: block;
    width: 33px;
    height: 2px;
    background: #000;
    margin: 15px auto;
}

.layout-searchPage .expanded-message h2 {
    font-weight: 500;
    font-size: 20px;
}

.layout-searchPage .search-field {
    max-width: 600px;
    margin: 0 auto;
}

    .layout-searchPage .search-field .search-box {
        width: calc(100% - 55px);
        outline: none;
        height: 45px;
        padding: 0 20px;
        background: #ededed;
        border: 0;
        box-shadow: none;
    }

    .layout-searchPage .search-field .btn-search-page {
        width: 55px;
        height: 45px;
        line-height: 45px;
        background: #000;
        border: 0;
        outline: none;
        cursor: pointer;
    }

        .layout-searchPage .search-field .btn-search-page svg {
            width: 15px;
            height: 45px;
            fill: #fff;
        }

@media (max-width: 767px) {
    .layout-searchPage .search-list-results .product-loop:nth-child(odd) {
        padding-right: 7px;
    }

    .layout-searchPage .search-list-results .product-loop:nth-child(even) {
        padding-left: 7px;
    }
}

/*------------------------------Breadcrumd---------------------*/
.breadcrumb-shop {
    background: #fff;
    margin-bottom: 10px;
}

    .breadcrumb-shop .breadcrumb {
        padding: 8px 0 8px;
        background: transparent;
        border-radius: 0;
        margin: 0;
    }

        .breadcrumb-shop .breadcrumb > li {
            font-size: 13px;
        }

            .breadcrumb-shop .breadcrumb > li a {
                color: #252a2b;
            }

            .breadcrumb-shop .breadcrumb > li + li:before {
                padding: 0 3px 0 7px;
                color: #ccc;
                content: "/\00a0";
            }

@media (max-width: 767px) {
    .breadcrumb-shop {
        background: #fff;
    }

        .breadcrumb-shop .breadcrumb {
            padding: 5px 0;
        }

            .breadcrumb-shop .breadcrumb > li {
                font-size: 10px;
                line-height: 1.8;
            }
}

/*------------------------------Pagination---------------------*/
#pagination {
    margin: 30px 0;
}

    #pagination .pagination {
        margin: 0;
        padding: 0;
        justify-content: center;
        -webkit-justify-content: center;
    }

        #pagination .pagination > li {
            display: inline-block;
            vertical-align: middle;
        }

            #pagination .pagination > li:not(:last-child) {
                margin-right: 8px;
            }

            #pagination .pagination > li > span, #pagination .pagination > li a {
                position: relative;
                float: left;
                line-height: 33px;
                text-decoration: none;
                color: #333e48;
                background-color: #fff;
                border: 1px solid #dee2e6;
                width: 35px;
                height: 35px;
                text-align: center;
                border-radius: 0 !important;
                font-weight: 500;
                padding: 0;
                cursor: pointer;
            }

                #pagination .pagination > li > span.current, #pagination .pagination > li a.current {
                    background-color: var(--shop-color-main);
                    border-color: var(--shop-color-main);
                    color: #fff;
                }

                #pagination .pagination > li > a:hover, #pagination .pagination > li > a:focus, #pagination .pagination > li > span:hover, #pagination .pagination > li > span:focus {
                    z-index: 2;
                    color: #fff;
                    background-color: var(--shop-color-hover);
                    border-color: var(--shop-color-hover);
                }

/*--------------------------------------------------------------------------------
2. HEADER
--------------------------------------------------------------------------------*/
.announcement-bar {
    padding: 5px 15px;
    font-size: 13px;
}

.flexContainer-header > div[class*="wrapper-header-"] {
    padding: 0 15px;
}

@media (max-width: 991px) {
    .flexContainer-header > div.wrapper-header-icon {
        padding-left: 0;
    }

    .flexContainer-header > div.wrapper-header-logo {
        padding: 0;
        flex: 1 1 auto;
        display: flex;
        align-items: center;
    }

    .flexContainer-header > div[class*="wrapper-header-"] {
        position: initial;
        width: initial;
    }
}

.main-header {
    border-bottom: 0;
    margin-bottom: -1px;
    /*box-shadow: 0 2px 8px rgba(0, 0, 0, .08);*/
}

    .main-header .navigation-header {
        position: relative;
        background: #fff;
        z-index: 99;
        width: 100%;
    }

        .main-header .navigation-header.hSticky {
            opacity: 0;
            visibility: hidden;
        }

            .main-header .navigation-header.hSticky.hSticky-down {
                position: fixed;
                top: 0;
                left: 0;
                right: 0;
                z-index: 999;
                background: #fff;
                border-bottom: 0;
                -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
                -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
                box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
                -webkit-transform: translateY(-100%);
                transform: translateY(-100%);
                -webkit-transition: all 400ms ease;
                -moz-transition: all 400ms ease;
                transition: all 400ms ease;
            }

                .main-header .navigation-header.hSticky.hSticky-down.hSticky-up {
                    opacity: 1;
                    visibility: visible;
                    -webkit-transform: translateY(0);
                    transform: translateY(0);
                    -webkit-transition: all 400ms ease;
                    -moz-transition: all 400ms ease;
                    transition: all 400ms ease;
                }

                .main-header .navigation-header.hSticky.hSticky-down .announcement-bar {
                    display: none;
                }

@media (min-width: 992px) {
    .main-header .navigation-header:not(.hSticky-down) .header_dropdown_content {
        top: 100%;
    }
}

@media (min-width: 992px) {
    .main-header .navigation-header.hSticky-down #main-nav-linklist .nav-linklist > .nav-bar-item > .nav-bar-link {
        padding: 20px 0;
    }

    .main-header .navigation-header.hSticky-down .wrap-logo h1, .main-header .navigation-header.hSticky-down .wrap-logo a {
        font-size: 26px;
    }
}

@media (max-width: 991px) {
    .main-header .navigation-header.hSticky-down .search-bar-mobile {
        position: absolute;
        right: 0;
        left: 0;
        top: 50%;
        border-top: none;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        visibility: hidden;
        padding: 0px 15px 0px 50px;
    }

        .main-header .navigation-header.hSticky-down .search-bar-mobile .search-box {
            visibility: visible;
        }

        .main-header .navigation-header.hSticky-down .search-bar-mobile .smart-search-wrapper {
            top: calc(100% + 8px);
        }
}

.main-header:not(.mainHeader_temp_2) .navigation-header.hSticky-down {
    /*.wrapper-header-logo{display: none;}*/
}

@media (min-width: 992px) {
    .main-header:not(.mainHeader_temp_2) .navigation-header.hSticky-down .header-inner {
        position: absolute;
        right: 0;
        left: 0;
        top: 50%;
        padding: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        visibility: hidden;
    }

    .main-header:not(.mainHeader_temp_2) .navigation-header.hSticky-down .header-nav-sticky {
        display: -webkit-flex;
        display: flex;
        margin-left: -15px;
    }

    .main-header:not(.mainHeader_temp_2) .navigation-header.hSticky-down .wrap-logo-sticky {
        display: -webkit-flex;
        display: flex;
        max-width: 22%;
        -webki-align-items: center;
        align-items: center;
    }

    .main-header:not(.mainHeader_temp_2) .navigation-header.hSticky-down .menu-desktop {
        -webkit-flex: 1 1 auto;
        flex: 1 1 auto;
        padding-left: 15px;
        padding-right: 130px;
        display: -webkit-flex;
        display: flex;
        -webki-align-items: center;
        align-items: center;
        -webki-justify-content: center;
        justify-content: center;
    }

    .main-header:not(.mainHeader_temp_2) .navigation-header.hSticky-down .wrapper-header-icon {
        visibility: visible;
        width: initial;
        max-width: initial;
        flex: 0 0 auto;
    }
}

.main-header.mainHeader_tempPr .wrapper-header-nav .backto-page.icon-nav {
    display: none;
}

.main-header .wrap-logo h1, .main-header .wrap-logo a {
    font-size: 30px;
    font-weight: bold;
    margin: 0;
    line-height: 1.2;
}

    .main-header .wrap-logo a img {
        max-height: 100px;
    }

.main-header .wrap-logo-sticky {
    display: none;
}

@media (min-width: 992px) {
    .main-header {
        /*.header-inner{padding: 20px 0 15px;}*/
    }

        .main-header .navigation-header .wrap-logo-sticky, .main-header .navigation-header .wrap-logo {
            min-width: 150px;
        }

        .main-header .navigation-header.hSticky-down .wrap-logo img {
            max-height: 55px;
        }

        .main-header .wrapper-header-icon {
            position: relative;
            display: flex;
            display: -ms-flex;
            display: -webkit-flex;
            align-items: center;
            -ms-align-items: center;
            -webkit-align-items: center;
            justify-content: flex-end;
        }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .main-header #main-nav-linklist .nav-linklist > .nav-bar-item > .nav-bar-link {
        margin: 0 6px;
    }
}

@media (max-width: 991px) {
    .main-header .hSticky-down .header-inner {
        padding: 10px 0;
        position: relative;
    }

        .main-header .hSticky-down .header-inner .container {
            max-width: initial;
        }

    .main-header .wrap-logo {
        display: inline-block;
    }

    .main-header .site-handle {
        display: flex;
        display: -webkit-flex;
        flex-wrap: nowrap;
        -webkit-flex-wrap: nowrap;
    }

    .main-header .wrap-logo a, .main-header .wrap-logo h1 {
        line-height: inherit;
    }

    .main-header.mainHeader_tempPr .wrapper-header-nav .icon-nav {
        display: inline-block;
        vertical-align: middle;
    }

    .main-header.mainHeader_tempPr .navigation-header.hSticky-down .backto-page {
        display: inline-block;
    }

        .main-header.mainHeader_tempPr .navigation-header.hSticky-down .backto-page .backto-page-history {
            display: block;
            width: 30px;
            height: 35px;
            line-height: 35px;
            text-align: center;
            margin-right: 5px;
        }

            .main-header.mainHeader_tempPr .navigation-header.hSticky-down .backto-page .backto-page-history svg {
                width: 30px;
                height: 35px;
            }

    .main-header.mainHeader_tempPr .navigation-header.hSticky-down .header-action-icon .wrap-search {
        display: block;
    }

    .main-header.mainHeader_tempPr .navigation-header.hSticky-down .search-bar-mobile {
        display: none !important;
    }

    .main-header.mainHeader_tempPr .navigation-header.hSticky-down .header_dropdown_content.site_menu_mobile .box-triangle {
        left: 48px;
    }
}

@media (max-width: 767px) {
    .main-header .wrap-logo h1, .main-header .wrap-logo a {
        font-size: 20px;
    }

        .main-header .wrap-logo a img {
            max-height: 50px;
            max-width: 180px;
        }
}

@media (max-width: 991px) {
    .locked-scroll {
        overflow: hidden;
    }

        .locked-scroll .main-header .navigation-header, .locked-scroll .main-header .navigation-header.hSticky-down {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            visibility: visible;
            opacity: 1;
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }
}

.header-action-icon .wrap-cart .count-holder {
    position: absolute;
    top: -4px;
    right: -5px;
    font-size: 11px;
    text-align: center;
    min-width: 20px;
    line-height: 20px;
    color: #fff;
    border-radius: 50%;
    background: var(--shop-color-main);
    -webkit-transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out, -moz-transform 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
}

@media (max-width: 991px) {
    .header-action-icon .wrap-cart .count-holder {
        top: 0;
        right: 0;
        min-width: 16px;
        line-height: 16px;
    }
}

.header-action {
    margin-left: 10px;
}

    .header-action a.header-action-link {
        display: block;
        position: relative;
        font-size: 13px;
        color: #333;
    }

    .header-action a.header-action-toggle {
        display: block;
        position: relative;
        font-size: 13px;
        color: #333;
    }

    .header-action .box-action-text {
        padding-right: 5px;
        opacity: .9;
    }

    .header-action .box-action-icon {
        display: inline-block;
        vertical-align: middle;
        position: relative;
        width: 30px;
        height: 35px;
        text-align: center;
    }

        .header-action .box-action-icon svg {
            width: 20px;
            height: 35px;
            fill: #000;
            -webkit-transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
            -moz-transition: opacity 0.3s ease-in-out, -moz-transform 0.3s ease-in-out;
            transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
        }

    .header-action.show-action .header_dropdown_content {
        opacity: 1;
        visibility: visible;
        -webkit-transform: scale(1);
        transform: scale(1);
        transition: opacity 0.4s cubic-bezier(0, 1, 0.4, 1), visibility 0.4s linear, -webkit-transform 0.4s cubic-bezier(0.18, 1.25, 0.4, 1);
        transition: opacity 0.4s cubic-bezier(0, 1, 0.4, 1), transform 0.4s cubic-bezier(0.18, 1.25, 0.4, 1), visibility 0.4s linear;
        transition: opacity 0.4s cubic-bezier(0, 1, 0.4, 1), transform 0.4s cubic-bezier(0.18, 1.25, 0.4, 1), visibility 0.4s linear, -webkit-transform 0.4s cubic-bezier(0.18, 1.25, 0.4, 1);
    }

    .header-action.show-action #account-popover .popover-panel_list .popover-panel.is-selected {
        visibility: visible;
    }

@media (max-width: 991px) {
    .header-action.show-action .box-action-icon .svg--icon, .header-action.show-action .box-action-icon .count-holder {
        opacity: 0;
        transform: scale(0);
    }

    .header-action.show-action .icon-state .box-icon--close {
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
    }
}

@media (max-width: 1199px) {
    .header-action .box-action-text {
        display: none;
    }
}

.icon-state .box-icon--close {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    transform: scale(0);
    -webkit-transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out, -moz-transform 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
}

    .icon-state .box-icon--close svg {
        width: 20px;
        height: 35px;
        color: #000;
    }

.search-bar-mobile {
    padding: 5px;
}

    .search-bar-mobile form.searchform input.searchinput {
        height: 32px;
        padding: 3px 40px 3px 8px;
        border-radius: 0;
        background: #f3f5f6;
        font-size: 12px;
    }

    .search-bar-mobile form.searchform .btn-search {
        width: 35px;
        height: 32px;
        line-height: 32px;
        background: transparent;
        border-radius: 0;
    }

        .search-bar-mobile form.searchform .btn-search svg {
            width: 14px;
            height: 32px;
            opacity: .5;
            fill: initial;
        }

        .search-bar-mobile form.searchform .btn-search span {
            display: block;
            width: 35px;
            height: 32px;
        }

            .search-bar-mobile form.searchform .btn-search span.search-close {
                display: none;
            }

                .search-bar-mobile form.searchform .btn-search span.search-close svg {
                    width: 20px;
                    fill: var(--shop-color-main);
                    opacity: initial;
                }

    .search-bar-mobile form.searchform.expanded .btn-search span.search-icon {
        display: none;
    }

    .search-bar-mobile form.searchform.expanded .btn-search span.search-close {
        display: block;
    }

    .search-bar-mobile .smart-search-wrapper {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background: #fff;
        z-index: 99;
        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.08);
    }

/*------------------- Header-template-01 ---------------------*/
.announcement_bar_temp01 {
    background: #333333;
    color: #ffffff;
}

.mainHeader_temp_1 .navigation-header:not(.hSticky-down) .header-inner {
    background: #1e2d3b;
    position: relative;
}

.mainHeader_temp_1 .navigation-header .box-action-text {
    color: #ffffff;
}

.mainHeader_temp_1 .navigation-header.hSticky-down.hSticky-up {
    background: #1e2d3b;
}

    .mainHeader_temp_1 .navigation-header.hSticky-down.hSticky-up #main-nav-linklist .nav-linklist > .nav-bar-item > .nav-bar-link {
        color: #ffffff;
    }

        .mainHeader_temp_1 .navigation-header.hSticky-down.hSticky-up #main-nav-linklist .nav-linklist > .nav-bar-item > .nav-bar-link:hover {
            color: var(--shop-color-hover);
        }

.mainHeader_temp_1 .navigation-header .wrap-logo h1, .mainHeader_temp_1 .navigation-header .wrap-logo a {
    color: #ffffff;
}

.mainHeader_temp_1 .navigation-header .header-action-icon .header-action .box-action-icon svg {
    fill: #ffffff;
    color: #ffffff;
}

.mainHeader_temp_1 .navigation-header .hamburger-menu svg {
    color: #ffffff;
}

.mainHeader_temp_1 .navigation-header .backto-page-history svg {
    color: #ffffff;
}

@media (min-width: 992px) {
    .mainHeader_temp_1 .navigation-header.hSticky-down .wrap-logo-sticky {
        background: #DC2927;
    }

    .mainHeader_temp_1 .navigation-header .wrap-logo {
        padding: 10px 15px;
    }

    .mainHeader_temp_1 .navigation-header:not(.hSticky-down) .header_dropdown_content {
        top: calc(100% + 10px);
    }

    .mainHeader_temp_1 .navigation-header.hSticky-down.hSticky-up .header_dropdown_content {
        top: calc(100% + 10px);
    }
}

@media (max-width: 991px) {
    .mainHeader_temp_1 .navigation-header .navigation-header.hSticky-down.hSticky-up .header_dropdown_content {
        top: 100%;
    }

    .mainHeader_temp_1 .navigation-header .header-inner {
        padding: 10px 0;
        background: #1e2d3b;
    }
}

/*------------------- Header-template-02 ---------------------*/
.announcement_bar_temp02 {
    background: #333333;
    color: #ffffff;
}

.mainHeader_temp_2 .navigation-header .header-inner {
    /*background: #1e2d3b;*/
    position: relative;
}

.mainHeader_temp_2 .navigation-header .wrapper-header-menu .list-unstyled {
    text-align: right;
}

.mainHeader_temp_2 .navigation-header .wrapper-header-menu {
    position: relative;
}

    .mainHeader_temp_2 .navigation-header .wrapper-header-menu:before {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        margin: auto 0;
        background: #cecece;
        width: 1px;
        height: 30px;
    }

.mainHeader_temp_2 .navigation-header .header-action-icon .header-action .box-action-icon svg {
    fill: #ffffff;
    color: #ffffff;
}

.mainHeader_temp_2 .navigation-header .header-action .box-action-text {
    color: #ffffff;
}

.mainHeader_temp_2 .navigation-header .wrap-logo h1, .mainHeader_temp_2 .navigation-header .wrap-logo a {
    color: #ffffff;
}

.mainHeader_temp_2 .navigation-header .hamburger-menu svg {
    color: #ffffff;
}

.mainHeader_temp_2 .navigation-header .backto-page-history svg {
    color: #ffffff;
}

.mainHeader_temp_2 .navigation-header #main-nav-linklist .nav-linklist > .nav-bar-item > .nav-bar-link {
    padding: 50px 0;
    color: #ffffff;
}

    .mainHeader_temp_2 .navigation-header #main-nav-linklist .nav-linklist > .nav-bar-item > .nav-bar-link:hover {
        color: var(--shop-color-hover);
    }

@media (min-width: 992px) {
    .mainHeader_temp_2 .navigation-header .wrapper-header-logo {
        max-width: 25%;
        display: flex;
        display: -ms-flex;
        display: -webkit-flex;
        align-items: center;
        -ms-align-items: center;
        -webkit-align-items: center;
        margin-right: auto;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .mainHeader_temp_2 .navigation-header .wrapper-header-logo {
        max-width: 22%;
    }
}

@media (max-width: 991px) {
    .mainHeader_temp_2 .navigation-header .header-inner {
        padding: 10px 0;
    }
}

/*------------------- Header-template-03 ---------------------*/
.announcement_bar_temp03 {
    background: #333333;
    color: #ffffff;
}

.mainHeader_temp_3 .navigation-header:not(.hSticky-down) .wrapper-header-search {
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    margin-left: 30px;
}

    .mainHeader_temp_3 .navigation-header:not(.hSticky-down) .wrapper-header-search .wpo-wrapper-search {
        position: relative;
    }

        .mainHeader_temp_3 .navigation-header:not(.hSticky-down) .wrapper-header-search .wpo-wrapper-search .smart-search-wrapper {
            position: absolute;
            top: calc(100% + 5px);
            box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.08);
        }

.mainHeader_temp_3 .navigation-header:not(.hSticky-down) .wrapper-header-icon .header-action-icon .wrap-search {
    display: none;
}

.mainHeader_temp_3 .navigation-header.hSticky-down.hSticky-up {
    background: #1e2d3b;
}

    .mainHeader_temp_3 .navigation-header.hSticky-down.hSticky-up #main-nav-linklist .nav-linklist > .nav-bar-item > .nav-bar-link {
        color: #ffffff;
    }

        .mainHeader_temp_3 .navigation-header.hSticky-down.hSticky-up #main-nav-linklist .nav-linklist > .nav-bar-item > .nav-bar-link:hover {
            color: var(--shop-color-hover);
        }

.mainHeader_temp_3 .navigation-header .header-action-icon .box-action-icon svg {
    fill: #ffffff;
    color: #ffffff;
}

.mainHeader_temp_3 .navigation-header .wrap-logo h1, .mainHeader_temp_3 .navigation-header .wrap-logo a {
    color: #ffffff;
}

.mainHeader_temp_3 .navigation-header .hamburger-menu svg {
    color: #ffffff;
}

.mainHeader_temp_3 .navigation-header .backto-page-history svg {
    color: #ffffff;
}

.mainHeader_temp_3 .navigation-header .header-inner {
    background: #1e2d3b;
    position: relative;
}

.mainHeader_temp_3 .navigation-header.hSticky-down .header-action-contact, .mainHeader_temp_3 .navigation-header.hSticky-down .box-action-text {
    display: none;
}

.mainHeader_temp_3 .navigation-header .text_name-title {
    display: block;
}

.mainHeader_temp_3 .navigation-header .box-action-icon {
    display: inline-block;
    vertical-align: middle;
}

.mainHeader_temp_3 .navigation-header .icon-state .icon-svg {
    width: 20px;
    height: 30px;
}

@media (min-width: 992px) {
    .mainHeader_temp_3 .navigation-header:not(.hSticky-down) .wrapper-header-logo {
        margin-left: -15px;
        max-width: 20%;
    }

    .mainHeader_temp_3 .navigation-header:not(.hSticky-down) .wrapper-header-icon {
        padding: 0 15px;
    }

    .mainHeader_temp_3 .navigation-header:not(.hSticky-down) #main-nav-linklist .nav-linklist {
        text-align: left;
    }

        .mainHeader_temp_3 .navigation-header:not(.hSticky-down) #main-nav-linklist .nav-linklist > .nav-bar-item > .nav-bar-link {
            margin: 0 30px 0 0;
        }

    .mainHeader_temp_3 .navigation-header:not(.hSticky-down) .wrap-logo {
        padding: 15px;
    }

    .mainHeader_temp_3 .navigation-header:not(.hSticky-down) .wrapper-header-icon .header-action {
        position: relative;
        padding: 0 30px;
        margin-left: 0;
    }

        .mainHeader_temp_3 .navigation-header:not(.hSticky-down) .wrapper-header-icon .header-action:last-child {
            padding-right: 0;
        }

        .mainHeader_temp_3 .navigation-header:not(.hSticky-down) .wrapper-header-icon .header-action:not(:last-child)::after {
            position: absolute;
            content: "";
            right: 0;
            top: calc(50% - 17px);
            background: #ebebeb;
            height: 34px;
            width: 1px;
        }

    .mainHeader_temp_3 .navigation-header:not(.hSticky-down) .box-action-text {
        display: inline-block;
        vertical-align: middle;
        color: #ffffff;
        padding-left: 5px;
    }

    .mainHeader_temp_3 .navigation-header:not(.hSticky-down) .box-action-text_name-title {
        font-size: 13px;
        display: block;
    }

    .mainHeader_temp_3 .navigation-header:not(.hSticky-down) .box-action-text_name {
        font-size: 14px;
        font-weight: 500;
        display: inline-flex;
    }

        .mainHeader_temp_3 .navigation-header:not(.hSticky-down) .box-action-text_name i {
            margin-left: 5px;
            line-height: 1.4;
        }

    .mainHeader_temp_3 .navigation-header:not(.hSticky-down) .box-action-text_name-account {
        display: inline-block;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 120px;
        overflow: hidden;
    }

    .mainHeader_temp_3 .navigation-header:not(.hSticky-down) .header-action-icon {
        margin-left: 35px;
    }

    .mainHeader_temp_3 .navigation-header .wrap-search .header-action-toggle {
        display: flex;
        display: -ms-flex;
        display: -webkit-flex;
        align-items: center;
        -ms-align-items: center;
        -webkit-align-items: center;
    }

    .mainHeader_temp_3 .navigation-header.hSticky-down .wrapper-header-icon .box-action-text {
        display: block;
    }

    .mainHeader_temp_3 .navigation-header .wrap-search .box-action-text {
        color: #ffffff;
    }

    .mainHeader_temp_3 .navigation-header .wrap-logo {
        padding: 10px 15px;
        /*background: #DC2927;*/
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .mainHeader_temp_3 .navigation-header:not(.hSticky-down) .wrapper-header-logo {
        max-width: 25%;
    }

    .mainHeader_temp_3 .navigation-header .header-action-icon {
        margin-left: 10px;
    }
}

@media (max-width: 991px) {
    .mainHeader_temp_3 .navigation-header .header-inner {
        padding: 10px 0;
    }

    .mainHeader_temp_3 .navigation-header:not(.hSticky-down) .wrapper-header-icon .header-action-icon .wrap-search {
        display: block;
    }

    .mainHeader_temp_3 .navigation-header .wrapper-header-icon .box-action-text {
        display: none;
    }

    .mainHeader_temp_3 .navigation-header .header-action-contact, .mainHeader_temp_3 .navigation-header .box-action-text {
        display: none;
    }

    .mainHeader_temp_3 .navigation-header.hSticky-down.hSticky-up .header_dropdown_content {
        top: 100%;
    }
}

.mainHeader_temp_3 .navigation-header.hSticky-down .header_dropdown_content {
    top: calc(100% + 10px);
}

/*------------------- Menu Desktop ---------------------*/
#main-nav-linklist .nav-linklist > .nav-bar-item {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

    #main-nav-linklist .nav-linklist > .nav-bar-item .nav-bar-link {
        display: block;
        margin: 0 10px;
        padding: 10px 0;
        font-size: 1rem;
        /*text-transform: uppercase;
        font-weight: bold;*/
        cursor: pointer;
    }

        #main-nav-linklist .nav-linklist > .nav-bar-item .nav-bar-link .icon--arrow-bottom {
            width: 9px;
            height: 7px;
            margin-left: 3px;
            -webkit-transition: -webkit-transform .3s ease-in-out;
            -moz-transition: -moz-transform .3s ease-in-out;
            transition: transform .3s ease-in-out;
        }

    #main-nav-linklist .nav-linklist > .nav-bar-item.active .nav-bar-link {
        color: var(--shop-color-hover) !important;
    }

    #main-nav-linklist .nav-linklist > .nav-bar-item:hover .nav-bar-link .icon--arrow-bottom {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        transform: rotate(180deg);
    }

#main-nav-linklist .nav-linklist .nav-bar-item:hover > .dropdown-desktop-menu {
    opacity: 1;
    visibility: visible;
    margin-top: 0;
}

#main-nav-linklist .dropdown-desktop-menu {
    position: absolute;
    top: 100%;
    background: #fff;
    min-width: 140px;
    margin-top: 30px;
    border-radius: 0 0 3px 3px;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    white-space: nowrap;
    visibility: hidden;
    opacity: 0;
    z-index: 1;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.3s ease-in-out;
}

    #main-nav-linklist .dropdown-desktop-menu .dropdown-desktop-menu {
        top: 0;
        left: 100%;
        margin-top: 0;
    }

#main-nav-linklist .nav-dropdown-item {
    position: relative;
}

    #main-nav-linklist .nav-dropdown-item:not(:last-child) {
        border-bottom: 1px solid #ebebeb;
    }

    #main-nav-linklist .nav-dropdown-item .nav-dropdown-link {
        padding: 9px 18px;
        white-space: nowrap;
        text-align: left;
        display: block;
        font-size: 14px;
        text-transform: none;
    }

        #main-nav-linklist .nav-dropdown-item .nav-dropdown-link .icon--arrow-right {
            position: absolute;
            top: 12%;
            right: 7px;
            width: 15px;
            fill: var(--shop-color-fullPage);
            -webkit-transform: translateY(50%);
            -moz-transform: translateY(50%);
            transform: translateY(50%);
            -webkit-transition: right .5s ease;
            -moz-transition: right .5s ease;
            transition: right .5s ease;
        }

    #main-nav-linklist .nav-dropdown-item:hover > .nav-dropdown-link .icon--arrow-right {
        right: 0;
    }

/*------------------- Humburger-menu ---------------------*/
.wrapper-header-nav {
    margin-left: 0;
}

    .wrapper-header-nav .hamburger-menu {
        display: block;
        position: relative;
        width: 30px;
        height: 35px;
        text-align: center;
    }

    .wrapper-header-nav .icon--hamburger-mobile {
        width: 20px;
        height: 35px;
        color: #000;
        -webkit-transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
        -moz-transition: opacity 0.3s ease-in-out, -moz-transform 0.3s ease-in-out;
        transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
    }

    .wrapper-header-nav.show-action .icon--hamburger-mobile {
        opacity: 0;
        transform: scale(0);
    }

/*------------------- Action icon header ---------------------*/
.header_dropdown_content {
    position: absolute;
    left: auto;
    right: 0;
    top: 100%;
    z-index: 999;
    min-width: 300px;
    border-radius: 3px;
    color: var(--shop-color-fullPage);
    background: #fff;
    border: solid 1px #dfe3e8;
    -webkit-box-shadow: 0 1px 5px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 5px 2px rgba(0, 0, 0, 0.1);
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    transform: scale(0.9);
    -webkit-transition: opacity 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out, visibility 0.25s ease-in-out, max-height 0s linear 0.25s;
    -moz-transition: opacity 0.25s ease-in-out, -moz-transform 0.25s ease-in-out, visibility 0.25s ease-in-out, max-height 0s linear 0.25s;
    transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out, visibility 0.25s ease-in-out, max-height 0s linear 0.25s;
    will-change: transform;
}

    .header_dropdown_content .box-triangle {
        position: absolute;
        right: 9px;
        bottom: calc(100% - 1px);
        margin: 0;
        width: 30px;
        height: 14px;
        text-align: center;
    }

        .header_dropdown_content .box-triangle svg {
            width: 25px;
            -webkit-filter: drop-shadow(0 -2px 2px rgba(0, 0, 0, 0.12));
            filter: drop-shadow(0 -2px 2px rgba(0, 0, 0, 0.12));
        }

    .header_dropdown_content .site-nav-container {
        position: relative;
        width: 100%;
        height: 100%;
        font-size: 12px;
        overflow: hidden;
        min-height: 100%;
        padding: 25px 15px 15px;
    }

    .header_dropdown_content.site_cart .mini-cart_scroll {
        margin: 5px 0;
        padding-right: 10px;
    }

    .header_dropdown_content.site_search .box-triangle {
        right: 15px;
    }

    .header_dropdown_content.site_search .titlebox-search {
        font-size: 15px;
        text-transform: uppercase;
        margin: 0;
        font-weight: 500;
        padding-bottom: 10px;
        border-bottom: 1px solid #dee2e6;
        color: var(--shop-color-title);
    }

    .header_dropdown_content.site_account .box-triangle {
        right: 49px;
    }

    .header_dropdown_content.site_menu_mobile {
        width: 100vw;
        height: 100vh;
    }

        .header_dropdown_content.site_menu_mobile .box-triangle {
            left: 14px;
        }

@media screen and (min-width: 992px) {
    .header_dropdown_content {
        top: 100%;
        right: 0;
        left: auto;
        border-radius: 3px;
        -webkit-box-shadow: 0 1px 5px 2px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0 1px 5px 2px rgba(0, 0, 0, 0.1);
        box-shadow: 0 1px 5px 2px rgba(0, 0, 0, 0.1);
    }

        .header_dropdown_content.site_cart {
            max-height: none;
            width: 470px;
            height: auto;
        }

            .header_dropdown_content.site_cart .mini-cart_scroll {
                max-height: 350px;
                overflow-y: auto;
            }

                .header_dropdown_content.site_cart .mini-cart_scroll::-webkit-scrollbar {
                    width: 2px;
                    height: 2px;
                }

                .header_dropdown_content.site_cart .mini-cart_scroll::-webkit-scrollbar-track {
                    -webkit-border-radius: 10px;
                    border-radius: 10px;
                }

                .header_dropdown_content.site_cart .mini-cart_scroll::-webkit-scrollbar-thumb {
                    -webkit-border-radius: 10px;
                    border-radius: 10px;
                    background: rgba(105, 105, 105, 0.8);
                    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
                }

                    .header_dropdown_content.site_cart .mini-cart_scroll::-webkit-scrollbar-thumb:window-inactive {
                        background: rgba(105, 105, 105, 0.4);
                    }

        .header_dropdown_content.site_search {
            width: 400px;
        }

        .header_dropdown_content.site_account {
            width: 335px;
        }

            .header_dropdown_content.site_account.site-account--info {
                width: 250px;
                min-width: 250px;
            }
}

@media (max-width: 991px) {
    .header_dropdown_content .site-nav-container {
        width: 100vw;
        height: 100vh;
        overflow-y: auto;
        padding-bottom: 250px;
    }
}

/*------------------- mini cart ---------------------*/
.site_cart .mini-cart_alert-wrapper .title-box {
    font-size: 15px;
    text-transform: uppercase;
    margin: 0;
    font-weight: 500;
    text-align: center;
    padding: 6px 15px;
    background: #f3f5f6;
    color: var(--shop-color-title);
}

.site_cart .mini-cart_line-item {
    display: flex;
    display: -webkit-flex;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    padding: 15px 0;
}

    .site_cart .mini-cart_line-item + .mini-cart_line-item {
        border-top: 1px dotted #dee2e6;
    }

.site_cart .mini-cart_image-wrapper {
    width: 90px;
    margin-right: 15px;
}

    .site_cart .mini-cart_image-wrapper img {
        border: 1px solid #dee2e6;
    }

.site_cart .mini-cart_item-wrapper {
    position: relative;
    width: calc(100% - 90px);
    padding-right: 30px;
}

.site_cart .mini-cart_product-title {
    display: block;
    font-size: 11px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1.5;
    margin-bottom: 5px;
}

.site_cart .mini-cart_product-variant {
    display: block;
    font-size: 12px;
    margin: 5px 0 10px;
    opacity: 0.66;
    text-transform: uppercase;
}

.site_cart .mini-cart_product-quantity {
    display: inline-block;
    background: #f3f5f6;
    text-align: center;
    padding: 6px 12px;
    font-size: 12px;
    line-height: 1;
    margin-right: 12px;
    font-weight: 500;
}

.site_cart .mini-cart_product-price {
    font-weight: 500;
}

.site_cart .mini-cart_product-remove-item {
    position: absolute;
    top: 0;
    right: 0;
    text-align: center;
    font-size: 14px;
    line-height: 1;
}

.site_cart .mini-cart_empty-state {
    padding: 70px 0 60px 0;
    text-align: center;
    margin-right: -10px;
}

    .site_cart .mini-cart_empty-state svg {
        margin-bottom: 10px;
    }

    .site_cart .mini-cart_empty-state p {
        font-size: 16px;
        line-height: 1.7;
    }

.site_cart .mini-cart_total-recap {
    padding: 15px 0 5px;
    border-top: 1px solid #dee2e6;
}

.site_cart .mini-cart_price-total-line span {
    font-size: 14px;
}

.site_cart .mini-cart_price-total-line #total-view-cart {
    font-weight: bold;
    font-size: 16px;
    color: #e00707;
}

.site_cart .mini-cart_button-container {
    margin-top: 15px;
}

    .site_cart .mini-cart_button-container a {
        -webkit-flex-grow: 1;
        flex-grow: 1;
        padding: 15px 10px;
    }

        .site_cart .mini-cart_button-container a.link-to-cart {
            margin-right: 10px;
        }

        .site_cart .mini-cart_button-container a.link-to-checkout {
            margin-left: 10px;
        }

/*------------------- mini account ---------------------*/
#account-popover.site-account--info .site-nav-container {
    padding: 25px 0;
}

#account-popover .site-account-infor {
    font-size: 14px;
}

#account-popover .site-account-infor_header {
    text-align: center;
    border-bottom: 1px solid #dee2e6;
    padding: 0 0 10px;
    margin-bottom: 10px;
}

    #account-popover .site-account-infor_header h2 {
        margin-bottom: 0px;
        font-size: 15px;
        font-weight: 500;
        font-style: normal;
        text-transform: uppercase;
    }

#account-popover .site-account-infor_list li {
    margin-bottom: 5px;
}

    #account-popover .site-account-infor_list li:last-child {
        margin-bottom: 0;
    }

    #account-popover .site-account-infor_list li span {
        display: block;
        padding: 8px 20px;
        font-size: 15px;
        color: #282c2d;
        font-weight: 500;
    }

    #account-popover .site-account-infor_list li a {
        display: block;
        padding: 5px 20px;
    }

        #account-popover .site-account-infor_list li a i {
            padding: 0 5px;
            font-size: 10px;
        }

        #account-popover .site-account-infor_list li a:hover {
            background: #f3f5f6;
            color: black;
        }

#account-popover .popover-panel_list {
    position: relative;
    overflow: hidden;
}

    #account-popover .popover-panel_list .popover-panel {
        width: 100%;
        visibility: hidden;
        -webkit-transition: -webkit-transform 500ms cubic-bezier(0.23, 1, 0.32, 1), visibility 500ms cubic-bezier(0.23, 1, 0.32, 1);
        -moz-transition: -moz-transform 500ms cubic-bezier(0.23, 1, 0.32, 1), visibility 500ms cubic-bezier(0.23, 1, 0.32, 1);
        transition: transform 500ms cubic-bezier(0.23, 1, 0.32, 1), visibility 500ms cubic-bezier(0.23, 1, 0.32, 1);
    }

        #account-popover .popover-panel_list .popover-panel.is-selected {
            -webkit-transform: translateX(0);
            -moz-transform: translateX(0);
            transform: translateX(0);
        }

    #account-popover .popover-panel_list .popover-panel_default {
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        transform: translateX(-100%);
    }

    #account-popover .popover-panel_list .popover-panel_sliding {
        position: absolute;
        top: 0;
        left: 0;
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        transform: translateX(100%);
    }

    #account-popover .popover-panel_list .popover_header {
        padding: 0 0 15px 0;
    }

        #account-popover .popover-panel_list .popover_header .popover_title {
            margin-bottom: 8px;
            font-size: 18px;
            text-transform: uppercase;
        }

        #account-popover .popover-panel_list .popover_header .popover_legend {
            margin-bottom: 0;
        }

    #account-popover .popover-panel_list .form-input-wrapper {
        position: relative;
    }

    #account-popover .popover-panel_list .form-input-wrapper_labelled .form-field_text {
        padding: 15px 10px 3px;
        display: block;
        border-radius: 2px;
        width: 100%;
        border: 1px solid #d4d6d8;
        color: var(--shop-color-title);
        line-height: normal;
        height: 48px;
        -webkit-appearance: none;
        resize: none;
        font-size: 14px;
    }

        #account-popover .popover-panel_list .form-input-wrapper_labelled .form-field_text:focus + .form-floating_label, #account-popover .popover-panel_list .form-input-wrapper_labelled .form-field_text.is-filled + .form-floating_label {
            -webkit-transform: translateY(-6px) scale(0.8);
            -moz-transform: translateY(-6px) scale(0.8);
            transform: translateY(-6px) scale(0.8);
        }

        #account-popover .popover-panel_list .form-input-wrapper_labelled .form-field_text:focus {
            border-color: var(--shop-color-main);
        }

    #account-popover .popover-panel_list .form-input-wrapper_labelled .form-floating_label {
        position: absolute;
        left: 12px;
        top: 0;
        line-height: 48px;
        font-size: 14px;
        transform: scale(1);
        transform-origin: left top;
        transition: transform 0.2s ease-in-out;
        pointer-events: none;
    }

    #account-popover .popover-panel_list .form-submit {
        width: 100%;
    }

    #account-popover .popover-panel_list .popover-secondary-action {
        margin: 16px 0 10px;
    }

        #account-popover .popover-panel_list .popover-secondary-action p > .link {
            color: #285cec;
            transition: color 0.2s ease-in-out;
            background: transparent;
            border: none;
            border-radius: 0;
            padding: 0;
            outline: none;
        }

/*------------------- menu mobile ---------------------*/
#mb-menu {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    text-align: left;
}

    #mb-menu .menuList-sub {
        position: absolute;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
        margin: 0;
        padding-bottom: 150px;
        background: #fff;
        overflow: scroll;
        overflow-x: hidden;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        -webkit-transform: translate3d(100%, 0, 0);
        -moz-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        -webkit-transition: transform .4s ease;
        -ms-transition: transform .4s ease;
        transition: transform .4s ease;
    }

        #mb-menu .menuList-sub.sub-child {
            -webkit-transform: translate3d(0, 0, 0);
            -moz-transform: translate3d(0, 0, 0);
            -ms-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }

            #mb-menu .menuList-sub.sub-child.mm-subopened {
                -webkit-transform: translate3d(-50%, 0, 0);
                -moz-transform: translate3d(-50%, 0, 0);
                -ms-transform: translate3d(-50%, 0, 0);
                transform: translate3d(-50%, 0, 0);
            }

        #mb-menu .menuList-sub.mm-opened, #mb-menu .menuList-sub.mm-sub, #mb-menu .menuList-sub.mm-sub-3 {
            -webkit-transform: translate3d(0, 0, 0);
            -moz-transform: translate3d(0, 0, 0);
            -ms-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }

        #mb-menu .menuList-sub li {
            position: relative;
        }

            #mb-menu .menuList-sub li a {
                display: block;
                padding: 15px 25px 15px 0;
                margin-left: 15px;
                text-transform: uppercase;
                outline: none;
                border-bottom: 1px solid #eeeeee;
                font-size: 14px;
                font-weight: 700;
                color: var(--shop-color-fullPage);
            }

                #mb-menu .menuList-sub li a i svg {
                    width: 8px;
                    height: 12px;
                }

            #mb-menu .menuList-sub li:not(.comeback) a i {
                position: absolute;
                right: 10px;
                top: 50%;
                color: #757575;
                -webkit-transform: translateY(-50%);
                -moz-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                transform: translateY(-50%);
            }

        #mb-menu .menuList-sub.item-lever li a {
            font-weight: 300;
            text-transform: none;
        }

        #mb-menu .menuList-sub.item-lever li.comeback a {
            text-transform: uppercase;
        }

            #mb-menu .menuList-sub.item-lever li.comeback a i {
                font-size: 15px;
                padding-right: 10px;
                font-weight: 700;
            }

    #mb-menu .main_help .mobile_menu_section {
        padding: 15px;
    }

        #mb-menu .main_help .mobile_menu_section p {
            font-size: 15px;
            line-height: 1.85;
            text-transform: uppercase;
            font-weight: 500;
            font-style: normal;
            color: #333;
        }

        #mb-menu .main_help .mobile_menu_section .mobile_menu_help {
            color: #677279;
            display: flex;
            align-items: center;
        }

            #mb-menu .main_help .mobile_menu_section .mobile_menu_help svg {
                margin-right: 16px;
                width: 24px;
                height: 24px;
            }

            #mb-menu .main_help .mobile_menu_section .mobile_menu_help a {
                border-bottom: 0 !important;
                text-transform: none !important;
            }

/*--------------------------------------------------------------------------------
3. INDEX
--------------------------------------------------------------------------------*/
.mainContent-theme .reveal {
    opacity: 0;
    transition: all ease 0.15s;
}

    .mainContent-theme .reveal.fadeInUp {
        opacity: 1;
        animation-duration: 1.5s;
    }

[class^='section-index-'] {
    /*margin-bottom: 50px;*/
    padding: 50px 0;
}

@media (max-width: 767px) {
    [class^='section-index-'] {
        /*margin-bottom: 40px;*/
        padding: 40px 0;
    }
}

.wrap-title h2, .wrap-title span {
    font-size: 28px;
    padding-bottom: 20px;
    line-height: 1.4;
    font-weight: bolder;
    margin-bottom: 40px;
    position: relative;
    text-transform: uppercase;
}

    .wrap-title h2:before, .wrap-title span:before {
        content: "";
        position: absolute;
        width: 80px;
        height: 7px;
        background: var(--shop-color-main);
        bottom: 0;
        left: calc(50% - 40px);
    }

@media (max-width: 767px) {
    .wrap-title {
        text-align: left !important;
        padding-top: 15px;
    }

        .wrap-title h2, .wrap-title h2 {
            font-size: 22px;
            margin-bottom: 20px;
        }

            .wrap-title h2:before, .wrap-title h2:before {
                left: 0;
                width: 60px;
                height: 5px;
            }
}

.section-index-slider {
    position: relative;
    margin-bottom: 0;
    padding: 0;
}

    .section-index-slider .slider-item {
        position: relative;
    }

    .section-index-slider .slider-item__image {
        color: red;
    }

    .section-index-slider .slider-item__content {
        position: absolute;
        top: 45%;
        left: 50%;
        -webkit-transform: translateY(-50%) translateX(-50%);
        transform: translateY(-50%) translateX(-50%);
        text-align: center;
        width: 100%;
        max-width: 70%;
    }

        .section-index-slider .slider-item__content h2 {
            opacity: 0;
            color: #fff;
            font-size: 48px;
            font-weight: 500;
            letter-spacing: 0;
        }

        .section-index-slider .slider-item__content p {
            opacity: 0;
            color: #fff;
            font-size: 1rem;
            font-weight: 500;
            letter-spacing: 0;
        }

        .section-index-slider .slider-item__content .button_content_box {
            opacity: 0;
        }

    .section-index-slider .slider-carousel--cover .slider-item__image img {
        height: calc(var(--window-height) - var(--header-height));
        width: 100%;
        display: block;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center;
    }

    .section-index-slider .owl-item.active .slider-item .slider-item__content h2 {
        animation: 1s cubic-bezier(0.25, 0.75, 0.25, 1) 0.3s 1 forwards slideshowFade;
    }

    .section-index-slider .owl-item.active .slider-item .slider-item__content p {
        animation: 1s cubic-bezier(0.25, 0.75, 0.25, 1) 0.3s 1 forwards slideshowFade;
    }

    .section-index-slider .owl-item.active .slider-item .slider-item__content .button_content_box {
        animation: 1s cubic-bezier(0.25, 0.75, 0.25, 1) 0.7s 1 forwards slideshowFade;
    }

    .section-index-slider .scroll-downs {
        position: absolute;
        bottom: 25px;
        left: 0;
        right: 0;
        margin: auto;
        transform: translateX(3px);
        -webkit-transform: translateX(3px);
        -ms-transform: translateX(3px);
        width: 25px;
        height: 25px;
        z-index: 99;
    }

        .section-index-slider .scroll-downs:before {
            content: '';
            position: absolute;
            width: 100%;
            height: 100%;
            border-left: 5px solid rgba(255, 255, 255, 0.8);
            border-bottom: 5px solid rgba(255, 255, 255, 0.8);
            transform: translate(8.33333px, 33.33333px) rotate(-45deg);
            -webkit-transform: translate(8.33333px, 33.33333px) rotate(-45deg);
            animation: arrows 3s linear infinite;
        }

        .section-index-slider .scroll-downs:after {
            content: '';
            position: absolute;
            width: 100%;
            height: 100%;
            border-left: 5px solid rgba(255, 255, 255, 0.8);
            border-bottom: 5px solid rgba(255, 255, 255, 0.8);
            transform: translate(16.66667px, 0px) rotate(-45deg);
            -webkit-transform: translate(16.66667px, 0px) rotate(-45deg);
            animation: arrows 3s linear infinite -1.5s;
        }

    .section-index-slider .owl-nav button {
        position: absolute;
        top: 50%;
        z-index: 2;
        padding: 0;
        color: #888;
        font-size: 0;
        text-align: center;
        background: rgba(0, 0, 0, 0.4) !important;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        transform: translate(0, -50%);
        -webkit-transition: all 0.35s ease;
        -o-transition: all 0.35s ease;
        transition: all 0.35s ease;
    }

        .section-index-slider .owl-nav button.owl-prev {
            left: 0;
        }

        .section-index-slider .owl-nav button.owl-next {
            right: 0;
        }

        .section-index-slider .owl-nav button svg {
            width: 35px;
            height: 35px;
            fill: #fff;
            color: #fff;
            margin: 20px 10px;
            transition: all 0.35s;
            -webkit-transition: all 0.35s ease;
        }

        .section-index-slider .owl-nav button:hover {
            background: var(--shop-color-main) !important;
        }

            .section-index-slider .owl-nav button:hover svg {
                width: 60px;
            }

    .section-index-slider .owl-dots {
        position: absolute;
        bottom: 28px;
        text-align: center;
        width: 100%;
        display: none;
    }

        .section-index-slider .owl-dots .owl-dot {
            display: inline-block;
        }

            .section-index-slider .owl-dots .owl-dot span {
                position: relative;
                display: inline-block;
                width: 10px;
                height: 10px;
                margin: 0 5px;
                border-radius: 50%;
                cursor: pointer;
                background: transparent;
                border: 2px solid #fff;
                -webkit-transition: color 0.2s ease-in-out, background 0.2s ease-in-out;
                transition: color 0.2s ease-in-out, background 0.2s ease-in-out;
            }

            .section-index-slider .owl-dots .owl-dot.active span {
                background: #fff;
            }

@media (max-width: 991px) {
    .section-index-slider .owl-nav button:hover {
        background: rgba(51, 51, 51, 0.4) !important;
    }

        .section-index-slider .owl-nav button:hover svg {
            width: 35px;
            height: 35px;
        }

    .section-index-slider .scroll-downs {
        bottom: 5px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .section-index-slider .slider-item .slider-item__content h2 {
        font-size: 28px;
    }
}

@media (max-width: 767px) {
    .section-index-slider .slider-item .slider-item__content h2 {
        font-size: 22px;
    }
}

.section-index-services {
    /*padding-bottom: 50px;*/
}


.section-index-services {
    /*background: url(../image/section-index-services-grayscale.jpg);*/
    /*background: rgba(0, 0, 0, 0.1);*/
    background-size: cover;
    background-position: center;
    position: relative;
}

    .section-index-services .service-item {
        height: 100%;
        /*background: rgba(0, 0, 0, 0.1);*/
    }

    .section-index-services .service-item__img {
        text-align: center;
        position: relative;
        overflow: hidden;
    }

    .section-index-services .service-item__info {
        padding: 20px 25px 30px;
        color: white;
    }

        .section-index-services .service-item__info .svi-title h3 {
            font-size: 20px;
            font-weight: 500;
            margin: 0 0 12px;
            color: white;
        }

            .section-index-services .service-item__info .svi-title h3 a {
                color: white;
                text-transform: uppercase;
            }

        .section-index-services .service-item__info svi-text {
            font-size: 15px;
            line-height: 1.5;
            color: white;
        }

@media (min-width: 768px) and (max-width: 991px) {
    .section-index-services .service-item__info {
        padding: 10px 15px 20px;
    }

        .section-index-services .service-item__info .svi-title h3 {
            font-size: 18px;
        }
}

@media (max-width: 767px) {
    .section-index-services {
        /*padding-top: 40px;*/
    }

        .section-index-services .listSevices [class^='col-'] + [class^='col-'] {
            margin-top: 15px;
        }
}

.section-index-aboutus .aboutus-top {
    padding-top: 60px;
    /*background: rgba(0, 0, 0, 0.1);*/
}

    .section-index-aboutus .aboutus-top .rowFlex {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-flex-flow: row wrap;
        flex-flow: row wrap;
    }

    .section-index-aboutus .aboutus-top .wrap-left .wrap-title h2:before {
        left: 0;
    }

.section-index-aboutus .aboutus-bottom {
    background: var(--shop-color-main);
}

    .section-index-aboutus .aboutus-bottom .listAbout {
        display: flex;
        display: -webkit-flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        justify-content: center;
        -webkit-justify-content: center;
        -ms-justify-content: center;
    }

        .section-index-aboutus .aboutus-bottom .listAbout .about-item {
            flex: 0 0 25%;
            -webkit-flex: 0 0 25%;
            padding: 35px 10px;
            position: relative;
            color: #ffffff;
            text-align: center;
        }

            .section-index-aboutus .aboutus-bottom .listAbout .about-item span {
                font-size: 40px;
                font-weight: 500;
                color: #ffffff;
            }

            .section-index-aboutus .aboutus-bottom .listAbout .about-item strong {
                font-size: 18px;
            }

            .section-index-aboutus .aboutus-bottom .listAbout .about-item:before {
                content: "";
                position: absolute;
                right: 0;
                top: 25%;
                height: 50%;
                width: 2px;
                background: #fff;
            }

            .section-index-aboutus .aboutus-bottom .listAbout .about-item:last-child:before {
                display: none;
            }

@media (max-width: 991px) {
    .section-index-aboutus .aboutus-top {
        padding: 40px 0;
    }

        .section-index-aboutus .aboutus-top .wrap-left {
            order: 2;
            padding-right: 15px;
        }

    .section-index-aboutus .aboutus-bottom .listAbout {
        margin: 0 -15px;
    }

        .section-index-aboutus .aboutus-bottom .listAbout .about-item {
            flex: 0 0 50%;
            -webkit-flex: 0 0 50%;
            -ms-flex: 0 0 50%;
            padding: 20px 10px;
            border-right: 1px solid #ffffff;
            border-bottom: 1px solid #ffffff;
        }

            .section-index-aboutus .aboutus-bottom .listAbout .about-item:nth-child(2n+0) {
                border-right: 0;
            }

            .section-index-aboutus .aboutus-bottom .listAbout .about-item span {
                font-size: 34px;
            }

            .section-index-aboutus .aboutus-bottom .listAbout .about-item strong {
                font-size: 16px;
            }

            .section-index-aboutus .aboutus-bottom .listAbout .about-item p {
                margin: 0;
            }

            .section-index-aboutus .aboutus-bottom .listAbout .about-item:before {
                display: none;
            }
}

.section-index-aboutus {
    overflow: hidden;
    /*background: rgba(0, 0, 0, 0.1);*/
    /*background: url(../image/background-gray.jpg) center;*/
    /*padding-bottom: 50px;*/
}

.section-index-ourservices {
    overflow: hidden;
    background: rgba(0, 0, 0, 0.1);
    padding-top: 50px;
    padding-bottom: 50px;
}

    .section-index-ourservices .flex-container-services .services-area, .section-about02-services .flex-container-services .services-area {
        height: 100%;
        padding: 20px;
        background: var(--about-color-bgService);
        border: 1px solid var(--about-color-bdService);
        box-shadow: 0px 0px 21px 0px rgba(211, 211, 211, 0.35);
        cursor: context-menu;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

    .section-index-ourservices. flex-container-services .services-column, .section-about02-services .flex-container-services .services-column {
        margin-bottom: 30px;
    }

    .section-index-ourservices .flex-container-services .services-area-content h3, .section-about02-services .flex-container-services .services-area-content h3 {
        font-size: 18px;
        font-weight: 500;
        margin: 20px 0 10px;
    }

.section-index-project {
    overflow: hidden;
    /*background: rgba(0, 0, 0, 0.1);*/
}

    .section-index-project .listProject {
        display: flex;
        display: -webkit-flex;
        display: -ms-flex;
        display: -o-flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        margin: 0 -7px;
    }

        .section-index-project .listProject .proloop-construction {
            padding-left: 7px;
            padding-right: 7px;
            margin-bottom: 14px;
            flex: 0 0 50%;
            -webkit-flex: 0 0 50%;
        }

@media (max-width: 767px) {
    .section-index-project .listProject {
        margin: 0 -7px;
    }
}

.section-index-client {
    background: rgba(0, 0, 0, 0.1);
    margin-bottom: 0px;
}

    .section-index-client .wrap-title {
        padding-top: 48px;
    }

    .section-index-client .listClient {
        padding-bottom: 50px;
        display: flex;
        display: -webkit-flex;
        display: -ms-flex;
        display: -o-flex;
        justify-content: center;
        -webkit-justify-content: center;
        -ms-justify-content: center;
    }

        .section-index-client .listClient .client-item {
            padding: 15px;
            text-align: center;
            margin: auto;
        }

            .section-index-client .listClient .client-item img {
                width: 70%;
                opacity: .7;
            }

                .section-index-client .listClient .client-item img:hover {
                    opacity: 1;
                }

@media (max-width: 767px) {
    .section-index-client .listClient {
        flex-wrap: nowrap;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        -o-flex-wrap: nowrap;
        overflow-y: scroll;
        transition: transform 0.25s ease 0s;
        padding-left: 15px;
        margin-left: -15px;
        margin-right: -15px;
        justify-content: flex-start;
        -webkit-justify-content: flex-start;
        -ms-justify-content: flex-start;
        -o-justify-content: flex-start;
    }

        .section-index-client .listClient .client-item {
            flex: 0 0 40%;
            -webkit-flex: 0 0 40%;
            padding: 0;
        }

            .section-index-client .listClient .client-item img {
                opacity: 1;
            }
}

.section-index-contact h3 {
    font-size: 18px;
}

.section-index-contact .contact-left .contact-form .input-group {
    margin: 15px 0;
}

.section-index-contact .contact-left .contact-form .alert-success {
    padding: 5px 10px;
    margin: 10px 0;
}

.section-index-contact .contact-left .btn-box {
    margin: 15px 0;
}

.section-index-contact .contact-right {
    display: flex;
    display: -webkit-flex;
    -ms-display: -webkit-flex;
    -o-display: -webkit-flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
}

    .section-index-contact .contact-right ul li {
        padding-bottom: 30px;
    }

        .section-index-contact .contact-right ul li p {
            margin-bottom: 0;
        }

@media (max-width: 991px) {
    .section-index-contact .contact-left, .section-index-contact .contact-right {
        padding: 0 15px 15px;
    }
}

.section-index-services .product-loop .product-detail {
    background: rgba(255, 255, 255, 0.8);
}

.section-index-services .product-loop,
.section-index-project .product-loop {
    padding-left: 7px;
    padding-right: 7px;
    margin-bottom: 14px;
    flex: 0 0 33.333333%;
    -webkit-flex: 0 0 33.333333%;
}

    .section-index-project .product-loop .product-inner {
        position: relative;
        display: flex;
        display: -webkit-flex;
        display: -ms-flex;
        flex-direction: column;
        -webkit-flex-direction: column;
        align-content: center;
        -webkit-align-content: center;
        justify-content: center;
        -webkit-justify-content: center;
    }

        .section-index-project .product-loop .product-inner .product-image img {
            transition: all ease 1.5s;
        }

        .section-index-project .product-loop .product-inner .product-image a {
            overflow: hidden;
        }

        .section-index-project .product-loop .product-inner .product-detail {
            display: flex;
            display: -ms-flex;
            display: -webkit-flex;
            flex-direction: column;
            -ms-flex-direction: column;
            -webkit-flex-direction: column;
            justify-content: center;
            -ms-justify-content: center;
            -webkit-justify-content: center;
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            margin: auto;
            visibility: hidden;
            opacity: 0;
            transition: all ease 0.3s;
            -webkit-transition: all ease-in-out 0.3s;
            -ms-transition: all ease-in-out 0.3s;
            padding: 0 60px;
        }

            .section-index-project .product-loop .product-inner .product-detail .prod-name a {
                font-size: 16px;
                font-weight: 500;
                text-transform: uppercase;
            }

        .section-index-project .product-loop .product-inner .hover-effect {
            opacity: 0;
        }

        .section-index-project .product-loop .product-inner:hover {
            transition: all ease 0.3s;
        }

            .section-index-project .product-loop .product-inner:hover img {
                transform: scale(1.05);
            }

            .section-index-project .product-loop .product-inner:hover .product-detail {
                visibility: visible;
                opacity: 1;
            }

            .section-index-project .product-loop .product-inner:hover .hover-effect {
                opacity: 1;
            }

@media (min-width: 992px) {
    .section-index-project .product-detail, .section-index-project .product-detail a {
        color: #fff;
    }
}

@media (max-width: 991px) {
    .section-index-services .product-loop,
    .section-index-project .product-loop {
        flex: 0 0 50%;
        -webkit-flex: 0 0 50%;
    }

        .section-index-project .product-loop .product-inner:hover .product-detail {
            visibility: visible;
            opacity: 1;
        }

        .section-index-project .product-loop .product-inner:hover .product-image img {
            transform: none;
            opacity: 1;
        }

        .section-index-project .product-loop .product-inner .product-detail {
            position: relative;
            visibility: visible;
            opacity: 1;
            transform: none;
            top: 0;
            left: 0;
            padding: 8px 10px;
        }

            .section-index-project .product-loop .product-inner .product-detail h3 a {
                font-size: 15px;
                white-space: initial;
                overflow: hidden;
                -webkit-line-clamp: 1;
                -webkit-box-orient: vertical;
                display: -webkit-box;
            }
}

@media (min-width: 768px) and (max-width: 991px) {
    .section-index-project .product-loop {
        flex: 0 0 33.333333%;
        -webkit-flex: 0 0 33.333333%;
    }
}

/*--------------------------------------------------------------------------------
4. FOOTER
--------------------------------------------------------------------------------*/
.social-media_item {
    display: inline-block;
    margin-right: 10px;
    padding-bottom: 5px;
    position: relative;
}

    .social-media_item > a {
        position: relative;
        display: block;
        background: var(--shop-color-fullPage);
        color: #fff;
        width: 35px;
        height: 35px;
        line-height: 35px;
        text-align: center;
        border-radius: 100%;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

    .social-media_item .tooltip {
        display: block;
        position: absolute;
        top: 0;
        left: 50%;
        padding: 5px 10px;
        border-radius: 40px;
        font-size: 9px;
        font-weight: bold;
        opacity: 0;
        pointer-events: none;
        text-transform: uppercase;
        -webkit-transform: translate(-50%, -100%);
        transform: translate(-50%, -100%);
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
        z-index: 1;
    }

        .social-media_item .tooltip:after {
            content: "";
            display: block;
            position: absolute;
            bottom: 1px;
            left: 50%;
            width: 0;
            height: 0;
            border: solid;
            border-width: 8px 8px 0 8px;
            border-color: transparent;
            -webkit-transform: translate(-50%, 100%);
            transform: translate(-50%, 100%);
        }

    .social-media_item:hover .tooltip {
        visibility: visible;
        opacity: 1;
        -webkit-transform: translate(-50%, -150%);
        transform: translate(-50%, -150%);
    }

.social-media_item--facebook .tooltip {
    background: #3b5998;
    color: #fff;
}

    .social-media_item--facebook .tooltip:after {
        border-top-color: #3b5998;
    }

.social-media_item--facebook:hover a {
    background: #3b5998;
    color: #fff;
}

.social-media_item--linkedin .tooltip {
    background: #026eab;
    color: #fff;
}

    .social-media_item--linkedin .tooltip:after {
        border-top-color: #026eab;
    }

.social-media_item--linkedin:hover a {
    background: #026eab;
    color: #fff;
}

.social-media_item--youtube .tooltip {
    background: #F70000;
    color: #fff;
}

    .social-media_item--youtube .tooltip:after {
        border-top-color: #F70000;
    }

.social-media_item--youtube:hover a {
    background: #F70000;
    color: #fff;
}

.social-media_item--pinterest .tooltip {
    background: #D94645;
    color: #fff;
}

    .social-media_item--pinterest .tooltip:after {
        border-top-color: #D94645;
    }

.social-media_item--pinterest:hover a {
    background: #D94645;
    color: #fff;
}

.social-media_item--twitter .tooltip {
    background: #1C9CEA;
    color: #fff;
}

    .social-media_item--twitter .tooltip:after {
        border-top-color: #1C9CEA;
    }

.social-media_item--twitter:hover a {
    background: #1C9CEA;
    color: #fff;
}

.social-media_item--instagram .tooltip {
    background: -webkit-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    color: #fff;
}

    .social-media_item--instagram .tooltip:after {
        border-top-color: #dc2743;
    }

.social-media_item--instagram:hover a {
    background: -webkit-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    color: #fff;
}

.footer-block > p, .footer-block > a {
    margin-bottom: 0;
    color: var(--shop-color-fullPage);
}

.copyright {
    padding: 20px 0;
    border-top: 1px dashed #dee2e6;
    display: flex;
    display: -ms-flex;
    display: -webkit-flex;
    justify-content: space-between;
    -ms-justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: center;
    -ms-align-items: center;
    -webkit-align-items: center;
}

@media (max-width: 991px) {
    .copyright {
        justify-content: center;
        -ms-justify-content: center;
        -webkit-justify-content: center;
        flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
    }

        .copyright > p {
            text-align: center;
            margin-bottom: 10px;
        }
}

@media (max-width: 767px) {
    .main-body-product .footer-block {
        padding-bottom: 60px;
    }
}

/*--------------------------------------------------------------------------------
5. BLOG
--------------------------------------------------------------------------------*/
.wrapper-content-blogs {
    /* margin: 75px 0 60px; */
}

.list-article-content {
    /* margin-bottom: 40px; */
}

    .list-article-content .article {
        margin-bottom: 30px;
    }

    .list-article-content .article-inner {
        height: 100%;
        /* box-shadow: 0px 2px 6px 0px #f5f2f2; */
        display: flex;
        display: -ms-flex;
        display: -webkit-flex;
        flex-direction: column;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
    }

        .list-article-content .article-inner .article_detail {
            padding: 20px 0;
        }

    .list-article-content .no-post {
        font-size: 16px;
    }

    .list-article-content .article_image a {
        overflow: hidden;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-content: center;
    }

        .list-article-content .article_image a img {
            -webkit-transition: all 1.5s;
            -moz-transition: all 1.5s;
            -ms-transition: all 1.5s;
            -o-transition: all 1.5s;
            transition: all 1.5s;
        }

    .list-article-content .article:hover .article_image a img {
        transform: scale(1.26);
        -webkit-transform: scale(1.26);
        -ms-transform: scale(1.26);
        -o-transform: scale(1.26);
        -moz-transform: scale(1.26);
        opacity: 0.8;
    }

    .list-article-content .blog-post-title {
        font-size: 1.25rem;
        text-transform: none;
        letter-spacing: 0;
        overflow: hidden;
        /* -webkit-line-clamp: 1; */
        -webkit-box-orient: vertical;
        /* display: -webkit-box; */
    }

    .list-article-content .blog-post-title-large {
        font-size: 1.5rem;
        text-transform: none;
        letter-spacing: 0;
        overflow: hidden;
        /* -webkit-line-clamp: 1; */
        -webkit-box-orient: vertical;
        /* display: -webkit-box; */
    }

    .list-article-content .blog-post-meta {
        color: #999;
        padding-bottom: 5px;
    }

        .list-article-content .blog-post-meta > span:not(:last-child):after {
            content: '/';
            padding-left: 4px;
        }

@media (max-width: 991px) {
    .list-article-content .article:hover .article_image a img {
        transform: none;
    }
}

@media (max-width: 767px) {
    .list-article-content {
        margin: 0 -7px;
    }

        .list-article-content .article {
            padding-left: 7px;
            padding-right: 7px;
            margin-bottom: 14px;
        }

            .list-article-content .article .article-inner {
                display: block;
            }

                .list-article-content .article .article-inner .article_detail {
                    padding: 10px;
                }

                    .list-article-content .article .article-inner .article_detail .blog-post-title {
                        font-size: 16px;
                        -webkit-line-clamp: 2;
                    }
}

.sidebox_wrapper {
    position: relative;
    margin-bottom: 20px;
}

    .sidebox_wrapper.border {
        padding: 10px;
    }

    .sidebox_wrapper .sidebox_title h3 {
        font-size: 18px;
        text-transform: uppercase;
        margin: 0;
        padding-bottom: 10px;
        border-bottom: 2px solid #dee2e6;
        position: relative;
        cursor: pointer;
    }

        .sidebox_wrapper .sidebox_title h3 span {
            margin-left: 20px;
            display: none;
        }

    .sidebox_wrapper .sidebox_title .show-border {
        border-bottom: 2px solid #dee2e6;
    }

    .sidebox_wrapper .sidebox_content-list .item-article {
        padding: 15px 0;
        border-bottom: 1px dashed #dee2e6;
        margin: 0;
    }

        .sidebox_wrapper .sidebox_content-list .item-article:last-child {
            border-bottom: 0;
            padding-bottom: 0;
        }

        .sidebox_wrapper .sidebox_content-list .item-article .post-image {
            display: inline-block;
            width: 25%;
            padding-right: 15px;
            /* width: calc(100% - 75%); */
        }

        .sidebox_wrapper .sidebox_content-list .item-article .post-content {
            /* width: calc(100% - 25%); */
            float: right;
            /* padding-left: 15px; */
        }

            .sidebox_wrapper .sidebox_content-list .item-article .post-content h3 {
                margin: 0 0 5px;
                font-size: 1rem;
                font-weight: 500;
            }

        .sidebox_wrapper .sidebox_content-list .item-article .post-meta {
            font-size: 13px;
            margin: 0;
        }

    .sidebox_wrapper .sidebox_content-tagged {
        padding: 20px 0 0;
    }

        .sidebox_wrapper .sidebox_content-tagged a {
            border: 2px solid #dee2e6;
            font-size: 11px;
            font-weight: 500;
            letter-spacing: 1px;
            -webkit-transition: all 0.2s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
        }

            .sidebox_wrapper .sidebox_content-tagged a:hover {
                background: var(--shop-color-main);
                border-color: var(--shop-color-main);
                color: #fff;
            }

    .sidebox_wrapper .sidebox_content-follow-us {
        padding: 20px 0 0;
    }

        .sidebox_wrapper .sidebox_content-follow-us .social-icon-blog {
            display: inline-block;
        }

            .sidebox_wrapper .sidebox_content-follow-us .social-icon-blog a {
                border: 2px solid #dee2e6;
                background-color: #fff;
                font-size: 18px;
                width: 40px;
                height: 40px;
                line-height: 36px;
                text-align: center;
            }

                .sidebox_wrapper .sidebox_content-follow-us .social-icon-blog a:hover {
                    background: var(--shop-color-main);
                    border-color: var(--shop-color-main);
                    color: #fff;
                }

@media (max-width: 991px) {
    .sidebox_wrapper {
        border: 1px solid #dee2e6;
        padding: 15px 15px 5px;
        margin-bottom: 20px;
    }

        .sidebox_wrapper .sidebox_content {
            display: none;
        }

        .sidebox_wrapper .sidebox_title h3 {
            border-bottom: 0;
        }

            .sidebox_wrapper .sidebox_title h3 span {
                display: inline-block;
                position: absolute;
                right: 10px;
                line-height: 1.3;
                -webkit-transition: transform .5s ease;
                -moz-transition: transform .5s ease;
                transition: transform .5s ease;
            }

        .sidebox_wrapper .sidebox_title.active span {
            -webkit-transform: rotate(180deg);
            -moz-transform: rotate(180deg);
            transform: rotate(180deg);
            -webkit-transition: transform .5s ease;
            -moz-transition: transform .5s ease;
            transition: transform .5s ease;
        }
}

.menuList-links {
    margin: 0;
}

    .menuList-links > li {
        position: relative;
        border-bottom: 1px dashed #dee2e6;
    }

        .menuList-links > li:last-child {
            border-bottom: 0;
        }

        .menuList-links > li > a {
            position: relative;
            display: block;
            padding: 12px 0;
            font-weight: 500;
            font-size: 15px;
        }

        .menuList-links > li.has-submenu span.icon-plus-submenu {
            width: 25px;
            height: 25px;
            cursor: pointer;
            position: absolute;
            right: 0;
            top: 0;
            bottom: 0;
            margin: auto;
            border: 1px solid transparent;
        }

            .menuList-links > li.has-submenu span.icon-plus-submenu:hover {
                border: 1px solid #dee2e6;
            }

    .menuList-links li {
        position: relative;
    }

        .menuList-links li ul.submenu-links {
            display: none;
        }

            .menuList-links li ul.submenu-links li a {
                color: #252a2b;
                position: relative;
                font-size: 13px;
                display: block;
                padding: 8px 0 8px 0px;
            }

        .menuList-links li.has-submenu.opened > a .icon-plus-submenu:after {
            -moz-transform: translateY(-50%) scale(1, 0);
            -ms-transform: translateY(-50%) scale(1, 0);
            -webkit-transform: translateY(-50%) scale(1, 0);
            transform: translateY(-50%) scale(1, 0);
        }

        .menuList-links li.has-submenu.level0 ul.submenu-links {
            border-top: 1px dashed #dee2e6;
        }

            .menuList-links li.has-submenu.level0 ul.submenu-links li a {
                padding-left: 12px;
            }

        .menuList-links li.has-submenu.level1 ul.submenu-links li a {
            padding-left: 22px;
        }

        .menuList-links li.has-submenu.level2 ul.submenu-links li a {
            padding-left: 32px;
        }

.icon-plus-submenu:before, .icon-plus-submenu:after {
    background: rgba(9, 9, 9, 0.6);
    content: '';
    display: block;
    position: absolute;
    margin-right: 7px;
    top: 50%;
    right: 0;
    -moz-transition: all .25s linear;
    -o-transition: all .25s linear;
    -webkit-transition: all .25s linear;
    transition: all .25s linear;
}

.icon-plus-submenu:before {
    width: 9px;
    height: 1px;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.icon-plus-submenu:after {
    width: 1px;
    height: 9px;
    right: 4px;
    transform-origin: center;
    -moz-transform: translateY(-50%) scale(1, 1);
    -ms-transform: translateY(-50%) scale(1, 1);
    -webkit-transform: translateY(-50%) scale(1, 1);
    transform: translateY(-50%) scale(1, 1);
}

@media (max-width: 991px) {
    .wrapper-content-blogs {
        margin: 40px 0 30px;
    }
}

/*--------------------------------------------------------------------------------
6. ARTICLE
--------------------------------------------------------------------------------*/
.wrapper-content-article h1.article-heading_title {
    font-size: 2rem;
    margin: 0 0 10px;
}

.wrapper-content-article h2.article-heading_title {
    font-size: 1.5rem;
    margin: 0 0 10px;
}

.wrapper-content-article h3.article-heading_title {
    font-size: 1.25rem;
    margin: 0 0 10px;
}



.wrapper-content-article .article-heading_info {
    margin-bottom: 10px;
}

    .wrapper-content-article .article-heading_info li {
        opacity: 0.7;
        display: inline-block;
        margin-right: 10px;
        font-size: 13px;
        font-weight: 500;
    }

        .wrapper-content-article .article-heading_info li i {
            margin-right: 5px;
        }

.wrapper-content-article .article-meta-tags_title {
    font-weight: 500;
}

.wrapper-content-article .article-meta-tags .article-meta_tag {
    opacity: 0.8;
    font-style: italic;
    font-size: 14px;
}

.wrapper-content-article .article-post-nav {
    font-size: 15px;
    font-weight: 500;
}

    .wrapper-content-article .article-post-nav span a {
        display: inline-block;
        vertical-align: middle;
    }

    .wrapper-content-article .article-post-nav span svg {
        width: 12px;
        height: 12px;
        color: var(--shop-color-fullPage);
    }

    .wrapper-content-article .article-post-nav span.left svg {
        margin-right: 5px;
    }

    .wrapper-content-article .article-post-nav span.right svg {
        margin-left: 5px;
    }

.article-comment {
    margin-bottom: 40px;
}

.article-comment_title h2 {
    font-size: 20px;
}

.article-comment_form .subtext {
    color: var(--shop-color-fullPage);
    padding: 12px 15px;
}

.article-comment_user-author {
    font-size: 14px;
    font-style: normal;
    text-transform: capitalize;
    margin: 13px 0;
}

.article-content h2 {
    font-size: 18px;
}

.article-content h3 {
    font-size: 16px;
}

/* Table of Contents Article */
.table-of-contents {
    background: #f7fbf9;
    border: 1px solid #e0f1e9;
    border-radius: 6px;
    display: block;
    padding: 8px 15px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    position: relative;
    margin: 15px 0 20px;
    width: 100%;
    display: table;
}

    .table-of-contents .table-title {
        font-weight: 700;
        font-size: 15px;
        margin: 0;
        padding: 10px 0;
    }

        .table-of-contents .table-title .toc_toggle {
            font-size: 13px;
            color: #bcbdc1;
            display: inline-block;
            vertical-align: 2px;
            margin-left: 8px;
        }

            .table-of-contents .table-title .toc_toggle a {
                color: var(--shop-color-main);
                padding: 0 1px;
            }

    .table-of-contents ul {
        font-size: 14px;
        list-style-type: disc;
        margin: 0 0 0 16px;
    }

        .table-of-contents ul li {
            list-style-position: outside;
            margin: 8px 0 0;
        }

            .table-of-contents ul li::marker {
                color: var(--shop-color-main);
            }

            .table-of-contents ul li a {
                text-decoration: none;
                color: #333333;
            }

    .table-of-contents > ul {
        padding-bottom: 10px;
    }

        .table-of-contents > ul ul ul {
            display: none;
        }

    .table-of-contents ul li a:hover, .table-of-contents ul li a:focus {
        color: var(--shop-color-hover);
    }

.table-content-button {
    width: 35px;
    height: 35px;
    display: block;
    position: fixed;
    left: 10px;
    z-index: 10;
    opacity: 0;
    top: 45%;
    transition: -webkit-transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    -ms-transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

    .table-content-button .btn-icolist {
        font-size: 18px;
        width: 35px;
        height: 35px;
        line-height: 35px;
        outline: none;
        float: left;
        background: #fcfcfc;
        border: 1px solid #eeeeee;
        border-radius: 4px;
    }

        .table-content-button .btn-icolist svg {
            width: 20px;
            height: 35px;
        }

.table-content-fixed {
    position: fixed;
    left: 10px;
    z-index: 999;
    max-width: 280px;
    top: 45%;
    background: #f7fbf9;
    border: 1px solid #e0f1e9;
    -webkit-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.08);
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.08);
    -webkit-transform-origin: 0 top;
    transform-origin: 0 top;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transition: -webkit-transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transition: transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
    -ms-transition: transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
}

    .table-content-fixed .table-of-header {
        position: relative;
        padding-right: 50px;
        display: -ms-flexbox;
        display: flex;
        -ms-justify-content: space-between;
        justify-content: space-between;
        padding: 10px 12px;
        border-bottom: 1px solid #eeeeee;
    }

        .table-content-fixed .table-of-header .hTitle {
            max-width: calc(100% - 50px);
            margin-left: 0;
            font-weight: 500;
            font-size: 14px;
        }

        .table-content-fixed .table-of-header .hClose {
            position: absolute;
            right: 5px;
            top: 2px;
            cursor: pointer;
            width: 32px;
            height: 32px;
            text-align: center;
        }

            .table-content-fixed .table-of-header .hClose svg {
                width: 32px;
                height: 32px;
                width: 14px;
            }

    .table-content-fixed .table-of-contents {
        border: 0;
        background: #ffffff;
        margin: 0;
        padding: 5px 12px;
        box-shadow: none;
        display: block;
        overflow: hidden;
        overflow-y: scroll;
        max-height: 70vh;
        -webkit-overflow-scrolling: touch;
        -ms-scroll-chaining: none;
        overscroll-behavior: none;
    }

        .table-content-fixed .table-of-contents .table-title {
            display: none;
        }

        .table-content-fixed .table-of-contents ul {
            font-size: 13px;
        }

.table-content-button.active {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}

.table-content-fixed.active {
    transform: scale(1) translateY(-45%);
    -webkit-transform: scale(1) translateY(-45%);
    -moz-transform: scale(1) translateY(-45%);
    -ms-transform: scale(1) translateY(-45%);
    -o-transform: scale(1) translateY(-45%);
}

/* style - scroll */
.table-content-fixed .table-of-contents::-webkit-scrollbar {
    width: 3px;
    height: 30px;
}

.table-content-fixed .table-of-contents::-webkit-scrollbar-track {
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

.table-content-fixed .table-of-contents::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

    .table-content-fixed .table-of-contents::-webkit-scrollbar-thumb:window-inactive {
        background: #e1e3e4;
    }

    .table-content-fixed .table-of-contents::-webkit-scrollbar-thumb:hover {
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.4);
    }

@media (max-width: 991px) {
    .table-content-button, .table-content-fixed {
        left: 3px;
    }

        .table-content-fixed .table-of-contents {
            max-height: 50vh;
        }
}

@media (max-width: 767px) {
    .article .btn-box.black {
        background-color: inherit;
        color: var(--shop-color-main);
        padding: 0;
        font-weight: 700;
    }

    .article .btn-box span {
        color: var(--shop-coler-main);
        border-bottom: 1px solid var(--shop-color-main);
    }
}

/*--------------------------------------------------------------------------------
7. PAGE
--------------------------------------------------------------------------------*/
.mainContent-theme {
    min-height: 80vh;
}

.wrapper-page-content .wrapbox-content-page {
    padding-bottom: 30px;
}

    .wrapper-page-content .wrapbox-content-page ul {
        list-style-type: initial;
        margin-bottom: 15px;
    }

.wrapper-page-content .banner-image-page a {
    display: block;
    overflow: hidden;
}

    .wrapper-page-content .banner-image-page a img {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        -webkit-transition: -webkit-transform .4s ease-out;
        transition: -webkit-transform .4s ease-out;
        -o-transition: transform .4s ease-out;
        transition: transform .4s ease-out;
        transition: transform .4s ease-out,-webkit-transform .4s ease-out;
    }

    .wrapper-page-content .banner-image-page a:hover img {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
    }

.wrapper-page-content .article-background-image a {
    display: block;
    overflow: hidden;
}

    .wrapper-page-content .article-background-image a img {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        -webkit-transition: -webkit-transform .4s ease-out;
        transition: -webkit-transform .4s ease-out;
        -o-transition: transform .4s ease-out;
        transition: transform .4s ease-out;
        transition: transform .4s ease-out,-webkit-transform .4s ease-out;
    }

    .wrapper-page-content .article-background-image a:hover img {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
    }

.layout-pageContact .section-info {
    margin-top: 75px;
}

.layout-pageContact .section-content {
    margin-bottom: 75px;
}

.layout-pageContact .wrapper-info {
    padding: 60px 15px 60px 50px;
}

.layout-pageContact .heading-page-contact h2 {
    font-size: 25px;
}

    .layout-pageContact .heading-page-contact h2:after {
        content: '';
        display: block;
        width: 32px;
        height: 2px;
        background: #252a2b;
        margin: 15px 0;
    }

.layout-pageContact .description-contact p {
    margin-bottom: 15px;
    font-weight: 400;
    text-transform: none;
    font-size: 15px;
    letter-spacing: 0;
}

.layout-pageContact .info-contact-center .heading-page-contact h2::after {
    content: none;
}

.layout-pageContact .wrapper-info-contact .list-info-contact {
    margin: 30px 0;
}

.layout-pageContact .wrapper-info-contact .info-contact-item {
    text-align: center;
}

    .layout-pageContact .wrapper-info-contact .info-contact-item svg {
        width: 50px;
        height: 50px;
        fill: var(--shop-color-main);
        margin-bottom: 15px;
    }

    .layout-pageContact .wrapper-info-contact .info-contact-item p {
        color: var(--shop-color-fullPage);
    }

@media (min-width: 992px) {
    .layout-pageContact .wrapper-map-contact {
        border-right: 1px solid #ededed;
        padding-right: 0;
    }

        .layout-pageContact .wrapper-map-contact .box-contact-map, .layout-pageContact .wrapper-map-contact iframe {
            height: 100%;
        }
}

@media (max-width: 991px) {
    .layout-pageContact .section-info {
        margin-top: 40px;
    }

    .layout-pageContact .section-content {
        margin-bottom: 40px;
    }

    .layout-pageContact .section-content-page-contact {
        padding: 15px 0;
    }

    .layout-pageContact .wrapper-info {
        padding: 0 15px 50px;
    }

        .layout-pageContact .wrapper-info .heading-page-contact {
            margin: 50px 0 0;
        }
}

@media (max-width: 767px) {
    .layout-pageContact .section-content-page-contact {
        padding: 0;
    }

    .layout-pageContact .wrapper-info-contact .info-contact-item {
        margin-bottom: 15px;
    }

        .layout-pageContact .wrapper-info-contact .info-contact-item svg {
            margin-bottom: 0;
        }

    .layout-pageContact .wrapper-map {
        padding: 0;
    }

    .layout-pageContact .wrapper-info {
        padding: 0 15px;
    }
}

/*--------------------------------------------------------------------------------
8. PAGE CART
--------------------------------------------------------------------------------*/
/*
.layoutPage-cart{
.heading-page-cart{
h1{
font-size: 25px;
&:after{
content: "";
display: block;
margin: 20px auto;
width: 50px;
height: 3px;
background: #5c5c5c;
}
}
}
}
.wrapbox-content-cart{
.expanded-message{font-size: 18px;}
.line-item{width: 100%;padding: 15px 0;}
.line-item-container{border-bottom: 1px solid #dee2e6;}
.title-count-cart{
font-size: 16px;
background: #f3f5f6;
padding: 10px 15px;
}
.line-item-image_wrapper{max-width: 100px;}
.line-item-product_body{position: relative;}
.line-item{
&_title{
h3{font-size: 16px;}
}
&_quantity{
.qty-btn{
width: 25px;
height: 25px;
font-size: 14px;
font-weight: 500;
outline: none;
cursor: pointer;
background: #fff;
color: rgb(153, 153, 153);
-webkit-appearance: none;
}
.item-quantity{
width: 35px;
height: 25px;
font-size: 14px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
}
&_price{
span strong{font-weight: 500;}
del{font-size: 12px;}
}
&_remove-item-cart{
position: absolute;
top: 0;
right: 0;
font-size: 18px;
color: #000;
}
}
.reponsive-cart-noted{
background: #f3f5f6;
padding: 10px 15px;
.checkout-note{
.note-label{font-size: 15px;font-weight: 500;}
.form-control{background: #fff;}
}
}
@media(max-width: 767px){
.line-item_title h3{font-size: 14px;}
.line-item-image_wrapper{max-width: 70px;}
}
}
.policy_return{
h3{font-size: 15px;color: var(--shop-color-fullPage);line-height: 1.5;}
.list-group{
>li{
position: relative;
line-height: 25px;
&:before{
font-family: "FontAwesome" !important;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
content: "\f178";
font-size: 10px;
position: absolute;
left: 0;
opacity: 1;
}
}
}
}
.wrap-order-summary{
.order-title{font-size: 20px;}
.order-total{
font-size: 16px;
span{color:red;font-size: 24px;}
}
.order-short-description{
p{font-size: 13px;}
}
.order-action-checkout{
a{
font-size: 15px;
background: red;
padding: 10px 0;
&:hover{background: rgb(255, 66, 78);}
}
}
.countine_order_cart{
font-size: 16px;
color: var(--shop-color-title);
}
@media (min-width: 768px) and (max-width: 991px) {
.order-title{font-size: 16px;}
.order-total{
span{font-size: 16px;}
}
}
}*/
/*--------------------------------------------------------------------------------
9. COLLECTION
--------------------------------------------------------------------------------*/
.wrapper-mainCollection {
    margin-top: 75px;
}

@media (min-width: 992px) {
    .wrapper-mainCollection .collection-content-page.affix-filter #loader {
        position: fixed;
        top: 45%;
        bottom: 50%;
    }

    .wrapper-mainCollection .collection-list-product #loader {
        position: absolute;
        top: 5%;
        left: 50%;
        right: 50%;
        bottom: 0;
        display: none;
        text-align: center;
        background: url(loader.gif) no-repeat;
        width: 65px;
        height: 65px;
        background-position: center;
        background-size: cover;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .wrapper-mainCollection .collection-content-page.affix-filter #loader {
        top: 30%;
    }
}

@media (max-width: 991px) {
    .wrapper-mainCollection {
        margin-top: 40px;
    }

        .wrapper-mainCollection .collection-banner-header {
            margin-bottom: 50px;
        }

            .wrapper-mainCollection .collection-banner-header .headtitle-block h1 {
                font-size: 20px;
            }
}

/*---------------------------------------Filter-----------------------------------------*/
@media (min-width: 992px) {
    .siderbar-filter-sticky {
        position: -webkit-sticky;
        position: sticky;
        top: 80px;
    }
}

/*---------------------------------------Swatch-----------------------------------------*/
/* Setting variant màu sắc */
.select-swatch .swatch {
    width: 100%;
    float: left;
}

    .select-swatch .swatch input {
        display: none;
    }

    .select-swatch .swatch .header-swatch {
        font-size: 14px;
        font-weight: bold;
        color: black;
        display: block;
    }

        .select-swatch .swatch .header-swatch span {
            font-size: 12px;
            display: inline-block;
            font-weight: 500;
            color: #3966b8;
            font-size: 90%;
            margin-left: 3px;
        }

    .select-swatch .swatch .select-swap {
        display: inline-block;
        vertical-align: middle;
        padding: 12px 0;
    }

    .select-swatch .swatch .swatch-element {
        position: relative;
        display: inline-block;
        margin-right: 12px;
    }

        .select-swatch .swatch .swatch-element label {
            position: relative;
            cursor: pointer;
            float: left;
            margin: 0;
            color: #000;
            font-size: 13px;
            font-weight: 500;
            text-align: center;
            line-height: 30px;
            white-space: nowrap;
            text-transform: uppercase;
        }

        .select-swatch .swatch .swatch-element.color label {
            padding: 0;
            overflow: hidden;
            width: 25px;
            height: 25px;
            border-radius: 100%;
            box-shadow: 0px 0px 0px 1px #dee2e6;
            -webkit-box-shadow: 0px 0px 0px 1px #dee2e6;
            -moz-box-shadow: 0px 0px 0px 1px #dee2e6;
            -o-box-shadow: 0px 0px 0px 1px #dee2e6;
        }

            .select-swatch .swatch .swatch-element.color label.sd {
                -webkit-box-shadow: 0px 0px 0px 1px #d3d3d3, 0 0 0 4px #ffffff, 0 0 0 5px #333e48;
                -moz-box-shadow: 0px 0px 0px 1px #d3d3d3, 0 0 0 4px #ffffff, 0 0 0 5px #333e48;
                -o-box-shadow: 0px 0px 0px 1px #d3d3d3, 0 0 0 4px #ffffff, 0 0 0 5px #333e48;
                box-shadow: 0px 0px 0px 1px #d3d3d3, 0 0 0 4px #ffffff, 0 0 0 5px #333e48;
            }

        .select-swatch .swatch .swatch-element.color span {
            display: block;
            width: 100%;
            height: 100%;
            margin-top: 0;
            font-size: 0;
        }

        .select-swatch .swatch .swatch-element:not(.color).soldout label {
            opacity: 0.4;
            filter: alpha(opacity=40);
            pointer-events: none;
        }

        .select-swatch .swatch .swatch-element:not(.color) label:before {
            width: 17px;
            height: 17px;
            border: 1px solid #ccc;
            display: inline-block;
            margin-right: 5px;
            content: "";
            border-radius: 50%;
            margin-bottom: -4px;
        }

        .select-swatch .swatch .swatch-element:not(.color) label:after {
            content: "\f00c";
            font-family: Roboto,"FontAwesome" !important;
            font-stretch: extra-condensed;
            position: absolute;
            top: 0;
            left: 3px;
            font-size: 10px;
            color: #fff;
            display: none;
            z-index: 2;
            -webkit-transition: all 0.45s ease;
            -o-transition: all 0.45s ease;
            transition: all 0.45s ease;
        }

        .select-swatch .swatch .swatch-element:not(.color) label.sd:before {
            background: #000;
            border-color: #000;
        }

        .select-swatch .swatch .swatch-element:not(.color) label.sd:after {
            display: block;
        }

        .select-swatch .swatch .swatch-element:hover .tooltip {
            visibility: visible;
            opacity: 1;
            filter: alpha(opacity=100);
            -webkit-transform: translateY(0px);
            -moz-transform: translateY(0px);
            -ms-transform: translateY(0px);
            -o-transform: translateY(0px);
        }

    .select-swatch .swatch .tooltip {
        position: absolute;
        left: 50%;
        bottom: 100%;
        display: block;
        min-width: 60px;
        margin-left: -30px;
        margin-bottom: 15px;
        padding: 4px 8px;
        color: #fff;
        background: #000;
        font-size: 11px;
        text-align: center;
        visibility: hidden;
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transform: translateY(10px);
        -moz-transform: translateY(10px);
        -ms-transform: translateY(10px);
        -o-transform: translateY(10px);
        -webkit-transition: all 0.25s ease-out;
        -o-transition: all 0.25s ease-out;
        transition: all 0.25s ease-out;
        -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
        box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
        z-index: inherit;
    }

        .select-swatch .swatch .tooltip:before {
            content: "";
            position: absolute;
            left: 0;
            bottom: -20px;
            display: block;
            width: 100%;
            height: 20px;
        }

        .select-swatch .swatch .tooltip:after {
            content: "";
            position: absolute;
            left: 50%;
            bottom: -5px;
            width: 0;
            height: 0;
            margin-left: -5px;
            border-left: 5px solid transparent;
            border-right: 5px solid transparent;
            border-top: 5px solid #000;
        }

/*--------------------------------------------------------------------------------
10. PAGE ABOUT
--------------------------------------------------------------------------------*/
section[class^="section-about"] {
    margin-bottom: 75px;
}

@media (max-width: 991px) {
    section[class^="section-about"] {
        margin-bottom: 40px;
    }
}

.groupAbout-title {
    max-width: 800px;
    margin: 0 auto 50px;
}

    .groupAbout-title .title-big {
        font-weight: 500;
        font-size: 30px;
        margin: 10px 0 15px;
    }

    .groupAbout-title .title-desc {
        font-size: 15px;
        line-height: 1.5;
        margin-bottom: 0;
    }

@media (max-width: 991px) and (min-width: 768px) {
    .groupAbout-title .title-big {
        font-size: 27px;
    }

    .groupAbout-title .title-desc {
        font-size: 14px;
    }
}

@media (max-width: 767px) {
    .groupAbout-title {
        margin-bottom: 35px;
    }

        .groupAbout-title .title-big {
            font-size: 26px;
        }

        .groupAbout-title .title-desc {
            font-size: 14px;
        }
}

.section-parallax {
    padding: 200px 0 100px;
    background-size: cover;
    background-position: center;
    position: relative;
}

    .section-parallax:before {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        content: "";
        background-color: rgba(0, 0, 0, 0.36);
        z-index: 1;
    }

.section-breadcrumb {
     background-image: url(../images/banner02.jpg); 
}

.headtitle-block {
    position: relative;
    z-index: 1;
    text-align: center;
}

    .headtitle-block h1, .headtitle-block h2 {
        font-size: 30px;
        color: #ffffff;
        font-weight: 600;
        letter-spacing: 1px;
        margin: 0;
        padding: 0;
        text-transform: uppercase;
    }

    .headtitle-block .breadcrumb-shop {
        background: transparent;
    }

        .headtitle-block .breadcrumb-shop .breadcrumb {
            justify-content: center;
        }

            .headtitle-block .breadcrumb-shop .breadcrumb > li a, .headtitle-block .breadcrumb-shop li {
                color: #ffffff;
            }

@media (max-width: 991px) {
    .section-parallax {
        padding: 100px 0 50px;
    }
}

@media (max-width: 767px) {
    .section-parallax .headtitle-block h1, .section-parallax .headtitle-block h2 {
        font-size: 20px;
    }
}

.effect {
    position: relative;
    display: block;
}

    .effect:before {
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        width: 0;
        height: 0;
        margin: auto;
        background-color: rgba(255, 255, 255, 0.1);
        -webkit-transition: all 0.3s ease-out 0s;
        -moz-transition: all 0.3s ease-out 0s;
        -ms-transition: all 0.3s ease-out 0s;
        -o-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s;
    }

    .effect:after {
        content: "";
        position: absolute;
        right: 0;
        bottom: 0;
        width: 0;
        height: 0;
        background-color: rgba(255, 255, 255, 0.1);
        -webkit-transition: all 0.3s ease-out 0s;
        -moz-transition: all 0.3s ease-out 0s;
        -ms-transition: all 0.3s ease-out 0s;
        -o-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s;
    }

    .effect:hover:before, .effect:hover:after {
        width: 100%;
        height: 100%;
    }

.section-about01-information .about-item, .section-about02-information .about-item, .section-about03-information .about-item {
    padding: 30px 10px;
    height: 100%;
}

    .section-about01-information .about-item:hover, .section-about02-information .about-item:hover, .section-about03-information .about-item:hover {
        box-shadow: 0px 0px 30px -24px rgba(0, 0, 0, 0.8);
    }

        .section-about01-information .about-item:hover span, .section-about02-information .about-item:hover span, .section-about03-information .about-item:hover span {
            color: var(--shop-color-main);
        }

        .section-about01-information .about-item:hover img, .section-about02-information .about-item:hover img, .section-about03-information .about-item:hover img {
            transform: rotateY(360deg);
        }

    .section-about01-information .about-item h3, .section-about02-information .about-item h3, .section-about03-information .about-item h3 {
        padding-top: 15px;
        font-size: 18px;
        font-weight: 500;
    }

    .section-about01-information .about-item span, .section-about02-information .about-item span, .section-about03-information .about-item span {
        font-size: 50px;
        font-weight: 500;
        position: absolute;
        margin-left: 10px;
        color: #eee;
        transition: all .3s ease;
        -webkit-transition: all .3s ease;
    }

    .section-about01-information .about-item img, .section-about02-information .about-item img, .section-about03-information .about-item img {
        width: 70px;
        height: 70px;
        color: #fff;
        padding: 15px;
        border-radius: 50%;
        background: var(--shop-color-main);
        transition: .6s linear;
        transform: rotateY(0deg);
    }

.section-about01-information .flex-container-information, .section-about02-information .flex-container-information, .section-about03-information .flex-container-information {
    counter-reset: popular-counter;
}

    .section-about01-information .flex-container-information .number, .section-about02-information .flex-container-information .number, .section-about03-information .flex-container-information .number {
        counter-increment: popular-counter;
    }

        .section-about01-information .flex-container-information .number:after, .section-about02-information .flex-container-information .number:after, .section-about03-information .flex-container-information .number:after {
            content: counter(popular-counter);
        }

@media (min-width: 768px) and (max-width: 991px) {
    .section-about01-information .about-item, .section-about02-information .about-item, .section-about03-information .about-item {
        padding: 25px 20px;
    }

        .section-about01-information .about-item span, .section-about02-information .about-item span, .section-about03-information .about-item span {
            font-size: 36px;
        }

        .section-about01-information .about-item img, .section-about02-information .about-item img, .section-about03-information .about-item img {
            width: 50px;
            height: 50px;
        }
}

@media (max-width: 767px) {
    .section-about01-information .about-item, .section-about02-information .about-item, .section-about03-information .about-item {
        padding: 25px 20px;
    }

    .section-about01-information .box-item, .section-about02-information .box-item, .section-about03-information .box-item {
        margin-bottom: 20px;
    }

        .section-about01-information .box-item:last-child, .section-about02-information .box-item:last-child, .section-about03-information .box-item:last-child {
            margin-bottom: 0;
        }
}

.section-about01-services .flex-container-services .services-column, .section-about02-services .flex-container-services .services-column {
    margin-bottom: 30px;
}

.section-about01-services .flex-container-services .services-area, .section-about02-services .flex-container-services .services-area {
    height: 100%;
    padding: 20px;
    background: var(--about-color-bgService);
    border: 1px solid var(--about-color-bdService);
    box-shadow: 0px 0px 21px 0px rgba(211, 211, 211, 0.35);
    cursor: context-menu;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.section-about01-services .flex-container-services .services-area-thumb, .section-about02-services .flex-container-services .services-area-thumb {
    max-width: 50px;
    margin: auto;
}

    .section-about01-services .flex-container-services .services-area-thumb img, .section-about02-services .flex-container-services .services-area-thumb img {
        -webkit-transition: -webkit-transform .2s ease-in-out;
        transition: transform .2s ease-in-out;
    }

.section-about01-services .flex-container-services .services-area-content h3, .section-about02-services .flex-container-services .services-area-content h3 {
    font-size: 18px;
    font-weight: 500;
    margin: 20px 0 10px;
}

.section-about01-services .flex-container-services .services-area-content p, .section-about02-services .flex-container-services .services-area-content p {
    line-height: 1.3;
    letter-spacing: .3px;
}

.section-about01-services .flex-container-services .services-area:hover .services-area-thumb img, .section-about02-services .flex-container-services .services-area:hover .services-area-thumb img {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transition: .5s all ease;
    -moz-transition: .5s all ease;
    transition: .5s all ease;
}

/*--- page.about-01 ----*/
.section-about01-breadcrumb {
    background-image: url(about01_banner_bkg.jpg);
}

.section-about01-members .wrapbox-content-members {
    background: var(--about-color-bgTeam);
    padding: 50px 50px 10px;
    border: 1px solid var(--about-color-bdTeam);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.08);
    -webkit-box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.08);
    -o-box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.08);
    -ms-box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.08);
}

    .section-about01-members .wrapbox-content-members .members-item {
        margin-bottom: 40px;
    }

    .section-about01-members .wrapbox-content-members .members-item-block {
        text-align: center;
    }

        .section-about01-members .wrapbox-content-members .members-item-block .members-item-avatar {
            position: relative;
            overflow: hidden;
            text-align: center;
        }

        .section-about01-members .wrapbox-content-members .members-item-block .members-item-text .mib-name {
            margin: 20px 0 5px;
            font-weight: 500;
            font-size: 18px;
        }

@media (min-width: 768px) {
    .section-about01-members .wrapbox-content-members .members-item-block .members-item-avatar {
        position: relative;
        display: inline-block;
    }

        .section-about01-members .wrapbox-content-members .members-item-block .members-item-avatar img {
            -webkit-transition: -webkit-transform 5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
            transition: -webkit-transform 5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
            transition: transform 5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
            transition: transform 5s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        }

    .section-about01-members .wrapbox-content-members .members-item-block:hover img {
        -ms-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
}

@media (max-width: 767px) {
    .section-about01-members .wrapbox-content-members {
        padding: 45px 20px 5px;
    }
}

/*--- page.about-02 ----*/
.section-about02-breadcrumb {
    background-image: url(../image/breadcrumb_bkg.jpg);
}

.section-about02-alternate .wrapbox-alternate .alternate-detail .block-detail {
    text-align: center;
    padding-bottom: 30px;
}

    .section-about02-alternate .wrapbox-alternate .alternate-detail .block-detail h2 {
        font-size: 26px;
        font-weight: 500;
        margin-bottom: 15px;
    }

    .section-about02-alternate .wrapbox-alternate .alternate-detail .block-detail p {
        line-height: 1.5;
        margin-bottom: 0;
    }

@media (min-width: 576px) and (max-width: 767px) {
    .section-about02-alternate .wrapbox-alternate .alternate-detail .block-detail {
        padding-bottom: 0;
    }
}

@media (min-width: 768px) {
    .section-about02-alternate .wrapbox-alternate .alternate-image {
        padding: 0;
    }

    .section-about02-alternate .wrapbox-alternate:nth-child(even) {
        -webkit-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }
}

@media (max-width: 767px) {
    .section-about02-alternate .wrapbox-alternate:not(:last-child) {
        margin-bottom: 50px;
    }
}

/*--- page.about-03 ----*/
.section-about03-breadcrumb {
    background-image: url(about03_banner_bkg.jpg);
}

.section-about03-overall {
    margin-top: 15px;
}

    .section-about03-overall .widgetRow {
        align-items: center;
    }

    .section-about03-overall .widget-about .groupAbout-title {
        margin: 0 0 20px;
    }

    .section-about03-overall .widget-about .title-des {
        font-weight: 700;
    }

    .section-about03-overall .about-slide.owl-carousel {
        height: 100%;
    }

        .section-about03-overall .about-slide.owl-carousel .owl-nav {
            visibility: hidden;
            -webkit-transition: all 0.15s ease;
            -o-transition: all 0.15s ease;
            transition: all 0.15s ease;
        }

            .section-about03-overall .about-slide.owl-carousel .owl-nav button {
                position: absolute;
                top: calc(50% - 22px);
                z-index: 2;
                padding: 0;
                color: #888;
                font-size: 0;
                border: 1px solid var(--shop-color-main);
                border-radius: 50%;
                text-align: center;
            }

                .section-about03-overall .about-slide.owl-carousel .owl-nav button.owl-prev {
                    left: 5px;
                }

                    .section-about03-overall .about-slide.owl-carousel .owl-nav button.owl-prev svg {
                        transform: rotate(180deg);
                    }

                .section-about03-overall .about-slide.owl-carousel .owl-nav button.owl-next {
                    right: 5px;
                }

                .section-about03-overall .about-slide.owl-carousel .owl-nav button svg {
                    width: 22px;
                    height: 22px;
                    fill: var(--shop-color-main);
                    margin: 10px;
                }

                .section-about03-overall .about-slide.owl-carousel .owl-nav button:hover {
                    background: var(--shop-color-main) !important;
                    transition: all .15s ease;
                }

                    .section-about03-overall .about-slide.owl-carousel .owl-nav button:hover svg {
                        fill: #fff;
                    }

        .section-about03-overall .about-slide.owl-carousel:hover .owl-nav {
            visibility: visible;
        }

        .section-about03-overall .about-slide.owl-carousel .owl-dots {
            position: absolute;
            bottom: 15px;
            text-align: center;
            width: 100%;
        }

            .section-about03-overall .about-slide.owl-carousel .owl-dots .owl-dot {
                display: inline-block;
            }

                .section-about03-overall .about-slide.owl-carousel .owl-dots .owl-dot span {
                    position: relative;
                    display: inline-block;
                    width: 10px;
                    height: 10px;
                    margin: 0 5px;
                    border-radius: 50%;
                    cursor: pointer;
                    background: transparent;
                    border: 2px solid #fff;
                    -webkit-transition: color 0.2s ease-in-out, background 0.2s ease-in-out;
                    transition: color 0.2s ease-in-out, background 0.2s ease-in-out;
                }

                .section-about03-overall .about-slide.owl-carousel .owl-dots .owl-dot.active span {
                    background: #fff;
                }

@media (max-width: 767px) {
    .section-about03-overall .about-slide.owl-carousel .owl-nav {
        visibility: visible;
    }

    .section-about03-overall .widget-about {
        margin-bottom: 20px;
    }
}

/*--------------------------------------------------------------------------------
11. PRODUCT
--------------------------------------------------------------------------------*/
.product-content-image .product-container-gallery {
    overflow: hidden;
}

.product-content-image .wrapbox-image .productGallery_slider {
    position: relative;
}

.product-content-summary .product-heading h1 {
    font-size: 24px;
    margin: 20px 0 5px;
}

.product-content-summary .product-heading pro_sku {
    font-size: 12px;
    color: #a3a5a7;
    margin-right: 20px;
}

.product-content-summary .product-heading .pro-soldold {
    color: #dea554;
    font-weight: bold;
}

.product-content-summary .product-price {
    border-top: 1px dotted #dee2e6;
    border-bottom: 1px dotted #dee2e6;
}

    .product-content-summary .product-price .pro-sale {
        display: inline-block;
        padding: 5px 15px;
        margin-right: 10px;
        background: #f2f5fa;
        font-weight: 500;
        font-size: 13px;
        color: #f94c43;
        text-transform: uppercase;
    }

    .product-content-summary .product-price .pro-price {
        font-size: 18px;
        opacity: .92;
        font-weight: bold;
        color: red;
    }

    .product-content-summary .product-price del {
        font-size: 14px;
        color: #777a7b;
        padding-left: 10px;
        font-weight: 500;
    }

.product-content-summary .product-variants {
    border-top: 1px solid #dee2e6;
    padding-top: 10px;
}

    .product-content-summary .product-variants .selector-actions {
        float: left;
        width: 100%;
    }

        .product-content-summary .product-variants .selector-actions .quantity-area {
            width: 140px;
            float: left;
        }

            .product-content-summary .product-variants .selector-actions .quantity-area .qty-btn {
                background: #fff;
                float: left;
                border: 1px solid #dee2e6;
                cursor: pointer;
                font-weight: 500;
                font-size: 16px;
                outline: none;
                height: 45px;
                width: 40px;
                text-align: center;
                border-radius: 0;
                font-size: 20px;
            }

            .product-content-summary .product-variants .selector-actions .quantity-area .quantity-selector-input {
                background: #fff;
                font-weight: 500;
                height: 45px;
                padding: 0;
                text-align: center;
                width: 60px;
                border: 1px solid #dee2e6;
                border-left: none;
                border-right: none;
                border-radius: 0;
                float: left;
                -webkit-appearance: none;
                font-size: 20px;
                -webkit-appearance: none;
                -moz-appearance: none;
                appearance: none;
            }

        .product-content-summary .product-variants .selector-actions .wrap-addcart .btn-box {
            padding: 15px 20px;
        }

        .product-content-summary .product-variants .selector-actions .wrap-addcart .add-to-cartProduct {
            width: 100%;
            font-weight: 500;
        }

        .product-content-summary .product-variants .selector-actions .wrap-addcart .btn-showModal {
            width: 100%;
            font-weight: 500;
        }

.product-content-summary .product-available .txt-inventory {
    color: #dea554;
    font-weight: bold;
    font-size: 18px;
    margin: 0 0 0px;
}

.product-content-summary .product-service .infoList-service li {
    padding: 4px 0 20px 40px;
    position: relative;
}

    .product-content-summary .product-service .infoList-service li span {
        position: absolute;
        left: 0;
        top: 0;
        max-width: 30px;
        display: inline-block;
        vertical-align: middle;
    }

@media (max-width: 767px) {
    .product-content-summary .product-heading h1 {
        font-size: 18px;
    }

    .product-content-summary .product-variants .selector-actions .quantity-area .qty-btn {
        background: #f3f5f6;
    }

    .product-content-summary .product-variants .selector-actions {
        float: left;
        width: 100%;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        background: #fff;
        z-index: 10;
        display: block;
        box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
        padding: 8px 10px;
        -webkit-transition: padding .3s ease;
        transition: padding .3s ease;
    }
}

.product-description .product-tab {
    border-top: 1px solid #dee2e6;
}

.product-description .product-tab-title {
    position: relative;
}

    .product-description .product-tab-title h2 {
        /*text-transform: uppercase;*/
        font-size: 1.025rem;
        font-weight: 400;
        margin: 0;
        padding: 18px 0;
        cursor: pointer;
    }

    .product-description .product-tab-title:before, .product-description .product-tab-title:after {
        content: '';
        display: block;
        position: absolute;
        margin-right: 25px;
        top: 50%;
        right: 0;
        -moz-transition: all .25s linear;
        -o-transition: all .25s linear;
        -webkit-transition: all .25s linear;
        transition: all .25s linear;
    }

    .product-description .product-tab-title:before {
        width: 13px;
        height: 1px;
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        background: rgba(9, 9, 9, 0.6);
    }

    .product-description .product-tab-title:after {
        width: 1px;
        height: 13px;
        right: 6px;
        background: rgba(9, 9, 9, 0.6);
        transform-origin: center;
        -moz-transform: translateY(-50%) scale(1, 1);
        -ms-transform: translateY(-50%) scale(1, 1);
        -webkit-transform: translateY(-50%) scale(1, 1);
        transform: translateY(-50%) scale(1, 1);
    }

.product-description .product-tab-description {
    display: none;
    padding: 0 0 20px;
}

.product-description .product-tab.opened .product-tab-title h2 {
    font-weight: bold;
}

.product-description .product-tab.opened .product-tab-title:after {
    -webkit-transform: translateY(-50%) scale(1, 0);
    -moz-transform: translateY(-50%) scale(1, 0);
    -ms-transform: translateY(-50%) scale(1, 0);
    transform: translateY(-50%) scale(1, 0);
}

.product-sharing {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 35px;
    height: 35px;
    line-height: 35px;
    z-index: 1;
    visibility: visible;
    opacity: 1;
    -webkit-transition: visibility 0.2s ease-in-out, opacity 0.2s ease-in-out;
    transition: visibility 0.2s ease-in-out, opacity 0.2s ease-in-out;
}

    .product-sharing .sharing_icon_circle {
        width: 35px;
        height: 35px;
        line-height: 35px;
        display: block;
        border-radius: 50%;
        text-align: center;
        color: rgba(28, 27, 27, 0.5);
        background: #fff;
        cursor: pointer;
        -webkit-box-shadow: 0 1px 5px rgba(54, 54, 54, 0.15);
        box-shadow: 0 1px 5px rgba(54, 54, 54, 0.15);
    }

        .product-sharing .sharing_icon_circle .sharing_primary_state, .product-sharing .sharing_icon_circle .sharing_secondary_state {
            display: block;
            -webkit-transition: opacity 0.4s cubic-bezier(0.75, 0, 0.125, 1), -webkit-transform 0.4s cubic-bezier(0.75, 0, 0.125, 1);
            transition: opacity 0.4s cubic-bezier(0.75, 0, 0.125, 1), -webkit-transform 0.4s cubic-bezier(0.75, 0, 0.125, 1);
            transition: transform 0.4s cubic-bezier(0.75, 0, 0.125, 1), opacity 0.4s cubic-bezier(0.75, 0, 0.125, 1);
            transition: transform 0.4s cubic-bezier(0.75, 0, 0.125, 1), opacity 0.4s cubic-bezier(0.75, 0, 0.125, 1), -webkit-transform 0.4s cubic-bezier(0.75, 0, 0.125, 1);
        }

            .product-sharing .sharing_icon_circle .sharing_primary_state svg, .product-sharing .sharing_icon_circle .sharing_secondary_state svg {
                height: 35px;
                width: 14px;
                display: block;
                line-height: 35px;
                margin: auto;
            }

            .product-sharing .sharing_icon_circle .sharing_primary_state svg {
                -webkit-transform: rotate(180deg);
                transform: rotate(180deg);
            }

        .product-sharing .sharing_icon_circle .sharing_secondary_state {
            position: absolute;
            left: 50%;
            top: 50%;
            width: 100%;
            text-align: center;
            opacity: 0;
            -webkit-transform: translate(-50%, 100%);
            transform: translate(-50%, 100%);
        }

    .product-sharing a {
        position: absolute;
        display: block;
        top: 50px;
        right: 3px;
        width: 30px;
        line-height: 30px;
        height: 30px;
        text-align: center;
        opacity: 0;
        visibility: hidden;
        background: #fff;
        border-radius: 50%;
        cursor: pointer;
        -webkit-box-shadow: 0 1px 5px rgba(54, 54, 54, 0.15);
        box-shadow: 0 1px 5px rgba(54, 54, 54, 0.15);
        -ms-transform: translateY(50%);
        -webkit-transform: translateY(50%);
        transform: translateY(50%);
        -ms-transition: all 150ms linear;
        -webkit-transition: all 150ms linear;
        transition: all 150ms linear;
    }

        .product-sharing a svg {
            height: 30px;
            line-height: 30px;
            width: 18px;
            display: block;
            margin: auto;
        }

        .product-sharing a span.toollip-txt {
            border-radius: 2px;
            text-align: center;
            background: #1c1b1b;
            padding: 0 8px;
            visibility: hidden;
            opacity: 0;
            margin-right: 10px;
            position: absolute;
            top: 0px;
            right: 40px;
            z-index: 999;
            color: #ffffff;
            font-size: 10px;
            white-space: nowrap;
            -ms-transition: all 200ms linear 250ms;
            -webkit-transition: all 200ms linear 250ms;
            transition: all 200ms linear 250ms;
        }

            .product-sharing a span.toollip-txt:before {
                content: "";
                width: 0;
                height: 0;
                border-style: solid;
                border-width: 7px 0px 7px 7px;
                border-color: transparent transparent transparent #1c1b1b;
                position: absolute;
                right: -5px;
                top: 0;
                bottom: 0;
                margin: auto;
            }

        .product-sharing a:hover {
            background: #3b5999;
        }

            .product-sharing a:hover svg {
                fill: #fff;
            }

    .product-sharing.sharing-active .sharing_icon_circle {
        background: #1c1b1b;
        color: #fff;
    }

        .product-sharing.sharing-active .sharing_icon_circle .sharing_primary_state {
            opacity: 0;
            -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
        }

        .product-sharing.sharing-active .sharing_icon_circle .sharing_secondary_state {
            opacity: 1;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
        }

    .product-sharing.sharing-active a {
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
        visibility: visible;
    }

        .product-sharing.sharing-active a span.toollip-txt {
            visibility: visible;
            opacity: 1;
            margin-right: 0;
        }

.layout-productDetail {
    /*margin-top: 50px;*/
}

    .layout-productDetail .modal-contactform-pr .modal-dialog-centered {
        max-width: 600px;
    }

        .layout-productDetail .modal-contactform-pr .modal-dialog-centered .modal-content {
            -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
            box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
        }

        .layout-productDetail .modal-contactform-pr .modal-dialog-centered .input-group {
            width: 100%;
            margin: 0 0 18px;
        }

            .layout-productDetail .modal-contactform-pr .modal-dialog-centered .input-group input, .layout-productDetail .modal-contactform-pr .modal-dialog-centered .input-group textarea {
                border: 1px solid #e7e7e7;
                border-radius: 0;
                box-shadow: none;
                font-weight: 500;
                height: 40px;
                padding: 5px 20px;
                background: #fff;
                color: #252a2b;
                width: 100%;
                -webkit-appearance: none;
            }

            .layout-productDetail .modal-contactform-pr .modal-dialog-centered .input-group textarea {
                resize: none;
                height: 200px;
                padding: 10px 20px;
            }

                .layout-productDetail .modal-contactform-pr .modal-dialog-centered .input-group input:focus, .layout-productDetail .modal-contactform-pr .modal-dialog-centered .input-group textarea:focus {
                    border-color: #00bed8;
                    outline: 0;
                }

    .layout-productDetail .modal-contactform-pr .modal-header {
        text-align: center;
        text-transform: uppercase;
        display: block;
    }

        .layout-productDetail .modal-contactform-pr .modal-header h4 {
            font-size: 18px;
        }

        .layout-productDetail .modal-contactform-pr .modal-header .close {
            opacity: .5;
            outline: none;
            width: 30px;
            height: 30px;
            font-size: 25px;
            position: absolute;
            right: 22px;
            top: 0;
        }

    .layout-productDetail .modal-contactform-pr label {
        font-weight: 500;
        font-size: 13px;
        margin-bottom: 5px;
    }

        .layout-productDetail .modal-contactform-pr label span.required {
            color: red;
        }

        .layout-productDetail .modal-contactform-pr label.required-input {
            color: red;
        }

    .layout-productDetail .modal-contactform-pr .success-form {
        color: red;
        font-weight: 500;
        text-align: center;
    }

    .layout-productDetail .modal-contactform-pr .success-form-pr-contact {
        position: absolute;
        left: 15px;
        right: 15px;
        padding: 16px 0 0;
        margin: 0;
        bottom: -8px;
        border-radius: 0;
        z-index: 99;
    }

    .layout-productDetail .modal-contactform-pr.fade.show .modal-dialog-centered {
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    .layout-productDetail .modal-contactform-pr.fade .modal-dialog-centered {
        opacity: 0;
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        -ms-transform: scale(0.8);
        transform: scale(0.8);
        -webkit-transition: all .2s;
        -moz-transition: all .2s;
        -ms-transition: all .2s;
        transition: all .2s;
    }

@media (max-width: 991px) {
    .layout-productDetail {
        margin: 40px 0 30px;
    }

        .layout-productDetail .modal-contactform-pr .modal-dialog-centered .input-group textarea {
            height: 120px;
        }
}

.thumb-img {
    display: block;
    overflow: hidden;
    position: relative;
    width: 100%;
}

    .thumb-img img {
        float: left;
        width: 100%;
        min-height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1;
        object-fit: cover;
    }

/*.thumb-img img:hover {-webkit-transform: scale(1.05); transform: scale(1.05);}*/

.thumb-img-1x1 {
    padding-top: 100%;
}

.thumb-img-2x3 {
    padding-top: 133.33%;
}

    .thumb-img-2x3 img {
        padding: 20px;
        max-height: 100%;
        max-width: 100%;
    }

.thumb-img-3x1 {
    padding-top: 33.333%;
}

.thumb-img-3x2 {
    padding-top: 66.677%;
}

.thumb-img-16x9 {
    padding-top: 56.25%;
}

.thumb-img-book {
    padding-top: 128%;
    box-shadow: 0 0 8px rgba(0 0 0 /15%);
    border: solid 5px var(--main-white-color);
}

.thumb-img-left {
    float: left;
    margin-right: 15px;
}

.thumb-img-left-1 {
    width: 375px;
}

.thumb-img-left-2 {
    width: 170px;
}

.thumb-img-left-3 {
    width: 120px;
}

.thumb-img-left-4 {
    width: 205px;
}

.thumb-img-left-5 {
    width: 265px;
}

.thumb-img-left-6 {
    width: 188px;
}

.thumb-img-left-7 {
    width: 150px;
}

.thumb-img-right {
    float: right;
    margin-left: 15px;
}

.thumb-img-right-1 {
    width: 120px;
}

.thumb-img-fix-height {
    background-color: var(--main-grey-color);
}

    .thumb-img-fix-height img {
        width: auto;
        height: 100%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }


.productDetail_style_01 .product-thumb {
    margin-bottom: 10px;
    padding-left: 8px;
}

    .productDetail_style_01 .product-thumb .product-thumb-item {
        position: relative;
        height: 10px;
        width: 10px;
        padding: 0;
        border: 2px solid #dee2e6;
        background: transparent;
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }

    .productDetail_style_01 .product-thumb a.active.product-thumb-item {
        border: var(--shop-color-main);
        background: var(--shop-color-main);
    }

.productDetail_style_01 .product-sharing-scroll {
    position: relative;
    right: 5px;
    top: 0;
    margin: 10px 0 50px;
}

    .productDetail_style_01 .product-sharing-scroll a span.toollip-txt {
        left: 40px;
        right: initial;
    }

        .productDetail_style_01 .product-sharing-scroll a span.toollip-txt:before {
            left: -5px;
            right: initial;
            border-width: 7px 7px 7px 0px;
            border-color: transparent #1c1b1b transparent transparent;
        }

@media (min-width: 992px) {
    .productDetail_style_01 .product-gallery-item {
        border: 1px solid #dee2e6;
        display: block;
    }

    .productDetail_style_01 .productGallery_thumb {
        width: 45px;
        padding-right: 10px;
        z-index: 2;
    }

    .productDetail_style_01 .productGallery_slider {
        width: calc(100% - 45px);
        z-index: 1;
        position: initial;
    }

    .productDetail_style_01 .product-gallery:not(:last-child) {
        margin-bottom: 15px;
    }
}

@media (max-width: 991px) {
    .productDetail_style_01 .product-container-gallery {
        position: relative;
    }
}

@media (min-width: 992px) {
    .productDetail_style_02 .product-gallery {
        width: 50%;
        float: left;
        margin-bottom: 10px;
    }

        .productDetail_style_02 .product-gallery:nth-of-type(2n + 1) {
            padding-right: 5px;
        }

        .productDetail_style_02 .product-gallery:nth-of-type(2n) {
            padding-left: 5px;
        }

        .productDetail_style_02 .product-gallery a {
            border: 1px solid #dee2e6;
        }
}

@media (max-width: 991px) {
    .productDetail_style_02 .product-container-gallery {
        position: relative;
    }
}

.productDetail_style_03 .productGallery_thumb {
    width: 90px;
    padding-right: 15px;
}

.productDetail_style_03 .productGallery_slider {
    width: calc(100%);
}

.productDetail_style_03 .product-list-lazy {
    opacity: 0;
    transition: opacity .5s ease-in;
    -webkit-transition: opacity .5s ease-in;
}

    .productDetail_style_03 .product-list-lazy.slick-initialized {
        opacity: 1;
    }

.productDetail_style_03 .productList-slider button.slick-arrow {
    position: absolute;
    top: 50%;
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 0;
    border: 0;
    cursor: pointer;
    z-index: 10;
    background-color: transparent;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}

    .productDetail_style_03 .productList-slider button.slick-arrow.slick-prev {
        left: 0;
    }

        .productDetail_style_03 .productList-slider button.slick-arrow.slick-prev.slick-disabled {
            opacity: 0;
            visibility: hidden;
        }

        .productDetail_style_03 .productList-slider button.slick-arrow.slick-prev:before {
            content: "\f104";
        }

    .productDetail_style_03 .productList-slider button.slick-arrow.slick-next {
        right: 0;
    }

        .productDetail_style_03 .productList-slider button.slick-arrow.slick-next.slick-disabled {
            opacity: 0;
            visibility: hidden;
        }

        .productDetail_style_03 .productList-slider button.slick-arrow.slick-next:before {
            content: "\f105";
        }

    .productDetail_style_03 .productList-slider button.slick-arrow:before {
        content: "";
        font-family: "FontAwesome";
        font-size: 35px;
    }

.productDetail_style_03 .productList-slider ul.slick-dots {
    position: relative;
    text-align: center;
    margin: 10px 0;
}

    .productDetail_style_03 .productList-slider ul.slick-dots li {
        display: inline-block;
        line-height: 17px;
    }

        .productDetail_style_03 .productList-slider ul.slick-dots li button {
            border-radius: 50%;
            width: 10px;
            height: 10px;
            margin: 5px;
            border-width: 2px;
            background: #dbd9d9;
            border: 1px solid #fff;
            font-size: 0;
            outline: none;
            cursor: pointer;
            -webkit-transform: scale(1);
            transform: scale(1);
            -webkit-transition: color 0.2s ease-in-out, background 0.2s ease-in-out, transform 0.2s ease-in-out;
            -moz-transition: color 0.2s ease-in-out, background 0.2s ease-in-out, transform 0.2s ease-in-out;
            transition: color 0.2s ease-in-out, background 0.2s ease-in-out, transform 0.2s ease-in-out;
        }

        .productDetail_style_03 .productList-slider ul.slick-dots li.slick-active button {
            background: #333;
            transform: scale(1.3);
        }

.productDetail_style_03 .product-thumb .product-thumb-item {
    display: block;
    border: 1px solid #f3f3f3;
    margin-bottom: 8px;
}

    .productDetail_style_03 .product-thumb .product-thumb-item:hover {
        border-color: var(--shop-color-main);
    }

.productDetail_style_03 .product-thumb.slick-current .product-thumb-item {
    border-color: var(--shop-color-main);
}

@media (min-width: 768px) and (max-width: 991px) {
    .productDetail_style_03 .productGallery_thumb {
        width: 110px;
    }

    .productDetail_style_03 .productGallery_slider {
        width: calc(100% - 110px);
    }
}

@media (max-width: 767px) {
    .productDetail_style_03 .productGallery_thumb {
        display: none;
    }

    .productDetail_style_03 .productGallery_slider {
        width: 100%;
    }
}

.productDetail-related .product-loop {
    margin-bottom: 0;
    background-color: white;
}

.productDetail-related {
    /*padding-top: 40px;*/
    padding-bottom: 40px;
    /*margin-top: 40px;*/
}

    .productDetail-related .productRelated-title h2 {
        font-size: 28px;
        margin: 0 0 25px;
    }

    .productDetail-related .productRelated-content .content-product-list {
        display: flex;
        display: -webkit-flex;
        flex-wrap: wrap;
    }

        .productDetail-related .productRelated-content .content-product-list .product-loop {
            display: inline-block;
            opacity: 1;
            transition: opacity .5s ease;
            flex: 0 0 25%;
            padding-left: 7px;
            padding-right: 7px;
            margin-bottom: 14px;
        }

@media (max-width: 991px) {
    .productDetail-related {
        padding-top: 20px;
        margin-top: 20px;
    }

        .productDetail-related .productRelated-content .content-product-list .product-loop {
            flex: 0 0 50%;
        }

        .productDetail-related .productRelated-title h2 {
            font-size: 24px;
        }
}

.productDetail-recently-viewed {
    margin-top: 40px;
}

    .productDetail-recently-viewed .product-loop {
        margin-bottom: 0;
    }

    .productDetail-recently-viewed .productViewed-title h2 {
        font-size: 28px;
        margin: 0 0 25px;
    }

    .productDetail-recently-viewed .productViewed-content_list {
        display: flex;
        display: -webkit-flex;
        flex-wrap: wrap;
    }

        .productDetail-recently-viewed .productViewed-content_list .product-loop {
            display: inline-block;
            opacity: 1;
            transition: opacity .5s ease;
            flex: 0 0 25%;
            padding-left: 7px;
            padding-right: 7px;
            margin-bottom: 14px;
        }

@media (max-width: 991px) {
    .productDetail-recently-viewed .productViewed-content_list .product-loop {
        flex: 0 0 50%;
    }

    .productDetail-recently-viewed .productViewed-title h2 {
        font-size: 24px;
    }
}

@media (max-width: 767px) {
    .productDetail-recently-viewed {
        border-top: 1px solid #dee2e6;
        margin-top: 20px;
        padding-top: 20px;
    }
}

.sliderOwl-product .owl-nav button {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0;
    margin: 0px;
    font-size: 0;
    height: 35px;
    width: 35px;
    line-height: 35px;
    outline: none;
    text-align: center;
    display: inline-block;
    background: transparent;
}

    .sliderOwl-product .owl-nav button.owl-prev {
        left: 0;
    }

        .sliderOwl-product .owl-nav button.owl-prev.disabled {
            opacity: 0;
        }

        .sliderOwl-product .owl-nav button.owl-prev:before {
            content: "\f104";
            font-family: "FontAwesome";
            font-size: 33px;
            display: inline-block;
            color: #000;
        }

    .sliderOwl-product .owl-nav button.owl-next {
        right: 0;
    }

        .sliderOwl-product .owl-nav button.owl-next.disabled {
            opacity: 0;
        }

        .sliderOwl-product .owl-nav button.owl-next:before {
            content: "\f105";
            font-family: "FontAwesome";
            font-size: 33px;
            display: inline-block;
            color: #000;
        }

.sliderOwl-product .owl-dots {
    position: relative;
    text-align: center;
    margin: 10px 0;
}

    .sliderOwl-product .owl-dots .owl-dot {
        display: inline-block;
        width: 8px;
        height: 8px;
        margin: 5px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        background: #dbd9d9;
        transform: scale(1);
        transition: transform 0.2s ease-in;
    }

        .sliderOwl-product .owl-dots .owl-dot.active {
            background: #333;
            transform: scale(1.3);
        }

@media (max-width: 991px) {
    .productDetail-information .owl-carousel {
        opacity: 0;
        visibility: hidden;
        transition: opacity 1s ease;
        -webkit-transition: opacity 1s ease;
    }

        .productDetail-information .owl-carousel.owl-loaded {
            opacity: 1;
            visibility: visible;
        }
}

@media (max-width: 991px) {
    .productRelated-content, .productViewed-content {
        margin-left: -15px;
        margin-right: -15px;
    }

        .productRelated-content .listProduct-row, .productViewed-content .listProduct-row {
            margin: 0;
        }
}

@media (min-width: 992px) {
    .product-content-image .product-gallery-item .product-image-feature {
        cursor: zoom-in;
        width: 100%;
    }

    .productDetail_style_01 .product-content-image .product-container-gallery {
        overflow: initial;
    }
}

/* scroll body sticky siderbar*/
@media (min-width: 992px) {
    .stickyProduct-gallery, .stickyProduct-detail, .blog-aside-sticky {
        position: -webkit-sticky;
        position: sticky;
        top: 30px;
    }
}

@media (min-width: 768px) {
    .wrap-order-summary.sticky-cart-order {
        position: -webkit-sticky;
        position: sticky;
        top: 30px;
        -webkit-transition: top 400ms ease;
        -moz-transition: top 400ms ease;
        transition: top 400ms ease;
    }
}

@media (min-width: 992px) {
    body.scroll-body-up .stickyProduct-gallery, body.scroll-body-up .stickyProduct-detail, body.scroll-body-up .blog-aside-sticky {
        top: 80px;
        -webkit-transition: top 400ms ease;
        -moz-transition: top 400ms ease;
        transition: top 400ms ease;
    }
}

@media (min-width: 768px) {
    body.scroll-body-up .wrap-order-summary.sticky-cart-order {
        top: 80px;
    }
}

/*--------------------------------------------------------------------------------
ADDTHIS ** SHARING
--------------------------------------------------------------------------------*/
/* - Harafunnel mobile */
.harafunnel-mb {
    position: fixed;
    right: 8px;
    bottom: 120px;
    z-index: 9999;
    width: 60px;
    height: 60px;
    padding: 6px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15);
    transition: box-shadow 150ms linear;
}

    .harafunnel-mb:hover {
        box-shadow: 0 5px 24px rgba(0, 0, 0, 0.3);
    }

    .harafunnel-mb a {
        display: block;
    }

        .harafunnel-mb a svg {
            width: 100%;
            height: 100%;
        }

/* end-- Harafunnel mobile */
.fb_dialog_advanced.fb_user_chat_bubble_animated_no_badge {
    right: 12px !important;
}

.fb_dialog.fb_dialog_advanced, .fb_dialog.fb_dialog_mobile {
    position: fixed !important;
    z-index: 4 !important;
    background: none !important;
    top: auto !important;
    bottom: 5px;
    padding: 0;
    right: -9px;
    -webkit-transform: scale(0.88);
    -ms-transform: scale(0.88);
    transform: scale(0.88);
}

.addThis_listSharing {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    background-color: transparent;
    display: none;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

    .addThis_listSharing .listSharing_action {
        position: absolute;
        bottom: 140px;
        border-radius: 12px;
        right: 31px;
        max-width: 300px;
        background-color: #f5f6fa;
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
        -webkit-transform-origin: 100% bottom;
        transform-origin: 100% bottom;
        transform: scale(0);
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transition: -webkit-transform 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: transform 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: transform 0.35s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);
        -webkit-transition: transform 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);
        -moz-transition: transform 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);
        -ms-transition: transform 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);
        -o-transition: transform 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);
    }

.addThis_listing .addThis_item {
    margin: 0;
    padding: 10px 15px;
}

    .addThis_listing .addThis_item:not(:last-of-type) {
        border-bottom: 1px solid #ecedf1;
        box-shadow: 0 1px 0 0 #fff;
    }

    .addThis_listing .addThis_item .addThis_item--icon {
        width: 100%;
        height: auto;
        border-radius: 0;
        box-shadow: none;
        display: -webkit-flex;
        display: -moz-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
    }

        .addThis_listing .addThis_item .addThis_item--icon svg {
            display: block;
            border-radius: 50%;
            width: 32px;
            height: 32px;
            box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.11);
        }

        .addThis_listing .addThis_item .addThis_item--icon .tooltip-text {
            opacity: 1;
            visibility: visible;
            position: initial;
            width: calc(100% - 30px);
            padding-left: 15px;
            text-align: left;
            background: transparent;
            color: #1d243e;
            font-size: 13px;
            font-weight: 400;
        }

    .addThis_listing .addThis_item:hover .tooltip-text {
        color: var(--shop-color-hover);
    }

    .addThis_listing .addThis_item.addThis_item__fbchat {
        display: block;
    }

.addThis_listSharing .addThis_close {
    position: absolute;
    z-index: 10;
    right: 0;
    top: 0;
    border: 0;
    outline: none;
    padding: 6px;
    background: transparent;
}

    .addThis_listSharing .addThis_close svg {
        opacity: 0.6;
        width: 24px;
        height: 24px;
        display: block;
        margin: auto;
    }

.addThis_iconContact {
    position: fixed;
    bottom: 105px;
    right: 24px;
    margin: 0;
    z-index: 999;
    cursor: pointer;
}

    .addThis_iconContact .svgico > svg {
        fill: #ffffff;
        width: 28px;
        height: 46px;
        transition: opacity 0.35s ease-in-out, -webkit-transform 0.35s ease-in-out;
        transition: opacity 0.35s ease-in-out, transform 0.35s ease-in-out;
        transition: opacity 0.35s ease-in-out, transform 0.35s ease-in-out, -webkit-transform 0.35s ease-in-out;
    }

    .addThis_iconContact .svgico .svgico--close {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        opacity: 0;
        visibility: hidden;
        transform: scale(0.3);
        transition: opacity 0.35s ease-in-out, -webkit-transform 0.35s ease-in-out;
        transition: opacity 0.35s ease-in-out, transform 0.35s ease-in-out;
        transition: opacity 0.35s ease-in-out, transform 0.35s ease-in-out, -webkit-transform 0.35s ease-in-out;
    }

        .addThis_iconContact .svgico .svgico--close svg {
            fill: #ffffff;
            width: 17px;
            height: 46px;
        }

.addThis_listSharing.active + .addThis_iconContact .svgico .svgico--close {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.addThis_listSharing.active + .addThis_iconContact .svgico > svg {
    opacity: 0;
    visibility: hidden;
    transform: scale(0.3);
}

.addThis_listSharing.active {
    opacity: 1;
    visibility: visible;
}

    .addThis_listSharing.active .listSharing_action {
        -ms-transition-delay: 0.1s;
        -webkit-transition-delay: 0.15s;
        transition-delay: 0.1s;
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
    }

.addThis_iconContact .box-contact .svgico {
    position: relative;
    z-index: 4;
    height: 48px;
    width: 48px;
    text-align: center;
    border-radius: 50%;
    border: 1px solid #ffffff;
    cursor: pointer;
    background: var(--shop-color-main);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    animation: pulse 2s infinite;
    animation: pulse 2s infinite;
}

.addThis_iconContact .box-contact:before, .addThis_iconContact .box-contact:after {
    position: absolute;
    content: '';
    height: 48px;
    width: 48px;
    left: 0;
    top: 0;
    background: var(--shop-color-main);
    border-radius: 50%;
}

.addThis_iconContact .box-contact:before {
    animation: euiBeaconPulseSmall 2s infinite ease-out;
}

.addThis_iconContact .box-contact:after {
    animation: euiBeaconPulseSmall 2s infinite ease-out 0.4s;
}

.listSharing_overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    z-index: -1;
    background-color: rgba(0, 0, 0, 0.5);
    display: none;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}


.addThis_languageSelector {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    background-color: transparent;
    display: none;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

    .addThis_languageSelector .languageSelector_action {
        position: absolute;
        bottom: 140px;
        border-radius: 12px;
        right: 31px;
        max-width: 300px;
        background-color: #f5f6fa;
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
        -webkit-transform-origin: 100% bottom;
        transform-origin: 100% bottom;
        transform: scale(0);
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transition: -webkit-transform 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: transform 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: transform 0.35s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);
        -webkit-transition: transform 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);
        -moz-transition: transform 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);
        -ms-transition: transform 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);
        -o-transition: transform 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);
    }

.addThis_listing .addThis_item {
    margin: 0;
    padding: 10px 15px;
    min-width: 200px;
}

    .addThis_listing .addThis_item:not(:last-of-type) {
        border-bottom: 1px solid #ecedf1;
        box-shadow: 0 1px 0 0 #fff;
    }

    .addThis_listing .addThis_item .addThis_item--icon {
        width: 100%;
        height: auto;
        border-radius: 0;
        box-shadow: none;
        display: -webkit-flex;
        display: -moz-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
    }

        .addThis_listing .addThis_item .addThis_item--icon svg {
            display: block;
            border-radius: 50%;
            width: 32px;
            height: 32px;
            box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.11);
        }


        .addThis_listing .addThis_item .addThis_item--icon .tooltip-text {
            opacity: 1;
            visibility: visible;
            position: initial;
            width: calc(100% - 30px);
            padding-left: 15px;
            text-align: left;
            background: transparent;
            color: #1d243e;
            font-size: 13px;
            font-weight: 400;
        }

    .addThis_listing .addThis_item:hover .tooltip-text {
        color: var(--shop-color-hover);
    }

    .addThis_listing .addThis_item.addThis_item__fbchat {
        display: block;
    }

.addThis_languageSelector .addThis_close {
    position: absolute;
    z-index: 10;
    right: 0;
    top: 0;
    border: 0;
    outline: none;
    padding: 6px;
    background: transparent;
}

    .addThis_languageSelector .addThis_close svg {
        opacity: 0.6;
        width: 24px;
        height: 24px;
        display: block;
        margin: auto;
    }

.addThis_iconLanguage {
    position: fixed;
    bottom: 105px;
    right: 24px;
    margin: 0;
    z-index: 999;
    cursor: pointer;
}

    .addThis_iconLanguage .svgico > svg {
        fill: #ffffff;
        width: 28px;
        height: 46px;
        transition: opacity 0.35s ease-in-out, -webkit-transform 0.35s ease-in-out;
        transition: opacity 0.35s ease-in-out, transform 0.35s ease-in-out;
        transition: opacity 0.35s ease-in-out, transform 0.35s ease-in-out, -webkit-transform 0.35s ease-in-out;
    }

    .addThis_iconLanguage .svgico .svgico--close {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        opacity: 0;
        visibility: hidden;
        transform: scale(0.3);
        transition: opacity 0.35s ease-in-out, -webkit-transform 0.35s ease-in-out;
        transition: opacity 0.35s ease-in-out, transform 0.35s ease-in-out;
        transition: opacity 0.35s ease-in-out, transform 0.35s ease-in-out, -webkit-transform 0.35s ease-in-out;
    }

        .addThis_iconLanguage .svgico .svgico--close svg {
            fill: #ffffff;
            width: 17px;
            height: 46px;
        }

    .addThis_iconLanguage .svgico img {
        display: block;
        position: relative;
        max-width: 100%;
        padding: 20%;
        margin: auto;
        text-align: center;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

.addThis_languageSelector.active + .addThis_iconLanguage .svgico .svgico--close {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.addThis_languageSelector.active + .addThis_iconLanguage .svgico > svg {
    opacity: 0;
    visibility: hidden;
    transform: scale(0.3);
}

.addThis_languageSelector.active + .addThis_iconLanguage img {
    opacity: 0;
    visibility: hidden;
    transform: scale(0.3);
    margin: auto;
}

.addThis_languageSelector.active {
    opacity: 1;
    visibility: visible;
}

    .addThis_languageSelector.active .languageSelector_action {
        -ms-transition-delay: 0.1s;
        -webkit-transition-delay: 0.15s;
        transition-delay: 0.1s;
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
    }

.addThis_iconLanguage .box-contact .svgico {
    position: relative;
    z-index: 4;
    height: 48px;
    width: 48px;
    text-align: center;
    border-radius: 50%;
    border: 1px solid #ffffff;
    cursor: pointer;
    background: var(--shop-color-main);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    animation: pulse 2s infinite;
    animation: pulse 2s infinite;
}

.addThis_iconLanguage .box-contact:before, .addThis_iconLanguage .box-contact:after {
    position: absolute;
    content: '';
    height: 48px;
    width: 48px;
    left: 0;
    top: 0;
    background: var(--shop-color-main);
    border-radius: 50%;
}

.addThis_iconLanguage .box-contact:before {
    animation: euiBeaconPulseSmall 2s infinite ease-out;
}

.addThis_iconLanguage .box-contact:after {
    animation: euiBeaconPulseSmall 2s infinite ease-out 0.4s;
}

.languageSelector_overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    z-index: -1;
    background-color: rgba(0, 0, 0, 0.5);
    display: none;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}


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

    50% {
        opacity: 0.6;
    }

    100% {
        -webkit-transform: scale(1.6);
        transform: scale(1.4);
        opacity: 0;
    }
}

@media (min-width: 1200px) {
    .fb_dialog.fb_dialog_advanced, .fb_dialog.fb_dialog_mobile {
        z-index: 999 !important;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }

    .addThis_listing .addThis_item.addThis_item__fbchat {
        display: none;
    }
}

@media (max-width: 991px) {
    .addThis_listSharing .listSharing_action {
        bottom: 140px;
        left: 14px;
        right: 14px;
        max-width: 100%;
    }

    .addThis_listing .addThis_item .addThis_item--icon svg {
        width: 28px;
        height: 28px;
    }

    .addThis_listing .addThis_item.addThis_item__fbchat {
        display: block;
    }

    .addThis_listSharing.active .listSharing_overlay {
        display: block;
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }
}

/* - Modal contact form */
.modal-addThis {
    background: rgba(3, 17, 27, 0.7);
    -webkit-transition: opacity .35s linear;
    -o-transition: opacity .35s linear;
    transition: opacity .35s linear;
}

    .modal-addThis.fade .modal-dialog {
        opacity: 0;
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        -ms-transform: scale(0.8);
        transform: scale(0.8);
        -webkit-transition: all .2s;
        -moz-transition: all .2s;
        -ms-transition: all .2s;
        transition: all .2s;
    }

    .modal-addThis.fade.show .modal-dialog {
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

.modal-contactform .modal-header h4.modal-title {
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    width: 100%;
}

.modal-contactform .modal-body.body-popupform .form-control {
    background: #f3f5f6;
    border-radius: 0;
}

    .modal-contactform .modal-body.body-popupform .form-control:focus {
        background: #fff;
    }

.modal-contactform .modal-body.body-popupform .btnSubmit-modal {
    padding: 10px 28px;
}

@media (min-width: 768px) {
    .modal-contactform .modal-dialog {
        max-width: 605px;
    }
}

/* modal-succes */
.modal-succesform .modal-body .modal-title {
    font-size: 18px;
    font-weight: 500;
    margin: 0;
    color: var(--shop-color-main);
}

.modal-succesform .modal-body p:not(.modal-title) {
    font-size: 15px;
    margin: 10px 0 5px;
}

.modal-succesform .modal-body p.txtloading {
    color: #aaa;
    font-size: 14px;
}

@media (min-width: 768px) {
    .modal-succesform .modal-dialog {
        max-width: 450px;
    }
}

@keyframes rotatePlaceholder {
    0% {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    5% {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    12% {
        -webkit-transform: rotate(-405deg);
        -moz-transform: rotate(-405deg);
        -o-transform: rotate(-405deg);
        transform: rotate(-405deg);
    }

    100% {
        -webkit-transform: rotate(-405deg);
        -moz-transform: rotate(-405deg);
        -o-transform: rotate(-405deg);
        transform: rotate(-405deg);
    }
}

@keyframes animateSuccessTip {
    0% {
        width: 0;
        left: 1px;
        top: 19px;
    }

    54% {
        width: 0;
        left: 1px;
        top: 19px;
    }

    70% {
        width: 50px;
        left: -8px;
        top: 37px;
    }

    84% {
        width: 17px;
        left: 21px;
        top: 48px;
    }

    100% {
        width: 25px;
        left: 14px;
        top: 45px;
    }
}

@keyframes animateSuccessLong {
    0% {
        width: 0;
        right: 46px;
        top: 54px;
    }

    65% {
        width: 0;
        right: 46px;
        top: 54px;
    }

    84% {
        width: 55px;
        right: 0px;
        top: 35px;
    }

    100% {
        width: 47px;
        right: 8px;
        top: 38px;
    }
}

.modal-icon.sweet-alert {
    padding-top: 15px;
}

.animateSuccessTip {
    animation: animateSuccessTip 0.75s;
}

.animateSuccessLong {
    animation: animateSuccessLong 0.75s;
}

.sa-icon.sa-success.animate::after {
    animation: rotatePlaceholder 4.25s ease-in;
}

.sweet-alert .sa-icon.sa-success {
    width: 80px;
    height: 80px;
    border: 4px solid #4cae4c;
    border-radius: 50%;
    margin: 20px auto 0;
    position: relative;
    box-sizing: content-box;
}

    .sweet-alert .sa-icon.sa-success::before, .sweet-alert .sa-icon.sa-success::after {
        content: '';
        border-radius: 50%;
        position: absolute;
        width: 60px;
        height: 120px;
        background: #fff;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .sweet-alert .sa-icon.sa-success::before {
        border-radius: 120px 0 0 120px;
        top: -7px;
        left: -33px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transform-origin: 60px 60px;
        -moz-transform-origin: 60px 60px;
        -o-transform-origin: 60px 60px;
        transform-origin: 60px 60px;
    }

    .sweet-alert .sa-icon.sa-success::after {
        border-radius: 0 120px 120px 0;
        top: -11px;
        left: 30px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transform-origin: 0px 60px;
        -moz-transform-origin: 0px 60px;
        -o-transform-origin: 0px 60px;
        transform-origin: 0px 60px;
    }

    .sweet-alert .sa-icon.sa-success .sa-placeholder {
        width: 80px;
        height: 80px;
        border: 4px solid rgba(92, 184, 92, 0.2);
        border-radius: 50%;
        box-sizing: content-box;
        position: absolute;
        left: -4px;
        top: -4px;
        z-index: 2;
    }

    .sweet-alert .sa-icon.sa-success .sa-fix {
        width: 5px;
        height: 90px;
        background-color: #fff;
        position: absolute;
        left: 28px;
        top: 8px;
        z-index: 1;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .sweet-alert .sa-icon.sa-success .sa-line {
        height: 5px;
        background-color: #5cb85c;
        display: block;
        border-radius: 2px;
        position: absolute;
        z-index: 2;
    }

        .sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
            width: 25px;
            left: 14px;
            top: 46px;
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            transform: rotate(45deg);
        }

        .sweet-alert .sa-icon.sa-success .sa-line.sa-long {
            width: 47px;
            right: 8px;
            top: 38px;
            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -o-transform: rotate(-45deg);
            transform: rotate(-45deg);
        }

/* - Modal popup contact form */
.modal-popupContact {
    color: #333;
    background: rgba(3, 17, 27, 0.7);
    -webkit-transition: opacity .35s linear;
    -o-transition: opacity .35s linear;
    transition: opacity .35s linear;
}

    .modal-popupContact .close-popup-contact {
        background-color: rgba(0, 0, 0, 0.3);
        height: 30px;
        width: 30px;
        line-height: 30px;
        position: absolute;
        right: 10px;
        top: 10px;
        z-index: 2;
        border-radius: 50%;
        opacity: 1;
        text-align: center;
        outline: none;
    }

        .modal-popupContact .close-popup-contact svg {
            display: block;
            margin: auto;
            height: 30px;
            width: 14px;
            text-align: center;
            fill: #f3f3f3;
        }

        .modal-popupContact .close-popup-contact:hover {
            background-color: rgba(0, 0, 0, 0.6);
        }

    .modal-popupContact.fade .modal-dialog {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    .modal-popupContact.fade .modal-dialog-centered {
        opacity: 0;
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        -ms-transform: scale(0.8);
        transform: scale(0.8);
        -webkit-transition: all .2s;
        -moz-transition: all .2s;
        -ms-transition: all .2s;
        transition: all .2s;
    }

    .modal-popupContact.fade.show .modal-dialog-centered {
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    .modal-popupContact.popupBanner .modal-content {
        background-color: transparent;
        width: auto;
        margin-left: auto;
        margin-right: auto;
    }

    .modal-popupContact.popupForm .modal-content {
        position: relative;
        overflow: hidden;
        padding: 0;
        display: unset;
        width: 100%;
        background-size: cover;
        background-repeat: no-repeat;
        background-color: #e6e6e6;
    }

        .modal-popupContact.popupForm .modal-content.lazyloaded {
            background-image: url(../image/popup_contact_bkg.jpg);
        }

        .modal-popupContact.popupForm .modal-content:before {
            content: "";
            position: absolute;
            top: 0;
            bottom: 0;
            right: 0;
            background: #f3f3f3;
            opacity: 0.75;
            width: 58%;
        }

        .modal-popupContact.popupForm .modal-content .modal-wrapper-contact {
            position: relative;
            padding: 50px 25px;
            float: right;
            width: 58%;
        }

.title-popup-contact {
    font-size: 24px;
    margin: 0px 0px 10px;
    font-weight: 500;
}

.message-popup-contact {
    margin-bottom: 25px;
}

.title-adv-popup-contact {
    font-size: 14px;
    margin-bottom: 5px;
}

.list-adv-popup-contact li {
    list-style-type: disc;
    margin-left: 25px;
    font-size: 14px;
}

.popup-form-user .input-group {
    width: 100%;
    display: block;
    margin-bottom: 0;
}

    .popup-form-user .input-group input {
        width: 100%;
        margin-bottom: 15px;
        height: 45px;
        padding: 10px 20px;
        line-height: 25px;
        background: #fff;
        border: 1px solid #e7e7e7;
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none;
    }

.popup-form-user button.input-group-addon {
    width: 100%;
    margin-bottom: 15px;
    height: 45px;
    padding: 10px 20px;
    line-height: 25px;
}

.popup-form-user .input-group .input-group-addon {
    font-weight: 700;
    color: #fff;
    cursor: pointer;
    border-color: var(--shop-color-main);
}

    .popup-form-user .input-group .input-group-addon:hover,
    .popup-form-user .input-group .input-group-addon:focus {
        background-color: #fff;
        border-color: var(--shop-color-main);
        color: var(--shop-color-main);
    }

.popup-form-user .succes-popup {
    font-size: 13px;
    min-height: 25px;
    visibility: hidden;
    margin: 0;
    text-align: center;
}

    .popup-form-user .succes-popup.error {
        visibility: visible;
        color: red;
    }

    .popup-form-user .succes-popup.success {
        visibility: visible;
        color: #27a208;
    }

@media (min-width: 768px) {
    .modal-popupContact .modal-dialog-centered {
        max-width: 650px;
    }
}

@media (max-width: 767px) {
    .modal-popupContact.popupForm .modal-content:before,
    .modal-popupContact.popupForm .modal-content .modal-wrapper-contact {
        width: 100%;
    }
}

/* fancybox */
body.compensate-for-scrollbar {
    overflow: hidden
}

.fancybox-active {
    height: auto
}

.fancybox-is-hidden {
    left: -9999px;
    margin: 0;
    position: absolute !important;
    top: -9999px;
    visibility: hidden
}

.fancybox-container {
    -webkit-backface-visibility: hidden;
    height: 100%;
    left: 0;
    outline: none;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    transform: translateZ(0);
    width: 100%;
    z-index: 99992
}

    .fancybox-container * {
        box-sizing: border-box
    }

.fancybox-bg, .fancybox-inner, .fancybox-outer, .fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto
}

.fancybox-bg {
    background: #1e1e1e;
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.47,0,.74,.71)
}

.fancybox-is-open .fancybox-bg {
    opacity: .9;
    transition-timing-function: cubic-bezier(.22,.61,.36,1)
}

.fancybox-caption, .fancybox-infobar, .fancybox-navigation .fancybox-button, .fancybox-toolbar {
    direction: ltr;
    opacity: 0;
    position: absolute;
    transition: opacity .25s ease,visibility 0s ease .25s;
    visibility: hidden;
    z-index: 99997
}

.fancybox-show-caption .fancybox-caption, .fancybox-show-infobar .fancybox-infobar, .fancybox-show-nav .fancybox-navigation .fancybox-button, .fancybox-show-toolbar .fancybox-toolbar {
    opacity: 1;
    transition: opacity .25s ease 0s,visibility 0s ease 0s;
    visibility: visible
}

.fancybox-infobar {
    color: #ccc;
    font-size: 13px;
    -webkit-font-smoothing: subpixel-antialiased;
    height: 44px;
    left: 0;
    line-height: 44px;
    min-width: 44px;
    mix-blend-mode: difference;
    padding: 0 10px;
    pointer-events: none;
    top: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fancybox-toolbar {
    right: 0;
    top: 0
}

.fancybox-stage {
    direction: ltr;
    overflow: visible;
    transform: translateZ(0);
    z-index: 99994
}

.fancybox-is-open .fancybox-stage {
    overflow: hidden
}

.fancybox-slide {
    -webkit-backface-visibility: hidden;
    display: none;
    height: 100%;
    left: 0;
    outline: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: absolute;
    text-align: center;
    top: 0;
    transition-property: transform,opacity;
    white-space: normal;
    width: 100%;
    z-index: 99994
}

    .fancybox-slide:before {
        content: "";
        display: inline-block;
        font-size: 0;
        height: 100%;
        vertical-align: middle;
        width: 0
    }

.fancybox-is-sliding .fancybox-slide, .fancybox-slide--current, .fancybox-slide--next, .fancybox-slide--previous {
    display: block
}

.fancybox-slide--image {
    overflow: hidden;
    padding: 44px 0
}

    .fancybox-slide--image:before {
        display: none
    }

.fancybox-slide--html {
    padding: 6px
}

.fancybox-content {
    background: #fff;
    display: inline-block;
    margin: 0;
    max-width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: relative;
    text-align: left;
    vertical-align: middle
}

.fancybox-slide--image .fancybox-content {
    animation-timing-function: cubic-bezier(.5,0,.14,1);
    -webkit-backface-visibility: hidden;
    background: transparent;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    transform-origin: top left;
    transition-property: transform,opacity;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 99995
}

.fancybox-can-zoomOut .fancybox-content {
    cursor: zoom-out
}

.fancybox-can-zoomIn .fancybox-content {
    cursor: zoom-in
}

.fancybox-can-pan .fancybox-content, .fancybox-can-swipe .fancybox-content {
    cursor: grab
}

.fancybox-is-grabbing .fancybox-content {
    cursor: grabbing
}

.fancybox-container [data-selectable=true] {
    cursor: text
}

.fancybox-image, .fancybox-spaceball {
    background: transparent;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

.fancybox-spaceball {
    z-index: 1
}

.fancybox-slide--iframe .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--pdf .fancybox-content, .fancybox-slide--video .fancybox-content {
    height: 100%;
    overflow: visible;
    padding: 0;
    width: 100%
}

.fancybox-slide--video .fancybox-content {
    background: #000
}

.fancybox-slide--map .fancybox-content {
    background: #e5e3df
}

.fancybox-slide--iframe .fancybox-content {
    background: #fff
}

.fancybox-iframe, .fancybox-video {
    background: transparent;
    border: 0;
    display: block;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%
}

.fancybox-iframe {
    left: 0;
    position: absolute;
    top: 0
}

.fancybox-error {
    background: #fff;
    cursor: default;
    max-width: 400px;
    padding: 40px;
    width: 100%
}

    .fancybox-error p {
        color: #444;
        font-size: 16px;
        line-height: 20px;
        margin: 0;
        padding: 0
    }

.fancybox-button {
    background: rgba(30,30,30,.6);
    border: 0;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    padding: 10px;
    position: relative;
    transition: color .2s;
    vertical-align: top;
    visibility: inherit;
    width: 44px
}

    .fancybox-button, .fancybox-button:link, .fancybox-button:visited {
        color: #ccc
    }

        .fancybox-button:hover {
            color: #fff
        }

        .fancybox-button:focus {
            outline: none
        }

        .fancybox-button.fancybox-focus {
            outline: 1px dotted
        }

        .fancybox-button[disabled], .fancybox-button[disabled]:hover {
            color: #888;
            cursor: default;
            outline: none
        }

        .fancybox-button div {
            height: 100%
        }

        .fancybox-button svg {
            display: block;
            height: 100%;
            overflow: visible;
            position: relative;
            width: 100%
        }

            .fancybox-button svg path {
                fill: currentColor;
                stroke-width: 0
            }

.fancybox-button--fsenter svg:nth-child(2), .fancybox-button--fsexit svg:first-child, .fancybox-button--pause svg:first-child, .fancybox-button--play svg:nth-child(2) {
    display: none
}

.fancybox-progress {
    background: #ff5268;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleX(0);
    transform-origin: 0;
    transition-property: transform;
    transition-timing-function: linear;
    z-index: 99998
}

.fancybox-close-small {
    background: transparent;
    border: 0;
    border-radius: 0;
    color: #ccc;
    cursor: pointer;
    opacity: .8;
    padding: 8px;
    position: absolute;
    right: -12px;
    top: -44px;
    z-index: 401
}

    .fancybox-close-small:hover {
        color: #fff;
        opacity: 1
    }

.fancybox-slide--html .fancybox-close-small {
    color: currentColor;
    padding: 10px;
    right: 0;
    top: 0
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
    overflow: hidden
}

.fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
    display: none
}

.fancybox-navigation .fancybox-button {
    background-clip: content-box;
    height: 100px;
    opacity: 0;
    position: absolute;
    top: calc(50% - 50px);
    width: 70px
}

    .fancybox-navigation .fancybox-button div {
        padding: 7px
    }

.fancybox-navigation .fancybox-button--arrow_left {
    left: 0;
    left: env(safe-area-inset-left);
    padding: 31px 26px 31px 6px
}

.fancybox-navigation .fancybox-button--arrow_right {
    padding: 31px 6px 31px 26px;
    right: 0;
    right: env(safe-area-inset-right)
}

.fancybox-caption {
    background: linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);
    bottom: 0;
    color: #eee;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 75px 44px 25px;
    pointer-events: none;
    right: 0;
    text-align: center;
    z-index: 99996
}

@supports (padding:max(0px)) {
    .fancybox-caption {
        padding: 75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))
    }
}

.fancybox-caption--separate {
    margin-top: -50px
}

.fancybox-caption__body {
    max-height: 50vh;
    overflow: auto;
    pointer-events: all
}

.fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited {
    color: #ccc;
    text-decoration: none
}

    .fancybox-caption a:hover {
        color: #fff;
        text-decoration: underline
    }

.fancybox-loading {
    animation: a 1s linear infinite;
    background: transparent;
    border: 4px solid #888;
    border-bottom-color: #fff;
    border-radius: 50%;
    height: 50px;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 50px;
    z-index: 99999
}

@keyframes a {
    to {
        transform: rotate(1turn)
    }
}

.fancybox-animated {
    transition-timing-function: cubic-bezier(0,0,.25,1)
}

.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    transform: translate3d(-100%,0,0)
}

.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    transform: translate3d(100%,0,0)
}

.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    transform: translateZ(0)
}

.fancybox-fx-fade.fancybox-slide--next, .fancybox-fx-fade.fancybox-slide--previous {
    opacity: 0;
    transition-timing-function: cubic-bezier(.19,1,.22,1)
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(1.5,1.5,1.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(.5,.5,.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    transform: scaleX(1)
}

.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    transform: rotate(-1turn)
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    transform: rotate(1turn)
}

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    transform: rotate(0deg)
}

.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(0,0,0) translate3d(-100%,0,0)
}

.fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(0,0,0) translate3d(100%,0,0)
}

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    transform: scaleX(1) translateZ(0)
}

.fancybox-fx-tube.fancybox-slide--previous {
    transform: translate3d(-100%,0,0) scale(.1) skew(-10deg)
}

.fancybox-fx-tube.fancybox-slide--next {
    transform: translate3d(100%,0,0) scale(.1) skew(10deg)
}

.fancybox-fx-tube.fancybox-slide--current {
    transform: translateZ(0) scale(1)
}

@media (max-height:576px) {
    .fancybox-slide {
        padding-left: 6px;
        padding-right: 6px
    }

    .fancybox-slide--image {
        padding: 6px 0
    }

    .fancybox-close-small {
        right: -6px
    }

    .fancybox-slide--image .fancybox-close-small {
        background: #4e4e4e;
        color: #f2f4f6;
        height: 36px;
        opacity: 1;
        padding: 6px;
        right: 0;
        top: 0;
        width: 36px
    }

    .fancybox-caption {
        padding-left: 12px;
        padding-right: 12px
    }

    @supports (padding:max(0px)) {
        .fancybox-caption {
            padding-left: max(12px,env(safe-area-inset-left));
            padding-right: max(12px,env(safe-area-inset-right))
        }
    }
}

.fancybox-share {
    background: #f4f4f4;
    border-radius: 3px;
    max-width: 90%;
    padding: 30px;
    text-align: center
}

    .fancybox-share h1 {
        color: #222;
        font-size: 35px;
        font-weight: 700;
        margin: 0 0 20px
    }

    .fancybox-share p {
        margin: 0;
        padding: 0
    }

.fancybox-share__button {
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 5px 10px;
    min-width: 130px;
    padding: 0 15px;
    text-decoration: none;
    transition: all .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap
}

    .fancybox-share__button:link, .fancybox-share__button:visited {
        color: #fff
    }

    .fancybox-share__button:hover {
        text-decoration: none
    }

.fancybox-share__button--fb {
    background: #3b5998
}

    .fancybox-share__button--fb:hover {
        background: #344e86
    }

.fancybox-share__button--pt {
    background: #bd081d
}

    .fancybox-share__button--pt:hover {
        background: #aa0719
    }

.fancybox-share__button--tw {
    background: #1da1f2
}

    .fancybox-share__button--tw:hover {
        background: #0d95e8
    }

.fancybox-share__button svg {
    height: 25px;
    margin-right: 7px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 25px
}

    .fancybox-share__button svg path {
        fill: #fff
    }

.fancybox-share__input {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 14px;
    margin: 10px 0 0;
    outline: none;
    padding: 10px 15px;
    width: 100%
}

.fancybox-thumbs {
    background: #ddd;
    bottom: 0;
    display: none;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 2px 2px 4px;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    top: 0;
    width: 212px;
    z-index: 99995
}

.fancybox-thumbs-x {
    overflow-x: auto;
    overflow-y: hidden
}

.fancybox-show-thumbs .fancybox-thumbs {
    display: block
}

.fancybox-show-thumbs .fancybox-inner {
    right: 212px
}

.fancybox-thumbs__list {
    font-size: 0;
    height: 100%;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    position: relative;
    white-space: nowrap;
    width: 100%
}

.fancybox-thumbs-x .fancybox-thumbs__list {
    overflow: hidden
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
    width: 7px
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0,0,0,.3)
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px
}

.fancybox-thumbs__list a {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: rgba(0,0,0,.1);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    float: left;
    height: 75px;
    margin: 2px;
    max-height: calc(100% - 8px);
    max-width: calc(50% - 4px);
    outline: none;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    width: 100px
}

    .fancybox-thumbs__list a:before {
        border: 6px solid #ff5268;
        bottom: 0;
        content: "";
        left: 0;
        opacity: 0;
        position: absolute;
        right: 0;
        top: 0;
        transition: all .2s cubic-bezier(.25,.46,.45,.94);
        z-index: 99991
    }

    .fancybox-thumbs__list a:focus:before {
        opacity: .5
    }

    .fancybox-thumbs__list a.fancybox-thumbs-active:before {
        opacity: 1
    }

@media (max-width:576px) {
    .fancybox-thumbs {
        width: 110px
    }

    .fancybox-show-thumbs .fancybox-inner {
        right: 110px
    }

    .fancybox-thumbs__list a {
        max-width: calc(100% - 10px)
    }
}


/* slick slide 1.8.1 */
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

    .slick-list:focus {
        outline: none
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand
    }

.slick-slider .slick-track, .slick-slider .slick-list {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

    .slick-track:before, .slick-track:after {
        display: table;
        content: ''
    }

    .slick-track:after {
        clear: both
    }

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir='rtl'] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}


.wrapper-featured {
    padding: 40px 0;
    background: url(../images/bg-multimedia.png) no-repeat;
    background-size: cover;
    background-position: top center;
}

    .wrapper-featured .list-article-content .article-inner {
        background: #fff;
    }

    .wrapper-featured .sidebox_wrapper .sidebox_content-list .item-article .post-content h3 a {
        color: var(--main-white-color) !important;
    }

    .wrapper-featured .sidebox_wrapper .sidebox_title h3 {
        color: var(--main-white-color) !important;
    }

    .wrapper-featured .post-meta .date
    .wrapper-featured .post-meta .author a {
        color: var(--main-color-3) !important;
    }

.tt-white-color, .tt-white-color a {
    color: var(--main-white-color) !important;
}

.ttn-ct-cate {
    background-color: var(--main-white-color);
    padding: 20px;
}

.uk-margin-small-top {
    margin-top: 10px !important;
}

.uk-box-shadow-small {
    box-shadow: 0 2px 8px rgba(0, 0, 0, .08);
}

.uk-position-relative {
    position: relative !important;
}

.data-fix-news-3 {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    padding: 20px 30px;
    background: rgb(0, 0, 0);
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.7455357142857143) 35%, rgba(0, 0, 0, 0) 100%);
}

.region-hot-news {
    margin-top: 1rem;
    /* height: 32px; */
    overflow: hidden;
}

    .region-hot-news .list-hot-news {
        display: flex
    }

    .region-hot-news .slick-slider {
        padding-bottom: 10px;
        background: url(../images/divider.png) center bottom / 100% 4px no-repeat;
    }

    .region-hot-news li {
        margin: 0 4px
    }

    .region-hot-news .text {
        background: #e21f26;
        border-radius: 999px;
        white-space: nowrap;
        font-family: Roboto;
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 16px;
        display: block;
        align-items: center;
        text-transform: uppercase;
        color: #fff;
        height: 32px;
        padding: 8px 24px;
        transform: .5s
    }

        .region-hot-news .text:hover {
            text-decoration: underline
        }

.hot-news-catepage {
    display: flex;
    align-items: center;
    overflow-x: scroll;
    overflow-y: hidden;
    margin-left: 0 !important;
    position: relative;
    padding-left: 0 !important
}

    .hot-news-catepage::before {
        position: absolute;
        content: "";
        top: 0;
        right: 0;
        width: 86px;
        height: 20px;
        z-index: 1;
        background: linear-gradient(90deg,rgba(255,255,255,0) 0,#fff 100%)
    }

    .hot-news-catepage .text {
        white-space: nowrap;
        padding-left: 0;
        padding-right: 20px !important;
        margin-left: 0 !important
    }

        .hot-news-catepage .text i {
            font-weight: 800;
            font-size: 12px;
            line-height: 15px;
            text-transform: uppercase;
            color: #ffc107;
            padding-right: 6px;
            padding-bottom: 4px
        }

        .hot-news-catepage .text::before {
            display: none
        }

.box-links .bullet a {
    white-space: nowrap;
    display: flex;
    align-items: center
}

.no-js .owl-carousel, .owl-carousel.owl-loaded {
    display: block
}


/*--------------------------------------------------------------------------------
4. HOTSPOT
--------------------------------------------------------------------------------*/
.hotspot_item {
    display: inline-block;
    margin-right: 10px;
    padding-bottom: 5px;
    position: relative;
}

    .hotspot_item > a {
        position: relative;
        display: block;
        background: var(--shop-color-fullPage);
        color: #fff;
        width: 35px;
        height: 35px;
        line-height: 35px;
        text-align: center;
        border-radius: 100%;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

    .hotspot_item .tooltip {
        display: block;
        position: absolute;
        top: 0;
        left: 50%;
        padding: 5px 10px;
        border-radius: 5px;
        font-size: 1rem;
        text-align: center;
        white-space: nowrap;
        /*font-weight: bold;*/
        opacity: 0;
        pointer-events: none;
        /*text-transform: uppercase;*/
        -webkit-transform: translate(-50%, -100%);
        transform: translate(-50%, -100%);
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
        z-index: 1;
    }

        .hotspot_item .tooltip:after {
            content: "";
            display: block;
            position: absolute;
            bottom: 1px;
            left: 50%;
            width: 0;
            height: 0;
            border: solid;
            border-width: 8px 8px 0 8px;
            border-color: transparent;
            -webkit-transform: translate(-50%, 100%);
            transform: translate(-50%, 100%);
        }

    .hotspot_item:hover .tooltip {
        visibility: visible;
        opacity: 1;
        -webkit-transform: translate(-50%, -150%);
        transform: translate(-50%, -150%);
    }

.hotspot_item--facebook .tooltip {
    background: #3b5998;
    color: #fff;
}

    .hotspot_item--facebook .tooltip:after {
        border-top-color: #3b5998;
    }

.hotspot_item--facebook:hover a {
    background: #3b5998;
    color: #fff;
}

.hotspot_item--linkedin .tooltip {
    background: #026eab;
    color: #fff;
}

    .hotspot_item--linkedin .tooltip:after {
        border-top-color: #026eab;
    }

.hotspot_item--linkedin:hover a {
    background: #026eab;
    color: #fff;
}

.hotspot_item--youtube .tooltip {
    background: #F70000;
    color: #fff;
}

    .hotspot_item--youtube .tooltip:after {
        border-top-color: #F70000;
    }

.hotspot_item--youtube:hover a {
    background: #F70000;
    color: #fff;
}

.hotspot_item--pinterest .tooltip {
    background: #D94645;
    color: #fff;
}

    .hotspot_item--pinterest .tooltip:after {
        border-top-color: #D94645;
    }

.hotspot_item--pinterest:hover a {
    background: #D94645;
    color: #fff;
}

.hotspot_item--twitter .tooltip {
    background: #1C9CEA;
    color: #fff;
}

    .hotspot_item--twitter .tooltip:after {
        border-top-color: #1C9CEA;
    }

.hotspot_item--twitter:hover a {
    background: #1C9CEA;
    color: #fff;
}

.hotspot_item--instagram .tooltip {
    background: -webkit-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    color: #fff;
}

    .hotspot_item--instagram .tooltip:after {
        border-top-color: #dc2743;
    }

.hotspot_item--instagram:hover a {
    background: -webkit-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    color: #fff;
}



.item-box {
    position: relative;
    width: 100%;
    float: left;
    margin: 0 0 80px;
    text-align: left
}

    .item-box .picture {
        z-index: 1;
        background-color: #fff;
        margin: 0 0 20px
    }

        .item-box .picture a {
            display: block;
            position: relative
        }

            .item-box .picture a:focus {
                opacity: .85
            }

            .item-box .picture a:before {
                content: "";
                display: block;
                padding-top: 100%
            }

            .item-box .picture a img {
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                max-width: 100%;
                max-height: 100%;
                margin: auto;
                -webkit-transition: all .3s ease;
                transition: all .3s ease;
                -webkit-transform: translateZ(0) scale(1,1)
            }

    .item-box:hover .picture a img {
        opacity: .85
    }

    .item-box .details {
        padding: 0 10px
    }

    .item-box .product-title {
        margin: 0 0 10px;
        font-size: 17px;
        line-height: 1.2;
        font-weight: normal;
        color: #4ab2f1
    }

        .item-box .product-title a {
            display: block
        }

            .item-box .product-title a:hover, .item-box .product-title a:focus {
                color: #248ece
            }

    .item-box .sku {
        margin: 0 0 15px
    }

    .item-box .product-rating-box {
        display: inline-block;
        margin: 0 0 10px
    }

    .item-box .rating {
        background: url('../Themes/DefaultClean/Content/images/rating1.png') repeat-x;
        width: 95px;
        height: 14px
    }

        .item-box .rating div {
            background: url('../Themes/DefaultClean/Content/images/rating2.png') repeat-x;
            height: 14px
        }

.product-grid .item-box .description:not([data-short-description]) {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin: 0 0 15px;
    height: 66px;
    line-height: 22px
}

.item-box .description[data-short-description] {
    display: none
}

.item-box .description a {
    display: block;
    overflow: hidden
}

.item-box .prices {
    margin: 0 0 10px;
    overflow: hidden
}

.item-box .old-price {
    margin: 0 5px 0 0;
    font-size: 16px;
    color: #aaa;
    text-decoration: line-through
}

.item-box .actual-price {
    margin: 0 5px 0 0;
    font-size: 16px;
    color: #666
}

.item-box .tax-shipping-info a {
    color: #4ab2f1
}

    .item-box .tax-shipping-info a:hover, .item-box .tax-shipping-info a:focus {
        text-decoration: underline
    }

.item-box .buttons {
    margin: 0;
    font-size: 0
}

.item-box button {
    display: inline-block;
    height: 40px;
    border: 0;
    vertical-align: middle
}

.item-box .product-box-add-to-cart-button {
    width: 60%;
    background-color: #4ab2f1;
    text-align: center;
    font-size: 15px;
    color: #fff;
    text-transform: uppercase
}

    .item-box .product-box-add-to-cart-button:hover, .item-box .product-box-add-to-cart-button:focus {
        background-color: #248ece
    }

.item-box .add-to-compare-list-button, .item-box .add-to-wishlist-button {
    width: 20%;
    border-left: 1px solid #fff !important;
    background-color: #eaeaea;
    background-position: center;
    background-repeat: no-repeat;
    font-size: 0
}

.item-box .add-to-compare-list-button {
    background-image: url('../Themes/DefaultClean/Content/images/compare-button.png')
}


.product-selectors {
    margin: 0 0 20px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 20px 0
}

    .product-selectors:first-child {
        border-top: 0
    }

    .product-selectors:after {
        content: "";
        display: block;
        clear: both
    }

    .product-selectors > div {
        display: inline-block;
        margin: 5px
    }

    .product-selectors span {
        vertical-align: middle;
        font-size: 16px
    }

    .product-selectors select {
        margin: 0 8px
    }

    .product-selectors .product-viewmode {
        display: none;
        font-size: 0
    }

.product-filter .filter-title {
    margin: 0 0 10px;
    background: #f6f6f6 url('../Themes/DefaultClean/Content/images/toggle-gray.png') right 10px no-repeat;
    padding: 10px;
    font-size: 17px;
    color: #444
}

    .product-filter .filter-title strong {
        font-weight: normal
    }

.product-filter .filter-content {
    padding: 10px;
    color: #444;
    margin-bottom: 20px
}

.product-filter .group {
    font-size: 15px
}

    .product-filter .group + .group {
        margin-top: 16px
    }

    .product-filter .group .name {
        padding-bottom: 10px
    }

    .product-filter .group .item {
        display: flex;
        padding-left: 15px;
        align-items: center
    }

        .product-filter .group .item + .item {
            padding-top: 8px
        }

        .product-filter .group .item label {
            cursor: pointer;
            display: flex;
            align-items: center;
            padding-left: 8px;
            flex-grow: 1
        }

.price-range-filter .selected-price-range {
    padding: 5px 0
}

    .price-range-filter .selected-price-range .to {
        float: right
    }

    .price-range-filter .selected-price-range.manually {
        display: flex
    }

        .price-range-filter .selected-price-range.manually .from {
            margin-right: 8px
        }

        .price-range-filter .selected-price-range.manually .from, .price-range-filter .selected-price-range.manually .to {
            width: 50%
        }

.product-filter .attribute-squares {
    font-size: inherit
}

    .product-filter .attribute-squares .attribute-square {
        width: 20px !important;
        height: 20px !important;
        margin-right: 8px
    }