/*
Theme Name: TheCi
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
Text Domain: theci
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
*/
::-webkit-scrollbar-track {
    background-color: #ebebeb;
}
::-webkit-scrollbar {
    width: 8px;
    background-color: #ebebeb;
}
::-webkit-scrollbar-thumb {
    background-color: grey;
}
:root{
    --color-blue-main: #333f69;
    --color-green-main: #72AE44;
    --color-orange-main: #ed9718;
    --color-blue-sky-main: #1baee4;
}
@font-face {
    font-family: 'SVN-Merge';
    src: url('assets/fonts/SVN-MergeRegular.eot');
    src: url('assets/fonts/SVN-MergeRegular.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/SVN-MergeRegular.woff2') format('woff2'),
        url('assets/fonts/SVN-MergeRegular.woff') format('woff'),
        url('assets/fonts/SVN-MergeRegular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'SVN-Merge';
    src: url('assets/fonts/SVN-MergeBold.eot');
    src: url('assets/fonts/SVN-MergeBold.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/SVN-MergeBold.woff2') format('woff2'),
        url('assets/fonts/SVN-MergeBold.woff') format('woff'),
        url('assets/fonts/SVN-MergeBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
html, body {
    font-size: 18px;
    color: #333;
    line-height: 1.6;
    font-family: 'SVN-Merge';
}
b,
strong {
    font-weight: bold;
}
.h2,
h2 {
    font-size: 1.4em;
}
.h3,
h3 {
    font-size: 1.2em;
}
h1, h2, h3, h4, h5, h6, .heading-font {line-height: 1.2;}
.res-text {font-size: 14px;}
.ux-menu-link__link {
    padding: 0;
    min-height: unset;
    margin-bottom: 8px;
}
#breadcrumbs {
    padding: 10px 0;
    margin-bottom: 30px;
    background: #fff;
    padding-bottom: 0;
}
#breadcrumbs p {
    margin: 0;
}
.breadcrumbs,
#breadcrumbs span {
    font-size: 18px;
    text-transform: initial !important;
    color: var(--color-blue-main);
    opacity: 1;
}
#breadcrumbs a {
    text-transform: initial;
    font-size: 18px;
    color: var(--color-blue-main);
    font-weight: 600;
}
.taxonomy-description ul,
.taxonomy-description ol {
    padding-left: 25px;
}
.taxonomy-description {
    margin-bottom: 30px;
}
.row .row-small:not(.row-collapse),
.container .row-small:not(.row-collapse) {
    margin-left: -10px;
    margin-right: -10px;
    margin-bottom: 0;
}
.row-small > .flickity-viewport > .flickity-slider > .col,
.row-small > .col {
    padding: 0 10px 20px;
    margin-bottom: 0;
}
pre,
blockquote,
form,
figure,
p,
dl,
ul,
ol {
    margin-bottom: 20px;
}
.nav-dropdown-has-border .nav-dropdown {
    border: none;
    padding: 10px 5px;
    border-radius: 12px;
}
.nav-dropdown-has-border .nav-dropdown a {
    font-size: 14px;
    color: #333;
    /* border-bottom: 1px dashed #ececec !important; */
}
.button.az-button {
    padding: 0 25px;
    line-height: 44px;
    height: 46px;
    font-weight: 500;
    font-size: 16px;
    border: none;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    text-shadow: unset;
    border-radius: 99px;
}
.button.az-button i {z-index: 2;position: relative;display: inline-block;top: -1px;}
.button.is-underline {padding: 0 5px;}
.button.is-underline:hover {padding: 0 20px;color: white;}
.button.is-link:hover {color: #7cae4f}
.button.az-button span {z-index: 2;position: relative;letter-spacing: -.6px;}
.dark .button.is-link:hover, .dark .button.is-underline:hover {opacity: 1;}
.button.is-underline:before {
    width: 100%;
    left: 0;
    background: #7cae4f;
    opacity: 1;
}
.button.is-underline:hover:before {
    height: 100%;
}
.button.az-button.secondary {
    border-color: #df4521;
}
.button.az-button.is-small {
    height: 40px;
    font-size: 15px;
    line-height: 40px;
    padding: 0 16px;
    border: none;
    font-weight: 500;
}
.az-button.white {
    background: white !important;
    border: 1px solid white !important;
    color: #184363 !important;
}
.az-button.white:hover {
    background: #15a9e3 !important;
    border: 1px solid #15a9e3 !important;
    color: #fff !important;
    box-shadow: unset;
}
.is-outline.az-button {
    background: transparent;
    color: #72AE44;
    border: 1px solid #72AE44;
}
.is-outline.az-button:before {
    content: '';
    position: absolute;
    background: #72AE44;
    width: 0px;
    left: 0;
    top: 0;
    bottom: 0;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
}
.is-outline.az-button:hover {background: none !important;}
.is-outline.az-button:hover:before {width: 100%;}
.button.az-button .inner-button  > i {
    vertical-align: 0;
    margin-right: 10px;
    margin-left: 0;
}
.button.az-button .inner-button > span + i {
    margin-right: 0;
    margin-left: 10px;
}
.az-button.is-outline.white {
    background: transparent !important;
    color: #fff;
    border-color: #fff;
}
.az-title-shortcode {
    margin-bottom: 20px;
}
.az-title-shortcode.center {
    text-align: center;
    margin-bottom: 40px;
}
.az-sub-title {
    margin-bottom: 0;
    font-weight: 600;
    color: #8b8b8b;
}
.az-title-shortcode .title-description {
    margin-top: 10px;
    font-weight: 500;
}
.az-title {
    text-transform: uppercase;
    color: #2e3191;
    font-size: 30px;
    margin-bottom: 0;
    line-height: 1.4;
    font-weight: bold;
}
.section-title-container {margin-bottom: 20px;}
.section-title .sub-title {
    font-size: 16px;
    color: #72AE44;
    font-weight: 500;
    padding: 0;
    opacity: 1;
    line-height: 1.44;
    padding-bottom: 10px;
}
.section-title .sub-title:before {
    content: '';
    width: 50px;
    display: inline-block;
    background: #72AE44;
    height: 1px;
    margin-right: 10px;
}
.section-title-center .sub-title:before {display: none;}
h2.section-title {
    font-size: 32px;
    line-height: 125%;
    border: none;
    margin-bottom: 0;
}
.section-title-center {
    margin-bottom: 10px !important;
}
.description-title {
    color: #4d4d4d;
    font-weight: 500;
    margin: 0 auto 30px;
    max-width: 800px;
}
.section-title-center ~ .description-title {
    text-align: center;
}
.section-title {
    font-weight: bold;
}
.section-title .ez-toc-section {display: none;}
.section-title-normal {
    border: none;
    margin-bottom: 0;
    align-items: flex-start;
}
.section-title-normal a.view-more {
    font-size: 13px;
    font-weight: 500;
    background: #184363;
    padding: 0 20px;
    border-radius: 7px;
    color: #fff;
    line-height: 30px;
    height: 30px;
}
.section-title-normal a.view-more i {
    color: #fff;
}
.section-title-main {
    border: none !important;
    padding: 0;
    margin: 0;
    text-transform: initial;
    font-weight: bold;
    position: relative;
    line-height: 1.2;
    text-align: center;
}
.section-title-normal .section-title-main {text-align: left;margin-right: 0;margin-left: 0;padding-bottom: 0;padding-left: 0;}
.section-title-normal .section-title-main span {
    padding: 0;
    margin: 0;
    border: none;
    position: relative;
    z-index: 2;
    text-transform: initial;
    color: var(--color-blue-main);
}
.section-title-normal .read-more {
    text-transform: initial;
    margin: 0;
    padding: 0 0 0 5px;
    border: none;
    border-bottom: 1px solid #7cae4f;
    border-radius: 0;
    line-height: 36px;
    height: 36px;
    font-weight: normal;
    min-height: unset;
    font-size: 14px;
}
.section-title-normal .read-more span {
    border: none;
    margin: 0;
    padding: 0;
}
.title-text-link .section-title-normal .section-title-main {
    max-width: calc(100% - 150px);
}
h1.section-title .section-title-main {
    font-size: 56px;
}
h2.section-title .section-title-main {
    font-size: 40px;
}
.section-title-center {
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.section-title-center span {
    margin: 0 auto;
}
.section-title span {text-transform: initial;}
@media screen and (min-width: 850px){
    .off-canvas-right .mfp-content,
    .off-canvas-left .mfp-content {
        width: 500px;
    }
}
input[type="email"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
    box-shadow: unset;
    border-color: var(--color-blue-main) !important;
}
input[type='email'], input[type='search'], input[type='number'], input[type='url'], input[type='tel'], input[type='text'], textarea, input[type='password'], input[type='time'], input[type='date'], select {
    border: 1px solid #ebebeb;
    box-shadow: none;
    font-size: 14px;
    border-radius: 5px;
    width: 100%;
    padding: 0 10px;
    display: block;
    height: 36px;
    line-height: 36px;
    border-radius: 5px;
    color: #737373;
}
textarea {
    line-height: 1.6;
    padding: 15px;
    box-shadow: unset;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type="number"] {
    -moz-appearance: textfield;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #BDBDBD;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #BDBDBD;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #BDBDBD;
}
.box-push .box-text {
    border-radius: 5px 5px 0 0;
    background: rgba(255, 255, 255, 0.8);
}
.flickity-prev-next-button {
    height: 40px;
    width: 40px;
    margin: 0 !important;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    box-shadow: unset;
    top: calc(50% - 20px);
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.45);
    border: 1px solid rgba(255, 255, 255, 0.15);
}
.flickity-prev-next-button:hover {
    background: #184363;
    color: white !important;
}
.flickity-prev-next-button:before {
    content: "\eaa0";
    display: inline-block;
    font-display: block;
    font-family: IcoFont !important;
    font-style: normal;
    font-weight: 500 !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: -0.125em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: inherit;
    font-size: 22px;
}
.flickity-prev-next-button.previous:before {
    content: "\ea9d";
}
.flickity-prev-next-button svg {
    display: none;
}
.slider-nav-circle .flickity-prev-next-button .arrow {
    border: none;
}
.slider-nav-normal .flickity-prev-next-button,
.slider-nav-small .flickity-prev-next-button {
    width: 25px;
    height: 25px;
    min-height: unset;
    font-size: 13px;
    top: calc(50% - 13px);
}
.slider-nav-light .flickity-prev-next-button {
    color: #184363;
    background: #ebebeb;
}
.slider-nav-light .flickity-prev-next-button:hover {
    color: #fff;
    background: #184363;
}
.flickity-enabled .flickity-page-dots .dot {
    width: 10px;
    height: 10px;
    background: transparent;
    margin: 0 4px;
    border: 1px solid var(--color-blue-main);
    opacity: .5;
}
.flickity-enabled .flickity-page-dots .dot.is-selected {
    background: var(--color-blue-main);
}
.pagination-outside > .slider,
.pagination-outside.slider {
    padding-bottom: 30px;
}
.pagination-outside.slider .flickity-page-dots, .pagination-outside>.slider .flickity-page-dots {
    bottom: 0;
}
.page-wrapper {
    padding: 0;
}
table {
    margin: 0 auto 1.5em;
    width: 100%;
    border-top: 1px solid #bfbfbf;
    border-left: 1px solid #bfbfbf;
}
table td,
table th {
    padding: 10px !important;
    border-right: 1px solid #bfbfbf;
    border-bottom: 1px solid #bfbfbf;
}

/*************** AZ ICON BOX  ***************/
.az-icon-box {
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
    height: 100%;
}
.az-icon-header {
    padding: 25px;
    text-align: center;
}
.az-icon-box-title {
    margin: 8px 0 0;
    color: #fff;
    font-weight: 500;
    font-size: 18px;
    line-height: 130%;
}
.az-icon-box-description {
    font-weight: 300;
    padding: 15px 15px 10px;
    text-align: center;
}
.az-icon-box-description > *:last-child {
    margin-bottom: 10px;
}
.az-icon-box-description p {
    margin-bottom: 10px;
}

/*************** AZ MENU  ***************/
.az-menu,
.sticky-menu .ux-menu {
    display: flex;
    align-items: center;
    list-style: none;
    padding: 0 0 20px;
    border-bottom: 1px solid #e6e6e6;
    flex-direction: row;
    margin-bottom: 20px;
}
.sticky-menu {
    position: sticky;
    top: 70px;
    background: #f7f7f7;
    z-index: 99;
    padding: 0 !important;
}
.sticky-menu .ux-menu {
    justify-content: center;
}
.az-menu li,
.sticky-menu .ux-menu-link {
    margin-right: 32px !important;
    margin-left: 0 !important;
    margin-bottom: 0 !important;
}
.az-menu li a,
.sticky-menu .ux-menu-link a {
    color: #333;
    font-weight: 500;
    font-size: 14px;
    line-height: 150%;
    position: relative;
    transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    white-space: nowrap;
    min-height: unset;
    padding: 0;
    display: block;
}
.az-menu li.current-menu-item a,
.az-menu li:hover a,
.sticky-menu .ux-menu-link:hover a,
.sticky-menu .ux-menu-link.active a {
    color: #e51b23;
}
.az-menu li a:after,
.sticky-menu .ux-menu-link a:after {
    content: "";
    width: 100%;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: -21px;
    display: block;
    background: transparent;
    transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
}
.az-menu li.current-menu-item a:after,
.az-menu li:hover a:after,
.sticky-menu .ux-menu-link:hover a:after,
.sticky-menu .ux-menu-link.active a:after {
    background: #e51b23;
}

/*************** CTA BUTTON ***************/
.neo_cta {
    position: fixed;
    z-index: 1000;
    left: 0;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    bottom: 0;
    padding: 15px;
}
.neo_cta.right {
    left: initial;
    right: 0;
}
.neo_cta_list_button .cta_button {
    margin-top: 25px;
    margin-bottom: 0;
}
.neo_cta_list_button {
    list-style: none;
    margin: 0;
}
.neo_cta_list_button .cta_button .cta_button--icon {
    position: relative;
    display: block;
    text-align: center;
    width: 50px;
    height: 50px;
    line-height: 44px;
    color: #fff;
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.11);
    background: white;
}
.neo_cta_list_button .cta_button .cta_button--icon img {
    border-radius: 50%;
    display: block;
    width: 100%;
    -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
    animation: phone-vr-circle-fill 1s infinite ease-in-out;
}
.phone-vr-circle-fill {
    width: 60px;
    height: 60px;
    top: -5px;
    left: -5px;
    position: absolute;
    box-shadow: 0 0 0 0 #7eb150;
    background-color: rgb(126 177 80 / 40%);
    border-radius: 50%;
    border: 2px solid transparent;
    -webkit-animation: phone-vr-circle-fill 2.3s infinite ease-in-out;
    animation: phone-vr-circle-fill 2.3s infinite ease-in-out;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animuiion: zoom 1.3s infinite;
    animation: zoom 1.3s infinite;
}
.neo_cta_list_button .cta_button:first-child .phone-vr-circle-fill {
    box-shadow: 0 0 0 0 #c12a26;
    background-color: rgb(193 42 38 / 40%);
}
.neo_cta_list_button .cta_button:nth-of-type(2) .phone-vr-circle-fill {
    box-shadow: 0 0 0 0 #6074fd;
    background-color: #6074fd69;
}
@-webkit-keyframes phone-vr-circle-fill {
    0% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }

    10% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg)
    }

    20% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg)
    }

    30% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg)
    }

    40% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg)
    }

    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }

    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }
}
@-webkit-keyframes zoom {
    0% {
        transform: scale(.9)
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 15px transparent
    }

    100% {
        transform: scale(.9);
        box-shadow: 0 0 0 0 transparent
    }
}

@keyframes zoom {
    0% {
        transform: scale(.9)
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 15px transparent
    }

    100% {
        transform: scale(.9);
        box-shadow: 0 0 0 0 transparent
    }
}
.neo_cta_list_button .cta_button .cta_button--icon .tooltip-text {
    position: absolute;
    top: 10px;
    left: 60px;
    z-index: 9;
    height: 32px;
    line-height: 26px;
    padding: 3px 10px;
    width: auto;
    border-radius: 5px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    background-color: #363e68;
    visibility: hidden;
    opacity: 0;
    -ms-transition: all 200ms linear;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}
.neo_cta.right .cta_button .cta_button--icon .tooltip-text {
    right: 55px;
    left: initial;
}
.neo_cta_list_button .cta_button .cta_button--icon .tooltip-text:before {
    content: '';
    width: 0;
    height: 0;
    border-width: 5px;
    border-style: solid;
    border-color: transparent #363e68 transparent transparent;
    position: absolute;
    right: 100%;
    top: 0;
    bottom: 0;
    margin: auto;
    -ms-transition: all 200ms linear;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}
.neo_cta.right .cta_button .cta_button--icon .tooltip-text:before {
    right: initial;
    left: 100%;
    border-color: transparent transparent transparent #363e68;
}
.neo_cta_list_button .cta_button .cta_button--icon:hover {
    text-decoration: none;
    opacity: 0.9;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15), 0 4px 15px rgba(0, 0, 0, 0.13);
}
.neo_cta_list_button .cta_button .cta_button--icon:hover .tooltip-text {
    visibility: visible;
    opacity: 1;
}

.neo_cta.cta_mobile {
    padding: 0;
    width: 100%;
    background: #7bae4a;
}
.neo_cta.cta_mobile .neo_cta_list_button {
    display: flex;
    width: 100%;
    padding: 10px 0;
    justify-content: center;
}
.neo_cta.cta_mobile .neo_cta_list_button .cta_button {
    flex: 1;
    overflow: hidden;
    margin: 0;
    border-right: 1px solid #ffffff38;
}
.neo_cta.cta_mobile .neo_cta_list_button .cta_button:last-child {border:none;}
.neo_cta.cta_mobile .neo_cta_list_button .cta_button--icon {
    width: 100%;
    height: auto;
    box-shadow: unset;
    display: flex;
    overflow: hidden;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    border-radius: 0;
    background: none;
}
.neo_cta.cta_mobile .neo_cta_list_button .cta_button--icon img {
    border: none;
    display: block;
    height: 18px;
    background: none;
    width: auto;
    border-radius: 0;
}
.neo_cta.cta_mobile .cta_button .cta_button--icon .tooltip-text {
    position: static;
    visibility: visible;
    opacity: 1;
    background: none;
    color: #FFF;
    font-size: 12px;
    padding: 0 5px;
    font-weight: 500;
    height: auto;
    line-height: 1;
    margin-top: 5px;
}
.neo_cta.cta_mobile .cta_button .cta_button--icon .tooltip-text:before {display:none;}

/*************** TOOLTIPSER  ***************/
.tooltipster-sidetip .tooltipster-box {
    border: none !important;
    font-weight: 400;
}
.tooltipster-default .tooltipster-content {
    font-weight: 400;
    font-size: 12px;
}

/*************** AZ VIDEO  ***************/
.az-video .box {
    padding: 10px;
    display: block;
    background: #fff;
    /* border-radius: 12px; */
    overflow: hidden;
    margin-bottom: 20px;
}
.az-video .box-image {
    /* border-radius: 10px; */
}
.az-video .box-text {
    padding: 15px 10px 5px;
}
.az-video .box-text h3 {
    text-align: center;
    margin: 0;
    color: #4d4d4d;
}

/*************** SOCIAL ***************/
.social-icons {display: flex;align-items: center;}
.text-center .social-icons {justify-content: center}
.social-icons .icon {
    display: inline-flex;
    align-items: center;
    position: relative;
    justify-content: center;
    transition: all .6s cubic-bezier(.19,1,.22,1);
    backface-visibility: hidden;
    transform-origin: 0 100%;
    background: transparent;
    color: #184363;
    border: none;
    margin: 0 3px !important;
}
.social-icons .button {
    border-radius: 7px !important;
    background-color: #f0f0f0;
    width: 32px;
    height: 32px;
    line-height: 32px;
}
.social-icons .icon i, .social-icons .icon svg {display: block;top: 0;color: white}
.social-icons .button.icon:hover {
    transform: translateY(-5px);
}
.social-icons .button.icon:hover i {color: inherit !important;}
.social-icons .icon svg {
    fill: #fff;
    transition: fill .3s ease-out;
    width: 14px;
    vertical-align: middle;
    display: inline-block;
    position: relative;
}
.social-icons .button svg {fill: #184363;}
.social-icons a.button.twitter>svg {
    fill: #00aced;
}
.social-icons a.button.pinterest>svg {
    fill: #cb2027;
}
.social-icons a.button.linkedin>svg {
    fill: #007bb6;
}
.social-icons a.button.whatsapp>svg {
    fill: #55b750;
}
.social-icons a.button.telegram>svg {
    fill: #08c;
}

/*************** HEADER ***************/
#masthead {
    padding: 0 30px;
    background: white;
}
.stuck .header_logo {display: none !important;}
.stuck .header-logo-dark {display: block !important;}
#masthead .header-nav-main.nav-center > li {
    margin: 0;
    padding: 0;
}
#masthead .header-nav-main > li > a {
    font-size: 20px;
    padding: 10px 25px;
    color: var(--color-blue-main);
    position: relative;
    display: block;
    font-weight: 700;
    line-height: 1;
}
.page-template-page-transparent-header-light #masthead .header-nav-main.nav-center > li > a:after,
.stuck #masthead .header-nav-main.nav-center > li > a:after{background: #7cae4f;}
.page-template-page-transparent-header-light #masthead .header-nav-main.nav-center > li > a:after {background: #7cae4f;}
#masthead .header-nav-main > li:hover > a, #masthead .header-nav-main > li.current-menu-item > a, #masthead .header-nav-main > li.current-menu-parent > a {color: #72AE44;}
#masthead .header-nav-main > li:hover > a:after,
#masthead .header-nav-main > li.current-menu-item > a:after,
#masthead .header-nav-main > li.current-menu-parent > a:after {
    left: 0;
    right: 0;
}
#masthead .header-nav-main > li .sub-menu {
    border-radius: 0;
    left: 0;
    padding: 0;
    min-width: 350px;
    background: unset;
    box-shadow: unset;
}
#masthead .header-nav-main > li .sub-menu a {
    margin: 0;
    border:none;
    font-weight: 300;
    padding: 10px 15px;
    color: #333;
    /* border-left: 2px solid transparent; */
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    font-size: 16px;
    margin-bottom: 7px;
    background-color: var(--color-blue-main);
    color: #fff;
    border-radius: 20px;
    text-transform: uppercase;
}
#masthead .header-nav-main > li .sub-menu a:hover,
#masthead .header-nav-main > li .sub-menu li.current-menu-item a {
    background-color: var(--color-orange-main);
}
#masthead .header-nav-main > .header-language-dropdown {margin: 0 !important;}
#masthead .header-nav-main > .header-language-dropdown > a {
    line-height: 40px;
    padding: 0;
    background: #363e68;
    border-radius: 88px;
    display: flex;
    height: 40px;
    justify-content: center;
    align-items: center;
    width: 40px;
}
#masthead .header-nav-main > .header-language-dropdown > a i.icon-angle-down {
    margin-left: 8px;
    font-size: 13px;
}
#masthead .header-language-dropdown .image-icon {border-radius: 5px;overflow: hidden;}
#masthead .header-language-dropdown img {
    display: block;
    height: 32px !important;
    border-radius: 3px;
}
#masthead .header-nav-main > li.header-language-dropdown > a:after {display: none;}
li.header-language-dropdown .list-language {
    position: absolute;
    list-style: none;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 7px;
    display: block;
    min-width: 48px;
    max-width: unset;
    padding: 3px;
    top: calc(100% + 10px);
    opacity: 0;
    visibility: hidden;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    left: calc(50% - 24px);
}
li.header-language-dropdown:hover .list-language {
    opacity: 1;
    visibility: visible;
    top: 100%;
}
li.header-language-dropdown .list-language li {
    margin: 0;
    display: block;
}
li.header-language-dropdown .list-language a {
    white-space: nowrap;
    display: block;
    padding: 3px;
    color: white;
    font-size: 14px;
}
li.header-language-dropdown .list-language a i, #masthead li.header-language-dropdown .list-language a i img {width: auto;display: block;}
#masthead .header-nav-main.nav-right > li {margin: 0 10px;}
#masthead .header-nav-main.nav-right > li.cart-item {display: none;}
#masthead .header-nav-main.nav-right > li img, .mobile-nav .cart-img-icon {height: 24px;display: block;max-width: unset;}
#masthead .header-nav-main.nav-right > li i {font-size: 20px;}
#masthead [data-icon-label]:after {
    font-weight: normal;
    font-size: 12px;
    background: #7cae4f;
    width: 20px;
    height: 20px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.buy-now-button {
    height: fit-content;
    min-height: unset;
    border-radius: 999px;
    font-weight: bold;
    margin: 0;
    text-transform: initial;
    font-size: 20px;
    padding: 0 25px;
    background: #363e68;
    color: white;
    line-height: 40px;
    display: block;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    min-width: 120px;
    text-align: center;
}
.buy-now-button:hover {
    background: #7eb150;
    color: white;
}

.mini_cart_item a {font-size: 14px;}
.mini_cart_item a img {height: 60px !important;}
.woocommerce-mini-cart__buttons.buttons a.checkout {display: none}
.widget_shopping_cart .widget_shopping_cart_content a {border: none !important;}
.html-1{
    text-align: center;
}
@media screen and (min-width: 850px){
    #masthead .header-inner{
        /* align-items: end; */
        /* padding-bottom: 20px; */
    }
}
#masthead .html_topbar_left .html-1 .hot-line .label{
    color: var(--color-blue-main);
    font-size: 20px;
}
#masthead .html_topbar_left .html-1 .hot-line .tel{
    color: #f78da7;
    font-size: 30px;
    font-weight: bold;
}
#masthead .html_topbar_left .html-1 .button-container{
    display: flex;
    justify-content: center;
    gap: 20px;
}
#masthead .html_topbar_left .html-1 .button{
    height: fit-content;
    min-height: unset;
    line-height: 40px;
    border-radius: 999px;
    font-weight: bold;
    margin: 0;
    text-transform: initial;
    font-size: 20px;
    padding: 0 25px;
}
#masthead .html_topbar_left .html-1 .button span{
    line-height: 40px;
}
#masthead .html_topbar_left .html-1 .button.diem-ban{
    display: flex;
    gap: 10px;
    width: fit-content;
    align-items: center;
}
#masthead .html_topbar_left .html-1 .button.dat-hang{
    background-color: var(--color-blue-main);
}
#masthead .header-nav-main{align-items: center;}

/*************** BLOG ***************/
.entry-header-text {padding: 0;}
.box-list-view .box, .box-vertical {display: flex}
.box-list-view .box .box-text, .box-vertical .box-text {flex: 1;}
.post-grid .post-item {margin-bottom: 20px;border-radius: 7px;overflow: hidden;}
.post-grid .image-cover {padding-top: 0 !important;height: 100%;}
.post-grid .box-list-view .box .box-text, .post-grid .box-vertical .box-text {padding: 20px 30px;background: #fafafa;display: flex;align-items: center;}
#post-list .entry-content {padding: 0;}
#post-list .more-link {
    padding: 0;
    border: none;
    border-bottom: 1px dashed #ffffff85;
    text-transform: initial;
    font-size: 16px;
    color: #7cae4f;
    margin: 10px 0;
}
#post-list .more-link:hover {border-color: #7cae4f;background: transparent}
.entry-header .entry-meta {
    font-weight: 600;
    margin-bottom: 10px;
    font-size: 14px;
}
.related .related-title {
    color: #2B3875;
    font-weight: 700;
    font-size: 40px;
    line-height: 48px;
    text-align: center;
    margin-bottom: 64px;
    margin-top: 50px;
}
.header-single {
    padding: 48px 0;
    color: #4F4F4F;
}
.header-single .single-title {
    font-weight: 700;
    font-size: 48px;
    line-height: 56px;
    color: #2B3875;
    margin-bottom: 10px;
}
.header-single .post_date {font-size: 18px;}
.entry-header .entry-title {margin: 0;font-weight: 600;line-height: 1.4;font-size: 24px;}
.article-inner .single-page {font-size: 16px;}
#secondary .is-divider {
    display: none;
}
#secondary .widget {
    background: #f5f6f8;
    border-radius: 12px;
    overflow: hidden;
    padding: 0 20px 10px;
}
#product-sidebar .widget {background: white}
#secondary .widget_media_image {
    padding: 0;
}
#secondary .widget_media_image img {
    width: 100%;
    border-radius: 12px;
    overflow: hidden;
}
#secondary .widget-title {
    background: #7cae4f;
    color: #fff;
    display: block;
    text-align: center;
    padding: 13px 15px;
    margin: 0 -20px 15px;
}
.recent-blog-posts-li .plain {
    padding: 10px 0;
    display: flex;
    border-bottom: 1px dashed #ebebeb;
}
.recent-blog-posts-li:last-child .plain {border: none;}
.recent-blog-posts-li {
    margin: 0 !important;
    padding-left: 0 !important;
    border-top: none !important;
}
.recent-blog-posts-li:before {
    display: none !important;
}
.recent-blog-posts-li .box-blog-post .box-text {
    padding: 0 15px;
}
.widget.related_posts .widget-title{
    margin-bottom: 0 !important;
}
.widget.related_posts .plain{
    padding: 20px 0;
}
.widget.related_posts .box-blog-post .box-text{
    padding: 20px 0 0 0;
}
.widget.related_posts .recent-blog-posts-li .box-text h3{
    color: var(--color-blue-main);
    font-weight: 600;
    font-size: 17px;
    line-height: 1.4;
    max-height: 48px;
    overflow: hidden;
    display: block;
    white-space: normal;
}
.widget.related_posts .from_the_blog_excerpt{
    display: -webkit-box;
    max-height: 81px;
   -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 3;
    color: #333;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.5;
}
.recent-blog-posts-li .box-text h3 {
    font-size: 15px;
    font-weight: 400;
    color: #1baee4;
    margin: 0;
    display: -webkit-box;
    max-height: 39px;
   -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 2;
}
#custom_html-2,
#custom_html-3{
    border-radius: 10px !important;
    overflow: unset !important;
}
#form--dktv, #form--buy{
    text-align: center;
    border-radius: 10px;
    border: 2px solid #7eb150;
    padding: 10px 20px;
    margin-bottom: 0;
    padding-bottom: 15px;
    position: relative;
    margin: 0 -20px -10px;
    background: white;
}
#form--dktv input:focus,
#form--dktv textarea:focus,
#form--buy input:focus,
#form--buy textarea:focus{
    border-color: var(--color-blue-sky-main) !important;
}
#form--dktv:before,
#form--buy:before{
    content: "";
    position: absolute;
    background-image: url(assets/images/baby-2.webp);
    background-size: cover;
    background-position: center;
    width: 45px;
    height: 65px;
    right: -10px;
    top: -10px;
}
#form--dktv .icon,
#form--buy .icon {
    background-color: var(--color-green-main);
}
#form--dktv input,
#form--buy input {
    height: 38px;
    line-height: 38px;
}
#form--dktv h2.title,
#form--buy h2.title {
    margin-bottom: 20px;
}
#form--dktv button,
#form--buy button {
    text-transform: uppercase;
    font-size: 16px;
    margin-left: auto;
    margin-right: 0;
    padding: 0 30px;
    position: relative;
    background-color: #7eb150;
}
#form--dktv .cgtl,
#form--buy .cgtl {
    display: flex;
    align-items: center;
    margin-top: 20px;
}
#form--dktv .cgtl .avatar,
#form--buy .cgtl .avatar {
    width: 110px;
    border-radius: 999px;
    overflow: hidden;
}
#form--dktv .info,
#form--buy .info {
    flex: 1;
    padding-left: 10px;
}
#form--dktv .info h5,
#form--buy .info h5 {
    font-size: 14px;
}
#form--dktv .info p,
#form--buy .info p {
    font-size: 12px;
}
#form--dktv button[name="submit-dktv"]:before,
#form--buy button[name="submit-buy"]:before {
    content: "";
    position: absolute;
    background-image: url(assets/images/baby-1.webp);
    width: 34px;
    height: 34px;
    bottom: 100%;
    right: 0px;
    background-position: center;
    background-size: cover;
}
.neo--form .group-field {
    display: flex;
    margin: 0 -5px;
}
.neo--form .group-field label {
    padding: 0 5px;
    flex: 1;
}
.neo--form .group-field label.sodienthoai {
    width: calc(100% - 150px);
    flex: 0 0 auto;
}
.neo--form label {
    display: flex;
    margin-bottom: 12px;
}
.neo--form label .icon {
    background: #72AE44;
    color: #fff;
    font-size: 18px;
    text-align: center;
    line-height: 38px;
    flex: 0 0 auto;
    width: 40px;
    border-radius: 5px 0 0 5px;
    display: block;
}
.neo--form label .icon i:before {line-height: inherit;}
.neo--form label input,
.neo--form label textarea {
    border-radius: 5px;
    border: 1px solid #ebebeb;
    font-weight: 400;
    margin: 0;
    padding: 8px 15px;
}
.neo--form .note {
    font-size: 14px;
    color: gray;
    padding: 0 25px;
}
.neo--form button {
    height: 40px;
    line-height: 40px;
    min-height: unset;
    min-width: unset;
    padding: 0 20px;
    display: block;
    background: #1e73be;
    color: #fff;
    border-radius: 99px;
    text-transform: initial;
    margin: 10px auto 0;
}
#ftwp-container.ftwp-wrap #ftwp-contents {border: 1px solid #b7c8de73 !important;}
#ftwp-container.ftwp-wrap #ftwp-header, #ftwp-container.ftwp-wrap #ftwp-list {background: #eef1f7 !important;padding: 15px 0;border-top: 1px dashed #b7c8de73;}
#ftwp-container.ftwp-wrap #ftwp-header {padding: 10px 25px;border-top: none;}
#ftwp-container.ftwp-wrap #ftwp-header-minimize {margin-right: -10px;}
#ftwp-container #ftwp-list.ftwp-list-nest .ftwp-sub .ftwp-anchor::before {display: none;}
.ftwp-sub {padding-left: 15px !important;}
#ftwp-container #ftwp-list.ftwp-list-nest.ftwp-colexp-icon .ftwp-anchor {padding: 5px 25px;font-weight: normal;display: flex;}
#ftwp-container #ftwp-list.ftwp-strong-first.ftwp-liststyle-decimal>.ftwp-item>.ftwp-anchor::before {content: '';width: 6px;height: 6px;background: #2e4c82;transform: rotate(45deg);margin-top: 6px;}
#ftwp-container #ftwp-list.ftwp-strong-first>.ftwp-item>.ftwp-anchor .ftwp-text {font-weight: 500;font-size: 14px;line-height: 1.4;}
.category .nav-pagination{
    margin-top: 40px;
}
.nav-pagination li a,
.nav-pagination li span.current{
    display: block;
    padding: 0 7px;
    color: #fff !important;
    box-sizing: border-box;
    text-align: center;
    transition: .1s ease-in-out;
    transition-property: color, background-color, border-color, box-shadow;
    font-size: 18px;
    border: unset;
    border-radius: unset;
    min-height: unset;
    font-weight: 300;
}
.nav-pagination li a{
    background-color: var(--color-blue-main);
}
.nav-pagination li span{
    border: unset;
    border-radius: unset;
}
/*************** BLOG-LAYOUT ***************/
.box-blog-post .box-image .post-date{
    position: absolute;
    top: 0;
    left: 0;
    font-size: 16px;
    color: #fff;
    background-color: var(--color-orange-main);
    font-weight: 600;
    padding: 6px;
    line-height: 1.4;
}
.box-blog-post .box-text{
    padding: 20px 0 0 0;
}
.box-blog-post .post-title{
    margin: 0;
}
.box-blog-post .post-title a{
    margin: 0;
    line-height: 1.4;
    font-size: 20px;
    display: -webkit-box;
    height: 56px;
   -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 2;
}
.box-blog-post .post-title a:hover{
    color: var(--color-blue-main);
}
.box-blog-post .from_the_blog_excerpt {
    margin-top: 10px;
    margin-bottom: 0;
    font-size: 18px;
    line-height: 1.5;
    color: #666666;
}
.box-blog-post .readmore{
    border: unset !important;
    background-color: var(--color-orange-main);
    color: #fff;
    font-size: .875rem;
    line-height: 30px;
    margin: 0;
    margin-top: 10px;
    margin-left: auto;
    display: block;
    width: fit-content;
    min-height: unset;
    padding: 0 15px;
    border-radius: 10px;
    font-weight: 300;
}
/*************** PRODUCT ***************/
.product_meta .posted_in {padding-top: 10px;}
.col-inner .product-small {
    border-radius: 12px;
    overflow: hidden;
}
.product-small .box-text {display: flex;flex-direction: column;padding-left: 20px;padding-right: 20px;}
.product-small .box-text .category {text-transform: initial;font-size: 14px;color: #aa180d;opacity: 1;margin-bottom: 5px;}
.product-section {border:none;padding: 10px 0;}
.related-products-wrapper {padding: 50px 0;}
.related.related-products-wrapper {/* background: #fafafa; */}
.single-product #breadcrumbs {margin-bottom: 0;}
h1.shop-page-title {margin-bottom: 0;text-transform: uppercase;}
.product-small .product-title a {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 5px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    color: var(--color-blue-main);
}
.product-small .product-title:hover a {/* color: #fff; */}
.product-small .link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding-top: 20px;
    gap: 10px;
}
.product-small:hover .link {
    bottom: 50%;
    opacity: 1;
    visibility: visible;
}
.product-small .link a {
    margin: 0;
    max-width: calc(50% - 5px);
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all linear .3s;
    text-align: center;
    flex-basis: calc(50% - 7px);
    font-weight: 500;
    padding: 0;
    border-radius: 999px;
}
.product-small .link a.quick-view {border: none;}
.product-small .link a.added_to_cart {display: none;}
.product-small .link a:hover, .product-small .link a.added {
    color: #fed5a6;
}
.product-small .link a i {
    line-height: 1;
    transition: all linear .3s;
}
.product-small .link a:hover i, .product-small .link a.added i {color:white;}
.product-small .price-wrapper .price > * {
    display: inline-block;
}
.price-wrapper .price.contact-price, .product-info .price-wrapper .contact-price {
    font-size: 28px;
    font-weight: 600;
    color: var(--color-orange-main);
}
.price-wrapper .price {
    display: inline-block;
    font-size: 26px;
    margin-top: 0;
}
.product-small .price-wrapper bdi, .product-small .price-wrapper .no-price {
    font-size: 28px;
}
.product-small .price-wrapper .label{
    font-size: 20px;
    color: var(--color-blue-main);
}
.product-small .price-wrapper del bdi {
    font-size: 16px;
    opacity: 1;
    color: #333;
    margin-bottom: 5px;
    display: block;
}
del span.amount {display: block;}
.product-main del span.amount {display: inline-block;text-decoration: line-through;color: #333;opacity: .7;font-size: 20px;}
.product-small .price-wrapper a.button {
    background: #e63400;
    line-height: 40px;
    height: 40px;
    padding: 0 20px;
    border-radius: 34px;
    font-weight: 600;
    font-size: 14px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    margin: 0 0 0 auto;
    border-radius: 7px;
    white-space: nowrap;
    border: none;
    text-transform: uppercase;
}
.product-small .price-wrapper a.view_detail:hover {background: #580e06;color: white;}
span.amount {color: var(--color-orange-main);}
.sticky-add-to-cart {
    display: flex;
}
.sticky-add-to-cart.sticky-add-to-cart--active {max-width: 405px;padding: 20px;border: 1px solid #ebebeb;border-radius: 7px;left: 10px;bottom: 10px;justify-content: flex-start;background: #f9f9f9;}
.quantity.buttons_added {
    margin-bottom: 0;
    background: var(--color-blue-main);
    align-items: center;
    margin-right: 0;
    line-height: 44px;
    height: 46px;
    min-height: unset;
    border-radius: 99px;
    display: flex;
}
.sticky-add-to-cart.sticky-add-to-cart--active .sticky-add-to-cart__product {margin-bottom: 10px;}
.quantity.buttons_added .button {width: 40px;height: 46px;line-height: 46px;min-height: unset;color: #fff;border: none;text-shadow: unset;font-size: 20px;background: unset;position: relative;top: -2px;font-weight: unset;}
.quantity input[type=number] {
    max-width: unset;
    border: none;
    background: none;
    height: 46px;
    margin: 0;
    box-shadow: unset;
    color: #fff;
    flex: 1;
}
.quantity+.button, .cho-hang-button {
    margin-bottom: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background: var(--color-blue-main) !important;
    min-width: 200px;
    height: 46px;
    min-height: unset;
    line-height: 44px;
    font-size: .875rem;
    border-radius: 999px;
    font-weight: 400;
    min-width: unset;
    padding: 0 30px;
    flex: 1;
}
.quantity.buttons_added .button:hover{
    box-shadow: unset;
    color: var(--color-green-main);
}
.product-info .button.az-button{
    margin: 0;
    font-size: .875rem;
    background-color: var(--color-orange-main) !important;
    flex: 1;
}
.product-info form.cart{
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 20px;
}
.cho-hang-button {margin-bottom: 15px;}
.quantity+.button:hover, .cho-hang-button:hover {background: #aa180d;}
.product-sku {font-weight: 600;}
.product-footer {
    /* background-color: #f1f9fb; */
    border-bottom: 1px solid #ecf5f6;
    /* border-top: 1px solid #ecf5f6; */
    /* padding-top: 70px; */
}
.product-footer .woocommerce-tabs {
    border: none;
    padding-top: 0;
    padding-bottom: 0;
}
.product-footer .tabs {
    margin-top: 0 !important;
    margin-bottom: 10px;
    padding: 0;
}
.product-footer .tabs>li{
    margin:  0 auto !important;
}
.product-footer .tabs li a:before {display: none;}
.product-footer .tabs li.active a, .product-footer .tabs li:hover a {
    background: var(--color-blue-sky-main);
}
.product-footer .tabs li a {
    padding: 0 20px;
    font-size: 1.5em;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    color: white;
    position: relative;
    border-radius: 10px;
    font-weight: 500;
    text-transform: initial;
    line-height: 48px;
    height: 48px;
    background: #8cd0e4;
    border: none;
    font-weight: 600;
}
.product-footer .product-footer-title {
    text-transform: uppercase;
    font-size: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    padding-bottom: 20px;
}
.product-footer .product-footer-title span {padding: 0 15px;color: #b20000;}
.product-footer .product-footer-title:after,
.product-footer .product-footer-title:before {
    content: '';
    flex: 1;
    border-top: 2px dashed #b20000;
}
.product-footer ul, .product-footer ol {padding-left: 20px;}
#secondary ul {padding-left: 0;}
.zoom-button {
    display: block;
    width: 36px;
    height: 36px;
    background: #363e68;
    border-radius: 3px;
    padding: 10px;
}
.zoom-button svg {fill: #fff;display: block;}
.onsale {
    position: absolute;
    right: 10px;
    margin: 0;
    left: initial;
    border-radius: 3px 3px 0 0;
    width: 40px;
    padding: 0;
    height: 30px !important;
    background: #b20000;
    font-size: 13px;
    display: block;
    line-height: 33px;
    border: none;
    top: 10px;
    z-index: 99;
    text-align: center;
    color: white;
}
.single-product .onsale {
    right: initial;
    left: 10px;
    font-weight: bold;
    font-size: 14px;
}
.onsale:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 10px solid #b20000;
    position: absolute;
    top: 30px;
    left: 0;
}
.sticky-add-to-cart--active .product-page-price, .sticky-add-to-cart--active .woocommerce-variation-price {font-size: 20px;}
.sticky-add-to-cart--active .product-page-price del span.amount, .sticky-add-to-cart--active .woocommerce-variation-price del span.amount {font-size: 16px;}
.product-quick-view-container .product-gallery {display: flex;align-items: center;}
.product-quick-view-container .product-gallery .slider {flex: 1}
.san-thuong-mai .wrap-link {
    display: flex;
    margin: 0 -2px;
}
.san-thuong-mai .wrap-link a {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #ebebeb;
    min-height: 50px;
    margin: 2px;
    border-radius: 5px;
}
.san-thuong-mai .label {font-weight: bold;margin-bottom: 10px;display: block;}
.san-thuong-mai .wrap-link a img {max-height: 26px;max-width: calc(100% - 20px);}
.product-small .title-wrapper{
    isplay: -webkit-box;
    max-height: 28px;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 1;
    margin-bottom: 10px;
}
.product-small .excerpt{
    font-size: 20px;
    display: -webkit-box;
    max-height: 95px;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 3;
}
.product-small .buy-now{
    width: fit-content;
    border-radius: 99px;
    height: 40px;
    position: absolute;
    transform: translate(-50%);
    top: 50%;
    left: 50%;
    line-height: 40px;
    opacity: 0;
    visibility: hidden;
    background-color: var(--color-orange-main) !important;
    margin: 0;
}
.product-small:hover .buy-now{
    opacity: 1;
    visibility: visible;
}
.product-info .price-wrapper .price{
    font-size: 28px;
}
.product-info .price-wrapper .label{
    font-size: 24px;
    color: var(--color-blue-main);
}
.section-ndcg .icon-box{
    align-items: center;
}
.section-ndcg .icon-box h5{
    font-weight: 400;
    font-size: 20px;
    color: #999;
}
.section-ndcg .text-comment{
    margin-right: 70px;
    padding: 30px;
    background-color: #fe7777;
    color: #fff;
    font-size: 16px !important;
    margin-bottom: 20px;
    border-radius: 15px;
}
.section-ndcg .text-comment p:last-child{
    margin-bottom: 0;
}
.section-ndcg .flickity-page-dots{
    bottom: -20px;
}
.section-ndcg .col-top,
.section-ndcg .col-bottom{
    position: relative;
}
.section-ndcg .col-top:after{
    content: "";
    position: absolute;
    background-image: url(assets/images/baby-3.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 147px;
    height: 163px;
    top: -148px;
    left: 30px;
}
.section-ndcg .col-bottom:after{
    content: "";
    position: absolute;
    background-image: url(assets/images/mami.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 140px;
    height: 172px;
    top: 0;
    transform: translateY(-50%);
    right: 40px;
}
.section-dtcct .flickity-page-dots{
    bottom: -30px;
}
.section-mvbctc .col-inner{
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-gap: 15px;
}
.section-mvbctc .col-inner>.img{
    margin-bottom: 0;
    border-radius: 10px;
    overflow: hidden;
}
.section-mvbctc .col-inner>.img .img-inner,
.section-mvbctc .col-inner>.img img{
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.section-mvbctc .col-inner>.img:nth-child(1){
    grid-column: 1/5;
    grid-row: 1/5;
}
.row-danhgia{
    margin-top: 60px !important;
    padding-bottom: 30px;
}
.row-danhgia .tab-label-container{
    display: flex;
    margin-bottom: 25px;
}
.row-danhgia .table-label{
    width: 50%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    font-size: 16px;
}
.row-danhgia .table-label.facebook{
    background-color: var(--color-blue-main);
}
.row-danhgia .table-label.default{
    background-color: var(--color-orange-main);
}

/*************** PRODUCT-CATE ***************/
.banner-shop img{
    margin-bottom: 70px;
}

/*************** HOME ***************/
.section-gdtc .slider .col-inner {
    box-shadow: unset;
}
.section-gdtc .flickity-slider {padding-top: 10px;}
.section-gdtc .flickity-slider > .col {padding-bottom: 0;}
.section-gdtc .slider .product-small {
    box-shadow: 0 0 6px #9d9d9d;
    border-radius: 26px;
}

.section-ttsk .post-title a{
    font-size: 19px;
    color: #404041;
    font-weight: normal;
}
.section-ttsk .box-image{
    border-radius: 20px;
    overflow: hidden;
}
.section-dtcct h3.section-title .section-title-main span{
    font-weight: normal;
}
.section-bmvtdt .slider-wrapper{
    margin-left: -20px !important;
    margin-right: -20px !important;
}
.section-bmvtdt .flickity-page-dots {
    bottom: -30px;
}
.section-bmvtdt .flickity-slider > *{
    padding: 0 20px !important;
}
.testimonial-box .icon-box-img img{
    border: 10px solid #c7ebff;
}
.testimonial-text > *{
    color: #0076b7;
    font-size: 19px;
    line-height: 1.5;
}
.testimonial-box .icon-box-img{
    margin-bottom: 20px !important;
}
.testimonial-box .testimonial-name{
    font-size: 1.5rem;
    color: var(--color-blue-main);
    line-height: 1.4;
}
.testimonial-box .testimonial-company{
    font-size: .875rem;
    line-height: 1.4;
    color: #999;
    margin-bottom: 0;
}
.section-congnghe .icon-box-text>*{
    max-width: 170px;
    display: block;
    margin: 0 auto;
    line-height: 1.1;
}
.section-ccth{
    border-top: 3px dashed #5cc9ff;
    border-bottom: 3px dashed #5cc9ff;
    background-image: url(assets/images/dammay.webp);
    background-size: 563px 163px;
    background-repeat: no-repeat;
    background-position: top right;
}
.section-ccth .text-cauchuyen{
    position: relative;
}
.section-ccth .text-cauchuyen:before,
.section-ccth .text-cauchuyen:after{
    content: "";
    position: absolute;
    width: 27px;
    height: 21px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.section-ccth .text-cauchuyen:before{
    background-image: url(assets/images/phaytren.webp);
    top: 0;
    left: -40px;
}
.section-ccth .text-cauchuyen:after{
    background-image: url(assets/images/duoi.webp);
    right: -40px;
    bottom: 0;
}
.section-ccth .col-text{
    background-image: url(assets/images/embe.webp);
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: 150px 157px;
}
.section-gdtc .flickity-page-dots{
    bottom: 0px;
}
.section-tnbk .icon-box{
    align-items: center;
    margin-top: 40px;
}
.section-tnbk .col-inner .icon-box:nth-child(1){
    margin-top: 0;
}
.section-tnbk .section-title-container{
    padding: 5px 120px;
    background-color: #2f55a6;
    border-radius: 20px;
    max-width: 570px;
    position: relative;
}
.section-tnbk .section-title-container:after{
    content: "";
    position: absolute;
    width: 200px;
    height: 200px;
    background-size: cover;
    background-position: center;
    background-image: url(assets/images/gau.webp);
    background-repeat: no-repeat;
    transform: translate(50%, -50%);
    right: 0;
    top: 50%;
}
.section-videotheci .az-video>.box{
    margin-bottom: 0;
    padding: 0;
}

/*************** ARCHIVE DIEM BAN ***************/
.post-type-archive-diem-ban .widget,
.tax-city .widget{
    border-radius: 10px !important;
    overflow: unset !important;
}
.diemban-container .header-title .flickity-page-dots{
    bottom: -30px;
}
.diemban-container .header-title{
    padding-bottom: 30px;
}
.diemban-container .local-item .term-title{
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
}
.diemban-container .local-item .title{
    color: var(--color-blue-main);
    font-size: 28px;
    font-weight: 600;
}
.diemban-container .term-child {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    list-style: none;
    margin-bottom: 35px;
}
.diemban-container .term-child li{
    padding-left: 15px;
    padding-right: 15px;
    width: 25%;
    position: relative;
    line-height: 30px;
}
.diemban-container .term-child li:before{
    content: "";
    width: 7px;
    height: 7px;
    position: absolute;
    transform: translateY(-50%);
    left: 0;
    top: 15px;
    background-color: #f6abb4;
    border-radius: 99px;
}
.diemban-container .term-child li a{
    color: var(--color-blue-main);
}
.diemban-container .term-child li a:hover{
    text-decoration: underline;
}
.diemban-container .header-title+.note{
    margin: 70px 0;
    font-style: italic;
    color: var(--color-blue-main);
}

/*************** TAXONOMY CITY ***************/
.local-item table td, 
.local-item table th,
.local-item table{
    border-color: #000;
}
.local-item select{
    border-radius: unset;
    height: 50px;
    line-height: 48px;
    font-size: 20px;
    color: var(--color-blue-main);
}
.local-item select:focus{
    color: #333;
}
.local-item select option:checked{
    color: var(--color-blue-main);
}
.local-item .table-item .title{
    margin-bottom: 20px;
}
.local-item .table-item th{
    font-size: 23px;
    font-weight: 600;
    color: #fff;
    padding: 16px 12px !important;
    background-color: var(--color-blue-main);
    text-transform: initial;
    line-height: 1.4;
}
.local-item .table-item td{
    padding: 16px 12px;
    color: #333;
    font-size: 18px;
    vertical-align: top;
}
.local-item .table-item td.name,
.local-item .table-item td.phone{
    width: 25%;
}
.local-container{
    margin-top: 20px;
}
.table-local-continer .table-item{
    display: none;
}
.table-local-continer .table-item.active{
    display: block;
}

/*************** CUSTOM CART AND CHECKOUT ***************/
#customer_details {border-top: 1px dashed #e8e8e8;}
.shop_table .actions, .woocommerce-checkout-review-order-table > thead, .woocommerce-checkout-review-order-table > tbody, #ship-to-different-address {display: none;}
.main-checkout-page {
    margin: 30px auto;
    background-color: #f8f8f8;
    padding: 40px;
    max-width: 1000px;
}
.cart-subtotal {
    display: none;
}
.woocommerce-billing-fields {border: none;}
.woocommerce table.shop_table thead th {
    font-size: 16px;
    font-weight: 600;
    color: #639041;
    border-bottom: 1px solid #ebebeb;
}
.woocommerce table.shop_table th, .woocommerce table.shop_table td {border:none;padding: 15px !important;}
.woocommerce table.shop_table th:first-child, .woocommerce table.shop_table td:first-child {padding-left: 0 !important;}
.woocommerce table.shop_table th:last-child, .woocommerce table.shop_table td:last-child {padding-right: 0 !important;}
.woocommerce table.shop_table {border:none;font-size: 20px;margin-bottom: 10px;}
.woocommerce table.shop_table td.download-product a, .woocommerce table.shop_table td.product-name a {
    color: #333;
    text-decoration: none!important;
    font-size: 18px;
}
td.product-thumbnail {
    max-width: 100px;
    width: 100px;
}
a.remove {
    font-size: 28px !important;
    text-decoration: none;
    display: inline-flex;
    width: 20px;
    height: 20px;
    justify-content: center;
    align-items: center;
    color: #999;
    transition: .1s ease-in-out;
    transition-property: color,opacity;
    border: none;
}
.woocommerce-billing-fields__field-wrapper {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5px 5px;
}
.woocommerce-billing-fields__field-wrapper .form-row {
    margin: 0;
    padding: 5px;
    float: none;
    width: 50%;
    display: block;
}
.woocommerce-billing-fields__field-wrapper .form-row label,
.woocommerce-additional-fields h3, .woocommerce-additional-fields label,
#billing_country_field {display: none;}
.woocommerce-billing-fields__field-wrapper input {margin: 0;height: 40px;font-size:16px;box-shadow: unset;border: 1px solid #ebebeb;}
.shop_table, .shipping__table  {border:none;}
.woocommerce table.shop_table .shipping__inner td, .woocommerce table.shop_table .shipping__inner {padding: 0 !important;}
.wc_payment_method label {font-size: 16px;font-weight: 500;}
.wc_payment_method .payment_box {padding-left: 33px;}
#place_order, #button_dat_hang {
    margin: 0 auto;
    display: block;
    height: 46px;
    line-height: 46px;
    border: none;
    min-width: 200px;
    background: #72AE44;
    font-weight: 500;
}
.checkout_cx .woocommerce-checkout .message-container {
    background: #f5e0e4;
    padding: 10px 15px;
    border-radius: 7px;
    font-size: 14px;
}
.woocommerce-error li {margin-bottom: 5px !important;}

/*************** CONTACT PAGE ***************/
.contact-list .icon-box {
    margin-bottom: 30px;
}
.icon-box-img img, .icon-box-img svg {
    padding: 0;
}
.contact-list .icon-box-text h5 {
    text-transform: initial;
    font-size: 18px;
    margin-bottom: 5px;
}
.contact-list .icon-box-text h6 {
    text-transform: initial;
    color: #333;
    opacity: .8;
    font-weight: normal;
}
.contact-list .section-title-main {margin-bottom: 10px;}

/*************** SIDEBAR ***************/
#sidebar {padding-left: 64px;}
#sidebar .widget {
    border-radius: 12px;
    padding: 10px 0;
}
.widget .menu li {
    border: none;
}
.widget .menu li a {
    position: relative;
    color: #4F4F4F;
    font-weight: 500;
    font-size: 18px;
    padding: 12px 24px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    display: block;
}
h1.shop-page-title, h1.page-title {font-size: 28px;line-height: 2em;margin-bottom: 10px;}
h1.shop-page-title {text-align: center;}
.woocommerce img.pswp__img, .woocommerce-page img.pswp__img {background: white}
.posts_by_category,
.related_posts{
    background-color: #ddf3ff !important;
}
.posts_by_category .widget-title,
.related_posts .widget-title{
    width: fit-content;
    margin: 0 auto !important;
    line-height: 46px;
    padding: 0 20px !important;
    border-radius: 99px;
    margin-bottom: 10px !important;
    margin-top: 20px !important;
    background-color: var(--color-blue-main) !important;
    text-transform: initial;
    font-weight: 400;
    font-size: 24px;
}

/*************** FORM ***************/
.neo--form .form-row {margin: 0 -10px; display: flex;}
.neo--form .form-row .col {padding: 0 10px 20px;}
.neo--form .form-row input, .neo--form .form-row select {box-shadow: unset; height: 50px; line-height: 50px; margin: 0}

/*************** FOOTER ***************/
#footer .section-title-main {
    text-transform: uppercase;
    font-weight: 600;
    margin: 0;
}
#footer .ux-menu-link__link {
    font-weight: normal;
    text-align: left;
    margin-bottom: 10px;
    color: #fff;
}
#footer .ux-menu-link:hover .ux-menu-link__link {color: #363e68;}
.absolute-footer {
    padding: 12px 0 10px;
    font-size: 13px;
    font-weight: 400;
    color: white !important;
    border-top: 1px solid #ffffff63;
}
#footer .social-icons .button {
    background: #363e68;
    border: none;
    color: #fff;
}
#footer .social-icons .button i {color: #fff !important;}
#footer .social-icons .button svg {fill: #fff !important;}

.page-id-19 #breadcrumbs, .woocommerce-checkout #breadcrumbs, .page-template-page-dat-hang #breadcrumbs {display: none;}

/*************** DAT HANG ONLINE ***************/
#content.page-dat-hang {padding-top: 50px;}
.page-dat-hang .note {
    background: #6390413d;
    padding: 20px 40px 10px;
    margin-bottom: 30px;
    border-radius: 7px;
    font-size: 18px;
}
.page-dat-hang .note ul {
    margin: 0;
    list-style: none;
}
.page-dat-hang .note ul li {
    position: relative;
    padding-left: 25px;
}
.page-dat-hang .note ul li strong {font-weight: 500;}
.page-dat-hang .note ul li:before {
    content:'';
    width: 12px;
    height: 12px;
    background: #639041;
    display: block;
    border-radius: 50%;
    position: absolute;
    top: 7px;
    left: 0;
}
.page-dat-hang table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    margin-bottom: 20px;
    border:none;
}
#dathang thead {
    font-size: 20px;
    font-weight: 700;
    color: #294a8e;
}
#dathang td {
    padding: 15px 20px !important;
    vertical-align: middle;
    border:none;
    color: #639041;
    font-weight: 600;
}
#dathang td:nth-of-type(3), #dathang td:last-child {text-align: right;}
#dathang tbody .title {
    color: #333;
    font-size: 20px;
}
#dathang tbody .gia {
    font-weight: 700;
    font-size: 20px;
}
#dathang tbody .quantity {margin:0;margin-bottom: 0;background: white;display: inline-flex;align-items: center;padding: 3px 5px;border: 1px solid #7fae52;margin-right: 5px;}
#dathang tbody .quantity input.button {width: 36px;height: 36px;line-height: 36px;min-height: unset;background: #f8f8f8;color: #7fae52;border: none;text-shadow: unset;font-size: 20px;}
#dathang tbody .soluong {
    width: 60px;
    max-width: unset;
    border: none;
    background: none;
    height: 40px;
    margin: 0;
    box-shadow: unset;
    color: #7fae52;
    font-size: 16px;
}
#dathang tbody .thanhtien {
    font-weight: 700;
    font-size: 20px;
}
#dathang tfoot {
    background: #6390413d;
    font-size: 20px;
    color: #294a8e;
    font-weight: bold;
    border-radius: 7px;
}
.form-dat-hang .form-row {
    display: flex;
    flex-flow: row wrap;
    margin: 0 -7px;
}
.form-dat-hang .form-col {
    padding: 0 7px;
}
.form-dat-hang input {
    height: 40px;
    vertical-align: middle;
    display: inline-block;
    border: 1px solid #e5e5e5;
}
#button_dat_hang i {
    margin-right: 10px;
}
.form-dat-hang .wc_payment_method {
    list-style: none;
    display: flex;
    align-items: baseline;
}
.form-dat-hang .wc_payment_method input {
    height: auto;
    margin: 0;
}
.form-dat-hang .wc_payment_method label {
    margin: 0;
    padding: 0 0 0 15px;
    display: flex;
    flex-direction: column;
}
.form-dat-hang label .method-description {
    font-weight: normal;
    display: none;
    margin-top: 5px;
}

/*************** MOBILE MENU ***************/
.off-canvas-right .mfp-content, .off-canvas-left .mfp-content {background: white;}
.mobile-nav svg {
    display: inline-block;
    width: 20px;
    fill: #333;
    margin-right: 10px;
}
.mobile-nav .menu-title {font-size: 16px;font-weight: normal;color: #333;}
#main-menu .nav-sidebar li {
    border-color: #f1f1f1;
}
#main-menu .nav-sidebar li.html {padding: 0;}
#main-menu .nav-sidebar li.search-form {padding: 15px;}
#main-menu .nav-sidebar li.html:last-child {border: none;}
#main-menu .nav-sidebar li button.toggle {font-size: 11px;}
#main-menu .nav-sidebar li a {
    text-transform: initial;
    font-weight: 600;
    font-size: 16px;
    color: #333;
}
#main-menu .nav-sidebar li a img {-webkit-filter: invert(100%); /* Safari/Chrome */filter: invert(60%);margin-right: 10px;}
#main-menu .nav-sidebar .sub-menu {padding-bottom: 10px;}
#main-menu .nav-sidebar .sub-menu li a {display:flex;}
#main-menu .nav-sidebar .sub-menu li a:before {
    content: '';
    width: 4px;
    height: 4px;
    background: #666666;
    margin-right: 10px;
    
}
#main-menu .nav-sidebar .title {
    padding: 0 20px;
    text-transform: uppercase;
    color: #3CB4E7;
    font-weight: 700;
    font-size: 20px;
    border: none !important;
}
#main-menu .nav-sidebar .search-form {border: none;}
#main-menu .searchform {position: relative;}
#main-menu .search-field {
    height: 36px;
    background: #f5f5f5;
    border: none;
    border-radius: 5px;
    width: 100%;
    font-size: 13px;
    padding: 0 40px 0 15px;
}
#main-menu .ux-search-submit {
    color: #3CB4E7;
    background: none;
    border: none;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
}
#main-menu .ux-search-submit svg {fill: #ab2025;width: 18px;}
#message_success {padding: 30px 50px !important;border-radius: 12px}

/*************** HOT NEWS ***************/
.notification-element {
    width: 50px;
    height: 50px;
    background-color: #78ae47;
    border-radius: 50%;
    z-index: 999;
    position: fixed;
    bottom: 30px;
    left: 30px;
    transition: all ease .3s;
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    opacity: 1;
    visibility: visible;
}
.notification-element.hide {
    left: -15px;
    opacity: 0;
    visibility: hidden;
}
#notification-button-open {
    display: block;
    width: 50px;
    height: 50px;
    -webkit-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    -moz-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    -ms-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    -o-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    position: absolute;
    left: 0;
    top: 0;
}
.notification-element-button-img {
    display: block;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 35px;
    max-height: 35px;
}
.notification-element-button-count {
    width: 20px;
    height: 20px;
    position: absolute;
    right: 0;
    top: -5px;
    color: #fff;
    font-size: 12px;
    text-align: center;
    line-height: 20px;
    border-radius: 100% !important;
    background-color: #f00;
}

@-moz-keyframes quick-alo-circle-img-anim {
    0% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    10% {
        -moz-transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        -moz-transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        -moz-transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        -moz-transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        -moz-transform: rotate(0) scale(1) skew(1deg)
    }
    100% {
        -moz-transform: rotate(0) scale(1) skew(1deg)
    }
}

@-webkit-keyframes quick-alo-circle-img-anim {
    0% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }
    10% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }
    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }
}

@-o-keyframes quick-alo-circle-img-anim {
    0% {
        -o-transform: rotate(0) scale(1) skew(1deg)
    }
    10% {
        -o-transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        -o-transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        -o-transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        -o-transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        -o-transform: rotate(0) scale(1) skew(1deg)
    }
    100% {
        -o-transform: rotate(0) scale(1) skew(1deg)
    }
}
#hot-news {
    position: fixed;
    z-index: 9999;
    left: 20px;
    bottom: -20px;
    width: 300px;
    border-radius: 7px;
    overflow: hidden;
    background: white;
    box-shadow: 3px 3px 0 #00000021;
    transition: all ease .3s;
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    opacity: 0;
    visibility: hidden;
}
#hot-news.active {
    opacity: 1;
    visibility: visible;
    bottom: 20px;
}
#hot-news .block-title {
    background: #78ae47;
    position: relative;
    color: white;
    text-align: center;
    text-transform: uppercase;
    line-height: 40px;
}
#hot-news .block-title .close {
    margin: 0;
    position: absolute;
    height: 40px;
    width: 40px;
    padding: 0;
    border: none;
    right: 0;
    top: 0;
}
#hot-news .post-item {
    display: flex;
    padding: 10px;
    border-bottom: 1px dashed #ebebeb;
    background: #fcfcfc;
}
#hot-news .post-item .thumb {
    flex: 0 0 auto;
    width: 80px;
    margin-right: 10px;
    border-radius: 5px;
    overflow: hidden;
}
#hot-news .post-item .thumb a {display: block}
#hot-news .post-item .text {
    flex: 1;
}
#hot-news .post-item .title {
    font-size: 15px;
    color: #78ae47;
    display: block;
    line-height: 1.2;
    margin-bottom: 5px;
}
#hot-news .post-item .description {
    font-size: 12px;
    margin: 0;
}
#hot-news .post-item:last-child {border: none;}
.back-to-top.active {
    background: #75ba40;
    border: none;
    color: white;
    width: 44px;
    height: 44px;
    line-height: 44px;
    right: 17px;
    margin: 0;
    transition: all linear .3s;
    bottom: 15px;
}
.embed-container {
    max-width: 600px;
    margin: 0 auto;
}
.embed-responsive {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    width: 100%;
    height: auto;
    margin: 0 auto;
}
.video .embed-responsive {
    position: static;
    padding: 0;
}
.embed-container iframe, .embed-container object, .embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media screen and (max-width: 850px){
    #masthead {padding: 0 10px;}
    .header.show-on-scroll, .stuck .header-main {max-height: 70px !important}
    .stuck #masthead #logo img, #logo img {max-height: 50px !important;}
    .post-grid .image-cover {padding-top: 0 !important; height: 100%}
    h1.shop-page-title, h1.page-title {padding-top: 0}
    .post-main, .post-sidebar {flex-basis: 100%;max-width: 100%;}
    .product-info {padding-top: 30px}
    .notification-element {bottom: 70px;left: 10px;}
}
@media screen and (max-width: 768px){
    .shop_table .cart_item td.product-thumbnail, .shop_table .cart_item td.product-price,
    .woocommerce table.cart thead {display: none;}
    .woocommerce table.shop_table td a.remove {margin-top: 13px;}
    .woocommerce table.shop_table td.product-name a {font-size: 16px;}
    h2.section-title {font-size: 30px}
    #dathang thead, #dathang tbody .title, #dathang tbody .gia, #dathang tbody .thanhtien, #dathang tfoot {font-size: 18px;}
    #content.page-dat-hang {padding-top: 30px}
}
@media screen and (max-width: 680px){
    .post-grid .box-list-view .box .box-text, .post-grid .box-vertical .box-text {padding: 20px 30px;}
    .section-cong-dung .row-15-col {align-items: center; justify-content: center;}
    .section-cong-dung .row-15-col > .col {flex-basis: 50%;}
    .section-title .section-title-main span {font-size: 28px !important;display: block;}
    #footer .section-title .section-title-main span {font-size: 20px !important}
}
@media screen and (max-width: 550px){
    .post-grid .box-list-view .box .box-text, .post-grid .box-vertical .box-text {padding: 20px;}
    .recent-blog-posts-li .box-text {padding: 15px 0 0;}
    .post-grid .post-item {margin-bottom: 20px;}
    .box-list-view .box, .box-vertical {display: block}
    .post-grid .image-cover {padding-top: 70% !important;}
    .section-san-pham .product-small .box-text {padding: 10px 0;}
    .section-title .sub-title {padding-bottom: 0}
    #dathang thead, #dathang tbody .title, #dathang tbody .gia, #dathang tbody .thanhtien, #dathang tfoot {font-size: 16px;}
    #dathang tbody .soluong {font-size: 16px;width: 50px; height: 30px;}
    #dathang tbody .quantity input.button {display: none;}
    .main-checkout-page {padding: 20px;margin: 0}
    .woocommerce table.shop_table {margin-bottom: 0}
    .woocommerce table.shop_table th, .woocommerce table.shop_table td {padding: 10px !important}
    .woocommerce-billing-fields__field-wrapper .form-row {width: 100%;}
    #dathang, #dathang thead, #dathang tbody, #dathang tfoot {display: block;}
    #dathang tr {display: flex;width: 100%;justify-content: space-between;}
    #dathang .gia, #dathang .total {display: none;}
    #dathang .title {width: calc(100% - 100px);}
    #dathang tbody .title {font-size: 14px;}
    #dathang thead td {padding-bottom: 0 !important;}
    #dathang .col-quantity {width: 100px;white-space: nowrap;padding-right: 0 !important;}
}
@media screen and (max-width: 500px){
    .product-info form.cart {
    justify-content: space-between;
}
    .product-info form.cart > * {width: calc(50% - 4px);}
}
@media screen and (max-width: 400px){
    .quantity+.button {font-size: 14px; min-width: unset;}
    .quantity input[type=number] {width: 40px}
    .product-info .product-title {font-size: 26px}
}
@media screen and (max-width: 380px){
    .product-info {padding: 20px 15px 0;}
    div.product input.qty {width:50px;}
    .san-thuong-mai .wrap-link {flex-wrap: wrap;}
    .san-thuong-mai .wrap-link a {flex-basis: calc(50% - 4px);max-width: calc(50% - 4px);}
    #dathang thead, #dathang tbody .title, #dathang tbody .gia, #dathang tbody .thanhtien, #dathang tfoot {font-size: 14px}
    #dathang td {padding: 10px !important}
    #dathang tbody .soluong {font-size: 14px;padding: 0 5px;border-width: 1px;border-radius: 5px !important;height: 30px;}
    .page-dat-hang .note {font-size: 16px;padding: 20px 25px 10px;}
    .page-dat-hang .note ul li:before {width: 8px;height: 8px;top: 10px;}
    .page-dat-hang .note ul li {padding-left: 20px;}
}

.comment-form {margin-bottom: 0;}
.comment-form #submit {border-radius: 88px;margin-bottom: 0;}
.review-form-inner {border-radius: 12px}
.product-cat-name .section-title-main {
    display: flex;
    gap: 10px;
    align-items: start;
}
.product-cat-name img {
    max-height: 55px;
}

#success_message, #error_message {
    background: url(assets/images/bg_modal_success.png) no-repeat center top white;
    background-size: 100% auto;
    text-align: center;
    border-radius: 12px;
}
#success_message .header_modal h3, #error_message .header_modal h3 {
    text-align: center;
    letter-spacing: -1px;
    font-weight: 500;
    font-size: 30px;
    line-height: 126%;
    margin: 16px 0;
}
#success_message .header_modal .icon, #error_message .header_modal .icon {
    max-width: 56px;
    margin: 0 auto;
}
#success_message p, #error_message p {
    font-weight: 300;
    font-size: 16px;
    line-height: 150%;
    margin-bottom: 32px;
}
.mfp-content .mfp-close.button-close-after {
    letter-spacing: -0.2px;
    text-transform: uppercase;
    color: #333;
    position: relative;
    font-weight: 500;
    font-size: 13px;
    line-height: 39px;
    font-family: inherit;
    border: 1px solid #c0c0c0;
    border-radius: 4px;
    padding: 0 24px;
    display: block;
    width: auto;
    margin: 0 auto !important;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    mix-blend-mode: normal;
    overflow: hidden;
    width: auto;
    display: inline-block;
    height: 40px;
    opacity: 1;
}
.mfp-content .mfp-close.button-close-after:hover {
    background: #72AE44;
    color: white;
    border-color: #72AE44;
}