@font-face {
    font-family: 'Segoe UI';
    src: local("Segoe UI"),url('/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('/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('/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('/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('/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('/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: 'icomoon';
    src: url('/Content/web/fonts/icomoon-v1.0/fonts/icomoon.eot?s3z98m');
    src: url('/Content/web/fonts/icomoon-v1.0/fonts/icomoon.eot?s3z98m#iefix') format('embedded-opentype'),url('/Content/web/fonts/icomoon-v1.0/fonts/icomoon.ttf?s3z98m') format('truetype'),url('/Content/web/fonts/icomoon-v1.0/fonts/icomoon.woff?s3z98m') format('woff'),url('/Content/web/fonts/icomoon-v1.0/fonts/icomoon.svg?s3z98m#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block
}

[class^="icon-"], [class*=" icon-"] {
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    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-pcOld: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: "["
}

.icon-pay:before {
    content: "\5c"
}

.icon-apple:before {
    content: "]"
}

.icon-samsung:before {
    content: "^"
}

.icon-usd:before {
    content: "_"
}

.icon-tivi:before {
    content: "`"
}

.icon-qrcode:before {
    content: "{"
}

.icon-COD:before {
    content: "|"
}

.icon-wallet:before {
    content: "}"
}

.icon-monitor:before {
    content: "~"
}

.icon-pc:before {
    content: "?"
}

.icon-iphone:before {
    content: ""
}

.icon-trash:before {
    content: "€"
}

.icon-uni81:before {
    content: ""
}

.icon-uptrend:before {
    content: "‚"
}

.icon-remove:before {
    content: "ƒ"
}

.icon-uni84:before {
    content: "„"
}

.icon-history:before {
    content: " "}.icon-shopping-cart:before{content:"†"}.icon-like:before{content:"‡"}.icon-personalcard:before{content:"ˆ"}.icon-tradein:before{content:"‰"}.icon-AcUnit:before{content:""}.icon-AddCircleSolidOff:before{content:""}.icon-AddSolidOff:before{content:""}.icon-AirConditioner:before{content:""}.icon-Alarm:before{content:""}.icon-Android:before{content:""}.icon-AodWatch:before{content:""}.icon-Apple:before{content:""}.icon-AppleSolidOff:before{content:""}.icon-AppleSolidOn:before{content:""}.icon-Battery6Bar:before{content:""}.icon-Blender:before{content:""}.icon-Bluetooth:before{content:""}.icon-BoxSolidOff:before{content:""}.icon-Brightness:before{content:""}.icon-CallingSolidOff:before{content:""}.icon-CallingSolidOn:before{content:""}.icon-CallSolidOff:before{content:""}.icon-CallSolidOn:before{content:""}.icon-Camera:before{content:""}.icon-Cart1SolidOn:before{content:""}.icon-Cart2SolidOff:before{content:""}.icon-Cart2SolidOn:before{content:""}.icon-ChangeSolidOff:before{content:""}.icon-ChangeSolidOn:before{content:""}.icon-Charger:before{content:""}.icon-CloseSolidOff:before{content:""}.icon-CommentSolidOff:before{content:""}.icon-CommentSolidOn:before{content:""}.icon-CompareSolidOff:before{content:""}.icon-Cooker:before{content:""}.icon-DarkMode:before{content:""}.icon-DeliverySolidOff:before{content:""}.icon-DeliverySolidOn:before{content:""}.icon-DetectionAndZone:before{content:""}.icon-DewPoint:before{content:""}.icon-DiscountSolidOff:before{content:""}.icon-DiscountSolidOn:before{content:""}.icon-DislikeSolidOff:before{content:""}.icon-DislikeSolidOn:before{content:""}.icon-DocumentSolidOff:before{content:""}.icon-DominoMask:before{content:""}.icon-Doorbell:before{content:""}.icon-DropDownSolidOff:before{content:""}.icon-FamiliarFace:before{content:""}.icon-FilterSolidOff:before{content:""}.icon-FilterSolidOn:before{content:""}.icon-Fingerprint:before{content:""}.icon-FrameSolidOff:before{content:""}.icon-Fridge:before{content:""}.icon-FullHd:before{content:""}.icon-Game:before{content:""}.icon-GiftSolidOff:before{content:""}.icon-Gps:before{content:""}.icon-HarmonyOs:before{content:""}.icon-Hd:before{content:""}.icon-HdrOn:before{content:""}.icon-Headphones:before{content:""}.icon-HealthAndSafety:before{content:""}.icon-Hearing:before{content:""}.icon-HeartSolidOff:before{content:""}.icon-HeartSolidOn:before{content:""}.icon-HH4gMobiledataBadge:before{content:""}.icon-HH4k:before{content:""}.icon-HH5g:before{content:""}.icon-HH8k:before{content:""}.icon-HighQuality:before{content:""}.icon-HighRes:before{content:""}.icon-HistorySolidOff:before{content:""}.icon-HistorySolidOn:before{content:""}.icon-HomeSolidOff:before{content:""}.icon-HomeSolidOn:before{content:""}.icon-HotSolidOff:before{content:""}.icon-HotSolidOn:before{content:""}.icon-Iron:before{content:""}.icon-Laptop:before{content:""}.icon-Light:before{content:""}.icon-LikeSolidOff:before{content:""}.icon-LikeSolidOn:before{content:""}.icon-LocationMinusSolidOff:before{content:""}.icon-LocationMinusSolidOn:before{content:""}.icon-LocationSolidOff:before{content:""}.icon-LoginSolidOff:before{content:""}.icon-LoginSolidOn:before{content:""}.icon-LogoutSolidOff:before{content:""}.icon-LogoutSolidOn:before{content:""}.icon-Memory:before{content:""}.icon-MemoryAlt:before{content:""}.icon-MemoryCard:before{content:""}.icon-Microwave:before{content:""}.icon-MobileSolidOff:before{content:""}.icon-MobileSolidOn:before{content:""}.icon-ModeFan:before{content:""}.icon-ModeHeat:before{content:""}.icon-MoneyChangeSolidOff:before{content:""}.icon-MoneyChangeSolidOn:before{content:""}.icon-Mop:before{content:""}.icon-MusicNote:before{content:""}.icon-NestEcoLeaf:before{content:""}.icon-NextSolidOff:before{content:""}.icon-NoticeSolidOff:before{content:""}.icon-NoticeSolidOn:before{content:""}.icon-NotificationSolidOff:before{content:""}.icon-NotificationSolidOn:before{content:""}.icon-PersonalcardSolidOff:before{content:""}.icon-PersonalcardSolidOn:before{content:""}.icon-PlayCircleSolidOff:before{content:""}.icon-PlayCircleSolidOn:before{content:""}.icon-PreviousSolidOff:before{content:""}.icon-Printer:before{content:""}.icon-PromotionSolidOff:before{content:""}.icon-PromotionSolidOn:before{content:""}.icon-ReadinessScore:before{content:""}.icon-ReplySolidOff:before{content:""}.icon-ReplySolidOn:before{content:""}.icon-Screen:before{content:""}.icon-SearchSolidOff:before{content:""}.icon-Security:before{content:""}.icon-SendSolidOff:before{content:""}.icon-SendSolidOn:before{content:""}.icon-ServiceSolidOff:before{content:""}.icon-ServiceSolidOn:before{content:""}.icon-SettingSolidOff:before{content:""}.icon-ShieldSolidOff:before{content:""}.icon-Smartphone:before{content:""}.icon-SortSolidOff:before{content:""}.icon-SortSolidOn:before{content:""}.icon-Sos:before{content:""}.icon-SoundSolidOff:before{content:""}.icon-SoundSolidOn:before{content:""}.icon-Speaker:before{content:""}.icon-Speed:before{content:""}.icon-StarSolidOff:before{content:""}.icon-StarSolidOn:before{content:""}.icon-Stockpot:before{content:""}.icon-TrashSolidOff:before{content:""}.icon-TrashSolidOn:before{content:""}.icon-TVGen:before{content:""}.icon-Ubuntu:before{content:""}.icon-UserSolidOff:before{content:""}.icon-UserSolidOn:before{content:""}.icon-Vacuum:before{content:""}.icon-VerifySolidOff:before{content:""}.icon-VerifySolidOn:before{content:""}.icon-Visibility:before{content:""}.icon-VoucherSolidOff:before{content:""}.icon-VoucherSolidOn:before{content:""}.icon-WalletCheckSolidOff:before{content:""}.icon-WalletCheckSolidOn:before{content:""}.icon-WarrantySolidOff:before{content:""}.icon-WarrantySolidOn:before{content:""}.icon-WashingMachine:before{content:""}.icon-Water:before{content:""}.icon-Weight:before{content:""}.icon-Wifi:before{content:""}.icon-Windows:before{content:""}.icon-ZonePersonAlert: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(/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: #fff;
        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: 30px;
    height: 30px;
    color: #fff;
    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: 12px;
        line-height: 30px
    }

#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: #fff
}

    .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: #fff
        }

        .fancybox-button:focus {
            outline: none
        }

        .fancybox-button.fancybox-focus {
            outline: 1px dotted
        }

        .fancybox-button[disabled], .fancybox-button[disabled]:hover {
            color: #888;
            cursor: default;
            outline: none
        }

        .fancybox-button div {
            height: 100%
        }

        .fancybox-button svg {
            display: block;
            height: 100%;
            overflow: visible;
            position: relative;
            width: 100%
        }

            .fancybox-button svg path {
                fill: currentColor;
                stroke-width: 0
            }

.fancybox-button--fsenter svg:nth-child(2), .fancybox-button--fsexit svg:first-child, .fancybox-button--pause svg:first-child, .fancybox-button--play svg:nth-child(2) {
    display: none
}

.fancybox-progress {
    background: #ff5268;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleX(0);
    transform-origin: 0;
    transition-property: transform;
    transition-timing-function: linear;
    z-index: 99998
}

.fancybox-close-small {
    background: transparent;
    border: 0;
    border-radius: 0;
    color: #ccc;
    cursor: pointer;
    opacity: .8;
    padding: 8px;
    position: absolute;
    right: -12px;
    top: -44px;
    z-index: 401
}

    .fancybox-close-small:hover {
        color: #fff;
        opacity: 1
    }

.fancybox-slide--html .fancybox-close-small {
    color: currentColor;
    padding: 10px;
    right: 0;
    top: 0
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
    overflow: hidden
}

.fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
    display: none
}

.fancybox-navigation .fancybox-button {
    background-clip: content-box;
    height: 100px;
    opacity: 0;
    position: absolute;
    top: calc(50% - 50px);
    width: 70px
}

    .fancybox-navigation .fancybox-button div {
        padding: 7px
    }

.fancybox-navigation .fancybox-button--arrow_left {
    left: 0;
    left: env(safe-area-inset-left);
    padding: 31px 26px 31px 6px
}

.fancybox-navigation .fancybox-button--arrow_right {
    padding: 31px 6px 31px 26px;
    right: 0;
    right: env(safe-area-inset-right)
}

.fancybox-caption {
    background: linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);
    bottom: 0;
    color: #eee;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 75px 44px 25px;
    pointer-events: none;
    right: 0;
    text-align: center;
    z-index: 99996
}

@supports (padding:max(0px)) {
    .fancybox-caption {
        padding: 75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))
    }
}

.fancybox-caption--separate {
    margin-top: -50px
}

.fancybox-caption__body {
    max-height: 50vh;
    overflow: auto;
    pointer-events: all
}

.fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited {
    color: #ccc;
    text-decoration: none
}

    .fancybox-caption a:hover {
        color: #fff;
        text-decoration: underline
    }

.fancybox-loading {
    animation: a 1s linear infinite;
    background: transparent;
    border: 4px solid #888;
    border-bottom-color: #fff;
    border-radius: 50%;
    height: 50px;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 50px;
    z-index: 99999
}

@keyframes a {
    to {
        transform: rotate(1turn)
    }
}

.fancybox-animated {
    transition-timing-function: cubic-bezier(0,0,.25,1)
}

.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    transform: translate3d(-100%,0,0)
}

.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    transform: translate3d(100%,0,0)
}

.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    transform: translateZ(0)
}

.fancybox-fx-fade.fancybox-slide--next, .fancybox-fx-fade.fancybox-slide--previous {
    opacity: 0;
    transition-timing-function: cubic-bezier(.19,1,.22,1)
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(1.5,1.5,1.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(.5,.5,.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    transform: scaleX(1)
}

.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    transform: rotate(-1turn)
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    transform: rotate(1turn)
}

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    transform: rotate(0deg)
}

.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(0,0,0) translate3d(-100%,0,0)
}

.fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(0,0,0) translate3d(100%,0,0)
}

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    transform: scaleX(1) translateZ(0)
}

.fancybox-fx-tube.fancybox-slide--previous {
    transform: translate3d(-100%,0,0) scale(.1) skew(-10deg)
}

.fancybox-fx-tube.fancybox-slide--next {
    transform: translate3d(100%,0,0) scale(.1) skew(10deg)
}

.fancybox-fx-tube.fancybox-slide--current {
    transform: translateZ(0) scale(1)
}

@media (max-height:576px) {
    .fancybox-slide {
        padding-left: 6px;
        padding-right: 6px
    }

    .fancybox-slide--image {
        padding: 6px 0
    }

    .fancybox-close-small {
        right: -6px
    }

    .fancybox-slide--image .fancybox-close-small {
        background: #4e4e4e;
        color: #f2f4f6;
        height: 36px;
        opacity: 1;
        padding: 6px;
        right: 0;
        top: 0;
        width: 36px
    }

    .fancybox-caption {
        padding-left: 12px;
        padding-right: 12px
    }

    @supports (padding:max(0px)) {
        .fancybox-caption {
            padding-left: max(12px,env(safe-area-inset-left));
            padding-right: max(12px,env(safe-area-inset-right))
        }
    }
}

.fancybox-share {
    background: #f4f4f4;
    border-radius: 3px;
    max-width: 90%;
    padding: 30px;
    text-align: center
}

    .fancybox-share h1 {
        color: #222;
        font-size: 35px;
        font-weight: 700;
        margin: 0 0 20px
    }

    .fancybox-share p {
        margin: 0;
        padding: 0
    }

.fancybox-share__button {
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 5px 10px;
    min-width: 130px;
    padding: 0 15px;
    text-decoration: none;
    transition: all .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap
}

    .fancybox-share__button:link, .fancybox-share__button:visited {
        color: #fff
    }

    .fancybox-share__button:hover {
        text-decoration: none
    }

.fancybox-share__button--fb {
    background: #3b5998
}

    .fancybox-share__button--fb:hover {
        background: #344e86
    }

.fancybox-share__button--pt {
    background: #bd081d
}

    .fancybox-share__button--pt:hover {
        background: #aa0719
    }

.fancybox-share__button--tw {
    background: #1da1f2
}

    .fancybox-share__button--tw:hover {
        background: #0d95e8
    }

.fancybox-share__button svg {
    height: 25px;
    margin-right: 7px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 25px
}

    .fancybox-share__button svg path {
        fill: #fff
    }

.fancybox-share__input {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 14px;
    margin: 10px 0 0;
    outline: none;
    padding: 10px 15px;
    width: 100%
}

.fancybox-thumbs {
    background: #ddd;
    bottom: 0;
    display: none;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 2px 2px 4px;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    top: 0;
    width: 212px;
    z-index: 99995
}

.fancybox-thumbs-x {
    overflow-x: auto;
    overflow-y: hidden
}

.fancybox-show-thumbs .fancybox-thumbs {
    display: block
}

.fancybox-show-thumbs .fancybox-inner {
    right: 212px
}

.fancybox-thumbs__list {
    font-size: 0;
    height: 100%;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    position: relative;
    white-space: nowrap;
    width: 100%
}

.fancybox-thumbs-x .fancybox-thumbs__list {
    overflow: hidden
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
    width: 7px
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0,0,0,.3)
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px
}

.fancybox-thumbs__list a {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: rgba(0,0,0,.1);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    float: left;
    height: 75px;
    margin: 2px;
    max-height: calc(100% - 8px);
    max-width: calc(50% - 4px);
    outline: none;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    width: 100px
}

    .fancybox-thumbs__list a:before {
        border: 6px solid #ff5268;
        bottom: 0;
        content: "";
        left: 0;
        opacity: 0;
        position: absolute;
        right: 0;
        top: 0;
        transition: all .2s cubic-bezier(.25,.46,.45,.94);
        z-index: 99991
    }

    .fancybox-thumbs__list a:focus:before {
        opacity: .5
    }

    .fancybox-thumbs__list a.fancybox-thumbs-active:before {
        opacity: 1
    }

@media (max-width:576px) {
    .fancybox-thumbs {
        width: 110px
    }

    .fancybox-show-thumbs .fancybox-inner {
        right: 110px
    }

    .fancybox-thumbs__list a {
        max-width: calc(100% - 10px)
    }
}

@keyframes fade {
    0% {
        opacity: 0
    }

    90% {
        opacity: .9
    }
}

@keyframes append {
    from {
        opacity: 0
    }
}

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

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

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

.top-link {
    text-align: center;
    display: flex;
    justify-content: center;
    background: #fff
}

    .top-link p {
        margin: 0;
        padding: 0;
        display: flex
    }

        .top-link p strong {
            padding: 8px 5px 0 0;
            margin: 0;
            font-size: 15px;
            color: #000
        }

        .top-link p a {
            display: block;
            background: #dd283b;
            margin: 6px 8px;
            padding: 5px 10px;
            color: #fff;
            font-size: 13px;
            border-radius: 4px;
            animation: red2Pink .5s infinite
        }

            .top-link p a:hover {
                background: #fd475a
            }

.pulse {
    background: #fd475a;
    border-radius: 50%;
    margin: 11px;
    height: 15px;
    width: 15px;
    box-shadow: 0 0 0 0 rgba(233,156,176,1);
    transform: scale(1);
    animation: pulse 2s infinite
}

@keyframes red2Pink {
    0% {
        background: #fd475a
    }

    100% {
        background: #dd283b
    }
}

@keyframes pulse {
    0% {
        transform: scale(.95);
        box-shadow: 0 0 0 0 rgba(233,156,176.7)
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 10px rgba(233,156,176,0)
    }

    100% {
        transform: scale(.95);
        box-shadow: 0 0 0 0 rgba(233,156,176,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: #009981
}

.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: #fff;
        border-radius: 50%;
        border: 2px solid #aaa
    }

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

    .radio-ctn input:checked ~ .checkmark {
        background-color: #fff;
        border: 2px solid #009981
    }

    .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: #009981
    }

.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: #00483d
}

    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: #fff
}

.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: #00483d
}

.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: 33px
                }

                    .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: #00483d;
    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: #fff
        }

            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,#009981 0%,#00483d 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,#009981 0%,#00483d 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: #00483d;
        background-image: linear-gradient(#00917a,#00483d);
        border: none;
        border-radius: 17px;
        width: 42px;
        height: 42px;
        outline: none;
        font-size: 17px;
        color: #fff
    }

        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: #00483e;
            border-radius: 10px;
            padding: 6px 8px;
            box-shadow: 0 4px 6px #ccc;
            color: #fff;
            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: #009981
        }

    header .heading .order-tools .cart a, header .heading .order-tools .cart a:link, header .heading .order-tools .cart a:visited {
        font-size: 38px;
        color: #00483e;
        display: flex
    }

        header .heading .order-tools .cart a:hover {
            color: #009981
        }

        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: #fff;
                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: #00483d;
        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;
        max-width: 1200px
    }

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

            header nav ul.root li a, header nav ul.root li a:link, header nav ul.root li a:visited {
                color: #fff;
                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: #00483d
                }

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

        header nav ul.root > li > a, header nav ul.root > li > a:link, header nav ul.root > li > a:visited {
            display: flex;
            flex-direction: column
        }

        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: 42px;
        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: #009981
                }

                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: #00483d;
    border-radius: 11px;
    padding: 10px 20px 10px 20px;
    color: #fff
}

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

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

        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: #ddd
    }

        footer .bg a:hover {
            color: #fff
        }

    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: #00483d
    }

    footer .bg a.hotline, footer .bg a.hotline:link, footer .bg a.hotline:visited {
        color: #00483d;
        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;
        font-family: -apple-system,BlinkMacSystemFont,'Segoe UI' !important
    }

        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: #00483d;
        color: #fff;
        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: #009981
        }

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,#00917a,#00483d);
            -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: #00483d;
        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: #009981
        }

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

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

        section .hot-sales .item .text {
            width: 60%;
            color: #fff
        }

            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(#00917a,#00483d)
        }

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: #fff;
    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(/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: 'icomoon';
        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: 'icomoon';
        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(#00917a,#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: #fff;
        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: 'icomoon';
        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: 'icomoon';
        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: #009981
    }

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: #00483d;
        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: #009981;
        margin-bottom: 20px;
        display: inline-block;
        height: 30px;
        overflow: hidden
    }

        section .box-home .header:after {
            content: " ";
            border-top: 30px solid #00483d;
            border-left: 30px solid #009981;
            margin-left: 40px
        }

        section .box-home .header h4 {
            padding: 5px 60px 6px 35px;
            margin: 0 0 0 60px;
            background: #00483d;
            color: #fff;
            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: #fff
            }

                section .box-home .header h4 a:hover {
                    color: #009981
                }

.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: 30px auto 0 auto
        }

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

        .lts-product .item .sales {
            position: absolute;
            top: 120px;
            left: 5px;
            background: #ff6801;
            border-radius: 40px;
            width: 60%;
            padding: 3px 5px;
            color: #fff;
            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: #00483d
                }

            .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: #fff;
            font-size: 11px
        }

        .lts-product .item .promote {
            border-radius: 5px;
            background-image: linear-gradient(#00917a,#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: #009981
            }

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;
    text-align: center
}

    .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: 5px
    }

    .jssor-1200-thumbs .pdn .w, .jssor-1200-thumbs .pav .w, .jssor-1200-thumbs .pav:hover .w {
        background: transparent linear-gradient(90deg,#009981 0%,#00483d 100%) 0% 0% no-repeat;
        color: #fff;
        box-shadow: 0 2px 6px #00000029;
        padding: 15px 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-1200-thumbs small {
        font-weight: normal
    }

.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: #fff;
        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: 'icomoon';
        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: 'icomoon';
        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: 'icomoon';
            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: #009981
            }

.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(#00917a,#00483d);
            color: #fff
        }

.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: #fff;
            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: #00483d 0% 0% no-repeat padding-box;
        border-radius: 4px;
        color: #fff;
        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 strong {
        color: #fd475a;
        display: block
    }

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

.product-option .selected {
    border: 2px solid #00483d;
    padding: 4px
}

    .product-option .selected:hover {
        border: 2px solid #00483d;
        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: 'icomoon';
    font-size: 8px;
    background: #00483d;
    color: #fff;
    border-color: #00483d
}

.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: #fff;
                font-size: 11px;
                padding: 2px 5px
            }

            .product-promotion ul li a, .product-promotion ul li a:link, .product-promotion ul li a:visited {
                color: #00483d;
                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;
    justify-items: stretch
}

    .product-action .btnbuy {
        margin-right: 6px;
        display: block;
        text-align: center;
        color: #fff;
        padding: 4px 4px;
        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 .btnbuy span {
        font-size: 11px
    }

    .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,#00917a 0%,#00483d 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,#00917a 0%,#00483d 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: 'icomoon';
                    font-size: 6px;
                    margin: 6px 5px 0 0
                }

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

                    .product-shop .check-stock .store ul li a:hover {
                        color: #00483d
                    }

                .product-shop .check-stock .store ul li label.data {
                    display: block
                }

                .product-shop .check-stock .store ul li label strong a {
                    color: #009981
                }

    .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: #fff;
        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 #00483d;
        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,#00917a 0%,#00483d 100%) 0% 0% no-repeat padding-box;
        box-shadow: 0 4px 6px #00000029;
        border-radius: 3px;
        color: #fff;
        border: none;
        padding: 12px
    }

    .login-form .form .button-group .btn:hover {
        color: #00917a
    }

    .login-form .form .button-group .btn-submit:hover {
        background: transparent linear-gradient(180deg,#00483d 0%,#00917a 100%) 0% 0% no-repeat padding-box;
        color: #fff
    }

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

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

        .login-form .form .forgotpass a:hover {
            color: #00483d
        }

nav.scroll-to-fixed-fixed {
    background: #00483d;
    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: 20px
                }

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

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

    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: #00483d
}

    .product-details .slider-t-l i, .product-details .slider-t-r i {
        background: #009a826b;
        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: #fff
}

.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;
    padding-bottom: 30px
}

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

.product-specs .product-specs-button {
    position: absolute;
    bottom: -20px;
    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%,#00483d 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: #fff;
            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 h1 {
        font-size: 21px;
        padding: 0;
        margin: 10px 0
    }

    .product-text h2 {
        font-size: 18px;
        padding: 0;
        margin: 10px 0
    }

    .product-text h3 {
        font-size: 16px;
        padding: 0;
        margin: 10px 0
    }

    .product-text h4 {
        font-size: 14px;
        padding: 0;
        margin: 10px 0
    }

    .product-text h5 {
        font-size: 13px;
        padding: 0;
        margin: 10px 0
    }

    .product-text h6 {
        font-size: 11px;
        padding: 0;
        margin: 10px 0
    }

#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: #00483d
    }

.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: #00483e
            }

    .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: #009981
    }

        .autocomplete-suggestions .more-results a strong {
            font-weight: bold;
            color: #009981 !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: #00483d;
            background-image: linear-gradient(#00917a,#00483d);
            border: none;
            border-radius: 17px;
            width: 42px;
            height: 42px;
            outline: none;
            font-size: 17px;
            color: #fff
        }

            .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: #fff;
            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: #fff;
            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: #00483e
            }

        .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,#00917a 0%,#00483d 100%) 0% 0% no-repeat padding-box;
        box-shadow: 0 4px 6px #00000029;
        color: #fff
    }

        .info-compare a:hover {
            background: transparent linear-gradient(0deg,#00917a 0%,#00483d 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: #fff
    }

        .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%,#00483d 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: #fff;
    padding: 8px 10px
}

    .rc-form button:hover {
        background: #00483d
    }

    .rc-form button i {
        font-weight: normal;
        text-transform: none
    }

.comment-form .note {
    color: #00483d;
    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: #00483d;
        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: #009981;
                border-radius: 25px;
                color: #fff
            }

        .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: #009981;
                display: block;
                margin: 0 5px 0 20px;
                width: 16px;
                height: 16px;
                text-align: center;
                line-height: 16px;
                font-size: 8px;
                border-radius: 20px;
                color: #fff
            }

            .review-content .item .info p span {
                color: #009981
            }

            .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: #fff
                    }

                    .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: #fff
            }

        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: #00483d;
            color: #fff
        }

.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 #009981
    }

.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: #009981 0% 0% no-repeat padding-box;
                width: 18px;
                height: 18px;
                line-height: 18px;
                text-align: center;
                color: #fff;
                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: #fff;
            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 #00483d;
            border-radius: 3px;
            display: flex
        }

            .cart-items .item .options .option label i {
                display: block;
                margin-right: 5px;
                background: #00483d 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: #fff
            }

            .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: #fff;
        background: #009981;
        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: #fff
}

.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: #fff
    }

.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: #00483d 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: #fff
        }

    .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,#009981 0%,#00483d 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,#009981 0%,#00483d 100%) 0% 0% no-repeat padding-box;
        font-weight: bold;
        border: none;
        outline: none;
        box-shadow: 0 4px 6px #00000029;
        border-radius: 8px;
        color: #fff;
        font-size: 15px;
        text-align: center;
        padding: 20px 50px
    }

        .cart-form .control-button button:hover {
            background: #00483d
        }

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

.cart-form .row .control-cbx {
    border: none;
    background: none;
    margin: 10px 0 0 -10px
}

.cart-form .shVAT {
    display: none
}

.cart-form label > input[type="checkbox"] {
    display: none
}

    .cart-form label > input[type="checkbox"] + *::before {
        content: "";
        display: inline-block;
        vertical-align: bottom;
        width: 1rem;
        height: 1rem;
        margin-right: .3rem;
        border-radius: 10%;
        border-style: solid;
        border-width: .1rem;
        border-color: #f00;
        flex-shrink: 0
    }

    .cart-form label > input[type="checkbox"]:checked + * {
        color: #008080
    }

        .cart-form label > input[type="checkbox"]:checked + *::before {
            content: "✓";
            color: #fff;
            text-align: center;
            background: #008080;
            border-color: #008080
        }

    .cart-form label > input[type="checkbox"] + * {
        display: inline-flex;
        padding: 5px 0
    }

.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: #fff;
            padding: 0 10px;
            font-size: 15px;
            background: transparent linear-gradient(88deg,#009981 0%,#00483d 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;
    flex-flow: row wrap
}

.quick-order .grid-options label {
    margin-bottom: 3px;
    display: block;
    font-size: 12px
}

.quick-order .options .option {
    margin-right: 10px;
    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 #009981;
            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: #00483d 0% 0% no-repeat padding-box;
            box-shadow: 0 4px 6px #00000029;
            border-radius: 22px;
            color: #fff;
            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: #fff
                }

        .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: #00483d;
        background-image: linear-gradient(#00917a,#00483d);
        border: none;
        border-radius: 17px;
        width: 42px;
        height: 42px;
        outline: none;
        font-size: 17px;
        color: #fff
    }

        .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: #fff;
        font-weight: bold;
        padding: 0 60px;
        background: transparent linear-gradient(179deg,#009981 0%,#00483d 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: #00483d
        }

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: #fff;
        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,#009981 0%,#00483d 100%) 0% 0% no-repeat padding-box;
            box-shadow: 0 4px 6px #00000029;
            border-radius: 8px;
            color: #fff;
            font-weight: bold;
            padding: 15px 60px;
            outline: none;
            border: none
        }

            .form-controls .submit-controls button:hover {
                background: #00483d
            }

    .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: #00483d;
        opacity: .5;
        border-radius: 8px;
        transform: rotate(90deg);
        color: #fff;
        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,#00917a 0%,#00483d 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0 4px 6px #00000029;
    border-radius: 4px;
    outline: none;
    border: none;
    padding: 10px 30px;
    color: #fff;
    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: #00917a;
        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: #fff;
            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: #00483d
}

.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: #009981;
    margin-bottom: 20px;
    display: inline-block;
    height: 30px;
    overflow: hidden
}

    .job .header:after {
        content: " ";
        border-top: 30px solid #00483d;
        border-left: 30px solid #009981;
        margin-left: 40px
    }

    .job .header h4 {
        padding: 5px 60px 6px 35px;
        margin: 0 0 0 60px;
        background: #00483d;
        color: #fff;
        font-size: 14px;
        text-transform: uppercase
    }

        .job .header h4, .job .header h4 a, .job .header h4 a:link, .job .header h4 a:visited {
            color: #fff
        }

            .job .header h4 a:hover {
                color: #009981
            }

.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: #00483d
    }

        .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: #009981;
            display: block;
            margin: 0 5px 0 20px;
            width: 16px;
            height: 16px;
            text-align: center;
            line-height: 16px;
            font-size: 8px;
            border-radius: 20px;
            color: #fff
        }

        .job-comment .item label {
            display: flex;
            color: #009981
        }

.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 #00483d;
    padding: 4px
}

    .installment .selected:hover {
        border: 2px solid #00483d;
        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: #009981;
    display: block;
    margin: 0 5px 0 0;
    width: 16px;
    height: 16px;
    text-align: center;
    line-height: 16px;
    font-size: 8px;
    border-radius: 20px;
    color: #fff
}

.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: 30px 0 0 0;
        margin: 0;
        display: flex;
        flex-wrap: wrap;
        margin-left: 30px
    }

        .box-icon .content ul li {
            width: 97px;
            text-align: center;
            margin-right: 20px;
            margin-bottom: 20px
        }

            .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 #009981;
                    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: #009981
            }

.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 #00483d;
                border-radius: 3px;
                display: flex
            }

        .installment-v2 .options label i {
            display: block;
            margin-right: 5px;
            background: #00483d 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: #fff
        }

        .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: #009981
                }

                .installment-v2 .header ul li a.actived {
                    color: #fff;
                    background: #00483d;
                    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: #009981;
                    border: 1px solid #009981
                }

                .installment-v2 ul li a.actived {
                    color: #009981;
                    border: 1px solid #009981;
                    background: #fff
                }

    .installment-v2 select.select-opt {
        border: 1px solid #009981;
        color: #009981;
        padding: 4px 8px
    }

.payment-opt {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 10px 10px 5px 10px;
    display: flex;
    align-items: stretch;
    justify-content: stretch;
    margin-right: -20px
}

    .payment-opt label span {
        display: block;
        line-height: 20px;
        font-size: 13px
    }

.payment-selected {
    color: #00483d;
    border-color: #00483d
}

.testimonial-slider {
    position: relative
}

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

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

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

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

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

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

        .testimonial-slider .owl-nav .owl-next:after {
            content: 'S';
            font-family: 'icomoon';
            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
        }

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

.testimonial {
    background: #fff 0% 0% no-repeat padding-box;
    box-shadow: 0 4px 6px #00000029;
    border-radius: 8px;
    padding: 25px 50px;
    margin-top: -20px
}

.testimonial-item {
    float: left
}

.testimonial .item {
    display: flex;
    padding: 0 15px
}

    .testimonial .item .img {
        width: 220px;
        border-radius: 8px;
        margin-right: 20px
    }

        .testimonial .item .img img {
            border-radius: 8px;
            width: 220px
        }

    .testimonial .item h3 {
        color: #191919;
        font-size: 22px;
        font-weight: bold;
        margin: 0 0 5px 0
    }

    .testimonial .item h4 {
        color: #009981;
        font-size: 14px;
        font-style: italic;
        margin: 0 0 5px 0
    }

    .testimonial .item .note {
        font-size: 14px;
        color: #191919;
        text-align: justify
    }

.lts-product .item .percen {
    position: absolute;
    top: 10px;
    left: 5px;
    background: #f00;
    border-radius: 4px;
    width: 30px;
    padding: 5px 5px;
    color: #fff;
    font-weight: bold;
    font-size: 11px
}

.lts-product .item .total {
    position: absolute;
    top: 10px;
    right: 5px;
    background: #009a817d;
    border-radius: 4px;
    width: 50px;
    padding: 5px 5px;
    color: #01483d;
    font-weight: bold;
    font-size: 11px
}

.installment-v3 {
    display: flex
}

    .installment-v3 .image {
        width: 400px
    }

    .installment-v3 .info {
        flex-basis: 100%
    }

    .installment-v3 .price {
        margin-bottom: 10px
    }

        .installment-v3 .price strong {
            font-size: 25px;
            color: #fd475a
        }

        .installment-v3 .price i {
            font-size: 15px;
            margin-left: 5px
        }

    .installment-v3 .freeship {
        background: #00483d 0% 0% no-repeat padding-box;
        border-radius: 4px;
        color: #fff;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0;
        margin: 0 0 5px 0
    }

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

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

.provider-list {
    display: flex;
    flex-wrap: wrap;
    margin-right: -10px
}

    .provider-list .item a {
        cursor: pointer;
        position: relative;
        margin: 0 10px 15px 0;
        border: 1px solid #009981;
        width: 115px;
        height: 50px;
        background: #fff;
        flex-direction: column;
        display: flex;
        justify-content: center;
        justify-items: center
    }

    .provider-list .item img {
        margin: 0 auto;
        max-width: 100px;
        max-height: 40px
    }

    .provider-list .item label {
        width: 11px;
        height: 11px;
        border: 1px solid #009981;
        border-radius: 11px;
        position: absolute;
        top: 4px;
        left: 4px
    }

        .provider-list .item label i {
            display: none
        }

    .provider-list .item-checked a, .provider-list .item a:hover {
        border-color: #ff6801
    }

        .provider-list .item-checked a label {
            border-color: #00483d;
            background: #009981
        }

            .provider-list .item-checked a label i {
                display: block;
                font-size: 8px;
                text-align: center;
                line-height: 11px;
                color: #fff
            }

.picker {
    display: grid;
    grid-template-columns: 50% 50%
}

.prepay-term .options {
    display: flex;
    flex-wrap: wrap
}

    .prepay-term .options .item a {
        position: relative;
        text-align: center;
        margin: 0 10px 15px 0;
        border: 1px solid #009981;
        width: 85px;
        height: 30px;
        background: #fff;
        flex-direction: column;
        display: flex;
        justify-content: center;
        justify-items: center
    }

.prepay-term .item-checked a label {
    border-color: #00483d;
    background: #009981
}

    .prepay-term .item-checked a label i {
        display: block !important;
        font-size: 8px;
        text-align: center;
        line-height: 11px;
        color: #fff
    }

.prepay-term .options .item a:hover {
    border: 1px solid #ff6801
}

.prepay-term .options .item label {
    width: 11px;
    height: 11px;
    border: 1px solid #009981;
    border-radius: 11px;
    position: absolute;
    top: 8px;
    left: 4px
}

    .prepay-term .options .item label i {
        display: none
    }

.prepay-term .options .item span {
    display: block;
    padding-left: 10px;
    margin-top: -2px;
    font-size: 13px
}

.bg-white .container {
    background: #fff 0% 0% no-repeat padding-box;
    box-shadow: 0 3px 6px #00000029;
    border-radius: 14px;
    padding: 20px 30px;
    width: 1140px;
    min-width: 1140px;
    margin: 20px auto
}

.installment-picker .estimation {
    margin-top: -68px
}

    .installment-picker .estimation h4 {
        text-align: center;
        background: #efefef;
        padding: 10px;
        font-size: 15px
    }

.estimation table {
    text-align: left;
    border: 1px solid #00483d;
    border-collapse: collapse;
    width: 100%;
    font-size: 14px
}

    .estimation table th, .estimation table td {
        padding: 6px 8px;
        border: 1px solid #00483d
    }

    .estimation table th {
        background-image: linear-gradient(to left,#00483d,#009981);
        color: #fff;
        font-weight: normal;
        width: 50%
    }

.installment-type {
    margin: 20px 0 30px 0
}

    .installment-type h2 {
        text-align: center;
        padding: 10px;
        background: #ededed
    }

    .installment-type .header ul {
        list-style: none;
        padding: 0;
        margin: 0;
        display: flex;
        justify-content: center;
        justify-items: center
    }

        .installment-type .header ul li {
            margin: 0 5px
        }

            .installment-type .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-type .header ul li a:hover {
                    color: #009981
                }

                .installment-type .header ul li a.actived {
                    color: #fff;
                    background: #00483d;
                    padding: 20px 0;
                    margin: 0
                }

.installment-form .form .row {
    display: flex;
    justify-items: center;
    justify-items: center;
    margin-bottom: 20px
}

.installment-form .form .control {
    margin-left: 30px;
    flex-grow: 2;
    display: flex
}

    .installment-form .form .control:first-child {
        margin-left: 0
    }

.installment-form .form input, .installment-form .form textarea, .installment-form .form select {
    background: #f9f9f9;
    border: 1px solid #009981;
    padding: 8px 15px;
    font-size: 13px;
    flex-basis: 100%;
    outline: none;
    color: #000;
    font-weight: bold
}

.installment-form .form textarea {
    height: 80px !important;
    font-family: -apple-system,BlinkMacSystemFont,'Segoe UI';
    font-weight: normal
}

.installment-form .form select {
    outline: none;
    color: #444
}

.installment-form .form .control-lg {
    flex-grow: 4
}

.installment-form .form h4 {
    font-size: 16px;
    background: #efefef;
    width: 100%;
    padding: 8px 10px;
    margin: 0
}

.installment-form .form .control-submit {
    text-align: center;
    justify-items: center;
    justify-content: center
}

    .installment-form .form .control-submit button {
        border: 1px solid #00483d;
        background-image: linear-gradient(to left,#00483d,#009981);
        padding: 10px 60px;
        text-align: center;
        border-radius: 15px;
        color: #fff;
        font-weight: bold
    }

        .installment-form .form .control-submit button:hover {
            background-image: linear-gradient(to right,#00483d,#009981)
        }

.flash-sale-nav {
    flex-grow: 10;
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex
}

    .flash-sale-nav li {
        margin: 20px 10px 0 10px
    }

        .flash-sale-nav li a {
            display: block;
            border: 1px solid #009981;
            background: #fff;
            font-weight: bold;
            padding: 5px 15px;
            border-radius: 10px
        }

            .flash-sale-nav li a:hover {
                background: #009981;
                color: #fff
            }

            .flash-sale-nav li a.actived {
                background: #009981;
                color: #fff
            }

.stock-sum {
    padding: 0 0 5px 0;
    text-align: center;
    color: #00483d
}

.order-payment {
    margin-top: 10px
}

    .order-payment button {
        padding: 10px 15px;
        background: transparent linear-gradient(180deg,#0e8f7b 0%,#00483d 100%) 0% 0% no-repeat padding-box;
        color: #fff;
        border-radius: 4px;
        border: 1px solid #0c3a22;
        font-weight: bold
    }

        .order-payment button:hover {
            background: transparent linear-gradient(180deg,#00483d 0%,#0e8f7b 100%) 0% 0% no-repeat padding-box
        }

.order-bottom {
    text-align: center;
    margin-top: 20px
}

    .order-bottom .back-home {
        display: block;
        padding: 8px 30px;
        background: #009981;
        color: #fff;
        border: 1px solid #00483d;
        border-radius: 5px;
        width: 120px;
        margin: 10px auto
    }

.order-top {
    text-align: center;
    padding: 20px 0
}

    .order-top .container {
        background: #fff;
        border-radius: 10px;
        padding: 10px 0 20px 0
    }

    .order-top img {
        width: 200px
    }

.order-body .order-submit-layout {
    display: flex;
    justify-content: stretch;
    justify-items: stretch;
    width: 100%
}

.order-body .order-info, .order-body .order-pay {
    flex-basis: auto;
    flex-grow: 2;
    width: 50%
}

.order-body .order-info {
    border: 1px solid #eee;
    border-radius: 6px;
    margin-right: 20px;
    background: #fafafa
}

    .order-body .order-info h3 {
        padding: 6px 0 4px 15px;
        margin: 0;
        background: #009981;
        color: #fff;
        border-radius: 6px 6px 0 0;
        border: 1px solid #009981;
        display: flex
    }

        .order-body .order-info h3 i {
            margin-right: 10px;
            font-size: 18px
        }

    .order-body .order-info p {
        padding: 5px 10px;
        margin: 0
    }

    .order-body .order-info .items {
        margin-top: 0;
        padding: 15px
    }

    .order-body .order-info .item {
        display: flex;
        background: #eee
    }

        .order-body .order-info .item ol {
            margin: 0;
            padding: 0 0 0 24px
        }

            .order-body .order-info .item ol li {
                padding-bottom: 5px;
                font-size: 13px;
                color: #777
            }

.order-body .order-pay {
    border: 1px solid #eee;
    border-radius: 6px;
    margin-right: 20px;
    background: #fafafa
}

    .order-body .order-pay h3 {
        padding: 6px 0 4px 15px;
        margin: 0;
        background: #00483d;
        color: #fff;
        border-radius: 6px 6px 0 0;
        border: 1px solid #009981;
        display: flex
    }

        .order-body .order-pay h3 i {
            margin-right: 10px;
            font-size: 18px
        }

    .order-body .order-pay .alert {
        padding: 8px 10px;
        border: 1px dashed #ccc;
        margin: 10px;
        text-align: center;
        background: #f8f8f8
    }

    .order-body .order-pay .payment-type {
        display: grid;
        grid-template-columns: 48% 48%;
        grid-column-gap: 4%;
        padding: 10px 2%
    }

        .order-body .order-pay .payment-type .item {
            margin-bottom: 20px
        }

            .order-body .order-pay .payment-type .item button {
                width: 100%;
                text-align: center;
                border: 1px solid #00483d;
                border-radius: 4px;
                background: #00483d;
                color: #fff;
                padding: 6px 10px;
                text-align: center;
                font-weight: bold;
                display: flex;
                flex-direction: column
            }

                .order-body .order-pay .payment-type .item button i {
                    font-size: 30px;
                    width: 100%
                }

                .order-body .order-pay .payment-type .item button span {
                    width: 100%
                }

                .order-body .order-pay .payment-type .item button:hover {
                    background: #009a82
                }

    .order-body .order-pay .pay-info {
        background: #fff;
        padding: 0 10px 10px 10px
    }

        .order-body .order-pay .pay-info p img {
            margin: 0 auto
        }

        .order-body .order-pay .pay-info table {
            background: #ddd;
            border: 1px solid #222
        }

    .order-body .order-pay .back {
        padding: 10px;
        color: #000
    }

.cart-form .row span.group {
    display: block;
    width: 100%;
    text-align: left
}

.cart-form .row .payment-opt {
    width: 100%;
    margin-right: 0
}

.btn-qr-d {
    display: block;
    padding: 8px 30px;
    background: #009981;
    color: #fff;
    border: 1px solid #00483d;
    border-radius: 5px;
    width: 120px;
    margin: 10px auto
}

    .btn-qr-d:hover {
        background: #00483d
    }

.k-plus-main {
    background: #fff;
    padding: 15px;
    border-radius: 6px;
    box-shadow: 0 4px 6px #ccc;
    margin-bottom: 20px
}

.package-list {
    margin-bottom: 25px
}

    .package-list .package {
        display: flex;
        justify-items: stretch;
        margin-left: -20px
    }

        .package-list .package .item {
            border: 1px solid #ccc;
            margin: 0 20px;
            padding: 10px 15px;
            display: flex;
            width: 165px;
            border-radius: 5px
        }

            .package-list .package .item div label {
                display: block;
                margin: 5px 5px 5px 15px
            }

            .package-list .package .item:hover {
                border: 1px solid #00483d;
                cursor: pointer;
                box-shadow: 0 4px 6px #ccc
            }

        .package-list .package .actived {
            border: 1px solid #ff6801;
            background: #eee
        }

.shop-list .row {
    display: flex
}

    .shop-list .row .col {
        width: 50%
    }

.shop-list select {
    width: 95%;
    border: 1px solid #ccc;
    padding: 7px 10px;
    border-radius: 4px
}

.k-btn {
    margin: 10px 0;
    padding: 8px 20px;
    border-radius: 4px;
    border: 1px solid #00483d;
    background: #00483d;
    color: #fff
}

    .k-btn:hover {
        background: #009a82
    }

.k-form input {
    padding: 8px 15px;
    border-radius: 4px;
    border: 1px solid #ccc
}

.package-intro {
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background: #efefef;
    margin: 10px 0;
    display: none
}

section .box-home .header-container {
    display: flex
}

    section .box-home .header-container .other-link {
        flex-grow: 3;
        display: flex;
        justify-content: flex-end
    }

        section .box-home .header-container .other-link a, section .box-home .header-container .other-link a:link, section .box-home .header-container .other-link a:visited {
            display: block;
            margin-left: 10px;
            border: 1px solid #ccc;
            background: #fff;
            padding: 5px 10px;
            border-radius: 8px;
            color: #333;
            margin-bottom: 18px
        }

            section .box-home .header-container .other-link a:hover, section .box-home .header-container .other-link a.actived {
                color: #fff;
                background: #00483d;
                border-color: #00483d
            }

.df-search-box {
    padding: 8px
}

    .df-search-box .search-image {
        padding-bottom: 10px
    }

        .df-search-box .search-image .img img {
            max-width: 100%
        }

    .df-search-box .search-history {
        margin-top: 10px
    }

        .df-search-box .search-history .head {
            display: flex;
            justify-items: right;
            justify-content: right;
            padding-bottom: 10px;
            font-size: 14px
        }

            .df-search-box .search-history .head a, .df-search-box .search-history .head a:link, .df-search-box .search-history .head a:visited {
                color: #fd475a
            }

        .df-search-box .search-history ul {
            list-style: none;
            padding: 0;
            margin: 0
        }

            .df-search-box .search-history ul li {
                color: #c9c9c9;
                padding: 5px 0;
                display: flex;
                font-size: 15px
            }

                .df-search-box .search-history ul li i {
                    color: #c9c9c9;
                    margin-right: 10px;
                    padding-top: 1px;
                    font-size: 20px
                }

                .df-search-box .search-history ul li label {
                    flex-grow: 3;
                    display: block;
                    padding: 3px 0
                }

                .df-search-box .search-history ul li a, .df-search-box .search-history ul li a:link, .df-search-box .search-history ul li a:visited {
                    color: #c9c9c9;
                    display: block
                }

                    .df-search-box .search-history ul li a:hover {
                        color: #009981
                    }

                    .df-search-box .search-history ul li a.remove i {
                        color: #191919;
                        font-size: 13px
                    }

    .df-search-box .search-trend {
        margin-top: 10px
    }

        .df-search-box .search-trend .head {
            color: #fc521d;
            font-weight: bold;
            padding-bottom: 10px;
            display: block;
            font-size: 15px
        }

        .df-search-box .search-trend ul {
            list-style: none;
            padding: 0;
            margin: 0;
            display: grid;
            grid-template-columns: 50% 50%
        }

            .df-search-box .search-trend ul li {
                color: #009981;
                cursor: pointer;
                font-size: 15px;
                padding: 5px 0
            }

                .df-search-box .search-trend ul li a, .df-search-box .search-trend ul li a:link, .df-search-box .search-trend ul li a:visited {
                    color: #191919;
                    display: flex
                }

                    .df-search-box .search-trend ul li a:hover {
                        color: #009981
                    }

                    .df-search-box .search-trend ul li a i {
                        color: #009981;
                        margin-right: 10px;
                        font-size: 20px
                    }

                    .df-search-box .search-trend ul li a label {
                        display: block;
                        padding: 1px 0 10px 0
                    }

.autocomplete-suggestions .heading {
    background: #ebebeb;
    padding: 5px 10px;
    border-radius: 4px;
    margin: 10px;
    font-weight: bold
}

.autocomplete-suggestions .kwds .kwd a, .autocomplete-suggestions .kwds .kwd a:link, .autocomplete-suggestions .kwds .kwd a:visited {
    color: #191919;
    font-weight: bold;
    display: block;
    padding: 5px 15px
}

    .autocomplete-suggestions .kwds .kwd a:hover {
        color: #009981;
        background: #f1f1f1
    }

.autocomplete-suggestions .samsung-landing {
    padding: 5px 10px;
    border-radius: 4px;
    border-bottom: 1px solid #eee;
    display: flex;
    background: #0d35a7;
    color: #fff;
    margin: 0 10px
}

    .autocomplete-suggestions .samsung-landing:hover {
        background: #009981
    }

    .autocomplete-suggestions .samsung-landing a {
        display: flex;
        width: 100%;
        height: 100%;
        color: #fff !important
    }

        .autocomplete-suggestions .samsung-landing a strong {
            color: #fff
        }

    .autocomplete-suggestions .samsung-landing img {
        margin-left: 15px
    }

    .autocomplete-suggestions .samsung-landing strong {
        font-size: 15px;
        font-weight: bold;
        font-family: -apple-system,BlinkMacSystemFont,'Segoe UI';
        line-height: 16px;
        height: 16px
    }

.lts-product .item .last-price {
    position: absolute;
    top: 5px;
    right: 5px;
    background: #ff0200;
    padding: 4px;
    display: flex
}

    .lts-product .item .last-price:before {
        content: " ";
        width: 8px;
        height: 8px;
        background: #fff;
        border-radius: 16px;
        margin: auto 5px auto 0
    }

    .lts-product .item .last-price .bg {
        background: #fff;
        padding: 3px 8px;
        border-radius: 6px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        justify-items: center
    }

        .lts-product .item .last-price .bg strong {
            font-size: 9px
        }

        .lts-product .item .last-price .bg label {
            font-size: 10px;
            margin-top: -2px;
            font-weight: bold
        }

.cart-form .row .voucher {
    background: #efefef;
    padding: 10px;
    flex-grow: 4;
    margin: 10px 0
}

    .cart-form .row .voucher .remove {
        font-size: 9px;
        background: #444;
        border-radius: 10px;
        width: 18px;
        display: flex;
        height: 18px;
        color: #fff;
        justify-content: center;
        line-height: 17px
    }

    .cart-form .row .voucher > div {
        display: flex
    }

        .cart-form .row .voucher > div label, .cart-form .row .voucher > div strong, .cart-form .row .voucher > div span, .cart-form .row .voucher > div a {
            margin-right: 8px
        }

.cart-form .row .voucher-button {
    background: #444;
    color: #fff;
    border: none;
    border-radius: 0 10px 10px 0;
    margin-right: -10px;
    text-wrap: nowrap;
    padding: 5px 15px
}

    .cart-form .row .voucher-button:hover {
        background: #009981;
        cursor: pointer
    }

.img2cols {
    display: grid;
    grid-gap: 20px;
    grid-template-columns: repeat(2,minmax(0,1fr))
}

.img3cols {
    display: grid;
    grid-gap: 20px;
    grid-template-columns: repeat(3,minmax(0,1fr))
}

@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: #fff;
            padding: 0 10px;
            font-size: 15px;
            background: transparent linear-gradient(88deg,#009981 0%,#00483d 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 #009981;
                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
        }
}