@font-face {
    font-family: UTMEssen;
    src: url(../fonts/utm-essendine-capsbold.ttf);
    font-display: swap
}

@font-face {
    font-family: SVN;
    src: url(../fonts/SVN-WALLOWS.OTF);
    font-display: swap
}

@keyframes zoomInVideo {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    50% {
        -webkit-transform: scale3d(0.8, 0.8, 0.8);
        transform: scale3d(0.8, 0.8, 0.8)
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -80%, 0);
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes zoomInBN {
    0% {
        -webkit-transform: scale3d(0.7, 0.7, 0.7);
        transform: scale3d(0.7, 0.7, 0.7);
        opacity: 1
    }

    50% {
        opacity: 0.2;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    100% {
        -webkit-transform: scale3d(0.7, 0.7, 0.7);
        transform: scale3d(0.7, 0.7, 0.7);
        opacity: 0
    }
}

@keyframes zoomInBT {
    0% {
        -webkit-transform: scale3d(0.7, 0.7, 0.7);
        transform: scale3d(0.7, 0.7, 0.7);
        opacity: 1
    }

    50% {
        opacity: 0.4;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    100% {
        -webkit-transform: scale3d(0.7, 0.7, 0.7);
        transform: scale3d(0.7, 0.7, 0.7);
        opacity: 0
    }
}

:root {
    --main-color: #046cc5;
    --border-color: #e0e0e0;
    --violet-color: #6b278c;
}

::-webkit-scrollbar {
    width: 5px
}

::-webkit-scrollbar-track {
    background: #e8e8e8
}

::-webkit-scrollbar-thumb {
    background: var(--main-color);
}

iframe {
    border: none;
}

body {
    font-family: 'Roboto', sans-serif;
    padding-top: 185px;
}

body.nonescroll {
    overflow: hidden
}

header {
    box-shadow: 0 0px 9px 1px #e0e0e0;
    position: relative;
    top: 0;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 102;
    width: 100%;
    background: #ffffff;
}

.top-red {
    border-top: 3px solid var(--main-color);
}

.lazyed {
    background-image: none;
}

header.fixed {
    position: fixed;
    top: -126px;
    z-index: 1000;
    width: 100%;
    background: #ffffff;
    left: 0;
    animation: fadeInDown;
    animation-duration: 0.6s;
}

.header {
    z-index: 12;
    width: 1300px;
    margin: auto;
}

.header .hd-top {
    position: relative;
    padding-top: 10px
}

.header .hd-top ul li a:hover {
    color: var(--main-color);
}

.hdt-lft a:nth-of-type(1) {
    background: url(../image/ic-vts.png) no-repeat;
    background-position-x: 3px;
    background-position-y: 5px
}

.hdt-lft a:nth-of-type(2) {
    background: url(../image/ic-ht.png) no-repeat;
    background-position-x: 7px;
    background-position-y: 4px
}

.hdt-lft a:nth-of-type(3) {
    background: url(../image/ic-callr.png) no-repeat;
    background-position-x: 4px;
    background-position-y: 5px;
    font-size: 13px;
}

.hdt-lft a {
    color: #333;
    font-size: 12px;
    text-decoration: none;
    text-transform: uppercase;
    transition: .2s linear;
    padding: 8px 5px 8px 25px
}

.hdt-lft a:hover {
    color: var(--main-color);
}

.hd-top .hdt-rght {
    position: absolute;
    right: 0;
    top: 10px
}

.hdt-rght a {
    color: #333;
    text-decoration: none;
    font-size: 12px;
    text-transform: uppercase;
    transition: .2s linear;
    padding: 8px 5px 8px 27px;
    position: relative;
    cursor: pointer;
}

.hdt-rght .hdtr-acc, .hdt-rght .hdtr-acc-n {
    background: url(../image/ic-account.png) no-repeat;
    background-position-x: 2px;
    background-position-y: 3px
}

.hdt-rght .hdtr-gh {
    background: url(../image/ic-gh.png) no-repeat;
    background-position-x: 5px;
    background-position-y: 3px;
    padding-right: 0
}

.header .logo-s {
    text-align: center;
    position: relative;
    margin-bottom: 10px
}

.logo-s .logo-t {
    display: inline-block;
}

.logo-s .logo-t img {
    max-width: 100%;
    object-fit: cover
}

.logo-s .fsearch {
    position: absolute;
    right: 0;
    top: calc((100% - 36px) / 2);
}

.fsearch input {
    width: 300px;
    height: 36px;
    border: none;
    border-bottom: 1px solid #e0e0e0;
    padding-left: 0;
    border-radius: 0;
    font-size: 14px;
    transition: all 0.5s linear;
}

.fsearch input::placeholder {
    font-size: 12px;
    color: #333;
}

.fsearch input:focus {
    border-color: var(--main-color);
}

.fsearch button {
    border: initial;
    height: 36px;
    line-height: 36px;
    position: absolute;
    width: 32px;
    text-align: center;
    background: url(../image/ic-search.png) no-repeat;
    background-position: center;
    right: 0;
}

.fsearch input:focus, .fsearch button:focus {
    outline: none
}

.header .logo-s:before {
    content: '';
    width: 100%;
    height: 1px;
    background: url(../image/border-mnt.png) no-repeat;
    position: absolute;
    bottom: -12px;
    left: 0;
    background-size: 100%;
}

.menu-top {
    margin-bottom: 0;
    width: 100%;
    display: flex;
    padding: 0;
    justify-content: initial;
    align-items: center;
    margin: 0;
    height: 60px;
}

.menu-top li {
    list-style-type: none;
    line-height: 1.2;
    padding: 19px 0 19px;
    vertical-align: top;
    text-align: center;
    margin-right: 30px
}

.sale-mnt .img-salemnt {
    width: 14px;
    height: 20px;
    top: -3px;
    position: relative;
    left: -5px;
}

.img-salemnt img {
    max-width: 100%;
    min-height: 100%;
    object-fit: cover
}

.menu-top .sale-mnt {
    text-align: right;
    width: 53px;
    display: flex;
}

ul .sale-mnt a {
    color: var(--main-color)
}

.menu-top li a {
    text-decoration: none;
    font-size: 13px;
    color: #333;
    font-weight: 700;
    text-transform: uppercase;
    transition: .2s linear
}

.menu-top li > a {
    position: relative;
    display: inline-block;
    line-height: 1.4;
    text-align: center;
}

.menu-top li.sale-mnt > a {
    text-transform: uppercase;
    color: var(--main-color);
}

.menu-top li > a:before {
    height: 1px;
    bottom: -5px;
    content: '';
    position: absolute;
    left: 50%;
    right: 50%;
    background: var(--main-color);
    transition: .3s linear
}

.menu-top li:first-child > a:before {
    display: none;
}

.menu-top li:hover > a:before {
    left: 0;
    right: 0;
}

.menu-top li:hover > a {
    color: var(--main-color)
}

.menu-top li a:hover {
    color: var(--main-color)
}

.submn-ct {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
    display: -ms-grid;
    width: 1300px;
    margin: 0 auto;
}

.menu-top .sub-menu {
    position: absolute;
    top: calc(100% + 20px);
    box-shadow: 0 8px 12px #e0e0e0 inset;
    left: 0;
    right: 0;
    background: #fff;
    padding: 30px 0px;
    opacity: 0;
    overflow: hidden;
    visibility: hidden;
    z-index: 101;
    min-height: 250px;
    -webkit-transition-duration: 200ms;
    transition-duration: 200ms;
    -webkit-transition-property: opacity, top, visible;
    transition-property: opacity, top, visible;
    -webkit-transition-timing-function: cubic-bezier(.7, 1, .7, 1);
    transition-timing-function: cubic-bezier(.7, 1, .7, 1);
}

.menu-top.fixed .sub-menu {
    padding: 30px;
    width: 100%;
    left: 0
}

.menu-top .sub-menu .sub-lft {
    display: grid;
    grid-template-columns: 50% 50%;
    display: -ms-grid;
}

.menu-top .sub-menu .sub-lft:nth-of-type(2) {
    padding-top: 20px
}

.menu-top > li:nth-of-type(5) .sub-menu .sub-lft {
    grid-template-columns: 30% 24% 24% 22%;
}

.menu-top > li:nth-of-type(6) .sub-menu .sub-lft {
    grid-template-columns: 45% 33% 22%;
}

.menu-top > li:nth-of-type(7) .sub-menu .sub-lft {
    grid-template-columns: 30% 25% 25% 20%;
}

.menu-top > li:nth-of-type(10) .sub-menu .sub-lft, .menu-top > li:nth-of-type(9) .sub-menu .sub-lft {
    grid-template-columns: 25% 25% 25% 25%
}

.menu-top > li:nth-of-type(3) .sub-menu .sub-lft {
    grid-template-columns: calc(100% / 3) calc(100% / 3) calc(100% / 3)
}

.menu-top > li:nth-of-type(4) .sub-menu .sub-lft {
    grid-template-columns: 20% 20% 20% 20% 20%
}

.menu-top > li:nth-of-type(2) .sub-menu .sub-lft {
    display: block;
}

.menu-top > li:nth-of-type(11) .sub-menu .sub-lft {
    grid-template-columns: 43% 38% 19%;
}

.menu-top > li:nth-of-type(2) .sub-menu .sub-lft > * {
    float: left;
    width: 50%;
}

.menu-top .sub-lft .item-sbmn p, .menu-top .sub-lft .item-sbmn p a {
    margin-bottom: 12px;
    font-size: 13px;
    font-weight: 700;
    color: #333;
    text-transform: uppercase;
    text-align: left;
    padding-bottom: 0;
    transition: .2s linear;
}

.menu-top .sub-lft .item-sbmn p a:hover {
    color: var(--main-color)
}

.sub-lft .item-sbmn p.active {
    color: var(--main-color)
}

.menu-top .sub-lft .item-sbmn a {
    font-size: 14px;
    color: #333;
    font-weight: 400;
    padding: 0 10px 8px 0;
    text-transform: none
}

.menu-top .sub-lft .item-sbmn a.show-all {
    padding-top: 10px;
}

.menu-top .sub-lft .item-sbmn .seemore-sb {
    padding: 5px 10px 6px 0;
    background: url(../image/icr-sbmn.png) no-repeat;
    background-position-x: 75px;
    background-position-y: 7px;
    transition: .2s linear
}

.menu-top .sub-lft .item-sbmn .seemore-sb:hover {
    background: url(../image/icrr-sbmn.png) no-repeat;
    background-position-x: 75px;
    background-position-y: 7px
}

.menu-top .sub-lft a {
    display: block;
    text-align: left;
    font-size: 13px;
    padding-bottom: 20px;
    padding-right: 10px;
    position: relative;
    transition: .2s linear
}

.menu-top .sub-lft a span {
    position: relative
}

.menu-top .sub-lft a span > * {
    display: inline-block;
}

.menu-top .sub-lft a span:before {
    height: 1px;
    content: '';
    top: 18px;
    position: absolute;
    left: 0;
    right: 100%;
    background: var(--main-color);
    transition: .3s linear
}

.menu-top .sub-lft a span i {
    width: 16px;
    height: 9px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAJCAMAAAAM9FwAAAAAG1BMVEUAAAAzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzPgTY//AAAACHRSTlMAoBAw0PBgwD+yWIwAAAAiSURBVHjaY0AC7MwMqICNlTgRDlTAjqqCkYWJIB9VAMQHAEBpAMwh5doMAAAAAElFTkSuQmCC) no-repeat;
    display: block;
    top: 4px;
    right: -25px;
    position: absolute;
}

.menu-top .sub-lft a:hover {
    color: var(--main-color)
}

.menu-top .sub-lft a:hover span:before {
    left: 0;
    right: 0
}

.menu-top .sub-menu .bnsub-rght {
    min-height: 230px;
    overflow: hidden
}

.menu-top .bgacc-mb {
    display: none
}

header.fixed .menu-top .bgacc-mb {
    display: block;
}

.menu-top .bnsub-rght a {
    display: block;
    height: 100%
}

.menu-top .bnsub-rght img {
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
    width: 100%;
}

.menu-top .sub-menu .bnsub-rght iframe, .menu-top .sub-menu .bnsub-rght video {
    width: 100%;
    min-height: 230px;
}

.menu-top > li:nth-of-type(6) .sub-menu .submn-ct, .menu-top > li:nth-of-type(5) .sub-menu .submn-ct, .menu-top > li:nth-of-type(4) .sub-menu .submn-ct, .menu-top > li:nth-of-type(9) .sub-menu .submn-ct, .menu-top > li:nth-of-type(7) .sub-menu .submn-ct, .menu-top > li:nth-of-type(11) .sub-menu .submn-ct {
    grid-template-columns: 65% 35%
}

.menu-top > li:nth-of-type(4) .sub-menu .item-sbmn:last-child p, .menu-top > li:nth-of-type(10) .sub-menu .item-sbmn:nth-of-type(3) p, .menu-top > li:nth-of-type(10) .sub-menu .item-sbmn:last-child p {
    height: 30px
}

.menu-top > li:nth-of-type(10) .sub-menu .submn-ct {
    grid-template-columns: 70% 30%
}

.menu-top > li:hover .sub-menu {
    opacity: 1;
    visibility: visible;
    top: calc(100% - 1px);
}

.banner {
    position: relative
}

.banner img {
    width: 100%;
    height: initial;
}

.banner .lSSlideOuter .lSPager.lSpg {
    position: absolute;
    width: 100%;
    bottom: 10px
}

.banner .lSSlideOuter .lSPager.lSpg > li a {
    background: rgba(0, 0, 0, 0.7);
    width: 9px;
    height: 9px;
    z-index: 10;
}

.banner .lSSlideOuter .lSPager.lSpg > li.active a, .banner .lSSlideOuter .lSPager.lSpg > li:hover a {
    background: var(--main-color)
}

.section-index {
    padding: 45px 0;
}

.section-index:nth-of-type(2n+2) {
    background: #f8f8f8;
}

.hot-item .hit-img a:not(.see-more-red) img {
    width: initial;
    height: initial;
    margin: auto;
}

.title-h2 a {
    color: #333333;
    text-decoration: none;
    transition: .2s linear
}

.title-h2 a:hover {
    color: var(--main-color)
}

.hot-item .ait-hit {
    display: grid;
    grid-template-columns: repeat(4, 25%);
    grid-auto-flow: dense;
}

.title-h2 {
    position: relative;
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 15px;
    display: block;
    color: #212529;
    transition: 0.3s linear;
}

.title-h2 h2 {
    font-size: 22px;
    position: relative;
    text-transform: uppercase;
    font-weight: 600;
    padding-bottom: 1px;
    display: inline-block;
}

.title-h2 .see-all {
    font-size: 14px;
    color: #333;
    text-decoration: none;
    transition: .3s linear;
    position: absolute;
    top: 0;
    right: 0;
    padding-right: 10px;
}

.title-h2 .see-all:before {
    content: "\f105";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-left: 5px;
    position: absolute;
    right: 0;
    top: 3px;
}

.title-h2 .see-all:hover {
    color: var(--main-color)
}

.title-h2 .see-all:hover:before {
    color: var(--main-color)
}

.title-h2 h2:before {
    content: '';
    width: 100%;
    background: var(--main-color);
    height: 2px;
    position: absolute;
    bottom: -9px;
    left: 0;
    z-index: 1;
}

a.title-h2:hover {
    color: #da2233;
}

.ait-hit .banner-hit {
    width: 100%;
    height: 330px;
    position: relative;
}

.hot-item .ait-hit .banner-hit {
    grid-column: 3/5;
}

.ait-hit .banner-hit video, .ait-hit .banner-hit iframe {
    width: 100%;
    height: 100%;
}

.ait-hit .banner-hit img {
    max-width: 100%;
    min-height: 100%;
    object-fit: cover;
}

.ait-hit .item-hit {
    height: 380px;
    position: relative;
    border-bottom: 1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0;
    background: #fff;
    padding: 0;
}

.ait-hit .item-hit .hit-txt {
    text-align: center;
}

.item-hit .noteit-hit {
    display: block;
    overflow: hidden;
    position: absolute;
    top: 10px;
    right: 10px;
}

.item-hit .it-new {
    position: relative;
    float: right;
}

.item-hit .it-fix {
    position: relative;
    float: left;
    margin-right: 7px;
}

.img-itnf {
    width: 40px;
    height: 38px
}

.img-itnf img {
    max-width: 100%;
    min-height: 100%;
    object-fit: cover
}

.txt-itnf p {
    margin-bottom: 0;
    color: #fff
}

.it-new .txt-itnf p {
    font-size: 13px;
    text-transform: uppercase;
    position: absolute;
    top: 9px;
    left: 7px
}

.it-fix .txt-itnf p {
    font-size: 14px;
    position: absolute;
    top: 5px;
    left: 6px
}

.item-hit .hit-img {
    /*height: 280px;
    line-height: 280px;*/
    text-align: center;
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
    position: relative;
    margin-bottom: 5px;
}

.hit-img a {
    display: flex;
    line-height: initial;
    align-items: center;
    align-content: center;
    text-align: center;
}

.hit-img a.preview {
    position: relative;
}

.hit-img a:hover img {
    transform: scale(1.1, 1.1)
}

.hit-img img {
    min-width: 100%;
    min-height: 100%;
    /*object-fit: cover;*/
    transition: .3s linear;
    margin: auto;
}

.icon-sale {
    position: absolute;
    top: 5px;
    right: 5px;
    height: initial;
    line-height: initial;
    z-index: 100;
}

.icon-sale .item {
    height: initial;
    line-height: initial;
    display: inline-block;
    margin-left: 5px;
    position: relative;
}

.icon-sale .item span {
    color: #ffffff;
    font-size: 13px;
    padding-top: 11px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    text-transform: uppercase;
    text-align: center;
}

img.lo-sale {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    max-height: 25px;
    max-width: initial;
    min-height: initial;
    z-index: 100;
}

img.lo-sale.bottom-left {
    left: 10px;
    right: initial;
}

img.lo-sale.bottom-right {
    left: initial;
    right: 10px;
}

img.lo-sale.top-left {
    left: 10px;
    right: initial;
    bottom: initial;
    top: 10px;
}

img.lo-sale.top-right {
    left: initial;
    right: 10px;
    bottom: initial;
    top: 10px;
}

img.lo-sale.top-center {
    left: 0;
    right: 0;
    bottom: initial;
    top: 10px;
}

img.lo-sale.center {
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
}

.slidedt-lft img.lo-sale {
    bottom: 130px;
}

.slidedt-lft.has-3d img.lo-sale {
    bottom: 220px;
}

.slidedt-lft.has-3d img.lo-sale.top-center,
.slidedt-lft img.lo-sale.top-right,
.slidedt-lft img.lo-sale.top-left {
    bottom: initial;
}

.hit-txt > h3 {
    font-size: 14px;
    margin-bottom: 4px;
    text-align: center;
    padding: 0 20px
}

.hit-txt h3 a {
    color: #333;
    text-decoration: none;
    transition: .2s linear;
    line-height: 1.5
}

.hit-txt h3 a:hover {
    color: var(--main-color)
}

.color-violet .hit-txt h3 a:hover {
    color: var(--violet-color);
}

.hit-txt span {
    margin-bottom: 0;
    font-size: 16px;
    color: #da2233;
    text-align: center;
    display: inline-block;
}

.hit-txt span.old {
    position: relative;
    font-size: 14px;
    padding-left: 3px;
    color: #929292;
    text-decoration: line-through;
}

.ait-hit .item-hit:nth-of-type(3), .ait-hit .item-hit:nth-of-type(2) {
    border-top: 1px solid #e0e0e0
}

.hot-item .ait-hit .item-hit:nth-child(4n + 3) {
    border-right: 1px solid #e0e0e0
}

.tskc .banner-hit {
    width: 100%;
    float: initial;
    height: auto
}

.tskc .banner-hit img {
    max-width: 100%;
    min-height: 100%;
    object-fit: cover
}

.slidertskc {
    border: none;
    border-top: initial
}

.tskc .ait-hit .item-hit {
    border-left: initial;
    border-bottom: initial;
    border-right: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    height: 336px;
    border-top: none;
}

.tskc .ait-hit .item-hit .hit-txt {
    padding: 0 0 5px 0;
}

.tskc .ait-hit .item-hit.active {
    border-left: 1px solid #e0e0e0
}

.tskc .ait-hit .item-hit:last-child {
    border-right: initial
}

.tskc .item-hit .hit-img {
    /*height: 220px;
    line-height: 220px;*/
}

.btn-slide-index .lSAction > a {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    opacity: 1;
}

.btn-slide-index .lSAction > .lSPrev {
    height: 45px;
    width: 28px;
    box-shadow: 0 0 13px -3px grey;
    display: block;
    background: #fff;
    position: absolute;
    top: calc((100% - 14px) / 2);
    left: 1px;
    border-radius: 0 50px 50px 0;
    text-align: center;
    padding-right: 5px;
}

.btn-slide-index .lSAction > .lSPrev:before {
    content: "\f104";
    font-size: 29px;
    line-height: 45px;
    text-align: center;
}

.btn-slide-index .lSAction > .lSNext {
    height: 45px;
    width: 28px;
    box-shadow: 0 0 13px -4px grey;
    display: block;
    background: #fff;
    position: absolute;
    top: calc((100% - 14px) / 2);
    right: 1px;
    border-radius: 50px 0 0 50px;
    text-align: center;
    padding-left: 5px;
}

.btn-slide-index .lSAction > .lSNext:before {
    content: "\f105";
    font-size: 29px;
    line-height: 45px;
    text-align: center;
}

.slide-tskc {
    position: relative;
}

.slide-tskc .hit-txt span {
    display: block;
    width: 100%;
}

.see-more-red {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    height: 0;
    line-height: 36px;
    text-align: center;
    opacity: 0;
    transition: .4s linear;
}

a.see-more-red {
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    display: inline-block;
    padding: 9.5px 0px;
    text-decoration: none;
    transition: .2s linear;
    background-position-y: 47%;
    background-position-x: 76%;
    background-color: var(--main-color);
    width: 186px;
    margin-left: calc((100% - 186px) / 2);
    z-index: 101;
}

a.see-more-red img {
    margin-left: 15px;
    max-width: inherit;
    min-height: inherit;
}

.color-violet a.see-more-red {
    background: var(--violet-color);
}

.item-hit:hover .see-more-red {
    opacity: 1;
    height: 36px
}

.slide-tsc {
    position: relative
}

.slide-tsc.ait-hit .item-hit {
    height: 338.5px;
}

.slide-tsc .item-hit .hit-img {
    height: 233px;
    line-height: 233px;
}

.slide-tsc .item-hit .hit-img > a:not(.see-more-red) {
    height: 100%;
}

.slide-tsc .item-hit .hit-img > a:not(.see-more-red) > img {
    width: initial;
    margin: auto;
    min-height: initial;
}

.tsc-ct {
    display: inline-block;
    width: 100%;
}

.tsc .banner-hit {
    width: calc(40% + 2px);
    float: left;
}

.tsvt .ait-hit .item-hit.active {
    border-left: 1px solid #e0e0e0
}

.tsc .banner-hit img {
    max-width: 100%;
    min-height: 100%;
    object-fit: cover;
    width: 100%;
}

.tsc .ait-hit .item-hit {
    width: 100%;
    border: initial;
    border-right: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0
}

.tsc .ait-hit {
    width: calc(60% - 2px);
    float: right;
    border-top: 1px solid #e0e0e0;
}

.tsc .see-more-red a {
    background-position-x: 106px;
    background-position-y: 13px
}

.tsvt {
    padding: 45px 0 55px;
    background: #f8f8f8
}

.tsvt .banner-hit img {
    max-width: 100%;
    min-height: 100%;
    object-fit: cover
}

.slide-tsvt {
    position: relative
}

.tsvt .see-more-red a {
    background-position-x: 130px
}

.tsvt .ait-hit .item-hit {
    border: initial;
    border-right: 1px solid #e0e0e0;
    height: 355px;
    border-bottom: 1px solid #e0e0e0
}

.tsvt .ait-hit .item-hit .hit-img {
    height: 257px;
    line-height: 257px;
}

.tsvt .ait-hit .item-hit .hit-img > a:not(.see-more-red) {
    height: 100%;
}

.tsvt .ait-hit .item-hit .hit-img > a:not(.see-more-red) > img {
    width: initial;
    margin: auto;
    min-height: initial;
}

.slidertsvt {
    border: 1px solid #e0e0e0;
    border-top: initial
}

.clock {
    padding: 45px 0 55px;
    display: block;
    overflow: hidden
}

.clock .banner-hit {
    margin: 0px 7.5px 0 7.5px;
    width: calc(50% - 15px);
    height: initial;
    float: left;
}

.clock .ait-hit .item-hit {
    margin: 15px 7.5px 0 7.5px;
    width: calc(25% - 15px);
    border: 1px solid #e0e0e0;
    float: left;
    height: 347px;
}

.clock .ait-hit .item-hit:nth-of-type(-n + 2) {
    margin-top: 0;
}

.clock .ait-hit .item-hit .hit-img {
    height: 247px;
    line-height: 247px;
}

.clock .ait-hit .item-hit .hit-img > a:not(.see-more-red) {
    height: 100%;
}

.clock .ait-hit .item-hit .hit-img > a:not(.see-more-red) > img {
    width: initial;
    margin: auto;
    min-height: initial;
}

.clock .ait-hit {
    margin: 0 -7.5px;
    display: table;
    width: 100%;
}

.qtkbp {
    padding: 45px 0 55px;
    display: block;
    overflow: hidden;
    background: #f8f8f8
}

.qtkbp .banner-hit img {
    max-width: 100%;
    min-height: 100%;
    object-fit: cover
}

.slide-qtkbp {
    position: relative;
}

.qtkbp .ait-hit .item-hit {
    border: initial;
    border-left: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    height: 350px;
}

.qtkbp .ait-hit .item-hit .hit-img > a:not(.see-more-red) > img {
    width: initial;
    min-height: initial;
    margin: auto;
}

.bst {
    padding: 45px 0 55px
}

.slidebst {
    position: relative
}

.slidebst.btn-slide-index .lSAction > a {
    top: calc((100% - 114px) / 2)
}

.slidebst.btn-slide-index .lSAction > .lSPrev {
    left: 0;
}

.slidebst.btn-slide-index .lSAction > .lSNext {
    right: 0;
}

.bst figure {
    position: relative;
    float: left;
    overflow: hidden;
    margin: 0;
    width: 100%;
    text-align: center;
    cursor: pointer;
    background: var(--main-color);
    margin-bottom: 20px;
}

.bst figure figcaption {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 2em;
    display: flex;
    vertical-align: middle;
}

.bst figure figcaption i {
    align-self: center;
    width: 100%;
    font-size: 30px;
    color: #ffffff;
    opacity: 0;
    transition: all 0.5s linear;
}

.bst figure figcaption:before, .bst figure figcaption:after {
    position: absolute;
    top: 30px;
    right: 30px;
    bottom: 30px;
    left: 30px;
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}

.bst figure figcaption:before {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
}

.bst figure figcaption:after {
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
}

.bst figure:hover figcaption::before, .bst figure:hover figcaption::after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.bst figure:hover figcaption i {
    opacity: 1;
}

.bst figure:hover img {
    opacity: 0.4;
}

.img-bst {
    display: block;
    height: 100%;
    z-index: 10;
    position: relative;
}

.img-bst img {
    width: 100%;
    object-fit: cover;
    min-height: 100%;
    transition: all 0.35s linear;
}

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

.bst h3.txt-bst {
    font-size: 16px;
    margin-bottom: 17px
}

.bst h3.txt-bst a {
    text-decoration: none;
    color: #333;
    font-size: 16px;
    transition: .2s linear;
    text-transform: uppercase;
    font-weight: 700
}

.bst h3.txt-bst a:hover {
    color: var(--main-color)
}

.xct-bst {
    text-decoration: none;
    color: #333333;
    font-size: 16px;
    transition: .2s linear;
    border: 1px solid #999999;
    display: block;
    width: 162px;
    height: 41px;
    text-align: center;
    line-height: 41px;
    padding-right: 20px;
    margin: 0 auto;
    background: url(../image/ic-arrb.png) no-repeat;
    background-position-x: 73%;
    background-position-y: 48%;
}

.xct-bst:hover {
    border: 1px solid #da2233;
    color: #da2233;
    background: url(../image/ic-arrr.png) no-repeat;
    background-position-x: 73%;
    background-position-y: 48%;
    text-decoration: none;
}

.bst .lSSlideOuter .lightSlider {
    height: 430px !important;
    position: relative
}

.vtsdj {
    background: url(../image/banner-vct.jpg) no-repeat;
    background-size: 100% 100%;
    background-position: center;
    text-align: center;
    padding: 80px 0 70px
}

a.title-h2ct {
    color: #333;
    text-decoration: none;
    text-transform: uppercase;
    transition: .2s linear;
    font-weight: 700;
    position: relative
}

.title-h2ct h2 {
    font-size: 20px;
    margin-bottom: 45px;
    position: relative;
    font-weight: 700;
}

.title-h2ct h2:before {
    background: url(../image/bf-h2b.png) no-repeat;
    width: 112px;
    height: 16px;
    position: absolute;
    left: calc((100% - 112px) / 2);
    bottom: -25px;
    content: ''
}

.vtsdj .txt-vct {
    padding: 0 100px
}

.vtsdj .txt-vct, .vtsdj .txt-vct p {
    font-weight: 300;
    font-size: 14px;
    margin-bottom: 25px;
    line-height: 2;
}

.news-vd {
    padding: 45px 0 55px;
    display: block;
    overflow: hidden
}

.txt-dvkh2 table {
    margin-bottom: 30px;
    color: #68686a;
}

.news-vd .itemvd ._plvd {
    top: 50%;
}

.news-vd .news-nv {
    width: 65%;
    float: left;
    padding-right: 15px;
}

.news-vd .video-nv {
    width: 35%;
    float: right
}

.all-itemn {
    margin: 0 -8px
}

.all-itemn .it-news {
    width: calc(100% / 3 - 16px);
    float: left;
    margin: 0 8px
}

.all-itemn .it-news:first-child {
    width: calc(100% - 16px);
    margin: 0 8px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 15px;
}

.it-news:first-child .img-news {
    width: 50%;
    float: left;
    height: 248px;
    margin-bottom: 0;
}

.it-news .img-news {
    margin-bottom: 12px
}

.it-news:first-child .txt-news {
    width: 50%;
    float: left;
    padding: 12px 10px 10px 15px;
}

.it-news:first-child .txt-news h3 {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 12px
}

.txt-news h3 {
    font-weight: 400;
    font-size: 14px
}

.txt-news h3 a {
    font-size: 14px;
    font-weight: 400;
    color: #333;
    text-decoration: none;
    text-transform: uppercase;
    transition: .2s linear;
    max-height: 65px;
    overflow: hidden;
    line-height: 1.3;
}

.txt-news p {
    font-size: 14px;
    font-weight: 400;
    color: #333;
    line-height: 1.6;
    margin-bottom: 0
}

.it-news:first-child .txt-news h3 a {
    color: #333;
    text-decoration: none;
    transition: .2s linear;
    font-weight: 700
}

.itemvd:hover a, .it-news:hover a {
    color: #d83243 !important;
}

.it-news .img-news a {
    display: block;
    height: 100%;
    position: relative;
    z-index: 10;
}

.it-news .img-news a img {
    max-width: 100%;
    min-height: 100%;
    object-fit: cover;
    width: 100%;
    transition: all 0.35s linear;
    height: initial;
}

.it-news .img-news figure {
    position: relative;
    float: left;
    overflow: hidden;
    margin: 0;
    width: 100%;
    text-align: center;
    cursor: pointer;
    background: var(--main-color);
    margin-bottom: 20px;
    height: 100%;
}

.it-news .img-news figure figcaption {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 2em;
    display: flex;
    vertical-align: middle;
}

.it-news .img-news figure figcaption i {
    align-self: center;
    width: 100%;
    font-size: 30px;
    color: #ffffff;
    opacity: 0;
    transition: all 0.5s linear;
}

.it-news .img-news figure figcaption:before,
.it-news .img-news figure figcaption:after {
    position: absolute;
    top: 30px;
    right: 30px;
    bottom: 30px;
    left: 30px;
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}

.it-news .img-news figure figcaption:before {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
}

.it-news .img-news figure figcaption:after {
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
}

.it-news .img-news figure:hover figcaption::before,
.it-news .img-news figure:hover figcaption::after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.it-news .img-news figure:hover figcaption i {
    opacity: 1;
}

.it-news .img-news figure:hover img {
    opacity: 0.4;
}

.itemvd {
    position: relative;
    display: block;
    overflow: hidden;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e0e0e0
}

.itemvd ._plvd {
    top: calc((100% - 58px) / 2)
}

.itemvd:last-child {
    border-bottom: initial;
    margin-bottom: 0;
    padding-bottom: 0;
}

.itemvd:first-child {
    padding-bottom: 20px;
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 15px
}

.itemvd:first-child .itvd-img {
    height: 248px;
    width: 100%;
}

.itemvd:first-child .itvd-img figure a {
    position: relative;
    z-index: 10;
}

.itvd-img img {
    min-height: 100%;
    max-width: 100%;
    object-fit: cover;
    width: 100%;
    transition: all 0.35s linear;
}

.itemvd .itvd-img {
    width: 115px;
    float: left
}

.itemvd .itvd-img a {
    position: relative;
    z-index: 10;
}

.itemvd .itvd-txt {
    width: calc(100% - 115px);
    padding: 10px 5px 5px 20px;
    float: right
}

.itemvd figure {
    position: relative;
    float: left;
    overflow: hidden;
    margin: 0;
    width: 100%;
    text-align: center;
    cursor: pointer;
    background: var(--main-color);
    margin-bottom: 20px;
}

.itemvd figure figcaption {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 2em;
    display: flex;
    vertical-align: middle;
}

.itemvd figure figcaption i {
    align-self: center;
    width: 100%;
    font-size: 30px;
    color: #ffffff;
    opacity: 0;
    transition: all 0.5s linear;
}

.itemvd:first-child figure figcaption:before,
.itemvd:first-child figure figcaption:after {
    position: absolute;
    top: 30px;
    right: 30px;
    bottom: 30px;
    left: 30px;
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}

.itemvd:first-child figure figcaption:before {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
}

.itemvd:first-child figure figcaption:after {
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
}

.itemvd:first-child figure:hover figcaption::before,
.itemvd:first-child figure:hover figcaption::after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.itemvd figure:hover figcaption i {
    opacity: 1;
}

.itemvd figure:hover img {
    opacity: 0.4;
}

.itvd-txt h3 {
    font-size: 14px;
    margin-bottom: 0
}

.itvd-txt h3 a {
    font-size: 14px;
    color: #333;
    font-weight: 400;
    text-decoration: none;
    transition: .2s linear;
    line-height: 1.4;
}

footer {
    background: #f5f5f5
}

/*footer a:hover {*/
/*    color: #da2233 !important*/
/*}*/

.clred {
    width: 100%;
    height: 3px;
    background: var(--main-color)
}

.topft {
    padding: 22px 0 16px;
    margin-bottom: 20px;
    border-bottom: 1px solid #e0e0e0
}

.top-footer {
    text-align: center;
    position: relative
}

.top-footer .hl-tft {
    position: absolute;
    left: 0;
    top: calc((100% - 30px) / 2);
    height: 34px;
    line-height: 34px;
}

.hl-tft p {
    font-size: 14px;
    color: #333;
    text-transform: uppercase;
    margin-bottom: 0;
    background: url(../image/ic-hlft.png) no-repeat;
    padding-left: 38px;
    display: flex;
    align-items: center;
    background-position-y: 2px;
}

.hl-tft p a {
    font-size: 18px;
    color: #333;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
    transition: .2s linear;
    padding-left: 2px
}

.top-footer .logo-tft a {
    display: block
}

.logo-tft a img {
    max-width: 100%;
    object-fit: cover
}

.top-footer .htpp-tft {
    position: absolute;
    right: 0;
    padding-left: 30px;
    background: url(../image/ic-htppft.png) no-repeat;
    height: 34px;
    top: calc((100% - 34px) / 2);
    line-height: 34px
}

.top-footer .htpp-tft a {
    color: #333;
    font-size: 14px;
    font-weight: 400;
    text-decoration: none;
    text-transform: uppercase
}

.footer {
    display: block;
    overflow: hidden;
    margin-bottom: 25px
}

.lst-footer .it-lft {
    float: left;
    padding-right: 10px;
    position: relative
}

.lst-footer .it-lft:nth-of-type(1) {
    width: 24%
}

.lst-footer .it-lft:nth-of-type(2) {
    width: 18%
}

.lst-footer .it-lft:nth-of-type(3) {
    width: 20%
}

.lst-footer .it-lft:nth-of-type(4) {
    width: 17%
}

.lst-footer .it-lft:nth-of-type(5) {
    width: 21%;
    padding-right: 0
}

.it-lft h3 {
    font-size: 14px;
    margin-bottom: 22px
}

.it-lft h3 a, .it-lft h3 {
    color: #333;
    text-decoration: none;
    transition: .2s linear;
    text-transform: uppercase;
    position: relative;
    font-weight: 700;
    padding-top: 5px
}

.it-lft h3 a:before, .it-lft h3:before {
    width: 38px;
    height: 3px;
    content: '';
    background: url(../image/ic-h3ft.png) no-repeat;
    position: absolute;
    left: 0;
    bottom: -10px
}

.it-lft ul {
    padding: 0;
    margin: 0
}

.it-lft ul li {
    list-style-type: none;
    font-size: 14px;
    font-weight: 300;
    padding-bottom: 2px
}

.it-lft ul li a {
    color: #333;
    text-decoration: none;
    transition: .2s linear;
    padding-left: 2px
}

.it-lft input {
    width: 100%;
    border: none;
    height: 30px;
    background: transparent;
    border-bottom: 1px solid #e0e0e0;
    padding-left: 4px;
    transition: all 0.5s linear;
    border-radius: 0;
}

.it-lft button {
    width: 32px;
    height: 30px;
    border: none;
    position: absolute;
    background: transparent;
    right: 0;
}

.it-lft input:focus, .it-lft button:focus {
    outline: none
}

.it-lft input:focus {
    border-color: var(--main-color);
}

.lst-footer .it-lft p {
    font-size: 14px;
    color: #333;
    font-weight: 300;
    margin-bottom: 0;
    text-align: center
}

.it-lft .fregis form {
    margin-bottom: 20px
}

.social {
    position: relative;
    padding-bottom: 20px;
    border-bottom: 1px solid #e0e0e0
}

.social:before {
    width: calc((100% - 180px) / 2);
    height: 1px;
    background: #e0e0e0;
    content: '';
    position: absolute;
    top: 14px;
    left: 0
}

.social:after {
    width: calc((100% - 180px) / 2);
    height: 1px;
    background: #e0e0e0;
    content: '';
    position: absolute;
    top: 14px;
    right: 0
}

.social h3 {
    font-size: 14px;
    position: relative;
    margin-bottom: 20px
}

.social h3 span {
    width: 180px;
    height: 29px;
    background: var(--main-color);
    display: block;
    color: #fff;
    text-align: center;
    font-size: 13px;
    font-weight: 400;
    border-radius: 12px;
    line-height: 29px;
    text-transform: uppercase;
    margin: 0 auto;
    transition: .3s linear;
    text-decoration: none
}

.social h3 a:hover {
    border: 1px solid var(--main-color);
    background: transparent
}

.social ul {
    padding: 0;
    margin: 0;
    display: table;
    width: 100%
}

.social ul li {
    list-style-type: none;
    display: table-cell
}

.social ul li .bd-ic {
    width: 30px;
    height: 30px;
    display: block;
    border-radius: 50%;
    border: 1px solid #383838;
    line-height: 30px;
    text-align: center;
    float: left;
    transition: .2s linear;
    color: #333
}

.social ul li .nm-bdic:hover .bd-ic {
    border: 1px solid var(--main-color)
}

.social ul li .nm-bdic:hover .bd-ic i {
    color: var(--main-color)
}

.social ul li .nm-bdic {
    font-size: 13px;
    color: #333;
    font-weight: 300;
    text-decoration: none;
    padding-left: 10px;
    line-height: 30px
}

.social ul li:nth-of-type(6) .bd-ic {
    background: url(../image/ic-insta.png) no-repeat;
    background-position-x: 6px;
    background-position-y: 6px
}

.social ul li:nth-of-type(7) .bd-ic {
    background: url(../image/ic-zalo.png) no-repeat;
    background-position-x: 5px;
    background-position-y: 5px
}

.social ul li:nth-of-type(6) .nm-bdic:hover .bd-ic {
    background: url(../image/ic-instar.png) no-repeat;
    background-position-x: 6px;
    background-position-y: 6px
}

.social ul li:nth-of-type(7) .nm-bdic:hover .bd-ic {
    background: url(../image/ic-zalor.png) no-repeat;
    background-position-x: 5px;
    background-position-y: 5px
}

.copyright {
    display: block;
    overflow: hidden;
    padding: 12px 0 15px
}

.cpr-ct .img-cpr {
    float: left
}

.cpr-ct .txt-cpr {
    float: left;
    padding-left: 20px;
    line-height: 36px
}

.cpr-ct .txt-cpr p {
    margin-bottom: 0;
    font-size: 14px;
    color: #333;
    font-weight: 300
}

.cpr-ct .backtop {
    float: right
}

.backtop a {
    position: relative;
    right: 0;
    padding-right: 44px;
    line-height: 36px;
    color: #333;
    font-size: 14px;
    font-weight: 300;
    text-decoration: none
}

.backtop a:before {
    content: '';
    position: absolute;
    right: 0;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 1px solid var(--main-color);
    background: url(../image/ic-btft.png) no-repeat;
    background-position-x: 10px;
    background-position-y: 8px;
}

.backtop a:hover:before {
    background: url(../image/ic-btft-white.png) no-repeat;
    background-position-x: 10px;
    background-position-y: 8px;
    background-color: var(--main-color);
}

._plvd-ct {
    position: absolute;
    visibility: visible;
    background-color: transparent;
    width: 58px;
    height: 58px;
    cursor: pointer;
    z-index: 10;
    transition: visibility .5s;
    left: 0;
    bottom: 0;
    display: block;
    right: 0;
    top: 0;
    margin: auto;
}

._plvd-ct:before {
    width: 58px;
    height: 58px;
    top: 0;
    left: 0;
    position: absolute;
    background-color: #d83243;
    border-radius: 100%;
    border: 2px solid transparent;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    content: '';
}

._plvd-ct:after {
    content: '';
    width: 36px;
    height: 36px;
    border: 1px solid #fff;
    position: absolute;
    left: calc((100% - 36px) / 2);
    top: calc((100% - 36px) / 2);
    border-radius: 50%;
    background: url(../image/ic-playvd.png) no-repeat;
    background-position: center
}

._plvd-ct .plvd-cirfill {
}

._plvd-ct .plvd-cirfill:before {
    content: '';
    width: 72px;
    height: 72px;
    border: 1px solid var(--main-color);
    position: absolute;
    border-radius: 50%;
    top: -7px;
    left: -7px;
    animation: zoomInBT 1.7s infinite ease-in-out;
}

._plvd-ct .plvd-cirfill:after {
    content: '';
    width: 96px;
    height: 96px;
    border: 1px solid var(--main-color);
    position: absolute;
    border-radius: 50%;
    top: -19px;
    left: -19px;
    animation: zoomInBN 1.7s infinite ease-in-out;
}

.zalo-fx {
    width: 44px;
    height: 44px;
    position: fixed;
    right: 5px;
    bottom: 226px;
    z-index: 101;
    display: none
}

.zalo-fx a {
    display: block;
    background: url(../image/ic-zalofx.png);
    width: 44px;
    height: 44px
}

.messenger-fx {
    width: 44px;
    height: 44px;
    position: fixed;
    right: 5px;
    bottom: 170px;
    z-index: 101;
    display: none
}

.messenger-fx a {
    display: block;
    background: url(../image/ic-messf.png);
    width: 44px;
    height: 44px
}

.banner-hit {
    position: relative;
}

.banner-hit a {
    display: block;
}

.banner-hit .nm-banner {
    font-family: UTMEssen;
    text-transform: uppercase;
    text-align: center;
    position: absolute;
    z-index: 1;
    top: 20%;
    left: 8%
}

.nm-banner h2 {
    font-size: 39px;
    color: #333;
    position: relative;
    margin-bottom: 30px
}

.nm-banner h2:before {
    width: 421px;
    height: 16px;
    content: '';
    background: url(../image/bf-fontes.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    bottom: -20px;
    left: 0
}

.nm-banner h3 {
    font-size: 21px;
    color: #333333;
}

._plvd-ct .plvideo {
    display: block;
    position: absolute;
    height: auto;
    left: 68px;
    width: 91px;
    font-size: 20px;
    color: #333;
    line-height: 58px;
    text-decoration: none;
    transition: .2s linear
}

._plvd-ct .plvideo:hover {
    color: var(--main-color)
}

.popup-vd, .popup-img, .popup-slimg, .popup-fsale, .popup-change-mobile, .popup-change-mail, .popup-change-social {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 9999;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: all 0.5s ease;
}

.popup-img {
    display: flex;
}

.popup-vd .bgblack, .popup-img .bgblack, .bgblack-pusli, .bgblack-fsale {
    z-index: 102;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.8);
}

.popup-vd .ifr-tv, .popup-img .ifr-tv {
    z-index: 103;
    position: relative;
    width: 900px;
    height: initial;
    margin: auto;
    top: 0;
    max-width: calc(100% - 30px);
    z-index: 103;
    position: relative;
}

.popup-vd {
    display: flex;
}

.popup-vd .ifr-tv {
    height: 502px;
}

.popup-vd.active,
.popup-fsale.active,
.popup-change-mail.active,
.popup-change-social.active,
.popup-change-mobile.active {
    visibility: visible;
    opacity: 1;
    pointer-events: all;
}

.popup-vd .ifr-tv video,
.popup-vd .ifr-tv iframe,
.popup-img .ifr-tv video,
.popup-img .ifr-tv iframe {
    width: 100%;
    height: 100%
}

.popup-vd.active, .popup-img.active {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}

.popup-vd .ifr-tv video:focus,
.popup-img .ifr-tv video:focus {
    outline: none
}

.popup-img .ifr-tv img {
    width: 100%;
    height: initial;
}

.slide-tscmb {
    display: none
}

.popup-vd .close-pu,
.popup-img .close-pu {
    right: 20px;
    top: 20px;
    color: #fff;
    cursor: pointer;
    opacity: 1;
    width: 50px;
    height: 50px;
    background: rgba(0, 0, 0, 0);
    border-radius: 100%;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    position: absolute;
    z-index: 1000;
}

.popup-vd .close-pu:before,
.popup-vd .close-pu:after,
.popup-img .close-pu:before,
.popup-img .close-pu:after {
    display: block;
    content: " ";
    position: absolute;
    top: 14px;
    left: 23px;
    width: 4px;
    height: 22px;
    border-radius: 4px;
    background: #fff;
    -webkit-transition: background 0.2s ease-in-out;
    transition: background 0.2s ease-in-out;
}

.popup-vd .close-pu:before,
.popup-img .close-pu:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.popup-vd .close-pu:after,
.popup-img .close-pu:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.popup-vd .close-pu:hover,
.popup-img .close-pu:hover {
    background: #ffffff;
}

.popup-vd .close-pu:hover:after,
.popup-vd .close-pu:hover:before,
.popup-img .close-pu:hover:after,
.popup-img .close-pu:hover:before {
    background: rgba(0, 0, 0, 0.8);
}

.menu-mobile {
    display: none
}

.touch-onmb {
    display: none
}

.bg-clmn {
    display: none;
    opacity: 0
}

.click-mb {
    display: none
}

.ic-mb {
    display: none
}

.login-indx {
    position: relative;
    display: inline-block
}

.login-indx .hvacc {
    position: absolute;
    z-index: 20;
    background: #fff;
    box-shadow: 0 0 5px #cecece;
    width: 190px;
    padding: 10px 15px;
    left: -14px;
    top: 36px;
    border-radius: 6px;
    opacity: 0;
    visibility: hidden;
    height: 100px;
    transition: .2s linear;
}

.login-indx.active .hvacc.selectlg-f {
    opacity: 1;
    visibility: visible;
    height: 225px;
}

.login-indx .hvacc.selectlg-f p {
    padding: 0px 15px 12px;
    margin-bottom: 0;
    line-height: 1.3;
    font-size: 12px;
    text-align: left;
}

.login-indx .hvacc.selectlg-f .purg-rght {
    padding: 0px 15px;
}

.hvacc.selectlg-f .iteminacc:nth-of-type(2) {
    border-bottom: initial;
    padding: 5px 15px 10px 15px;
}

.hvacc.selectlg-f .purg-rght .loggg span {
    background-position-y: 4px;
}

.login-indx .hvacc.selectlg-f .purg-rght .logfb, .login-indx .hvacc.selectlg-f .purg-rght .loggg {
    padding: 5px;
    font-size: 13px;
}

.login-indx .hvacc:before {
    width: 100%;
    height: 1px;
    content: '';
    background: #dbdbdb;
    position: absolute;
    left: 0;
    top: 40px
}

.hdt-rght .hvacc .new-acc {
    display: block;
    background: url(../image/newaccid.png) no-repeat;
    background-position-x: 0;
    background-position-y: 9px;
    padding-left: 18px
}

.hdt-rght .hvacc .login-acc {
    background: url(../image/loginaccix.png) no-repeat;
    background-position-x: -2px;
    background-position-y: 7px;
    padding-left: 18px
}

.login-indx .hvacc p {
    font-size: 13px;
    color: #4e4e4e;
    margin-bottom: 5px;
    padding-left: 0
}

.logfb {
    display: block;
    border: 1px solid #38559a;
    padding: 5px;
    text-align: center;
    color: #38559a;
    transition: .2s linear;
    position: relative;
    margin-bottom: 8px;
    text-transform: uppercase;
    font-size: 13px;
    text-decoration: none !important;
}

.loggg {
    display: block;
    border: 1px solid #dd4a38;
    padding: 5px;
    text-align: center;
    color: #dd4a38;
    transition: .2s linear;
    position: relative;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-size: 13px;
    text-decoration: none
}

.purg-rght .loggg1-dk, .loggg1-dn {
    display: block;
    border: 1px solid var(--main-color);
    padding: 10px 7px;
    text-align: center;
    color: var(--main-color);
    transition: .2s linear;
    position: relative;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-size: 15px;
    text-decoration: none;
}

.logfb span {
    width: 27px;
    display: block;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: url(../image/bgfb-log.png) no-repeat;
    background-color: #38559a;
    background-position-x: 4px;
    background-position-y: 3px
}

.loggg span {
    width: 27px;
    display: block;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: url(../image/bggg-log.png) no-repeat;
    background-color: #dd4a38;
    background-position-x: 5px;
    background-position-y: 4px
}

.login-indx .purg-rght a {
    margin-bottom: 8px;
}

.login-indx .purg-rght a span {
    width: 27px;
    background-position-x: 4px;
    background-position-y: 3px;
}

.login-indx .hvacc:after {
    content: '';
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #fff;
    position: absolute;
    top: -8px;
    left: 20px
}

.login-indx .hvacc {
    width: 196px;
    height: 100px;
    padding: 0
}

.login-indx .hvacc:before {
    display: none
}

.login-indx.active .hvacc._tk2 {
    opacity: 1;
    visibility: visible;
    height: auto;
}

.hvacc .iteminacc {
    display: block;
    overflow: hidden;
    padding: 6px 15px 6px 15px;
    border-top: 1px solid #dbdbdb;
}

.hvacc .iteminacc:first-child {
    border-top: none;
}

.hvacc .iteminacc:last-child {
    border-bottom: none
}

.iteminacc a.active {
    color: var(--main-color) !important
}

.hvacc .img-itemacc {
    width: 20px;
    height: 25px;
    overflow: hidden;
    float: left;
    text-align: center;
}

.hvacc .img-itemacc img {
    max-width: 100%;
    object-fit: cover;
    width: initial;
    height: initial
}

.hdt-rght .txt-itemacc a {
    background: initial;
    padding: 0;
    transition: .2s linear;
    display: block;
}

.hdt-rght .iteminacc:hover .txt-itemacc a {
    color: var(--main-color)
}

.hvacc .img-itemacc img:nth-of-type(2) {
    display: none
}

.iteminacc:hover .img-itemacc img:nth-of-type(2), .iteminacc.active .img-itemacc img:nth-of-type(2) {
    display: initial
}

.iteminacc:hover .img-itemacc img:nth-of-type(1), .iteminacc.active .img-itemacc img:nth-of-type(1) {
    display: none
}

.iteminacc .txt-itemacc {
    height: 25px;
    float: left;
    width: calc(100% - 20px);
    line-height: 25px;
    padding-left: 10px
}

.popup-regis {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 110;
    display: none;
}

.popup-regis.active {
    display: block
}

.purg-ct {
    width: 960px;
    position: absolute;
    top: calc((100% - 646px) / 2);
    left: calc((100% - 960px) / 2);
    background: #fff;
    padding: 30px 38px 30px 50px;
    display: block;
    overflow: hidden;
    z-index: 111;
}

.purg-ct .purg-lft {
    width: 580px;
    float: left;
    padding-right: 30px;
    border-right: 1px solid #dbdbdb;
}

.purg-ct .purg-rght {
    width: calc(100% - 580px);
    float: left;
    padding-left: 35px;
}

.purg-ct .purg-lft p:first-child, .purg-ct .purg-rght p:first-child {
    text-align: center;
    font-weight: 700;
    color: #333;
    text-transform: uppercase;
    font-size: 18px;
    margin-bottom: 30px;
    padding-top: 15px;
}

.purg-lft .form-group {
    display: block;
    overflow: hidden;
    margin-bottom: 15px;
    line-height: 35px;
}

.purg-lft .form-group label {
    font-size: 14px;
    font-weight: 700;
    width: 150px;
    float: left;
    margin-bottom: 0;
}

.purg-lft .form-group label span {
    color: var(--main-color);
    padding-left: 2px
}

.purg-lft .form-group label.checkbox-c {
    width: 100%;
}

.purg-lft .form-group input {
    width: calc(100% - 150px);
    float: left;
    height: 35px;
    border: 1px solid #dbdbdb;
    padding-left: 8px;
    font-size: 14px;
    color: #333333;
}

.purg-lft .form-group input:focus, .listsl-f .itemsl-formp select:focus, .purg-lft button:focus {
    outline: none
}

.purg-lft .form-group .listsl-f {
    width: calc(100% - 150px);
    float: left;
    margin: 0 !important;
}

.listsl-f .itemsl-formp {
    width: calc(100% / 3);
    float: left;
    height: 34px;
    line-height: initial
}

.listsl-f .itemsl-formp select {
    height: 100%;
    width: 100%;
    border: 1px solid #dbdbdb;
    background: url(../image/angle-down.jpg) no-repeat;
    padding-left: 4px;
    font-size: 14px;
    color: #757575;
    padding-right: 10px;
    -webkit-appearance: none;
    background-position: right 7px;
}

.listsl-f .itemsl-formp select.error {
    border: 1px solid red !important;
}

.listsl-f .itemsl-formp:nth-of-type(2) select {
    border-left: initial;
    border-right: initial
}

.purg-lft .readdk {
    font-size: 14px;
    color: #333;
    margin-left: 145px;
    font-style: italic;
    margin-top: 15px;
    margin: 0px 0 30px 150px;
    line-height: 1;
}

.purg-lft .readdk.receivesale {
    font-style: initial;
}

.purg-lft button {
    background: var(--main-color);
    border: initial;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    width: 100%;
    margin-left: 0;
    padding: 7.5px 0;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.purg-lft .load {
    width: 100%;
    margin-left: 0;
}

.purg-lft .form-group input[type=checkbox] {
    text-align: left;
    width: 22px;
    height: 22px;
    margin-right: 5px;
}

.purg-lft .form-group:last-child p {
    padding-left: 30px;
    margin-bottom: 0;
    font-size: 14px;
    color: #333
}

.purg-rght .logfb {
    padding: 12px 7px;
    font-size: 16px;
    margin-bottom: 25px;
}

.purg-rght .logfb span {
    background-position-y: 13px;
    background-position-x: 13px;
    width: 50px;
}

.purg-rght .loggg {
    padding: 12px 7px;
    font-size: 15px;
}

.purg-rght .loggg:hover {
    color: #dd4a38
}

.purg-rght .loggg span {
    background-position-y: 13px;
    background-position-x: 13px;
    width: 50px;
}

.purg-ct .close-putk, .close-social, .close-lhtvv {
    position: absolute;
    width: 25px;
    height: 25px;
    top: 20px;
    right: 15px;
    cursor: pointer;
    z-index: 10;
}

.purg-ct .close-putk:before, .close-social:before, .close-lhtvv:before {
    content: '';
    width: 18px;
    height: 2px;
    border-radius: 15px;
    background: var(--main-color);
    position: absolute;
    transform: rotate(45deg);
    top: 10px;
    left: 5px
}

.purg-ct .close-putk:after, .close-social:after, .close-lhtvv:after {
    content: '';
    width: 18px;
    height: 2px;
    border-radius: 15px;
    background: var(--main-color);
    position: absolute;
    transform: rotate(315deg);
    top: 10px;
    left: 5px
}

.popup-regis .bgblack-putk, .popup-login .bgblack-putk, .popup-lostpass .bgblack-putk, .popup-change-mail .bgblack-social, .popup-change-social .bgblack-social, .popup-change-mobile .bgblack-social {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.83);
    z-index: 110
}

.popup-login, .popup-lostpass, .popup-reset {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 110;
    display: none;
}

.form-tsc .close-lhtvv:before, .form-tsc .close-lhtvv:after {
    background: var(--violet-color);
}

.popup-login .purg-ct, .popup-lostpass .purg-ct {
    height: auto;
    top: 17%
}

.popup-login .purg-lft .form-group:nth-of-type(3) {
    margin-left: 90px;
    margin-bottom: 0;
    height: 44px;
    line-height: 44px;
}

.popup-login .purg-lft .form-group label:not(.error),
.popup-lostpass .purg-lft .form-group label:not(.error) {
    width: 90px;
}

.popup-reset .purg-lft .form-group label:not(.error) {
    width: 150px;
}

.popup-login .purg-lft .form-group:nth-of-type(3) p {
    font-size: 14px;
    color: #7d7d7d;
    margin-bottom: 0;
    padding-left: 10px;
    display: inline-block
}

.popup-login .purg-lft .form-group:nth-of-type(3) input {
    width: 16px;
    border: 1px solid #dedede;
    height: 28px
}

.popup-login .purg-lft .form-group:nth-of-type(3) a {
    color: #333;
    font-size: 14px;
    float: right
}

.popup-login .purg-lft .form-group input,
.popup-lostpass .purg-lft .form-group input {
    width: calc(100% - 90px);
}

.popup-reset .purg-lft .form-group input {
    width: calc(100% - 150px);
}

.popup-login .purg-lft .form-group:nth-of-type(2) {
    margin-bottom: 0;
}

.popup-login .purg-lft .action,
.popup-lostpass .purg-lft .action {
    width: calc(100% - 90px);
    margin-left: 90px;
}

.popup-reset .purg-lft .action {
    width: calc(100% - 150px);
    margin-left: 150px;
}

.popup-login .purg-lft .action button {
    width: 100%;
    margin: 0;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.bgblack-putk {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
}

.popup-regis .purg-lft .action {
    width: calc(100% - 150px);
    margin-left: 150px;
    text-transform: uppercase;
}

.popup-lostpass .form-group,
.popup-reset .form-group {
    position: relative;
}

.popup-lostpass input.error,
.popup-reset input.error {
    border: 1px solid red !important;
}

.popup-lostpass label.error,
.popup-reset label.error {
    color: red;
    top: 0;
    right: 5px;
    position: absolute;
    float: none;
    width: auto;
    font-size: 12px;
    font-weight: normal;
    margin: auto;
}

.dntrmbps {
    margin-bottom: 0;
    margin-left: 90px;
    text-align: center;
    font-size: 14px;
    color: #333;
}

.dntrmbps a {
    color: var(--main-color);
    transition: .3s linear
}

.infaccc-ct {
    display: table;
    padding: 0;
    margin-bottom: 40px;
    width: 100%;
}

.infaccc-ct .infac-lft {
    width: 225px;
    float: left;
    background: #f5f4f4;
    padding: 0 10px;
}

.infaccc-ct .infac-rght {
    width: calc(100% - 225px);
    float: right;
    padding-left: 30px;
    display: block;
}

.infaccc-ct .infac-rght > p {
    font-size: 14px;
}

.infac-lft ._tk2 .iteminacc {
    padding: 6px 5px
}

.infac-lft ._tk2 .iteminacc:first-child {
    padding: 15px 2px 10px
}

.infac-lft ._tk2 .iteminacc:first-child .img-itemacc {
    width: 40px;
    height: 40px
}

.infac-lft ._tk2 .iteminacc:first-child .txt-itemacc {
    width: calc(100% - 40px);
    height: auto
}

.infac-lft ._tk2 .iteminacc:first-child .txt-itemacc p {
    margin-bottom: 2px;
    font-size: 13px;
    line-height: initial
}

.infac-lft ._tk2 .iteminacc:first-child .txt-itemacc span {
    text-transform: uppercase
}

.infac-lft ._tk2 .iteminacc .txt-itemacc a, ._tk2 .iteminacc:first-child .txt-itemacc span {
    font-size: 14px;
    color: #333;
    font-weight: 400;
    transition: .2s linear;
    text-decoration: none
}

.infac-lft ._tk2 .iteminacc .txt-itemacc a:hover, .infac-lft ._tk2 .iteminacc.active .txt-itemacc a {
    color: var(--main-color)
}

.infac-lft .iteminacc:nth-of-type(1):hover .img-itemacc img:nth-of-type(1) {
    display: initial
}

.infac-lft ._tk2 .iteminacc:last-child {
    padding-bottom: 10px;
}

.infaccc .title-h2 h2 a:before, .infaccc .title-h2 h2 span:before {
    width: 70px
}

.infac-rght .infacr-lft {
    width: 62%;
    float: left
}

.infac-rght .infacr-rght {
    width: 38%;
    float: left;
    padding-left: 30px
}

.infacr-rght p {
    font-size: 14px;
    margin-bottom: 12px;
    color: #333
}

.infacr-rght ul {
    padding: 0
}

.infacr-rght ul li {
    list-style-type: none;
    padding-left: 15px;
    margin-bottom: 10px;
    font-size: 14px;
    position: relative
}

.infac-rght .cn-social {
    width: 100%;
    float: left;
    margin-top: 30px;
    margin-bottom: 40px
}

.infac-rght .cn-social p:first-child {
    font-weight: 700;
    font-size: 18px;
    color: #333;
    margin-bottom: 0;
    padding-bottom: 10px;
    border-bottom: #ddd
}

.infacr-rght ul li:before {
    width: 6px;
    height: 6px;
    background: #000;
    content: '';
    position: absolute;
    left: 0;
    border-radius: 50%;
    top: 8px
}

.purg-lft.infacr-lft .form-group p {
    font-size: 14px;
    float: left;
    margin-bottom: 0
}

.purg-lft.infacr-lft .form-group a {
    font-size: 14px;
    float: left;
    margin-left: 11px;
    position: relative;
    text-decoration: none
}

.purg-lft.infacr-lft .form-group a:before {
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 9px;
    content: '';
    background: #b3cde5;
    position: absolute
}

.purg-lft.infacr-lft .form-group:nth-of-type(8) p {
    padding-left: 12px
}

.purg-lft.infacr-lft .action {
    width: 40%;
}

.cn-social .itcnsc {
    display: block;
    overflow: hidden;
    padding: 10px 0;
    border-bottom: 1px solid #ddd
}

.itcnsc .img-itcnsc {
    width: 40px;
    height: 40px;
    float: left
}

.img-itcnsc img {
    max-width: 100%;
    min-height: 100%;
    object-fit: cover
}

.txt-itcnsc {
    width: calc(100% - 40px);
    float: left;
    padding-left: 10px;
    line-height: 40px
}

.txt-itcnsc a:nth-of-type(1) {
    font-size: 14px;
    color: #333;
    font-weight: 700;
    text-decoration: none;
    transition: .2s linear;
    float: left
}

.txt-itcnsc a:nth-of-type(2) {
    font-size: 14px;
    color: #3e7fbc;
    float: right;
    text-decoration: none;
    transition: .2s linear;
}

.txt-itcnsc a:nth-of-type(2):hover {
    color: var(--main-color)
}

.itcnsc.active .txt-itcnsc a:nth-of-type(2) {
    color: var(--main-color)
}

.itcnsc.active .txt-itcnsc a:nth-of-type(1) i {
    color: #26bc4e;
    padding-left: 1px
}

.cn-social .itcnsc:last-child {
    border-bottom: initial
}

.detailbil {
    display: block;
    overflow: hidden;
    padding-bottom: 12px;
    border-bottom: 1px solid #dbdbdb;
    margin-bottom: 12px
}

.detailbil h1 {
    font-size: 16px;
    margin: 0;
    float: left
}

.detailbil h1 span {
    font-weight: 700
}

.detailbil h1 p {
    display: inline-block;
    color: var(--main-color);
    margin-bottom: 0
}

.detailbil .timebil {
    margin-bottom: 0;
    float: right;
    font-size: 14px
}

.lst-inftran {
    display: grid;
    grid-template-columns: calc(100% / 3) calc(100% / 3) calc(100% / 3);
    margin: 0 -5px;
    margin-bottom: 15px;
    display: -ms-grid;
}

.lst-inftran .itemtransb {
    margin: 0 5px;
    border: 1px solid #dbdbdb
}

.itemtransb .h3-ittransb {
    padding: 10px 8px 10px 22px;
    border-bottom: 1px solid #dbdbdb;
    background: #f7f7f7;
    position: relative
}

.itemtransb .h3-ittransb:before {
    width: 3px;
    height: calc(100% + 2px);
    left: 0;
    top: -1px;
    background: var(--main-color);
    content: '';
    position: absolute
}

.itemtransb .h3-ittransb h3 {
    font-size: 14px;
    font-weight: 700;
    color: #333;
    margin-bottom: 0;
    text-transform: uppercase
}

.itemtransb .txt-ittransb {
    padding: 15px 20px
}

.txt-ittransb p {
    margin-bottom: 5px;
    font-size: 14px;
    color: #333
}

.itemtransb:first-child .txt-ittransb p:first-child {
    font-weight: 700
}

.tabitem table {
    width: 100%
}

.tabitem table th {
    background: #f1f0f0;
    border-bottom: 1px solid #dbdbdb;
    height: 45px;
    text-align: center
}

.tabitem table th:first-child, .tabitem table td:first-child {
    padding-left: 25px;
    text-align: left
}

.tabitem table th:last-child, .tabitem table td:last-child {
    padding-right: 25px;
    text-align: right
}

.tabitem table td:first-child {
    display: block;
    overflow: hidden
}

.tabitem table tbody tr {
    border-right: 1px solid #dbdbdb;
    border-left: 1px solid #dbdbdb
}

.tabitem table td {
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #dbdbdb;
    text-align: center;
    font-size: 14px;
    color: #333
}

.tabitem table td .img-ittable {
    width: 72px;
    float: left;
    height: 72px;
    overflow: hidden
}

.tabitem table td .img-ittable img {
    max-width: 100%;
    min-height: 100%;
    object-fit: cover
}

.tabitem table td .txt-ittable {
    width: calc(100% - 77px);
    float: left;
    font-size: 14px;
    color: #333;
    padding-left: 15px
}

.txt-ittable p {
    font-weight: 700;
    margin-bottom: 5px
}

.txt-ittable span {
    display: block
}

.gtittb {
    background: #f7f7f7;
    display: block;
    overflow: hidden;
    padding: 20px 25px;
    border: 1px solid #dbdbdb;
    border-top: initial;
    margin-bottom: 20px
}

.gtittb p {
    font-size: 14px;
    width: 100%;
    text-align: right;
    color: #5e5e5e;
    margin-bottom: 12px
}

.gtittb p span {
    width: 160px;
    display: inline-block;
    color: #333
}

.gtittb p:last-child {
    font-weight: 700;
    margin-bottom: 0
}

.gtittb p:last-child span {
    font-size: 16px;
    color: var(--main-color)
}

.infaccc-ct .gobbil {
    font-size: 14px;
    color: #333;
    font-weight: 300;
    padding-left: 20px;
    background: url(../image/ic-leftb.png) no-repeat;
    background-position-x: 2px;
    background-position-y: 4px;
    text-decoration: none;
    transition: .2s linear
}

.infaccc-ct .gobbil:hover {
    color: var(--main-color)
}

.txt-dtdd p {
    font-size: 14px;
    color: #333
}

.txt-dtdd p:first-child {
    font-weight: 700;
    margin-bottom: 5px
}

.lst-searchdh {
    display: grid;
    grid-template-columns: calc(58% / 3) calc(58% / 3) 15% 15% calc(58% / 3) 12%;
    margin: 0 -4px;
    position: relative;
    margin-bottom: 20px;
    display: -ms-grid;
}

.itemsdh {
    margin: 0 4px;
    position: relative
}

.itemsdh:nth-of-type(3) input, .itemsdh:nth-of-type(4) input {
    background: url(../image/input-cal.png) no-repeat;
    background-position-x: 97%;
    background-position-y: 47%;
}

.itemsdh p {
    font-size: 14px;
    color: #333;
    margin-bottom: 3px
}

.itemsdh input {
    width: 100%;
    border: 1px solid #dbdbdb;
    height: 30px;
    padding-left: 12px;
    font-size: 13px;
}

.itemsdh select {
    width: 100%;
    height: 30px;
    border: 1px solid #dbdbdb;
    font-size: 14px;
    color: #6c6c6c;
    padding-left: 12px;
    font-size: 12px;
}

.itemsdh input:focus, .itemsdh select:focus, .lst-searchdh button:focus {
    outline: none
}

.itemsdh .form-group {
    margin-bottom: 0
}

.lst-searchdh button {
    border: initial;
    width: 100%;
    height: 30px;
    background: var(--main-color);
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    position: absolute;
    right: 0;
    bottom: 0
}

.table-dhg {
    margin-bottom: 25px
}

.table-dhg table {
    font-size: 14px;
    width: 100%;
    border: 1px solid #dbdbdb
}

.table-dhg thead th {
    background: #f6f6f6;
    height: 50px;
    text-align: center;
    padding: 0 5px;
    border-bottom: 1px solid #dbdbdbdb
}

.table-dhg thead th:nth-of-type(2), .table-dhg thead th:nth-of-type(3) {
    text-align: left
}

.table-dhg td {
    text-align: center;
    padding: 0 4px;
    border-bottom: 1px solid #dbdbdbdb;
    padding: 10px 4px
}

.table-dhg td:nth-of-type(2), .table-dhg td:nth-of-type(3) {
    text-align: left
}

.table-dhg td:last-child {
    color: var(--main-color)
}

.table-dhg td .imgtabledh {
    width: 48px;
    height: 48px
}

.table-dhg td:first-child img {
    max-width: 100%;
    min-height: 100%;
    object-fit: cover
}

.table-dhg .newbil i {
    color: #20acda;
    padding-right: 2px
}

.table-dhg .offbil i {
    color: #6c6c6c;
    padding-right: 2px
}

.table-dhg .ovrbil i {
    color: var(--main-color);
    padding-right: 2px
}

.item-quan {
    margin-bottom: 5px
}

.question-it {
    background: url(../image/ic-ques.png) no-repeat;
    border: 1px solid #dbdbdb;
    position: relative;
    padding: 15px 45px 15px 45px;
    display: flex;
    align-items: center;
    background-color: #f8f8f8;
    background-position-x: 13px;
    background-position-y: 10px;
    cursor: pointer;
}

.question-it p {
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 700;
    color: #333
}

.question-it i {
    position: absolute;
    top: calc((100% - 28px) / 2);
    font-size: 28px;
    color: #323232;
    right: 15px;
    transition: .2s linear
}

.item-quan.active .question-it i {
    transform: rotate(180deg)
}

.answer-it {
    padding: 15px;
    border: 1px solid #dbdbdb;
    border-top: initial;
    display: none;
}

.answer-it p {
    margin-bottom: 0;
    font-size: 14px
}

.aquest {
    margin-bottom: 25px
}

.alit-spdx .ait-hit .item-hit {
    padding: 10px 0 30px;
    height: auto;
    border: 1px solid #e0e0e0;
    margin: 5px
}

.alit-spdx .ait-hit .item-hit:last-child {
    border-right: 1px solid #e0e0e0
}

.alit-spdx .ait-hit .item-hit:nth-child(4n) {
    border-right: 1px solid #e0e0e0
}

.alit-spdx .ait-hit {
    margin-bottom: 25px;
    display: block;
    overflow: hidden
}

.alit-spdx .item-hit .hit-img {
    width: 210px;
    height: 210px;
    margin: 0 auto;
    padding-bottom: 35px;
}

.lst-thbao {
    margin-bottom: 25px
}

.lst-thbao table {
    width: 100%;
    border: 1px solid #dbdbdb
}

.lst-thbao tr td {
    padding: 25px 0;
    vertical-align: top;
    font-size: 14px;
    color: #333;
    border-bottom: 1px solid #dbdbdb
}

.lst-thbao tr:nth-child(2n) td {
    background: #f8f8f8
}

.lst-thbao tr td:first-child {
    padding-left: 22px;
    width: 14%
}

.lst-thbao tr td:nth-of-type(3) {
    width: 20%;
    padding-right: 15px;
    text-align: right
}

.lst-thbao tr td:last-child {
    padding-right: 18px;
    width: 6%;
    text-align: right
}

.lst-thbao tr td:last-child a {
    color: var(--main-color)
}

.lst-thbao tr td a {
    color: #2061a7;
    transition: .2s linear
}

.lst-thbao tr:last-child td {
    border-bottom: initial
}

.liststorenx a, .liststorenx span {
    width: 32px;
    height: 32px;
    background: #eaeaea;
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    line-height: 32px;
    font-size: 14px;
    color: #333;
    margin-right: 4px;
    transition: .2s linear;
    text-decoration: none;
}

.liststorenx a:last-child {
    margin-right: 0
}

.purg-rght .loggg1-dk:hover {
    color: #dd4a38
}

.liststorenx a:hover, .liststorenx a.active, .liststorenx span.active-page {
    color: #fff;
    background: var(--main-color)
}

.liststorenx a.disabled.hidden {
    display: none;
}

.title-h2tab a {
    color: #333;
    text-decoration: none;
    transition: .2s linear;
    margin-right: 35px;
    position: relative;
    font-size: 18px;
    float: left;
    font-weight: 700
}

.title-h2tab a:after {
    width: 1px;
    height: 20px;
    content: '';
    background: #dbdbdb;
    position: absolute;
    top: 7px;
    right: -20px;
}

.title-h2tab a:last-child {
    margin-right: 0
}

.title-h2tab a:last-child:after {
    display: none
}

.title-h2tab a.active, .title-h2tab a:hover {
    color: var(--main-color)
}

.table-dtkcv.color-violet .title-h2tab a.active,
.table-dtkcv.color-violet .title-h2tab a:hover {
    color: var(--violet-color);
}

.title-h2tab a:before {
    height: 2px;
    content: '';
    bottom: -9px;
    position: absolute;
    left: 0;
    right: 100%;
    background: var(--main-color);
    transition: .3s linear;
}

.table-dtkcv.color-violet .title-h2tab a:before {
    background: var(--violet-color);
}

.title-h2tab a.active:before, .title-h2tab a:hover:before {
    left: 0;
    right: 0
}

.menu-link a {
    font-size: 13px;
    text-decoration: none;
    transition: .2s linear;
    color: #818181;
    padding-right: 5px
}

.menu-link a:hover {
    color: var(--main-color)
}

.menu-link .active {
    color: #333;
    font-size: 14px
}

.menu-link i {
    color: #b9b9b9;
    font-size: 13px;
    padding-right: 3px
}

.lst-itnewsa {
    display: block;
    overflow: hidden;
    margin: 0 -10px;
    margin-bottom: 25px
}

.lst-itnewsa .itnewsa:first-child {
    width: calc((200% / 3) - 20px)
}

.lst-itnewsa .itnewsa:nth-of-type(n + 2) {
    width: calc((100% / 3) - 20px)
}

.lst-itnewsa .itnewsa {
    position: relative;
    float: left;
    margin: 10px 10px 30px 10px;
}

.itnewsa:first-child .img-itnewsa {
    height: 440px
}

.itnewsa .img-itnewsa {
    /*height: 220px;*/
    /*overflow: hidden*/
}

.zoom-img:before {
    padding-bottom: 70%;
}
.img-itnewsa .zoom-img, .img-itnewsa .zoom-img img {
    border-radius: 10px;
}
.itnewsa .img-itnewsa:hover img {
    transform: scale(1.1, 1.1)
}

.itnewsa .img-itnewsa img {
    max-width: 100%;
    min-height: 100%;
    object-fit: cover;
    transition: .3s linear
}

.itnewsa .img-itnewsa a {
    display: block;
    height: 100%
}

.itnewsa:first-child .txt-itnewsa {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgba(234, 232, 231, 0.81);
    padding: 15px 25px;
    z-index: 2;
}

.itnewsa .txt-itnewsa {
    padding: 20px 0
}

.itnewsa .txt-itnewsa h3 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 44px;
    font-size: 16px;
    margin-bottom: 12px;
    font-weight: 700
}

.itnewsa .txt-itnewsa h3 a {
    color: #333;
    transition: .2s linear;
    text-decoration: none;
    font-size: 17px;
    line-height: 1.3
}

.itnewsa .txt-itnewsa h3 a:hover {
    color: var(--main-color)
}

.itnewsa .txt-itnewsa p {
    margin-bottom: 0;
    font-size: 14px;
    color: #333;
    font-weight: 400;
    max-height: 42px;
    overflow: hidden;
    line-height: 1.6
}

.time-newsa {
    font-size: 14px;
    color: #969696;
    margin-bottom: 12px !important;
    display: block
}

.dtnews-ct {
    display: block;
    overflow: hidden;
    margin-bottom: 30px
}

.dtnews-ct .dtnews-lft {
    width: 70%;
    float: left;
    padding-right: 30px
}
.dtnews-wr *, .item_tab *, .txt-dvkh2 * {
    font-family: 'Manrope', sans-serif !important;
}
.dtnews-wr p, .dtnews-wr p * {
    font-size: 16px !important;
}
.dtnews-wr {
    margin-bottom: 35px
}

.dtnews-ct .dtnews-rght {
    margin-top: 71px;
    width: 30%;
    float: left
}

.dtnews-wr h3 {
    font-size: 24px;
    color: #1792ef;
    font-weight: 700;
    margin-bottom: 8px;
    text-transform: uppercase
}

.dtnews-wr .note-dtn {
    font-size: 14px;
    color: #333;
    font-style: italic;
    display: block;
    margin-bottom: 12px
}

.dtnews-wr p {
    font-size: 14px;
    color: #333;
    margin-bottom: 12px
}

.dtnews-wr img {
    max-width: 100% !important;
    height: initial !important;
}

.dtnews-wr .iframe iframe {
    height: 445px;
}

.dtnews-ct .img-dtnews {
    margin: 25px 0;
    position: relative
}

.list-imgdtn.active {
    padding: 25px 25px 15px;
    height: auto;
    opacity: 1;
    visibility: visible
}

.imgidtnews > img {
    max-width: 100%;
    min-height: 100%;
    object-fit: cover
}

.imgidtnews > img a {
    display: block
}

.icon-imgdtn {
    height: 46px;
    width: 46px;
    text-align: center;
    line-height: 46px;
    background: #fff;
    position: relative;
    bottom: 15px;
    left: 15px;
    border-radius: 8px;
    margin-top: -45px;
}

.img-dtnews .imgidtnews {
    position: relative
}

.img-hover-detail {
    position: relative
}

.list-imgdtn {
    background: #f0f2f5;
    height: 0;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    padding: 0;
    transition: .3s linear;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 10;
}

.list-imgdtn > p {
    font-size: 14px;
    color: #333;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 12px
}

.list-imgdtn .itemspinimg {
    background: #fff;
    border: 1px solid #ded5d8;
    border-radius: 8px;
    display: block;
    overflow: hidden;
    padding: 6px 12px;
    position: relative;
    margin-bottom: 10px
}

.itemspinimg .img-itspiimg {
    width: 58px;
    height: 58px;
    float: left;
    line-height: 58px;
    overflow: hidden
}

.itemspinimg .img-itspiimg:hover img {
    transform: scale(1.1, 1.1)
}

.img-itspiimg img {
    transition: .2s linear
}

.itemspinimg .txt-itspiimg {
    width: calc(100% - 58px);
    height: 58px;
    float: left;
    padding-left: 15px;
    padding-top: 8px
}

.txt-itspiimg .cl-showitem {
    width: 18px;
    height: 26px;
    text-align: right;
    position: absolute;
    right: 15px;
    top: calc((100% - 26px) / 2)
}

.txt-itspiimg .cl-showitem a {
    display: block
}

.txt-itspiimg p {
    color: #333;
    font-size: 14px;
    margin-bottom: 3px;
    max-height: 21px;
    overflow: hidden
}

.dtnews-wr a {
    text-decoration: none;
    font-size: 14px;
    transition: .2s linear;
}

.dtnews-wr a:hover {
    color: var(--main-color)
}

.txt-itspiimg p a {
    color: #333;
    transition: .2s linear;
    text-decoration: none
}

.txt-itspiimg p a:hover {
    color: var(--main-color)
}

.dtnews-lft .itemccare {
    margin-bottom: 20px;
}

.txt-itspiimg span {
    color: var(--main-color);
    font-size: 16px
}

.txt-itspiimg i {
    font-size: 26px;
    color: #c6c6c7
}

.lst-socialn {
    display: flex;
    margin-bottom: 35px;
}

.lst-socialn a {
    color: #979797;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: block;
    border: 1px solid #979797;
    text-align: center;
    line-height: 32px;
    text-decoration: none;
    transition: .3s linear;
    margin-right: 5px
}

.lst-socialn a:nth-of-type(3) {
    background: url(../image/ic-fax.png) no-repeat;
    background-position-x: 6px;
    background-position-y: 6px
}

.lst-socialn a:hover {
    color: #fff;
    border: 1px solid var(--main-color);
    background-color: var(--main-color)
}

.lst-socialn a:nth-of-type(3):hover {
    background: url(../image/ic-faxw.png) no-repeat;
    background-position-x: 4px;
    background-color: var(--main-color);
    background-position-y: 5px
}

.itemccare {
    display: block;
    overflow: hidden;
    margin-bottom: 30px
}

.itemccare > h3 {
    font-size: 18px;
    margin-bottom: 15px;
    padding-bottom: 8px;
    border-bottom: 1px solid #dbdbdb
}

.itemccare > h3 a {
    color: var(--main-color);
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 700
}

.itemccare .ait-hit {
    display: grid;
    grid-template-columns: repeat(3, calc(100% / 3));
}

.itemccare .ait-hit .item-hit {
    border: 1px solid #dbdbdb;
    border-right: initial
}

.itemccare .ait-hit .item-hit:last-child {
    border-right: 1px solid #dbdbdb
}

.lstncare {
    display: block;
    overflow: hidden;
    margin: 0 -10px
}

.lstncare .itncare {
    width: calc(100% / 3 - 20px);
    float: left;
    margin: 0 10px 30px 10px
}

.itncare .img-itncare {
    height: 160px;
    overflow: hidden;
    margin-bottom: 15px;
    position: relative;
}

.itncare .img-itncare a {
    display: block;
    height: 100%
}

.itncare .img-itncare img {
    max-width: 100%;
    min-height: 100%;
    object-fit: cover;
    transition: .3s linear;
    width: 100%;
    height: 100%;
}

.itncare:hover .img-itncare img {
    transform: scale(1.1, 1.1)
}

.itncare .txt-itncare p {
    margin-bottom: 0;
    line-height: 1.4
}

.itncare .txt-itncare a {
    font-size: 14px;
    text-transform: uppercase;
    color: #333;
    display: block;
    transition: .2s linear;
    text-decoration: none
}

.itncare .txt-itncare a:hover {
    color: var(--main-color)
}

.dtnews-rght h3 {
    font-size: 17px;
    margin-bottom: 12px;
    padding-bottom: 8px;
    border-bottom: 2px solid var(--main-color);
}

.dtnews-rght h3 a {
    transition: .3s linear;
    text-transform: uppercase;
    text-decoration: none;
    color: #333;
    font-weight: 700
}

.dtnews-rght h3 a:hover {
    color: var(--main-color)
}

.lstnrght {
    margin-bottom: 20px
}

.lstnrght .itnewsln {
    display: block;
    overflow: hidden;
    padding-bottom: 10px;
    border-bottom: 1px solid #dbdbdb;
    margin-bottom: 10px
}

.lstnrght .itnewsln:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0
}

.itnewsln .img-itnewsln {
    width: 104px;
    height: 66px;
    overflow: hidden;
    float: left;
    display: block;
    position: relative;
}

.itnewsln .img-itnewsln ._plvd-ct, .itemccare ._plvd-ct {
    width: 35px;
    height: 35px;
}

.itnewsln .img-itnewsln ._plvd-ct:before, .itemccare ._plvd-ct:before {
    width: 100%;
    height: 100%;
}

.itnewsln .img-itnewsln ._plvd-ct .plvd-cirfill:before, .itemccare ._plvd-ct .plvd-cirfill:before {
    width: 50px;
    height: 50px;
    top: -7px;
    left: -7px;
}

.itnewsln .img-itnewsln ._plvd-ct .plvd-cirfill:after, .itemccare ._plvd-ct .plvd-cirfill:after {
    width: 60px;
    height: 60px;
    top: -12px;
    left: -12px;
}

.img-itnewsln img {
    max-width: 100%;
    min-height: 100%;
    object-fit: cover;
    transition: .2s linear
}

.img-itnewsln a {
    display: block;
    height: 100%
}

.img-itnewsln:hover img {
    transform: scale(1.1, 1.1)
}

.txt-itnewsln p {
    margin-bottom: 0;
    line-height: 1.2;
    max-height: 48px;
    overflow: hidden
}

.itnewsln .txt-itnewsln {
    width: calc(100% - 104px);
    float: left;
    padding-left: 15px
}

.txt-itnewsln p a {
    color: #333;
    font-size: 15px;
    display: block;
    text-decoration: none;
    transition: .2s linear;
    font-weight: 500;
}

.txt-itnewsln p a:hover {
    color: var(--main-color)
}

.txt-itnewsln .time-newsa {
    margin-bottom: 0;
    margin-top: 5px;
}

.img-qcrght {
    width: 100%
}

.img-qcrght a {
    display: block
}

.img-qcrght img {
    max-width: 100%;
    min-height: 100%;
    object-fit: cover
}

.lst-imgdj {
    display: block;
    overflow: hidden;
    margin: 0 -12px 30px
}

.lst-imgdj .item-ofdj {
    width: calc(100% / 3 - 24px);
    float: left;
    margin: 0 12px;
    padding: 8px 8px 18px;
    border: 1px solid #dbdbdb;
    margin-bottom: 30px
}

.item-ofdj .img-itemofdj {
    height: 235px;
    overflow: hidden;
    margin-bottom: 15px
}

.img-itemofdj a {
    height: 100%
}

.img-itemofdj a img {
    max-width: 100%;
    min-height: 100%;
    object-fit: cover;
    transition: .3s linear
}

.item-ofdj .img-itemofdj:hover img {
    transform: scale(1.1, 1.1)
}

.txt-itemofdj {
    max-height: 16px
}

.txt-itemofdj h3 {
    font-size: 14px;
    margin-bottom: 0;
    text-align: center
}

.txt-itemofdj h3 a {
    font-weight: 700;
    color: #333;
    text-decoration: none;
    display: block;
    transition: .2s linear;
    max-height: 21px;
    overflow: hidden;
    line-height: 1.5;
    text-transform: uppercase
}

.txt-itemofdj h3 a:hover {
    color: var(--main-color)
}

.img-itvideott {
    position: relative;
    margin-bottom: 15px;
    height: 250px;
    overflow: hidden;
    display: block;
}

.alitvideo .itvideo-tt {
    width: calc(100% / 3 - 40px);
    float: left;
    margin: 0 10px
}

.alitvideo .itvideo-tt:first-child {
    width: calc(200% / 3)
}

.img-itvideott img {
    border-radius: 20px;
    max-width: 100%;
    min-height: 100%;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.alitvideo {
    display: block;
    overflow: hidden;
    margin: 0 -10px;
    padding-bottom: 15px;
    position: relative;
    margin-bottom: 25px
}

.alitvideo:after {
    width: calc(100% - 20px);
    height: 1px;
    content: '';
    left: 10px;
    bottom: 0;
    background: #dbdbdb;
    position: absolute
}

.txt-itvideott h3 {
    font-size: 14px;
    margin-bottom: 5px;
}

.txt-itvideott h3 a {
    text-decoration: none;
    color: #333;
    transition: .3s linear;
    font-weight: 700;
    text-transform: uppercase;
    max-height: 33px;
    overflow: hidden
}

.itvideo-tt:first-child .txt-itvideott h3 a {
    font-size: 18px
}

.itvideo-tt:first-child .txt-itvideott h3 a {
    max-height: 38px;
    overflow: hidden
}

.txt-itvideott h3 a:hover {
    color: var(--main-color)
}

.itvideo-tt .time-newsa {
    margin-bottom: 12px
}

.itvideo-tt:first-child .img-itvideott {
    height: 495px;
    display: block;
}

.topvideog > p {
    font-size: 18px;
    margin-bottom: 15px;
    color: var(--main-color);
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 700
}

.topvideog .alitvideo .itvideo-tt:first-child {
    width: calc(100% / 3 - 20px)
}

.topvideog .itvideo-tt:first-child .img-itvideott {
    height: 250px;
    display: block;
}

.topvideog .alitvideo .itvideo-tt {
    width: calc(100% / 3 - 20px);
    margin-bottom: 20px
}

.topvideog .txt-itvideott h3 {
    font-size: 16px !important;
    margin-bottom: 5px;
    max-height: 24px;
    overflow: hidden
}

.topvideog .txt-itvideott h3 a {
    color: #333;
    display: block
}

.topvideog .itvideo-tt .time-newsa {
    margin-bottom: 0
}

.topvideog .alitvideo:after {
    display: none
}

.lstvct {
    margin-bottom: 50px
}

.lstvct .it-vct {
    display: block;
    overflow: hidden;
    padding: 15px;
    border: 1px solid #dbdbdb;
    margin-bottom: 20px;
}

.it-vct .img-itvct {
    width: 50%;
    float: left;
    height: 290px;
    overflow: hidden
}

.it-vct:nth-child(2n) .img-itvct {
    float: right
}

.img-itvct img {
    max-width: 100%;
    min-height: 100%;
    object-fit: cover;
    width: 100%;
}

.txt-itvct .txt-jdfl p {
    max-height: 60px;
    overflow: hidden;
    margin-bottom: 40px;
}

.it-vct .txt-itvct {
    width: 50%;
    float: left;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 290px;
    text-align: center
}

.txt-itvct h3 {
    font-size: 18px;
    position: relative;
    margin-bottom: 50px;
}

.txt-itvct h3 a {
    color: #333;
    text-transform: uppercase;
    font-weight: 700;
    text-decoration: none;
    transition: .2s linear;
}

.txt-itvct h3 a:hover {
    color: var(--main-color)
}

.txt-itvct p {
    font-size: 14px;
    color: #333;
    padding: 0 30px
}

.txt-itvct h3:before {
    background: url(../image/bfh3.png) no-repeat;
    content: '';
    position: absolute;
    left: calc((100% - 112px) / 2);
    width: 112px;
    height: 16px;
    top: 30px
}

.dvkh-dj {
    display: block;
    overflow: hidden;
    margin-bottom: 45px;
    padding-top: 15px;
}

.dvkh-dj .it-dvkhdj {
    width: calc(100% / 3);
    float: left;
    margin-bottom: 30px;
}

.it-dvkhdj .img-itdvkh {
    width: 80px;
    height: 80px;
    text-align: center;
    line-height: 80px;
    margin: 0 auto 13px;
}

.txt-itdvkh h3 {
    font-size: 16px;
    margin-bottom: 15px;
    text-align: center;
    text-transform: uppercase;
    padding: 0 5px;
}

.txt-itdvkh h3 a {
    color: #333;
    font-weight: 700;
    text-decoration: none;
    transition: .2s linear
}

.txt-itdvkh h3 a:hover {
    color: var(--main-color)
}

.txt-itdvkh p {
    text-align: center;
    line-height: 1.7;
    margin-bottom: 0;
    font-size: 14px;
    height: 88px;
    max-height: 88px;
    overflow: hidden;
    padding: 0 30px;
}

.slide-dvk {
    position: relative;
    margin-bottom: 70px
}

.slide-dvk .txt-itdvkh p {
    padding: 0 20px
}

.slide-dvk > h3 {
    font-size: 20px;
    font-weight: 700;
    color: #333;
    text-transform: uppercase;
    padding-bottom: 10px;
    border-bottom: 1px solid #dbdbdb;
    margin-bottom: 20px
}

.prevdvk {
    color: #737373;
    font-size: 32px;
    position: absolute;
    top: 150px;
    left: -20px;
    text-decoration: none
}

.nextdvk {
    color: #737373;
    font-size: 32px;
    position: absolute;
    top: 150px;
    right: -20px;
    text-decoration: none
}

.txt-dvkh2 h1 {
    font-size: 22px;
    margin-bottom: 18px;
    color: #333;
    font-weight: 400;
}

.txt-dvkh2 p {
    font-size: 14px;
    color: #333;
    margin-bottom: 12px;
    line-height: 1.6;
}

.txt-dvkh2 p > a {
    font-weight: 700;
    color: #333;
    text-decoration: none;
    transition: .2s linear
}

.txt-dvkh2 p > a:hover {
    color: var(--main-color)
}

.txt-dvkh2 table td p {
    color: #68686a
}

.txt-dvkh2 img {
    max-width: 100%;
    min-height: 100%;
    object-fit: cover;
    display: block;
    margin: 0 auto 20px
}

.txt-dvkh2 iframe {
    display: block;
    margin: 0 auto 30px
}

.tb-djclub {
    width: 100%;
    text-align: center;
    margin-bottom: 30px
}

.tb-djclub tr th:first-child, .tb-djclub tr td:first-child {
    width: 48%;
    text-align: left
}

.tb-djclub tr th, .tb-djclub tr td {
    width: 13%;
    border: 1px solid #333;
    padding: 3px 5px 8px
}

.tb-djclub tr th {
    color: #333;
    vertical-align: top
}

.tb-djclub tr td {
    font-size: 14px;
    color: #68686a
}

.tb-djclub tr td b {
    color: #333
}

.tb-djclub tr td:first-child {
    vertical-align: top
}

.vts-ktdj {
    display: block;
    overflow: hidden;
    padding-bottom: 30px;
    border-bottom: 1px solid #dbdbdb;
    margin-bottom: 30px;
}

.vts-ktk {
    margin-bottom: 50px
}

.vts-ktk h3, .txtlths h3 {
    font-size: 20px;
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #dbdbdb
}

.vts-ktk h3 a, .txtlths h3 a {
    color: #333;
    font-weight: 700;
    text-decoration: none;
    transition: .3s linear;
    text-transform: uppercase
}

.vts-ktk h3 a:hover, .txtlths h3 a:hover {
    color: var(--main-color)
}

.itslktk .img-itslktk {
    height: 140px;
    overflow: hidden
}

.itslktk .img-itslktk a {
    display: block;
    height: 100%
}

.img-itslktk img {
    width: 100%;
    min-height: 100%;
    object-fit: cover
}

.allslidektk {
    position: relative
}

.txt-itslktk h4 {
    background: #ededed;
    text-align: center;
    width: 100%;
    margin-bottom: 0;
    padding: 10px
}

.txt-itslktk h4 a {
    font-size: 14px;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 700;
    transition: .2s linear;
    color: #333;
    display: block;
    max-height: 16px;
    overflow: hidden
}

.txt-itslktk h4 a:hover {
    color: var(--main-color)
}

.allslidektk .prevktk {
    font-size: 32px;
    color: #737373;
    position: absolute;
    left: -20px;
    top: calc((100% - 52px) / 2);
    transition: .2s linear;
}

.allslidektk .prevktk:hover, .allslidektk .prevktk:focus, .allslidektk .nextktk:hover, .allslidektk .nextktk:focus {
    color: var(--main-color)
}

.allslidektk .nextktk {
    font-size: 32px;
    color: #737373;
    position: absolute;
    right: -20px;
    top: calc((100% - 52px) / 2);
    transition: .2s linear;
}

.lst-toplnews {
    display: block;
    overflow: hidden;
    margin-bottom: 35px
}

.lst-toplnews a {
    font-size: 14px;
    color: #333;
    padding: 3px 5px 3px 0;
    display: block;
    width: 25%;
    float: left;
    text-decoration: none;
    transition: .2s linear
}

.lst-toplnews a i {
    color: var(--main-color);
    padding-right: 5px
}

.lst-toplnews a:hover {
    color: var(--main-color)
}

.txt-dtvts {
    margin-bottom: 30px;
}

.txt-dtvts h1, .txt-vtsdj4 h1 {
    font-size: 22px;
    margin: 0;
    margin-bottom: 15px;
    font-weight: 400
}

.txt-dtvts p {
    font-size: 14px;
    color: #333;
    margin-bottom: 18px;
    line-height: 1.6
}

.txtlths {
    margin-bottom: 30px
}

.lst-bvlt a {
    font-size: 14px;
    color: #333;
    text-decoration: none;
    text-transform: uppercase;
    transition: .2s linear;
    display: table;
    margin-bottom: 6px;
}

.lst-bvlt a i {
    color: var(--main-color);
    padding-right: 5px
}

.lst-bvlt a:hover {
    color: var(--main-color)
}

.it-slidekdbs {
    height: 100%
}

.it-slidekdbs img {
    width: 100%;
    object-fit: cover
}

.slidekdbs-all .lSSlideOuter .lightSlider {
    position: relative;
    left: 25%
}

.contact-kdbs {
    margin-bottom: 35px
}

.contact-kdbs h2 {
    font-size: 20px;
    color: #333;
    text-transform: uppercase;
    padding-bottom: 13px;
    border-bottom: 1px solid #dbdbdb;
    margin-bottom: 15px;
}

.contact-kdbs .list-kdbs {
    display: block;
    overflow: hidden;
    margin: 0 -5px 35px;
}

.list-kdbs .itkdbs {
    width: calc(100% / 3 - 10px);
    float: left;
    margin: 0 5px;
    border: 1px solid #dbdbdb;
    padding: 23px 30px 30px 22px;
    height: 192px;
}

.itkdbs > p {
    margin-bottom: 10px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
}

.itkdbs ul {
    padding: 0;
    margin-bottom: 0
}

.itkdbs ul li {
    padding-left: 20px;
    list-style-type: none;
    font-size: 14px;
    color: #333;
    margin-bottom: 8px;
    line-height: 1.4;
}

.itkdbs ul li:first-child {
    background: url(../image/ic1-itst.png) no-repeat;
    background-position-y: 1px;
}

.itkdbs ul li:nth-of-type(2) {
    background: url(../image/ic2-itst.png) no-repeat;
    background-position-y: 1px;
}

.itkdbs ul li:nth-of-type(3) {
    background: url(../image/ic-faxrkd.png) no-repeat;
    background-position-y: 4px;
}

.itkdbs ul li a {
    color: #333;
    text-decoration: none;
    transition: .2s linear;
    margin-left: 2px;
}

.itkdbs ul li a:hover {
    color: var(--main-color)
}

._plvd {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    width: 58px;
    height: 58px;
    transform: translate(-50%, -50%);
}

.plvdcirfill {
    width: 58px;
    height: 58px;
    top: 0;
    left: 0;
    position: absolute;
    background-color: #d83243;
    border-radius: 100%;
    border: 2px solid transparent;
    -webkit-animation: zoomInVideo 2.3s infinite ease-in-out;
    animation: zoomInVideo 1.5s infinite ease-in-out;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

._plvd .plvd-cirfill {
    width: 36px;
    height: 36px;
    border: 1px solid #fff;
    position: absolute;
    left: calc((100% - 36px) / 2);
    top: calc((100% - 36px) / 2);
    border-radius: 50%
}

._plvd .plvd-cirfill a {
    display: block;
    width: 15px;
    height: 20px;
    background: url(../image/ic-playvd.png) no-repeat;
    position: absolute;
    left: calc((100% - 15px) / 2);
    top: calc((100% - 20px) / 2)
}

.qtkbp ._plvd {
    left: calc(8% + ((420px - 58px) / 2));
    top: 63%;
}

._plvd .plvideo {
    display: block;
    position: absolute;
    height: auto;
    left: 68px;
    width: 91px;
    font-size: 20px;
    color: #333;
    line-height: 58px;
    text-decoration: none;
    transition: .2s linear
}

._plvd .plvideo:hover {
    color: var(--main-color)
}

.calbmn, .shsubmn {
    display: none
}

.menu-link {
    padding: 20px 0;
}

.menu-link a {
    font-size: 13px;
    text-decoration: none;
    transition: .2s linear;
    color: #818181;
    padding-right: 5px
}

.menu-link a:hover {
    color: var(--main-color)
}

.menu-link a.active {
    color: #333
}

.menu-link i {
    color: #b9b9b9;
    font-size: 13px;
    padding-right: 3px
}

.title-h2 h2 .amount-item {
    white-space: nowrap;
    color: #333;
    font-size: 14px;
    font-weight: 400;
    padding-left: 6px;
    text-transform: none;
    position: absolute;
    top: 6px;
}

.cart .title-h2 h2 a:before, .cart .title-h2 h2 span:before, .cart2 .title-h2 h2 a:before, .cart2 .title-h2 h2 span:before {
    width: 70px;
    bottom: -11px
}

.bakbuy {
    padding: 4px 15px 4px 30px;
    background: url(../image/ic-leftb.png) no-repeat;
    display: inline-block;
    width: auto;
    border: 1px solid #dbdbdb;
    background-color: #f9f9f9;
    background-position-x: 14px;
    background-position-y: 11px;
    transition: .2s linear;
    border-radius: 5px;
}

.itpicked {
    display: block;
    padding: 25px 0;
    border-bottom: 1px solid #dbdbdb;
    display: flex;
}

.itpicked:first-child {
    padding-top: 0;
}

.itpicked:last-child {
    padding-bottom: 0;
    border-bottom: none
}
@media screen and (min-width: 1200px) and (max-width: 1900px){
    .itpicked:first-child {
        padding-bottom: 50px;
    }
}
.bakbuy a {
    font-size: 14px;
    color: #333;
    text-decoration: none;
    transition: .2s linear;
    text-transform: uppercase
}

.bakbuy:hover a {
    color: #ffffff
}

.bakbuy:hover {
    border: 1px solid var(--main-color);
    background: url(../image/ic-leftw.png) no-repeat;
    background-position-x: 13px;
    background-position-y: 12px;
    background-color: var(--main-color);
}

.cart-ct {
    display: block;
    overflow: hidden;
    padding-bottom: 70px
}

.cart-ct .cartlft {
    width: 70%;
    float: left;
    padding-right: 15px
}

.cart2 .cart-ct .cartlft {
    width: 65%
}

.cart2 .cart-ct .cart-rghta {
    float: left;
    width: calc(35% - 15px);
    padding-bottom: 30px;
    margin-left: 15px
}

.cart2 .cart-ct .cartrght {
    width: 100%;
    margin-left: 0
}

.info-payment .checkmark {
    left: 0;
}

.info-payment .radio-inline {
    margin-bottom: 0;
}

.itpicked .img-itpicked {
    width: 114px;
    height: 114px;
    border: 1px solid #dbdbdb;
    text-align: center;
    line-height: 114px;
    float: left;
    overflow: hidden
}

.img-itpicked a {
    display: block
}

.img-itpicked a img {
    max-width: 100%;
    min-height: 100%;
    object-fit: cover;
    transition: .3s linear
}

.img-itpicked:hover a img {
    transform: scale(1.1, 1.1)
}

.itpicked .txt-itpicked {
    width: calc(100% - 114px);
    float: left;
    padding-left: 25px
}

.txt-itpicked .pick-am {
    float: left;
}

.nm-itpicked {
    color: #333;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 10px;
    transition: .2s linear;
    text-transform: uppercase;
    text-decoration: none !important
}

.cart .title-h2 h2:before, .cart2 .title-h2 h2:before {
    bottom: -9px;
}

.nm-itpicked:hover {
    color: var(--main-color)
}

.cart .title-h2 h2, .cart2 .title-h2 h2 {
}

.id-itpicked {
    font-size: 14px;
    color: #333;
    margin-bottom: 5px;
}

.pick-right a:last-child {
    margin-bottom: 0
}

.pick-am {
    height: 40px;
    line-height: 40px;
}

.pick-am p, .pick-sz p {
    margin-bottom: 0;
    font-weight: 600;
    color: #333;
    float: left;
}

.pick-am .pickamct {
    border-radius: 10px;
    display: inline-block;
    margin-left: 10px;
    border: 1px solid #e0e0e0;
    overflow: hidden;
}

.pickamct .input-dw {
    width: 70px;
    height: 40px;
    float: left;
}

.pickamct.gold .input-dw {
    width: 100% !important
}

.pickamct.gold {
    width: 112px !important
}

.pickamct .input-dw input {
    font-size: 14px;
    width: 50px;
    height: 40px;
    border: initial;
    text-align: center;
    padding: 0;
}

.pickamct .input-dw input:focus, .pick-sz select:focus {
    outline: none
}

.pickamct .dw-am, .pickamct .up-am {
    width: 40px;
    height: 40px;
    float: left;
    position: relative;
    cursor: pointer;
}

.pickamct .dw-am {
    border-right: 1px solid #e0e0e0;
}

.pickamct .up-am {
    border-left: 1px solid #e0e0e0;
}

.pickamct .dw-am:before {
    content: '';
    width: 15px;
    height: 1px;
    background: #999;
    position: absolute;
    top: 20px;
    left: 12px;
}

.pickamct .up-am:after {
    content: '';
    width: 1px;
    height: 15px;
    background: #999;
    position: absolute;
    top: 13px;
    left: 19px;
}

.pickamct .up-am:before {
    content: '';
    width: 15px;
    height: 1px;
    background: #999;
    position: absolute;
    top: 20px;
    left: 12px;
}

.pick-sz {
    height: 32px;
    line-height: 32px;
    float: left;
    margin-left: 25px
}

#Cart .pick-sz select {
    background: none !important;
    width: 75px !important;
}

.pick-sz select {
    font-size: 14px;
    height: 32px;
    width: 112px;
    margin-left: 9px;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 1px solid #dbdbdb;
    padding-left: 10px;
    background: url(../image/ardow-sl.png) no-repeat;
    background-position-x: 95%;
    background-position-y: 47%;
}

.txt-itpicked .price-itpicked {
    float: left;
    color: #333;
    font-weight: 600;
    line-height: 40px;
    margin-bottom: 0;
    margin-left: 25px
}

.price-itpicked span {
    font-size: 14px;
    color: #d92133;
    padding-left: 5px
}

.infhb .checkmark {
    top: 2px
}

.form-group.account-1 .radio-inline {
    padding-left: 28px
}

.paymentf .selectpmf-all .radio-inline .checkmark:after {
    width: initial;
    height: initial;
    background: initial;
    top: 0;
    left: 0
}

.paymentf .selectpmf-all .radio-inline {
    padding-left: 0;
    float: initial;
}

.txt-itpicked .click-itp {
    display: inline-block;
}

.click-itp .cl-itpicked {
    font-size: 14px;
    text-decoration: none;
    transition: .2s linear;
    color: #0e5fab
}

.click-itp .dd-itpicked {
    font-size: 14px;
    text-decoration: none;
    transition: .2s linear;
    margin-left: 30px;
    color: #4e8ac1
}

.cart-ct .cartrght {
    width: calc(30% - 15px);
    float: left;
    margin-left: 15px;
}

.cart-ct .cartrght .infor-cart {
    background: #f2f2f2;
    padding: 12px 18px 35px 20px;
    margin-bottom: 15px;
}

.cartrght p:last-child {
    font-size: 16px;
    color: #333;
    margin-bottom: 0;
    font-weight: 700;
    text-transform: uppercase;
    border-bottom: 1px solid #cdcdcd
}

.cart2 .cartrght p:last-child {
    border-bottom: none;
    margin-bottom: 6px;
}

.cartrght .it-cartr p {
    border-bottom: none;
    text-transform: none;
    margin-bottom: 0;
    font-size: 14px;
    color: #333
}

.it-cartr p:first-child {
    float: left
}

.it-cartr p:nth-of-type(2) {
    float: right
}

.it-cartr {
    width: 100%;
    display: block;
    overflow: hidden;
    border-bottom: 1px solid #cdcdcd;
    padding: 8px 0
}

.it-cartr.total-a p:nth-of-type(2) {
    font-weight: 600;
    color: var(--main-color)
}

.it-cartr.total-a p:first-child span {
    display: block;
    font-weight: 400
}

.it-cartr.frm-vou {
    padding: 12px 0 8px;
    border-bottom: none
}

.it-cartr.frm-vou p {
    margin-bottom: 8px
}

.it-cartr.frm-vou input {
    height: 34px;
    width: calc(100% - 74px);
    border: 1px solid #e2e2e2;
    padding-left: 10px
}

.it-cartr.frm-vou button {
    width: 74px;
    float: right;
    font-size: 14px;
    color: #fff;
    border: none;
    background: #393939;
    height: 34px;
    font-weight: 600
}

.it-cartr input, .it-cartr button {
    outline: none
}

.cartrght .gorder {
    width: 100%;
    display: block;
    text-align: center;
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    background: var(--main-color);
    text-transform: uppercase;
    padding: 9px 0;
    font-weight: 600
}

.cartlft .chooses {
    display: block;
    overflow: hidden;
    margin-bottom: 5px
}

.chooses ._gtbg {
    float: left;
    margin-right: 15px;
}

.chooses ._gtbg .cus-check {
    font-size: 14px;
    color: #333;
    text-transform: uppercase
}

.cus-check input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.chooses ._gtbg label {
}

._gtbg .cus-check {
    display: block;
    position: relative;
    padding-left: 24px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.chooses ._gtbg label input {
    margin-right: 7px
}

.cartlft .formw-inf {
    display: block;
    overflow: hidden;
    margin-bottom: 28px;
}

.formw-inf label {
    width: 160px;
    height: 40px;
    float: left;
    margin-bottom: 0;
    font-size: 14px;
    text-transform: capitalize;
    font-weight: 700;
    line-height: 40px
}

.formw-inf label span {
    color: var(--main-color);
    padding-left: 3px
}

.formw-inf input {
    border: none;
    height: 40px;
    float: left;
    width: calc(100% - 160px);
    padding-left: 10px;
    font-size: 14px;
    color: #333
}

.formw-inf input:focus {
    outline: none
}

.formw-inf .form-group {
    display: block;
    overflow: hidden;
    margin-bottom: 0;
    padding: 7px 0;
    border-bottom: 1px solid #dbdbdb;
}

.formw-inf .form-group:first-child {
    padding-top: 0
}

.formw-inf .form-group:last-child {
    padding-bottom: 0;
    border-bottom: none
}

.chostrans .transorhere {
    display: block;
    overflow: hidden;
    margin-bottom: 20px
}

.chostrans .transorhere a {
    width: 100%;
    text-align: center;
    padding: 10px 0;
    font-size: 14px;
    display: block;
    font-weight: 700;
    float: left;
    text-transform: uppercase;
    text-decoration: none;
    transition: .2s linear;
    background: #d2d2d2;
    color: #000;
}

.chostrans .transorhere a.active, .chostrans .transorhere a:hover {
    background: var(--main-color) !important;
    color: #fff !important
}

.chostrans .transorhere a:nth-of-type(2) {
    margin-left: 2%;
    background: #d2d2d2;
    color: #000;
    display: none;
}

.chostrans .all-selo {
    display: table;
    width: 100%;
}

.all-selo .selecthm-st {
    width: calc(100% / 2) !important;
}

.all-selo .selecthm-st:last-child {
    width: 100% !important;
}

.all-selo .selecthm {
    width: calc(100% / 3);
    float: left;
    height: 46px;
    margin-bottom: 20px;
    font-size: 14px;
    color: #333
}

.all-selo .selecthm select {
    padding-left: 12px;
    width: 100%;
    height: 100%;
    border: 1px solid #dbdbdb;
    font-size: 14px;
    -webkit-appearance: none;
    -moz-appearance: none;
    position: relative;
    background: url(../image/icdown-sl.png) no-repeat;
    background-position-x: 95%;
    background-position-y: 45%
}

.all-selo .selecthm select:focus, .all-selo .form-group input:focus {
    outline: none
}

.all-selo .selecthm:nth-of-type(2) select {
    border-left: initial;
    border-right: initial
}

.chostrans {
    margin-bottom: 10px
}

.all-selo .form-group {
    width: 100%;
    float: left
}

.all-selo .form-group input {
    width: 100%;
    border: 1px solid #dbdbdb;
    height: 46px;
    padding-left: 12px
}

.all-selo .form-group input::placeholder {
    font-size: 14px;
    color: #333
}

.inftimenh h3 {
    font-size: 14px;
    color: #333;
    font-weight: 700;
    text-transform: uppercase
}

.inftimenh {
    display: table;
    margin-bottom: 20px;
    width: 100%;
}

.paymentf {
    display: block;
    overflow: hidden;
    margin-bottom: 35px
}

.selectpmf .txtinforh {
    float: left;
    width: calc(100% - 13px);
    padding-left: 22px;
    margin-bottom: 10px
}

.txtinforh p {
    margin-bottom: 0;
    color: #333;
    font-size: 14px
}

.txtinforh p:first-child {
    font-weight: 700;
    margin-bottom: 3px
}

.paymentf .selectpmf-all {
    margin-bottom: 20px;
    display: block;
    overflow: hidden
}

.selectpmf-all .radio-inline {
    padding-left: 20px;
    width: 100%;
    margin-bottom: 15px;
}

.selectpmf-all .txtinforh {
    text-transform: initial;
    padding-left: 23px;
}

.selectpmf-all .checkmark {
    width: 14px;
    height: 14px;
    top: 3px;
}

.selectpmf-all .itbank .checkmark {
    top: 18px
}

.selectpmf-all .radio-inline .checkmark:after {
    width: 8px;
    height: 8px;
    left: 2px;
    top: 2px;
    top: 2px;
    background: #333333;
}

.container .selectpmf-all input:checked ~ .checkmark {
    border: 1.1px solid #333333
}

.paymentf .wrtxtfme {
    font-size: 17px;
    color: #333;
    font-weight: 700
}

.paymentf .form-group textarea {
    width: 100%;
    border: 1px solid #dbdbdb;
    height: 85px;
    padding-left: 12px;
    padding-top: 5px
}

.paymentf .form-group {
    margin-bottom: 0
}

.paymentf .form-group textarea:focus {
    outline: none
}

.dtmit .btnSendOrder, .dtmit .btnSendOrder-1 {
    width: 195px;
    background: var(--main-color);
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    padding: 9px 0;
    font-size: 14px;
    font-weight: 700;
    margin: 0 auto;
    margin-bottom: 20px;
    border: initial;
}

.btnSendOrder:focus {
    outline: none
}

.dtmit span {
    display: block;
    color: #333;
    text-align: center
}

.lstitmnr ._itmnr {
    background: #fff;
    margin-bottom: 18px;
    display: block;
    overflow: hidden;
    padding: 15px 0px;
}

._itmnr .img-itmnr {
    width: 90px;
    height: 90px;
    overflow: hidden;
    float: left;
    text-align: center;
    margin-right: 10px;
}

._itmnr .img-itmnr a {
    display: block
}

._itmnr .img-itmnr img {
    max-width: 100%;
    min-height: 100%;
    object-fit: cover
}

._itmnr .txt-itmnr {
    width: calc(100% - 100px);
    float: left
}

.txt-itmnr .nm-itpicked {
    font-size: 14px
}

.txt-itmnr .notesl {
    font-size: 14px;
    color: #333;
    margin-bottom: 0;
    float: left;
    font-weight: 700
}

.txt-itmnr .notesl:nth-of-type(3) {
    margin-left: 20px
}

._itmnr .almoney {
    width: 100%;
    float: left;
    margin-top: 11px;
    padding-top: 12px;
    border-top: 1px solid var(--main-color);
    text-transform: none;
    font-size: 14px;
}

.almoney p:last-child span {
    color: var(--main-color)
}

.almoney span {
    font-weight: 400;
    text-align: right;
    float: right
}

._itmnr .almoney p {
    text-transform: none
}

.cart2 .lsttttrans .it-cartr:last-child {
    border-bottom: none;
    padding-bottom: 0
}

.cart-rghta .lst-support {
    float: left;
    width: 100%;
    padding: 0 20px
}
.lst-support {
    display: flex;
    margin-top: 30px;
}
.lst-support .supprt {
    display: block;
    overflow: hidden;
    padding: 6px 0;
    margin-right: 30px;
}

.lst-support .supprt:last-child {
    border-bottom: none
}

.supprt .img-supprt {
    width: 60px;
    height: 60px;
    float: left;
    overflow: hidden;
    line-height: 60px;
    text-align: center
}

.img-supprt img {
    max-width: 100%;
    object-fit: cover
}

.supprt .txt-supprt {
    width: calc(100% - 60px);
    padding-left: 20px;
    float: left;
    line-height: 60px;
    height: 60px
}

.supprt .txt-supprt p {
    font-size: 14px;
    font-weight: 700
}

.lst-bank {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 20% 20% 20% 20% 20%;
    margin: 0 -4px
}

.itbank .img-itb img {
    max-width: 100%;
    min-height: 100%;
    object-fit: cover
}

.lst-bank .itbank {
    position: relative;
    display: block;
    overflow: hidden;
    border: 1px solid #dbdbdb;
    margin: 2px 4px;
    padding: 5px
}

.itbank .img-itb {
    width: 80%;
    float: right
}

.itbank .inp-itb {
    width: 20%;
    float: left
}

.show-bank {
    float: left;
    width: 100%;
    margin-top: -15px;
    margin-bottom: 30px;
}

.itbank .inp-itb input {
    left: 8px;
    top: calc((100% - 14px) / 2)
}

.show-bank p:first-child {
    font-size: 16px;
    text-align: center;
    padding: 8px 0;
    background: #dedede;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 5px
}

.title-h2tab {
    margin-bottom: 20px
}

.title-h2tab {
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 8px;
    border-bottom: 1px solid #dbdbdb;
    margin-bottom: 18px;
    display: table;
    width: 100%;
}

.newsa-ct .title-h2tab {
    margin-bottom: 25px
}

.searchmap {
    background: #f1f1f1;
    padding: 10px;
    display: grid;
    display: -ms-grid;
    grid-template-columns: 17.5% 17.5% 18% 18% 18% 12%;
    margin-bottom: 10px;
}

.lstkdsp {
    margin: 30px 0 20px
}

.searchmap .itselectmap {
    margin: 0 5px;
    height: 40px
}

.itselectmap select {
    padding-right: 30px;
    background: url(../image/icdown-slhtpp.png) no-repeat;
    background-position-x: 95%;
    background-position-y: 46%;
    width: 100%;
    height: 100%;
    border: none;
    padding-left: 10px;
    font-size: 14px;
    color: #6e6e6e;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: #fff
}

.itselectmap select:focus {
    outline: none
}

.itselectmap:last-child a {
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    background: var(--main-color);
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    font-weight: 700
}

.title-h3bf {
    margin-bottom: 15px
}

.title-h3bf h3 {
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    margin-bottom: 0;
    position: relative;
    text-align: center
}

.title-h3bf span {
    background: var(--main-color);
    padding: 4px 20px;
    border-radius: 20px
}

.title-h3bf h3:before {
    width: calc(50% - 110px);
    height: 1px;
    position: absolute;
    left: 0;
    top: 7px;
    content: '';
    background: #dbdbdb
}

.title-h3bf h3:after {
    width: calc(50% - 110px);
    height: 1px;
    position: absolute;
    right: 0;
    top: 7px;
    content: '';
    background: #dbdbdb
}

.title-h3bf-1 h3:before {
    width: calc(50% - 250px) !important;
}

.title-h3bf-1 h3:after {
    width: calc(50% - 250px) !important;
}

.lstspkd {
    display: flex;
    overflow: hidden;
    align-items: center;
    justify-content: center
}

.lstspkd .itspkd {
    text-align: center;
    width: 80px;
    float: left;
    margin: 0 15px;
    cursor: pointer;
}

.itspkd .img-spkd {
    width: 70px;
    height: 70px;
    line-height: 70px;
    margin: 0 auto;
    position: relative;
}

.itspkd .img-spkd img {
    max-width: calc(100% - 32px);
    object-fit: cover;
    transition: .2s linear;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}

.itspkd .img-spkd img.active {
    display: none;
}

.itspkd:hover .img-spkd img,
.itspkd.active .img-spkd img {
    display: none;
}

.itspkd:hover .img-spkd img.active,
.itspkd.active .img-spkd img.active {
    display: block;
}

.itspkd:hover .txt-spkd, .itspkd.active .txt-spkd {
    opacity: 1;
    visibility: visible
}

.itspkd .txt-spkd {
    opacity: 0;
    visibility: hidden;
    transition: .2s linear
}

.txt-spkd p {
    margin-bottom: 0;
    font-size: 12px;
    color: var(--main-color)
}

.lststdj .title-h3bf h3 {
    color: #333;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 700
}

.lststdj .title-h3bf h3:after, .lststdj .title-h3bf h3:before {
    width: calc(50% - 166px);
    top: 12px
}

.allstoredj {
    display: grid;
    display: -ms-grid;
    grid-template-columns: calc(100% / 3) calc(100% / 3) calc(100% / 3);
    margin: 0 -7.5px 30px;
}

.allstoredj .storedj {
    border: 1px solid #dbdbdb;
    margin: 5px 7.5px;
    padding: 15px 15px 30px;
}

.storedj .txt-storedj {
    color: #333;
    margin-bottom: 20px;
    font-size: 14px;
    height: 173px;
    max-height: 173px;
    overflow: hidden;
}

.txt-storedj p {
    margin-bottom: 8px
}

.txt-storedj p.no-text {
    display: none;
}

.txt-storedj p:first-child {
    margin-bottom: 10px;
    font-weight: 700;
    height: 42px;
    max-height: 42px
}

.txt-storedj p:nth-of-type(2) {
    background: url(../image/ic1-itst.png) no-repeat;
    background-position-x: 1px;
    background-position-y: 0;
    padding-left: 24px;
    overflow: hidden;
}

.txt-storedj p:nth-of-type(3) {
    background: url(../image/ic2-itst.png) no-repeat;
    background-position-x: 0;
    background-position-y: 2px;
    padding-left: 24px
}

.txt-storedj p:nth-of-type(4) {
    background: url(../image/ic3-itst.png) no-repeat;
    background-position-x: 0;
    background-position-y: 2px;
    padding-left: 24px
}

.txt-storedj p a {
    color: #333;
    transition: .2s linear;
    text-decoration: none
}

.txt-storedj p a:hover {
    color: var(--main-color)
}

.storedj .lstspkd .itspkd {
    margin: 0;
    width: calc(100% / 6)
}

.storedj .itspkd .img-spkd {
    width: 100%;
    height: 50px;
    padding: 0 16px;
    line-height: 50px;
}

.storedj .txt-spkd p {
    font-size: 12px;
    line-height: 1.1
}

.storedj .lstspkd .itspkd:first-child {
    margin-left: 0
}

.storedj .lstspkd .itspkd:last-child {
    margin-right: 0
}

.tit-listitem {
    margin-bottom: 0;
    text-transform: uppercase;
    font-size: 12px;
    text-align: center;
    position: relative;
    color: #5f5f5f
}

.tit-listitem:before {
    width: calc((50% - 88px));
    height: 1px;
    background: #dbdbdb;
    content: '';
    position: absolute;
    top: 8px;
    left: 0
}

.tit-listitem:after {
    width: calc((50% - 88px));
    height: 1px;
    background: #dbdbdb;
    content: '';
    position: absolute;
    top: 8px;
    right: 0
}

.storedj .lstspkd {
    padding-bottom: 15px;
    border-bottom: 1px solid #dbdbdb;
    margin-bottom: 15px;
    align-items: initial
}

.storedj .seestore a {
    font-size: 14px;
    color: var(--main-color);
    font-weight: 400;
    transition: .2s linear;
    background: url(../image/icr-seestore.png) no-repeat;
    background-position-x: 90%;
    background-position-y: 45%
}

.storedj .seestore {
    display: block;
    overflow: hidden
}

.storedj .seestore a:nth-of-type(1) {
    float: left;
    padding-right: 30px
}

.storedj .seestore a:nth-of-type(2) {
    float: right;
    padding-right: 20px
}

.liststorenx {
    text-align: center;
    margin-bottom: 30px;
    display: flex;
    justify-content: center;
}

.liststorenx a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    background: #eaeaea;
    border-radius: 10px;
    text-align: center;
    line-height: 42px;
    font-size: 15px;
    color: #333;
    margin-right: 5px;
    transition: .2s linear;
    text-decoration: none;
}

.liststorenx a:last-child {
    margin-right: 0
}

.liststorenx a:hover, .liststorenx a.active {
    color: #fff;
    background: var(--main-color)
}

.allstoredj .storedj {
    margin-bottom: 10px;
}

.popup-gth {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 110;
    display: none
}

.popup-gth.active {
    display: block
}

.popup-gth .popupgth-ct {
    position: absolute;
    width: 824px;
    height: 484px;
    left: calc((100% - 824px) / 2);
    top: calc((100% - 484px) / 2);
    background: #fff;
    display: block;
    z-index: 111;
    overflow: hidden
}

.popup-gth .bgblack-cl {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.83);
    z-index: 110
}

.popupgth-ct .img-pugt img {
    max-width: 100%;
    min-height: 100%;
    object-fit: cover
}

.popupgth-ct .img-pugt {
    width: 50%;
    float: left;
    height: 100%
}

.popupgth-ct .txt-pugt {
    padding: 55px 40px 30px;
    width: 50%;
    float: left
}

.txt-pugt h2 {
    font-size: 16px;
    color: #333;
    margin-bottom: 12px;
    font-weight: 700;
    text-transform: uppercase
}

.txt-pugt ._wrtxt-pugt {
    color: #333;
    font-size: 14px;
    height: 252px;
    overflow-y: auto;
    text-align: justify;
    margin-bottom: 5px;
    max-height: 252px;
}

.txt-pugt ._wrtxt-pugt p {
    margin-bottom: 0;
    padding-right: 5px
}

.txt-pugt .lstspkd .itspkd {
    width: calc(100% / 6);
    margin: 0
}

.txt-pugt .itspkd .img-spkd {
    width: 100%;
    padding: 0 8px;
    height: 55px;
    line-height: 55px
}

.txt-pugt .txt-spkd p {
    font-size: 11px
}

.popupgth-ct .close-pugt {
    position: absolute;
    width: 25px;
    height: 25px;
    top: 20px;
    right: 15px;
    cursor: pointer
}

.popupgth-ct .close-pugt:before {
    content: '';
    width: 18px;
    height: 2px;
    border-radius: 15px;
    background: var(--main-color);
    position: absolute;
    transform: rotate(45deg);
    top: 10px;
    left: 5px
}

.popupgth-ct .close-pugt:after {
    content: '';
    width: 18px;
    height: 2px;
    border-radius: 15px;
    background: var(--main-color);
    position: absolute;
    transform: rotate(315deg);
    top: 10px;
    left: 5px
}

.hotline-bb {
    width: 410px;
    height: 44px;
    border: 1px solid #dbdbdb;
    border-radius: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    background: url(../image/ic-callr.png) no-repeat;
    background-position-x: 8%;
    background-position-y: 49%;
}

.hotline-bb p {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 0;
    margin-left: 20px;
}

.hotline-bb p a {
    font-weight: 400;
    text-decoration: none;
    color: #333333;
    margin-left: 3px;
    margin-right: 3px;
}

.hotline-bb p a:hover {
    color: var(--main-color)
}

.slidekdbs-all {
    position: relative;
    padding-bottom: 70px;
}

.slidekdbs-all .lSSlideOuter .lSPager.lSpg {
    position: absolute;
    width: 100%;
    bottom: 23px;
}

.slidekdbs-all .lSSlideOuter .lSPager.lSpg > li.active a, .slidekdbs-all .lSSlideOuter .lSPager.lSpg > li:hover a {
    background-color: var(--main-color);
}

.slidekdbs-all .lSSlideOuter .lSPager.lSpg > li a {
    background-color: #b3b3b3
}

.slidekdbs-all .prevkdbs {
    font-size: 36px;
    position: absolute;
    left: 45%;
    bottom: 9px;
    color: #8f8f8f;
    text-decoration: none;
    transition: .2s linear;
}

.slidekdbs-all .prevkdbs:hover, .slidekdbs-all .nextkdbs:hover {
    color: var(--main-color)
}

.slidekdbs-all .nextkdbs {
    font-size: 36px;
    position: absolute;
    right: 45%;
    bottom: 9px;
    color: #8f8f8f;
    text-decoration: none;
    transition: .2s linear;
}

.vts-bvk {
    display: block;
    overflow: hidden;
    margin: 0 -10px
}

.vts-bvk .itslktk {
    width: calc(25% - 20px);
    float: left;
    margin: 0 10px
}

.aquest.vtsdj-3 .question-it {
    background: initial
}

.question-it .qu-amo {
    width: 28px;
    height: 28px;
    position: absolute;
    left: 10px;
    background: var(--main-color);
    color: #ffffff;
    text-align: center;
    line-height: 28px;
    font-size: 14px;
    border-radius: 50%;
    top: 15px;
}

.aquest.vtsdj-3 .question-it {
    padding: 18px 45px 18px 55px;
    background: #f5f5f5;
}

.aquest.vtsdj-3 .answer-it p {
    margin-bottom: 12px
}

.txt-vtsdj4 {
    margin-bottom: 35px
}

.txt-vtsdj4 p {
    font-size: 14px;
    margin-bottom: 15px
}

.form-contact {
    display: block;
    overflow: hidden;
    margin-bottom: 50px;
}

.form-contact .img-formct {
    width: 400px;
    float: left;
}
.form-contact .img-formct > * {
    margin-bottom: 10px;
}
.form-contact .img-formct * {
    font-family: 'Manrope', sans-serif !important;
    font-size: 16px !important;
}
.form-contact .img-formct > div:first-child {
    margin-bottom: 40px;
}
.form-contact .img-formct > div:first-child * {
    font-size: 20px !important;
}
.form-contact .form-ct {
    width: calc(100% - 400px);
    float: left;
    padding-left: 30px;
}

.img-formct img {
    max-width: 100%;
    min-height: 100%;
    object-fit: cover;
}

.form-ct h1 {
    font-size: 20px;
    color: #333333;
    text-align: center;
    font-weight: 700;
    margin-bottom: 50px;
    position: relative;
    text-transform: uppercase;
}

.form-ct h1:before {
    background: url(../image/bfh3.png) no-repeat;
    width: 112px;
    height: 16px;
    content: '';
    position: absolute;
    bottom: -27px;
    left: calc((100% - 112px) / 2);
}

.lst-tform {
    display: block;
    overflow: hidden;
    margin-bottom: 25px;
}

.lst-tform .it-tfrm:first-child, .lst-tform .it-tfrm:last-child {
    width: 27%
}

.lst-tform .it-tfrm {
    width: 23%;
    float: left;
    padding-right: 8px;
}

.it-tfrm .img-itfrm {
    width: 40px;
    float: left;
    text-align: center
}

.it-tfrm .img-itfrm img {
    max-width: 100%;
    object-fit: cover;
    min-height: 100%
}

.it-tfrm .txt-itfrm {
    width: calc(100% - 40px);
    float: left;
    padding-left: 8px
}

.txt-itfrm p:first-child {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 5px;
}

.txt-itfrm p:nth-of-type(2) {
    font-size: 14px;
    margin-bottom: 0;
    line-height: 1.4;
}

.form-lh .form-group {
    width: calc(50% - 10px);
    float: left;
    margin-bottom: 20px;
}

.form-lh .form-group:nth-of-type(2) {
    margin-left: 20px;
}

.form-lh .form-group:nth-of-type(3), .form-lh .form-group:nth-of-type(4) {
    width: 100%
}

.form-lh {
    display: block;
    overflow: hidden;
    text-align: center;
}

.form-lh .form-group input {
    border: initial;
    background: #f4f4f4;
    width: 100%;
    height: 46px;
    border-radius: 10px;
    padding-left: 12px;
}

.form-lh .form-group input:focus, .form-lh .form-group textarea:focus, .form-lh button:focus {
    outline: none
}

.form-lh .form-group input::placeholder, .form-lh .form-group textarea::placeholder {
    font-size: 14px
}

.form-lh .form-group textarea {
    width: 100%;
    height: 140px;
    border: initial;
    background: #f4f4f4;
    padding: 8px 8px 8px 12px;
    border-radius: 10px;
}

.form-lh button {
    text-transform: uppercase;
    background: url(../image/ic-arrb.png) no-repeat;
    border: 1px solid #989898;
    font-size: 14px;
    padding: 12px 50px 12px 40px;
    transition: .3s linear;
    background-color: #ffffff;
    background-position-x: 75%;
    background-position-y: 48%;
    border-radius: 10px;
}

.form-lh button:hover {
    background: url(../image/ic-arrw.png) no-repeat;
    background-color: var(--main-color);
    border: 1px solid var(--main-color);
    color: #ffffff;
    background-position-x: 75%;
    background-position-y: 48%;
}

.radio-inline {
    display: block;
    position: relative;
    padding-left: 24px;
    margin-right: 10px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    float: left;
    text-transform: uppercase;
    font-size: 14px;
}

.radio-inline input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.checkmark {
    position: absolute;
    border: 1.1px solid #cccccc;
    top: 7px;
    left: 5px;
    height: 15px;
    width: 15px;
    border-radius: 3px;
}

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

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

.checkbox-c {
    padding-left: 33px;
    position: relative;
    padding-top: 4px;
}

.checkbox-c input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.checkbox-c .checkmark {
    width: 21px;
    height: 21px;
    border: 1px solid #dadada;
    top: 0;
    left: 0;
}

.container input:checked ~ .checkmark {
    border: 1.1px solid #ed1b24;
}

.checkbox-c input:checked ~ .checkmark:after {
    display: block;
    color: var(--main-color);
    border-radius: 0;
    content: "\f00c";
    font: normal normal normal 17px/1 FontAwesome;
    top: 1px;
    left: 1px;
}

.radio-inline .checkmark:after {
    color: var(--main-color);
    border-radius: 0;
    left: 1px;
    top: 1px;
    content: "\f00c";
    font: normal normal normal 14px/1 FontAwesome;
    background: #ffffff;
    font-size: 12px;
    width: 12px;
    height: 12px;
}

.inftimenh .radio-inline input[type=text] {
    opacity: 1;
    cursor: initial;
    position: initial;
    height: 36px;
    padding-left: 20px;
    width: 150px;
    margin: 0 5px;
    border: 1px solid #dbdbdb;
    border-radius: 3px;
}

.inftimenh .radio-inline {
    margin-right: 30px;
    height: 36px;
    line-height: 36px;
    text-transform: initial;
}

.inftimenh .checkmark {
    top: 9px;
}

.inftimenh .txt-rdb {
    font-style: italic;
    cursor: initial;
    text-transform: initial;
}

.inftimenh ._gtbg .radio-inline {
    padding-left: 24px;
    padding-right: 0;
}

.inftimenh ._gtbg .checkmark, .account-2 .checkmark {
    border-radius: initial;
    left: 0;
    top: 10px;
}

.slimgdt-top {
    margin-bottom: 40px
}

.imageGallerydt li img {
    width: 100%;
    min-height: 100%;
    object-fit: cover;
}

.imageGallerydt li {
    height: 100%
}

.slimgdt-top .lSSlideOuter .lSPager.lSGallery img {
    width: 100%;
    min-height: 100%;
    object-fit: cover;
    height: initial
}

.slimgdt-top .lSSlideOuter .lSPager.lSGallery li a {
    height: 100%
}

.slimgdt-top .lSSlideOuter .lightSlider {
    height: 520px !important;
}

.inftimenh ._gtbg .checkmark:after, .account-2 .checkmark:after {
    content: "\f00c";
    font: normal normal normal 14px/1 FontAwesome;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0px;
    border-radius: initial;
    color: var(--main-color);
    font-size: 12px;
}

.title-h1 {
    position: relative;
}

.title-h1 h1, .lstbst > p {
    margin-bottom: 22px;
    padding-bottom: 12px;
    border-bottom: 1px solid #dbdbdb;
    line-height: 1;
    font-size: 22px;
    position: relative;
}

.title-h1 h1 a, .lstbst > p, .title-h1 h1 {
    text-decoration: none;
    text-transform: uppercase;
    font-size: 22px;
    font-weight: 700;
    color: #333333;
    transition: .2s linear;
}

.title-h1 h1:before, .lstbst > p:before {
    width: 70px;
    height: 2px;
    border-radius: 6px;
    background: var(--main-color);
    content: "";
    position: absolute;
    bottom: -1px
}

._bst-ct .lstbst {
    display: table;
    margin: 0px -10px 10px;
}

.lstbst .item-bst {
    width: calc(50% - 20px);
    float: left;
    margin: 0 7.5px 15px;
}

.lstbst .item-bst:nth-of-type(5), .lstbst .item-bst:nth-of-type(6), .lstbst .item-bst:nth-of-type(7) {
    width: calc((100% / 3 - 15px))
}

.lstbst .item-bst:nth-of-type(1), .lstbst .item-bst:nth-of-type(4) {
    width: calc(100% - 15px);
    position: relative;
}

.item-bst .img-bst img {
    max-width: 100%;
    min-height: 100%;
    object-fit: cover;
    transition: all 0.5s linear;
}

.lstbst .item-bst:nth-of-type(1) .img-bst, .lstbst .item-bst:nth-of-type(4) .img-bst {
    height: 420px;
    max-height: 420px;
}

.item-bst:nth-of-type(1) .txt-bst p, .item-bst:nth-of-type(4) .txt-bst p {
    font-weight: 300;
    font-size: 14px;
    color: #333333;
    margin-bottom: 15px;
    text-align: center;
}

.item-bst .img-bst {
    height: 320px;
    overflow: hidden;
    max-height: 320px;
    margin-bottom: 15px;
}

.item-bst .img-bst a {
    position: relative;
    z-index: 10;
}

.item-bst .img-bst figure {
    position: relative;
    float: left;
    overflow: hidden;
    margin: 0;
    width: 100%;
    text-align: center;
    cursor: pointer;
    background: var(--main-color);
    margin-bottom: 20px;
    height: 100%;
}

.item-bst .img-bst figure figcaption {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 2em;
    display: flex;
    vertical-align: middle;
}

.item-bst .img-bst figure figcaption:before, .item-bst .img-bst figure figcaption:after {
    position: absolute;
    top: 30px;
    right: 30px;
    bottom: 30px;
    left: 30px;
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}

.item-bst .img-bst figure figcaption:before {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
}

.item-bst .img-bst figure figcaption:after {
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
}

.item-bst .img-bst figure figcaption i {
    align-self: center;
    width: 100%;
    font-size: 30px;
    color: #ffffff;
    opacity: 0;
    transition: all 0.5s linear;
}

.item-bst .img-bst:hover img {
    opacity: 0.4;
}

.item-bst .img-bst:hover figure figcaption:before,
.item-bst .img-bst:hover figure figcaption:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.item-bst .img-bst:hover figure figcaption i {
    opacity: 1;
}

.txt-bst h2, .txt-bst h3 {
    font-size: 18px;
    text-align: center;
    margin-bottom: 12px;
}

.txt-bst h2 a, .txt-bst h3 a {
    text-decoration: none;
    color: #333333;
    transition: .2s linear;
    font-weight: 700;
    text-transform: uppercase;
}

.txt-bst h2 a:hover, .txt-bst h3 a:hover {
    color: var(--main-color)
}

._bst-ct {
    margin-bottom: 35px
}

.bannernsl {
    position: relative;
}

.bannernsl img {
    width: 100%;
    min-height: 100%;
    object-fit: cover;
}

.lstbst h2 {
    margin: 0 0px 12px;
    width: 100%;
}

.select-h1 {
    display: table;
    position: absolute;
    right: 0;
    top: -10px;
    line-height: 34px;
}

.select-h1 p {
    float: left;
    margin-bottom: 0;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    margin-right: 8px;
}

.select-h1 .sla-tskc {
    float: right;
    position: relative;
}

.select-h1 .sla-tskc .click-fidown {
    right: 5px;
    top: 3px;
}

.select-h1 .sla-tskc ul {
    top: 100%;
    right: 0;
    left: initial;
    min-width: 170px;
    z-index: 1000;
}

.select-h1 .sla-tskc p {
    position: relative;
    padding: 0px 0px 0px 10px;
    background: #f2f2f2;
    margin-right: 0;
    font-weight: 400;
    text-transform: none;
    cursor: pointer;
}

.itemsp-bst2 .ait-hit .item-hit {
    border: 1px solid #dbdbdb;
    border-right: initial;
    border-bottom: initial;
}

.itemsp-bst2 .ait-hit .item-hit:nth-child(5n) {
    border-right: 1px solid #dbdbdb
}

.itemsp-bst2 {
    display: block;
    overflow: hidden;
    margin-bottom: 30px;
}

.itemsp-bst2 .ait-hit {
    display: grid;
    grid-template-columns: repeat(5, 20%);
    border-bottom: 1px solid #dbdbdb;
    margin-bottom: 30px;
}

.itemsp-bst2 .item-hit .hit-img {
    width: 220px;
    height: 250px;
    padding-bottom: 30px;
}

.seeamu {
    text-align: center;
    font-size: 14px;
    margin-bottom: 20px
}

.seemore-bst {
    width: 230px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border: 1px solid #dbdbdb;
    padding-right: 30px;
    margin: 0 auto;
    background: url(../image/ic-arrb.png) no-repeat;
    background-position-x: 65%;
    background-position-y: 47%;
    transition: .2s linear
}

.seemore-bst:hover {
    border: 1px solid var(--main-color);
    background: url(../image/ic-arrr.png) no-repeat;
    background-position-x: 65%;
    background-position-y: 47%;
}

.seemore-bst a {
    font-size: 14px;
    color: #333333;
    display: block;
    text-decoration: none;
    transition: .2s linear;
    cursor: pointer;
}

.seemore-bst:hover a {
    color: var(--main-color) !important
}

.color-violet .seemore-bst:hover {
    border: 1px solid var(--violet-color);
    background: url(../image/ic-arrrt.png) no-repeat;
    background-position-x: 65%;
    background-position-y: 47%;
}

.color-violet .seemore-bst:hover a {
    color: var(--violet-color) !important;
}

.select-diamond {
    display: table;
    margin-bottom: 10px;
    width: 100%;
    position: relative;
}

.select-diamond > p {
    font-size: 13px;
    margin: 0 0px 15px;
    color: #5b5b5b;
}

.lst-diamond, .lst-sldiamond {
    margin: 0 0px 15px;
    height: auto;
    min-height: 100px;
    position: relative;
    width: calc(100% / 3);
    float: left;
    padding: 0 10px;
}

.lst-sldiamond:nth-of-type(6), .lst-sldiamond:nth-of-type(4), .lst-sldiamond:nth-of-type(5) {
    height: 100px;
    margin-bottom: 0;
}

.lstdiam .img-diam {
    margin: 0 0px 15px 0;
    width: 20%;
    float: left;
}

.lstdiam .img-diam:nth-child(n+6) {
    margin-bottom: 0;
}

.img-diam img {
    max-width: 100%;
    object-fit: cover
}

.img-diam a {
    width: 44px;
    height: 44px;
    display: block;
    border: 1px solid #dbdbdb;
    border-radius: 50%;
    text-align: center;
    line-height: 42px;
    text-transform: none;
    transition: .2s linear;
}

.img-diam a:hover {
    border: 1px solid var(--main-color)
}

.lst-diamond > p, .lst-sldiamond > p {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 15px;
    margin-left: 0;
    display: flex;
}

.item-shape input {
    display: none;
}

.item-shape label {
    display: table-cell;
    width: 48px;
    height: 48px;
    text-align: center;
    align-items: center;
    vertical-align: middle;
    position: relative;
    cursor: pointer;
}

.item-shape label img {
    position: relative;
    z-index: 2;
}

.item-shape label img:nth-of-type(2) {
    display: none;
}

.item-shape label span {
    width: 100%;
    height: 100%;
    border-radius: 23px;
    overflow: hidden;
    border: 1px solid #dbdbdb;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.item-shape label input:checked ~ span {
    border: 1px solid #ed1b24;
    background: var(--main-color);
}

.item-shape label input:checked ~ img:nth-of-type(1) {
    display: none;
}

.item-shape label input:checked ~ img:nth-of-type(2) {
    display: table-cell;
    margin: auto;
}

.item-accreditation .img-diam {
    width: calc((100% / 3 - 4px));
    margin-right: 4px;
}

.item-accreditation .img-diam:nth-of-type(2n+5) {
    margin-right: 0;
}

.item-accreditation input {
    display: none;
}

.item-accreditation label {
    width: 100%;
    cursor: pointer;
}

.item-accreditation label span {
    width: 100%;
    height: 100%;
    border: 2px solid #e0e0e0;
    line-height: 36px;
    display: block;
    text-align: center;
    transition: .2s linear;
}

.item-accreditation label input:checked ~ span {
    border: 2px solid var(--main-color);
    color: #ffffff;
    background: var(--main-color);
}

.item-accreditation label span:hover, .item-accreditation label span.active {
    border: 2px solid var(--main-color);
    color: #ffffff;
    background: var(--main-color)
}

.sltt-diamond {
    margin: 0 13px 0;
    position: relative;
}

.sltt-diamond .irs-grid {
    width: 100% !important;
    left: 0% !important;
}

.sltt-diamond .theme-green .back-bar, .sltt-diamond .range-control {
    height: 8px;
    border-radius: 0;
    background: #dbdbdb;
    border: initial;
}

.sltt-diamond .theme-green .back-bar .selected-bar, .range-control-track {
    background: var(--main-color);
}

.sltt-diamond .theme-green .back-bar .pointer, .sltt-diamond .range-control-handle {
    width: 27px;
    height: 27px;
    border-radius: 50%;
    top: -10px;
    border: 1px solid #dbdbdb;
    background: rgba(255, 255, 255, 0.9);
    cursor: pointer;
}

.sltt-diamond .slider-container .scale {
    top: 8px;
}

.sltt-diamond .slider-container .scale ins {
    font-size: 12px;
    color: #333333;
    left: 0;
}

.sltt-diamond .theme-green .scale span {
    border-left: 1px solid transparent;
}

.sltt-diamond .slider-container .back-bar .pointer-label {
    display: none
}

.sltt-diamond .theme-green .back-bar .pointer:before, .range-control-handle:before {
    width: 11px;
    height: 11px;
    background: #dbdbdb;
    position: absolute;
    content: '';
    border-radius: 50%;
    left: 7px;
    top: 7px;
}

.sltt-diamond .slider-container {
    width: 100% !important;
    position: relative;
}

.lst-sldiamond:nth-of-type(2) .sltt-diamond .slider-container .scale span:first-child ins, .lst-sldiamond:nth-of-type(3) .sltt-diamond .slider-container .scale span:first-child ins, .lst-sldiamond:nth-of-type(6) .sltt-diamond .slider-container .scale span:first-child ins {
    left: 10px
}

.lst-sldiamond:nth-of-type(2) .sltt-diamond .slider-container .scale span:last-child ins, .lst-sldiamond:nth-of-type(3) .sltt-diamond .slider-container .scale span:last-child ins, .lst-sldiamond:nth-of-type(6) .sltt-diamond .slider-container .scale span:last-child ins {
    right: 0;
    left: initial;
}

.lst-sldiamond:nth-of-type(3) .sltt-diamond .range-control-scale li:last-child {
    right: -10px !important;
    left: initial !important;
}

.filter-advanced .lst-sldiamond:nth-of-type(4), .filter-basic .lst-sldiamond:nth-of-type(4) {
    padding-left: 0;
    padding-right: 20px;
}

.filter-advanced .lst-sldiamond:nth-of-type(4) .sltt-diamond .range-control-scale li:first-child {
    left: 15px !important;
}

.dsp-grf {
    display: block;
    margin: 0 -20px;
    transition: all 0.5s linear;
}

.dsp-grf.filter-basic {
    margin: 0;
    overflow: hidden;
}

.filter-basic .lst-sldiamond:nth-of-type(3n + 3) {
    padding-right: 8px;
}

.filter-basic {
    transform: translateX(0%);
    opacity: 0;
    visibility: hidden;
}

.filter-basic.active {
    transform: translateX(0%);
    opacity: 1;
    visibility: visible;
}

.filter-advanced {
    position: absolute;
    top: 0;
    width: 100%;
    left: 20px;
    transform: translateX(0%);
    opacity: 0;
    visibility: hidden;
}

.filter-advanced.active {
    transform: translateX(0%);
    opacity: 1;
    visibility: visible;
}

.filter-advanced .lst-diamond, .filter-basic .lst-diamond {
    padding-left: 0;
    padding-right: 20px;
}

.filter-advanced .lst-sldiamond:nth-of-type(3n + 3) {
    padding-right: 0;
    padding-left: 20px;
}

.filter-advanced .click-search {
    padding: 0;
}

.lst-sldiamond:nth-of-type(6) .sltt-diamond .slider-container .scale span:first-child ins, .lst-sldiamond:nth-of-type(6) .sltt-diamond .slider-container .scale span:last-child ins {
    width: 55px;
    text-align: right;
}

.sltt-diamond .range-control-handle:focus {
    outline: none
}

.sltt-diamond .range-control-scale li {
    font-size: 12px;
    color: #333333;
    margin: 0;
    padding: 0;
    text-align: center;
}

.sltt-diamond .range-control-scale li span {
    display: none;
}

.sltt-diamond .range-control-scale li:first-child:before, .sltt-diamond .range-control-scale li:last-child:before {
    display: none
}

.sltt-diamond .range-control-scale li:last-child {
    left: 100% !important;
}

.sltt-diamond .range-control-scale li:first-child {
    left: 1% !important
}

.sltt-diamond .range-control-scale li:before {
    content: '';
    background: #ffffff;
    height: 8px;
    width: 1px;
    position: absolute;
    top: -18px;
    left: calc((100% - 1px) / 2);
}

.sltt-diamond.sltt-diamond-one .range-control-scale li {
    display: none;
}

.sltt-diamond.sltt-diamond-one .range-control-scale li:first-child,
.sltt-diamond.sltt-diamond-one .range-control-scale li:last-child {
    width: auto !important;
    display: block;
}

.sltt-diamond.sltt-diamond-one .range-control-scale li:first-child {
    margin-left: 0 !important;
}

.sltt-diamond .range-control-scale {
    top: 10px;
}

.sltt-diamond .range-control {
    margin-left: 1px;
}

.tit-tabledam {
    display: table;
    position: relative;
    width: 100%;
}

.tit-tabledam div:first-child {
    border-left: initial
}

.tit-tabledam div {
    font-size: 14px;
    color: #333333;
    font-weight: 700;
    display: inline-block;
    width: 150px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    transition: .2s linear;
    text-decoration: none;
    border: 1px solid #ffffff;
    float: left;
    cursor: pointer;
}

.tit-tabledam div.active, .tit-tabledam div:hover {
    background: #ededed
}

.table-sdiamond .tbsdiamond {
    width: 100%;
    display: none;
}

.table-sdiamond .tbsdiamond.active {
    display: block;
}

.table-sdiamond .tbsdiamond > .row-tbda:first-child .item-rtbda {
    border-bottom: initial;
    border-right: 1px solid #cecece;
    overflow: hidden;
}

.table-sdiamond .row-tbda .content-rowtb {
    font-weight: 400;
    font-size: 13px;
    text-align: center;
    background: #ffffff;
    height: 62px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 62px;
}

.table-sdiamond .tbsdiamond > .row-tbda .content-rowtb {
    line-height: 1.5;
}

.table-sdiamond .diamond-compare .row-tbda .content-rowtb {
    justify-content: left;
}

.table-sdiamond .tbsdiamond > .row-tbda .content-rowtb {
    background: #ededed;
}

.table-sdiamond .tbsdiamond > .row-tbda:first-child .item-rtbda:first-child {
    border-left: 1px solid #d7d7d7
}

.grid-diamond .row-tbda:nth-of-type(2n+2) .content-rowtb {
    background: #f8f8f8;
}

.table-sdiamond .row-tbda .content-rowtb.rowtb-no-compare {
    justify-content: left;
}

.table-sdiamond .row-tbda .content-rowtb.rowtb-no-compare .item-rtbda {
    padding: 0 5px;
}

.table-sdiamond .row-tbda .content-rowtb.rowtb-no-compare .item-rtbda:nth-of-type(1) {
    width: 12%;
}

.table-sdiamond .tbsdiamond > .row-tbda .content-rowtb .item-rtbda {
    padding-top: 13px;
}

.table-sdiamond .item-rtbda {
    font-size: 14px;
    text-align: center;
    color: #333333;
    border-bottom: 1px solid #d7d7d7;
    height: 62px;
    transition: .2s linear;
    display: inline-block;
}

.table-sdiamond .item-rtbda:first-child {
    border-left: 1px solid #d7d7d7
}

.table-sdiamond .item-rtbda .item-hdtable {
    overflow: hidden;
    display: flex;
    align-items: center;
}

.img-hdtable {
    width: 40%;
    float: left;
    text-align: right;
    padding-right: 3px;
}

.img-hdtable img {
    max-width: 100%;
    min-height: 100%;
    object-fit: cover;
    margin-right: 8px;
}

.txt-hdtable {
    width: 60%;
    float: left;
    text-align: left;
    padding-left: 3px;
}

.txt-hdtable p {
    margin-bottom: 0
}

.table-sdiamond {
    margin-bottom: 20px;
}

.table-sdiamond .item-rtbda.accreditation span,
.table-sdiamond .item-rtbda.accreditation a {
    background: url(../image/ic-txtkd.png) no-repeat;
    padding-left: 18px;
    color: var(--main-color);
}

.table-sdiamond .item-rtbda a {
    color: var(--main-color);
    transition: .2s linear;
    position: relative;
}

.table-sdiamond .item-rtbda:nth-of-type(13) a {
    padding-right: 15px;
}

.table-sdiamond .item-rtbda:nth-of-type(13) a:before {
    content: "\f105";
    font: normal normal normal 14px/1 FontAwesome;
    position: absolute;
    right: 2px;
    font-size: 16px;
    top: 0px;
}

.table-sdiamond .item-rtbda:nth-of-type(1) {
    width: 6%
}

.table-sdiamond .item-rtbda:nth-of-type(2) {
    width: 10%
}

.table-sdiamond .item-rtbda:nth-of-type(3) {
    width: 8%
}

.table-sdiamond .item-rtbda:nth-of-type(4) {
    width: 7%
}

.table-sdiamond .item-rtbda:nth-of-type(5) {
    width: 7%
}

.table-sdiamond .item-rtbda:nth-of-type(6) {
    width: 9%
}

.table-sdiamond .item-rtbda:nth-of-type(7) {
    width: 8%
}

.table-sdiamond .item-rtbda:nth-of-type(8) {
    width: 7%
}

.table-sdiamond .item-rtbda:nth-of-type(9) {
    width: 8%
}

.table-sdiamond .item-rtbda:nth-of-type(10) {
    width: 8%
}

.table-sdiamond .item-rtbda:nth-of-type(11) {
    width: 7%
}

.table-sdiamond .item-rtbda:nth-of-type(12) {
    width: 9%
}

.table-sdiamond .item-rtbda:nth-of-type(13) {
    width: 6%;
}

.table-sdiamond .item-rtbda:last-child {
    border-right: 1px solid #d7d7d7;
}

.table-sdiamond .item-rtbda .radio-inline {
    float: initial;
    padding: 0;
    margin: 0;
}

.table-sdiamond .item-rtbda .checkmark {
    top: 22px;
    left: calc((100% - 17px) / 2);
    border-radius: 0;
}

.table-sdiamond .item-rtbda .radio-inline .checkmark:after {
    width: 101%;
    height: 100%;
    border-radius: 0;
    left: 0;
    top: 0;
    content: "\f00c";
    font: normal normal normal 13px/1 FontAwesome;
    color: var(--main-color);
}

.table-sdiamond .row-tbda:last-child .seemore-kc2 {
    border-bottom: 1px solid #d7d7d7
}

.table-sdiamond .seemore-kc2 {
    background: #ffffff !important;
    display: block;
    overflow: hidden;
    height: initial;
    line-height: initial;
    border: 1px solid #d7d7d7;
    border-top: initial;
}

.check-compare .radio-inline {
    width: 15px;
    height: 15px;
    position: relative;
}

.result-compare .row-tbda .content-rowtb {
    background: #f8f8f8;
}

.table-sdiamond .check-compare .radio-inline {
    margin-left: calc((100% - 15px) / 2);
    margin-top: 22px;
}

.table-sdiamond .item-rtbda .check-compare .checkmark {
    width: 100%;
    height: 100%;
    top: 0;
    position: relative;
    left: 0;
    display: block;
}

.seemore-kc2 .ss-kcv2 {
    display: block;
    overflow: hidden;
    text-align: left;
    padding: 25px 0px;
}

.view-more {
    margin-top: 15px;
}

.ss-kcv2 .img-sskcv2 {
    width: 25%;
    float: left;
    text-align: center;
}

.ss-kcv2 .txt-sskcv2 {
    width: 50%;
    float: left;
    overflow: hidden;
}

.ss-kcv2 .txt-sskcv2 p {
    width: 50%;
    float: left;
    font-size: 14px;
    color: #333333;
    margin-bottom: 8px;
    padding-right: 10px;
}

.ss-kcv2 .txt-sskcv2 p span {
    width: 140px;
    display: inline-block;
    font-weight: 700;
}

.ss-kcv2 .button-sskcv2 {
    width: 25%;
    float: left;
    padding-left: 30px;
    padding-top: 25px;
}

.table-sdiamond .button-sskcv2 a, .table-sdiamond .button-sskcv2 span {
    display: block;
    width: 200px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    text-transform: uppercase;
    font-weight: 700;
    text-decoration: none;
    font-size: 13px;
}

.table-sdiamond .button-sskcv2 span {
    background: var(--main-color);
    color: #ffffff;
    border: 1px solid var(--main-color);
    margin-bottom: 10px;
    cursor: pointer;
}

.table-sdiamond .button-sskcv2 a:last-child {
    border: 1px solid #d7d7d7;
    color: #333333;
    transition: all 0.5s linear;
}

.table-sdiamond .button-sskcv2 a:last-child:hover {
    border: 1px solid var(--main-color);
    color: var(--main-color);
}

.table-sdiamond .item-rtbda.hide {
    display: none
}

.select-diamond.kcv-2a .lst-sldiamond {
    width: calc(100% / 4 - 30px);
    margin: 0 15px 15px;
    height: 80px;
}

.kcv-2a .lst-sldiamond:first-child .sltt-diamond .range-control-scale li:first-child {
    left: 5px !important;
}

.kcv-2a .lst-sldiamond:last-child .sltt-diamond .range-control-scale li:last-child {
    left: calc(100% - 6px) !important;
}

.kcv-2a .dsp-grf {
    margin: 0 -14px 0 -15px;
}

.click-search.basic a {
    padding-right: 0;
    padding-left: 20px;
    background: url(../image/arrl.png) no-repeat;
    background-position-y: 47%;
    background-position-x: 3%;
}

.click-search.basic {
    display: block;
    overflow: hidden;
}

.select-diamond.kcv-2a {
    margin-bottom: 20px
}

.wrap-filter {
    position: relative;
}

.it-detailit .img-detailkc {
    position: relative;
}

.dt-kcv {
    display: block;
    overflow: hidden;
    margin: 0 -15px 40px;
}

.dt-kcv .infdt-rght {
    width: calc(55% - 30px);
    float: left;
    margin: 0 15px;
    position: relative;
}

.slidedt-lft {
    width: calc(45% - 30px);
    float: left;
    margin: 0 15px;
    position: relative
}

.infdt-rght h1 {
    font-size: 24px;
    color: #1792ef;
    font-weight: 700;
    margin: 0 0 5px 0;
    text-transform: uppercase;
    line-height: 1.6;
}

.infdt-rght .id-itemdt {
    margin: 10px 0;
    text-transform: uppercase;
}
.infdt-rght .id-itemdt strong {
    text-transform: unset;
}

.infdt-rght p {
    margin-bottom: 10px;
    font-size: 14px;
}

.infdt-rght .rating span {
    font-size: 14px;
    color: #848484;
    float: left;
    display: inline-block;
    margin-left: 7px;
    height: 22px;
    line-height: 22px;
}

.infdt-rght .gt-rbld {
    font-size: 24px;
    color: #da2233;
    margin-bottom: 5px;
    line-height: initial;
}

.infdt-rght .gt-dbfix {
    font-size: 16px;
    color: #929292;
    margin-bottom: 10px;
    position: relative;
    text-decoration: line-through
}

.infdt-rght p a {
    color: var(--main-color);
    text-decoration: none
}

.txt-detailkcv {
    padding-bottom: 15px;
    border-bottom: 1px solid #d6d6d6;
    margin-bottom: 20px
}

.pick-diamond {
    display: grid;
    grid-template-columns: repeat(2, 50%);
    padding-bottom: 20px;
    border-bottom: 1px solid #d6d6d6;
    margin-bottom: 20px;
    position: relative;
    display: -ms-grid;
}

.gt-fix {
    margin-bottom: 15px;
}

.pick-diamond .pick-am .pickamct {
    border-radius: 10px;
    margin-left: 0
}

.pick-diamond .pickamct .dw-am, .pick-diamond .pickamct .up-am {
    width: 40px
}

.gt-fix span {
    display: block;
    width: 90px;
    height: 27px;
    background: url(../image/bg-uudai.png) no-repeat;
    background-size: 100% 100%;
    text-align: center;
    color: #ffffff;
    font-size: 14px;
    text-transform: uppercase;
    line-height: 27px;
    margin-bottom: 10px;
}

.gt-fix p {
    position: relative;
    padding-left: 15px;
    margin-bottom: 5px;
}

.gt-fix p.tit:before {
    content: '';
    width: 5px;
    height: 5px;
    position: absolute;
    left: 3px;
    top: 7px;
    border-radius: 50%;
    background: var(--main-color);
}

.pick-diamond .pick-am {
    width: 100%;
    clear: both;
}

.bt-dtdiamond {
    display: block;
    overflow: hidden;
}
.bt-dtdiamond a {
    border-radius: 10px;
}
.bt-dtdiamond a:nth-of-type(2n+1) {
    float: left;
}

.bt-dtdiamond a:nth-of-type(2n+2) {
    float: right;
}

.bt-dtdiamond a.btn_add-cart,
.bt-dtdiamond a.btn_add-cart-gold {
    font-size: 16px;
    color: #ffffff;
    font-weight: 700;
    background: url(../image/ic-ghw.png) no-repeat;
    background-color: var(--main-color);
    width: 49%;
    height: 44px;
    display: block;
    text-align: center;
    line-height: 44px;
    text-transform: uppercase;
    padding-left: 15px;
    transition: .2s linear;
    text-decoration: none;
    background-position-x: 17%;
    background-position-y: 41%;
    margin-bottom: 12px;
}

.bt-dtdiamond a.datewsh {
    font-size: 16px;
    color: #333333;
    font-weight: 700;
    background: url(../image/icdthch-r.png) no-repeat;
    background-color: #e8e8e8;
    width: 49%;
    height: 44px;
    display: block;
    text-align: center;
    line-height: 44px;
    text-transform: uppercase;
    padding-left: 15px;
    transition: .2s linear;
    text-decoration: none;
    background-position-x: 8%;
    background-position-y: center;
    margin-bottom: 12px;
}

.bt-dtdiamond a.chatwtv {
    font-size: 16px;
    color: #333333;
    font-weight: 700;
    background: url(../image/ic-chattvv-r.png) no-repeat;
    background-color: #e8e8e8;
    width: 49%;
    height: 44px;
    display: block;
    text-align: center;
    line-height: 44px;
    text-transform: uppercase;
    padding-left: 15px;
    transition: .2s linear;
    float: right;
    background-position-x: 15%;
    background-position-y: 40%;
    text-decoration: none;
}

.bt-dtdiamond a.buy_installment {
    font-size: 16px;
    color: #333333;
    font-weight: 700;
    background-color: #e8e8e8;
    width: 49%;
    height: 44px;
    display: block;
    text-align: center;
    line-height: 44px;
    text-transform: uppercase;
    transition: .2s linear;
    background-position-x: 12%;
    background-position-y: 45%;
    text-decoration: none;
    margin-bottom: 12px;
}

.bt-dtdiamond a.buy_installment span {
    color: var(--main-color);
    padding-left: 5px;
}

.bt-dtdiamond a.hotline {
    font-size: 16px;
    color: #333333;
    font-weight: 700;
    background: url(../image/ic-zalo.png) no-repeat;
    background-color: #e8e8e8;
    width: 49%;
    height: 44px;
    display: block;
    text-align: center;
    line-height: 44px;
    text-transform: uppercase;
    padding-left: 15px;
    transition: .2s linear;
    background-position-x: 12%;
    background-position-y: 45%;
    text-decoration: none;
    margin-bottom: 12px;
}

.bt-dtdiamond a.hotline span {
    color: var(--main-color);
    padding-left: 5px;
}

.color-violet .bt-dtdiamond a.datewsh {
    background: url(../image/icdthch.png) no-repeat;
    background-position-x: 8%;
    background-position-y: center;
    background-color: #e8e8e8;
}

.color-violet .bt-dtdiamond a.chatwtv {
    background: url(../image/ic-chattvv.png) no-repeat;
    background-position-y: 40%;
    background-position-x: 15%;
    background-color: #e8e8e8;
}

.infdt-rght .rating {
    display: block;
    overflow: hidden;
    margin-bottom: 10px;
}

.rating .rating-st {
    float: left;
}

.infdt-rght .rating-st span {
    margin-left: 1px;
    width: 16px;
    height: 22px;
    position: relative;
    cursor: pointer;
}

.infdt-rght .rating-st span:before {
    content: "\f006";
    font: normal normal normal 14px/1 FontAwesome;
    color: #f9bd22;
    position: absolute;
    top: 3px;
    left: 0px;
}

.infdt-rght .rating-st span:after {
    content: "\f005";
    font: normal normal normal 14px/1 FontAwesome;
    color: #f9bd22;
    position: absolute;
    top: 3px;
    left: 0px;
    display: none;
}

.infdt-rght .rating-st span.active:after {
    display: block
}

.lstsl-dtkc {
    padding-top: 10px;
}

.infdt-rght .lstsl-dtkc p {
    font-size: 14px;
    text-transform: uppercase;
    margin-bottom: 8px;
    padding-left: 25px;
    position: relative;
    cursor: pointer;
}

.infdt-rght .lstsl-dtkc p:nth-of-type(1):before {
    width: 17px;
    height: 17px;
    border: 1px solid #8f8f8f;
    content: '';
    position: absolute;
    left: 0;
    border-radius: 50%;
    top: 1px;
}

.infdt-rght .lstsl-dtkc p:nth-of-type(1):after {
    content: "\f00c";
    font: normal normal normal 14px/1 FontAwesome;
    position: absolute;
    left: 2px;
    top: 4px;
    font-size: 12px;
    color: #333333
}

.infdt-rght .lstsl-dtkc p:nth-of-type(1).active:before {
    background: var(--main-color);
    border: 1px solid var(--main-color)
}

.infdt-rght .lstsl-dtkc p:nth-of-type(1).active:after {
    color: #ffffff
}

.infdt-rght .lstsl-dtkc p:nth-of-type(2):before {
    content: "\f08a";
    font: normal normal normal 14px/1 FontAwesome;
    position: absolute;
    top: 2px;
    color: #8f8f8f;
    font-size: 16px;
    left: 1px;
    cursor: pointer;
}

.infdt-rght .lstsl-dtkc p:nth-of-type(2):after {
    content: "\f004";
    font: normal normal normal 14px/1 FontAwesome;
    position: absolute;
    left: 1px;
    top: 2px;
    color: var(--main-color);
    display: none;
    font-size: 16px;
    cursor: pointer;
}

.infdt-rght .lstsl-dtkc p:nth-of-type(2).active:after {
    display: block;
}

.infdt-rght .lstsl-dtkc p:nth-of-type(3):before {
    width: 14px;
    height: 17px;
    content: '';
    background: url(../image/icgh-dtkc.png) no-repeat;
    position: absolute;
    left: 1px;
    top: 0px;
}

.infdt-rght .lstsl-dtkc p:nth-of-type(3).active:before {
    width: 14px;
    height: 17px;
    content: '';
    background: url(../image/icgh-dtkc-1.png) no-repeat;
    position: absolute;
    left: 1px;
    top: 0px;
}

.infdt-rght .lstsl-dtkc p.no-icon {
    height: 0 !important;
    margin: 0 !important;
}

.infdt-rght .lstsl-dtkc p.no-icon:before, .infdt-rght .lstsl-dtkc p.no-icon:after {
    display: none;
}

.color-violet .infdt-rght .lstsl-dtkc p:nth-of-type(3).active:before {
    background: url(../image/icgh-dtkc-2.png) no-repeat !important
}

.table-dtkcv h2 {
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 18px;
    padding-bottom: 10px;
    position: relative;
    border-bottom: 1px solid #dbdbdb;
    line-height: 1.5;
}

.table-dtkcv h2:before {
    width: 70px;
    height: 2px;
    background: var(--main-color);
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0
}

.table-dtkcv .tabledt-ct {
    padding-bottom: 20px;
    border-bottom: 1px solid #dbdbdb;
    margin-bottom: 25px;
    display: grid;
    grid-template-columns: repeat(2, 50%);
}

.tabledt-ct .item-tbdtct:nth-child(4n + 3), .tabledt-ct .item-tbdtct:nth-child(4n + 4) {
    background: #f8f8f8
}

.tabledt-ct .item-tbdtct .tit-ittbdtct {
    font-weight: 700;
    padding-left: 40px;
    display: flex;
    align-items: center;
    position: relative;
}

.tabledt-ct .item-tbdtct:nth-child(2n+1) {
    border-right: 1px solid #cfcfcf;
}

.tabledt-ct .item-tbdtct .text-ittbdtct {
    font-size: 14px;
    color: #333333;
    height: 38px;
    padding-right: 5px;
    position: relative;
    display: flex;
    align-items: center;
}

.tabledt-ct .item-tbdtct .text-ittbdtct a {
    color: #333333;
    text-decoration: none;
}

.tabledt-ct .item-tbdtct .text-ittbdtct a.name-accreditation {
    background: url(../image/ic-txtkd.png) no-repeat;
    padding-left: 18px;
    color: var(--main-color);
    background-position-y: 3px;
}

.tabledt-ct img {
    padding-right: 5px;
}

.item-tbdtct {
    display: grid;
    grid-template-columns: repeat(2, 50%)
}

.table-dtkcv .comment-dtkcv h3, .table-dtkcv .infor-item h3 {
    font-size: 22px;
    color: #333333;
    margin-bottom: 18px;
    font-weight: 700;
    text-transform: uppercase;
    display: flex;
    align-items: center;
}

.lst-detailit, .lst-supportdtit {
    display: block;
    overflow: hidden;
    padding-bottom: 30px;
    margin: 0 -25px 30px;
    position: relative;
}

.lst-detailit:before, .lst-supportdtit:before {
    width: calc(100% - 50px);
    height: 1px;
    background: #dbdbdb;
    position: absolute;
    left: 25px;
    bottom: 0;
    content: ''
}

.lst-detailit .it-detailit, .supportdtit {
    width: calc(50% - 50px);
    float: left;
    margin: 0 25px;
}

.it-detailit p {
    font-size: 14px;
    margin-bottom: 0px;
    color: #333333
}

.it-detailit a {
    font-size: 14px;
    color: var(--main-color);
    padding-right: 23px;
    background: url(../image/icrr-sbmn.png) no-repeat;
    background-position-x: 100%;
    background-position-y: 43%
}

.it-detailit .img-detailkc img {
    max-width: 100%;
    min-height: 100%;
    object-fit: cover
}

.it-detailit .img-detailkc {
    height: 322px;
    overflow: hidden
}

.tl-h3spdtit {
    display: flex;
    overflow: hidden;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
}

.tl-h3spdtit .img-tlh3spdt {
    width: 48px;
    height: 50px;
    float: left;
    line-height: 50px;
}

.tl-h3spdtit .txt-tlh3spdt {
    width: calc(100% - 48px);
    float: left;
    height: 50px;
    display: flex;
    align-items: center;
}

.txt-tlh3spdt h3 {
    margin-bottom: 0;
    padding-left: 10px;
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 0;
}

.it-detailit h3 {
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.txt-h3spdtit p {
    font-size: 14px;
    margin-bottom: 15px;
    padding-left: 25px;
    position: relative;
}

.txt-h3spdtit p:before {
    background: url(../image/check-dtkc.png) no-repeat;
    width: 16px;
    height: 16px;
    position: absolute;
    left: 0;
    top: 2px;
    content: '';
}

.banner-lst img {
    max-width: 100%;
    height: initial;
}

.table-dtkcv {
    margin-bottom: 40px;
}

._tskc-ct .title-h1 h1 {
    border-bottom: initial;
    padding-bottom: 0;
    margin-bottom: 25px;
}

._tskc-ct .title-h1 h1:before {
    display: none
}

._tskc .itemsp-bst2 .ait-hit {
    margin-bottom: 0;
}

._tskc .itemsp-bst2 {
    margin-bottom: 0
}

.banner-middle {
    height: 380px;
}

.banner-middle img {
    max-width: 100%;
    min-height: 100%;
    object-fit: cover;
}

._tskc .liststorenx {
    margin: 35px 0 40px
}

.bloc-sltskc {
    background: #ffffff;
    padding: 0;
    margin-bottom: 5px;
}

.bloc-sltskc .sla-tskc {
    position: relative;
    margin-right: 40px;
    display: inline-block;
    padding: 0 0 15px 0;
}

.bloc-sltskc > p {
    text-transform: uppercase;
    font-size: 14px;
    color: #333333;
    margin-right: 20px;
    margin-bottom: 0;
    display: inline-block;
    font-weight: 700;
}

.sla-tskc > p {
    margin-bottom: 0;
    font-size: 14px;
    cursor: pointer;
}

.sla-tskc ul {
    padding: 0;
    margin: 0;
    background: #ffffff;
    padding-top: 2px;
    position: absolute;
    min-width: 220px;
    z-index: 101;
    left: 0;
    top: calc(100% + 12px);
    display: none;
    box-shadow: 0 0 5px #9f9f9f;
}

.sla-tskc ul li {
    list-style-type: none;
    color: #333333;
    padding: 0;
    line-height: 1;
    position: relative;
    z-index: 999;
    transition: .2s linear;
    cursor: pointer;
    font-size: 14px;
    display: flex;
    align-items: center;
}

.sla-tskc ul li.hided {
    display: none;
}

.sla-tskc ul li label {
    margin-bottom: 0;
    display: block;
    padding: 8px 10px 8px 26px;
    cursor: pointer;
    width: 100%;
    margin: 0;
}

.sla-tskc ul li label input {
    margin-right: 5px;
    position: absolute;
    top: 8px;
    left: 8px;
}

.sla-tskc ul li:first-child label input {
    top: 15px
}

.sla-tskc ul li:hover {
    background: #f8f8f8
}

.sla-tskc ul li input[type=radio] {
    display: none;
}

.sla-tskc ul:before {
    width: 100%;
    height: 2px;
    background: #da2233;
    content: '';
    position: absolute;
    top: 0;
    left: 0
}

.click-fidown {
    margin-left: 5px;
    z-index: 1;
    display: block;
    position: relative;
    font-size: 22px;
    width: 20px;
    height: 20px;
    line-height: 1.1;
    transition: .2s linear;
    text-align: center;
    cursor: pointer;
    color: var(--main-color);
    top: 2px;
}

.sla-tskc.active .click-fidown {
    transform: rotate(180deg);
}

.allselect {
    display: table;
    margin: 0 0 10px;
    width: 100%;
}

.allselect .sla-tskc {
    position: relative;
    margin: 0px;
    cursor: pointer;
    float: left;
}

.allselect .sla-tskc.hided {
    display: none;
}

.allselect .sla-tskc > p {
    padding: 5px 20px 5px 0px;
    font-size: 14px;
}

.allselect .sla-tskc > p > * {
    display: inline-block;
}

.allselect .click-fidown.times:before {
    width: 9px;
    height: 1px;
    position: absolute;
    left: 2px;
    top: 0;
    content: '';
    background: var(--main-color);
    transform: rotate(45deg);
}

.allselect .click-fidown.times:after {
    width: 9px;
    height: 1px;
    position: absolute;
    right: 2px;
    top: 10px;
    content: '';
    background: var(--main-color);
    transform: rotate(315deg)
}

.allselect .sla-tskc ul {
    top: 100%;
    width: 100%;
    max-height: 250px;
    overflow: auto;
}

.allselect .sla-tskc.remove-txt .click-fidown:after {
    right: 3px;
    width: 13px;
    top: 0;
}

.allselect .sla-tskc.remove-txt .click-fidown:before {
    left: 4px;
    width: 13px;
}

@media screen and (min-width: 1200px) {
    .allselect .sla-tskc:hover ul, .sla-tskc.select-attr:hover ul {
        display: block;
    }
}

.title-top {
    background: #f5f5f5;
    padding: 35px 0 30px;
    text-align: center;
}

.title-top h2 {
    font-size: 24px;
    margin-bottom: 15px;
    text-transform: uppercase;
    font-family: UTMEssen;
}

.title-top p {
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 300;
    color: #333333
}

._tskc-ct .title-h1.bdb-afbf h1 {
    margin-bottom: 30px
}

.title-h1 h1 {
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.itemsp-tskc01 {
    display: block;
    overflow: hidden;
    margin-bottom: 30px;
}

.tskc-01 .ait-hit {
    display: grid;
    display: -ms-grid;
    grid-template-columns: repeat(3, calc(100% / 3));
    margin: 0 -8px 25px;
}

.itemsp-tskc01 .ait-hit .item-hit {
    border: initial;
    margin: 6px 8px;
    height: 434px
}

.itemsp-tskc01 .ait-hit .item-hit .hit-img {
    width: 100%;
    height: initial;
}

.itemsp-tskc01 .ait-hit .item-hit .hit-img > a:not(.see-more-red) {
    width: 330px;
}

.infor-item {
    padding-bottom: 15px;
    border-bottom: 1px solid #dbdbdb;
    margin-bottom: 20px;
}

.infor-item p {
    font-size: 14px;
    color: #333;
    line-height: 1.6;
    margin-bottom: 15px;
}

.infor-item a {
    color: var(--main-color);
    font-size: 14px;
    padding-right: 20px;
    background: url(../image/ic-arrr.png) no-repeat;
    background-position-x: 98%;
    background-position-y: 43%;
}

._tsdm-ct .table-dtkcv {
    display: block;
    overflow: hidden;
}

._tsdm-ct .table-dtkcv .lst-itemspb {
    margin-bottom: 30px;
}

.lst-itemspb .ait-hit .item-hit {
    height: initial;
    padding-bottom: 15px;
}

._tsdm-ct .hit-txt > h3 {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 4px;
    text-transform: initial;
}

._tsdm-ct .ait-hit .item-hit {
    border-right: 1px solid #e0e0e0;
    border-left: initial;
}

._tsdm-ct .ait-hit .item-hit:nth-of-type(5n+1) {
    border-left: 1px solid #e0e0e0
}

._tsdm-ct .item-hit .hit-img {
    width: 100%;
    height: 220px;
    margin-bottom: 10px;
}

._tsdm-ct .item-hit .hit-img a:not(.see-more-red) {
    width: 220px;
    margin: auto;
}

.list-itemtsc {
    margin-bottom: 30px;
}

.list-itemtsc .ait-hit {
    display: block;
    overflow: hidden;
}

.list-itemtsc .item-ibanner {
    width: 40%;
    height: 660px;
    float: left;
}

.list-itemtsc .item-ibanner img {
    max-width: 100%;
    min-height: 100%;
    object-fit: cover
}

.list-itemtsc .ait-hit .item-hit {
    width: 20%;
    border: initial;
    border-right: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
}

.list-itemtsc .item-hit .hit-img {
    width: 220px;
    height: 220px;
    margin-bottom: 30px;
    line-height: 220px;
}

.list-itemtsc .ait-hit .item-hit:nth-child(5n + 8) {
    border-left: 1px solid #e0e0e0
}

.liststorenx._purple a:hover, .liststorenx._purple a.active {
    background: var(--violet-color);
}

.list-itemtsc .see-more-red a {
    background-color: var(--violet-color)
}

.gth-sale {
    padding: 40px 0 45px
}

.title-sale h1, .title-sale p {
    background: url(../image/bg-topsale.png) no-repeat;
    width: 443px;
    height: 45px;
    font-size: 23px;
    color: #ffffff;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    line-height: 45px;
    margin: 0 auto 25px;
}

.gth-sale .lst-gtsale {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.lst-gtsale .itgtsl {
    overflow: hidden;
}

.itgtsl .img-itgtsl {
    width: 80px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    float: left;
    border: 1px solid var(--main-color);
    border-radius: 50%;
}

.itgtsl .txt-itgtsl {
    width: calc(100% - 80px);
    float: left;
    padding-left: 15px;
    height: 80px;
    max-height: 80px;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.txt-itgtsl a {
    font-size: 16px;
    font-weight: 700;
    color: #333333;
    text-decoration: none;
    transition: .2s linear;
    text-transform: uppercase;
}

.txt-itgtsl a:hover {
    color: var(--main-color)
}

.aitem-sale {
    background: #ffffff;
    padding: 35px 0;
}

.title-insale {
    display: flex;
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 15px;
}

.aitem-sale.bg-graysl {
    background: #f8f8f8
}

.aitem-sale h2 {
    font-size: 22px;
    margin-bottom: 0;
    position: relative;
    float: left;
}

.aitem-sale h2 a {
    color: #333333;
    text-transform: uppercase;
    text-decoration: none;
    transition: .2s linear;
    font-weight: 700;
    position: relative;
}

.title-insale:before {
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 2px;
    background: #949494;
    content: '';
    left: 0;
}

.aitem-sale h2 a:before {
    width: 100%;
    height: 2px;
    background: var(--main-color);
    content: '';
    position: absolute;
    bottom: -10px;
    left: 0;
}

.title-insale .timecd {
    float: left;
    margin-left: 18px;
}

.timecd {
    margin-left: 15px;
    top: -5px;
    position: relative;
}

.timecd span {
    display: inline-block;
    width: 24px;
    height: 24px;
    line-height: 24px;
    color: #ffffff;
    background: var(--main-color);
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    margin-left: 3px;
}

.aitem-sale .ait-hit {
    display: grid;
    display: -ms-grid;
    grid-template-columns: repeat(4, 25%);
}

.aitem-sale .lits-tsc .ait-hit,
.aitem-sale .grid-5 .ait-hit {
    grid-template-columns: repeat(5, 20%);
    grid-auto-flow: dense;
}

.lits-tsdm {
    margin-bottom: 25px
}

.lits-tsdm .banner-hit {
    float: left;
}

.aitem-sale .banner-hit {
    height: 350px
}

.aitem-sale .seemore-sale {
    width: 250px;
    height: 42px;
    margin: 15px auto 0 auto;
    border: 1px solid #b3b3b3;
    text-align: center;
    line-height: 40px;
    transition: .2s linear;
}

.seemore-sale a {
    font-size: 14px;
    font-weight: 300;
    color: #333333;
    transition: .2s linear;
    text-decoration: none;
    background: url(../image/ic-arrb.png) no-repeat;
    background-position-x: 91%;
    background-position-y: 47%;
    display: block;
    padding-right: 20px;
}

.seemore-sale a span {
    margin-right: 3px;
}

.aitem-sale .seemore-sale:hover {
    border: 1px solid var(--main-color)
}

.seemore-sale:hover a {
    color: var(--main-color);
    background: url(../image/ic-arrr.png) no-repeat;
    background-position-x: 91%;
    background-position-y: 47%;
}

.aitem-sale .ait-hit .item-hit {
    height: 350px;
}

.lits-tst {
    margin: 0 -8px 15px;
}

.lits-tst.grid-5 {
    margin: 0 0 15px;
}

.lits-tst .ait-hit .item-hit {
    margin: 6px 8px;
    border: 1px solid #e0e0e0;
}

.item-hit.item-hit-sale .hit-img a:not(.see-more-red) img {
    width: 82%;
}

.lits-tst .banner-hit {
    width: calc(50% - 16px);
    margin: 6px 8px;
}

.lits-tsnt .banner-hit {
    float: left
}

.lits-tsnt .item-hit:nth-of-type(3) {
    border-right: 1px solid #e0e0e0;
}

.lits-tsnt {
    margin-bottom: 25px
}

.lits-tsc,
.grid-5 {
    margin-bottom: 25px
}

.grid-5 .ait-hit .item-hit {
    margin: 0;
}

.lits-tsc .see-more-red a {
    background-color: var(--violet-color)
}

.lits-tsc .banner-hit {
    width: 40%;
    float: left;
    height: 700px;
}

.lits-tsc .ait-hit .item-hit,
.grid-5 .ait-hit .item-hit {
    border: initial;
    border-bottom: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
}

.lits-tsc .item-hit .hit-img {
    width: 100%;
    height: 220px;
    margin-bottom: 30px;
}

.lits-tsc .ait-hit .item-hit:nth-of-type(2),
.lits-tsc .ait-hit .item-hit:nth-of-type(3),
.lits-tsc .ait-hit .item-hit:nth-of-type(4),
.grid-5 .ait-hit .item-hit:nth-of-type(2),
.grid-5 .ait-hit .item-hit:nth-of-type(3),
.grid-5 .ait-hit .item-hit:nth-of-type(4) {
    border-top: 1px solid #e0e0e0
}

.lits-tsvt .banner-hit {
    width: 100%;
    float: left
}

.lits-tsvt {
    margin-bottom: 25px
}

.lits-tsvt .ait-hit .item-hit {
    border: initial;
    border-right: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
}

.lits-tsvt .ait-hit .item-hit:nth-of-type(4n+2) {
    border-left: 1px solid #e0e0e0
}

.lits-tsvt .ait-hit .item-hit:first-child {
    border: none;
}

.lits-dh {
    margin: 0 0 15px;
}

.lits-dh .ait-hit .item-hit {
    margin: 6px 8px;
    border: 1px solid #e0e0e0;
}

.lits-dh.grid-5 .ait-hit .item-hit {
    border: initial;
    border-right: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
}

.lits-dh.grid-5 .ait-hit .item-hit:nth-of-type(2),
.lits-dh.grid-5 .ait-hit .item-hit:nth-of-type(3),
.lits-dh.grid-5 .ait-hit .item-hit:nth-of-type(4) {
    border-top: 1px solid #e0e0e0;
}

.lits-dh.grid-5 .ait-hit .item-hit:nth-of-type(5n+8) {
    border-left: 1px solid #e0e0e0;
}

.lits-dh.grid-5 .ait-hit .item-hit {
    margin: 0;
}

.lits-dh .banner-hit {
    width: calc(50% - 16px);
    margin: 6px 8px;
    float: left;
}

.clshow-blmb, .clshow-blmb-sale {
    display: none
}

.title-blcl {
    display: none
}

.bg-closebl, .bg-closebl-sale {
    display: none
}

.close-filter, .close-filter-sale {
    display: none
}

.table-dtkcv.gift .ait-hit {
    display: table;
}

.table-dtkcv.gift .ait-hit .item-hit {
    width: 20%;
    border: initial;
    border: 1px solid #e0e0e0;
    border-right: initial;
}

.table-dtkcv.gift .ait-hit .item-hit:last-child {
    border-right: 1px solid #e0e0e0
}

.table-dtkcv .lst-itemspb {
    margin-bottom: 30px
}

.table-dtkcv .lst-itemspb .item-hit:nth-child(-n+5) {
    border-top: 1px solid #e0e0e0;
}

.table-dtkcv .lst-itemspb .item-hit:nth-of-type(5n+1) {
    border-left: 1px solid #e0e0e0;
}

.table-dtkcv.gift .item-hit .hit-img {
    width: 220px;
    height: 220px;
    padding-bottom: 30px
}

.title-h2 h2 .amount-item:before {
    display: none
}

.pick-diamond .pick-sz {
    margin-left: 0;
    margin-bottom: 15px;
    width: 100%;
    font-size: 14px;
    float: initial;
}

.pick-diamond p {
    width: 150px;
    font-weight: 400;
}

.pick-diamond a {
    font-size: 14px;
    color: #333333;
    padding-right: 20px;
    background: url(../image/ic-arrb.png) no-repeat;
    background-position-x: 100%;
    background-position-y: 47%;
    text-decoration: none;
    transition: .2s linear;
    display: table;
    margin: 0 0 20px auto;
}

.pick-diamond a:hover {
    color: var(--main-color);
    background: url(../image/ic-arrr.png) no-repeat;
    background-position-x: 100%;
    background-position-y: 47%;
}

.purg-lft .form-group .gt-norn label {
    font-weight: 400;
    width: 70px;
}

.purg-lft .form-group .gt-norn label span {
    top: 8px;
}

.purg-lft .form-group .gt-norn input:checked ~ .checkmark {
    border: 1.1px solid #ed1b24;
}

.purg-lft .form-group .gt-norn .radio-inline .checkmark:after {
    width: 6px;
    height: 6px;
    background: var(--main-color);
    border-radius: 3px;
    top: 5px;
    left: 5px;
}

.gt-norn .checkmark {
    width: 19px;
    height: 19px;
    left: 0;
    border-radius: 15px;
}

.gt-norn .radio-inline .checkmark:after {
    content: '';
    width: 6px;
    height: 6px;
}

.gt-norn .radio-inline {
    padding-left: 30px;
    margin-right: 30px;
}

.account-2 .checkmark {
    left: 0;
}

.radio-inline input:checked ~ .checkmark {
    border: 1px solid #cccccc;
}

.purg-lft .form-group.account-1 label {
    width: auto;
    font-weight: 400;
    text-transform: none;
}

.account-1 .checkmark {
    top: 7px;
    width: 20px;
    height: 20px;
    border-radius: initial;
}

.account-1 .radio-inline .checkmark:after {
    content: "\f00c";
    font: normal normal normal 14px/1 FontAwesome;
    width: 0;
    height: 0;
    top: 2px;
    left: 3px;
    font-size: 14px;
}

._tsdm-ct .itemsp-tsdmbn .ait-hit .item-hit {
    width: initial;
    margin: 5px;
    border: 1px solid #e0e0e0;
}

.itemsp-tsdmbn .ait-hit {
    display: grid;
    display: -ms-grid;
    grid-template-columns: repeat(4, 25%);
    margin: 0 -5px;
    margin-bottom: 20px;
    grid-auto-flow: dense;
}

.itemsp-tsdmbn.itemsp-tskc01 .ait-hit {
    grid-template-columns: repeat(3, calc(100% / 3));
}

.item-hit.item-hit-2x2 {
    grid-column: auto/span 2;
    grid-row: auto/span 2;
    height: 670px !important;
    border: transparent !important;
}

.item-hit.item-hit-2x1 {
    grid-column: auto/span 2;
    border: initial !important;
}

.item-hit.item-hit-4x1 {
    grid-column: auto/span 4;
}

.item-hit.item-hit-5x1 {
    grid-column: auto/span 5;
    border: initial !important;
}

.ait-hit .item-hit.item-hit-2x1 a, .ait-hit .item-hit.item-hit-2x2 a, .item-hit.item-hit-4x1 a {
    display: block;
    height: 100%;
}

.item-hit.item-hit-2x1 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.item-hit.item-hit-4x1 img, .item-hit.item-hit-5x1 img {
    max-width: 100%;
    min-height: 100%;
    object-fit: cover;
}

.aitem-sale .item-hit.item-hit-2x2 {
    height: 700px !important
}

.itemsp-tsdmbn {
    margin-bottom: 40px
}

._tsdm-ct.detail-tsnt-np .pick-diamond {
    padding-bottom: 15px
}

.title-toptsc {
    background: url(../image/bannertop-tsc.jpg) no-repeat;
    background-size: 100% 100%;
    text-align: center;
    padding: 40px 0 0;
    position: relative;
    height: 500px;
    margin-bottom: 70px;
}

.title-toptsc h2 {
    font-size: 24px;
    color: #333333;
    font-family: UTMEssen;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 15px;
}

.title-toptsc p {
    width: 730px;
    margin: 0 auto 20px;
    font-size: 14px;
    font-weight: 400;
    color: #380650;
}

.banner-vdtit {
    width: 730px;
    background-color: #ffffff;
    padding: 8px 10px;
    margin: 0 auto;
    position: relative;
    box-shadow: 0 0px 7px 3px #afafaf;
    bottom: 0;
}

.banner-vdtit img {
    width: 100%;
    min-height: 100%;
    object-fit: cover
}

.banner-vdtit .plvdcirfill {
    background: #773893
}

.menu-link.link-center {
    text-align: center
}

.itemsp-tsch .ait-hit .item-hit.banner-hx2 {
    width: 40%;
    height: 672px;
    padding: 0
}

.itemsp-tsch .ait-hit {
    display: table;
    margin-bottom: 25px;
}

.itemsp-tsch .ait-hit .item-hit {
    width: 20%;
    border: 1px solid #e0e0e0;
    border-left: initial;
    border-top: initial;
}

.itemsp-tsch .ait-hit .item-hit:nth-of-type(4), .itemsp-tsch .ait-hit .item-hit:nth-of-type(2), .itemsp-tsch .ait-hit .item-hit:nth-of-type(3) {
    border-top: 1px solid #e0e0e0
}

.itemsp-tsch .ait-hit .item-hit:nth-child(5n + 8) {
    border-left: 1px solid #e0e0e0
}

.itemsp-tsch {
    margin-bottom: 40px
}

.itemsp-tsch .see-more-red a {
    background: url(../image/ic-cttsc.png) no-repeat;
    background-size: 100% 100%;
    width: 102px;
    height: 98px;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    transform: scale3d(0.7, 0.7, 0.7);
}

.itemsp-tsch .see-more-red {
    line-height: initial;
    text-align: center;
    top: calc((100% - 98px) / 2);
}

.itemsp-tsch .item-hit:hover .see-more-red {
    height: 98px;
}

.itemsp-tsch .item-hit:hover .see-more-red a {
    transform: scale3d(1, 1, 1)
}

.itemsp-tsch .item-hit .hit-img:before {
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(255, 255, 255, 0.85);
    content: '';
    left: 0;
    top: 0;
    opacity: 0;
    visibility: hidden;
    transform: scale3d(0.7, 0.7, 0.7);
    transition: .2s linear;
}

.itemsp-tsch .item-hit:hover .hit-img:before {
    opacity: 1;
    visibility: visible;
    transform: scale3d(1, 1, 1);
}

.topvideog .itvideo-tt:first-child .txt-itvideott h3 a {
    overflow: initial
}

.topvideog .txt-itvideott h3 a {
    overflow: initial
}

.lstbst > p {
    position: relative;
    margin: 0 10px 20px;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 5px;
}

.hdt-rght .logout-acc {
    position: relative;
}

.hdt-rght .logout-acc:before {
    content: "\f08b";
    position: absolute;
    font: normal normal normal 14px/1 FontAwesome;
    color: var(--main-color);
    font-size: 18px;
    position: absolute;
    top: 5px;
    left: 8px;
}

.hdt-rght a:hover {
    color: var(--main-color)
}

.hvacc.selectlg-f .logfb:hover {
    color: #38559a;
}

.hvacc.selectlg-f .loggg:hover {
    color: #dd4a38
}

.img-showdt-b {
    height: 513px;
    margin-bottom: 8px;
    text-align: center;
    line-height: 513px;
    padding: 0;
    z-index: 10;
    overflow: hidden;
    position: relative;
}

.img-preview-diamond {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    transition: all 0.5s ease;
    opacity: 1;
    visibility: visible;
    height: 100%;
    z-index: 1;
}

.img-preview-diamond > span {
    position: absolute;
    bottom: 10px;
    left: 10px;
    height: initial;
    font-size: 14px;
    line-height: 1;
    width: 100%;
}

.item-showdt, .item-showdt-jd {
    height: 84px;
    width: 84px;
    display: inline-block;
    border: 1px solid #e0e0e0;
    text-align: center;
    padding: 5px;
    cursor: pointer;
    margin-right: 5px;
    transition: .2s linear;
    position: relative;
    vertical-align: top;
}

.item-showdt.active, .item-showdt-jd.active {
    border: 1px solid var(--main-color)
}

.item-showdt:last-child, .item-showdt-jd:last-child {
    margin-right: 0
}

.hidden-jd {
    opacity: 0;
    visibility: hidden;
    z-index: 0;
}

.show-jd {
    opacity: 1;
    visibility: visible;
}

.img-showdt-b.change-size,
.img-showdt-b.show-360,
.img-showdt-b.video-preview {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.img-showdt-b.img-showdt-diamond, .img-showdt-b.show-360 .item-showdt-big, .img-showdt-b.change-size .item-showdt-big {
    border: 1px solid #e0e0e0;
}

.img-showdt-b.img-showdt-diamond {
    position: relative;
}

.img-showdt-b.video-preview .img-preview {
    height: 100%;
}

.itshowdt-img {
    height: 100%;
}

.itshowdt-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.item-showdt.attribute .itshowdt-img img {
    width: initial;
    max-width: 100%;
    max-height: 100%;
    height: initial;
}

.item-showdt.attribute .itshowdt-img {
    height: initial;
}

.item-showdt.attribute {
    align-items: center;
    padding-top: 15px;
}

.img-showdt-sm {
    text-align: center;
    justify-content: center;
    white-space: nowrap;
    overflow-x: auto;
    padding-bottom: 2px;
}

.img-showdt-sm::-webkit-scrollbar {
    height: 2px;
}

.item-showdt-big img {
    max-width: 100%;
    height: initial;
    object-fit: cover;
    width: 100%;
}

.item-showdt-big img.attribute {
    height: initial;
}

.item-showdt-big .img-preview {
    height: 100%;
}

.item-showdt-big > span {
    position: absolute;
    bottom: 10px;
    left: 10px;
    z-index: 10;
    font-size: 14px;
    width: 100%;
}

.img-preview-diamond.hided {
    opacity: 0;
    visibility: hidden;
    z-index: 0;
}

.img-preview .hyperlink {
    position: absolute;
    bottom: 5px;
    left: 15px;
    text-align: left;
}

.img-preview .hyperlink a {
    text-align: left;
    font-size: 13px;
    color: #333333;
    text-transform: uppercase;
    font-weight: 600;
}

.img-preview .hyperlink a:hover {
    text-decoration: none;
    color: var(--main-color);
}

.img-preview .hyperlink a i {
    margin-right: 5px;
    color: var(--main-color);
}

.img-preview .hyperlink a span {
    text-transform: initial;
    font-weight: 400;
}

.img-preview iframe, .img-preview video {
    width: 100%;
    height: 100%;
    border: 1px solid #cdcdcd;
}

.item-showdt-big .img-preview-diamond:first-child {
    display: block;
}

.item-showdt-big.gallery .img-preview {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    transition: all 0.5s ease;
    opacity: 1;
    visibility: visible;
    border: 1px solid #e0e0e0;
    height: 100%;
    z-index: 1;
}

.item-showdt-big.gallery .img-preview.hided {
    opacity: 0;
    visibility: hidden;
    z-index: 0;
}

.button-share-fb {
    float: left;
    position: relative;
    margin-left: 15px;
    border-radius: 3px;
    transition: .2s linear;
}

.button-share-fb a {
    text-decoration: none;
    color: #688dc3;
    transition: .2s;
    font-size: 13px;
    line-height: 1;
    display: block;
    padding: 3px 10px 3px 20px;
}

.time-upgv p {
    text-align: right;
    font-size: 14px;
    margin-bottom: 5px;
    color: #333333;
}

.table-gvapi table {
    width: 100%;
    font-size: 16px;
}

.table-gvapi th {
    font-weight: 700;
    background: #ededed;
    border: 1px solid #e0e0e0;
    height: 50px;
}

.table-gvapi td {
    border-bottom: 1px solid #e0e0e0;
    height: 50px;
}

.table-gvapi tbody tr:nth-child(2n) td {
    background: #f9f9f9
}

.table-gvapi td:first-child {
    width: 44%;
    border-left: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    padding-left: 30px;
}

.table-gvapi td:nth-of-type(2), .table-gvapi td:nth-of-type(3) {
    font-weight: 700;
    width: 28%;
    text-align: center;
    border-right: 1px solid #e0e0e0;
}

.table-gvapi th:nth-of-type(2), .table-gvapi th:nth-of-type(3) {
    text-align: center
}

.table-upgv {
    margin-bottom: 30px
}

.table-gvapi th:first-child {
    padding-left: 30px;
    border-right: initial;
}

.table-gvapi th:nth-of-type(3) {
    border-left: initial
}

.newsa-ct .vts-ktk h3 {
    margin-bottom: 20px;
}

.lstit-slide a {
    background: #ffffff;
    height: 123px;
    line-height: 123px;
    text-align: center;
    cursor: pointer !important
}

.lstit-slide a img {
    max-width: 100%;
    object-fit: cover;
}

.slide-bannerdh {
    margin-top: -200px;
    margin-bottom: 70px;
}

.allitem-slbn {
    position: relative
}

.slide-banner .clslbn-prev {
    position: absolute;
    top: calc((100% - 63px) / 2);
    left: -30px;
    font-size: 42px;
    color: #333333;
}

.slide-banner .clslbn-next {
    position: absolute;
    top: calc((100% - 63px) / 2);
    right: -30px;
    font-size: 42px;
    color: #333333;
}

.img-itable {
    line-height: 1;
    position: absolute;
    left: 18px;
}

.lst-tabqt {
    display: grid;
    grid-template-columns: repeat(4, 25%);
    display: -ms-grid;
}

.lst-tabqt .item-tabqt {
    border-left: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    padding: 12px 15px;
    display: table;
    background: #ffffff;
    transition: .2s linear;
    width: 100%;
}

.lst-tabqt .item-tabqt:last-child {
    border-right: 1px solid #e0e0e0
}

.tabqt {
    margin-bottom: 35px
}

.img-ittabqt {
    width: 46px;
    height: 46px;
    background: var(--main-color);
    text-align: center;
    line-height: 46px;
    border-radius: 50%;
    float: left;
    transition: .2s linear;
}

.img-ittabqt img:nth-of-type(2) {
    opacity: 0;
    visibility: hidden;
    display: none;
}

.txt-ittabqt {
    float: left;
    width: calc(100% - 46px);
    padding-left: 17px;
    line-height: 1.2;
    display: flex;
    align-items: center;
    height: 46px;
    max-height: 46px;
    overflow: hidden;
}

.txt-ittabqt a {
    font-size: 14px;
    color: #333333;
    text-decoration: none;
    font-weight: 700;
    text-transform: uppercase;
    display: block;
}

.img-ittabqt img {
    transition: .2s linear;
    max-width: 100%;
    object-fit: cover;
}

.lst-tabqt .item-tabqt:hover, .lst-tabqt .item-tabqt.active {
    background: var(--main-color);
}

.item-tabqt:hover .img-ittabqt, .item-tabqt.active .img-ittabqt {
    background: #ffffff
}

.item-tabqt:hover .img-ittabqt img:nth-of-type(1), .item-tabqt.active .img-ittabqt img:nth-of-type(1) {
    opacity: 0;
    visibility: hidden;
    display: none;
}

.item-tabqt:hover .img-ittabqt img:nth-of-type(2), .item-tabqt.active .img-ittabqt img:nth-of-type(2) {
    opacity: 1;
    visibility: visible;
    display: initial;
}

.item-tabqt:hover .txt-ittabqt a, .item-tabqt.active .txt-ittabqt a {
    color: #ffffff
}

.item-tab {
    opacity: 0;
    display: none
}

.item-tab.active {
    opacity: 1;
    display: block
}

.table-dtkcv .title-h2tab:before {
    display: none
}

.table-dtkcv .title-h2tab {
    padding-bottom: 8px;
}

.list-detailit {
    padding-bottom: 15px;
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 20px
}

.item-tab p {
    font-size: 14px;
    color: #333333;
    margin-bottom: 12px;
    line-height: 1.6
}

.infor-acc {
    display: table;
    width: 100%;
}

.account-cmt .img-acc {
    width: 40px;
    height: 40px;
    float: left;
    line-height: 40px;
    margin-bottom: 5px;
}

.account-cmt .txt-acc {
    width: calc(100% - 40px);
    height: 40px;
    font-size: 16px;
    color: #333333;
    font-weight: 700;
    float: left;
    margin-bottom: 5px;
    position: relative;
    display: flex;
    align-items: center;
}

.account-cmt .txt-acc p {
    margin-bottom: 0;
    display: inline-block;
}

.content-cmt p {
    font-size: 14px;
    margin-bottom: 5px;
    color: #333333;
}

.replycmt {
    font-size: 13px;
    color: #6a8ec4;
    text-decoration: none;
    transition: .2s linear;
}

.replycmt:hover {
    color: var(--main-color);
    text-decoration: none
}

.time-cmt {
    padding-left: 12px;
    margin-left: 6px;
    position: relative;
    font-size: 13px;
    color: #999999;
}

.time-cmt:before {
    width: 6px;
    height: 1px;
    content: '';
    background: #333333;
    position: absolute;
    left: 0;
    top: 7px;
}

.infor-accam {
    background: #f8f8f8;
    padding: 10px 15px 10px;
    margin-top: 10px;
    border: 1px solid #dedede;
    margin-bottom: 10px;
    position: relative;
}

.infor-accam:before {
    width: 20px;
    height: 10px;
    content: '';
    background: url(../image/caret-comment.jpg) no-repeat;
    position: absolute;
    top: -10px;
    left: 10px;
}

.infor-accam.hiden {
    display: none;
}

.infor-accam .item {
    padding: 10px 0;
    padding-top: 0;
}

.infor-acc .vote-star {
    margin-left: 5px;
}

.infor-acc .vote-star .rating > label:before, .infor-acc .vote-star .rating > .star-v1:before {
    font-size: 10px;
}

.txt-acc span {
    font-size: 12px;
    background: #ed1c24;
    padding: 2px 10px;
    color: #ffffff;
    font-weight: 400;
    border-radius: 5px;
    margin-left: 10px;
}

.color-violet .txt-acc span {
    background: var(--violet-color);
}

.likecmt {
    font-size: 13px;
    color: #6a8ec4;
    text-decoration: none;
    transition: .2s linear;
    padding-left: 26px;
    margin-left: 6px;
    position: relative;
    background: url(../image/like.png) no-repeat;
    background-position-x: 13px;
    background-position-y: -1px;
}

.likecmt:before {
    width: 6px;
    height: 1px;
    content: '';
    background: #333333;
    position: absolute;
    left: 0;
    top: 7px;
}

.nlikecmt {
    font-size: 13px;
    color: #6a8ec4;
    text-decoration: none;
    transition: .2s linear;
    padding-left: 26px;
    margin-left: 6px;
    position: relative;
    background: url(../image/nlike.png) no-repeat;
    background-position-x: 13px;
    background-position-y: 1px;
}

.nlikecmt:before {
    width: 6px;
    height: 1px;
    content: '';
    background: #333333;
    position: absolute;
    left: 0;
    top: 7px;
}

.likecmt:hover, .nlikecmt:hover {
    color: var(--main-color);
    text-decoration: none
}

.account-cmt {
    margin-bottom: 15px
}

.comment-dtkcv h3 span {
    font-size: 14px;
    color: #333333;
    font-weight: 400;
    margin-left: 10px;
    text-transform: initial;
}

.item-hit.item-hit-2x2 a {
    height: 100%;
    display: block;
}

.item-hit.item-hit-2x2 img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.bannernsl {
    margin-bottom: 30px
}

.seemore-detailit {
    position: absolute;
    left: 0;
    bottom: 25px;
    line-height: initial;
    width: 100%;
}

.seemore-detailit a {
    color: var(--main-color);
    padding-right: 16px;
    background: url(../image/ic-arrr.png) no-repeat;
    background-position-x: 100%;
    background-position-y: 5px;
    transition: .2s linear;
    text-decoration: none
}

.item-hit.item-hit-2x1-3 {
    grid-column: 1/5
}

.img-tgkc {
    margin: 20px 0 15px;
    text-align: center;
}

.img-tgkc img {
    max-width: 100%;
    min-height: 100%;
    object-fit: cover;
}

.popup-slimg.active {
    display: block;
}

.popup-fsale.active {
    display: block
}

.slide-puimg a img {
    width: 100%;
    min-height: 100%;
    object-fit: cover
}

.slideipu {
    width: 800px;
    position: absolute;
    left: calc((100% - 800px) / 2);
    top: calc((100% - 600px) / 2);
    z-index: 103
}

.slide-puimg a {
    width: 100%;
    display: block;
    border: 2px solid #ffffff;
    border-radius: 5px;
    overflow: hidden;
}

.cl-closeps, .cl-closefs {
    width: 26px;
    height: 26px;
    position: absolute;
    top: 15px;
    right: 8px;
    cursor: pointer;
}

.cl-closeps:before, .cl-closefs:before {
    width: 22px;
    height: 2px;
    background: #ffffff;
    content: '';
    position: absolute;
    transform: rotate(45deg);
    top: 10px;
}

.cl-closeps:after, .cl-closefs:after {
    width: 22px;
    height: 2px;
    background: #ffffff;
    content: '';
    position: absolute;
    transform: rotate(315deg);
    top: 10px;
}

.slideipu .lSPrev:before {
    content: "\f104";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 50px;
    color: #ffffff;
    position: absolute;
    top: -9px;
    left: 0
}

.slideipu .lSNext:before {
    content: "\f105";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 50px;
    color: #ffffff;
    position: absolute;
    top: -9px;
    right: 0
}

.form-sale {
    z-index: 103;
    position: absolute;
    width: 420px;
    height: 370px;
    left: calc((100% - 420px) / 2);
    top: calc((100% - 370px) / 2);
    border: 2px solid #ffffff;
    border-radius: 5px;
    background: url(../image/bg-fsale.jpg) no-repeat;
    background-size: 100%;
    padding: 35px 40px;
}

.fsale h3 {
    font-size: 30px;
    font-weight: 700;
    text-align: center;
    color: #ffffff;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.fsale p {
    color: #ffffff;
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 12px;
    text-align: center
}

.fsale input {
    border: initial;
    padding-left: 8px;
    height: 38px;
    border-radius: 6px;
    width: 100%
}

.fsale button {
    background: transparent;
    height: 36px;
    border: 2px solid #ffffff;
    border-radius: 5px;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    width: 100%;
    color: #ffffff;
    text-transform: uppercase;
    transition: .2s linear;
}

.fsale button:hover {
    background: var(--main-color)
}

.fsale input:focus, .fsale button:focus {
    outline: none
}

.fsale .form-group:nth-of-type(3) {
    margin-bottom: 20px
}

.title-toph {
    text-align: center;
    padding: 45px 0 35px
}

.title-toph h1 {
    font-size: 22px;
    margin-bottom: 15px;
    color: #333333;
    font-weight: 700;
    text-transform: uppercase
}

.title-toph p {
    margin-bottom: 0;
    padding: 0 300px;
    font-size: 14px;
    font-style: italic;
    line-height: 2.2
}

.sltop-ct {
    position: relative;
}

.sltopprev {
    position: absolute;
    font-size: 46px;
    color: #333333;
    text-decoration: none;
    left: -25px;
    top: calc((100% - 69px) / 2);
}

.sltopnext {
    position: absolute;
    font-size: 46px;
    color: #333333;
    text-decoration: none;
    right: -25px;
    top: calc((100% - 69px) / 2);
}

.slidect-top a img {
    width: 100%;
    min-height: 100%;
    object-fit: cover
}

.aitem-sale .ait-hit .item-hit.item-hit-2x2-11 {
    height: 700px
}

.aitem-sale .ait-hit .item-hit:last-child {
    border-right: 1px solid #e0e0e0;
}

.slide-sale .ait-hit {
    display: block;
}

.banner-full img {
    width: 100%;
}

.lst-itemspb .ait-hit {
    display: grid;
    display: -ms-grid;
    grid-template-columns: repeat(5, 20%);
}

.banner-top {
    margin-bottom: 40px
}

.banner-top img {
    max-width: 100%;
    object-fit: cover;
}

.item-lp .itemlp-ct {
    display: grid;
    grid-template-columns: repeat(2, 50%);
}

.img-itemlp {
    padding-left: 25px;
}

.txt-itemlp {
    display: flex;
    text-align: center;
    align-items: center;
    padding-right: 25px;
}

.title-txtitlp {
    position: relative;
    margin-bottom: 25px;
    padding-bottom: 30px;
    text-align: center;
}

.title-txtitlp:before {
    content: '';
    width: 421px;
    height: 16px;
    background: url(../image/bfkc.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: calc((100% - 421px) / 2);
    bottom: 0;
}

.title-txtitlp h2 {
    margin-bottom: 8px;
    font-size: 20px;
    text-transform: uppercase;
    color: #333333;
    line-height: 1;
}

.title-txtitlp p {
    margin-bottom: 0 !important;
    font-size: 24px !important;
    text-transform: uppercase;
    line-height: 1;
}

.txt-itemlp p {
    font-size: 14px;
    color: #333333;
    padding: 0 30px;
    margin-bottom: 20px;
}

.img-itemlp img {
    max-width: 100%;
    min-height: 100%;
    object-fit: cover;
}

.item-lp {
    margin-bottom: 40px;
}

.item-lp.banner-itlp {
    background: url(../image/bg-lp1.jpg) no-repeat;
    background-size: 100% auto;
    display: table;
    width: 100%;
}

.item-lp.banner-itlp .itemlp-ct {
    display: block;
    width: 50%;
    float: right;
    padding: 150px 0 150px;
}

.img-txtitemlp img:nth-of-type(1) {
    margin-right: 20px;
}

.lst-itemlp .ait-hit {
    display: grid;
    grid-template-columns: repeat(4, 25%);
    margin: 0 -5px 25px;
}

.lst-itemlp .ait-hit .item-hit {
    margin: 5px;
    border: initial
}

.lst-itemlp {
    margin-bottom: 40px
}

.lstts {
    margin-bottom: 40px;
}

.lstts h2 {
    font-size: 26px;
    color: #333333;
    margin-bottom: 15px;
    text-transform: uppercase;
    text-align: center;
}

.lstts p {
    font-size: 14px;
    color: #333333;
    margin-bottom: 30px;
    text-align: center;
    padding: 0 150px;
}

.lstit-ts {
    display: grid;
    display: -ms-grid;
    grid-template-columns: repeat(3, calc(100% / 3));
    margin: 0 -8px;
}

.lstit-ts .item-bst {
    margin: 0 8px;
}

.bannernsl.no-margin {
    margin: 0
}

.menu-nt {
    background: #f5f5f5;
    padding: 20px 0 25px;
}

.menunt-ct {
    padding: 0 120px;
    display: grid;
    display: -ms-grid;
    grid-template-columns: repeat(3, calc(100% / 3));
    text-align: center;
}

.item-mnnt a {
    display: block;
}

.item-mnnt a img {
    max-width: 100%;
    object-fit: cover;
    transition: .3s linear;
}

.item-mnnt a:nth-of-type(1) {
    width: 150px;
    height: 150px;
    margin: 0 auto 15px;
    background: #ffffff;
    line-height: 150px;
    border-radius: 50%;
    box-shadow: 0 0 10px #b8b8b8;
    transition: .2s linear;
    overflow: hidden;
}

.item-mnnt a:nth-of-type(2) {
    font-size: 13px;
    color: #333333;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 700;
    transition: .2s linear;
}

.item-mnnt a:nth-of-type(2):hover {
    color: var(--main-color)
}

.item-mnnt a:nth-of-type(1):hover img {
    transform: scale(1.1, 1.1);
}

.seemore-table {
    width: 14px;
    height: 14px;
    display: inline-block;
    background: url(../image/icon-ct.png) no-repeat;
    margin-left: 3px;
    cursor: pointer;
    position: relative;
}

.seemore-table p {
    min-width: 300px;
    font-size: 12px;
    z-index: 9999;
    font-weight: 400;
    border-radius: 5px;
    line-height: 1.2;
    background: #f34b5c;
    padding: 5px 10px;
    position: absolute;
    margin-bottom: 0;
    top: 25px;
    left: -20px;
    opacity: 0;
    visibility: hidden;
    transition: .2s linear;
    color: #ffffff;
    text-align: justify;
}

.seemore-table p.active {
    opacity: 1;
    visibility: visible;
}

.seemore-table p:before {
    content: '';
    border: 7px solid transparent;
    border-bottom: 7px solid #f34b5c;
    position: absolute;
    left: 20px;
    bottom: 100%;
}

.color-violet .seemore-table {
    background: url(../image/icon-ct-purple.png) no-repeat;
}

.color-violet .seemore-table p {
    background: var(--violet-color);
}

.color-violet .seemore-table p:before {
    border-bottom: 7px solid var(--violet-color);
}

.pick-diamond .pick-right {
    text-align: right;
}

.pick-diamond.thsa-xn {
    display: block;
}

.pick-diamond.thsa-xn .pick-right a {
    display: initial;
    margin: 0;
    padding-left: 15px;
    position: relative;
}

.pick-diamond.thsa-xn .pick-right a:before {
    content: '';
    width: 5px;
    height: 5px;
    border-radius: 5px;
    background: var(--main-color);
    position: absolute;
    left: 0;
    top: 8px;
}

.pick-diamond.thsa-xn .pick-right {
    display: flex;
    justify-content: space-between;
    clear: both;
    padding-top: 10px;
}

.color-violet .infdt-rght .lstsl-dtkc p:nth-of-type(1).active:before {
    background: var(--violet-color);
    border: 1px solid var(--violet-color);
}

.color-violet .infdt-rght .lstsl-dtkc p:nth-of-type(2):after {
    color: var(--violet-color)
}

.color-violet .gt-fix span {
    background: url(../image/bg-uudaiv.png) no-repeat;
    background-size: 100% 100%;
}

.color-violet .gt-fix p:before {
    background: var(--violet-color)
}

.color-violet .bt-dtdiamond a.btn_add-cart {
    background-color: var(--violet-color)
}

.color-violet .bt-dtdiamond a.hotline span {
    color: var(--violet-color)
}

.color-violet .bt-dtdiamond a.hotline {
    background: url(../image/ic-callv.png) no-repeat;
    background-position-x: 18%;
    background-position-y: 45%;
    background-color: #e8e8e8;
}

.color-violet .item-showdt.active, .color-violet .item-showdt-jd.active {
    border: 1px solid var(--violet-color)
}

.table-dtkcv.color-violet h2:before {
    background: var(--violet-color)
}

.color-violet .infor-item a {
    color: var(--violet-color);
    text-decoration: none;
    background: url(../image/ic-arrv.png) no-repeat;
    background-position-x: 98%;
    background-position-y: 43%;
}

.color-violet .pick-diamond a:hover {
    color: var(--violet-color);
    background: url(../image/ic-arrv.png) no-repeat;
    background-position-x: 100%;
    background-position-y: 47%;
}

.color-violet .txt-h3spdtit p:before {
    background: url(../image/checkv-dtkc.png) no-repeat;
}

.item-showdt.play-videosl .itshowdt-img,
.item-showdt-jd.play-videosl .itshowdt-img,
.item-showdt-jd.play-video-detail .itshowdt-img {
    width: 42px;
    height: 42px;
    margin: 5px auto 0;
}

.item-showdt.play-videosl span,
.item-showdt-jd.play-videosl span,
.item-showdt-jd.play-video-detail span {
    font-size: 12px;
    color: var(--main-color)
}

.table-dtkcv .lst-itemspb .item-hit {
    border-bottom: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    border-left: none;
}

.lst-itemspb .item-hit:nth-child(5n+5) {
    border-right: 1px solid #e0e0e0
}

.from-jranger input {
    width: 66px;
    height: 24px;
    text-align: center;
    font-size: 14px;
    font-weight: 300;
    border: 1px solid #e0e0e0;
    margin-bottom: 3px;
    border-radius: 2px;
    margin: 0;
}

.from-jranger label {
    font-size: 13px;
    font-weight: 300;
    margin-bottom: 0;
    display: block;
}

.from-jranger {
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
    padding: 0 1px;
}

.from-jranger .form-group {
    margin-bottom: 0;
    text-align: center
}

.from-jranger input:focus {
    outline: none
}

.tit-tabledam .resetft {
    width: initial;
    height: initial;
    line-height: initial;
    float: right;
    padding: 13.5px 0px 13.5px 25px;
    background: url(../image/ic-refresh.png) no-repeat;
    background-position-x: 1px;
    background-position-y: 16px;
    font-weight: 400;
}

.tit-tabledam .resetft:hover, .tit-tabledam .resetft.active {
    background: url(../image/ic-refresh.png) no-repeat;
    background-position-x: 1px;
    background-position-y: 16px;
    color: var(--main-color);
}

.resetft.btn-filter {
    background: var(--main-color);
    padding: 8.5px 25px;
    color: #ffffff;
    margin-left: 15px;
    border: 1px solid var(--main-color);
    position: absolute;
    bottom: -10px;
    right: 165px;
    transition: all 0.5s ease;
    cursor: pointer;
}

.resetft.btn-filter i {
    margin-right: 10px;
}

.resetft.btn-filter:hover, .resetft.btn-filter.active {
    background: #ffffff;
    color: var(--main-color);
}

.lst-kd {
    display: table;
    width: 100%;
}

.lst-kd a {
    width: calc(20% - 5px);
    float: left;
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 5px;
    text-align: center;
    border: 2px solid #e0e0e0;
    height: 40px;
    line-height: 40px;
    color: #000000;
    text-decoration: none;
    transition: .2s linear;
}

.lst-kd a.active, .lst-kd a:hover {
    border: 2px solid #fab5bc
}

.seemore-ct {
    width: 14px;
    height: 14px;
    background: url(../image/seemore.png) no-repeat;
    background-size: 100% 100%;
    position: relative;
    margin-left: 5px;
    top: 3px;
    cursor: pointer;
}

.seemore-ct p, .seemore-table span {
    position: absolute;
    bottom: calc(100% + 15px);
    font-size: 14px;
    font-weight: 400;
    min-width: 170px;
    background: #f34b5c;
    padding: 5px 10px;
    border-radius: 8px;
    transition: .2s linear;
    opacity: 0;
    visibility: hidden;
    color: #ffffff !important;
    left: -15px;
    top: 25px;
    z-index: 100;
}

.seemore-ct span {
    min-width: 300px;
    font-size: 12px;
    z-index: 9999;
    font-weight: 400;
    border-radius: 5px;
    line-height: 1.2;
    background: #f34b5c;
    padding: 5px 10px;
    position: absolute;
    margin-bottom: 0;
    top: 25px;
    left: -15px;
    opacity: 0;
    visibility: hidden;
    transition: .2s linear;
    color: #ffffff;
    text-align: justify;
}

.seemore-ct span:before, .seemore-ct p:before, .seemore-table span:before {
    content: '';
    border: 7px solid transparent;
    border-bottom: 7px solid #f34b5c;
    position: absolute;
    left: 15px;
    bottom: 100%;
}

.seemore-ct:hover span, .seemore-ct:hover p, .seemore-table:hover span {
    opacity: 1;
    visibility: visible;
}

.click-search {
    text-align: right;
    clear: both;
}

.click-search a {
    color: var(--main-color);
    padding-right: 15px;
    font-size: 15px;
    background: url(../image/ic-arrr.png) no-repeat;
    background-position-x: 100%;
    background-position-y: 47%;
    transition: .2s linear;
}

.click-search.show-basic a {
    padding-right: 0;
    padding-left: 15px;
    background-position: left;
    background: url(../image/arrl.png) no-repeat;
    background-position-y: 4px;
}

.lstbst.note-bst2 .item-bst {
    width: calc(50% - 20px);
}

.lstbst.note-bst2 .item-bst .img-bst {
    height: 320px;
    max-height: 320px;
    margin-bottom: 15px;
}

.lstbst.note-bst2 .item-bst .txt-bst {
    position: initial;
    width: initial;
    display: block;
}

.lstbst.note-bst2 > h3 {
    margin: 0 10px 20px;
    position: relative;
    font-weight: 700;
    font-size: 22px;
    text-transform: uppercase;
    padding-bottom: 12px;
    border-bottom: 1px solid #e0e0e0;
}

.lstbst.note-bst2 > h3:before {
    width: 70px;
    height: 2px;
    background: var(--main-color);
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
}

.lstit-bst2 .item-bst2 {
    height: 600px;
    width: 100%;
    margin-bottom: 30px;
    position: relative;
}

.lstit-bst2 .item-bst2 .img-itbst2 {
    display: inline-block;
    position: relative;
}

.lstit-bst2 .item-bst2:nth-child(2n+1) .txt-itbst2 {
    right: 0;
    left: initial;
}

.img-itbst2 img {
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
}

.txt-itbst2 {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
}

.txt-itbst2 h3 {
    font-size: 33px;
    color: #333333;
    text-transform: uppercase;
    font-family: initial;
    margin-bottom: 20px;
    padding: 0 30px;
}

.txt-itbst2 p {
    font-size: 15px;
    color: #333333;
    width: 350px;
    margin-bottom: 15px
}

.txt-itbst2 img {
    margin-bottom: 15px
}

.bst2-ct {
    margin-bottom: 70px
}

.item-showdt-big {
    height: 100%;
    line-height: initial;
    width: 100%;
}

.item-showdt-big.attribute {
    display: flex;
}

.item-showdt-big.attribute .attribute {
    width: 400px;
    height: 295px;
    margin: auto;
}

.banner-tsc {
    position: relative;
    margin-bottom: 30px;
}

.banner-tsc.no-margin {
    margin-bottom: 0;
}

.banner-tsc img {
    max-width: 100%
}

.tittsc-ct {
}

.tittsc-ct h1 {
    font-size: 22px;
    color: #333333;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 12px;
}

.item-bantsc {
    position: absolute;
    bottom: 0;
    left: 60px
}

.bloc-sltskc.bg-fff {
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 15px;
}

._nc-ct {
    position: relative;
    margin-bottom: 40px;
}

._nc-ct .select-h1 {
    top: -5px;
}

._nc-ct .select-h1 .sla-tskc p {
    background: #fff;
    padding: 0 25px 0px 10px;
}

._nc-ct .sla-tskc .click-fidown {
    color: #753594;
    position: absolute;
}

._nc-ct .select-h1 .sla-tskc .click-fidown {
    right: 0;
    top: 4px;
}

.lst-tsc-3 .itemnc {
    position: relative;
}

._nc-ct .sla-tskc ul:before {
    display: none
}

._nc-ct .sla-tskc ul {
    box-shadow: initial;
    border: 1px solid #e0e0e0;
    top: 100%;
    padding: 5px 0;
}

._nc-ct .sla-tskc ul li {
    padding: 7px 15px;
}

._nc-ct .sla-tskc.selected-s ul li {
    padding: 0;
}

._nc-ct .select-h1 .sla-tskc ul {
    top: 100%;
}

._nc-ct .sla-tskc .checkmark {
    top: 0
}

._nc-ct .sla-tskc .radio-inline {
    width: initial;
    margin: 0;
    padding: 2px 0px 2px 25px;
    text-transform: initial;
}

._nc-ct .sla-tskc .radio-inline input {
    top: 0;
}

._nc-ct .sla-tskc .radio-inline .checkmark {
    background: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    width: 16px;
    height: 16px;
    top: 0;
    left: 0px;
}

._nc-ct .radio-inline .checkmark:after {
    border-radius: 0;
    left: 1px;
    top: 1px;
    content: "\f00c";
    font: normal normal normal 14px/1 FontAwesome;
    color: #753594;
    background: #ffffff;
    font-size: 12px;
    width: 12px;
    height: 12px;
}

._wr-bl .wrbl-txt {
    font-size: 13px;
    color: #7d7d7d;
    font-weight: 400;
    padding-right: 20px;
    margin-right: 15px;
    position: relative;
    cursor: pointer;
}

._wr-bl {
    display: flex;
    margin-bottom: 15px;
}

.wrbl-txt span {
    width: 15px;
    height: 15px;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
}

.wrbl-txt span:before {
    width: 1px;
    height: 12px;
    content: '';
    background: var(--main-color);
    position: absolute;
    transform: rotate(40deg);
    top: 4px;
    left: 4px;
}

.wrbl-txt span:after {
    width: 1px;
    height: 12px;
    content: '';
    background: var(--main-color);
    position: absolute;
    transform: rotate(320deg);
    top: 4px;
    left: 4px;
}

.color-violet .wrbl-txt span:before {
    width: 1px;
    height: 12px;
    content: '';
    background: #753594;
    position: absolute;
    transform: rotate(40deg);
    top: 4px;
    left: 4px;
}

.color-violet .wrbl-txt span:after {
    width: 1px;
    height: 12px;
    content: '';
    background: #753594;
    position: absolute;
    transform: rotate(320deg);
    top: 4px;
    left: 4px;
}

.lst-tsc-3 {
    display: grid;
    display: -ms-grid;
    grid-template-columns: repeat(3, calc(100% / 3));
    margin: 0 -8px 30px;
    grid-auto-flow: dense;
}

.lst-tsc-3 .itemnc {
    margin: 5px 8px;
    position: relative;
    background: #ffffff;
    text-align: center;
    height: 433px;
    padding: 0px 0px 30px;
    border: 1px solid #e0e0e0;
}

.sl-color .slcl img {
    display: none
}

.itemnc .sl-img {
    display: none;
}

.itemnc .nm-nc {
    font-size: 14px;
    color: #333333;
    font-weight: 400;
    margin-bottom: 8px;
    transition: .2s linear;
    text-decoration: none;
}

.itemnc .nm-nc:hover {
    color: var(--main-color)
}

.itemnc .gt-nc {
    font-size: 16px;
    color: var(--main-color);
    font-weight: 400;
    margin-bottom: 0;
}

.itemnc .gt-nc span.old {
    color: #929292;
    padding-left: 3px;
    text-decoration: line-through;
}

.img-itnc {
    width: 100%;
    margin: auto;
    height: 305px;
    line-height: 260px;
    margin-bottom: 5px;
    position: relative;
}

.img-itnc > a:not(.see-more-red) {
    width: 80%;
    display: block;
    margin: auto;
}

.lst-tsc-3 .itemnc:hover .sl-color {
    margin-bottom: 15px
}

.lst-tsc-3 .itemnc:hover .img-itnc {
    margin-bottom: 10px
}

.img-itnc a {
}

.img-itnc a img {
    max-width: 100%;
    object-fit: cover;
}

.sl-color .slcl {
    cursor: pointer;
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-right: 12px;
    transition: .2s linear;
    border-radius: 50%;
    border: 1px solid rgba(214, 214, 214, 0.5);
}

.sl-color .slcl:last-child {
    margin-right: 0
}

.sl-color .slcl:hover, .sl-color .slcl.active {
    border: 1px solid #e0e0e0
}

.sl-color .slcl:nth-of-type(1) {
    background: #eebda0
}

.sl-color .slcl:nth-of-type(2) {
    background: #dedede
}

.sl-color .slcl:nth-of-type(3) {
    background: #efd9a7
}

.sl-color {
    margin-bottom: 2px;
}

.itemnc .icon-sale {
    top: 15px;
    right: 15px
}

.lst-tsc-3 .itemnc:hover {
    border: 1px solid #e0e0e0;
    position: relative;
    z-index: 1;
    height: auto;
    margin-bottom: -65px;
}

.lst-tsc-3 .itemnc:hover .sl-img {
    display: flex;
    justify-content: center;
    margin-bottom: 15px;
}

.sl-img span {
    width: 50px;
    height: 50px;
    margin-right: 15px;
    border: 1px solid #e0e0e0;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .2s linear;
}

.sl-img span:last-child {
    margin-right: 0;
}

.sl-img span:hover, .sl-img span.active {
    border: 1px solid #753594
}

.sl-img span:nth-of-type(1), .sl-img span:nth-of-type(2) {
    padding: 5px;
}

.sl-img span img {
    max-width: 100%;
}

.sla-tskc.bg-fff p {
    background: #ffffff;
    padding-right: 0;
}

.sla-tskc p > * {
    display: inline-block;
}

.sla-tskc.bg-fff .click-fidown {
    color: var(--main-color);
    top: 2px;
    margin-left: 10px;
}

.tskc-01 .title-h1 h1 {
    margin-bottom: 0
}

.bloc-sltskc.tskcbgf {
    background: #ffffff;
    padding: 15px 0;
    margin-bottom: 10px;
    border-bottom: 1px solid #e0e0e0;
}

.bloc-sltskc.tskcbgf .click-fidown {
    color: var(--main-color)
}

.tskc-01 .ait-hit .item-hit {
    height: 390px;
}

.tskc-01 .item-hit .hit-img {
    height: 270px;
}

.itemnc-bn {
    margin: 5px 8px;
}

.itemnc-bn img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.clslbn-prev {
    font-size: 42px;
    color: #333333;
    position: absolute;
    top: calc((100% - 63px) / 2);
    left: -25px;
}

.clslbn-next {
    font-size: 42px;
    color: #333333;
    position: absolute;
    top: calc((100% - 63px) / 2);
    right: -25px;
}

.bloc-sltskc .sla-tskc .click-fidown {
    display: inline-block
}

.bloc-sltskc .sla-tskc p {
    display: inline-block
}

.menunc-ct {
    padding: 0 170px;
    display: grid;
    display: -ms-grid;
    grid-template-columns: repeat(3, calc(100% / 3));
    margin: 0 -10px 10px;
}

.item-menunc {
    margin: 0 10px
}

.item-menunc .img-itmenunc {
    margin-bottom: 18px;
}

.img-itmenunc a {
    width: 100%;
    display: block;
}

.img-itmenunc img {
    max-width: 100%;
    min-height: 100%;
    object-fit: cover;
}

.txt-itmenunc {
    text-align: center;
    padding: 0 50px;
}

.txt-itmenunc a {
    text-decoration: none;
    transition: .2s linear;
    font-size: 18px;
    color: #333333;
    margin-bottom: 0;
    line-height: 1.2;
    display: table;
    margin: auto;
}

.txt-itmenunc a:hover {
    color: var(--main-color)
}

.titnc-ct h1 {
    font-size: 22px;
    font-weight: 700;
    color: #333333;
    margin-bottom: 0;
    padding-bottom: 18px;
    border-bottom: 1px solid #e0e0e0;
    text-transform: uppercase
}

.titnc-ct a {
    font-size: 16px;
    text-transform: uppercase;
    color: #42c0c6;
    text-decoration: none;
    width: 241px;
    height: 44px;
    background: url(../image/arb.png) no-repeat;
    background-size: 100% 100%;
    display: block;
    font-weight: 700;
    padding: 5px 5px 10px 62px;
    position: absolute;
    bottom: 0;
    right: 0;
}

.titnc-ct {
    position: relative;
}

.lst-tabnc {
    text-align: center;
    padding: 18px 0;
}

.lst-tabnc a {
    font-size: 16px;
    color: #333333;
    text-transform: uppercase;
    text-decoration: none;
    transition: .2s linear;
    padding-right: 32px;
    position: relative;
}

.lst-tabnc a:before {
    width: 2px;
    height: 100%;
    background: #e0e0e0;
    content: '';
    position: absolute;
    top: 0;
    right: 12px;
}

.lst-tabnc a:last-child:before {
    display: none;
}

.lst-tabnc a:hover, .lst-tabnc a.active {
    color: var(--violet-color)
}

.img-tabnc {
    width: 80%;
}

.img-tabnc img {
    width: 100%;
}

.wedlane {
    background: #e1cbf5;
    padding: 38px 0 35px;
    text-align: center;
}

.wedlane a {
    margin-bottom: 20px;
    display: block;
}

.wedlane .wl-txt {
    margin: 0 auto 30px;
}

.wedlane .twl-txt {
    display: table;
    font-family: SVN;
    font-size: 38.5px;
    color: var(--violet-color);
    padding-right: 35px;
    background: url(../image/icon-ttt.png) no-repeat;
    background-position-x: 100%;
    margin: 0 auto;
}

.wedlane .xwl-txt {
    display: table;
    font-family: SVN;
    font-size: 38.5px;
    color: #42c0c6;
    padding: 0 50px 0 20px;
    margin: -16px auto 0;
    position: relative;
}

.wedlane .xwl-txt:before {
    width: 17px;
    height: 13px;
    background: url(../image/ic-ps.png) no-repeat;
    position: absolute;
    content: '';
    left: 3px;
    top: 10px;
}

.wedlane .xwl-txt:after {
    width: 17px;
    height: 13px;
    background: url(../image/ic-pe.png) no-repeat;
    position: absolute;
    content: '';
    right: 30px;
    top: 10px;
}

.nc-detail {
    text-align: center;
    padding-top: 80px
}

.nc-detail h2 {
    font-size: 28px;
    margin-bottom: 30px
}

.nc-detail h2 a {
    text-decoration: none;
    transition: .2s linear;
    text-transform: uppercase;
    color: var(--violet-color);
}

.nc-detail p {
    margin: 0 auto 40px;
    line-height: 1.6;
}

.nc-detail .tit-tnc {
    font-family: SVN;
    font-size: 32px;
    color: var(--violet-color);
    margin-bottom: 80px;
}

.imgncf img {
    width: 100%
}

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

.imgncf .text-ncf-1 {
    font-size: 14px;
    margin-bottom: 0;
    color: #333333;
    position: absolute;
    top: 70px;
    text-align: center;
    left: 50%;
}

.imgncf .text-ncf-2 {
    font-size: 14px;
    margin-bottom: 0;
    color: #333333;
    position: absolute;
    top: 40%;
    text-align: center;
    left: 130px;
}

.ez-nc {
    text-align: center
}

.ez-nc > p {
    font-size: 14px;
    color: #333333;
    margin: 0 auto 30px;
    line-height: 1.8;
}

.ez-nc .eznc-fb .text:nth-of-type(1) {
    display: table;
    margin: 0 auto 35px;
    padding: 0 25px;
    position: relative;
}

.ez-nc .eznc-fb .text:nth-of-type(2) {
    padding-top: 10px;
}

.ez-nc .eznc-fb .text {
    font-size: 30.5px;
    color: #6a268b;
    font-family: SVN;
    margin-bottom: 0;
    line-height: 2;
}

.ez-nc .eznc-fb .text:nth-of-type(1):after {
    width: 18px;
    height: 18px;
    content: '';
    position: absolute;
    right: 0;
    background: url(../image/ic-ne.png) no-repeat;
    background-size: 100% 100%;
    top: 13px;
}

.ez-nc .eznc-fb .text:nth-of-type(1):before {
    width: 20px;
    height: 16px;
    content: '';
    position: absolute;
    left: 0;
    background: url(../image/ic-ns.png) no-repeat;
    background-size: 100% 100%;
    top: 0;
}

.eznc-fb {
    position: relative
}

.eznc-fb:before {
    background: url(../image/ic-tymx2.png) no-repeat;
    width: 64px;
    height: 38px;
    content: '';
    position: absolute;
    top: calc((100% - 38px) / 2);
    left: calc((100% - 64px) / 2);
}

.detail-dia .name-3vkc {
    width: 650px;
    display: flex;
    justify-content: space-between;
    margin: 15px auto 30px;
    padding-left: 30px;
}

.name-3vkc a {
    font-size: 17px;
    text-transform: uppercase;
    color: #333333;
    padding-right: 30px;
    background: url(../image/ic-arrrxd.png) no-repeat;
    background-position-x: 100%;
    background-position-y: 47%;
    transition: .2s linear;
    text-decoration: none;
}

.name-3vkc a:hover {
    color: var(--violet-color);
}

.detail-dia .text-t {
    font-size: 18px;
    color: var(--violet-color);
    margin-bottom: 15px
}

.detail-dia .text-f {
    font-size: 30.5px;
    font-family: svn;
    color: var(--violet-color);
    line-height: 2;
    margin-bottom: 15px;
}

.detail-dia .text {
    font-size: 14px;
    color: #333333;
    margin-bottom: 0;
}

.top-dtdia {
    margin-bottom: 30px;
    padding: 0 10px;
}

.imgf-hd {
    position: relative;
    text-align: right;
}

.imgf-hd img {
    width: 85%;
}

.imgf-hd p {
    line-height: 1.7;
    text-align: center;
    font-size: 14px;
    color: #333333;
    position: absolute;
    top: 40%;
    left: 12%;
    margin-bottom: 0;
}

.nck {
    text-align: center;
    position: relative;
    margin-bottom: 40px;
}

.nck .text {
    font-size: 14px;
    color: #333333;
    margin: 0 auto 85px
}

.nck:before {
    background: url(../image/ic-tymx2.png) no-repeat;
    width: 64px;
    height: 38px;
    content: '';
    position: absolute;
    top: 60px;
    left: calc((100% - 64px) / 2);
}

.nck h3 {
    font-size: 28px;
    margin: 0 auto 30px;
}

.nck h3 a {
    text-decoration: none;
    color: var(--violet-color);
    transition: .2s linear;
}

.nck .text-f {
    font-size: 30px;
    color: var(--violet-color);
    font-family: svn;
    line-height: 1.8;
    margin-bottom: 0;
    position: relative;
}

.lstnc-k {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 40% 60%;
    padding: 0 100px;
    margin-top: -80px;
}

.item-nck.banner {
    padding-top: 70px
}

.txt-nck .name-nck {
    text-decoration: none;
    font-size: 16px;
    color: var(--violet-color);
    margin: 0 auto 10px;
    padding: 25px 30px 0px 0;
    font-weight: 700;
    text-transform: uppercase;
    background: url(../image/tymdai.png) no-repeat;
    background-position-x: 100%;
    display: table;
}

.txt-nck p {
    font-size: 14px;
    color: #333333;
    margin-bottom: 15px;
}

.txt-nck .seemore {
    color: #42c0c6;
    padding-right: 35px;
    background: url(../image/ic-arrrxd.png) no-repeat;
    background-position-x: 100%;
    background-position-y: 47%;
    text-decoration: none;
    transition: .2s linear;
}

.img-nck {
    height: 350px;
    margin-bottom: 12px
}

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

.boxring {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 40% 60%;
    padding: 0 150px;
}

.txt-boxring {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.img-boxring {
    grid-column: 2/3;
    grid-row: 1/1;
    text-align: left
}

.img-boxring img {
    max-width: 100%
}

.seeall-nc {
    width: 350px;
    height: 52px;
    border: 1px solid #64cace;
    border-radius: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    margin: 0 auto 54px;
}

.seeall-nc:before {
    width: 78px;
    height: 28px;
    content: '';
    position: absolute;
    top: -24px;
    left: calc((100% - 78px) / 2);
    background: url(../image/ic-tymx3.jpg) no-repeat;
    background-position: center;
    background-color: #ffffff;
}

.seeall-nc a {
    font-weight: 700;
    text-decoration: none;
    color: #64cace;
    text-transform: uppercase;
    padding-right: 40px;
    background: url(../image/ic-arrrxd.png) no-repeat;
    background-position-x: 100%;
    background-position-y: 47%;
}

.txt-boxring p {
    margin-bottom: 0;
    line-height: 1.6;
    font-size: 14px;
    margin-top: 20px
}

.seeall-nc {
    margin-bottom: 40px
}

.lst-tabnc a:last-child {
    padding-right: 0
}

.top-dtdia img {
    max-width: 100%;
}

.map_title {
    color: #ffffff;
    font-weight: 400;
    font-size: 14px;
    text-decoration: none;
    width: 20px;
    height: 20px;
    text-align: center
}

.map_title:hover {
    color: #ffffff;
    text-decoration: none;
}

/*comment*/
.frm-comment {
    margin-bottom: 30px;
}

.frm-comment textarea {
    border-radius: 3px;
    border: 1px solid #dedede;
    height: 120px;
    width: 100%;
    padding: 10px;
    font-size: 14px;
}

.frm-comment textarea:focus {
    outline: none;
}

.frm-comment .action {
    display: table;
    width: 100%;
    background: #ffffff;
}

.frm-comment .action .img input {
    display: none;
}

.frm-comment .action > * {
    display: table-cell;
    border: 1px solid #dedede;
    border-collapse: collapse;
    padding: 7.5px;
}

.frm-comment .action .img {
    width: 110px;
    border-right: none;
    cursor: pointer
}

.frm-comment .action .img label {
    font-weight: 400;
    font-size: 13px;
}

.frm-comment .action .img label span {
    width: 27px;
    height: 20px;
    display: block;
    margin-right: 10px;
    background-image: url(../image/ic-camera.jpg);
    background-repeat: no-repeat;
    float: left;
}

.frm-comment .action .input {
    text-align: right;
}

.frm-comment .action .input .processing {
    display: none;
    line-height: 1;
    float: right;
}

.frm-comment .action .input .processing.show {
    display: inherit;
}

.frm-comment .action .input > * {
    margin-left: 3.5px;
}

.frm-comment .action .input input {
    height: 30px;
    border: 1px solid #dedede;
    padding: 0 15px;
    color: #525252;
    width: 310px;
    font-size: 13px;
}

.frm-comment .action .input input:focus {
    outline: none;
}

.frm-comment .action .input input::placeholder {
    color: #656464;
}

.frm-comment .action .input input:read-only {
    border: none;
    color: gray;
    display: none;
}

.frm-comment .action .input button {
    background: #ed1c24;
    color: #ffffff;
    padding: 0 10px;
    height: 30px;
    border: initial;
    float: right;
    margin-left: 8px;
    width: 52px;
}

.frm-comment .action .input button:focus {
    outline: none
}

.color-violet .frm-comment .action .input button {
    background: var(--violet-color);
}

.frm-comment label.error {
    display: none !important;
}

.frm-comment input.error, .frm-comment textarea.error {
    border: 1px solid #e49090 !important;
}

.insert-img, .insert-img_Reply, .insert-img-rate, .insert-img-rate_Reply {
    width: 100px;
    margin-top: 10px;
    position: relative;
}

.insert-img img, .insert-img_Reply img, .insert-img-rate img, .insert-img-rate_Reply img {
    width: 100%
}

.insert-img i, .insert-img_Reply i, .insert-img-rate i, .insert-img_Reply-rate i {
    font-weight: 400;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 20px;
    border-radius: 50%;
    background: rgba(125, 125, 125, 0.38);
    font-size: 11px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.insert-img i:before, .insert-img_Reply i:before, .insert-img-rate i:before, .insert-img-rate_Reply i:before {
    font-size: 35px;
    position: absolute;
    width: 35px;
    height: 20px;
    color: rgba(237, 28, 36, 0.5);
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    content: "\f00d";
    border: none;
}

.comment-detail_ {
    padding-bottom: 15px;
    border-top: 1px solid #cdcdcd;
    padding-top: 15px;
}

.count-cmt {
    margin-bottom: 20px;
    font-weight: 600;
}

.page-comment ul li a,
.pagi-reply ul li a,
.page-rate ul li a,
.pagi-reply-rate ul li a {
    width: 24px;
    height: 24px;
    border-radius: 16px;
    background: #eaeaea;
    color: #333333;
    display: block;
    text-align: center;
    line-height: 24px;
    margin-right: 5px;
    text-decoration: none;
    font-size: 12px;
}

.page-comment ul li a.active,
.pagi-reply ul li a.active,
.page-rate ul li a.active,
.pagi-reply-rate ul li a.active {
    color: #fff;
    background: var(--main-color);
}

.page-comment ul li.hidden,
.pagi-reply ul li.hidden,
.pagi-reply ul li.disabled,
.page-rate ul li.hidden,
.pagi-reply-rate ul li.hidden,
.pagi-reply-rate ul li.disabled {
    display: none;
}

.vote-star {
    display: inline-block;
    vertical-align: middle;
}

.vote-star .rating {
    border: none;
    display: table-cell;
    vertical-align: middle;
}

.vote-star .rating > input {
    display: none;
}

.vote-star .rating > label:before, .vote-star .rating > .star-v1:before {
    margin: 2px;
    font-size: 22px;
    font-family: FontAwesome;
    display: inline-block;
    content: "\f005";
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}

.vote-star .rating > label, .vote-star .rating > .star-v1 {
    color: #ddd;
    float: right;
    margin-bottom: 0;
}

.vote-star .rating > .star-v1 {
    float: left;
}

.vote-star .rating > .star-v1.active {
    color: #f5a623;
}

.vote-star .rating > input:checked ~ label,
.vote-star .rating:not(:checked) > label:hover,
.vote-star .rating:not(:checked) > label:hover ~ label {
    color: #ff9727;
}

.vote-star .rating > input:checked + label:hover
.vote-star .rating > input:checked ~ label:hover,
.vote-star .rating > label:hover ~ input:checked ~ label,
.vote-star .rating > input:checked ~ label:hover ~ label {
    color: #FFED85;
}

.frm-rate .item.vote p {
    display: inline-block;
    font-size: 14px;
    margin: 0;
    margin-right: 10px;
}

.frm-rate .frms {
    display: grid;
    grid-template-columns: repeat(4, 25%);
    margin: 0 -5px;
}

.frm-rate .item {
    margin: 5px;
}

.frm-rate .item.action.readonly {
    align-self: end;
}

.frm-rate .item.vote {
    grid-column: 1/5;
}

.frm-rate .item.area {
    grid-column: 1/3;
    grid-row: 2/6;
}

.frm-rate .item.area.full-area {
    grid-column: 1/4;
}

.frm-rate .item.area textarea {
    border-radius: 3px 3px 0 0;
    border-bottom: none;
    height: 90px;
}

.frm-rate .item.area textarea:focus {
    outline: none;
}

.frm-rate .item.area .img {
    border: 1px solid #dedede;
    border-radius: 0 0 3px 3px;
    margin-top: -7px;
    background: #f7f7f7;
}

.frm-rate .item.area .img input {
    display: none;
}

.frm-rate .item.area .img label {
    width: 100%;
    height: 100%;
    font-size: 14px;
    color: #ee1b24;
    margin: 0;
    position: relative;
    padding: 10px 10px 10px 50px;
    cursor: pointer
}

.frm-rate .item.area .img label span {
    position: absolute;
    width: 25px;
    height: 20px;
    background: url(../image/image-sale.jpg) no-repeat;
    top: 10px;
    left: 10px;
}

.color-violet .frm-rate .item.area .img label {
    color: var(--violet-color);
}

.color-violet .frm-rate .item.area .img label span {
    background: url(../image/camera-violet.png) no-repeat;
    background-size: 100%;
}

.frm-rate .item.text input {
    border: 1px solid #dedede;
    width: 100%;
    font-size: 14px;
    height: 39px;
    padding-left: 10px;
    border-radius: 3px;
}

.frm-rate .item.text input::placeholder {
    font-size: 14px;
}

.frm-rate .item.text input:focus {
    outline: none;
}

.frm-rate .item.text input[readonly] {
    display: none;
}

.frm-rate .item.action .processing {
    display: none;
}

.frm-rate .item.action button {
    border: none;
    height: 39px;
    width: calc(100% - 10px);
    background: #de1a24;
    color: #ffffff;
    text-align: center;
    border-radius: 3px;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
}

.frm-rate .item.action button:focus {
    outline: none;
}

.color-violet .frm-rate .item.action button {
    background: var(--violet-color);
}

.alrt-rate.alrt-cmt {
    padding: 5px;
    background: #e66b6b;
    border-radius: 3px;
    overflow: hidden;
    margin-left: 5px;
    color: #ffffff;
    font-size: 14px;
}

.ch-diamond {
    position: relative;
    margin-top: 10px;
}

.list-ch-diamond {
    position: relative;
    text-align: center;
    z-index: 100;
    margin-bottom: 15px;
}

.list-ch-diamond button {
    width: 80%;
    height: 36px;
    background: #ffffff;
    border: 1px solid #e0e0e0;
    font-size: 14px;
    color: var(--main-color);
    margin-right: 3px;
    position: relative;
}

.list-ch-diamond button:before {
    content: "\f106";
    font: normal normal normal 14px/1 FontAwesome;
    position: absolute;
    top: 6px;
    right: 10px;
    font-size: 22px;
    transition: .2s linear
}

.list-ch-diamond.active button:before {
    transform: rotate(180deg)
}

.list-ch-diamond button:focus {
    outline: none
}

.list-ch-diamond .dropmenu-diamond {
    position: absolute;
    width: 100%;
    z-index: 100;
    bottom: 100%;
    opacity: 0;
    visibility: hidden;
    transform: translate3d(0, 20px, 0);
    transition: .3s linear;
}

.list-ch-diamond.active .dropmenu-diamond {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0);
}

.dropmenu-diamond ul {
    padding: 0;
    width: 80%;
    margin: 0 auto;
}

.dropmenu-diamond ul li {
    list-style-type: none;
    font-size: 14px;
    height: 34px;
    line-height: 34px;
    border: 1px solid #e0e0e0;
    border-bottom: initial;
    transition: .2s linear;
    cursor: pointer;
    background: #ffffff;
}

.dropmenu-diamond ul li .text {
    margin-right: 5px
}

.img-vkc img {
    max-width: 100%;
    width: 20px;
    height: 20px;
    object-fit: cover;
}

.dropmenu-diamond ul li:hover, .dropmenu-diamond ul li.active {
    background: #e0e0e0
}

.range-diamond {
    position: relative;
    z-index: 99;
    width: 80%;
    margin: 0 auto;
}

.range-diamond .range-control {
    height: 8px;
    border-radius: 0;
    background: var(--main-color);
    border: initial;
}

.range-diamond .range-control-handle {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    top: -7px;
    border: 1px solid #dbdbdb;
    background: #ffffff;
    cursor: pointer;
    transition: .2s linear
}

.range-diamond .range-control-handle:hover {
    background: #ffffff
}

.range-diamond .range-control-handle:focus {
    outline: none
}

.range-diamond .range-control-scale {
    height: 25px;
}

.range-diamond .range-control-scale li {
    padding-top: 0;
}

.range-diamond .range-control-scale li:before {
    content: '';
    background: #ffffff;
    height: 8px;
    width: 1px;
    position: absolute;
    top: -17px;
    left: calc((100% - 1px) / 2);
}

.alit-spdx .ait-hit {
    display: grid;
    grid-template-columns: repeat(4, 25%);
    display: -ms-grid;
}

.section-index.qtkbp ._plvd-ct {
    margin: initial;
    top: initial;
    left: 23.4%;
    bottom: 25%;
}

.nf-content {
    padding: 10% 0;
}

.imggt-left {
    text-align: center;
}

.imggt-left a {
    display: block;
}

.textnf-right {
    text-align: center;
    width: 500px;
    margin: auto;
    padding: 50px 20px;
    background: rgba(245, 245, 245, 0.5);
}

.textnf-right h1 {
    font-family: 'Roboto';
    font-weight: 700;
    text-transform: uppercase;
    font-size: 170px;
    margin-bottom: 15px;
    color: var(--main-color);
}

.textnf-right h1 > * {
    display: inline-block;
}

.textnf-right h1 span {
    width: 121px;
    height: 120px;
    background: url(../image/diamond.png) no-repeat;
    background-size: 130%;
    background-position: center;
}

.success .textnf-right h1,
.success .textnf-right p,
.success .textnf-right .backtoindex {
    color: #28a745;
}

.success .textnf-right .backtoindex {
    border: 1px solid #28a745;
}

.textnf-right p {
    font-size: 14px;
    color: var(--main-color);
    margin-bottom: 15px;
}

.textnf-right .backtoindex {
    background: #ffffff;
    color: var(--main-color);
    padding: 6px 40px;
    border-radius: 0;
    font-size: 14px;
    text-decoration: none;
    display: inline-block;
    border: 1px solid var(--main-color);
    transition: .2s linear;
}

.textnf-right .backtoindex:hover {
    color: #333333;
    background: #ffffff
}

.textnf-right input {
    width: 100%;
    background: transparent;
    border: 1px solid #d7d7d7;
    height: 45px;
    border-radius: 0;
    padding-left: 12px;
    float: left;
    padding-right: 5px;
    border: white;
    border-bottom: 1px solid #cdcdcd;
    font-size: 14px;
}

.textnf-right button {
    border: none;
    height: 45px;
    width: 45px;
    text-align: center;
    background: transparent;
    border-radius: 0;
    float: left;
    border-left: initial;
    transition: .2s linear;
    border-bottom: 1px solid #cdcdcd;
}

.textnf-right input, .textnf-right button {
    outline: none
}

.textnf-right input:focus {
    background: transparent;
}

.textnf-right form {
    display: table;
    margin: 0 0 20px;
    overflow: hidden;
    margin-bottom: 20px;
    width: 100%;
}

.search-doji .tit-h1 h1 {
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
    display: inline-block;
    position: relative;
    margin-bottom: 0;
}

.search-doji .tit-h1 {
    padding-bottom: 0px;
    margin-bottom: 20px;
    border-bottom: 1px solid #e0e0e0;
}

.search-doji .tit-h1 h1:before {
    content: '';
    background: var(--main-color);
    height: 2px;
    width: 100%;
    left: 0;
    bottom: -10px;
    position: absolute;
}

.search-doji label {
    margin: 0;
    padding: 0 0 10px 30px;
    margin-right: 15px;
    position: relative;
}

.search-doji label .bod {
    width: 100%;
    height: 2px;
    background: transparent;
    position: absolute;
    bottom: 0;
    left: 0;
}

.search-doji label input {
    display: none;
}

.search-doji label input:checked ~ .bod {
    background: var(--main-color);
}

.search-doji label .checkmark {
    top: 4px;
    left: 0;
    height: 17px;
    width: 17px;
    border-radius: 9px;
    cursor: pointer
}

.search-doji label input:checked ~ .checkmark:before {
    width: 6px;
    height: 6px;
    background: var(--main-color);
    border-radius: 3px;
    top: 4px;
    left: 4px;
    content: '';
    position: absolute;
}

.list-search ul {
    padding: 0;
    margin: 0;
}

.list-search ul li {
    list-style-type: none;
    margin-bottom: 13px;
}

.list-search ul li a {
    text-decoration: none;
}

.list-search ul li a h3 {
    color: #333333;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 5px;
    transition: .2s linear;
}

.list-search ul li a h3:hover {
    color: var(--main-color)
}

.list-search ul li a .link-web {
    font-size: 16px;
    margin-bottom: 8px;
}

.list-search .desc p {
    font-size: 14px;
    color: #333333;
    margin-bottom: 5px;
}

.pagination .hidden, .pagination > a {
    display: none !important
}

.pagination {
    text-align: center;
    justify-content: center;
    margin: 0;
}

.pagination li a {
    display: inline-block;
    width: 30px;
    height: 30px;
    border: 1px solid #e0e0e0;
    text-align: center;
    font-size: 14px;
    color: #333333;
    text-decoration: none;
    transition: .2s linear;
    margin-right: 5px !important;
    line-height: 28px;
    border-radius: 15px;
}

.list-search {
    margin-bottom: 30px
}

.search-doji {
    margin-bottom: 35px
}

.pagination li a:hover, .pagination li a.active {
    border: 1px solid var(--main-color);
    color: #ffffff;
    background: var(--main-color);
}

#RegisterEmail label.error {
    display: none !important;
}

#RegisterEmail input.error {
    border: 1px solid var(--main-color);
}

.popup-change-mail .purg-ct, .popup-change-social .purg-ct, .popup-change-mobile .purg-ct {
    width: 680px;
    top: 20%;
    left: calc((100% - 680px) / 2);
}

.popup-change-mail .purg-ct .purg-lft, .popup-change-mobile .purg-ct .purg-lft, .popup-change-social .purg-ct .purg-lft {
    padding-right: 0;
    border-right: initial
}

.jconfirm.jconfirm-supervan .jconfirm-bg {
    background-color: rgba(218, 32, 50, 0.8);
}

.jconfirm.jconfirm-material .jconfirm-box {
    background-color: var(--main-color);
}

.jconfirm.jconfirm-material .jconfirm-box div.jconfirm-content {
    color: #ffffff;
    text-align: center;
}

.jconfirm.jconfirm-material .jconfirm-box .jconfirm-buttons {
    text-align: center;
}

.jconfirm.jconfirm-material .jconfirm-box .jconfirm-buttons button {
    width: 90px;
}

._winfbk {
    padding: 10px 3px 5px 10px;
    position: relative;
    margin-top: 10px;
    border: 1px solid #d8d7d7;
    border-top: 2px solid var(--main-color);
    box-shadow: inset 0 0 8px -5px rgba(0, 0, 0, 0.5);
    display: none;
    margin-bottom: 10px;
}

._winfbk:before {
    top: -10px;
    left: 20px;
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 10px solid var(--main-color);
}

._winfbk p {
    font-size: 13px;
    color: #1d1d1d;
    margin-bottom: 5px;
    text-transform: none;
}

._winfbk.active {
    display: block;
}

.formxhd {
    display: none
}

.inftimenh ._gtbg {
    display: table;
    width: 100%
}

.inftimenh .formxhd {
    width: 100%;
    float: left;
    padding: 15px;
    margin-top: 5px;
    position: relative;
    border: 1px solid #d8d7d7;
    border-top: 2px solid var(--main-color);
    box-shadow: inset 0 0 8px -5px rgba(0, 0, 0, 0.5);
}

.formxhd input {
    width: 100%;
    height: 36px;
    padding: 0 5px 0 8px;
    border-radius: 0;
    border: 1px solid #dbdbdb;
}

.formxhd .input-formxhd {
    margin-bottom: 15px;
    width: 49%;
    float: left;
}

.formxhd input::placeholder {
    font-size: 14px;
}

.formxhd input:focus {
    outline: none
}

.formxhd .input-formxhd:nth-of-type(2) {
    margin-left: 2%;
}

.formxhd .input-formxhd:nth-of-type(3) {
    width: 100%;
    margin-bottom: 0;
}

.formxhd:before {
    top: -10px;
    left: 20px;
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 10px solid var(--main-color);
}

.txt-itpicked .grid-price .pick-am, .txt-itpicked .grid-price .pick-sz, .txt-itpicked .grid-price .price-itpicked {
    float: initial;
    margin-left: 0;
    margin-bottom: 10px;
}

.grid-price {
    display: grid;
    display: -ms-grid;
    grid-template-columns: repeat(3, calc(100% / 3));
}

.jconfirm-box-container .jconfirm-box {
    background: #cc4350;
    color: #fff;
}

.grid-price {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 32% 34% 34%;
}

.from-jranger input::-webkit-inner-spin-button, .from-jranger input::-webkit-outer-spin-button {
    -webkit-appearance: none;
}

.cart2 .cartrght .almoney p:last-child {
    margin-bottom: 0
}

.txt-itmnr .notesl span {
    margin-left: 3px
}

.it-cartr.frm-vou .form-group {
    margin-bottom: 0
}

.all-selo .selecthm.selecthm-st:nth-of-type(2) select {
    border-right: 1px solid #dbdbdb
}

.all-selo .selecthm.selecthm-st:nth-of-type(3) select {
    background-position-x: 97.5%
}

.timereceive {
    border: 1px solid #dbdbdb;
    padding: 5px;
}

.tt-gold {
    display: inline-block;
    width: 100px;
    border: 1px solid #d6d6d6;
    height: 30px;
    margin-right: 5px;
}

.detail-imgkc1, .detail-imgkc2 {
    font-size: 12px;
    color: var(--main-color);
}

.detail-imgkc1 {
    position: absolute;
    display: block;
    padding: 2px 12px;
    opacity: 0;
    visibility: hidden
}

.detail-imgkc2 {
    position: absolute;
    visibility: hidden;
    opacity: 0;
}

.detail-imgkc2.active {
    visibility: visible;
    opacity: 1;
}

.img-preview-diamond.attribute {
    display: flex;
    align-items: center;
}

.img-preview-diamond.attribute .wrap {
    width: 400px;
    margin: auto;
    height: 295px;
    margin-top: calc((100% - 295px) / 2);
    line-height: 1;
    position: relative;
}

.img-preview-diamond:not(.attribute) img {
    width: 100%;
}

span.detail-imgkc.detail-imgkc2:nth-of-type(1) {
    bottom: 25px;
    height: 20px;
    line-height: 1.5;
    left: 25px;
    background: #ffffff;
    padding: 0 5px;
}

span.detail-imgkc.detail-imgkc2:nth-of-type(2) {
    top: 18px;
    height: 20px;
    line-height: 1.5;
    left: 32%;
    background: #ffffff;
    padding: 0 5px;
}

span.detail-imgkc.detail-imgkc2:nth-of-type(2) {
    top: 18px;
    height: 20px;
    line-height: 1.5;
    left: 32%;
    background: #ffffff;
    padding: 0 5px;
}

span.detail-imgkc.detail-imgkc2:nth-of-type(3) {
    top: 150px;
    height: 20px;
    line-height: 1.5;
    right: 5px;
}

span.detail-imgkc.detail-imgkc2:nth-of-type(4) {
    bottom: 10px;
    background: transparent;
    right: -30px;
    height: 25px;
    line-height: 1.5;
    padding: 5px 10px;
    max-width: 170px;
}

span.detail-imgkc.detail-imgkc2:nth-of-type(5) {
    bottom: 120px;
    height: 25px;
    line-height: 1.5;
    right: 50px;
    max-width: 150px;
}

.detail-imgkc1 {
    top: 10px;
    background: #ffffff;
    left: 36%;
    height: 25px;
    line-height: 1.5;
}

.detail-imgkc1.active, .detail-imgkc2.active {
    opacity: 1;
    visibility: visible
}

.wegh-sl-ca {
    border: none;
    height: 30px;
    font-size: 14px;
}

.form-group.mg-left {
    margin-left: 145px
}

.pick-diamond .pick-am p {
    margin-bottom: 0
}

.par-ttbst {
    width: 480px;
    position: absolute;
    height: initial;
    min-height: 192px;
    clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
    transition: .5s linear;
    z-index: 9;
}

.par-ttbst.arr-right {
    clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
}

.tooltips-bst {
    width: 440px;
    padding: 10px;
    position: absolute;
    z-index: 10;
    border: 1px solid #e0e0e0;
    background: #ffffff;
    transition: .3s linear;
    height: initial;
    left: 26px;
}

.par-ttbst .arrow {
    content: '';
    border: 10px solid transparent;
    border-right: 16px solid #ffffff;
    position: absolute;
    left: 1px;
    top: calc((100% - 20px) / 2);
    z-index: 100;
}

.par-ttbst.active {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}

._des_tool p {
    font-size: 13px;
}

.tooltips-bst .ttbst-img {
    border-right: 1px solid #e0e0e0;
    text-align: center;
    overflow: hidden;
    line-height: 170px;
    width: 40%;
    float: left;
}

.ttbst-img a {
    display: block;
}

.ttbst-img img {
    transition: .2s linear;
}

.ttbst-img img:hover {
    transform: scale3d(1.1, 1.1, 1.1)
}

.tooltips-bst .ttbst-txt {
    padding-left: 10px;
    width: 60%;
    float: left;
}

.ttbst-txt .ttbst-gt {
    margin-bottom: 5px;
    font-size: 16px;
    text-transform: uppercase;
    color: #333333;
}

.ttbst-option {
    margin-bottom: 3px;
    font-size: 14px;
    color: #333333;
}

.ttbst-option span {
    margin-right: 3px
}

.ttbst-txt .ttbst-seemore {
    text-transform: none;
    color: var(--main-color);
}

.ttbst-txt .ttbst-seemore i {
    margin-left: 5px
}

.ttbst-txt a {
    text-decoration: none;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    color: #333333;
    transition: .2s linear;
    margin-bottom: 5px;
}

.ttbst-txt a:hover {
    color: var(--main-color)
}

.lstkdsp .txt-spkd p {
    font-size: 14px;
    line-height: 1.3;
}

.liststorenx .pagination span {
    width: initial;
    height: initial;
    line-height: initial;
    background: initial;
    margin-right: 0;
    font-size: 14px;
}

.liststorenx .pagination a:hover span, .liststorenx .pagination a.active span {
    color: #ffffff
}

section.notfound {
    background: url(../image/bg-about-h.jpg) no-repeat;
    background-size: auto 100%;
    background-position: left bottom;
}

.tks a {
    text-decoration: none;
    font-size: 16px;
    transition: .2s linear
}

.tks a:hover {
    color: var(--main-color)
}

.form-ttsp table a {
    text-decoration: none;
    font-size: 14px;
    transition: .2s linear;
}

.form-ttsp table td {
    line-height: 1.4
}

.form-ttsp table a:hover {
    color: var(--main-color)
}

.frm-success ._img-success {
    background: #ffffff;
    padding: 0 12px;
}

.frm-success a {
    color: var(--main-color);
}

.commodity-success {
    padding-top: 40px
}

.popup-regis .alrt-regis {
    width: calc(100% - 145px);
    margin-left: 145px;
    color: rgb(218, 32, 50);
    font-size: 14px;
    font-weight: 400;
    padding: 10px 0;
}

#RegisterMember input.error, #RegisterMember textarea.error {
    border: 1px solid red !important;
}

#RegisterMember label.error {
    color: red;
    top: 0;
    right: 5px;
    position: absolute;
    float: none;
    width: auto;
    font-size: 12px;
    font-weight: normal;
    margin: auto;
}

#RegisterMember .form-group {
    position: relative
}

.popup-login .alrt-login {
    width: calc(100% - 90px);
    margin-left: 90px;
    color: rgb(218, 32, 50);
    font-size: 14px;
    font-weight: 400;
    padding: 10px 0;
}

.alrt-lostpass {
    width: calc(100% - 90px);
    margin-left: 90px;
    color: rgb(218, 32, 50);
    font-size: 14px;
    font-weight: 400;
    padding: 10px 0;
}

.alrt-reset {
    width: calc(100% - 150px);
    margin-left: 150px;
    color: rgb(218, 32, 50);
    font-size: 14px;
    font-weight: 400;
    padding: 10px 0;
}

#LoginMember input.error, #LoginMember textarea.error {
    border: 1px solid red !important;
}

#LoginMember label.error {
    color: red;
    top: 0;
    right: 5px;
    position: absolute;
    float: none;
    width: auto;
    font-size: 12px;
    font-weight: normal;
    margin: auto;
}

#LoginMember .form-group {
    position: relative
}

.popup-reset .alrt-reset {
    width: calc(100% - 145px);
    margin-left: 145px;
    color: rgb(218, 32, 50);
    font-size: 14px;
    font-weight: 400;
    padding: 10px 0;
}

._des_tool p {
    margin-bottom: 3px;
    line-height: 1.4;
}

.img-search {
    width: 350px;
    height: 197px;
    float: left;
    overflow: hidden;
}

.img-search a {
    display: block;
    height: 100%;
}

.img-search img {
    max-width: 100%;
    height: initial;
    object-fit: contain;
    transition: .3s linear;
}

.search-doji .list-search ul li {
    display: table;
    width: 100%;
    margin-bottom: 20px;
    padding-bottom: 25px;
    border-bottom: 1px dotted #d2d2d2;
}

.search-doji .list-search ul li:last-child {
    border-bottom: initial;
    padding-bottom: initial
}

.text-search {
    width: calc(100% - 350px);
    padding-left: 20px;
    float: left;
}

.search-doji .list-search ul li a h3 {
    color: var(--main-color)
}

.search-doji .list-search .desc p {
    max-height: 105px;
    overflow: hidden;
    margin-bottom: 0;
}

.time-search {
    font-size: 14px;
    color: #808080;
    display: block;
    margin-bottom: 5px;
}

.pick-diamond .pick-sz select {
    width: 130px;
    padding-left: 10px
}

.pick-diamond .pickamct .input-dw input {
    width: 70px;
}

.pick-diamond .pickamct .input-dw {
    width: 70px;
}

.show-fgh {
    display: inline-block;
    position: relative
}

.show-fgh .tooltips-gh, .icgh-mbhtt .tooltips-gh {
    position: absolute;
    z-index: 10;
    width: 250px;
    right: 0;
    background: #ffffff;
    border: 1px solid #d8d7d7;
    border-top: 2px solid var(--main-color);
    box-shadow: inset 0 0 8px -5px rgba(0, 0, 0, 0.5);
    border-radius: 3px;
    top: 35px;
    padding: 26px 10px 20px;
}

.show-fgh .tooltips-gh:before, .icgh-mbhtt .tooltips-gh:before {
    top: -10px;
    right: 20px;
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 10px solid var(--main-color);
}

.tooltips-gh p {
    font-size: 14px;
    margin-bottom: 11px;
    position: relative;
    color: #333333;
    padding-left: 22px;
    text-align: center;
}

.tooltips-gh p:before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f00c";
    position: absolute;
    left: 9px;
    top: 2px;
    background: var(--main-color);
    border-radius: 50%;
    width: 16px;
    height: 16px;
    text-align: center;
    line-height: 18px;
    color: #ffffff;
    font-size: 11px;
}

.show-fgh .tooltips-gh a, .icgh-mbhtt .tooltips-gh a {
    background: var(--main-color);
    width: 100%;
    display: block;
    height: 32px;
    padding: 0;
    line-height: 32px;
    text-align: center;
    color: #ffffff;
    text-transform: none;
    border-radius: 5px;
    border: 1px solid var(--main-color)
}

.show-fgh .tooltips-gh a:hover {
    color: var(--main-color);
    background: #ffffff;
}

.btn-closett {
    position: absolute;
    width: 18px;
    height: 18px;
    top: 10px;
    right: 10px;
    cursor: pointer
}

.btn-closett:before, .btn-closett:after {
    width: 14px;
    content: '';
    height: 2px;
    background: #000000;
    position: absolute;
    transform: rotate(45deg);
    top: 5px;
    left: 5px;
}

.btn-closett:after {
    transform: rotate(315deg)
}

header.fixed .show-fgh .tooltips-gh {
    display: none
}

.show-noti-cart.hidden {
    display: none
}

._wrtxt-pugt .txt-storedj p:nth-of-type(1) {
    font-weight: initial;
    height: initial;
    line-height: initial;
    background: url(../image/ic1-itst.png) no-repeat;
    background-position-x: 1px;
    background-position-y: 0;
    padding-left: 24px;
}

._wrtxt-pugt .txt-storedj p:nth-of-type(2) {
    background: url(../image/ic2-itst.png) no-repeat;
    background-position-x: 1px;
    background-position-y: 0;
}

._wrtxt-pugt .txt-storedj p:nth-of-type(3) {
    background: url(../image/ic3-itst.png) no-repeat;
    background-position-x: 0;
    background-position-y: 2px;
}

._wrtxt-pugt .txt-storedj p {
    margin-bottom: 5px
}

._wrtxt-pugt .txt-storedj {
    height: initial;
    max-height: initial;
    margin-bottom: 0;
    overflow: initial;
}

.storedj .popupgth-ct .lstspkd {
    padding-bottom: 0;
    border-bottom: 0;
    margin-bottom: 0;
}

.show-noti-cart.hidden {
    display: none
}

.tit-maker {
    font-weight: bold;
    text-transform: uppercase
}

.tit-maker, .p-maker, .ad-maker {
    margin-bottom: 5px
}

.table-sdiamond .button-sskcv2 a {
    transition: .2s linear
}

.table-sdiamond .button-sskcv2 a:last-child:hover {
    border: 1px solid var(--main-color);
    color: var(--main-color)
}

.infdt-rght .lstsl-dtkc .hdtr-acc {
    transition: .2s linear;
}

.infdt-rght .lstsl-dtkc .hdtr-acc:hover {
    color: var(--main-color)
}

.infdt-rght .lstsl-dtkc p:nth-of-type(1):after:hover {
    color: #333333
}

._nc .itemnc .nm-nc:hover {
    color: var(--violet-color)
}

.itemnc .see-more-red {
    position: absolute;
    background-color: var(--violet-color);
    display: block;
}

.itemnc:hover .see-more-red {
    opacity: 1;
    height: 36px;
    padding: 1px 0;
}

.itemnc a.see-more-red img {
    margin-bottom: 2px
}

.lits-tsc .ait-hit .item-hit:nth-child(5n+8),
.lits-tst.grid-5 .ait-hit .item-hit:nth-child(5n+8),
.lits-tst.grid-5 .ait-hit .item-hit:nth-child(1),
.lits-tst.grid-5 .ait-hit .item-hit:nth-child(5) {
    border-left: 1px solid #e0e0e0;
}

.lits-tst.grid-5 .ait-hit .item-hit:nth-child(1) {
    border-top: 1px solid #e0e0e0;
}

.lits-tsc a.see-more-red {
    background-color: var(--violet-color);
}

.lits-tsc .hit-txt h3 a:hover {
    color: var(--violet-color)
}

.color-violet .infdt-rght .lstsl-dtkc .hdtr-acc:hover {
    color: var(--violet-color)
}

.bannernsl a, .banner-tsc a {
    display: block
}

.sltt-diamond .irs--flat .irs-from, .sltt-diamond .irs--flat .irs-to, .range-diamond .irs--flat .irs-from, .range-diamond .irs--flat .irs-to {
    display: none;
}

.sltt-diamond .irs--flat .irs-min, .sltt-diamond .irs--flat .irs-max, .range-diamond .irs--flat .irs-min, .range-diamond .irs--flat .irs-max {
    display: none;
}

.sltt-diamond .irs-single, .range-diamond .irs-single {
    display: none;
}

.sltt-diamond .irs-grid-pol.small, .range-diamond .irs-grid-pol.small {
    display: none;
}

.sltt-diamond .irs--flat .irs-handle, .range-diamond .irs--flat .irs-handle {
    width: 27px;
    height: 27px;
    border-radius: 50%;
    top: -10px;
    border: 1px solid #dbdbdb;
    background: rgba(255, 255, 255, 0.9);
    cursor: pointer;
}

.sltt-diamond .irs--flat .irs-handle i, .range-diamond .irs--flat .irs-handle i {
    display: none !important;
}

.sltt-diamond .irs--flat .irs-handle:before, .range-diamond .irs--flat .irs-handle:before {
    width: 11px;
    height: 11px;
    background: #dbdbdb;
    position: absolute;
    content: '';
    border-radius: 50%;
    left: 7px;
    top: 7px;
}

.sltt-diamond .irs-grid-text, .range-diamond .irs-grid-text {
    font-size: 12px;
    color: #333333 !important;
    line-height: 15px;
    bottom: -14px;
}

.sltt-diamond .irs-grid-text:last-child {
    right: calc(0%) !important;
    left: initial !important;
    margin-left: 0 !important;
    padding: 0;
}

.sltt-diamond .irs-grid-text:nth-of-type(2) {
    left: calc(0%) !important;
    margin-left: 0 !important;
    padding: 0;
}

.sltt-diamond .irs--flat .irs-bar, .range-diamond .irs--flat .irs-bar {
    top: 0;
    height: 8px;
    background: var(--main-color);
}

.sltt-diamond .irs--flat .irs-grid-pol, .range-diamond .irs--flat .irs-grid-pol {
    top: -13px;
    height: 8px;
    background: #ffffff;
    z-index: 1;
}

.sltt-diamond .irs--flat.irs-with-grid, .range-diamond .irs--flat.irs-with-grid {
    height: 33px;
}

.sltt-diamond .irs--flat .irs-line, .range-diamond .irs--flat .irs-line {
    top: 0;
    background: #dbdbdb;
    height: 8px;
    border-radius: initial;
}

.sltt-diamond .irs--flat .irs-grid-pol[style="left: 0%"], .sltt-diamond .irs--flat .irs-grid-pol[style="left: 100%"], .range-diamond .irs--flat .irs-grid-pol[style="left: 0%"], .range-diamond .irs--flat .irs-grid-pol[style="left: 100%"] {
    display: none;
}

.range-diamond .irs--flat .irs-line {
    background: var(--main-color);
    border-radius: 5px
}

.lst-sldiamond.range-multi .sltt-diamond {
    margin: 0;
}

.choose-op > p {
    text-transform: uppercase;
    color: #333333;
    margin-bottom: 8px;
}

.a-gold p, .c-lieu p, .choose-clkc p {
    margin-bottom: 5px;
    color: #333333;
}

.a-gold, .c-lieu, .choose-clkc {
    margin-bottom: 15px;
}

.c-lieu a {
    display: inline-block;
    min-width: 76px;
    height: 30px;
    border: 2px solid #d7d7d7;
    color: #333333;
    text-align: center;
    font-size: 13px;
    line-height: 26px;
    transition: .2s linear;
    margin-right: 5px;
    text-decoration: none;
    padding-right: 0
}

.c-lieu a:hover, .c-lieu a.active {
    border: 1px solid var(--main-color)
}

.color-violet .c-lieu a:hover, .color-violet .c-lieu a.active {
    border: 2px solid var(--violet-color);
}

.choose-op .pick-sz {
    float: initial;
    margin-left: 0;
    margin-bottom: 15px;
}

.choose-op .pick-sz p {
    font-weight: 400;
    width: 140px;
}

.choose-op .pick-sz select {
    width: 118px;
    padding-left: 15px;
    margin-left: 0;
}

.item-opkcv p {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 10px;
    margin-left: 0;
}

.item-opkcv p span {
    display: inline-block;
}

.option-kcv input {
    display: none
}

.option-kcv label {
    width: 100%;
    cursor: pointer;
}

.option-kcv input:checked ~ span {
    border: 2px solid var(--main-color);
    color: #ffffff;
    background: var(--main-color);
}

.option-kcv label span {
    width: 100%;
    height: 100%;
    border: 2px solid #e0e0e0;
    line-height: 36px;
    display: block;
    text-align: center;
    transition: .2s linear;
    font-size: 14px
}

.item-opkcv label span:hover, .item-accreditation label span.active {
    border: 2px solid var(--main-color);
    color: #ffffff;
    background: var(--main-color);
}

.item-opkcv .option-kcv {
    width: calc(100% / 7 - 6px);
    float: left;
    margin-right: 7px;
}

.item-opkcv .lst-op-itkcv {
    display: flex;
    width: 100%;
}

.item-opkcv .option-kcv:last-child {
    margin-right: 0
}

.item-opkcv.item-11 .option-kcv {
    width: calc(100% / 11 - 6px);
    float: left;
    margin-right: 7px;
}

.item-opkcv.item-11 .option-kcv:last-child {
    margin-right: 0
}

.item-opkcv {
    margin-bottom: 15px
}

.item-opkcv p {
    margin-bottom: 13px
}

.all-op-button {
    float: right;
    margin-left: 10px;
    width: calc(200% / 3 - 10px);
}

.fix-filterbs {
    float: left;
    width: calc(100% / 3 - 10px);
    margin-right: 10px;
}

.fix-filterbs .lst-diamond, .fix-filterbs .lst-sldiamond {
    width: 100%;
    padding: 0;
    padding-right: 8px;
}

.filter-basic .fix-filterbs .lst-diamond {
    padding-right: 0;
}

.fix-filterbs .lst-sldiamond {
    margin-bottom: 0
}

.option-clkc input {
    display: none;
}

.option-clkc label span:hover, .item-accreditation label span.active {
    border: 1px solid var(--main-color);
    color: #ffffff;
    background: var(--main-color);
}

.option-clkc input:checked ~ span {
    border: 1px solid var(--main-color);
    color: #ffffff;
    background: var(--main-color);
}

.color-violet .option-clkc input:checked ~ span {
    border: 1px solid var(--violet-color);
    background: var(--violet-color);
}

.option-clkc label {
    width: 76px;
    cursor: pointer;
}

.option-clkc label span {
    width: 100%;
    height: 100%;
    border: 1px solid #e0e0e0;
    line-height: 32px;
    display: block;
    text-align: center;
    transition: .2s linear;
    font-size: 14px;
    display: block;
}

.option-clkc {
    display: inline-block;
    margin-right: 3px
}

.choose-ag .option-clkc label span:hover, .choose-ag .item-accreditation label span.active {
    border: 1px solid var(--violet-color);
    background: var(--violet-color);
}

.popup-lhtvv {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transition: .2s linear;
    pointer-events: none;
}

.popup-lhtvv .close-putk {
    position: absolute;
    width: 25px;
    height: 25px;
    top: 20px;
    right: 15px;
    cursor: pointer;
    cursor: pointer;
}

.popup-lhtvv .close-putk:before {
    content: '';
    width: 18px;
    height: 2px;
    border-radius: 15px;
    background: var(--main-color);
    position: absolute;
    transform: rotate(45deg);
    top: 10px;
    left: 5px;
}

.popup-lhtvv .close-putk:after {
    content: '';
    width: 18px;
    height: 2px;
    border-radius: 15px;
    background: var(--main-color);
    position: absolute;
    transform: rotate(315deg);
    top: 10px;
    left: 5px;
}

.popup-lhtvv .bg-over-ttv {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.58);
}

.popup-lhtvv .form-tvv {
    z-index: 99999;
    top: 13%;
    width: 985px;
    background: #fff;
    padding: 25px 30px;
    position: relative;
    text-align: center;
    margin: auto;
}

.text-tvv {
    font-weight: 600;
    font-size: 18px;
    text-align: center;
    margin-bottom: 12px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.form-tvv .form-group {
    margin-bottom: 12px
}

.form-tvv button,
.grid-popup button {
    background: var(--main-color);
    border: initial;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    margin-left: 0;
    padding: 7.5px 0;
    margin: 8px 0 10px;
    text-transform: uppercase;
    width: 100%;
}

.form-tvv.form-tsc button {
    background: var(--violet-color);
}

.grid-popup button:focus {
    outline: none;
}

.grid-popup label.error {
    display: none !important;
}

.grid-popup input.error, .grid-popup textarea.error {
    border: 1px solid red !important;
}

.form-tvv .close-ttv {
    width: 24px;
    height: 24px;
    background: #d2d2d2;
    border-radius: 50%;
    position: absolute;
    top: 10px;
    right: 10px;
    transition: .2s linear;
    text-align: center;
    line-height: 22px;
    text-decoration: none;
}

.form-tvv .close-ttv:before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f00d";
    color: #000000;
    transition: .2s linear
}

.form-tvv .close-ttv:hover {
    background: var(--main-color)
}

.form-tvv .close-ttv:hover:before {
    color: #ffffff
}

.popup-lhtvv.active {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    overflow-y: auto;
}

.grid-tvv {
    display: grid;
    grid-template-columns: 50% 50%;
    margin: 0 -10px;
}

.grid-tvv > * {
    margin: 0 10px;
}

.grid-tvv .right {
    grid-column: 2/2;
    grid-row: 1/3;
}

.grid-tvv .form-group {
    margin-bottom: 10px;
    display: table;
    width: 100%;
}

.grid-tvv .form-group .haft {
    width: calc(50% - 5px);
    float: left;
}

.grid-tvv .form-group .haft:first-child {
    margin-right: 10px;
}

.grid-tvv .form-group label {
    width: 100%;
    text-align: left;
    font-size: 14px;
    font-weight: 700;
}

.grid-tvv .form-group label span {
    color: #ff0000;
}

.grid-tvv .form-group input, .grid-tvv .form-group select {
    width: 100%;
    height: 35px;
    border: 1px solid #dbdbdb;
    padding-left: 8px;
    font-size: 14px;
    color: #333333;
    transition: all 0.5s linear;
}

.grid-tvv .form-group input:focus,
.grid-tvv .form-group textarea:focus,
.grid-tvv .form-group select:focus {
    outline: none;
    border: 1px solid #ff0000;
}

.grid-tvv .form-group select.error {
    border: 1px solid red !important;
}

.grid-tvv .form-group textarea {
    width: 100%;
    border: 1px solid #dbdbdb;
    padding-left: 8px;
    font-size: 14px;
    color: #333333;
    transition: all 0.5s linear;
    height: 318px;
    padding-top: 10px;
}

.grid-tvv .right .form-group:last-child {
    margin-bottom: 0;
}

.item-dsdc input {
    display: none
}

.item-dsdc {
    display: inline-block;
    width: 46px;
    height: 46px;
    border: 1px solid #e0e0e0;
    text-align: center;
    border-radius: 50%;
    line-height: 44px;
    margin-right: 3px;
    background: #ffffff;
    transition: .2s linear;
    cursor: pointer;
}

.item-dsdc:hover, .item-dsdc.active {
    border: 1px solid var(--violet-color);
    background: var(--violet-color);
}

.item-dsdc label {
    margin-bottom: 0;
    width: 100%;
    height: 100%;
}

.choose-ld p {
    margin-bottom: 5px;
    margin-right: 20px;
}

.choose-ld {
    margin-bottom: 12px;
    display: flex;
    align-items: center;
}

.item-dsdc span {
    width: 100%;
    height: 100%;
    display: block;
}

.item-dsdc span img {
    max-width: 100%
}

.choose-ktdc p {
    margin-bottom: 5px
}

.choose-ktdc {
    margin-bottom: 12px
}

.choose-ktdc select {
    font-size: 14px;
    height: 32px;
    width: 112px;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 1px solid #dbdbdb;
    padding-left: 10px;
    background: url(../image/ardow-sl.png) no-repeat;
    background-position-x: 95%;
    background-position-y: 47%;
}

.choose-ktdc select:focus {
    outline: none
}

.a-gold {
    float: left;
    margin-right: 30px;
}

.choose-ktdc {
    float: left;
}

.choose-op {
    display: block;
    overflow: hidden;
}

.c-lieu {
    width: 100%;
    float: left;
}

.lstsl-dtkc.wed-col p:first-child {
    margin-right: 20px
}

.infdt-rght .lstsl-dtkc.wed-col p:nth-of-type(1):before {
}

.infdt-rght .lstsl-dtkc.wed-col p:nth-of-type(2).active:before {
    color: var(--violet-color);
}

.color-violet .infdt-rght .lstsl-dtkc.wed-col p:nth-of-type(2).active:before {
    color: var(--violet-color);
    content: "";
}

.infdt-rght .lstsl-dtkc.wed-col p:nth-of-type(2):after {
    display: none
}

.item-dsdc label img:nth-of-type(2) {
    display: none
}

.item-dsdc label input:checked ~ img:nth-of-type(1) {
    display: none;
}

.item-dsdc label input:checked ~ img:nth-of-type(2) {
    display: initial;
    margin: auto;
}

.item-dsdc:hover label img:nth-of-type(1) {
    display: none;
}

.item-dsdc:hover label img:nth-of-type(2) {
    display: initial;
    margin: auto;
}

.BannerIndexLeft, .BannerIndexRight {
    position: absolute;
}

.adv-banner img {
    width: 100%;
    height: initial;
}

.banner-head img, .banner-footer img {
    width: 100%;
    height: initial;
}

.banner-head, .banner-footer {
    width: 100%;
    line-height: 1;
}

header.fixed .banner-head {
    display: none;
}

.contaner-banner {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
}

.contaner-banner .wrp {
    width: 1205px;
    padding-left: 15px;
    padding-right: 15px;
    margin-right: auto;
    margin-left: auto;
}

.contaner-banner .wrp .BannerIndexLeft {
    left: 8px;
    transform: translateX(-100%) translateY(15px);
}

.contaner-banner .wrp .BannerIndexRight {
    right: 8px;
    transform: translateX(100%) translateY(15px);
}

.grid-popup {
    background: #ffffff;
    margin: 0;
    padding: 30px 20px;
}

.ait-hit .item-hit.has-thumb .hit-img > a:not(.see-more-red) img {
    position: relative;
    opacity: 1;
    z-index: 1;
}

.ait-hit .item-hit.has-thumb .hit-img > a:not(.see-more-red) img:nth-of-type(n+2) {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    opacity: 0;
    transition: all 0.5s ease;
}

.ait-hit .item-hit.item-hit-sale.has-thumb .hit-img > a:not(.see-more-red) img:nth-of-type(n+2) {
    left: 9%;
}

.ait-hit .item-hit.has-thumb:hover img {
    transform: scale(1);
}

.lits-tsvt.slide-sale .ait-hit .item-hit {
    border-left: none;
}

.slide-sale .lSAction > a,
.slide-h-sale .lSAction > a {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    opacity: 1;
}

.slide-sale .lSAction > .lSPrev,
.slide-h-sale .lSAction > .lSPrev {
    height: 45px;
    width: 28px;
    box-shadow: 0 0 13px -3px grey;
    display: block;
    background: #fff;
    position: absolute;
    top: calc((100% - 14px) / 2);
    left: 1px;
    border-radius: 0 50px 50px 0;
    text-align: center;
    padding-right: 5px;
}

.slide-sale .lSAction > .lSNext,
.slide-h-sale .lSAction > .lSNext {
    height: 45px;
    width: 28px;
    box-shadow: 0 0 13px -4px grey;
    display: block;
    background: #fff;
    position: absolute;
    top: calc((100% - 14px) / 2);
    right: 1px;
    border-radius: 50px 0 0 50px;
    text-align: center;
    padding-left: 5px;
}

.slide-sale .lSAction > .lSPrev:before,
.slide-h-sale .lSAction > .lSPrev:before {
    content: "";
    font-size: 29px;
    line-height: 45px;
    text-align: center;
}

.slide-sale .lSAction > .lSNext:before,
.slide-h-sale .lSAction > .lSNext:before {
    content: "";
    font-size: 29px;
    line-height: 45px;
    text-align: center;
}

.slide-h-sale .ait-hit {
    display: block;
}

.aitem-sale .slide-h-sale .ait-hit .item-hit {
    border: none;
    border-right: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
}

.aitem-sale .slide-h-sale .ait-hit .item-hit:last-child {
    border-bottom: none;
}

.check-order h1 {
    font-size: 20px;
    color: #333;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
}

.textnf-right.check-order {
    width: 400px;
    background: #fff;
    border-radius: 30px;
}

.check-order input {
    padding-left: 0;
}

.check-order input:focus {
    outline: none;
    border-color: var(--main-color);
    box-shadow: none;
}

.check-order button {
    border: 1px solid var(--main-color);
    background: var(--main-color);
    border-radius: 0;
    width: 100%;
    margin-top: 15px;
    color: #ffffff;
    font-weight: 500;
    text-transform: uppercase;
}

.textnf-right.check-order form {
    margin-bottom: 0;
}

.textnf-right.check-order .input-group {
    display: block;
}

.textnf-right.check-order .input-group input {
    width: 100%;
}

.textnf-right.check-order label.error {
    color: red;
    font-size: 14px;
    padding-top: 5px;
}

.textnf-right.check-detail-order {
    width: 100%;
}

.detail-order {
    background: url(../image/bg-about-h.jpg) no-repeat;
    background-size: auto 100%;
    background-position: left bottom;
}

.detail-order .nf-content {
    padding: 30px 0;
}

.detail-order .nf-content .check-detail-order {
    background: #fff;
    padding: 15px;
    border-radius: 20px;
}

.check-detail-order .title {
    display: flex;
    border-bottom: 1px solid #cdcdcd;
    padding-bottom: 10px;
}

.check-detail-order .title > * {
    width: 50%;
}

.check-detail-order .title h1 {
    font-size: 20px;
    margin-bottom: 5px;
}

.check-detail-order .title h1 span {
    color: var(--main-color);
}

.check-detail-order .title p {
    font-size: 16px;
    margin-bottom: 0;
}

.check-detail-order .title .status {
    text-align: right;
    font-size: 16px;
}

.check-detail-order .title .status .badge-warning {
    color: #ffc107;
    background: transparent;
}

.check-detail-order .title .status .badge-danger {
    color: #dc3545;
    background: transparent;
}

.check-detail-order .title .status .badge-success {
    color: #28a745;
    background: transparent;
}

.check-detail-order .title .status .badge-info {
    color: #17a2b8;
    background: transparent;
}

._detail-order table tr td {
    font-weight: 400;
    color: #333333;
    text-align: right;
    padding: 10px 0;
    font-size: 13px;
    border-bottom: 1px solid #d2d2d2;
    font-family: Verdana;
    vertical-align: top;
}

._detail-order table tr td.img {
    text-align: left;
}

._detail-order table tr td.img img {
    border: 1px solid #cdcdcd;
    padding: 5px;
    border-radius: 5px;
    overflow: hidden;
    margin-right: 10px;
}

._detail-order table tr td.img a {
    color: #333;
}

._detail-order {
    border-bottom: 2px solid #cdcdcd;
}

._detail-infor {
    padding: 15px 0;
}

._detail-infor h3 {
    font-size: 16px;
    font-weight: 600;
}

._detail-infor table tr td {
    font-size: 14px;
    padding: 5px;
}

._detail-infor table tr td:first-child {
    position: relative;
    padding-left: 25px;
}

._detail-infor table tr td:first-child:before {
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 6px;
    position: absolute;
    background: var(--main-color);
    top: 12px;
    left: 8px;
}

.payment-status-yet {
    font-size: 16px;
    padding-top: 5px;
}

.paymented {
    font-size: 16px;
    padding-top: 5px;
    color: #28a745;
}

.paymented i {
    margin-right: 5px;
}

.log-out-check {
    width: 180px;
    height: 29px;
    background: var(--main-color);
    line-height: 29px;
    text-align: center;
    font-size: 13px;
    font-weight: 400;
    border-radius: 12px;
    color: #ffffff;
    text-transform: uppercase;
    margin-left: calc((100% - 180px) / 2);
    cursor: pointer;
}

.list-suggest .ait-hit {
    grid-template-columns: repeat(8, calc(100% / 8));
    grid-gap: 15px;
}

.list-suggest .ait-hit .hit-img {
    height: 145px;
    line-height: 145px;
}

.list-suggest .ait-hit .hit-img a:not(.see-more-red) {
    width: 100%;
}

.list-suggest .ait-hit .hit-img img {
    width: 100%;
    min-height: initial;
    height: initial;
}

.table-dtkcv .lst-itemspb.list-suggest .item-hit {
    border: 1px solid #e0e0e0;
}

.list-suggest .ait-hit .hit-img .see-more-red img {
    width: initial;
}

.list-suggest .ait-hit .hit-txt > h3 {
    padding: 0 5px;
}

.promotion-down {
    border: 1px solid #e0e0e0;
    margin-bottom: 12px;
}

.promotion-down p.text {
    font-size: 16px;
    color: #333333;
    font-weight: 700;
    text-transform: uppercase;
    padding: 13.5px 15px;
    line-height: 1;
    position: relative;
    cursor: pointer;
    margin: 0;
}

.promotion-down p.text span:not(.caret) {
    color: var(--main-color);
}

.promotion-down.promotion-violet p.text span:not(.caret) {
    color: var(--violet-color);
}

.promotion-down p.text span.caret {
    width: 45px;
    height: 45px;
    position: absolute;
    right: 0;
    top: 0;
}

span.caret:before {
    content: '';
    position: absolute;
    top: 22px;
    right: 21px;
    width: 8px;
    height: 1px;
    background: #333;
    transform: rotate(40deg);
}

span.caret:after {
    content: '';
    position: absolute;
    top: 22px;
    right: 15px;
    width: 8px;
    height: 1px;
    background: #333;
    transform: rotate(-40deg);
}

.promotion-down p.text.active span.caret:before,
.suggest-store p.text.active .caret:before {
    transform: rotate(-40deg);
}

.promotion-down p.text.active span.caret:after,
.suggest-store p.text.active .caret:after {
    transform: rotate(40deg);
}

.suggest-store {
    margin-bottom: 10px;
}

.suggest-store p.text {
    font-size: 16px;
    color: #333333;
    font-weight: 700;
    text-transform: uppercase;
    padding: 13.5px 15px;
    line-height: 1;
    position: relative;
    cursor: pointer;
    text-align: center;
    background: #e8e8e8;
    border-radius: 3px;
    margin-bottom: 0;
}

.suggest-store p.text img {
    margin-right: 10px;
    margin-top: -2px;
}

.suggest-store p.text > * {
    display: inline-block;
}

.suggest-store p.text .caret {
    position: relative;
    width: 45px;
    height: 18px;
}

.suggest-store p.text .caret:before, .suggest-store p.text .caret:after {
    top: 10px;
}

.installment-options {
    display: grid;
    grid-template-columns: 50% 50%;
    margin: 0 -6px;
}

.installment-options .item {
    margin: 0 6px;
    border: 1px solid #e0e0e0;
    padding: 15px 0;
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center;
}

.installment-options .item img {
    position: absolute;
}

.installment-options .item.installment {
    padding-left: 30px;
}

.installment-options .item.installment img {
    left: 30px;
    top: 9px;
}

.installment-options .item.installment:hover {
    text-decoration: none;
}

.installment-options .item p {
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 0px;
    line-height: 1;
    color: var(--main-color);
    display: inline-block;
    margin: auto;
}

.installment-options .item p span {
    font-size: 14px;
    color: #333333;
    font-weight: 400;
    text-transform: initial;
}

.installment-options .item.options {
    padding-left: 50px;
}

.installment-options .item.options img {
    top: 14px;
    left: 30px;
}

.installment-options.installment-options-violet .item p {
    color: var(--violet-color)
}

.grid-buyone-getone {
    padding: 0 15px;
    display: none;
    overflow: hidden;
}

.grid-buyone-getone .item:first-child {
    margin-left: 0;
}

.grid-buyone-getone .item {
    width: 80px;
    margin-left: 60px;
    text-align: center;
    position: relative;
    float: left;
}

.grid-buyone-getone .item .img {
    border: 1px solid #e0e0e0;
    margin-bottom: 5px;
    max-height: 80px;
}

.grid-buyone-getone .item img {
    width: 100%;
}

.grid-buyone-getone .item p {
    line-height: 1.3;
    font-size: 13px;
}

.grid-buyone-getone .item p span {
    line-height: 1;
    font-size: 10px;
    color: var(--main-color);
    border: 1px solid var(--main-color);
    border-radius: 3px;
    padding: 0 4px;
    margin-bottom: 4px;
    display: inline-block;
}

.grid-buyone-getone .item .plus {
    width: 15px;
    height: 15px;
    position: absolute;
    left: -38px;
    top: 25px;
    background: var(--main-color);
    border-radius: 20px;
}

.grid-buyone-getone .item .plus:before {
    content: '';
    height: 1px;
    width: 8px;
    background: #fff;
    position: absolute;
    top: 7px;
    left: 4px;
}

.grid-buyone-getone .item .plus:after {
    content: '';
    width: 1px;
    height: 9px;
    background: #fff;
    position: absolute;
    top: 3px;
    left: 8px;
}

.grid-suggest {
    border: 1px solid #e0e0e0;
    padding: 15px 15px 0 15px;
    display: none;
}

.grid-suggest .form {
    display: flex;
    margin-bottom: 15px;
}

.grid-suggest .form input {
    height: 39px;
    border: 1px solid #e0e0e0;
    width: calc(100% - 110px);
    border-radius: 3px 0 0 3px;
    font-size: 14px;
    padding-left: 15px;
}

.grid-suggest .form input:focus {
    outline: none;
}

.grid-suggest .form button {
    width: 110px;
    border: none;
    background: var(--main-color);
    border-radius: 0 3px 3px 0;
    color: #fff;
    font-size: 14px;
    line-height: 1;
    height: 37px;
    margin-top: 1px;
}

.grid-suggest .form button:focus {
    outline: none;
    border: none;
}

.grid-suggest.grid-suggest-violet .form button {
    background: var(--violet-color);
}

.list-store {
    margin-bottom: 15px;
    max-height: 145px;
    overflow-y: auto;
}

.list-store::-webkit-scrollbar {
    width: 1px;
}

.grid-suggest-violet .list-store::-webkit-scrollbar-thumb {
    background: var(--violet-color);
}

.list-store > p {
    font-size: 14px;
    font-weight: 700;
    color: var(--main-color);
}

.list-store .item {
    padding: 10px 0;
    border-top: 1px dashed #e0e0e0;
    padding-left: 25px;
    position: relative;
}

.list-store .item:before {
    content: '';
    width: 12px;
    height: 17px;
    position: absolute;
    top: 11px;
    left: 0;
    background: url(../image/location-suggest.png) no-repeat;
}

.grid-suggest-violet .list-store .item:before {
    background: url(../image/location-suggest-violet.png) no-repeat;
}

.list-store .item:nth-of-type(1) {
    padding-top: 0;
    border-top: none;
}

.list-store .item:nth-of-type(1):before {
    top: 1px;
}

.list-store .item p {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 13px;
    margin: 0;
}

.list-store .item span {
    font-size: 14px;
}

.grid-suggest-violet .list-store > p {
    color: var(--violet-color);
}

.popup-order-options {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transition: .2s linear;
    pointer-events: none;
    max-height: 100vh;
    overflow-y: auto;
}

.popup-order-options .bg-over-ttv {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.58);
}

.popup-order-options.active {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}

.popup-order-options .form-tvv {
    z-index: 99999;
    top: 13%;
    width: 655px;
    background: #fff;
    padding: 0;
    position: relative;
    text-align: center;
    margin: auto;
}

.select-options {
    padding: 0 35px;
    border-bottom: 1px solid #ececec;
    text-align: center;
    display: flex;
    align-items: center;
    background: #fff;
}

.select-options .item {
    font-weight: 700;
    font-size: 16px;
    margin: 14px 0px;
    padding-left: 35px;
    position: relative;
    margin-right: 20px;
    cursor: pointer;
}

.select-options .item:last-child {
    margin-right: 0;
}

.select-options .item:before {
    width: 22px;
    height: 22px;
    border-radius: 20px;
    border: 1px solid #a5a5a5;
    position: absolute;
    top: 0;
    left: 0;
    content: '';
}

.select-options .item.active:before {
    border: 1px solid var(--main-color);
}

.select-options .item.active:after {
    width: 12px;
    height: 12px;
    border-radius: 12px;
    background: var(--main-color);
    content: '';
    position: absolute;
    top: 5px;
    left: 5px;
}

.select-options.select-options-violet .item.active:before {
    border: 1px solid var(--violet-color);
}

.select-options.select-options-violet .item.active:after {
    background: var(--violet-color);
}

.popup-order-options-violet .close-lhtvv:before {
    background: var(--violet-color);
}

.popup-order-options-violet .close-lhtvv:after {
    background: var(--violet-color);
}

.load-form-options {
    padding: 30px 35px 45px 35px;
}

.load-form-options .group {
    display: flex;
    margin-bottom: 15px;
}

.load-form-options .group .label {
    width: 155px;
    font-size: 14px;
    text-align: left;
    padding-top: 7px;
}

.load-form-options .group .input {
    width: calc(100% - 155px);
}

.load-form-options .group .input input,
.load-form-options .group .input select,
.load-form-options .group .input textarea {
    width: 100%;
    font-size: 14px;
    border-radius: 1px;
    border: 1px solid var(--border-color);
}

.load-form-options .group .input input:focus,
.load-form-options .group .input textarea:focus,
.load-form-options .group .input select {
    outline: none;
}

.load-form-options .group .input input,
.load-form-options .group .input select {
    height: 34px;
    padding-left: 15px;
}

.load-form-options .group .input textarea {
    padding: 15px;
    height: 110px;
}

.load-form-options .group .input select {
    color: #a9a9a9;
    font-size: 14px;
    line-height: 1;
}

.load-form-options .group .input input::placeholder,
.load-form-options .group .input textarea::placeholder {
    color: #a9a9a9;
    font-size: 14px;
    line-height: 1;
}

.load-form-options .group .input-file {
    position: relative;
    width: calc(100% - 155px);
    text-align: left;
}

.load-form-options .group .input-file input {
    display: block;
    font-size: 0;
    border: none;
    height: 0;
    width: 0;
    margin: 0;
}

.load-form-options .group .input-file label {
    height: 34px;
    border: 1px solid var(--border-color);
    font-size: 14px;
    color: #a9a9a9;
    line-height: 33px;
    text-align: left;
    width: 100%;
    padding-left: 15px;
}

.load-form-options .group label.error {
    text-align: right;
    font-size: 13px;
    line-height: 1;
    color: var(--main-color);
    width: 100%;
    margin: 0;
    border: none;
    height: initial;
    padding-left: 0;
}

.load-form-options .group .input-file label i {
    position: absolute;
    color: var(--main-color);
    font-size: 16px;
    top: 10px;
    right: 10px;
}

.load-form-options-violet .group .input-file label i {
    color: var(--violet-color);
}

.load-form-options .group .input .eg {
    font-size: 14px;
    color: #a9a9a9;
    line-height: 1;
    font-style: italic;
    text-align: right;
    display: block;
    padding-top: 5px;
}

.load-form-options .break {
    border-bottom: 1px solid var(--border-color);
    margin-bottom: 15px;
}

.load-form-options form > p {
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 15px;
    text-align: left;
}

.load-form-options .group .label.hidden {
    opacity: 0;
}

.load-form-options .button button {
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    background: var(--main-color);
    border: none;
    width: 165px;
    height: 35px;
    line-height: 35px;
    padding: 0;
    margin: 0;
}

.load-form-options .button button:focus {
    outline: none;
}

.load-form-options-violet .button button {
    background: var(--violet-color);
}

#PreviewImage {
    display: none;
    max-width: 150px;
}

.wapper-flash {
    display: flex;
}

.wapper-flash-2 {
    display: flow-root;
}

.wapper-flash .logo {
    width: 295px;
    float: left;
}

.wapper-flash .logo img {
    max-width: 100%;
}

.wapper-flash .product-flash {
    width: calc(100% - 295px);
    float: left;
    position: relative;
}

.wapper-flash .product-flash, .wapper-flash-2 .logo {
    float: right;
}

.wapper-flash-2 .logo {
    padding-left: 40px;
}

.wapper-flash .logo > p {
    color: #fff;
    font-size: 17px;
    margin-bottom: 10px;
    padding-left: 20px;
}

.wapper-flash .logo .timecd {
    margin: 0;
    top: 0;
}

.wapper-flash .logo .timecd span {
    font-size: 28px;
    color: var(--main-color);
    background: #fff;
    border-radius: 2px;
    overflow: hidden;
    width: 51px;
    height: 51px;
    line-height: 50px;
    margin: 0;
    margin: 0 5px;
}

.wapper-flash .logo .timecd span:last-child {
    margin-right: 0;
}

.product-flash .ait-hit {
    display: block;
}

.product-flash .act-slide span {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    opacity: 1;
    cursor: pointer;
}

.product-flash .act-slide .prev {
    height: 51px;
    width: 51px;
    box-shadow: 0 0 13px -3px grey;
    display: block;
    background: #fff;
    position: absolute;
    top: calc((100% - 51px) / 2);
    left: -24px;
    border-radius: 50px;
    text-align: center;
}

.product-flash .act-slide .next {
    height: 51px;
    width: 51px;
    box-shadow: 0 0 13px -4px grey;
    display: block;
    background: #fff;
    position: absolute;
    top: calc((100% - 51px) / 2);
    right: -25px;
    border-radius: 50px;
    text-align: center;
}

.product-flash .act-slide .prev:before {
    content: "";
    font-size: 29px;
    line-height: 50px;
    text-align: center;
}

.product-flash .act-slide .next:before {
    content: "";
    font-size: 29px;
    line-height: 51px;
    text-align: center;
}

.content-banking {
    padding: 0;
    border: none;
    border-top: none;
    box-shadow: none;
}

._winfbk.content-banking:before {
    display: none;
}

.content-banking > p {
    margin-bottom: 15px;
    color: #333;
    font-size: 14px;
}

.port-payment {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin: 0 -7.5px;
    margin-bottom: 20px;
}

.port-payment .item {
    margin: 0 7.5px;
    border: 1px solid #cdcdcd;
    border-radius: 5px;
    text-align: center;
    display: flex;
    align-content: center;
    padding: 10px 0;
}

.port-payment .item label {
    margin: 0 auto;
    display: flex;
    align-items: center;
    position: relative;
    cursor: pointer;
}

.radio-port input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.radio-port .checkmark {
    position: absolute;
    border: 1.1px solid #005696;
    top: 11px;
    left: -30px;
    width: 18px;
    height: 18px;
    border-radius: 9px;
}

.radio-port input:checked ~ .checkmark {
    border: 1.1px solid #333333;
}

.paymentf .selectpmf-all .radio-port .checkmark:after {
    width: 10px;
    height: 10px;
    left: 3px;
    top: 3px;
    border-radius: 10px;
    background: #005696;
    content: '';
    display: block;
    opacity: 0;
}

.paymentf .selectpmf-all .radio-port input:checked ~ .checkmark:after {
    opacity: 1;
}

.container .selectpmf-all .radio-port input:checked ~ .checkmark {
    border: 1.1px solid #005696;
}

.list-banking {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    margin: 0 -2.5px;
}

.list-banking .item {
    margin: 0 2.5px;
    border: 1px solid #cdcdcd;
    margin-bottom: 5px;
    display: flex;
    align-items: center;
    height: 80px;
    text-align: center;
}

.list-banking .item img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 10px;
}

.list-banking .item > * {
    margin: auto;
}

.ordered-success {
    display: flex;
    background: #f2f2f2;
    height: 85px;
    align-items: center;
    margin-bottom: 30px;
}

.ordered-success p {
    margin: 0 auto;
    font-size: 22px;
    color: #005696;
    line-height: 1;
    text-transform: uppercase;
    font-weight: 700;
}

.ordered-success p img {
    margin-right: 15px;
}

.information-received {
    margin-bottom: 30px;
}

.information-received p {
    font-size: 14px;
    margin-bottom: 10px;
}

.information-received p:last-child {
    margin-bottom: 0;
}

.information-received p strong {
    font-weight: 700;
}

.choose-title {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    color: #000;
    line-height: 1;
    display: flex;
    align-items: center;
    margin: 0 0 30px 0;
    padding-top: 15px;
}

.choose-title span {
    width: 45px;
    height: 45px;
    border-radius: 45px;
    overflow: hidden;
    color: #fff;
    background: var(--main-color);
    display: grid;
    align-content: center;
    margin-right: 20px;
    align-items: center;
    text-align: center;
    font-size: 25px;
}

.choose-title span > * {
    margin: auto;
}

.list-banking-tragop {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    margin: 0 -2.5px;
}

.list-banking-tragop .item {
    margin: 0 2.5px;
    border: 1px solid #cdcdcd;
    margin-bottom: 5px;
    display: flex;
    align-items: center;
    min-height: 80px;
    position: relative;
}

.list-banking-tragop .item > * {
    margin: auto;
}

.list-banking-tragop input {
    display: none;
}

.list-banking-tragop .checkmark {
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    top: -1px;
    left: -1px;
}

.list-banking-tragop .item input:checked ~ .checkmark {
    border: 1px solid var(--main-color);
}

.table-tg {
    display: grid;
    grid-template-columns: 35% 65%;
}

.list-month .item-per-month > span {
    font-weight: 600;
    display: inline-flex;
    margin: 10px 0;
}

.table-tg .item {
    width: 100%;
}

.scroll-tg {
    display: grid;
    grid-template-columns: repeat(4, auto);
}

.table-tg .item > div {
    border-bottom: 1px solid #dcdcdc;
    border-right: 1px solid #dcdcdc;
    font-size: 16px;
    text-transform: initial;
    padding: 13px;
    height: calc(100% / 5);
    display: flex;
    align-items: center;
}

.table-tg .item > div:nth-of-type(2n+1) {
    background: #f5f5f5;
}

.table-tg .item:not(.item-month) {
    border-left: 1px solid #dcdcdc;
}

.table-tg .item > div:first-child {
    border-top: 1px solid #dcdcdc;
}

.table-tg .item.item-month > div {
    text-align: center;
    height: calc(100% / 5);
    justify-content: center;
}

.table-tg .item.item-month > div:last-child {
    padding: 11px;
}

span.select-m-nl {
    display: inline-block;
    background: #d1d1d1;
    border-radius: 20px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    width: 95px;
    color: #000;
    transition: all 0.5s ease;
    margin: auto;
}

span.select-m-nl:hover {
    background: var(--main-color);
    color: #fff;
}

#SendOrder label.error {
    text-transform: none;
    color: red;
    top: 8px;
    right: 5px;
    position: absolute;
    float: none;
    width: auto;
    font-size: 12px;
    font-weight: normal;
    margin: auto;
}

#SendOrder .form-group, #SendOrder .input-formxhd, #SendOrder .selecthm {
    position: relative
}

.chooses .radio-inline-gen {
    position: relative
}

.chooses .radio-inline-gen label.error {
    position: absolute;
    left: 130px;
    top: 1px !important;
    width: 100px !important;
}

.hide-online {
    display: none
}

.port-payment-noidia-nl .list-banking .item.active, .port-payment-tg-nl .list-banking .item.active {
    border: 1px solid red
}

.item-per-month-nl .item-month span.select-m-nl.active {
    background: #005696;
    color: #fff
}

.port-payment-tg-nl .list-banking .item {
    width: initial;
    text-align: center;
}

.full-btn-cart {
    width: 100% !important;
    background-position-x: 41% !important
}

.full-btn-tc {
    grid-template-columns: 100% !important;
}

.full-btn-tc img {
    left: 32% !important;
    top: 3px !important;
}

.zalo-chat-widget {
    right: 24px !important;
    bottom: 15px !important;
    z-index: 1 !important;
}

.slide-clockid {
    margin: 0 -15px;
}

#div_NOI_TROI {
    display: grid;
    grid-template-columns: 50% 50% !important;
    margin: 0px !important;
    padding: 0px !important;
}

#div_NOI_TROI .grid-item {
    margin: 0px !important;
    padding: 10px 10px 0px 10px !important;
}

.div_httt > label {
    margin-top: 15px;
}
.htpp {
    margin-top: 60px;
}
.footer_col li h2 {
    line-height: 1;
}
.footer_col li h2 * {
    font-size: 18px !important;
}
.bg-f8 {
    background: #f8f8f8;
}
._tsdm-ct .products_flex  {
    margin-bottom: 30px;
}