/*Hover sang 1*/

.hover_sang1 { position: relative; overflow: hidden; }

.hover_sang1:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.5); content: ''; z-index: 10; -webkit-transition: -webkit-transform 0.6s; transition: transform 0.6s; -webkit-transform: scale3d(2.2, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -120%, 0); transform: scale3d(2.2, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -120%, 0); }

.hover_sang1:hover:before { webkit-transform: scale3d(2.2, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 120%, 0); transform: scale3d(2.2, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 120%, 0); }



/*End Hover sang 1*/



/*Hover sang 2*/

.hover_sang2 { position: relative; overflow: hidden; }

.hover_sang2:before { position: absolute; top: 0; left: -85%; z-index: 10; display: block; content: ''; width: 50%; height: 100%; background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%); -webkit-transform: skewX(-25deg); transform: skewX(-25deg); }

.hover_sang2:hover:before { transition: 1s; left: 100%; }



/*End Hover sang 2*/



/*Hover sang 3*/

.hover_sang3 { position: relative; overflow: hidden; display: block; }

.hover_sang3:before { content: ""; background: rgba(255, 255, 255, .5); bottom: 0; left: 0; position: absolute; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); -khtml-opacity: 1; -o-opacity: 1; -ms-opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; width: 0; height: 0; z-index: 3; }

.hover_sang3:after { content: ""; background: rgba(255, 255, 255, .5); top: 0; right: 0; position: absolute; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); -khtml-opacity: 1; -o-opacity: 1; -ms-opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; width: 0; height: 0; z-index: 2; }

.hover_sang3:hover:before, .hover_sang3:hover:after { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); -webkit-transition-duration: 1.3s; -moz-transition-duration: 1.3s; -ms-transition-duration: 1.3s; -o-transition-duration: 1.3s; transition-duration: 1.3s; -khtml-opacity: 0; -o-opacity: 0; -ms-opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; height: 100%; width: 100%; }



/*End Hover sang 3*/

@keyframes spin {

    to {

        -webkit-transform: rotate(360deg);

        transform: rotate(360deg)

    }

}



@-webkit-keyframes spin {

    to {

        -webkit-transform: rotate(360deg);

        transform: rotate(360deg)

    }

}



@keyframes blink {

    0% {

        opacity: 1

    }



    50% {

        opacity: 0

    }



    100% {

        opacity: 1

    }

}



@-webkit-keyframes blink {

    0% {

        opacity: 1

    }



    50% {

        opacity: 0

    }



    100% {

        opacity: 1

    }

}



@keyframes shake-anim {

    0% {

        -webkit-transform: rotate(0) scale(1) skew(1deg);

        transform: rotate(0) scale(1) skew(1deg)

    }



    10%,30% {

        -moz-transform: rotate(-25deg) scale(1) skew(1deg)

    }



    20%,40% {

        -moz-transform: rotate(25deg) scale(1) skew(1deg)

    }



    100%,50% {

        -moz-transform: rotate(0) scale(1) skew(1deg)

    }

}



@-webkit-keyframes shake-anim {

    0%,100%,50% {

        -webkit-transform: rotate(0) scale(1) skew(1deg)

    }



    10%,30% {

        -webkit-transform: rotate(-25deg) scale(1) skew(1deg)

    }



    20%,40% {

        -webkit-transform: rotate(25deg) scale(1) skew(1deg)

    }

}



.popup-custom .modal-content {

    border-radius: 0;

    border: 0

}



.popup-custom .modal-content .modal-body {

    padding: 10px

}



.popup-custom .close {

    position: absolute;

    top: 10px;

    right: 10px;

    width: 40px;

    height: 40px;

    z-index: 2;

    color: #888;

    cursor: pointer;

    border: 1px solid #eee;

    background-color: #fff;

    opacity: 1!important

}



#popup-quickview .modal-dialog {

    max-width: 1140px

}



.opacity-0 {

    opacity: 0

}



@keyframes fadeInUp {

    0% {

        opacity: 0;

        transform: translate3d(0,100px,0)

    }



    100% {

        opacity: 1;

        transform: translate3d(0,0,0)

    }

}



@keyframes fadeInDown {

    0% {

        opacity: 0;

        transform: translate3d(0,-100px,0)

    }



    100% {

        opacity: 1;

        transform: translate3d(0,0,0)

    }

}



@keyframes scaleLarge {

    0% {

        opacity: 0;

        transform: scale(2)

    }



    100% {

        opacity: 1;

        transform: scale(1)

    }

}



:root {

    --color-red: #D51313;

    --color-medium-red: #cc2c32;

    --color-dark-red: #c31829;

    --color-green: #28a745;

    --color-dark-green: #207d36;

    --color-black: #212529;

    --color-gray: #898989;

    --background-static: #0E5D58;

    --background-hover: #eceb1b;

    --color-static: #000;

    --color-hover: #ec2d3f

}



a.mucluc-dropdown-list_button:before {

    content: "\f03a";

    font-family: FontAwesome;

    font-style: normal;

    font-weight: 400;

    background: #fff;

    color: #006acb!important;

    font-size: 20px;

    width: 35px;

    height: 35px;

    display: inline-block;

    line-height: 38px;

    text-align: center;

    border: 1px solid #ddd

}



.meta-toc.fiedx {

    position: fixed;

    left: 5px;

    top: 200px;

    z-index: 111

}



.meta-toc .mucluc-dropdown-list_button {

    display: none

}



.meta-toc.fiedx .mucluc-dropdown-list_button {

    display: block

}



.meta-toc:not(.fiedx) .box-readmore {

    display: block!important

}



.box-readmore {

    padding: 10px;

    background-color: #f5f5f5;

    width: 100%;

    margin-top: 2px;

    border: 1px solid #ddd;

    font-size: 13px;

    margin-bottom: 10px

}



.meta-toc.fiedx .box-readmore {

    width: 350px;

    display: none

}



.box-readmore li ul>li {

    margin: 0;

    margin-bottom: 8px

}



.box-readmore li ul>li:before {

    content: counters(item, ".") " "

}



.box-readmore ul {

    list-style-type: none;

    counter-reset: item;

    margin-bottom: 0;

    padding-left: 0!important;

    margin-top: 8px

}



.box-readmore ul li {

    display: table;

    counter-increment: item;

    margin: 0 0 5px 0

}



.box-readmore ul li:before {

    content: counters(item, ".") ". ";

    display: table-cell;

    padding-right: 5px

}



.box-readmore ul li a {

    color: #000!important;

    cursor: pointer;

    font-weight: 500;

    font-size: 14px

}



.box-readmore ul li li a {

    font-weight: 400

}



.box-readmore ul li a:hover {

    color: #767676

}



#loader-wrapper {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 999999;

    pointer-events: none

}



#loader-wrapper #wrap {

    background: #fff;

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    margin: auto;

    display: block;

    text-align: center;

    width: 100%;

    height: 100%;

    z-index: 999999

}



#loader-wrapper.show1 #wrap {

    background: 0 0

}



#loader-wrapper:after {

    -webkit-mask: url(../images/mask-01.png);

    mask: url(../images/mask-01.png);

    -webkit-mask-size: 2300% 100%;

    mask-size: 2300% 100%;

    content: '';

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    overflow: hidden;

    background-color: rgba(255,255,255,1);

    z-index: 99999

}



#loader-wrapper.show1::after {

    -webkit-animation: MaskPlay 1s steps(22) forwards;

    animation: MaskPlay 1s steps(22) forwards

}



#loader-wrapper.show1 #wrap {

    opacity: 0

}



.loading-text ul {

    margin-top: 1.875rem

}



.loading-text ul li {

    -webkit-animation: anime 1.5s infinite linear;

    animation: anime 1.5s infinite linear;

    display: inline-block;

    font-family: var(--bs-font-monospace);

    font-size: 1.875rem;

    letter-spacing: 1px

}



.loading-text ul li:nth-child(1) {

    -webkit-animation-delay: 0s;

    animation-delay: 0s

}



.loading-text ul li:nth-child(2) {

    -webkit-animation-delay: .1s;

    animation-delay: .1s

}



.loading-text ul li:nth-child(3) {

    -webkit-animation-delay: .2s;

    animation-delay: .2s

}



.loading-text ul li:nth-child(4) {

    -webkit-animation-delay: .3s;

    animation-delay: .3s

}



.loading-text ul li:nth-child(5) {

    -webkit-animation-delay: .4s;

    animation-delay: .4s

}



.loading-text ul li:nth-child(6) {

    -webkit-animation-delay: .5s;

    animation-delay: .5s

}



.loading-text ul li:nth-child(7) {

    -webkit-animation-delay: .6s;

    animation-delay: .6s

}



.loader {

    align-items: center;

    display: flex;

    flex-direction: column;

    height: 100%;

    justify-content: center;

    left: 0;

    padding-bottom: 3.125rem;

    position: fixed;

    top: 0;

    width: 100%;

    z-index: 100001

}



@-webkit-keyframes anime {

    0% {

        color: grey;

        letter-spacing: 1px;

        text-shadow: 1px 1px 0 #000;

        transform: translateY(0)

    }



    50% {

        color: #ffc107;

        letter-spacing: 5px;

        text-shadow: 5px 10px 1px #000;

        transform: translateY(-10px)

    }



    100% {

        color: grey;

        letter-spacing: 1px;

        text-shadow: 1px 1px 0 #000;

        transform: translateY(0)

    }

}



@keyframes anime {

    0% {

        color: grey;

        letter-spacing: 1px;

        text-shadow: 1px 1px 0 #000;

        transform: translateY(0)

    }



    50% {

        color: #ffc107;

        letter-spacing: 5px;

        text-shadow: 5px 10px 1px #000;

        transform: translateY(-10px)

    }



    100% {

        color: grey;

        letter-spacing: 1px;

        text-shadow: 1px 1px 0 #000;

        transform: translateY(0)

    }

}



@-webkit-keyframes MaskPlay {

    from {

        -webkit-mask-position: 0 0;

        mask-position: 0 0

    }



    to {

        -webkit-mask-position: 100% 0;

        mask-position: 100% 0

    }

}



@keyframes MaskPlay {

    from {

        -webkit-mask-position: 0 0;

        mask-position: 0 0

    }



    to {

        -webkit-mask-position: 100% 0;

        mask-position: 100% 0

    }

}



body {

    font-size: 14px;

    font-family: "Quicksand", sans-serif;

}



blockquote {

    font-style: italic;

    font-family: Georgia,Times,"Times New Roman",serif;

    padding: 2px 0;

    border-style: solid;

    border-color: #ccc;

    border-width: 0;

    padding-left: 20px;

    padding-right: 8px;

    border-left-width: 5px

}



blockquote p {

    margin-bottom: 0

}



.footer-copyright a {

    color: #fff

}



.row-10 {

    margin-left: -5px;

    margin-right: -5px

}



.row-20 {

    margin-left: -10px;

    margin-right: -10px

}



.row-30 {

    margin-left: -15px;

    margin-right: -15px

}



.col-30 {

    padding-left: 15px

}



.col-20 {

    padding-left: 10px;

    padding-right: 10px

}



.mg-col-10 {

    padding-left: 5px;

    padding-right: 5px

}



.padding-top-bottom {

    padding: 2.5rem 0

}



.pad-top {

    padding-top: 2.5rem

}



.pad-bottom {

    padding-bottom: 2.5rem

}



.mg-top {

    margin-top: 2.5rem

}



.mg-bottom {

    margin-bottom: 2.5rem

}



.hover_xemthem {

    transition: .4s

}



.hover_xemthem:hover {

    letter-spacing: 2px

}



img {

    max-width: 100%;

    height: auto;

    vertical-align: top

}



a,input,textarea {

    outline: 0;

    padding: 0

}



input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {

    -webkit-appearance: none;

    margin: 0

}



.w-clear:after {

    display: block;

    content: "";

    clear: both

}



.hidden {

    display: none

}



.clear {

    clear: both

}



.none {

    display: none

}



.hidden-seoh {

    visibility: hidden;

    height: 0;

    margin: 0;

    overflow: hidden

}



.wrap-content {

    max-width: 1200px;

    margin: auto;

    width: calc(100% - 30px)

}

.wrap-1920 {

    max-width: 1920px;

    margin: auto;

}

.fix_head {

    position: fixed!important;

    top: 0;

    width: 100%;

    z-index: 999!important

}



.mg-l-10 {

    margin-left: -10px

}



.mg-r-10 {

    margin-right: -10px

}



.mg-b-20 {

    margin-bottom: 20px

}



.title-detail-main {

    color: #252525;

    font-size: 23px;

    margin-bottom: 1.5rem;

    font-weight: 500

}



.title-main {

    margin-bottom: 1.5rem;

    text-align: center

}

.title-main h2{text-transform: uppercase;font-size: 25px;font-weight: 700;color: var(--background-static);}

.more-home{

    border-radius: 200px;

    background: #0E5D58;

    width: 160px;

    height: 45px;

    display: flex;

    align-items: center;

    column-gap: 10px;

    justify-content: space-between;

    padding: 0 6px 0 25px;

}

.more-home span{

    background: linear-gradient(240deg, #EDCD78 9.11%, #FCF7CD 24.71%, #F7E1A5 46.27%, #FDF8D0 66.13%, #EDCD78 102.11%);

background-clip: text;

-webkit-background-clip: text;

-webkit-text-fill-color: transparent;

    font-weight: 700;

    text-transform: capitalize;

}

.title-main span {

    text-transform: uppercase;

    color: var(--color-black);

    font-weight: 700;

    font-size: 1.4rem

}

.title-home {

    margin-bottom: 35px;

    text-align: center;

    display: flex;

    justify-content: space-between;

    align-items: center;

}

.title-home h2{

    margin-bottom: 0;

    font-size: 32px;

    font-weight: 700;

    color: var(--background-static);

    text-transform: uppercase;

}

.time-main {

    margin-bottom: .75rem;

    color: #999

}



.time-main i {

    vertical-align: top;

    margin: 3px 7px 0 0

}



.time-main span {

    vertical-align: top;

    display: inline-block

}



.share {

    padding: 17px 15px 10px 15px;

    line-height: normal;

    background: rgba(128,128,128,.15);

    margin-top: 15px;

    border-radius: 5px

}



.share b {

    display: block;

    margin-bottom: 5px

}



.control-owl {

    position: absolute;

    width: 100%;

    z-index: 2;

    left: 0;

    top: calc(50% - 45px / 2)

}



.control-owl button {

    opacity: .5;

    top: 0;

    position: absolute;

    outline: 0;

    border: 0;

    padding: 0;

    margin: 0;

    display: block;

    cursor: pointer;

    color: #fff;

    width: 45px;

    height: 45px;

    text-align: center;

    font-size: 25px;

    margin: 0;

    background-color: #000;

    border-radius: 3px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center

}



.control-owl button:hover {

    opacity: 1

}



.control-owl button.owl-prev {

    left: 20px

}



.control-owl button.owl-next {

    right: 20px

}



.custom-form-row {

    margin-right: -10px;

    margin-left: -10px

}



.custom-form-row>.col,.custom-form-row>[class*=col-] {

    padding-right: 10px;

    padding-left: 10px

}



.text-sm {

    font-size: .875rem!important

}



img.lazy {

    opacity: 0;

    -webkit-filter: blur(10px);

    filter: blur(10px);

    transition: filter .4s,-webkit-filter .4s

}



img:not(.initial) {

    -webkit-transition: opacity 1s;

    transition: opacity 1s

}



img.error,img.initial,img.loaded {

    opacity: 1;

    transition: opacity .3s;

    -webkit-filter: blur(0);

    filter: blur(0)

}



img:not([src]) {

    visibility: hidden

}



.wrap-user {

    width: 100%;

    max-width: 550px;

    margin: auto;

    border: 1px solid #bce8f1;

    border-radius: 5px

}



.title-user {

    background-color: #d9edf7;

    padding: 12px 15px;

    border-radius: 5px 5px 0 0;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: end;

    -ms-flex-align: end;

    align-items: flex-end;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between

}



.title-user span {

    color: #31708f

}



.title-user a {

    color: #0056b3;

    font-size: 12px

}



.form-user {

    padding: 20px 15px

}



.input-user {

    margin-bottom: .75rem

}



.input-user input {

    font-size: 14px

}



.button-user {

    margin-bottom: 1rem;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between

}



.button-user input {

    font-size: 14px

}



.checkbox-user,.radio-user {

    cursor: pointer

}



.checkbox-user input {

    top: calc(50% - 1.25rem / 2);

    height: auto

}



.checkbox-user label {

    font-size: 14px;

    cursor: pointer

}



.checkbox-user label::after,.checkbox-user label::before {

    top: calc(50% - 1rem / 2)

}



.radio-user {

    margin-right: 1rem

}



.radio-user:last-child {

    margin-right: 0

}



.radio-user label::after,.radio-user label::before {

    top: calc(50% - 1rem / 2)

}



.note-user {

    font-size: 14px;

    border-top: 1px solid #ddd;

    padding-top: .5rem

}



.ContactUs {

    position: fixed;

    bottom: 1.125em;

    right: 1.125em;

    z-index: 999997

}



.ContactUs__chatBotOnly {

    position: fixed;

    bottom: 1.5em;

    right: 1.5em;

    padding: 0;

    z-index: 999997;

    background: 0 0

}



.ContactUs__chatBotOnly .ContactUs__icon {

    width: 4.5em;

    height: 4.5em;

    border-radius: 50%;

    -webkit-box-shadow: 0 3px 10px rgba(0,0,0,.3);

    box-shadow: 0 3px 10px rgba(0,0,0,.3)

}



.ContactUs__button {

    all: unset;

    position: relative;

    padding: 6px 6px;

    font-weight: 600;

    color: #000;

    background: #ffbd39;

    transition: all .35s;

    display: flex;

    justify-content: space-between;

    align-items: center;

    border-radius: 10px;

    border: 2px solid #ffbd39

}



.ContactUs__button span {

    position: relative;

    z-index: 1;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none

}



.ContactUs__button::after,.ContactUs__button::before {

    content: "";

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    position: absolute;

    border-radius: 8px;

    -webkit-transition: all .35s;

    transition: all .35s

}



.ContactUs__button::before {

    background: linear-gradient(90deg,#ffbd39 0,#fa9531 100%);

    opacity: 1

}



.ContactUs__button::after {

    background: #fff;

    opacity: 0

}



.ContactUs__button.active {

    color: #fa9531

}



.ContactUs__button.active .ContactUs__button--icon__wrap img {

    filter: brightness(0) saturate(100%) invert(67%) sepia(80%) saturate(1974%) hue-rotate(359deg) brightness(102%) contrast(103%)

}



.ContactUs__button.active::before {

    opacity: 0

}



.ContactUs__button.active::after {

    opacity: 1

}



.ContactUs__button.active .ContactUs__button--icon img {

    fill: #fa9531!important

}



.ContactUs__button--icon {

    width: 2.5em;

    height: 2.5em;

    position: relative;

    z-index: 2;

    fill: #fff!important;

    -webkit-transition: fill .35s;

    transition: fill .35s

}



.ContactUs__button--icon__wrap {

    width: 55px;

    position: relative;

    z-index: 1

}



.ContactUs__button--icon__wrap::after {

    content: "";

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    border-radius: 8px;

    position: absolute;

    background: rgba(255,255,255,0);

    -webkit-transition: all .35s;

    transition: all .35s

}



.ContactUs__form {

    position: fixed;

    bottom: 1.125em;

    left: 50%;

    z-index: 999998;

    padding: 1.5em;

    background-color: #fff;

    border-radius: 1rem;

    -webkit-box-shadow: 0 .25em 1.375em rgba(0,0,0,.12);

    box-shadow: 0 .25em 1.375em rgba(0,0,0,.12);

    -webkit-transform: translate(-50%,calc(100% + 1.125em));

    -ms-transform: translate(-50%,calc(100% + 1.125em));

    transform: translate(-50%,calc(100% + 1.125em));

    -webkit-transition: -webkit-transform .2s;

    transition: -webkit-transform .2s;

    transition: transform .2s;

    transition: transform .2s,-webkit-transform .2s;

    width: 100%

}



.ContactUs__form.visible {

    -webkit-transform: translate(-50%,0);

    -ms-transform: translate(-50%,0);

    transform: translate(-50%,0)

}



.ContactUs__form iframe {

    width: 100%!important;

    min-height: 35em

}



.ContactUs__form .ContactUs__menu--close {

    opacity: 1;

    position: absolute;

    top: .75em;

    right: .75em

}



.ContactUs__menu {

    min-width: 205px;

    overflow: hidden;

    padding: 0;

    margin: 0;

    list-style: none

}



.ContactUs__menu--wrap {

    position: absolute;

    border-radius: 12px;

    bottom: calc(100% + 5px);

    right: 0;

    text-align: right;

    padding: 10px;

    background-color: #fff;

    filter: drop-shadow(0 .25em 1.375em rgba(0, 0, 0, .12));

    overflow: hidden;

    transition: max-height .4s ease-out,visibility .4s ease-out,opacity .2s ease-out;

    visibility: hidden;

    opacity: 0;

    display: unset!important;

    box-shadow: rgba(0,0,0,.15) 0 3px 3px 0

}



.ContactUs__menu--wrap::after,.ContactUs__menu--wrap::before {

    content: "";

    position: absolute;

    background-color: #fff

}



.ContactUs__menu--wrap.visible {

    max-height: 800px;

    visibility: visible;

    opacity: 1

}



.ContactUs__menu--wrap.visible .ContactUs__menu--close,.ContactUs__menu--wrap.visible .ContactUs__menu--text {

    opacity: 1

}



.ContactUs__menu--wrap.visible .ContactUs__menu--link {

    opacity: 1

}



.ContactUs__menu--item {

    margin-bottom: 5px;

    overflow: hidden

}



.ContactUs__menu--item.top {

    position: relative;

    z-index: 2

}



.ContactUs__menu--link[class] {

    position: relative;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: end;

    -ms-flex-pack: end;

    justify-content: flex-end;

    width: 100%;

    height: auto;

    padding: 7px 10px;

    border-radius: 1rem;

    font-size: 1rem;

    font-weight: 600;

    color: #000;

    text-decoration: none;

    opacity: 0;

    -webkit-transform: translateZ(10px);

    transform: translateZ(10px);

    -webkit-transition: all .25s .15s;

    transition: all .25s .15s;

    z-index: 1;

    cursor: pointer

}



.ContactUs__menu--link[class]::after {

    content: "";

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    right: 0;

    position: absolute;

    -webkit-transform: translateX(calc(100% + .75em));

    -ms-transform: translateX(calc(100% + .75em));

    transform: translateX(calc(100% + .75em));

    -webkit-transition: -webkit-transform .2s;

    transition: -webkit-transform .2s;

    transition: transform .2s;

    transition: transform .2s,-webkit-transform .2s;

    border-radius: 1rem;

    z-index: -1

}



.ContactUs__menu--link[class]:hover {

    text-decoration: none!important;

    color: #000!important

}



.ContactUs__menu--link[class]:hover::after {

    -webkit-transform: translateX(0);

    -ms-transform: translateX(0);

    transform: translateX(0)

}



.ContactUs__menu--link[class].green::after {

    background-color: #daf4e7

}



.ContactUs__menu--link[class].red::after {

    background-color: #fee0e4

}



.ContactUs__menu--link[class].violet::after {

    background-color: #efe6f8

}



.ContactUs__menu--link[class].orange::after {

    background-color: #feefe0

}



.ContactUs__menu--link[class].blue::after {

    background-color: #dfeafd

}



.ContactUs__menu--link[class].chat[class]>div[id]>div {

    width: 3.5em;

    height: 3.5em;

    position: static!important

}



.ContactUs__menu--link[class] .fakeChatButton__msg {

    width: 19.94625em

}



.ContactUs__menu--link[class] .ContactUs__icon,.ContactUs__menu--link[class]>div:not(.fakeChatButton) {

    width: 2.5em;

    height: 2.5em;

    margin-left: 1em

}



.ContactUs__menu--close {

    all: unset;

    -webkit-appearance: none;

    -moz-appearance: none;

    -ms-appearance: none;

    -o-appearance: none;

    appearance: none;

    margin-bottom: 10px;

    cursor: pointer

}



.ContactUs__menu--close svg {

    width: 1em;

    height: 1em

}



.ContactUs__menu--close {

    opacity: 0;

    -webkit-transition-delay: 0s;

    transition-delay: 0s

}



#popup-cart .modal-title {

    text-transform: uppercase

}



#popup-cart .modal-body .wrap-cart {

    padding: 0;

    -webkit-box-shadow: none;

    box-shadow: none;

    border: 0

}



#popup-cart .modal-footer {

    padding: .75rem 0 0 0;

    border-top: 0;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between

}



.buymore-cart {

    color: var(--background-static);

    cursor: pointer;

    margin: 0

}



.buymore-cart i {

    margin-right: 2px;

    margin-top: 5px;

    vertical-align: top;

    font-size: 12px

}



.wrap-cart {

    padding: 20px 15px;

    background: #fff;

    border: 1px solid #d8d8d8;

    -webkit-box-shadow: 0 0 20px rgba(0,0,0,.15);

    box-shadow: 0 0 20px rgba(0,0,0,.15)

}



.top-cart {

    border-right: 1px solid #eee

}



@media only screen and (max-width: 991px) {

    .top-cart {

        margin-bottom:2rem

    }

}



.procart {

    padding: 20px 10px;

    border: 1px solid #eee;

    border-top: 0

}



.pic-procart {

    text-align: center

}



.pic-procart img {

    max-height: 100px;

    height: inherit

}



.pic-procart .del-procart {

    color: #999;

    font-size: 12px;

    display: block;

    margin-top: 5px;

    cursor: pointer

}



.pic-procart .del-procart:hover {

    color: red

}



.name-procart a {

    font-size: 14px;

    color: #000;

    display: block

}



@media only screen and (max-width: 575px) {

    .name-procart a {

        font-size:13px

    }

}



.name-procart a:hover {

    color: #ec2d3f

}



.properties-procart {

    display: block

}



.properties-procart p {

    display: inline-block;

    margin-bottom: 0

}



.properties-procart p:first-child {

    margin-right: 10px

}



.properties-procart p strong {

    font-weight: 600

}



@media only screen and (max-width: 767px) {

    .quantity-procart {

        text-align:right

    }

}



.quantity-procart p {

    margin-bottom: 0

}



.quantity-counter-procart {

    border: 1px solid #dfdfdf;

    width: 100%;

    height: 30px;

    line-height: normal;

    text-align: center;

    border-radius: 3px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: stretch;

    -ms-flex-align: stretch;

    align-items: stretch;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between

}



.counter-procart {

    background-color: transparent;

    border: 0;

    width: 30%;

    color: #333;

    outline: 0;

    cursor: pointer;

    font-size: 23px

}



.counter-procart:focus,.counter-procart:hover {

    color: #ec2d3f

}



.counter-procart:disabled {

    color: #ccc;

    cursor: not-allowed

}



.counter-procart:disabled:hover {

    color: #ccc;

    cursor: not-allowed

}



.counter-procart-minus {

    line-height: 26px

}



.counter-procart-plus {

    line-height: 24px

}



.quantity-counter-procart .quantity-procart {

    width: 40%;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    border: 0;

    border-right: 1px solid #dfdfdf;

    border-left: 1px solid #dfdfdf;

    outline: 0;

    -webkit-box-shadow: none;

    box-shadow: none;

    padding: 0;

    color: #333;

    text-align: center

}



.price-procart {

    width: 20%;

    text-align: right

}



@media only screen and (max-width: 767px) {

    .price-procart {

        display:none

    }

}



.price-procart-rp {

    display: none;

    width: 100%;

    margin-bottom: 10px;

    font-size: 13.5px

}



@media only screen and (max-width: 767px) {

    .price-procart-rp {

        display:block

    }

}



.price-new-cart {

    color: #ec2d3f;

    margin-bottom: 0;

    font-weight: 700;

}



.price-old-cart {

    color: #999;

    text-decoration: line-through

}



.procart-label {

    border: 0;

    background: #eee;

    padding: 10px;

    margin: 0;

    text-transform: capitalize

}



@media only screen and (max-width: 575px) {

    .procart-label {

        font-size:13px

    }

}



@media only screen and (min-width: 768px) {

    .procart-label .quantity-procart p:first-child {

        display:block

    }

}



@media only screen and (max-width: 767px) {

    .procart-label .quantity-procart p:first-child {

        display:none

    }

}



@media only screen and (min-width: 768px) {

    .procart-label .quantity-procart p:last-child {

        display:none

    }

}



@media only screen and (max-width: 767px) {

    .procart-label .quantity-procart p:last-child {

        display:block

    }

}



.money-procart {

    margin-top: 15px

}



.total-procart {

    background: #eee;

    padding: 7px 10px;

    border: 1px solid #dddfe2;

    margin-bottom: -1px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between

}



.total-procart p {

    margin-bottom: 0;

    font-size: 15px

}



.total-procart p:last-child {

    color: #ec2d3f;

    font-weight: 700;

}



.section-cart {

    position: -webkit-sticky;

    position: sticky;

    top: 15px

}



.title-cart {

    font-size: 15px;

    text-transform: uppercase;

    color: #000;

    border-bottom: 1px solid #eee;

    padding-bottom: 5px;

    margin-bottom: 15px

}



.information-cart {

    margin-bottom: 1.5rem

}



.input-cart {

    margin-bottom: .5rem;

    position: relative

}



.input-cart textarea {

    resize: none;

    height: 100px

}



.input-cart select {

    cursor: pointer

}



.payments-cart {

    text-align: left;

    margin-bottom: 5px;

    min-height: auto;

    padding-left: 0;

    margin-left: 20px;

    position: relative

}



.payments-cart:last-child {

    margin-bottom: 0

}



.payments-cart input {

    top: 10px;

    position: absolute

}



.payments-label {

    cursor: pointer;

    background: #eee;

    display: block;

    padding: 10px 15px;

    border-radius: 3px;

    margin-bottom: 0;

    color: #313131!important

}



.payments-label::after,.payments-label::before {

    top: calc(50% - 1rem / 2)

}



.payments-label.active {

    background: var(--background-static);

    color: #fff!important

}



.payments-info {

    opacity: 0;

    visibility: hidden;

    height: 0;

    overflow: hidden;

    background: #f5efef;

    border-radius: 5px

}



.payments-info p {

    margin-bottom: 1em

}



.payments-info.active {

    padding: 10px 15px;

    margin-top: 5px;

    opacity: 1;

    visibility: visible;

    height: auto

}



.btn-cart {

    text-transform: capitalize;

    background: var(--background-static) !important;

    border-color: var(--background-static) !important;

}



.empty-cart {

    padding: 25px 30px;

    text-align: center

}



.empty-cart i {

    color: red;

    font-size: 70px

}



.empty-cart p {

    margin: 15px 0;

    color: #333;

    font-size: 18px

}



.comment-title {

    font-size: 18px

}



.comment-show {

    display: block!important

}



.comment-point {

    font-size: 47px;

    color: #fe302e

}



.comment-star {

    font-size: 0;

    position: relative;

    display: inline-block;

    vertical-align: top;

    margin-bottom: .5rem

}



.comment-star span {

    display: block;

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    z-index: 1;

    overflow: hidden;

    text-align: left;

    white-space: nowrap

}



.comment-star i {

    display: inline-block;

    margin: .1rem;

    color: #b8b8b8;

    text-rendering: auto;

    font-size: 20px

}



.comment-star i:nth-child(1) {

    margin-left: 0

}



.comment-star span i {

    color: #ffc120

}



.comment-progress {

    width: 100%;

    margin-bottom: .375rem;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between

}



.comment-progress:last-child {

    margin-bottom: 0

}



.comment-progress .progress {

    height: 12px;

    margin-right: 10px;

    margin-left: 5px;

    width: calc(100% - 90px);

    border-radius: 10px

}



.comment-progress .progress-bar#has-rate {

    background-color: #23b445

}



.comment-progress .progress-num {

    font-size: 15px;

    width: 25px;

    text-align: center;

    color: #787878

}



.comment-progress .progress-total {

    font-weight: 600;

    text-align: left;

    color: #787878;

    width: 50px

}



.comment-write {

    display: none

}



.review-rating-star {

    font-size: 0

}



.review-rating-star-icon .fa {

    font-weight: 400;

    font-style: normal;

    display: inline-block;

    margin: .1rem;

    font-size: 21px;

    cursor: pointer;

    color: #f0c808

}



.review-rating-star-icon .fa.star-empty {

    color: #dedddc

}



.review-rating-star-icon .fa.star-not-empty {

    color: #f0c808

}



.review-rating-star-icon .fa:nth-child(1) {

    margin-left: 0

}



.review-fileuploader {

    padding: 20px 15px;

    text-align: center;

    background-color: #fff;

    cursor: pointer;

    border: 2px dashed #c2cdda;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center

}



.review-fileuploader .review-fileuploader-text {

    color: #90a0bc

}



.review-file-uploader .fileuploader {

    padding: 0;

    margin: 0;

    background: 0 0

}



.review-file-uploader .fileuploader-items .fileuploader-items-list {

    margin: 1rem -5px 0 -5px

}



.review-file-uploader .fileuploader-items .fileuploader-items-list:after {

    display: block;

    content: "";

    clear: both

}



.review-file-uploader .fileuploader-items .fileuploader-items-list .fileuploader-item {

    padding: 0;

    width: calc(100% / 7 - 10px);

    float: left;

    margin: 0 5px 5px 5px;

    border-bottom: 0

}



.review-file-uploader .fileuploader-items .fileuploader-items-list .fileuploader-item .columns {

    display: block

}



.review-file-uploader .fileuploader-items .fileuploader-items-list .fileuploader-item .column-thumbnail {

    width: auto;

    height: auto

}



.review-file-uploader .fileuploader-items .fileuploader-items-list .fileuploader-item .column-thumbnail .fileuploader-item-image {

    height: auto;

    padding: 50% 0

}



.review-file-uploader .fileuploader-items .fileuploader-items-list .fileuploader-item .column-thumbnail .fileuploader-item-image img {

    position: absolute;

    top: 0;

    left: 0;

    max-width: 100%;

    width: 100%;

    height: 100%;

    -o-object-fit: cover;

    object-fit: cover;

    -webkit-transform: none;

    transform: none

}



.review-file-uploader .fileuploader-items .fileuploader-items-list .fileuploader-item .column-title {

    padding: 0;

    margin-top: .5rem;

    text-align: center;

    display: none

}



.review-file-uploader .fileuploader-items .fileuploader-items-list .fileuploader-item .column-actions {

    margin: 0;

    position: absolute;

    top: 0;

    right: -5px

}



.review-file-uploader .fileuploader-items .fileuploader-items-list .fileuploader-item .column-infos input {

    border: 1px solid #ddd;

    border-radius: .25rem

}



.review-poster-video-avatar {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: start;

    -ms-flex-pack: start;

    justify-content: flex-start

}



.review-poster-video-avatar .avatar-detail {

    width: 95px;

    height: 95px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center

}



.review-poster-video-avatar .avatar-detail img {

    max-width: 95px;

    max-height: 95px

}



#review-content {

    height: 100px

}



.carousel-comment-media .carousel-control a {

    opacity: 1;

    width: 45px;

    height: 45px;

    top: calc(50% - 45px / 2);

    bottom: inherit

}



.carousel-comment-media .carousel-control a span {

    display: block;

    cursor: pointer;

    color: #222;

    width: 45px;

    height: 45px;

    padding: 5px;

    text-align: center;

    background-color: #fff;

    -webkit-box-shadow: 0 1px 12px 0 rgba(0,0,0,.12);

    box-shadow: 0 1px 12px 0 rgba(0,0,0,.12);

    border-radius: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center

}



.carousel-comment-media .carousel-control a.carousel-control-prev {

    left: 20px

}



.carousel-comment-media .carousel-control a.carousel-control-prev span {

    padding-right: 9px

}



.carousel-comment-media .carousel-control a.carousel-control-next {

    right: 20px

}



.carousel-comment-media .carousel-control a.carousel-control-next span {

    padding-left: 8px

}



.carousel-comment-media .carousel-indicators {

    position: static;

    margin: 0 0 1rem 0

}



.carousel-comment-media .carousel-indicators li {

    width: auto;

    max-width: 60px;

    height: auto;

    text-indent: inherit;

    -webkit-box-flex: 0;

    -ms-flex: none;

    flex: none;

    margin: 0 0 3px 0;

    border: 2px solid transparent;

    opacity: 1;

    cursor: -webkit-zoom-in;

    cursor: zoom-in

}



.carousel-comment-media .carousel-indicators li.active {

    border-color: #ffc120;

    cursor: -webkit-zoom-out;

    cursor: zoom-out;

    -webkit-transform: scale(1.05);

    transform: scale(1.05)

}



.carousel-comment-media .carousel-inner {

    max-width: 550px;

    -webkit-box-shadow: 0 1px 12px 0 rgba(0,0,0,.12);

    box-shadow: 0 1px 12px 0 rgba(0,0,0,.12);

    margin: auto

}



.carousel-comment-media .carousel-inner .carousel-lists .carousel-comment-media-item-video #file-video {

    max-width: 100%;

    width: 100%;

    height: 500px;

    vertical-align: top;

    display: inline-block;

    background-color: #000

}



#form-reply {

    display: none

}



.comment-item {

    margin-bottom: 3rem

}



@media only screen and (min-width: 992px) {

    .comment-item {

        display:-webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-align: start;

        -ms-flex-align: start;

        align-items: flex-start;

        -webkit-box-pack: start;

        -ms-flex-pack: start;

        justify-content: flex-start

    }

}



.comment-item-poster {

    width: 200px;

    margin-right: 30px;

    text-align: center

}



@media only screen and (max-width: 991px) {

    .comment-item-poster {

        width:auto;

        margin-right: 0;

        margin-bottom: .5rem;

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-align: center;

        -ms-flex-align: center;

        align-items: center;

        -webkit-box-pack: start;

        -ms-flex-pack: start;

        justify-content: flex-start

    }

}



.comment-item-letter {

    border-radius: 50%;

    background-color: #d3d2d3;

    color: #919090;

    width: 65px;

    height: 65px;

    text-transform: uppercase;

    display: inline-block;

    vertical-align: top;

    line-height: 67px;

    font-size: 18px;

    font-weight: 700;

    margin-bottom: .5rem

}



@media only screen and (max-width: 991px) {

    .comment-item-letter {

        width:40px;

        height: 40px;

        line-height: 40px;

        font-size: 13px;

        margin-bottom: 0

    }

}



.comment-item-name {

    margin-bottom: .25rem;

    text-transform: capitalize

}



@media only screen and (max-width: 991px) {

    .comment-item-name {

        margin-bottom:0;

        margin-left: 10px;

        margin-right: 10px

    }

}



.comment-item-posttime {

    font-size: 12px;

    color: #999

}



.comment-item-information {

    width: calc(100% - 230px)

}



@media only screen and (max-width: 991px) {

    .comment-item-information {

        width:100%

    }

}



.comment-item-star {

    float: left;

    margin-right: 10px

}



.comment-item-star i {

    font-size: 17px

}



.comment-item-title {

    font-size: 15px;

    font-weight: 500

}



.comment-replies {

    position: relative;

    background: #f8f9fa;

    border: 1px solid #dfdfdf;

    padding: 1.75rem 1.5rem

}



.comment-replies:after {

    content: "";

    position: absolute

}



.comment-replies:before {

    content: "";

    position: absolute;

    z-index: 1;

    top: -13px;

    left: 10px;

    border-left: 10px solid transparent;

    border-right: 10px solid transparent;

    border-bottom: 13px solid #f8f9fa

}



.comment-replies:after {

    top: -14px;

    left: 9px;

    border-left: 11px solid transparent;

    border-right: 11px solid transparent;

    border-bottom: 14px solid #dfdfdf

}



.comment-replies-item {

    margin-bottom: 1.5rem;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: start;

    -ms-flex-align: start;

    align-items: flex-start;

    -webkit-box-pack: start;

    -ms-flex-pack: start;

    justify-content: flex-start

}



.comment-replies-item:last-child {

    margin-bottom: 0

}



.comment-replies-letter {

    width: 45px;

    height: 45px;

    margin-right: 10px;

    line-height: 45px;

    padding-left: 1px;

    font-size: 14px;

    border-radius: 50%;

    background-color: #e5e3e5;

    color: #919090;

    text-transform: uppercase;

    display: inline-block;

    vertical-align: top;

    font-weight: 500;

    text-align: center;

    margin-top: .125rem

}



.comment-replies-letter.admin {

    position: relative;

    background-color: #189eff;

    text-indent: 9999px;

    overflow: hidden

}



.comment-replies-letter.admin:before {

    content: "QTV";

    text-indent: 0;

    color: #fff;

    font-weight: 500;

    text-transform: uppercase;

    font-size: 13px;

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%,-50%);

    transform: translate(-50%,-50%)

}



.comment-replies-info {

    width: calc(100% - 55px)

}



.comment-replies-name {

    font-weight: 500;

    margin-bottom: .125rem

}



.comment-replies [class*=btn-load-more-] {

    border: 0;

    outline: 0;

    padding: 0;

    background: 0 0

}



.comment-media-play {

    z-index: 1;

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translateY(-50%) translateX(-50%);

    transform: translateY(-50%) translateX(-50%)

}



.comment-media-play svg {

    -webkit-box-shadow: 1px 1px 15px rgba(0,0,0,.3);

    box-shadow: 1px 1px 15px rgba(0,0,0,.3);

    border-radius: 50%;

    background-color: rgba(255,255,255,.15)

}



.comment-media-play svg .comment-media-play-stroke-dotted {

    opacity: 0;

    stroke-dasharray: 4,5;

    stroke-width: 1px;

    -webkit-transform-origin: 50% 50%;

    transform-origin: 50% 50%;

    -webkit-animation: spin 4s infinite linear;

    animation: spin 4s infinite linear;

    -webkit-transition: opacity 1s ease,stroke-width 1s ease;

    transition: opacity 1s ease,stroke-width 1s ease

}



.comment-media-play svg .comment-media-play-stroke-solid {

    stroke-dashoffset: 0;

    stroke-dasharray: 300;

    stroke-width: 4px;

    -webkit-transition: stroke-dashoffset 1s ease,opacity 1s ease;

    transition: stroke-dashoffset 1s ease,opacity 1s ease

}



.comment-media-play svg .comment-media-play-icon {

    -webkit-transform-origin: 50% 50%;

    transform-origin: 50% 50%;

    -webkit-transition: -webkit-transform .2s ease-out;

    transition: -webkit-transform .2s ease-out;

    transition: transform .2s ease-out;

    transition: transform .2s ease-out,-webkit-transform .2s ease-out

}



.comment-media-play:hover svg .comment-media-play-stroke-dotted {

    stroke-width: 4px;

    opacity: 1

}



.comment-media-play:hover svg .comment-media-play-stroke-solid {

    opacity: 0;

    stroke-dashoffset: 300

}



.comment-media-play:hover svg .comment-media-play-icon {

    -webkit-transform: scale(1.05);

    transform: scale(1.05)

}



.head {

    background-color: #fff

}



.head .head-top {

    color: #fff;

    background: linear-gradient(270deg, #1A4B4A -11.93%, #33807E 100.75%);

    text-align: center;

}

.left-head{

    width: 26.8333333333%;

    background: url(../images/bg1.png) no-repeat right;

    display: flex;

    height: 100px;

    align-items: center;

    justify-content: start;

    position: relative;

}

.left-head:after{

    content:'';

    position: absolute;

    width: calc((100vw - 1200px) / 2);

    background: #1f5554;

    left: calc((-100vw + 1200px) / 2);

    height: 100%;

}

.logo-head{

    display: block;

    max-width: 184px;

}

.right-head{

    width: 63.9166666667%;

}

.top-head{

    margin-bottom: 14px;

}

.menu-head{}

.bottom-head{

    display: flex;

    justify-content: space-between;

    align-items: center;

}

.hotline-head{

    width: 163px;

    height: 45px;

    border-radius: 200px;

    background: url(../images/call1.png) no-repeat center left,#19403F;

    display: flex;

    flex-wrap: wrap;

    flex-direction: column;

    justify-content: center;

    padding-left: 54px;

    background-position-x: 20px;

}

.title-hotline{color: #EDCD78;font-size: 10px;font-weight: 600;text-transform: uppercase;}

.number-hotline{text-transform: capitalize;color: #FFF;font-weight: 700;display: block;width: 100%;}

.cart-head{

    width: 175px;

    height: 45px;

    border-radius: 200px;

    background: url(../images/call2.png) no-repeat center left,#19403F;

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

    padding-left: 62px;

    background-position-x: 25px;

    flex-direction: column;

}

.cart-head div{

    display: flex;

    width: 100%;

    text-transform: capitalize;

    color: #FFF;

    font-weight: 700;

    align-items: center;

}

.cart-head p{margin-bottom: 0px;color: #EDCD78;font-size: 10px;font-weight: 600;text-transform: uppercase;}

.cart-head span{text-transform: capitalize;color: #FFF;font-weight: 700;/* display: block; */margin-right: 5px;}

.head-bottom{

    background: linear-gradient(270deg, #1A4B4A -11.93%, #33807E 100.75%);

}

.slogan-head {

    height: 40px;

    display: flex;

    align-items: center;

    width: 40%

}



.info-head {

    margin-bottom: 0

}



.info-head i {

    vertical-align: top;

    margin: 3px 5px 0 0;

    font-size: 16px

}

.top-head ul {

    width: 60.6258148631%;

    padding: 0;

    margin-left: auto;

    list-style: none;

    margin-bottom: 0;

}



.top-head ul.menu-head {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between

}



.top-head ul li {

    position: relative;

    z-index: 1

}





.top-head ul li a {

    display: block;

    position: relative;

    font-size: 14px;

    color: #fff;

    padding: 0px 0;

    font-weight: 700;

    text-transform: capitalize;

    text-decoration: none;

    padding-left: 25px;

}

.top-head ul li:nth-child(1) a {

    background: url(../images/icon1.png) no-repeat left;

}

.top-head ul li:nth-child(2) a {

    background: url(../images/icon2.png) no-repeat left;

}

.top-head ul li:nth-child(3) a {

    background: url(../images/icon3.png) no-repeat left;

}

.top-head ul li:nth-child(4) a {

    background: url(../images/call.png) no-repeat left;

}





.top-head ul li a.active,.top-head ul li a:hover {

    filter: brightness(0) saturate(100%) invert(76%) sepia(15%) saturate(1204%) hue-rotate(356deg) brightness(112%) contrast(86%);

}

.head .head-bottom .wrap-content {

    /* display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between */

}



.social-head li {

    width: 30px

}



.head-bottom .wrap-content {

    /* padding: 10px 0; */

}



.user-head a {

    color: #fff;

    padding-right: 9px;

    margin-right: 7px;

    position: relative;

    display: inline-block;

    vertical-align: top;

    text-decoration: none

}



.user-head a:after {

    content: "";

    position: absolute;

    width: 1px;

    height: 8px;

    background-color: #fff;

    top: calc(50% - 7px / 2);

    right: 0;

    opacity: .7

}



.user-head a:last-child {

    padding-right: 0;

    margin-right: 0

}



.user-head a:last-child:after {

    display: none

}



.menu {

    background-color: rgb(27 64 63 / 10%);

    position: relative;

    z-index: 10

}



@media only screen and (max-width: 991px) {

    .menu {

        display:none

    }

}



.menu ul {

    width: 100%;

    padding: 0;

    margin: auto;

    list-style: none

}



.menu ul.menu-main {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between

}



.menu ul li {

    position: relative;

    z-index: 1

}



.menu ul li.menu-line {

    width: 1px;

    height: 15px;

    background-color: rgba(0,0,0,.1)

}



.menu ul li a {

    display: block;

    position: relative;

    font-size: 14px;

    color: var(--background-static);

    padding: 15px 0;

    font-weight: 700;

    text-transform: uppercase;

    text-decoration: none;

    line-height: 20px;

    padding-left: 20px;

}

.menu .desc-menu ul li:nth-child(1) a {

    background:url('../images/icon5.png') no-repeat left center; 

}

.menu .desc-menu ul li:nth-child(2) a {

    background:url('../images/icon6.png') no-repeat left center; 

}

.menu .desc-menu ul li:nth-child(3) a {

    background:url('../images/icon7.png') no-repeat left center; 

}

.menu .desc-menu ul li:nth-child(4) a {

    background:url('../images/icon8.png') no-repeat left center;

    padding-left: 25px;

}

.menu .desc-menu ul li:nth-child(5) a {

    background:url('../images/icon9.png') no-repeat left center;

    padding-left: 25px;

}

.menu .desc-menu ul li a.active,.menu .desc-menu ul li a:hover {

    filter: brightness(0) saturate(100%) invert(56%) sepia(14%) saturate(7473%) hue-rotate(351deg) brightness(105%) contrast(87%);

}



.menu ul li a.has-child {

    padding-right: 16px;

    margin-right: 0px;

}



.menu ul li a.has-child:after {

    content: "";

    position: absolute;

    bottom: calc(50% - 4px / 2);

    right: 5px;

    width: 5px;

    height: 5px;

    border: 1px solid #fafafa;

    border-top: 0;

    border-left: 0;

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg)

}



.menu ul li ul {

    position: absolute;

    min-width: 250px;

    background-color: #fafafa;

    border-radius: .25rem;

    -webkit-box-shadow: 1px 1px 15px rgba(0,0,0,.15);

    box-shadow: 1px 1px 15px rgba(0,0,0,.15);

    /* -webkit-transform: perspective(600px) rotateX(-90deg); */

    /* transform: perspective(600px) rotateX(-90deg); */

    -webkit-transform-origin: 0 0 0;

    transform-origin: 0 0 0;

    opacity: 0;

    visibility: hidden

}



.menu ul li:hover>ul {

    /* -webkit-transform: perspective(600px) rotateX(0); */

    /* transform: perspective(600px) rotateX(0); */

    transform-origin: 0 0 0;

    -webkit-transform-origin: 0 0 0;

    opacity: 1;

    visibility: visible

}



.menu ul li ul li {

    padding-left: 0;

    padding-right: 0;

}



.menu ul li ul li a {

    font-size: 14px;

    color: #313131;

    border-bottom: 1px solid #ececec;

    padding: 10px 0 9px 0;

    text-transform: capitalize

}



.menu ul li ul li a.has-child {

    margin-right: 0

}



.menu ul li ul li a.has-child:after {

    border-color: #313131;

    -webkit-transform: rotate(-45deg);

    transform: rotate(-45deg)

}



.menu ul li ul li a.active {

    color: #ec2d3f

}



.menu ul li ul li a.active.has-child:after {

    border-color: #ec2d3f

}



.menu ul li ul li:last-child>a {

    border-bottom: 0

}



.menu ul li:hover>a {

    color: var(--background-static);

}



.menu ul li ul li:hover>a.has-child:after {

    border-color: #ec2d3f

}



.menu ul li ul li ul {

    top: unset;

    left: unset;

    margin-top: 0;

    position: relative;

    min-width: unset;

    box-shadow: unset;

    opacity: 1;

    visibility: visible;

    transform: unset;

    padding: 0;

}

/* active-menu-start */

.active-menu-mobile{

  position: fixed;

  z-index: 5;

  width: 100%;

  background-color: #fff;

  top: 0;

  left: 0;

  /* animation: menu-shadow 3s linear; */

  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;

  /* border-bottom: 5px solid #fff; */

}

.menu-active{

  /* animation: menu-padding .2s linear; */

}

@keyframes menu-padding {

  0%{

    padding: 20px 0;

    opacity: 0;

    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;

  }

  100%{

    padding: 0;

    opacity: 1;

    box-shadow: none;

  }

}

@keyframes menu-shadow {

  0%{

    box-shadow: none;

  }

  100%{

    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;

  }

}

.menu-main-active{

  justify-self: center !important;

}



/* menu left */

.w-menu {}

.w-menu.fix_head .list-menu { display: none; }

.w-menu.fix_head .list-menu.active { display: block; }

.menu-left {position: relative;width: 210px;display: flex;align-items: center;height: 50px;margin-right: 55px;}

.w-menu.fix_head .menu-left:hover .list-menu, .menu-left:hover .list-menu { display: block; }

.menu-left > p {line-height: 40px;text-transform: uppercase;position: relative;color: var(--background-static);font-weight: 700;font-size: 14px;cursor: pointer;text-indent: 15px;margin-bottom: 0;display: flex;justify-content: center;align-items: center;border-radius: 5px;background: linear-gradient(240deg, #EDCD78 9.11%, #FCF7CD 24.71%, #F7E1A5 46.27%, #FDF8D0 66.13%, #EDCD78 102.11%);box-shadow: 0 4px 6px 0 rgba(255, 255, 255, 0.60) inset;width: 100%;}

.active-menu-mobile .menu-left > p {

    line-height: 50px;

}

.menu-left > p i { }

.list-menu {position: absolute;width: 210px;top: 45px;border-top: 0;background: #fff;display: none;border-radius: 0px 0px 0px 0px;/* border: 1px solid #D9D9D9; */background: #FFF;box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.10);}

.menu-in .list-menu {display:none;}

.active-menu-mobile .list-menu {top: 50px;display: none;}

.list-menu.active { display: block; }

.list-menu > ul {min-height: 410px;max-height: 410px;overflow-y: auto;position: relative;overflow-x: hidden;position: static;}

.list-menu > ul::-webkit-scrollbar { background: #fff; width: 3px; height: 10px; }

.list-menu > ul::-webkit-scrollbar-thumb { background:var(--background-static); }

.list-menu ul li a {position: relative;font-size: 14px;color: #121212;text-transform: capitalize;text-decoration: none !important;font-weight: 600;display: flex;align-items: center;padding: 10px 0 10px 0;border-bottom: 1px dashed #D9D9D9;}

.list-menu ul li a.has-child {/* color: black; */display: block;}

.list-menu ul li a .icon-prolistmenu{

    margin-right: 15px;

}

/* .list-menu ul li a img { margin-right: 15px; margin-top: 10px; } */

.list-menu ul { width: 100%; }

.list-menu ul li {border-bottom-style: solid;position: static !important;margin-left: 0;border-width: 0;border-color: #ccc;/* padding: 5px; */padding-left: .5rem;padding-right: .5rem;}

.list-menu > ul > li:last-child { border: 0; }

.list-menu ul li h2 { }

.list-menu ul li h2 a { color: #333; text-align: left; font-weight: 400; padding: 0; font-size: 14px; position: relative; }

.list-menu ul li ul {left: 100%;padding: 0;top: 0;border-radius: 0;min-width: 650px;height: 100%;padding: 15px;padding-top: 5px;}

.list-menu ul li ul .position-relative{

        overflow-y: auto;

}

.list-menu ul li ul .position-relative::-webkit-scrollbar { background: #fff; width: 3px; height: 10px; }

.list-menu ul li ul .position-relative::-webkit-scrollbar-thumb { background: var(--background-static); }

.list-menu ul li ul .menu-group-bottom{

     width: 100%;

     display: grid;

     grid-template-columns: 1fr 1fr 1fr;

     grid-gap: 10px;

}

.list-menu ul li ul li {}

.list-menu ul li ul li ul li {padding-left: 0;padding-right: 0;}

.list-menu ul li ul li:hover>ul {

        -webkit-transform: unset;

    transform: unset;

    transform-origin: unset;

    -webkit-transform-origin: unset;

    visibility: unset;

}



.list-menu ul li ul li a {padding: 0;text-transform: uppercase;line-height: 30px;border-bottom: 0;font-weight: 700;}

.list-menu ul li ul li ul li a {padding: 0;text-transform: capitalize;line-height: 25px;border-bottom: 0;font-weight: 500;}

.desc-menu {width: 65.8333333333%;}

.list-menus { width: 270px; }

.list-menus p { height: 44px; text-align: center; line-height: 44px; text-transform: uppercase; font-weight: 500; font-size: 16px; background: #261467; cursor: pointer; color: #fff; }

.list-menus p i { }

.slider-right { width: calc(100% - 261px); }

.menu-slider { width: 251px; }

.in-page .list-menu { display: none; }

.h3-menu { display: flex; align-items: center; justify-content: space-between; margin-bottom: 0; }

.h3-menu img { margin-left: 10px; }

.h3-menu a { width: calc(100% - 25px); }

.hotline-menu{

    color: #fff;

    font-size: 16px;

    background: url(../images/call.png) no-repeat left;

    padding-left: 27px;

    font-weight: 600;

    text-transform: uppercase;

    margin-left: 70px;

}

.list-menu ul li a.has-child:after {

    border: 1px solid #000000;

    border-bottom: 0;

    border-left: 0;

}

.list-menu ul li:hover>a.has-child:after {

    border-color: var(--background-static);

}





/* active-menu-end */



.search {

    width: 405px;

    background: #fff;

    border-radius: 200px;

}



.search p {

    float: left;

    width: 45px;

    height: 45px;

    cursor: pointer;

    text-align: center;

    margin: 0;

    color: #6c757d;

    font-size: 16px;

    display: flex;

    align-items: center;

    justify-content: center;

}



.search input {

    width: calc(100% - 45px);

    height: 45px;

    float: left;

    outline: 0;

    padding: 0;

    border: 0;

    background: 0 0;

    text-indent: 10px;

    font-size: 14px;

    font-weight: 500;

}



.search input::-webkit-input-placeholder {

    color: #898989;

    font-size:14px;

    font-weight:600;

}



.search input:-moz-placeholder {

    color: #898989;

    font-size:14px;

    font-weight:600;

}



.search input::-moz-placeholder {

    color: #898989;

    font-size:14px;

    font-weight:600;

}



.search input:-ms-input-placeholder {

    color: #898989;

    font-size:14px;

    font-weight:600;

}



.menu-res {

    z-index: 100;

    background: var(--background-static);

    position: relative;

    display: none

}



@media only screen and (max-width: 991px) {

    .menu-res {

        display:block

    }

}



.menu-bar-res {

    height: 50px;

    padding: 0 15px

}



#menu {

    display: none

}



#hamburger {

    display: block;

    width: 30px;

    height: 23px;

    position: relative

}



#hamburger span,#hamburger:after,#hamburger:before {

    background: #fff;

    content: "";

    display: block;

    width: 100%;

    height: 2px;

    position: absolute;

    left: 0

}



#hamburger:before {

    top: 0

}



#hamburger span {

    top: 10px

}



#hamburger:after {

    top: 20px

}



#hamburger span,#hamburger:after,#hamburger:before {

    -webkit-transition: none .5s ease .5s;

    transition: none .5s ease .5s;

    -webkit-transition-property: transform,top,bottom,left,opacity;

    transition-property: transform,top,bottom,left,opacity

}



.mm-wrapper_opening #hamburger:after,.mm-wrapper_opening #hamburger:before {

    top: 10px

}



.mm-wrapper_opening #hamburger span {

    left: -50px;

    opacity: 0

}



.mm-wrapper_opening #hamburger:before {

    transform: rotate(45deg)

}



.mm-wrapper_opening #hamburger:after {

    transform: rotate(-45deg)

}



.mm-menu_opened {

    display: block!important

}



.search-res {

    position: relative

}



.search-res .icon-search {

    width: 40px;

    height: 40px;

    cursor: pointer;

    text-align: center;

    line-height: 42px;

    color: #fff;

    font-size: 17px;

    margin: 0

}



.search-res .icon-search.active {

    color: var(--background-static);

    background: #fff;

    border-radius: 100%

}



.search-res .search-grid {

    position: absolute;

    top: 45px;

    right: 0;

    width: 0;

    height: 40px;

    overflow: hidden;

    background: #fff;

    border: 1px solid var(--background-static);

    z-index: 2;

    opacity: 0;

    border-radius: 5px;

    line-height: normal

}



.search-res .search-grid p {

    float: left;

    width: 35px;

    height: 38px;

    cursor: pointer;

    outline: 0;

    border: none;

    margin: 0;

    font-size: 17px;

    display: block;

    color: var(--background-static);

    line-height: 40px;

    text-align: center

}



.search-res .search-grid input {

    width: calc(100% - 35px);

    float: right;

    line-height: 38px;

    outline: 0;

    border: none;

    color: #000;

}



.search-res .search-grid input::-webkit-input-placeholder {

    color: #313131

}



.search-res .search-grid input:-moz-placeholder {

    color: #313131

}



.search-res .search-grid input::-moz-placeholder {

    color: #313131

}



.search-res .search-grid input:-ms-input-placeholder {

    color: #313131

}



.slideshow {

    position: relative

}

.left-slideshow{

    width: 72.8656%;

    position: relative;

}

.left-slideshow .owl-theme .owl-dots {

    margin-top: -24px;

    z-index: 1;

    position: relative;

}

.left-slideshow .owl-theme .owl-dots .owl-dot span {

    background:#fff;

}

.left-slideshow .owl-theme .owl-dots .owl-dot.active span,.left-slideshow .owl-theme .owl-dots .owl-dot:hover span {

    background: var(--background-static);

}

.right-slideshow{

    width: 26.875%;

}

.slideshow-item1:first-child{margin-bottom:5px}

.slideshow-item {

    display: block;

    cursor: pointer

}

.slideshow-image{

    border-radius: 5px;

    display: block;

    overflow: hidden;

}

.slideshow-image1{

    border-radius: 5px;

    display: block;

    overflow: hidden;

}

.slideshow:hover .control-slideshow {

    opacity: 1

}

.left-slideshow .control-slideshow.control-owl button.owl-prev{

    background: transparent;

    width: 40px;

    height: 40px;

    left: 22px;

    opacity: 1;

}

.left-slideshow .control-slideshow.control-owl button.owl-prev svg{

    display:none;

}

.left-slideshow .control-owl button.owl-prev:after {

    content:'';

    background: url(../images/right1.png) no-repeat;

    width: 40px;

    height: 40px;

    position: absolute;

    left: 0;

    top: 0;

    transform: rotate(180deg);

}



.left-slideshow .control-slideshow.control-owl button.owl-next{

    background: transparent;

    width: 40px;

    height: 40px;

    right: 22px;

    opacity: 1;

}

.left-slideshow .control-slideshow.control-owl button.owl-next svg{

    display:none;

}

.left-slideshow .control-owl button.owl-next:after {

    content:'';

    background: url(../images/right1.png) no-repeat;

    width: 40px;

    height: 40px;

    position: absolute;

    left: 0;

    top: 0;

   

}

.control-slideshow {

    opacity: 0

}



.info-slide {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    text-align: center

}



.name-slide {

    font-size: 30px;

    text-transform: uppercase;

    color: #fff

}



.desc-slide {

    font-size: 15px;

    color: #fff;

    width: 500px;

    margin: 20px 0

}



.views-more-slide {

    background-color: var(--background-static);

    width: 120px;

    height: 40px;

    color: #fff;

    font-size: 15px

}



.box-slide.slick-current.slick-active .name-slide {

    animation: fadeInUp;

    animation-duration: 1s;

    animation-delay: .5s;

    animation-fill-mode: forwards

}



.box-slide.slick-current.slick-active .desc-slide {

    animation: fadeInUp;

    animation-duration: 1s;

    animation-delay: 1s;

    animation-fill-mode: forwards

}



.box-slide.slick-current.slick-active .views-more-slide {

    animation: scaleLarge;

    animation-duration: 1s;

    animation-delay: 1.5s;

    animation-fill-mode: forwards

}



.slide-text .slick-next,.slide-text .slick-prev {

    width: 40px;

    height: 50px;

    border-radius: 5px;

    background: rgba(0,0,0,.3)

}



.slide-text .slick-prev {

    left: 5px

}



.slide-text .slick-next {

    right: 5px

}



.slide-text .slick-prev:before {

    font-family: FontAwesome;

    font-weight: 400;

    content: "\f053"

}



.slide-text .slick-next:before {

    font-family: FontAwesome;

    font-weight: 400;

    content: "\f054"

}



.slide-text .slick-dots {

    bottom: 20px

}



.slide-text .slick-dots li {

    margin: 0

}



.slide-text .slick-dots li button:before {

    color: #fff;

    font-size: 15px

}



.control-partner button {

    background-color: transparent;

    color: #222;

    opacity: 1;

    width: 25px;

    font-size: 23px

}



.control-partner button:hover {

    opacity: .7

}



.control-partner button.owl-prev {

    left: 0

}



.control-partner button.owl-next {

    right: 0

}



.wrap-partner {

    margin-bottom: 2rem

}



.wrap-partner .wrap-content {

    position: relative

}



.partner {

    display: block;

    border: 1px solid #eee;

    max-width: 175px;

    margin: 0 auto

}



.breadCrumbs {

    background: #eee;

}



.breadCrumbs .wrap-content {

    padding: .75rem 0

}



.breadCrumbs .wrap-content .breadcrumb {

    padding: 0;

    margin-bottom: 0;

    background-color: transparent;

    border-radius: 0

}



.breadCrumbs .wrap-content .breadcrumb-item a {

    color: #212529

}



.breadCrumbs .wrap-content .breadcrumb-item.active a {

    color: #6c757d

}



.wrap-intro {

    background-color: #eee

}



.news-intro:before {

    content: "";

    position: absolute;

    width: 1px;

    height: calc(100% - 50px);

    top: 10px;

    left: 90px;

    background-color: #cacaca

}



.news-scroll:after,.news-scroll:before {

    content: "";

    position: absolute;

    width: 10px;

    height: 10px;

    left: 85px;

    border-radius: 100%;

    background-color: #cacaca

}



.news-scroll:before {

    top: 10px

}



.news-scroll:after {

    bottom: 40px

}



.news-control {

    left: 85px;

    font-size: 13px;

    opacity: .5;

    z-index: 1;

    cursor: pointer

}



.news-control:hover {

    opacity: 1;

    color: #ec2d3f

}



.news-control#up {

    top: -10px

}



.news-control#down {

    bottom: 20px

}



.news-shadow {

    padding-bottom: 30px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: start;

    -ms-flex-pack: start;

    justify-content: flex-start

}



.news-shadow .news-shadow-time {

    font-size: 13px;

    width: 75px;

    margin-right: 45px

}



.news-shadow .news-shadow-time:after {

    content: "";

    position: absolute;

    width: 20px;

    height: 20px;

    top: calc(50% - 20px / 2);

    right: -26px;

    background-repeat: no-repeat;

    background-position: center;

    background-image: url(../images/pattern-news.png)

}



.news-shadow .news-shadow-article {

    width: calc(100% - 120px);

    padding: 14px 15px;

    border-radius: 10px;

    background-color: #fff;

    border: 1px solid #cecabb;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: start;

    -ms-flex-pack: start;

    justify-content: flex-start

}



.news-shadow .news-shadow-article:before {

    content: "";

    position: absolute;

    top: calc(50% - 26px / 2);

    left: -13px;

    z-index: 0;

    border-top: 13px solid transparent;

    border-right: 13px solid #cecabb;

    border-bottom: 13px solid transparent

}



.news-shadow .news-shadow-article:after {

    content: "";

    position: absolute;

    top: calc(50% - 24px / 2);

    left: -11px;

    z-index: 1;

    border-top: 12px solid transparent;

    border-right: 11px solid #fff;

    border-bottom: 12px solid transparent

}



.news-shadow .news-shadow-article .news-shadow-image {

    margin-right: 10px;

    width: 90px

}



.news-shadow .news-shadow-article .news-shadow-info {

    width: calc(100% - 100px)

}



.news-shadow .news-shadow-article .news-shadow-info .news-shadow-name {

    height: 36px;

    font-size: 15px;

    font-weight: 700

}



.news-shadow .news-shadow-article .news-shadow-info .news-shadow-name a {

    color: #222

}



.news-shadow .news-shadow-article .news-shadow-info .news-shadow-name a:hover {

    color: #ec2d3f

}



.news-shadow .news-shadow-article .news-shadow-info .news-shadow-name a .text-split {

    -webkit-line-clamp: 2

}



.news-shadow .news-shadow-article .news-shadow-info .news-shadow-desc {

    height: 38px;

    font-size: 13px

}



.news-shadow .news-shadow-article .news-shadow-info .news-shadow-desc.text-split {

    -webkit-line-clamp: 2

}



.video {

    cursor: pointer;

    margin-bottom: 1rem

}



.video .video-image {

    position: relative;

    margin-bottom: .75rem

}



.video .video-image:before {

    content: "";

    position: absolute;

    width: 50px;

    height: 35px;

    top: calc(50% - 50px / 2);

    left: calc(50% - 35px / 2);

    z-index: 1;

    background-repeat: no-repeat;

    background-image: url(../images/play.png)

}



.video .video-name {

    text-align: center;

    font-size: 16px;

    color: #212529;

    margin-bottom: 0

}



.album {

    cursor: pointer

}



.album .album-image {

    margin-bottom: .75rem

}



.album .album-name {

    margin-bottom: 0;

    text-align: center

}



.album .album-name a {

    display: block;

    font-size: 16px;

    color: #212529;

    margin-bottom: 0

}



.wrap-brand .wrap-content {

    position: relative

}



.brand {

    display: block;

    border: 1px solid #eee;

    max-width: 160px;

    margin: 0 auto

}



.wrap-product {

    margin-bottom: 50px

}



.cart-product {

    margin-bottom: 0

}



.cart-product span {

    cursor: pointer;

    color: #fff;

    text-transform: capitalize;

    text-align: center

}



.grid-pro-detail {

    margin-bottom: 3rem

}



.left-pro-detail {

    position: relative;

    text-align: center;

    width: 35%;

}



.right-pro-detail {

    width: calc(66% - 40px);

}



.left-pro-detail .MagicZoom {

    border: 1px solid #eee;

    padding: 7px;

    border-radius: 5px;

    background-color: #fff

}



.gallery-thumb-pro {

    position: relative;

    margin-top: 10px

}



.owl-pro-detail {

    padding: 0

}



.control-pro-detail button {

    background-color: transparent;

    color: #222;

    opacity: 1;

    width: 25px;

    font-size: 23px

}



.control-pro-detail button:hover {

    opacity: .7

}



.control-pro-detail button.owl-prev {

    left: 0

}



.control-pro-detail button.owl-next {

    right: 0

}



.thumb-pro-detail {

    display: block!important;

    border: 1px solid #eee;

    padding: 5px;

    border-radius: 3px;

    cursor: pointer;

    background-color: #fff

}



.thumb-pro-detail.mz-thumb.mz-thumb-selected {

    border-color: var(--background-static);

}



.thumb-pro-detail img {

    -webkit-box-shadow: none!important;

    box-shadow: none!important;

    -webkit-filter: brightness(100%)!important;

    filter: brightness(100%)!important;

    border-bottom: 0!important;

    padding-bottom: 0!important

}



.title-pro-detail {

    text-transform: capitalize;

    font-size: 20px;

    display: block;

    font-weight: 700

}



.comment-pro-detail {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: start;

    -ms-flex-pack: start;

    justify-content: flex-start

}



.social-plugin-pro-detail {

    margin-bottom: 1rem;

    margin-top: 0!important

}



.desc-pro-detail {

    margin-bottom: 1rem

}



.attr-pro-detail {

    list-style: none;

    padding: 0

}



.attr-pro-detail li {

    margin-bottom: .5rem

}



.attr-label-pro-detail {

    margin: 0 5px 0 0

}



.attr-content-pro-detail {

    display: inline-block;

    margin-bottom: 0

}



.brand-pro-detail a {

    /* background: var(--color-red); */

    color: var(--background-static);

    border-radius: 2px;

    padding: 2px 5px;

    font-weight: 700;

    font-size: 16px;

}



.price-new-pro-detail {

    font-weight: 700;

    font-size: 23px;

    color: var(--background-static);

}



.price-old-pro-detail {

    font-weight: 400;

    color: var(--color-gray);

    text-decoration: line-through;

    padding-left: 10px

}



.color-pro-detail {

    cursor: pointer;

    vertical-align: top;

    position: relative;

    width: 48px;

    height: 32px;

    margin: 0 8px 5px 0;

    background-repeat: no-repeat;

    background-size: contain;

    background-position: center center;

    border: 1px solid #dadada;

    transition: .3s;

    border-radius: 2px

}



.size-pro-detail {

    cursor: pointer;

    display: flex;

    align-items: center;

    justify-content: center;

    height: 32px;

    width: 48px;

    position: relative;

    margin: 0 8px 0 0;

    border: 1px solid #dadada;

    border-radius: 2px;

    font-size: 12px;

    transition: .3s

}



.color-pro-detail.active,.size-pro-detail.active {

    border-color: var(--background-static);

}



.color-pro-detail.active:after,.size-pro-detail.active:after {

    content: "";

    position: absolute;

    bottom: 0;

    right: 0;

    width: 13px;

    height: 13px;

    background-repeat: no-repeat;

    background-image: url(../images/check-cart.png);

    background-size: cover;

}



.color-pro-detail input[type=radio],.size-pro-detail input[type=radio] {

    display: none

}



.quantity-pro-detail {

    width: 150px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    text-align: center;

    height: 45px;

    border-radius: 30px;

    overflow: hidden;

    border: 1px solid #dfdfdf

}



.quantity-pro-detail span {

    line-height: 25px;

    padding: 0;

    width: 45px;

    height: 100%;

    color: #000;

    cursor: pointer;

    font-size: 22px;

    display: flex;

    align-items: center;

    justify-content: center;

    font-weight: 500

}



.quantity-pro-detail span.quantity-plus-pro-detail {

    border-left: 0

}



.quantity-pro-detail span.quantity-minus-pro-detail {

    border-right: 0

}



.quantity-pro-detail input {

    height: 100%;

    border: none;

    width: calc(100% - 90px);

    text-align: center;

    font-size: 15px

}



.cart-pro-detail {

    max-width: 400px

}



.cart-pro-detail a {

    text-align: center;

    color: #fff;

    text-transform: uppercase;

    cursor: pointer;

    width: calc(100% / 2 - 5px);

    height: 45px;

    border-radius: 5px

}



.cart-pro-detail a.addnow {

    background: #fff;

    color: var(--color-red)

}



.cart-pro-detail a.addnow:hover {

    color: #fff;

    background: var(--color-red)

}



.cart-pro-detail a.buynow {

    background-color: #333

}



.cart-pro-detail a.buynow:hover {

    background-color: var(--background-static);

    color: #fff

}



.cart-pro-detail a i {

    vertical-align: top;

    margin-right: 8px;

    font-size: 24px;

    position: relative;

    top: -2px

}



.tags-pro-detail a {

    float: left;

    font-size: 13px;

    padding-bottom: .375rem;

    margin: 0 5px 5px 0

}



.tags-pro-detail a i {

    font-size: 11px;

    margin: 5px 5px 0 0

}



.tabs-pro-detail {

    margin-top: 2rem

}



.tabs-pro-detail .nav-tabs .nav-link {

    border-top-width: 3px;

    font-size: 13px;

    color: #333;

    text-transform: uppercase;

    font-weight: 500

}



.tabs-pro-detail .nav-tabs .nav-item.show .nav-link,.tabs-pro-detail .nav-tabs .nav-link.active {

    border-top-color: #555

}



.pic-news {

    width: 210px

}



.pic-news img {

    width: 100%

}



.info-news {

    width: calc(100% - 210px);

    padding-left: 20px

}



.name-news {

    color: #252525;

    font-size: 17px;

    line-height: normal;

    font-weight: 600

}



.name-news.text-split {

    -webkit-line-clamp: 2

}



.name-news:hover {

    color: var(--background-static)

}



.time-news {

    color: var(--color-gray);

    margin-bottom: 10px

}



.desc-news {

    color: #676767;

    margin-top: 5px;

    line-height: 22px

}



.news .news-name {

    margin-bottom: .5rem

}



.news .news-name a {

    color: #333;

    font-size: 16px

}



.news .news-name a.text-split {

    -webkit-line-clamp: 2

}



.news .news-name a:hover {

    color: #ec2d3f

}



.news .news-time {

    color: #84878a;

    margin-bottom: .25rem

}



.news .news-desc {

    color: #333;

    margin-top: 5px;

    line-height: 22px

}



.othernews b {

    margin-bottom: 10px;

    font-size: 15px

}



.othernews {

    position: sticky;

    top: 60px;

    z-index: 11

}



.news-other {

    margin-bottom: 15px

}



.pic-news-other {

    width: 40%

}



.info-news-other {

    width: 60%;

    padding-left: 10px

}



.name-news-other {

    color: #252525;

    font-size: 14px;

    line-height: normal;

    font-weight: 600

}



.name-news-other:hover {

    color: var(--background-static)

}



.form-floating-cus>select,.form-floating.form-floating-cus>input {

    height: 45px;

}



.form-floating.form-floating-cus>textarea {

    height: 100px

}



.form-floating.form-floating-cus>label {

    padding: 10px 10px;

    color: var(--color-gray)

}



.contact-article {

    margin-bottom: 3rem

}



.contact-input {

    position: relative;

    margin-bottom: 20px

}



.contact-input input,.contact-input textarea {

    border-radius: 0;

    border-top: none;

    border-left: none;

    border-right: none

}



.contact-input input:focus,.contact-input textarea:focus {

    box-shadow: none;

    outline: 0

}



.contact-input textarea {

    resize: none;

    height: 150px

}



.contact-input .custom-file-label::after {

    content: attr(title)

}



.contact-map {

    position: relative;

    height: 500px

}



.contact-map iframe {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%!important;

    height: 100%!important

}



.newsletter-slogan {

    margin-bottom: .5rem;

    color: var(--color-gray)

}



.form-newsletter {

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

}



.newsletter-input {

    position: relative;

    height: 100%;

    width: calc(100% - 200px);

}

.newsletter-input .form-floating-cus>select,.newsletter-input .form-floating.form-floating-cus>input {

    height: 60px;

}

.newsletter-input .form-floating.form-floating-cus>label {

    width: 100%;

    padding: 18px 10px;

    padding-left: 60px;

    font-size: 14px;

    font-weight: 600;

    color: #898989;

}

.newsletter-input input {

    height: 100%;

    width: 100%;

    border-radius: 200px;

    background: #FFF;

    border: unset;

    padding-left: 55px !important;

    font-weight: 600;

    font-size: 14px !important;

}

.newsletter-input:after{

    content:'';

    background:url(../images/email.png) no-repeat;

    width: 21px;

    height: 18px;

    left: 27px;

    top: 19px;

    position: absolute;

}

.newsletter-input input:focus {

    

}

.newsletter-button {

    width: 190px;

}



.newsletter-button button[type=submit] {

    border: 0;

    color: var(--background-static);

    text-transform: uppercase;

    height: 100%;

    border-radius: 200px;

    background: linear-gradient(240deg, #EDCD78 9.11%, #FCF7CD 24.71%, #F7E1A5 46.27%, #FDF8D0 66.13%, #EDCD78 102.11%);

    width: 100%;

    font-weight: 700;

    font-size: 16px;

    display: flex;

    align-items: center;

    justify-content: center;

    column-gap: 10px;

}



.footer-article {

    background-color: #FFFFFF;

}

.footer-article .wrap-content{

    padding:40px 0;

}

.footer-title {

    text-transform: uppercase;

    font-size: 20px;

    margin-bottom: 25px;

    font-weight: 700;

    color: var(--background-static);

}

.logo-footer{

    display: block;

    margin-bottom: 13px;

}

.name-company {

    text-transform: uppercase;

    margin-bottom: 15px;

    font-size: 20px;

    font-style: normal;

    font-weight: 700;

    color: var(--background-static);

}

.info-footer{

    font-weight: 600;

    font-size: 16px;

    color: #898989;

}

.address-footer{

    background: url(../images/i1.png) no-repeat left;

    padding-left: 20px;

    margin-bottom: 15px;

}

.phone-footer{

     background: url(../images/i2.png) no-repeat left;

    padding-left: 20px;

    margin-bottom: 10px;

}

.email-footer{

     background: url(../images/i3.png) no-repeat left;

    padding-left: 20px;

}



.footer-ul {

    list-style: none;

    padding: 0;

    margin: 0

}



.footer-ul li {

    margin-bottom: 15px;

    width: 100%;

}



.footer-ul li:last-child {

    margin-bottom: 0

}



.footer-ul li a {

    color: #898989;

    font-weight: 600;

    text-transform: capitalize;

    position: relative;

    padding-left: 12px;

}

.footer-ul li a:after {

    content:'';

    background: #898989;

    width: 4px;

    height: 4px;

    position: absolute;

    left: 0;

    border-radius: 50%;

    top: 8px;

}

.footer-ul li a:hover {

    text-decoration: none;

    color: var(--background-static);

}

.top-footer{

    background: linear-gradient(270deg, #1A4B4A -11.93%, #33807E 100.75%);

    color: #fff;

    padding: 37px 0;

}

.top-footer .wrap-content{

    display:flex;

    justify-content: space-between;

    align-items: center;

    flex-wrap: wrap;

}

.left-footer{

    width: 43.3333333333%;

}

.right-footer{

    width: 46.6666666667%;

}

.title-newsletter{}

.title-newsletter span{

    font-size: 16px;

    font-weight: 600;

}

.title-newsletter h2{

    background: linear-gradient(240deg, #EDCD78 9.11%, #FCF7CD 24.71%, #F7E1A5 46.27%, #FDF8D0 66.13%, #EDCD78 102.11%);

    background-clip: text;

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    font-weight: 700;

    text-transform: uppercase;

    margin-bottom: 5px;

}



.footer-tags {

    background: #eee

}



.footer-tags .wrap-content {

    padding: 30px 15px

}



.footer-tags-lists {

    list-style: none;

    padding: 0;

    margin: 0

}



.footer-tags-lists li {

    float: left

}



.footer-tags-lists li a {

    padding-bottom: .375rem

}



.footer-powered {

    color: #fff;

    background-color: var(--background-static);

    text-align: center;

}

.footer-copyright{

    font-weight: 700;

    background: linear-gradient(240deg, #EDCD78 9.11%, #FCF7CD 24.71%, #F7E1A5 46.27%, #FDF8D0 66.13%, #EDCD78 102.11%);

    background-clip: text;

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

}

.footer-powered .wrap-content {

    padding-top: 14px;

    padding-bottom: 15px

}



.footer-statistic {

    text-align: right

}



.footer-statistic span {

    padding-right: 10px

}



.footer-statistic span:last-child {

    padding-right: 0

}



#footer-map {

    position: relative;

    height: 500px

}



#footer-map iframe {

    position: absolute!important;

    width: 100%!important;

    height: 100%!important;

    top: 0!important;

    left: 0!important

}



.social-plugin {

    margin-top: 10px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: start;

    -ms-flex-align: start;

    align-items: flex-start;

    -webkit-box-pack: start;

    -ms-flex-pack: start;

    justify-content: flex-start

}



.social-plugin .at-share-btn {

    margin-bottom: 0!important

}



.social-plugin .zalo-share-button {

    margin-left: 3px

}



.pagination-home .pagination .page-item .page-link {

    color: #555;

    font-size: .875rem

}



.pagination-home .pagination .page-item.active .page-link {

    color: #fff;

    background-color: #555;

    border-color: #555

}



.pagination-ajax {

    text-align: center

}



.pagination-ajax a {

    display: inline-block;

    vertical-align: top;

    margin: 0 3px 3px 3px;

    width: 35px;

    height: 35px;

    line-height: 33px;

    color: #666!important;

    border: 1px solid #e6e6e6;

    font-size: 13px;

    cursor: pointer;

    text-decoration: none!important;

    background-color: #fff

}



.pagination-ajax a.current,.pagination-ajax a:hover {

    color: #fff!important;

    border-color: #ec2d3f;

    background-color: #ec2d3f

}



.pagination-ajax a.first,.pagination-ajax a.last,.pagination-ajax a.next,.pagination-ajax a.prev {

    text-indent: -9999px;

    position: relative;

    background-color: #fff!important

}



.pagination-ajax a.first:before,.pagination-ajax a.last:before,.pagination-ajax a.next:before,.pagination-ajax a.prev:before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 2;

    background-color: transparent;

    background-repeat: no-repeat;

    background-position: center

}



.pagination-ajax a.first:before {

    background-image: url(../images/page-first.png)

}



.pagination-ajax a.last:before {

    background-image: url(../images/page-last.png)

}



.pagination-ajax a.prev:before {

    background-image: url(../images/page-prev.png)

}



.pagination-ajax a.next:before {

    background-image: url(../images/page-next.png)

}



#popup .modal-body {

    padding: 0

}



.grecaptcha-badge {

    display: none!important;

    width: 0!important;

    height: 0!important;

    visibility: hidden!important;

    overflow: hidden

}



coccocgrammar {

    display: none

}



.text-split {

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: normal;

    -webkit-box-orient: vertical;

    display: -webkit-box;

    -webkit-line-clamp: 3

}



.btn-frame .kenit-alo-circle-fill,.carousel-comment-media .carousel-control a span,.control-owl button,.menu ul li a.has-child:after,.menu ul li ul,.menu ul li:hover>ul,.scale-img img,.scale-img:hover>img,.support-online .kenit-alo-circle-fill,.transition {

    -webkit-transition: .3s all;

    transition: .3s all

}



.scale-img {

    overflow: hidden;

    display: block

}



.scale-img img {

    -webkit-transform: scale(1,1);

    transform: scale(1,1)

}



.scale-img:hover>img {

    -webkit-transform: scale(1.1,1.1);

    transform: scale(1.1,1.1)

}



.blink {

    -webkit-animation-name: blink;

    -webkit-animation-duration: 1s;

    -webkit-animation-timing-function: linear;

    -webkit-animation-iteration-count: infinite;

    -moz-animation-name: blink;

    -moz-animation-duration: 1s;

    -moz-animation-timing-function: linear;

    -moz-animation-iteration-count: infinite;

    animation-name: blink;

    animation-duration: 1s;

    animation-timing-function: linear;

    animation-iteration-count: infinite

}



.btn-frame {

    display: block;

    width: 44px;

    height: 44px;

    cursor: pointer;

    position: relative;

    display: flex;

    justify-content: center;

    align-items: center

}



.btn-frame i img {

    max-width: 100%;

    height: 100%

}



.btn-frame i img {

    filter: brightness(0) saturate(100%) invert(29%) sepia(9%) saturate(4512%) hue-rotate(129deg) brightness(89%) contrast(89%);

}



.btn-frame i {

    position: relative;

    text-align: center;

    width: 44px;

    height: 44px;

    line-height: 44px;

    color: #fff;

    border-radius: 50%;

    cursor: pointer;

    box-shadow: 0 2px 5px 0 rgba(0,0,0,.11);

    background-size: auto;

    background-repeat: no-repeat;

    background-position: center;

    border-radius: 500px;

    background: #fff;

    display: flex;

    justify-content: center;

    align-items: center

}



.btn-frame .animated.infinite {

    -webkit-animation-iteration-count: infinite;

    animation-iteration-count: infinite

}



.btn-frame .kenit-alo-circle {

    width: 60px;

    height: 60px;

    position: absolute;

    background-color: transparent;

    border-radius: 100%;

    border: 2px solid rgb(10 96 144);

    opacity: .1;

    border-color: var(--background-static);

    opacity: .5

}



.btn-frame .zoomIn {

    -webkit-animation-name: zoomIn;

    animation-name: zoomIn

}



.btn-frame .animated {

    -webkit-animation-duration: 1s;

    animation-duration: 1s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both

}



.btn-frame .kenit-alo-circle-fill {

    width: 70px;

    height: 70px;

    position: absolute;

    border-radius: 100%;

    border: 2px solid transparent;

    background-color: rgb(14 93 88 / 30%);

    opacity: .4

}



.btn-frame .pulse {

    -webkit-animation-name: pulse;

    animation-name: pulse

}



.ContactUs ul li {

    margin-bottom: 35px;

}



.ContactUs {

    position: fixed;

    bottom: 50px;

    z-index: 999;

    top: auto!important;

    right: 20px;

}



.ContactUs ul.list-unstyled {

    display: flex;

    flex-direction: column-reverse

}



.ContactUs__chatBotOnly {

    position: fixed;

    bottom: 1.5em;

    right: 1.5em;

    padding: 0;

    z-index: 999997;

    background: 0 0

}



.ContactUs__chatBotOnly .ContactUs__icon {

    width: 4.5em;

    height: 4.5em;

    border-radius: 50%;

    -webkit-box-shadow: 0 3px 10px rgba(0,0,0,.3);

    box-shadow: 0 3px 10px rgba(0,0,0,.3)

}



.ContactUs__button {

    all: unset;

    position: relative;

    padding: 6px 6px;

    font-weight: 600;

    color: #000;

    background: #ffbd39;

    transition: all .35s;

    display: flex;

    justify-content: space-between;

    align-items: center;

    border-radius: 10px;

    border: 2px solid #ffbd39

}



.ContactUs__button span {

    position: relative;

    z-index: 1;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none

}





.scrollToTop i {

    transform: rotate(-90deg);

    font-size: 20px

}



.scrollToTop {

    right: 12px;

    bottom: 196px;

    top: auto!important;

    font-size: 14px;

    cursor: pointer;

    color: #fff;

    top: auto!important;

    height: 44px;

    width: 44px;

    background-color: #000;

    line-height: 36px;

    border-radius: 100%;

    font-size: 30px;

    transition: all .3s ease-out 0s;

    transform: translateY(415px);

    opacity: 0;

    visibility: hidden;

    text-align: center;

    color: #fff!important;

    margin-bottom: 5px;

    display: flex;

    justify-content: center;

    align-items: center

}



.scrollToTop:hover {

    filter: brightness(1.3)

}



.scrollToTop.show {

    z-index: 999;

    transition: transform .3s ease-out 0s;

    transform: translateY(315px);

    opacity: 1;

    visibility: visible

}



.btn-zalo {

    bottom: 315px

}



.btn-phone {

    bottom: 230px

}



.js-facebook-messenger-top-header {

    background: #487dfc;

    color: #fff;

    height: 35px;

    display: flex;

    align-items: center;

    justify-content: center;

    text-align: center;

    border-radius: 5px 5px 0 0

}



.js-facebook-messenger-container.closed {

    display: none!important

}



.js-facebook-messenger-tooltip {

    bottom: 97px;

    right: 97px;

    color: #404040;

    background: #fff

}



.js-facebook-messenger-tooltip.closed {

    display: none!important

}



.js-facebook-messenger-box,.js-facebook-messenger-button {

    z-index: 999

}



.js-facebook-messenger-tooltip {

    z-index: 999;

    display: none;

    position: fixed;

    text-align: center;

    border-radius: 10px;

    overflow: hidden;

    font-size: 12px;

    line-height: 1;

    padding: 10px;

    border: 1px solid rgba(0,0,0,.1);

    -webkit-box-shadow: rgba(0,0,0,.15) 0 2pt 10pt;

    box-shadow: rgba(0,0,0,.15) 0 2pt 10pt;

    z-index: 1000000000000000019884624838656

}



.js-facebook-messenger-close-tooltip {

    width: 10px;

    height: 10px;

    display: inline-block;

    cursor: pointer;

    margin-left: 10px

}



.js-facebook-messenger-box {

    z-index: 999

}



.js-facebook-messenger-box.rubberBand {

    -webkit-animation-name: rubberBand;

    animation-name: rubberBand

}



.js-facebook-messenger-box.animated {

    -webkit-animation-duration: 1s;

    animation-duration: 1s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both

}



.js-facebook-messenger-button,.js-facebook-messenger-tooltip {

    z-index: 999

}



.js-facebook-messenger-box {

    display: block;

    position: fixed;

    cursor: pointer;

    bottom: 150px;

    right: 17px;

    width: 56px;

    height: 56px;

    text-align: center;

    background: #1182fc;

    border-radius: 100%;

    overflow: hidden;

    z-index: 99;

    -webkit-box-shadow: 1px 1px 4px 0 rgba(0,0,0,.3);

    box-shadow: 1px 1px 4px 0 rgba(0,0,0,.3)

}



.js-facebook-messenger-box.rotate svg#fb-msng-icon {

    -webkit-transform: rotate(0);

    transform: rotate(0)

}



.js-facebook-messenger-box svg#fb-msng-icon {

    width: 32px;

    height: 33px;

    position: absolute;

    top: 13px;

    left: 12px;

    opacity: 1;

    overflow: hidden;

    -webkit-transition: opacity 160ms ease-in-out,transform 160ms ease-in-out;

    -webkit-transition: opacity 160ms ease-in-out,-webkit-transform 160ms ease-in-out;

    transition: opacity 160ms ease-in-out,-webkit-transform 160ms ease-in-out;

    transition: opacity 160ms ease-in-out,transform 160ms ease-in-out;

    transition: opacity 160ms ease-in-out,transform 160ms ease-in-out,-webkit-transform 160ms ease-in-out

}



.js-facebook-messenger-box.rotate svg#close-icon {

    -webkit-transform: rotate(-45deg);

    transform: rotate(-45deg)

}



.js-facebook-messenger-box svg#close-icon {

    opacity: 0;

    width: 19px;

    height: 20px;

    position: absolute;

    top: 19px;

    left: 19px;

    -webkit-transition: opacity 160ms ease-in-out,transform 160ms ease-in-out;

    -webkit-transition: opacity 160ms ease-in-out,-webkit-transform 160ms ease-in-out;

    transition: opacity 160ms ease-in-out,-webkit-transform 160ms ease-in-out;

    transition: opacity 160ms ease-in-out,transform 160ms ease-in-out;

    transition: opacity 160ms ease-in-out,transform 160ms ease-in-out,-webkit-transform 160ms ease-in-out

}



.js-facebook-messenger-container,.js-facebook-messenger-container-button {

    z-index: 1000

}



.js-facebook-messenger-container {

    width: 250px;

    position: fixed;

    opacity: 0;

    -webkit-transform: translateY(50px);

    transform: translateY(50px);

    bottom: 110px;

    right: 90px;

    border-radius: 10px;

    pointer-events: none;

    -webkit-box-shadow: 0 1px 6px rgba(0,0,0,.06),0 2px 32px rgba(0,0,0,.16);

    box-shadow: 0 1px 6px rgba(0,0,0,.06),0 2px 32px rgba(0,0,0,.16);

    -webkit-transition: transform 160ms ease-in-out,opacity 160ms ease-in-out;

    -webkit-transition: opacity 160ms ease-in-out,-webkit-transform 160ms ease-in-out;

    transition: opacity 160ms ease-in-out,-webkit-transform 160ms ease-in-out;

    transition: transform 160ms ease-in-out,opacity 160ms ease-in-out;

    transition: transform 160ms ease-in-out,opacity 160ms ease-in-out,-webkit-transform 160ms ease-in-out

}



.js-facebook-messenger-top-head {

    width: 220px;

    color: #fff;

    background: #1182fc;

    display: block;

    position: relative;

    width: 220px;

    background: #1182fc;

    color: #fff;

    text-align: center;

    line-height: 1;

    padding: 10px;

    font-size: 14px;

    border-top-left-radius: 10px;

    border-top-right-radius: 10px

}



.js-facebook-messenger-container iframe,.js-facebook-messenger-container-button iframe {

    border-bottom-left-radius: 10px;

    border-bottom-right-radius: 10px

}



.js-facebook-messenger-box,.js-facebook-messenger-button,.js-facebook-messenger-tooltip {

    z-index: 999

}



.js-facebook-messenger-container,.js-facebook-messenger-container-button {

    z-index: 1000

}



.js-facebook-messenger-top-head {

    color: #fff;

    background: #1182fc;

    width: 220px

}



.js-facebook-messenger-tooltip {

    color: #404040;

    background: #fff

}



.js-facebook-messenger-container.open {

    -webkit-transform: translateY(0);

    transform: translateY(0);

    opacity: 1;

    pointer-events: all

}



.js-facebook-messenger-tooltip {

    bottom: 97px;

    right: 97px

}



.js-facebook-messenger-box.open svg#fb-msng-icon {

    opacity: 0

}



.js-facebook-messenger-box.rotate.open svg#close-icon {

    -webkit-transform: rotate(0);

    transform: rotate(0)

}



.js-facebook-messenger-box.open svg#close-icon {

    opacity: 1

}



.cart-fixed {

    position: fixed;

    right: 20px;

    bottom: 330px;

    z-index: 9999;

    background: var(--background-static);

    width: 50px;

    height: 50px;

    text-align: center;

    color: #fff!important;

    border-radius: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center

}



.cart-fixed i {

    font-size: 20px

}



.cart-fixed span {

    position: absolute;

    top: 0;

    right: -5px;

    color: #fff;

    width: 25px;

    height: 25px;

    background: #ec2d3f;

    text-align: center;

    line-height: 25px;

    font-size: 11px;

    border-radius: 100%

}



@keyframes tada {

    0% {

        transform: scaleX(1)

    }



    10%,20% {

        transform: scale3d(.9,.9,.9) rotate(-3deg)

    }



    30%,50%,70%,90% {

        transform: scale3d(1.3,1.3,1.3) rotate(3deg)

    }



    40%,60%,80% {

        transform: scale3d(1.3,1.3,1.3) rotate(-3deg)

    }



    to {

        transform: scaleX(1)

    }

}



.toolbar {

    background: var(--background-static);

    width: 100%;

    padding: 3vw;

    bottom: 0;

    position: fixed;

    z-index: 500;

    height: auto;

    left: 0;

    max-height: 65px

}



.toolbar ul {

    list-style: none;

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding: 0;

    margin: 0

}



.toolbar ul li {

    text-align: center;

    width: 25%

}



.toolbar ul li a {

    display: block;

    width: 100%;

    cursor: pointer

}



.toolbar ul li a img {

    height: 20px;

    width: 20px;

    animation: tada 1.2s infinite

}



.toolbar ul li a span {

    color: #fff;

    font-size: 10px

}



.fixbar {

    bottom: 0;

    display: block;

    background: #f0eff4;

    border-top: 1px solid #ddd;

    width: 100%;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    position: fixed;

    margin: 0;

    z-index: 500;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    height: 50px

}



.fixbar ul {

    margin: 0;

    padding: 0;

    list-style: none

}



.fixbar ul li {

    margin: 0 auto 10px;

    text-align: center;

    width: 25%;

    float: left

}



.fixbar .icon-cart-mobile,.fixbar .icon-cart-new,.fixbar .icon-home-new,.fixbar .icon-hotdeal-new {

    width: 20px;

    height: 20px;

    display: block;

    margin: 8px auto 0

}



.fixbar .icon-cart-mobile {

    background: url(../images/cart-mobile.png) no-repeat

}



.cart-total-head-mobile {

    font-size: 10px;

    position: absolute;

    background: red;

    color: #fff!important;

    border-radius: 50%;

    height: 15px;

    width: 15px;

    line-height: 15px;

    top: 5px;

    margin-left: 5px

}



.fixbar ul li a {

    font-size: 11px;

    text-decoration: none;

    color: #333

}



.fixbar ul li a i {

    font-size: 20px

}



.plugbar {

    position: fixed;

    bottom: 0;

    left: 0;

    border-top: 1px solid #eae6e6;

    width: 100%;

    right: 0;

    max-width: 767px;

    margin: 0 auto;

    background: #fff;

    padding: 9px 10px 10px 7px;

    z-index: 10

}



.plugbar ul {

    list-style: none;

    padding: 0;

    margin: 0;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between

}



.plugbar ul li {

    width: 20%;

    float: left

}



.plugbar ul li a {

    display: block;

    color: #696969;

    font-size: 12px;

    text-align: center;

    position: relative

}



.plugbar ul li a i {

    font-size: 20px;

    color: #696969

}



.plugbar ul li a span {

    position: absolute;

    width: 50px;

    height: 50px;

    top: -40px;

    left: calc(50% - 50px / 2);

    font-size: 14px;

    display: block;

    border: 1px solid rgba(234,230,230,.5);

    border-radius: 100%

}



.support-online {

    position: fixed;

    z-index: 999;

    left: 10px;

    bottom: 0

}



.support-online a {

    position: relative;

    margin: 20px 10px;

    text-align: left;

    width: 40px;

    height: 40px

}



.support-online i {

    width: 40px;

    height: 40px;

    background: #43a1f3;

    color: #fff;

    border-radius: 100%;

    font-size: 20px;

    text-align: center;

    line-height: 1.9;

    position: relative;

    z-index: 999

}



.support-online a {

    display: block

}



.support-online a span {

    border-radius: 2px;

    text-align: center;

    background: #67b634;

    padding: 9px;

    display: none;

    width: 180px;

    margin-left: 10px;

    position: absolute;

    color: #fff;

    z-index: 999;

    top: 0;

    left: 40px;

    -webkit-transition: all .2s ease-in-out 0s;

    transition: all .2s ease-in-out 0s;

    -webkit-animation: headAnimation .7s 1;

    animation: headAnimation .7s 1

}



.support-online a:hover span {

    display: block

}



.support-online a span:before {

    content: "";

    width: 0;

    height: 0;

    border-style: solid;

    border-width: 10px 10px 10px 0;

    border-color: transparent #67b634 transparent transparent;

    position: absolute;

    left: -10px;

    top: 10px

}



.support-online .kenit-alo-circle-fill {

    width: 60px;

    height: 60px;

    top: -10px;

    position: absolute;

    border-radius: 100%;

    border: 2px solid transparent;

    background-color: rgba(0,175,242,.5);

    opacity: .75;

    right: -10px

}



.support-online .kenit-alo-circle {

    width: 50px;

    height: 50px;

    top: -5px;

    right: -5px;

    position: absolute;

    background-color: transparent;

    border-radius: 100%;

    border: 2px solid rgba(30,30,30,.4);

    opacity: .1;

    border-color: #0089b9;

    opacity: .5

}



.support-online .support-online .btn-support {

    cursor: pointer

}



.support-online .mes i {

    background: orange

}



.support-online .sms i {

    background: red

}



.support-online .call-now i {

    background: green

}



.widget-mobile {

    position: fixed;

    left: 50%;

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%);

    bottom: 10px;

    z-index: 9999999

}



#my-phone-circle {

    position: relative;

    width: 50px!important;

    height: 50px!important

}



.wcircle-open .wcircle-icon i:before {

    content: "\f00d"

}



.wcircle-icon {

    background: #1282fc;

    border-radius: 50%;

    position: relative!important;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center

}



.wcircle-icon:before {

    position: absolute;

    content: "";

    width: 60px;

    height: 60px;

    background: rgba(18,130,252,.5);

    border: 1px solid #fff;

    border-radius: 50%;

    left: -5px;

    top: -5px;

    -webkit-animation: pulse 1s infinite ease-in-out;

    animation: pulse 1s infinite ease-in-out

}



.wcircle-icon:after {

    position: absolute;

    content: "";

    width: 80px;

    height: 80px;

    background: rgba(18,130,252,.5);

    border-radius: 50%;

    left: -15px;

    top: -15px;

    -webkit-animation: zoomIn 2s infinite ease-in-out;

    animation: zoomIn 2s infinite ease-in-out

}



.wcircle-menu {

    position: absolute!important;

    left: 0;

    top: 0;

    display: none

}



.wcircle-menu-item {

    width: 50px;

    height: 50px;

    background: #1282fc;

    border-radius: 50%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center

}



.wcircle-menu-item img {

    width: 50px;

    height: 50px;

    display: block;

    border-radius: 50%

}



.wcircle-menu-item i {

    font-size: 25px;

    color: #fff;

    position: relative;

    z-index: 9999

}



.wcircle-icon i {

    font-size: 25px;

    color: #fff;

    position: relative;

    z-index: 9999

}



.shake-anim {

    -webkit-animation: shake-anim 1s infinite ease-in-out;

    animation: shake-anim 1s infinite ease-in-out;

    -webkit-transform-origin: 50% 50%;

    transform-origin: 50% 50%

}



.wrap-newsnb .wrap-content {

    position: relative

}



a.name-newsnb {

    color: #000;

    font-size: 16px;

    margin: 0 0 10px 0;

    line-height: 25px;

    font-weight: 700;

}



a.name-newsnb.text-split {

    -webkit-line-clamp: 2

}



a.name-newsnb:hover {

    color: var(--background-static);

}



.desc-newsnb {

    color: #898989;

    font-weight: 500;

    line-height: 23px;

}



.video-main {

    position: relative;

    height: 400px

}



.video-main iframe {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0

}



.listvideos {

    width: 100%;

    height: 40px;

    padding: 0 10px;

    border: 1px solid #ccc;

    color: var(--color-black);

    margin-top: 10px;

    cursor: pointer

}



.item-video1 img {

    max-height: 292px

}



.item-video2 img {

    height: 102px

}



.pic-video {

    position: relative;

    cursor: pointer

}



.pic-video:before {

    content: "";

    position: absolute;

    width: 50px;

    height: 35px;

    top: calc(50% - 50px / 2);

    left: calc(50% - 35px / 2);

    z-index: 1;

    background: url(../images/play.png) no-repeat center center;

    cursor: pointer;

    background-size: cover

}



.pic-video img {

    width: 100%

}



.pic-video-2 {

    position: relative;

    cursor: pointer

}



.pic-video-2:before {

    content: "";

    position: absolute;

    width: 50px;

    height: 35px;

    top: calc(50% - 50px / 2);

    left: calc(50% - 35px / 2);

    z-index: 1;

    background: url(../images/play.png) no-repeat center center;

    cursor: pointer;

    background-size: cover

}



.pic-video-2 img {

    width: 100%

}



.name-video {

    font-size: 16px;

    color: var(--color-black);

    margin-bottom: 0

}



.owl-video {

    margin-top: 10px

}



.newshome-intro .name-newshome {

    margin: 10px 0

}



.newshome-intro .view-newshome {

    margin-top: 10px

}



.newshome-scroll {

    width: 50%;

    overflow: hidden;

    max-height: 406px

}



.news-slick {

    display: flex;

    margin-bottom: 20px

}



.news-slick h3 {

    margin: 0

}



.news-slick h3 a.name-newshome {

    margin-bottom: 10px

}



.news-slick .img {

    width: 150px

}



.news-slick .info {

    width: calc(100% - 150px);

    padding-left: 15px

}



.flex_ttnb {

    display: flex;

    flex-flow: row wrap;

    justify-content: space-between

}



.newshome-intro {

    width: calc(50% - 20px)

}



.pic-newshome-normal {

    float: left;

    width: 34%;

    margin-right: 3%;

    margin-bottom: 0

}



.pic-newshome-normal img {

    width: 100%

}



.info-newshome-normal {

    float: left;

    width: calc(100% - 37%)

}



.name-newshome {

    color: var(--color-black);

    font-size: 14px;

    line-height: normal

}



.name-newshome.text-split {

    -webkit-line-clamp: 2

}



.name-newshome.text-split a {

    color: #000

}



.time-newshome {

    color: var(--color-gray);

    margin-bottom: 10px

}



.desc-newshome {

    color: var(--color-black);

    margin-bottom: 0;

    text-align: justify

}



.desc-home-cl.text-split {

    -webkit-line-clamp: 2

}



.view-newshome {

    width: 140px;

    height: 40px;

    display: flex;

    align-items: center;

    justify-content: center;

    border: 1px solid #ccc;

    color: #000

}



.view-newshome:hover {

    color: #000

}

.item-product{

    width:calc(100%/5 - 19px);

    margin: 0 9.5px 19px 9.5px;

}

.box-product {

    position: relative;

    border-radius: 10px;

    background: #FFF;

    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.05);

    padding: 7px;

}

.frame-prolist .box-product {

    margin: 4px 4px 10px 4px;

}



.pic-product {

    background: #fff;

    position: relative;

    margin-bottom: 10px;

}

.pic-product a{

    border-radius: 5px;

}

.info-product{

    padding: 5px;

    padding-top: 0;

}

.pic-product img {

    width: 100%

}



.product-tool {

    opacity: 0;

    visibility: hidden;

    position: absolute;

    width: 100%;

    left: 0;

    bottom: 0;

    z-index: 1

}



.product-tool a {

    cursor: pointer;

    width: 50%;

    padding: 10px;

    text-align: center;

    color: #fff;

    background-color: rgb(0 0 0 / .6)

}



.product-tool a:hover {

    background-color: rgb(0 0 0 / .8)

}



.product-tool a svg {

    margin-right: 5px

}



.product-tool a span {

    text-transform: capitalize;

    font-size: 12px;

    font-weight: 300

}



.box-product:hover .product-tool {

    opacity: 1;

    visibility: visible

}



.name-product {

    font-size: 14px;

    color: var(--color-black);

    margin-bottom: 4px;

    font-weight: 700;

    line-height: 25px;

    height: 50px;

}

.name-product:hover{

    color:var(--background-static);

}

.name-product.text-split {

    -webkit-line-clamp: 2

}



.price-product {

    margin-bottom: 5px;

    display: flex;

    align-items: center;

}



.price-new {

    font-size: 16px;

    color: var(--color-red);

    font-weight: 700

}



.price-old {

    padding-left: 7px;

    color: var(--color-gray);

    text-decoration: line-through;

    font-weight: 600;

    font-size: 16px;

}



.price-per {

    background: url(../images/bg2.png) no-repeat;

    font-size: 10px;

    text-align: center;

    line-height: 14px;

    color: #EDCD78;

    width: 33px;

    display: inline-block;

    font-weight: 700;

    margin-left: 10px;

    padding-left: 5px;

    top: -4px;

}

.frame-productsale .price-per {

    width: calc(100% - 40px);

    border-radius: 200px;

    background: #1B403F;

    display: flex;

    margin-left: 0;

    justify-content: center;

    color: #FFF;

    align-items: center;

    column-gap: 5px;

    /* line-height: 30px; */

    font-size: 12px;

    padding: 8px 0;

}

.frame-productsale .price-per p {

    margin-bottom: 0;

    font-size: 16px;

    color: #EDCD78;

}

.cart-product {

    margin-bottom: 0

}



.cart-product span {

    cursor: pointer;

    width: 100%;

    color: #fff;

    text-transform: capitalize;

    text-align: center;

    padding: 6px 5px;

    border-radius: 200px;

    display: flex;

    align-items: center;

    justify-content: center;

    column-gap: 5px;

    font-size: 12px;

    color: #EDCD78;

    font-weight: 700;

}

.frame-productsale .cart-product span.cart-add {

    width: 30px;

    padding: 5px 5px;

}

.cart-add {

  

    background: #0E5D58;

}



.cart-add:hover {

    background: linear-gradient(240deg, #EDCD78 9.11%, #FCF7CD 24.71%, #F7E1A5 46.27%, #FDF8D0 66.13%, #EDCD78 102.11%);

    box-shadow: 0 4px 6px 0 rgba(255, 255, 255, 0.60) inset;

    color: var(--background-static);

}

.cart-add:hover img{

    filter: brightness(0) saturate(100%) invert(28%) sepia(32%) saturate(1324%) hue-rotate(129deg) brightness(88%) contrast(89%);

}

.cart-buy {

    background-color: var(--color-green)

}



.cart-buy:hover {

    background-color: var(--color-dark-green)

}



.dm-noibat {

    max-width: 1000px;

    position: relative;

    margin: auto;

    margin-bottom: 40px

}



.dm-noibat a {

    cursor: pointer;

    color: #333;

    transition: .4s;

    text-transform: capitalize;

    font-weight: 400;

    font-size: 16px;

    text-align: center;

    position: relative;

    display: block;

    background: #f7f7f7;

    border-radius: 5px;

    border: 1px solid #eaeaea;

    height: 100%;

    padding: 10px

}



.dm-noibat a.active,.dm-noibat a:hover {

    background: var(--background-static);

    color: #fff

}



.cats-bar {

    width: 50px;

    padding-top: 3px;

    position: relative

}



.cats-bar-icon {

    width: 30px;

    cursor: pointer

}



.cats-bar-icon span {

    display: block;

    width: 100%;

    height: 2px;

    background: #505050;

    transition: all .3s;

    position: relative

}



.cats-bar-icon span+span {

    margin-top: 5px

}



.cats-bar-icon.active span:nth-child(1) {

    animation: ease .7s top forwards

}



.cats-bar-icon.not-active span:nth-child(1) {

    animation: ease .7s top-2 forwards

}



.cats-bar-icon.active span:nth-child(2) {

    animation: ease .7s scaled forwards

}



.cats-bar-icon.not-active span:nth-child(2) {

    animation: ease .7s scaled-2 forwards

}



.cats-bar-icon.active span:nth-child(3) {

    animation: ease .7s bottom forwards

}



.cats-bar-icon.not-active span:nth-child(3) {

    animation: ease .7s bottom-2 forwards

}



@keyframes top {

    0% {

        top: 0;

        transform: rotate(0)

    }



    50% {

        top: 6px;

        transform: rotate(0)

    }



    100% {

        top: 6px;

        transform: rotate(45deg)

    }

}



@keyframes top-2 {

    0% {

        top: 6px;

        transform: rotate(45deg)

    }



    50% {

        top: 6px;

        transform: rotate(0)

    }



    100% {

        top: 0;

        transform: rotate(0)

    }

}



@keyframes bottom {

    0% {

        bottom: 0;

        transform: rotate(0)

    }



    50% {

        bottom: 8px;

        transform: rotate(0)

    }



    100% {

        bottom: 8px;

        transform: rotate(135deg)

    }

}



@keyframes bottom-2 {

    0% {

        bottom: 8px;

        transform: rotate(135deg)

    }



    50% {

        bottom: 8px;

        transform: rotate(0)

    }



    100% {

        bottom: 0;

        transform: rotate(0)

    }

}



@keyframes scaled {

    50% {

        transform: scale(0)

    }



    100% {

        transform: scale(0)

    }

}



@keyframes scaled-2 {

    0% {

        transform: scale(0)

    }



    50% {

        transform: scale(0)

    }



    100% {

        transform: scale(1)

    }

}



.cats-owl.list-hot {

    width: calc(100% - 50px)

}



.footer-news:nth-child(4) {

    width: 17.5%;

}



.footer-news:nth-child(3) {

    width: 26.6666666667%;

}



.footer-news:nth-child(2) {

    width: 22.5%;

}



.footer-news:nth-child(1) {

    width: 32.9166666667%;

}



@-webkit-keyframes rotating {

    from {

        -webkit-transform: rotate(0);

        -o-transform: rotate(0);

        transform: rotate(0)

    }



    to {

        -webkit-transform: rotate(360deg);

        -o-transform: rotate(360deg);

        transform: rotate(360deg)

    }

}



@keyframes rotating {

    from {

        -ms-transform: rotate(0);

        -moz-transform: rotate(0);

        -webkit-transform: rotate(0);

        -o-transform: rotate(0);

        transform: rotate(0)

    }



    to {

        -ms-transform: rotate(360deg);

        -moz-transform: rotate(360deg);

        -webkit-transform: rotate(360deg);

        -o-transform: rotate(360deg);

        transform: rotate(360deg)

    }

}



.choose_list span {

    text-transform: capitalize;

    cursor: pointer;

    display: inline-block;

    position: relative;

    padding: 0 10px

}



.choose_list span:last-child:after {

    display: none

}



.choose_list span:after {

    content: '';

    width: 1px;

    height: 10px;

    background: #ddd;

    position: absolute;

    right: 0;

    top: 6px

}



.choose_list span.choosed {

    color: red

}



.btn_sp a {

    color: #000;

    text-transform: uppercase;

    background: #e6e6e6;

    width: 100px;

    display: flex;

    align-items: center;

    justify-content: center;

    height: 40px

}



.btn_sp a:hover {

    color: red

}



.d-title-choose-list {

    margin-bottom: 20px;

    border: 1px solid #ddd;

    padding: 5px

}



.div-datlich {

    width: 46%

}



.newsletter-booking {

    margin-bottom: 5px

}



.newsletter-booking input {

    border-radius: 0;

    border: none;

    border-bottom: 1px solid var(--background-static);

    background: 0 0;

    padding: 0

}



.newsletter-booking textarea {

    border-radius: 0;

    border: none;

    border-bottom: 1px solid var(--background-static);

    background: 0 0;

    margin-bottom: 10px;

    padding: 0

}



.newsletter-checkbox input {

    outline: 0;

    width: 15px;

    height: 15px

}



.label-checkbox {

    color: #7e7e7e;

    position: relative;

    top: 1px;

    margin-left: 10px

}



.booking-button input {

    width: 86px;

    height: 37px;

    font-weight: 600;

    color: #fff;

    text-transform: capitalize

}



.khung-datlich {

    background: rgba(255,255,255,.8);

    padding: 40px;

    border: 1px solid var(--background-static);

    border-radius: 20px

}



.desc-dongy {

    color: #7e7e7e;

    font-size: 13px;

    font-style: italic;

    margin-top: 5px

}



.btn-datlich {

    position: fixed;

    bottom: 455px;

    right: 10px;

    padding: 10px;

    border-radius: 5px;

    z-index: 99;

    background: #333;

    color: #fff;

    font-size: 14px;

    text-align: center;

    text-decoration: none!important

}



.btn-datlich i {

    font-size: 20px

}



.btn-datlich:hover {

    color: #ff0;

    transition: .2s

}

.wrap-newsnb{}

.wrap-newsnb .title-home h2{

    padding-left: 40px;

    background: url(../images/ic6.png) no-repeat left;

}



.wrap-newsnb .wrap-content{

    padding: 45px 0;

}

.pic-newsnb{

    margin-bottom: 15px;

}

.pic-newsnb a{

    border-radius:5px;

}

.item-newsnb{}

.namelist-newsnb{

    font-size: 12px;

    font-weight: 700;

    color:#898989;

    margin-bottom: 10px;

    text-transform: capitalize;

}

.namelist-newsnb:hover{

    color:var(--background-static);

}

.wrap-tieuchi{

    background: #F2F1F6;

}

.wrap-tieuchi .wrap-content{

    padding: 25px 0;

}

.flex-tieuchi{

    margin:0 -7px;

    overflow: hidden;

}

.item-tieuchi{

  padding: 20px 22px;

  position: relative;

  z-index: 1;

     background: #FFF;

      border-radius: 5px;

}

.box-tieuchi{

     z-index: 1;

     width: calc(100%/4 - 14px);

     margin: 0 7px 14px 7px;

     position: relative;

}

.box-tieuchi:after{

    content:'';

    background:url(../images/bg3.png) no-repeat;

    width: 295px;

    position: absolute;

    height: 171px;

    top: 2px;

    left: 2px;

    z-index: -1;

    opacity: 0;

}

.box-tieuchi:hover::after {

    opacity: 1;

}

.pic-tieuchi{

    display: block;

    text-align: center;

    margin-bottom: 12px;

}

.pic-tieuchi:hover img{

    animation:unset;animation-name:fa-bounce;animation-delay:var(--fa-animation-delay,0);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1))

}

.name-tieuchi{

    text-decoration: none;

    text-align: center;

    display: block;

    font-size: 16px;

    font-weight: 700;

    color: var(--background-static);

    text-transform: uppercase;

    margin-bottom: 6px;

}

.box-tieuchi:hover .name-tieuchi{

    color:#d4ae60;

}

.desc-tieuchi{

    text-align: center;

    color: var(--color-gray);

    font-weight: 500;

}

.wrap-brand{

    background: #FFF;

    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.15);

}

.wrap-brand .wrap-content{

    padding:45px 0;

}

.wrap-brand .title-home h2{

    padding-left: 35px;

    background: url(../images/icon10.png) no-repeat left;

}

.flex-brand{

    margin: 0 -10px;

}

.item-brand{

    width: calc(100%/4 - 20px);

    margin: 0 10px 20px 10px;

    border-radius: 7px;

    border: 1px solid #D9D9D9;

    background: #F4F4F4;

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding: 10px 10px 10px 23px;

}

.item-brand:hover{

    box-shadow: 4px 4px 4px 0 rgba(14, 93, 88, 0.20);

}

.pic-brand{

    width: 54px;

    height: 54px;

    background: #fff;

    border-radius: 50%;

}

.pic-brand a{

     border-radius: 50%;

     display: block;

     overflow: hidden;

}

.info-brand{

    width: calc(100% - 80px);

}

.name-brand{

    font-size: 16px;

    color: #333333;

    font-weight: 700;

}

.name-brand:hover{

    color:var(--background-static);

}

.number-brand{

    font-size: 16px;

    font-weight: 500;

}

.number-brand span{

    font-weight: 700;

}

.right-brand{

    height: 12px;

}

.background-xam{

    padding: 45px 0 50px 0;

    background: #F2F1F6;

    margin-bottom: 40px;

}

.pic-bannerqc{

    border-radius: 5px;

}

.wrap-procat{

    background: linear-gradient(272deg, #1B403F 0%, #3D9492 100%);

    margin-bottom: 45px;

}

.wrap-procat .wrap-content{

    padding: 40px 0;

}

.wrap-procat .title-home {

    margin-bottom: 25px;

}

.wrap-procat .title-home h2{

    background: linear-gradient(240deg, #EDCD78 9.11%, #FCF7CD 24.71%, #F7E1A5 46.27%, #FDF8D0 66.13%, #EDCD78 102.11%);

    background-clip: text;

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    line-height: 49px;

    display: flex;

    align-items: center;

    column-gap: 10px;

}

.wrap-procat .title-home h2 img{}



.control-procat{}

.item-procat{

    border-radius: 10px;

    background: #FFF;

    text-align: center;

    padding: 18px 0px;

}

.pic-procat{

    display: block;

    max-width: 86px;

    margin: auto;

    margin-bottom: 18px;

}

.name-procat{

    font-size: 16px;

    font-weight: 700;

    color: #333;

    text-transform: capitalize;

    -webkit-line-clamp: 1;

}

.item-procat:hover .name-procat{

    color:var(--background-static);

}

.wrap-tagspro{}

.wrap-tagspro .wrap-content{padding-bottom: 30px;}



.flex-tagspro{

    margin: 0 -12px;

}

.item-tagspro{

    width: calc(100%/4 - 24px);

    margin: 0px 12px 24px 12px;

    border-radius: 12px;

    border: 1px solid #FFF;

    background: #FFF;

    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.10);

    text-align: center;

    padding: 19px 0;

}

.item-tagspro:hover{

    border-radius: 12px;

border: 1px solid #FFF;

background: linear-gradient(180deg, #376D6C 0%, #1F5655 100%);

box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);

}

.name-tagspro{

    color: #0E5D58;

    font-size: 20px;

    font-weight: 700;

}

.item-tagspro:hover .name-tagspro{

    background: linear-gradient(240deg, #EDCD78 9.11%, #FCF7CD 24.71%, #F7E1A5 46.27%, #FDF8D0 66.13%, #EDCD78 102.11%);

background-clip: text;

-webkit-background-clip: text;

-webkit-text-fill-color: transparent;

}

.wrap-productct{

    padding-bottom: 20px;

}

.flex-productct{

    margin:0 -9.5px;

}

.wrap-productct .title-home h2{

    padding-left: 45px;

    background: url(../images/icon13.png) no-repeat;

}

.namebrand-product{

    font-size: 12px;

    font-weight: 700;

    text-transform: capitalize;

    -webkit-line-clamp: 1;

    color: var(--color-gray);

    margin-bottom: 5px;

}

.namebrand-product:hover{

    color:var(--background-static);

}

.wrap-productsale{

    padding: 55px 0 27px 0;

}

.wrap-productsale .wrap-content{

    border-radius: 15px;

    background: linear-gradient(320deg, #2B6968 22.81%, #1B403F 77.19%);

    max-width: 1236px;

    padding: 25px 18px 40px 18px;

}

.frame-productsale{

    position: relative;

}

.frame-productsale .control-prosale.control-owl button.owl-prev{

    background: transparent;

    width: 40px;

    height: 40px;

    left: -20px;

    opacity: 1;

    filter: drop-shadow(0 0 15px rgba(0, 0, 0, 0.10));

}

.frame-productsale .control-prosale.control-owl button.owl-prev svg{

    display:none;

}

.frame-productsale .control-owl button.owl-prev:after {

    content:'';

    background: url(../images/right1.png) no-repeat;

    width: 40px;

    height: 40px;

    position: absolute;

    left: 0;

    top: 0;

    transform: rotate(180deg);

}



.frame-productsale .control-prosale.control-owl button.owl-next{

    background: transparent;

    width: 40px;

    height: 40px;

    right: -20px;

    opacity: 1;

    filter: drop-shadow(0 0 15px rgba(0, 0, 0, 0.10));

}

.frame-productsale .control-prosale.control-owl button.owl-next svg{

    display:none;

}

.frame-productsale .control-owl button.owl-next:after {

    content:'';

    background: url(../images/right1.png) no-repeat;

    width: 40px;

    height: 40px;

    position: absolute;

    left: 0;

    top: 0; 

}



.right-titlehome{}

.slogan-titlehome{

    color: #fff;

    font-size: 16px;

    font-weight: 700;

    display: flex;

    align-items: center;

    column-gap: 5px;

    text-transform: capitalize;

    margin-bottom: 13px;

}

.slogan-titlehome span{

    color:#EDCD78;

}

.right-titlehome .more-home{

    background: linear-gradient(240deg, #EDCD78 9.11%, #FCF7CD 24.71%, #F7E1A5 46.27%, #FDF8D0 66.13%, #EDCD78 102.11%);

    margin-left: auto;

}

.right-titlehome .more-home span{

    color:var(--background-static);

    background: none;

    background-clip: unset;

    -webkit-background-clip: unset;

    -webkit-text-fill-color: unset;

}

.section-prolist{

    margin-bottom: 60px;

}

.title-prolist{

    justify-content: space-between;

    align-items: center;

    display: flex;

    margin-bottom: 30px;

}

.title-prolist h2{

    display: flex;

    align-items: center;

    margin-bottom: 0;

}

.name-prolist{

    font-size: 32px;

    text-transform: uppercase;

    font-weight: 700;

    color: var(--background-static);

    line-height: 40px;

}

.icon-prolist{

    height: 32px;

    margin-right: 15px;

}

.photo-prolist{

    position: relative;

    margin-bottom: 30px;

}



.photo-prolist .control-prolist.control-owl button.owl-prev{

    background: transparent;

    width: 40px;

    height: 40px;

    left: -20px;

    opacity: 1;

    filter: drop-shadow(0 0 15px rgba(0, 0, 0, 0.10));

}

.photo-prolist .control-prolist.control-owl button.owl-prev svg{

    display:none;

}

.photo-prolist .control-owl button.owl-prev:after {

    content:'';

    background: url(../images/right1.png) no-repeat;

    width: 40px;

    height: 40px;

    position: absolute;

    left: 0;

    top: 0;

    transform: rotate(180deg);

}



.photo-prolist .control-prolist.control-owl button.owl-next{

    background: transparent;

    width: 40px;

    height: 40px;

    right: -20px;

    opacity: 1;

    filter: drop-shadow(0 0 15px rgba(0, 0, 0, 0.10));

}

.photo-prolist .control-prolist.control-owl button.owl-next svg{

    display:none;

}

.photo-prolist .control-owl button.owl-next:after {

    content:'';

    background: url(../images/right1.png) no-repeat;

    width: 40px;

    height: 40px;

    position: absolute;

    left: 0;

    top: 0; 

}

.wrap-productbc{

    background: #F2F1F6;

}

.wrap-productbc .wrap-content{

    padding: 40px 0 20px 0;

}



.frame-productbc{

    position: relative;

}

.wrap-productbc .title-home h2{padding-left: 35px;background: url(../images/icon14.png) no-repeat left;}

.wrap-productbc .box-product {

    margin: 4px 4px 10px 4px;

}



.question__container {

    max-width: 1015px;

    margin: 0 auto

}



.i-box-question h3 span, .i-box-question h4 span {

    font-size: 17px;

    color: var(--background-static);

    font-weight: 700;

}



.question__item .i-box-question h3, .question__item .i-box-question h4 {

    background: #e8f4ef;

    padding: 15px 15px;

    border-radius: 10px;

    display: flex;

    justify-content: space-between;

    align-items: center;

    margin: 0;

    text-align: left

}



.question__item .i-box-question h3.active, .question__item .i-box-question h4.active {

    background: var(--background-static);

}



.question__item .i-box-question h3.active span, .question__item .i-box-question h4.active span {

    color: #fff

}



.question__item .i-box-question h3.active i, .question__item .i-box-question h4.active i {

    transform: rotate(90deg);

    color: #fff

}



.question__item .i-box-question h3 i, .question__item .i-box-question h4 i {

    color: var(--background-static);

    font-size: 20px

}



.i-desc-question {

    padding: 10px;

    padding-left: 30px;

    color: #333;

}



.question__item {

    cursor: pointer;

    margin-bottom: 10px;

    border-radius: 10px;

    overflow: hidden;

}



.i-box-question {

    background: #e8f4ef;

}



.i-desc-question {

    display: none

}



.i-box-question.active .i-desc-question {

    display: block

}

.bar {

    height: 4px;

    width: 85px;

    background: var(--background-static);

    position: relative;

    border-radius: 5px;

    overflow: hidden;

    margin: 0 auto;

}



.bar:before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    height: 100%;

    width: 5px;

    background: #fff;

    animation-duration: 2s;

    animation-timing-function: linear;

    animation-iteration-count: infinite;

    animation-name: MOVE-BG

}



@keyframes MOVE-BG {

    from {

        transform: translateX(0)

    }



    to {

        transform: translateX(85px)

    }

}

.time-newsnb{

    font-weight: 600;

    margin-bottom: 5px;

}

@media (max-width: 1024px) {

 

    .name-tieuchi{

       font-size:14px;

   }

    .section-prolist{

    overflow: hidden;

}

    .footer-title {

    font-size: 16px;

    margin-bottom: 20px;

}

    .title-newsletter span{

    font-size: 14px;

}

    .wrap-newsnb .wrap-content{

    padding: 25px 0;

    overflow: hidden;

}

    .photo-prolist .control-prolist.control-owl button.owl-prev,.photo-prolist .control-prolist.control-owl button.owl-next{

        display:none;

        

    }

    .title-prolist{

    margin-bottom: 20px;

}

    .name-prolist{

    font-size: 28px;

    }

    .background-xam{

    padding: 25px 0 30px 0;

    margin-bottom: 20px;

    }

    .item-product{

    width: calc(100%/4 - 19px);

    }

    .flex-tagspro{

    margin: 0px -5px;

}

    .item-tagspro{

    width: calc(100% / 4 - 10px);

    margin: 0px 5px 10px 5px;

}

    .title-home h2{

    font-size: 28px;

}

    .wrap-brand .title-home h2{

    }

    .title-home {

    margin-bottom: 25px;

    }

    .wrap-brand .wrap-content{

    padding: 25px 0;

}

    .left-head{

    width: 100%;

    background: no-repeat;

    justify-content: center;

}

    .right-head{

    display: none;

}

   .wrap-tieuchi .wrap-content, .wrap-productbc .wrap-content{

    overflow: hidden;

}

    .left-head:after{

    display: none;

}

    

    .contact-input {

        margin-bottom:15px

    }



    .flex-cus,.row-20,.row-video {

        margin-left: -5px;

        margin-right: -5px

    }



    .col-20,.mg-cus,.mg-video {

        padding-left: 5px;

        padding-right: 5px

    }



    .content-text img {

        height: auto!important

    }



    .padding-top-bottom {

        padding: 2rem 0

    }



    .pad-top {

        padding-top: 2rem

    }



    .pad-bottom {

        padding-bottom: 2rem

    }



    .mg-top {

        margin-top: 2rem

    }



    .mg-bottom {

        margin-bottom: 2rem

    }



    .title-detail-main {

        font-size: 20px

    }



    .cart-fixed {

        bottom: 400px

    }



    .cart-pro-detail {

        width: 100%;

        margin-top: 10px

    }



    .pad-bottom {

        padding-bottom: 2rem!important

    }



    .pad-top {

        padding-top: 2rem!important

    }



    .padding-top-bottom {

        padding: 2rem 0!important

    }



    .menu {

        display: none

    }



    .menu-res {

        display: block

    }



    .product-tool {

        opacity: 1;

        visibility: visible;

        position: initial

    }



    .product-tool a span {

        display: none

    }

}



@media (max-width: 992px) {

    .othernews {

        position:initial

    }



    .footer-title:after {

        width: 100%

    }



    #fanpage-facebook {

        width: 300px;

        overflow: hidden;

        margin: auto

    }



    .footer-news:nth-child(4) {

        width: 100%

    }



    .footer-news:nth-child(3) {

        width: 100%;

        margin-bottom: 20px

    }



    .footer-news:nth-child(2) {

        width: 100%;

        margin: 20px 0

    }



    .footer-news:nth-child(1) {

        width: 100%

    }



    .time-news {

        display: none

    }



    .copyright,.statistic {

        width: 100%;

        text-align: center

    }



    .footer-ul li {

        width: calc(100% / 2 - 5px)

    }



    .footer-ul {

        display: flex;

        flex-flow: row wrap;

        justify-content: space-between

    }

}



@media (max-width: 768px) {

    .footer-article .wrap-content{

    padding:30px 0;

}

    .box-tieuchi{

    width: calc(100% / 2 - 14px);

}

    .top-footer{

    padding: 20px 0;

}

    .left-footer{

    width: 100%;

}

.right-footer{

    width: 100%;

}

    .namelist-newsnb{

    margin-bottom: 0;

}

    a.name-newsnb {

    font-size: 14px;

    margin-bottom: 0;

}

        .title-home h2{

    font-size: 25px;

}

    .flex-productct{

    margin: 0 -5px;

}

     .item-product{

    width: calc(100%/3 - 10px);

    margin: 0 5px 10px 5px;

    }

        .item-tagspro{

    padding: 10px 0;

}

    .name-tagspro{

    font-size: 15px;

}

    .wrap-productsale{

    padding: 40px 0 27px 0;

}

    .wrap-productct .title-home h2{

    font-size: 20px;

}

    .item-brand{

    width: calc(100%/3 - 20px);}

    .right-slideshow{

    display: none;

}

       .left-slideshow{width: 100%;}

    .item-video1 img {

        height:250px

    }



    .right-intro {

        width: 100%

    }



    .left-intro {

        width: 100%;

        margin-bottom: 20px;

        padding-right: 0

    }



    .left-pro-detail,.right-pro-detail {

        width: 100%;

        margin: 0

    }



    .left-pro-detail,.top-contact .article-contact {

        margin-bottom: 30px

    }



    .pic-news {

        width: 40%

    }



    .info-news {

        width: 60%;

        padding-left: 10px

    }



    .name-news {

        font-size: 15px

    }



    .desc-news.text-split {

        -webkit-line-clamp: 2

    }

        .name-prolist{

    font-size: 25px;

    }

}



@media (max-width: 576px) {

    .wrap-productct .title-home h2{

    font-size: 16px;

    background-size: contain;

    padding-left: 30px;

}

    .name-product {

    line-height: 23px;

}

    .frame-productsale .cart-product span.cart-add {

    width: 100%;

    margin-top: 5px;

    }

    .frame-productsale .price-per {

    width: 100%;

    }

      .right-slideshow{

    display: flex;

    width:100%;

    margin-top: 10px;

    padding: 0 10px;

    column-gap: 10px;

}

    .number-brand{

    font-size: 14px;}

    .name-brand{

    font-size: 14px;

    }

   

    .newsletter-input .form-floating.form-floating-cus>label {

    padding: 13px 10px;

    padding-left: 60px;

}

    .newsletter-input .form-floating-cus>select,.newsletter-input .form-floating.form-floating-cus>input {

    height: 50px;

}

    .newsletter-button {

    width: 100%;

    margin-top: 10px;

}

    .newsletter-input {

    width: 100%;

}

        .name-prolist{

    font-size: 20px;

    }

    .wrap-procat{

    margin-bottom: 20px;

}

    .wrap-procat .wrap-content{

    padding: 30px 0;

}

    .price-old {

    font-size: 14px;

}

    .price-new {

    font-size: 14px;

    }

        .item-product{

    width: calc(100%/2 - 10px);

    }

      .title-home h2{

    font-size: 25px;

}

    .more-home{display: none;}

       .title-home h2{

    font-size: 20px;

}

        .item-tagspro{

    width: calc(100% / 2 - 10px);}

    .title-home {justify-content: center;}

    .right-titlehome{

    display: none;

}

    .flex-brand{

    margin: 0 -5px;

}

     .item-brand{

    width: calc(100%/2 - 10px);

    margin: 0px 5px 10px 5px;

    padding-left: 10px;

    }

    .toast-cus {

        left:5px;

        width: calc(100% - 10px)

    }



    .box-readmore {

        width: calc(100% - 5px)

    }



    .newshome-scroll {

        width: 100%

    }



    .newshome-intro {

        width: 100%;

        margin-bottom: 20px

    }



    .top-contact .form-contact .button-contact .file-contact span b {

        max-width: 105px

    }



    .cart-pro-detail {

        flex-wrap: wrap

    }



    .cart-pro-detail a {

        width: 100%;

        text-align: center;

        margin: 0!important

    }



    .cart-pro-detail a:first-child {

        margin-bottom: 5px!important

    }

}