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

/*************** ADD CUSTOM CSS HERE.   ***************/
/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/
.mx-auto{
    margin-left: auto !important;
    margin-right: auto !important;
}

.mt-1{
    margin-top: 1em;
}

.mb-0{
    margin-bottom: 0 !important;
}

.mb-1{
    margin-bottom: 1em !important;
}

.mb-2{
    margin-bottom: .2em !important;
}

.mb-5{
    margin-bottom: .5em !important;
}

.mt-5{
    margin-top: .5em !important;
}

.pb-0{
    padding-bottom: 0 !important;
}

.pb-1{
    padding-bottom: 1em !important;
}

.pb-2{
    padding-bottom: .2em !important;
}

.pb-5{
    padding-bottom: .5em !important;
}

.br-20 img{
    border-radius: 20px;
}

.no-list{
    list-style: none;
}

.no-list li{
    margin-left: 0 !important;
}

.menu-item-has-block .nav-dropdown .col-inner ul.no-list:not(.nav.nav-vertical) li:not(.tab):not([class^=bullet-]){
    margin-left: 0 !important;
}

p.justify{
    text-align: justify;
}

.space-between{
    justify-content: space-between;
}

.normal{
    font-weight: normal;
}
.d-none {
    display: none;
}
:root {
    --color-1: rgb(93, 73, 49);
    --color-2: rgb(132, 104, 70);
    --color-3: rgb(129 80 11);
    --color-4: rgb(250 211 106);
    --color-5: rgb(182 132 1);
    --border-1: solid 1px #e5e5e5;
    --radius-1: 5px;
    --radius-2: 3px;
    --radius-3: 3px;
    --radius-4: 999px;
    --radius-5: 45px;
    --radius-6: 12px;
    --radius-7: 10px;
    --shadow-1: 0 5px 25px 0 rgba(0 0 0 / 10%);
    --shadow-2: 0 15px 40px 0 rgba(0 0 0 / 15%);
    --light-gray: #f5f5f5;
    --font-size-1: 15px;
    --font-size-2: 13px;
    --font-size-3: 18px;
}

/*@font-face {*/
/*    font-family: "UVNBachDang";*/
/*    src: url(/wp-content/themes/flatsome-child/fonts/UVNBachDang.eot);*/
/*    src: url("/wp-content/themes/flatsome-child/fonts/UVNBachDang.eot?#iefix")*/
/*            format("embedded-opentype"),*/
/*        url(/wp-content/themes/flatsome-child/fonts/UVNBachDang.woff2)*/
/*            format("woff2"),*/
/*        url(/wp-content/themes/flatsome-child/fonts/UVNBachDang.woff)*/
/*            format("woff"),*/
/*        url(/wp-content/themes/flatsome-child/fonts/UVNBachDang.ttf)*/
/*            format("truetype"),*/
/*        url(/fonts/UVNBachDang.svg) format("svg");*/
/*}*/

/*@font-face {*/
/*    font-family: "UVNBachDangR";*/
/*    src: url(/wp-content/themes/flatsome-child/fonts/UVNBachDangR.eot);*/
/*    src: url("/wp-content/themes/flatsome-child/fonts/UVNBachDangR.eot?#iefix")*/
/*            format("embedded-opentype"),*/
/*        url(/wp-content/themes/flatsome-child/fonts/UVNBachDangR.woff2)*/
/*            format("woff2"),*/
/*        url(/wp-content/themes/flatsome-child/fonts/UVNBachDangR.woff)*/
/*            format("woff"),*/
/*        url(/wp-content/themes/flatsome-child/fonts/UVNBachDangR.ttf)*/
/*            format("truetype"),*/
/*        url(/wp-content/themes/flatsome-child/fonts/UVNBachDangR.svg)*/
/*            format("svg");*/
/*}*/

.header-bottom-nav > li > a{
    color: #000;
}

.header-vertical-menu__fly-out .nav-vertical-fly-out>li.menu-item{
    border-bottom: 1px solid #eee;
}

html,
body {
    font-family: Arial, Helvetica, sans-serif;
}
html body {
    font-size: var(--font-size-1);
}

body,
a,
.footer-wrapper a,
svg,
.nav > li > a > i.fa,
.vertical-item .col-inner a::before {
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

input[type="email"],
input[type="date"],
input[type="search"],
input[type="number"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select,
.select-resize-ghost,
.select2-container .select2-choice,
.select2-container .select2-selection {
    -webkit-box-shadow: unset;
    box-shadow: unset;
    border-radius: var(--radius-1);
    border: var(--border-1);
}

.nav > li > a > i.icon-menu {
    font-size: 20px;
}

.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
    letter-spacing: unset;
    border-radius: var(--radius-1);
}

.mfp-container,
.mfp-wrap {
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
}

table {
    border-collapse: collapse;
    width: 100% !important;
}
.shop_table .order-total td,
.shop_table .order-total th,
.shop_table thead th {
    border-width: 1px;
}
.shop_table th:last-child {
    border: var(--border-1);
}
td,
th {
    border: solid 1px #999;
    padding: 0.5em !important;
    height: auto !important;
}
td {
    color: #000;
}
b,
strong {
    font-weight: bold !important;
}

.entry-content p {
    text-align: justify;
}
p.click-tuvan {
    text-align: center !important;
}
.entry-content.single-page iframe {
    width: 100%;
    height: 500px;
}
@media screen and (max-width: 849px) {
    .entry-content.single-page iframe {
        height: 350px;
    }
}
@media screen and (max-width: 549px) {
    .entry-content.single-page iframe {
        height: 250px;
    }
}

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 {
    -webkit-box-shadow: 0 0 0 2px rgb(132 104 70 / 20%);
    box-shadow: 0 0 0 2px rgb(132 104 70 / 20%);
    border: solid 1px var(--color-2);
}

textarea {
    min-width: 100%;
}
.uppercase,
h6,
span.widget-title,
th {
    letter-spacing: unset;
}

.owl-carousel.owl-theme .owl-dots .owl-dot {
    margin: 0;
}
.owl-carousel.owl-theme .owl-dots .owl-dot span {
    width: 25px;
    height: 5px;
}

.section-title-container {
    margin-bottom: 3em;
}

.section-title-white .section-title .section-title-main {
    background: unset;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
    -moz-background-clip: unset;
    -moz-text-fill-color: unset;
    -ms-background-clip: unset;
    -ms-text-fill-color: unset;
    color: #fff;
}
.section-title-white .section-title-center b {
    background-color: #fff;
}

/*Button effect*/
.btn-effect {
    position: relative;
}
.btn-effect::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 3px;
    background-color: var(--color-3);
    opacity: 1;
    z-index: 0;
}
.btn-effect::before,
.btn-effect span,
.btn-effect svg {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-property: all;
    transition-property: all;
}
.btn-effect:hover {
    color: var(--color-2) !important;
}
.btn-effect:hover::before {
    width: calc(100% + 2px);
}
.btn-effect * {
    position: relative;
    z-index: 1;
}
.btn-effect {
    padding: 8px 40px;
}

/*Icon*/
.links > li > a:before,
i[class^="icon-"],
i[class*=" icon-"] {
    font-family: "Font Awesome 6 Pro" !important;
}
.icon-map-pin-fill:before {
    content: "\f3c5";
}
.icon-phone:before {
    content: "\f095";
}
.icon-envelop:before {
    content: "\f0e0";
}

.icon-search:before {
    content: "\f002";
}
.icon-shopping-basket:before {
    content: "\f07a";
}
.icon-checkmark:before {
    content: "\f00c";
}
.icon-tag:before {
    content: "\f02b";
}
.icon-menu:before {
    content: "\f0c9";
}
.icon-equalizer:before {
    content: "\f022";
}
.icon-user:before {
    content: "\f007";
}
.icon-twitter:before {
    content: "\f099";
    font-family: "Font Awesome 6 Brands";
}
.icon-pinterest:before {
    content: "\f231";
    font-family: "Font Awesome 6 Brands";
}
.icon-linkedin:before {
    content: "\f0e1";
    font-family: "Font Awesome 6 Brands";
}
.icon-facebook:before {
    content: "\f39e";
    font-family: "Font Awesome 6 Brands";
}
.icon-expand:before {
    content: "\f424";
}
.icon-angle-down:before {
    content: "\f107";
}
.icon-play:before {
    content: "\f04b";
}

.nav > li > a > i.icon-search {
    font-size: 20px;
}

/*.col, .gallery-item, .columns {padding: 0 12px 30px;}
.row .gallery, .row .row:not(.row-collapse), .container .row:not(.row-collapse), .lightbox-content .row:not(.row-collapse) {margin-left: -12px; margin-right: -12px;}*/
.dark,
.dark p,
.dark td {
    color: #fff;
}

/*Scrollbar*/
::-webkit-scrollbar {
    width: 10px;
}
.cong-dung ::-webkit-scrollbar {
    width: 5px;
}
::-webkit-scrollbar-track {
    background: #ededed;
}
::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: var(--radius-1);
}
::-webkit-scrollbar-thumb:hover {
    background: var(--color-2);
}
.cong-dung ::-webkit-scrollbar-track {
    border-radius: var(--radius-1);
}

.page-right-sidebar p,
.single-page p {
    text-align: justify;
}

/*Sticky menu*/
.sticky-menu {
    width: 100%;
    display: none;
}
.sticky-menu .header-vertical-menu__fly-out {
    display: none;
}
.sticky-menu
    .header-vertical-menu__opener:hover
    + .header-vertical-menu__fly-out,
.sticky-menu .header-vertical-menu__fly-out:hover {
    display: block;
}
.sticky {
    display: block;
    position: fixed !important;
    top: -85px;
    z-index: 99;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

/*Top bar*/
#top-bar .top-bar-custom a i,
#top-bar .top-bar-custom li,
#top-bar .top-bar-custom a,
#top-bar .top-bar-custom a:hover,
#top-bar .top-bar-custom a:hover i,
#top-bar .top-bar-custom.info-icons a,
#top-bar .top-bar-custom.info-icons a i {
    color: var(--primary-color);
}
#top-bar .top-bar-custom {
}
#top-bar .top-bar-custom li {
    list-style-type: none;
    display: inline-block;
    margin: 0 23px 0 0;
    font-size: var(--font-size-2);
    font-weight: bold;
}
#top-bar .top-bar-custom a {
    font-size: var(--font-size-2);
    position: relative;
}

#top-bar .info-icons a i {
    margin-right: 5px;
}
#top-bar .container::after {
    position: absolute;
    width: calc(100% - 30px);
    bottom: 0;
    right: 0;
    left: 0;
    border-bottom: solid 1px #eee;
    margin: 0 auto;
    max-width: 1220px;
}

#top-bar .top-bar-custom.info-icons a,
#top-bar .top-bar-custom.info-icons a i {
    font-weight: bold;
}

#top-bar .top-bar-custom a span {
    position: absolute;
    left: 50%;
    top: 165%;
    visibility: hidden;
    opacity: 0;
    z-index: 1;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #fff;
    box-shadow: 0 5px 20px 0 rgba(0 0 0 / 20%);
    padding: 8px 14px;
    border-radius: 5px;
    font-weight: normal;
    color: #111;
}
#top-bar .top-bar-custom a:hover span {
    visibility: visible;
    opacity: 1;
}

.mobile-nav .html_top_right_text {
    position: absolute;
    left: 0;
}
.mobile-nav .html_topbar_right {
    position: absolute;
    right: 0;
}

/*Phone ring*/
.canihome-alo-phone {
    position: fixed;
    background-color: transparent;
    width: 200px;
    height: 200px;
    cursor: pointer;
    z-index: 200 !important;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    -webkit-transition: visibility 0.5s;
    -moz-transition: visibility 0.5s;
    -o-transition: visibility 0.5s;
    transition: visibility 0.5s;
    bottom: 200px;
    right: 0;
}

.canihome-alo-ph-circle {
    width: 160px;
    height: 160px;
    top: 20px;
    left: 20px;
    position: absolute;
    background-color: transparent;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid rgba(30, 30, 30, 0.4);
    border: 2px solid #bfebfc 9;
    opacity: 0.1;
    -webkit-animation: canihome-alo-circle-anim 1.2s infinite ease-in-out;
    -moz-animation: canihome-alo-circle-anim 1.2s infinite ease-in-out;
    -ms-animation: canihome-alo-circle-anim 1.2s infinite ease-in-out;
    -o-animation: canihome-alo-circle-anim 1.2s infinite ease-in-out;
    animation: canihome-alo-circle-anim 1.2s infinite ease-in-out;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    border-color: red;
    opacity: 0.5;
}

@-moz-keyframes canihome-alo-circle-anim {
    0% {
        -moz-transform: rotate(0) scale(0.5) skew(1deg);
        opacity: 0.1;
        -moz-opacity: 0.1;
        -webkit-opacity: 0.1;
        -o-opacity: 0.1;
    }
    30% {
        -moz-transform: rotate(0) scale(0.7) skew(1deg);
        opacity: 0.5;
        -moz-opacity: 0.5;
        -webkit-opacity: 0.5;
        -o-opacity: 0.5;
    }
    100% {
        -moz-transform: rotate(0) scale(1) skew(1deg);
        opacity: 0.6;
        -moz-opacity: 0.6;
        -webkit-opacity: 0.6;
        -o-opacity: 0.1;
    }
}

@-webkit-keyframes canihome-alo-circle-anim {
    0% {
        -webkit-transform: rotate(0) scale(0.5) skew(1deg);
        -webkit-opacity: 0.1;
    }
    30% {
        -webkit-transform: rotate(0) scale(0.7) skew(1deg);
        -webkit-opacity: 0.5;
    }
    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        -webkit-opacity: 0.1;
    }
}

@-o-keyframes canihome-alo-circle-anim {
    0% {
        -o-transform: rotate(0) kscale(0.5) skew(1deg);
        -o-opacity: 0.1;
    }
    30% {
        -o-transform: rotate(0) scale(0.7) skew(1deg);
        -o-opacity: 0.5;
    }
    100% {
        -o-transform: rotate(0) scale(1) skew(1deg);
        -o-opacity: 0.1;
    }
}

.canihome-alo-ph-circle-fill {
    width: 100px;
    height: 100px;
    top: 50px;
    left: 50px;
    position: absolute;
    background-color: #000;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid transparent;
    opacity: 0.1;
    -webkit-animation: canihome-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -moz-animation: canihome-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -ms-animation: canihome-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -o-animation: canihome-alo-circle-fill-anim 2.3s infinite ease-in-out;
    animation: canihome-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    background-color: rgba(255, 0, 0, 0.5);
    opacity: 0.75 !important;
}

@-moz-keyframes canihome-alo-circle-fill-anim {
    0% {
        -moz-transform: rotate(0) scale(0.7) skew(1deg);
        opacity: 0.2;
    }
    50% {
        -moz-transform: rotate(0) -moz-scale(1) skew(1deg);
        opacity: 0.2;
    }
    100% {
        -moz-transform: rotate(0) scale(0.7) skew(1deg);
        opacity: 0.2;
    }
}
@-webkit-keyframes canihome-alo-circle-fill-anim {
    0% {
        -webkit-transform: rotate(0) scale(0.7) skew(1deg);
        opacity: 0.2;
    }
    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        opacity: 0.2;
    }
    100% {
        -webkit-transform: rotate(0) scale(0.7) skew(1deg);
        opacity: 0.2;
    }
}
@-o-keyframes canihome-alo-circle-fill-anim {
    0% {
        -o-transform: rotate(0) scale(0.7) skew(1deg);
        opacity: 0.2;
    }
    50% {
        -o-transform: rotate(0) scale(1) skew(1deg);
        opacity: 0.2;
    }
    100% {
        -o-transform: rotate(0) scale(0.7) skew(1deg);
        opacity: 0.2;
    }
}

.canihome-alo-ph-img-circle {
    width: 60px;
    height: 60px;
    top: 70px;
    left: 70px;
    position: absolute;
    background: rgba(30, 30, 30, 0.1) url(/wp-content/uploads/2025/05/call.png)
        no-repeat center center;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid transparent;
    opacity: 0.7;
    -webkit-animation: canihome-alo-circle-img-anim 1s infinite ease-in-out;
    -moz-animation: canihome-alo-circle-img-anim 1s infinite ease-in-out;
    -ms-animation: canihome-alo-circle-img-anim 1s infinite ease-in-out;
    -o-animation: canihome-alo-circle-img-anim 1s infinite ease-in-out;
    animation: canihome-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%;
    background-size: 60%;
    background-color: red;
}

.canihome-alo-phone:hover .canihome-alo-ph-circle-fill {
    background-color: rgba(66, 168, 221, 0.5) !important;
}
.canihome-alo-phone:hover .canihome-alo-ph-circle {
    border-color: #42a7dd;
}
.canihome-alo-phone:hover .canihome-alo-ph-img-circle {
    background-color: #42a7dd;
}

@-moz-keyframes canihome-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 canihome-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 canihome-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);
    }
}

@media screen and (max-width: 849px) {
    .canihome-alo-phone {
        display: none;
    }
}

/*Review*/
.review-form-inner,
#comments .comment-respond {
    border: none;
    border-radius: var(--radius-1);
    background: var(--light-gray);
}
.star-rating span:before,
.stars a.active:after,
.stars a:hover:after {
    color: var(--color-4) !important;
}
.kk-star-ratings.kksr-align-left {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
}
.comment-list li .avatar,
.commentlist li .avatar {
    box-shadow: var(--shadow-1);
}

.stars {
    position: relative;
    height: 25px;
    margin-bottom: 20px;
}
.stars a {
    position: absolute;
    left: -20px;
    top: 0;
    margin-left: 0;
    font-size: 0;
    letter-spacing: 20px;
}
.stars a::after {
    font-size: 22px;
    color: unset;
}
.stars a.star-5 {
    color: #ddd !important;
}
.stars a + a {
    margin-left: 0;
    border-left: none;
}
.stars a:nth-child(1) {
    z-index: 5;
}
.stars a:nth-child(2) {
    z-index: 4;
}
.stars a:nth-child(3) {
    z-index: 3;
}
.stars a:nth-child(4) {
    z-index: 2;
}
.stars a:nth-child(5) {
    z-index: 1;
}

/*BG gradient 1*/
.section-title .section-title-main,
.widget .widget-title,
.btn-lh a,
.add_to_cart_button,
.single_add_to_cart_button,
.wrap-readmore .btn-read,
.wpcf7-submit,
.add-to-cart-button .button,
#dk-tu-van h3,
.bapf_head {
    background: var(--primary-color);
    background: -moz-linear-gradient(
        left,
        var(--primary-color) 0%,
        var(--primary-color) 100%
    );
    background: -webkit-gradient(
        left top,
        right top,
        color-stop(0%, var(--primary-color)),
        color-stop(100%, var(--primary-color))
    );
    background: -webkit-linear-gradient(
        left,
        var(--primary-color) 0%,
        var(--primary-color) 100%
    );
    background: -o-linear-gradient(
        left,
        var(--primary-color) 0%,
        var(--primary-color) 100%
    );
    background: -ms-linear-gradient(
        left,
        var(--primary-color) 0%,
        var(--primary-color) 100%
    );
    background: linear-gradient(
        to right,
        var(--primary-color) 0%,
        var(--primary-color) 100%
    );
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5d4931', endColorstr='#846846', GradientType=1 );
}

/*BG gradient 2*/

 {
    background: var(--color-3);
    background: -moz-linear-gradient(
        left,
        var(--color-3) 0%,
        var(--color-4) 100%
    );
    background: -webkit-gradient(
        left top,
        right top,
        color-stop(0%, var(--color-3)),
        color-stop(100%, var(--color-4))
    );
    background: -webkit-linear-gradient(
        left,
        var(--color-3) 0%,
        var(--color-4) 100%
    );
    background: -o-linear-gradient(
        left,
        var(--color-3) 0%,
        var(--color-4) 100%
    );
    background: -ms-linear-gradient(
        left,
        var(--color-3) 0%,
        var(--color-4) 100%
    );
    background: linear-gradient(
        to right,
        var(--color-3) 0%,
        var(--color-4) 100%
    );
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5d4931', endColorstr='#846846', GradientType=1 );
}

.section-title .section-title-main {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
    -ms-background-clip: text;
    -ms-text-fill-color: transparent;
    font-family: UVNBachDang;
    text-transform: unset;
    font-size: 170% !important;
}

/*Pagination*/
.nav-pagination > li > span,
.nav-pagination > li > a {
    background: var(--light-gray);
    border: 1px solid #ccc;
    border-radius: 0;
}

.woocommerce-pagination .nav-pagination{
    text-align: right;
}

/*Badge*/
.product .badge-container {
    margin: 0;
    pointer-events: none;
}
.product .badge {
    display: block;
    position: relative;
    width: 6em;
    overflow: hidden;
    height: 6em;
}

.product .badge .badge-inner {
    /*background-color: var(--color-4);*/
    /*-webkit-transform: rotate(-45deg);*/
    /*color: var(--color-1);*/
    /*-ms-transform: rotate(-45deg);*/
    /*transform: rotate(-45deg) translateX(-50%) translateY(-50%);*/
    /*position: absolute;*/
    /*width: 190%;*/
    /*display: -webkit-box;*/
    /*display: -ms-flexbox;*/
    /*display: flex;*/
    /*height: 25px;*/
    /*-webkit-box-pack: center;*/
    /*-ms-flex-pack: center;*/
    /*justify-content: center;*/
    /*-webkit-box-align: center;*/
    /*-ms-flex-align: center;*/
    /*align-items: center;*/
    /*top: 36%;*/
    /*left: 36%;*/
    /*font-size: 80%;*/
    /*-webkit-transform-origin: 0% 0%;*/
    /*-ms-transform-origin: 0% 0%;*/
    /*transform-origin: 0% 0%;*/
    background: var(--primary-color);
    padding: 10px;
    position: absolute;
    top: 10px;
    left: 10px;
    height: 40px;
    width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
}

.product .badge .badge-inner .onsale{
    line-height: 40px;
}

/*Feedback*/
.feedback-kh .box-image {
    border-radius: var(--radius-1);
}

/*Header*/
.header-bottom {
    /*background: var(--color-1);*/
    /*background: -moz-linear-gradient(*/
    /*    left,*/
    /*    var(--color-1) 0%,*/
    /*    var(--color-1) 19%,*/
    /*    var(--color-2) 34%,*/
    /*    var(--color-1) 47%,*/
    /*    var(--color-1) 70%,*/
    /*    var(--color-2) 84%,*/
    /*    var(--color-1) 100%*/
    /*);*/
    /*background: -webkit-gradient(*/
    /*    left top,*/
    /*    right top,*/
    /*    color-stop(0%, var(--color-1)),*/
    /*    color-stop(19%, var(--color-1)),*/
    /*    color-stop(34%, var(--color-2)),*/
    /*    color-stop(47%, var(--color-1)),*/
    /*    color-stop(70%, var(--color-1)),*/
    /*    color-stop(84%, var(--color-2)),*/
    /*    color-stop(100%, var(--color-1))*/
    /*);*/
    /*background: -webkit-linear-gradient(*/
    /*    left,*/
    /*    var(--color-1) 0%,*/
    /*    var(--color-1) 19%,*/
    /*    var(--color-2) 34%,*/
    /*    var(--color-1) 47%,*/
    /*    var(--color-1) 70%,*/
    /*    var(--color-2) 84%,*/
    /*    var(--color-1) 100%*/
    /*);*/
    /*background: -o-linear-gradient(*/
    /*    left,*/
    /*    var(--color-1) 0%,*/
    /*    var(--color-1) 19%,*/
    /*    var(--color-2) 34%,*/
    /*    var(--color-1) 47%,*/
    /*    var(--color-1) 70%,*/
    /*    var(--color-2) 84%,*/
    /*    var(--color-1) 100%*/
    /*);*/
    /*background: -ms-linear-gradient(*/
    /*    left,*/
    /*    var(--color-1) 0%,*/
    /*    var(--color-1) 19%,*/
    /*    var(--color-2) 34%,*/
    /*    var(--color-1) 47%,*/
    /*    var(--color-1) 70%,*/
    /*    var(--color-2) 84%,*/
    /*    var(--color-1) 100%*/
    /*);*/
    /*background: linear-gradient(*/
    /*    to right,*/
    /*    var(--color-1) 0%,*/
    /*    var(--color-1) 19%,*/
    /*    var(--color-2) 34%,*/
    /*    var(--color-1) 47%,*/
    /*    var(--color-1) 70%,*/
    /*    var(--color-2) 84%,*/
    /*    var(--color-1) 100%*/
    /*);*/
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5d4931', endColorstr='#5d4931', GradientType=1 );*/
}

.nav-spacing-xlarge > .menu-item {
    margin: 0 8px;
}

/*Vertical menu*/
.header-vertical-menu .header-vertical-menu__opener {
    font-size: 100%;
    text-transform: uppercase;
    color: #fff;
    width: 305px;
}
.header-vertical-menu .header-vertical-menu__opener .icon-menu {
    font-size: 17px;
    margin-right: 15px;
}
.header-vertical-menu .header-vertical-menu__opener .icon-angle-down {
    display: none;
}
.sticky .header-vertical-menu .header-vertical-menu__opener .icon-angle-down {
    display: block;
}

.header-vertical-menu__fly-out .nav-vertical-fly-out {
    height: 500px;
}

.header-vertical-menu__fly-out .nav-vertical-fly-out > li.menu-item > a .wpcf7 {
    text-transform: none;
}
.header-vertical-menu__fly-out
    .nav-vertical-fly-out
    > li.menu-item
    > a
    > i.icon-angle-down {
    opacity: 1;
    font-size: 12px;
}

.vertical-item .col {
    padding-bottom: 0;
}
.vertical-item .col .col-inner {
    margin-bottom: 15px;
}
.vertical-item .sub-menu-2 .col .col-inner {
    margin-bottom: 0;
    padding-left: 15px;
}
.vertical-item {
    padding: 20px 0 0 20px !important;
}
.vertical-item .col-inner a {
    color: #333;
    padding: 8px 18px;
    position: relative;
}
.vertical-item .col-inner a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 2px;
    height: 100%;
    background: var(--primary-color);
    -webkit-transform: rotateX(90deg);
    transform: rotateX(90deg);
}
.vertical-item .col-inner a:hover::before {
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
}
.vertical-item .col-inner .img {
    position: unset;
}
.vertical-item .col-inner .img .img-inner {
    position: unset;
}
.vertical-item .col-inner .img .img-inner img {
    position: absolute;
    width: 32px;
    pointer-events: none;
    top: 5px;
    right: 10px;
}

.nav-vertical-fly-out > li + li {
    border-color: rgba(255 255 255 / 20%);
}

.nav-vertical-fly-out .nav-dropdown {
}
.header-vertical-menu__fly-out .nav-vertical-fly-out > li.menu-form {
}

.sub-menu-2 {
}
.sub-menu-2 .col {
}
.sub-menu-2 .col .col-inner {
    background-color: #fff;
}
.sub-menu-2 .col .col-inner a {
}

.nhap-sdt-custom .wpcf7 form.invalid .wpcf7-response-output {
    position: absolute;
    background: var(--color-3);
    width: 100%;
    margin: 37px 0 0 0;
    border-radius: var(--radius-1);
    border: 0;
    color: #fff;
    font-size: 85%;
}

.nhap-sdt-vertical > p {
    text-transform: none;
    margin: 20px 0 8px 0;
    color: #fff;
}

.nhap-sdt {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #fff;
}

.nhap-sdt .wpcf7-text {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    margin: 0;
    font-size: var(--font-size-1);
}

.nhap-sdt .wpcf7-submit {
    margin: 0;
    border: 0;
    background: var(--color-4) !important;
    color: #000 !important;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    font-size: var(--font-size-1);
}

.nhap-sdt .wpcf7-submit:hover{
    color: #fff !important;
}

.nhap-sdt .wpcf7-not-valid-tip {
    position: absolute;
    top: 53px;
    font-size: 85%;
    width: 100%;
    text-align: center;
    color: #000;
    background: var(--color-4);
    opacity: 1;
}

.nhap-sdt .wpcf7-not-valid-tip::after {
    border: 5px solid rgba(136, 183, 213, 0);
    border-bottom-color: var(--color-4);
}

.nhap-sdt .wpcf7-form-control-wrap {
    position: unset;
    width: 100%;
}
.nhap-sdt .wpcf7-spinner {
    display: none;
}

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

    .header-vertical-menu__fly-out .nav-vertical-fly-out > li.menu-item > a {
        padding: 12px 15px;
    }
    .header-vertical-menu__fly-out
        .nav-vertical-fly-out
        > li.menu-item
        > a
        .wpcf7 {
    }
}

/*Menu*/
.has-dropdown .icon-angle-down {
    font-size: 11px;
    margin-left: 8px;
}
.header-nav {
}
.header-main .header-inner .nav > li > a {
    font-size: 14px;
    line-height: unset;
    font-size: var(--font-size-1);
}

.header-main .header-inner .nav > li > a i{
    font-size: 14px;
    margin: 0 5px;
}
.off-canvas .nav-vertical > li > a > img {
    height: 25px;
    width: 25px;
    margin-right: 10px;
}

.header:not(.transparent) .header-nav-main.nav > li.current_page_parent > a {
    color: var(--primary-color);
}

.off-canvas:not(.off-canvas-center) li.html {
    padding: 12px 20px;
}
.off-canvas:not(.off-canvas-center) li.html a {
    padding: 0;
}
.off-canvas:not(.off-canvas-center) li.html a .fa {
    width: 25px;
}

@media screen and (min-width: 850px) {
    .header-nav-main .menu-item > a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

@media screen and (max-width: 849px) {
    .off-canvas-right .mfp-content,
    .off-canvas-left .mfp-content {
        width: 70%;
    }
}
@media screen and (max-width: 549px) {
    .off-canvas-right .mfp-content,
    .off-canvas-left .mfp-content {
        width: 80%;
    }
}

/*Menu dropdown*/
.nav-dropdown-has-arrow.nav-dropdown-has-border li.has-dropdown:before {
    border-bottom-color: #fff;
}
.nav-dropdown-has-border .nav-dropdown {
    border: none;
}

.nav-dropdown-has-arrow li.has-dropdown:before {
    border-width: 9px;
    margin-left: -9px;
}
.nav-dropdown-default {
    padding: 5px 10px;
    border: 0;
}
.nav-dropdown-default {
    border-top: solid 2px var(--primary-color);
}

.nav-dropdown-default li:hover a {
    color: #000 !important;
}
.nav-dropdown-default li a {
    margin: 0 !important;
}
.nav-dropdown-default li {
    position: relative;
}

.nav-dropdown-has-arrow.nav-dropdown-has-border
    .header-bottom
    li.has-dropdown:before,
.nav-dropdown-has-arrow.nav-dropdown-has-border
    .header-bottom
    li.has-dropdown:after {
    bottom: -10px;
}
.header-bottom .nav-dropdown {
    top: calc(100% + 7px);
}

/*MB Menu*/

.off-canvas-right .mfp-content,
.off-canvas-left .mfp-content {
    background-color: #846846;
}

.mobile-sidebar .nav > li a {
    color: #fff;
    font-size: 100%;
}
.mobile-sidebar .nav li .sub-menu li a {
    font-size: 95%;
}
.mobile-sidebar .sidebar-menu {
    padding: 0;
}
.mobile-sidebar .sidebar-menu-tabs {
    display: table;
}
.mobile-sidebar .sidebar-menu-tabs.nav > li {
    display: table-cell;
}
.mobile-sidebar .sidebar-menu-tabs.nav > li.active {
    background-color: rgba(0 0 0 / 20%);
}
.mobile-sidebar .sidebar-menu-tabs.nav > li > a {
    padding: 22px 10px;
}
.mobile-sidebar .sidebar-menu-tabs.nav > li > a::before {
    background-color: var(--color-4);
}
.mobile-sidebar .nav > li > a.button,
.mobile-sidebar .nav > li > button {
    position: absolute;
    right: 0;
    top: 8px;
    margin: 0;
}
.mobile-sidebar .nav.nav-vertical li > a {
    padding-right: 20px;
}

.mobile-sidebar .searchform .flex-row .flex-col:first-child .search-field {
    border: solid 1px #fff;
    background-color: transparent;
    color: #fff;
    border-right: none;
}
.mobile-sidebar
    .searchform
    .flex-row
    .flex-col:first-child
    .search-field::-webkit-input-placeholder {
    color: #fff;
}
.mobile-sidebar
    .searchform
    .flex-row
    .flex-col:first-child
    .search-field::-moz-placeholder {
    color: #fff;
}
.mobile-sidebar
    .searchform
    .flex-row
    .flex-col:first-child
    .search-field:-ms-input-placeholder {
    color: #fff;
}
.mobile-sidebar
    .searchform
    .flex-row
    .flex-col:first-child
    .search-field::-ms-input-placeholder {
    color: #fff;
}
.mobile-sidebar
    .searchform
    .flex-row
    .flex-col:first-child
    .search-field::placeholder {
    color: #fff;
}
.mobile-sidebar .searchform .flex-row .flex-col:nth-child(2) .submit-button {
    background-color: transparent;
    border: solid 1px #fff;
    border-left: none;
}

.nav-vertical > li > a > i {
    opacity: unset;
}
.nav-sidebar.nav-vertical > li + li {
    border-top: 1px solid rgba(255 255 255 / 20%);
}

.nav-sidebar.nav-vertical > li .toggle i {
    color: #fff;
    font-size: 100%;
}
.header-bottom-nav.mobile-nav .custom.html_nav_position_text {
    width: 100%;
    padding: 6px 0;
    margin: 0;
}

.menu-icon {
    display: none;
}
.sticky .menu-icon {
    display: block;
}
.sticky .header-bottom-nav {
    display: table;
}
.sticky .header-bottom-nav .html.custom {
    display: table-cell;
    vertical-align: middle;
}
.sticky .header-bottom-nav .html.custom .icon-menu {
    font-size: 20px;
    color: #fff;
    margin-right: 10px;
}

/*Home title*/
.home-title {
    display: none;
}
.home-title h2 {
}
.home-title h2 span {
    position: relative;
}
.home-title h2 .tt1 {
    color: #555;
    font-weight: 100;
    text-transform: uppercase;
    letter-spacing: 5px;
}
.home-title h2 .tt1::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 12px;
    background: #f4f4f4;
    right: 0;
    bottom: 0;
    z-index: -1;
}
.home-title h2 .tt2 {
    font-family: UVNBachDang;
    font-size: 217%;
    line-height: 1;
}

/*Sidebar*/

.recent-blog-posts-li a,
.product_list_widget .product-title,
.box-text .product-title a {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
}

.widget {
    background-color: #fff;
    -webkit-box-shadow: var(--shadow-1);
    box-shadow: var(--shadow-1);
    border-radius: var(--radius-1);
    overflow: hidden;
}

.widget .is-divider {
    display: none;
}
.widget .widget-title {
    padding: 20px;
    color: #fff;
    display: block;
}
.widget ul li:nth-child(odd) {
}

.widget .searchform {
    padding: 15px 10px;
    margin: 0;
}
.widget > :nth-child(3) {
    padding: 15px 10px;
    margin: 0;
}

ul.menu > li + li,
.widget > ul > li + li {
    border-top: var(--border-1);
}
ul.product_list_widget {
    padding: 15px 10px;
}
ul.product_list_widget li {
    padding: 8px 0;
    min-height: unset;
}
ul.product_list_widget li a:not(.remove) {
    margin-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
ul.product_list_widget li a span {
}
ul.product_list_widget li a img {
    margin-bottom: 0;
    position: relative;
    top: unset;
    margin-right: 10px;
}
ul.product_list_widget li a img,
.recent-blog-posts-li .badge .badge-inner {
    border-radius: var(--radius-4);
}

.recent-blog-posts-li .mr-half {
}
@media screen and (min-width: 850px) {
    .is-sticky-column {
        top: 65px !important;
    }
}

.thanh-vien .box-text {
    padding-left: 0;
    padding-right: 0;
}

.video-gt iframe {
    height: 700px;
}
@media screen and (max-width: 1000px) {
    .video-gt iframe {
    }
}
@media screen and (max-width: 850px) {
    .video-gt iframe {
        height: 450px;
    }
}
@media screen and (max-width: 549px) {
    .video-gt iframe {
        height: 300px;
    }
}

.p-home p {
    padding: 0 15%;
}
@media screen and (max-width: 1000px) {
    .p-home p {
        padding: 0 15%;
    }
}
@media screen and (max-width: 850px) {
    .p-home p {
        padding: 0 10%;
    }
}
@media screen and (max-width: 549px) {
    .p-home p {
        padding: 0 0;
    }
}

.product-small .col-inner {
    box-shadow: 0 2px 3px 0 rgba(0,0,0,0.3);
    border-radius: 10px;
    overflow: hidden;
    -webkit-transition: background-color 0.3s, color 0.3s, opacity 0.3s,
        -webkit-transform 0.3s, -webkit-box-shadow 0.3s;
    transition: background-color 0.3s, color 0.3s, opacity 0.3s,
        -webkit-transform 0.3s, -webkit-box-shadow 0.3s;
    -o-transition: transform 0.3s, box-shadow 0.3s, background-color 0.3s,
        color 0.3s, opacity 0.3s;
    transition: transform 0.3s, box-shadow 0.3s, background-color 0.3s,
        color 0.3s, opacity 0.3s;
    transition: transform 0.3s, box-shadow 0.3s, background-color 0.3s,
        color 0.3s, opacity 0.3s, -webkit-transform 0.3s,
        -webkit-box-shadow 0.3s;
}
.product-small .col-inner:hover {
    box-shadow: 1px 1px 7px rgba(0,0,0,0.2),4px 5px 6px rgba(0,0,0,0.3);
}

/*Filter by category*/
.bapf_sfilter {
    -webkit-box-shadow: var(--shadow-1);
    box-shadow: var(--shadow-1);
    border-radius: var(--radius-1);
    overflow: hidden;
}
.bapf_head {
    padding: 20px;
    border-radius: var(--radius-1);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.bapf_head h3 {
    margin: 0;
    font-size: 1em;
    color: #fff;
    text-transform: uppercase;
    line-height: 1.05;
}
.bapf_body {
    padding: 20px 20px 10px;
    background: #fff;
}
.bapf_sfilter.bapf_ckbox input[type="checkbox"] {
    margin-left: 0;
}

/*Search form*/
.header-main .nav-left {
    width: 80%;
    margin: 0 auto;
}
.searchform .flex-row {
}
.searchform .flex-row .flex-col:first-child {
}
.searchform .flex-row .flex-col:first-child .search-field {
    background-color: #fff !important;
    height: 44px;
    border: solid 1px #e6e6e6;
    font-size: var(--font-size-1);
    font-style: italic;
    border-radius: 0;
	color: #000 !important
}
.searchform .flex-row .flex-col:first-child .search-field:focus {
    box-shadow: none;
    font-style: normal;
}
.searchform .flex-row .flex-col:first-child .search-field::placeholder{
    color: #333;
}
.searchform .flex-row .flex-col:nth-child(2) {
}
.searchform .flex-row .flex-col:nth-child(2) .submit-button {
    width: 44px;
    height: 44px;
    border: none;
    padding: 0;
    min-width: unset;
    min-height: unset;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.searchform .flex-row .flex-col:nth-child(2) .submit-button i {
    line-height: unset;
    font-size: var(--font-size-3);
     color: #333;
}
.searchform-wrapper.form-flat .flex-col:last-of-type{
    margin-left: -4em;
}
.header-search-dropdown .nav-dropdown-default {
    padding: 15px;
}

.autocomplete-suggestions {
    -webkit-backdrop-filter: blur(4px) saturate(2);
    backdrop-filter: blur(4px) saturate(2);
}

.searchform-wrapper:not(.form-flat) .submit-button,
.widget_search .submit-button {
}

/*Section title*/

.section-title-center b {
    position: absolute;
    width: 80px;
    z-index: 1;
    background-color: var(--primary-color);
    opacity: 1;
    height: 1px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    top: calc(100% + 16px);
}

.section-title-center span {
    margin: 0 auto;
}

.section-title-center b:first-child {
    left: calc(50% - 60px);
}
.section-title-center b:last-child {
    left: calc(50% + 60px);
}
.section-title-center:after {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    top: calc(100% + 5px);
    background: url(/wp-content/uploads/2025/05/favicon.png) center center
        no-repeat;
    background-size: 20px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    border-radius: 100px;
}

/*Banner*/
.banner-left {
    min-height: 500px;
}
.banner-left .col-inner {
    height: 100%;
}

@media screen and (max-width: 849px) {
    .banner-left {
        min-height: 400px;
    }
}

@media screen and (max-width: 549px) {
    .banner-left {
        min-height: 250px;
    }
}

/*Gioi thieu*/
.gt-img .col-inner {
    pointer-events: none;
}
.gt-img .col-inner * {
    pointer-events: auto;
}
.gt-img .img-inner img {
    height: 100%;
    object-fit: cover;
}
.gt-img .col-inner::before {
    content: "";
    position: absolute;
    width: 235px;
    height: 235px;
    top: 0;
    left: 0;
    background-color: #f2eeeb;
    border-radius: var(--radius-5);
    border-top-left-radius: 0;
}

.gt-img1 {
    left: 40px;
    top: 35px;
}
.gt-img1 .img-inner,
.gt-img2 .img-inner {
    height: 450px;
    border-radius: var(--radius-5);
    border-top-left-radius: 0;
    box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.15);
    border: solid 10px #fff;
}
.gt-img1 .img-inner::before,
.gt-img2 .img-inner::before {
    position: absolute;
    top: 0;
    left: -100%;
    display: block;
    content: "";
    width: 50%;
    height: 100%;
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#fff0),
        to(rgb(255 255 255 / 0.3))
    );
    background: -o-linear-gradient(left, #fff0 0%, rgb(255 255 255 / 0.3) 100%);
    background: linear-gradient(
        to right,
        #fff0 0%,
        rgb(255 255 255 / 0.3) 100%
    );
    -webkit-transform: skewX(-25deg);
    -ms-transform: skewX(-25deg);
    transform: skewX(-25deg);
    z-index: 1;
}

@-webkit-keyframes shine {
    100% {
        left: 125%;
    }
}
@keyframes shine {
    100% {
        left: 125%;
    }
}

.gt-img1:hover .img-inner::before,
.gt-img2:hover .img-inner::before {
    -webkit-animation: shine 1.5s;
    animation: shine 1.5s;
}

.gt-img2 {
    right: 0;
    top: 80px;
    z-index: -1;
}
.gt-img2 .img-inner {
    border-radius: var(--radius-5);
    border-bottom-right-radius: 0;
    height: 285px;
}
.gt-img2,
.gt-img3 {
    position: absolute;
}

.gt-img3 {
    opacity: 0.3;
    left: 0;
    bottom: -30px;
    z-index: -1;
}
.gt-img3,
.gt-img3 .img-inner {
    overflow: unset;
}

.gt-text1 {
    font-weight: bold;
    color: var(--color-1);
    font-size: 120%;
    font-style: italic;
}

.wrap-gt-btn {
}
.wrap-gt-btn .col {
    padding-bottom: 0;
}
.gt-btn {
}
.gt-btn p,
.gt-btn a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
}
.gt-btn a {
    border: solid 1px var(--color-1);
    border-top-right-radius: 999px;
    border-bottom-right-radius: 999px;
    padding: 20px 33px;
}
.gt-btn span {
    margin: 0;
    line-height: 1.2;
    font-weight: bold;
    margin-left: 15px;
    color: #111;
}
.gt-btn svg {
    width: 36px;
    height: 36px;
    fill: var(--color-1);
}
.gt-btn1 {
}
.gt-btn2 {
}

.gt-btn .btn-effect::before {
    border-top-right-radius: 999px;
    border-bottom-right-radius: 999px;
    background-color: var(--color-1);
}
.gt-btn a:hover span,
.gt-btn a:hover svg {
    color: #fff;
    fill: #fff;
}

.gioi-thieu .video-button-wrapper {
    position: absolute;
    right: 0;
    bottom: -75px;
    z-index: 1;
}
.gioi-thieu .video-button-wrapper .button {
    margin: 0;
    border: 0;
    position: relative;
    background: url(/wp-content/uploads/2024/10/vid-bg.jpg) center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 40px !important;
    border-top-left-radius: 0px !important;
    padding: 0;
    overflow: hidden;
    width: 134px;
    height: 134px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.gioi-thieu .video-button-wrapper .button::before {
    content: "";
    background-color: var(--color-2);
    opacity: 0.9;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
}

.gioi-thieu .video-button-wrapper .button i {
    width: 40px;
    height: 40px;
}

.section.gioi-thieu {
    padding-top: 50px !important;
    padding-bottom: 30px !important;
}

@media screen and (min-width: 850px) {
    .gioi-thieu .section-title-main {
        margin: 0;
    }
    .gioi-thieu .section-title-center b:first-child,
    .gioi-thieu .section-title-center b:last-child,
    .gioi-thieu .section-title-center:after {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
    .gioi-thieu .section-title-center b:first-child {
        left: 0;
    }
    .gioi-thieu .section-title-center b:last-child {
        left: 120px;
    }
    .gioi-thieu .section-title-center:after {
        left: 90px;
    }
    .gt-img3 {
        -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px);
    }
}
@media screen and (max-width: 849px) {
    .gioi-thieu .text p {
        text-align: justify;
    }
    .gt-img {
        padding-bottom: 100px;
    }
    .section.gioi-thieu {
        padding-bottom: 0px !important;
    }
}
@media screen and (max-width: 549px) {
    .gt-btn p {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .gt-btn a {
        padding: 15px;
    }

    .gt-img1 {
        top: 20px;
        left: 30px;
    }
    .gt-img1 .img-inner {
        height: 400px;
    }
    .gt-img2 {
        top: 70px;
    }
    .gt-img2 .img-inner {
        height: 200px;
    }
    .gioi-thieu .video-button-wrapper {
        right: 35px;
        bottom: -50px;
    }
    .gioi-thieu .video-button-wrapper .button {
        padding: 40px;
    }
}

/*DM noi bat*/
.dm-noi-bat .icon-box-center .icon-box-img {
    margin-bottom: 10px;
}
.dm-noi-bat .col-inner a:hover img {
    -webkit-animation-name: bounce1;
    animation-name: bounce1;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-duration: 0.8s;
    animation-duration: 0.8s;
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
}

@-webkit-keyframes bounce1 {
    0% {
        -webkit-transform: scale(1, 1) translateY(0);
        transform: scale(1, 1) translateY(0);
    }
    10% {
        -webkit-transform: scale(1.1, 0.9) translateY(0);
        transform: scale(1.1, 0.9) translateY(0);
    }
    30% {
        -webkit-transform: scale(0.9, 1.1) translateY(-10px);
        transform: scale(0.9, 1.1) translateY(-10px);
    }
    50% {
        -webkit-transform: scale(1, 1) translateY(0);
        transform: scale(1, 1) translateY(0);
    }
    57% {
        -webkit-transform: scale(1, 1) translateY(-5px);
        transform: scale(1, 1) translateY(-5px);
    }
    64% {
        -webkit-transform: scale(1, 1) translateY(0);
        transform: scale(1, 1) translateY(0);
    }
    100% {
        -webkit-transform: scale(1, 1) translateY(0);
        transform: scale(1, 1) translateY(0);
    }
}
@keyframes bounce1 {
    0% {
        -webkit-transform: scale(1, 1) translateY(0);
        transform: scale(1, 1) translateY(0);
    }
    10% {
        -webkit-transform: scale(1.1, 0.9) translateY(0);
        transform: scale(1.1, 0.9) translateY(0);
    }
    30% {
        -webkit-transform: scale(0.9, 1.1) translateY(-10px);
        transform: scale(0.9, 1.1) translateY(-10px);
    }
    50% {
        -webkit-transform: scale(1, 1) translateY(0);
        transform: scale(1, 1) translateY(0);
    }
    57% {
        -webkit-transform: scale(1, 1) translateY(-5px);
        transform: scale(1, 1) translateY(-5px);
    }
    64% {
        -webkit-transform: scale(1, 1) translateY(0);
        transform: scale(1, 1) translateY(0);
    }
    100% {
        -webkit-transform: scale(1, 1) translateY(0);
        transform: scale(1, 1) translateY(0);
    }
}

.dm-noi-bat .row-collapse {
    background: #fff;
}
.dm-noi-bat h5 {
    font-size: var(--font-size-1);
}

@media screen and (max-width: 1220px) {
    .dm-noi-bat .section-content {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media screen and (max-width: 850px) {
    .dm-noi-bat .col-inner a img {
        width: 75%;
    }
    .dm-noi-bat .row-collapse {
        padding-left: 10px;
        padding-right: 10px;
    }
}

/*CT thuc te*/
.ct-thuc-te .fill {
    max-height: 400px;
}

/*Bo suu tap mau sac*/
.bang-mau li.tab a {
    padding-top: 0;
}
.bang-mau .row-small > .col {
    padding: 0 5px 10px;
}
.bang-mau .tab-panels .entry-content {
    margin-left: -10px;
    margin-right: -10px;
}
.bang-mau .box-text {
    display: none;
}
#tab_màu-tủ-nhôm-kính,
#tab_màu-hot {
    margin-left: -2px;
    margin-right: -18px;
}

/*Checkout*/
.checkout .has-border {
    border: none;
    background: var(--light-gray);
    border-radius: var(--radius-2);
}
#billing_address_1_field {
    width: 100%;
    margin-right: 0;
}

/*Comment*/
#comments .commentlist > li,
#comments .comment-list > li {
    border: none;
    margin-left: 0;
}
.commentlist li .comment-text,
.comment-list li .comment-text {
    background: var(--light-gray);
    position: relative;
    border-radius: var(--radius-2);
    margin-left: 15px;
}
.commentlist li .comment-text::before,
.comment-list li .comment-text::before {
    position: absolute;
    content: "";
    top: 22px;
    left: -7px;
    border: solid 7px #f5f5f5;
    border-left: 0;
    border-top-color: transparent;
    border-bottom-color: transparent;
}

#comments #submit {
    margin-right: 0;
}
#comments #submit:hover {
    box-shadow: unset;
    -webkit-box-shadow: unset;
    -moz-box-shadow: unset;
    background-color: var(--second-color);
    color: #fff;
}
#comments .form-submit {
    text-align: right;
}

/*Read more content*/

.term-description {
    margin-top: 30px;
    max-height: 300px;
    overflow: hidden;
    position: relative;
    padding: 20px;
    border-radius: 4px;
    background: rgb(245, 245, 245);
}

.term-description .wrap-readmore {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 200px;
    display: -webkit-box;
    pointer-events: none;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: -moz-linear-gradient(
        top,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 85%,
        rgba(255, 255, 255, 1) 100%
    );
    background: -webkit-linear-gradient(
        top,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 85%,
        rgba(255, 255, 255, 1) 100%
    );
    background: linear-gradient(
        to bottom,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 85%,
        rgba(255, 255, 255, 1) 100%
    );
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
}

.wrap-readmore .btn-read {
    margin: 0;
    pointer-events: auto;
    margin-bottom: -120px;
    color: #fff;
    padding: 3px 24px 3px 28px;
}
.term-description.show-content {
    max-height: unset;
    padding-bottom: 60px;
}
.show-content .wrap-readmore {
    background: unset;
}
.wrap-readmore .btn-readmore {
    display: block;
}
.wrap-readmore .btn-readless {
    display: none;
}
.show-content .wrap-readmore .btn-readmore {
    display: none;
}
.show-content .wrap-readmore .btn-readless {
    display: block;
}

.wrap-readmore .btn-read i {
    font-size: 14px;
    margin-left: 5px;
}

.entry-content.single-page .wrap-readmore,
.woocommerce-Tabs-panel--reviews .wrap-readmore {
    display: none;
}

/*Arrow*/
.slider-nav-push:not(.slider-nav-reveal) .flickity-prev-next-button {
}
.slider-nav-circle .flickity-prev-next-button svg {
}
.slider-nav-circle .flickity-prev-next-button:hover svg {
}
.slider-nav-light .flickity-prev-next-button svg,
.slider-nav-light .flickity-prev-next-button .arrow {
    width: 30px;
}

/*FAQ*/
.accordion-title {
    font-weight: 700;
    font-size: 100%;
}
.accordion .toggle {
    right: 0;
    left: unset;
}
.accordion .toggle i {
    font-size: 20px;
}
.accordion .accordion-title::before {
    content: "\f059";
    font-family: FontAwesome;
    font-size: 14px;
    position: absolute;
    left: 14px;
    top: 13px;
}

/*Cart*/
a.remove,
a.icon-remove {
    border: none;
    background: #ececec;
    line-height: 23px !important;
    color: #bbb;
}
a.remove:hover,
a.icon-remove:hover {
    background: var(--second-color);
}
.cart-collaterals .product-name {
    border: none;
    border-bottom: solid 1px #ececec;
    color: var(--primary-color);
}
.is-form,
button.is-form,
input[type="submit"].is-form,
input[type="reset"].is-form,
input[type="button"].is-form {
    text-shadow: none;
    background-color: unset;
}
.button.is-form:hover {
    background-color: #eee;
    -webkit-box-shadow: unset;
    box-shadow: unset;
}
.btn-empty-cart {
    margin: 0;
}

/*Product*/
.product-gallery-slider .woocommerce-product-gallery__image a {
    padding-top: 100% !important;
    overflow: hidden;
    position: relative !important;
    display: block;
}
.product-gallery-slider .woocommerce-product-gallery__image a img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.pro-contact {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 5px 1fr 5px 1fr;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 5px;
    margin: 0;
    margin-top: 15px;
}
.pro-contact li {
    list-style-type: none;
    margin: 0 !important;
}
.pro-contact li a {
    display: block;
    border-radius: var(--radius-1);
    background: var(--primary-color);
    color: #fff;
    text-align: center;
    padding: 10px 0;
}
.pro-contact li a i {
    margin-right: 5px;
}
.pro-contact li a svg {
    fill: #fff;
    width: 15px;
    margin-right: 5px;
}

.giao-hang {
    border: solid 1px var(--color-4);
    border-radius: var(--radius-1);
}
.giao-hang p {
    background: var(--color-4);
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content;
    white-space: nowrap;
    color: var(--color-1);
    margin-top: -12px;
    margin-left: 20px;
    padding: 0 20px;
    border-radius: var(--radius-4);
    font-size: 90%;
    height: 26px;
    max-height: 26px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.giao-hang p * {
    color: var(--color-1);
}
.giao-hang ul {
    padding: 0 20px;
}
.giao-hang ul li {
}
.giao-hang i {
    margin-right: 8px;
    font-size: 90%;
}

.flickity-prev-next-button {
    top: 0;
    bottom: 0;
    margin: auto 0;
}

.content-area > .woocommerce {
    padding: 30px 0;
}

.has-shadow .box-text {
    padding-left: 5.2%;
    padding-right: 5.2%;
}

a.added_to_cart {
    color: var(--second-color);
    -webkit-box-shadow: inset 0 0 0 1px var(--second-color);
    box-shadow: inset 0 0 0 1px var(--second-color);
    border-radius: var(--radius-4);
    padding: 0 1.2em;
    margin-top: 1em !important;
    text-transform: none;
    line-height: 2.4em !important;
    font-size: 0.8em;
}

a.added_to_cart:hover {
    background-color: var(--second-color);
    color: #fff;
}

.commentlist {
}

/*Y kien*/
.y-kien .owl-carousel .owl-stage-outer {
    padding-top: 35px;
}
.y-kien .col {
    padding-bottom: 0;
}
.y-kien .col,
.y-kien .col .col-inner {
    height: 100%;
}
.y-kien .col .col-inner {
    padding: 25px 22px;
}
.y-kien .col-inner {
    border: solid 1px rgba(255 255 255 / 50%);
}
.y-kien .pt-half {
    padding-top: 0;
}
.y-kien .col-inner p {
    margin: 0;
    text-align: justify;
}
.y-kien .testimonial-box {
    margin-top: -50px;
    margin-bottom: 15px;
    background: var(--color-2);
    padding: 8px 20px;
    border-radius: var(--radius-1);
}
.y-kien .testimonial-box img {
    padding: 0;
    width: 65px !important;
}
.y-kien .owl-carousel.owl-theme .owl-dots .owl-dot span {
    background: rgba(255 255 255 / 30%);
}
.y-kien .owl-carousel.owl-theme .owl-dots .owl-dot.active span {
    background: rgba(255 255 255 / 100%);
}

@media screen and (min-width: 850px) {
    .y-kien .large-4 {
        flex-basis: 100%;
        max-width: 100%;
    }
}

@media screen and (min-width: 550px) {
    .y-kien .medium-4 {
        flex-basis: 100%;
        max-width: 100%;
    }
}

/*Box product*/
.product-small .product-title{
    margin: 10px 0;
}

.product-small .product-title a {
    color: #333;
    font-size: 14px; 
    line-height: 1.5;
}

.product-small:hover .product-title a {
    color: var(--primary-color);
}

.product-small .price-wrapper .price{
    display: flex;
    flex-direction: column-reverse;
}

.product-small .price-wrapper .price ins{
    font-size: 16px;
    margin-bottom: 10px;
}

.product-small .price-wrapper .price del{
    font-size: 1em;
}

.product-info .price-wrapper .price{
    display: flex;
    align-items: end;
}

.product-info .price-wrapper .price ins{
    order: -1;
    margin-right: 10px;
}

.product-info .price-wrapper .price del{
    font-size: .8em;
}

.product-info h1.product-title{
    text-transform: capitalize
}

.uu-dai-db strong {
    font-weight: normal;
    color: var(--primary-color);
}
.box-text-products .add-to-cart-button {
    display: inline;
}
.box-text-products {
    text-align: center;
}
.box-text-products .add_to_cart_button {
    margin: 0;
    margin-top: 10px;
}
.related .product-small .col-inner .box-text {
    padding: 10px 5% 20px 5%;
}
.product-small .star-rating {
    display: none;
}

/*Contact button*/
#btn-gotop {
    position: fixed;
    right: 20px;
    bottom: 60px;
    background: rgba(0, 0, 0, 0.7);
    border: solid 1px #fff;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 18px;
    color: #fff;
    z-index: 9999;
}

.btn-lh {
    position: fixed;
    bottom: 5px;
    right: 12px;
    z-index: 999;
}
.btn-lh ul {
    margin: 0;
}
.btn-lh li {
    list-style: none;
    margin: 0;
}

.btn-lh a {
    width: 100%;
    border-radius: var(--radius-1);
    box-shadow: var(--shadow-1);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    margin: 3px 5px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    padding: 4px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    -webkit-backdrop-filter: blur(3px) brightness(0.8);
    backdrop-filter: blur(3px) brightness(0.8);
}

.btn-lh a:hover {
    background-color: var(--second-color);
}

.btn-lh span:last-child {
    white-space: nowrap;
    padding: 3px 7px;
    color: #fff;
    font-size: 0.9em;
    display: none;
}

.btn-lh a:hover span:last-child {
    display: block;
}

.btn-lh a.btn-hotline span:last-child,
.btn-lh a.btn-form span:last-child,
.btn-lh a.btn-zalo span:last-child,
.btn-lh a.btn-fb span:last-child {
    display: block;
}

.btn-lh span:first-child {
    border-radius: var(--radius-1);
    width: 34px;
    height: 34px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #fff;
    background-color: rgba(0, 0, 0, 0.4);
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.btn-lh a:hover span:first-child {
    background-color: var(--primary-color);
}

.btn-lh .fa {
    color: #fff;
    font: normal normal normal 18px/1 FontAwesome !important;
}

.btn-lh a i:before{
    color: #fff;
}

.btn-lh svg {
    fill: #fff;
    height: 18px;
}

.btn-lh .btn-hotline {
    /*background-color: #f74522;*/
}

.btn-lh .btn-gotop {
    background-color: #176dc4;
}

.btn-lh .btn-zalo {
    /*background-color: #4c9aff;*/
}

.btn-lh .btn-viber {
    background-color: #665cac;
}

.btn-lh .btn-form {
    /*background-color: #47aa42;*/
}
@media screen and (max-width: 849px) {
    .btn-lh {
        display: none;
    }
}

@media only screen and (max-width: 549px) {
    .btn-lh {
        top: unset;
        bottom: 3px;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        right: unset;
    }
    .btn-lh ul {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
    }
    .btn-lh a {
        margin: 0 3px;
    }
    .btn-lh a.btn-hotline span:last-child {
        /*display: none !important;*/
    }
    .btn-lh ul li:first-child {
        /*order: 2;*/
    }
    .btn-lh ul li:nth-child(2) {
        order: 3;
    }
    .btn-lh ul li:nth-child(3) {
        order: 4;
    }
    .btn-lh ul li:last-child {
        order: 1;
    }
    .btn-lh a.btn-zalo span:last-child,
    .btn-lh a.btn-fb span:last-child {
        display: none;
    }
}

/*Bao chi*/
.bao-item {
    max-width: 100%;
}
.bao-chi .box-text-inner h4 a {
    color: var(--color-1);
}

/*Single post*/
.my-info {
    background: var(--light-gray);
    padding: 30px 20px;
}
.my-info-title {
    text-transform: uppercase;
    color: var(--color-2);
    padding-left: 20px;
    position: relative;
    letter-spacing: 2px;
    font-size: 17px;
}
.my-info-title::before {
    content: "";
    position: absolute;
    width: 4px;
    height: 18px;
    background: var(--color-4);
    left: 3px;
    top: 4px;
    -webkit-transform: skewX(-15deg);
    -ms-transform: skewX(-15deg);
    transform: skewX(-15deg);
}
.my-info ul {
    margin: 0;
}
.my-info ul li {
    list-style: none;
    position: relative;
    margin-left: 0;
    padding-left: 30px;
}
.my-info ul li:last-child {
    margin-bottom: 0;
}
.my-info ul li i {
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    width: 15px;
}

/*Tab*/
.woocommerce-tabs.tabbed-content .nav-pills > li {
    margin: 0 5px;
}
.woocommerce-tabs.tabbed-content .nav-pills > li > a {
    padding: 0.5em 2.3em;
    border-radius: var(--radius-1);
    line-height: 2.5em;
    background-color: var(--light-gray);
}
.woocommerce-tabs.tabbed-content .nav-pills > li.active > a {
    background-color: var(--primary-color);
    color: #fff;
}
@media screen and (max-width: 549px) {
    .woocommerce-tabs.tabbed-content .nav-pills > li {
        width: auto;
        margin: 0 5px !important;
    }
}

/*Banner dot*/
.flickity-page-dots .dot {
    opacity: 1;
    border: none;
    background: rgba(255, 255, 255, 0.5);
    width: 6px;
    height: 6px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.flickity-page-dots .dot:hover {
    background: #fff;
}
.flickity-page-dots .dot.is-selected {
    width: 25px;
    background: #fff;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
}

.blog-post-inner h5.post-title {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
    min-height: 45px;
}
.has-hover:hover .blog-post-inner h5.post-title {
    color: var(--second-color);
}

.header-wrapper {
    box-shadow: 0px 0px 20px 0 rgb(0 0 0 / 10%);
    -webkit-box-shadow: 0px 0px 20px 0 rgb(0 0 0 / 10%);
    -moz-box-shadow: 0px 0px 20px 0 rgb(0 0 0 / 10%);
}
.header-wrapper.stuck,
.header-shadow .header-wrapper,
.layout-shadow #wrapper {
    box-shadow: 0px 0px 15px 0 rgb(0 0 0 / 10%);
    -webkit-box-shadow: 0px 0px 15px 0 rgb(0 0 0 / 10%);
    -moz-box-shadow: 0px 0px 15px 0 rgb(0 0 0 / 10%);
}

/*Tagcloud*/
.tagcloud {
    overflow: hidden;
    padding: 15px 10px;
}
.tagcloud a {
    background: #eee;
    border: none;
    border-radius: 3px 0 0 3px;
    color: #999;
    display: -webkit-inline-box;
    height: 26px;
    line-height: 26px;
    padding: 0 20px 0 23px;
    position: relative;
    margin: 0 6px -2px 0;
    text-decoration: none;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.tagcloud a::before {
    background: #fff;
    border-radius: 10px;
    -webkit-box-shadow: inset 0 1px rgb(0 0 0 / 25%);
    box-shadow: inset 0 1px rgb(0 0 0 / 25%);
    content: "";
    height: 6px;
    left: 10px;
    position: absolute;
    width: 6px;
    top: 10px;
}
.tagcloud a::after {
    background: #fff;
    border-bottom: 13px solid transparent;
    border-left: 10px solid #eee;
    border-top: 13px solid transparent;
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.widget .tagcloud a:hover {
    color: var(--color-1);
    background-color: var(--color-4) !important;
}
.widget .tagcloud a:hover::after {
    border-left: 10px solid var(--color-4);
}

/*Caption*/
.wp-caption,
.wp-caption img,
.entry-content img.aligncenter,
img.size-full.alignnone,
img.size-full,
img.aligncenter {
    padding: 5px;
    border: var(--border-1);
    width: 100%;
}
figure.wp-caption img {
    border: none;
    padding: 0;
}
figure.wp-caption {
    width: 100% !important;
}
.post .wp-caption,
.entry-content .wp-caption {
    margin: 30px auto;
}

.wp-caption .wp-caption-text {
    padding-bottom: 0em;
    background: #fff;
}
@media screen and (max-width: 849px) {
}

/*Nav*/
#nav-below .nav-previous a,
#nav-below .nav-next a {
    position: relative;
    box-sizing: border-box;
    float: left;
    font-style: italic;
    font-weight: 700;
    font-size: 0.9em;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
#nav-below .nav-previous a:hover,
#nav-below .nav-next a:hover {
    text-decoration: underline;
}
#nav-below .nav-previous a span,
#nav-below .nav-next a span {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
#nav-below .nav-next a span {
    right: 0 !important;
}

#nav-below .nav-previous a {
    padding-right: 2vw;
}
#nav-below .nav-next a {
    padding-left: 2vw;
    float: right;
}

@media screen and (min-width: 549px) {
    #nav-below .nav-previous a {
        padding-left: 35px;
    }
    #nav-below .nav-next a {
        padding-right: 35px;
    }
}
@media screen and (max-width: 849px) {
    h1.entry-title {
        font-size: 1.5em;
    }
}

/*Widget tin moi*/
.custom-html-widget .category-posts-internal{
    padding: 0;
}

.category-posts-internal {
    padding: 15px 10px;
}
.cat-post-item {
}
li.cat-post-item > div {
    justify-content: unset !important;
}
.category-posts-internal li {
    border-bottom: none !important;
    margin: 0 0 0 0 !important;
    padding: 5px 0 !important;
    width: 100%;
}
.category-posts-internal li:first-child {
    padding-top: 0 !important;
}
.category-posts-internal li div {
    margin: 0 !important;
    display: flex;
    align-items: center;
}
.category-posts-internal li a {
    font-size: 90% !important;
    color: #333;
    font-weight: 600;
    text-transform: inherit !important;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.category-posts-internal li a.cat-post-title {
    float: left;
    width: 100%;
    margin-bottom: 6px;
}
.category-posts-internal li a.cat-post-thumbnail {
    clear: both;
}

.category-posts-internal li a:hover {
    color: #d49f0b;
}
.category-posts-internal li p {
    font-size: 85%;
}
.category-posts-internal li p a {
    color: #fff;
    font-style: italic;
    font-weight: normal;
    float: right;
    padding: 3px 7px;
    background: var(--primary-color);
    border-radius: 100px;
    letter-spacing: -0.5px;
}
.category-posts-internal li p a:hover {
    background: #5c4621;
    color: #fff;
}
.category-posts-internal li p:after {
    content: "...";
}
.category-posts-internal li:before,
.category-posts-internal li:after {
    display: none !important;
}
.category-posts-internal span {
    position: relative;
    box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.15);
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    font-size: 1.3em;
}
.category-posts-internal span img {
    padding: 3px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.category-posts-internal span:after {
    content: "\f00e";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.category-posts-internal li a:hover span:after {
    opacity: 1;
}
.category-posts-internal li a:hover span img {
    filter: brightness(0.6);
    -webkit-filter: brightness(0.6);
}
.category-posts-internal li p a.cat-post-excerpt-more {
    display: none;
}

/*Product filter*/
.wcpf-scrollbar.wcpf-front-element .wcpf-content {
}
.wcpf-field-checkbox-list
    .wcpf-checkbox-list
    .wcpf-checkbox-item
    .wcpf-checkbox-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 6px 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.wcpf-field-checkbox-list
    .wcpf-checkbox-list
    .wcpf-checkbox-item
    .wcpf-input-container {
    min-height: unset;
    -webkit-transform: unset;
    -ms-transform: unset;
    transform: unset;
    margin: 0;
}
.wcpf-front-element.wcpf-hierarchical-collapsed
    .wcpf-item-hierarchical-collapsed
    .box-item-toggle {
    -webkit-transform: unset;
    -ms-transform: unset;
    transform: unset;
    margin-top: 0;
}
.wcpf-checkbox-list {
    max-height: 420px !important;
}

/*Footer*/
.logo-ft img {
    width: 165px !important;
}
#footer .section-title .section-title-main {
    background: unset;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
    -moz-background-clip: unset;
    -moz-text-fill-color: unset;
    -ms-background-clip: unset;
    -ms-text-fill-color: unset;
}

.footer-wrapper .tagcloud a {
    background: #fff;
}
.footer-02 .contact-info,
.footer-02 .widget-title,
.footer-02 .box-text {
    color: #fff;
}

.footer-02 .widget_recent_entries li {
    border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.footer-02 .widget_recent_entries li:first-child {
    border-top: none;
}
.footer-02:after {
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.footer-wrapper .box-image img {
    border: solid 15px #fff;
}
.footer-wrapper .slider .previous,
.footer-wrapper .slider .next {
    display: none;
}

.contact-info li {
    margin: 0 !important;
    list-style-type: none;
    padding: 6px 0;
}

.footer-wrapper ul li:first-child a,
.contact-info li:first-child {
    padding-top: 0;
}
.footer-wrapper ul li a,
.footer-wrapper .wg-lien-he,
.footer-wrapper ul li {
    /*color: #fff !important;*/
    /*font-size: 95%;*/
}

.contact-info li i {
    height: 22px;
    width: 22px;
    text-align: center;
    border-radius: 100%;
    line-height: 22px;
    margin-right: 8px;
    color: #fff;
    font-size: 13px;
}

.footer-wrapper .wpcf7-text,
.footer-wrapper .wpcf7-select {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.1);
    border: solid 1px rgba(255, 255, 255, 0.3);
    color: #fff;
}
.footer-wrapper .wpcf7-text {
    font-style: italic;
}
.footer-wrapper .wpcf7-text:focus,
.footer-wrapper .wpcf7-select:focus {
    font-style: normal;
    box-shadow: unset;
    -webkit-box-shadow: unset;
    -moz-box-shadow: unset;
    background-color: rgba(255, 255, 255, 0.2);
    color: #fff;
    border: solid 1px rgba(255, 255, 255, 0.6);
}
.footer-wrapper .wpcf7-select {
    background-image: url(/wp-content/uploads/2018/05/arrow-down.svg);
    background-position: 95% 50%;
    background-repeat: no-repeat;
    background-size: 0.9em;
}
.footer-wrapper .wpcf7-select:focus {
    background-image: url(/wp-content/uploads/2018/05/arrow-up.svg);
}
.footer-wrapper .ft-doi-tac {
    padding: 0 0 5px 0;
}
.footer-wrapper .wpcf7-select option {
    color: #333;
}
.footer-wrapper .wpcf7-text::-webkit-input-placeholder {
    color: #fff;
}
.footer-wrapper .wpcf7-text:-moz-placeholder {
    color: #fff;
    opacity: 1;
}
.footer-wrapper .wpcf7-text::-moz-placeholder {
    color: #fff;
    opacity: 1;
}
.footer-wrapper .wpcf7-text:-ms-input-placeholder {
    color: #fff;
}
.footer-wrapper .wpcf7-text::-ms-input-placeholder {
    color: #fff;
}
.footer-wrapper .wpcf7-text::placeholder {
    color: #fff;
}

.footer-wrapper .wpcf7-submit {
    border-radius: 6px;
    background-color: rgba(255, 255, 255, 0.1) !important;
    transform: translateX(-50%);
    left: 50%;
    margin: 0;
    font-size: 0.9em;
    font-weight: 100;
    border: solid 1px rgba(255, 255, 255, 0.3);
}
.footer-wrapper .wpcf7-submit:hover {
    background-color: var(--primary-color) !important;
    box-shadow: unset;
    -webkit-box-shadow: unset;
    -moz-box-shadow: unset;
    border: solid 1px var(--primary-color);
}
.footer-wrapper .wpcf7-response-output {
    color: #fff;
    border: solid 1px rgba(255, 255, 255, 0.5);
    font-style: italic;
    font-size: 0.9em;
}

.copyright-footer a {
    font-weight: 700;
}

.absolute-footer {
    color: #fff;
    padding: 10px;
    font-size: 0.8em;
}
.absolute-footer a {
    color: var(--third-color);
}

@media screen and (max-width: 849px) {
    .absolute-footer {
        padding-bottom: 95px;
    }
}

/*Mobile search*/
.mobile-nav .submit-button {
    background-color: unset !important;
    border: unset !important;
}
.mobile-nav .submit-button:hover {
    box-shadow: unset !important;
}
.mobile-nav .search-field {
    border: unset;
    box-shadow: unset;
}
.mobile-nav .search-field:focus {
    box-shadow: unset !important;
}
.mobile-nav .nav-dropdown {
    padding: 5px;
}

/*Bottom bar*/
#bottom-bar {
    width: 100%;
    height: 55px;
    position: fixed;
    bottom: 0;
    z-index: 999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
#bottom-bar .fa {
    display: block;
    margin-bottom: -5px;
    font-size: 17px;
    line-height: 1;
}
#bottom-bar .col-bot {
    width: 100%;
    text-align: center;
    padding-top: 12px;
}
#bottom-bar .col-bot a {
    color: #fff;
    display: inline-block;
    text-decoration: none;
}
#bottom-bar .col-bot a span {
    width: 100%;
    display: inline-block;
    font-size: 13px;
    line-height: 1;
}
#bottom-bar .col-bot-center {
    width: 80%;
    padding-top: 0;
}
#bottom-bar .col-bot-center .fa {
    line-height: 60px;
    font-size: 150%;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
#bottom-bar .col-bot a svg {
    fill: #fff;
    height: 16px;
    display: block;
    width: 100%;
    margin-bottom: -4px;
}
#bottom-bar .col-bot-center a {
    background: rgba(224, 146, 46, 1);
    background: -moz-linear-gradient(
        -45deg,
        rgba(224, 146, 46, 1) 0%,
        rgba(235, 80, 23, 1) 100%
    );
    background: -webkit-gradient(
        left top,
        right bottom,
        color-stop(0%, rgba(224, 146, 46, 1)),
        color-stop(100%, rgba(235, 80, 23, 1))
    );
    background: -webkit-linear-gradient(
        -45deg,
        rgba(224, 146, 46, 1) 0%,
        rgba(235, 80, 23, 1) 100%
    );
    background: -o-linear-gradient(
        -45deg,
        rgba(224, 146, 46, 1) 0%,
        rgba(235, 80, 23, 1) 100%
    );
    background: -ms-linear-gradient(
        -45deg,
        rgba(224, 146, 46, 1) 0%,
        rgba(235, 80, 23, 1) 100%
    );
    background: linear-gradient(
        135deg,
        rgba(224, 146, 46, 1) 0%,
        rgba(235, 80, 23, 1) 100%
    );
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0922e', endColorstr='#eb5017', GradientType=1 );
    width: 60px;
    height: 60px;
    display: block;
    text-align: center;
    border-radius: 999px;
    margin: auto;
    margin-top: -30px;
}

#bottom-bar #bottom-bg {
    position: absolute;
    z-index: -1;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
    -webkit-filter: drop-shadow(0 -2px 10px rgba(0 0 0 / 20%));
    filter: drop-shadow(0 -2px 10px rgba(0 0 0 / 20%));
}

#bottom-bar #bottom-bg-1 {
    fill: var(--primary-color);
    width: auto;
    height: 55px;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 0;
    z-index: -5;
}
#go-top {
    opacity: 0.5;
    pointer-events: none;
}
#go-top.gotop-active {
    opacity: 1;
    pointer-events: auto;
}
@media only screen and (min-width: 850px) {
    #bottom-bar {
        display: none;
    }
}

/*Pop up*/
.mfp-bg {
}
#dk-tu-van {
    padding: 0 !important;
    width: 550px;
}
#dk-tu-van h3 {
    font-family: "UVNBachDang";
    font-size: 35px;
    text-align: center;

    color: var(--color-4);
    padding: 6px 0px 12px;
    line-height: normal;
}
#dk-tu-van .dk-content {
    padding: 0 35px 20px;
    text-align: center;
}

#dk-tu-van .dk-content .bao-mat {
    text-transform: uppercase;
}
#dk-tu-van .dk-content .bao-mat i {
    margin-right: 6px;
}

@media only screen and (max-width: 850px) {
    #dk-tu-van {
        width: 80%;
    }
}

@media only screen and (max-width: 550px) {
    #dk-tu-van {
        width: 100%;
    }
    #dk-tu-van h3 {
        font-size: 28px;
        padding-left: 15px;
        padding-right: 15px;
    }
    #dk-tu-van .dk-content {
        padding: 0 15px 20px;
    }
    .mfp-container {
        padding: 15px;
    }
}

/*Table of contents*/
#ez-toc-container {
    background: var(--light-gray);
    border: none;
}
#ez-toc-container label {
    margin: 0;
}
.ez-toc-title-container > * {
    display: table-cell;
    vertical-align: middle;
}
.ez-toc-sticky-fixed .ez-toc-sidebar {
    -webkit-box-shadow: 0px 10px 20px 0px rgb(0 0 0 / 15%);
    box-shadow: 0px 10px 20px 0px rgb(0 0 0 / 15%);
}

/*Gallery image*/
.gallery-col .box-image {
    border-radius: var(--radius-6);
}

/*Float bob y*/
.gt-img .col-inner::before,
.da-content::before,
.doi-ngu .dn-chuc-vu {
    -webkit-animation-name: float-bob-y;
    animation-name: float-bob-y;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

@-webkit-keyframes float-bob-y {
    0% {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }
    50% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }
    100% {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }
}

@keyframes float-bob-y {
    0% {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }
    50% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }
    100% {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }
}

/*shapeMover*/
.gt-img3 img {
    -webkit-animation-name: shapeMover;
    animation-name: shapeMover;
    -webkit-animation-duration: 9s;
    animation-duration: 9s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
@-webkit-keyframes shapeMover {
    0%,
    100% {
        -webkit-transform: perspective(400px) translateY(0) rotate(0deg)
            translateZ(0px) translateX(0);
        transform: perspective(400px) translateY(0) rotate(0deg) translateZ(0px)
            translateX(0);
    }
    50% {
        -webkit-transform: perspective(400px) rotate(0deg) translateZ(20px)
            translateY(20px) translateX(20px);
        transform: perspective(400px) rotate(0deg) translateZ(20px)
            translateY(20px) translateX(20px);
    }
}
@keyframes shapeMover {
    0%,
    100% {
        -webkit-transform: perspective(400px) translateY(0) rotate(0deg)
            translateZ(0px) translateX(0);
        transform: perspective(400px) translateY(0) rotate(0deg) translateZ(0px)
            translateX(0);
    }
    50% {
        -webkit-transform: perspective(400px) rotate(0deg) translateZ(20px)
            translateY(20px) translateX(20px);
        transform: perspective(400px) rotate(0deg) translateZ(20px)
            translateY(20px) translateX(20px);
    }
}

/*Landing page*/
.landing-page {
    font-size: 120%;
}
.landing-page h1 {
    font-size: 2em;
}
.landing-page h2 {
    margin-top: 40px;
    font-family: UVNBachDang;
    font-size: 2em;
}
.landing-page h3 {
    margin-top: 30px;
    font-size: 1.3em !important;
}
.row .row-small-s {
    margin-left: -1px !important;
    margin-right: -1px !important;
}
.row-small-s .col,
.row-xsmall > .col,
.row-xsmall > .flickity-viewport > .flickity-slider > .col {
    padding: 0 2px 4px;
}

.landing-page .image-cover {
    border-radius: var(--radius-6);
}
.landing-page .post-item .is-divider {
    display: none;
}
.landing-page .du-an-tieu-bieu .col {
    /*padding-bottom: 0;*/
}
.landing-page p,
.landing-page li {
    text-align: justify;
}
.landing-page table td p {
    text-align: unset;
}

.landing-page-header {
    padding-top: 60px !important;
}
.landing-page-header p {
    text-align: center;
}

table {
    margin-bottom: 40px;
    margin-top: -10px;
}
table.bang-gia-01 {
}
table.bang-gia-01 tr:first-child td:nth-child(1) {
    width: 63%;
}
table.bang-gia-01 tr:first-child td:nth-child(2) {
    width: 7%;
}
table.bang-gia-01 tr:first-child td:nth-child(3),
table.bang-gia-01 tr:first-child td:nth-child(4) {
    width: 15%;
}

.landing-page table tr td:first-child {
}
.landing-page table tr td:last-child {
}
.landing-page table tr td {
}
.landing-page table tr.tb-header-1 td {
    background-color: #fae699;
}
.landing-page table tr.tb-header-2 td {
    background-color: #fdf5d5;
}

@media only screen and (min-width: 850px) {
    .landing-page-header p {
        padding: 0 12%;
    }
}

@media only screen and (max-width: 549px) {
    .row-grid .gallery-col.medium-6 {
        max-width: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    }
    .landing-page h3 {
        font-size: unset;
    }
}

/*Animation*/
@-webkit-keyframes bounce {
    0%,
    10%,
    100%,
    20%,
    50%,
    80% {
        transform: translateY(0);
    }
    40%,
    60% {
        transform: translateY(-15px);
    }
}
@keyframes bounce {
    0%,
    10%,
    100%,
    20%,
    50%,
    80% {
        transform: translateY(0);
    }
    40%,
    60% {
        transform: translateY(-15px);
    }
}
@-webkit-keyframes bounce-reverse {
    0%,
    10%,
    100%,
    20%,
    50%,
    80% {
        transform: translateY(0);
    }
    40%,
    60% {
        transform: translateY(15px);
    }
}
@keyframes bounce-reverse {
    0%,
    10%,
    100%,
    20%,
    50%,
    80% {
        transform: translateY(0);
    }
    40%,
    60% {
        transform: translateY(15px);
    }
}
.faa-bounce.animated,
.faa-bounce.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-bounce {
    -webkit-animation: bounce 2s ease infinite;
    animation: bounce 2s ease infinite;
}
.faa-bounce.animated-hover.faa-fast:hover,
.faa-bounce.animated.faa-fast,
.faa-parent.animated-hover:hover > .faa-bounce.faa-fast {
    -webkit-animation: bounce 1s ease infinite;
    animation: bounce 1s ease infinite;
}
.faa-bounce.animated-hover.faa-slow:hover,
.faa-bounce.animated.faa-slow,
.faa-parent.animated-hover:hover > .faa-bounce.faa-slow {
    -webkit-animation: bounce 3s ease infinite;
    animation: bounce 3s ease infinite;
}
.faa-bounce.faa-reverse.animated,
.faa-bounce.faa-reverse.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-bounce.faa-reverse {
    -webkit-animation: bounce-reverse 2s ease infinite;
    animation: bounce-reverse 2s ease infinite;
}
.faa-bounce.faa-reverse.animated-hover.faa-fast:hover,
.faa-bounce.faa-reverse.animated.faa-fast,
.faa-parent.animated-hover:hover > .faa-bounce.faa-reverse.faa-fast {
    -webkit-animation: bounce-reverse 1s ease infinite;
    animation: bounce-reverse 1s ease infinite;
}
.faa-bounce.faa-reverse.animated-hover.faa-slow:hover,
.faa-bounce.faa-reverse.animated.faa-slow,
.faa-parent.animated-hover:hover > .faa-bounce.faa-reverse.faa-slow {
    -webkit-animation: bounce-reverse 3s ease infinite;
    animation: bounce-reverse 3s ease infinite;
}
@-webkit-keyframes burst {
    0% {
        opacity: 0.6;
    }
    50% {
        transform: scale(1.8);
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}
@keyframes burst {
    0% {
        opacity: 0.6;
    }
    50% {
        transform: scale(1.8);
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}
.faa-burst.animated,
.faa-burst.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-burst {
    -webkit-animation: burst 2s infinite linear;
    animation: burst 2s infinite linear;
}
.faa-burst.animated-hover.faa-fast:hover,
.faa-burst.animated.faa-fast,
.faa-parent.animated-hover:hover > .faa-burst.faa-fast {
    -webkit-animation: burst 1s infinite linear;
    animation: burst 1s infinite linear;
}
.faa-burst.animated-hover.faa-slow:hover,
.faa-burst.animated.faa-slow,
.faa-parent.animated-hover:hover > .faa-burst.faa-slow {
    -webkit-animation: burst 3s infinite linear;
    animation: burst 3s infinite linear;
}
@-webkit-keyframes falling {
    0% {
        transform: translateY(-50%);
        opacity: 0;
    }
    50% {
        transform: translateY(0);
        opacity: 1;
    }
    100% {
        transform: translateY(50%);
        opacity: 0;
    }
}
@keyframes falling {
    0% {
        transform: translateY(-50%);
        opacity: 0;
    }
    50% {
        transform: translateY(0);
        opacity: 1;
    }
    100% {
        transform: translateY(50%);
        opacity: 0;
    }
}
@-webkit-keyframes falling-reverse {
    0% {
        transform: translateY(50%);
        opacity: 0;
    }
    50% {
        transform: translateY(0);
        opacity: 1;
    }
    100% {
        transform: translateY(-50%);
        opacity: 0;
    }
}
@keyframes falling-reverse {
    0% {
        transform: translateY(50%);
        opacity: 0;
    }
    50% {
        transform: translateY(0);
        opacity: 1;
    }
    100% {
        transform: translateY(-50%);
        opacity: 0;
    }
}
.faa-falling.animated,
.faa-falling.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-falling {
    -webkit-animation: falling 2s linear infinite;
    animation: falling 2s linear infinite;
}
.faa-falling.animated-hover.faa-fast:hover,
.faa-falling.animated.faa-fast,
.faa-parent.animated-hover:hover > .faa-falling.faa-fast {
    -webkit-animation: falling 1s linear infinite;
    animation: falling 1s linear infinite;
}
.faa-falling.animated-hover.faa-slow:hover,
.faa-falling.animated.faa-slow,
.faa-parent.animated-hover:hover > .faa-falling.faa-slow {
    -webkit-animation: falling 3s linear infinite;
    animation: falling 3s linear infinite;
}
.faa-falling.faa-reverse.animated,
.faa-falling.faa-reverse.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-falling.faa-reverse,
.faa-parent.animated-hover:hover > .faa-rising,
.faa-rising.animated,
.faa-rising.animated-hover:hover {
    -webkit-animation: falling-reverse 2s linear infinite;
    animation: falling-reverse 2s linear infinite;
}
.faa-falling.faa-reverse.animated-hover.faa-fast:hover,
.faa-falling.faa-reverse.animated.faa-fast,
.faa-parent.animated-hover:hover > .faa-falling.faa-reverse.faa-fast,
.faa-parent.animated-hover:hover > .faa-rising.faa-fast,
.faa-rising.animated-hover.faa-fast:hover,
.faa-rising.animated.faa-fast {
    -webkit-animation: falling-reverse 1s linear infinite;
    animation: falling-reverse 1s linear infinite;
}
.faa-falling.faa-reverse.animated-hover.faa-slow:hover,
.faa-falling.faa-reverse.animated.faa-slow,
.faa-parent.animated-hover:hover > .faa-falling.faa-reverse.faa-slow,
.faa-parent.animated-hover:hover > .faa-rising.faa-slow,
.faa-rising.animated-hover.faa-slow:hover,
.faa-rising.animated.faa-slow {
    -webkit-animation: falling-reverse 3s linear infinite;
    animation: falling-reverse 3s linear infinite;
}
@-webkit-keyframes flash {
    0%,
    100%,
    50% {
        opacity: 1;
    }
    25%,
    75% {
        opacity: 0;
    }
}
@keyframes flash {
    0%,
    100%,
    50% {
        opacity: 1;
    }
    25%,
    75% {
        opacity: 0;
    }
}
.faa-flash.animated,
.faa-flash.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-flash {
    -webkit-animation: flash 2s ease infinite;
    animation: flash 2s ease infinite;
}
.faa-flash.animated-hover.faa-fast:hover,
.faa-flash.animated.faa-fast,
.faa-parent.animated-hover:hover > .faa-flash.faa-fast {
    -webkit-animation: flash 1s ease infinite;
    animation: flash 1s ease infinite;
}
.faa-flash.animated-hover.faa-slow:hover,
.faa-flash.animated.faa-slow,
.faa-parent.animated-hover:hover > .faa-flash.faa-slow {
    -webkit-animation: flash 3s ease infinite;
    animation: flash 3s ease infinite;
}
@-webkit-keyframes float {
    0%,
    100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-6px);
    }
}
@keyframes float {
    0%,
    100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-6px);
    }
}
.faa-float.animated,
.faa-float.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-float {
    -webkit-animation: float 2s linear infinite;
    animation: float 2s linear infinite;
}
.faa-float.animated-hover.faa-fast:hover,
.faa-float.animated.faa-fast,
.faa-parent.animated-hover:hover > .faa-float.faa-fast {
    -webkit-animation: float 1s linear infinite;
    animation: float 1s linear infinite;
}
.faa-float.animated-hover.faa-slow:hover,
.faa-float.animated.faa-slow,
.faa-parent.animated-hover:hover > .faa-float.faa-slow {
    -webkit-animation: float 3s linear infinite;
    animation: float 3s linear infinite;
}
@-webkit-keyframes horizontal {
    0%,
    100%,
    12%,
    24%,
    36% {
        transform: translate(0, 0);
    }
    18%,
    30%,
    6% {
        transform: translate(5px, 0);
    }
}
@keyframes horizontal {
    0%,
    100%,
    12%,
    24%,
    36% {
        transform: translate(0, 0);
    }
    18%,
    30%,
    6% {
        transform: translate(5px, 0);
    }
}
@-webkit-keyframes horizontal-reverse {
    0%,
    100%,
    12%,
    24%,
    36% {
        transform: translate(0, 0);
    }
    18%,
    30%,
    6% {
        transform: translate(-5px, 0);
    }
}
@keyframes horizontal-reverse {
    0%,
    100%,
    12%,
    24%,
    36% {
        transform: translate(0, 0);
    }
    18%,
    30%,
    6% {
        transform: translate(-5px, 0);
    }
}
.faa-horizontal.animated,
.faa-horizontal.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-horizontal {
    -webkit-animation: horizontal 2s ease infinite;
    animation: horizontal 2s ease infinite;
}
.faa-horizontal.animated-hover.faa-fast:hover,
.faa-horizontal.animated.faa-fast,
.faa-parent.animated-hover:hover > .faa-horizontal.faa-fast {
    -webkit-animation: horizontal 1s ease infinite;
    animation: horizontal 1s ease infinite;
}
.faa-horizontal.animated-hover.faa-slow:hover,
.faa-horizontal.animated.faa-slow,
.faa-parent.animated-hover:hover > .faa-horizontal.faa-slow {
    -webkit-animation: horizontal 3s ease infinite;
    animation: horizontal 3s ease infinite;
}
.faa-horizontal.faa-reverse.animated,
.faa-horizontal.faa-reverse.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-horizontal.faa-reverse {
    -webkit-animation: horizontal-reverse 2s ease infinite;
    animation: horizontal-reverse 2s ease infinite;
}
.faa-horizontal.faa-reverse.animated-hover.faa-fast:hover,
.faa-horizontal.faa-reverse.animated.faa-fast,
.faa-parent.animated-hover:hover > .faa-horizontal.faa-reverse.faa-fast {
    -webkit-animation: horizontal-reverse 1s ease infinite;
    animation: horizontal-reverse 1s ease infinite;
}
.faa-horizontal.faa-reverse.animated-hover.faa-slow:hover,
.faa-horizontal.faa-reverse.animated.faa-slow,
.faa-parent.animated-hover:hover > .faa-horizontal.faa-reverse.faa-slow {
    -webkit-animation: horizontal-reverse 3s ease infinite;
    animation: horizontal-reverse 3s ease infinite;
}
@-webkit-keyframes passing {
    0% {
        transform: translateX(-50%);
        opacity: 0;
    }
    50% {
        transform: translateX(0);
        opacity: 1;
    }
    100% {
        transform: translateX(50%);
        opacity: 0;
    }
}
@keyframes passing {
    0% {
        transform: translateX(-50%);
        opacity: 0;
    }
    50% {
        transform: translateX(0);
        opacity: 1;
    }
    100% {
        transform: translateX(50%);
        opacity: 0;
    }
}
@-webkit-keyframes passing-reverse {
    0% {
        transform: translateX(50%);
        opacity: 0;
    }
    50% {
        transform: translateX(0);
        opacity: 1;
    }
    100% {
        transform: translateX(-50%);
        opacity: 0;
    }
}
@keyframes passing-reverse {
    0% {
        transform: translateX(50%);
        opacity: 0;
    }
    50% {
        transform: translateX(0);
        opacity: 1;
    }
    100% {
        transform: translateX(-50%);
        opacity: 0;
    }
}
.faa-parent.animated-hover:hover > .faa-passing,
.faa-passing.animated,
.faa-passing.animated-hover:hover {
    -webkit-animation: passing 2s linear infinite;
    animation: passing 2s linear infinite;
}
.faa-parent.animated-hover:hover > .faa-passing.faa-fast,
.faa-passing.animated-hover.faa-fast:hover,
.faa-passing.animated.faa-fast {
    -webkit-animation: passing 1s linear infinite;
    animation: passing 1s linear infinite;
}
.faa-parent.animated-hover:hover > .faa-passing.faa-slow,
.faa-passing.animated-hover.faa-slow:hover,
.faa-passing.animated.faa-slow {
    -webkit-animation: passing 3s linear infinite;
    animation: passing 3s linear infinite;
}
.faa-parent.animated-hover:hover > .faa-passing.faa-reverse,
.faa-passing.faa-reverse.animated,
.faa-passing.faa-reverse.animated-hover:hover {
    -webkit-animation: passing-reverse 2s linear infinite;
    animation: passing-reverse 2s linear infinite;
}
.faa-parent.animated-hover:hover > .faa-passing.reverse.faa-fast,
.faa-passing.faa-reverse.animated-hover.faa-fast:hover,
.faa-passing.faa-reverse.animated.faa-fast {
    -webkit-animation: passing-reverse 1s linear infinite;
    animation: passing-reverse 1s linear infinite;
}
.faa-parent.animated-hover:hover > .faa-passing.faa-reverse.faa-slow,
.faa-passing.faa-reverse.animated-hover.faa-slow:hover,
.faa-passing.faa-reverse.animated.faa-slow {
    -webkit-animation: passing-reverse 3s linear infinite;
    animation: passing-reverse 3s linear infinite;
}
@-webkit-keyframes pulse {
    0%,
    100% {
        transform: scale(1.1);
    }
    50% {
        transform: scale(0.8);
    }
}
@keyframes pulse {
    0%,
    100% {
        transform: scale(1.1);
    }
    50% {
        transform: scale(0.8);
    }
}
.faa-parent.animated-hover:hover > .faa-pulse,
.faa-pulse.animated,
.faa-pulse.animated-hover:hover {
    -webkit-animation: pulse 2s linear infinite;
    animation: pulse 2s linear infinite;
}
.faa-parent.animated-hover:hover > .faa-pulse.faa-fast,
.faa-pulse.animated-hover.faa-fast:hover,
.faa-pulse.animated.faa-fast {
    -webkit-animation: pulse 1s linear infinite;
    animation: pulse 1s linear infinite;
}
.faa-parent.animated-hover:hover > .faa-pulse.faa-slow,
.faa-pulse.animated-hover.faa-slow:hover,
.faa-pulse.animated.faa-slow {
    -webkit-animation: pulse 3s linear infinite;
    animation: pulse 3s linear infinite;
}
@-webkit-keyframes ring {
    0% {
        transform: rotate(-15deg);
    }
    2% {
        transform: rotate(15deg);
    }
    12%,
    4% {
        transform: rotate(-18deg);
    }
    14%,
    6% {
        transform: rotate(18deg);
    }
    8% {
        transform: rotate(-22deg);
    }
    10% {
        transform: rotate(22deg);
    }
    16% {
        transform: rotate(-12deg);
    }
    18% {
        transform: rotate(12deg);
    }
    100%,
    20% {
        transform: rotate(0);
    }
}
@keyframes ring {
    0% {
        transform: rotate(-15deg);
    }
    2% {
        transform: rotate(15deg);
    }
    12%,
    4% {
        transform: rotate(-18deg);
    }
    14%,
    6% {
        transform: rotate(18deg);
    }
    8% {
        transform: rotate(-22deg);
    }
    10% {
        transform: rotate(22deg);
    }
    16% {
        transform: rotate(-12deg);
    }
    18% {
        transform: rotate(12deg);
    }
    100%,
    20% {
        transform: rotate(0);
    }
}
.faa-parent.animated-hover:hover > .faa-ring,
.faa-ring.animated,
.faa-ring.animated-hover:hover {
    -webkit-animation: ring 2s ease infinite;
    animation: ring 2s ease infinite;
    transform-origin-x: 50%;
    transform-origin-y: 0;
    transform-origin-z: initial;
}
.faa-parent.animated-hover:hover > .faa-ring.faa-fast,
.faa-ring.animated-hover.faa-fast:hover,
.faa-ring.animated.faa-fast {
    -webkit-animation: ring 1s ease infinite;
    animation: ring 1s ease infinite;
}
.faa-parent.animated-hover:hover > .faa-ring.faa-slow,
.faa-ring.animated-hover.faa-slow:hover,
.faa-ring.animated.faa-slow {
    -webkit-animation: ring 3s ease infinite;
    animation: ring 3s ease infinite;
}
.faa-parent.animated-hover:hover > .faa-shake,
.faa-shake.animated,
.faa-shake.animated-hover:hover {
    -webkit-animation: wrench 2.5s ease infinite;
    animation: wrench 2.5s ease infinite;
}
.faa-parent.animated-hover:hover > .faa-shake.faa-fast,
.faa-shake.animated-hover.faa-fast:hover,
.faa-shake.animated.faa-fast {
    -webkit-animation: wrench 1.25s ease infinite;
    animation: wrench 1.25s ease infinite;
}
.faa-parent.animated-hover:hover > .faa-shake.faa-slow,
.faa-shake.animated-hover.faa-slow:hover,
.faa-shake.animated.faa-slow {
    -webkit-animation: wrench 3.75s ease infinite;
    animation: wrench 3.75s ease infinite;
}
@-webkit-keyframes spin {
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(359deg);
    }
}
@keyframes spin {
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(359deg);
    }
}
@-webkit-keyframes spin-reverse {
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(-359deg);
    }
}
@keyframes spin-reverse {
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(-359deg);
    }
}
.faa-parent.animated-hover:hover > .faa-spin,
.faa-spin.animated,
.faa-spin.animated-hover:hover {
    -webkit-animation: spin 1.5s linear infinite;
    animation: spin 1.5s linear infinite;
}
.faa-parent.animated-hover:hover > .faa-spin.faa-fast,
.faa-spin.animated-hover.faa-fast:hover,
.faa-spin.animated.faa-fast {
    -webkit-animation: spin 0.75s linear infinite;
    animation: spin 0.75s linear infinite;
}
.faa-parent.animated-hover:hover > .faa-spin.faa-slow,
.faa-spin.animated-hover.faa-slow:hover,
.faa-spin.animated.faa-slow {
    -webkit-animation: spin 2.25s linear infinite;
    animation: spin 2.25s linear infinite;
}
.faa-parent.animated-hover:hover > .faa-spin.faa-reverse,
.faa-spin.faa-reverse.animated,
.faa-spin.faa-reverse.animated-hover:hover {
    -webkit-animation: spin-reverse 1.5s linear infinite;
    animation: spin-reverse 1.5s linear infinite;
}
.faa-parent.animated-hover:hover > .faa-spin.faa-reverse.faa-fast,
.faa-spin.faa-reverse.animated-hover.faa-fast:hover,
.faa-spin.faa-reverse.animated.faa-fast {
    -webkit-animation: spin-reverse 0.75s linear infinite;
    animation: spin-reverse 0.75s linear infinite;
}
.faa-parent.animated-hover:hover > .faa-spin.faa-reverse.faa-slow,
.faa-spin.faa-reverse.animated-hover.faa-slow:hover,
.faa-spin.faa-reverse.animated.faa-slow {
    -webkit-animation: spin-reverse 2.25s linear infinite;
    animation: spin-reverse 2.25s linear infinite;
}
@-webkit-keyframes tada {
    0% {
        transform: scale(1);
    }
    10%,
    20% {
        transform: scale(0.9) rotate(-8deg);
    }
    30%,
    50%,
    70% {
        transform: scale(1.3) rotate(8deg);
    }
    40%,
    60% {
        transform: scale(1.3) rotate(-8deg);
    }
    100%,
    80% {
        transform: scale(1) rotate(0);
    }
}
@keyframes tada {
    0% {
        transform: scale(1);
    }
    10%,
    20% {
        transform: scale(0.9) rotate(-8deg);
    }
    30%,
    50%,
    70% {
        transform: scale(1.3) rotate(8deg);
    }
    40%,
    60% {
        transform: scale(1.3) rotate(-8deg);
    }
    100%,
    80% {
        transform: scale(1) rotate(0);
    }
}
.faa-parent.animated-hover:hover > .faa-tada,
.faa-tada.animated,
.faa-tada.animated-hover:hover {
    -webkit-animation: tada 2s linear infinite;
    animation: tada 2s linear infinite;
}
.faa-parent.animated-hover:hover > .faa-tada.faa-fast,
.faa-tada.animated-hover.faa-fast:hover,
.faa-tada.animated.faa-fast {
    -webkit-animation: tada 1s linear infinite;
    animation: tada 1s linear infinite;
}
.faa-parent.animated-hover:hover > .faa-tada.faa-slow,
.faa-tada.animated-hover.faa-slow:hover,
.faa-tada.animated.faa-slow {
    -webkit-animation: tada 3s linear infinite;
    animation: tada 3s linear infinite;
}
@-webkit-keyframes vertical {
    0%,
    16%,
    8% {
        transform: translate(0, -3px);
    }
    12%,
    20%,
    4% {
        transform: translate(0, 3px);
    }
    100%,
    22% {
        transform: translate(0, 0);
    }
}
@keyframes vertical {
    0%,
    16%,
    8% {
        transform: translate(0, -3px);
    }
    12%,
    20%,
    4% {
        transform: translate(0, 3px);
    }
    100%,
    22% {
        transform: translate(0, 0);
    }
}
.faa-parent.animated-hover:hover > .faa-vertical,
.faa-vertical.animated,
.faa-vertical.animated-hover:hover {
    -webkit-animation: vertical 2s ease infinite;
    animation: vertical 2s ease infinite;
}
.faa-parent.animated-hover:hover > .faa-vertical.faa-fast,
.faa-vertical.animated-hover.faa-fast:hover,
.faa-vertical.animated.faa-fast {
    -webkit-animation: vertical 1s ease infinite;
    animation: vertical 1s ease infinite;
}
.faa-parent.animated-hover:hover > .faa-vertical.faa-slow,
.faa-vertical.animated-hover.faa-slow:hover,
.faa-vertical.animated.faa-slow {
    -webkit-animation: vertical 3s ease infinite;
    animation: vertical 3s ease infinite;
}
@-webkit-keyframes wrench {
    0% {
        transform: rotate(-12deg);
    }
    8% {
        transform: rotate(12deg);
    }
    10%,
    28%,
    30%,
    48%,
    50%,
    68% {
        transform: rotate(24deg);
    }
    18%,
    20%,
    38%,
    40%,
    58%,
    60% {
        transform: rotate(-24deg);
    }
    100%,
    75% {
        transform: rotate(0);
    }
}
@keyframes wrench {
    0% {
        transform: rotate(-12deg);
    }
    8% {
        transform: rotate(12deg);
    }
    10%,
    28%,
    30%,
    48%,
    50%,
    68% {
        transform: rotate(24deg);
    }
    18%,
    20%,
    38%,
    40%,
    58%,
    60% {
        transform: rotate(-24deg);
    }
    100%,
    75% {
        transform: rotate(0);
    }
}
.faa-parent.animated-hover:hover > .faa-wrench,
.faa-wrench.animated,
.faa-wrench.animated-hover:hover {
    -webkit-animation: wrench 2.5s ease infinite;
    animation: wrench 2.5s ease infinite;
    transform-origin-x: 90%;
    transform-origin-y: 35%;
    transform-origin-z: initial;
}
.faa-parent.animated-hover:hover > .faa-wrench.faa-fast,
.faa-wrench.animated-hover.faa-fast:hover,
.faa-wrench.animated.faa-fast {
    -webkit-animation: wrench 1.25s ease infinite;
    animation: wrench 1.25s ease infinite;
}
.faa-parent.animated-hover:hover > .faa-wrench.faa-slow,
.faa-wrench.animated-hover.faa-slow:hover,
.faa-wrench.animated.faa-slow {
    -webkit-animation: wrench 3.75s ease infinite;
    animation: wrench 3.75s ease infinite;
}

.fa-beat {
    -webkit-animation-name: fa-beat;
    animation-name: fa-beat;
    -webkit-animation-delay: var(--fa-animation-delay,0);
    animation-delay: var(--fa-animation-delay,0);
    -webkit-animation-direction: var(--fa-animation-direction,normal);
    animation-direction: var(--fa-animation-direction,normal);
    -webkit-animation-duration: var(--fa-animation-duration,1s);
    animation-duration: var(--fa-animation-duration,1s);
    -webkit-animation-iteration-count: var(--fa-animation-iteration-count,infinite);
    animation-iteration-count: var(--fa-animation-iteration-count,infinite);
    -webkit-animation-timing-function: var(--fa-animation-timing,ease-in-out);
    animation-timing-function: var(--fa-animation-timing,ease-in-out)
}

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

.fa-fade {
    -webkit-animation-name: fa-fade;
    animation-name: fa-fade;
    -webkit-animation-iteration-count: var(--fa-animation-iteration-count,infinite);
    animation-iteration-count: var(--fa-animation-iteration-count,infinite);
    -webkit-animation-timing-function: var(--fa-animation-timing,cubic-bezier(.4,0,.6,1));
    animation-timing-function: var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))
}

.fa-beat-fade,.fa-fade {
    -webkit-animation-delay: var(--fa-animation-delay,0);
    animation-delay: var(--fa-animation-delay,0);
    -webkit-animation-direction: var(--fa-animation-direction,normal);
    animation-direction: var(--fa-animation-direction,normal);
    -webkit-animation-duration: var(--fa-animation-duration,1s);
    animation-duration: var(--fa-animation-duration,1s)
}

.fa-beat-fade {
    -webkit-animation-name: fa-beat-fade;
    animation-name: fa-beat-fade;
    -webkit-animation-iteration-count: var(--fa-animation-iteration-count,infinite);
    animation-iteration-count: var(--fa-animation-iteration-count,infinite);
    -webkit-animation-timing-function: var(--fa-animation-timing,cubic-bezier(.4,0,.6,1));
    animation-timing-function: var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))
}

.fa-flip {
    -webkit-animation-name: fa-flip;
    animation-name: fa-flip;
    -webkit-animation-delay: var(--fa-animation-delay,0);
    animation-delay: var(--fa-animation-delay,0);
    -webkit-animation-direction: var(--fa-animation-direction,normal);
    animation-direction: var(--fa-animation-direction,normal);
    -webkit-animation-duration: var(--fa-animation-duration,1s);
    animation-duration: var(--fa-animation-duration,1s);
    -webkit-animation-iteration-count: var(--fa-animation-iteration-count,infinite);
    animation-iteration-count: var(--fa-animation-iteration-count,infinite);
    -webkit-animation-timing-function: var(--fa-animation-timing,ease-in-out);
    animation-timing-function: var(--fa-animation-timing,ease-in-out)
}

.fa-shake {
    -webkit-animation-name: fa-shake;
    animation-name: fa-shake;
    -webkit-animation-duration: var(--fa-animation-duration,1s);
    animation-duration: var(--fa-animation-duration,1s);
    -webkit-animation-iteration-count: var(--fa-animation-iteration-count,infinite);
    animation-iteration-count: var(--fa-animation-iteration-count,infinite);
    -webkit-animation-timing-function: var(--fa-animation-timing,linear);
    animation-timing-function: var(--fa-animation-timing,linear)
}

.fa-shake,.fa-spin {
    -webkit-animation-delay: var(--fa-animation-delay,0);
    animation-delay: var(--fa-animation-delay,0);
    -webkit-animation-direction: var(--fa-animation-direction,normal);
    animation-direction: var(--fa-animation-direction,normal)
}

.fa-spin {
    -webkit-animation-name: fa-spin;
    animation-name: fa-spin;
    -webkit-animation-duration: var(--fa-animation-duration,2s);
    animation-duration: var(--fa-animation-duration,2s);
    -webkit-animation-iteration-count: var(--fa-animation-iteration-count,infinite);
    animation-iteration-count: var(--fa-animation-iteration-count,infinite);
    -webkit-animation-timing-function: var(--fa-animation-timing,linear);
    animation-timing-function: var(--fa-animation-timing,linear)
}

.fa-spin-reverse {
    --fa-animation-direction: reverse
}

.fa-pulse,.fa-spin-pulse {
    -webkit-animation-name: fa-spin;
    animation-name: fa-spin;
    -webkit-animation-direction: var(--fa-animation-direction,normal);
    animation-direction: var(--fa-animation-direction,normal);
    -webkit-animation-duration: var(--fa-animation-duration,1s);
    animation-duration: var(--fa-animation-duration,1s);
    -webkit-animation-iteration-count: var(--fa-animation-iteration-count,infinite);
    animation-iteration-count: var(--fa-animation-iteration-count,infinite);
    -webkit-animation-timing-function: var(--fa-animation-timing,steps(8));
    animation-timing-function: var(--fa-animation-timing,steps(8))
}

@media (prefers-reduced-motion:reduce) {
    .fa-beat,.fa-beat-fade,.fa-bounce,.fa-fade,.fa-flip,.fa-pulse,.fa-shake,.fa-spin,.fa-spin-pulse {
        -webkit-animation-delay: -1ms;
        animation-delay: -1ms;
        -webkit-animation-duration: 1ms;
        animation-duration: 1ms;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
        transition-delay: 0s;
        transition-duration: 0s
    }
}

@-webkit-keyframes fa-beat {
    0%,90% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    45% {
        -webkit-transform: scale(var(--fa-beat-scale,1.25));
        transform: scale(var(--fa-beat-scale,1.25))
    }
}

@keyframes fa-beat {
    0%,90% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    45% {
        -webkit-transform: scale(var(--fa-beat-scale,1.25));
        transform: scale(var(--fa-beat-scale,1.25))
    }
}

@-webkit-keyframes fa-bounce {
    0% {
        -webkit-transform: scale(1) translateY(0);
        transform: scale(1) translateY(0)
    }

    10% {
        -webkit-transform: scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0);
        transform: scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0)
    }

    30% {
        -webkit-transform: scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em));
        transform: scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em))
    }

    50% {
        -webkit-transform: scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0);
        transform: scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0)
    }

    57% {
        -webkit-transform: scale(1) translateY(var(--fa-bounce-rebound,-.125em));
        transform: scale(1) translateY(var(--fa-bounce-rebound,-.125em))
    }

    64% {
        -webkit-transform: scale(1) translateY(0);
        transform: scale(1) translateY(0)
    }

    to {
        -webkit-transform: scale(1) translateY(0);
        transform: scale(1) translateY(0)
    }
}

@keyframes fa-bounce {
    0% {
        -webkit-transform: scale(1) translateY(0);
        transform: scale(1) translateY(0)
    }

    10% {
        -webkit-transform: scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0);
        transform: scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0)
    }

    30% {
        -webkit-transform: scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em));
        transform: scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em))
    }

    50% {
        -webkit-transform: scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0);
        transform: scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0)
    }

    57% {
        -webkit-transform: scale(1) translateY(var(--fa-bounce-rebound,-.125em));
        transform: scale(1) translateY(var(--fa-bounce-rebound,-.125em))
    }

    64% {
        -webkit-transform: scale(1) translateY(0);
        transform: scale(1) translateY(0)
    }

    to {
        -webkit-transform: scale(1) translateY(0);
        transform: scale(1) translateY(0)
    }
}

@-webkit-keyframes fa-fade {
    50% {
        opacity: var(--fa-fade-opacity,.4)
    }
}

@keyframes fa-fade {
    50% {
        opacity: var(--fa-fade-opacity,.4)
    }
}

@-webkit-keyframes fa-beat-fade {
    0%,to {
        opacity: var(--fa-beat-fade-opacity,.4);
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(var(--fa-beat-fade-scale,1.125));
        transform: scale(var(--fa-beat-fade-scale,1.125))
    }
}

@keyframes fa-beat-fade {
    0%,to {
        opacity: var(--fa-beat-fade-opacity,.4);
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(var(--fa-beat-fade-scale,1.125));
        transform: scale(var(--fa-beat-fade-scale,1.125))
    }
}

@-webkit-keyframes fa-flip {
    50% {
        -webkit-transform: rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg));
        transform: rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))
    }
}

@keyframes fa-flip {
    50% {
        -webkit-transform: rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg));
        transform: rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))
    }
}

@-webkit-keyframes fa-shake {
    0% {
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg)
    }

    4% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    8%,24% {
        -webkit-transform: rotate(-18deg);
        transform: rotate(-18deg)
    }

    12%,28% {
        -webkit-transform: rotate(18deg);
        transform: rotate(18deg)
    }

    16% {
        -webkit-transform: rotate(-22deg);
        transform: rotate(-22deg)
    }

    20% {
        -webkit-transform: rotate(22deg);
        transform: rotate(22deg)
    }

    32% {
        -webkit-transform: rotate(-12deg);
        transform: rotate(-12deg)
    }

    36% {
        -webkit-transform: rotate(12deg);
        transform: rotate(12deg)
    }

    40%,to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@keyframes fa-shake {
    0% {
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg)
    }

    4% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    8%,24% {
        -webkit-transform: rotate(-18deg);
        transform: rotate(-18deg)
    }

    12%,28% {
        -webkit-transform: rotate(18deg);
        transform: rotate(18deg)
    }

    16% {
        -webkit-transform: rotate(-22deg);
        transform: rotate(-22deg)
    }

    20% {
        -webkit-transform: rotate(22deg);
        transform: rotate(22deg)
    }

    32% {
        -webkit-transform: rotate(-12deg);
        transform: rotate(-12deg)
    }

    36% {
        -webkit-transform: rotate(12deg);
        transform: rotate(12deg)
    }

    40%,to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.mobile-nav .html_nav_position_text_top{
    width: 10%;
    height: 55px;
}

.mobile-nav .html_top_right_text{
    max-width: 90%;
    margin-left: 10%;
    margin-top: 7px;
}

.add-to-cart-button a{
    color: #fff !important;
    text-transform: none;
}

.widget:where(:not(.widget_shopping_cart)) a{
    color: #444;
}

.widget:where(:not(.widget_shopping_cart)) a:hover {
    color: #d29d40;
}

form.cart{
    margin-top: 10px;
}

.product-info .price{
    margin-bottom: 30px;
}

#category-posts-4-internal ul {
    padding: 0;
}

#category-posts-4-internal .cat-post-item img {
    max-width: initial;
    max-height: initial;
    margin: initial;
}

#category-posts-4-internal .cat-post-author {
    margin-bottom: 0;
}

#category-posts-4-internal .cat-post-thumbnail {
    margin: 5px 10px 5px 0;
}

#category-posts-4-internal .cat-post-item:before {
    content: "";
    clear: both;
}

#category-posts-4-internal .cat-post-excerpt-more {
    display: inline-block;
}

#category-posts-4-internal .cat-post-item {
    list-style: none;
    margin: 3px 0 10px;
    padding: 3px 0;
}

#category-posts-4-internal .cat-post-current .cat-post-title {
    font-weight: bold;
    text-transform: uppercase;
}

#category-posts-4-internal [class*=cat-post-tax] {
    font-size: 0.85em;
}

#category-posts-4-internal [class*=cat-post-tax] * {
    display: inline-block;
}

#category-posts-4-internal .cat-post-item:after {
    content: "";
    display: table;
    clear: both;
}

#category-posts-4-internal .cat-post-item .cat-post-title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: initial;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    padding-bottom: 0 !important;
    width: calc(100% - 80px);
}

#category-posts-4-internal .cat-post-item:after {
    content: "";
    display: table;
    clear: both;
}

#category-posts-4-internal .cat-post-thumbnail {
    display: block;
    float: left;
    margin: 5px 10px 5px 0;
    width: 70px;
}

#category-posts-4-internal .cat-post-crop {
    overflow: hidden;
    display: block;
}

#category-posts-4-internal p {
    margin: 5px 0 0 0
}

#category-posts-4-internal li > div {
    margin: 5px 0 0 0;
    clear: both;
}

#category-posts-4-internal .dashicons {
    vertical-align: middle;
}

#category-posts-4-internal .cat-post-thumbnail .cat-post-crop img {
    height: 70px;
}

#category-posts-4-internal .cat-post-thumbnail .cat-post-crop img {
    width: 70px;
}

#category-posts-4-internal .cat-post-thumbnail .cat-post-crop img {
    object-fit: cover;
    max-width: 100%;
    display: block;
}

#category-posts-4-internal .cat-post-thumbnail .cat-post-crop-not-supported img {
    width: 100%;
}

#category-posts-4-internal .cat-post-thumbnail {
    max-width: 100%;
}

#category-posts-4-internal .cat-post-item img {
    margin: initial;
}

.product_list_widget .product-title{
    width: calc( 100% - 70px);
}

.blog-single .entry-meta {
    text-transform: none;
    font-size: 14px;
    letter-spacing: 0;
    color: gray;
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    padding: 10px;
    background: #f9f9f9;
    margin-bottom: 15px;
}

.rank-math-breadcrumb{
    background-color: #f1f1f1;
    color: #0f3e66;
    padding: 7px;
    height: 40px;
    border-radius: 5px;
    border-bottom: 1px solid #9D866B;
    border-right: 1px solid #9D866B;
    margin-bottom: 10px;
}

.rank-math-breadcrumb a{
    color: #333;
}

.shop-page-title .flex-col:has( .woocommerce-result-count){
    display: flex;
    align-items: center;
    justify-content: center;
}

.bapf_sfilter.bapf_ckbox input[type="checkbox"]{
    margin: 10px 10px 10px 0;
}

.project-box .box-text .text{
    padding-left: 10px;
    border-left: 2px solid var(--primary-color);
}

.project-box .box-text .button{
    margin: 0;
}

.projects .col, .videos .col{
    margin-bottom: 0;
    padding-bottom: 0;
}

.child-categories .category-list{
/*     display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: start;
    gap: 20px; */
}

.child-categories .category-list .owl-nav{
	text-align: center
}

.child-categories .category-list .category-card{
    position: relative;
	
}

.child-categories .category-list .category-card:not(:last-child):after{
    /*content: "";*/
    position: absolute;
    right: -11px;
    top: 16%;
    height: 70%;
    width: 1px;
    background: var(--primary-color);
}

.child-categories .category-list .category-card .cat-img{
    width: 60px;
    height: 60px;
    margin: 0 auto 10px;
    display: block;
    border: 1px solid var(--primary-color);
    border-radius: 99px;
    overflow: hidden;
}

.child-categories .category-list .category-card .cat-img img{
    height: 100%;
    width: 100%;
    object-fit: cover
}

.child-categories .category-list .category-card .cate-title{
	text-align: center
}

.woocommerce-result-count{
    display: none;
}

.product-info .cart .wrap-quantity{
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    gap: 20px;
    margin-bottom: 0;
}

.product-info .cart .wrap-quantity .quantity{
    margin: 0;
}

.product-info .cart .wrap-quantity .quantity input{
    min-width: 3em;
}

.product-info .cart .wrap-quantity .quantity .button{
    background-color: transparent;
    border-color: #E3E3E3;
    min-width: 3em;
}

.product-info .cart .wrap-quantity .quantity .button.minus{
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
}

.product-info .cart .wrap-quantity .quantity .button.plus{
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
} 

.product-info .cart .gr-btn{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.product-info button, .product-info .button{
    width: 45%;
    max-width: 45%;
    margin-right: auto;
    margin-left: auto;
    color: #fff;
    border-radius: 99px;
    
}

.product-info .button.buy_now_button, .product-info .button.single_add_to_cart_button, .product-info .button#xemmau{
    background: #992121 !important;
}

.wpcf7-spinner{
    display: none;
}

.tab-panels .woocommerce-Tabs-panel--description{
    max-height: 300px;
    overflow: hidden;
    position: relative;
}

.tab-panels .woocommerce-Tabs-panel--description.show-content{
    max-height: unset;
    padding-bottom: 60px;
}

.tab-panels .woocommerce-Tabs-panel--description.show-content .wrap-readmore{
    background: unset;
}

.woocommerce-Tabs-panel--description .wrap-readmore{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 200px;  
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 85%, rgba(255, 255, 255, 1) 100%);
}

.category .page-wrapper, .single-post .page-wrapper{
    /*padding-top: 0;*/
}

.product .product-footer .container{
    display: flex;
    flex-direction: column;
}

.product .product-footer .yith-similar-products{
    order: -1;
}

#popup-30{
    border-radius: 8px;
}

@media (max-width: 800px){
    #wide-nav{
        background-color: #5a5a5a;
    }
    
    #header .header-wrapper.stuck #masthead.hide-for-sticky{
        display: block;
    }
    
    #header .header-wrapper.stuck #wide-nav.header-bottom{
        display: none;
    }
    
    .searchform-wrapper.form-flat .flex-col:last-of-type{
        margin-left: -3em;
    }
    
    .child-categories .category-list{
        justify-content: center;
    }
    
    .child-categories .category-list .category-card .cate-title{
        font-size: .9em;
    }
    
    .product .badge .badge-inner{
        height: 30px;
        width: 50px;
    }
    
    .product .badge .badge-inner .onsale{
        font-size: 80%;
    }
}