/* Main */
@font-face { font-family: "BeVietnamPro"; src: url("../fonts/BeVietnamPro-Thin.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: block; }
@font-face { font-family: "BeVietnamPro"; src: url("../fonts/BeVietnamPro-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: block; }
@font-face { font-family: "BeVietnamPro"; src: url("../fonts/BeVietnamPro-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: block; }
@font-face { font-family: "BeVietnamPro"; src: url("../fonts/BeVietnamPro-SemiBold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: block; }
@font-face { font-family: "BeVietnamPro"; src: url("../fonts/BeVietnamPro-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: block; }
@font-face { font-family: "Roboto"; src: url("../fonts/Roboto-Thin.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: block; }
@font-face { font-family: "Roboto"; src: url("../fonts/Roboto-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: block; }
@font-face { font-family: "Roboto"; src: url("../fonts/Roboto-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: block; }
@font-face { font-family: "Roboto"; src: url("../fonts/Roboto-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: block; }
@font-face { font-family: "OswaldBold"; src: url("../fonts/OswaldBold.eot"); src: url("../fonts/OswaldBold.eot") format("embedded-opentype"), url("../fonts/OswaldBold.woff2") format("woff2"), url("../fonts/OswaldBold.woff") format("woff"), url("../fonts/OswaldBold.ttf") format("truetype"), url("../fonts/OswaldBold.svg#OswaldBold") format("svg"); }
@font-face { font-family: "OswaldMedium"; src: url("../fonts/OswaldMedium.eot"); src: url("../fonts/OswaldMedium.eot") format("embedded-opentype"), url("../fonts/OswaldMedium.woff2") format("woff2"), url("../fonts/OswaldMedium.woff") format("woff"), url("../fonts/OswaldMedium.ttf") format("truetype"), url("../fonts/OswaldMedium.svg#OswaldMedium") format("svg"); }
:root { font-size: 14px; --maincolor: #006b68; --text-color: #f37c20; --star-color: #f5c339; --border-color: #757575; --btn-blue: #3f7df6; --border-color-product: #d3d1c9; --btn-green: #449d44; --btn-yellow: #ec971f; --btn-red: #ff0000; --color-red: #ff0000; --btn-theme: var(--maincolor); --header-mb-bg: #ffffff; --menu-mb-bg: #fff; --menu-mb-txt:; --menu-mb-br: #fff; --search-mb-bg: #fff; --search-mb-color: #000000; --menu-mb-color: #000000; --body-img:; --font-family: "BeVietnamPro"; --font-header: "BeVietnamPro"; --footer-color: #252525; --footer-header-color: #fff; --footer-header-size: 15px; --footer-text-color: #fff; --footer-text-color-hover: #fff; --footer-bottom-public: block; --footer-bottom-bg: #006b68; --footer-bottom-color: #fff; --background-footer: #d3ead6; --color-padding-top-footer: 2.5rem; --color-text-blue: #004f97; --bg: #f4f4f4; --navd-head-bg: #f1c232; --fbs5-bg-color-comment: #f1f1f1; --fbs5-txt-color-comment: #000; --fbs5-color-name: #000; }
body { font-size: 14px; background-size: cover; font-family: var(--font-family); line-height: 20px; }
body.overflow-hidden { overflow: hidden; }
img { max-width: 100%; height: auto; vertical-align: top; }
a, input, textarea { outline: none; padding: 0px; }
a, a:hover { text-decoration: none; }
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
button { background-color: transparent; outline: none; border: none; font-size: 14px; }
::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-track { background-color: transparent; }
::-webkit-scrollbar-thumb { background: linear-gradient(180deg, #006b68 0%, #f37c20 100%); border-radius: 10px; border: 2px solid #f0f0f0; }
.w-clear:after { display: block; content: ""; clear: both; }
.h-up { transition: all 0.5s; }
.h-up:hover { transform: translateY(-5px); }
.hidden { display: none; }
.clear { clear: both; }
.none { display: none; }
.hidden-seoh { visibility: hidden; height: 0px; margin: 0px; overflow: hidden; }
.wrap-main, .wrap-content { max-width: 1320px; margin: 0px auto; padding: 0px 20px; }
.contain_trong { max-width: 1190px; margin: 0 auto; }
.wrap-home { max-width: 100%; padding: 0px; }
.wrap-content { margin: auto; }

/*.page-product{min-width: 1200px;margin:auto;}*/

/* General */
h3.modal-title { font-size: 25px; font-weight: 700; text-transform: uppercase; }
.title_slogan { text-align: center; font-size: 16px; color: #595b5a; margin-top: 10px; }
.title-main { margin-bottom: 20px; text-align: center; }
.title-main span { text-transform: uppercase; font-weight: 300; font-size: 30px; }
.time-main { margin-bottom: 0.75rem; color: #999999; }
.time-main i { vertical-align: top; margin: 3px 7px 0px 0px; }
.time-main span { vertical-align: top; display: inline-block; }
.share { padding: 17px 15px 10px 15px; line-height: normal; background: rgba(128, 128, 128, 0.15); margin-top: 15px; border-radius: 5px; }
.share b { display: block; margin-bottom: 5px; }
.control-owl { position: absolute; width: 100%; z-index: 2; left: 0px; top: calc(50% - 45px / 2); }
.control-owl button { opacity: 0.5; top: 0px; position: absolute; outline: none; border: 0px; padding: 0px; margin: 0px; display: block; cursor: pointer; color: #ffffff; width: 45px; height: 45px; text-align: center; display: flex; align-items: center; justify-content: center; font-size: 25px; margin: 0px; background-color: #000000; border-radius: 3px; -webkit-transition: 0.3s ease-out; -moz-transition: 0.3s ease-out; -o-transition: 0.3s ease-out; transition: 0.3s ease-out; }
.control-owl button:hover { opacity: 1; }
.control-owl button.owl-prev { left: 20px; }
.control-owl button.owl-next { right: 20px; }
.form-control, .form-control-plaintext:not(textarea), .custom-select { height: calc(1em + 1.25rem + 8px); }
.text-sm { font-size: 0.875rem !important; }
.sz16 { font-size: 16px; }
.sz18 { font-size: 18px; }
.sz20 { font-size: 20px; }
.sz24 { font-size: 24px; }
.box-flex { display: flex; flex-wrap: wrap; justify-content: space-between; }
.logo-header { display: inline-block; }
.logo-header img { vertical-align: middle; }
.wrap-dichvu .contain_trong { padding: 45px 0px 60px; }
.detail_dv { width: calc(100% / 4); padding: 0px 10px 20px; }
.detail_dv .price_regular { display: none; }
.price-discount-pro-detail { margin-left: 10px; background: #d71212bf; color: #fff; padding: 2px 10px; font-size: 15px; }
.btn-effect-default { position: relative; display: inline-block; font-weight: 700; line-height: 30px; cursor: pointer; text-decoration: none; padding: 5px 28px; color: #fff; border: 1px solid #000; border-radius: 5px 5px; text-transform: uppercase; font-size: 12px; text-align: center; letter-spacing: 1px; background-color: transparent; -webkit-transition: color 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86), border 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86); transition: color 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86), border 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86); z-index: 1; overflow: hidden; }
.btn-effect-default:before { position: absolute; content: ""; display: block; left: -2px; top: 0; right: -2px; bottom: 0; -webkit-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: left center; transform-origin: left center; z-index: -1; background-color: #000; -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86); transition: -webkit-transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86); transition: transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86); }
.btn-effect-default:hover:before { -webkit-transform-origin: right center; transform-origin: right center; -webkit-transform: scale(0, 1); transform: scale(0, 1); }
.btn-theme { --bs-btn-border-color: var(--maincolor); --bs-btn-hover-border-color: var(--maincolor); --bs-btn-bg: var(--maincolor); --bs-btn-hover-bg: var(--maincolor); --bs-btn-color: #fff; --bs-btn-hover-color: #fff; --bs-btn-disabled-bg: var(--maincolor); --bs-btn-disabled-border-color: var(--maincolor); --bs-btn-disabled-color: #fff; }
.effect-hover-zoom img { -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }
.effect-hover-zoom:hover img { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); }
.effect-hover-guong { position: relative; overflow: hidden; }
.effect-hover-guong:after { position: absolute; top: 0; left: 300px; width: 100%; height: 100%; background: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 0, hsla(0, 0%, 100%, 0.3)); content: ""; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.4s; -webkit-transform: scale3d(2.2, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -110%, 0); transform: scale3d(2.2, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -110%, 0); }
.effect-hover-guong:hover:after { webkit-transform: scale3d(2.2, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 240%, 0); transform: scale3d(2.2, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 240%, 0); }
.effect-hover-zoom img { -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }
.effect-hover-zoom:hover img { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); }
.btn-effect-default.btn-theme { border: 1px solid var(--btn-theme); color: #fff; border-radius: 0; }
.btn-effect-default.btn-theme:before { background-color: var(--btn-theme); }
.price_regular { color: #000; }
.fix_head.menu { position: fixed; top: 0px; left: 0px; z-index: 1; width: 100%; animation: animatetop 0.4s; }
.fix_heads.menu-res { position: fixed; top: 0px; left: 0px; z-index: 1; width: 100%; animation: animatetop 0.4s; }
.fix_head.menu .contain_trong { padding-left: 10px; }
#info { margin: auto; }
@keyframes animatetop {
   from { top: -300px; opacity: 0; }
   to { top: 0; opacity: 1; }
}

/* Lazyload */
img.lazy { opacity: 0; }
img:not(.initial) { transition: opacity 1s; }
img.initial, img.loaded, img.error { opacity: 1; }
img:not([src]) { visibility: hidden; }

/* Header */
header { background-color: #fff; z-index: 9; }
header.active #hamburger span { opacity: 0; transition: all 0.02s; }
header.active #hamburger:before, header.active #hamburger:after { top: 10px; }
header.active #hamburger:before { transform: rotate(45deg); transition-delay: 0.5s; transition: all 0.4s; }
header.active #hamburger:after { transform: rotate(-45deg); transition-delay: 0.5s; transition: all 0.4s; }
header > .wrap-content { }
header > .wrap-content > .main-menu { position: relative; display: flex; justify-content: space-between; align-items: center; width: 98%; }
header > .wrap-content .col-logo { padding-block: 5px; }
header > .wrap-content .col-header { gap: 30px; }
header .row-header { background-color: var(--maincolor); }
header .row-header .wrap-content { display: flex; flex-direction: row; align-items: center; color: #fff; padding: 8px 10px; width: 100%; justify-content: center; }
header .row-header .wrap-content .col-nav { flex: 1; display: flex; justify-content: center; }
header .wrap-content .row-header .col-logo { padding-inline: 10px; }
header .wrap-content .row-header .col-slogan { }
header .wrap-content .row-header .col-hotline { display: flex; justify-content: flex-end; grid-gap: 20px; align-items: center; height: 100%; position: relative; }
header .slogan-pseudo { width: 28px; height: 35px; -webkit-mask-size: cover; mask-size: cover; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; background-color: var(--maincolor); }
header .slogan-pseudo.slogan-left { -webkit-mask-image: url("../images/boxtop-bg-left.png"); mask-image: url("../images/boxtop-bg-left.png"); }
header .slogan-pseudo.slogan-right { -webkit-mask-image: url("../images/boxtop-bg-right.png"); mask-image: url("../images/boxtop-bg-right.png"); }
header .slogan { background-color: var(--maincolor); color: #fff !important; text-align: center; padding: 0 40px 10px 40px; font-size: 16px; font-weight: 700; flex-grow: 1; }
header .wrap-content .hotline .phone-number { display: block; background-image: url(../images/btn-image.png); background-repeat: no-repeat; background-position: center center; background-size: contain; padding: 7px 20px; color: #fff; font-size: 16px; font-weight: 700; letter-spacing: 1.2px; text-decoration: none; }
header .wrap-content .hotline .phone-number i { color: #ffbc00; }
.fixed { -webkit-animation: animate-translate-top 1s; -moz-animation: animate-translate-top 1s; animation: animate-translate-top 1s; }
@-webkit-keyframes animate-translate-top {
   0% { -webkit-transform: translate(0, -150px); -ms-transform: translate(0, -150px); transform: translate(0, -150px); }
   100% { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); }
}
@-moz-keyframes animate-translate-top {
   0% { -webkit-transform: translate(0, -150px); -ms-transform: translate(0, -150px); transform: translate(0, -150px); }
   100% { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); }
}
@keyframes animate-translate-top {
   0% { -webkit-transform: translate(0, -150px); -ms-transform: translate(0, -150px); transform: translate(0, -150px); }
   100% { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); }
}
.fixed .menu-vertical .menu-vertical__content { display: none; top: auto !important; }
.fixed .menu-vertical .menu-vertical__content.active { display: block; }
.fixed .menu-vertical .menu-vertical__content .menu-vertical__category { border-radius: 0 0 var(--navd-radius-bottom) var(--navd-radius-left); }
.fixed .menu-vertical.no-home:hover .menu-vertical__content { display: block; }
.section-vertical { margin-top: var(--nav-hv-margin-top); }
.section-vertical .vertical-slider { padding: 0 10px; position: relative; }
.section-vertical .vertical-slider .container { width: 100% !important; padding: 0; }
@media (max-width:768px) {
   .section-vertical .vertical-slider { padding: 0; }
}
.header-title.header-title-style-1 { text-align: var(--heading-position); }
.header-title.header-title-style-1 .header { text-align: var(--heading-position); letter-spacing: 0; padding-bottom: 0; position: relative; display: block; background-color: var(--header-title-bg); }
.header-title.header-title-style-1 .header-image-bottom { text-align: var(--heading-position); }
.header-title.header-title-style-1 .header-image-bottom img { display: inline-block; }
.header-title.header-title-style-1 .header-description { color: var(--heading-des-color); width: var(--heading-des-width); margin: var(--heading-des-margin); max-width: 100%; }
.header-mobile { padding: 10px 0; }
body, .wrapper { background: #fff; }
.pre-form-contact { overflow: hidden; margin-bottom: 10px; }
.pre-form-contact__title { font-weight: 700; margin: 15px 0; }
.pre-form-contact__box { background-color: var(--pre-form-contact-bg_box); padding: var(--pre-form-contact-padding); width: 100%; border-radius: 5px; }
.pre-form-contact__box .form-group { display: flex; flex-wrap: wrap; margin-bottom: 0; }
.pre-form-contact__box .form-group .input { width: calc(100% - 60px); }
.pre-form-contact__box .form-group .form-control { background-color: var(--pre-form-contact-bg_input); box-shadow: none; border-radius: 5px 0 0 5px; font-size: 15px; border: 0; min-height: 41px; height: 100%; }
.pre-form-contact__box .form-group button { background-color: var(--pre-form-contact-bg_button); color: var(--pre-form-contact-color_button); width: 60px; border-radius: 0 5px 5px 0; font-size: 20px; border: 0; }
.pre-form-contact__box .form-group button:hover { background-color: var(--pre-form-contact-bg_button_hover); color: var(--pre-form-contact-color_button_hover); }
.pr-element-button-contact { margin-bottom: 10px; font-size: 20px; font-weight: 700; color: #000; }
.pr-element-button-contact .buttons-contact { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 10px; }
.pr-element-button-contact .buttons-contact img { width: 100%; }
:root { --nav-padding: 0px 20px 0px 0px; --nav-layout-grid: 20% 60% 15%; --navd-head-txt: black; --navd-head-bg: #f1c232; --navd-head-radius: px; --navd-padding: 10px; --nav-hv-margin-top: 0px; --navd-border-color: #e9e9e9; --navd-border-style: solid; --navd-border-width-top: 1px; --navd-border-width-right: 1px; --navd-border-width-bottom: 1px; --navd-border-width-left: 1px; --navd-radius-top: 0px; --navd-radius-right: 0px; --navd-radius-bottom: 0px; --navd-radius-left: 0px; --navd-item-border-color: #e9e9e9; --navd-item-border-color-hv: #e9e9e9; --navd-item-border-style: solid; --navd-item-border-width-top: 0px; --navd-item-border-width-right: 0px; --navd-item-border-width-bottom: 1px; --navd-item-border-width-left: 0px; --navd-item-radius-top: 0px; --navd-item-radius-right: 0px; --navd-item-radius-bottom: 0px; --navd-item-radius-left: 0px; }
.navigation { background: var(--maincolor); }
.navigation ul.main-menu > li:hover > a { background: var(--maincolor); }
.navigation ul.main-menu > li.active > a { color: #fff; }
.navigation ul.main-menu > li a { color: #fff; font-size: 16px; font-weight: 800; line-height: 25px; text-align: left; }
.navigation ul.main-menu > li a:hover { color: #fff; }
:root { --prItem-bd-style: none; --prItem-bd-width: 0px; --prItem-bd-color: #fff; --prItem-bd-radius: 0px; --prItem-box-shadow: 0px 0px 0px 0px; --prItem-box-shadow-hover: 0px 0px 0px 0px; --prItem-img-ration: 100%; --prItem-img-style: cover; --prItem-title-display: block; --prItem-price-display: block; }
.post .item { --post-item-radius: 0 0 0 0; --post-item-padding: 0 0 0 0; --post-item-img-ration: 100%; --post-item-img-radius: 0 0 0 0; --post-item-time-display: none; --post-item-des-display: none; }
header { --header-layout-grid: 1.5fr 2fr 4fr; --header-padding: 10px 0; --header-logo-height: 40px; --header-search-br-color: var(--maincolor); --header-search-bg-color: white; --header-search-btn-bg-color: var(--maincolor); --header-search-btn-txt-color: white; --header-search-btn-width: 70px; --header-search-radius: 8px; --search-input-width: calc(100% - var(--header-search-btn-width)); --header-item-head-color: black; --header-item-txt-color: black; }
@-webkit-keyframes oscillation {
   from { -webkit-transform: rotate(-3deg); }
   to { -webkit-transform: rotate(3deg); }
}
@-moz-keyframes oscillation {
   from { -moz-transform: rotate(-3deg); }
   to { -moz-transform: rotate(3deg); }
}

/* Menu */
.menu_left { width: 100%; }
.menu_top { display: flex; justify-content: space-between; align-items: center; }
.menu ul { padding: 0px; list-style: none; margin: 0px; }
.menu_top > ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; position: relative; margin-bottom: 0px; align-items: center; }
.menu_top > ul > li { text-align: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; position: relative; }
.menu_top > ul > li > a { color: #fff !important; display: block; font-size: 16px; text-transform: capitalize; width: 100%; position: relative; text-shadow: none; font-weight: 700; padding: 10px 30px; line-height: 25px; }
.menu_top > ul > li > a.active, .menu_top > ul > li > a:hover { background-color: #fff; color: #460013 !important; }
.menu_top > ul > li a span { position: relative; }
.menu_top > ul > li ul { list-style: none; position: absolute; top: 0px; left: 251px; z-index: 3000; -webkit-transform: perspective(600px) rotateX(-90deg); transform: perspective(600px) rotateX(-90deg); -webkit-transform-origin: 0 0 0; transform-origin: 0 0 0; opacity: 0; visibility: hidden; transition: all 0.5s; }
.menu_top > ul > li > ul { top: 45px; left: 0px; padding-top: 0px !important; }
.menu ul li:hover > ul { -webkit-transform: perspective(600px) rotateX(0); transform: perspective(600px) rotateX(0); -webkit-transform-origin: 0 0 0; opacity: 1; visibility: visible; transition: all 0.7s; }
.menu_top > ul > li li { width: 250px; position: relative; background: var(--color-main); line-height: 25px; text-align: left; border-bottom: 1px solid #fff; }
.menu_top > ul > li li a { text-decoration: none; font-weight: 500; text-transform: none; color: #fff; font-size: 15px; display: block; line-height: 18px; }
.menu_top > ul > li > ul li ul { box-shadow: 0px 2px 5px #ccc; top: 0px; }
.menu_top > ul > li:hover > a { text-decoration: none; }
.menu_top > ul > li > a.active { color: #ff0; }
.menu_top > ul > li > a.mousego { color: #fff !important; background: transparent; }
.menu_top > ul > li > a.act_hover { color: #ffffff !important; background: url(../images/active.png) no-repeat top center/100% 100%; }
.menu_top > ul > li li:hover { background: var(--color-dark-main); }
.menu_top > ul > li li:last-child { border-bottom: 0px solid #fff; }
.flex_main { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: flex-start; flex-wrap: wrap; }
.menu ul li ul > div.scroll-menu { max-height: 390px; overflow: auto; }
div.scroll-menu > li { position: inherit; }
.scroll-menu::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #fff; }
.scroll-menu::-webkit-scrollbar { width: 5px; background-color: #fff; }
.scroll-menu::-webkit-scrollbar-thumb { background-color: var(--maincolor); border: 2px solid var(--maincolor); }

/* Mmenu */
.menu-res { display: none; z-index: 10; background: #fff; position: sticky; line-height: normal; top: 0; box-shadow: 0px 0px 5px #ccc; }
.menu-bar-res { padding: 0px 15px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center; justify-content: space-between; }
#menu { display: none; }
#hamburger { display: block; width: 35px; height: 23px; position: relative; }
#hamburger:before, #hamburger:after, #hamburger span { background: #fff; content: ""; display: block; width: 100%; height: 4px; position: absolute; left: 0px; border-radius: 30px; z-index: 3; }
#hamburger:before { top: 0px; }
#hamburger span { top: 10px; }
#hamburger:after { top: 20px; }
#hamburger:before, #hamburger:after, #hamburger span { -webkit-transition: none 0.5s ease 0.5s; transition: none 0.5s ease 0.5s; -webkit-transition-property: transform, top, bottom, left, opacity; transition-property: transform, top, bottom, left, opacity; }
.btn-menu { position: fixed; cursor: pointer; top: 28px; z-index: 2; transition: all 0.5s; }
.bg-menu-green { content: ""; display: block; width: 60px; height: 60px; position: absolute; z-index: -1; right: -12px; top: -18px; background-color: var(--maincolor); border-radius: 50%; transition: all 1.5s ease-in-out; pointer-events: none; box-shadow: 0 0 21px rgba(255, 255, 255, 0.2); }
header.active .bg-menu-green { scale: 50; }
.mm-wrapper_opening #hamburger:before, .mm-wrapper_opening #hamburger:after { top: 10px; }
.mm-wrapper_opening #hamburger span { left: -50px; opacity: 0; }
.mm-wrapper_opening #hamburger:before { transform: rotate(45deg); }
.mm-wrapper_opening #hamburger:after { transform: rotate(-45deg); }
.mm-menu_opened { display: block !important; }
.btn-search { cursor: pointer; padding: 5px 12px; color: var(--text-color); position: absolute; z-index: 3; background-color: #fff; border-radius: 50%; font-size: 20px; opacity: 0; pointer-events: none; transition: all 2s ease; display: block; right: 15px; top: -20px; pointer-events: none; }
.header-content { position: fixed; z-index: 10; opacity: 0; transition: all 1s ease; pointer-events: none; width: 100%; height: 100%; }
.header-content .line-top { position: absolute; top: 7%; right: 0; width: 25%; height: 2px; background-color: #fff; z-index: -1; transform: translateY(1px) scaleX(0); transform-origin: right; transition: all 1s ease; }
.header-content .line-bot { position: absolute; bottom: 20%; right: 0; width: 54%; height: 2px; background-color: #fff; z-index: -1; transform: translateY(5px) scaleX(0); transform-origin: right; transition: all 1s ease; }
.header-content.active .line-bot { transform: translateY(5px) scaleX(1); transition: all 1s ease; }
.header-content.active .line-top { transform: translateY(1px) scaleX(1); transition: all 1s ease; }
.header-content .line-top::before { content: ""; position: absolute; width: 50%; height: 100%; right: 100%; top: 0; background-color: #fff; margin-right: 50px; }
.header-content .header-info { display: flex; justify-content: end; width: 60%; position: absolute; bottom: 10%; right: 20px; gap: 10px; transform: translateY(100px); opacity: 0; transition: all 2s ease; }
.header-content.active .header-info { transform: translateY(0px); opacity: 1; }
.header-content .header-info a { color: #fff; font-size: 20px; }
.header-content .header-info a:hover { color: #ffff; }
.header-content .header-info a i { margin: 10px; }
.header-content .col-left { width: 30%; transform: translateX(-200px); opacity: 0; transition: all 2s ease; }
.header-content.active .col-left { transform: translateX(0px); opacity: 1; }
.header-content .bg-line { position: fixed; right: 0; top: 0; width: 70%; height: 100vh; z-index: -1; pointer-events: none; transform: scale(0); transform-origin: bottom right; transition: all 4s ease; opacity: 0; }
.header-content.active .bg-line { opacity: 1; transform: scale(1); transition: all 3s ease; }
.header-content .bg-line img { width: 100%; }
.header-content.active { opacity: 1; pointer-events: auto; }
.header-content.active::before { transform: translateX(0px); }
.header-content::before { content: ""; position: fixed; top: 0%; left: 0px; width: 38%; height: 100%; background-color: #fff; z-index: -1; scale: 1.5; border-radius: 50%; transform: translateX(-300px); transition: all 2s ease; }
.header-content .col-left { margin-left: 100px; margin-top: -50px; float: left; }
.header-content .col-left .col-logo { margin-bottom: 50px; }
.header-content .col-left .page-text { font-weight: 500; font-size: 22px; line-height: 32px; color: var(--text-color); text-transform: uppercase; }
.header-content .col-left .menu-list { padding-left: 0; }
.header-content .col-left .menu-list > li { padding-left: 70px; }
.header-content .col-left .menu-list > li > a > span { font-weight: 400; font-size: 20px; line-height: 33px; }
.header-content .col-left .menu-list > li > a.active::before, .header-content .col-left .menu-list > li > a:hover::before { background-color: var(--text-color); }
.header-content .col-left .menu-list > li > a.active, .header-content .col-left .menu-list > li > a:hover { color: var(--text-color); }
.header-content .col-left .menu-list > li > a::before { content: ""; position: absolute; width: 150%; height: 1px; background-color: var(--maincolor); border-radius: 50%; left: -50px; top: 50%; transform: translateY(-50%); z-index: -1; transition: all 0.5s; }
.header-content .col-left .menu-list li a p { display: inline-block; flex: 1; margin-bottom: 0; }
.header-content .col-left .menu-list > li > a { text-transform: capitalize; font-weight: 600; font-size: 35px; line-height: 45px; color: var(--maincolor); background-color: #fff; padding-inline: 10px; position: relative; display: flex; align-items: center; gap: 20px; margin-block: 30px; background-color: #fff; transition: all 0.5s; cursor: pointer; }
.header-content .col-left .menu-list > li { }
.header-content .col-left .menu-list ul { padding-left: 0; }
.header-content .col-right { float: right; position: relative; height: 80vh; width: 50%; }
.header-content .col-right .sub-menu.active { transform: translate(0, -50%); opacity: 1; }
.header-content .col-right .sub-menu { position: absolute; left: 0; top: 50%; transform: translate(0, 150%); margin-top: 30px; margin-right: 30px; opacity: 0; transition: all 1s ease; }
.header-content .col-right .sub-menu.leave { transform: translate(0, -300px); opacity: 0; transition: all 1s ease; }
.header-content .col-right .sub-menu li a { color: #fff; text-transform: capitalize; }
.header-content .col-right .sub-menu li { color: #fff; }
.header-content .col-right .sub-menu > li > a { font-size: 28px; line-height: 46px; text-transform: capitalize; }
.header-content .col-right .sub-menu > li { margin-bottom: 20px; }
.header-content .col-right .sub-menu .subbb-menu { font-size: 20px; }
.header-content .col-right .sub-menu .subbb-menu li { list-style: circle; }
.header-content .col-right .sub-menu .subbb-menu li a { line-height: 30px; display: block; }
li { list-style-type: none; }
header.active .btn-search { opacity: 1; margin-left: 300px; pointer-events: auto; }
header.active .btn-search:hover { color: var(--maincolor); }
.search { position: absolute; top: 50%; right: 30px; transform: translateY(-50%) scaleX(0); z-index: 0; border-radius: 5px; overflow: hidden; opacity: 1; min-width: 280px; transform-origin: right; transition: all 0.5s ease; }
.col-search:hover .search { transform: translateY(-50%) scaleX(1); }
.search p { float: left; height: 43px; line-height: 43px; cursor: pointer; text-align: center; margin: 0px; color: #ffffff; font-size: 16px; background: var(--maincolor); padding: 0 20px; border-radius: 0px 5px 5px 0px; }
.col-search { position: relative; background-color: #fff; transform: translateX(170px); transition: all 2s ease; z-index: 3; }
header.active .col-search { transform: translateX(170px); }
.search input { width: 100%; height: 42px; float: left; outline: none; padding: 0px; border: 0px; background: #fff; text-indent: 10px; font-size: 12px; padding-right: 45px; border-radius: 25px; border-bottom-right-radius: 0; border-top-right-radius: 0; margin-top: 2px; }
.search input::-webkit-input-placeholder { color: #808080; }
.search input:-moz-placeholder { color: #808080; }
.search input::-moz-placeholder { color: #808080; }
.search input:-ms-input-placeholder { color: #808080; }

/* Search Responsive */
.search-res { }
.search-res .icon-search { width: 40px; cursor: pointer; text-align: center; color: #333; font-size: 17px; margin-bottom: 0; }
.search-res .icon-search.active { color: var(--color-main); background: #ffffff; border-radius: 100%; }
.search-res .search-grid { position: absolute; width: 100%; height: 45px; overflow: hidden; background: #ffffff; border: 1px solid var(--maincolor); z-index: 2; line-height: normal; max-width: 325px; border-radius: 10px; right: 10px; opacity: 0;    /* visibility: hidden; */ }
.search-res .search-grid p { float: right; width: 60px; height: 45px; cursor: pointer; outline: none; border: none; margin: 0px; font-size: 17px; display: block; color: #fff; line-height: 43px; text-align: center; background: var(--maincolor); }
.search-res .search-grid input { width: calc(100% - 60px); float: left; line-height: 43px; outline: none; border: none; color: #545457; text-indent: 10px; }
.search-res .search-grid input::-webkit-input-placeholder { color: #ccc; }
.search-res .search-grid input:-moz-placeholder { color: #ccc; }
.search-res .search-grid input::-moz-placeholder { color: #ccc; }
.search-res .search-grid input:-ms-input-placeholder { color: #ccc; }

/* Slideshow */
.slideshow { position: relative; margin: auto; }
.slideshow-item { display: block; cursor: pointer; }
.slideshow:hover .control-slideshow { opacity: 1; }
.control-slideshow { opacity: 0; }
.slideshow .item { position: relative; }
.slideshow .item img { width: 100%; height: 100%; object-fit: cover; }
.slideshow .item .cover { padding: 75px 0; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.6); display: flex; align-items: center; }
.slideshow .item .cover .header-content { position: relative; padding: 56px; overflow: hidden; text-align: center; }
.slideshow .item .cover .header-content .line { content: ""; display: inline-block; width: 100%; height: 100%; left: 0; top: 0; position: absolute; border: 9px solid #fff; -webkit-clip-path: polygon(0 0, 60% 0, 36% 100%, 0 100%); clip-path: polygon(0 0, 60% 0, 36% 100%, 0 100%); }
.slideshow .item .cover .header-content h2 { font-weight: 300; font-size: 35px; color: #fff; position: relative; display: inline-block; padding: 0 25px; }
.header-content h2:after { content: ""; position: absolute; left: -25px; background: url("../images/icon_slider_l.png"); width: 18px; height: 35px; top: 3px; }
.header-content h2:before { content: ""; position: absolute; right: -25px; background: url("../images/icon_slider_r.png"); width: 18px; height: 35px; top: 3px; }
.slideshow .item .cover .header-content h1 { font-size: 56px; font-weight: 600; margin: 5px 0 20px; word-spacing: 3px; color: #fff; }
.slideshow .item .cover .header-content h4 { font-size: 24px; font-weight: 300; line-height: 36px; color: #fff; }
.slideshow .owl-item.active h1 { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: fadeInDown; animation-delay: 0.3s; }
.slideshow .owl-item.active h2 { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: fadeInDown; animation-delay: 0.6s; }
.slideshow .owl-item.active h2:after { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: fadeInLeft; animation-delay: 0.9s; }
.slideshow .owl-item.active h2:before { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: fadeInRight; animation-delay: 0.9s; }
.slideshow .owl-item.active h4 { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: fadeInUp; animation-delay: 0.3s; }
.slideshow .owl-item.active .line { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: fadeInLeft; animation-delay: 0.3s; }
.slideshow .owl-nav .owl-prev { position: absolute; left: 15px; top: 43%; opacity: 0; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; background: rgba(0, 0, 0, 0.5) !important; width: 40px; cursor: pointer; height: 40px; position: absolute; display: block; z-index: 1000; border-radius: 0; }
.slideshow .owl-nav .owl-prev span { font-size: 1.6875rem; color: #fff; }
.slideshow .owl-nav .owl-prev:focus { outline: 0; }
.slideshow .owl-nav .owl-prev:hover { background: #000 !important; }
.slideshow .owl-nav .owl-next { position: absolute; right: 15px; top: 43%; opacity: 0; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; background: rgba(0, 0, 0, 0.5) !important; width: 40px; cursor: pointer; height: 40px; position: absolute; display: block; z-index: 1000; border-radius: 0; }
.slideshow .owl-nav .owl-next span { font-size: 1.6875rem; color: #fff; }
.slideshow .owl-nav .owl-next:focus { outline: 0; }
.slideshow .owl-nav .owl-next:hover { background: #000 !important; }
.slideshow:hover .owl-prev { left: 10px; opacity: 1; }
.slideshow:hover .owl-next { right: 10px; opacity: 1; }

/* Partner */
.wrap-partner { position: relative; padding: 20px 0px; }
.wrap-partner .wrap-content { position: relative; border-radius: 15px; overflow: hidden; background: #fff; border-top: 2px solid var(--btn-theme);    /* padding: 1.5rem 0; */ box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1); padding-top: 1rem; padding-bottom: 2rem; }
.title-partner { position: relative; color: #fff; width: 12%; text-align: center; }
.title-partner h2 { margin-bottom: 10px; font-size: 30px; font-weight: 700; text-transform: uppercase; }
.btn-partnert { display: flex; justify-content: center; }
.btn-partnert p { margin: 0; width: 30px; height: 30px; background: #fff; color: #1a3079; display: flex !important; align-items: center; justify-content: center; border-radius: 50%; font-size: 15px; cursor: pointer; margin: 0 5px; }
.wrap-partner .partner:hover img { filter: grayscale(0); -webkit-filter: grayscale(0); }
.wrap-partner .partner img { object-fit: contain; height: 100%; width: 100%; position: relative; display: block; transition: all 0.5s ease-in-out; filter: grayscale(1); -webkit-filter: grayscale(1); }
.header-title-style-1 { font-family: var(--font-family); font-size: 1.7rem; color: #000; font-weight: bold; padding-left: 1rem; margin-bottom: 1.5rem; }

/* Breadcrumb */
.breadCrumbs { background-color: #eee; }
.breadCrumbs .wrap-content { padding: 0.75rem 15px; }
.breadCrumbs .wrap-content .breadcrumb { padding: 0; margin-bottom: 0; background-color: transparent; border-radius: 0; }
.breadCrumbs .wrap-content .breadcrumb-item a { color: var(--color-black); }
.breadCrumbs .wrap-content .breadcrumb-item.active a { color: var(--color-gray); }

/* Intro */
.left-intro { width: 100%; }
.right-intro { width: 48.656%; }
.wrap-intro { margin-bottom: 0px; background: url(../images/bg_tt.png) no-repeat bottom center; }
.wrap-intro .wrap-content { padding: 44px 0px 178px; }
.title-intro { border-bottom: 1px solid var(--color-red); margin-bottom: 1.5rem; }
.title-intro span { display: inline-block; font-weight: 700; text-transform: uppercase; position: relative; padding-bottom: 10px; font-size: 20px; }
.title-intro span:after { content: ""; position: absolute; width: 100%; height: 4px; bottom: 0px; left: 0px; background-color: var(--color-red); }
.newshome-best { width: 43%; display: block; float: left; margin-right: 1.5%; }
.pic-newshome-best img { width: 100%; }
.name-newshome { color: #333333; font-size: 14px; line-height: 24px; margin-bottom: 3px; font-weight: 700; height: 48px; }
.name-newshome:hover { color: #f77900; }
.name-newshome.text-split { -webkit-line-clamp: 2; }
.time-newshome { color: var(--color-gray); margin-bottom: 0.25rem; }
.desc-newshome { color: #666666; margin-bottom: 0px; line-height: 20px; height: 80px; }
.view-newshome { display: inline-block; color: #f77900; font-weight: 700; margin-top: 4px; font-size: 14px; }
.full-news { width: 100%; display: flex; justify-content: space-between; }
.newshome-scroll { width: 100%; overflow: hidden; float: right; height: 365px; }
.newshome-scroll ul li { margin-bottom: 15px !important; padding-bottom: 14px; }
.newshome-normal { display: block; padding-left: 89px; position: relative; width: calc(50% - 15px); padding-bottom: 30px; border-bottom: 1px dashed #e6e6e6; }
.ngaydang { margin-bottom: 0px; position: absolute; top: 0px; left: 0px; width: 75px; height: 80px; background: #f77900; border-bottom: 5px solid #d96900; padding: 5px 0px; }
.ngaydang span { display: block; text-align: center; }
.ngay { font-size: 35px; font-weight: 700; color: #fff; line-height: 38px; margin-bottom: 7px; }
.thang { color: #ffffff; }
.pic-newshome-normal { float: left; width: 38.777%; margin: 0px 0px 0px; }
.pic-newshome-normal img { width: 100%; }
.info-newshome-normal { float: right; width: calc(100% - 41.8%); }
#video-slick { display: flex; justify-content: space-between; }
.video_lst { width: 135px; }
.item-video img { min-height: 115px; }
.dt_video { border: 0px !important; padding: 5px 0px; }
.mg_video { margin: -5px 0px; }
.slick_video .slick-list { min-height: 365px; }
.slick_video .slick-prev { left: 0px; }
.slick_video .slick-next { right: 0px; }
.video-main { position: relative; height: 365px; width: calc(100% - 147px); }
.video-main img { width: 100%; height: 100%; }
.video-main iframe { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; }
.listvideos { width: 100%; height: 40px; padding: 0px 10px; border: 1px solid #ccc; color: var(--color-black); margin-top: 10px; cursor: pointer; }
.page_trong:not(.full-background) { padding: 30px 0px; min-height: 550px; position: relative; max-width: 1320px; margin: auto; }
.page_trong .title-main span { font-weight: 700; font-size: 28px; }
.page_trong .product { background: #f2f2f2; }
.mg_tv { margin: 0px -5px -10px; }
.page_trong .item_thuvien { width: 33.33%; padding: 0px 5px 10px; }
.mw_thuvien { position: relative; }
.mw_thuvien img { width: 100%; }
.info_album { position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; display: flex; align-items: center; -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; opacity: 0; visibility: hidden; background: rgb(0, 0, 0, 0.5); }
.info_album p { text-align: center; text-transform: uppercase; font-size: 16px; font-weight: 700; color: #fff; background: transparent; width: 100%; display: flex; align-items: center; justify-content: center; padding: 12px 10px; margin-bottom: 0px; }
.mw_albumanh { position: relative; }
.mw_albumanh img { width: 100%; }
.mw_albumanh:hover .info_album, .mw_thuvien:hover .info_album { opacity: 1; visibility: visible; }
.play_1 span { width: 50px; height: 35px; position: absolute; top: calc(50% - 35px / 2); left: calc(50% - 50px / 2); background: url(../images/play.png) no-repeat center; }

/* Video */
.mg_vs { margin: 0px -10px -20px; }
.detail_video { width: 25%; padding: 0px 10px 20px; }
.video { cursor: pointer; margin-bottom: 0px; text-align: center; }
.video-image { position: relative; margin-bottom: 0.75rem; }
.video-image:before { content: ""; position: absolute; width: 50px; height: 35px; top: calc(50% - 50px / 2); left: calc(50% - 35px / 2); z-index: 1; background-repeat: no-repeat; background-image: url(../images/play.png); }
.video-name { text-align: center; font-size: 16px; color: var(--color-black); margin-bottom: 0px; }

/* Album */
.album { cursor: pointer; margin-bottom: 1rem; }
.album-image { margin-bottom: 0.75rem; }
.album-name { margin-bottom: 0px; text-align: center; }
.album-name a { display: block; font-size: 16px; color: var(--color-black); margin-bottom: 0px; }

/* Brand */
.wrap-brand { margin-bottom: 50px; padding: 0px 15px; }
.wrap-brand .wrap-content { position: relative; }
.brand { display: block; border: 1px solid #eee; max-width: 160px; margin: 0px auto; }
.input-triple-cart .select2-container { width: 100%; height: 39px; color: #4c4c4c; font-size: 14px; border-radius: 0px; border: none; box-shadow: none; text-indent: 10px; }
.input-triple-cart .select2-container { width: 100%; height: 39px; color: #4c4c4c; font-size: 14px; border-radius: 0px; border: none; box-shadow: none; text-indent: 10px; }
.input-triple-cart .select2-container .select2-selection--single { height: 39px; border: 1px solid #ced4da; }
.input-triple-cart .select2-container--default .select2-selection--single .select2-selection__rendered { width: 100%; height: 39px; color: #767676; font-size: 14px; border-radius: 0px; border: none; box-shadow: none; text-indent: 0; padding-left: 10px; line-height: 40px; }
.input-triple-cart .select2-container--default .select2-selection--single .select2-selection__arrow { top: 7px; right: 2px; }
.wrap-thuvien .contain_trong { padding: 44px 0px 60px; }
.mg_tvs { margin: 0px -5px -10px; }
.col_thuvien { display: flex; justify-content: flex-start; }
.col_thuvien:nth-child(1) .items_thuvien { width: 33.33%; padding: 0px 5px 10px; }
.col_thuvien:nth-child(2) .items_thuvien { width: 50%; padding: 0px 5px 10px; }
.btn_tv a { display: inline-block; background: #f77900; color: #fff; font-size: 15px; padding: 11px 44px; }
.btn_tv { text-align: center; margin-top: 30px; }
.btn_tv a:hover { background: #cd6603; }

/* Product */
.product-slider-horizontal .list-item-product .item { margin-bottom: 15px; }
.product-slider-horizontal .wg_pr_btn .next, .product-slider-horizontal .wg_pr_btn .prev { position: absolute; top: 45%; z-index: 99; padding: 5px 10px; font-size: 20px; color: #fff; opacity: 0.1; background-color: #000; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; cursor: pointer; height: 64px; width: 35px; }
.product-slider-horizontal .wg_pr_btn .next { right: 0; }
.product-slider-horizontal .wg_pr_btn .prev { left: 0; }
.product-slider-horizontal .wg_pr_btn .next:hover, .product-slider-horizontal .wg_pr_btn .prev:hover { opacity: 1; }
.product-slider-vertical .item { margin-bottom: 10px; overflow: hidden; }
.product-slider-vertical .item .img { float: left; margin-right: 10px; }
.product-slider-vertical .item .img img { width: 75px; height: auto; }
.product-slider-vertical .item .info { float: left; width: calc(100% - 85px); }
.product-slider-vertical .item .info h3, .product-slider-vertical .item .info .heading { font-size: 14px; font-weight: 500; color: #323c3f; font-family: var(--font-family); line-height: 1.4; letter-spacing: 0.01em; margin-top: 0; }
.product-slider-vertical .item .info h3 a, .product-slider-vertical .item .info .heading a { color: #323c3f; }
.product-slider-vertical .item .info .price .price-new { color: #ff5c5f; }
.product-slider-vertical .item .info .price .price-old { color: #d6d6d6; font-size: 12px; }
.product-item { text-align: center; }
.product-item h3 { font-size: 1.2rem; margin: 0.5rem auto; }
.product-item h3 a { color: black; text-decoration: none !important; }
.product-item:hover h3 a { color: var(--maincolor); }
.product-item-price { color: #fe0000; font-weight: 700; line-height: 26px; text-align: center; }
.product-item .comment-star { margin: auto !important; margin-top: 0.5rem !important; }
.product-item .title { padding: 5px; box-sizing: border-box; }

/* Product Detail */
.grid-pro-detail { margin-bottom: 3rem; }
.left-pro-detail { position: relative; }
.left-pro-detail .fotorama { width: 100%; }
.grid-pro-detail .row { display: flex; justify-content: space-between; flex-wrap: wrap; }
.fixed-detail { position: relative; }
.left-pro-detail .MagicZoom { border: 1px solid #eee; padding: 7px; border-radius: 5px; background-color: #ffffff; width: 100%; }
.gallery-thumb-pro { position: relative; margin-top: 10px; }
.owl-pro-detail { padding: 0px 30px; }
.control-pro-detail button { background-color: transparent; color: #222222; opacity: 1; width: 25px; font-size: 23px; }
.control-pro-detail button:hover { opacity: 0.7; }
.control-pro-detail button.owl-prev { left: 0px; }
.control-pro-detail button.owl-next { right: 0px; }
.thumb-pro-detail { display: block !important; border: 1px solid #eee; padding: 5px; border-radius: 3px; cursor: pointer; background-color: #ffffff; }
.thumb-pro-detail.mz-thumb.mz-thumb-selected { border-color: #cecfd2; }
.thumb-pro-detail img { box-shadow: none !important; filter: brightness(100%) !important; border-bottom: 0px !important; padding-bottom: 0px !important; }
.title-pro-detail { text-transform: capitalize; font-size: 20px; display: block; font-weight: 700; border-bottom: 1px #000 solid; padding-bottom: 5px; margin-bottom: 20px !important; }
.comment-pro-detail { display: flex; align-items: center; justify-content: flex-start; }
.social-plugin-pro-detail { margin-bottom: 1rem; margin-top: 0px !important; }
.desc-pro-detail { margin-bottom: 1rem; }
.attr-pro-detail { list-style: none; padding: 0px; }
.attr-pro-detail li { margin-bottom: 0.5rem; }
.attr-label-pro-detail { margin: 0px 5px 0px 0px; }
.attr-label-pro-detail.d-block { display: block; margin: 0px 0px 5px 0px; }
.attr-content-pro-detail { display: inline-block; margin-bottom: 1rem; }
.price-new-pro-detail { font-weight: 700; font-size: 20px; color: var(--color-red); }
.price-old-pro-detail { font-weight: 500; color: var(--color-gray); text-decoration: line-through; padding-left: 10px; }
.color-pro-detail { cursor: pointer; display: inline-block; vertical-align: top; position: relative; width: 35px; height: 30px; margin: 0px 0px 3px 0px; border: 1px solid transparent; background-repeat: no-repeat; background-size: contain; background-position: center center; }
.size-pro-detail { cursor: pointer; border: 1px solid #ccc; padding: 3px 10px 4px 10px; display: inline-block; position: relative; }
.size-pro-detail.active, .color-pro-detail.active { border-color: #e5101d; color: #e5101d; }
.size-pro-detail.active:after, .color-pro-detail.active:after { content: ""; position: absolute; bottom: 0px; right: 0px; width: 13px; height: 13px; background-repeat: no-repeat; background-image: url(../images/check-cart.png); }
.color-pro-detail input[type="radio"], .size-pro-detail input[type="radio"] { display: none; }
.quantity-pro-detail { width: 100%; max-width: 110px; line-height: normal; display: flex; align-items: center; justify-content: space-between; text-align: center; height: 100%; }
.quantity-pro-detail span { line-height: 48px; padding: 0px; width: 30px; height: 48px; color: #5f5f5f; cursor: pointer; font-size: 22px; border: 1px solid #cccccc; }
.quantity-pro-detail span.quantity-plus-pro-detail { border-left: 0px; }
.quantity-pro-detail span.quantity-minus-pro-detail { border-right: 0px; }
.quantity-pro-detail input { height: 48px; border: 1px solid #cccccc; width: calc(100% - 60px); text-align: center; font-size: 14px; padding: 5px; }
.cart-pro-detail .btn-success { background: #b01722 !important; border-color: #b01722 !important; }
.cart-pro-detail { margin-bottom: 1rem; display: flex; align-items: center; justify-content: space-between; width: 100%; margin-left: 1rem; }
.cart-pro-detail a { font-size: 14px; color: #ffffff !important; text-transform: uppercase; width: 50%; border-radius: 0; padding: 15px 0; margin: 0; box-sizing: border-box; font-weight: 700; }
.tags-pro-detail a { float: left; font-size: 13px; padding-bottom: 0.375rem; margin: 0px 5px 5px 0px; }
.tags-pro-detail a i { font-size: 11px; margin: 5px 5px 0px 0px; }
.tabs-pro-detail { margin-top: 2rem; }
.tabs-pro-detail .nav-tabs .nav-link { border-top-width: 3px; font-size: 13px; }
.tabs-pro-detail .nav-tabs .nav-link.active, .tabs-pro-detail .nav-tabs .nav-item.show .nav-link { border-top-color: #555555; }
.list-color-for-product .proprice_item_color span { width: 20px; height: 20px; }
.proprice_item_color span { width: 32px; height: 32px; border-radius: 50%; }
.proprice_item_color { display: inline-block; border-radius: 50%; border: 1px solid #e6e6e6; padding: 3px; overflow: hidden; cursor: pointer; }
.prod_details_color { display: flex; justify-content: start; flex-flow: wrap; margin: 0 -5px; margin-bottom: 10px; }
.prod_details_color .align-items-center { margin: 0 5px; }
.proprice_item_color.active, .proprice_item_color:hover { border: 1px solid #000; transition: 0.5s; }
.proprice_item_size a { height: 40px; border: 1px solid #e8e8e8; display: flex; align-items: center; justify-content: center; padding: 8px 16px; border-radius: 5px; min-width: 65px; cursor: pointer; margin: 0px 0px 10px 0; text-decoration: none; color: #333; }
.proprice_item_size:hover a, .proprice_item_size.active a { background: #333; border: 1px solid #333; color: #fff; }
.proprice_group { display: flex; align-items: center; justify-content: start; margin: 0 -5px; margin-bottom: 10px; }
.proprice_item_size { margin-right: 10px; }
.proprice_item_size.active > a { border: 1px solid #000; border-radius: 6px; }
.proprice_item_label { margin-bottom: 5px !important; }
input.code-coupon { max-height: 38px; }
.comment-title { font-size: 18px; }
.comment-show { display: block !important; }
.comment-point { font-size: 47px; color: #cc0000; }
.comment-star { font-size: 0; position: relative; display: inline-block; vertical-align: top; margin-bottom: 0.5rem; }
.comment-star span { display: block; position: absolute; top: 0; left: 0px; bottom: 0; z-index: 1; overflow: hidden; text-align: left; white-space: nowrap; }
.comment-star i { display: inline-block; margin: 0.1rem; color: #b8b8b8; text-rendering: auto; font-size: 20px; }
.comment-star i:nth-child(1) { margin-left: 0; }
.comment-star span i { color: #ffc120; }
.comment-progress { width: 100%; margin-bottom: 0.375rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.comment-progress:last-child { margin-bottom: 0px; }
.comment-progress .progress { height: 12px; margin-right: 10px; margin-left: 5px; width: calc(100% - 90px); border-radius: 10px; }
.comment-progress .progress-bar#has-rate { background-color: #cc0000; }
.comment-progress .progress-num { font-size: 15px; width: 25px; text-align: center; color: #787878; }
.comment-progress .progress-total { font-weight: 600; text-align: left; color: #787878; width: 50px; }
.comment-write { display: none; }
.review-rating-star { font-size: 0; }
.review-rating-star-icon .fa { font-weight: 400; font-style: normal; display: inline-block; margin: 0.1rem; font-size: 21px; cursor: pointer; color: #f0c808; }
.review-rating-star-icon .fa.star-empty { color: #dedddc; }
.review-rating-star-icon .fa.star-not-empty { color: #f0c808; }
.review-rating-star-icon .fa:nth-child(1) { margin-left: 0; }
.review-fileuploader { padding: 20px 15px; text-align: center; background-color: #ffffff; cursor: pointer; border: 2px dashed #c2cdda; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.review-fileuploader .review-fileuploader-text { color: #90a0bc; }
.review-file-uploader .fileuploader { padding: 0px; margin: 0px; background: transparent; }
.review-file-uploader .fileuploader-items .fileuploader-items-list { margin: 1rem -5px 0 -5px; }
.review-file-uploader .fileuploader-items .fileuploader-items-list:after { display: block; content: ""; clear: both; }
.review-file-uploader .fileuploader-items .fileuploader-items-list .fileuploader-item { padding: 0px; width: calc(100% / 7 - 10px); float: left; margin: 0 5px 5px 5px; border-bottom: 0px; }
.review-file-uploader .fileuploader-items .fileuploader-items-list .fileuploader-item .columns { display: block; }
.review-file-uploader .fileuploader-items .fileuploader-items-list .fileuploader-item .column-thumbnail { width: auto; height: auto; }
.review-file-uploader .fileuploader-items .fileuploader-items-list .fileuploader-item .column-thumbnail .fileuploader-item-image { height: auto; padding: 50% 0; }
.review-file-uploader .fileuploader-items .fileuploader-items-list .fileuploader-item .column-thumbnail .fileuploader-item-image img { position: absolute; top: 0px; left: 0px; max-width: 100%; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transform: none; transform: none; }
.review-file-uploader .fileuploader-items .fileuploader-items-list .fileuploader-item .column-title { padding: 0px; margin-top: 0.5rem; text-align: center; display: none; }
.review-file-uploader .fileuploader-items .fileuploader-items-list .fileuploader-item .column-actions { margin: 0px; position: absolute; top: 0px; right: -5px; }
.review-file-uploader .fileuploader-items .fileuploader-items-list .fileuploader-item .column-infos input { border: 1px solid #dddddd; border-radius: 0.25rem; }
.review-poster-video-avatar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }
.review-poster-video-avatar .avatar-detail { width: 95px; height: 95px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.review-poster-video-avatar .avatar-detail img { max-width: 95px; max-height: 95px; }
#review-content { height: 350px; }
.carousel-comment-media .carousel-control a { opacity: 1; width: 45px; height: 45px; top: calc(50% - 45px / 2); bottom: inherit; }
.carousel-comment-media .carousel-control a span { display: block; cursor: pointer; color: #222222; width: 45px; height: 45px; padding: 5px; text-align: center; background-color: #ffffff; -webkit-box-shadow: 0 1px 12px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 1px 12px 0 rgba(0, 0, 0, 0.12); border-radius: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.carousel-comment-media .carousel-control a.carousel-control-prev { left: 20px; }
.carousel-comment-media .carousel-control a.carousel-control-prev span { padding-right: 9px; }
.carousel-comment-media .carousel-control a.carousel-control-next { right: 20px; }
.carousel-comment-media .carousel-control a.carousel-control-next span { padding-left: 8px; }
.carousel-comment-media .carousel-indicators { position: static; margin: 0px 0px 0.75rem 0px; text-align: left; display: block; }
.carousel-comment-media .carousel-indicators li { width: auto; max-width: 60px; height: auto; text-indent: inherit; -webkit-box-flex: 0; -ms-flex: none; flex: none; margin: 0px 0px 3px 0px; border: 2px solid transparent; opacity: 1; cursor: -webkit-zoom-in; cursor: zoom-in; }
.carousel-comment-media .carousel-indicators li.active { border-color: #ffc120; cursor: -webkit-zoom-out; cursor: zoom-out; -webkit-transform: scale(1.05); transform: scale(1.05); }
.carousel-comment-media .carousel-inner { max-width: 550px; -webkit-box-shadow: 0 1px 12px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 1px 12px 0 rgba(0, 0, 0, 0.12); }
.carousel-comment-media .carousel-inner .carousel-lists .carousel-comment-media-item-video #file-video { max-width: 100%; width: 100%; height: 500px; vertical-align: top; display: inline-block; background-color: #000000; }
#form-reply { display: none; }
.comment-item { margin-bottom: 3rem; display: flex; justify-content: space-between; }
.comment-item-poster { width: 200px; margin-right: 30px; text-align: center; }
.comment-item-letter { border-radius: 50%; background-color: #d3d2d3; color: #919090; width: 65px; height: 65px; text-transform: uppercase; display: inline-block; vertical-align: top; line-height: 67px; font-size: 18px; font-weight: 700; margin-bottom: 0.5rem; }
.comment-item-name { margin-bottom: 0.25rem; text-transform: capitalize; }
.comment-item-posttime { font-size: 12px; color: #999999; }
.comment-item-information { width: calc(100% - 230px); }
.comment-item-star { float: left; margin-right: 10px; }
.comment-item-star i { font-size: 17px; }
.comment-item-title { font-size: 15px; font-weight: 500; }
.comment-replies { position: relative; background: #f8f9fa; border: 1px solid #dfdfdf; padding: 1.75rem 1.5rem; }
.comment-replies:after { content: ""; position: absolute; }
.comment-replies:before { content: ""; position: absolute; z-index: 1; top: -13px; left: 10px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 13px solid #f8f9fa; }
.comment-replies:after { top: -14px; left: 9px; border-left: 11px solid transparent; border-right: 11px solid transparent; border-bottom: 14px solid #dfdfdf; }
.comment-replies-item { margin-bottom: 1.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }
.comment-replies-item:last-child { margin-bottom: 0px; }
.comment-replies-letter { width: 45px; height: 45px; margin-right: 10px; line-height: 45px; padding-left: 1px; font-size: 14px; border-radius: 50%; background-color: #e5e3e5; color: #919090; text-transform: uppercase; display: inline-block; vertical-align: top; font-weight: 500; text-align: center; margin-top: 0.125rem; }
.comment-replies-letter.admin { position: relative; background-color: #189eff; text-indent: 9999px; overflow: hidden; }
.comment-replies-letter.admin:before { content: "QTV"; text-indent: 0px; color: #ffffff; font-weight: 500; text-transform: uppercase; font-size: 13px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.comment-replies-info { width: calc(100% - 55px); }
.comment-replies-name { font-weight: 500; margin-bottom: 0.125rem; }
.comment-replies [class*="btn-load-more-"] { border: 0px; outline: none; padding: 0px; background: transparent; }
.comment-media-play { z-index: 1; position: absolute; top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); }
.comment-media-play svg { -webkit-box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.3); box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.3); border-radius: 50%; background-color: rgba(255, 255, 255, 0.15); }
.comment-media-play svg .comment-media-play-stroke-dotted { opacity: 0; stroke-dasharray: 4, 5; stroke-width: 1px; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-animation: spin 4s infinite linear; animation: spin 4s infinite linear; -webkit-transition: opacity 1s ease, stroke-width 1s ease; transition: opacity 1s ease, stroke-width 1s ease; }
.comment-media-play svg .comment-media-play-stroke-solid { stroke-dashoffset: 0; stroke-dasharray: 300; stroke-width: 4px; -webkit-transition: stroke-dashoffset 1s ease, opacity 1s ease; transition: stroke-dashoffset 1s ease, opacity 1s ease; }
.comment-media-play svg .comment-media-play-icon { -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: -webkit-transform 200ms ease-out; transition: -webkit-transform 200ms ease-out; transition: transform 200ms ease-out; transition: transform 200ms ease-out, -webkit-transform 200ms ease-out; }
.comment-media-play:hover svg .comment-media-play-stroke-dotted { stroke-width: 4px; opacity: 1; }
.comment-media-play:hover svg .comment-media-play-stroke-solid { opacity: 0; stroke-dashoffset: 300; }
.comment-media-play:hover svg .comment-media-play-icon { -webkit-transform: scale(1.05); transform: scale(1.05); }
.pr-element-button-contact { margin-bottom: 10px; font-size: 20px; font-weight: 700; color: #000; }
.pr-element-button-contact .buttons-contact { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 10px; }
.box-tv .form-newsletter { background-color: var(--maincolor); padding: 10px; width: 100%; border-radius: 5px; }
.box-tv .newsletter-button input[type="submit"] { background: url(../images/send1.svg) #fff center no-repeat; border-radius: 2px; position: absolute; top: 13px; right: 11px; border: none; height: 40px; width: 38px; color: #fff; }
.box-tv .newsletter-button svg { fill: black; }
.box-tv .newsletter-input { margin-bottom: 0; }
.right-pro-detail .addtocart_button { width: 100%; }
@media (max-width:1024px) {
   .right-pro-detail .addtocart_button { width: 100%; }
}
.right-pro-detail .btn { float: left; outline: none; height: 50px !important; line-height: 50px; background-color: #f94e3f; border: 1px solid #f94e3f; color: #fff; text-transform: inherit; font-weight: 700; font-size: 12px; margin: 0; padding: 0 5px; border-radius: 5px; }
.right-pro-detail .btn span { display: block; line-height: 20px; }
.right-pro-detail .btn span.button_cart__heading { font-size: 12px; }
.right-pro-detail .btn span.button_cart__desc { font-weight: 400; font-size: 9px; }
.right-pro-detail .button_cart { width: calc(55% - 5px); margin-right: 5px; }
.right-pro-detail .button_cart img { width: 30px; }
.right-pro-detail .button_cart:hover { background-color: #fff; color: #f94e3f; }
.right-pro-detail .button_cart_now { width: calc(45% - 5px); margin-left: 5px; }
.right-pro-detail .button_cart_now.btn-green { background-color: #02ab65; border: 1px solid #02ab65; }
.right-pro-detail .button_cart_now.btn-green:before { background-color: #02ab65; }
.right-pro-detail .button_cart_now.btn-green:hover { background-color: #fff; color: #02ab65; }
.btn-effect-default.btn-danger:before, .btn-effect-default.btn-red:before { background-color: var(--btn-red); }
.right-pro-detail .button_cart_now.btn-green:hover { background-color: #fff; color: #02ab65; }
.right-pro-detail .button_cart_now.btn-green { background-color: #02ab65; border: 1px solid #02ab65; }
.sidebar .widget { background-color: #fff; clear: both; margin-bottom: 15px; padding: 0 !important; box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);    /*border-radius: 16px; */ }
.sidebar-item-list .item { overflow: hidden; display: flex; gap: 10px; align-items: center; margin-bottom: 10px; border-bottom: 1px solid var(--border-color, #cccccc); padding: 10px 0; color: var(--name-color, #000000); }
.sidebar-item-list .item .customer-name { font-weight: 700; }
.sidebar-item-list .item .customer-product-name { color: var(--maincolor); }
.sidebar-item-list .item .date { font-weight: 700; color: var(--time-color, var(--maincolor)); }
.sidebar-item-list .item:last-child { margin-bottom: 0; }
.review-wrapper { padding: 0; }
.title-sidebar { text-align: center; letter-spacing: 0; padding-bottom: 0; color: #fff; position: relative; display: block; background-color: var(--maincolor); }
.title-sidebar h6 { line-height: 45px; }
.sidebar-border-radius { border-radius: 15px; }
.box-sidebar { background: #fff; overflow: hidden; box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1); margin-bottom: 1rem; }
.content-sidebar { width: 100%; padding: 0 1rem; }
.sidebar-item-list .item { overflow: hidden; display: flex; gap: 10px; align-items: center; margin-bottom: 10px; }
.sidebar-item-list .item a { color: currentColor; }
.sidebar-item-list .item .img { height: var(--item-icon-height, 50px); text-align: center; }
.sidebar-item-list .item .img img { width: auto; height: 100%; display: inline-block; border-radius: 5px; }
.sidebar-item-list .item .title .heading { color: var(--maincolor); font-size: 14px; font-weight: 700; margin: 0 0 5px 0; }
.sidebar-item-list .item .title .des { color: #8a8b8c; font-size: 14px; line-height: 20px; margin-bottom: 5px; padding: 0; border: 0; }
.sidebar-item-list .item:last-child { margin-bottom: 0; }

/* News */
.wrap-news { margin-block: 50px; }
.news-item { position: relative; padding-bottom: 50px; }
.wrap-news .content { background-color: #fff; position: absolute; bottom: 0; left: 0; width: 90%; box-shadow: 0 0 10px rgb(0, 0, 0, 0.3); padding: 20px; }
.news-name { font-size: 16px; line-height: 30px; height: 60px; font-family: var(--theme-color); margin: 4px 0; color: #000; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; }
.news-name a { color: #333; font-size: 16px; font-weight: 700; }
.news-name a.text-split { -webkit-line-clamp: 2; }
.news-name a:hover { color: #999; }
.news-time { color: #84878a; margin-bottom: 0.25rem; }
.news-desc { color: #687385; margin-top: 5px; line-height: 22px; -webkit-line-clamp: 2; }
.btn-news { display: inline-block; width: fit-content; padding: 6px 18px; border-radius: 0; background-color: transparent; color: #252525; border: none; transition: all 0.3s ease-in-out; position: relative; font-size: 14px; font-style: normal; font-weight: 400; line-height: 150%; cursor: pointer; }
.btn-news::before { content: ""; position: absolute; left: -1px; bottom: -1px; width: 20px; height: 20px; border-left: 1px solid #252525; border-bottom: 1px solid #252525; background: transparent; transition: all 0.3s ease-in-out; }
.btn-news::after { content: ""; position: absolute; right: 0; top: 0; width: 20px; height: 20px; border-right: 1px solid #252525; border-top: 1px solid #252525; background: transparent; transition: all 0.3s ease-in-out; }
.btn-news:hover { color: var(--maincolor); }
.btn-news:hover::before { width: 100%; height: 100%; }
.btn-news:hover::after { width: 100%; height: 100%; }
.othernews b { margin-bottom: 10px; }
.list-news-other { padding-left: 17px; list-style: square; }
.list-news-other li { margin-bottom: 2px; color: #333; }
.list-news-other li a { text-transform: none; color: #333; }
.list-news-other li a:hover { color: #999; }

/*News item*/
div.css_flex_baiviet { display: flex; flex-wrap: wrap; margin: 0 auto; max-width: 1200px;}
.post .item { display: grid; transition: all 0.3s ease; position: relative; border-radius: 10px; }
.post .item .img { overflow: hidden; height: 0 !important; width: 100%; position: relative; padding-top: 70%; border-radius: 10px; }
.post .item .img img { position: absolute; top: 0; left: 0; height: 100%; width: 100%; object-fit: cover !important; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: all 0.3s, -webkit-transform 8s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.3s, transform 8s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 8s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.effect-hover-zoom img { -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }
.post .item .title { text-align: left; line-height: 25px; padding: 0 15px; }
.post .item .title .description { margin-bottom: 18px; text-align: justify; color: #687385; overflow: hidden; text-overflow: ellipsis; line-height: 25px; display: -webkit-box; -webkit-box-orient: vertical; font-weight: 400; }
.post .item:hover .img { border-radius: 5px 0 0 5px; transition: all 0.8s; }
.post .item { display: grid; transition: all 0.3s ease; position: relative; border-radius: 10px; }
.post .item .img img { position: absolute; top: 0; left: 0; height: 100%; width: 100%; object-fit: cover !important; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: all 0.3s, -webkit-transform 8s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.3s, transform 8s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 8s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.post .item .img .date-box { position: absolute; bottom: 15px; left: 15px; width: 65px; height: 65px; text-align: center; padding: 15px 0; font-size: 10px; line-height: 15px; color: #fff; background-color: var(--maincolor); border-radius: 5px; }
.post .item .img .date-box:before { content: ""; position: absolute; top: 5px; left: 5px; right: 5px; bottom: 5px; border: 1px dotted #ce8f98; border-radius: 5px; }
.post .item .img .date-box span { font-size: 18px; }
.post .item .title { text-align: left; line-height: 25px; }
.post .item .title .post-info { margin: 0; letter-spacing: 2px; font-size: 11px; color: #212529; }
.post .item .title h3.header { font-size: 17px; line-height: 24px; margin: 10px 0 5px 0; text-align: left; color: #212529; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; }
.post .item .title .description { padding: 0;margin-bottom: 18px; text-align: justify; color: #687385; overflow: hidden; text-overflow: ellipsis; line-height: 21px; display: -webkit-box; -webkit-box-orient: vertical; font-size: 12px;
}
.post .item .title .description a { color: #687385; }
.post .item.grid { grid-template-columns: 1fr; overflow: hidden; margin-bottom: 10px; padding: 0 0; transition: all 0.25s cubic-bezier(0.02, 0.01, 0.47, 1); }
.post .item.grid .img { padding-top: 80%; }
.post .item.grid .title { padding: 20px; }
.post .item.classic { grid-template-columns: 1fr 2fr; align-items: center; }
.post .item.classic .title { padding-left: 20px; }
.post .item.photo { grid-template-columns: 1fr; overflow: hidden; margin-bottom: 10px; padding: 0 0; transition: all 0.25s cubic-bezier(0.02, 0.01, 0.47, 1); }
.post .item.photo .img { padding-top: 50%; }
.post .item.photo .img .date-box { display: none; }
.post .item.photo .title { position: relative; top: -40px; padding: 20px; background: #fff; width: 80%; margin: 0 auto; border-radius: 10px; }
.post .item:hover { border-radius: 10px; transform: translateY(-5px); box-shadow: 0 4px 60px 0 rgba(0, 0, 0, 0.2), 0 0 0 transparent; }
.post .item:hover .img { border-radius: 5px 0 0 5px; }
.post .item .img .date-box:before { content: ""; position: absolute; top: 5px; left: 5px; right: 5px; bottom: 5px; border: 1px dotted #ce8f98; border-radius: 5px; }
.post .item .img .date-box span { font-size: 18px; }
.post .item .img .date-box { position: absolute; bottom: 15px; left: 15px; width: 65px; height: 65px; text-align: center; padding: 15px 0; font-size: 10px; line-height: 15px; color: #fff; background-color: var(--maincolor); border-radius: 5px; }
.sidebar .widget .sidebar-title .header { border: 0; padding: 10px 15px; background-color: var(--maincolor); color: #fff; text-align: center; margin: 0; font-size: 16px; text-transform: unset; border-top-left-radius: 10px; border-top-right-radius: 10px; }
.post .post-container { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; column-count: 3; column-gap: 40px; }

/*.sidebar .widget { background-color: #fff; clear: both; margin-bottom: 15px; padding: 0 !important; box-shadow: 0 15px 35px rgba(0, 0, 0, .1); border-radius: 16px; }*/
.sidebar-content { max-height: 420px; padding: 10px; overflow: hidden; }
.widget_box_post_sidebar .item { overflow: hidden; position: relative; margin: 0; padding: 10px 0; transition: all 0.25s cubic-bezier(0.02, 0.01, 0.47, 1); transition: all 0.6s; }
.sidebar .item .item_content { transition: all 0.25s cubic-bezier(0.02, 0.01, 0.47, 1); }
.widget_box_post_sidebar .item .img { float: left; padding: 0; height: 80px; width: 80px; position: relative; overflow: hidden; border-radius: 5px; }
.widget_box_post_sidebar .item .img img { width: 100%; height: 100%; object-fit: cover; vertical-align: top; margin: 0 0 0; }
.widget_box_post_sidebar .item .title { float: left; width: calc(100% - 80px); padding-left: 10px; }
.widget_box_post_sidebar .item .title h3 { display: block; font-size: 14px; font-weight: 700; color: #333; overflow: hidden; padding: 0; margin: 0 0 5px 0; text-overflow: ellipsis; line-height: 20px; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; }
.widget_box_post_sidebar .item .title .time { color: #666; font-size: 12px; margin-bottom: 5px; text-transform: uppercase; }
.widget_box_post_sidebar .item .title h3 a { color: #333; }
.widget_box_post_sidebar .item:hover { transform: translateY(-5px); transition: all 0.6s; }
.object-detail .info .block:first-child { padding-left: 0; }
.object-detail .header { margin: 20px 0; font-size: 1.6em; }
.object-detail .info .block { display: inline-block; padding-right: 20px; color: #333; }
.post-time { font-size: 12px; color: #494949; margin-bottom: 0; display: inline-block; background-color: #ececec; border-radius: 20px; padding: 3px 13px; text-align: center; }
.object-detail .info .block { display: inline-block; padding-right: 20px; color: #333; }
.post-time { font-size: 12px; color: #494949; margin-bottom: 0; display: inline-block; background-color: #ececec; border-radius: 20px; padding: 3px 13px; text-align: center; }
.pull-left .block { margin-right: 20px; }
.contact-text p, .contact-text span { color: #000; }

/*News detail*/
.object-detail .pull-left { float: none; margin-bottom: 1rem; }

/*.title  */
.modal-content .title-h2 { margin-bottom: 10px; }
.modal-content .title-h2 h2 { margin: 0; }
.modal-header { padding: 10px; border: 0; border-bottom: 1px solid #ddd; }
.modal-header h6 { font-weight: 700; font-size: 17px; text-transform: uppercase; color: #000; }
.modal-header h6 a { font-size: 21px; color: #35a85f; }
.title-h2 { position: relative; text-align: center; margin-bottom: 30px; background: url(../images/title.png) no-repeat bottom center; z-index: 2; padding-bottom: 30px; }
.title-h2 h2 { font-family: "Barlow", sans-serif; font-size: 35px; margin: 0; text-transform: capitalize; color: #1a3079; font-weight: 700; }
.title-h2 p { font-family: "VLMissLeGatees"; margin: 0; font-weight: 400; color: #282e2e; font-size: 40px; }
.title-h2.title-color { background: url(../images/title2.png) no-repeat bottom center; }
.title-h2.title-color h2 { color: #ffc200; text-shadow: 1px 0 0 #1a3079, -1px 0 0 #1a3079, 0 1px 0 #1a3079, 2px 2px 2px #ffc200; }
.title-h2.title-color p { color: #fff; }
.filter { filter: brightness(0) invert(1); }
.title-h2 .color-white { color: #fff; }

/* news */
.wrap-news { position: relative; padding: 40px 0px; }
.slick-news { margin: 0 -12px; width: 100%; }
.slick-news .slick-slide { margin: 0 12px; }
.item-news { position: relative; }
.item-news a.scale-img { position: relative; }
.item-news .content { position: relative; width: 100%; background: #f2f2f2; padding: 15px; }
.item-news h3 { position: relative; }
.item-news h3 a { font-size: 15px; color: #1a1a1a; font-weight: 700; -webkit-line-clamp: 2; line-height: 25px; text-transform: uppercase; height: 50px; text-decoration: none; }
.item-news .date { font-size: 14px; color: #808080; font-weight: 400; margin-bottom: 5px; }
.item-news .date p { margin: 0; font-weight: 400; border-top: 1px solid #dcdcdc; width: 100%; }
.item-news p.text-split { font-size: 13px; color: #666666; font-weight: 400; margin-top: 10px; -webkit-line-clamp: 3; line-height: 25px; height: 75px; }
.item-news a.readnews { display: block; font-size: 14px; color: #1a3079; font-weight: 400; text-align: right; margin-top: 10px; }
.item-news:hover h3 a { color: #1a3079; }

/* Contact */
.contact-article { margin-bottom: 3rem; }
.contact-input { position: relative; margin-bottom: 15px; }
.contact-input textarea { resize: none; height: 150px; }
.contact-input .custom-file-label::after { content: attr(title); }
.contact-map { position: relative; height: 500px; }
.contact-map iframe { position: absolute; top: 0px; left: 0px; width: 100% !important; height: 100% !important; }

/*Cart*/
#popup-cart .modal-title { text-transform: uppercase; }
#popup-cart .modal-body .wrap-cart { padding: 0px; -webkit-box-shadow: none; box-shadow: none; border: 0px; }
#popup-cart .modal-footer { padding: 0.75rem 0 0 0; border-top: 0px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.buymore-cart { color: var(--maincolor); cursor: pointer; margin: 0px; }
.buymore-cart i { margin-right: 2px; margin-top: 5px; vertical-align: top; font-size: 12px; }
.wrap-cart { padding: 20px 15px; background: #ffffff; border: 1px solid #d8d8d8; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); }
.top-cart { border-right: 1px solid #eee; }
.procart { padding: 20px 10px; border: 1px solid #eee; border-top: 0px; }
.pic-procart { text-align: center; }
.pic-procart img { max-height: 100px; height: inherit; }
.pic-procart .del-procart { color: #999; font-size: 12px; display: block; margin-top: 5px; cursor: pointer; }
.pic-procart .del-procart:hover { color: var(--maincolor); }
.name-procart a { font-size: 14px; color: #000; display: block; }
.name-procart a:hover { color: var(--maincolor); }
.properties-procart { display: block; }
.properties-procart p { display: inline-block; margin-bottom: 0px; }
.properties-procart p:first-child { margin-right: 10px; }
.properties-procart p strong { font-weight: 600; }
.quantity-procart p { margin-bottom: 0px; }
.quantity-counter-procart { border: 1px solid #dfdfdf; width: 100%; height: 30px; line-height: normal; text-align: center; border-radius: 3px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.counter-procart { background-color: transparent; border: 0px; width: 30%; color: #333; outline: none; cursor: pointer; font-size: 23px; }
.counter-procart:hover, .counter-procart:focus { color: var(--maincolor); }
.counter-procart:disabled { color: #ccc; cursor: not-allowed; }
.counter-procart:disabled:hover { color: #ccc; cursor: not-allowed; }
.counter-procart-minus { line-height: 26px; }
.counter-procart-plus { line-height: 24px; }
.quantity-counter-procart .quantity-procart { width: 40%; -webkit-box-sizing: border-box; box-sizing: border-box; border: 0px; border-right: 1px solid #dfdfdf; border-left: 1px solid #dfdfdf; outline: none; -webkit-box-shadow: none; box-shadow: none; padding: 0px; color: #333; text-align: center; }
.price-procart { width: 20%; text-align: right; }
.price-procart-rp { display: none; width: 100%; margin-bottom: 10px; font-size: 13.5px; }
.price-new-cart { color: var(--maincolor); margin-bottom: 0px; font-weight: bold; }
.price-old-cart { color: #999; text-decoration: line-through; }
.procart-label { border: 0px; background: #eee; padding: 10px; margin: 0px; text-transform: capitalize; }
.money-procart { margin-top: 15px; }
.total-procart { background: #eee; padding: 7px 10px; border: 1px solid #dddfe2; margin-bottom: -1px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.total-procart p { margin-bottom: 0px; font-size: 15px; }
.total-procart p:last-child { color: var(--maincolor); font-weight: bold; }
.section-cart { position: -webkit-sticky; position: sticky; top: 15px; }
.title-cart { font-size: 15px; text-transform: uppercase; color: var(--maincolor); border-bottom: 1px solid #eee; padding-bottom: 5px; margin-bottom: 15px; font-weight: bold; }
.information-cart { margin-bottom: 1.5rem; }
.input-cart { margin-bottom: 0.5rem; position: relative; }
.input-cart textarea { resize: none; height: 100px; }
.input-cart select { cursor: pointer; }
.payments-cart { text-align: left; margin-bottom: 5px; min-height: auto; }
.payments-cart:last-child { margin-bottom: 0px; }
.payments-cart input { top: calc(50% - 1.25rem / 2); }
.payments-label img { max-height: 20px; }
.payments-label { cursor: pointer; background: #eee; padding: 10px 15px; border-radius: 3px; margin-bottom: 0px; color: #313131 !important; display: flex; align-items: center; gap: 10px; }
.payments-label::before, .payments-label::after { top: calc(50% - 1rem / 2); }
.payments-label.active { background: var(--maincolor); color: #ffffff !important; }
.payments-info { opacity: 0; visibility: hidden; height: 0px; overflow: hidden; background: #f5efef; border-radius: 5px; }
.payments-info p { margin-bottom: 1em; }
.payments-info.active { padding: 10px 15px; margin-top: 5px; opacity: 1; visibility: visible; height: auto; }
.btn-cart { text-transform: capitalize; }
.empty-cart { padding: 25px 30px; display: block; text-align: center; color: #23527c !important; width: 100%; }
.empty-cart i { color: red; font-size: 70px; }
.empty-cart p { margin: 15px 0px; color: #333; font-size: 18px; }
.click-show-kt { cursor: pointer; font-size: 14px; font-weight: 600; color: #5a5a5a; }
.filter_block { display: flex; padding: 0 1rem; margin-bottom: 1rem; }
.filter_title { font-weight: bold; font-size: 14px; align-items: center; padding-bottom: 10px; margin-bottom: 10px; margin-right: 1rem; font-size: 1.1rem; }
.filter_block ul { list-style: none; display: flex; }
.filter_block ul li { margin: 0 0.5rem; }
.filter_block ul li a { color: #777; display: flex; align-items: center; cursor: pointer; font-size: 1.1rem; }
.filter_block ul li a span { border: 1px solid #ddd; border-radius: 3px; width: 1rem; height: 1rem; display: block; position: relative; display: none; }
.filter_block ul li a.checked span:after { content: "\2713"; filter: brightness(0); font-size: 15px; position: absolute; top: -7px; right: -1px; z-index: 2; }
.btn-load-more-comment-parent { background: var(--maincolor) !important; border-color: var(--maincolor) !important; }
.fillter-background { position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.5); width: 100vw; height: 100vh; opacity: 0; visibility: hidden; z-index: 1001; }
.fillter-background.active { opacity: 1; visibility: visible; }
.fix-fillter { position: fixed; left: -15px; max-width: 300px; background: #fff; top: 0; width: 100%; padding: 0 10px; height: 100vh; padding-top: 3rem; z-index: 10; box-sizing: border-box; }
.fix-fillter h3 { font-size: 20px; padding-left: 15px; display: flex; justify-content: space-between; border-bottom: 1px solid #f6f6f6; padding-bottom: 10px; margin-bottom: 10px; }
#filter_color_choose li.color-fillter { display: inline-block; }
.filter_block ul li.color-fillter a i { width: 35px; height: 35px; border-radius: 50%; }
.filter_block ul li.color-fillter a { border-radius: 50%; border: 1px solid transparent; padding: 3px; }
.filter_block ul li.color-fillter a.checked { border-radius: 50%; border: 1px solid #f00; }
.color-fillter span { display: none; }
.fillter-button { width: 100%; display: flex; justify-content: end; }
.fillter-button span { padding: 7px 20px; border: 1px solid #ccc; border-radius: 5px; cursor: pointer; }
.title-product { position: relative; }
.fillter-button { position: absolute; right: 0; top: 0; }
.fix-fillter { left: -400px; transition: all 0.6s; }
.fix-fillter.active { left: -15px; transition: all 0.6s; }
.close-fillter { cursor: pointer; }

/* Footer */
footer { background-color: var(--maincolor); }
footer a { color: var(--footer-text-color); transition: all 0.5s; display: block; margin-block: 6px; position: relative; }
footer .footer-list a::before { position: absolute; content: ""; width: 100%; height: 1px; bottom: -1px; left: 0; background-color: #fff; scale: 0; transform-origin: left; transition: all 0.5s; }
footer a:hover { color: var(--footer-text-color-hover); }
footer .footer-list a:hover::before { scale: 1; }
footer .social-footer a:hover { transform: translateY(-5px); }
.footer-article { padding: 2rem 0; }
.footer-bottom { padding: 10px 0; text-align: center; display: var(--footer-bottom-public); background-color: var(--footer-bottom-bg); color: var(--footer-bottom-color); }
.footer-bottom { display: grid; grid-template-columns: auto auto; justify-content: space-between; align-items: center; width: 90%; margin: auto; }
.footer-bottom ul { display: flex; gap: 20px; align-items: center; margin-bottom: 0; }
.footer-bottom ul li img { background-color: #fff; border-radius: 50%; padding: 5px; }
.footer-bottom ul li a { font-size: 16px; }
.footer-bottom .footer-list { justify-content: start; }
.footer-bottom .social-footer { justify-content: end; }
.footer-bottom ul li a i { background-color: #fff; border-radius: 50%; width: 35px; height: 35px; font-size: 20px; color: var(--maincolor); display: inline-flex; justify-content: center; align-items: center; margin-right: 5px; }
.footer-bottom p { margin-bottom: 0; }
.footer-article .wrap-content { display: grid; grid-template-columns: 1.1fr 1.3fr 1fr; grid-gap: 180px; color: #fff; }
.header-title { border-bottom: 2px; text-align: center; margin-bottom: 10px; }
footer .header-title { padding-bottom: 0; margin-bottom: 0; }
footer .header-title { color: var(--maincolor); margin-bottom: 40px; text-transform: uppercase; }
.header-title { color: #000; font-weight: 700; font-size: 18px; margin: 0; }
.footer-menu { list-style: none; padding-inline-start: 0px; }
.footer-menu li { margin: 0.5rem auto; }
.footer-menu a { text-decoration: none; }
.footer-menu a:hover { color: var(--footer-text-color-hover); }

/* fanpage-footer */
.fanpage-footer { width: 29%; }
.footer-content { width: 100%; font-weight: 400; }
.footer-content p { display: flex; align-items: center; gap: 10px; }
.footer-content p img { width: 30px !important; height: 30px !important; object-fit: cover; }
.footer-content .content { text-align: left; }
.flex-star { align-items: flex-start; }
.box-newsletter { border: 1px solid #b3b3b3; padding: 20px; width: 55%; }
.social-footer { margin-top: 5px; }
.statistic { margin-bottom: 0; margin-top: 5px; }
.map-footer:hover { opacity: 0.8; }
.map-footer { font-size: 14px; color: #0d0d0d; font-weight: 400; display: inline-block; background: #f6ee1d; padding: 13px 25px; border-radius: 50px; display: inline-flex; align-items: center; }
.map-footer i { font-size: 22px; margin-right: 5px; }

/* chinh sach */

/*.info-footer { width: 35%; }
.info-footer ul { list-style: none; color: #fff; padding-left: 0; font-size: 12px; margin: 0; }
.info-footer li { position: relative; list-style: disc; margin: 15px 0px; padding-left: 0; list-style-position: inside; color: #1a1a1a; font-size: 15px; }
.info-footer li:first-child { margin-top: 0; }
.info-footer li i { margin: 0 5px 0 0px; font-size: 14px; }
.info-footer li:last-child { border: 0; }
.info-footer li a { position: relative; color: #1a1a1a; font-size: 15px; font-weight: 400; text-transform: capitalize; font-family: 'Barlow', sans-serif; }
.info-footer li a:hover { text-decoration: underline; }*/

/*.fanpage { width: 29%; }
.footer-map { width: 29%; }*/
#footer-map iframe { position: relative; width: 100%; height: 270px; }
.wrap-product-nb { margin: 1rem auto; }
.wrap-product-nb .wrap-content { position: relative; }
.wrap-product-nb .product-s19-header .header-title .header { margin: 0; display: block; background-color: var(--maincolor); color: #fff; font-size: 28px; font-weight: 700; padding: 0; position: relative; }
.wrap-product-nb .product-s19-header .header-title { display: flex; grid-gap: 10px; align-items: center; background: var(--maincolor); border-radius: 0 30px 30px 0; padding: 3px 5px 4px 30px; }
.wrap-product-nb .product-s19-header .header-title img { height: 50px; margin-left: 10px; }
.product-s19-categories ul { max-width: 100%; overflow-x: auto; overflow-y: hidden; white-space: normal; padding: 0; margin: 0; text-align: right; }
.wrap-product-nb .product-s19-categories ul li { display: inline-block; cursor: pointer; flex-shrink: 0; margin: 0 10px 0px 0; }
.wrap-product-nb .product-s19-categories ul li a { background: #ffffff; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-color: var(--maincolor); border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; color: var(--maincolor); font-weight: 700; line-height: 20px; text-align: center; text-decoration: none !important; }
.wrap-product-nb .product-s19-categories ul li a { display: flex; align-items: center; color: var(--maincolor); padding: 0 15px; height: 35px; line-height: 35px; background-color: #fff; border-radius: 5px; }
.wrap-product-nb .product-s19-categories ul li a.active, .wrap-product-nb .product-s19-categories ul li a:hover { color: #ffffff; border-color: var(--maincolor); background: var(--maincolor); }
.wrap-product-nb .product-s19-header-wrapper { background-color: #f5f5f5; display: flex; align-items: center; justify-content: space-between; margin-bottom: 2rem; border-top: 4px solid var(--maincolor); }
.control-product-item, .control-product-item-hot { opacity: 0; }
.wrap-product-nb:hover .control-product-item, .show-product:hover .control-product-item-hot { opacity: 1; transition: all 0.6s; }

/* Like Share */
.social-plugin { display: flex; justify-content: flex-start; margin-top: 10px; }
.social-plugin .at-share-btn { margin-bottom: 0px !important; }
.social-plugin .zalo-share-button { margin-left: 3px; }

/* Paging */
.pagination-home .pagination .page-item .page-link { color: #555555; font-size: 0.875rem; }
.pagination-home .pagination .page-item.active .page-link { color: #ffffff; background-color: #555555; border-color: #555555; }

/* Paging Ajax */
.pagination-ajax { text-align: center; margin-top: 20px; }
.pagination-ajax a { display: inline-block; vertical-align: top; margin: 0px 3px 3px 3px; width: 35px; height: 35px; line-height: 33px; color: #666 !important; border: 1px solid #e6e6e6; font-size: 13px; cursor: pointer; text-decoration: none !important; background-color: #e6e6e6; }
.pagination-ajax a.current, .pagination-ajax a:hover { color: #ffffff !important; border-color: #1a3079; background-color: #1a3079; }
.pagination-ajax a.first, .pagination-ajax a.last, .pagination-ajax a.prev, .pagination-ajax a.next { text-indent: -9999px; position: relative; background-color: #ffffff !important; }
.pagination-ajax a.first:before, .pagination-ajax a.last:before, .pagination-ajax a.prev:before, .pagination-ajax a.next:before { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 2; background-color: transparent; background-repeat: no-repeat; background-position: center; }
.pagination-ajax a.first:before { background-image: url(../images/page-first.png); }
.pagination-ajax a.last:before { background-image: url(../images/page-last.png); }
.pagination-ajax a.prev:before { background-image: url(../images/page-prev.png); }
.pagination-ajax a.next:before { background-image: url(../images/page-next.png); }

/* Popup */
#popup .modal-body { padding: 0px; }

/* Hidden Google Captcha */
.grecaptcha-badge { display: none !important; width: 0px !important; height: 0px !important; visibility: hidden !important; overflow: hidden; }

/* Hidden Check Grammar Coccoc */
.coccocgrammar { display: none; }

/* Scroll Top */
.scrollToTop { width: 41px; height: 41px; text-align: center; font-weight: bold; color: #444; text-decoration: none; position: fixed; bottom: 65px; right: 25px; display: none; z-index: 10; cursor: pointer; }

/* Text Hide */
.text-split { overflow: hidden; text-overflow: ellipsis; white-space: normal; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 3; }

/* Transition All */
.transition { -webkit-transition: 0.3s ease-out; -moz-transition: 0.3s ease-out; -o-transition: 0.3s ease-out; transition: 0.3s ease-out; }

/* Scale IMG */
.scale-img { overflow: hidden; display: block; }
.scale-img img { -webkit-transition: 0.3s ease-out; -moz-transition: 0.3s ease-out; -o-transition: 0.3s ease-out; transition: 0.3s ease-out; -moz-transform: scale(1, 1); -webkit-transform: scale(1, 1); -o-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); }
.scale-img:hover > img { -webkit-transition: 0.3s ease-out; -moz-transition: 0.3s ease-out; -o-transition: 0.3s ease-out; transition: 0.3s ease-out; -moz-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }

/* Blink */
.blink { -webkit-animation-name: blink; -webkit-animation-duration: 1s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; -moz-animation-name: blink; -moz-animation-duration: 1s; -moz-animation-timing-function: linear; -moz-animation-iteration-count: infinite; animation-name: blink; animation-duration: 1s; animation-timing-function: linear; animation-iteration-count: infinite; }
@-moz-keyframes blink {
   0% { opacity: 1; }
   50% { opacity: 0; }
   100% { opacity: 1; }
}
@-webkit-keyframes blink {
   0% { opacity: 1; }
   50% { opacity: 0; }
   100% { opacity: 1; }
}
@keyframes blink {
   0% { opacity: 1; }
   50% { opacity: 0; }
   100% { opacity: 1; }
}

/* Button Frame */
.btn-frame { display: block; width: 50px; height: 50px; position: fixed; right: 20px; z-index: 10; cursor: pointer; }
.btn-frame i { display: flex; display: -ms-flex; justify-content: center; align-items: center; -ms-flex-align: center; width: 50px; height: 50px; border-radius: 50%; background: var(--color-main); position: relative; z-index: 1; }
.btn-frame i img { vertical-align: middle; width: 70%; }
.btn-frame .animated.infinite { animation-iteration-count: infinite; }
.btn-frame .kenit-alo-circle { width: 60px; height: 60px; top: -5px; right: -5px; position: absolute; background-color: transparent; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid rgba(7, 41, 103, 0.8); opacity: 0.1; border-color: var(--color-main); opacity: 0.5; }
.btn-frame .zoomIn { animation-name: zoomIn; }
.btn-frame .animated { animation-duration: 1s; animation-fill-mode: both; }
.btn-frame .kenit-alo-circle-fill { width: 70px; height: 70px; top: -10px; right: -10px; position: absolute; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid transparent; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; background-color: rgba(7, 41, 103, 0.35); opacity: 0.4; }
.btn-frame .pulse { animation-name: pulse; }

/* Shopee */
.btn-shopee { bottom: 390px; }

/* Zalo */
.btn-zalo { bottom: 315px; }

/* Phone */
.btn-phone { bottom: 230px; }

/* Messenger */
.js-facebook-messenger-container.closed, .js-facebook-messenger-tooltip.closed { display: none !important; }
.js-facebook-messenger-tooltip { bottom: 97px; right: 97px; }
.js-facebook-messenger-tooltip { color: #404040; background: #fff; }
.js-facebook-messenger-box, .js-facebook-messenger-button, .js-facebook-messenger-tooltip { z-index: 999; }
.js-facebook-messenger-tooltip { display: none; position: fixed; text-align: center; border-radius: 10px; overflow: hidden; font-size: 12px; line-height: 1; padding: 10px; border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: rgba(0, 0, 0, 0.15) 0 2pt 10pt; z-index: 1e30; }
.js-facebook-messenger-close-tooltip { width: 10px; height: 10px; display: inline-block; cursor: pointer; margin-left: 10px; }
.js-facebook-messenger-box.rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; }
.js-facebook-messenger-box.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.js-facebook-messenger-box, .js-facebook-messenger-button, .js-facebook-messenger-tooltip { z-index: 999; }
.js-facebook-messenger-box { display: block; position: fixed; cursor: pointer; bottom: 150px; right: 17px; width: 56px; height: 56px; text-align: center; background: var(--color-main); border-radius: 100%; overflow: hidden; z-index: 99; -webkit-box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.3); -moz-box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.3); box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.3); }
.js-facebook-messenger-box.rotate svg#fb-msng-icon { transform: rotate(0deg); }
.js-facebook-messenger-box svg#fb-msng-icon { width: 32px; height: 33px; position: absolute; top: 13px; left: 12px; opacity: 1; overflow: hidden; -webkit-transition: opacity 160ms ease-in-out, transform 160ms ease-in-out; -moz-transition: opacity 160ms ease-in-out, transform 160ms ease-in-out; -o-transition: opacity 160ms ease-in-out, transform 160ms ease-in-out; transition: opacity 160ms ease-in-out, transform 160ms ease-in-out; }
.js-facebook-messenger-box.rotate svg#close-icon { transform: rotate(-45deg); }
.js-facebook-messenger-box svg#close-icon { opacity: 0; width: 19px; height: 20px; position: absolute; top: 19px; left: 19px; -webkit-transition: opacity 160ms ease-in-out, transform 160ms ease-in-out; -moz-transition: opacity 160ms ease-in-out, transform 160ms ease-in-out; -o-transition: opacity 160ms ease-in-out, transform 160ms ease-in-out; transition: opacity 160ms ease-in-out, transform 160ms ease-in-out; }
.js-facebook-messenger-container, .js-facebook-messenger-container-button { z-index: 1000; }
.js-facebook-messenger-container { position: fixed; opacity: 0; transform: translateY(50px); bottom: 110px; right: 90px; border-radius: 10px; pointer-events: none; box-shadow: 0 1px 6px rgba(0, 0, 0, 0.06), 0 2px 32px rgba(0, 0, 0, 0.16); -webkit-transition: transform 160ms ease-in-out, opacity 160ms ease-in-out; -moz-transition: transform 160ms ease-in-out, opacity 160ms ease-in-out; -o-transition: transform 160ms ease-in-out, opacity 160ms ease-in-out; transition: transform 160ms ease-in-out, opacity 160ms ease-in-out; }
.js-facebook-messenger-top-header { width: 220px; }
.js-facebook-messenger-top-header { color: #ffffff; background: #1182fc; }
.js-facebook-messenger-top-header { display: block; position: relative; width: 220px; background: #1182fc; color: #ffffff; text-align: center; line-height: 1; padding: 10px; font-size: 14px; border-top-left-radius: 10px; border-top-right-radius: 10px; }
.js-facebook-messenger-container iframe, .js-facebook-messenger-container-button iframe { border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }
.js-facebook-messenger-box, .js-facebook-messenger-button, .js-facebook-messenger-tooltip { z-index: 999; }
.js-facebook-messenger-container, .js-facebook-messenger-container-button { z-index: 1000; }
.js-facebook-messenger-top-header { color: #ffffff; background: #1182fc; }
.js-facebook-messenger-top-header { width: 220px; }
.js-facebook-messenger-tooltip { color: #404040; background: #fff; }
.js-facebook-messenger-container.open { transform: translateY(0px); opacity: 1; pointer-events: all; }
.js-facebook-messenger-tooltip { bottom: 97px; right: 97px; }
.js-facebook-messenger-box.open svg#fb-msng-icon { opacity: 0; }
.js-facebook-messenger-box.rotate.open svg#close-icon { transform: rotate(0deg); }
.js-facebook-messenger-box.open svg#close-icon { opacity: 1; }

/* Cart Fix */
.cart-fixed { position: fixed; right: 20px; bottom: 460px; z-index: 10; background: #4b4f56; width: 50px; height: 50px; text-align: center; color: #fff !important; border-radius: 100%; display: flex; align-items: center; justify-content: center; }
.cart-fixed i { font-size: 20px; }
.cart-fixed span { position: absolute; top: 0px; right: -5px; color: #ffffff; width: 25px; height: 25px; background: var(--color-red); text-align: center; line-height: 25px; font-size: 11px; border-radius: 100%; }

/* Toolbar */
.toolbar { background: var(--color-red); width: 100%; padding: 3vw; bottom: 0px; position: fixed; z-index: 500; height: auto; left: 0px; display: none; }
.toolbar ul { list-style: none; display: flex; align-items: center; justify-content: space-between; padding: 0px; margin: 0px; }
.toolbar ul li { text-align: center; width: 25%; }
.toolbar ul li a { display: block; width: 100%; cursor: pointer; }
.toolbar ul li a img { height: 6vw; width: auto; }
.toolbar ul li a span { font-weight: 400; color: #ffffff; font-size: 3.5vw; display: none; }

/* Fixbar */
.fixbar { bottom: 0; display: block; background: #f0eff4; border-top: 1px solid #ddd; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: fixed; margin: 0; z-index: 500; -webkit-backface-visibility: hidden; backface-visibility: hidden; height: 50px; }
.fixbar ul { margin: 0px; padding: 0px; list-style: none; }
.fixbar ul li { display: inline-block; margin: 0 auto 10px; text-align: center; width: 25%; float: left; }
.fixbar .icon-cart-mobile, .fixbar .icon-cart-new, .fixbar .icon-home-new, .fixbar .icon-hotdeal-new { width: 20px; height: 20px; display: block; margin: 8px auto 0; }
.fixbar .icon-cart-mobile { background: url(../images/cart-mobile.png) no-repeat; }
.cart-total-header-mobile { font-size: 10px; position: absolute; background: red; color: #fff !important; border-radius: 50%; height: 15px; width: 15px; line-height: 15px; top: 5px; margin-left: 5px; }
.fixbar ul li a { font-size: 11px; text-decoration: none; color: #333; }
.fixbar ul li a i { font-size: 20px; }

/* Plugbar */
.plugbar { position: fixed; bottom: 0; left: 0; border-top: 1px solid #eae6e6; width: 100%; right: 0; max-width: 767px; margin: 0 auto; background: #ffffff; padding: 9px 10px 10px 7px; z-index: 10; }
.plugbar ul { list-style: none; padding: 0; margin: 0px; display: -webkit-flex; display: -moz-flex; display: flex; justify-content: space-between; align-items: center; }
.plugbar ul li { width: 20%; float: left; }
.plugbar ul li a { display: block; color: #696969; font-size: 12px; text-align: center; position: relative; }
.plugbar ul li a i { font-size: 20px; color: #696969; }
.plugbar ul li a span { position: absolute; width: 50px; height: 50px; top: -40px; left: calc(50% - 50px / 2); font-size: 14px; display: block; border: 1px solid rgba(234, 230, 230, 0.5); border-radius: 100%; }

/* Combo Phone */
.support-online .animated.infinite { animation-iteration-count: infinite; }
.support-online .animated { animation-duration: 1s; animation-fill-mode: both; }
.support-online .zoomIn { animation-name: zoomIn; }
.support-online .pulse { animation-name: pulse; }
.support-online { position: fixed; z-index: 999; left: 10px; bottom: 0px; }
.support-online a { position: relative; margin: 20px 10px; text-align: left; width: 40px; height: 40px; }
.support-online i { width: 40px; height: 40px; background: #43a1f3; color: #ffffff; border-radius: 100%; font-size: 20px; text-align: center; line-height: 1.9; position: relative; z-index: 999; }
.support-online a span { border-radius: 2px; text-align: center; background: rgb(103, 182, 52); padding: 9px; display: none; width: 180px; margin-left: 10px; position: absolute; color: #ffffff; z-index: 999; top: 0px; left: 40px; transition: all 0.2s ease-in-out 0s; -moz-animation: headerAnimation 0.7s 1; -webkit-animation: headerAnimation 0.7s 1; -o-animation: headerAnimation 0.7s 1; animation: headerAnimation 0.7s 1; }
.support-online a:hover span { display: block; }
.support-online a { display: block; }
.support-online a span:before { content: ""; width: 0; height: 0; border-style: solid; border-width: 10px 10px 10px 0; border-color: transparent rgb(103, 182, 52) transparent transparent; position: absolute; left: -10px; top: 10px; }
.support-online .kenit-alo-circle-fill { width: 60px; height: 60px; top: -10px; position: absolute; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid transparent; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; background-color: rgba(0, 175, 242, 0.5); opacity: 0.75; right: -10px; }
.support-online .kenit-alo-circle { width: 50px; height: 50px; top: -5px; right: -5px; 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); opacity: 0.1; border-color: #0089b9; opacity: 0.5; }
.support-online .support-online .btn-support { cursor: pointer; }
.support-online .mes i { background: orange; }
.support-online .sms i { background: red; }
.support-online .call-now i { background: green; }

/* Phone Switch */
.widget-mobile { position: fixed; left: 50%; transform: translateX(-50%); bottom: 10px; z-index: 9999999; }
#my-phone-circle { position: relative; width: 50px !important; height: 50px !important; }
.wcircle-open .wcircle-icon i:before { content: "\f00d"; }
.wcircle-icon { background: #1282fc; border-radius: 50%; display: flex !important; display: -ms-flex !important; align-items: center; -ms-flex-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative !important; }
.wcircle-icon:before { position: absolute; content: ""; width: 60px; height: 60px; background: rgba(18, 130, 252, 0.5); border: 1px solid #ffffff; border-radius: 50%; left: -5px; top: -5px; -webkit-animation: pulse 1s infinite ease-in-out; -moz-animation: pulse 1s infinite ease-in-out; -ms-animation: pulse 1s infinite ease-in-out; -o-animation: pulse 1s infinite ease-in-out; animation: pulse 1s infinite ease-in-out; }
.wcircle-icon:after { position: absolute; content: ""; width: 80px; height: 80px; background: rgba(18, 130, 252, 0.5); border-radius: 50%; left: -15px; top: -15px; -webkit-animation: zoomIn 2s infinite ease-in-out; -moz-animation: zoomIn 2s infinite ease-in-out; -ms-animation: zoomIn 2s infinite ease-in-out; -o-animation: zoomIn 2s infinite ease-in-out; animation: zoomIn 2s infinite ease-in-out; }
.wcircle-menu { position: absolute !important; left: 0; top: 0; display: none; }
.wcircle-menu-item { width: 50px; height: 50px; background: #1282fc; border-radius: 50%; display: flex; display: -ms-flex; align-items: center; -ms-flex-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.wcircle-menu-item img { width: 50px; height: 50px; display: block; border-radius: 50%; }
.wcircle-menu-item i, .wcircle-icon i { font-size: 25px; color: #ffffff; position: relative; z-index: 9999; }
.shake-anim { -webkit-animation: shake-anim 1s infinite ease-in-out; -moz-animation: shake-anim 1s infinite ease-in-out; -ms-animation: shake-anim 1s infinite ease-in-out; -o-animation: shake-anim 1s infinite ease-in-out; animation: shake-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%; }
@-moz-keyframes shake-anim {
   0% { transform: rotate(0) scale(1) skew(1deg); }
   10%, 30% { -moz-transform: rotate(-25deg) scale(1) skew(1deg); }
   20%, 40% { -moz-transform: rotate(25deg) scale(1) skew(1deg); }
   100%, 50% { -moz-transform: rotate(0) scale(1) skew(1deg); }
}
@-webkit-keyframes shake-anim {
   0%, 100%, 50% { -webkit-transform: rotate(0) scale(1) skew(1deg); }
   10%, 30% { -webkit-transform: rotate(-25deg) scale(1) skew(1deg); }
   20%, 40% { -webkit-transform: rotate(25deg) scale(1) skew(1deg); }
}
@-o-keyframes shake-anim {
   0%, 100%, 50% { -o-transform: rotate(0) scale(1) skew(1deg); }
   10%, 30% { -o-transform: rotate(-25deg) scale(1) skew(1deg); }
   20%, 40% { -o-transform: rotate(25deg) scale(1) skew(1deg); }
}
@-webkit-keyframes hvr-pulse-shrink {
   to { -webkit-transform: scale(0.9); transform: scale(0.9); }
}
@keyframes hvr-pulse-shrink {
   to { -webkit-transform: scale(0.9); transform: scale(0.9); }
}
.hvr-pulse-shrink { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; }
.hvr-pulse-shrink:active, .hvr-pulse-shrink:focus, .hvr-pulse-shrink:hover { -webkit-animation-name: hvr-pulse-shrink; animation-name: hvr-pulse-shrink; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; cursor: pointer; }
.rows_1 { -webkit-line-clamp: 1; }
.rows_2 { -webkit-line-clamp: 2; }
.rows_3 { -webkit-line-clamp: 3; }
.rows_4 { -webkit-line-clamp: 4; }
.rows_5 { -webkit-line-clamp: 5; }

/*Title index*/
.title-index { width: 100%; text-align: left; margin-bottom: 2em; }
.title-index h2 { font-size: 1.6em; font-weight: 700; text-transform: uppercase; color: black; position: relative; display: inline-block; }
.title-index h2:after { position: absolute; left: 0; height: 3px; background: var(--maincolor); width: 100%; bottom: -3px; content: ""; }

/* Menu */
.menu { position: relative; z-index: 10; width: 100%; }
.menu ul li { position: relative; z-index: 1; }
.menu ul li.line { width: 1px; height: 15px; background-color: rgba(0, 0, 0, 0.1); }
.menu ul li a { display: block; position: relative; color: black; text-decoration: none !important; height: 100%; text-align: left; }
.menu ul li a.has-child { padding-right: 16px; margin-right: 8px; }
.menu ul li a.has-child:after { content: ""; position: absolute; bottom: calc(50% - 4px / 2); right: 5px; width: 5px; height: 5px; border: 1px solid #fafafa; border-top: 0px; border-left: 0px; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.menu > ul > li a.active, .menu > ul > li:hover > a { background: url(../images/img/css.png) no-repeat bottom; }
.menu ul li ul { position: absolute; min-width: 250px; background-color: #fafafa; border-radius: 0.25rem; -webkit-box-shadow: 1px 1px 15px rgb(0 0 0 / 15%); box-shadow: 1px 1px 15px rgb(0 0 0 / 15%); -webkit-transform: perspective(600px) rotateX(-90deg); transform: perspective(600px) rotateX(-90deg); -webkit-transform-origin: 0 0 0; transform-origin: 0 0 0; opacity: 0; visibility: hidden; transition: all 0.5s; line-height: normal !important; height: auto !important; left: 0; top: 100%; }
.menu ul li:hover > ul { -webkit-transform: perspective(600px) rotateX(0); transform: perspective(600px) rotateX(0); -webkit-transform-origin: 0 0 0; opacity: 1; visibility: visible; transition: all 0.7s; }
.menu ul li ul li { padding-left: 0.75rem; padding-right: 0.75rem; }
.menu ul li ul li a { font-weight: 600; font-size: 14px; text-align: left; color: #313131; border-bottom: 1px solid #ececec; }
.menu ul li ul li:last-child > a { border-bottom: 0px; }
.menu ul li ul li a.has-child { margin-right: 0px; }
.menu ul li ul li a.has-child:after { border-color: #313131; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.menu ul li ul li a.active, .menu ul li ul li:hover > a { color: var(--color-red); }
.menu ul li ul li:hover > a.has-child:after, .menu ul li ul li a.active.has-child:after { border-color: var(--color-red); }
.menu ul li ul li a { padding: 10px 0px 9px 0px; text-transform: capitalize; }
.menu ul li ul li ul { left: 100%; margin-top: 0px; top: 0; }

/* Flickering animation */
@keyframes flicker {
   0%, 18%, 22%, 25%, 53%, 57%, 100% { text-shadow: 0 0 4px #fc0, 0 0 11px #fc0, 0 0 19px #fc0, 0 0 40px #fff, 0 0 80px #fff, 0 0 90px #fff, 0 0 100px #fff, 0 0 150px #fff; }
   20%, 24%, 55% { text-shadow: none; }
}
.hidden-menu { visibility: hidden; opacity: 0; }

/*Catagory*/
.wrap-catagory { padding: 3rem 0; margin-top: 1rem; }
.wrap-project .wrap-content > .heading, .wrap-project .wrap-content > .heading, .wrap-workflow .wrap-content > .heading, .wrap-news .wrap-content > .heading, .wrap-customer .wrap-content > .heading, .wrap-video .wrap-content > .heading { text-transform: uppercase; margin-left: 20px; font-weight: 700; font-size: 30px; display: block; margin-bottom: 30px; }
.wrap-catagory .catagory-list { overflow: hidden; }
.wrap-catagory .catagory-list .slick-track { display: flex; gap: 20px; }
.wrap-catagory .catagory-list .item { display: flex !important; align-items: center; background-color: #eeeeee; margin-block: 20px; }
.wrap-catagory .item .img { }
.wrap-catagory .item:hover .img { }
.wrap-catagory .item .img .img-inner { overflow: hidden; border-top-right-radius: 100px; border-bottom-left-radius: 100px; }
.wrap-catagory .item .img .img-inner a { }
.wrap-catagory .item .img .img-inner a img { }
.wrap-catagory .item .title { margin: 10px 5px 0px 10px; }
.wrap-catagory .item .title .heading { margin: 0; }
.wrap-catagory .item .title .heading a { color: #000; font-size: 20px; font-weight: 700; transition: all 0.5s; }
.wrap-catagory .item:hover .title .heading a { color: var(--maincolor); }
.wrap-catagory .displayHorizontal .slick-slide { margin: 0 calc(var(--bs-gutter-x) / 2); }
.wrap-catagory .displayHorizontal .slick-list { margin: 0 calc(var(--bs-gutter-x) / -2); }
.wrap-catagory .displayList { display: grid; grid-template-columns: repeat(var(--numberShow), 1fr); grid-gap: var(--bs-gutter-x); }
.wrap-catagory .box-content:hover .control-catagory { opacity: 1; }
.control-catagory { opacity: 0; }
@media (max-width:991px) {
   .wrap-catagory .displayList { grid-template-columns: repeat(var(--numberShowTablet), 1fr); }
}
@media (max-width:600px) {
   .wrap-catagory .displayList { grid-template-columns: repeat(var(--numberShowMobile), 1fr); }
}

/*Product Hot*/
.wrap-product-hot { width: 100%; margin-top: 2rem; margin-bottom: 3.5rem; }
.wrap-product-hot { overflow: hidden; }
.show-product { padding: 20px 5px; position: relative; }
.wrap-problem { padding-block: 100px; position: relative; overflow: hidden; }
.wrap-problem::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url("../images/bg-problem.svg") no-repeat center center; background-size: cover; animation: rotate360 50s linear infinite; scale: 1.5; opacity: 0.5; z-index: -1; }
.menu-mobile { display: none; }
@keyframes rotate360 {
   0% { transform: rotate(0deg); }
   100% { transform: rotate(360deg); }
}
.wrap-problem .wrap-content .heading { text-align: center; }
.wrap-problem .wrap-content .heading .title { font-style: normal; font-weight: 700; font-size: 50px; background: linear-gradient(89.79deg, #017571 32.94%, #ff8d1d 116.91%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; margin-bottom: 15px; max-width: 1150px; margin: auto; }
.wrap-problem .wrap-content .heading .sub { font-weight: 500; font-size: 18px; line-height: 23px; color: var(--maincolor); margin-block: 20px; }
.wrap-content .heading .button { gap: 10px; display: flex; margin-left: 10px; align-items: center; }
.wrap-problem .problem-list { display: grid; grid-gap: 10px; justify-content: center; align-content: center; margin-top: 50px; }
.wrap-content .problem-list .item:nth-child(1) { grid-column: 3 / span 2; grid-row: 2 / span 2; }
.wrap-content .problem-list .item:nth-child(2) { grid-column: 5; grid-row: 1 / span 2; }
.wrap-content .problem-list .item:nth-child(3) { grid-column: 5; grid-row: 3 / span 2; }
.wrap-content .problem-list .item:nth-child(4) { grid-column: 6 / span 2; grid-row: 2 / span 2; }
.wrap-content .problem-list .item:nth-child(5) { grid-column: 1; grid-row: 1 / span 4; align-content: center; justify-items: end; }
.wrap-content .problem-list .item:nth-child(6) { grid-column: 2 / span 1; grid-row: 2; align-content: end; }
.wrap-content .problem-list .item:nth-child(7) { grid-column: 2 / span 1; grid-row: 3; justify-items: end; }
.wrap-content .problem-list .item:nth-child(8) { grid-column: 3; grid-row: 1; align-content: end; justify-content: end; margin-bottom: 10px; margin-right: -50px; }
.wrap-content .problem-list .item:nth-child(8) .problem-box, .wrap-content .problem-list .item:nth-child(7) .problem-box { padding: 25px; }
.wrap-content .problem-list .item:nth-child(9) { grid-column: 4 / span 1; grid-row: 1; align-content: end; }
.wrap-content .problem-list .item:nth-child(9) .problem-box { padding: 20px; }
.wrap-content .problem-list .item:nth-child(10) { grid-column: 3 / span 1; grid-row: 4 / span 1; }
.wrap-content .problem-list .item:nth-child(10) .problem-box { padding: 15px; }
.wrap-content .problem-list .item:nth-child(11) { grid-column: 4; grid-row: 4; justify-items: start; }
.wrap-content .problem-list .item:nth-child(12) { grid-column: 6; grid-row: 1; justify-items: end; align-content: end; margin-bottom: 10px; margin-right: -10px; }
.wrap-content .problem-list .item:nth-child(13) { grid-column: 7; grid-row: 1; justify-items: start; align-content: end; margin-bottom: 20px; margin-left: 10px; }
.wrap-content .problem-list .item:nth-child(13) .problem-box { padding: 15px; }
.wrap-content .problem-list .item:nth-child(14) { grid-column: 6; grid-row: 4; }
.wrap-content .problem-list .item:nth-child(15) { grid-column: 7; grid-row: 4; justify-items: center; }
.wrap-content .problem-list .item:nth-child(15) .problem-box { padding: 15px; }
.wrap-content .problem-list .item:nth-child(16) { grid-column: 9; grid-row: 2; align-content: center; }
.wrap-content .problem-list .item:nth-child(17) { grid-column: 9; grid-row: 3; align-content: center; margin-right: -30px; }
.wrap-content .problem-list .item:nth-child(18) { grid-column: 10; grid-row: 1 / span 4; align-content: center; margin-left: 20px; }
.wrap-content .problem-list .item:nth-child(-n + 4) .problem-box { height: 285px; display: flex; flex-direction: column; justify-content: center; }
.wrap-content .problem-list .item:nth-child(-n + 4) .problem-box:hover { transform: translateY(0); }
.wrap-content .problem-list .item:nth-child(-n + 4) .img img { width: 74px; margin: auto; display: block; }
.wrap-problem .problem-list .item { justify-items: center; max-width: 210px; }
.wrap-problem .problem-list .item .problem-box { background: #ffffff; border-radius: 10px; padding: 30px; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1); position: relative; overflow: hidden; transition: all 0.5s; }
.wrap-problem .problem-list .item .problem-box:hover { transform: translateY(-5px); }
.wrap-problem .problem-list .item .problem-box .img img { margin: auto; display: block; }
.wrap-problem .problem-list .item .problem-box .title-2 { display: none; }
.wrap-problem .problem-list .item .problem-box .title, .wrap-problem .problem-list .item .problem-box .title-2 { font-weight: 600; font-size: 16px; line-height: 23px; text-align: center; color: var(--maincolor); margin-top: 10px; text-transform: capitalize; }
.wrap-problem .problem-list .item .problem-box .content-nb { position: absolute; content: ""; width: 100%; height: 100%; background-color: var(--text-color); inset: 0; border-radius: 12px; padding: 30px 20px; color: #fff; transform: translateY(100%); opacity: 0; transition: all 1s; transform-origin: bottom; }
.wrap-problem .problem-list .item .problem-box:hover .content-nb { transform: translateY(0); opacity: 1; z-index: 1; }
.wrap-problem .problem-list .item .problem-box .problem-show { opacity: 1; transition: all 1s; }
.wrap-problem .problem-list .item .problem-box:hover .problem-show { opacity: 0; }
.wrap-problem .problem-list .item .problem-box .content-nb .title, .wrap-problem .problem-list .item .problem-box a { color: #fff; }
.wrap-problem .problem-list .item .problem-box .content-nb .desc { text-align: center; }
.wrap-problem .problem-list .item .problem-box .desc.text-split { line-clamp: 5; -webkit-line-clamp: 5; }
.wrap-problem .problem-list .item .problem-box .content-nb a { text-decoration: underline; display: block; text-align: center; margin-top: 20px; }
.wrap-problem .problem-list .item .problem-box .content { position: absolute; background-color: var(--text-color); color: #fff; padding: 10px; border: 1px solid var(--text-color); box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1); border-radius: 12px; bottom: 102%; right: 50%; width: 150px; z-index: 1; opacity: 0; transform: scaleY(0); transform-origin: bottom; transition: all 0.5s; }
.wrap-problem .problem-list .item .problem-box:hover .content { opacity: 1; transform: scaleY(1); transition: all 0.5s; }
.wrap-problem { position: relative; }
.wrap-problem .icon-social .icon { position: absolute; z-index: -1; }
.wrap-problem .icon-social .icon:nth-child(1) { top: 35%; left: 20%; }
.wrap-problem .icon-social .icon:nth-child(2) { top: 26%; left: 27%; rotate: 90deg; z-index: -1; }
.wrap-problem .icon-social .icon:nth-child(3) { bottom: 15%; left: 17%; }
.wrap-problem .icon-social .icon:nth-child(4) { bottom: 15%; right: 27%; scale: 0.8; }
.wrap-problem .icon-social .icon:nth-child(5) { top: 40%; right: 14%; scale: 0.9; }
.wrap-problem .icon-social .icon:nth-child(6) { top: 24%; right: 14%; scale: 0.8; }
.wrap-problem .icon-social .icon:nth-child(7) { top: 55%; left: 11%; rotate: -5deg; scale: 0.9; }
.wrap-problem .icon-social .icon:nth-child(8) { top: 42%; right: 7%; scale: 0.9; }
.wrap-problem .icon-social .icon:nth-child(9) { bottom: 12%; right: 15%; scale: 0.9; }
.product-hot-img-nav { overflow: hidden; }
.product-hot-img-nav .slick-current.slick-active { border: 1px solid var(--btn-red); }
.product-hot-img-nav .slick-slide { margin: 10px; }
.wrap-product .heading .title { line-height: 1; }
.wrap-product .heading .title .name { font-size: 52px; font-weight: 700; -webkit-text-stroke: 1px #ff0446; color: transparent; display: block; line-height: 1; margin-block: 3px; }
.wrap-product .heading .title .sub { color: var(--text-color); font-size: 35px; font-weight: 700; }
.wrap-product .button .btn { width: 100%; border: 1px solid var(--maincolor); padding: 6px 10px; border-radius: 0; outline: 0; box-shadow: 5px 5px 0 0 var(--maincolor); -webkit-box-shadow: 5px 5px 0 0 var(--maincolor); -moz-box-shadow: 5px 5px 0 0 var(--maincolor); text-transform: uppercase; color: var(--maincolor-2); transform: all 0.3s; }
.product-hot-img-nav .slick-track { display: flex; }
.wrap-product .button .btn:hover { box-shadow: -5px 5px 0 0 var(--maincolor); -webkit-box-shadow: -5px 5px 0 0 var(--maincolor); -moz-box-shadow: -5px 5px 0 0 var(--maincolor); }
.wrap-content .heading .button .btn-cate i { display: flex; align-items: center; justify-content: center; border-radius: 50%; width: 34px; height: 34px; background-color: var(--maincolor); cursor: pointer; }
.wrap-product-hot .wrap-content .banner-title { padding-block: 30px; }
.wrap-product .product-hot-img { position: relative; }
.wrap-product .product-hot-img img { width: 100%; }
.wrap-product .product-hot-img:hover .btn-slick.next { right: 40px; opacity: 1; }
.wrap-product .product-hot-img:hover .btn-slick.prev { left: 40px; opacity: 1; }
.wrap-product .wrap-content .banner-title { padding-block: 40px; }
.wrap-product .show-product { position: relative; }
.button .btn-slick { background-color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); position: absolute; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 5px; top: 50%; transform: translateY(-50%); transition: all 0.5s; cursor: pointer; }
.button .btn-slick.next { right: 0; opacity: 0; }
.button .btn-slick.prev { left: 0; opacity: 0; }
.show-product:hover .button .btn-slick.next { right: 40px; opacity: 1; }
.show-product:hover .button .btn-slick.prev { left: 40px; opacity: 1; }
.cat-list-nav { padding-top: 62px; padding-bottom: 22px; }
.cat-list-nav-hot { display: flex; justify-content: flex-end; overflow: hidden; flex: 1; }
.box-product .item-product { border: 1px solid var(--border-color-product); margin: 10px; }
.box-product .item-product .content-product { margin: 10px; }
.box-product .item-product .content-product .name { -webkit-line-clamp: 2; }
.wrap-product .product-list .slick-slide { margin: 10px; }
.wrap-product .product-list { margin-left: -21px; }
.box-product .item-product .content-product .info { display: flex; justify-content: space-between; align-items: center; line-height: 15px; }
.box-product .item-product .content-product .price-product { color: var(--btn-red); font-size: 16px; font-weight: 500; margin-block: 12px; }
.box-product .item-product .content-product .info .comment-star i { font-size: 11px; color: var(--star-color); }
.wrap-product-hot .cat-list-nav .item { }
.cat-list-nav .item:hover a, .cat-list-nav .item a.active, .cat-list-nav-hot .item:hover a, .cat-list-nav-hot .item a.active { background-color: var(--maincolor); color: #fff; }
.cat-list-nav .item:hover button, .cat-list-nav-hot .item:hover button { color: #fff; }
.cat-list-nav .item:hover a, .cat-list-nav-hot .item:hover a { color: #fff; display: block; }
.content-product h3 { line-height: 20px; font-weight: 500; }
.content-product h3 a { font-size: 16px; color: #000; }
.cat-list-nav .item a, .cat-list-nav-hot .item a { color: #000; display: block; line-height: 22px; border: 1px solid var(--maincolor); border-radius: 25px; padding: 8px 10px; color: #000; margin-inline: 5px; transition: all 1s; cursor: pointer; }

/*Change color*/
.wrap-color-trends .row-widget { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 30px; align-items: center; }
.wrap-color-trends .group-color-nodes { display: flex; flex-wrap: wrap; grid-gap: 15px; justify-content: center; }
.wrap-color-trends .group-color-nodes .click-color { cursor: pointer; width: 45px; height: 45px; border-radius: 50%; -moz-box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.2); background-color: var(--color); border: 2px solid transparent; }
.wrap-color-trends .group-color-nodes .click-color.active { -moz-box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.3); border-color: #fff; }
.wrap-color-trends .colors-info { width: fit-content; padding: 0 20px; display: flex; justify-content: center; position: relative; margin: 20px auto 0 auto; }
.wrap-color-trends .colors-info .pseudo { position: absolute; height: 100% !important; top: 0; }
.wrap-color-trends .colors-info .pseudo-left { left: 0; }
.wrap-color-trends .colors-info .pseudo-right { right: 0; }
.wrap-color-trends .colors-info .colors-info-code { color: #fff; background-image: url("../images/brush-stroke-center.png"); background-size: contain; display: inline-block; background-repeat: repeat-x; padding: 15px 25px; background-position: center center; font-weight: 700; font-size: 18px; }
.wrap-color-trends .group-content-trending { display: grid; grid-template-columns: 1fr; }
.wrap-color-trends .group-content-trending .content-item { grid-column: 1; grid-row: 1; width: 100%; -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -ms-transform: scale(0.7); -o-transform: scale(0.7); transform: scale(0.7); -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; opacity: 0; position: relative; }
.wrap-color-trends .group-content-trending .content-item.active { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.3); z-index: 1; }
.wrap-color-trends .group-content-trending .content-item .img { position: relative; display: block; width: 100%; padding-top: 100%; height: inherit; overflow: hidden; border-radius: 0; }
.wrap-color-trends .group-content-trending .content-item .img a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.wrap-color-trends .group-content-trending .content-item .img a img { height: 100%; width: 100%; position: relative; display: block; transition: all 0.5s ease-in-out; object-fit: cover; }
.wrap-color-trends .group-content-trending .content-item .description { padding: 10px 20px; text-align: center; background-color: #fff; }
.wrap-color-trends .group-content-trending .content-item .description p { margin: 0; }
@media (max-width:600px) {
   .wrap-color-trends .row-widget { grid-template-columns: 1fr; }
}

/*Count down*/
.wrap-count { padding: 2rem 0; }
.wrap-count .list-item { display: grid; grid-template-columns: repeat(var(--numberShow), 1fr); grid-gap: 30px; }
.wrap-count .list-item .item { display: grid; grid-template-columns: 70px auto; grid-gap: 15px; align-items: center; }
.wrap-count .list-item .item .icon img { width: 100%; }
.wrap-count .list-item .item .title .heading { margin: 0; }
.wrap-count .list-item .counter-item { color: black; font-family: Josefin Sans, sans-serif; font-size: 50px; font-weight: bold; line-height: 65px; }
.wrap-count .list-item .heading { color: black; font-size: 15px; font-weight: 400; line-height: 20px; border-color: black; }
@media (max-width:991px) {
   .wrap-count .list-item { grid-template-columns: repeat(var(--numberShowTablet), 1fr); }
}
@media (max-width:600px) {
   .wrap-count .list-item { grid-template-columns: repeat(var(--numberShowMobile), 1fr); }
}

/*Why*/
.wrap-why { padding: 2rem auto; margin-block: 50px; }
.wrap-why .wrap-content { }
.wrap-why .row-item { display: grid; grid-gap: 15px; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.wrap-why .row-item .item { background-color: #fff; border-radius: 10px; padding: 10px; border: 1px solid var(--maincolor); }
.wrap-why .row-item .item .img img { display: block; margin: auto; }
.wrap-why .row-item .item .title { margin-top: 20px; }
.wrap-why .row-item .item .title .heading { margin-bottom: 10px; font-size: 18px; font-weight: 700; display: block; }
.wrap-why .row-item .item .title .description { margin: 5px 0 10px 0; color: #757575; }

/*About*/
.wrap-about { margin-top: 50px; margin-bottom: 50px; padding-top: 40px; padding-bottom: 40px; position: relative; }
.wrap-about .wrap-content { position: relative; z-index: 1; }
.wrap-about .col-about { overflow: hidden; color: #333; }
.wrap-about .col-about .description { line-height: 25px; }
.wrap-about .header-title .title { color: var(--text-color); font-size: 30px; margin-bottom: 2rem; line-height: 1.5; }
.wrap-about .sub-title { font-size: 14px; }
.wrap-about .box-galleries { margin-top: 20px; position: relative; }
.wrap-about .col-tieuchi { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; padding: 20px 10px 40px 20px; border-top: 3px solid var(--maincolor); box-shadow: 0px 5px 10px rgba(155, 155, 155, 0.3); background-color: #fff; }
.wrap-about .col-tieuchi .col-item { display: flex; align-items: center; gap: 10px; font-weight: 700; padding: 10px 0 0 10px; font-size: 15px; }
.wrap-about .about-img .img { position: relative; display: inline-block; }
.wrap-about .about-img .img::before { position: absolute; content: ""; border: 1px solid var(--maincolor); width: 100%; height: 93%; top: 0; z-index: -1; transform: translate(20px, -20px); }
.wrap-about .about-img .img .vector-image { position: absolute; top: -70px; right: -70px; z-index: -1; }
.wrap-about .about-img .img .vector-image.rotate-me { animation: rotate 20s infinite linear; }
.wrap-about .vector-image-about { position: absolute; bottom: 0; left: 60px; z-index: -1; }
@keyframes rotate {
   0% { rotate: 0; }
   50% { rotate: 180deg; }
   100% { rotate: 360deg; }
}
.wrap-about .box-galleries .list-galleries { padding: 0 30px; }
.wrap-about .box-galleries .list-galleries .logo-item { display: block !important; padding: 10px; border: 1px solid #ccc; background-color: #fff; }
.wrap-about .box-galleries .list-galleries .logo-item .img { position: relative; display: block; width: 100%; padding-top: 60%; height: inherit; overflow: hidden; }
.wrap-about .box-galleries .list-galleries .logo-item .img picture { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.wrap-about .box-galleries .list-galleries .logo-item .img picture img { height: 100%; width: 100%; position: relative; display: block; transition: all 0.5s ease-in-out; object-fit: contain; }
.wrap-about .about-image { display: grid; grid-template-columns: repeat(10, 1fr); grid-template-rows: repeat(10, 1fr); }
.wrap-about .about-image .media { position: relative; display: block; width: 100%; padding-top: 65%; height: inherit; overflow: hidden; border-radius: 30px 0; }
.wrap-about .about-image .media a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.wrap-about .about-image .media a img { height: 100%; width: 100%; position: relative; display: block; transition: all 0.5s ease-in-out; object-fit: cover; }
.wrap-about .play-now { position: absolute; left: 50%; top: 50%; display: block; border-radius: 50%; z-index: 10; width: 60px; height: 60px; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); transform-origin: center center; }
.wrap-about .play-now .icon { position: absolute; left: 50%; top: 50%; height: 65px; width: 65px; text-align: center; line-height: 65px; color: #fff; z-index: 1; font-size: 20px; padding-left: 5px; display: block; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); -webkit-transform-origin: center; transform-origin: center center; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0 5px 10px 0 rgba(255, 255, 255, 0.1); -moz-box-shadow: 0 5px 10px 0 rgba(255, 255, 255, 0.1); -ms-box-shadow: 0 5px 10px 0 rgba(255, 255, 255, 0.1); -o-box-shadow: 0 5px 10px 0 rgba(255, 255, 255, 0.1); box-shadow: 0 5px 10px 0 rgba(255, 255, 255, 0.1); background-color: var(--maincolor); }
.wrap-video .play-now .ripple, .wrap-video .play-now .ripple:before, .wrap-video .play-now .ripple:after { position: absolute; top: 50%; left: 50%; height: 65px; width: 65px; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); -webkit-transform-origin: center; transform-origin: center center; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3); -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3); -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3); -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3); -webkit-animation: ripple 3s infinite; -moz-animation: ripple 3s infinite; -ms-animation: ripple 3s infinite; -o-animation: ripple 3s infinite; animation: ripple 3s infinite; }
.wrap-video .play-now .ripple:before { -webkit-animation-delay: 0.9s; -moz-animation-delay: 0.9s; -ms-animation-delay: 0.9s; -o-animation-delay: 0.9s; animation-delay: 0.9s; content: ""; position: absolute; }
.wrap-video .play-now .ripple:after { -webkit-animation-delay: 0.6s; -moz-animation-delay: 0.6s; -ms-animation-delay: 0.6s; -o-animation-delay: 0.6s; animation-delay: 0.6s; content: ""; position: absolute; background-color: var(--maincolor); }
.wrap-video .button .btn { border-radius: 0; }
@media (max-width:768px) {
   .wrap-about .row-about { grid-template-columns: repeat(1, 1fr); }
}
.left-support { width: 24.21875%; }
.right-feedback { width: 73.046875%; }

/*Support*/
.wrap-support-partner .support-list { display: grid; grid-gap: 20px; }
.wrap-support-partner .support-list .item { padding-bottom: 5px; }
.wrap-support-partner .support-list .item a { margin-bottom: 0; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid transparent; box-sizing: border-box; word-wrap: break-word; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-decoration: none; position: relative; top: 0; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; line-height: normal; font-size: 14px; padding: 7px 25px 7px 10px; color: #666; background-color: #ebebeb; box-shadow: 0 5px 0 #cfcfcf; border-radius: 5px; display: inline-block; font-weight: 700; }
.wrap-support-partner .support-list .item a:hover { color: #5e5e5e; background-color: #ebebeb; top: 3px; box-shadow: 0 2px 0 #cfcfcf; }
.wrap-support-partner .support-list .item a .phone { margin: 0 5px 0 10px; }

/*Feeback*/
.content-feedback { position: relative; }
.right-feedback .support-list .item a { margin-bottom: 0; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid transparent; box-sizing: border-box; word-wrap: break-word; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-decoration: none; position: relative; top: 0; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; line-height: normal; font-size: 14px; padding: 7px 25px 7px 10px; color: #666; background-color: #ebebeb; box-shadow: 0 5px 0 #cfcfcf; border-radius: 5px; display: inline-block; font-weight: 700; }
.right-feedback .support-list .item a:hover { color: #5e5e5e; background-color: #ebebeb; top: 3px; box-shadow: 0 2px 0 #cfcfcf; }
.right-feedback .support-list .item a .phone { margin: 0 5px 0 10px; }
.right-feedback .box-feedback .item .info { margin-top: 20px; display: flex; align-items: center; }
.right-feedback .box-feedback .item .info .avatar { text-align: left; width: 100px; height: 100px; position: relative; }
.right-feedback .box-feedback .item .info .avatar:before { position: absolute; content: ""; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #f1f1f1; top: -20px; left: 50%; transform: translateX(-50%); z-index: 9; }
.right-feedback .box-feedback .item .info .avatar img { width: 100px; height: 100px; object-fit: cover; border-radius: 50%; display: inline-block; }
.right-feedback .box-feedback .item .info .title { text-align: left; color: var(--fbs5-color-name); width: calc(100% - 100px); padding-left: 15px; }
.right-feedback .box-feedback .item .info .title .feedback-name { font-size: 16px; font-weight: 700; margin: 10px 0; }
.right-feedback .box-feedback .item .title .feedback-office { font-size: 13px; }
.right-feedback .box-feedback .item .feedback-content { background-color: var(--fbs5-bg-color-comment); color: var(--fbs5-txt-color-comment); padding: 15px; border-radius: 5px; }
.right-feedback .control-feedback { overflow: hidden; visibility: hidden; }
.right-feedback:hover .control-feedback { overflow: visible; visibility: visible; }

/*News Posts*/
.news-posts { padding: 3.5em 0; width: 100%; }
.title-main-index { text-align: center; width: 100%; margin-bottom: 2em; }
.title-main-index h2 { font-size: 2em; font-weight: 600; text-transform: uppercase; line-height: 48.41px; text-align: left; color: #678e0b; text-align: center; }
.title-main-index span { color: #e9a403e5; }
.ones-news-posts { width: 47.4285714%; }
.ones-news-posts > p:nth-child(1) { margin-bottom: 25px; }
.list-news-posts { width: 50%; margin-top: 0px; }
.descs-content-news-posts { font-size: 1.1em; margin-bottom: 5px; }
.wrap-content-news-posts { width: 100%; }
.wrap-content-news-posts h3 { font-size: 1.3em; font-weight: 700; height: 36px; }
.wrap-content-news-posts h3 a { color: #333; text-decoration: none; }
.item-news-posts { margin-bottom: 1.7em; }
.images-news-posts { width: 34.2857143%; }
.content-shows-news-posts { width: 62.8571429%; font-size: 0.9em; }
.content-shows-news-posts h3 { font-size: 1.2em; }
.btn-green-bg, .btn-success-bg { --bs-btn-bg: #fff; --bs-btn-hover-bg: #fff; --bs-btn-color: var(--btn-green); --bs-btn-hover-color: var(--btn-green); }
.btn-yellow, .btn-warning { --bs-btn-border-color: var(--btn-yellow); --bs-btn-hover-border-color: var(--btn-yellow); --bs-btn-bg: var(--btn-yellow); --bs-btn-hover-bg: var(--btn-yellow); --bs-btn-color: #fff; --bs-btn-hover-color: #fff; --bs-btn-disabled-bg: var(--btn-yellow); --bs-btn-disabled-border-color: var(--btn-yellow); --bs-btn-disabled-color: #fff; }
.btn-effect-default.btn-warning, .btn-effect-default.btn-orange, .btn-effect-default.btn-yellow { border: 1px solid var(--btn-yellow); }
.btn-effect-default.btn-warning:before, .btn-effect-default.btn-orange:before, .btn-effect-default.btn-yellow:before { background-color: var(--btn-yellow); }
.left-news-index:hover .control-news-index { opacity: 1; }
.control-news-index { opacity: 0; }

/* Newsletter */
.wrap-newsletter { position: relative; padding: 30px 0px; background: url("../images/form-background.jpg") no-repeat center center; background-size: cover; }
.wrap-newsletter .wrap-content { display: grid; grid-template-columns: 1fr 3fr; gap: 20px; }
.wrap-newsletter .wrap-content .title h2 { font-size: 32px; font-weight: 700; color: #fff; line-height: 1.5; }
.wrap-newsletter .wrap-content .box-form-newsletter { background-color: rgb(0, 0, 0, 0.5); padding: 50px 100px; }
.wrap-newsletter .button .btn { width: 100%; background-color: #fff; }
.wrap-newsletter .button .btn:hover { color: var(--maincolor); }
.wrap-newsletter .button .btn-effect-default { padding: 7px 28px; }
.wrap-newsletter .header-title { color: #000; font-weight: 700; font-size: 18px; margin: 0; }
.form-newsletter { position: relative; }
.newsletter-input { position: relative; overflow: hidden; width: 100%; margin-bottom: 15px; }
.newsletter-input i { position: absolute; right: 15px; font-size: 21px; color: #999; top: 50%; transform: translateY(-50%); }
.newsletter-input .custom-file-label { margin: 0; height: 50px; background: transparent; line-height: 40px; color: #fff; border: none; padding-left: 55px; }
.newsletter-input .custom-file-label::after { right: unset; left: 0; line-height: 40px; height: 50px; background: transparent; content: "\f03e"; font-family: "Font Awesome 5 Free"; color: #ffff; font-size: 30px; }
.newsletter-input input { font-size: 14px; font-weight: 400; text-indent: 0px; color: #fff; height: 45px; padding: 0 10px; line-height: 40px; border-radius: 0px; border: 1px solid #d9d9d9; }
.newsletter-input textarea { padding: 10px; font-size: 15px; color: #333333; border-radius: 0px; height: 117px; text-indent: 0px; border-color: #f1f1f1; }
.newsletter-input.textarea { width: 100%; margin: 0; grid-column: span 3; }
.newsletter-input.textarea i { transform: unset; top: 12px; }
.newsletter-button input { border: none; background: #1a3079; border-radius: 0; font-size: 14px; font-weight: 700; width: 100%; color: #fff; text-transform: uppercase; padding: 0; height: 40px; line-height: 40px; display: table; margin: 0px auto; }
.newsletter-button input[type="submit"] { background: url("../images/send.svg") #000 center no-repeat; border-radius: 2px; position: absolute; top: 3px; right: 3px; border: none; height: 38px; width: 38px; color: #fff; }
.newsletter-input input::-webkit-input-placeholder, .newsletter-input textarea::-webkit-input-placeholder { color: #808080; }
.newsletter-input input:-moz-placeholder, .newsletter-input textarea:-moz-placeholder { color: #808080; }
.newsletter-input input::-moz-placeholder, .newsletter-input textarea::-moz-placeholder { color: #808080; }
.newsletter-input input:-ms-input-placeholder, .newsletter-input textarea:-ms-input-placeholder { color: #808080; }
.newsletter-button input:hover { opacity: 0.8; }

/*Advertisement*/
.wrap-advertisement { width: 100%; margin: 1rem auto; }
.scb-phone-box { position: fixed; display: var(--phone-pc-display); z-index: 1000; }
.scb-phone-box .btn-call { position: relative; background: var(--btn-bg-color); border: 2px solid var(--btn-bg-color); border-radius: 50%; box-shadow: 0 8px 10px rgba(56, 163, 253, 0.3); cursor: pointer; height: 60px; width: 60px; text-align: center; z-index: 999; transition: 0.3s; -webkit-animation: hoverWave linear 1s infinite; animation: hoverWave linear 1s infinite; display: flex; justify-content: center; align-items: center; text-decoration: none; }
.scb-phone-box.social-bottomRight .btn-call__number, .scb-phone-box.social-topRight .btn-call__number { right: 30px; top: 5px; padding-right: 50px; border-radius: 20px 0 0 20px; text-align: right; }
.scb-phone-box .btn-call__number { position: absolute; height: 50px; line-height: 50px; background: var(--btn-txt-color); border: 2px solid var(--btn-bg-color); box-shadow: 0 8px 10px rgba(56, 163, 253, 0.3); color: var(--btn-txt-color); font-size: 20px; font-weight: bold; z-index: 1; transition: all 0.5s; width: 200px; overflow: hidden; }
.scb-phone-box .btn-call__number a { color: var(--btn-bg-color); }
.scb-phone-box .btn-call__ico { display: flex; justify-content: center; align-items: center; animation: 1200ms ease 0s normal none 1 running shake; animation-iteration-count: infinite; -webkit-animation: 1200ms ease 0s normal none 1 running shake; -webkit-animation-iteration-count: infinite; color: var(--btn-txt-color); font-size: 30px; padding-top: 5px; transition: 0.3s all; z-index: 3; }

/*News index*/
.wrap-news-index { margin: 50px auto; }
.wrap-news-index .wrap-content { display: grid; grid-template-columns: 3fr 1fr; grid-gap: 30px; }
.wrap-news-index .post-list .item { display: grid !important; grid-template-columns: 1fr 3fr; grid-gap: 15px; }
.wrap-news-index .post-list .item .img { position: relative; display: block; width: 100%; padding-top: 75%; height: inherit; overflow: hidden; }
.wrap-news-index .post-list .item .img a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.wrap-news-index .post-list .item .img a img { height: 100%; width: 100%; position: relative; display: block; transition: all 0.5s ease-in-out; object-fit: cover; }
.wrap-news-index .post-list .item .title .heading { font-weight: 700; margin-bottom: 5px; }
.wrap-news-index .post-list .item .title .date-box { margin-bottom: 5px; }
.wrap-news-index .post-list .item .title .heading a { color: #000; font-size: 16px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.wrap-news-index .post-list .item .title .description { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin: 0; }
.slick-news-all .slick-slide, .slick-news-video .slick-slide { margin: 10px; }
.right-news-index .video-list .video-section-outer .video-img { position: relative; display: block; width: 100%; padding-top: 75%; height: inherit; overflow: hidden; }
.right-news-index .video-list .video-section-outer .video-img a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; overflow: hidden; color: black; }
.right-news-index .video-list .video-section-outer .video-img a img { height: 100%; width: 100%; position: relative; display: block; transition: all 0.5s ease-in-out; object-fit: cover; }
.right-news-index .video-list .video-title { margin-top: 10px; }
.right-news-index .video-list .video-title .heading { margin: 0; }
.right-news-index .video-list .video-title .heading a { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; color: #000; font-size: 16px; }
.right-news-index .play-now { position: absolute; left: 50%; top: 50%; z-index: 10; display: block; border-radius: 50%; width: 60px; height: 60px; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); transform-origin: center center; }
.right-news-index .play-now .icon { position: absolute; left: 50%; top: 50%; z-index: 1; height: 65px; width: 65px; text-align: center; line-height: 65px; color: #fff; font-size: 20px; padding-left: 5px; display: block; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); -webkit-transform-origin: center; transform-origin: center center; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0 5px 10px 0 rgba(255, 255, 255, 0.1); -moz-box-shadow: 0 5px 10px 0 rgba(255, 255, 255, 0.1); -ms-box-shadow: 0 5px 10px 0 rgba(255, 255, 255, 0.1); -o-box-shadow: 0 5px 10px 0 rgba(255, 255, 255, 0.1); box-shadow: 0 5px 10px 0 rgba(255, 255, 255, 0.1); background-color: var(--maincolor); }
.right-news-index .play-now .ripple, .right-news-index .play-now .ripple:before, .right-news-index .play-now .ripple:after { position: absolute; top: 50%; left: 50%; height: 65px; width: 65px; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); -webkit-transform-origin: center; transform-origin: center center; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3); -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3); -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3); -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3); -webkit-animation: ripple 3s infinite; -moz-animation: ripple 3s infinite; -ms-animation: ripple 3s infinite; -o-animation: ripple 3s infinite; animation: ripple 3s infinite; }
.right-news-index .play-now .ripple:before { -webkit-animation-delay: 0.9s; -moz-animation-delay: 0.9s; -ms-animation-delay: 0.9s; -o-animation-delay: 0.9s; animation-delay: 0.9s; content: ""; position: absolute; }
.right-news-index .play-now .ripple:after { -webkit-animation-delay: 0.6s; -moz-animation-delay: 0.6s; -ms-animation-delay: 0.6s; -o-animation-delay: 0.6s; animation-delay: 0.6s; content: ""; position: absolute; background-color: var(--maincolor); }
@media (max-width:991px) {
   .right-news-index .video-list .slick-slide { margin: 0 10px; }
   .right-news-index .video-list .slick-list { margin: 0 -10px; }
}
@media (max-width:768px) {
   .right-news-index .row-widget { grid-template-columns: 1fr; }
}
@media (max-width:768px) {
   .right-news-index .post-list .item .title .description { display: none; }
}
@-webkit-keyframes ripple {
   70% { box-shadow: 0 0 0 70px rgba(255, 255, 255, 0); }
   100% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); }
}
@keyframes ripple {
   70% { box-shadow: 0 0 0 70px rgba(255, 255, 255, 0); }
   100% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); }
}

/* CSS */

/* Topbar */
header .wrap-content .topbar .col-logo { display: inline-block; padding-inline: 10px; }
header .wrap-content .topbar { display: flex; padding: 10px 0px 40px; align-items: center; }
header .wrap-content .topbar .topbar-info { display: flex; flex: 1; justify-content: space-around; padding-block: 10px; }
header .wrap-content .topbar a { color: #000; }
header .wrap-content .topbar i { color: var(--maincolor); font-size: 21px; }
header .wrap-content .topbar .col-topbar { display: flex; align-items: center; gap: 10px; }
header .wrap-content .topbar .col-topbar.col-advise a { background-color: var(--maincolor); padding: 10px; display: flex; align-items: center; gap: 10px; border-radius: 5px; }
header .wrap-content .topbar .col-topbar.col-advise i { font-size: 15px; }
header .wrap-content .topbar .col-topbar.col-advise i, header .wrap-content .topbar .col-topbar.col-advise a { color: #fff; }
header .wrap-content .row-header .col-header { display: flex; justify-content: flex-end; }
header .wrap-content .header-nav { position: absolute; bottom: 0; left: 0; transform: translateY(50%); width: 100%; padding-inline: 20px; z-index: 10; }
header .wrap-content .header-nav.fixed { position: fixed; top: 0; left: 0; width: 100%; bottom: 100%; padding: 0; }
header .wrap-content .header-nav.fixed .row-header { }
.project-list { display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(2, 1fr); gap: 20px; }
.wrap-project .wrap-content .project-list .img { position: relative; display: block; width: 100%; min-height: 250px; transition: all 1s; }
.wrap-project .wrap-content .project-list .img img { height: 100%; width: 100%; }
.wrap-project .wrap-content .project-list .img picture { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.wrap-project .wrap-content .project-list .img:nth-child(3) { grid-area: 1 / 2 / 3 / 3; }
.wrap-project .wrap-content .project-list .img:nth-child(4) { grid-area: 1 / 3 / 1 / 5; }
.wrap-project .wrap-content .project-list .img .content { position: absolute; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); display: flex; flex-direction: column; align-items: center; justify-content: center; color: #fff; transition: all 0.5s; transform: scale(0); opacity: 0; }
.wrap-project .wrap-content .project-list .img:hover .content { transform: scale(1); opacity: 1; }
.wrap-project .wrap-content .project-list .img .content .name { font-size: 20px; font-weight: 700; }
.wrap-project .wrap-content .project-list .img .content i { font-size: 18px; border-radius: 50%; border: 1px solid #fff; width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; margin-block: 10px; }
.wrap-workflow { margin-block: 50px; }
.wrap-workflow .workflow-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.wrap-workflow .workflow-list .item .title { background-color: var(--maincolor); display: block; color: #fff; font-size: 30px; font-weight: 700; line-height: 1; padding-block: 35px; border-radius: 5px; position: relative; margin-bottom: 50px; transition: all 0.5s; }
.wrap-workflow .workflow-list .item.active .title, .wrap-workflow .workflow-list .item:hover .title { background-color: var(--text-color); }
.wrap-workflow .workflow-list .item .title .bg-wave { position: absolute; top: 5px; left: 0; z-index: -1; border-radius: 5px; width: 100%; }
.wrap-workflow .workflow-list .item .title .bg-wave svg { width: 100%; max-height: 131px; }
.wrap-workflow .workflow-list .item .title .bg-wave svg path { transition: all 0.5s; fill: var(--maincolor); }
.wrap-workflow .workflow-list .item.active .title .bg-wave svg path, .wrap-workflow .workflow-list .item:hover .title .bg-wave svg path { fill: var(--text-color); }
.wrap-workflow .workflow-list .item .content { color: #000; }
.wrap-workflow .workflow-list .item .content .img img { display: block; margin: auto; }
.wrap-workflow .workflow-list .item .content .name { font-size: 20px; line-height: 1; margin-top: 20px; font-weight: 500; text-transform: uppercase; }
.wrap-workflow .workflow-list .item .content .desc { font-weight: 300; font-size: 15px; margin-inline: 20px; }
.customer-list .item { border: 1px solid var(--border-color); padding: 20px; margin: 10px; }
.customer-list .item .title { display: flex; gap: 20px; padding-bottom: 20px; border-bottom: 1px solid var(--border-color); }
.customer-list .item .title .avatar { overflow: hidden; border-top-right-radius: 100px; border-top-left-radius: 50px; border-bottom-left-radius: 60px; }
.customer-list .item .title .info { display: flex; flex-direction: column; justify-content: flex-end; gap: 5px; }
.customer-list .item .title .info .name { font-size: 18px; font-weight: 700; }
.customer-list .item .content { margin-block: 20px; }
.customer-list .item .content .desc { -webkit-line-clamp: 4; min-height: 80px; color: var(--text-color); }
.box-customer { position: relative; }
.box-customer:hover .btn-customer.prev { opacity: 1; left: 40px; }
.box-customer:hover .btn-customer.next { opacity: 1; right: 40px; }
.wrap-video { margin-block: 50px; }
.wrap-video .video-item { position: relative; margin-inline: 10px; }
.wrap-video .video-item .mfp-video { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; font-size: 20px; background-color: var(--btn-red); width: 55px; height: 55px; border-radius: 50%; justify-content: center; display: flex; align-items: center; }
.wrap-video .video-item img { display: block; width: 100%; }
.wrap-video .video-item i { z-index: 1; }
.wrap-video .video-item .name { color: #fff; background-color: var(--maincolor); display: block; min-height: 70px; line-height: 25px; padding-block: 10px; font-size: 15px; -webkit-line-clamp: 2; }
.wrap-video .video-item .video-link { overflow: hidden; border-top-right-radius: 100%; border-top-left-radius: 100%; display: block; }
.box-video { position: relative; }
.box-video:hover .btn-video.next { opacity: 1; right: 40px; }
.box-video:hover .btn-video.prev { opacity: 1; left: 40px; }
.img-footer-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }
.item-footer .box-form-newsletter .button .btn { width: 100%; z-index: 0; }
.item-footer .box-form-newsletter .form-control { text-align: center; background-color: var(--text-color); color: #fff; border-color: var(--text-color); outline: none; }
.item-footer .box-form-newsletter .form-control::placeholder { color: #fff; }
.wrap-service { background-image: url("../images/bg-servicee.png"); background-repeat: no-repeat; background-size: cover; background-position: center; color: #fff; font-family: "Roboto", sans-serif; padding: 150px 0; margin-top: -10px; }
.wrap-service .wrap-content .heading { text-align: center; }
.wrap-service .wrap-content .heading .title { font-weight: 700; font-size: 50px; line-height: 59px; text-align: center; text-transform: uppercase; color: #fff; }
.wrap-service .wrap-content .heading .sub { font-size: 26px; }
.wrap-service .service-box { display: grid; justify-content: center; }
.wrap-service .service-list { display: flex; padding: 0 100px; border-bottom: 5px solid #fff; margin-top: 50px; }
.wrap-service .service-item-list { display: grid; justify-content: center; }
.wrap-service .service-item-list .item { align-items: center; display: none; }
.wrap-service .service-item-list .item.active { display: flex; animation: zoom 1.5s; }
@keyframes zoom {
   0% { opacity: 0; }
   100% { opacity: 1; }
}
.wrap-service .service-item-list .item .img { flex: 0 0 auto; }
.wrap-service .service-item-list .item .content .desc { font-size: 18px; line-height: 25px; }
.wrap-service .service-item-list .item .content .desc h4 { width: 80%; margin-bottom: 20px; font-size: 27px; }
.wrap-service .service-item-list .item .content .desc p { display: flex; align-items: center; }
.wrap-service .service-item-list .item .content .desc p img { margin-right: 10px; width: 30px; height: 30px; }
.wrap-service .service-item-list .item .content .desc ul li { position: relative; margin-bottom: 10px; }
.wrap-service .service-item-list .item .content .desc ul li::before { content: ""; position: absolute; left: -20px; top: 50%; transform: translateY(-50%); width: 8px; height: 8px; background-color: var(--text-color); border-radius: 50%; }
.wrap-service .service-item-list .btn-effect-default.btn-theme:before { background-color: #fff; }
.wrap-service .service-item-list .btn { color: var(--maincolor); }
.wrap-service .service-item-list .btn-effect-default { background-color: var(--text-color); }
.wrap-service .service-item-list .btn:hover { color: #fff; }
.wrap-service .service-list li a { color: #fff; text-transform: uppercase; font-size: 25px; padding: 20px 50px; display: block; border-top-right-radius: 5px; border-top-left-radius: 5px; font-weight: 700; cursor: pointer; transition: all 0.5s; }
.wrap-service .service-list li a.active, .wrap-service .service-list li a:hover { background-color: #fff; color: var(--maincolor); }
.btn-question { transition: all 0.5s; }
.btn-question:hover { color: var(--text-color); }
.button-1 { --blob-btn-color: #f37c20; padding-bottom: 10px; display: inline-block; margin-top: 10px; }
.buttons { border-radius: 30px; }
.blob-btn { z-index: 1; position: relative; padding: 4px 15px; text-align: center; text-transform: uppercase; color: var(--blob-btn-color); font-size: 12px; font-weight: bold; display: inline-block; background-color: transparent; outline: none; border: none; transition: all 0.5s; cursor: pointer; border-radius: 30px; border: 1px solid var(--text-color); }
.blob-btn:hover { background-color: var(--text-color); color: #FFF; }

/* mobile menu */
.menu-mobile .menu-list li { margin-bottom: 15px; }
.menu-mobile .menu-list li a { display: flex; gap: 10px; color: #fff; font-size: 20px; }
.menu-mobile .menu-list .menu-click-mb.active span.icon { transition: all 0.5s; }
.menu-mobile .menu-list .menu-click-mb.active span.icon { rotate: 90deg; transition: all 0.5s; }
.menu-mobile .menu-list > li > a { font-weight: 600; }
.menu-mobile .menu-list .sub-menu li { color: #fff; }
.menu-mobile .menu-list .sub-menu li a { font-size: 16px; line-height: 20px; }
.menu-mobile .menu-list li .col-logo { margin-bottom: 50px; width: 50%; background: #fff; }
.menu-mobile .menu-list li .col-logo img { margin: auto; }
.menu-mobile .menu-list .sub-menu { max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; }

/*About*/
.history-formation { width: 100%; background: #f57c20; padding-top: 5rem; }
.road-map-center { background: url("../images/img/road2.png") no-repeat top center; padding-bottom: 5rem; }
.title-history { text-align: center; margin-bottom: 5rem; }
.title-history h3 { color: #0b6c69; }
.title-56 { --f-sz: clamp(2.3rem, calc(0.4066rem + 2.7049vw), 5.6rem); font-size: var(--f-sz); font-weight: 500; font-family: "OswaldBold"; color: var(--color-pri); position: relative; -webkit-text-stroke: 0.8rem white; paint-order: stroke; letter-spacing: 0.1rem; text-transform: uppercase; text-shadow: 0px 4px 8px rgba(16, 24, 40, 0.1), 0px 2px 4px rgba(16, 24, 40, 0.06); }
.splitting { --word-center: calc((var(--word-total) - 1) / 2); --char-center: calc((var(--char-total) - 1) / 2); --line-center: calc((var(--line-total) - 1) / 2); }
.item-history .left-item { width: 32%; }
.item-history .right-item { width: 63%; position: relative; color: #fff; }
.item-history .right-item h4 { font-size: 1.85rem; font-family: "OswaldMedium"; }
.item-history .right-item p { border-left: 4px solid #fff; padding-left: 35px; font-size: 16px; line-height: 25px; margin-top: 25px; }
.item-history:nth-child(even) .left-item { order: 2; }
.item-history { margin-bottom: 0rem; }

/*section43*/
.wrap-section43-1 { width: 100%; background: #fff7e9; padding: 50px 0; font-size: 16px; line-height: 30px; }
.wrap-section43-1 h2 { font-family: "OswaldBold"; font-size: 3rem; margin-bottom: 2rem; }
.item-social-marketing:nth-child(even) .left-item { order: 2; }
.item-social-marketing { margin-bottom: 5rem; }
.list-items { display: flex; justify-content: space-between; flex-wrap: wrap; margin: 3rem auto; position: relative; }
.item-post { width: 34%; display: flex; justify-content: space-between; margin-bottom: 2rem; background: #ffffff; border-radius: 10px; padding: 8px; }
.item-post > span { width: 55px; display: inline-block; background: var(--maincolor); height: 100%; }
.item-post > span svg { fill: #fff; }
.qcdnt .item-post > span { background: #f69220; height: 55px; display: flex; justify-content: center; align-items: center; border-radius: 5px; padding: 5px; box-sizing: border-box; }
.qcdnt .item-post > span img { max-width: 81%; }
.item-post > div { width: calc(100% - 65px); }
.item-post > div h3 { font-size: 20px; margin-bottom: 5px; color: #f69220; font-weight: 700; }
.item-post > div p { margin-bottom: 0; font-size: 16px; line-height: 25px; font-family: "Roboto"; }
.images-hotgirl { position: absolute; left: calc((100% - 385px) / 2); max-width: 30%; top: 0; }
.images-hotgirl img { max-width: 385px; }
.backf1f1 { background: #f1f1f1; }
.button-a { margin-top: 2rem; }
.button-a a { color: #fff; font-size: 1.75rem; }
.j-button { border-radius: 5px !important; background-image: linear-gradient(to right, var(--tw-gradient-stops)); --tw-gradient-from: #ef4136; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 65, 54, 0)); --tw-gradient-stops: var(--tw-gradient-from), #f15630, var(--tw-gradient-to, rgba(241, 86, 48, 0)); --tw-gradient-to: #faa631; --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)); border: none; box-shadow: 0 0 10px 1px rgba(var(--color__secondary), 0.5); padding: 7px 25px; border-right: none; }
.j-button:hover { --tw-ring-inset: var(--tw-empty, /*!*/ /*!*/); --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(59, 130, 246, 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 4px 24px 0 rgb(242 90 48 / 50%); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); }
.left-item { width: 45%; }
.right-item { width: 50%; font-family: "Roboto"; font-size: 15px; line-height: 25px; }
.list-check { list-style: none !important; margin-left: -20px; padding-inline-start: 0px; }
.list-check li { margin-left: 1.3em; margin-bottom: 10px; }
.list-check li i { color: #ff7f36; }
.wrap-section-1 .right-item .button-a { margin-top: 5rem; }
.section-benefit-seo { padding: 40px 0; z-index: 1; background-image: url("../images/img/thietkewebsite/background.jpg"); background-repeat: no-repeat; z-index: 1; }
.landing-web h2 { font-weight: 800; font-size: 34px; line-height: 46px; }
.item-social-marketing .right-item h3 { font-size: 23px; font-weight: 700; color: var(--maincolor) !important; }
.item-social-marketing .right-item h3 span { color: var(--maincolor) !important; text-transform: uppercase; }
.mgb3r { margin-bottom: 3rem !important; }
.text-tran-up { text-transform: uppercase; }
@media (max-width:1199px) {
   .section-benefit-seo { padding: 160px 0 4px; }
}
@media (max-width:991px) {
   .section-benefit-seo { padding: 20px 0 4px; }
}
@media (max-width:767px) {
   .section-benefit-seo { padding: 10px 0 4px; background-image: none; }
}
@media (max-width:575px) {
   .section-benefit-seo { padding: 80px 0 4px; }
}
.section-benefit-seo::before { content: ""; width: 100%; height: 100%; position: absolute; bottom: 0; left: 0; background-image: url("https://lptech.asia/themes/lptech/assets/img/landing-web/vecter-wave-top.svg"); background-repeat: no-repeat; background-position: top; z-index: -1; }
.section-benefit-seo .list-items { display: grid; grid-template-columns: 2fr 1fr 2fr; grid-gap: 20px; margin: 30px 0 0; }
.wrap-content h2 { color: var(--text-color); font-weight: 700; font-size: 2rem; }
.item-quytrinh { min-height: 236px; }
.item-quytrinh .desc.text-split { -webkit-line-clamp: 5; line-clamp: 5;    /* min-height: 89px; */ }
@media (max-width:991px) {
   .section-benefit-seo .list-items { grid-template-columns: 1fr; grid-gap: 0; }
}
@media (max-width:991px) {
   .section-benefit-seo .list-items .item-1 { order: 1; }
   .section-benefit-seo .list-items .item-2 { order: 0; margin: 0 0 16px 0; max-height: 360px; }
   .section-benefit-seo .list-items .item-2 img { height: 100%; }
   .section-benefit-seo .box-tab { box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.08); }
   .section-benefit-seo { background-image: none; }
}
.section-benefit-seo .box-tab { padding: 20px; margin: 0 0 16px 0; border-radius: 10px; transition: transform 0.25s ease-in-out; }
.section-benefit-seo .box-tab:hover { transform: translateY(-5px); }
.section-benefit-seo .box-tab .tab-number { width: 38px; height: 38px; background-color: var(--text-color); border-radius: 100%; flex: none; font-weight: 700; font-size: 16px; line-height: 22px; margin: 0 8px 0 0; }
.section-benefit-seo .box-tab h3 { color: #262e45; margin: 0 0 4px; font-size: 18px; font-weight: 700; }
.section-benefit-seo .box-tab .text-intro { font-weight: 500; font-size: 14px; line-height: 22px; color: #333; }
.wrap-section-3 { width: 100%; padding: 50px 0; }
.wrap-content h2.title-procedure { text-align: center; font-size: 2.5rem; font-weight: 700; color: var(--text-color); }
.wrap-section-3 .wrap-content > p { font-size: 16px; text-align: center; padding: 0 2.5rem; max-width: 850px; margin: auto; margin-bottom: 3rem; line-height: 25px; }
.list-item-dich-vu-thiet-ke-website { display: flex; justify-content: space-between; margin-top: 5.5rem; }
.item-dich-vu-thiet-ke-website { width: calc(25% - 15px); background: #fff; border-radius: 20px; box-shadow: 0px 7px 25px 2px rgba(18, 21, 154, 0.1); padding: 0 15px; box-sizing: border-box; text-align: center; font-size: 13px; color: #6c6c6c; padding-bottom: 2rem; font-family: "BeVietnamPro", sans-serif; font-weight: 400; }
.item-dich-vu-thiet-ke-website > p:nth-child(1) { position: relative; top: -50px; }
.item-dich-vu-thiet-ke-website:nth-child(even) {    /* margin-top: 2rem; */ }
.item-dich-vu-thiet-ke-website img { max-width: 140px; }
.item-dich-vu-thiet-ke-website h3 { font-size: 16px; color: #000; font-weight: 700; line-height: 25px; }
.item-dich-vu-thiet-ke-website p { margin-bottom: 0; }
@media (max-width:991px) {
   .list-item-dich-vu-thiet-ke-website { flex-wrap: wrap; }
   .item-dich-vu-thiet-ke-website { width: calc(50% - 15px); margin-bottom: 60px; }
}
@media (max-width:850px) {
   .wrap-content h2.title-procedure { font-size: 2rem }
   .item-social-marketing { flex-wrap: wrap; }
   .wrap-section-4 .right-item { width: 100%; order: 0; }
   .wrap-section-4 .left-item { width: 100%; order: 1; }
   .quytrinh-thietke.wrap-section-4 .wrap-content { justify-content: center; }
   .quytrinh-thietke.wrap-section-4 .left-item { width: 100%; order: 1; height: auto; }
   .quytrinh-thietke.wrap-section-4 .right-item { width: 75%; margin: auto; }
   .wrap-section-4 .left-item img { height: 100%; }
}
.wrap-section-4 { padding: 50px 0; }
.wrap-section-4 .left-item > h2 { color: #f57c20; font-size: 2.3rem; font-weight: 700; margin-bottom: 4rem; }
.wrap-section-4 .left-item > h2 span { display: block; }
.wrap-section-4 .left-item > p { font-size: 20px; margin-bottom: 25px; display: flex; align-items: center; }
.wrap-section-4 .left-item > p > img { margin-right: 15px; }
.wrap-section-5 { padding: 50px 0; }
.list-item-quy-trinh { width: 100%; }
.item-slick { padding: 0 10px; box-sizing: border-box; }
.item-quytrinh { width: 100%;    /* background: rgb(255, 240, 229); */ padding: 30px; box-shadow: 0px 0px 5px #ccc; margin: 10px 0; border-radius: 5px; }
.item-quytrinh h3 { color: #f57c20; }
.item-quytrinh:hover svg { fill: #f37027; color: #f37027; border-color: #f37027; }
.list-item-quy-trinh .slick-dots { bottom: -35px; }
.item-quytrinh > p { min-height: 90px; }
.wrap-section-6  {margin-top: 50px;}
.wrap-section-5 .wrap-content h2, .wrap-section-6 h2 { text-align: center; font-size: 2.5rem; font-weight: 700; margin-bottom: 3rem; color: var(--text-color); }

/*  */
* { margin: 0; padding: 0; box-sizing: border-box; }
.e-con .elementor-widget:not(:last-child) { --kit-widget-spacing: 0px; }
.elementor-2633 .elementor-element.elementor-element-d66c35b { display: flex; flex-direction: column; }
.elementor-heading-title { font-family: "Inter", Sans-serif; font-size: 16px; font-weight: 400; color: #ffffff; margin-bottom: 0; }
.elementor-2633 .elementor-element.elementor-element-dca8858 { --e-transform-skewX-10deg: -10deg; background-color: transparent; margin: 0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px; padding: 7px 20px 7px 20px; background-image: linear-gradient(180deg, #ffdf73 0%, #ff8534 100%); border-radius: 5px 5px 5px 5px; text-align: center; width: fit-content; margin: auto; }
.elementor-2633 .elementor-element.elementor-element-99e4a5d .elementor-heading-title { font-family: "Inter", Sans-serif; font-size: 40px; font-weight: 800; color: #1b875a; text-align: center; }
.elementor-2633 .elementor-element.elementor-element-15708d0 { padding: 0% 15% 0% 15%; text-align: center; color: #232323; font-family: "Inter", Sans-serif; font-size: 16px; line-height: 26px; }
.e-con-inner { display: flex; justify-content: center; gap: 15px; }
.elementor-2633 .elementor-element.elementor-element-99b6271 img { width: 100%; max-width: 100%; height: 391px; object-fit: contain; object-position: center center; }
.elementor-2633 .e-con-inner-item { box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.1); margin-top: 10px; margin-bottom: 0px; margin-left: 0px; margin-right: 10px; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; border-radius: 12px; justify-content: start; }
.elementor-icon { background-color: #f69220; fill: #fff; color: #fff; font-size: 25px; padding: 10px 15px; border-radius: 10px; display: block; margin-right: 15px; }
.elementor-icon-box-wrapper { display: flex; justify-content: center; }
.elementor-icon-box-title { font-family: "Inter", Sans-serif; font-size: 20px; font-weight: 700; text-transform: none; font-style: normal; line-height: 1.3em; letter-spacing: -0.5px; margin-bottom: 5px; color: #1b875a; }
.elementor-widget-icon-box .elementor-icon-box-description { color: #232323; font-family: "Inter", Sans-serif; font-size: 16px; font-weight: 400; line-height: 1.5em; margin-block: 5px; }
@charset "UTF-8";
html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; }
audio, canvas, progress, video { display: inline-block; }
audio:not([controls]) { display: none; height: 0; }
progress { vertical-align: baseline; }
template, [hidden] { display: none; }
a { background-color: transparent; }
a:active, a:hover { outline-width: 0; }
abbr[title] { border-bottom: none; text-decoration: none; }
b, strong { font-weight: inherit; }
b, strong { font-weight: bolder; }
dfn { font-style: italic; }
mark { background-color: #ff0; color: #000; }
small { font-size: 80%; display: inline-block; }
img { border-style: none; }
svg:not(:root) { overflow: hidden; }
button, input, select, textarea { font: inherit; }
optgroup { font-weight: bold; }
button, input, select { overflow: visible; }
button, select { text-transform: none; }
button, [type="button"], [type="reset"], [type="submit"] { cursor: pointer; }
[disabled] { cursor: default; }
button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
button:-moz-focusring, input:-moz-focusring { outline: 1px dotted ButtonText; }
fieldset { border: 1px solid silver; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { -webkit-box-sizing: border-box; box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; }
textarea { overflow: auto; }
[type="checkbox"], [type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; }
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }
[type="search"] { -webkit-appearance: textfield; }
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
*, *:before, *:after { -webkit-box-sizing: border-box; box-sizing: border-box; }
html { -webkit-box-sizing: border-box; box-sizing: border-box; background-attachment: fixed; -webkit-tap-highlight-color: transparent; }
.xdebug-var-dump { position: relative; z-index: 1000; }
hr { margin: 15px 0; border-width: 0; border-top: 1px solid currentColor; opacity: 0.1; }
img { max-width: 100%; height: auto; display: inline-block; vertical-align: middle; }
figure { margin: 0; }
pre { background-color: #f1f1f1; border: 1px solid #ddd; padding: 20px; width: 100%; overflow-x: auto; }
p:empty { display: none; }
a, button, input { -ms-touch-action: manipulation; touch-action: manipulation; }
ins { text-decoration: none; }
embed, iframe, object { max-width: 100%; }
.col, .gallery-item, .columns { position: relative; margin: 0; padding: 0 15px 30px; width: 100%; }
.col-fit { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
.col-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; }
.col-last { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }
.col-inner { position: relative; margin-left: auto; margin-right: auto; width: 100%; background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; }
.col-has-radius { overflow: hidden; }
@media screen and (min-width:850px) {
   .col:first-child .col-inner { margin-left: auto; margin-right: 0; }
   .col + .col .col-inner { margin-right: auto; margin-left: 0; }
}
@media screen and (max-width:549px) {
   .small-col-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; }
}
@media screen and (min-width:850px) {
   .large-col-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; }
}
@media screen and (max-width:849px) {
   .medium-col-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; }
   .col { padding-bottom: 30px; }
}
@media screen and (min-width:850px) {
   .row-divided > .col + .col:not(.large-12) { border-left: 1px solid #ececec; }
   .row-divided.row-reverse > .col + .col:not(.large-12) { border-left: 0; border-right: 1px solid #ececec; }
   .col-divided { padding-right: 30px; border-right: 1px solid #ececec; }
   .col.col-divided:not(.col-first):last-child { border-right: 0; padding-right: 0; padding-left: 30px; border-left: 1px solid #ececec; }
   .col-border { padding-right: 0; border-right: 1px solid #ececec; }
   .col-border + .col, .col-divided + .col { padding-left: 30px; }
}
.dark .col-divided { border-color: rgba(255, 255, 255, 0.2); }
.align-equal > .col { display: -webkit-box; display: -ms-flexbox; display: flex; }
.align-middle { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; -ms-flex-item-align: center !important; align-self: center !important; vertical-align: middle !important; }
.align-bottom { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; -ms-flex-item-align: end !important; align-self: flex-end !important; vertical-align: bottom !important; }
.align-top { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; -ms-flex-item-align: start !important; align-self: flex-start !important; vertical-align: top !important; }
.align-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; }
.align-right { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; }
.small-1 { max-width: 8.3333333333%; -ms-flex-preferred-size: 8.3333333333%; flex-basis: 8.3333333333%; }
.small-2 { max-width: 16.6666666667%; -ms-flex-preferred-size: 16.6666666667%; flex-basis: 16.6666666667%; }
.small-3 { max-width: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; }
.small-4 { max-width: 33.3333333333%; -ms-flex-preferred-size: 33.3333333333%; flex-basis: 33.3333333333%; }
.small-5 { max-width: 41.6666666667%; -ms-flex-preferred-size: 41.6666666667%; flex-basis: 41.6666666667%; }
.small-6 { max-width: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; }
.small-7 { max-width: 58.3333333333%; -ms-flex-preferred-size: 58.3333333333%; flex-basis: 58.3333333333%; }
.small-8 { max-width: 66.6666666667%; -ms-flex-preferred-size: 66.6666666667%; flex-basis: 66.6666666667%; }
.small-9 { max-width: 75%; -ms-flex-preferred-size: 75%; flex-basis: 75%; }
.small-10 { max-width: 83.3333333333%; -ms-flex-preferred-size: 83.3333333333%; flex-basis: 83.3333333333%; }
.small-11 { max-width: 91.6666666667%; -ms-flex-preferred-size: 91.6666666667%; flex-basis: 91.6666666667%; }
.small-12 { max-width: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; }
.small-columns-1 > .col, .small-columns-1 .flickity-slider > .col { max-width: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; }
.small-columns-2 > .col, .small-columns-2 .flickity-slider > .col { max-width: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; }
.small-columns-3 > .col, .small-columns-3 .flickity-slider > .col { max-width: 33.3333333333%; -ms-flex-preferred-size: 33.3333333333%; flex-basis: 33.3333333333%; }
.small-columns-4 > .col, .small-columns-4 .flickity-slider > .col { max-width: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; }
.small-columns-5 > .col, .small-columns-5 .flickity-slider > .col { max-width: 20%; -ms-flex-preferred-size: 20%; flex-basis: 20%; }
.small-columns-6 > .col, .small-columns-6 .flickity-slider > .col { max-width: 16.6666666667%; -ms-flex-preferred-size: 16.6666666667%; flex-basis: 16.6666666667%; }
.small-columns-7 > .col, .small-columns-7 .flickity-slider > .col { max-width: 14.2857142857%; -ms-flex-preferred-size: 14.2857142857%; flex-basis: 14.2857142857%; }
.small-columns-8 > .col, .small-columns-8 .flickity-slider > .col { max-width: 12.5%; -ms-flex-preferred-size: 12.5%; flex-basis: 12.5%; }
@media screen and (min-width:550px) {
   .medium-1 { max-width: 8.3333333333%; -ms-flex-preferred-size: 8.3333333333%; flex-basis: 8.3333333333%; }
   .medium-2 { max-width: 16.6666666667%; -ms-flex-preferred-size: 16.6666666667%; flex-basis: 16.6666666667%; }
   .medium-3 { max-width: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; }
   .medium-4 { max-width: 33.3333333333%; -ms-flex-preferred-size: 33.3333333333%; flex-basis: 33.3333333333%; }
   .medium-5 { max-width: 41.6666666667%; -ms-flex-preferred-size: 41.6666666667%; flex-basis: 41.6666666667%; }
   .medium-6 { max-width: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; }
   .medium-7 { max-width: 58.3333333333%; -ms-flex-preferred-size: 58.3333333333%; flex-basis: 58.3333333333%; }
   .medium-8 { max-width: 66.6666666667%; -ms-flex-preferred-size: 66.6666666667%; flex-basis: 66.6666666667%; }
   .medium-9 { max-width: 75%; -ms-flex-preferred-size: 75%; flex-basis: 75%; }
   .medium-10 { max-width: 83.3333333333%; -ms-flex-preferred-size: 83.3333333333%; flex-basis: 83.3333333333%; }
   .medium-11 { max-width: 91.6666666667%; -ms-flex-preferred-size: 91.6666666667%; flex-basis: 91.6666666667%; }
   .medium-12 { max-width: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; }
   .medium-columns-1 > .col, .medium-columns-1 .flickity-slider > .col { max-width: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; }
   .medium-columns-2 > .col, .medium-columns-2 .flickity-slider > .col { max-width: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; }
   .medium-columns-3 > .col, .medium-columns-3 .flickity-slider > .col { max-width: 33.3333333333%; -ms-flex-preferred-size: 33.3333333333%; flex-basis: 33.3333333333%; }
   .medium-columns-4 > .col, .medium-columns-4 .flickity-slider > .col { max-width: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; }
   .medium-columns-5 > .col, .medium-columns-5 .flickity-slider > .col { max-width: 20%; -ms-flex-preferred-size: 20%; flex-basis: 20%; }
   .medium-columns-6 > .col, .medium-columns-6 .flickity-slider > .col { max-width: 16.6666666667%; -ms-flex-preferred-size: 16.6666666667%; flex-basis: 16.6666666667%; }
   .medium-columns-7 > .col, .medium-columns-7 .flickity-slider > .col { max-width: 14.2857142857%; -ms-flex-preferred-size: 14.2857142857%; flex-basis: 14.2857142857%; }
   .medium-columns-8 > .col, .medium-columns-8 .flickity-slider > .col { max-width: 12.5%; -ms-flex-preferred-size: 12.5%; flex-basis: 12.5%; }
}
@media screen and (min-width:850px) {
   .large-1 { max-width: 8.3333333333%; -ms-flex-preferred-size: 8.3333333333%; flex-basis: 8.3333333333%; }
   .large-2 { max-width: 16.6666666667%; -ms-flex-preferred-size: 16.6666666667%; flex-basis: 16.6666666667%; }
   .large-3 { max-width: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; }
   .large-4 { max-width: 33.3333333333%; -ms-flex-preferred-size: 33.3333333333%; flex-basis: 33.3333333333%; }
   .large-5 { max-width: 41.6666666667%; -ms-flex-preferred-size: 41.6666666667%; flex-basis: 41.6666666667%; }
   .large-6 { max-width: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; }
   .large-7 { max-width: 58.3333333333%; -ms-flex-preferred-size: 58.3333333333%; flex-basis: 58.3333333333%; }
   .large-8 { max-width: 66.6666666667%; -ms-flex-preferred-size: 66.6666666667%; flex-basis: 66.6666666667%; }
   .large-9 { max-width: 75%; -ms-flex-preferred-size: 75%; flex-basis: 75%; }
   .large-10 { max-width: 83.3333333333%; -ms-flex-preferred-size: 83.3333333333%; flex-basis: 83.3333333333%; }
   .large-11 { max-width: 91.6666666667%; -ms-flex-preferred-size: 91.6666666667%; flex-basis: 91.6666666667%; }
   .large-12 { max-width: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; }
   .gallery-columns-1 .gallery-item, .large-columns-1 > .col, .large-columns-1 .flickity-slider > .col { max-width: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; }
   .gallery-columns-2 .gallery-item, .large-columns-2 > .col, .large-columns-2 .flickity-slider > .col { max-width: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; }
   .gallery-columns-3 .gallery-item, .large-columns-3 > .col, .large-columns-3 .flickity-slider > .col { max-width: 33.3333333333%; -ms-flex-preferred-size: 33.3333333333%; flex-basis: 33.3333333333%; }
   .gallery-columns-4 .gallery-item, .large-columns-4 > .col, .large-columns-4 .flickity-slider > .col { max-width: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; }
   .gallery-columns-5 .gallery-item, .large-columns-5 > .col, .large-columns-5 .flickity-slider > .col { max-width: 20%; -ms-flex-preferred-size: 20%; flex-basis: 20%; }
   .gallery-columns-6 .gallery-item, .large-columns-6 > .col, .large-columns-6 .flickity-slider > .col { max-width: 16.6666666667%; -ms-flex-preferred-size: 16.6666666667%; flex-basis: 16.6666666667%; }
   .gallery-columns-7 .gallery-item, .large-columns-7 > .col, .large-columns-7 .flickity-slider > .col { max-width: 14.2857142857%; -ms-flex-preferred-size: 14.2857142857%; flex-basis: 14.2857142857%; }
   .gallery-columns-8 .gallery-item, .large-columns-8 > .col, .large-columns-8 .flickity-slider > .col { max-width: 12.5%; -ms-flex-preferred-size: 12.5%; flex-basis: 12.5%; }
}
.has-shadow > .col > .col-inner { background-color: #fff; }
.col-hover-focus .col-inner, .col-hover-fade .col-inner, .col-hover-blur .col-inner { -webkit-transition: all, 0.2s; -o-transition: all, 0.2s; transition: all, 0.2s; }
.col-hover-fade .col-inner { opacity: 0.6; }
.col-hover-fade:hover .col-inner { opacity: 1; }
.col-hover-blur .col-inner { -webkit-filter: blur(3px); filter: blur(3px); }
.col-hover-blur:hover .col-inner { -webkit-filter: blur(0px); filter: blur(0px); }
.col-hover-focus:hover .col-inner { opacity: 1; }
.row:hover .col-hover-focus .col:not(:hover) { opacity: 0.6; }
body, .container, .full-width .ubermenu-nav, .container-width, .row { width: 100%; margin-left: auto; margin-right: auto; }
.container { padding-left: 15px; padding-right: 15px; }
.container-width, .full-width .ubermenu-nav, .container, .row { max-width: 1080px; }
.row.row-collapse { max-width: 1050px; }
.row.row-small { max-width: 1065px; }
.row.row-large { max-width: 1110px; }
body.framed, body.framed header, body.framed .header-wrapper, body.boxed, body.boxed header, body.boxed .header-wrapper, body.boxed .is-sticky-section { max-width: 1170px; }
@media screen and (min-width:850px) {
   body.framed { margin: 30px auto; }
}
.flex-row { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; }
.flex-row-start { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }
.flex-row-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.flex-row-col { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }
.text-center .flex-row { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.header .flex-row { height: 100%; }
.flex-col { max-height: 100%; }
.flex-grow { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -ms-flex-negative: 1; -ms-flex-preferred-size: auto !important; }
.flex-center { margin: 0 auto; }
.flex-left { margin-right: auto; }
.flex-right { margin-left: auto; }
.flex-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; }
.flex-has-center > .nav-row > .flex-col:not(.flex-center), .flex-has-center > .flex-row > .flex-col:not(.flex-center), .flex-has-center > .flex-col:not(.flex-center) { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
@media (max-width:849px) {
   .medium-flex-wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column wrap; flex-flow: column wrap; }
   .medium-flex-wrap .flex-col { padding-top: 5px; padding-bottom: 5px; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; width: 100%; }
}
@media (max-width:549px) {
   .small-flex-wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column wrap; flex-flow: column wrap; }
   .small-flex-wrap .flex-col { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; width: 100%; }
}
@media (min-width:850px) {
   .col2-set, .u-columns { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; }
   .col2-set > div + div, .u-columns > div + div { padding-left: 30px; }
}
.row-grid .box .image-cover { padding: 0; height: 100%; }
.grid-col > .col-inner { height: 100%; }
.grid-col .slider:not(.flickity-enabled), .grid-col > .col-inner > .img, .grid-col > .col-inner > .img div, .grid-col > .col-inner > .img .img-inner > img, .grid-col .slider > .img, .grid-col .flickity-slider > .img, .grid-col .col-inner > .img, .grid-col .slider-wrapper, .grid-col .slider, .grid-col .banner, .grid-col .box, .grid-col .box-image, .grid-col .box-image img, .grid-col .image-cover, .grid-col .image-cover img { -o-object-fit: cover; object-fit: cover; width: 100%; position: absolute !important; top: 0; bottom: 0; height: 100%; padding: 0 !important; }
.grid-col .box-image img { font-family: "object-fit:cover; "; }
.grid-col .flickity-viewport { height: 100% !important; }
.grid-col .box:not(.box-shade):not(.box-overlay):not(.box-badge) .box-text { background-color: rgba(255, 255, 255, 0.95); position: absolute; bottom: 0; padding-left: 1.5em; padding-right: 1.5em; }
@media all and (-ms-high-contrast:none) {
   .payment-icon svg { max-width: 50px; }
   .slider-nav-circle .flickity-prev-next-button svg { height: 36px !important; }
   .nav > li > a > i { top: -1px; }
}
.row, .gallery { width: 100%; -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; }
.row > div:not(.col):not([class^="col-"]) { width: 100% !important; }
.row.row-masonry, .row.row-grid { display: block; }
.row.row-masonry > .col, .row.row-grid > .col { float: left; }
.row .gallery, .row .row:not(.row-collapse), .container .row:not(.row-collapse), .lightbox-content .row:not(.row-collapse) { padding-left: 0; padding-right: 0; margin-left: -15px; margin-right: -15px; width: auto; }
.row .container { padding-left: 0; padding-right: 0; }
.slider-wrapper + .row:not(.row-collapse), .banner-grid-wrapper + .row:not(.row-collapse), .banner + .row:not(.row-collapse), .section + .row:not(.row-collapse) { margin-top: 30px; }
.row-full-width { max-width: 100% !important; }
.row-isotope { -webkit-transition: height 0.3s; -o-transition: height 0.3s; transition: height 0.3s; }
.row-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }
@media screen and (max-width:549px) {
   .small-row-reverse { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }
}
@media screen and (max-width:849px) {
   .medium-row-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }
}
.row-collapse { padding: 0; }
.row-collapse > .flickity-viewport > .flickity-slider > .col, .row-collapse > .col { padding: 0 !important; }
.row-collapse > .col .container { max-width: 100%; }
.row .row-small:not(.row-collapse), .container .row-small:not(.row-collapse) { margin-left: -10px; margin-right: -10px; margin-bottom: 0; }
.row-small > .flickity-viewport > .flickity-slider > .col, .row-small > .col { padding: 0 9.8px 19.6px; margin-bottom: 0; }
.row .row-xsmall:not(.row-collapse), .container .row-xsmall:not(.row-collapse) { margin-left: -2px; margin-right: -2px; margin-bottom: 0; }
.row-xsmall > .flickity-viewport > .flickity-slider > .col, .row-xsmall > .col { padding: 0 2px 3px; margin-bottom: 0; }
@media screen and (min-width:850px) {
   .row-large { padding-left: 0; padding-right: 0; }
   .row .row-large:not(.row-collapse), .container .row-large:not(.row-collapse) { margin-left: -30px; margin-right: -30px; margin-bottom: 0; }
   .row-large > .flickity-viewport > .flickity-slider > .col, .row-large > .col { padding: 0 30px 30px; margin-bottom: 0; }
}
.row-dashed, .row-solid { overflow: hidden; }
.row-dashed .col, .row-solid .col { position: relative; padding: 0; }
.row-dashed .col-inner, .row-solid .col-inner { padding: 15px; }
.row-dashed .col:before, .row-solid .col:before { position: absolute; content: " "; height: 100%; top: 0; left: -1px; border-left: 1px dashed #ddd; }
.row-dashed .col:after, .row-solid .col:after { position: absolute; content: " "; width: 100%; height: 0; top: auto; left: 0; bottom: -1px; border-bottom: 1px dashed #ddd; }
.row-solid .col:before { border-left-style: solid; }
.row-solid .col:after { border-bottom-style: solid; }
.dark .row-solid .col:before, .dark .row-solid .col:after, .dark .row-dashed .col:before, .dark .row-dashed .col:after { border-color: rgba(255, 255, 255, 0.2); }
.block-html-after-header .row .col { padding-bottom: 0; }
.wpb-js-composer .row:before { display: block !important; }
.section { padding: 30px 0; position: relative; min-height: auto; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row; flex-flow: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.section.dark { background-color: #666; }
.section-bg { overflow: hidden; }
.section-bg, .section-content { width: 100%; }
.section-content { z-index: 1; }
.has-parallax { overflow: hidden; }
.container .section, .row .section { padding-left: 30px; padding-right: 30px; }
.is-sticky-section + .sticky-section-helper { min-height: 100vh !important; background-color: #000; }
.sticky-section-helper + div { position: relative; background-color: #fff; -webkit-box-shadow: 15px 15px 15px 15px rgba(0, 0, 0, 0.1); box-shadow: 15px 15px 15px 15px rgba(0, 0, 0, 0.1); }
.sticky-section { padding: 0 !important; height: 100% !important; height: 100vh !important; width: 100% !important; top: 0; left: 0; right: 0; margin: 0 auto; background-color: #fff; position: relative; overflow: hidden; }
.is-sticky-section { position: fixed !important; }
.nav-dropdown { position: absolute; min-width: 260px; max-height: 0; z-index: 9; padding: 20px 0 20px; opacity: 0; margin: 0; -webkit-transition: opacity 0.25s; -o-transition: opacity 0.25s; transition: opacity 0.25s; color: #777; background-color: #fff; text-align: left; display: table; left: -99999px; }
.dark.nav-dropdown { color: #f1f1f1; }
.nav-dropdown:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; }
.nav-dropdown li { display: block; margin: 0; vertical-align: top; }
.nav-dropdown li ul { margin: 0; padding: 0; }
.nav-dropdown > li.html { min-width: 260px; }
li.current-dropdown > .nav-dropdown, .next-prev-thumbs li.has-dropdown:hover > .nav-dropdown, .no-js li.has-dropdown:hover > .nav-dropdown { opacity: 1; max-height: inherit; left: -15px; }
.nav-right li.current-dropdown:last-child > .nav-dropdown, .nav-right li.has-dropdown:hover:last-child > .nav-dropdown { left: auto; right: -15px; }
.nav-column li > a, .nav-dropdown > li > a { width: auto; display: block; padding: 10px 20px; line-height: 1.3; }
.nav-column > li:last-child:not(.nav-dropdown-col) > a, .nav-dropdown > li:last-child:not(.nav-dropdown-col) > a { border-bottom: 0 !important; }
.dropdown-uppercase.nav-dropdown .nav-column > li > a, .nav-dropdown.dropdown-uppercase > li > a { text-transform: uppercase; font-size: 0.85em; }
.nav-dropdown > li.nav-dropdown-col, .nav-dropdown > li.image-column { text-align: left; display: table-cell; white-space: nowrap; width: 160px; min-width: 160px; }
.nav-dropdown > li.nav-dropdown-col:not(:last-child), .nav-dropdown > li.image-column:not(:last-child) { border-right: 1px solid transparent; }
.nav-dropdown .menu-item-has-children > a, .nav-dropdown .title > a, .nav-dropdown .nav-dropdown-col > a { text-transform: uppercase; font-size: 0.8em; font-weight: bolder; color: #000; }
.nav-dropdown .nav-dropdown-col .menu-item-has-children { margin-top: 5px; }
.nav-dropdown li.image-column { margin: 0 !important; padding: 0 !important; border: 0 !important; }
.nav-dropdown li.image-column > a { line-height: 0 !important; font-size: 0 !important; padding: 0 !important; margin-left: 0 !important; margin-right: 0 !important; margin-top: -20px !important; margin-bottom: -20px !important; }
.nav-dropdown li.image-column > a img { margin: 0; display: block; width: 100%; }
.nav-dropdown li.image-column > a:hover { opacity: 0.8; }
.nav-dropdown-default li.image-column:first-child > a { margin-left: -20px !important; margin-right: 20px !important; }
.nav-dropdown-default li.image-column:last-child > a { margin-right: -20px !important; }
.nav-dropdown.nav-dropdown-bold > li.nav-dropdown-col, .nav-dropdown.nav-dropdown-simple > li.nav-dropdown-col { border-color: #f1f1f1; }
.nav-dropdown-default .nav-column li > a, .nav-dropdown.nav-dropdown-default > li > a { padding-left: 0; padding-right: 0; margin: 0 10px; border-bottom: 1px solid #ececec; }
.nav-dropdown-default { padding: 20px; }
.nav-dropdown-bold .nav-column li > a, .nav-dropdown.nav-dropdown-bold > li > a { margin: 0 10px; padding-left: 10px; border-radius: 10px; padding-right: 5px; }
.nav-dropdown-bold .nav-column li > a:hover, .nav-dropdown.nav-dropdown-bold > li > a:hover, .nav-dropdown-bold.dark .nav-column li > a:hover, .nav-dropdown.nav-dropdown-bold.dark > li > a:hover { color: #fff !important; background-color: #446084; }
.nav-dropdown-simple .nav-column li > a:hover, .nav-dropdown.nav-dropdown-simple > li > a:hover { background-color: rgba(0, 0, 0, 0.03); }
.nav-dropdown.nav-dropdown-simple li.html, .nav-dropdown.nav-dropdown-bold li.html { padding: 0 20px 10px; }
.menu-item-has-block .nav-dropdown { display: block; padding: 0; }
li.current-dropdown > .nav-dropdown-full, li.has-dropdown:hover > .nav-dropdown-full { position: fixed; margin-left: 0 !important; margin-right: 0 !important; left: 50% !important; -webkit-transition: opacity 0.3s !important; -o-transition: opacity 0.3s !important; transition: opacity 0.3s !important; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); right: auto; width: 100%; max-width: 1150px !important; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.nav-dropdown-full > li.nav-dropdown-col { white-space: normal; }
.nav-dropdown-has-arrow li.has-dropdown:after, .nav-dropdown-has-arrow li.has-dropdown:before { bottom: -2px; z-index: 10; opacity: 0; left: 50%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; }
.nav-dropdown-has-arrow li.has-dropdown:after { border-color: rgba(221, 221, 221, 0); border-bottom-color: #fff; border-width: 8px; margin-left: -8px; }
.nav-dropdown-has-arrow li.has-dropdown:before { z-index: -999; border-width: 11px; margin-left: -11px; }
.nav-dropdown-has-arrow li.has-dropdown.menu-item-design-container-width:after, .nav-dropdown-has-arrow li.has-dropdown.menu-item-design-container-width:before, .nav-dropdown-has-arrow li.has-dropdown.menu-item-design-full-width:after, .nav-dropdown-has-arrow li.has-dropdown.menu-item-design-full-width:before { display: none; }
.nav-dropdown-has-shadow .nav-dropdown { -webkit-box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.15); box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.15); }
.nav-dropdown-has-arrow.nav-dropdown-has-border li.has-dropdown:before { border-bottom-color: #ddd; }
.nav-dropdown-has-border .nav-dropdown { border: 2px solid #ddd; }
.nav-dropdown-has-arrow li.current-dropdown.has-dropdown:before, .nav-dropdown-has-arrow li.current-dropdown.has-dropdown:after { -webkit-transition: opacity 0.25s; -o-transition: opacity 0.25s; transition: opacity 0.25s; opacity: 1; }
.label-new.menu-item > a:after, .label-hot.menu-item > a:after, .label-sale.menu-item > a:after, .label-popular.menu-item > a:after { content: ""; display: inline-block; font-size: 9px; line-height: 9px; text-transform: uppercase; letter-spacing: -0.1px; margin-left: 4px; background-color: #000; font-weight: bolder; border-radius: 2px; color: #fff; padding: 2px 3px 3px; position: relative; top: -2px; }
.label-new.menu-item > a:after { background-color: #446084; }
.label-sale.menu-item > a:after { background-color: #d26e4b; }
.label-popular.menu-item > a:after { background-color: #7a9c59; }
.label-hot.menu-item > a:after { background-color: #b20000; }
.nav p { margin: 0; padding-bottom: 0; }
.nav, .nav ul:not(.nav-dropdown) { margin: 0; padding: 0; }
.nav > li > a.button, .nav > li > button { margin-bottom: 0; }
.nav { width: 100%; position: relative; display: inline-block; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.nav > li { display: inline-block; list-style: none; margin: 0; padding: 0; position: relative; margin: 0 7px; -webkit-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s; }
.nav > li > a { padding: 10px 0; display: inline-block; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.html .nav > li > a { padding-top: 0; padding-bottom: 0; }
.nav-small .nav > li > a, .nav.nav-small > li > a { vertical-align: top; padding-top: 5px; padding-bottom: 5px; font-weight: normal; }
.nav-small.nav > li.html { font-size: 0.75em; }
.nav-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.nav-fill { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.nav-left { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }
.nav-right { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }
@media (max-width:849px) {
   .medium-nav-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
}
@media (max-width:549px) {
   .small-nav-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
}
.nav > li > a, .nav-dropdown > li > a, .nav-column > li > a { color: rgba(102, 102, 102, 0.85); -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }
.nav-dropdown > li > a, .nav-column > li > a { display: block; }
.nav > li > a:hover, .nav > li.active > a, .nav > li.current > a, .nav > li > a.active, .nav > li > a.current, .nav-dropdown li.active > a, .nav-column li.active > a, .nav-dropdown > li > a:hover, .nav-column li > a:hover { color: rgba(17, 17, 17, 0.85); }
.nav li:first-child { margin-left: 0 !important; }
.nav li:last-child { margin-right: 0 !important; }
.nav-uppercase > li > a { letter-spacing: 0.02em; text-transform: uppercase; font-weight: bolder; }
.nav-thin > li > a { font-weight: thin !important; }
@media (min-width:850px) {
   .nav-divided > li { margin: 0 0.7em; }
   .nav-divided > li + li > a:after { content: ""; position: absolute; top: 50%; width: 1px; border-left: 1px solid rgba(0, 0, 0, 0.1); height: 15px; margin-top: -7px; left: -1em; }
   .nav-divided > li + li.icon-top > a:after { height: 50px; margin-top: -25px; }
}
li.html .row, li.html form, li.html select, li.html input { margin: 0; }
li.html > .button { margin-bottom: 0; }
li.hide-title > a { display: none !important; }
.nav-pagination > li > span, .nav-pagination > li > a { font-size: 1.1em; display: block; height: 2.25em; line-height: 2em; text-align: center; width: auto; min-width: 2.25em; padding: 0 7px; font-weight: bolder; border-radius: 99px; border: 2px solid currentColor; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; vertical-align: top; }
.nav-pagination > li i { font-size: 1.2em; vertical-align: middle; top: -1px; }
.nav-pagination > li > .current, .nav-pagination > li > span:hover, .nav-pagination > li > a:hover { border-color: #446084; background-color: #446084; color: #fff; }
.off-canvas .mobile-sidebar-slide { position: fixed; top: 0; bottom: 0; width: 100%; overflow: hidden; }
.off-canvas .mobile-sidebar-slide .sidebar-menu { height: 100%; padding-top: 0; padding-bottom: 0; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; -o-transition: transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); will-change: transform; }
.mobile-sidebar-levels-1 .nav-slide > li > ul.children, .mobile-sidebar-levels-1 .nav-slide > li > .sub-menu { position: fixed; top: 0; bottom: 0; width: 100%; padding-top: 20px; padding-right: 0; padding-bottom: 20px; left: 100%; opacity: 1; display: none; overflow: visible; overflow-y: auto; -webkit-transform: none; -ms-transform: none; transform: none; -webkit-overflow-scrolling: touch; }
.mobile-sidebar-levels-1 .nav-slide > li > ul.children > li, .mobile-sidebar-levels-1 .nav-slide > li > .sub-menu > li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.mobile-sidebar-levels-1 .nav-slide > li > ul.children.is-current-slide, .mobile-sidebar-levels-1 .nav-slide > li > .sub-menu.is-current-slide { display: block; }
.mobile-sidebar-levels-1 .nav-slide > li > ul.children.is-current-parent, .mobile-sidebar-levels-1 .nav-slide > li > .sub-menu.is-current-parent { overflow-y: hidden; width: 200%; padding-right: 100%; }
.mobile-sidebar-levels-2 .nav-slide > li > ul.children > li:not(.nav-slide-header), .mobile-sidebar-levels-2 .nav-slide > li > .sub-menu > li:not(.nav-slide-header) { margin-top: 0; margin-bottom: 0; border-top: 1px solid #ececec; -webkit-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s; }
.mobile-sidebar-levels-2 .nav-slide > li > ul.children > li:not(.nav-slide-header) > a, .mobile-sidebar-levels-2 .nav-slide > li > .sub-menu > li:not(.nav-slide-header) > a { padding-top: 15px; padding-bottom: 15px; padding-left: 20px; text-transform: uppercase; font-size: 0.8em; letter-spacing: 0.02em; color: rgba(102, 102, 102, 0.85); }
.mobile-sidebar-levels-2 .nav-slide > li > ul.children > li:not(.nav-slide-header).active, .mobile-sidebar-levels-2 .nav-slide > li > ul.children > li:not(.nav-slide-header):hover, .mobile-sidebar-levels-2 .nav-slide > li > .sub-menu > li:not(.nav-slide-header).active, .mobile-sidebar-levels-2 .nav-slide > li > .sub-menu > li:not(.nav-slide-header):hover { background-color: rgba(0, 0, 0, 0.05); }
.mobile-sidebar-levels-2 .nav-slide > li > ul.children > li:not(.nav-slide-header) > ul.children, .mobile-sidebar-levels-2 .nav-slide > li > ul.children > li:not(.nav-slide-header) > .sub-menu, .mobile-sidebar-levels-2 .nav-slide > li > .sub-menu > li:not(.nav-slide-header) > ul.children, .mobile-sidebar-levels-2 .nav-slide > li > .sub-menu > li:not(.nav-slide-header) > .sub-menu { position: fixed; top: 0; bottom: 0; width: 100%; padding-top: 20px; padding-right: 0; padding-bottom: 20px; left: 200%; opacity: 1; display: none; overflow: visible; overflow-y: auto; -webkit-transform: none; -ms-transform: none; transform: none; -webkit-overflow-scrolling: touch; }
.mobile-sidebar-levels-2 .nav-slide > li > ul.children > li:not(.nav-slide-header) > ul.children > li, .mobile-sidebar-levels-2 .nav-slide > li > ul.children > li:not(.nav-slide-header) > .sub-menu > li, .mobile-sidebar-levels-2 .nav-slide > li > .sub-menu > li:not(.nav-slide-header) > ul.children > li, .mobile-sidebar-levels-2 .nav-slide > li > .sub-menu > li:not(.nav-slide-header) > .sub-menu > li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.mobile-sidebar-levels-2 .nav-slide > li > ul.children > li:not(.nav-slide-header) > ul.children.is-current-slide, .mobile-sidebar-levels-2 .nav-slide > li > ul.children > li:not(.nav-slide-header) > .sub-menu.is-current-slide, .mobile-sidebar-levels-2 .nav-slide > li > .sub-menu > li:not(.nav-slide-header) > ul.children.is-current-slide, .mobile-sidebar-levels-2 .nav-slide > li > .sub-menu > li:not(.nav-slide-header) > .sub-menu.is-current-slide { display: block; }
.mobile-sidebar-levels-2 .nav-slide > li > ul.children > li:not(.nav-slide-header) > ul.children.is-current-parent, .mobile-sidebar-levels-2 .nav-slide > li > ul.children > li:not(.nav-slide-header) > .sub-menu.is-current-parent, .mobile-sidebar-levels-2 .nav-slide > li > .sub-menu > li:not(.nav-slide-header) > ul.children.is-current-parent, .mobile-sidebar-levels-2 .nav-slide > li > .sub-menu > li:not(.nav-slide-header) > .sub-menu.is-current-parent { overflow-y: hidden; width: 200%; padding-right: 100%; }
.nav-slide { height: 100%; padding-top: 20px; overflow: visible; overflow-y: auto; -webkit-overflow-scrolling: auto; }
.nav-slide .active > .toggle { -webkit-transform: none; -ms-transform: none; transform: none; }
.nav-slide > li { -ms-flex-negative: 0; flex-shrink: 0; }
.nav-slide-header .toggle { position: relative !important; top: 0 !important; margin-left: 0 !important; padding-left: 5px; text-align: left; width: 100%; }
.nav-slide-header .toggle i { margin-right: 2px; font-size: 1.4em; }
.text-center .nav-slide-header .toggle { width: auto; margin-left: auto !important; margin-right: auto !important; }
.nav-line-bottom > li > a:before, .nav-line-grow > li > a:before, .nav-line > li > a:before { content: " "; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 100%; background-color: #446084; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; opacity: 0; height: 3px; }
.nav-line-bottom > li:hover > a:before, .nav-line-grow > li:hover > a:before, .nav-line-bottom > li.active > a:before, .nav-line-grow > li.active > a:before, .nav-line > li.active > a:before, .nav-line > li:hover > a:before { opacity: 1; }
.nav:hover > li:not(:hover) > a:before { opacity: 0; }
.tabbed-content .nav-line-bottom:before { top: auto; bottom: 0; }
.nav-line-grow > li > a:before { width: 0%; }
.nav-line-grow > li.active > a:before, .nav-line-grow > li:hover > a:before { width: 100%; }
.nav-line-bottom > li:before, .nav-line-bottom > li:after { display: none; }
.nav-line-bottom > li > a:before { top: auto; bottom: 0; }
.nav-box > li.active > a, .nav-pills > li.active > a { opacity: 1; color: #fff; background-color: #446084; }
.nav-tabs > li.active > a { background-color: #fff; }
.nav-dark .nav.nav-tabs > li.active > a { color: #000; }
.nav-outline > li.active > a { color: #446084; border-color: currentColor; }
.tabbed-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; }
.tabbed-content .nav, .tabbed-content .tab-panels { width: 100%; }
.tab-panels { padding-top: 1em; }
.tab-panels .entry-content { padding: 0; }
.tab-panels .panel:not(.active) { zoom: 1; visibility: hidden; height: 0; padding: 0; display: block; overflow: hidden; opacity: 0; }
.tab-panels .panel.active { display: block !important; }
.nav-box > li, .nav-tabs > li, .nav-outline > li, .nav-pills > li { margin: 0; }
.nav-box > li > a { padding: 0 0.75em; line-height: 2.5em; }
.nav-pills > li > a { padding: 0 0.75em; border-radius: 99px; line-height: 2.5em; }
.nav-tabs > li > a { border-top: 2px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd; background-color: rgba(0, 0, 0, 0.04); padding-left: 15px; padding-right: 15px; }
.nav-tabs > li.active > a { border-top-color: #446084; }
.nav-dark .nav-tabs > li:not(.active) > a { background-color: rgba(255, 255, 255, 0.1); border-color: transparent; }
.tabbed-content .nav-tabs > li { margin: 0 0.1em; margin-bottom: -1px; }
.nav-tabs + .tab-panels { border: 1px solid #ddd; background-color: #fff; padding: 30px; }
.nav-outline > li > a { line-height: 2.4em; padding: 0 0.75em; position: relative; z-index: 10; border: 2px solid transparent; border-radius: 32px; }
@media (min-width:850px) {
   .tabbed-content .nav-vertical { padding-top: 0; width: 25%; }
   .nav-vertical + .tab-panels { margin-top: 0 !important; border-left: 1px solid #ddd; padding: 0 30px 30px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
   .tabbed-content .nav-vertical.nav-outline { padding-right: 15px; }
}
@media (max-width:549px) {
   .small-nav-collapse > li { width: 100%; margin: 0 !important; }
   .small-nav-collapse > li a { width: 100%; display: block; }
}
@media (max-width:549px) {
   .small-nav-touch { -webkit-overflow-scrolling: touch; overflow-x: auto; overflow-y: hidden; white-space: nowrap; -ms-flex-flow: nowrap; flex-flow: nowrap; }
   .small-nav-touch > li { display: inline-block; }
}
.toggle { height: auto; width: 45px; line-height: 1; -webkit-box-shadow: none !important; box-shadow: none !important; padding: 0; color: currentColor; opacity: 0.6; margin: 0 5px 0 0; }
.toggle i { font-size: 1.8em; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
.toggle:focus { color: currentColor; }
.toggle:hover { cursor: pointer; opacity: 1; }
.active > .toggle { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); }
.active > ul.children { display: block !important; }
.active > ul.sub-menu { display: block !important; }
.widget .toggle { width: 1em; min-height: 1em; margin: 0 0 0 5px; }
.widget .toggle i { top: 1px; font-size: 1.2em; }
.nav.nav-vertical { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; }
.nav.nav-vertical li { list-style: none; margin: 0; width: 100%; }
.nav-vertical li li { font-size: 1em; padding-left: 0.5em; }
.nav-vertical .image-column { display: none !important; }
.nav-vertical > li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.nav-vertical > li ul { width: 100%; }
.nav-vertical li li.menu-item-has-children { margin-bottom: 1em; }
.nav-vertical li li.menu-item-has-children:not(:first-child) { margin-top: 1em; }
.nav-vertical > li > ul > li a, .nav-vertical > li > a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: auto; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; }
.nav-vertical li li.menu-item-has-children > a { color: #000; text-transform: uppercase; font-size: 0.8em; font-weight: bolder; }
.nav-vertical > li.html { padding-top: 1em; padding-bottom: 1em; }
.nav-vertical > li > ul li a { -webkit-transition: color 0.2s; -o-transition: color 0.2s; transition: color 0.2s; color: #666; }
.nav-vertical > li > ul li a:hover { opacity: 1; color: #111; }
.nav-vertical > li > ul { margin: 0 0 2em; padding-left: 1em; }
.nav .children { position: fixed; opacity: 0; left: -99999px; -webkit-transition: background-color 0.6s, opacity 0.3s, -webkit-transform 0.3s; transition: background-color 0.6s, opacity 0.3s, -webkit-transform 0.3s; -o-transition: background-color 0.6s, transform 0.3s, opacity 0.3s; transition: background-color 0.6s, transform 0.3s, opacity 0.3s; transition: background-color 0.6s, transform 0.3s, opacity 0.3s, -webkit-transform 0.3s; -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); }
.nav:not(.nav-slide) .active > .children { position: inherit; opacity: 1; left: auto; padding-bottom: 30px; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
.nav-sidebar.nav-vertical > li.menu-item.active, .nav-sidebar.nav-vertical > li.menu-item:hover { background-color: rgba(0, 0, 0, 0.05); }
.nav-sidebar.nav-vertical > li + li { border-top: 1px solid #ececec; }
.dark .nav-sidebar.nav-vertical > li + li { border-color: rgba(255, 255, 255, 0.2); }
.nav-vertical > li + li { border-top: 1px solid #ececec; }
.nav-vertical.nav-line > li > a:before { right: -2px; z-index: 1; left: auto; width: 3px; height: 100%; }
.nav-vertical.nav-tabs > li > a { border: 0; }
.nav-vertical.nav-tabs > li.active > a { border-left: 3px solid #446084; }
.text-center .toggle { margin-left: -35px; }
.text-center .nav-vertical li { border: 0; }
.text-center.nav-vertical li li, .text-center .nav-vertical li li { padding-left: 0; }
@media screen and (max-width:549px) {
   .small-nav-vertical { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; margin-bottom: 20px; }
   .small-nav-vertical > li { list-style: none; margin: 0 !important; width: 100%; border-bottom: 1px solid #ececec; }
}
.nav-vertical .mega-menu-item { width: 100%; }
.nav-vertical .social-icons, .nav-vertical .header-button { display: block; width: 100%; }
@media screen and (min-width:849px) {
   .col-divided > .col-inner > .nav-wrapper > .nav-vertical { width: calc(100% + 31px); }
}
.badge-container { margin: 30px 0 0 0; }
.badge { display: table; z-index: 20; pointer-events: none; height: 2.8em; width: 2.8em; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.badge.top { left: 0; }
.badge-inner { display: table-cell; vertical-align: middle; text-align: center; width: 100%; height: 100%; background-color: #446084; line-height: 0.85; color: #fff; font-weight: bolder; padding: 2px; white-space: nowrap; -webkit-transition: background-color 0.3s, color 0.3s, border 0.3s; -o-transition: background-color 0.3s, color 0.3s, border 0.3s; transition: background-color 0.3s, color 0.3s, border 0.3s; }
.badge-small { width: 2.3em; height: 2.3em; }
.badge-small .badge-inner { line-height: 0.7; }
.badge + .badge { opacity: 0.9; width: 2.5em; height: 2.5em; }
.badge + .badge + .badge { opacity: 0.8; }
.badge-frame .badge-inner, .badge-outline .badge-inner { color: #446084; background-color: #fff; border: 2px solid currentColor; }
.has-hover:hover .badge-outline .badge-inner { border-color: #446084; background-color: #446084; color: #fff; }
.badge-outline, .badge-circle { margin-left: -0.4em; }
.badge-circle-inside { margin-left: 1em; }
.badge-circle + .badge { margin-top: -0.4em; margin-left: -0.4em; }
.badge-circle-inside .badge-inner, .badge-circle .badge-inner { border-radius: 999px; }
.badge-frame .badge-inner, .widget .badge-outline .badge-inner { background-color: transparent; }
.badge-frame { height: 2em; margin-left: -4px; }
.widget .badge { margin: 0 !important; }
.dark .widget .badge-outline .badge-inner { color: #fff; opacity: 0.7; }
.row-collapse .badge-circle { margin-left: 15px; }
.banner { position: relative; background-color: #446084; width: 100%; min-height: 30px; }
.banner-bg { overflow: hidden; }
.banner-layers { max-height: 100%; height: 100%; position: relative; }
@media (max-width:549px) {
   .banner-layers { overflow: auto; -webkit-overflow-scrolling: touch; }
}
.banner-layers > * { position: absolute !important; }
.dark .banner a { color: #fff; }
.video-bg { -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 50%; object-position: 50% 50%; font-family: "object-fit:cover; object-position: center center; "; position: absolute; width: 100%; height: 100%; }
@media (min-width:549px) {
   .has-video .bg { display: none; }
}
.box { width: 100%; position: relative; margin: 0 auto; }
.box > a { width: 100%; display: block; }
.box a { display: inline-block; }
.box, .box-image, .box-text { -webkit-transition: opacity 0.3s, background-color 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, background-color 0.3s, -webkit-transform 0.3s; -o-transition: opacity 0.3s, transform 0.3s, background-color 0.3s; transition: opacity 0.3s, transform 0.3s, background-color 0.3s; transition: opacity 0.3s, transform 0.3s, background-color 0.3s, -webkit-transform 0.3s; }
.box-image > a, .box-image > div > a { display: block; }
.box-text { padding-top: 0.7em; padding-bottom: 1.4em; position: relative; width: 100%; font-size: 0.9em; }
.has-shadow .box-text { padding-left: 1.2em; padding-right: 1.2em; }
@media (max-width:549px) {
   .box-text { font-size: 85%; }
}
.box-image { position: relative; height: auto; margin: 0 auto; overflow: hidden; }
.box-image[style*="-radius"] { -webkit-mask-image: -webkit-radial-gradient(white, black); }
.box-image-inner { position: relative; overflow: hidden; z-index: 0; }
.box-text.text-center { padding-left: 10px; padding-right: 10px; }
.box-image img { max-width: 100%; width: 100%; margin: 0 auto; }
.box-label { overflow: hidden; }
.box-label .box-text.text-center { -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); left: 50%; margin: 10% 0; }
.box-label .box-text.text-right { right: 0; left: auto; }
.box-label .box-text { position: absolute; bottom: 0; width: auto; padding: 0; margin: 10%; padding: 0.5em 1.5em 0.55em; background-color: #fff; opacity: 0.95; -webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.1); box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.1); }
.box-label:hover .box-text { opacity: 1; }
.box-badge { overflow: hidden; }
.box-badge .box-text { background-color: rgba(255, 255, 255, 0.95); padding: 0.8em 1em 1em; position: absolute; bottom: 15%; -webkit-transition: background 0.3s; -o-transition: background 0.3s; transition: background 0.3s; z-index: 1; }
.dark .box-badge .box-text { background-color: rgba(0, 0, 0, 0.95); }
.box-badge:hover .box-text { background-color: #446084; }
.box-bounce .box-text { padding: 15px 15px 20px; z-index: 1; }
.box-bounce:hover .box-text { -webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px); background-color: #fff; }
.dark .box-bounce:hover .box-text { background-color: #222; }
.box-bounce:hover .box-image { -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); }
.box-push .box-text { padding: 15px 20px; background-color: rgba(255, 255, 255, 0.95); max-width: 85%; margin: -15% auto 0; }
.box-overlay .box-text, .box-shade .box-text { position: absolute; width: 100%; max-height: 100%; bottom: 0; padding-left: 1.5em; padding-right: 1.5em; }
.box-overlay.dark .box-text, .box-shade.dark .box-text { text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); }
.box-none .box-text { display: none !important; }
.has-post-icon:hover .box-shade .box-text, .has-post-icon:hover .box-overlay .box-text { opacity: 0 !important; }
.box-text-middle.box-overlay .box-text, .box-text-middle.box-shade .box-text { position: absolute; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); top: 50%; bottom: auto !important; z-index: 16; left: 0; right: 0; }
.box-text-top.box-overlay .box-text, .box-text-top.box-shade .box-text { position: absolute; top: 0; bottom: auto !important; z-index: 16; left: 0; right: 0; }
.box-vertical .box-text-middle .box-text { position: relative; top: auto; bottom: auto; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
.has-box-vertical .col { width: 100% !important; max-width: 100% !important; }
@media screen and (max-width:549px) {
   .box-vertical .box-image { width: 100% !important; }
}
@media screen and (min-width:550px) {
   .box-list-view .col { -ms-flex-preferred-size: 100% !important; flex-basis: 100% !important; max-width: 100% !important; }
   .box-list-view .box, .box-vertical { display: table; width: 100%; }
   .box-list-view .box .image-right, .box-vertical .image-right { direction: rtl; }
   .box-list-view .box .box-image, .box-list-view .box .box-text, .box-vertical .box-image, .box-vertical .box-text { direction: ltr; display: table-cell; vertical-align: middle; }
   .box-list-view .box .box-text, .box-vertical .box-text { padding-left: 1.5em; padding-right: 1.5em; }
   .box-list-view .box .box-image, .box-vertical .box-image { width: 50%; }
   .box-list-view .box.align-top .box-text, .box-vertical.align-top .box-text { vertical-align: top; }
}
.button, button, input[type="submit"], input[type="reset"], input[type="button"] { position: relative; display: inline-block; background-color: transparent; text-transform: uppercase; font-size: 0.97em; letter-spacing: 0.03em; cursor: pointer; font-weight: bolder; text-align: center; color: currentColor; text-decoration: none; border: 1px solid transparent; vertical-align: middle; border-radius: 0; margin-top: 0; margin-right: 1em; text-shadow: none; line-height: 2.4em; min-height: 2.5em; padding: 0 1.2em; max-width: 100%; -webkit-transition: border 0.3s, background 0.3s, opacity 0.3s, color 0.3s, -webkit-transform 0.3s, -webkit-box-shadow 0.3s; transition: border 0.3s, background 0.3s, opacity 0.3s, color 0.3s, -webkit-transform 0.3s, -webkit-box-shadow 0.3s; -o-transition: transform 0.3s, border 0.3s, background 0.3s, box-shadow 0.3s, opacity 0.3s, color 0.3s; transition: transform 0.3s, border 0.3s, background 0.3s, box-shadow 0.3s, opacity 0.3s, color 0.3s; transition: transform 0.3s, border 0.3s, background 0.3s, box-shadow 0.3s, opacity 0.3s, color 0.3s, -webkit-transform 0.3s, -webkit-box-shadow 0.3s; text-rendering: optimizeLegibility; -webkit-box-sizing: border-box; box-sizing: border-box; }
.button span { display: inline-block; line-height: 1.6; }
.button.is-outline { line-height: 2.19em; }
.nav > li > a.button:hover, .nav > li > a.button { padding-top: 0; padding-bottom: 0; }
.nav > li > a.button:hover { color: #fff; }
.button, input[type="submit"], input[type="submit"].button, input[type="reset"].button, input[type="button"].button { color: #fff; background-color: #446084; background-color: var(--primary-color); border-color: rgba(0, 0, 0, 0.05); }
.button.is-outline, input[type="submit"].is-outline, input[type="reset"].is-outline, input[type="button"].is-outline { border: 2px solid currentColor; background-color: transparent; }
.dark .button.is-form:hover, .button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover { outline: none; opacity: 1; color: #fff; -webkit-box-shadow: inset 0 0 0 100px rgba(0, 0, 0, 0.2); box-shadow: inset 0 0 0 100px rgba(0, 0, 0, 0.2); }
.button.is-underline, .button.is-link { background-color: transparent !important; border-color: transparent !important; padding-left: 0.15em; padding-right: 0.15em; }
.button.is-underline:before { content: ""; height: 2px; background-color: currentColor; opacity: 0.3; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; position: absolute; bottom: 0; left: 20%; width: 60%; }
.button.is-underline:hover:before { left: 0%; width: 100%; opacity: 1; }
.is-link, .is-underline { color: #666; }
.dark .button.is-underline:hover, .dark .button.is-link:hover { color: #fff; opacity: 0.8; }
.button.is-underline:hover, .button.is-link:hover { color: #333; -webkit-box-shadow: none; box-shadow: none; }
.is-form, button.is-form, input[type="submit"].is-form, input[type="reset"].is-form, input[type="button"].is-form { overflow: hidden; position: relative; background-color: #f9f9f9; text-shadow: 1px 1px 1px #fff; color: #666; border: 1px solid #ddd; text-transform: none; font-weight: normal; }
.button.is-form:hover { color: #000; background-color: #f1f1f1; }
.dark .button, .dark input[type="submit"], .dark input[type="reset"], .dark input[type="button"] { color: #fff; }
.dark .button.is-form, .dark input[type="submit"].is-form, .dark input[type="reset"].is-form, .dark input[type="button"].is-form { color: #000; }
.is-round { border-radius: 99px; }
.is-shade, .is-bevel, .is-gloss { overflow: hidden; }
.is-gloss:after, .is-shade:after, .is-bevel:after { content: ""; position: absolute; top: 0; left: -25%; height: 100%; width: 150%; -webkit-box-shadow: inset 0 1.2em 0 0 rgba(255, 255, 255, 0.1); box-shadow: inset 0 1.2em 0 0 rgba(255, 255, 255, 0.1); }
.is-shade:after { -webkit-box-shadow: inset 1px 1px 0 0 rgba(255, 255, 255, 0.1), inset 0 2em 15px 0 rgba(255, 255, 255, 0.2); box-shadow: inset 1px 1px 0 0 rgba(255, 255, 255, 0.1), inset 0 2em 15px 0 rgba(255, 255, 255, 0.2); }
.is-bevel:after { left: 0; width: 100%; -webkit-box-shadow: inset -0.01em -0.1em 0 0 rgba(0, 0, 0, 0.15); box-shadow: inset -0.01em -0.1em 0 0 rgba(0, 0, 0, 0.15); }
.is-outline { color: silver; }
.is-outline:hover { -webkit-box-shadow: none !important; box-shadow: none !important; }
input[type="submit"], input[type="submit"].button, input[type="submit"], .primary { background-color: #446084; }
.primary.is-underline, .primary.is-link, .primary.is-outline { color: #446084; }
.is-outline:hover, .primary.is-outline:hover { color: #fff; background-color: #446084; border-color: #446084; }
.success { background-color: #7a9c59; }
.success.is-underline, .success.is-link, .success.is-outline { color: #7a9c59; }
.success.is-outline:hover { background-color: #7a9c59; border-color: #7a9c59; color: #fff; }
.white { background-color: #fff !important; color: #666 !important; }
.white.button.is-outline { background-color: transparent; color: currentColor !important; }
.white.is-underline, .white.is-link, .white.is-outline { color: #fff !important; background-color: transparent !important; }
.white.is-outline:hover { background-color: #fff !important; border-color: #fff; color: #666 !important; }
.secondary, .checkout-button, .button.checkout, .button.alt { background-color: #d26e4b; }
.secondary.is-underline, .secondary.is-link, .secondary.is-outline { color: #d26e4b; }
.secondary.is-outline:hover { background-color: #d26e4b; border-color: #d26e4b; color: #fff; }
a.primary:not(.button), a.secondary:not(.button) { background-color: transparent; }
.text-center .button:first-of-type { margin-left: 0 !important; }
.text-right .button:last-of-type, .text-center .button:last-of-type { margin-right: 0 !important; }
.button.disabled, button.disabled, .button[disabled], button[disabled] { opacity: 0.6; }
.header-buttons .button { margin-bottom: 0; margin-right: 0.65em; }
.header-button { display: inline-block; }
.header-button .plain.is-outline:not(:hover) { color: #999; }
.nav-dark .header-button .plain.is-outline:not(:hover) { color: #fff; }
.header-button .button { margin: 0; }
.scroll-for-more { margin-left: 0 !important; }
.scroll-for-more:not(:hover) { opacity: 0.7; }
.flex-col button, .flex-col .button, .flex-col input { margin-bottom: 0; }
code { padding: 0.2rem 0.5rem; margin: 0 0.2rem; font-size: 0.9em; background: #f1f1f1; border: 1px solid #e1e1e1; border-radius: 4px; }
pre > code { display: block; padding: 1rem 1.5rem; white-space: pre; }
.dark code { border-color: #000; background-color: rgba(0, 0, 0, 0.5); }
.is-divider { height: 3px; display: block; background-color: rgba(0, 0, 0, 0.1); margin: 1em 0 1em; width: 100%; max-width: 30px; }
.widget .is-divider { margin-top: 0.66em; }
.dark .is-divider { background-color: rgba(255, 255, 255, 0.3); }
form { margin-bottom: 0; }
textarea { padding-top: 0.7em; min-height: 120px; }
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 5px #ccc; box-shadow: 0 0 5px #ccc; opacity: 1 !important; outline: 0; color: #333; background-color: #fff; }
label, legend { font-weight: bold; display: block; font-size: 0.9em; margin-bottom: 0.4em; }
legend { width: 100%; font-size: 1em; text-transform: uppercase; font-weight: bold; border-bottom: 1px solid #f1f1f1; padding-bottom: 10px; margin: 30px 0 15px; }
fieldset { border-width: 0; padding: 0; }
input[type="checkbox"], input[type="radio"] { display: inline; margin-right: 10px; font-size: 16px; }
label > .label-body { display: inline-block; font-weight: normal; margin-left: 0.5em; }
abbr[title="required"] { color: #b20000; }
input[type="checkbox"] + label, input[type="radio"] + label { display: inline; }
select, .select-resize-ghost, .select2-container .select2-choice, .select2-container .select2-selection { -webkit-box-shadow: inset 0 -1.4em 1em 0 rgba(0, 0, 0, 0.02); box-shadow: inset 0 -1.4em 1em 0 rgba(0, 0, 0, 0.02); background-color: #fff; -webkit-appearance: none; -moz-appearance: none; background-image: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns=!string!width=!string!height=!string!viewBox=!string!fill=!string!stroke=!string!stroke-width=!string!stroke-linecap=!string!stroke-linejoin=!string!class=!string!%3E%3Cpolyline points=!string!%3E%3C/polyline%3E%3C/svg%3E"); background-position: right 0.45em top 50%; background-repeat: no-repeat; padding-right: 1.4em; background-size: auto 16px; border-radius: 0; display: block; }
.select-resize-ghost { display: inline-block; width: auto; position: absolute; opacity: 0; }
select.resize-select { width: 55px; }
.select2-selection__arrow b { border-color: transparent !important; }
.select2-container .selection .select2-selection--multiple { padding: 10px; height: auto; max-height: 200px; background-image: none; line-height: 1.7em; }
.select2-container .selection .select2-selection--multiple .select2-selection__choice { padding: 5px; }
@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {
   select::-ms-expand { display: none; }
   select:focus::-ms-value { background: transparent; color: currentColor; }
}
.form-flat input:not([type='http://www.w3.org/2000/svg']), .form-flat textarea, .form-flat select { background-color: rgba(0, 0, 0, 0.03); -webkit-box-shadow: none; box-shadow: none; border-color: rgba(0, 0, 0, 0.09); color: currentColor !important; border-radius: 99px; }
.form-flat button, .form-flat input { border-radius: 99px; }
.form-flat textarea { border-radius: 15px; }
.form-flat .flex-row .flex-col, .flex-row.form-flat .flex-col { padding-right: 4px; }
.dark .form-flat input:not([type="24"]), .dark .form-flat textarea, .dark .form-flat select, .nav-dark .form-flat input:not([type="24"]), .nav-dark .form-flat textarea, .nav-dark .form-flat select { background-color: rgba(255, 255, 255, 0.2) !important; border-color: rgba(255, 255, 255, 0.09); color: #fff; }
.dark .form-flat select option { color: #333; }
.nav-dark .form-flat select, .dark .form-flat select { background-image: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns=!string!width=!string!height=!string!viewBox=!string!fill=!string!stroke=!string!stroke-width=!string!stroke-linecap=!string!stroke-linejoin=!string!class=!string!%3E%3Cpolyline points=!string!%3E%3C/polyline%3E%3C/svg%3E"); }
.nav-dark .form-flat input::-webkit-input-placeholder, .dark .form-flat input::-webkit-input-placeholder { color: #fff; }
.form-flat .button.icon { color: currentColor !important; border-color: transparent !important; background-color: transparent !important; -webkit-box-shadow: none; box-shadow: none; }
.form-minimal input:not([type="0 0 24 24"]), .form-minimal textarea, .form-minimal select { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; }
.form-minimal.quantity .qty { max-width: 2em; border-left: 0; border-right: 0; }
input.wpcf7-not-valid, .woocommerce-invalid input { border-color: #b20000; color: #b20000; }
.woocommerce-invalid select { border-color: #b20000; }
.woocommerce-invalid input.input-checkbox { outline: 1px solid #b20000; outline-offset: 1px; }
.select2-container { text-align: left; }
.form-row .select2-container { margin-bottom: 1em; }
.select2-search__field { margin-bottom: 0; }
.select2-container--default .select2-selection--single .select2-selection__arrow { width: 30px; }
.select2-container .select2-choice > .select2-chosen, .select2-container .select2-selection--single .select2-selection__rendered, .select2-selection { padding: 0; line-height: 2.507em; }
.select2-container--default .select2-selection--single .select2-selection__arrow { height: 2.507em; }
.fl-wrap { position: relative; }
.loading-site .fl-labels label[for]:first-child { display: none; }
.fl-labels .fl-wrap label[for]:first-child { -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; font-size: 12px; white-space: nowrap; position: absolute; line-height: 1; top: 0.5em; opacity: 0; pointer-events: none; left: 1.1em; font-weight: normal; }
.dark .fl-wrap label { color: #000; }
.fl-wrap.fl-is-active > label[for]:first-child { z-index: 1; opacity: 0.8; }
.fl-labels .form-row input:not([type="none"]), .fl-labels .form-row textarea, .fl-labels .form-row select { height: 3.0084em; -webkit-transition: padding 0.3s; -o-transition: padding 0.3s; transition: padding 0.3s; }
.form-row .fl-is-active input, .form-row .fl-is-active textarea { padding-top: 1.1em; padding-bottom: 0.5em; }
.form-row .fl-is-active select { padding-top: 1.1em; padding-bottom: 0.4em; }
.icon-box .icon-box-img { margin-bottom: 1em; max-width: 100%; position: relative; }
.slider > .icon-box, .flickity-slider > .icon-box { padding-right: 3% !important; padding-left: 3% !important; }
.icon-box-img svg, .icon-box-img img { padding-top: 0.2em; width: 100%; }
.icon-box-img svg { width: 100%; height: 100%; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; fill: currentColor; }
.icon-box-img svg path { fill: currentColor; }
.icon-box:hover .has-icon-bg svg path, .icon-box:hover .has-icon-bg svg, .icon-box:hover .has-icon-bg i { fill: #fff; }
.has-icon-bg .icon { padding-top: 100%; height: 0; overflow: hidden; position: relative; }
.has-icon-bg .icon .icon-inner { color: #446084; position: absolute; height: 100%; width: 100%; top: 0; border: 2px solid currentColor; border-radius: 100%; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
.icon-box:hover .has-icon-bg .icon .icon-inner { background-color: currentColor; }
.has-icon-bg .icon svg, .has-icon-bg .icon i, .has-icon-bg .icon img { position: absolute; left: 0; -o-object-fit: cover; object-fit: cover; padding: 0; top: 50%; margin: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 60%; margin-left: 20%; margin-right: 20%; }
.icon-box-left .has-icon-bg .icon { position: absolute; width: 100%; }
.icon-box-left, .icon-box-right { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; width: 100%; }
.icon-box-left .icon-box-img, .icon-box-right .icon-box-img { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-bottom: 0; max-width: 200px; }
.icon-box-left .icon-box-text, .icon-box-right .icon-box-text { -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0px; }
.icon-box-right .icon-box-text { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; }
.icon-box-left .icon-box-img + .icon-box-text { padding-left: 1em; }
.icon-box-right .icon-box-img + .icon-box-text { padding-right: 1em; }
.icon-box-center .icon-box-img { margin: 0 auto 1em; }
.links > li > a:before, i[class^="icon-"], i[class*=" icon-"] { font-family: "fl-icons" !important; font-display: block; speak: none !important; margin: 0; padding: 0; display: inline-block; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; position: relative; line-height: 1.2; }
.widget-title i { opacity: 0.35; margin-right: 4px; }
button i, .button i { vertical-align: middle; top: -1.5px; }
.button.open-video i { top: -0.027em; }
a.remove, a.icon-remove { display: block; width: 24px; height: 24px; font-size: 15px !important; line-height: 19px !important; border-radius: 100%; color: #ccc; font-weight: bold; text-align: center; border: 2px solid currentColor; }
button.icon:not(.button), a.icon:not(.button) { font-family: sans-serif; margin-left: 0.25em; margin-right: 0.25em; font-size: 1.2em; }
.header a.icon:not(.button) { margin-left: 0.3em; margin-right: 0.3em; }
.header .nav-small a.icon:not(.button) { font-size: 1em; }
.button.icon { margin-left: 0.12em; margin-right: 0.12em; min-width: 2.5em; padding-left: 0.6em; padding-right: 0.6em; display: inline-block; }
.button.icon i { font-size: 1.2em; }
.button.icon i + span { padding-right: 0.5em; }
.button.icon.is-small { border-width: 1px; }
.button.icon.is-small i { top: -1px; }
.button.icon.circle { padding-left: 0; padding-right: 0; }
.button.icon.circle > span { margin: 0 8px; }
.button.icon.circle > span + i { margin-left: -4px; }
.button.icon.circle > i { margin: 0 8px; }
.button.icon.circle > i + span { margin-left: -4px; }
.button.icon.circle > i:only-child { margin: 0; }
.nav > li > a > i { vertical-align: middle; -webkit-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; font-size: 20px; }
.nav > li > a > i + span { margin-left: 5px; }
.nav li.has-icon-left > a > i, .nav li.has-icon-left > a > svg, .nav li.has-icon-left > a > img { margin-right: 5px; }
.nav > li > a > span + i { margin-left: 5px; }
.nav-small > li > a > i { font-size: 1em; }
.nav > li > a > i.icon-search { font-size: 1.2em; }
.nav > li > a > i.icon-menu { font-size: 1.9em; }
.nav > li.has-icon > a > i { min-width: 1em; }
.nav-vertical > li > a > i { font-size: 16px; opacity: 0.6; }
.header-button a.icon:not(.button) { display: inline-block; padding: 6px 0; }
.header-button a.icon:not(.button) i { font-size: 24px; }
.header-button a.icon:not(.button) i.icon-search { font-size: 16px; }
.nav-small .header-button a.icon:not(.button) { padding: 3px 0; }
.button:not(.icon) > i { margin-left: -0.15em; margin-right: 0.4em; }
.button:not(.icon) > span + i { margin-right: -0.15em; margin-left: 0.4em; }
.has-dropdown .icon-angle-down { font-size: 16px; margin-left: 0.2em; opacity: 0.6; }
.overlay-icon { background-color: rgba(0, 0, 0, 0.2); width: 3em; color: #fff; height: 3em; line-height: 2.8em; border-radius: 100%; text-align: center; border: 2px solid #fff; opacity: 0.8; -webkit-transition: opacity 0.2s, -webkit-transform 0.2s; transition: opacity 0.2s, -webkit-transform 0.2s; -o-transition: transform 0.2s, opacity 0.2s; transition: transform 0.2s, opacity 0.2s; transition: transform 0.2s, opacity 0.2s, -webkit-transform 0.2s; }
.overlay-icon i { font-size: 1.3em; -webkit-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; top: 3px; }
.has-hover:hover .overlay-icon { opacity: 1; -webkit-transform: scale(1.15); -ms-transform: scale(1.15); transform: scale(1.15); }
.box-shade .overlay-icon, .box-overlay .overlay-icon { opacity: 0; }
.image-icon { display: inline-block; height: auto; vertical-align: middle; position: relative; }
span + .image-icon { margin-left: 10px; }
.image-icon img { max-width: 32px; min-width: 100%; }
.nav-small .image-icon { width: 16px; height: 16px; margin: 0 5px; }
.nav-small .image-icon img { vertical-align: top; }
[data-icon-label] { position: relative; }
[data-icon-label="%23333"]:after { display: none; }
[data-icon-label]:after { content: attr(data-icon-label); position: absolute; font-style: normal; font-family: Arial, Sans-serif !important; top: -10px; right: -10px; font-weight: bolder; background-color: #d26e4b; -webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.3); box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.3); font-size: 11px; padding-left: 2px; padding-right: 2px; opacity: 0.9; line-height: 17px; letter-spacing: -0.5px; height: 17px; min-width: 17px; border-radius: 99px; color: #fff; text-align: center; z-index: 1; -webkit-transition: -webkit-transform 0.2s; transition: -webkit-transform 0.2s; -o-transition: transform 0.2s; transition: transform 0.2s; transition: transform 0.2s, -webkit-transform 0.2s; }
.nav-small [data-icon-label]:after { min-width: 13px; top: -4px; right: -10px; height: 13px; font-size: 10px; line-height: 13px; }
.button [data-icon-label]:after { top: -12px; right: -12px; }
.reveal-icon i { width: 1em; }
.reveal-icon i, .reveal-icon span { display: inline-block; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, -webkit-transform 0.3s; -o-transition: opacity 0.3s, transform 0.3s; transition: opacity 0.3s, transform 0.3s; transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s; }
.reveal-icon span { -webkit-transform: translateX(0.75em); -ms-transform: translateX(0.75em); transform: translateX(0.75em); }
.reveal-icon i + span { -webkit-transform: translateX(-0.75em); -ms-transform: translateX(-0.75em); transform: translateX(-0.75em); }
.reveal-icon:hover > span { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
.reveal-icon:not(:hover) i { opacity: 0; }
img { -webkit-transition: opacity 1s; -o-transition: opacity 1s; transition: opacity 1s; opacity: 1; }
.col-inner > .img:not(:last-child), .col > .img:not(:last-child) { margin-bottom: 1em; }
.img { position: relative; }
.img .img-inner { position: relative; overflow: hidden; }
.overlay { position: absolute; top: 0; bottom: 0; height: 100%; left: -1px; right: -1px; background-color: rgba(0, 0, 0, 0.15); -webkit-transition: opacity 0.6s, -webkit-transform 0.3s; transition: opacity 0.6s, -webkit-transform 0.3s; -o-transition: transform 0.3s, opacity 0.6s; transition: transform 0.3s, opacity 0.6s; transition: transform 0.3s, opacity 0.6s, -webkit-transform 0.3s; pointer-events: none; }
.img .caption { position: absolute; -webkit-transition: -webkit-transform 0.5s; transition: -webkit-transform 0.5s; -o-transition: transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); max-height: 100% !important; overflow-y: auto; bottom: 0; padding: 4px 10px; font-size: 14px; color: #fff; width: 100%; background-color: rgba(0, 0, 0, 0.3); }
.img .caption-show, .img:hover .caption { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
.lazy-load { background-color: rgba(0, 0, 0, 0.03); }
.has-format, .video-fit, .image-cover { position: relative; height: auto; overflow: hidden; padding-top: 100%; background-position: 50% 50%; background-size: cover; }
.video-fit { padding-top: 56.5%; }
.video-fit video, .video-fit iframe, img.back-image, .image-cover img, .has-format img, .has-equal-box-heights .box-image img { right: 0; width: 100%; height: 100%; bottom: 0; left: 0; top: 0; position: absolute; -o-object-position: 50% 50%; object-position: 50% 50%; -o-object-fit: cover; object-fit: cover; font-family: "object-fit:cover; "; }
.has-equal-box-heights .box-image { padding-top: 100%; }
.video-fit iframe { -o-object-fit: fill; object-fit: fill; }
.image-tools { padding: 10px; position: absolute; }
.image-tools a:last-child { margin-bottom: 0; }
.image-tools a.button { display: block; }
.image-tools.bottom.left { padding-top: 0; padding-right: 0; }
.image-tools.top.right { padding-bottom: 0; padding-left: 0; }
.image-tools .cart-icon { position: absolute; left: 10px; margin: 5px; bottom: 100%; }
.image-tools .wishlist-button:hover { background-color: #b20000; border-color: #b20000; }
@media only screen and (max-device-width:1024px) {
   .image-tools { opacity: 1 !important; padding: 5px; }
}
.overlay-tools { margin-top: 10px; }
.overlay-tools a { display: inline-block; font-size: 0.8em; background-color: rgba(0, 0, 0, 0.4); padding: 2px 10px 3px; margin-right: 5px; border-radius: 99px; text-shadow: none; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
.overlay-tools a:hover { background-color: #fff; color: #000 !important; }
.tag-label { text-transform: uppercase; display: inline-block; font-size: 0.65em; line-height: 1; letter-spacing: 1.1px; font-weight: bold; border-radius: 2px; padding: 2px 5px; color: #fff; background-color: rgba(0, 0, 0, 0.4); -webkit-transition: background-color 0.3s, opacity 0.3s; -o-transition: background-color 0.3s, opacity 0.3s; transition: background-color 0.3s, opacity 0.3s; }
.has-hover:hover .tag-label { opacity: 1; background-color: #d26e4b; }
.lightbox-content { background-color: #fff; max-width: 875px; margin: 0 auto; -webkit-box-shadow: 3px 3px 20px 0 rgba(0, 0, 0, 0.15); box-shadow: 3px 3px 20px 0 rgba(0, 0, 0, 0.15); position: relative; }
.lightbox-content .lightbox-inner { padding: 30px 20px; }
.pswp__bg { background-color: rgba(0, 0, 0, 0.6); }
@media (min-width:549px) {
   .pswp__top-bar { background-color: transparent !important; }
}
.pswp__item { -webkit-transition: opacity 0.5s; -o-transition: opacity 0.5s; transition: opacity 0.5s; opacity: 0; }
.pswp--visible .pswp__item { opacity: 1; }
.pswp__caption__center { text-align: center; }
.mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0; -webkit-transition: opacity 0.25s; -o-transition: opacity 0.25s; transition: opacity 0.25s; }
.mfp-bg.mfp-ready { opacity: 0.6; }
.mfp-bg.mfp-removing { opacity: 0 !important; }
.mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; }
.mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 30px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.mfp-container:before { content: "2"; display: inline-block; height: 100%; vertical-align: middle; }
.mfp-image-holder { padding: 40px 6.66%; }
.mfp-align-top .mfp-container:before { display: none; }
.mfp-content { position: relative; display: inline-block; vertical-align: middle; max-width: 100%; margin: 0 auto; text-align: left; z-index: 1045; -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); opacity: 0; -webkit-transition: opacity 0.3s, -webkit-transform 0.5s; transition: opacity 0.3s, -webkit-transform 0.5s; -o-transition: transform 0.5s, opacity 0.3s; transition: transform 0.5s, opacity 0.3s; transition: transform 0.5s, opacity 0.3s, -webkit-transform 0.5s; }
.mfp-content-inner { -webkit-box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.2); box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.2); }
.mfp-ready .mfp-content { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
.mfp-ready.mfp-removing .mfp-content { opacity: 0; }
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; }
.mfp-ajax-cur { cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -webkit-zoom-out; cursor: zoom-out; }
.mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: zoom-in; }
.mfp-auto-cursor .mfp-content { cursor: auto; }
.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.mfp-loading.mfp-figure { display: none; }
.mfp-hide { display: none !important; }
.mfp-preloader { color: #ccc; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; }
.mfp-preloader a { color: #ccc; }
.mfp-preloader a:hover { color: #fff; }
.mfp-s-ready .mfp-preloader { display: none; }
.mfp-s-error .mfp-content { display: none; }
.mfp-close { cursor: pointer; outline: none; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; position: fixed; top: 0; right: 0; text-decoration: none; text-align: center; opacity: 0; padding: 0; mix-blend-mode: difference; margin: 0 !important; color: #fff; font-style: normal; font-weight: 300; font-size: 40px; min-height: 0; width: 40px; -webkit-backface-visibility: hidden; height: 40px; line-height: 40px; font-family: Arial, monospace; -webkit-transition: opacity 0.6s, -webkit-transform 0.6s; transition: opacity 0.6s, -webkit-transform 0.6s; -o-transition: opacity 0.6s, transform 0.6s; transition: opacity 0.6s, transform 0.6s; transition: opacity 0.6s, transform 0.6s, -webkit-transform 0.6s; -webkit-transform: translateY(50%) translateZ(1px); transform: translateY(50%) translateZ(1px); }
.mfp-close svg { pointer-events: none; }
.mfp-content .mfp-close { position: absolute; }
.mfp-ready .mfp-close { opacity: 0.6; -webkit-transform: translateY(0) translateZ(1px); transform: translateY(0) translateZ(1px); }
.mfp-removing .mfp-close { display: none !important; }
.mfp-close:hover { opacity: 1; }
.mfp-close-btn-in .mfp-close { top: 0 !important; color: currentColor; }
.mfp-counter { position: absolute; top: 0; right: 0; color: #ccc; font-size: 12px; line-height: 18px; }
.mfp-arrow { position: fixed; opacity: 0.6; color: #fff; mix-blend-mode: difference; top: 50%; z-index: 1046; margin: 0; text-align: center; width: 50px; height: 50px; }
.mfp-arrow i { pointer-events: none; font-size: 42px !important; }
.mfp-arrow:hover { opacity: 1; }
.mfp-arrow:active { top: 50.1%; }
.mfp-arrow-left { left: 0; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); }
.mfp-arrow-right { right: 0; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); }
.mfp-ready .mfp-arrow-right, .mfp-ready .mfp-arrow-left { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
.mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; }
.mfp-iframe-holder .mfp-close { top: -40px; }
.mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; }
.mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; }
img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; -webkit-backface-visibility: hidden; backface-visibility: hidden; line-height: 0; padding: 0 0 40px; margin: 0 auto; }
.mfp-figure { line-height: 0; }
.mfp-figure:after { content: "round"; position: absolute; left: 0; top: 0; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; }
.mfp-figure small { color: #bdbdbd; display: block; font-size: 12px; line-height: 14px; }
.mfp-figure figure { margin: 0; }
.mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; }
.mfp-title { font-size: 11px; text-align: left; line-height: 18px; color: #f3f3f3; word-wrap: break-word; padding-right: 36px; }
.mfp-title a { text-decoration: underline; color: #f3f3f3; }
.mfp-title a:hover { text-decoration: none; color: #f3f3f3; opacity: 0.8; }
.mfp-image-holder .mfp-content { max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; }
@media screen and (max-width:800px) and (orientation:landscape), screen and (max-height:300px) {
   .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; }
   .mfp-img-mobile img.mfp-img { padding: 0; }
   .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; }
   .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; }
   .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; box-sizing: border-box; }
   .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; }
   .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; }
}
@media (max-width:849px) {
   body.body-scroll-lock--active .mfp-wrap { position: fixed !important; overflow: auto; }
}
.processing, .loading-spin { position: relative; }
.processing:before, .loading-spin { content: "round"; margin: 0px auto; font-size: 10px; text-indent: -9999em; border-top: 3px solid rgba(0, 0, 0, 0.1) !important; border-right: 3px solid rgba(0, 0, 0, 0.1) !important; border-bottom: 3px solid rgba(0, 0, 0, 0.1) !important; opacity: 0.8; border-left: 3px solid #446084; -webkit-animation: spin 0.6s infinite linear; animation: spin 0.6s infinite linear; border-radius: 50%; width: 30px; height: 30px; pointer-events: none; }
.box-image.processing:before, .dark .processing:before, .dark.processing:before, .dark.loading-spin, .dark .loading-spin { border-top: 3px solid rgba(0, 0, 0, 0.1) !important; border-right: 3px solid rgba(0, 0, 0, 0.1) !important; border-bottom: 3px solid rgba(0, 0, 0, 0.1) !important; border-left: 3px solid #fff !important; }
.box-image.processing:after { content: "feather feather-chevron-down"; background-color: #000; opacity: 0.1; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.box-image.processing .image-tools { opacity: 0 !important; }
.woocommerce-checkout.processing:before { position: fixed; }
.processing:before, .loading-spin.centered { position: absolute; top: 50%; left: 50%; margin-left: -15px; margin-top: -15px; z-index: 99; }
.loading-spin { border-radius: 50%; width: 30px; height: 30px; }
.button.loading { opacity: 1 !important; position: relative; color: rgba(255, 255, 255, 0.05); pointer-events: none !important; }
.button.loading:after { -webkit-animation: spin 500ms infinite linear; animation: spin 500ms infinite linear; border: 2px solid #fff; border-radius: 32px; border-right-color: transparent !important; border-top-color: transparent !important; content: "6 9 12 15 18 9"; display: block; height: 16px; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; position: absolute; width: 16px; }
.is-outline .button.loading:after { border-color: #446084; }
@-webkit-keyframes spin {
   0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
   100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes spin {
   0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
   100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
.ux-menu-link { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.ux-menu-link--active .ux-menu-link__link, .ux-menu-link:hover .ux-menu-link__link { color: rgba(17, 17, 17, 0.85); }
.dark .ux-menu-link__link { border-bottom-color: rgba(255, 255, 255, 0.2); }
.dark .ux-menu-link--active .ux-menu-link__link, .dark .ux-menu-link:hover .ux-menu-link__link { color: rgba(255, 255, 255, 0.85); }
.ux-menu.ux-menu--divider-solid .ux-menu-link:not(:last-of-type) .ux-menu-link__link { border-bottom-style: solid; }
.ux-menu-link__link { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-height: 2.5em; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; padding-top: 0.3em; padding-bottom: 0.3em; color: currentColor; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; border-bottom-color: #ececec; border-bottom-width: 1px; }
.ux-menu-link__icon { width: 16px; -ms-flex-negative: 0; flex-shrink: 0; vertical-align: middle; }
.ux-menu-link__icon + .ux-menu-link__text { padding-left: 0.5em; }
.ux-menu-title { -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-transform: uppercase; font-size: 0.8em; font-weight: bolder; margin-top: 5px; color: #000; min-height: 3.125em; padding-top: 0.3em; padding-bottom: 0.3em; }
.ux-menu-link + .ux-menu-title { margin-top: 5px !important; }
.dark .ux-menu-title { color: currentColor; }
.off-canvas .mfp-content { -ms-scrollbar-base-color: #000; -ms-scrollbar-arrow-color: #000; -ms-overflow-style: -ms-autohiding-scrollbar; }
.off-canvas .nav-vertical > li > a { padding-top: 15px; padding-bottom: 15px; }
.off-canvas .nav-vertical li li > a { padding-top: 5px; padding-bottom: 5px; }
.off-canvas .hide-for-off-canvas { display: none !important; }
.off-canvas .hide-for-small, .off-canvas .hide-for-medium { display: inline-block !important; }
.off-canvas-right .mfp-content, .off-canvas-left .mfp-content { position: fixed; top: 0; bottom: 0; width: 260px; background-color: rgba(255, 255, 255, 0.95); left: 0; overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; -webkit-transition: -webkit-transform 0.2s; transition: -webkit-transform 0.2s; -o-transition: transform 0.2s; transition: transform 0.2s; transition: transform 0.2s, -webkit-transform 0.2s; -webkit-transform: translateX(-270px); -ms-transform: translateX(-270px); transform: translateX(-270px); -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5); }
.off-canvas-right.dark .mfp-content, .off-canvas-left.dark .mfp-content { background-color: rgba(0, 0, 0, 0.95); }
.off-canvas-right .mfp-content { left: auto; right: 0; -webkit-transform: translateX(270px); -ms-transform: translateX(270px); transform: translateX(270px); }
.off-canvas-center .nav-vertical > li > ul > li a, .off-canvas-center .nav-vertical > li > a { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.off-canvas-center .nav-vertical > li > a { font-size: 1.5em; }
.off-canvas-center .mfp-container { padding: 0; }
.off-canvas-center .mfp-content { padding-top: 50px; max-width: 700px; overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; }
.off-canvas-center .mfp-content .searchform { max-width: 260px; margin: 0 auto; }
.off-canvas-center.mfp-bg.mfp-ready { opacity: 0.85; }
.mfp-bg.off-canvas-center:not(.dark) { background-color: #fff; opacity: 0.95; }
.off-canvas-center .nav-sidebar.nav-vertical > li { border: 0; }
.off-canvas-center .nav-sidebar.nav-vertical > li > a { padding-right: 30px; padding-left: 30px; }
.off-canvas-center .nav-sidebar.nav-vertical > li .toggle { position: absolute; top: 15px; right: 0; }
.off-canvas-center:not(.dark) .mfp-close { color: currentColor; }
.off-canvas.mfp-removing .mfp-content { opacity: 0 !important; }
.off-canvas-left.mfp-ready .mfp-content, .off-canvas-right.mfp-ready .mfp-content { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; }
.has-off-canvas .off-canvas-blur { -webkit-filter: blur(5px); filter: blur(5px); }
.has-off-canvas .off-canvas-zoom { -webkit-transform: scale(0.98); -ms-transform: scale(0.98); transform: scale(0.98); }
.has-off-canvas .current-lightbox-clicked { opacity: 0 !important; -webkit-transform: translateY(-7px); -ms-transform: translateY(-7px); transform: translateY(-7px); }
.has-off-canvas.has-off-canvas-right .current-lightbox-clicked, .has-off-canvas.has-off-canvas-left .current-lightbox-clicked { -webkit-transform: translateX(-7px); -ms-transform: translateX(-7px); transform: translateX(-7px); }
.off-canvas .sidebar-menu { padding: 30px 0; }
.off-canvas .sidebar-inner { padding: 30px 20px; }
.off-canvas:not(.off-canvas-center) .nav-vertical li > a { padding-left: 20px; }
.off-canvas:not(.off-canvas-center) li.html { padding: 20px; }
.slider-wrapper { position: relative; }
.slider > .img, .flickity-slider > .img, .slider-wrapper:last-child { margin-bottom: 0; }
.slider, .row-slider { position: relative; scrollbar-width: none; }
.slider-full .flickity-slider > .col { padding: 0 !important; }
.slider-load-first { -webkit-transition: max-height 2s; -o-transition: max-height 2s; transition: max-height 2s; max-height: 999px; }
.slider-load-first:not(.flickity-enabled) { max-height: 500px; }
.slider-load-first:not(.flickity-enabled) > div { opacity: 0; }
.slider:not(.flickity-enabled) { white-space: nowrap; overflow-y: hidden; overflow-x: scroll; width: auto; -ms-overflow-style: -ms-autohiding-scrollbar; }
.slider::-webkit-scrollbar, .row-slider::-webkit-scrollbar { width: 0px !important; height: 0px !important; }
.row-slider:not(.flickity-enabled) { display: block !important; }
.slider:not(.flickity-enabled) > * { display: inline-block !important; white-space: normal !important; vertical-align: top; }
.slider:not(.flickity-enabled) > a { width: 100%; }
.slider > div:not(.col), .slider > a, .slider > p, .slider > a > img, .slider > img { width: 100%; }
.flickity-slider > div:not(.col), .flickity-slider > a, .flickity-slider > p, .flickity-slider > a > img, .flickity-slider > img, .flickity-slider > figure { width: 100% !important; padding: 0; margin: 0; -webkit-transition: opacity 0.6s, -webkit-transform 0.6s, -webkit-box-shadow 0.6s; transition: opacity 0.6s, -webkit-transform 0.6s, -webkit-box-shadow 0.6s; -o-transition: transform 0.6s, opacity 0.6s, box-shadow 0.6s; transition: transform 0.6s, opacity 0.6s, box-shadow 0.6s; transition: transform 0.6s, opacity 0.6s, box-shadow 0.6s, -webkit-transform 0.6s, -webkit-box-shadow 0.6s; }
.flickity-slider > .row:not(.is-selected) { opacity: 0; }
.flickity-enabled { position: relative; display: block; }
.flickity-enabled:focus { outline: none; }
.flickity-viewport { overflow: hidden; position: relative; height: 100%; width: 100%; }
.flickity-slider { position: absolute; width: 100%; height: 100%; }
.slider-has-parallax .bg { -webkit-transition: opacity 0.3s !important; -o-transition: opacity 0.3s !important; transition: opacity 0.3s !important; }
.is-dragging .flickity-viewport .flickity-slider { pointer-events: none; }
.flickity-enabled.is-draggable { -webkit-tap-highlight-color: transparent; tap-highlight-color: transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.flickity-enabled.is-draggable .flickity-viewport { cursor: move; cursor: -webkit-grab; cursor: grab; }
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down { cursor: -webkit-grabbing; cursor: grabbing; }
.flickity-prev-next-button { position: absolute; top: 40%; bottom: 40%; background-color: transparent; margin: 0; padding: 0; width: 36px; color: #111; border: none; cursor: pointer; opacity: 0; -webkit-transition: opacity 0.3s, background 0.3s, -webkit-transform 0.3s, -webkit-box-shadow 0.3s; transition: opacity 0.3s, background 0.3s, -webkit-transform 0.3s, -webkit-box-shadow 0.3s; -o-transition: transform 0.3s, opacity 0.3s, background 0.3s, box-shadow 0.3s; transition: transform 0.3s, opacity 0.3s, background 0.3s, box-shadow 0.3s; transition: transform 0.3s, opacity 0.3s, background 0.3s, box-shadow 0.3s, -webkit-transform 0.3s, -webkit-box-shadow 0.3s; }
.flickity-prev-next-button.next { -webkit-transform: translateX(-20%); -ms-transform: translateX(-20%); transform: translateX(-20%); right: 2%; }
.flickity-prev-next-button.previous { -webkit-transform: translateX(20%); -ms-transform: translateX(20%); transform: translateX(20%); left: 2%; }
.slider-show-nav .flickity-prev-next-button, .slider:hover .flickity-prev-next-button { opacity: 0.7; -webkit-transform: translateX(0) !important; -ms-transform: translateX(0) !important; transform: translateX(0) !important; }
.slider .flickity-prev-next-button:hover { -webkit-box-shadow: none; box-shadow: none; opacity: 1; }
.slider .flickity-prev-next-button:hover svg, .slider .flickity-prev-next-button:hover .arrow { fill: #446084; }
@media (min-width:850px) {
   .slider-nav-outside .flickity-prev-next-button.next { right: auto; left: 100%; }
   .slider-nav-outside .flickity-prev-next-button.previous { left: auto; right: 100%; }
}
.flickity-prev-next-button:disabled, button.flickity-prev-next-button[disabled] { opacity: 0 !important; background: none !important; cursor: auto; -webkit-box-shadow: none !important; box-shadow: none !important; pointer-events: none; }
.flickity-prev-next-button svg { position: absolute; padding: 5px; left: 50%; top: 50%; width: 100%; max-width: 100%; padding: 20%; max-height: 100%; height: auto; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.slider-nav-push:not(.slider-nav-reveal) .flickity-prev-next-button { margin-top: -10%; }
.slider-nav-push.slider-nav-reveal .flickity-prev-next-button svg { margin-top: -40px; }
.flickity-prev-next-button svg, .flickity-prev-next-button .arrow { border-color: currentColor; fill: currentColor; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
.slider-auto-height, .animate-height { -webkit-transition: height 0.2s; -o-transition: height 0.2s; transition: height 0.2s; }
.flickity-prev-next-button.no-svg { color: #111; font-size: 26px; }
.slider-no-arrows .flickity-prev-next-button { display: none !important; }
.slider-type-fade .flickity-slider { -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; }
.slider-type-fade .flickity-slider > * { opacity: 0; z-index: 1; left: 0 !important; }
.slider-type-fade .flickity-slider > *.is-selected { opacity: 1; z-index: 2; }
.slider-type-fade .flickity-prev-next-button, .slider-type-fade .flickity-page-dots { z-index: 3; }
.flickity-page-dots { position: absolute; bottom: 15px; left: 20%; right: 20%; padding: 0; margin: 0; list-style: none; text-align: center; line-height: 1; }
.slider-nav-outside .flickity-page-dots, .row-slider .flickity-page-dots { bottom: 0; }
.flickity-rtl .flickity-page-dots { direction: rtl; }
.flickity-page-dots .dot { display: inline-block; width: 12px; height: 12px; margin: 0 5px; border: 3px solid #111; border-radius: 50%; opacity: 0.4; cursor: pointer; -webkit-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; }
.nav-dots-small .flickity-page-dots .dot, .row-slider .flickity-page-dots .dot { opacity: 0.2; width: 10px; height: 10px; border: 0; background-color: #111; }
.flickity-page-dots .dot:hover { opacity: 0.7; }
.flickity-page-dots .dot.is-selected { background-color: #111; opacity: 1 !important; }
.slider-nav-dots-dashes .flickity-page-dots .dot { height: 4px; width: 40px; margin: 0; border-radius: 0; }
.slider-nav-dots-dashes-spaced .flickity-page-dots .dot { height: 4px; width: 40px; border-radius: 0; }
.slider-nav-dots-simple .flickity-page-dots .dot { background-color: #111; }
.slider-nav-dots-square .flickity-page-dots .dot { border-radius: 0; }
.slider-nav-circle .flickity-prev-next-button svg, .slider-nav-circle .flickity-prev-next-button .arrow { border-radius: 100%; border: 2px solid currentColor; }
.slider-nav-circle .flickity-prev-next-button:hover svg, .slider-nav-circle .flickity-prev-next-button:hover .arrow { background-color: #446084; border-color: #446084; fill: #fff !important; }
.slider-nav-outside.slider-nav-circle .next { -webkit-transform: translateX(-50%) !important; -ms-transform: translateX(-50%) !important; transform: translateX(-50%) !important; }
.slider-nav-outside.slider-nav-circle .previous { -webkit-transform: translateX(50%) !important; -ms-transform: translateX(50%) !important; transform: translateX(50%) !important; }
.slider-nav-reveal { padding-top: 0; overflow: hidden; }
.slider-nav-reveal .flickity-prev-next-button:hover, .slider-nav-reveal .flickity-prev-next-button { width: 30px; top: -2px; bottom: 0; height: 100%; background-color: #fff; -webkit-box-shadow: 0 -150px 15px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 -150px 15px 0 rgba(0, 0, 0, 0.3); margin: 0 !important; }
.dark .slider-nav-reveal .flickity-prev-next-button { border-radius: 99px; background-color: rgba(0, 0, 0, 0.3); color: #fff; }
.slider-nav-reveal .flickity-prev-next-button.next { -webkit-transform: translateX(10%); -ms-transform: translateX(10%); transform: translateX(10%); left: auto !important; right: -1px !important; }
.slider-nav-reveal .flickity-prev-next-button.previous { -webkit-transform: translateX(-10%); -ms-transform: translateX(-10%); transform: translateX(-10%); transform: translateX(-10%); right: auto !important; left: -1px !important; }
.slider-nav-light .flickity-prev-next-button { color: #fff; }
.slider-nav-light .flickity-prev-next-button svg, .slider-nav-light .flickity-prev-next-button .arrow { fill: #fff; }
.slider-nav-light .flickity-page-dots .dot { border-color: #fff; }
.slider-nav-light .flickity-page-dots .dot.is-selected { background-color: #fff; }
.slider-nav-light.slider-nav-dots-simple .flickity-page-dots .dot { background-color: #fff; }
.slider-style-container .flickity-slider > *, .slider-style-shadow .flickity-slider > *, .slider-style-focus .flickity-slider > * { max-width: 1080px; margin: 0 auto; }
.slider-style-container:not(.flickity-enabled) .ux_banner, .slider-style-shadow:not(.flickity-enabled) .ux_banner, .slider-style-focus:not(.flickity-enabled) .ux_banner { opacity: 0 !important; }
.slider-style-container .ux_banner, .slider-style-shadow .ux_banner, .slider-style-focus .ux_banner { opacity: 1; }
.slider-style-container .flickity-slider > *:not(.is-selected), .slider-style-shadow .flickity-slider > *:not(.is-selected), .slider-style-focus .flickity-slider > *:not(.is-selected) { opacity: 0.5; }
.slider-style-shadow { padding: 15px 0 25px; }
.slider-style-shadow .flickity-slider > *:before { content: "submit"; position: absolute; bottom: -6px; height: 100px; left: -10%; right: -10%; background-size: 100% 100%; z-index: -2; background-image: url("../img/shadow@2x.png"); }
.slider-style-shadow .flickity-slider > *:not(.is-selected) { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); z-index: -1; opacity: 1; }
.slider-style-shadow .flickity-slider > *:not(.is-selected):before { height: 200px; opacity: 0.5; }
.slider-style-shadow .flickity-slider > .is-selected { -webkit-transform: scale(0.95); -ms-transform: scale(0.95); transform: scale(0.95); }
.slider-style-focus { background-color: transparent; padding: 30px 0; }
.slider-style-focus .flickity-page-dots { bottom: 6px; }
.slider-style-focus .flickity-slider > * { max-width: 1050px; }
.slider-style-focus .flickity-slider > *:not(.is-selected) { -webkit-transform: scale(0.93); -ms-transform: scale(0.93); transform: scale(0.93); }
@media screen and (max-width:549px) {
   .slider-wrapper .flickity-prev-next-button { display: none; }
   .row-slider .flickity-prev-next-button { width: 20px !important; opacity: 0.8; background-color: transparent !important; -webkit-box-shadow: none !important; box-shadow: none !important; -webkit-transform: translateX(0) !important; -ms-transform: translateX(0) !important; transform: translateX(0) !important; }
   .row-slider .flickity-prev-next-button svg { padding: 3px !important; border: 0 !important; }
   .flickity-page-dots { pointer-events: none; }
   .flickity-slider .banner-layers { overflow: hidden; }
}
.stack { --stack-gap: 0; -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; }
.stack > .text > *:first-child { margin-top: 0; }
.stack > .text > *:last-child { margin-bottom: 0; }
.stack-row { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }
.stack-row > * { margin: 0 !important; }
.stack-row > * ~ * { margin-left: var(--stack-gap) !important; }
.stack-col { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
.stack-col > * { margin: 0 !important; }
.stack-col > * ~ * { margin-top: var(--stack-gap) !important; }
.items-stretch { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; }
.items-start { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
.items-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.items-end { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }
.items-baseline { -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; }
.justify-start { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }
.justify-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.justify-end { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }
.justify-between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.justify-around { -ms-flex-pack: distribute; justify-content: space-around; }
@media (max-width:849px) {
   .md\:stack-row { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }
   .md\:stack-row > * { margin: 0 !important; }
   .md\:stack-row > * ~ * { margin-left: var(--stack-gap) !important; }
   .md\:stack-col { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
   .md\:stack-col > * { margin: 0 !important; }
   .md\:stack-col > * ~ * { margin-top: var(--stack-gap) !important; }
   .md\:items-stretch { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; }
   .md\:items-start { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
   .md\:items-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
   .md\:items-end { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }
   .md\:items-baseline { -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; }
   .md\:justify-start { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }
   .md\:justify-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
   .md\:justify-end { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }
   .md\:justify-between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
   .md\:justify-around { -ms-flex-pack: distribute; justify-content: space-around; }
}
@media (max-width:549px) {
   .sm\:stack-row { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }
   .sm\:stack-row > * { margin: 0 !important; }
   .sm\:stack-row > * ~ * { margin-left: var(--stack-gap) !important; }
   .sm\:stack-col { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
   .sm\:stack-col > * { margin: 0 !important; }
   .sm\:stack-col > * ~ * { margin-top: var(--stack-gap) !important; }
   .sm\:items-stretch { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; }
   .sm\:items-start { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
   .sm\:items-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
   .sm\:items-end { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }
   .sm\:items-baseline { -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; }
   .sm\:justify-start { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }
   .sm\:justify-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
   .sm\:justify-end { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }
   .sm\:justify-between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
   .sm\:justify-around { -ms-flex-pack: distribute; justify-content: space-around; }
}
table { width: 100%; margin-bottom: 1em; border-color: #ececec; border-spacing: 0; }
th, td { padding: 0.5em; text-align: left; border-bottom: 1px solid #ececec; line-height: 1.3; font-size: 0.9em; }
td { color: #666; }
th:first-child, td:first-child { padding-left: 0; }
th:last-child, td:last-child { padding-right: 0; }
.dark th, .dark td { border-color: rgba(255, 255, 255, 0.08); }
td label, td .label, td input, td select, td form, td dl, td p { margin: 0.5em 0; }
label { color: #222; }
.table { display: table; }
.table-cell { display: table-cell; vertical-align: middle; }
@media (max-width:849px) {
   .touch-scroll-table { width: calc(100% + 30px); padding: 15px; position: relative; overflow-y: hidden; margin-left: -15px; overflow-x: scroll; -webkit-box-shadow: inset -2px 0px 18px -5px rgba(0, 0, 0, 0.5); box-shadow: inset -2px 0px 18px -5px rgba(0, 0, 0, 0.5); }
   .touch-scroll-table table { width: 100%; }
}
.text-box { max-height: 100%; }
.text-box .text-box-content { position: relative; z-index: 10; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.text-box-square .text, .text-box-circle .text { height: 0; padding: 100% 0 0 0 !important; background-color: rgba(0, 0, 0, 0.9); }
.text-box-square .text-inner, .text-box-circle .text-inner { position: absolute; left: 0; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.text-box-circle .border, .text-box-circle .text-box-content { border-radius: 100% !important; }
a { color: #334862; text-decoration: none; }
a:focus, .button:focus, button:focus, input:focus { outline: none; }
a.plain { color: currentColor; -webkit-transition: color 0.3s, opacity 0.3s, -webkit-transform 0.3s; transition: color 0.3s, opacity 0.3s, -webkit-transform 0.3s; -o-transition: color 0.3s, opacity 0.3s, transform 0.3s; transition: color 0.3s, opacity 0.3s, transform 0.3s; transition: color 0.3s, opacity 0.3s, transform 0.3s, -webkit-transform 0.3s; }
.nav-dark a.plain:hover { opacity: 0.7; }
a:hover, a.remove:hover, a.icon-circle:hover { color: #000; }
.dark a, .dark .widget a { color: currentColor; }
.dark a:hover, .dark .widget a:hover { color: #fff; }
ul.links { margin: 5px 0; font-size: 0.85em; }
ul.links li { margin: 0 0.4em; display: inline-block; }
ul.links li a { color: currentColor; }
ul.links li:before { font-family: "fl-icons"; display: inline-block; margin-right: 5px; }
ul.links li:first-child { margin-left: 0; }
ul.links li:last-child { margin-right: 0; }
.next-prev-nav .flex-col { padding: 0.7em 0; }
.next-prev-nav i { font-size: 2em; margin: 0 10px !important; top: -1px; vertical-align: middle; }
.next-prev-nav .flex-col + .flex-col { border-left: 1px solid #ececec; }
ul { list-style: disc; }
ol { list-style: decimal; }
ol, ul { margin-top: 0; padding: 0; }
ul ul, ul ol, ol ol, ol ul { margin: 0em 0 1.5em 3em; }
dl dt, dl dd { display: inline-block; margin: 0 5px 0 0; }
dl dt p, dl dd p { margin: 0; padding: 0; }
dl { opacity: 0.8; text-transform: uppercase; font-size: 0.85em; }
ul.ul-reset { margin: 0; padding: 0; }
ul.ul-reset > li { margin: 0; padding: 0; list-style: none; }
.entry-content ol li, .entry-summary ol li, .col-inner ol li, .entry-content ul li, .entry-summary ul li, .col-inner ul li { margin-left: 1.3em; }
.entry-content ol li.tab, .entry-summary ol li.tab, .col-inner ol li.tab, .entry-content ul li.tab, .entry-summary ul li.tab, .col-inner ul li.tab { margin-left: 0; }
ul li.bullet-checkmark, ul li.bullet-arrow, ul li.bullet-star { list-style: none; position: relative; padding: 7px 0 7px 25px; margin: 0; border-bottom: 1px solid #ececec; }
.dark ul li.bullet-checkmark, .dark ul li.bullet-arrow, .dark ul li.bullet-star { border-color: rgba(255, 255, 255, 0.2); }
ul li.bullet-checkmark:before, ul li.bullet-arrow:before, ul li.bullet-star:before { font-family: "fl-icons"; left: 0; position: absolute; font-size: 16px; color: #7a9c59; }
ul li.bullet-checkmark:before { content: "submit" !important; }
ul li.bullet-arrow:before { content: "submit" !important; }
ul li.bullet-star:before { content: "http://www.w3.org/2000/svg" !important; }
pre, blockquote, form, figure, p, dl, ul, ol { margin-bottom: 1.3em; }
form p { margin-bottom: 0.5em; }
body { line-height: 1.6; }
.h1, h1 { font-size: 1.7em; line-height: 1.3; }
.h2, h2 { font-size: 1.6em; line-height: 1.3; }
.h3, h3 { font-size: 1.15em; }
.h4, h4 { font-size: 1.125em; }
.h5, h5 { font-size: 1em; }
.h6, h6 { font-size: 0.85em; opacity: 0.8; }
h1.entry-title.mb { margin-bottom: 30px; }
h6 span { font-weight: normal; font-weight: 500; }
h3 label { display: inline-block; margin-right: 10px; }
p { margin-top: 0; }
h1 > span, h2 > span, h3 > span, h4 > span, h5 > span, h6 > span, p.headline > span { -webkit-box-decoration-break: clone; box-decoration-break: clone; }
p.lead, a.lead { font-size: 1.3em; }
.uppercase, h6, th, span.widget-title { line-height: 1.05; letter-spacing: 0.05em; text-transform: uppercase; }
.lowercase { text-transform: none !important; }
span.widget-title { font-size: 1em; font-weight: 600; }
.is-normal { font-weight: normal; }
.is-bold { font-weight: bold; }
.thin-font, .is-thin { font-weight: 300 !important; }
.thin-font strong, .is-thin strong { font-weight: 700 !important; }
.is-italic { font-style: italic !important; }
.is-uppercase, .uppercase { line-height: 1.2; text-transform: uppercase; }
.is-alt-font, .alt-font { font-family: Georgia; }
.is-xxxlarge { font-size: 2.5em; }
.is-xxlarge { font-size: 2em; }
.is-xlarge { font-size: 1.5em; }
.is-larger { font-size: 1.3em; }
.is-large { font-size: 1.15em; }
.is-small, .is-small.button { font-size: 0.8em; }
.is-smaller { font-size: 0.75em; }
.is-xsmall { font-size: 0.7em; }
.is-xxsmall { font-size: 0.6em; }
@media (max-width:549px) {
   .is-xxlarge { font-size: 2.5em; }
   .is-xlarge { font-size: 1.8em; }
   .is-larger { font-size: 1.2em; }
   .is-large { font-size: 1em; }
}
.box-text h1, .box-text h2, .box-text h3, .box-text h4, .box-text h5, .box-text h6, .box-text a:not(.button) { line-height: 1.3; margin-top: 0.1em; margin-bottom: 0.1em; }
.box-text p { margin-top: 0.1em; margin-bottom: 0.1em; }
.box-text .button { margin-top: 1em; }
.banner .button { margin-top: 0.5em; margin-bottom: 0.5em; }
.banner .is-divider, .banner .text-center .is-divider { margin-top: 1em; margin-bottom: 1em; }
.banner h1 { font-size: 3.5em; }
.banner h2 { font-size: 2.9em; }
.banner h3 { font-size: 2em; }
.banner h2, .banner h3, .banner h1 { padding: 0; font-weight: normal; margin-top: 0.2em; margin-bottom: 0.2em; line-height: 1; }
.banner h4 { padding: 0; font-size: 1.5em; margin-top: 0.6em; margin-bottom: 0.6em; }
.banner h6, .banner h5, .banner p { padding: 0; margin-top: 1em; margin-bottom: 1em; }
.line-height-small { line-height: 1.4em; }
[data-line-height="24"] { line-height: 0.85 !important; }
[data-line-height="24"] { line-height: 1 !important; }
[data-line-height="0 0 24 24"] { line-height: 1.2 !important; }
[data-line-height="none"] { line-height: 1.4 !important; }
[data-line-height="%23fff"] { line-height: 1.6 !important; }
.nav > li > a { font-size: 0.8em; }
.nav > li.html { font-size: 0.85em; }
.nav-size-xsmall > li > a { font-size: 0.65em; }
.nav-size-small > li > a { font-size: 0.7em; }
.nav-size-medium > li > a { font-size: 0.9em; }
.nav-size-large > li > a { font-size: 1em; }
.nav-size-xlarge > li > a { font-size: 1.1em; }
.nav-spacing-xsmall > li { margin: 0; }
.nav-spacing-small > li { margin: 0 5px; }
.nav-spacing-medium > li { margin: 0 9px; }
.nav-spacing-large > li { margin: 0 11px; }
.nav-spacing-xlarge > li { margin: 0 13px; }
.fancy-underline { position: relative; }
.fancy-underline:after { content: "2"; color: green; position: absolute; left: 0; border-radius: 999px; right: 0; top: 100%; height: 9px; image-rendering: -webkit-optimize-contrast; background: url("../img/underline.png") 50% top no-repeat; background-size: 100% 9px; }
span.count-up { opacity: 0; -webkit-transition: opacity 2s; -o-transition: opacity 2s; transition: opacity 2s; }
span.count-up.active { opacity: 1; }
[data-text-color="round"] { color: #446084 !important; }
[data-text-color="round"] { color: #d26e4b !important; }
[data-text-color="feather feather-chevron-down"] { color: #b20000 !important; }
[data-text-color="6 9 12 15 18 9"] { color: #7a9c59 !important; }
[data-text-bg="submit"] { background-color: #446084; }
[data-text-bg="checkbox"] { background-color: #d26e4b; }
[data-text-bg="0"] { background-color: #b20000; }
[data-text-bg=""] { background-color: #7a9c59; }
.text-bordered-white, .text-bordered-primary, .text-bordered-dark { border: 2px solid #fff; padding: 5px; display: inline-block; }
.text-bordered-dark { border-color: #000; }
h1.text-bordered-white, h1.text-bordered-primary, h1.text-bordered-dark { padding: 15px; }
.text-boarder-top-bottom-white, .text-boarder-top-bottom-dark { border-top: 3px solid #fff; padding-top: 15px; border-bottom: 3px solid #fff; padding-bottom: 15px; display: inline-block; }
.text-boarder-top-bottom-dark { border-color: #000; }
blockquote { position: relative; font-size: 1.2em; margin: 0 0 1.25em; padding: 0 1.25em 0 1.875em; border-left: 2px solid #446084; font-style: italic; color: #333; }
.dark blockquote { color: #fff; }
.container:after, .row:after, .clearfix:after, .clear:after { content: ""; display: table; clear: both; }
@media (max-width:549px) {
   [data-show=""], .hide-for-small { display: none !important; }
   .small-text-center { text-align: center !important; width: 100% !important; float: none !important; }
}
@media (min-width:550px) {
   [data-show=""], .show-for-small { display: none !important; }
}
@media (min-width:850px) {
   [data-show=""], .show-for-medium { display: none !important; }
}
@media (max-width:849px) {
   [data-show=""], .hide-for-medium { display: none !important; }
   .medium-text-center .pull-left, .medium-text-center .pull-right { float: none; }
   .medium-text-center .ml { margin-left: auto; }
   .medium-text-center .mr { margin-right: auto; }
   .medium-text-center { text-align: center !important; width: 100% !important; float: none !important; }
}
@media (min-width:850px) {
   [data-show="Ã®â‚¬Å "], .hide-for-large { display: none !important; }
}
.full-width, .expand { width: 100% !important; max-width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; display: block; }
.pull-right { float: right; margin-right: 0 !important; }
.pull-left { float: left; margin-left: 0 !important; }
.mb { margin-bottom: 30px; }
.mt { margin-top: 30px; }
.mr { margin-right: 30px; }
.ml { margin-left: 30px; }
.mb-0 { margin-bottom: 0 !important; }
.ml-0 { margin-left: 0 !important; }
.mr-0 { margin-right: 0 !important; }
.mt-0 { margin-top: 0 !important; }
.mb-half { margin-bottom: 15px; }
.mt-half { margin-top: 15px; }
.mr-half { margin-right: 15px; }
.ml-half { margin-left: 15px; }
.mb-half:last-child, .mb:last-child { margin-bottom: 0; }
.pb { padding-bottom: 30px; }
.pt { padding-top: 30px; }
.pb-half { padding-bottom: 15px; }
.pt-half { padding-top: 15px; }
.pb-0 { padding-bottom: 0 !important; }
.pt-0 { padding-top: 0 !important; }
.no-margin { margin: 0 !important; }
.no-padding { padding: 0 !important; }
.inner-padding { padding: 30px; }
.first-reset *:first-child { margin-top: 0; }
.last-reset *:last-child { margin-bottom: 0; }
.no-select { -webkit-user-select: none !important; -moz-user-select: none !important; -ms-user-select: none !important; user-select: none !important; }
.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }
.text-center > div, .text-center > div > div, .text-center .is-divider, .text-center .star-rating, .text-center .is-star-rating { margin-left: auto; margin-right: auto; }
.text-center .pull-right, .text-center .pull-left { float: none; }
.text-left .is-divider, .text-left .star-rating, .text-left .is-star-rating { margin-right: auto; margin-left: 0; }
.text-right > div, .text-right > div > div, .text-right .is-divider, .text-right .star-rating, .text-right .is-star-rating { margin-left: auto; margin-right: 0; }
.relative { position: relative !important; }
.absolute { position: absolute !important; }
.fixed { position: fixed !important; z-index: 12; }
.top { top: 0; }
.right { right: 0; }
.left { left: 0; }
.bottom { bottom: 0; }
.fill { position: absolute; top: 0; left: 0; height: 100%; right: 0; bottom: 0; padding: 0 !important; margin: 0 !important; }
.v-center { bottom: auto; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.h-center { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
.h-center.v-center { left: auto !important; bottom: auto !important; right: 50%; top: 50%; -webkit-transform: translate(50%, -50%); -ms-transform: translate(50%, -50%); transform: translate(50%, -50%); }
.pull-right { float: right; }
.pull-left { float: left; }
.is-full-height { min-height: 550px; height: 100%; height: 100vh; padding-top: 0 !important; padding-bottom: 0 !important; }
.bg-fill { background-size: cover !important; background-repeat: no-repeat !important; background-position: 50% 50%; }
.bg-top { background-position: top; -o-object-position: top; object-position: top; }
.circle { border-radius: 999px !important; -o-object-fit: cover; object-fit: cover; }
.circle img { border-radius: 999px !important; -o-object-fit: cover; object-fit: cover; }
.round { border-radius: 5px; }
.has-border { border: 2px solid #446084; padding: 15px 30px 30px; }
.dashed-border { border-style: dashed; }
.success-border { border-color: #7a9c59; }
.bt { border-top: 1px solid #ececec; }
.bb { border-bottom: 1px solid #ececec; }
.bl { border-left: 1px solid #ececec; }
.br { border-right: 1px solid #ececec; }
.hidden { display: none !important; visibility: hidden !important; }
.is-invisible { visibility: hidden; opacity: 0; }
.z-1 { z-index: 21; }
.z-2 { z-index: 22; }
.z-3 { z-index: 23; }
.z-4 { z-index: 24; }
.z-5 { z-index: 25; }
.z-top { z-index: 9995; }
.z-top-2 { z-index: 9996; }
.z-top-3 { z-index: 9997; }
.no-click { pointer-events: none; }
.no-wrap { white-space: nowrap; }
.primary-color { color: #446084; }
.secondary-color { color: #d26e4b; }
.success-color { color: #7a9c59; }
.alert-color { color: #b20000; }
.bg-primary-color { background-color: #446084; }
.bg-secondary-color { background-color: #d26e4b; }
.bg-success-color { background-color: #7a9c59; }
.bg-alert-color { background-color: #b20000; }
.is-transparent { background-color: transparent !important; }
.inline { display: inline; }
.block { display: block; }
.flex { display: -webkit-box; display: -ms-flexbox; display: flex; -js-display: flex; }
@media (max-width:549px) {
   .small-block { display: block; }
}
.inline-block { display: inline-block; }
.inline-images img, img.inline { display: inline-block !important; }
.is-well { padding: 30px; background-color: rgba(0, 0, 0, 0.02); -webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(0, 0, 0, 0.07), inset 0 0 0 1px rgba(0, 0, 0, 0.05); box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(0, 0, 0, 0.07), inset 0 0 0 1px rgba(0, 0, 0, 0.05); }
.no-overflow { overflow: hidden; }
.no-text-overflow { white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
.strong { font-weight: bold; }
.op-4 { opacity: 0.4; }
.op-5 { opacity: 0.5; }
.op-6 { opacity: 0.6; }
.op-7 { opacity: 0.7; }
.op-8 { opacity: 0.8; }
@media (max-width:549px) {
   .sm-touch-scroll { overflow-y: none; overflow-x: auto; -webkit-overflow-scrolling: touch; }
}
.no-scrollbar { -ms-overflow-style: -ms-autohiding-scrollbar; scrollbar-width: none; }
.no-scrollbar::-webkit-scrollbar { width: 0px !important; height: 0px !important; }
.screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; }
.screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; }
@media screen and (max-width:549px) {
   .x5 { left: 5%; }
   .x15 { left: 15%; }
   .x25 { left: 25%; }
   .x35 { left: 35%; }
   .x45 { left: 45%; }
   .x55 { right: 45%; }
   .x65 { right: 35%; }
   .x75 { right: 25%; }
   .x85 { right: 15%; }
   .x95 { right: 5%; }
   .x0 { left: 0%; }
   .x10 { left: 10%; }
   .x20 { left: 20%; }
   .x30 { left: 30%; }
   .x40 { left: 40%; }
   .x60 { right: 40%; }
   .x70 { right: 30%; }
   .x80 { right: 20%; }
   .x90 { right: 10%; }
   .x100 { right: 0%; }
   .y0 { top: 0%; }
   .y10 { top: 10%; }
   .y20 { top: 20%; }
   .y30 { top: 30%; }
   .y40 { top: 40%; }
   .y60 { bottom: 40%; }
   .y70 { bottom: 30%; }
   .y80 { bottom: 20%; }
   .y90 { bottom: 10%; }
   .y100 { bottom: 0%; }
   .y5 { top: 5%; }
   .y15 { top: 15%; }
   .y25 { top: 25%; }
   .y35 { top: 35%; }
   .y45 { top: 45%; }
   .y55 { bottom: 45%; }
   .y65 { bottom: 35%; }
   .y75 { bottom: 25%; }
   .y85 { bottom: 15%; }
   .y95 { bottom: 5%; }
   .x50 { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
   .y50 { top: 50.3%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
   .y50.x50 { -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
}
@media screen and (min-width:850px) {
   .lg-x5 { left: 5%; }
   .lg-x15 { left: 15%; }
   .lg-x25 { left: 25%; }
   .lg-x35 { left: 35%; }
   .lg-x45 { left: 45%; }
   .lg-x55 { right: 45%; }
   .lg-x65 { right: 35%; }
   .lg-x75 { right: 25%; }
   .lg-x85 { right: 15%; }
   .lg-x95 { right: 5%; }
   .lg-y5 { top: 5%; }
   .lg-y15 { top: 15%; }
   .lg-y25 { top: 25%; }
   .lg-y35 { top: 35%; }
   .lg-y45 { top: 45%; }
   .lg-y55 { bottom: 45%; }
   .lg-y65 { bottom: 35%; }
   .lg-y75 { bottom: 25%; }
   .lg-y85 { bottom: 15%; }
   .lg-y95 { bottom: 5%; }
   .lg-x0 { left: 0%; }
   .lg-x10 { left: 10%; }
   .lg-x20 { left: 20%; }
   .lg-x30 { left: 30%; }
   .lg-x40 { left: 40%; }
   .lg-x60 { right: 40%; }
   .lg-x70 { right: 30%; }
   .lg-x80 { right: 20%; }
   .lg-x90 { right: 10%; }
   .lg-x100 { right: 0%; }
   .lg-y0 { top: 0%; }
   .lg-y10 { top: 10%; }
   .lg-y20 { top: 20%; }
   .lg-y30 { top: 30%; }
   .lg-y40 { top: 40%; }
   .lg-y60 { bottom: 40%; }
   .lg-y70 { bottom: 30%; }
   .lg-y80 { bottom: 20%; }
   .lg-y90 { bottom: 10%; }
   .lg-y100 { bottom: 0%; }
   .lg-x50 { left: 50%; -webkit-transform: translateX(-50%) !important; -ms-transform: translateX(-50%) !important; transform: translateX(-50%) !important; }
   .lg-y50 { top: 50%; -webkit-transform: translateY(-50%) !important; -ms-transform: translateY(-50%) !important; transform: translateY(-50%) !important; }
   .lg-x50.lg-y50 { -webkit-transform: translate(-50%, -50%) !important; -ms-transform: translate(-50%, -50%) !important; transform: translate(-50%, -50%) !important; }
}
.res-text { font-size: 11px; }
.widget-area .res-text, .small-1 .res-text, .small-2 .res-text, .small-3 .res-text { font-size: 8px; }
.small-1 .res-text h6, .small-2 .res-text h6, .small-3 .res-text h6 { font-size: 10px; }
.small-1 .res-text p.lead, .small-2 .res-text p.lead, .small-3 .res-text p.lead { font-size: 16px; }
.small-4 .res-text { font-size: 8.5px; }
.small-5 .res-text { font-size: 9px; }
.small-6 .res-text { font-size: 10px; }
.small-7 .res-text { font-size: 11px; }
.small-8 .res-text { font-size: 12px; }
.small-9 .res-text { font-size: 13px; }
.small-10 .res-text { font-size: 14px; }
.small-11 .res-text { font-size: 15px; }
@media screen and (min-width:550px) {
   .medium-1 .res-text, .medium-2 .res-text, .medium-3 .res-text, .medium-4 .res-text, .medium-5 .res-text, .medium-6 .res-text, .medium-7 .res-text { font-size: 0.8vw; }
   .medium-8 .res-text { font-size: 0.9vw; }
   .medium-9 .res-text { font-size: 1.15vw; }
   .medium-10 .res-text { font-size: 1.3vw; }
   .medium-11 .res-text { font-size: 1.5vw; }
   .res-text { font-size: 1.8vw; }
}
@media screen and (min-width:850px) {
   .res-text { font-size: 16px; }
   .widget-area .res-text, .large-1 .res-text, .large-2 .res-text, .large-3 .res-text { font-size: 8px; }
   .large-1 .res-text h6, .large-2 .res-text h6, .large-3 .res-text h6 { font-size: 10px; }
   .large-1 .res-text p.lead, .large-2 .res-text p.lead, .large-3 .res-text p.lead { font-size: 16px; }
   .large-4 .res-text { font-size: 8.5px; }
   .large-5 .res-text { font-size: 9px; }
   .large-6 .res-text { font-size: 10px; }
   .large-7 .res-text { font-size: 11px; }
   .large-8 .res-text { font-size: 12px; }
   .large-9 .res-text { font-size: 13px; }
   .large-10 .res-text { font-size: 14px; }
   .large-11 .res-text { font-size: 15px; }
}
[data-animate], .slider [data-animate] { will-change: filter, transform, opacity; -webkit-backface-visibility: hidden; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0 !important; -webkit-transition: opacity 0.7s ease-in, -webkit-filter 1.3s, -webkit-transform 1.6s; transition: opacity 0.7s ease-in, -webkit-filter 1.3s, -webkit-transform 1.6s; -o-transition: filter 1.3s, transform 1.6s, opacity 0.7s ease-in; transition: filter 1.3s, transform 1.6s, opacity 0.7s ease-in; transition: filter 1.3s, transform 1.6s, opacity 0.7s ease-in, -webkit-filter 1.3s, -webkit-transform 1.6s; }
[data-animate="Ã¯â€žâ€¦"], [data-animate="Ã®â‚¬â€¦"], [data-animate="xs"], [data-animate="s"], .slider [data-animate="m"], .slider [data-animate="l"], .slider [data-animate="xl"], .slider [data-animate=""] { -webkit-transition: opacity 0.5s ease-in, -webkit-transform 0.8s cubic-bezier(0, 0.195, 0, 1.465); transition: opacity 0.5s ease-in, -webkit-transform 0.8s cubic-bezier(0, 0.195, 0, 1.465); -o-transition: transform 0.8s cubic-bezier(0, 0.195, 0, 1.465), opacity 0.5s ease-in; transition: transform 0.8s cubic-bezier(0, 0.195, 0, 1.465), opacity 0.5s ease-in; transition: transform 0.8s cubic-bezier(0, 0.195, 0, 1.465), opacity 0.5s ease-in, -webkit-transform 0.8s cubic-bezier(0, 0.195, 0, 1.465); }
[data-animate="primary"], .slider [data-animate="secondary"] { -webkit-transform: translate3d(-300px, 0, 0); transform: translate3d(-300px, 0, 0); }
[data-animate="alert"], .slider [data-animate="success"] { -webkit-filter: blur(15px); filter: blur(15px); }
[data-animate="primary"], .slider [data-animate="secondary"] { -webkit-transform: translate3d(-70px, 0, 0); transform: translate3d(-70px, 0, 0); }
[data-animate="alert"], .slider [data-animate="success"] { -webkit-transform: translate3d(70px, 0, 0); transform: translate3d(70px, 0, 0); }
[data-animate=""], [data-animate="hide-for-small"], .slider [data-animate="show-for-small"], .slider [data-animate="show-for-medium"] { -webkit-transform: translate3d(0, 70px, 0); transform: translate3d(0, 70px, 0); }
[data-animate="hide-for-medium"], .slider [data-animate="hide-for-large"] { -webkit-transform: translate3d(300px, 0, 0); transform: translate3d(300px, 0, 0); }
[data-animate="bounceInLeft"], .slider [data-animate="bounceInUp"] { -webkit-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); }
[data-animate="bounceInDown"], [data-animate="bounceInRight"], .slider [data-animate="bounceInLeft"], .slider [data-animate="bounceInUp"] { -webkit-transform: translate3d(0, -70px, 0); transform: translate3d(0, -70px, 0); }
[data-animate="bounceInDown"], .slider [data-animate="bounceInRight"] { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -90deg) translate3d(15px, 0, 0); transform: perspective(400px) rotate3d(0, 1, 0, -90deg) translate3d(15px, 0, 0); -webkit-backface-visibility: visible; backface-visibility: visible; }
[data-animate="bounceInLeft"], .slider [data-animate="bounceInLeft"] { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg) translate3d(0, -15px, 0); transform: perspective(400px) rotate3d(1, 0, 0, 90deg) translate3d(0, -15px, 0); -webkit-backface-visibility: visible; backface-visibility: visible; }
[data-animated="blurIn"], .slider .is-selected [data-animated="blurIn"], .row-slider.slider [data-animated="fadeInLeft"] { -webkit-animation-delay: 0.1s; animation-delay: 0.1s; -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); opacity: 1 !important; }
.flickity-slider > *:not(.is-selected) [data-animated="fadeInLeft"] { -webkit-transition: opacity 0.3s !important; -o-transition: opacity 0.3s !important; transition: opacity 0.3s !important; }
[data-animate="fadeInRight"], .slider [data-animate="fadeInRight"] { opacity: 1 !important; }
[data-animated="bounceInUp"][data-animate="fadeInUp"], .slider [data-animate="bounceInUp"][data-animated="fadeInUp"] { -webkit-filter: blur(0); filter: blur(0); }
[data-animated="bounceInRight"] { -webkit-transition: none !important; -o-transition: none !important; transition: none !important; }
.has-shadow [data-animate], [data-animate]:hover { -webkit-transition-delay: 0s !important; -o-transition-delay: 0s !important; transition-delay: 0s !important; }
[data-animate-delay="bounceInRight"] { -webkit-transition-delay: 0.1s; -o-transition-delay: 0.1s; transition-delay: 0.1s; }
.nav-anim > li { -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, -webkit-transform 0.3s; -o-transition: transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s; -webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px); opacity: 0; }
.active .nav-anim > li, .nav-anim.active > li, .mfp-ready .nav-anim > li { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; }
.nav-anim > li, .col + .col [data-animate], [data-animate-delay="bounceIn"], [data-animate] + [data-animate] { -webkit-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s; }
.nav-anim > li + li, [data-animate-delay="bounceIn"] { -webkit-transition-delay: 0.3s; -o-transition-delay: 0.3s; transition-delay: 0.3s; }
.nav-anim > li + li + li, .col + .col + .col [data-animate], [data-animate-delay="bounceInDown"], [data-animate] + [data-animate] + [data-animate] { -webkit-transition-delay: 0.4s; -o-transition-delay: 0.4s; transition-delay: 0.4s; }
.nav-anim > li + li + li + li, [data-animate-delay="fadeInDown"] { -webkit-transition-delay: 0.5s; -o-transition-delay: 0.5s; transition-delay: 0.5s; }
.nav-anim > li + li + li + li + li, .col + .col + .col + .col [data-animate], [data-animate-delay="bounceInDown"], [data-animate] + [data-animate] + [data-animate] + [data-animate] { -webkit-transition-delay: 0.6s; -o-transition-delay: 0.6s; transition-delay: 0.6s; }
.nav-anim > li + li + li + li + li + li, [data-animate-delay="fadeInDown"] { -webkit-transition-delay: 0.7s; -o-transition-delay: 0.7s; transition-delay: 0.7s; }
.nav-anim > li + li + li + li + li + li + li, .col + .col + .col + .col + .col [data-animate], [data-animate] + [data-animate] + [data-animate] + [data-animate] + [data-animate], [data-animate-delay="flipInY"] { -webkit-transition-delay: 0.8s; -o-transition-delay: 0.8s; transition-delay: 0.8s; }
.nav-anim > li + li + li + li + li + li + li + li, .col + .col + .col + .col + .col + .col [data-animate], [data-animate-delay="flipInY"] { -webkit-transition-delay: 0.9s; -o-transition-delay: 0.9s; transition-delay: 0.9s; }
.nav-anim > li + li + li + li + li + li + li + li + li, .col + .col + .col + .col + .col + .col + .col [data-animate], [data-animate-delay="flipInX"] { -webkit-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s; }
.slider-type-fade .flickity-slider > *:not(.is-selected) [data-animate] { opacity: 0 !important; -webkit-transition: none !important; -o-transition: none !important; transition: none !important; }
@-webkit-keyframes stuckMoveDown {
   0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); }
   100% { -webkit-transform: translateY(0); transform: translateY(0); }
}
@keyframes stuckMoveDown {
   0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); }
   100% { -webkit-transform: translateY(0); transform: translateY(0); }
}
@-webkit-keyframes stuckMoveUp {
   0% { -webkit-transform: translateY(100%); transform: translateY(100%); }
   100% { -webkit-transform: translateY(0); transform: translateY(0); }
}
@keyframes stuckMoveUp {
   0% { -webkit-transform: translateY(100%); transform: translateY(100%); }
   100% { -webkit-transform: translateY(0); transform: translateY(0); }
}
@-webkit-keyframes stuckFadeIn {
   0% { opacity: 0; }
   100% { opacity: 1; }
}
@keyframes stuckFadeIn {
   0% { opacity: 0; }
   100% { opacity: 1; }
}
.is-border { border-width: 1px; border-style: solid; border-color: #ececec; position: absolute; pointer-events: none; border-radius: 0; margin: 0; top: 0; bottom: 0; right: 0; left: 0; }
.is-dashed { border-style: dashed; }
.is-dotted { border-style: dotted; }
.has-shadow.box:not(.box-overlay):not(.box-shade), .has-shadow .box:not(.box-overlay):not(.box-shade) { background-color: #fff; }
.dark .has-shadow.box:not(.box-overlay):not(.box-shade), .dark .has-shadow .box:not(.box-overlay):not(.box-shade) { background-color: #333; }
.row-box-shadow-1 .col-inner, .row-box-shadow-2 .col-inner, .row-box-shadow-3 .col-inner, .row-box-shadow-4 .col-inner, .row-box-shadow-5 .col-inner, .row-box-shadow-1-hover .col-inner, .row-box-shadow-2-hover .col-inner, .row-box-shadow-3-hover .col-inner, .row-box-shadow-4-hover .col-inner, .row-box-shadow-5-hover .col-inner, .box-shadow-1, .box-shadow-2, .box-shadow-3, .box-shadow-4, .box-shadow-5, .box-shadow-1-hover, .box-shadow-2-hover, .box-shadow-3-hover, .box-shadow-4-hover, .box-shadow-5-hover { -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; }
.row-box-shadow-1 .col-inner, .row-box-shadow-1-hover .col-inner:hover, .box-shadow-1, .box-shadow-1-hover:hover { -webkit-box-shadow: 0 1px 3px -2px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); box-shadow: 0 1px 3px -2px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
.box-shadow, .row-box-shadow-2 .col-inner, .row-box-shadow-2-hover .col-inner:hover, .box-shadow-2, .box-shadow-2-hover:hover { -webkit-box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); }
.row-box-shadow-3 .col-inner, .row-box-shadow-3-hover .col-inner:hover, .box-shadow-3, .box-shadow-3-hover:hover { -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.22); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.22); }
.row-box-shadow-4 .col-inner, .row-box-shadow-4-hover .col-inner:hover, .box-shadow-4, .box-shadow-4-hover:hover { -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.1); }
.row-box-shadow-5 .col-inner, .row-box-shadow-5-hover .col-inner:hover, .box-shadow-5, .box-shadow-5-hover:hover { -webkit-box-shadow: 0px 30px 40px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 30px 40px 0px rgba(0, 0, 0, 0.2); }
.row-box-shadow-5-hover .col-inner:hover, .box-shadow-5-hover:hover, .box-shadow-4-hover:hover, .row-box-shadow-4-hover .col-inner:hover { -webkit-transform: translateY(-6px); -ms-transform: translateY(-6px); transform: translateY(-6px); }
.text-shadow, .text-shadow-1 { text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); }
.text-shadow-2 { text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4); }
.text-shadow-3 { text-shadow: 3px 3px 8px rgba(0, 0, 0, 0.4); }
.text-shadow-4 { text-shadow: 3px 3px 12px rgba(0, 0, 0, 0.5); }
.text-shadow-5 { text-shadow: 5px 5px 16px rgba(0, 0, 0, 0.6); }
a.hotspot { background-color: #000; color: #fff; border-radius: 99px; opacity: 0.8; font-weight: bolder; display: block; padding: 0; line-height: 1.5em; text-align: center; height: 1.5em; width: 1.5em; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
a.hotspot i { font-size: 0.8em; }
a.hotspot:hover { opacity: 1; color: #000 !important; background-color: #fff !important; }
.has-hover .bg, .has-hover [class*="image-"] img { -webkit-transition: opacity 0.6s, -webkit-filter 0.6s, -webkit-transform 0.6s, -webkit-box-shadow 0.3s; transition: opacity 0.6s, -webkit-filter 0.6s, -webkit-transform 0.6s, -webkit-box-shadow 0.3s; -o-transition: filter 0.6s, opacity 0.6s, transform 0.6s, box-shadow 0.3s; transition: filter 0.6s, opacity 0.6s, transform 0.6s, box-shadow 0.3s; transition: filter 0.6s, opacity 0.6s, transform 0.6s, box-shadow 0.3s, -webkit-filter 0.6s, -webkit-transform 0.6s, -webkit-box-shadow 0.3s; }
.bg-color .bg, .bg-grayscale:hover .bg, .has-hover .image-color img, .has-hover:hover .image-grayscale img { -webkit-filter: grayscale(100%); filter: grayscale(100%); }
.bg-color:hover .bg, .has-hover:hover .image-color img { -webkit-filter: grayscale(0); filter: grayscale(0); }
.bg-zoom:hover .bg, .has-hover:hover .image-zoom img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.bg-zoom-long .bg, .has-hover .image-zoom-long img { -webkit-transition: -webkit-transform 5s !important; transition: -webkit-transform 5s !important; -o-transition: transform 5s !important; transition: transform 5s !important; transition: transform 5s, -webkit-transform 5s !important; }
.bg-zoom-long .bg, .has-hover:hover .image-zoom-long img { -webkit-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); }
.bg-zoom-fade:hover .bg, .has-hover:hover .image-zoom-fade img { opacity: 0.7; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.bg-glow:hover .bg, .has-hover:hover .image-glow img { -webkit-filter: brightness(1.1); filter: brightness(1.1); }
.bg-fade-out:hover .bg, .has-hover:hover .image-fade-out img { opacity: 0.7; }
.image-fade:hover .bg, .has-hover:hover .image-fade img { opacity: 0.6; }
.bg-fade-in .bg, .image-fade-in img { opacity: 0.7; }
.bg-fade-in:hover .bg, .has-hover:hover .image-fade-in img { opacity: 1; }
.bg-blur:hover .bg, .has-hover:hover .image-blur img { -webkit-filter: blur(5px); filter: blur(5px); }
.bg-overlay-remove:hover .overlay, .bg-overlay-add:not(:hover) .overlay, .has-hover:hover .image-overlay-remove .overlay, .has-hover:not(:hover) .image-overlay-add .overlay { opacity: 0; }
.bg-overlay-remove-50:hover .overlay, .bg-overlay-add-50:not(:hover) .overlay, .has-hover:hover .image-overlay-remove-50 .overlay, .has-hover:not(:hover) .image-overlay-add-50 .overlay { opacity: 0.5; }
.has-mask { overflow: hidden; -webkit-transform: translateZ(0px); transform: translateZ(0px); }
.mask-circle { -webkit-clip-path: circle(50% at center); clip-path: circle(50% at center); }
.mask-angled { -webkit-clip-path: polygon(0 calc(0% + 30px), 100% 0, 100% 100%, 0 100%); clip-path: polygon(0 calc(0% + 30px), 100% 0, 100% 100%, 0 100%); }
.mask-angled-right { -webkit-clip-path: polygon(0 0, 100% calc(0% + 30px), 100% 100%, 0 100%); clip-path: polygon(0 0, 100% calc(0% + 30px), 100% 100%, 0 100%); }
.mask-arrow { -webkit-clip-path: polygon(0 0, calc(50% - 30px) 0, 50% calc(0% + 30px), calc(50% + 30px) 0, 100% 0, 100% 100%, 0 100%); clip-path: polygon(0 0, calc(50% - 30px) 0, 50% calc(0% + 30px), calc(50% + 30px) 0, 100% 0, 100% 100%, 0 100%); }
.mask-angled-large { -webkit-clip-path: polygon(0 calc(0% + 60px), 100% 0, 100% 100%, 0 100%); clip-path: polygon(0 calc(0% + 60px), 100% 0, 100% 100%, 0 100%); }
.mask-angled-right-large { -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 60px), 0 100%); clip-path: polygon(0 0, 100% 0, 100% calc(100% - 60px), 0 100%); }
.mask-arrow-large { -webkit-clip-path: polygon(0 0, calc(50% - 60px) 0, 50% calc(0% + 60px), calc(50% + 60px) 0, 100% 0, 100% 100%, 0 100%); clip-path: polygon(0 0, calc(50% - 60px) 0, 50% calc(0% + 60px), calc(50% + 60px) 0, 100% 0, 100% 100%, 0 100%); }
.mask-angled-right, .mask-arrow, .mask-angled { margin-top: -30px; }
.mask-angled-right-large, .mask-arrow-large, .mask-angled-large { margin-top: -60px; }
[data-parallax]:not(.parallax-active) { opacity: 0; }
[data-parallax] { will-change: transform !important; }
[data-parallax-container] { overflow: hidden; }
[data-parallax]:not(.parallax-active) .bg { opacity: 0; }
.shade { content: "flipInX"; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.2); background: -webkit-gradient(linear, left bottom, left top, from(#323232), color-stop(33%, rgba(50, 50, 50, 0))); background: -o-linear-gradient(bottom, #323232 0%, rgba(50, 50, 50, 0) 33%); background: linear-gradient(to top, #323232 0%, rgba(50, 50, 50, 0) 33%); opacity: 0.3; pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; }
.shade-top { opacity: 0.4; background: rgba(0, 0, 0, 0.2); background: -webkit-gradient(linear, left top, left bottom, from(black), color-stop(70%, rgba(0, 0, 0, 0))); background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0) 70%); background: linear-gradient(to bottom, black 0%, rgba(0, 0, 0, 0) 70%); }
.box:hover .shade { opacity: 0.5; }
.box-shade:not(.dark) .shade { opacity: 0.8; background: rgba(255, 255, 255, 0.2); background: -webkit-gradient(linear, left bottom, left top, from(white), color-stop(33%, rgba(255, 255, 255, 0))); background: -o-linear-gradient(bottom, white 0%, rgba(255, 255, 255, 0) 33%); background: linear-gradient(to top, white 0%, rgba(255, 255, 255, 0) 33%); }
.show-on-hover, .hover-slide, .hover-slide-in, .hover-zoom, .hover-zoom-in { opacity: 0; -webkit-transition: opacity 0.5s, max-height 0.6s, -webkit-transform 0.3s, -webkit-filter 0.6s; transition: opacity 0.5s, max-height 0.6s, -webkit-transform 0.3s, -webkit-filter 0.6s; -o-transition: opacity 0.5s, transform 0.3s, max-height 0.6s, filter 0.6s; transition: opacity 0.5s, transform 0.3s, max-height 0.6s, filter 0.6s; transition: opacity 0.5s, transform 0.3s, max-height 0.6s, filter 0.6s, -webkit-transform 0.3s, -webkit-filter 0.6s; -webkit-filter: blur(0); filter: blur(0); pointer-events: none; }
.hover-slide { -webkit-transform: translateY(15%) translateZ(0); transform: translateY(15%) translateZ(0); }
.hover-slide-in { -webkit-transform: translateY(100%) translateZ(0); transform: translateY(100%) translateZ(0); }
.box-text-middle .box-text.hover-slide { -webkit-transform: translateY(-40%) translateZ(0); transform: translateY(-40%) translateZ(0); }
.hover-fade-out { -webkit-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; }
.has-hover:hover .hover-fade-out { opacity: 0; }
.hover-invert { opacity: 1 !important; -webkit-filter: invert(0); filter: invert(0); }
.has-hover:hover .hover-invert { -webkit-filter: invert(100%); filter: invert(100%); }
.hover-reveal { -webkit-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s; opacity: 0; -webkit-transform: translateY(15%) translateZ(0); transform: translateY(15%) translateZ(0); max-height: 0; }
.has-hover:hover .hover-reveal { opacity: 1; max-height: 150px; }
.has-hover:hover .hover-reveal.reveal-small { max-height: 30px; }
.hover-blur { opacity: 0; -webkit-transition: opacity 0.3s, -webkit-filter 0.3s; transition: opacity 0.3s, -webkit-filter 0.3s; -o-transition: filter 0.3s, opacity 0.3s; transition: filter 0.3s, opacity 0.3s; transition: filter 0.3s, opacity 0.3s, -webkit-filter 0.3s; -webkit-filter: blur(10px); filter: blur(10px); }
.has-hover:hover .hover-blur { opacity: 1; -webkit-filter: blur(0) !important; filter: blur(0) !important; }
.hover-zoom { -webkit-transform: scale(1.1) translateZ(0); transform: scale(1.1) translateZ(0); }
.box-text-middle .box-text.hover-zoom { -webkit-transform: scale(1.1) translateZ(0) translateY(-50%); transform: scale(1.1) translateZ(0) translateY(-50%); }
.hover-zoom-in { -webkit-transform: scale(0.9) translateZ(0); transform: scale(0.9) translateZ(0); }
.box-text-middle .box-text.hover-zoom-in { -webkit-transform: scale(0.9) translateZ(0) translateY(-50%); transform: scale(0.9) translateZ(0) translateY(-50%); }
.hover-bounce { opacity: 1 !important; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; -o-transition: transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; -webkit-transform: scale(1) translateZ(0) translateY(10px) !important; transform: scale(1) translateZ(0) translateY(10px) !important; }
.has-hover:hover .hover-bounce { -webkit-transform: scale(1) translateZ(0) translateY(0) !important; transform: scale(1) translateZ(0) translateY(0) !important; }
.box-text-middle .hover-bounce { -webkit-transform: scale(1) translateZ(0) translateY(-40%) !important; transform: scale(1) translateZ(0) translateY(-40%) !important; }
.box-text-middle:hover .box-text.hover-bounce { -webkit-transform: scale(1) translateZ(0) translateY(-50%) !important; transform: scale(1) translateZ(0) translateY(-50%) !important; }
.has-hover:hover img.show-on-hover { opacity: 1; }
.has-hover:hover .hover-slide, .has-hover:hover .hover-slide-in, .has-hover:hover .hover-zoom, .has-hover:hover .hover-zoom-in, .has-hover:hover .show-on-hover { opacity: 1; -webkit-transform: scale(1) translateZ(0) translateY(0) !important; transform: scale(1) translateZ(0) translateY(0) !important; pointer-events: inherit; }
.has-hover:hover .show-on-hover.center, .box-text-middle:hover .show-on-hover.box-text { -webkit-transform: scale(1) translateZ(0) translateY(-50%) !important; transform: scale(1) translateZ(0) translateY(-50%) !important; }
.slider .has-slide-effect { overflow: hidden; background-color: transparent !important; }
.slider .has-slide-effect .bg { opacity: 0; -webkit-transition: opacity 1s; -o-transition: opacity 1s; transition: opacity 1s; }
.slide-zoom-in .bg, .slide-zoom-in-fast .bg { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.slide-zoom-out-fast .bg, .slide-zoom-out .bg { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }
.has-slide-effect.is-selected .bg { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: opacity 1s, -webkit-transform 20s ease-out; transition: opacity 1s, -webkit-transform 20s ease-out; -o-transition: opacity 1s, transform 20s ease-out; transition: opacity 1s, transform 20s ease-out; transition: opacity 1s, transform 20s ease-out, -webkit-transform 20s ease-out; }
.slide-fade-in.is-selected .bg { -webkit-transition: opacity 3.5s; -o-transition: opacity 3.5s; transition: opacity 3.5s; }
.slide-fade-in-fast.is-selected .bg { -webkit-transition: opacity 1.5s; -o-transition: opacity 1.5s; transition: opacity 1.5s; }
.slide-zoom-in-fast.is-selected .bg, .slide-zoom-in.is-selected .bg { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }
.slide-zoom-out-fast.is-selected .bg { -webkit-transition: opacity 1s, -webkit-transform 5s ease-out; transition: opacity 1s, -webkit-transform 5s ease-out; -o-transition: opacity 1s, transform 5s ease-out; transition: opacity 1s, transform 5s ease-out; transition: opacity 1s, transform 5s ease-out, -webkit-transform 5s ease-out; }
.button.tooltip { opacity: 1; }
.tooltipster-default { border-radius: 5px; background: #111; color: #fff; -webkit-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; opacity: 0; }
.tooltipster-default a { color: #eee; }
.tooltipster-default:hover { color: #fff; }
.tooltipster-fade-show { opacity: 1; }
.tooltipster-default .tooltipster-content { font-family: Arial, sans-serif; font-size: 14px; line-height: 16px; padding: 8px 10px; overflow: hidden; }
.tooltipster-base { padding: 0; font-size: 0; line-height: 0; position: absolute; left: 0; top: 0; z-index: 9999999; pointer-events: none; width: auto; overflow: visible; }
.tooltipster-base .tooltipster-content { overflow: hidden; }
.tooltipster-arrow { display: block; text-align: center; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; }
.tooltipster-arrow span, .tooltipster-arrow-border { display: block; width: 0; height: 0; position: absolute; }
.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span { border-left: 8px solid transparent !important; border-right: 8px solid transparent !important; border-top: 8px solid; bottom: -7px; }
.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border { border-left: 9px solid transparent !important; border-right: 9px solid transparent !important; border-top: 9px solid; bottom: -7px; }
.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span { border-left: 8px solid transparent !important; border-right: 8px solid transparent !important; border-bottom: 8px solid; top: -7px; }
.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border { border-left: 9px solid transparent !important; border-right: 9px solid transparent !important; border-bottom: 9px solid; top: -7px; }
.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border { left: 0; right: 0; margin: 0 auto; }
.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span { left: 6px; }
.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border { left: 5px; }
.tooltipster-arrow-top-right span, .tooltipster-arrow-bottom-right span { right: 6px; }
.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border { right: 5px; }
.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border { border-top: 8px solid transparent !important; border-bottom: 8px solid transparent !important; border-left: 8px solid; top: 50%; margin-top: -7px; right: -7px; }
.tooltipster-arrow-left .tooltipster-arrow-border { border-top: 9px solid transparent !important; border-bottom: 9px solid transparent !important; border-left: 9px solid; margin-top: -8px; }
.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border { border-top: 8px solid transparent !important; border-bottom: 8px solid transparent !important; border-right: 8px solid; top: 50%; margin-top: -7px; left: -7px; }
.tooltipster-arrow-right .tooltipster-arrow-border { border-top: 9px solid transparent !important; border-bottom: 9px solid transparent !important; border-right: 9px solid; margin-top: -8px; }
.dark, .dark p, .dark td { color: #f1f1f1; }
.dark a.lead, .dark label, .dark .heading-font, .dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6, .hover-dark:hover p, .hover-dark:hover h1, .hover-dark:hover h2, .hover-dark:hover h3, .hover-dark:hover h4, .hover-dark:hover h5, .hover-dark:hover h6, .hover-dark:hover a { color: #fff; }
.dark .stars a + a, .dark .product-section, .dark .product-footer .woocommerce-tabs { border-color: rgba(255, 255, 255, 0.2); }
.nav-dark .is-outline, .dark .nav > li > a, .dark .nav > li.html, .dark .nav-vertical li li.menu-item-has-children > a, .dark .nav-vertical > li > ul li a, .nav-dropdown.dark > li > a, .nav-dropdown.dark .nav-column > li > a, .nav-dark .nav > li > a, .nav-dark .nav > li > button { color: rgba(255, 255, 255, 0.8); }
.dark .nav > li > a:hover, .dark .nav > li.active > a, .dark .nav > li > a.active .nav-dark .nav > li.current > a, .nav-dark .nav > li > a:hover, .nav-dark .nav > li.active > a, .nav-dropdown.dark > li > a:hover, .nav-dropdown.dark .nav-column > li > a:hover, .nav-dark a.plain:hover, .nav-dark .nav > li > a.active { color: #fff; }
.dark.nav-dropdown.nav-dropdown-bold > li.nav-dropdown-col, .dark.nav-dropdown.nav-dropdown-simple > li.nav-dropdown-col, .nav-dropdown.dark .nav-column > li > a, .nav-dropdown.dark > li > a, .nav-dark .nav > li.header-divider, .nav-dark .header-divider:after, .nav-dark .nav-divided > li + li > a:after { border-color: rgba(255, 255, 255, 0.2); }
.dark .nav-vertical li li.menu-item-has-children > a, .nav-dark .nav-vertical li li.menu-item-has-children > a, .nav-dark .nav > li.html, .nav-dark .header-button { color: #fff; }
.nav-box a:hover span.amount, .nav-dark span.amount { color: currentColor; }
html { overflow-x: hidden; }
@media (max-width:849px) {
   body { overflow-x: hidden; }
}
#wrapper, #main { background-color: #fff; position: relative; }
#main.dark { background-color: #333; }
.page-wrapper { padding-top: 30px; padding-bottom: 30px; }
.page-wrapper-full { padding-top: 0; }
.is-sticky-column { will-change: min-height; }
.is-sticky-column__inner { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); will-change: position, transform; }
.ux-body-overlay { display: block; position: fixed; top: 0; left: 0; bottom: 0; right: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.3); z-index: 29; opacity: 0; visibility: hidden; -webkit-transition: visibility 0.3s, opacity 0.3s ease-in-out; -o-transition: visibility 0.3s, opacity 0.3s ease-in-out; transition: visibility 0.3s, opacity 0.3s ease-in-out; }
.ux-body-overlay--hover-active, .ux-body-overlay--click-active { opacity: 1; visibility: visible; }
.header, .header-wrapper { width: 100%; z-index: 30; position: relative; background-size: cover; background-position: 50% 0; -webkit-transition: background-color 0.3s, opacity 0.3s; -o-transition: background-color 0.3s, opacity 0.3s; transition: background-color 0.3s, opacity 0.3s; }
.header-bg-color { background-color: rgba(255, 255, 255, 0.9); }
.header-top, .header-bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: no-wrap; flex-wrap: no-wrap; }
.header.show-on-scroll, .header.has-transparent, .header.transparent { position: absolute; }
.header.show-on-scroll:not(.stuck), .header.transparent:not(.stuck) { left: auto; right: auto; }
.header.show-on-scroll .header-wrapper { -webkit-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; visibility: hidden; opacity: 0; }
.header.show-on-scroll .header-wrapper.stuck { visibility: visible; opacity: 1; }
.header.transparent .header-wrapper, .header.transparent .header-bg-image, .header.transparent .header-bg-color, .header.transparent .header-bottom { -webkit-box-shadow: none; box-shadow: none; background-color: transparent; background-image: none !important; }
.header-bg-image, .header-bg-color { background-position: 50% 0; -webkit-transition: background 0.4s; -o-transition: background 0.4s; transition: background 0.4s; }
.header-top { background-color: #446084; z-index: 11; position: relative; min-height: 20px; }
.header-main { z-index: 10; position: relative; }
.header-bottom { z-index: 9; position: relative; min-height: 35px; }
.top-divider { margin-bottom: -1px; border-top: 1px solid currentColor; opacity: 0.1; }
.nav-dark .top-divider { display: none; }
.stuck { top: 0; position: fixed; left: 0; right: 0; margin: 0 auto; }
.sticky-jump .stuck { -webkit-animation: stuckMoveDown 0.6s; animation: stuckMoveDown 0.6s; }
.sticky-fade .stuck { -webkit-animation: stuckFadeIn 0.6s; animation: stuckFadeIn 0.6s; }
.sticky-shrink .stuck .header-main { -webkit-transition: height 0.8s; -o-transition: height 0.8s; transition: height 0.8s; }
.stuck .header-inner, .stuck .logo, .stuck .logo img { padding-top: 0; margin-top: 0; }
.header-wrapper:not(.stuck) .logo img { -webkit-transition: max-height 0.5s; -o-transition: max-height 0.5s; transition: max-height 0.5s; }
.header.show-on-scroll .hide-for-sticky, .stuck .hide-for-sticky { display: none; }
.header-wrapper.stuck, .header-shadow .header-wrapper, .layout-shadow #wrapper { -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.15); box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.15); }
.nav > li.header-divider { border-left: 1px solid rgba(0, 0, 0, 0.1); height: 30px; vertical-align: middle; position: relative; margin: 0 7.5px; }
.nav-dark .nav > li.header-divider { border-color: rgba(255, 255, 255, 0.1); }
.header-block { width: 100%; min-height: 15px; }
.header-full-width .container { max-width: 100% !important; }
@media (max-width:849px) {
   .header-main li.html.custom { display: none; }
}
@media (max-width:549px) {
   .nav-mobile > li > a:not(.button) { line-height: 5em; }
}
.post { margin: 0 0 30px; }
.masonery .post { margin-bottom: 0; }
.entry-header-text { padding: 1.5em 0 1.5em; }
.entry-header-text.text-center { padding-left: 1.5em; padding-right: 1.5em; }
.entry-header-text-top { padding-top: 0; }
.entry-header-text-bottom { padding-bottom: 0px; }
.entry-content { padding-top: 1.5em; padding-bottom: 1.5em; }
.masonery .article-inner .box { margin-bottom: 1.5em; }
.article-inner { -webkit-transition: opacity 0.3s, -webkit-box-shadow 0.5s, -webkit-transform 0.3s; transition: opacity 0.3s, -webkit-box-shadow 0.5s, -webkit-transform 0.3s; -o-transition: opacity 0.3s, box-shadow 0.5s, transform 0.3s; transition: opacity 0.3s, box-shadow 0.5s, transform 0.3s; transition: opacity 0.3s, box-shadow 0.5s, transform 0.3s, -webkit-box-shadow 0.5s, -webkit-transform 0.3s; }
.blog-featured-title + #main .post-sidebar { padding-top: 30px; }
.from_the_blog_comments { padding-top: 7px; opacity: 0.8; }
.article-inner.has-shadow { background-color: #fff; }
.article-inner.has-shadow .entry-content, .article-inner.has-shadow footer.entry-meta, .article-inner.has-shadow .entry-header-text, .article-inner.has-shadow .author-box { padding-left: 1.5em; padding-right: 1.5em; }
.article-inner.has-shadow .entry-header-text-top { padding-top: 1.5em; }
.entry-author { padding: 2em 0; }
.banner h2.entry-title { font-size: 2em; }
.badge.post-date { top: 7%; }
.entry-image img { width: 100%; }
.entry-image-float { position: relative; }
@media (min-width:850px) {
   .entry-image-float { max-width: 50%; float: left; margin-right: 2em; }
   .entry-image-float + .entry-content { padding-top: 0; }
}
.post .entry-summary p:last-of-type { margin-bottom: 0; }
footer.entry-meta { font-size: 0.8em; border-top: 1px solid #ececec; border-bottom: 2px solid #ececec; padding: 0.5em 0 0.6em; }
li.recentcomments { padding: 7px 0; }
li.recentcomments a { display: inline !important; }
.box-blog-post .is-divider { margin-top: 0.5em; margin-bottom: 0.5em; height: 2px; }
.bypostauthor { display: block; }
.more-link { margin-top: 1.5em; }
.updated:not(.published) { display: none; }
@media (min-width:850px) {
   .alignleft { display: inline; float: left; margin-right: 1.5em; }
   .alignright { display: inline; float: right; margin-left: 1.5em; }
   .aligncenter { clear: both; display: block; margin: 0 auto; }
}
.wp-caption { margin-bottom: 2em; max-width: 100%; }
.wp-caption .wp-caption-text { padding: 0.4em; font-size: 0.9em; background: rgba(0, 0, 0, 0.05); font-style: italic; }
.wp-caption-text { text-align: center; }
img.size-full.alignnone { margin-bottom: 2em; }
.row .entry-content .gallery { padding: 0; }
.gallery-caption { display: block; }
.page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; }
.widget { margin-bottom: 1.5em; }
.widget ul { margin: 0; }
.widget li { list-style: none; }
.widgets-framed .widget, .widgets-boxed .widget { padding: 15px 20px 15px; background-color: #fff; border: 1px solid #ddd; -webkit-box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.05); box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.05); }
.widgets-boxed .widget h3 { background-color: #446084; margin-left: -21px; margin-top: -16px; padding: 10px 20px 10px; width: calc(100% + 42px); color: #fff; }
.widgets-boxed h3 + .is-divider { display: none; }
ul.menu > li, .widget > ul > li { list-style: none; margin-bottom: 0.3em; text-align: left; margin: 0; }
ul.menu > li li, .widget > ul > li li { list-style: none; }
ul.menu > li > a, ul.menu > li > span:first-child, .widget > ul > li > a, .widget > ul > li > span:first-child { display: inline-block; padding: 6px 0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
ul.menu > li:before, .widget > ul > li:before { font-family: "fl-icons"; display: inline-block; opacity: 0.6; margin-right: 6px; }
ul.menu > li li > a, .widget > ul > li li > a { font-size: 0.9em; padding: 3px 0; display: inline-block; }
ul.menu > li + li, .widget > ul > li + li { border-top: 1px solid #ececec; }
.dark ul.menu > li + li, .dark .widget > ul > li + li { border-color: rgba(255, 255, 255, 0.08); }
ul.menu > li ul, .widget > ul > li ul { border-left: 1px solid #ddd; margin: 0 0 10px 3px; padding-left: 15px; width: 100%; display: none; }
ul.menu > li ul li, .widget > ul > li ul li { border: 0; margin: 0; }
.dark ul.menu > li ul, .dark .widget > ul > li ul { border-color: rgba(255, 255, 255, 0.08); }
.dark ul.menu > li > a:hover, .dark ul.menu > li.active > a, .dark ul.menu > li.current-cat > a, .dark .widget > ul > li > a:hover, .dark .widget > ul > li.active > a, .dark .widget > ul > li.current-cat > a { color: #fff; }
ul.menu > li.has-child, .widget > ul > li.has-child { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.widget > ul > li .count { opacity: 0.5; font-size: 0.7em; line-height: 3em; }
.widget .current > ul, .widget .current-cat-parent > ul { display: block; }
.widget .current-cat > a { color: #000; font-weight: bolder; }
.recent-blog-posts { padding: 10px 0 10px; }
.recent-blog-posts a { line-height: 1.2; display: block; margin-bottom: 6px; }
.widget .instagram-pics:after { content: "true"; display: table; clear: both; }
.widget .instagram-pics > li { border: 0; list-style: none; float: left; width: 33.333333%; margin: 0; padding: 0; }
.widget .instagram-pics > li a { padding: 0; margin: 0; display: block; }
.widget .instagram-pics > li img { display: block; width: 100%; }
.widget_layered_nav li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.widget_display-latest-tweets li { font-style: italic; font-size: 0.9em; }
.widget_display-latest-tweets a { display: inline !important; }
.widget_display-latest-tweets span { font-weight: bolder; display: block; }
.wpcf7 { color: #333; position: relative; }
.wpcf7 .ajax-loader { display: none !important; }
.dark .wpcf7 { color: #fff; }
.wpcf7 p { padding: 0; margin: 0; }
.wpcf7 br { display: none; }
.wpcf7 label { display: inline-block; width: 100%; }
.wpcf7 span.wpcf7-list-item { margin-left: 0; margin-right: 1.2em; }
.wpcf7 .wpcf7-form-control-wrap { display: block; }
.wpcf7 .ajax-loader { position: absolute; right: 0; background-color: #fff; border-radius: 99px; }
.wpcf7 .wpcf7-not-valid-tip { margin-top: -10px; position: relative; padding: 5px 8px; line-height: 1.2em; border-radius: 3px; opacity: 0.8; background-color: #f1f1f1; color: #b20000; }
.wpcf7 .wpcf7-not-valid-tip:after { bottom: 100%; left: 30px; border: solid transparent; content: "true"; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-bottom-color: #f1f1f1; border-width: 10px; margin-left: -10px; }
.wpcf7 .wpcf7-validation-errors { display: none !important; }
.wpcf7 .flex-col .wpcf7-not-valid-tip { position: absolute; z-index: 99; margin-top: 5px; width: 100%; }
.wpcf7 .wpcf7-response-output { margin: 5px 0 0 0; border-radius: 10px; }
.wpcf7-form .processing * { opacity: 0.8; }
.password-required form.post-password-form { max-width: 620px; margin: 0 auto; padding: 30px 15px 30px; }
.portfolio-inner img { width: 100%; }
.portfolio-bottom { margin-bottom: -1px; }
.row + .portfolio-related .portfolio-element-wrapper { margin-top: 30px; }
.accordion-inner { padding: 1em 2.3em; display: none; }
.accordion-title { font-size: 110%; padding: 0.6em 2.3em; display: block; position: relative; border-top: 1px solid #ddd; -webkit-transition: border 200ms ease-out, background-color 0.3s; -o-transition: border 200ms ease-out, background-color 0.3s; transition: border 200ms ease-out, background-color 0.3s; }
.dark .accordion-title { border-color: rgba(255, 255, 255, 0.2); }
.accordion-title.active { border-color: #446084; color: #446084; font-weight: bold; background-color: rgba(0, 0, 0, 0.03); }
.dark .accordion-title.active { color: #fff; }
.accordion .toggle { width: 2.3em; height: 1.5em; margin-right: 5px; top: 0.3em; border-radius: 999px; position: absolute; -webkit-transform-origin: 50% 47%; -ms-transform-origin: 50% 47%; transform-origin: 50% 47%; left: 0; }
.accordion .active .toggle { opacity: 1; color: currentColor; }
.breadcrumbs { color: #222; font-weight: bold; letter-spacing: 0; padding: 0; }
.product-info .breadcrumbs { font-size: 0.85em; margin: 0 0 0.5em; }
.breadcrumbs .divider, .breadcrumbs .separator { position: relative; top: 0; opacity: 0.35; margin: 0 0.3em; font-weight: 300; }
.dark .breadcrumbs { color: #fff; }
.breadcrumbs a { color: rgba(102, 102, 102, 0.7); font-weight: normal; }
.breadcrumbs a:first-of-type { margin-left: 0; }
.breadcrumbs a.current, .breadcrumbs a:hover { color: #111; }
.dark .breadcrumbs a { color: #fff; }
.checkout-breadcrumbs { padding: 15px 0; }
.checkout-breadcrumbs a { color: #ccc; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.checkout-breadcrumbs .divider { top: 2px; margin: 0 0.5em; }
.breadcrumb-step { display: inline-block; background-color: #ccc; color: #fff; margin: 0 0.5em; font-weight: bolder; text-align: center; height: 1.5em; width: 1.5em; font-size: 0.7em; line-height: 1.5em; border-radius: 99px; position: relative; top: 1px; }
.current .breadcrumb-step { background-color: #d26e4b; }
@media (min-width:850px) {
   .comment-form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; margin-left: -15px; margin-right: -15px; }
   .comment-form > div { padding: 0 15px; width: 100%; }
   .comment-form > p { padding: 0 15px; width: 100%; }
   .comment-form p.comment-form-author, .comment-form p.comment-form-email, .comment-form p.comment-form-url { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
}
.comment-inner:target { padding: 15px; background-color: #f1f1f1; border-radius: 10px; }
.commentlist li, .comment-list li { list-style: none; padding: 1em 0 0 0; }
.commentlist li .meta, .comment-list li .meta { margin-bottom: 0; }
.commentlist li .avatar, .comment-list li .avatar { border-radius: 100%; }
.commentlist li .description, .comment-list li .description { font-style: italic; }
.commentlist li .comment-text, .comment-list li .comment-text { padding: 0 1.5em; }
.commentlist > li:not(:first-child), .comment-list > li:not(:first-child) { border-top: 1px dashed #ddd; }
#comments .comment-respond { background-color: rgba(0, 0, 0, 0.05); margin-top: 15px; padding: 15px 25px 0; }
#comments .comment-respond .comment-reply-title { font-size: 1.2em; }
#comments .comment-respond small { text-transform: uppercase; margin-left: 10px; font-size: 0.6em; }
.footer-wrapper { width: 100%; position: relative; }
.footer-1 { background-color: #fff; }
.footer-2 { background-color: #777; }
.footer-1, .footer-2 { border-top: 1px solid rgba(0, 0, 0, 0.05); }
.footer-secondary { padding: 7.5px 0; }
.footer ul { margin: 0; }
.absolute-footer { color: rgba(0, 0, 0, 0.5); padding: 10px 0 15px; font-size: 0.9em; }
.absolute-footer.dark { color: rgba(255, 255, 255, 0.5); }
.absolute-footer.fixed { left: 0; right: 0; bottom: 0; padding: 7.5px 15px; z-index: 101; color: #fff; background-color: transparent; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7); }
.absolute-footer ul { padding-bottom: 5px; opacity: 0.8; border-bottom: 1px solid #ddd; }
.absolute-footer.dark ul { border-color: rgba(255, 255, 255, 0.08); }
.absolute-footer.text-center ul { border: 0; padding-top: 5px; }
.reveal-footer { z-index: 1; margin-bottom: 100px; position: relative; -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5); }
.reveal-footer + .footer-wrapper { position: fixed; bottom: 0; z-index: 0; }
.back-to-top { margin: 0; opacity: 0; bottom: 20px; right: 20px; pointer-events: none; -webkit-transform: translateY(30%); -ms-transform: translateY(30%); transform: translateY(30%); }
.back-to-top.left { left: 20px; right: unset; }
.back-to-top.active { opacity: 1; pointer-events: inherit; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
.instagram-image-container { display: block; padding-bottom: 100%; }
.instagram-image-container a > img { position: absolute; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; font-family: "object-fit:cover; "; }
.logo { line-height: 1; margin: 0; }
.logo-tagline { font-style: italic; font-size: 0.9em; line-height: 1; margin: 0.85em 0; }
.logo a { text-decoration: none; display: block; color: #446084; font-size: 32px; text-transform: uppercase; font-weight: bolder; margin: 0; }
.logo img { display: block; width: auto; }
.header-logo-dark, .nav-dark .header-logo, .header-logo-sticky, .sticky .dark .header-logo-dark, .sticky .has-sticky-logo .header-logo { display: none !important; }
.nav-dark .header-logo-dark, .stuck .header-logo-sticky { display: block !important; }
.stuck .header-logo-sticky + img, .stuck .header-logo-sticky + img + img { display: none !important; }
.nav-dark .logo a { color: #fff; }
.logo-left .logo { margin-left: 0; margin-right: 30px; }
.logo-center .flex-left { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0; }
.logo-center .logo { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; text-align: center; margin: 0 30px; }
.logo-center .logo img { margin: 0 auto; }
.logo-center .flex-right { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0; }
@media screen and (max-width:849px) {
   .header-inner .nav { -ms-flex-wrap: nowrap; flex-wrap: nowrap; }
   .medium-logo-left .flex-left { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; -webkit-box-flex: 0; -ms-flex: 0; flex: 0; }
   .medium-logo-left .logo { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
   .medium-logo-center .flex-left { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0; }
   .medium-logo-center .logo { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; text-align: center; margin: 0 15px; }
   .medium-logo-center .logo img { margin: 0 auto; }
   .medium-logo-center .flex-right { -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; }
}
.map-height { height: 400px; }
.map-inner { background-color: #fff; background-color: rgba(255, 255, 255, 0.9); padding: 20px; }
.message-box { padding-left: 30px; padding-right: 30px; background-color: #f1f1f1; }
.message-box.dark { background-color: #333; }
.message-box .col, .message-box .col-inner, .message-box .row { padding-top: 0 !important; padding-bottom: 0 !important; }
.next-prev-thumbs li { position: relative; display: inline-block; margin: 0 1px 0 !important; }
.next-prev-thumbs li .button { margin-bottom: 0; }
.next-prev-thumbs .nav-dropdown { padding: 2px; width: 90px; min-width: 90px; }
.page-title { position: relative; }
.page-title .widget { margin: 0 0.3em; vertical-align: middle; }
.page-title-bg { overflow: hidden; }
.title-bg { -webkit-transition: opacity 0.6s; -o-transition: opacity 0.6s; transition: opacity 0.6s; }
.title-overlay { background-color: rgba(0, 0, 0, 0.25); }
.page-title-inner { position: relative; padding-top: 20px; min-height: 60px; }
.page-title-inner ul, .page-title-inner select, .page-title-inner form, .page-title-inner button, .page-title-inner p { margin-top: 0; margin-bottom: 0; }
.normal-title { background-color: #f7f7f7; border-top: 1px solid #ececec; border-bottom: 1px solid #ececec; }
.normal-title .page-title-inner { padding-top: 15px; padding-bottom: 15px; }
.featured-title { background-color: #446084; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); }
.featured-title .page-title-inner { padding-bottom: 20px; }
.featured-title .page-title-bg { -webkit-box-shadow: inset 0 0 30px 0px rgba(0, 0, 0, 0.1); box-shadow: inset 0 0 30px 0px rgba(0, 0, 0, 0.1); }
.featured-title .overlay { background-color: rgba(0, 0, 0, 0.4); }
.payment-icons .payment-icon { display: inline-block; opacity: 0.6; -webkit-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; border-radius: 5px; background-color: rgba(0, 0, 0, 0.1); padding-bottom: 0; padding: 3px 5px 5px; margin: 3px 3px 0; }
.payment-icons .payment-icon svg { vertical-align: middle; height: 20px; width: auto !important; }
.payment-icons .payment-icon:hover { opacity: 1; }
.dark .payment-icons .payment-icon { background-color: rgba(255, 255, 255, 0.1); }
.dark .payment-icons .payment-icon svg { fill: #fff; }
.pricing-table { border: 1px solid #ececec; background-color: #fff; padding-bottom: 15px; overflow: hidden; }
.dark .pricing-table { border-color: rgba(255, 255, 255, 0.2); }
.pricing-table .title { padding: 0.5em 15%; border-bottom: 1px solid #ececec; }
.dark .pricing-table .title { border-color: rgba(255, 255, 255, 0.2); }
.pricing-table .price { color: #000; padding: 0.6em 15% 0; font-weight: 300; }
.pricing-table .description { padding: 15px 15px 0; }
.pricing-table .items { padding: 10px 15%; }
.pricing-table .is-disabled { text-decoration: line-through; opacity: 0.6; }
.pricing-table .items .button:last-child { margin: 30px 0 0; }
.pricing-table .bullet-more-info { font-size: 14px; margin-left: 10px; }
.pricing-table .items > div { padding: 7.5px 0; border-bottom: 1px solid #ececec; }
.dark .pricing-table .items > div { border-color: rgba(255, 255, 255, 0.08); }
.dark .pricing-table { background-color: #333; }
.pricing-table .title { background-color: rgba(0, 0, 0, 0.02); }
.featured-table { margin-top: -15px; border-color: #446084; border-width: 2px; }
.featured-table .title { color: #fff; border-color: #446084; background-color: #446084; }
.scroll-to { width: 100%; }
.scroll-to-bullets { right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 999; max-height: 100vh; overflow: hidden; position: fixed; }
.scroll-to-bullets a { display: block; border: 3px solid transparent; background-color: #446084; margin: 10px 15px; width: 15px; height: 15px; border-radius: 30px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); }
.scroll-to-bullets a:hover { opacity: 1; background-color: #fff; }
.scroll-to-bullets a.active { opacity: 1; border-color: #446084; background-color: #fff; }
.sidebar-menu .search-form { display: block !important; }
.searchform-wrapper form { margin-bottom: 0; }
.mobile-nav > .search-form, .sidebar-menu .search-form { padding: 5px 0; width: 100%; }
.form-flat .search-form-categories { padding-right: 5px; }
.widget_search .submit-button, .searchform-wrapper:not(.form-flat) .submit-button { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; }
.searchform { position: relative; }
.searchform .button.icon { margin: 0; }
.searchform .button.icon i { font-size: 1.2em; }
.searchform-wrapper { width: 100%; }
.searchform-wrapper.form-flat .submit-button.loading .icon-search { opacity: 0; }
.searchform-wrapper.form-flat .submit-button.loading:after { border-color: currentColor; }
.searchform-wrapper.form-flat .flex-col:last-of-type { margin-left: -2.9em; }
.searchform-wrapper .autocomplete-suggestions { overflow-y: scroll; -webkit-overflow-scrolling: touch; max-height: 50vh; overflow-y: auto; }
.header-block .autocomplete-suggestions, .header .search-form .autocomplete-suggestions { max-height: 80vh; }
.col .live-search-results, .header-block .live-search-results, .header .search-form .live-search-results { text-align: left; color: #111; top: 105%; -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); left: 0; right: 0; background-color: rgba(255, 255, 255, 0.95); position: absolute; }
.header li .html .live-search-results { top: 0; position: relative; -webkit-box-shadow: none; box-shadow: none; background-color: transparent; }
.autocomplete-suggestion { padding: 10px 0.75em; border-bottom: 1px solid rgba(0, 0, 0, 0.05); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: default; }
.autocomplete-suggestion .search-name { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
.autocomplete-suggestion img { width: 40px; border-radius: 99px; height: 40px; display: inline-block; margin-right: 10px; }
.autocomplete-suggestion img + .search-name { margin-top: -0.15em; padding-left: 0.5em; }
.autocomplete-suggestion .search-price { padding-top: 3px; margin-left: 5px; font-size: 0.8em; }
.autocomplete-suggestion:last-child { border-bottom: none; }
.autocomplete-selected { background-color: rgba(0, 0, 0, 0.05); }
#search-lightbox { font-size: 1.5em; margin: 0 auto; max-width: 600px; }
.section-title-container { margin-bottom: 1.5em; }
.row-collapse + .section-title-container, .slider-wrapper + .section-title-container, .banner + .section-title-container { margin-top: 30px; }
.section-title { position: relative; -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; }
.section-title i { opacity: 0.6; margin-right: 0.5em; }
.section-title i.icon-angle-right { margin-right: 0; margin-left: 10px; }
.section-title span { text-transform: uppercase; }
.section-title small { text-transform: none; font-weight: normal; padding-left: 15px; font-size: 1em; opacity: 0.7; }
.section-title b { display: block; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: 2px; opacity: 0.1; background-color: currentColor; }
.section-title a { display: block; padding-left: 15px; font-size: 0.8em; margin-left: auto; }
.section-title-normal { border-bottom: 2px solid #ececec; }
.section-title-normal span { margin-right: 15px; padding-bottom: 7.5px; border-bottom: 2px solid rgba(0, 0, 0, 0.1); margin-bottom: -2px; }
.dark .section-title-normal span, .dark .section-title-normal { border-color: rgba(255, 255, 255, 0.2); }
.section-title-normal b { display: none; }
.section-title-center span { margin: 0 15px; }
.section-title-center span, .section-title-bold-center span { text-align: center; }
.section-title-center small, .section-title-bold-center small { padding: 0 15px; display: block; }
.section-title-bold-center span, .section-title-bold span { border: 2px solid rgba(0, 0, 0, 0.1); padding: 0.3em 0.8em; }
.section-title-bold b:first-of-type { display: none; }
.flatsome-cookies { position: fixed; top: auto; right: 0; bottom: 0; left: 0; z-index: 999; padding: 15px 30px; background-color: #fff; -webkit-box-shadow: 0 0 9px rgba(0, 0, 0, 0.14); box-shadow: 0 0 9px rgba(0, 0, 0, 0.14); -webkit-transition: -webkit-transform 0.35s ease; transition: -webkit-transform 0.35s ease; -o-transition: transform 0.35s ease; transition: transform 0.35s ease; transition: transform 0.35s ease, -webkit-transform 0.35s ease; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
.flatsome-cookies__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.flatsome-cookies__text { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding-right: 30px; }
.flatsome-cookies__buttons { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; }
.flatsome-cookies__buttons > a { margin-right: 20px; margin-bottom: 0; }
.flatsome-cookies__buttons > a:last-child { margin-right: 0; }
.flatsome-cookies--inactive { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
.flatsome-cookies--active { -webkit-transform: none; -ms-transform: none; transform: none; }
@media (max-width:849px) {
   .flatsome-cookies__inner { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; font-size: 0.9em; }
   .flatsome-cookies__buttons { margin-top: 15px; }
   .flatsome-cookies__text { padding-right: 0; }
}
.icon-lock:before { content: "true"; }
.icon-user-o:before { content: "true"; }
.icon-line:before, .icon-chat:before { content: "none"; }
.icon-user:before { content: "none"; }
.icon-shopping-cart:before { content: "true"; }
.icon-tumblr:before { content: "blurIn"; }
.icon-gift:before { content: "blurIn"; }
.icon-phone:before { content: "true"; }
.icon-play:before { content: "false"; }
.icon-menu:before { content: "100"; }
.icon-equalizer:before { content: "200"; }
.icon-shopping-basket:before { content: "300"; }
.icon-shopping-bag:before { content: "400"; }
.icon-google-plus:before { content: "500"; }
.icon-heart-o:before { content: "600"; }
.icon-heart:before { content: "700"; }
.icon-500px:before { content: "800"; }
.icon-vk:before { content: "900"; }
.icon-angle-left:before { content: "1000"; }
.icon-angle-right:before { content: " "; }
.icon-angle-up:before { content: ""; }
.icon-angle-down:before { content: " "; }
.icon-twitter:before { content: "Ã®Â¤â€ž"; }
.icon-envelop:before { content: "Ã®Â¤â‚¬"; }
.icon-tag:before { content: "Ã®Â¤Æ’"; }
.icon-star:before { content: "Ã®Â¤Â"; }
.icon-star-o:before { content: "Ã®Â¤Ë†"; }
.icon-facebook:before { content: "Ã®ËœÆ’"; }
.icon-feed:before { content: "Ã®Ëœâ€ž"; }
.icon-checkmark:before { content: "Ã®Ëœâ‚¬"; }
.icon-plus:before { content: "Ã®Ëœâ€¦"; }
.icon-instagram:before { content: "Ã®Â â‚¬"; }
.icon-tiktok:before { content: "Ã®Â¦â€™"; }
.icon-pinterest:before { content: "Ã®Â¤â€°"; }
.icon-search:before { content: "Ã®Â¤Å "; }
.icon-skype:before { content: "Ã®Â¤â€¦"; }
.icon-dribbble:before { content: "Ã®Â¤â€ "; }
.icon-certificate:before { content: "Ã®â‚¬â‚¬"; }
.icon-expand:before { content: "Ã®ËœÂ"; }
.icon-linkedin:before { content: "Ã®Ëœâ€š"; }
.icon-map-pin-fill:before { content: "Ã¯â€žâ€ž"; }
.icon-pen-alt-fill:before { content: "Ã¯â€žâ€¦"; }
.icon-youtube:before { content: "Ã¯â€žâ€ "; }
.icon-flickr:before { content: "Ã¯â€žâ€¡"; }
.icon-clock:before { content: "Ã®â‚¬Â"; }
.icon-snapchat:before { content: "Ã®â‚¬Æ’"; }
.icon-whatsapp:before { content: "Ã®â‚¬â€ž"; }
.icon-telegram:before { content: "Ã®â‚¬â€¦"; }
.icon-twitch:before { content: "Ã®â‚¬â€ "; }
.icon-discord:before { content: "Ã®â‚¬â€š"; }
.text-center .social-icons { margin-left: auto; margin-right: auto; }
.social-icons { display: inline-block; vertical-align: middle; font-size: 0.85em; color: #999; }
.html .social-icons { font-size: 1em; }
.html .social-icons .button { margin-bottom: 0; }
.social-icons span { font-weight: bold; padding-right: 10px; }
.social-icons i { min-width: 1em; }
.nav-dark .social-icons, .dark .social-icons { color: #fff; }
.nav-dark .social-icons .button.is-outline, .dark .social-icons .button.is-outline { border-color: rgba(255, 255, 255, 0.5); }
.social-button, .social-icons .button.icon:not(.is-outline), .social-icons .button.icon:hover { background-color: currentColor !important; border-color: currentColor !important; }
.social-button > i, .social-button > span, .social-icons .button.icon:not(.is-outline) > i, .social-icons .button.icon:not(.is-outline) > span, .social-icons .button.icon:hover > i, .social-icons .button.icon:hover > span { color: #fff !important; }
.button.facebook:not(.is-outline), .button.facebook:hover { color: #3a589d !important; }
.button.instagram:not(.is-outline), .button.instagram:hover { color: #3b6994 !important; }
.button.whatsapp:not(.is-outline), .button.whatsapp:hover { color: #51cb5a !important; }
.button.twitter:not(.is-outline), .button.twitter:hover { color: #2478ba !important; }
.button.tiktok:not(.is-outline), .button.tiktok:hover, .button.email:not(.is-outline), .button.email:hover { color: #111 !important; }
.button.phone:not(.is-outline), .button.phone:hover { color: #51cb5a !important; }
.button.pinterest:not(.is-outline), .button.pinterest:hover { color: #cb2320 !important; }
.button.rss:not(.is-outline), .button.rss:hover { color: #fc7600 !important; }
.button.tumblr:not(.is-outline), .button.tumblr:hover { color: #36455d !important; }
.button.vk:not(.is-outline), .button.vk:hover { color: #527498 !important; }
.button.google-plus:not(.is-outline), .button.google-plus:hover { color: #dd4e31 !important; }
.button.linkedin:not(.is-outline), .button.linkedin:hover { color: #0072b7 !important; }
.button.youtube:not(.is-outline), .button.youtube:hover { color: #c33223 !important; }
.button.flickr:not(.is-outline), .button.flickr:hover { color: #e5086f !important; }
.button.snapchat:not(.is-outline), .button.snapchat:hover { color: #fff600 !important; }
.button.snapchat:not(.is-outline) i, .button.snapchat:hover i { text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4); }
.button.px500:not(.is-outline), .button.px500:hover { color: #0099e5 !important; }
.button.telegram:not(.is-outline), .button.telegram:hover { color: #54a9ea !important; }
.button.twitch:not(.is-outline), .button.twitch:hover { color: #9146fe !important; }
.button.discord:not(.is-outline), .button.discord:hover { color: #7189d9 !important; }
.woocommerce-product-rating { visibility: visible; position: relative; }
.star-rating { text-align: left; font-size: 16px; display: block; overflow: hidden; position: relative; height: 1em; line-height: 1em; letter-spacing: 0; margin: 0.5em 0; width: 5.06em; font-family: "fl-icons" !important; font-weight: normal !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.star-rating:before, .woocommerce-page .star-rating:before { content: ""; color: #d26e4b; float: left; top: 0; left: 0; position: absolute; }
.star-rating span { overflow: hidden; float: left; width: 10px; height: 10px; top: 0; left: 0; font-family: "fl-icons" !important; font-weight: normal !important; position: absolute; padding-top: 1.5em; }
.star-rating span:before { content: ""; color: #d26e4b; top: 0; position: absolute; left: 0; }
.star-rating--inline { display: inline-block; vertical-align: middle; height: 18px; }
.woocommerce-review-link { font-size: 90%; }
li.wc-layered-nav-rating { font-size: 0.8em; }
li.wc-layered-nav-rating .star-rating { margin-bottom: 0; display: inline-block; }
.stars a { font-size: 16px; margin-left: -10px; display: inline-block; color: transparent !important; overflow: hidden; font-family: "fl-icons"; }
.stars a + a { margin-left: 0.3em; border-left: 1px solid #ececec; }
.stars a:hover:after, .stars a.active:after { color: #d26e4b; }
.stars a:after { color: #ddd; content: ""; }
.stars a.star-2:after { content: ""; }
.stars a.star-3:after { content: ""; }
.stars a.star-4:after { content: ""; }
.stars a.star-5:after { content: ""; }
.section-content h2 { color: #ff5500; font-size: 25px; font-weight: 700; }

/* GiÃ¡Â»â€ºi thiÃ¡Â»â€¡u */
:root { --green-color: #006b68; --orange-color: #f37c20; }
.page-gioithieu .wrap-content { padding-inline: 25px; width: 100%; max-width: 100%; }
.member .content-member .desc.text-split { -webkit-line-clamp: 5; }
.h-up { transition: all 0.5s; }
.h-up:hover { transform: translateY(-5px); }
section.criteria { padding: 150px 0; position: relative; }
section.video-banner { position: relative; width: 100%; overflow: hidden; }
section.video-banner .video-bg { position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; transform: translate(-50%, -50%); object-fit: cover; }
section.video-banner .slogan-video { position: absolute; backdrop-filter: blur(20px); width: 60%; height: 100%; display: flex; justify-content: center; flex-direction: column; padding-left: 100px; font-size: 35px; color: #fff; font-weight: 700; background-color: rgba(0, 0, 0, 0.4); }
section.criteria .wrap-content { margin: 0 auto; padding: 0 50px; }
section.criteria::before { content: ""; position: absolute; top: 0; right: 0; width: 100%; height: 200%; background-image: url("../images/bg-tieuchi.svg"); background-size: auto; background-repeat: no-repeat; background-position: center; z-index: -1; animation: fadeIn 8s linear infinite; }
@keyframes fadeIn {
   0% { opacity: 0; }
   50% { opacity: 1; }
   100% { opacity: 0; }
}
.criteria .img-criteria { padding-inline: 80px; position: relative; }
.criteria .img-criteria figure img { position: absolute; }
.criteria .img-criteria figure img:nth-of-type(1) { top: 23%; animation: toUp 2s linear infinite; }
@keyframes toUp {
   0% { transform: translateY(0); }
   50% { transform: translateY(-10px); }
   100% { transform: translateY(0); }
}
.criteria .img-criteria figure img:nth-of-type(2) { bottom: -12px; left: 23%; animation: toLeftt 2s linear infinite; }
@keyframes toLeftt {
   0% { transform: translateX(0); }
   50% { transform: translateX(-10px); }
   100% { transform: translateX(0); }
}
.criteria .img-criteria figure img:nth-of-type(3) { top: 54%; right: 12%; animation: toUp 2s linear infinite; }
.criteria .img-criteria::before { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-image: url("../images/bg-img-criteria.png"); background-size: contain; background-repeat: no-repeat; background-position: center; z-index: -1; scale: 1.4; }
.criteria .content .heading-text { font-style: normal; font-weight: 700; font-size: 35px; line-height: 51px; background: linear-gradient(90.65deg, #006b68 0.56%, #f37c20 115.53%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; width: 75%; }
.criteria .content .desc { font-style: normal; font-weight: 500; font-size: 22px; line-height: 32px; text-align: justify; color: #757575; margin: 30px 0; }
.criteria .content .criteria-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
.criteria .content .criteria-list .item { background-color: #f37c20; color: #fff; font-size: 18px; padding: 10px; border-radius: 5px; font-weight: 500; padding-left: 18px; position: relative; }
.criteria .content .criteria-list .item::before { content: ""; display: inline-block; position: absolute; width: 7px; height: 60%; background-color: var(--green-color); left: 0; top: 50%; transform: translateY(-50%); border-radius: 0 5px 5px 0; }
.effect { background-image: url("../images/background.png"); background-size: cover; background-repeat: no-repeat; background-position: center; padding-block: 200px 100px; margin: auto; overflow: hidden; }
.effect .wrap-content .heading { color: #fff; text-align: center; width: 50%; margin: auto; padding-bottom: 50px; position: relative; }
.effect .wrap-content .heading::before { content: ""; position: absolute; bottom: 0; left: 50%; width: 85%; height: 3px; opacity: 1; background-color: #fff; transform: translateX(-50%) scaleX(0); transform-origin: center; }
.effect .wrap-content .heading.show::before { animation: scaleX 1s forwards; }
@keyframes scaleX {
   from { transform: scaleX(0) translateX(-50%); }
   to { transform: scaleX(1) translateX(-50%); }
}
@keyframes scaleY {
   from { transform: scaleY(0) translateX(-50%); }
   to { transform: scaleY(1) translateX(-50%); }
}
.effect .wrap-content .heading .title { font-size: 40px; font-weight: 700; margin-bottom: 10px; color: #fff; }
.effect .wrap-content .heading .sub-title { font-size: 22px; }
.effect .effect-list { position: relative; padding-top: 50px; }
.effect .effect-list::before { content: ""; position: absolute; top: 0px; left: 50%; transform: translateX(-50%); width: 2px; height: var(--line-height, 0px); border: 1.5px dashed #fff; transform-origin: top; transition: height 2s ease; }
.effect.show .effect-list::before { height: 100%; }
.effect .effect-item { display: grid; grid-template-columns: repeat(2, 1fr); position: relative; }
.effect .effect-item::before { position: absolute; content: ""; width: 20px; height: 20px; background-color: #fff; border-radius: 50%; left: 50%; top: 50%; transform: translate(-50%, -50%); display: none; }
.effect .effect-item .effect-item-left { opacity: 0; margin-inline: 50px; }
.effect .effect-item .effect-item-right { opacity: 0; }
.effect .effect-item.show::before { display: block; }
.effect .effect-item.show .effect-item-left { animation: toleft 1s forwards; }
.effect .effect-item.show .effect-item-right { animation: toright 1s forwards; }
.effect .effect-item .effect-item-left.show { display: flex; justify-content: center; align-items: center; }
.effect .effect-item .effect-item-left .img.show { width: 90%; }
@keyframes show {
   from { opacity: 0; }
   to { opacity: 1; }
}
@keyframes toleft {
   from { opacity: 0; transform: translateX(-30px); }
   to { opacity: 1; transform: translateX(0px); }
}
@keyframes toright {
   from { opacity: 0; transform: translateX(30px); }
   to { opacity: 1; transform: translateX(0px); }
}
.effect .effect-item .effect-item-left .effect-img .img img { width: 100%; height: 100%; object-fit: cover; }
.effect .effect-item .effect-item-right { width: 70%; margin: auto; padding: 0 20px; order: 1; }
.effect .effect-item .effect-item-desc { font-size: 20px; }
.effect .effect-item .effect-item-left { order: 2; }
.effect .effect-item:nth-of-type(2n + 1) .effect-item-right { order: 2; }
.effect .effect-item:nth-of-type(2n + 1) .effect-item-left { order: 1; }
.effect .effect-item .effect-item-right .content { position: relative; padding-bottom: 30px; display: grid; justify-items: end; }
.effect .effect-item:nth-of-type(2n + 1) .effect-item-right .content { justify-items: start; }
.effect .effect-item .effect-item-right .content::before { content: ""; position: absolute; height: 1px; width: 90%; background-color: #fff; bottom: 0; }
.effect .effect-item .effect-item-title { font-size: 20px; font-weight: 700; color: var(--orange-color); margin-bottom: 20px; background-color: #fff; display: inline-block; padding: 5px 20px; border-radius: 15px 0 15px 0; }
.effect .effect-item .effect-item-desc { color: #fff; text-align: justify; font-size: 20px; }
.member { padding-top: 100px; }
.member img { width: 100%; height: 100%; }
.col-img-member { width: 80%; margin: auto; }
.member .content-member .title { background: linear-gradient(89.93deg, #017571 0.06%, #ff8d1d 117.04%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; font-size: 40px; font-weight: 700; }
.member .content-member .desc { font-weight: 500; font-size: 18px; line-height: 25px; text-align: justify; color: #757575; transition: max-height 0.4s ease; overflow: hidden; }
.member .content-member .desc.text-split { -webkit-line-clamp: 5; }
.member .content-member .open-desc { color: var(--orange-color); text-transform: uppercase; font-weight: 600; cursor: pointer; }
.member .content-member .open-desc i { transition: all 0.5s; }
.member .col-img-member .img { border-radius: 15px; position: relative; }
.member .col-img-member .img::before { position: absolute; content: ""; background-color: #fff; width: 100%; height: 100%; z-index: -1; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); border-radius: 15px; rotate: -10deg; }
.member .content-member { width: 70%; text-align: justify; }
.btn-member { background-color: var(--green-color); color: #fff; text-decoration: none; padding: 7px 25px; display: inline-block; border-radius: 25px; margin-block: 20px; transition: all 0.5s; }
.btn-member:hover, .btn-member:focus { box-shadow: inset -4.5em 0 0 0 var(--orange-color), inset 4.5em 0 0 0 var(--orange-color); }
.member .founders { margin-block: 100px; position: relative; }
.member .wrap-content { padding: 0; }
.member .founders::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 150%; background-image: url("../images/bg-foudeer.png"); background-size: cover; background-repeat: no-repeat; background-position: top; z-index: -1; }
.member .founders .heading { font-style: normal; font-weight: 700; font-size: 40px; line-height: 51px; background: linear-gradient(90.65deg, #006b68 0.56%, #f37c20 115.53%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; text-align: center; margin-block: 20px 60px; text-transform: uppercase; }
.member .founders .founders-title { color: var(--orange-color); font-weight: 700; font-size: 25px; }
.member .founders .col-founders-content { width: 70%; text-align: justify; margin-left: 50px; margin-top: 150px; }
.member .founders .col-founders-img { width: 60%; margin-left: auto; background-image: url("../images/bg-img-foudeer.png"); background-repeat: no-repeat; background-size: contain; background-position: bottom; position: relative; }
.member .founders .col-founders-img .name { background-color: var(--orange-color); color: #fff; font-weight: 700; text-transform: uppercase; font-size: 25px; text-align: center; padding-block: 5px; border-radius: 12px; width: 90%; }
.member .founders .col-founders-img .slogan { background-image: url(../images/bg-slo.png); background-repeat: no-repeat; background-size: contain; background-position: center; display: inline-block; height: 125px; width: 310px; padding-top: 29px; padding-left: 76px; position: absolute; top: 20px; right: -64%; color: var(--green-color); font-weight: 700; font-size: 20px; }
@media (max-width:1400px) {
   .member .founders .col-founders-img .slogan { right: -76%; }
}
.member .founders .founders-desc { color: #757575; font-weight: 500; margin-top: 20px; }
.member .founders .col-founders-content.right { margin-left: auto; }
.member .founders .col-founders-img.right .name { background-color: var(--green-color); }
.member .founders .col-founders-img.right { margin-right: auto; background-image: url(../images/bg-img-foudeer1.png); }
.member .founders .col-founders-content .founders-title { text-align: end; }
.member .founders .col-founders-content.left .founders-title { text-align: start; }
.member .founders .col-founders-img.right .slogan { background-image: url(../images/bg-slo1.png); padding-top: 29px; padding-left: 50px; top: 20px; left: -88%; }
.heading-gradient { font-style: normal; font-weight: 700; font-size: 40px; line-height: 65px; background: linear-gradient(90.65deg, #006b68 0.56%, #f37c20 115.53%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; text-align: center; margin-block: 20px 60px; text-transform: uppercase; }
.core .heading-gradient { margin-block: 20px 250px; }
.core-values { position: relative; width: 500px; height: 300px; margin: 100px auto; }
.core-values::before { position: absolute; content: ""; background-image: url("../images/bg-ca.svg"); background-repeat: no-repeat; background-size: contain; }
.core-values .item { position: absolute; transition: all 0.5s; display: none; }
.core-values .item.show { opacity: 1; }
.core-values .item img { width: 100%; display: block; }
.core-values .item img { width: 100%; display: block; }
.core-values .img-hover { position: absolute; top: 0px; left: 0px; opacity: 0; transition: all 0.5s; width: 100%; height: 100%; }
.core-values .img-hover .img-main { opacity: 0; }
.core-values .item:nth-of-type(1) .img-hover { top: -2px; left: -5px; }
.core-values .item:nth-of-type(2) .img-hover { top: -3px; left: -6px; }
.core-values .item:nth-of-type(3) .img-hover { top: -3px; left: 0px; }
.core-values .item:nth-of-type(4) .img-hover { top: -6px; left: 4px; }
.core-values .item:nth-of-type(5) .img-hover { top: 0px; left: 6px; }
.core-values .item:hover .img-hover { opacity: 1; }
.core-values .item1 { top: 78%; left: -45%; width: 600px; transform: translate(-50%, -50%); }
.core-values .item2 { top: 23%; left: -19%; transform: translate(-50%, -50%); width: 527px; }
.core-values .item3 { top: -11%; left: 50%; transform: translate(-50%, -50%); width: 300px; }
.core-values .item4 { top: 22%; left: 119%; transform: translate(-50%, -50%); width: 527px; }
.core-values .item5 { top: 78%; left: 144%; transform: translate(-50%, -50%); width: 570px; }
.center { position: absolute; bottom: -80px; left: 50%; transform: translateX(-50%); width: 150px; height: 150px; background: white; border-radius: 50%; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); font-weight: bold; font-size: 60px; display: flex; align-items: center; justify-content: center; box-shadow: 0 0 34px rgba(0, 0, 0, 0.5); background: linear-gradient(90.65deg, #006b68 0.56%, #f37c20 115.53%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; }
.core-values .circle { position: absolute; bottom: -35px; width: 347px; left: 50%; transform: translateX(-50%); }
.core-values .circle img { width: 100%; height: 100%; }
.core-values .sub-circle { }
.core-values .sub-circle .cir { position: absolute; width: 20px; height: 20px; background-color: var(--green-color); border-radius: 50%; }
.core-values .sub-circle .cir-1 { top: 70%; left: 3%; transform: translate(-50%, -50%); }
.core-values .sub-circle .cir-2 { top: 21%; left: 20%; transform: translate(-50%, -50%); }
.core-values .sub-circle .cir-3 { top: 0%; left: 50%; transform: translate(-50%, -50%); }
.core-values .sub-circle .cir-4 { top: 21%; left: 80%; transform: translate(-50%, -50%); }
.core-values .sub-circle .cir-5 { top: 70%; left: 98%; transform: translate(-50%, -50%); }
.core-values .item { cursor: pointer; }
.core-values .item .content { position: absolute; width: 60%; text-align: center; }
.core-values .item .content .title { color: var(--orange-color); font-weight: 700; font-size: 20px; }
.core-values .item .content .desc { position: relative; padding-bottom: 10px; }
.core-values .item .content .desc::before { content: ""; position: absolute; width: 80%; height: 1px; background-color: var(--orange-color); bottom: 0; left: 50%; transform: translateX(-50%); }
.core-values .item .content { top: 50%; left: 50px; transform: translate(7%, -50%); opacity: 0; transition: all 0.5s; }
.core-values .item .img-hover { opacity: 0; transition: opacity 0.5s ease; }
.core-values .item.hovering .img-hover, .core-values .item:hover .img-hover { opacity: 1; }
.core-values .item.hovering .content, .core-values .item:hover .content { opacity: 1; transform: translate(0%, -50%); }
.core-values .item1 .content { width: 50%; }
.core-values .item2 .content { top: 20%; left: 20px; }
.core-values .item3 .content { top: 10%; left: 0; width: 100%; transform: translate(0%, -35%); }
.core-values .item4 .content { width: 65%; left: 36%; top: 25%; transform: translate(-3%, -50%); }
.core-values .item4:hover .content { opacity: 1; transform: translate(0%, -50%); }
.core-values .item5 .content { width: 58%; left: 39%; top: 50%; transform: translate(3%, -50%); }
.vision { max-width: 1200px; margin: auto; margin-top: 250px; position: relative; z-index: 1; }
.vision .vision-list { display: flex; gap: 100px; }
.vision .vision-item { box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); padding: 50px 20px; border-radius: 10px; }
.vision .vision-item .wrap-img { display: flex; justify-content: center; min-height: 170px; position: relative; }
.vision .vision-item:nth-of-type(1):hover .wrap-img img { animation: rota 1s infinite; }
.vision .vision-item:nth-of-type(2) .wrap-img img { height: 100px; margin-top: 25px; }
@keyframes rota {
   0% { rotate: 0; }
   50% { rotate: 15deg; }
   100% { rotate: 0; }
}
@keyframes zoom {
   0% { scale: 0.8; }
   50% { scale: 1; }
   100% { scale: 0.8; }
}
.vision .vision-item .title { font-weight: 700; font-size: 23px; line-height: 38px; color: var(--green-color); text-transform: uppercase; text-align: center; margin-block: 10px; }
.vision .vision-item .desc { text-align: center; font-weight: 500; color: #757575; }
.solution { margin-top: -55px; }
.solution .heading-gradient { text-align: start; margin-bottom: 10px; line-height: 55px; }
.solution .desc { font-weight: 500; color: #757575; font-size: 20px; text-align: justify; }
.col-solution-left { padding-left: 100px; }
.solution-list { display: grid; grid-template-columns: repeat(3, 1fr); text-align: center; margin-top: 50px; gap: 20px; }
.solution-list .number { color: var(--orange-color); font-size: 40px; font-weight: 700; margin-block: 10px; }
.solution-list .desc { color: #757575; font-weight: 500; text-align: center; }
.col-solution-right .wrap-img img { width: 100%; transform: translateX(20px); }
.solution-list .item { position: relative; }
.solution-list .item::after { position: absolute; content: ""; width: 2px; height: 50%; background-color: #f1f1f1; right: -10px; top: 50%; transform: translateY(-50%); }
.solution-list .item:last-child::after { content: none; }
.solution-list .item .img img { animation: rota360 5s infinite; }
.solution-list .item:last-child .img img { animation: lag 0.15s infinite; }
@keyframes rota360 {
   from { rotate: 0; }
   to { rotate: 360deg; }
}
@keyframes lag {
   0% { rotate: -5deg; }
   25% { rotate: 0deg; }
   50% { rotate: 5deg; }
   75% { rotate: 0deg; }
   100% { rotate: -5deg; }
}
.result .heading-gradient { text-align: start; line-height: 60px; }
.result .sub-title { font-weight: 500; font-size: 20px; color: #757575; }
.result { margin-top: 50px; padding-block: 100px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
.col-result-left { padding-left: 100px; }
.col-result-right { padding-left: 50px; }
.col-result-right .wrap-img img { width: 100%; }
.page-gioithieu .row { width: 100%; max-width: 100%; }
.core-values-mobile { display: none; flex-wrap: wrap; justify-items: center; justify-content: center; gap: 30px; }
.core-values-mobile .item { width: 30%; background-color: #ffff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); border-radius: 15px; padding: 20px; transition: all 0.5s; }
.core-values-mobile .item .img { display: flex; align-items: center; justify-content: center; height: 100px; }
.core-values-mobile .item .content .title { font-size: 22px; font-weight: 700; text-align: center; margin-block: 20px 10px; text-transform: uppercase; color: var(--maincolor); }
.core-values-mobile .item .content .desc { text-align: justify; }
.core-values-mobile .item:hover .img img, .core-values-mobile .item:focus .img img { filter: brightness(0) invert(1); }
.core-values-mobile .item:hover { background-color: var(--orange-color); }
.core-values-mobile .item:hover .content { color: #ffff; }
.member .content-member .blob-btn { border: 1px solid var(--orange-color); }

/* styles after before */
.line { width: 100px; height: 1px; margin: 20px auto 40px auto; border-bottom: 1px solid white; }
.container-slide-images { width: 100%; display: block; }
#before-after-slider { width: 100%; position: relative; overflow: hidden; border: 3px solid var(--maincolor); }
#after-image { display: block; }
#before-image { position: absolute; height: 100%; width: 50%; top: 0; left: 0; overflow: hidden; z-index: 1; }
#before-image img { height: 100%; width: 100%; display: block; max-width: fit-content; }
#before-image .caption { position: inherit; background: rgba(0, 0, 0, 0.5); padding: 3px 20px; color: #fff; font-size: 0.8rem; bottom: 5px; border-radius: 5px; left: 15px; font-weight: 700; left: 5px; }
#after-image .caption { position: absolute; background: rgba(0, 0, 0, 0.5); padding: 3px 20px; color: #fff; font-size: 0.8rem; bottom: 5px; border-radius: 5px; right: 5px; font-weight: 700; left: auto !important;    /* right: 0; */ }
#resizer { position: absolute; display: flex; align-items: center; z-index: 1; top: 0; left: 50%; height: 100%; width: 4px; background: var(--maincolor);    /*Stop vertical scrolling on touch*/ -ms-touch-action: pan-y; touch-action: pan-y; }
#resizer:after { background: linear-gradient(90.65deg, #006b68 0.56%, #f37c20 115.53%); font-family: "Font Awesome 6 Pro"; content: "\f337"; font-weight: 900; display: flex; justify-content: center; align-items: center; color: white; position: absolute; margin: 0 0 0 -18px; width: 40px; height: 40px; border-radius: 50%; border: 3px solid white; }
@media (max-width:767px) {
   .container-slide-images { width: 100%; padding: 0 20px; }
}

/* end GiÃ¡Â»â€ºi thiÃ¡Â»â€¡u */

/*Page Service*/
.tkw-change > div:nth-child(1) { order: 2; }
.feature-container { background: #fff; text-align: center; animation: fadeIn 1s ease-out; }
.feature-title { font-size: 23px; font-weight: bold; margin-bottom: 30px; color: #222; text-align: left; }
.feature-list { display: flex; flex-direction: column; gap: 20px; }
.feature-item { display: flex; align-items: center; justify-content: flex-start; font-size: 28px; font-weight: 600; text-transform: capitalize; color: #333; animation: slideUp 0.8s ease forwards; opacity: 0; }
.feature-item i { font-size: 28px; margin-right: 12px; color: #f57c20; animation: bounce 1.5s infinite; }
.feature-item:nth-child(1) { animation-delay: 0.2s; }
.feature-item:nth-child(2) { animation-delay: 0.4s; }
.feature-item:nth-child(3) { animation-delay: 0.6s; }
.issue-list { max-width: 700px; margin: auto; }
.issue-item { display: flex; align-items: center; margin-bottom: 20px; font-size: 16px; animation: fadeInLeft 0.6s ease both; font-weight: 700; }
.issue-item i { font-size: 22px; margin-top: 4px; color: #747474; animation: pulse 2s infinite; flex-shrink: 0; }
.issue-item span { min-width: 45px; text-align: center; }
.content-left-item .issue-item span { margin-right: 15px; }
.content-left-item .issue-item { font-weight: 400;    /* color: #6c6c6c; */ }
.content-left-item h2 { font-weight: 700; margin-bottom: 20px; }
.highlight { color: var(--maincolor); }
.center-text { text-align: center; }
.mrt5rem { margin-top: 5rem; }
@media (max-width:991px) {
   .mrt5rem { margin-top: 10px; }
   .item-quytrinh { min-height: 150px; }
}
.fw700 { font-weight: 700; }
.project-tlt .col-sm-4 { margin-bottom: 30px; }
.image-bg { display: block; height: 400px; position: relative; width: 100%; box-shadow: 0 10px 70px 0 rgb(103 151 255 / 22%), 0 15px 105px 0 rgb(103 151 255 / 22%); z-index: 1; overflow: hidden; }
.image-bg span { display: block; position: relative; transition: all 5s ease-out; transform: translateY(0); }
.image-bg:hover span { transform: translateY(calc(320px - 100%)); }
.image-bg img { width: auto; max-width: 100%; height: auto; vertical-align: middle; object-fit: cover; }
.question-heading { display: grid; grid-template-columns: 70px 1fr; align-items: center; column-gap: 10px; cursor: pointer; margin-bottom: 10px; }
.question-heading .icon { clip-path: polygon(0 0, 75% 0, 100% 100%, 0% 100%); background-color: #eeeeee63; height: 100%; display: flex; align-items: center; text-align: center; padding-left: 25px; padding-block: 14px; color: var(--maincolor); }
.question-text p { margin: 0; font-size: 16px; font-weight: bold; }
.col-question { overflow: hidden; max-height: 472.6px; }
.question-list { display: grid; grid-template-columns: 1fr; }
.question-heading { border: 1px solid #eee; border-bottom: 2px solid #eee; }
.question-desc { margin: 0; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; }
.question-item { transition: all 1s; margin-bottom: 1.5rem; }
.question-item .question-heading.active .icon { background-color: var(--maincolor); color: #FFF;}
.question-item .question-heading.active { background-color: #f57c20; color: #fff; }
.question-page { padding-top: 2.5rem; }
.wrap-content-qt { width: 100%; max-width: 1050px; margin: auto; position: relative; }
.wrap-content-qt:after { content: ""; position: absolute; top: 0; border-left: 2px dashed #ccc; height: 100%; left: calc((100% - 2px) / 2); }
.full-content-qt { width: 100%; display: flex; justify-content: flex-end; margin-bottom: 3rem; position: relative; z-index: 1; }
.full-content-qt:nth-child(odd) { justify-content: flex-end; }
.full-content-qt:nth-child(even) { justify-content: flex-start; }
.full-content-qt:nth-child(even) .icon-content-qt { order: 2; left: auto !important; right: -35px; }
.full-content-qt:nth-child(even) .content-qt-show { margin-left: 0; margin-right: 10px; }
.item-content-qt { width: 50%; position: relative; display: flex; justify-content: space-between; }
.icon-content-qt { width: 75px; height: 75px; border: 2px solid #000; border-radius: 50%; padding: 15px; box-sizing: border-box; display: flex; justify-content: center; align-items: center; position: relative; background: #fff; left: -40px; }
.icon-content-qt svg { max-width: 100%; }
.content-qt-show { width: calc(100% - 75px); margin-left: 10px; transition: all 0.6s; }
.content-qt-show h3 { width: 100%; background: var(--maincolor); padding: 10px 10px; color: #fff; margin-bottom: 0; }
.full-content-qt:nth-child(even) .content-qt-show h3 { background: #f69220; }
.full-content-qt:nth-child(even) .icon-content-qt { border: 2px solid #f69220; transition: all 0.5s;}
.full-content-qt:nth-child(odd) .icon-content-qt { border: 2px solid var(--maincolor); transition: all 0.5s;}
.content-qt-show p { padding: 10px 10px; color: #333; border: 0.5px solid #ccc; margin-bottom: 0; }
.content-qt-show:hover { transform: translate3d(0, -5px, 0); box-shadow: 0px 5px 5px #ccc; transition: all 0.6s; }
.full-content-qt:nth-child(odd):hover .icon-content-qt { background: var(--maincolor); }
.full-content-qt:nth-child(even):hover .icon-content-qt { background: #f69220; }
.full-content-qt:hover img { filter: brightness(0) invert(1); }
.full-content-qt img {transition: all 0.5s;}
/*csw*/
.csw-s4 .number { background: linear-gradient(90deg, #f36515 -25.28%, rgba(255, 255, 255, 0) 78.65%); font-size: 50px; font-weight: 800; line-height: 1.1; margin-bottom: 20px; }
.csw-s4-content { display: grid; grid-gap: 10px 25px; grid-template-columns: repeat(2, 1fr); }
.csw-s4 .left-item > h2 { color: #f57c20; font-size: 1.77rem !important; font-weight: 700; margin-bottom: 4rem; }
.content-csw > b { display: contents; }
.csw-s5 .item-post > span { width: 100px; display: inline-block; background: none; }
.csw-s5 .item-post > div { width: calc(100% - 110px); padding-top: 5px; }
.item-tlt-csw { width: 100%; display: flex; justify-content: space-between; padding: 10px 5px; box-sizing: border-box; box-shadow: 0px 5px 5px #ccc; margin-bottom: 3rem; border-radius: 5px; }
.item-tlt-csw .icon-csw-s5 { width: 70px; height: 70px; background: var(--maincolor); border-radius: 5px; color: #fff; text-align: center; line-height: 70px; margin-bottom: 0; font-size: 25px; }
.item-tlt-csw .csw-s5-content { width: calc(100% - 80px); font-size: 13px; padding-right: 15px; }
.item-tlt-csw .csw-s5-content h3 {    /* line-height: 30px; */
font-weight: 700; color: var(--maincolor); }
.item-tlt-csw .csw-s5-content p { margin-bottom: 0; color: #716f6f; }
.pd2r0 { padding: 3rem 0; }
.note-ul-icon-check li { margin-bottom: 10px; }
.note-ul-icon-check i { color: #f57c20; margin-right: 3px; }
.wrap-content-solution { width: 100%; display: flex; justify-content: center; flex-wrap: wrap; margin-top: 2.5rem; }
.item-solution { background: #f4f4f4; text-align: center; width: calc((100% / 3) - 20px); margin: 0 10px; border-radius: 10px; padding: 2rem 1.5rem; margin-bottom: 20px; }
.item-solution img { width: 65px; }
.item-solution h3 { font-size: 18px; font-weight: 700; }
.timeline { margin: 40px auto; }
.step { position: relative; display: flex; align-items: center; gap: 0 15px; padding: 15px; border-left: 4px solid #004aad; cursor: pointer; background: #f9fbfd; margin-bottom: 10px; transition: background 0.3s ease; flex-wrap: wrap; margin-bottom: 0; padding-left: 40px; }
.step:hover { background: #eaf2fb; }

/*.timeline .step:last-child .icon{top: auto;bottom:0;}*/
.timeline .icon { font-size: 20px; color: #004aad; position: absolute; width: 40px; height: 40px; background: #fff; border: 2px solid #004aad; display: flex; justify-content: center; align-items: center; top: 0; left: -23px; border-radius: 50%; }
.title { font-weight: bold; color: #002f6c; }
.toggle-btn { font-size: 30px; font-weight: bold; color: #004aad; transition: transform 0.3s ease; position: absolute; right: 10px; top: 5px; }
.step.active .toggle-btn { transform: rotate(45deg);    /* Chuyển + thành - */ }
.description { display: none;    /* margin-left: 35px; */ padding: 10px 0; color: #333; animation: fadeIn 0.3s ease; width: 100%; }
.step.active .description { display: block; }
@keyframes fadeIn {
   from { opacity: 0; transform: translateY(-5px); }
   to { opacity: 1; transform: translateY(0); }
}
.content-sm { background: var(--maincolor); }
.stats-section { display: flex; justify-content: space-around; background: var(--maincolor); padding: 60px 0; color: white; text-align: center; }
.stat-box .number { font-size: 36px; font-weight: bold; margin: 10px 0; }
.stat-box > p { font-size: 15px; text-transform: uppercase; }
.item-number { width: 100%; margin: 10px auto; font-size: 35px; }
.item-number .sm-number { font-weight: 700; }
.wrap-content-left { display: grid; grid-template-columns: 37% 20% 37%; width: 100%; grid-gap: 0 5%; }
@media (max-width:1024px) {
   .wrap-content-left { grid-template-columns: 1fr 1fr; }
   .content-right-item { order: 2; }
   .images-item { order: 3; grid-column: 1 / span 2; max-height: 500px; display: flex; justify-content: center; }
   .images-item img { height: 100%; }
   .stats-section { padding-block: 0; }
}
.color-tlt1 { color: #ff7f36; }

/*.box-template{position: relative;overflow:hidden;}
.box-template h3{font-size: 1.15rem;font-weight: 700;margin-top: 0.5rem;position: relative;margin-top: 0.5rem;}
.box-template p{}
*/

/* Menu Kho giao diện*/
.category-template { position: relative; padding-bottom: 10px !important; }
.cat-template {    
   position: relative;
    height: 65px;
    width: 100%;
    margin-bottom: 15px;}
.project-tlt .loaiweb { position: absolute; display: flex; gap: 20px; justify-content: center; left: 0; padding-top: 10px; left: 50%; transform: translateX(-50%); max-width: 1100px; padding-bottom: 10px; }
.project-tlt .loaiweb li {flex: 0 0 auto;}
.project-tlt .loaiweb li a { display: block; text-align: center; background-color: #f6f6f6; padding: 10px; font-weight: 600; font-size: 16px; text-transform: capitalize; color: var(--maincolor); transition: all 0.5s; cursor: pointer; }
.project-tlt .loaiweb li:hover a, .project-tlt .loaiweb li a.active { background-color: var(--maincolor); color: #FFF; font-weight: 600; }
.project-tlt .loaiweb { display: none; width: 100%;}
.project-tlt .loaiweb.active { display: flex; }
.dmca { margin-left: 15px }
.btn-reset { background: var(--maincolor) !important; color: #fff !important }
.btn-send { background: #f57c20 !important; border: 1px solid #f57c20 !important; }

/* Responsive */
@media (max-width:1350px) {
   .heading-gradient { font-size: 32px; }
   .col-result-left { padding-left: 0; }
   .effect .effect-item .effect-item-left, .effect .effect-item .effect-item-right { display: flex; justify-content: center; }
}
@media (min-width:1451px) {
   .btn-menu { right: 110px; }
   .btn-menu.fix_heads { right: 50px; transition: all 0.5s; }
}
@media (max-width:1450px) {
   .header-content .col-left .menu-list > li > a { font-size: 30px; }
   .solution { margin-top: 0; }
   .header-info li span.text-email {display: none;}
}
@media (max-width:1320px) {
   .header-content.active .col-left { margin-left: 20px; width: 34%; }
   header > .wrap-content > .main-menu { width: calc(100vw - 80px); }
}
@media (max-width:1300px) {
   .col-solution-left { padding-left: 0px; }
   .solution .desc { font-size: 18px; }
   .member .founders .col-founders-img { width: 80%; }
   .member .founders .col-founders-content { width: 90%; }
   .member .content-member { width: 80%; }
}
@media (max-width:1280px) {
   .header-content.active .col-left { width: 35%; }
   .member .content-member { width: 90%; }
   .member .content-member .title { font-size: 35px; }
}
@media (max-width:1220px) {
   .page_trong { padding: 30px 10px; }
   .header-bottom .wrap-content { padding: 0px 10px; }
   .menu { padding-left: 10px; }
   .search { padding-right: 10px; }
   .search:after { width: calc(100% - 37px); }
   .wrap-gioithieu .contain_trong, .wrap-dichvu .contain_trong, .wrap-productnb .contain_trong, .wrap-thuvien .contain_trong, .wrap-dknt .contain_trong, .wrap-intro .wrap-content { padding: 20px 10px; }
   .ngaydang { display: none; }
   .newshome-normal { padding-left: 0px; }
   .wrap-intro { background: transparent; }
   .footer-article .wrap-content { padding: 20px 10px; }
   .footer-powered .wrap-content { padding: 16px 10px; }
   .menu_top > ul > li > a { padding: 10px 20px; }
   .header-content .header-info a { font-size: 18px; }
   .header-content .col-left .menu-list > li > a { font-size: 28px; text-transform: capitalize; }
   .header-content .col-left .menu-list > li > a::before { width: 145%; }
   .solution-list .number { font-size: 32px; }
   .vision .vision-list { gap: 20px; }
   .core-values .item1 { width: 465px; left: -26%; bottom: -32%; }
   .core-values .item2 { top: 35%; left: -6%; width: 425px; }
   .core-values .item3 { top: 6%; left: 50%; width: 250px; }
   .core-values .item4 { top: 33%; left: 107%; width: 430px; }
   .core-values .item5 { top: 78%; left: 127%; width: 460px; }
   .core-values .circle { width: 295px; }
   .core-values .item:hover .content { opacity: 1; transform: translate(-10%, -50%); }
   .core-values .item:hover .content { opacity: 1; transform: translate(0%, -50%); }
   .core-values .item1 .content { width: 57%; }
   .core-values .item4:hover .content { opacity: 1; transform: translate(2%, -50%); }
   .core-values .item1:hover .content { opacity: 1; transform: translate(-10%, -50%); }
   .core-values .item5:hover .content { opacity: 1; transform: translate(-3%, -50%); }
}
@media (max-width:1200px) {
   .effect .wrap-content .heading { width: 100%; }
   .core-values { display: none; }
   .core-values-mobile { display: flex; }
   .core .heading-gradient { margin-bottom: 50px; }
   .criteria .img-criteria { padding-inline: 0; }
   .criteria .content .heading-text { width: 100%; font-size: 30px; line-height: 45px; }
   .criteria .content .desc { font-size: 20px; }
   .item-post { width: 48%; }
   .images-hotgirl {position: relative; order: -1; width: 100%; max-width: 100%; margin-bottom: 20px} 
   div.css_flex_baiviet {padding-inline: 50px;}

}

@media (max-width:1100px) {
      .header-info li span.text-address {display: none;}
}

@media (max-width:1024px) {
   .title-main span { font-size: 28px; }
   .footer-powered .wrap-content { justify-content: center; flex-wrap: wrap; }
   .footer-copyright, .footer-statistic { display: block; text-align: center; width: 100%; }
   .wrap-intro .wrap-content .d-flex { flex-wrap: wrap; }
   .left-intro { width: 100%; }
   .right-intro { width: 100%; margin-top: 10px; }
   .td { font-size: 42px; line-height: 65px; }
   .flex_form { flex-wrap: wrap; }
   .flex_form input { width: 100%; }
   .flex_form input:nth-child(1) { margin-bottom: 22px; }
   .left_dk { width: 100%; }
   .header-bottom .wrap-content { padding: 5px 10px; }
   .logo-header { margin-bottom: 0px; padding-top: 0px; }
   #footer-map { height: 350px; }
   .sz13 { font-size: 14px; }
   .menu, .menu-slider, .header { display: none; }
   .logo-header { margin-top: 0; }
   .menu-res { display: block; }
   header { position: relative; }
   .left-menu-fufllpage { display: none; }
   .right-content-fullpage { width: 100%; }
   .toolbar ul li a img { height: 6vw !important; width: auto; }
   .right-content-fullpage .slick-next, .right-content-fullpage .slick-prev { display: none !important; }
   .left-menu-catalogy { display: none; }
   .page-product > div:nth-child(1) { width: 100%; }
   .header-content .header-info a { font-size: 16px; }
   .header-content .col-left .menu-list > li { padding-left: 40px; }
   .header-content.active .col-left { width: 37%; }
   .header-content .col-left .menu-list > li > a::before { width: 133%; }
   .wrap-service .service-list { padding: 0 80px; }
}
@media (max-width:991px) {
   .effect .effect-item .effect-item-right { width: 100%; margin-top: 30px; }
   .effect .effect-item .effect-item-desc { font-size: 20px; }
   .effect .effect-item .effect-item-title { font-size: 20px; line-height: 38px; }
   .member .content-member { margin-top: 60px; width: 100%; }
   .member .content-member .title { text-align: center; }
   .content-member .buttonn { display: flex; justify-content: center; }
   .member .founders .col-founders-img { width: 90%; }
   .vision .vision-item .title { font-size: 22px; }
   .vision .vision-item .desc { text-align: justify; }
   .col-solution-right .wrap-img img { position: unset; object-fit: cover; object-position: left bottom; height: 100%; transform: translateX(20px); }
   .vision { margin-top: 100px; }
   .solution .heading-gradient { text-align: center; }
   .solution .col-12 { padding: 0; }
   .solution { margin-block: 100px; }
   .wrap-workflow .workflow-list .item .title { padding-block: 35px 20px; }
   .wrap-problem .wrap-content .heading .title { font-size: 26px; }
   .wrap-problem .wrap-content .heading .sub { font-size: 14px; }
   .wrap-content .problem-list .item:nth-child(n + 5) { display: none; }
   .wrap-service .service-item-list .item.active { display: block; }
   .wrap-service .service-item-list .item .content .desc h4 { text-align: center; width: 100%; }
   .buttons { text-align: center; }
   .footer-bottom { grid-template-columns: 1fr; gap: 30px; }
   .footer-bottom .social-footer, .footer-bottom .footer-list { justify-content: center; }
   .wrap-service .service-list { padding: 0 30px; }
   .wrap-service .service-list li a { padding: 15px 15px; }
   .wrap-service .service-list li a { font-size: 20px; }
   .wrap-problem::before { scale: 1.55; }
   .footer-bottom { padding: 25px 0; }
   .header-content .header-info { bottom: 11%; }
   .header-content .header-info a { font-size: 15px; }
   .header-content.active .col-left { width: 40%; }
   .header-content .col-left .menu-list > li { padding-left: 30px; }
   .header-content .col-left .menu-list > li > a { font-size: 28px; }
   .header-content .col-left .menu-list > li > a::before { width: 113%; left: -20px; }
   .col-result-left { width: 100%; margin-bottom: 20px; }
   .effect .effect-list::before { content: none; }
   .effect .effect-item::before { content: none; }
   .effect .effect-item { grid-template-columns: repeat(1, 1fr); }
   .effect .effect-item { margin-block: 0 100px; }
   .effect .effect-item .effect-item-left { order: 1; }
   .member .content-member .desc { margin-top: 20px; }
   .effect .effect-item .effect-item-right .content::before { left: 50%; transform: translateX(-50%); }
   .issue-item { font-size: 14px; }
   .wrap-section-4 .left-item > h2 { font-size: 1.8rem; }
}

@media (max-width:900px) {
   .post .post-container {grid-template-columns: repeat(2, 1fr); gap: 50px;}
}

@media (max-width:850px) {
   .member .founders .col-founders-img { width: 100%; }
   section.criteria .wrap-content { padding-inline: 35px; }
   .effect .wrap-content .heading .title { font-size: 30px; }
   .criteria .content .heading-text { width: 100%; font-size: 30px; line-height: 45px; margin-top: 50px; }
   .criteria .img-criteria figure img { scale: 0.7; }
   .criteria .img-criteria figure img:nth-of-type(2) { bottom: -30px; left: 19%; }
   .criteria .img-criteria figure img:nth-of-type(3) { top: 30%; right: 2%; }
   .member .founders .col-founders-img.right { margin-top: 50px; }
   .item-post { width: 100%; }
}
@media (max-width:850px) {
   .right-news-index { display: none; }
   .left-news-index { max-width: 100%; }
   .header-content::before { display: none; }
   .header-content .col-left .menu-list > li > a { background-color: transparent; color: #fff; }
   .header-content .header-info { width: 100%; }
   .header-content .bg-line { display: none; }
   .header-content .col-left .menu-list > li > a::before { display: none; }
   .header-content .col-right { width: 55%; }
   .header-content .col-left .menu-list > li > a { font-size: 23px; }
   .header-content .col-right .sub-menu > li > a { font-size: 17px; line-height: 20px; }
   .header-content .col-right .sub-menu .subbb-menu { font-size: 15px; margin-top: 10px; }
   .header-content .col-left .col-logo img { background-color: #fff; padding-inline: 15px; }
   .header-content.active .col-left { width: 45%; }
   .header-content .col-right { width: 50%; }
   .header-content .col-right .sub-menu { top: 30%; }
   .header-content .col-right .sub-menu.active { transform: translate(0, 0%); }
   header.active .search { transform: translateY(-50%) scaleX(1); }
   header.active .col-search { transform: translateX(10px); }
}
@media (max-width:769px) {
   .item-social-marketing:nth-child(even) .left-item { order: -1; }
   .item-social-marketing .right-item { margin-top: 20px; }
   .wrap-section-2.pd2r0 .wrap-content { flex-direction: column; }
   .wrap-section-2.pd2r0 .wrap-content .right-item { order: 0; }
   .wrap-section-2.pd2r0 .wrap-content .left-item { order: 1; }
   .wrap-section-3.backf1f1 .list-items { }
   .left-item, .right-item { width: 100%; }
   .wrap-section-4 .wrap-content { flex-wrap: wrap; }
   .effect { padding-top: 100px; }
   .member .founders .col-founders-img { width: 60%; margin-left: 10%; }
   .member .founders .col-founders-img .slogan { right: -50%; }
   .member .founders .col-founders-content { margin-top: 30px; }
   .founders-right { order: 1; justify-content: center !important; }
   .member .founders .col-founders-content { width: 100%; margin-left: 0; }
   .member .founders .col-founders-img.right { margin-right: 0; margin-left: auto; }
   .member .founders .col-founders-img.right .slogan { left: -63%; }
   .member .founders .col-founders-content .founders-title { text-align: center !important; }
   .member .founders .col-founders-content.right { margin-left: 0; }
   .vision .vision-list { flex-wrap: wrap; justify-content: center; justify-items: center; }
   .vision .vision-item { width: 47%; display: grid; grid-template-columns: 1fr; gap: 10px; padding-block: 20px; align-items: center; }
   .vision .vision-item .wrap-img { display: flex; align-items: center; }
   div.css_flex_album { margin: 0 -5px; }
   .album { width: calc(50% - 10px); margin: 0 5px 25px 5px; }
   .library-album { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 0; }
   .wrap-item-course { grid-template-columns: repeat(2, 1fr); }
   .wrap-newsletter .wrap-content { flex-wrap: wrap; padding: 1rem; grid-template-columns: repeat(1, 1fr); }
   .wrap-product-nb .product-s19-header-wrapper { flex-wrap: wrap; }
   .product-s19-categories { margin-top: 0.5rem; overflow-x: auto; }
   .wrap-product-nb .product-s19-header .header-title .header { font-size: 20px; }
   .wrap-why .wrap-content { grid-template-columns: repeat(1, 1fr); }
   body .change-color-box .header-title.header-title-style-1 .header { font-size: 25px !important; }
   .wrap-support-partner .wrap-content { flex-wrap: wrap; }
   .left-support, .right-feedback { width: 100%; margin-bottom: 2rem; }
   .right-news-index { display: block; margin-top: 2rem; }
   .wrap-news-index .wrap-content { display: block; }
   .footer-article .wrap-content { display: block; }
   .item-footer { width: 100%; }
   .header-content .col-right .sub-menu { padding-left: 15px; }
   .header-content .col-left .menu-list > li > a { font-size: 20px; line-height: 35px; }
   .vision { margin-top: 100px; }
   .item-solution { width: 100%; }
   .images-hotgirl { position: relative; order: -1; }
}
@media (max-width:660px) {
   .csw-s4-content { grid-template-columns: 1fr; }
   .wrap-content-left { grid-template-columns: 1fr; }
   .images-item { order: 0; grid-column: 1 / span 1; }
   .wrap-service .service-item-list .item .content .desc ul { padding-left: 30px; }
   .heading-gradient { font-size: 30px; }
   .member .founders .col-founders-img .slogan { scale: 0.8; }
   .core-values-mobile .item { width: 100%; }
   .core-values-mobile .item .img { height: auto; }
   .core-values-mobile { gap: 15px; }
   .vision .vision-item { width: 100%; }
   .vision .vision-item .wrap-img { min-height: auto; }
   .heading-gradient { margin-bottom: 30px; }
   .project-list { display: block; }
   .project-list .img { margin-bottom: 10px; }
   .wrap-content .heading { display: block; }
   .wrap-product-hot .wrap-content .banner-title { display: none; }
   .wrap-why .row-item { grid-template-columns: repeat(2, 1fr); }
   .about-col-left { margin-bottom: 100px; }
   .about-img { margin-left: 50px; }
   .wrap-about .vector-image-about { top: 50%; transform: translateY(-50%); }
   .box-product .item-product .content-product .info { display: block; }
   .box-product .item-product .content-product .info .view { margin-bottom: 5px; }
   .wrap-content .problem-list .item:nth-child(-n + 6) { display: block; }
   .wrap-content .problem-list .item:nth-child(n + 7) { display: none; }
   .wrap-problem .problem-list { display: flex; flex-wrap: wrap; }
   .wrap-problem .problem-list .item { max-width: 48%; width: 48%; }
   .wrap-problem .problem-list .item .problem-box { height: auto !important; width: 100%; padding: 10px 20px; }
   .wrap-problem .problem-list .item .problem-box .problem-show { display: flex; width: 100%; flex-direction: column; align-items: center; }
   .wrap-problem .problem-list .item .problem-box .content-nb { display: none; }
   .wrap-problem .problem-list .item .problem-box .img img { height: 30px; margin-top: 20px; }
   .wrap-content .problem-list .item .img img { width: 30px !important; }
   .wrap-problem .problem-list .item .problem-box .title, .wrap-problem .problem-list .item .problem-box .title-2 { font-size: 10px; }
   .wrap-problem { padding-block: 25px; }
   .wrap-problem::before { scale: 1.8; }
   .wrap-service .service-list { padding: 0 10px; margin-top: 20px; }
   .wrap-service .wrap-content .heading .title { font-size: 20px; line-height: 30px; }
   .wrap-service .wrap-content .heading .sub { font-size: 15px; }
   .wrap-service .service-list li a { font-size: 12px; }
   .wrap-service { padding: 30px 0; }
   .wrap-service .service-item-list .item .content .desc h4 { font-size: 20px; }
   .wrap-service .service-list li a { padding: 7px 10px; }
   .footer-bottom ul { flex-wrap: wrap; }
   .wrap-service .service-item-list .item .content .desc { font-size: 12px; line-height: 15px; }
   .footer-bottom ul li a { font-size: 12px; }
   .footer-bottom .social-footer { padding: 0; }
   .footer-bottom { gap: 15px; }
   .wrap-content .problem-list .item:nth-child(-n + 6) .img img { filter: invert(80%) brightness(1000%); }
   .wrap-content .problem-list .item:nth-child(-n + 6) .problem-box { background-color: var(--text-color); }
   .wrap-problem .problem-list .item .problem-box .title-2 { display: block; }
   .wrap-problem .problem-list .item .problem-box .title, .wrap-problem .problem-list .item .problem-box .title-2 { color: #fff; }
   .col-solution-right .wrap-img img { height: 55vh; }
   .solution .desc { font-size: 14px; }
   .item-dich-vu-thiet-ke-website { width: 100%; }
}
@media (max-width:596px) {
   .post .item .title .description { font-size: 12px; }
   .wrap-content h2.title-procedure { font-size: 1.6rem; }
   .wrap-section-1 .wrap-content { flex-direction: column; }
   .col-solution-right .wrap-img img { height: 30vh; }
   .member .founders .col-founders-img .slogan { right: -59%; top: 0; }
   .criteria .content .heading-text { font-size: 27px; line-height: 42px; }
   .criteria .content .desc { font-size: 18px; margin: 10px 0; }
   section.criteria { padding: 80px 0; }
   .member .content-member .title { font-size: 25px; }
   .member .content-member .desc { font-size: 16px; }
   .member .content-member .blob-btn { font-size: 12px; }
   .member .founders .heading { margin-bottom: 20px; }
   .member .founders .col-founders-content.left .founders-title { max-width: 350px; margin: auto; }
   .item-post > div p { font-size: 14px; }
   .item-post > div h3 { font-size: 18px; }
   .wrap-section-3 { padding-bottom: 0; }
}
@media (max-width:576px) {
   .wrap-section-3 .wrap-content > p { font-size: 14px; }
   .item-content-qt { width: 100%; }
   .item-content-qt .icon-content-qt { left: 0; }
   .wrap-content-qt:after { content: none; }
   .full-content-qt:nth-child(even) .icon-content-qt { order: -1; right: unset; }
   .full-content-qt:nth-child(even) .content-qt-show { margin-left: 10px; margin-right: 0; }
   .criteria .content .criteria-list { grid-template-columns: repeat(1, 1fr); }
   .effect .effect-item .effect-item-desc { font-size: 17px; }
   .core-values-mobile .item .content .title { font-size: 20px; }
   .core-values-mobile .item .content .desc { font-size: 13px; }
   .heading-gradient { font-size: 28px; line-height: 40px; }
   .col-result-right { padding-left: 0; }
   .member .founders .col-founders-img { width: 60%; margin-left: 4%; }
   .member .founders .col-founders-img .slogan { right: -70%; top: 0; }
   .solution-list .number { font-size: 25px; }
   .solution .col-md-6 { }
   .news-image { margin-bottom: 1rem; }
   .content-footer-end { flex-wrap: wrap; }
   .content-footer-end-child:nth-child(1), .content-footer-end-child:nth-child(2) { width: 100%; }
   .content-footer-end-child:nth-child(2) { margin-top: 20px; }
   .info-catalogy h3 { font-size: 17px; }
   .search-res { max-width: 40px; }
   .icon-search { display: block; }
   .search-res .search-grid { position: absolute; top: 100%; width: 0; right: 0; opacity: 0; }
   .copyright .wrap-content { flex-wrap: wrap; text-align: center; }
   .social-copyright { display: none; }
   .cat-list-nav { padding-block: 20px; }
   .wrap-content .heading .button { justify-content: flex-end; }
   .wrap-workflow .workflow-list { grid-template-columns: 1fr; }
   .wrap-workflow .workflow-list .item .title { margin-inline: 21px; }
   .wrap-news .slick-slide img { width: 100%; }
   .item-footer { margin-top: 50px; }
   .item-footer .sub { text-align: center; }
   .img-footer-list img { width: 100%; }
   .header-content .col-left .col-logo { margin-bottom: 25px; }
   .header-content .col-left .menu-list > li { padding-left: 0px; }
   .header-content .col-left .menu-list { max-width: 80vh; }
   .header-content.active .col-left { width: 47%; }
   .header-content .col-left .menu-list > li > a { gap: 5px; text-transform: capitalize; }
   .header-content.active .menu-mobile { display: block; padding-left: 20px; }
   .header-content.active .col-left, .header-content.active .col-right, .header-content .header-info, .header-content.active .line-bot, .header-content.active .line-top { display: none; }
   .search { min-width: 230px; }
   .effect .wrap-content .heading .sub-title { font-size: 16px; }
   .effect .wrap-content .heading .title { font-size: 22px; }
   section.video-banner .slogan-video { width: 67%; padding-left: 10px; font-size: 23px; }
   .wrap-section-5 .wrap-content h2, .wrap-section-6 h2 { font-size: 2rem; }
   .post .post-container { grid-template-columns: 1fr; }
   div.css_flex_baiviet {padding-inline: 50px;}
}
@media (max-width:440px) {
   .wrap-content h2.title-procedure { font-size: 1.6rem; }
   .item-social-marketing .right-item h3 { font-size: 18px; }
   .wrap-section-3 .wrap-content > p { font-size: 13px; padding: 0; }
   .question-text p { font-size: 14px; }
   .vision .vision-item { width: 100%; }
   .solution-list .number { font-size: 18px; margin-block: 0; }
   .solution-list { gap: 5px; }
   .solution-list .item::after { right: -5px; }
   .solution-list .item .img { scale: 0.7; }
   .solution .desc { font-size: 10px; }
   .member .content-member .blob-btn { font-size: 12px; }
   .member .founders .col-founders-img .slogan { right: -87%; top: -29px; scale: 0.6; }
   section.criteria .wrap-content { padding-inline: 0; }
   .criteria .content .criteria-list { grid-template-columns: 1fr; }
   .criteria .content .heading-text { font-size: 25px; line-height: 40px; }
   .criteria .content .desc { margin-block: 10px 15px; }
   .member .founders .heading { font-size: 28px; }
   .member .founders .col-founders-img.right .img { width: 374px; max-height: 368px; }
   .core-values-mobile .item { width: 100%; }
   .heading-gradient { font-size: 20px; line-height: 32px; }
   .result .heading-gradient { font-size: 18px; }
   .result .sub-title { font-size: 14px; }
   .col-solution-right .wrap-img img { height: 40vh; }
   .vision .vision-item .title { font-size: 18px; }
   .dt_video { padding: 0px 5px; }
   .mg_video { margin: 0px; }
   .video-main { width: 100%; }
   #video-slick { flex-wrap: wrap; }
   .video_lst { width: 100%; margin-top: 10px; }
   .desc-newshome.text-split { line-height: 20px; height: 60px; -webkit-line-clamp: 3; }
   .view-newshome { display: none; }
   .title-main span { font-size: 24px; }
   .product { padding-bottom: 10px; }
   .pic-product { margin-bottom: 6px; }
   #footer-map { height: 250px; }
   .title-album h3 { font-size: 20px; }
   .grid-product { grid-template-columns: repeat(2, 1fr); }
   .item-footer:nth-child(2), .item-footer:nth-child(3) { width: 100%; }
   .member .content-member .title { font-size: 25px; }
   .member .content-member .desc { font-size: 13px; line-height: 22px; }
   .effect .effect-item .effect-item-right { width: 100%; padding: 0; }
   .effect .effect-item .effect-item-desc { font-size: 16px; }
   .effect .effect-item { margin-bottom: 50px; }
   .effect .effect-item .effect-item-title { font-size: 15px; line-height: 26px; }
   .member .founders .col-founders-img .name { font-size: 19px; }
   .core .heading-gradient { font-size: 23px; }
   div.css_flex_baiviet {padding-inline: 15px;}

}
@media (max-width:369px) {
   .cart-pro-detail a { width: 100%; }
   .member .founders .col-founders-img .slogan { right: -92%; top: -29px; scale: 0.5; }
   .cart-pro-detail a:first-child { margin-right: 0px; margin-bottom: 0.5rem; }
   .cart-pro-detail a i { display: none; }
   .vision .vision-item { grid-template-columns: 1fr; }
   .vision .vision-item .title { text-align: center; }
   .member .founders .founders-title { font-size: 18px; }
   .vision .vision-item .wrap-img { min-height: 120px; }
   .vision .vision-item .title { font-size: 15px; line-height: 1.2; }
   .vision .vision-item .desc { font-size: 12px; line-height: 1.5; }
   .solution-list { margin-top: 20px; }
   .core-values-mobile .item .img { scale: 0.8; height: 60px; }
   .core-values-mobile .item .content .title { font-size: 16px; }
   .core-values-mobile .item .content .desc { font-size: 12px; }
}
@-webkit-keyframes move3 {
   0% { -webkit-transform: translate(0); transform: translate(0); }
   20% { -webkit-transform: translate(5px); transform: translate(5px); }
   40% { -webkit-transform: translate(5px, 5px); transform: translate(5px, 5px); }
   65% { -webkit-transform: translateY(5px); transform: translateY(5px); }
   65% { -webkit-transform: translate(5px); transform: translate(5px); }
   to { -webkit-transform: translate(0); transform: translate(0); }
}
@keyframes move3 {
   0% { -webkit-transform: translate(0); transform: translate(0); }
   20% { -webkit-transform: translate(5px); transform: translate(5px); }
   40% { -webkit-transform: translate(5px, 5px); transform: translate(5px, 5px); }
   65% { -webkit-transform: translateY(5px); transform: translateY(5px); }
   65% { -webkit-transform: translate(5px); transform: translate(5px); }
   to { -webkit-transform: translate(0); transform: translate(0); }
}
@-moz-keyframes coccoc-alo-circle-img-anim {
   0% { transform: rotate(0) scale(1) skew(1deg); }
   10%, 30% { -moz-transform: rotate(-25deg) scale(1) skew(1deg); }
   20%, 40% { -moz-transform: rotate(25deg) scale(1) skew(1deg); }
   100%, 50% { -moz-transform: rotate(0) scale(1) skew(1deg); }
}
@-webkit-keyframes coccoc-alo-circle-img-anim {
   0%, 100%, 50% { -webkit-transform: rotate(0) scale(1) skew(1deg); }
   10%, 30% { -webkit-transform: rotate(-25deg) scale(1) skew(1deg); }
   20%, 40% { -webkit-transform: rotate(25deg) scale(1) skew(1deg); }
}
@-o-keyframes coccoc-alo-circle-img-anim {
   0%, 100%, 50% { -o-transform: rotate(0) scale(1) skew(1deg); }
   10%, 30% { -o-transform: rotate(-25deg) scale(1) skew(1deg); }
   20%, 40% { -o-transform: rotate(25deg) scale(1) skew(1deg); }
}
@keyframes fadeInLeft {
   from { opacity: 0; transform: translateX(-30px); }
   to { opacity: 1; transform: translateX(0); }
}
@keyframes pulse {
   0%, 100% { transform: scale(1); }
   50% { transform: scale(1.2); }
}

/* Keyframes */
@keyframes fadeIn {
   from { opacity: 0; transform: scale(0.95); }
   to { opacity: 1; transform: scale(1); }
}
@keyframes slideUp {
   from { opacity: 0; transform: translateY(30px); }
   to { opacity: 1; transform: translateY(0); }
}
@keyframes bounce {
   0%, 100% { transform: translateY(0); }
   50% { transform: translateY(-5px); }
}
.placeholder { position: relative; background: #ccc; border-radius: 3px; overflow: hidden; color: #ccc; }
.placeholder:after { content: "Ã®Âªâ€¢"; position: absolute; height: 100%; width: 100px; left: -100px; top: 0; background: linear-gradient(to right, transparent, #ffffff70, transparent); animation: reflect 800ms ease-out infinite; }
@keyframes reflect {
   to { left: calc(100% + 100px); }
}
.wrap-catagory .heading { display: block; text-align: center; }
.box-catagory { position: relative; }
.box-catagory:hover .btn-slick.prev { opacity: 1; left: 40px; }
.box-catagory:hover .btn-slick.next { opacity: 1; right: 40px; }

/*Page product*/
.page-about { max-width: 100% !important; padding: 0 !important; }
.banner-about { background: var(--maincolor) url("../images/banner-bg-decor.png") no-repeat center center; position: relative; padding-top: 4rem; }
.banner-about-note { background: var(--text-color); padding: 0.5rem 1.25rem; border-radius: 2.5rem; display: inline-block; color: white; }
.button-about { display: inline-block; margin-bottom: 2rem; }
.button-about .blob-btn { font-weight: 500; text-transform: unset; }
.banner-about .wrap-content > div { width: 49%; }
.about-left h3 { font-size: 4rem; font-weight: 900; text-transform: uppercase; color: var(--text-color); }
.about-left h6 { font-size: 1.6rem; color: white; }
.about-right { position: relative; }
.cat-template .loaiweb::-webkit-scrollbar, .category-template::-webkit-scrollbar { height: 5px; }
.category-template::-webkit-scrollbar-track { }
.cat-template .loaiweb::-webkit-scrollbar-thumb, .category-template::-webkit-scrollbar-thumb { background: #dedede; border: none; }
.category-template { display: flex; justify-content: center; gap: 20px; width: 100%; margin: 30px auto 10px; background-color: #fff; padding: 10px 25px; border-radius: 20px; max-width: 1100px; }
.category-template li { flex: 0 0 auto; }
.category-template li a { display: block; text-align: center; background-color: #f6f6f6; padding: 10px; font-weight: 600; font-size: 16px; text-transform: capitalize; color: var(--maincolor); transition: all 0.5s; cursor: pointer; }
.category-template>li:hover>a, .category-template>li>a.active { background-color: var(--maincolor); color: #FFF; font-weight: 600; }