@font-face {
    font-family: 'Segoe UI';
    src: local("Segoe UI"), url('/themes/hoanghamobile/Content/web/fonts/Segoe UI/Segoe UI.woff2') format("woff2");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Segoe UI';
    src: local("Segoe UI Italic"), url('/themes/hoanghamobile/Content/web/fonts/Segoe UI/Segoe UI Italic.woff2') format('woff2');
    font-weight: normal;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: 'Segoe UI';
    src: local("Segoe UI Bold"), url('/themes/hoanghamobile/Content/web/fonts/Segoe UI/Segoe UI Bold.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Segoe UI';
    src: local("Segoe UI Bold Italic"), url('/themes/hoanghamobile/Content/web/fonts/Segoe UI/Segoe UI Bold Italic.woff2') format('woff2');
    font-weight: bold;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: 'Segoe UI';
    src: local("Segoe UI Semilight"), url('/themes/hoanghamobile/Content/web/fonts/Segoe UI/Segoe UI Semilight.woff2') format('woff2');
    font-weight: 100;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Segoe UI';
    src: local("Segoe UI Semilight Italic"), url('/themes/hoanghamobile/Content/web/fonts/Segoe UI/Segoe UI Semilight Italic.woff2') format('woff2');
    font-weight: 100;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: 'hoangha';
    src: url('/themes/hoanghamobile/Content/web/fonts/icon/fonts/hoangha.eot?');
    src: url('/themes/hoanghamobile/Content/web/fonts/icon/fonts/hoangha.eot?#iefix') format('embedded-opentype'), url('/themes/hoanghamobile/Content/web/fonts/icon/fonts/hoangha.woff') format('woff'), url('/themes/hoanghamobile/Content/web/fonts/icon/fonts/hoangha.ttf') format('truetype'), url('/themes/hoanghamobile/Content/web/fonts/icon/fonts/hoangha.svg#hoangha') format('svg');
    font-weight: normal;
    font-style: normal
}

[class*='icon-']:before {
    display: inline-block;
    font-family: 'hoangha';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-cart:before {
    content: 'A'
}

.icon-chinhhang:before {
    content: 'B'
}

.icon-maycu:before {
    content: 'C'
}

.icon-doitra:before {
    content: 'D'
}

.icon-filter:before {
    content: 'E'
}

.icon-flash:before {
    content: 'F'
}

.icon-flash2:before {
    content: 'G'
}

.icon-fly:before {
    content: 'H'
}

.icon-freeship:before {
    content: 'I'
}

.icon-game:before {
    content: 'J'
}

.icon-suachua:before {
    content: 'K'
}

.icon-headphone:before {
    content: 'L'
}

.icon-home:before {
    content: 'M'
}

.icon-hotline:before {
    content: 'N'
}

.icon-laptop:before {
    content: 'O'
}

.icon-left:before {
    content: 'P'
}

.icon-news:before {
    content: 'Q'
}

.icon-phone:before {
    content: 'R'
}

.icon-right:before {
    content: 'S'
}

.icon-sac:before {
    content: 'T'
}

.icon-search:before {
    content: 'U'
}

.icon-simthe:before {
    content: 'V'
}

.icon-truck:before {
    content: 'W'
}

.icon-watch:before {
    content: 'X'
}

.icon-fire:before {
    content: 'Y'
}

.icon-facebook:before {
    content: 'Z'
}

.icon-youtube:before {
    content: 'a'
}

.icon-instagram:before {
    content: 'b'
}

.icon-tag:before {
    content: 'c'
}

.icon-member:before {
    content: 'd'
}

.icon-clock:before {
    content: 'e'
}

.icon-account:before {
    content: 'f'
}

.icon-minutes:before {
    content: 'g'
}

.icon-pen:before {
    content: 'h'
}

.icon-checked:before {
    content: 'i'
}

.icon-leftar:before {
    content: 'j'
}

.icon-rightar:before {
    content: 'k'
}

.icon-comment:before {
    content: 'l'
}

.icon-controls:before {
    content: 'm'
}

.icon-help:before {
    content: 'n'
}

.icon-job:before {
    content: 'o'
}

.icon-logout:before {
    content: 'p'
}

.icon-love:before {
    content: 'q'
}

.icon-order-mgr:before {
    content: 'r'
}

.icon-phone-table:before {
    content: 's'
}

.icon-tuyendung:before {
    content: 't'
}

.icon-world:before {
    content: 'u'
}

.icon-accessory:before {
    content: 'v'
}

.icon-freeship-truck:before {
    content: 'w'
}

.icon-localtion:before {
    content: 'x'
}

.icon-sending:before {
    content: 'y'
}

.icon-shield:before {
    content: 'z'
}

.icon-config:before {
    content: '0'
}

.icon-star:before {
    content: '1'
}

.icon-cart-index:before {
    content: '2'
}

.icon-eye:before {
    content: '3'
}

.icon-edit-squad:before {
    content: '4'
}

.icon-change-avatar:before {
    content: '5'
}

.icon-calling:before {
    content: '6'
}

.icon-youtube-mobile:before {
    content: '7'
}

.icon-pc:before {
    content: '8'
}

.icon-login-mobile:before {
    content: '9'
}

.icon-love-1:before {
    content: '!'
}

.icon-instagram-mobile:before {
    content: '"'
}

.icon-mobile-menu2:before {
    content: '#'
}

.icon-facebook-mobile:before {
    content: '$'
}

.icon-menu1:before {
    content: '%'
}

.icon-plus:before {
    content: '&'
}

.icon-barcode:before {
    content: '\''
}

.icon-love-2:before {
    content: '('
}

.icon-tablet:before {
    content: ')'
}

.icon-tiktok:before {
    content: '*'
}

.icon-icon-poster-01:before {
    content: '+'
}

.icon-icon-money:before {
    content: ','
}

.icon-icon-poster:before {
    content: '-'
}

.icon-icon-calendar:before {
    content: '.'
}

.icon-camera:before {
    content: '/'
}

.icon-sale:before {
    content: '['
}

/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel, .owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative
}

.owl-carousel {
    display: none;
    width: 100%;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item, .owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%
}

.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
    display: none
}

.no-js .owl-carousel, .owl-carousel.owl-loaded {
    display: block
}

.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.owl-carousel .animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

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

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

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

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.owl-height {
    transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity .4s ease
}

.owl-carousel .owl-item .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""] {
    max-height: 0
}

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(/themes/hoanghamobile/Content/web/js/plugins/OwlCarousel2-2.3.4/assets/owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform .1s ease
}

.owl-carousel .owl-video-play-icon:hover {
    -ms-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

.blocker {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    z-index: 1000;
    padding: 20px;
    box-sizing: border-box;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
    text-align: center
}

.blocker:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.05em
}

.blocker.behind {
    background-color: transparent
}

.modal {
    display: none;
    vertical-align: middle;
    position: relative;
    z-index: 2;
    max-width: 1000px;
    box-sizing: border-box;
    width: 90%;
    background: #fff;
    padding: 15px 30px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 0 10px #000;
    -moz-box-shadow: 0 0 10px #000;
    -o-box-shadow: 0 0 10px #000;
    -ms-box-shadow: 0 0 10px #000;
    box-shadow: 0 0 10px #000;
    text-align: left
}

.modal a.close-modal {
    position: absolute;
    top: -12.5px;
    right: -12.5px;
    display: block;
    width: 30px;
    height: 30px;
    text-indent: -9999px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA3hJREFUaAXlm8+K00Acx7MiCIJH/yw+gA9g25O49SL4AO3Bp1jw5NvktC+wF88qevK4BU97EmzxUBCEolK/n5gp3W6TTJPfpNPNF37MNsl85/vN/DaTmU6PknC4K+pniqeKJ3k8UnkvDxXJzzy+q/yaxxeVHxW/FNHjgRSeKt4rFoplzaAuHHDBGR2eS9G54reirsmienDCTRt7xwsp+KAoEmt9nLaGitZxrBbPFNaGfPloGw2t4JVamSt8xYW6Dg1oCYo3Yv+rCGViV160oMkcd8SYKnYV1Nb1aEOjCe6L5ZOiLfF120EjWhuBu3YIZt1NQmujnk5F4MgOpURzLfAwOBSTmzp3fpDxuI/pabxpqOoz2r2HLAb0GMbZKlNV5/Hg9XJypguryA7lPF5KMdTZQzHjqxNPhWhzIuAruOl1eNqKEx1tSh5rfbxdw7mOxCq4qS68ZTjKS1YVvilu559vWvFHhh4rZrdyZ69Vmpgdj8fJbDZLJpNJ0uv1cnr/gjrUhQMuI+ANjyuwftQ0bbL6Erp0mM/ny8Fg4M3LtdRxgMtKl3jwmIHVxYXChFy94/Rmpa/pTbNUhstKV+4Rr8lLQ9KlUvJKLyG8yvQ2s9SBy1Jb7jV5a0yapfF6apaZLjLLcWtd4sNrmJUMHyM+1xibTjH82Zh01TNlhsrOhdKTe00uAzZQmN6+KW+sDa/JD2PSVQ873m29yf+1Q9VDzfEYlHi1G5LKBBWZbtEsHbFwb1oYDwr1ZiF/2bnCSg1OBE/pfr9/bWx26UxJL3ONPISOLKUvQza0LZUxSKyjpdTGa/vDEr25rddbMM0Q3O6Lx3rqFvU+x6UrRKQY7tyrZecmD9FODy8uLizTmilwNj0kraNcAJhOp5aGVwsAGD5VmJBrWWbJSgWT9zrzWepQF47RaGSiKfeGx6Szi3gzmX/HHbihwBser4B9UJYpFBNX4R6vTn3VQnez0SymnrHQMsRYGTr1dSk34ljRqS/EMd2pLQ8YBp3a1PLfcqCpo8gtHkZFHKkTX6fs3MY0blKnth66rKCnU0VRGu37ONrQaA4eZDFtWAu2fXj9zjFkxTBOo8F7t926gTp/83Kyzzcy2kZD6xiqxTYnHLRFm3vHiRSwNSjkz3hoIzo8lCKWUlg/YtGs7tObunDAZfpDLbfEI15zsEIY3U/x/gHHc/G1zltnAgAAAABJRU5ErkJggg==')
}

.modal-spinner {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    padding: 12px 16px;
    border-radius: 5px;
    background-color: #111;
    height: 20px
}

.modal-spinner>div {
    border-radius: 100px;
    background-color: var(--text-color);
    height: 20px;
    width: 2px;
    margin: 0 1px;
    display: inline-block;
    -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
    animation: sk-stretchdelay 1.2s infinite ease-in-out
}

.modal-spinner .rect2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s
}

.modal-spinner .rect3 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s
}

.modal-spinner .rect4 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s
}

@-webkit-keyframes sk-stretchdelay {
    0%, 40%, 100% {
        -webkit-transform: scaleY(0.5)
    }

    20% {
        -webkit-transform: scaleY(1.0)
    }
}

@keyframes sk-stretchdelay {
    0%, 40%, 100% {
        transform: scaleY(0.5);
        -webkit-transform: scaleY(0.5)
    }

    20% {
        transform: scaleY(1.0);
        -webkit-transform: scaleY(1.0)
    }
}

.modal a.close-modal[class*="icon-"] {
    top: 5px;
    right: 5px;
    width: 22px;
    height: 22px;
    color: var(--text-color);
    line-height: 1.28;
    text-align: center;
    text-decoration: none;
    text-indent: 0;
    background: #fd5465;
    -webkit-border-radius: 26px;
    -moz-border-radius: 26px;
    -o-border-radius: 26px;
    -ms-border-radius: 26px;
    font-size: 0
}

.modal a.close-modal[class*="icon-"]:before {
    font-size: 10px;
    line-height: 20px
}

#popup-modal {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0
}

.jq-toast-wrap, .jq-toast-wrap * {
    margin: 0;
    padding: 0
}

.jq-toast-wrap {
    display: block;
    position: fixed;
    width: 250px;
    pointer-events: none !important;
    letter-spacing: normal;
    z-index: 2000000005 !important
}

.jq-toast-wrap.bottom-left {
    bottom: 20px;
    left: 20px
}

.jq-toast-wrap.bottom-right {
    bottom: 20px;
    right: 40px
}

.jq-toast-wrap.top-left {
    top: 20px;
    left: 20px
}

.jq-toast-wrap.top-right {
    top: 20px;
    right: 40px
}

.jq-toast-single {
    display: block;
    width: 100%;
    padding: 10px;
    margin: 0 0 5px;
    border-radius: 4px;
    font-size: 12px;
    font-family: arial, sans-serif;
    line-height: 17px;
    position: relative;
    pointer-events: all !important;
    background-color: #444;
    color: var(--text-color)
}

.jq-toast-single h2 {
    font-family: arial, sans-serif;
    font-size: 14px;
    margin: 0 0 7px;
    background: 0 0;
    color: inherit;
    line-height: inherit;
    letter-spacing: normal
}

.jq-toast-single a {
    color: #eee;
    text-decoration: none;
    font-weight: 700;
    border-bottom: 1px solid #fff;
    padding-bottom: 3px;
    font-size: 12px
}

.jq-toast-single ul {
    margin: 0 0 0 15px;
    background: 0 0;
    padding: 0
}

.jq-toast-single ul li {
    list-style-type: disc !important;
    line-height: 17px;
    background: 0 0;
    margin: 0;
    padding: 0;
    letter-spacing: normal
}

.close-jq-toast-single {
    position: absolute;
    top: 3px;
    right: 7px;
    font-size: 14px;
    cursor: pointer
}

.jq-toast-loader {
    display: block;
    position: absolute;
    top: -2px;
    height: 5px;
    width: 0;
    left: 0;
    border-radius: 5px;
    background: red
}

.jq-toast-loaded {
    width: 100%
}

.jq-has-icon {
    padding: 10px 10px 10px 50px;
    background-repeat: no-repeat;
    background-position: 10px
}

.jq-icon-info {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=);
    background-color: #31708f;
    color: #d9edf7;
    border-color: #bce8f1
}

.jq-icon-warning {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=);
    background-color: #8a6d3b;
    color: #fcf8e3;
    border-color: #faebcc
}

.jq-icon-error {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=);
    background-color: #a94442;
    color: #f2dede;
    border-color: #ebccd1
}

.jq-icon-success {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==);
    color: #dff0d8;
    background-color: #3c763d;
    border-color: #d6e9c6
}

#nprogress {
    pointer-events: none
}

#nprogress .bar {
    background: #009a82;
    position: fixed;
    z-index: 1031;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px
}

#nprogress .peg {
    display: block;
    position: absolute;
    right: 0;
    width: 100px;
    height: 100%;
    box-shadow: 0 0 10px #009a82, 0 0 5px #009a82;
    opacity: 1;
    -webkit-transform: rotate(3deg) translate(0, -4px);
    -ms-transform: rotate(3deg) translate(0, -4px);
    transform: rotate(3deg) translate(0, -4px)
}

#nprogress .spinner {
    display: block;
    position: fixed;
    z-index: 1031;
    top: 15px;
    right: 15px
}

#nprogress .spinner-icon {
    width: 18px;
    height: 18px;
    box-sizing: border-box;
    border: solid 2px transparent;
    border-top-color: #009a82;
    border-left-color: #009a82;
    border-radius: 50%;
    -webkit-animation: nprogress-spinner 400ms linear infinite;
    animation: nprogress-spinner 400ms linear infinite
}

.nprogress-custom-parent {
    overflow: hidden;
    position: relative
}

.nprogress-custom-parent #nprogress .spinner, .nprogress-custom-parent #nprogress .bar {
    position: absolute
}

@-webkit-keyframes nprogress-spinner {
    0% {
        -webkit-transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes nprogress-spinner {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

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: var(--text-color)
}

.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: var(--text-color);
    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: var(--text-color);
    text-decoration: underline
}

.fancybox-loading {
    animation: a 1s linear infinite;
    background: transparent;
    border: 4px solid #888;
    border-bottom-color: var(--text-color);
    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: var(--text-color)
}

.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)
    }
}

@keyframes fade {
    0% {
        opacity: 0
    }

    90% {
        opacity: .9
    }
}

@keyframes append {
    from {
        opacity: 0
    }
}

@keyframes zoom {
    from {
        padding: 10px 15px;
        margin-top: 10px
    }

    to {
        padding: 20px 15px;
        margin-top: 0
    }
}

.datepicker-container {
    z-index: 20000 !important
}

body.no-scroll {
    height: 100%;
    overflow: hidden
}

.search-bg {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: #737577;
    opacity: .43;
    display: none;
    z-index: 1001
}

.jquery-modal {
    z-index: 9999 !important
}

.hide {
    display: none
}

.f-20 {
    font-size: 20px
}

.f-18 {
    font-size: 18px
}

.f-16 {
    font-size: 16px
}

.f-14 {
    font-size: 14px
}

.checkbox-ctn {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 15px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.checkbox-ctn input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee
}

.checkbox-ctn :hover input~.checkmark {
    background-color: #ccc
}

.checkbox-ctn input:checked~.checkmark {
    background-color: var(--secondary-color)
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none
}

.checkbox-ctn input:checked~.checkmark:after {
    display: block
}

.checkbox-ctn .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.radio-ctn {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.radio-ctn input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.radio-ctn .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: var(--text-color);
    border-radius: 50%;
    border: 2px solid #aaa
}

.radio-ctn:hover input~.checkmark {
    background-color: #ccc
}

.radio-ctn input:checked~.checkmark {
    background-color: var(--text-color);
    border: 2px solid var(--secondary-color)
}

.radio-ctn .checkmark:after {
    content: "";
    position: absolute;
    display: none
}

.radio-ctn input:checked~.checkmark:after {
    display: block
}

.radio-ctn .checkmark:after {
    top: 3px;
    left: 3px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: var(--secondary-color)
}

.just-center {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center
}

fancybox-content {
    background: #fff;
    padding: 15px
}

.fancybox-content .fancybox-image, .fancybox-spaceball {
    background: #fff
}

.quangcao img {
    border-radius: 6px
}

html {
    height: 100%
}

body.fit-height {
    display: flex;
    flex-direction: column;
    justify-content: stretch;
    justify-items: stretch;
    height: 100%
}

body.fit-height section {
    flex-shrink: 3;
    flex-basis: 100%
}

body.fit-height .container {
    height: 100%
}

body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI';
    font-size: 13px;
    font-weight: 400;
    color: #333;
    margin: 0;
    padding: 0;
    background: #f4f4f4;
    min-width: 1200px
}

a, a:link, a:visited {
    text-decoration: none;
    color: var(--primary-color)
}

a:hover {
    color: #009a82
}

input, button {
    outline: none
}

button:hover {
    cursor: pointer
}

.mg-top10 {
    margin-top: 10px
}

.mg-top15 {
    margin-top: 15px
}

.mg-top20 {
    margin-top: 20px !important
}

.mg-top25 {
    margin-top: 25px !important
}

.mg-top30 {
    margin-top: 30px !important
}

.text-white {
    color: var(--text-color)
}

.text-orange, .text-orange * {
    color: #f7941e
}

.text-red {
    color: #fd475a
}

.text-gray {
    color: #aaa
}

.text-darkgray, .text-darkgray * {
    color: #888
}

.text-green {
    color: #009a82
}

.text-greendark {
    color: var(--primary-color)
}

.text-yellow {
    color: #ff0
}

.img-responsive {
    width: 100%
}

.img-border-radius {
    border-radius: 4px
}

#navSocial {
    margin-left: -70px
}

.social {
    background: #f5f5f5 0% 0% no-repeat;
    box-shadow: 0 4px 6px #00000029;
    border-radius: 30px;
    display: inline-block;
    padding: 2px;
    position: fixed;
    top: 45%
}

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

.social ul li {
    padding-bottom: 6px
}

.social ul li:last-child {
    padding: 0
}

.social ul li a {
    display: block;
    width: 40px;
    height: 30px;
    text-align: center;
    font-size: 24px;
    padding: 5px 0 5px 0;
    border-radius: 30px
}

.social ul li a.black {
    border: 2px solid #000;
    color: #000
}

.social ul li a.blue {
    border: 2px solid #3c5a99;
    color: #3c5a99
}

.social ul li a.red {
    border: 2px solid #f00;
    color: #f00
}

.social ul li a.rainbow {
    display: block;
    padding: 2px;
    background: linear-gradient(50deg, #fbe18a 0%, #fcbb45 21%, #f75274 38%, #d53692 52%, #8f39ce 74%, #ad63a0 100%) 0% 0% no-repeat;
    border-radius: 30px;
    width: 40px;
    height: 40px;
    font-size: 26px
}

.social ul li a.rainbow span {
    background: #fff;
    border-radius: 30px;
    display: block;
    padding: 4px 0 2px 0;
    display: block
}

.social ul li a.rainbow span i {
    background: transparent linear-gradient(50deg, #fbe18a 0%, #fcbb45 21%, #f75274 38%, #d53692 52%, #8f39ce 74%, #ad63a0 100%) 0% 0% no-repeat;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: block
}

header {
    width: 100%
}

.container {
    min-width: 1200px;
    width: 1200px;
    margin: 0 auto
}

header .top-navigation {
    width: 100%;
    display: inline-flex;
    background: var(--primary-color);
    padding: 6px 0
}

header .top-navigation ul {
    list-style: none;
    margin: 0;
    padding: 0 10px 0 0;
    float: right
}

header .top-navigation li {
    float: left;
    margin-left: 15px
}

header .top-navigation li, header .top-navigation li a, header .top-navigation li a:link, header .top-navigation li a:visited {
    color: var(--text-color)
}

header .top-navigation li a:hover {
    color: #7fd6cb
}

header .top-navigation li.member {
    position: relative;
    padding: 8px 5px;
    margin: -8px -10px -8px 10px;
    z-index: 1001
}

header .top-navigation li.member i {
    font-size: 10px
}

header .top-navigation li.member .sub {
    position: absolute;
    background: transparent linear-gradient(90deg, var(--secondary-color) 0%, var(--primary-color) 100%) 0% 0% no-repeat;
    z-index: 99;
    right: 0;
    top: 32px;
    display: none
}

header .top-navigation li.member:hover {
    background: transparent linear-gradient(90deg, var(--secondary-color) 0%, var(--primary-color) 100%) 0% 0% no-repeat
}

header .top-navigation li.member:hover .sub {
    display: block
}

header .top-navigation li.member .sub ul {
    margin: 0;
    padding: 0
}

header .top-navigation li.member .sub ul li {
    margin: 0;
    padding: 0;
    float: none
}

header .top-navigation li.member .sub ul li a {
    display: block;
    border-bottom: 1px solid #036556;
    white-space: nowrap;
    padding: 5px 10px
}

header .top-navigation li.member .sub ul li i {
    margin-right: 10px
}

header .heading .container {
    padding: 20px 0;
    display: flex
}

header .heading .logo {
    width: 256px;
    padding-right: 10px
}

header .heading .search-box {
    flex-basis: 100%;
    padding: 2px 0 0 20px;
    vertical-align: top;
    position: relative
}

header .heading .search-box .border {
    background: #fff;
    border-radius: 15px;
    padding: 5px 10px;
    box-shadow: 0 4px 6px #ccc
}

header .heading .search-box input {
    border: none;
    outline: none;
    padding: 7px 0;
    width: 100%;
    font-weight: bold
}

header .heading .search-box button {
    box-shadow: 0 4px 6px #ccc;
    position: absolute;
    right: 4px;
    top: -5px;
    background: var(--primary-color);
    background-image: linear-gradient(var(--secondary-color), var(--primary-color));
    border: none;
    border-radius: 17px;
    width: 42px;
    height: 42px;
    outline: none;
    font-size: 17px;
    color: var(--text-color);
}

header .heading .search-box button:hover {
    cursor: pointer
}

header .heading .search-box button:active {
    top: 0
}

header .heading .no-shadow .border {
    box-shadow: none
}

.no-shadow {
    z-index: 1009;
    position: relative
}

.no-shadow button {
    margin-top: -2px
}

header .heading .order-tools {
    display: flex;
    width: 220px;
    vertical-align: top;
    padding-left: 25px
}

header .heading .order-tools div.item {
    float: left
}

header .heading .order-tools .check-order {
    margin-right: 25px
}

header .heading .order-tools .check-order a {
    display: block;
    background: var(--primary-color);
    border-radius: 10px;
    padding: 6px 8px;
    box-shadow: 0 4px 6px #ccc;
    color: var(--text-color);
    border: none;
    font-size: 12px;
    width: 110px;
    position: relative
}

header .heading .order-tools .check-order .icon {
    font-size: 30px;
    position: absolute;
    left: 8px
}

header .heading .order-tools .check-order .text {
    text-align: left;
    display: block;
    margin-left: 40px
}

header .heading .order-tools .check-order a:hover {
    background: var(--secondary-color)
}

header .heading .order-tools .cart a, header .heading .order-tools .cart a:link, header .heading .order-tools .cart a:visited {
    font-size: 38px;
    color: var(--primary-color);
    display: flex
}

header .heading .order-tools .cart a:hover {
    color: var(--secondary-color)
}

header .heading .order-tools .cart a label {
    display: flex;
    justify-items: right;
    justify-content: right
}

header .heading .order-tools .cart a label span {
    text-align: center;
    background: #ff6801;
    margin-top: 11px;
    margin-left: -1px;
    font-size: 12px;
    display: block;
    flex-basis: 100%;
    border-radius: 4px;
    width: 12px;
    height: 12px;
    padding: 6px;
    color: var(--text-color);
    line-height: 12px
}

header .heading .order-tools .cart a label i {
    color: #ff6801;
    font-size: 8px;
    margin-top: 19px
}

header nav {
    width: 100%
}

header nav ul.root {
    background: var(--primary-color);
    box-shadow: 0 4px 6px #ccc;
    border-radius: 5px;
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: relative
}

header nav ul.root li {
    margin: 8px 16px 4px 16px;
    display: inline-flex
}

header nav ul.root li a, header nav ul.root li a:link, header nav ul.root li a:visited {
    color: var(--text-color);
    display: block;
    align-items: center;
    justify-content: center
}

header nav ul.root li a .icon {
    font-size: 26px;
    margin: 0 auto
}

header nav ul.root li a span {
    display: block;
    text-transform: uppercase;
    font-size: 10px;
    white-space: nowrap
}

header nav ul.root li a:after {
    display: block;
    height: 4px;
    content: " ";
    border-radius: 2px;
    background: var(--primary-color)
}

header nav ul.root li.actived a:after, header nav ul.root li:hover a:after {
    background: #f7941e
}

header nav ul.root li:hover .sub-container {
    display: block;
    visibility: visible;
    opacity: 1;
    width: 100%
}

header nav .sub-container {
    position: absolute;
    left: 0;
    top: 55px;
    z-index: 199;
    padding-top: 15px;
    display: none;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 200ms, visibility 200ms;
    transition: opacity 200ms, visibility 200ms
}

header nav .sub {
    background: #fff;
    width: 100%;
    border-radius: 10px;
    box-shadow: 0 4px 6px #ccc;
    text-align: left;
    display: flex;
    justify-content: left
}

header nav ul.root .sub h4, header nav ul.root .sub h4 a, header nav ul.root .sub h4 a:link, header nav ul.root .sub h4 a:visited {
    text-transform: uppercase;
    font-weight: bold;
    color: #333;
    white-space: nowrap
}

header nav ul.root .sub a:after {
    display: none
}

header nav .sub .menu {
    margin: 0 40px 20px 0
}

header nav .sub .menu:last-child {
    margin-left: 0;
    margin-right: 20px
}

header nav .sub .menu:first-child {
    margin-left: 20px
}

header nav .sub ul {
    background: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-around
}

header nav .sub ul li {
    margin: 0;
    padding: 0 0 5px 0;
    white-space: nowrap
}

header nav .sub ul li a, header nav .sub ul li a:link, header nav .sub ul li a:visited {
    color: #333
}

header nav .sub ul li a:hover {
    color: var(--secondary-color)
}

header nav .sub ul li a:after {
    content: "";
    display: none
}

header nav .sub .display-row {
    flex-direction: column
}

header nav .sub .display-column {
    flex-direction: row;
    justify-content: flex-start
}

header nav .sub .ads {
    padding-top: 20px
}

header nav .sub .lists {
    flex-grow: 1
}

header nav .sub ul.format_1 li {
    width: 100%
}

header nav .sub ul.format_2 li {
    width: 50%
}

header nav .sub ul.format_3 li {
    width: 33.3333%
}

header nav .sub ul.format_4 li {
    width: 25%
}

header nav .sub ul.format_5 li {
    width: 20%
}

header nav .sub ul.format_6 li {
    width: 16.666%
}

header nav .sub .g0, header nav .sub .g1, header nav .sub .g2, header nav .sub .g3, header nav .sub .g4, header nav .sub .g5, header nav .sub .g6 {
    flex-grow: 1
}

footer ul {
    list-style: none;
    margin: 0;
    padding: 0
}

footer .bg {
    background: var(--primary-color);
    border-radius: 11px;
    padding: 10px 20px 10px 20px;
    color: var(--text-color)
}

footer .bg .col-content {
    display: flex
}

footer .bg .col-content>div {
    flex-direction: column;
    width: 25%
}

footer .bg .col-content h4 {
    font-size: 15px;
    margin: 10px 0 6px 0
}

footer .bg ul li {
    margin-bottom: 3px
}

footer .bg a, footer .bg a:link, footer .bg a:visited {
    color: var(--text-color)
}

footer .bg a:hover {
    color: var(--text-color)
}

footer .bg ul.list-logo li img {
    margin-right: 3px
}

footer .bg .hotline {
    display: inline-block;
    padding: 6px 10px;
    background: #fff;
    border-radius: 4px;
    color: var(--primary-color)
}

footer .bg a.hotline, footer .bg a.hotline:link, footer .bg a.hotline:visited {
    color: var(--primary-color);
    font: Bold 18px/18px -apple-system, BlinkMacSystemFont, 'Segoe UI'
}

footer .info {
    padding-top: 30px;
    text-align: center
}

footer .info p {
    margin: 0 0 5px 0;
    font-size: 9pt
}

section .subscript {
    padding: 10px 50px;
    display: flex;
    align-items: center;
    justify-content: center
}

section .subscript .icon-text {
    display: flex;
    margin-right: 30px
}

section .subscript .icon-text img {
    margin-right: 30px
}

section .subscript .icon-text .text {
    text-align: center;
    padding-top: 12px
}

section .subscript .icon-text .text h4 {
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 0
}

section .subscript .icon-text .text p {
    margin-top: 5px;
    font-size: 13px
}

section .subscript .form form {
    display: flex
}

section .subscript .form .input {
    background: #e6e6e6 0% 0% no-repeat padding-box;
    padding: 15px 10px;
    width: 300px;
    border-radius: 17px
}

section .subscript .form .input input {
    background: none;
    border: none;
    width: 100%
}

section .subscript .form button {
    background: var(--primary-color);
    color: var(--text-color);
    border-radius: 17px;
    width: 75px;
    text-align: center;
    font-size: 30px;
    border: none;
    padding: 3px 0;
    margin-left: -35px
}

section .subscript .form button:hover {
    background: var(--secondary-color)
}

section .corevalue {
    display: flex;
    padding: 10px 60px;
    margin: 20px 0
}

section .corevalue .item {
    width: 25%;
    text-align: center;
    align-items: center;
    justify-content: center
}

section .corevalue .item {
    display: flex
}

section .corevalue .item .icon {
    font-size: 60px;
    margin-right: 10px;
    background: linear-gradient(to right, var(--secondary-color), var(--primary-color));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

section .corevalue .item .text {
    text-align: left;
    padding-bottom: 15px
}

section .corevalue .item .text span {
    display: block;
    font-size: 13px
}

section .corevalue .item .text strong {
    display: block;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700
}

section .hot-sales {
    display: flex;
    margin: 20px 0 50px 0
}

section .hot-sales .item {
    margin-right: 10px;
    background: var(--primary-color);
    box-shadow: 0 4px 6px #ccc;
    border-radius: 8px;
    width: calc(1/4*100% - (1 - 1/4)*10px)
}

section .hot-sales .item:nth-child(odd) {
    background: var(--secondary-color)
}

section .hot-sales .item:last-child {
    margin-right: 0
}

section .hot-sales .item {
    position: relative
}

section .hot-sales .item .text {
    width: 60%;
    color: var(--text-color)
}

section .hot-sales .item .text span {
    display: block;
    padding: 20px 0 0 20px
}

section .hot-sales .item .text hr {
    width: 30%;
    display: inline-block;
    margin: 5px 0 5px 20px;
    border: none;
    border-top: solid 1px #fff
}

section .hot-sales .item .text strong {
    clear: both;
    display: block;
    padding: 0 0 20px 20px;
    font-size: 16px
}

section .hot-sales .item .img {
    position: absolute;
    bottom: -20px;
    right: 15px
}

section .hot-sales .item:hover {
    background: linear-gradient(var(--secondary-color), var(--primary-color))
}

section .quick-sales {
    display: flex;
    margin: 20px 0 50px 0
}

section .quick-sales .item {
    margin-right: 10px;
    width: calc(1/4*100% - (1 - 1/4)*10px)
}

section .quick-sales .item:last-child {
    margin-right: 0
}

section .quick-sales .item img {
    max-width: 100%
}

section .flash-sales {
    margin: 20px 0 30px 0
}

section .flash-sales .header {
    display: flex;
    margin-bottom: 20px
}

section .flash-sales .header h3 {
    font-size: 28px;
    text-decoration: underline;
    font-weight: 700;
    margin: 0 30px 0 0;
    color: #fc521d;
    text-decoration: none;
    padding-top: 15px
}

section .flash-sales .header h3 i {
    margin: 0 -6px 0 -4px
}

section .flash-sales .header .timer {
    padding-top: 18px
}

.timer strong, .timer span {
    display: block;
    float: left;
    margin-right: 5px;
    font-size: 15px;
    text-align: center;
    padding: 6px 0 6px 0
}

.timer strong {
    background: #292929;
    color: var(--text-color);
    border-radius: 5px;
    width: 32px
}

section .flash-sales .content {
    background: #fff;
    box-shadow: 0 4px 6px #00000029;
    border-radius: 8px;
    padding: 10px 50px
}

.flash-sales .icon-fire {
    background-image: url(/themes/hoanghamobile/Content/web/img/fire.svg);
    width: 15px;
    height: 20px;
    display: block;
    position: absolute;
    top: -3px;
    left: 5px
}

section .flash-sales .content .item {
    text-align: center
}

.lr-item {
    float: left
}

.lr-slider .owl-dots {
    display: none
}

.lr-slider .owl-nav .owl-prev {
    position: absolute;
    top: 40%;
    left: -45px
}

.lr-slider .owl-nav .owl-prev span {
    display: none
}

.lr-slider .owl-nav .owl-prev:after {
    content: 'P';
    font-family: 'hoangha';
    font-size: 10px;
    background: #e3e3e3;
    width: 50px;
    height: 30px;
    padding-top: 18px;
    border-radius: 30px;
    display: block;
    color: #888;
    border: 1px solid #e3e3e3
}

.lr-slider .owl-nav .owl-next {
    position: absolute;
    top: 40%;
    right: -45px
}

.lr-slider .owl-nav .owl-next span {
    display: none
}

.lr-slider .owl-nav .owl-next:after {
    content: 'S';
    font-family: 'hoangha';
    font-size: 10px;
    background: #e3e3e3;
    width: 43px;
    height: 30px;
    padding-top: 18px;
    border-radius: 30px;
    display: block;
    color: #888;
    border: 1px solid #e3e3e3;
    padding-left: 5px
}

.lr-slider .owl-nav .owl-prev:hover:after, .lr-slider .owl-nav .owl-next:hover:after {
    background: #91919180
}

.lr-slider .note {
    padding: 0 10px
}

.lr-slider .item {
    position: relative
}

.lr-slider .item .promote {
    max-width: 100%;
    border-radius: 5px;
    background-image: linear-gradient(var(--secondary-color), #079780);
    padding: 2px;
    box-shadow: 0 4px 6px #00000029;
    margin: 3px;
    position: absolute;
    top: 50px;
    display: none;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 200ms, visibility 200ms;
    transition: opacity 200ms, visibility 200ms;
    color: #333
}

.lr-slider .item .promote a {
    color: #222
}

.lr-slider .item .promote ul {
    list-style: none;
    background: #fff;
    border-radius: 4px;
    margin: 0;
    padding: 10px 10px 5px 10px;
    text-align: left
}

.lr-slider .item .promote ul li {
    padding-bottom: 5px;
    font-size: 11px
}

.lr-slider .item:hover .promote {
    display: block;
    visibility: visible;
    opacity: .9;
    animation: fade 1s
}

.lr-slider .item .cover {
    position: absolute;
    width: 100%;
    top: 100px
}

.lr-slider .item .bag {
    display: inline-block;
    background: #f7941e 0% 0% no-repeat padding-box;
    box-shadow: 0 4px 6px #00000029;
    border-radius: 3px;
    padding: 3px 5px;
    color: var(--text-color);
    font-size: 11px
}

.lr-slider .item .img {
    text-align: center
}

.lr-slider .info {
    text-align: center
}

.lr-slider .info a {
    font-weight: bold;
    color: #333;
    display: block;
    margin-bottom: 5px
}

.lr-slider .info span.price {
    font-size: 18px;
    color: #fd475a
}

.lr-slider .info span.price strike {
    color: #333;
    font-size: 15px
}

.lrs-item {
    float: left
}

.lrs-slider .owl-dots {
    display: none
}

.lrs-slider .owl-nav .owl-prev {
    position: absolute;
    top: 0;
    left: -40px
}

.lrs-slider .owl-nav .owl-prev span {
    display: none
}

.lrs-slider .owl-nav .owl-prev:after {
    content: 'P';
    font-family: 'hoangha';
    font-size: 10px;
    background: #e3e3e3;
    width: 30px;
    display: block;
    line-height: 30px;
    height: 30px;
    margin-top: 10px;
    border-radius: 30px;
    display: block;
    color: #888;
    border: 1px solid #e3e3e3
}

.lrs-slider .owl-nav .owl-next {
    position: absolute;
    top: 0;
    right: -40px
}

.lrs-slider .owl-nav .owl-next span {
    display: none
}

.lrs-slider .owl-nav .owl-next:after {
    content: 'S';
    font-family: 'hoangha';
    font-size: 10px;
    background: #e3e3e3;
    width: 30px;
    display: block;
    line-height: 30px;
    height: 30px;
    margin-top: 10px;
    border-radius: 30px;
    display: block;
    color: #888;
    border: 1px solid #e3e3e3
}

.lrs-slider .owl-nav .owl-prev:hover:after, .lrs-slider .owl-nav .owl-next:hover:after {
    background: #91919180
}

.lrs-slider .item {
    position: relative
}

.lr-slider .item {
    padding-bottom: 50px
}

.lr-slider .item .note {
    position: absolute;
    bottom: 0
}

section .flash-sales .content .item a.title {
    font-weight: bold;
    color: #000
}

section .flash-sales .content .item a.title:hover {
    color: var(--secondary-color)
}

section .flash-sales .content .item .price {
    display: block;
    margin-top: 5px
}

section .flash-sales .content .item .price strong {
    font-size: 18px;
    color: #fd475a
}

section .flash-sales .content .item .status {
    position: relative;
    margin: 8px 15px 0 15px;
    height: 25px
}

section .flash-sales .content .item .status .bar {
    background: #d9d9d9;
    border-radius: 7px;
    display: block;
    height: 15px;
    position: absolute;
    width: 100%
}

section .flash-sales .content .item .status .green {
    background: var(--primary-color);
    border-radius: 7px;
    position: absolute
}

section .flash-sales .content .item .status .orange {
    background: linear-gradient(to right, #ff3e01, #ff8532)
}

section .flash-sales .content .item .status .text {
    position: absolute;
    font-size: 11px
}

section .box-home {
    margin: 20px 0
}

section .box-home .header {
    background: var(--secondary-color);
    margin-bottom: 20px;
    display: inline-block;
    height: 30px;
    overflow: hidden
}

section .box-home .header:after {
    content: " ";
    border-top: 30px solid var(--primary-color);
    border-left: 30px solid var(--secondary-color);
    margin-left: 40px
}

section .box-home .header h4 {
    padding: 5px 60px 6px 35px;
    margin: 0 0 0 60px;
    background: var(--primary-color);
    color: var(--text-color);
    font-size: 14px;
    text-transform: uppercase
}

section .box-home .header h4, section .box-home .header h4 a, section .box-home .header h4 a:link, section .box-home .header h4 a:visited {
    color: var(--text-color)
}

section .box-home .header h4 a:hover {
    color: var(--secondary-color)
}

.lts-product {
    display: flex;
    flex-flow: wrap;
    animation: append .2s ease-in-out
}

.lts-product .item {
    margin: 0 10px 10px 0;
    width: calc(1/5*100% - (1 - 1/5)*10px);
    background: #fff;
    box-shadow: 0 4px 6px #00000029;
    border-radius: 8px;
    text-align: center;
    position: relative
}

.lts-product .item .img {
    width: 150px;
    margin: 20px auto 0 auto
}

.lts-product .item .img img {
    width: 100%
}

.lts-product .item .sales {
    position: absolute;
    top: 170px;
    left: 5px;
    background: #ff6801;
    border-radius: 40px;
    width: 60%;
    padding: 3px 5px;
    color: var(--text-color);
    font-weight: bold;
    font-size: 11px
}

.lts-product .item .sales i {
    font-size: 13px
}

.lts-product .item .info {
    margin-top: 5px;
    padding: 0 10px 15px 10px;
    /* margin-bottom: 50px */
}

.lts-product .item .info a.title, .lts-product .item .info a.title:link, .lts-product .item .info a.title:visited {
    color: #000;
    font-weight: bold;
    display: block
}

.lts-product .item .info a.title:hover {
    color: var(--primary-color)
}

.lts-product .item .info .price {
    display: block;
    clear: both
}

.lts-product .item .info .price strong {
    font-size: 16px;
    color: #fd475a
}

.lts-product .item .note {
    margin: 0;
    padding: 5px 10px;
    position: absolute;
    bottom: 10px;
    text-align: left
}

.lts-product .item .bag {
    display: inline-block;
    background: #f7941e 0% 0% no-repeat padding-box;
    box-shadow: 0 4px 6px #00000029;
    border-radius: 3px;
    padding: 3px 5px;
    color: var(--text-color);
    font-size: 11px
}

.lts-product .item .promote {
    border-radius: 5px;
    background-image: linear-gradient(var(--secondary-color), #079780);
    padding: 2px;
    box-shadow: 0 4px 6px #00000029;
    margin: 3px;
    position: absolute;
    top: 50px;
    display: none;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 200ms, visibility 200ms;
    transition: opacity 200ms, visibility 200ms;
    color: #333
}

.lts-product .item .promote a {
    color: #222
}

.lts-product .item .promote ul {
    list-style: none;
    background: #fff;
    border-radius: 4px;
    margin: 0;
    padding: 10px 10px 5px 10px;
    text-align: left
}

.lts-product .item .promote ul li {
    padding-bottom: 5px;
    font-size: 11px
}

.lts-product .item:hover .promote {
    display: block;
    visibility: visible;
    opacity: .9;
    animation: fade 1s
}

.lts-product .item:nth-child(5n) {
    margin-right: 0
}

.lts-product .item .cover {
    position: absolute;
    width: 100%;
    top: 100px
}

.lts-product .item .info-old {
    margin-bottom: 0
}

.lts-product .item .info-old div {
    text-align: left;
    margin-top: 15px;
    font-size: 12px
}

.lts-product .item .info-old div p {
    margin: 0 0 5px 0;
    padding: 0;
    font-style: italic
}

.sticker {
    position: absolute;
    top: 5px;
    display: flex;
    flex-direction: column
}

.sticker-left {
    left: 5px;
    text-align: left
}

.sticker-right {
    right: 5px;
    text-align: right
}

.sticker span {
    display: block
}

section .news-home .col-content {
    display: flex;
    flex-flow: wrap
}

section .news-home .item {
    margin: 0 20px 10px 0;
    width: calc(1/3*100% - (1 - 1/3)*20px);
    background: #fff;
    box-shadow: 0 4px 6px #00000029;
    border-radius: 8px;
    display: flex
}

section .news-home .item:nth-child(3) {
    margin-right: 0
}

section .news-home .item .img {
    width: 120px
}

section .news-home .item .img img {
    width: 100px;
    margin: 10px
}

section .news-home .item p {
    text-align: justify;
    margin: 10px 10px 10px 0;
    line-height: 1.4
}

section .news-home .item p a, section .news-home .item p a:link, section .news-home .item p a:visited {
    color: #333;
    font-weight: bold
}

section .news-home .item p a:hover {
    color: var(--secondary-color)
}

section .top-slider {
    margin: 20px 0 20px 0
}

.jssor-1200 {
    position: relative;
    margin: 0 auto;
    top: 0;
    left: 0;
    width: 1200px;
    height: 375px;
    overflow: hidden;
    visibility: hidden;
    padding-bottom: 70px
}

.jssor-1200-container {
    cursor: default;
    position: relative;
    top: 0;
    left: 0;
    width: 1200px;
    height: 375px;
    overflow: hidden;
    border-radius: 10px
}

.jssor-1200-thumbs {
    width: 1200px;
    height: 65px;
    padding-top: 15px;
    left: 0;
    bottom: 0;
    position: absolute
}

.jssor-1200-thumbs .p {
    width: 300px;
    height: 65px;
    position: absolute;
    top: 0;
    left: 0
}

.jssor-1200-thumbs .t {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none
}

.jssor-1200-thumbs .w, .jssor-1200-thumbs .pav:hover .w {
    position: absolute;
    padding: 10px 15px;
    background: #f5f5f5 0% 0% no-repeat padding-box;
    box-shadow: 0 2px 6px #00000029;
    border-radius: 8px;
    top: 0;
    left: 0;
    font-weight: bold;
    color: #666;
    width: 265px;
    margin-top: 10px
}

.jssor-1200-thumbs .pdn .w, .jssor-1200-thumbs .pav .w, .jssor-1200-thumbs .pav:hover .w {
    background: transparent linear-gradient(90deg, var(--secondary-color) 0%, var(--primary-color) 100%) 0% 0% no-repeat;
    color: var(--text-color);
    box-shadow: 0 2px 6px #00000029;
    padding: 20px 15px;
    margin-top: 0
}

.jssor-1200-thumbs .p:hover .w, .jssor-1200-thumbs .pav:hover .w {
    animation-name: zoom;
    animation-duration: .2s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    box-shadow: 0 4px 6px #00000029
}

.jssor-1200-thumbs .c {
    position: absolute;
    top: 0;
    left: 0
}

.jssor-spin {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    background-color: rgba(0, 0, 0, .7)
}

.jssor-spin img {
    animation-name: jssor-spin;
    animation-duration: 1.6s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    margin-top: -19px;
    position: relative;
    top: 50%;
    width: 38px;
    height: 38px
}

@keyframes jssor-spin {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}

.slider-arr {
    display: block;
    position: absolute;
    cursor: pointer;
    width: 46px;
    padding: 14px 0 15px 0;
    background: #c2c2c273;
    border-radius: 23px;
    text-align: center
}

.slider-arr:hover {
    background: #e6e4e473
}

.slider-arr i {
    color: var(--text-color);
    font-size: 10px
}

.slider-arr-l {
    top: 0;
    left: 30px
}

.slider-arr-r {
    top: 0;
    right: 30px
}

.top-category-ads {
    margin: 10px 0 0 0
}

.top-category-ads .ads-container {
    display: flex
}

.top-category-ads .full {
    width: 100%
}

.top-category-ads .lg {
    width: 790px
}

.top-category-ads .md {
    width: 590px
}

.top-category-ads .sm {
    width: 390px
}

.top-category-ads .item {
    margin-right: 20px
}

.top-category-ads .item:last-child {
    margin-right: 0
}

.top-category-ads .item img {
    margin-bottom: 8px
}

.top-category-ads .item a:last-child img {
    margin: 0
}

.brand-slider-wrap {
    margin: 20px 0;
    padding: 0 50px
}

.brand-slider .item {
    float: left;
    height: 45px;
    text-align: center
}

.brand-slider .item div {
    margin: auto
}

.brand-slider .owl-dots {
    display: none
}

.brand-slider .owl-nav .owl-prev {
    position: absolute;
    top: 2px;
    left: -50px
}

.brand-slider .owl-nav .owl-prev span {
    display: none
}

.brand-slider .owl-nav .owl-prev:after {
    content: 'P';
    font-family: 'hoangha';
    font-size: 10px;
    background: #c2c2c273;
    width: 46px;
    height: 30px;
    padding-top: 18px;
    border-radius: 23px;
    display: block;
    color: #888;
    border: 1px solid #e3e3e3
}

.brand-slider .owl-nav .owl-next {
    position: absolute;
    top: 2px;
    right: -50px
}

.brand-slider .owl-nav .owl-next span {
    display: none
}

.brand-slider .owl-nav .owl-next:after {
    content: 'S';
    font-family: 'hoangha';
    font-size: 10px;
    background: #c2c2c273;
    width: 42px;
    height: 30px;
    padding-top: 18px;
    border-radius: 23px;
    display: block;
    color: #888;
    padding-left: 5px
}

.brand-slider .owl-nav .owl-prev:hover:after, .brand-slider .owl-nav .owl-next:hover:after {
    color: #333
}

.category-list {
    margin: 10px 0;
    padding: 0 10px
}

.category-list ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    width: 100%
}

.category-list ul a {
    cursor: pointer !important
}

ul.category_type_1 {
    display: flex;
    justify-content: center;
    justify-items: center
}

ul.category_type_1 li {
    position: relative
}

ul.category_type_1 li a {
    width: 120px;
    overflow: hidden;
    height: 50px;
    overflow: hidden;
    background: #fff;
    margin-right: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    justify-items: center;
    border-radius: 4px
}

ul.category_type_1 li a img {
    max-width: 120px;
    max-height: 70px;
    margin: -10px auto;
    border-radius: 4px
}

ul.category_type_1 li a label {
    position: absolute;
    bottom: -20px;
    color: #444;
    text-align: center;
    display: block;
    width: 100%;
    padding-right: 10px
}

ul.category_type_1 li a label:hover {
    color: #009a82
}

ul.category_type_2 li a {
    width: 120px;
    background: #fff;
    border: 1px solid #fff;
    overflow: hidden;
    height: 50px;
    overflow: hidden;
    margin-right: 10px;
    display: flex;
    justify-content: center;
    justify-items: center;
    border-radius: 4px
}

ul.category_type_2 li a img {
    max-width: 120px;
    max-height: 70px;
    margin: -10px auto;
    border-radius: 4px
}

ul.category_type_2 li a label {
    display: none
}

ul.category_type_2 li a.actived {
    border: 1px solid #009a82
}

ul.category_type_3 {
    display: grid;
    grid-template-columns: auto auto auto auto;
    padding: 0 10px;
    grid-column-gap: 10px
}

ul.category_type_3 li {
    padding-bottom: 10px
}

ul.category_type_3 li a label {
    color: #333;
    cursor: pointer
}

ul.category_type_3 li a:hover label {
    color: #009a82
}

ul.category_type_4 {
    display: flex;
    justify-content: center;
    justify-items: center;
    margin-top: 20px
}

ul.category_type_4 li a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    justify-items: center;
    text-align: center
}

ul.category_type_4 li a img {
    max-width: 60px;
    max-height: 60px;
    display: block;
    margin: auto
}

ul.category_type_4 li a label {
    display: block;
    color: #191919;
    font-size: 12px;
    height: 35px;
    cursor: pointer;
    margin-top: 5px
}

ul.category_type_4 li a label:hover {
    color: #009a82
}

ul.category_type_4 li {
    width: 100px;
    margin-right: 20px;
    text-align: center
}

ul.category_type_4 li a.actived label {
    color: #009a82
}

ul.category_type_5 li a {
    display: grid;
    grid-auto-rows: auto
}

ul.category_type_5 li a img {
    clear: both;
    max-width: 60px;
    max-height: 60px
}

ul.category_type_5 li {
    width: 100px;
    margin-right: 20px;
    text-align: center
}

ul.category_type_5 li a label {
    display: none
}

.product-filters {
    background: #fff 0% 0% no-repeat padding-box;
    box-shadow: 0 3px 6px #00000029;
    border-radius: 14px;
    padding: 20px;
    display: flex;
    margin: 20px 0;
    justify-content: space-between
}

.product-filters .label {
    font-weight: bold;
    color: #999;
    margin-right: 20px;
    text-align: right
}

.product-filters ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex
}

.product-filters ul li {
    margin-right: 20px
}

.product-filters ul li a, .product-filters ul li a:link, .product-filters ul li a:visited {
    color: #009a82
}

.product-filters ul li a:hover {
    color: #333
}

.product-filters .radio {
    display: flex;
    margin-left: 30px
}

.product-filters .radio .item {
    margin-right: 20px;
    color: #009a82
}

.product-filters .more {
    margin-left: auto
}

.product-filters .more a, .product-filters .more a:link, .product-filters .more a:visited {
    color: #009a82;
    font-weight: bold
}

.product-filters .more a:hover {
    color: #333
}

.product-filters .more .icon-filter {
    font-size: 16px
}

.breadcrumb {
    list-style: none;
    padding: 0;
    margin: 20px 0 0 0;
    display: flex;
    color: #111
}

.breadcrumb li {
    margin-right: 6px;
    display: flex;
    vertical-align: middle;
    align-items: center;
    justify-content: center
}

.breadcrumb li i {
    margin-right: 2px;
    font-size: 11px
}

.breadcrumb li:after {
    content: "k";
    font-family: hoangha;
    margin-left: 6px;
    font-size: 8px
}

.breadcrumb li:last-child:after {
    content: ""
}

.breadcrumb li a, .breadcrumb li a:link, .breadcrumb li a:visited {
    color: #111;
    font-weight: bold
}

.breadcrumb li a:hover {
    color: #009a82
}

.breadcrumb li a.actived {
    color: var(--secondary-color)
}

.more-product {
    text-align: center
}

.more-product a {
    margin: 30px auto 20px auto;
    padding: 6px 50px;
    display: inline-block;
    background: #fff 0% 0% no-repeat padding-box;
    box-shadow: 0 4px 6px #00000029;
    border: 1px solid #004b3f;
    border-radius: 4px;
    color: #004b3f;
    font-weight: bold
}

.more-product a:hover {
    background-image: linear-gradient(var(--secondary-color), var(--primary-color));
    color: var(--text-color)
}

.page-content .content-text {
    padding: 20px 0;
    text-align: justify
}

.page-content .content-text h4 {
    font-size: 14px;
    margin: 35px 0 10px 0
}

.page-content .content-text p {
    line-height: 1.4
}

.page-content-img {
    position: relative
}

.page-content .content-img-r {
    width: 56%
}

.page-content .img-r {
    position: absolute;
    right: 0;
    bottom: 20px;
    width: 40%
}

.product-details .top-product {
    display: flex
}

.product-details .top-product .statistic {
    width: 315px;
    padding-top: 25px;
    font-size: 12px;
    color: #111
}

.product-details .top-product .statistic ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-content: flex-end;
    align-items: flex-end
}

.product-details .top-product .statistic ul li {
    margin-right: 15px
}

.product-details .top-product .statistic ul li:last-child {
    margin-right: 0
}

.product-details .top-product .statistic ul li a {
    display: flex;
    flex-basis: 100%
}

.product-details .top-product .statistic ul li i {
    margin-right: 3px;
    line-height: 18px;
    color: #999
}

.product-details .top-product .statistic ul li a strong {
    color: #111;
    font-size: 13px;
    display: block;
    margin-left: 3px
}

.product-details h1 {
    margin: 20px 0 10px 0;
    flex-basis: auto;
    flex-grow: 3;
    display: flex
}

.product-details h1 label {
    display: flex;
    padding-top: 3px;
    padding-left: 20px
}

.product-details h1 label .timer strong, .product-details h1 label .timer span {
    display: block;
    float: left;
    margin-right: 3px;
    font-size: 12px;
    text-align: center;
    padding: 4px 0 4px 0
}

.product-details h1 label .timer strong {
    background: #292929;
    color: var(--text-color);
    border-radius: 4px;
    width: 24px
}

.product-details-container {
    display: flex
}

.product-details .product-image {
    min-width: 380px;
    max-width: 380px;
    margin-right: 15px
}

.product-image .love-this-button {
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 99
}

.product-image .love-this-button a {
    display: block;
    border-radius: 17px;
    padding: 8px 8px 3px 8px;
    visibility: visible;
    background: #fff7f8 0% 0% no-repeat padding-box;
    box-shadow: 0 4px 6px #00000029
}

.product-image .love-this-button i {
    font-size: 25px;
    line-height: 25px;
    width: 25px;
    color: #fd475a
}

.product-image .love-this-button i.icon-love-2 {
    display: none
}

.product-image .love-this-button a:hover .icon-love-1, .product-image .love-this-button a.inlist .icon-love-1 {
    display: none
}

.product-image .love-this-button a:hover .icon-love-2, .product-image .love-this-button a.inlist .icon-love-2 {
    display: block
}

.product-image .love-this-button a:hover i, .product-image .love-this-button a.inlist i {
    color: #fd475a
}

.product-details .product-shop {
    min-width: 280px;
    max-width: 280px;
    margin-left: 15px
}

.product-center {
    flex-grow: 1;
    margin-left: 15px
}

.product-center .price {
    margin-bottom: 10px
}

.product-center .price strong {
    font-size: 25px;
    color: #fd475a
}

.product-center .price i {
    font-size: 15px;
    margin-left: 5px
}

.product-center .freeship {
    background: var(--primary-color) 0% 0% no-repeat padding-box;
    border-radius: 4px;
    color: var(--text-color);
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 0 0 5px 0
}

.product-center .freeship i {
    font-size: 32px;
    margin: -2px 10px -8px 0;
    display: block
}

.product-center .freeship span {
    display: block;
    text-transform: uppercase;
    font-weight: 300;
    line-height: 30px;
    margin: 0
}

.product-center hr {
    border: 1px solid #ddd;
    border-width: 0 0 1px 0
}

.product-center .description {
    margin: 10px 0;
    text-align: justify;
    color: #898989
}

.product-option .options {
    display: flex;
    flex-wrap: wrap
}

.product-option .label {
    display: block;
    margin-bottom: 8px
}

.product-option .item {
    display: block;
    width: 20%;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 5px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background: #fff;
    position: relative
}

.product-option .item.disabled, .product-option .item.disabled * {
    cursor: not-allowed !important;
    opacity: 0.75;
}

.product-option .item strong {
    color: #fd475a;
    display: block
}

.product-option .item:hover {
    border: 1px solid #ff6801;
    padding: 5px;
    cursor: pointer
}

.product-option .selected {
    border: 2px solid var(--primary-color);
    padding: 4px
}

.product-option .selected:hover {
    border: 2px solid var(--primary-color);
    padding: 4px
}

.product-option .item span {
    display: flex;
    justify-content: left;
    justify-items: left;
    margin-bottom: 5px;
    font-weight: 600
}

.product-option .item span:before {
    content: "";
    display: block;
    min-width: 12px;
    height: 12px;
    border-radius: 12px;
    line-height: 12px;
    text-align: center;
    border: 1px solid #ccc;
    margin-right: 5px;
    margin-top: 2px
}

.product-option .selected span:before {
    content: 'i';
    font-family: 'hoangha';
    font-size: 8px;
    background: var(--primary-color);
    color: var(--text-color);
    border-color: var(--primary-color)
}

.product-option .item span label {
    white-space: nowrap;
    flex-basis: 100%
}

.product-option .item span label strong {
    color: #333;
    font-weight: normal
}

.product-option .item span label.yoyo {
    overflow: hidden
}

.product-option .item span label.yoyo strong {
    animation: yoyo 5s linear infinite
}

@-webkit-keyframes yoyo {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    50% {
        -webkit-transform: translateX(calc(-50%));
        transform: translateX(calc(-50%))
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.product-option .item .colorGuide {
    position: absolute;
    width: 100%;
    border: 1px solid #ddd;
    top: 100%;
    left: 0;
    margin-top: 3px;
    display: none;
    border-radius: 3px;
    z-index: 999
}

.product-option .item .colorGuide label {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 45px
}

.product-option .item .colorGuide label strong {
    display: block;
    padding: 2px 3px;
    background: #ffffffbd;
    border-radius: 3px;
    font-weight: normal;
    color: #000
}

.product-option .item:hover .colorGuide {
    display: none
}

.product-promotion {
    margin-bottom: 20px
}

.product-promotion .label {
    font-size: 14px;
    line-height: 28px
}

.product-promotion ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.product-promotion ul li {
    margin-bottom: 5px
}

.product-promotion ul li .bag {
    display: inline-block;
    background: #f7941e 0% 0% no-repeat padding-box;
    box-shadow: 0 4px 6px #00000029;
    border-radius: 3px;
    color: var(--text-color);
    font-size: 11px;
    padding: 2px 5px
}

.product-promotion ul li a, .product-promotion ul li a:link, .product-promotion ul li a:visited {
    color: var(--primary-color);
    font-weight: bold
}

.product-promotion ul li a:hover {
    color: #ff6801
}

.product-promotion ul li.list {
    list-style: inside
}

.product-action {
    display: flex;
    padding: 0 10px;
    justify-items: stretch
}

.product-action .btnbuy {
    margin-right: 10px;
    display: block;
    text-align: center;
    color: var(--text-color);
    padding: 4px 10px;
    flex-grow: 2
}

.product-action .btnbuy:last-child {
    margin-right: 0
}

.product-action .btn-icon {
    border-radius: 4px;
    padding: 5px 3px 5px 0;
    font-size: 22px;
    position: relative;
    width: 10px;
    max-width: 40px;
    min-width: 40px;
    width: 40px;
    flex-grow: 1
}

.product-action .btnbuy strong {
    display: block
}

.product-action .btn-red {
    background: transparent linear-gradient(180deg, #fd475a 0%, #bf1e2d 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0 4px 6px #00000029;
    border-radius: 3px
}

.product-action .btn-green {
    background: transparent linear-gradient(180deg, var(--secondary-color) 0%, var(--primary-color) 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0 4px 6px #00000029;
    border-radius: 3px
}

.product-action .btn-orange {
    background: transparent linear-gradient(180deg, #ff990e 0%, #ff6801 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0 4px 6px #00000029
}

.product-action .btn-red:hover {
    background: transparent linear-gradient(0deg, #fd475a 0%, #bf1e2d 100%) 0% 0% no-repeat padding-box
}

.product-action .btn-green:hover {
    background: transparent linear-gradient(0deg, var(--secondary-color) 0%, var(--primary-color) 100%) 0% 0% no-repeat padding-box
}

.product-action .btn-orange:hover {
    background: transparent linear-gradient(0deg, #ff990e 0%, #ff6801 100%) 0% 0% no-repeat padding-box
}

.product-action .cart-plus {
    position: absolute;
    right: 2px;
    top: 2px;
    font-size: 8px
}

.product-action .btn-outstock, .product-action .btn-outstock:hover {
    background: transparent linear-gradient(180deg, #9e9e9e 0%, #969696 100%) 0% 0% no-repeat padding-box;
    box-shadow: none;
    cursor: not-allowed
}

.product-shop {
    background: #fff 0% 0% no-repeat padding-box;
    border: 1px solid #999;
    border-radius: 6px;
    padding: 15px;
    display: flex;
    flex-direction: column;
    justify-content: stretch
}

.product-shop .warranty {
    margin-bottom: 10px
}

.product-shop .warranty h4 {
    text-align: center;
    text-transform: uppercase;
    margin: 0 0 10px 0;
    padding: 0
}

.product-shop .warranty p {
    line-height: 1.2;
    margin: 0 0 5px 20px;
    padding: 0;
    font-size: 12px;
    display: flex
}

.product-shop .warranty p i {
    color: #009a82;
    margin-right: 5px
}

.warranty-info {
    background: #fff;
    margin-top: 10px;
    font-size: 15px;
    border-radius: 6px
}

.warranty-info p {
    text-align: justify;
    padding: 10px;
    margin: 0
}

.warranty-info p strong {
    color: #999
}

.warranty-info p label {
    color: #004b3f;
    font-weight: bold
}

.warranty-info .found, .warranty-info .not-found {
    display: none
}

.product-shop .check-stock {
    padding: 0 5px;
    margin-bottom: 10px;
    flex-grow: 2;
    display: flex;
    flex-direction: column
}

.product-shop .check-stock .city {
    position: relative
}

.product-shop .check-stock .city .button {
    background: #fff 0% 0% no-repeat padding-box;
    box-shadow: 0 4px 6px #00000029;
    border: 1px solid #999;
    border-radius: 4px;
    display: block;
    padding: 5px 10px;
    font-weight: bold;
    text-align: center;
    color: #111;
    cursor: pointer;
    margin-bottom: 10px
}

.product-shop .check-stock .city .list {
    position: absolute;
    top: 54px;
    width: 100%;
    display: none
}

.product-shop .check-stock .city .list ul {
    list-style: none;
    padding: 0;
    margin: 0;
    margin: 0 auto;
    width: 90%;
    background: #fff 0% 0% no-repeat padding-box;
    box-shadow: 0 4px 6px #00000029;
    border: 1px solid #999;
    border-radius: 0 0 4px 4px;
    max-height: 200px;
    overflow-y: auto;
    padding-right: 0
}

.product-shop .check-stock .city .list ul::-webkit-scrollbar {
    width: 3px;
    background-color: #f5f5f5;
    border-radius: 3px
}

.product-shop .check-stock .city .list ul::-webkit-scrollbar-thumb {
    background-color: #004b3f
}

.product-shop .check-stock .city .list ul::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #f5f5f5
}

.product-shop .check-stock .city .list ul li a {
    display: block;
    padding: 3px 0;
    text-align: center;
    font-weight: bold;
    color: #222;
    font-size: 12px
}

.product-shop .check-stock .city .list ul li a:hover {
    background: #009a82
}

.product-shop .check-stock .city .list ul li.selected a {
    color: #bf1e2d
}

.product-shop .check-stock .city:hover .list {
    display: block
}

.product-shop .check-stock .city:hover .hide {
    display: none
}

.product-shop .check-stock .city p {
    text-align: center;
    margin: 0 0 10px 0;
    padding: 0;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 13px
}

.product-shop .check-stock .store {
    border: 1px solid #999;
    border-radius: 5px;
    padding: 10px;
    font-size: 12px;
    overflow-y: auto;
    height: 100px;
    flex-grow: 2
}

.product-shop .check-stock .store::-webkit-scrollbar {
    width: 3px;
    background-color: #f5f5f5;
    border-radius: 3px
}

.product-shop .check-stock .store::-webkit-scrollbar-thumb {
    background-color: #004b3f
}

.product-shop .check-stock .store::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #f5f5f5
}

.product-shop .check-stock .store ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.product-shop .check-stock .store ul li {
    margin-bottom: 10px;
    display: flex
}

.product-shop .check-stock .store ul li:before {
    content: 'S';
    font-family: hoangha;
    font-size: 6px;
    margin: 6px 5px 0 0
}

.product-shop .check-stock .store ul li a {
    display: block;
    margin-top: 2px;
    font-weight: bold;
    color: #222
}

.product-shop .check-stock .store ul li a:hover {
    color: var(--primary-color)
}

.product-shop .check-stock ul li.instock {
    display: block
}

.product-shop .check-stock ul li.outstock {
    display: none
}

.product-shop .check-stock ul li.hide {
    display: none
}

.product-shop .out-date {
    border: 1px solid #009a82;
    border-radius: 5px;
    margin: 0 5px;
    padding: 10px;
    font-size: 12px
}

.product-shop .out-date p {
    margin: 0 0 5px 0;
    padding: 0
}

.product-shop .out-date i {
    color: #555
}

.page-not-found {
    margin: 80px;
    text-align: center
}

.page-not-found .bg img {
    opacity: .5
}

.page-not-found h1 {
    margin: 10px;
    font-size: 50px;
    font-weight: bold;
    color: #03473d
}

.page-not-found a {
    font-weight: bold;
    color: #222;
    font-size: 14px
}

.page-not-found a:hover {
    color: #03473d
}

.login-form {
    margin: 30px 0;
    display: flex;
    background: #fff;
    border-radius: 11px
}

.modal .login-form {
    margin: -15px -30px
}

.modal .login-form .login-bg {
    padding: 90px 40px
}

.login-form .login-bg {
    background: #fbe9e7;
    padding: 40px;
    border-radius: 10px 0 0 11px;
    display: flex;
    justify-content: center;
    flex-direction: column
}

.login-form .login-bg img {
    margin: 0 auto;
    height: 356px;
    max-width: 310px
}

.login-form .form {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    padding: 20px 120px
}

.login-form .form .external form {
    display: flex;
    max-width: 100%
}

.login-form .form .external button {
    margin-right: 20px;
    border: 0;
    color: var(--text-color);
    font-weight: bold;
    border-radius: 4px;
    flex-grow: 1
}

.login-form .form .external button:first-child {
    margin-left: 0
}

.login-form .form .external button:last-child {
    margin-right: 0
}

.login-form .form .external button:hover {
    background: transparent linear-gradient(180deg, #4385f5 0%, #4267b2 100%) 0% 0% no-repeat padding-box
}

.login-form .form .external button {
    justify-content: flex-start;
    display: flex;
    line-height: 38px;
    padding: 3px
}

.login-form .form .external button img {
    margin-right: 8px
}

.login-form .form .external .btn-google {
    background: #4385f5
}

.login-form .form .external .btn-facebook {
    background: #4267b2
}

.login-form .split {
    border-bottom: 2px solid #afafaf;
    position: relative;
    height: 23px;
    margin: 10px 0 20px 0;
    justify-content: center;
    display: flex
}

.login-form .split p {
    position: absolute;
    background: #fff;
    padding: 0 10px;
    color: #afafaf;
    font-size: 14px;
    font-weight: bold
}

.login-form .form .row {
    margin-bottom: 15px
}

.login-form .form .row .input {
    display: flex
}

.login-form .form .row .label {
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 13px
}

.login-form .form .row input {
    background: #e5e5e5;
    border-radius: 4px;
    padding: 10px;
    border: none;
    width: 100%
}

.login-form .form .button-group {
    display: flex;
    justify-content: space-around
}

.login-form .form .button-group button, .login-form .form .button-group .btn {
    margin: 0 20px;
    border: 0;
    font-weight: bold;
    border-radius: 4px;
    flex-grow: 1;
    display: block;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
    border: 2px solid var(--primary-color);
    color: #222
}

.login-form .form .button-group button:first-child, .login-form .form .button-group .btn:first-child {
    margin-left: 0
}

.login-form .form .button-group button:last-child, .login-form .form .button-group .btn:last-child {
    margin: 0
}

.login-form .form .button-group .btn-submit {
    background: transparent linear-gradient(180deg, var(--secondary-color) 0%, var(--primary-color) 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0 4px 6px #00000029;
    border-radius: 3px;
    color: var(--text-color);
    border: none;
    padding: 12px
}

.login-form .form .button-group .btn:hover {
    color: var(--secondary-color)
}

.login-form .form .button-group .btn-submit:hover {
    background: transparent linear-gradient(180deg, var(--primary-color) 0%, var(--secondary-color) 100%) 0% 0% no-repeat padding-box;
    color: var(--text-color)
}

.login-form .form .forgotpass {
    text-align: right;
    font-weight: bold
}

.login-form .form .forgotpass a {
    color: #222
}

.login-form .form .forgotpass a:hover {
    color: var(--primary-color)
}

nav.scroll-to-fixed-fixed {
    background: var(--primary-color);
    box-shadow: 0 4px 6px #ccc
}

nav.scroll-to-fixed-fixed ul.root {
    box-shadow: none
}

nav.scroll-to-fixed-fixed ul.root li {
    margin: 8px 7px 4px 7px
}

nav.scroll-to-fixed-fixed ul.root li a, nav.scroll-to-fixed-fixed ul.root li a:link, nav.scroll-to-fixed-fixed ul.root li a:visited {
    display: flex;
    white-space: nowrap
}

nav.scroll-to-fixed-fixed ul.root li a .icon {
    font-size: 15px;
    margin-right: 4px
}

nav.scroll-to-fixed-fixed ul.root li a span {
    font-size: 12px;
    line-height: 25px
}

nav.scroll-to-fixed-fixed .sub-container {
    top: 24px
}

nav.scroll-to-fixed-fixed ul.root li ul li {
    margin: 0
}

nav.scroll-to-fixed-fixed ul.root li .sub a, nav.scroll-to-fixed-fixed ul.root li .sub a:link, nav.scroll-to-fixed-fixed ul.root li .sub a:visited {
    display: block
}

.product-details .product-image {
    position: relative;
    margin: 0 auto;
    top: 5px;
    left: 0;
    width: 370px;
    height: 470px;
    overflow: hidden;
    visibility: hidden
}

.product-details .product-image .loading {
    position: absolute;
    top: 0;
    left: 0
}

.product-details .product-image .filter {
    filter: alpha(opacity=70);
    opacity: .7;
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.product-details .product-image .load-bg {
    position: absolute;
    display: block;
    background: url(data:image/gif;base64,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) no-repeat center center;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.product-details .product-image .viewer {
    cursor: default;
    position: relative;
    top: 0;
    left: 0;
    width: 370px;
    height: 370px;
    overflow: hidden
}

.product-details .product-image .jssora02l, .jssora02r {
    display: block;
    position: absolute;
    width: 55px;
    height: 55px;
    cursor: pointer;
    background: url(data:image/png;base64,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) no-repeat;
    overflow: hidden
}

.product-details .product-image .jssora02l {
    background-position: -3px -33px;
    top: 0;
    left: 2px;
    width: 55px;
    height: 55px
}

.product-details .product-image .jssora02r {
    background-position: -63px -33px;
    top: 0;
    right: 2px;
    width: 55px;
    height: 55px
}

.product-details .product-image .jssora02l:hover {
    background-position: -123px -33px
}

.product-details .product-image .jssora02r:hover {
    background-position: -183px -33px
}

.product-details .product-image .jssora02l.jssora02ldn {
    background-position: -3px -33px
}

.product-details .product-image .jssora02r.jssora02rdn {
    background-position: -63px -33px
}

.product-details .product-image .jssora02l.jssora02lds {
    background-position: -3px -33px;
    opacity: .3;
    pointer-events: none
}

.product-details .product-image .jssora02r.jssora02rds {
    background-position: -63px -33px;
    opacity: .3;
    pointer-events: none
}

.product-details .product-image .jssort11 {
    position: absolute;
    left: 0;
    bottom: 8px;
    width: 320px;
    height: 80px;
    background: #fff
}

.product-details .product-image .jssort11 .p {
    position: absolute;
    top: 0;
    left: 0;
    width: 65px;
    height: 65px
}

.product-details .product-image .jssort11 .tp {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.product-details .product-image .jssort11 .i, .jssort11 .pav:hover .i {
    position: absolute;
    width: 63px;
    height: 63px;
    border: #eee 1px solid
}

.product-details .product-image .jssort11 .pav .i {
    border: #0bbf56 1px solid
}

* html .jssort11 .i {
    width: 80px;
    height: 80px
}

.product-details .slider-l, .product-details .slider-r {
    display: none;
    position: absolute;
    width: 50px;
    height: 50px;
    cursor: pointer;
    border-radius: 50px;
    background: #ddd;
    opacity: .5;
    text-align: center;
    line-height: 50px
}

.product-details .slider-l {
    top: 0;
    left: 0
}

.product-details .slider-r {
    right: 10px;
    top: 0
}

.product-details .slider-l:hover, .product-details .slider-r:hover {
    opacity: 1
}

.product-details .product-image:hover .slider-l, .product-details .product-image:hover .slider-r {
    display: block
}

.product-details .slider-t-l, .product-details .slider-t-r {
    display: block;
    position: absolute;
    width: 30px;
    height: 80px;
    cursor: pointer;
    text-align: center;
    line-height: 50px;
    background: #fff;
    color: var(--text-color)
}

.product-details .slider-t-l i, .product-details .slider-t-r i {
    background: var(--primary-color);
    width: 20px;
    height: 30px;
    display: block;
    margin-top: 20px;
    padding-bottom: 15px;
    font-size: 10px
}

.product-details .slider-t-l {
    top: 0;
    left: -30px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px
}

.product-details .slider-t-r {
    right: -20px;
    top: 0;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px
}

.product-details .slider-t-r i {
    margin-left: 10px
}

.product-details .slider-t-l i {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px
}

.product-details .slider-t-r i {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px
}

.product-details .slider-t-l i:before {
    display: block;
    line-height: 43px;
    transform: rotate(180deg)
}

.product-details .slider-t-r i:before {
    display: block;
    line-height: 44px
}

.product-details .slider-t-l:hover, .product-details .slider-t-r:hover {
    opacity: 1;
    color: var(--text-color)
}

.product-layout {
    display: flex;
    margin-top: 20px;
    align-items: flex-start;
    justify-content: flex-start;
    margin-bottom: 20px
}

.product-layout .product-left {
    flex-grow: 1;
    background: #fff;
    box-shadow: 0 3px 6px #00000029;
    border-radius: 14px
}

.product-layout .product-right {
    background: #fff;
    box-shadow: 0 3px 6px #00000029;
    border-radius: 14px;
    flex: 0 0 380px;
    margin-left: 20px
}

.product-layout .product-specs {
    padding: 15px
}

.product-layout .product-specs h3 {
    font-size: 15px
}

.product-specs .product-spect-img {
    max-width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    min-height: 350px
}

.product-specs .product-spect-img img {
    width: 100%;
    border-radius: 14px
}

.product-specs .product-specs-button {
    position: absolute;
    bottom: -10px;
    align-items: center;
    justify-content: center;
    display: flex;
    margin: 0 auto;
    background: #fdfdfe 0% 0% no-repeat padding-box;
    box-shadow: 0 3px 6px #00000029;
    border-radius: 10px;
    padding: 2px 50px;
    font-size: 15px;
    color: #191919
}

.product-specs .product-specs-button span {
    background: transparent linear-gradient(180deg, #009a82 0%, var(--primary-color) 100%) 0% 0% no-repeat padding-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 26px;
    margin-right: 5px
}

.product-specs .product-specs-button strong {
    margin-top: -2px
}

.specs-special {
    margin-top: 25px
}

.specs-special ol {
    list-style: none;
    margin: 0;
    padding: 0
}

.specs-special li {
    padding: 5px
}

.specs-specs li strong {
    color: #666
}

.table {
    width: 100%
}

.table-border {
    border-collapse: collapse
}

.table-border, .table-border th, .table-border td {
    border: 1px solid #dedede;
    padding: 5px 8px;
    font-size: 13px;
    color: #333
}

.table-border th {
    color: var(--text-color);
    background: #009a82;
    text-align: center
}

.table-gray {
    background: #efefef
}

.ol-specs {
    padding: 0;
    margin: 0 0 0 17px;
    list-style: disc
}

.ol-specs li {
    padding-bottom: 5px;
    font-size: 14px
}

.table-border tr.no-border, .table-border tr.no-border th, .table-border tr.no-border td {
    border: none
}

.table-lgpading, .table-lgpading th, .table-lgpading td {
    padding: 8px 10px
}

.product-text div, .product-text table {
    max-width: 760px
}

.product-text {
    padding: 25px 20px
}

.product-text p {
    line-height: 1.5;
    text-align: justify
}

.product-text img {
    max-width: 100%
}

.product-text h2, .product-text h3, .product-text h4, .product-text h5, .product-text h6 {
    font-size: 15px
}

#productContent {
    overflow: hidden
}

.view-more-container {
    padding: 8px 10px;
    text-align: center
}

.view-more-container a {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 15px;
    color: var(--primary-color)
}

.full-width-content {
    background: #fff 0% 0% no-repeat padding-box;
    box-shadow: 0 3px 6px #00000029;
    border-radius: 14px;
    padding: 20px 30px;
    margin: 30px 0
}

.autocomplete-suggestions::-webkit-scrollbar {
    width: 3px;
    background-color: #f5f5f5;
    border-radius: 3px
}

.autocomplete-suggestions::-webkit-scrollbar-thumb {
    background-color: #004b3f
}

.autocomplete-suggestions::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #f5f5f5
}

.autocomplete-suggestions {
    margin-top: 15px !important;
    box-shadow: 0 4px 6px #00000029;
    border-radius: 6px;
    border: 1px solid #ddd;
    background: #fff;
    overflow: auto;
    margin-top: 5px
}

.autocomplete-suggestion {
    overflow: hidden;
    padding: 0 20px
}

.autocomplete-selected {
    background: #f0f0f0
}

.autocomplete-suggestions strong {
    font-weight: normal;
    color: #39f
}

.autocomplete-group {
    padding: 2px 5px
}

.autocomplete-group strong {
    display: block;
    border-bottom: 1px solid #000
}

.autocomplete-suggestions .search-item {
    display: flex;
    border-bottom: 1px solid #eee;
    cursor: pointer
}

.autocomplete-suggestions .search-item .img {
    width: 70px;
    margin-right: 15px
}

.autocomplete-suggestions .search-item .img img {
    max-width: 100%
}

.autocomplete-suggestions .search-item h2 {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px
}

.autocomplete-suggestions .search-item h2 a, .autocomplete-suggestions .search-item h2 a:link, .autocomplete-suggestions .search-item h2 a:visited {
    color: #191919;
    font-size: 15px
}

.autocomplete-suggestions .search-item h2 a:hover {
    color: var(--primary-color)
}

.autocomplete-suggestions .search-item h3 {
    color: #f00;
    font-weight: bold;
    font-size: 13px
}

.autocomplete-suggestions .more-results {
    padding-left: 42px
}

.autocomplete-suggestions .more-results a {
    font-size: 15px;
    color: var(--secondary-color)
}

.autocomplete-suggestions .more-results a strong {
    font-weight: bold;
    color: var(--secondary-color) !important
}

.product-quick-compare .header {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center
}

.product-quick-compare .header h3 {
    margin: 15px 40px 20px 0;
    font-size: 20px;
    color: #191919
}

.product-quick-compare .header .search-box {
    display: table-cell;
    vertical-align: top;
    position: relative
}

.product-quick-compare .header .border {
    background: #e5e5e5;
    border-radius: 15px;
    padding: 5px 10px
}

.product-quick-compare .header .border input {
    border: none;
    outline: none;
    padding: 7px 0;
    width: 100%;
    font-weight: bold;
    width: 480px;
    background: #e5e5e5
}

.product-quick-compare .header .border button {
    box-shadow: 0 4px 6px #ccc;
    position: absolute;
    right: 4px;
    top: -9px;
    background: var(--primary-color);
    background-image: linear-gradient(var(--secondary-color), var(--primary-color));
    border: none;
    border-radius: 17px;
    width: 42px;
    height: 42px;
    outline: none;
    font-size: 17px;
    color: var(--text-color)
}

.product-quick-compare .header .border button:hover {
    cursor: pointer
}

.product-quick-compare .header .border button:active {
    top: 0
}

.lts-product-bgwhite {
    padding: 0 30px
}

.lts-product-bgwhite .item {
    box-shadow: none;
    margin-bottom: 0
}

.compare {
    margin: 30px 0;
    padding: 25px;
    background: #fff;
    box-shadow: 0 3px 6px #00000029;
    border-radius: 14px;
    font-size: 14px
}

.compare table {
    border-collapse: collapse
}

.compare table td, .compare table th {
    padding: 8px 10px;
    border: 1px solid #ddd;
    vertical-align: top
}

.compare table .specs-group th {
    font-weight: bold;
    color: var(--text-color);
    background: #009a82;
    text-align: center;
    font-size: 16px;
    text-transform: uppercase
}

.compare table .specs .text {
    font-weight: bold;
    background: #efefef;
    text-align: center;
    vertical-align: middle
}

.compare table .specs td.image {
    position: relative
}

.compare table .specs .remove {
    color: var(--text-color);
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 4px 6px;
    background: #fd5465;
    height: 16px;
    line-height: 16px;
    border-radius: 20px;
    font-size: 12px
}

.compare table .specs .remove:hover {
    background: var(--primary-color)
}

.compare table .specs div.image {
    text-align: center
}

.compare table .add-product {
    padding: 20px 0;
    text-align: center
}

.compare table .add-product h3 {
    font-size: 14px
}

.compare table .add-product .input {
    margin-top: 30px;
    background: #e5e5e5;
    border-radius: 15px;
    padding: 5px 10px;
    position: relative
}

.compare table .add-product .input input {
    padding: 8px 10px;
    font-size: 14px;
    color: #333;
    border: 1px solid #eee;
    width: 100%;
    border: none;
    outline: none;
    padding: 7px 0;
    font-weight: bold;
    background: #e5e5e5
}

.compare h3 {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 15px;
    color: #555;
    margin: 0 0 10px 0
}

.compare table td:nth-child(2n+1) {
    background: #fafafa
}

.info-compare {
    position: absolute;
    bottom: 15px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%
}

.info-compare a {
    display: flex;
    border-radius: 4px;
    padding: 6px 10px;
    background: transparent linear-gradient(180deg, var(--secondary-color) 0%, var(--primary-color) 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0 4px 6px #00000029;
    color: var(--text-color)
}

.info-compare a:hover {
    background: transparent linear-gradient(0deg, var(--secondary-color) 0%, var(--primary-color) 100%) 0% 0% no-repeat padding-box
}

.info-compare a i {
    margin-right: 8px;
    display: flex;
    align-items: center;
    justify-content: center
}

.info-compare a span {
    font-size: 14px
}

.compare p.price {
    font-size: 25px;
    color: #fd475a;
    margin: 0 0 10px 0;
    text-align: center;
    clear: both
}

.compare p.price strong {
    display: block;
    clear: both
}

.compare p.price i {
    color: #333;
    font-size: 15px;
    clear: both
}

.product-combo h3 {
    margin: 15px 40px 20px 0;
    font-size: 20px;
    color: #191919
}

.lts-product-combo {
    align-items: center;
    justify-content: center;
    flex-direction: row;
    flex-wrap: nowrap
}

.lts-product .source, .lts-product .destination {
    width: auto;
    flex: 1 1 auto;
    flex-basis: 100%;
    max-width: 250px
}

.lts-product .combo-add {
    font-size: 16px;
    font-weight: bold
}

.lts-product .combo-add span {
    display: block;
    padding: 100px 20px 0 20px
}

.lts-product .item .button {
    position: absolute;
    bottom: 15px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%
}

.lts-product .item .button a {
    display: flex;
    border-radius: 4px;
    padding: 5px 20px;
    background: transparent linear-gradient(180deg, #fd475a 0%, #bf1e2d 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0 4px 6px #00000029;
    color: var(--text-color)
}

.lts-product .item .button a:hover {
    background: transparent linear-gradient(0deg, #fd475a 0%, #bf1e2d 100%) 0% 0% no-repeat padding-box
}

.lts-product .item .button a i {
    margin-right: 8px;
    display: flex;
    align-items: center;
    justify-content: center
}

.lts-product .item .button a span {
    font-size: 14px
}

.lts-product .destination .info a.title:link {
    height: auto
}

.product-review .heading {
    display: flex
}

.product-review h3 {
    margin: 15px 50px 40px 50px;
    font-size: 20px;
    color: #191919
}

.product-review .heading .stats {
    margin-top: 20px;
    display: flex;
    width: 295px
}

.product-review .heading .stats .display-rating {
    flex-basis: 100%
}

.product-review .heading .stats span {
    margin: 2px 0 0 10px;
    white-space: nowrap
}

.review-form {
    display: flex;
    flex-direction: row
}

.comment-form {
    flex-direction: column;
    flex: 0 0 100%
}

.rc-form {
    padding: 0 50px 0 20px
}

.rc-form .row {
    display: flex
}

.rc-form .col {
    display: flex;
    flex-direction: column;
    padding-left: 30px;
    flex-basis: 100%
}

.rc-form .col-end {
    align-content: flex-end;
    align-items: flex-end
}

.rc-form .col-lg {
    width: 70%;
    flex-basis: auto;
    height: 120px
}

.rc-form .col-sm {
    flex-basis: auto
}

.rc-form .col .row {
    margin-bottom: 20px
}

.rc-form .control {
    display: flex;
    flex-basis: 100%
}

.rc-form textarea {
    min-height: 72px;
    resize: vertical
}

.rc-form textarea, .rc-form input {
    background: #e5e5e5 0% 0% no-repeat padding-box;
    border-radius: 13px;
    padding: 10px 12px;
    outline: none;
    flex-basis: 100%;
    border: 1px solid #e5e5e5;
    color: #555;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI';
    font-size: 13px;
    text-align: justify
}

.rc-form .row-rate {
    display: flex
}

.rc-form .row-rate strong {
    margin-right: 10px;
    white-space: nowrap;
    display: block;
    line-height: 24px
}

.rc-form .control .errors {
    border-color: #fd475a
}

.childs {
    margin-top: 20px;
    border-left: 2px solid #a7a9ac;
    padding-left: 20px
}

.childs .rc-form {
    padding: 0
}

.comment-form .row {
    align-items: stretch;
    margin-right: -30px
}

.comment-form .col {
    padding-left: 0;
    margin: 0 30px 20px 0
}

.rc-form button {
    background: transparent linear-gradient(180deg, #008d77 0%, var(--primary-color) 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0 4px 6px #00000029;
    border-radius: 13px;
    width: 275px;
    border: none;
    outline: none;
    text-transform: uppercase;
    font-weight: bold;
    color: var(--text-color);
    padding: 8px 10px
}

.rc-form button:hover {
    background: var(--primary-color)
}

.rc-form button i {
    font-weight: normal;
    text-transform: none
}

.comment-form .note {
    color: var(--primary-color);
    font-style: italic
}

.replyHolder {
    background: #e5e5e5 0% 0% no-repeat padding-box;
    border-radius: 13px;
    width: 320px;
    display: flex;
    padding: 0 10px
}

.replyHolder input {
    outline: none;
    padding: 10px 0;
    border: none;
    background: none;
    flex-basis: 100%;
    font-weight: bold
}

.replyHolder button {
    border: none;
    background: none;
    color: var(--primary-color);
    width: 20px;
    text-align: center
}

.childs .replyHolder {
    display: none
}

.item .info:hover .childs .replyHolder {
    display: flex
}

.display-rating {
    font-size: 20px
}

.display-rating .icon-star {
    color: #a7a9ac
}

.display-rating .rate-hover-layer .icon-star {
    color: #fedb6d
}

.display-rating .rate-select-layer .icon-star {
    color: #fedb6d
}

.rating-medium {
    font-size: 16px
}

.rating-small {
    font-size: 12px
}

.review-content {
    margin: 15px 50px 0 50px
}

.review-content .item-selected {
    background: #ffffc0;
    padding: 10px
}

.review-content .item-selected strong.name {
    color: #fd475a
}

.review-content .item {
    display: flex;
    margin-bottom: 20px
}

.review-content .item .avt {
    width: 60px;
    height: 55px;
    border: 1px solid #ccc;
    border-radius: 25px;
    background: #f1f1f1;
    overflow: hidden
}

.review-content .item .avt img {
    max-width: 100%
}

.review-content .item .avt strong {
    font-size: 40px;
    text-align: center;
    height: 60px;
    width: 60px;
    display: block;
    background: var(--secondary-color);
    border-radius: 25px;
    color: var(--text-color)
}

.review-content .item .info {
    padding-left: 20px;
    flex-basis: 100%
}

.review-content .item .info p {
    margin: 5px 0;
    display: flex;
    align-items: start
}

.review-content .item .info .content {
    margin-top: 15px;
    text-align: justify;
    line-height: 1.4
}

.review-content .item .info p i.icon-checked {
    background: var(--secondary-color);
    display: block;
    margin: 0 5px 0 20px;
    width: 16px;
    height: 16px;
    text-align: center;
    line-height: 16px;
    font-size: 8px;
    border-radius: 20px;
    color: var(--text-color)
}

.review-content .item .info p span {
    color: var(--secondary-color)
}

.review-content .item .info p label i {
    color: #d4d4d4
}

.review-content .item .info p label.tools {
    margin-left: 40px;
    margin-top: -5px;
    display: flex
}

.review-content .item .info p label.tools a {
    display: block;
    margin-left: 20px;
    background: #fff 0% 0% no-repeat padding-box;
    border: 1px solid #e4e4e4;
    border-radius: 6px;
    padding: 5px 15px
}

.review-content .item .info p label.tools a:hover {
    background: #009a82 0% 0% no-repeat padding-box;
    color: var(--text-color)
}

.review-content .item .info p label.tools a i {
    margin-right: 5px;
    color: #fd475a
}

ol.pagination {
    display: flex;
    justify-content: center;
    align-content: center;
    list-style: none;
    margin: 40px 0 0 0;
    padding: 0
}

ol.pagination li {
    padding: 5px
}

ol.pagination li span {
    display: block;
    line-height: 25px;
    color: #6d6e71
}

ol.pagination li a {
    display: block;
    background: #fff 0% 0% no-repeat padding-box;
    border: 1px solid #6d6e71;
    border-radius: 25px;
    height: 33px;
    width: 33px;
    line-height: 33px;
    text-align: center;
    font-weight: bold;
    font-size: 15px;
    color: #6d6e71
}

ol.pagination li a:hover {
    background: #009a82 0% 0% no-repeat padding-box;
    color: var(--text-color)
}

ol.pagination li.text a {
    border: none;
    background: none;
    width: auto
}

ol.pagination li.text a:hover {
    color: #009a82
}

ol.pagination li a.active {
    background: var(--primary-color);
    color: var(--text-color)
}

.category-icon {
    margin: 30px 0
}

.category-icon ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 100%
}

.category-icon ul li {
    width: 100px;
    margin-right: 20px
}

.category-icon ul li a {
    display: block
}

.category-icon ul li a img {
    clear: both;
    max-width: 60px;
    max-height: 60px
}

.category-icon ul li a label {
    display: block;
    color: #191919;
    font-size: 12px;
    height: 35px;
    cursor: pointer
}

.category-icon ul li a label:hover {
    color: #009a82
}

.product-video .header h3 {
    margin: 15px 40px 20px 0;
    font-size: 20px;
    color: #191919
}

.video-container {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    align-items: stretch;
    margin: 0 -30px
}

.video-container .item {
    padding: 0 30px;
    margin-bottom: 30px
}

.video-container .img a {
    width: 100%;
    overflow: hidden;
    margin: 0;
    padding-top: 56.25%;
    position: relative;
    border: 1px solid #eee;
    display: block
}

.video-container .img img {
    max-width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    transform: translate(-50%, -50%)
}

.video-container .item .name {
    margin-top: 15px
}

.video-container .item a {
    color: #555
}

.video-container .item:hover .img a {
    border: 1px solid var(--secondary-color)
}

.jq-toast-wrap {
    z-index: 900000 !important
}

.jq-toast-wrap .cart-msg {
    color: #000;
    margin: -11px;
    padding: 12px;
    background: #fff 0% 0% no-repeat padding-box;
    box-shadow: 3px 4px 6px #00000029;
    border-radius: 6px;
    padding: 25px 30px;
    text-align: center;
    width: 280px !important;
    max-width: 280px !important
}

.jq-toast-wrap .cart-msg p {
    margin: 0 0 15px 0;
    display: flex;
    justify-content: center;
    align-items: center
}

.jq-toast-wrap .cart-msg p i {
    font-size: 9px;
    background: var(--secondary-color) 0% 0% no-repeat padding-box;
    width: 18px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    color: var(--text-color);
    border-radius: 18px;
    display: block;
    margin-right: 5px
}

.jq-toast-wrap .cart-msg a.button {
    display: block;
    background: #009a82 0% 0% no-repeat padding-box;
    padding: 8px 10px;
    font-weight: bold;
    color: var(--text-color);
    font-size: 12px;
    border-radius: 3px;
    text-align: center
}

.jq-toast-wrap .cart-msg a.button:hover {
    background: #006c5b
}

.jq-toast-wrap .cart-msg a.button-red {
    background: #fd475a
}

.jq-toast-wrap .cart-msg p i.text-red {
    background: #fd475a
}

.jq-toast-wrap .cart-msg a.button-red:hover {
    background: #cc0015
}

.cart .header {
    margin: 40px 0 25px 0
}

.cart .header .back a {
    display: flex;
    line-height: 30px;
    font-size: 15px;
    max-width: 100px
}

.cart .header .back i {
    margin-right: 5px;
    font-size: 30px
}

.cart .header .back strong {
    color: #555;
    white-space: nowrap
}

.cart .cart-info .cart-icon {
    text-align: center
}

.cart-content {
    width: 100%
}

.cart-items .item {
    margin-bottom: 15px;
    background: #fff 0% 0% no-repeat padding-box;
    box-shadow: 0 4px 6px #00000029;
    border-radius: 8px;
    padding: 15px;
    display: flex;
    justify-items: stretch
}

.cart-items .item .img {
    width: 180px;
    text-align: center
}

.cart-items .item .img img {
    width: 70%;
    margin: 0 auto
}

.cart-items .item p {
    margin: 0 0 6px 0
}

.cart-items .item p.title {
    font-weight: bold;
    text-align: justify
}

.cart-items .item p.price strong {
    color: #fd475a
}

.cart-items .item .number label {
    font-size: 11px;
    color: #888
}

.cart-items .item .number .control {
    display: flex;
    justify-content: center;
    justify-items: unsafe center;
    margin-top: 5px
}

.cart-items .item .number .control input, .cart-items .item .number .control button {
    width: 24px;
    height: 24px;
    font-size: 14px;
    text-align: center;
    line-height: 24px;
    padding: 0;
    margin: 0;
    overflow: hidden;
    border: 1px solid #c4c4c4;
    background: #fff;
    border-right: none
}

.cart-items .item .number .control button {
    height: 26px;
    line-height: 26px
}

.cart-items .item .number .control *:last-child {
    border-right: 1px solid #c4c4c4
}

.cart-items .info {
    flex: 1;
    margin: 0 20px;
    position: relative;
    padding-bottom: 50px
}

.cart-items .item .options {
    display: flex;
    justify-content: start;
    margin-top: 20px;
    position: absolute;
    bottom: 0
}

.cart-items .item .options .option {
    margin-right: 20px
}

.cart-items .item .options .option strong {
    display: block;
    margin-bottom: 5px
}

.cart-items .item .options .option label {
    padding: 8px 20px;
    border: 2px solid var(--primary-color);
    border-radius: 3px;
    display: flex
}

.cart-items .item .options .option label i {
    display: block;
    margin-right: 5px;
    background: var(--primary-color) 0% 0% no-repeat padding-box;
    border-radius: 14px;
    text-align: center;
    width: 14px;
    line-height: 14px;
    height: 14px;
    border-radius: 14px;
    font-size: 9px;
    color: var(--text-color)
}

.cart-items .item .options .option label span {
    display: block;
    line-height: 14px
}

.cart-items .info .edit {
    position: absolute;
    top: -10px;
    right: -30px
}

.cart-items .info .edit a {
    display: block;
    float: left;
    margin-left: 5px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    border-radius: 18px;
    color: var(--text-color);
    background: var(--secondary-color);
    font-size: 9px;
    text-align: center
}

.cart-items .info .edit a.red {
    background: #fd5465
}

.cart-items .info .edit a:hover, .cart-items .info .edit a.red:hover {
    background: #f7941e
}

.cart-items .disable {
    background: #000;
    color: var(--text-color)
}

.offer-items .offer {
    margin-bottom: 10px
}

.offer .stt {
    margin-bottom: 5px
}

.offer .stt label {
    background: #f7941e 0% 0% no-repeat padding-box;
    box-shadow: 0 4px 6px #00000029;
    border-radius: 3px;
    display: inline-block;
    padding: 3px 5px;
    font-size: 11px;
    color: var(--text-color)
}

.offer .offer-border {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 8px 10px 5px 10px;
    display: flex;
    align-items: stretch;
    justify-content: stretch
}

.offer .offer-border .content {
    flex-basis: 100%
}

.offer .offer-border .icon {
    width: 25px
}

.offer .offer-border .icon i {
    display: block;
    margin-right: 5px;
    background: var(--primary-color) 0% 0% no-repeat padding-box;
    border-radius: 14px;
    text-align: center;
    width: 14px;
    line-height: 14px;
    height: 14px;
    border-radius: 14px;
    font-size: 9px;
    color: var(--text-color)
}

.offer .offer-border .content {
    flex: 1
}

.offer .offer-border .content label {
    display: block;
    margin-bottom: 6px
}

.offer .offer-border .content .red {
    color: #fd475a
}

.offer .offer-border .content .radio-ctn {
    margin-bottom: 6px
}

.offer .offer-border .content .radio-ctn span {
    display: block;
    line-height: 24px
}

.cart .cart-icon {
    margin-bottom: 20px
}

.cart .cart-icon i {
    font-size: 60px;
    display: block;
    background: transparent linear-gradient(90deg, var(--secondary-color) 0%, var(--primary-color) 100%) 0% 0% no-repeat padding-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.cart .cart-icon label {
    font-weight: bold;
    font-size: 15px
}

.cart .no-items {
    text-align: center;
    font-size: 15px
}

.cart .cart-layout {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    width: 100%
}

.cart .cart-layout .cart-info {
    padding-right: 80px;
    flex-grow: 1;
    width: 60%
}

.cart .cart-layout .cart-form {
    margin-top: 70px;
    text-align: center;
    flex-grow: 1;
    width: 40%
}

.cart-form h3 {
    font-size: 20px;
    margin: 0 0 25px
}

.cart-form .row {
    margin-bottom: 15px;
    display: flex;
    width: 100%;
    justify-content: center;
    justify-items: stretch
}

.cart-form .row .control {
    padding: 0 12px;
    background: #e5e5e5 0% 0% no-repeat padding-box;
    border-radius: 13px;
    border: 1px solid #e5e5e5;
    display: flex;
    justify-items: stretch;
    width: 100%
}

.cart-form .row .control-button {
    text-align: center;
    background: none
}

.cart-form .row .col {
    flex-basis: 100%;
    margin-right: 20px;
    display: flex;
    justify-items: stretch
}

.cart-form input, .cart-form textarea, .cart-form select {
    outline: none;
    width: 100%;
    background: none;
    border: none;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI';
    font-size: 13px;
    color: #444;
    padding: 10px 0
}

.cart-form .control-button {
    margin-top: 10px
}

.cart-form .control-button button {
    background: transparent linear-gradient(180deg, var(--secondary-color) 0%, var(--primary-color) 100%) 0% 0% no-repeat padding-box;
    font-weight: bold;
    border: none;
    outline: none;
    box-shadow: 0 4px 6px #00000029;
    border-radius: 8px;
    color: var(--text-color);
    font-size: 15px;
    text-align: center;
    padding: 20px 50px
}

.cart-form .control-button button:hover {
    background: var(--primary-color)
}

.cart-form textarea {
    min-height: 90px
}

.cart .cart-layout .cart-form .row .errors {
    border-color: #fd475a
}

.cart-total {
    margin-top: 15px;
    background: #fff 0% 0% no-repeat padding-box;
    box-shadow: 0 4px 6px #00000029;
    border-radius: 8px;
    padding: 15px;
    margin-bottom: 40px
}

.cart-total p {
    margin: 0 0 6px 0;
    font-weight: bold
}

.cart-total p i {
    font-weight: normal
}

.cart-total .next {
    display: none
}

.order-infomation {
    background: #fff 0% 0% no-repeat padding-box;
    box-shadow: 0 4px 6px #00000029;
    border-radius: 8px;
    padding: 15px;
    margin-bottom: 20px
}

.quick-order {
    max-width: 1200px !important
}

.quick-order .quick-order-ctn {
    display: flex;
    padding: 10px 10px 20px 10px
}

.quick-order .quick-order-ctn .left {
    width: 45%;
    margin-right: 30px;
    margin-top: 10px
}

.quick-order .left .img {
    padding: 0 30px;
    margin: auto;
    text-align: center
}

.quick-order .left .img img {
    max-width: 90%
}

.quick-order .left p.title {
    font-weight: bold;
    font-size: 15px
}

.quick-order .left p.price {
    font-size: 20px
}

.quick-order .left p.price strong {
    color: #fd475a
}

.quick-order .left .info {
    text-align: center
}

.quick-order .left .info p {
    margin: 0 0 5px 0
}

.quick-order .left .info p strike {
    font-size: 15px
}

.quick-order .hot-line {
    margin: 10px 0 15px 0;
    text-align: center
}

.quick-order .hot-line a {
    display: flex;
    white-space: nowrap;
    margin: 0 auto 10px auto;
    line-height: 40px;
    color: var(--text-color);
    padding: 0 10px;
    font-size: 15px;
    background: transparent linear-gradient(88deg, var(--secondary-color) 0%, var(--primary-color) 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0 4px 6px #00000029;
    border-radius: 20px;
    width: 135px
}

.quick-order .hot-line a i {
    margin-right: 10px;
    font-size: 20px
}

.quick-order .right {
    width: 55%
}

.quick-order .right h3 {
    margin-top: 0;
    font-size: 20px
}

.quick-order-form .row {
    margin-bottom: 8px
}

.quick-order-form .row .control {
    padding: 0 10px
}

.quick-order-form .row .errors {
    border-color: #fd475a
}

.quick-order-form input, .quick-order-form textarea, .quick-order-form select {
    padding: 6px 0
}

.quick-order-form .row .col {
    display: block;
    padding-right: 10px
}

.quick-order-form label {
    font-weight: bold;
    font-size: 12px
}

.quick-order-form textarea {
    min-height: 60px
}

.quick-order-form .control-button button {
    padding: 10px 50px;
    border-radius: 5px
}

.quick-order .options {
    display: flex;
    margin-bottom: 10px
}

.quick-order .grid-options label {
    margin-bottom: 3px;
    display: block;
    font-size: 12px
}

.quick-order .options .option {
    margin-right: 10px
}

.quick-order .options .option a {
    display: block;
    background: #fff 0% 0% no-repeat padding-box;
    border: 1px solid #c8c8c8;
    border-radius: 3px;
    padding: 5px 10px
}

.quick-order .options .option a.changeOption:hover {
    border-color: #fd475a
}

.quick-order .options .option a.selectedOption {
    border: 2px solid var(--secondary-color);
    cursor: default
}

.quick-order .options .option a.selectedOption * {
    cursor: default
}

.quick-order .options .option a.changeOption * {
    cursor: pointer
}

.quick-order .options .option label {
    display: flex;
    line-height: 22px;
    margin-bottom: 2px
}

.quick-order .options .option label i {
    border: 2px solid #696969;
    width: 20px;
    height: 20px;
    display: block;
    border-radius: 50%;
    text-align: center;
    margin-right: 10px
}

.quick-order .options .option label i.icon-border {
    content: " "
}

.quick-order .options .option label span {
    font-size: 12px;
    font-weight: bold
}

.quick-order .options .option strong {
    display: block
}

.quick-order .number {
    margin: 8px 0
}

.quick-order .number label {
    font-weight: bold;
    font-size: 12px
}

.quick-order .number .control {
    display: flex;
    margin-top: 5px
}

.quick-order .number .control input, .quick-order .number .control button {
    width: 24px;
    height: 24px;
    font-size: 14px;
    text-align: center;
    line-height: 24px;
    padding: 0;
    margin: 0;
    overflow: hidden;
    border: 1px solid #c4c4c4;
    background: #fff;
    border-right: none
}

.quick-order .number .control button {
    height: 26px;
    line-height: 26px
}

.quick-order .number .control *:last-child {
    border-right: 1px solid #c4c4c4
}

p.quick-order-ss, p.quick-order-ss * {
    font-size: 19px;
    margin: 10px 0;
    text-transform: uppercase
}

p.quick-order-ss strong, p.quick-order-ss strong a {
    color: #ffc875
}

.list-shops .header {
    text-align: center
}

.list-shops .header .selector {
    display: inline-block;
    position: relative
}

.list-shops .header .selector label {
    z-index: 2;
    position: relative;
    background: var(--primary-color) 0% 0% no-repeat padding-box;
    box-shadow: 0 4px 6px #00000029;
    border-radius: 22px;
    color: var(--text-color);
    line-height: 43px;
    display: inline-block;
    padding: 0 80px;
    font-weight: bold;
    font-size: 15px
}

.list-shops .header .selector div.ctn {
    position: absolute;
    width: 100%;
    top: 39px;
    z-index: 1;
    display: none
}

.list-shops .header .selector ul {
    list-style: none;
    padding: 0;
    background: #fbfbfb 0% 0% no-repeat padding-box;
    box-shadow: 0 4px 6px #00000029;
    border-radius: 7px;
    font-size: 15px;
    margin: 0 30px;
    padding-top: 4px
}

.list-shops .header .selector ul li a {
    display: block;
    padding: 4px 0;
    font-weight: bold
}

.list-shops .header .selector ul li a:hover, .list-shops .header .selector ul li a.selected {
    background: #20c6a5 0% 0% no-repeat padding-box;
    color: var(--text-color)
}

.list-shops .header .selector:hover .ctn {
    display: block
}

.list-shops .header .selector div.ctn ul {
    border: 1px solid #999;
    border-radius: 5px;
    padding: 10px;
    font-size: 12px;
    overflow-y: hidden;
    height: 320px;
    overflow-y: auto
}

.list-shops .header .selector div.ctn ul::-webkit-scrollbar {
    width: 3px;
    background-color: #f5f5f5;
    border-radius: 3px
}

.list-shops .header .selector div.ctn ul::-webkit-scrollbar-thumb {
    background-color: #004b3f
}

.list-shops .header .selector div.ctn ul::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #f5f5f5
}

.list-shops .lists {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: stretch;
    margin: 50px -30px;
    padding: 0 20px
}

.list-shops .lists .item {
    padding: 0 30px;
    margin-bottom: 30px
}

.list-shops .lists .item {
    display: flex;
    justify-items: flex-end
}

.list-shops .lists .item i.icon-right {
    display: block;
    width: 30px;
    margin: auto 0;
    flex-grow: 0;
    flex-shrink: 0
}

.list-shops .lists .item .info p {
    margin: 0 0 5px 0;
    text-align: justify
}

.list-shops .lists .item .info p a {
    color: #00ab91
}

.list-shops .lists .item-hide {
    display: none
}

.check-warranty .search-box {
    padding: 1px 20px 0 20px;
    vertical-align: top;
    position: relative
}

.check-warranty .search-box .border {
    background: #e5e5e5;
    border-radius: 15px;
    padding: 5px 10px
}

.check-warranty .search-box input {
    border: none;
    background: none;
    outline: none;
    padding: 7px 0;
    width: 100%;
    font-weight: bold
}

.check-warranty .search-box button {
    box-shadow: 0 4px 6px #ccc;
    position: absolute;
    right: 25px;
    top: -5px;
    background: var(--primary-color);
    background-image: linear-gradient(var(--secondary-color), var(--primary-color));
    border: none;
    border-radius: 17px;
    width: 42px;
    height: 42px;
    outline: none;
    font-size: 17px;
    color: var(--text-color)
}

.check-warranty .search-box button:hover {
    cursor: pointer
}

.check-warranty .search-box button:active {
    top: 0
}

.check-order-index {
    height: 100%;
    position: relative;
    min-height: 410px
}

.check-order-form {
    text-align: center;
    padding: 40px 0 0 0
}

.check-order-form h1 {
    font-size: 27px
}

.check-order-form .input {
    max-width: 500px;
    margin: 0 auto 25px auto
}

.check-order-form .input input {
    background: #e5e5e5 0% 0% no-repeat padding-box;
    border-radius: 13px;
    border: none;
    outline: none;
    width: 100%;
    padding: 10px 20px;
    font-weight: bold;
    color: #6d6e71
}

.check-order-form button {
    height: 48px;
    line-height: 48px;
    text-align: center;
    color: var(--text-color);
    font-weight: bold;
    padding: 0 60px;
    background: transparent linear-gradient(179deg, var(--secondary-color) 0%, var(--primary-color) 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0 4px 6px #00000029;
    border-radius: 8px;
    outline: none;
    border: none
}

.check-order-form button:hover {
    background: var(--primary-color)
}

div.you-know {
    position: absolute;
    bottom: 0;
    padding-bottom: 40px;
    width: 100%;
    margin-bottom: 40px
}

div.you-know .ctn {
    padding-left: 140px
}

div.you-know .icon {
    position: absolute;
    bottom: -6px
}

div.you-know .text {
    background: #1fa48f 0% 0% no-repeat padding-box;
    padding: 20px 0;
    width: 100%;
    border-radius: 30px;
    color: var(--text-color);
    font-size: 15px
}

div.you-know .text strong {
    display: block;
    padding-left: 120px
}

div.you-know .text a {
    display: block;
    position: absolute;
    right: 15px;
    background: #fff 0% 0% no-repeat padding-box;
    border-radius: 20px;
    height: 40px;
    line-height: 40px;
    top: 8px;
    padding: 0 40px;
    color: #1fa48f;
    font-weight: bold
}

div.you-know .text a:hover {
    background: #eee
}

.account-form {
    padding: 20px 0
}

.form-controls {
    display: flex;
    margin-bottom: 15px;
    padding: 0 60px 0 40px
}

.form-controls label {
    flex-basis: 20%;
    white-space: nowrap;
    margin-right: 30px;
    padding: 8px 0;
    font-weight: bold;
    color: #222;
    min-width: 140px
}

.form-controls .controls {
    display: flex;
    flex-basis: 100%;
    flex-grow: 3
}

.form-controls .controls input[type=text], .form-controls .controls input[type=tel], .form-controls .controls input[type=number], .form-controls .controls input[type=email], .form-controls .controls input[type=password], .form-controls .controls textarea, .form-controls .controls select {
    width: 100%;
    background: #e5e5e5 0% 0% no-repeat padding-box;
    border-radius: 13px;
    outline: none;
    border: none;
    padding: 8px 20px;
    font-weight: 600;
    color: #858585
}

.form-controls .controls .radio-ctn {
    margin-right: 30px;
    margin-top: 5px
}

.form-controls .controls .radio-ctn span strong {
    display: block;
    margin-top: -3px;
    color: #858585;
    font-style: italic;
    margin-left: 40px
}

.form-controls .submit-controls {
    display: flex;
    justify-content: center;
    justify-items: center
}

.form-controls .submit-controls button {
    background: transparent linear-gradient(180deg, var(--secondary-color) 0%, var(--primary-color) 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0 4px 6px #00000029;
    border-radius: 8px;
    color: var(--text-color);
    font-weight: bold;
    padding: 15px 60px;
    outline: none;
    border: none
}

.form-controls .submit-controls button:hover {
    background: var(--primary-color)
}

.form-controls .controls .errors {
    border: 1px solid #f00 !important
}

#backtoTop {
    position: fixed;
    right: 10px;
    bottom: 10px;
    display: none
}

#backtoTop a {
    display: block;
    padding: 13px 15px 12px 14px;
    background: var(--primary-color);
    opacity: .5;
    border-radius: 8px;
    transform: rotate(90deg);
    color: var(--text-color);
    justify-content: center;
    justify-items: center
}

.forgot h4 {
    font-size: 25px;
    margin-bottom: 15px;
    text-align: left
}

.forgot label {
    font-weight: bold;
    font-size: 11px;
    margin-bottom: 5px;
    display: block
}

.forgot button {
    background: transparent linear-gradient(180deg, var(--secondary-color) 0%, var(--primary-color) 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0 4px 6px #00000029;
    border-radius: 4px;
    outline: none;
    border: none;
    padding: 10px 30px;
    color: var(--text-color);
    text-transform: uppercase;
    margin-right: -20px;
    float: right
}

.product-filters2 {
    background: #fff 0% 0% no-repeat padding-box;
    box-shadow: 0 3px 6px #00000029;
    border-radius: 14px;
    margin: 20px 0
}

.product-filters2 {
    position: relative;
    display: flex
}

.product-filters2 .left, .product-filters2 .right {
    display: flex;
    justify-items: right;
    justify-content: right;
    width: 100px;
    flex-grow: 0;
    flex-shrink: 0
}

.product-filters2 .left {
    flex-basis: auto;
    flex-shrink: 1;
    flex-grow: 2
}

.product-filters2 strong.label {
    display: inline-block;
    color: var(--secondary-color);
    padding: 15px 20px
}

.product-filters2 .facet {
    display: block;
    padding: 15px 10px;
    margin-right: 20px
}

.product-filters2 .facet .sub {
    display: none;
    position: absolute;
    width: 100%;
    z-index: 123;
    left: 0;
    top: 40px;
    padding-top: 10px
}

.product-filters2 .facet:hover .sub {
    display: block
}

.product-filters2 .facet:hover label a, .product-filters2 .facet:hover label span {
    color: #fd475a
}

.product-filters2 .facet .sub ul {
    background: #fff;
    box-shadow: 0 3px 6px #00000029;
    border-radius: 14px;
    margin: 0;
    display: grid;
    grid-template-columns: auto auto auto auto auto;
    padding: 5px 10px;
    grid-column-gap: 10px
}

.product-filters2 .facet .sub ul li {
    list-style: none;
    padding: 5px
}

.product-filters2 .facet label {
    display: flex
}

.product-filters2 .facet label span, .product-filters2 .facet label strong {
    display: block;
    margin-right: 5px
}

.product-filters2 .facet i.icon-rightar::before {
    font-size: 8px;
    transform: rotate(90deg)
}

.product-filters2 .facet i.icon-minutes {
    font-size: 8px;
    background: #fd475a;
    line-height: 16px;
    width: 16px;
    height: 16px;
    display: block;
    border-radius: 20px;
    text-align: center;
    color: var(--text-color);
    margin-right: 5px
}

.product-filters2 .facet ul li a {
    display: flex
}

.product-filters2 .facet ul li i.total {
    color: #888;
    margin-left: 4px
}

.h-center {
    text-align: center;
    color: var(--primary-color)
}

.job-top-img {
    margin: 20px 0
}

.job-top-img img {
    border-radius: 8px;
    background: #fff 0% 0% no-repeat padding-box;
    box-shadow: 0 3px 6px #00000029;
    border-radius: 8px;
    width: 100%
}

.job .header {
    background: var(--secondary-color);
    margin-bottom: 20px;
    display: inline-block;
    height: 30px;
    overflow: hidden
}

.job .header:after {
    content: " ";
    border-top: 30px solid var(--primary-color);
    border-left: 30px solid var(--secondary-color);
    margin-left: 40px
}

.job .header h4 {
    padding: 5px 60px 6px 35px;
    margin: 0 0 0 60px;
    background: var(--primary-color);
    color: var(--text-color);
    font-size: 14px;
    text-transform: uppercase
}

.job .header h4, .job .header h4 a, .job .header h4 a:link, .job .header h4 a:visited {
    color: var(--text-color)
}

.job .header h4 a:hover {
    color: var(--secondary-color)
}

.job-layouts {
    display: flex;
    justify-items: stretch
}

.job-layouts .job-layout-l {
    flex-grow: 2
}

.job-layouts .job-layout-r {
    width: 350px;
    margin-left: 30px
}

.job-hightlight {
    background: #fff 0% 0% no-repeat padding-box;
    box-shadow: 0 4px 6px #00000029;
    border: 1px solid #009a82;
    border-radius: 8px;
    padding: 30px 20px
}

.job-hightlight .item {
    display: flex;
    margin-bottom: 10px;
    color: var(--primary-color)
}

.job-hightlight .item:last-child {
    margin: 0
}

.job-hightlight .item i {
    width: 20px;
    font-size: 10px;
    display: block;
    line-height: 25px
}

.job-hightlight .item a {
    flex-grow: 2;
    color: #191919;
    font-size: 15px
}

.job-list .item {
    display: flex;
    margin-bottom: 20px;
    background: #fff 0% 0% no-repeat padding-box;
    box-shadow: 0 4px 6px #00000029;
    border-radius: 8px;
    padding: 30px 20px
}

.job-list .item p {
    padding: 0;
    margin: 0 0 10px 0
}

.job-list .item .img {
    width: 100px;
    margin-right: 20px
}

.job-list .item .img img {
    width: 100%
}

.job-list .item .date {
    width: 100px;
    margin-left: 20px
}

.job-list .item .info {
    flex-grow: 3
}

.job-list .item p.title {
    font-weight: bold
}

.job-comment {
    display: grid;
    grid-template-columns: auto auto;
    padding: 0 10px;
    grid-column-gap: 30px;
    margin-top: 30px
}

.job-comment .item {
    margin-bottom: 30px;
    display: flex
}

.job-comment .item .avt {
    width: 60px;
    margin-right: 15px
}

.job-comment .item .avt img {
    border-radius: 5px
}

.job-comment .item .info p {
    padding: 0;
    margin: 0 0 10px 0;
    display: flex
}

.job-comment .item .info div {
    text-align: justify;
    line-height: 1.4
}

.job-comment .item i.icon-checked {
    background: var(--secondary-color);
    display: block;
    margin: 0 5px 0 20px;
    width: 16px;
    height: 16px;
    text-align: center;
    line-height: 16px;
    font-size: 8px;
    border-radius: 20px;
    color: var(--text-color)
}

.job-comment .item label {
    display: flex;
    color: var(--secondary-color)
}

.job-content {
    margin-bottom: 30px;
    background: #fff 0% 0% no-repeat padding-box;
    box-shadow: 0 4px 6px #00000029;
    border: 1px solid #009a82;
    border-radius: 8px;
    padding: 30px 20px
}

.installment .top-installment {
    display: flex;
    background: #fff;
    background: #fff 0% 0% no-repeat padding-box;
    box-shadow: 0 4px 6px #00000029;
    border-radius: 8px;
    padding: 30px 20px;
    margin-bottom: 30px
}

.installment .top-installment .image {
    width: 200px
}

.installment .top-installment .image img {
    max-width: 100%
}

.installment .top-installment .form, .installment .top-installment .center {
    flex-grow: 2
}

.installment .top-installment .center {
    display: flex
}

.installment .top-installment .center .info {
    margin-left: 30px
}

.installment .options {
    display: flex;
    flex-wrap: wrap
}

.installment .label {
    display: block;
    margin-bottom: 8px
}

.installment .item {
    display: block;
    width: 150px;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 5px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background: #fff;
    position: relative
}

.installment .item strong {
    color: #fd475a;
    display: block
}

.installment .item:hover {
    border: 1px solid #ff6801;
    padding: 5px;
    cursor: pointer
}

.installment .selected {
    border: 2px solid var(--primary-color);
    padding: 4px
}

.installment .selected:hover {
    border: 2px solid var(--primary-color);
    padding: 4px
}

.installment .item span {
    display: flex;
    justify-content: left;
    justify-items: left;
    margin-bottom: 5px;
    font-weight: 600
}

.installment .item label {
    white-space: nowrap;
    flex-basis: 100%;
    display: flex;
    margin-top: 8px
}

.installment .item label strong {
    color: #333;
    font-weight: normal
}

.installment .item i.icon-checked {
    background: var(--secondary-color);
    display: block;
    margin: 0 5px 0 0;
    width: 16px;
    height: 16px;
    text-align: center;
    line-height: 16px;
    font-size: 8px;
    border-radius: 20px;
    color: var(--text-color)
}

.installment .info .price strong {
    color: #fd475a;
    font-size: 16px
}

.installment .form .form-label-row {
    margin-bottom: 8px
}

.installment .form select {
    padding: 8px 10px;
    width: 80%;
    border: 1px solid #ccc;
    border-radius: 6px;
    outline: none
}

.installment .form label.form-label {
    margin-bottom: 6px;
    display: block
}

.installment-provider {
    background: #fff;
    margin-bottom: 30px
}

.box-icon .content {
    background: #fff;
    box-shadow: 0 4px 6px #00000029;
    border-radius: 8px
}

.box-icon .content ul {
    list-style: none;
    padding: 40px 0 0 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    margin-left: 60px
}

.box-icon .content ul li {
    width: 130px;
    text-align: center;
    margin-right: 60px;
    margin-bottom: 40px
}

.box-icon .content ul li a {
    display: block
}

.box-icon .content ul li a span {
    display: block;
    padding: 24px;
    background: #efefef;
    border-radius: 8px;
    border: 1px solid #efefef
}

.box-icon .content ul li a:hover span {
    border: 1px solid var(--secondary-color);
    background: #fafafa
}

.box-icon .content ul li a img {
    max-width: 100%
}

.box-icon .content ul li label {
    display: block;
    padding: 8px 0;
    color: #333;
    cursor: pointer
}

.box-icon .content ul li a:hover label {
    color: var(--secondary-color)
}

.installment-v2 {
    display: flex;
    margin: 30px 0
}

.installment-v2 .info {
    width: 33%;
    margin-right: 40px
}

.installment-v2 .info .image {
    padding: 10px
}

.installment-v2 .info .image img {
    width: 100%
}

.installment-v2 .data {
    flex-basis: 100%
}

.installment-v2 table tr:nth-child(even) {
    background: #efefef
}

.installment-v2 table tr:nth-child(odd), .installment-v2 table tr:nth-child(odd) th {
    background: #fff;
    color: #333
}

.installment-v2 .options {
    display: flex;
    justify-content: start;
    margin-top: 20px
}

.installment-v2 .options .item {
    margin-right: 20px
}

.installment-v2 .options .item strong {
    display: block;
    margin-bottom: 5px
}

.installment-v2 .options .item label {
    padding: 8px 20px;
    border: 2px solid var(--primary-color);
    border-radius: 3px;
    display: flex
}

.installment-v2 .options label i {
    display: block;
    margin-right: 5px;
    background: var(--primary-color) 0% 0% no-repeat padding-box;
    border-radius: 14px;
    text-align: center;
    width: 14px;
    line-height: 14px;
    height: 14px;
    border-radius: 14px;
    font-size: 9px;
    color: var(--text-color)
}

.installment-v2 .options label span {
    display: block;
    line-height: 14px
}

.installment-v2 .price-info {
    margin-top: 20px
}

.installment-v2 .price-info p {
    margin: 0 0 5px 0;
    padding: 0
}

.installment-v2 .price-info label {
    font-weight: bold;
    color: #999
}

.installment-v2 .price-info .price-note strong {
    font-size: 25px;
    font-weight: bold;
    color: #fd475a
}

.installment-v2 .header ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center;
    justify-items: center
}

.installment-v2 .header ul li {
    margin: 0 5px
}

.installment-v2 .header ul li a {
    display: block;
    text-align: center;
    margin: 5px 0;
    min-width: 320px;
    padding: 15px 0;
    border-radius: 8px;
    box-shadow: 0 4px 6px #ccc;
    background: #fff;
    color: #555;
    font-weight: bold
}

.installment-v2 .header ul li a:hover {
    color: var(--secondary-color)
}

.installment-v2 .header ul li a.actived {
    color: var(--text-color);
    background: var(--primary-color);
    padding: 20px 0;
    margin: 0
}

.installment-v2 .month-opt {
    margin: 15px 0;
    font-size: 12px
}

.installment-v2 .month-opt h4 {
    margin: 0 0 5px 0
}

.installment-v2 ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex
}

.installment-v2 ul li {
    margin-right: 6px
}

.installment-v2 ul li a {
    display: block;
    padding: 6px 18px;
    border: 1px solid #ccc;
    color: #555;
    font-weight: bold
}

.installment-v2 ul li a:hover {
    color: var(--secondary-color);
    border: 1px solid var(--secondary-color)
}

.installment-v2 ul li a.actived {
    color: var(--secondary-color);
    border: 1px solid var(--secondary-color);
    background: #fff
}

.installment-v2 select.select-opt {
    border: 1px solid var(--secondary-color);
    color: var(--secondary-color);
    padding: 4px 8px
}

@media only screen and (max-width:1024px) {
    section .box-product-home .col-content .item .img {
        width: 135px
    }

    section .flash-sales .content .item .img a {
        display: block;
        padding: 0 15px
    }

    section .flash-sales .content .item .img a img {
        width: 100%
    }

    header nav ul.root li {
        margin: 8px 10px 4px 10px;
        display: inline-flex
    }
}

@media only screen and (max-width:800px) {
    .quick-order .quick-order-ctn {
        display: flex;
        flex-direction: column
    }

    .quick-order .quick-order-ctn .left {
        margin-top: 10px;
        width: auto;
        margin-right: 0
    }

    .quick-order .left .img {
        padding: 0 30px;
        margin: auto;
        text-align: center
    }

    .quick-order .left .img img {
        max-width: 160px
    }

    .quick-order .left p.title {
        font-weight: bold;
        font-size: 15px
    }

    .quick-order .left p.price {
        font-size: 20px
    }

    .quick-order .left p.price strong {
        color: #fd475a
    }

    .quick-order .left .info {
        text-align: center
    }

    .quick-order .left .info p {
        margin: 0 0 5px 0
    }

    .quick-order .left .info p strike {
        font-size: 15px
    }

    .quick-order .hot-line {
        margin: 10px 0 15px 0;
        text-align: center
    }

    .quick-order .hot-line a {
        display: flex;
        white-space: nowrap;
        margin: 0 auto 10px auto;
        line-height: 40px;
        color: var(--text-color);
        padding: 0 10px;
        font-size: 15px;
        background: transparent linear-gradient(88deg, var(--secondary-color) 0%, var(--primary-color) 100%) 0% 0% no-repeat padding-box;
        box-shadow: 0 4px 6px #00000029;
        border-radius: 20px;
        width: 135px
    }

    .quick-order .hot-line a i {
        margin-right: 10px;
        font-size: 20px
    }

    .quick-order .right {
        width: auto
    }

    .quick-order .right h3 {
        margin-top: 0;
        font-size: 20px
    }

    .quick-order-form .row {
        margin-bottom: 8px
    }

    .quick-order-form .row .control {
        padding: 0 10px
    }

    .quick-order-form .row .errors {
        border-color: #fd475a
    }

    .quick-order-form input, .quick-order-form textarea, .quick-order-form select {
        padding: 6px 0
    }

    .quick-order-form .row .col {
        display: block;
        padding-right: 10px
    }

    .quick-order-form label {
        font-weight: bold;
        font-size: 12px
    }

    .quick-order-form textarea {
        min-height: 60px
    }

    .quick-order-form .control-button button {
        padding: 10px 50px;
        border-radius: 5px
    }

    .quick-order .options {
        display: grid;
        margin-bottom: 10px;
        grid-template-columns: auto auto;
        grid-column-gap: 10px
    }

    .quick-order .grid-options label {
        margin-bottom: 3px;
        display: block;
        font-size: 12px
    }

    .quick-order .options .option {
        margin-bottom: 10px
    }

    .quick-order .options .option a {
        display: block;
        background: #fff 0% 0% no-repeat padding-box;
        border: 1px solid #c8c8c8;
        border-radius: 3px;
        padding: 5px 10px
    }

    .quick-order .options .option a.changeOption:hover {
        border-color: #fd475a
    }

    .quick-order .options .option a.selectedOption {
        border: 2px solid var(--secondary-color);
        cursor: default
    }

    .quick-order .options .option a.selectedOption * {
        cursor: default
    }

    .quick-order .options .option a.changeOption * {
        cursor: pointer
    }

    .quick-order .options .option label {
        display: flex;
        line-height: 22px;
        margin-bottom: 2px
    }

    .quick-order .options .option label i {
        border: 2px solid #696969;
        width: 20px;
        height: 20px;
        display: block;
        border-radius: 50%;
        text-align: center;
        margin-right: 10px
    }

    .quick-order .options .option label i.icon-border {
        content: " "
    }

    .quick-order .options .option label span {
        font-size: 12px;
        font-weight: bold
    }

    .quick-order .options .option strong {
        display: block
    }

    .quick-order .number {
        margin: 8px 0
    }

    .quick-order .number label {
        font-weight: bold;
        font-size: 12px
    }

    .quick-order .number .control {
        display: flex;
        margin-top: 5px
    }

    .quick-order .number .control input, .quick-order .number .control button {
        width: 24px;
        height: 24px;
        font-size: 14px;
        text-align: center;
        line-height: 24px;
        padding: 0;
        margin: 0;
        overflow: hidden;
        border: 1px solid #c4c4c4;
        background: #fff;
        border-right: none
    }

    .quick-order .number .control button {
        height: 26px;
        line-height: 26px
    }

    .quick-order .number .control *:last-child {
        border-right: 1px solid #c4c4c4
    }

    p.quick-order-ss, p.quick-order-ss * {
        font-size: 19px;
        margin: 10px 0;
        text-transform: uppercase
    }

    p.quick-order-ss strong, p.quick-order-ss strong a {
        color: #ffc875
    }
}


img, iframe {
    max-width: none;
}

footer iframe {
    max-width: 100%;
}