/*
Theme Name: HG Aviation
Description: Website Deverlop By Thế Giới Số
Author: Nguyên Khôi
Author URI: https://www.facebook.com/nguyenkhoi489/
Template: flatsome
Version: 3.1
*/
:root {
    font-family: Roboto, sans-serif;
    --color-df: #ed1c24;
    --color-title: #0d0d0d;
}

.page-blank-options__custom h2 {
    margin-bottom: 0;
    color: var(--color-df);
    border: 1px solid #eee;
    padding: 10px;
    width: 104%;
    margin-left: -16px;
}

.page-blank-options__custom h2::before {
    margin-bottom: 0;
    position: absolute;
    left: 0;
    width: 3px;
    height: 32px;
    background-color: var(--color-df);
    content: "";
}

.loadMore-group {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
}
.loadMore_ajax {
    margin-top: auto;
    margin-bottom: auto;
    background-color: var(--color-df);
    border-radius: 5px;
    color: white;
}
.service-box p,
.text.who-we p {
    font-size: 3em;
    font-weight: 700;
}
.card__clock,
.card__time,
.spr--clock {
    vertical-align: middle;
}
.card__category,
.ct-text h4,
.wpcf7-submit {
    text-transform: uppercase;
}
.box-blog-post .is-divider,
.btn-collapse .icon-up,
.btn-collapse.show .icon-down,
.post-right .meta_author,
.post-right .newsText,
.single-custom_air .tab-item,
.title-breadcrumbs ul li:nth-child(2n),
.visible-lg,
.visible-md,
.visible-sm,
.visible-xs,
.wpcf7-response-output,
.wpcf7-spinner,
body:not(.home) img.header_logo.header-logo,
p.from_the_blog_comments.uppercase.is-xsmall,
p.from_the_blog_excerpt {
    display: none;
}
body:not(.home) img.header-logo-dark {
    display: block !important;
}
body:not(.home) #masthead {
    border-bottom: 1px solid #eee;
}
body:not(.home) #logo {
    margin-top: 0;
}
.entry-title,
.section-scroll ul li a,
.share-tt h2,
.share-tt p,
.wp-flybox_tab1,
body:not(.home) #masthead .nav-top-link {
    color: var(--color-df);
}
body:not(.home) #masthead .nav-top-link {
    color: var(--color-title);
}
body:not(.home) #masthead .current_page_item .nav-top-link 
{   
    color: var(--color-df);

}
.section-scroll ul li a
{
    color: var(--color-title);
}
.alert-close-circle:hover,
.single-custom_air .tab-wrapper ul li.active,
.wpcf7 input[type="text"]:focus,
body:not(.home) .absolute-footer.dark,
body:not(.home) footer#footer {
    background: #fff;
}
body:not(.home) #footer {
    border-top: 1px solid #eee;
}
.image-create {
    width: 33.333%;
}
#load-more {
    cursor: pointer;
}
.wp_but {
    -moz-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
    transform: translateX(-50%) translateY(-50%) rotate(-90deg);
    margin: 50px 0 50px 20px;
    background: var(--color-df);
    padding: 5px;
    border: 1px solid #fff;
}
#logo,
.text-about {
    margin-top: 15px;
}
#top-bar {
    background-color: var(--color-df) !important;
}

.box-name p,
.form-row.title h2,
.form-row.title h4,
.icon-menu::before,
.wpfb_tab_img1,
.wpfb_tab_img1:hover,
ul.sub-menu.nav-dropdown.nav-dropdown-default li:hover a {
    color: #fff;
}
img.aligncenter {
    margin: 15px auto;
}
.entry-header-text,
.post-item .box-text {
    padding-bottom: 0;
}
.entry-content,
.post-left,
.post-left .post-item {
    padding: 0;
}
@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/wp-content/themes/airplanes/fonts/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format("woff2");
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/wp-content/themes/airplanes/fonts/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format("woff2");
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/wp-content/themes/airplanes/fonts/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format("woff2");
    unicode-range: U+1F00-1FFF;
}
@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/wp-content/themes/airplanes/fonts/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format("woff2");
    unicode-range: U+0370-03FF;
}
@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/wp-content/themes/airplanes/fonts/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/wp-content/themes/airplanes/fonts/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format("woff2");
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/wp-content/themes/airplanes/fonts/KFOmCnqEu92Fr1Mu4mxK.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(/wp-content/themes/airplanes/fonts/KFOlCnqEu92Fr1MmWUlfCRc4EsA.woff2) format("woff2");
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(/wp-content/themes/airplanes/fonts/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2) format("woff2");
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(/wp-content/themes/airplanes/fonts/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2) format("woff2");
    unicode-range: U+1F00-1FFF;
}
@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(/wp-content/themes/airplanes/fonts/KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff2) format("woff2");
    unicode-range: U+0370-03FF;
}
@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(/wp-content/themes/airplanes/fonts/KFOlCnqEu92Fr1MmWUlfCxc4EsA.woff2) format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(/wp-content/themes/airplanes/fonts/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2) format("woff2");
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(/wp-content/themes/airplanes/fonts/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
.col,
.columns,
.gallery-item {
    padding: 0 15px;
}

a.button.primary.is-link.lowercase.see-more,
blockquote,
dl,
figure,
form,
ol,
p,
pre,
ul {
    margin-bottom: 0.5em;
    color: #000;
}
/* .who_are .section-content.relative {
    height: 553px;
} */
ul.header-nav-main > li.menu-item {
    margin: 0 10px 0 10px;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    position: relative;
    padding: 0;
}
ul.header-nav-main > li.menu-item > .nav-top-link {
    font-size: 14px;
    font-weight: 600;
    color: #333;
    text-transform: uppercase;
    padding-bottom: 0;
}
ul.header-nav-main > li.menu-item > .nav-top-link:after {
    content: "";
    position: absolute;
    left: 50%;
    width: 0;
    bottom: 0;
    height: 2px;
    background: var(--color-df);
    transition: 0.3s;
    -webkit-transition: 0.3s;
}
ul.header-nav-main > li.menu-item:hover > .nav-top-link:after {
    left: 0;
    width: 100%;
}
ul.sub-menu.nav-dropdown.nav-dropdown-default {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 11rem;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-size: 1rem;
    color: #373a3c;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
}
.icon-angle-down:before,
.nav-dropdown-has-arrow li.has-dropdown:after,
.nav-dropdown-has-arrow li.has-dropdown:before,
.xemnhieu ul li a:before {
    content: none;
}
.header-nav-main > li > ul.sub-menu.nav-dropdown.nav-dropdown-default {
    background-color: #eee;
    padding: 0;
    z-index: 1002;
}
ul.sub-menu li:hover {
    background-color: var(--color-df);
}
ul.sub-menu.nav-dropdown.nav-dropdown-default li a {
    color: #000;
    font-weight: 400;
    margin: 0;
    padding: 10px 20px;
}
.btn-collapse .icon-down,
.btn-collapse.show .icon-up,
.current-dropdown > ul.sub-menu.nav-dropdown.nav-dropdown-default,
[data-tooltip]:hover::before {
    display: block;
}
.sticky-scroll {
    position: fixed !important;
    top: 0;
    width: 100%;
    z-index: 99;
}
#breadcrumb li a,
.form-contact-opt,
.right-zindex,
.section-scroll,
.slider_duan,
.text-about,
.xemnhieu li {
    position: relative;
}
.section-cs {
    padding: 10px 0;
}
#breadcrumb {
    list-style: none;
    display: inline-block;
    margin-bottom: 3px;
}
#breadcrumb .icon,
.mh-no-padding-bottom .mh-font-small.mh-color-secondary {
    font-size: 14px;
}
#breadcrumb li {
    float: left;
}
#breadcrumb li a {
    color: #fff;
    display: block;
    background:  var(--color-df);
    text-decoration: none;
    height: 40px;
    line-height: 40px;
    padding: 0 10px 0 5px;
    text-align: center;
    margin-right: 23px;
}
#breadcrumb li:nth-child(2n) a {
    background-color:  var(--color-df);
}
#breadcrumb li:nth-child(2n) a:before {
    border-color:  var(--color-df) var(--color-df) var(--color-df) transparent;
}
#breadcrumb li:nth-child(2n) a:after {
    border-left-color:  var(--color-df);
}
#breadcrumb li:first-child a {
    padding-left: 15px;
    -moz-border-radius: 4px 0 0 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px 0 0 4px;
}
#breadcrumb li:first-child a:before,
#breadcrumb li:last-child a:after {
    border: none;
}
#breadcrumb li:last-child a {
    padding-right: 15px;
    -moz-border-radius: 0 4px 4px 0;
    -webkit-border-radius: 0;
    border-radius: 0 4px 4px 0;
}
.icon-home:before {
    content: "\f015";
}
#breadcrumb li a:after,
#breadcrumb li a:before {
    content: "";
    position: absolute;
    top: 0;
    border: 0 solid var(--color-df);
    border-width: 20px 10px;
    width: 0;
    height: 0;
}
#breadcrumb li a:before {
    left: -20px;
    border-left-color: transparent;
}
#breadcrumb li a:after {
    left: 100%;
    border-color: transparent transparent transparent var(--color-df);
}
#breadcrumb li a:hover {
    background-color: #1abc9c;
}
#breadcrumb li a:hover:before {
    border-color: #1abc9c #1abc9c #1abc9c transparent;
}
#breadcrumb li a:hover:after {
    border-left-color: #1abc9c;
}
#breadcrumb li a:active {
    background-color: #16a085;
}
#breadcrumb li a:active:before {
    border-color: #16a085 #16a085 #16a085 transparent;
}
#breadcrumb li a:active:after {
    border-left-color: #16a085;
}
.detail__meta {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
}
.detail__meta .datetime {
    font-family: Roboto, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    color: #666;
    font-weight: 300;
    margin-right: auto;
}
.spr {
    background: url(/wp-content/uploads/2022/07/vnn_sprites.svg) 0 0/400px 500px no-repeat;
    display: block;
}
.spr--clock {
    width: 16px;
    height: 16px;
    background-position: -300px -100px;
    display: inline-block;
    margin-right: 6px;
}
.detail__social .social {
    display: flex;
    align-items: center;
    margin-left: 15px;
    border-left: 1px solid #ddd;
}
.detail__social .social-item {
    margin-left: 15px;
}
.spr--fb-default {
    width: 10px;
    height: 18px;
    background-position: 0 -117px;
}
.spr--tt-default {
    width: 16px;
    height: 14px;
    background-position: -100px -118px;
}
.spr--mail {
    width: 16px;
    height: 13px;
    background-position: -200px -300px;
}
.airline:hover ~ .service-hover,
.service-hover {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: 50% 50%;
}
.box-info-mt,
.detail__social,
.list_mb {
    display: flex;
}
.row.custom-form {
    background-color: #fff;
    padding: 10px;
    border: 1px solid #eee;
}
.right-zindex,
.right-zindex img,
.text-about {
    border-radius: 5px;
}
.container,
.container-width,
.full-width .ubermenu-nav,
.row {
    max-width: 1170px !important;
}
.slider_duan {
    height: 320px;
    white-space: nowrap;
    overflow: hidden;
    line-height: 100%;
}
.slider_duan a {
    margin-right: 1px;
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    display: inline-block;
    overflow: hidden;
}
.slider_duan a img {
    height: 320px;
    object-fit: cover;
    -o-object-fit: cover;
}
.slider_duan .img-quality {
    background: linear-gradient(45deg, var(--color-df) 0, var(--color-df) 70%);
    margin-bottom: 0;
    padding: 8px 15px;
    border-radius: 3px;
    cursor: pointer;
    width: 10%;
    text-align: center;
    color: #fff;
    margin-left: 250px;
}
.slider_duan .total_count {
    width: calc(100% - 30px);
    position: absolute;
    margin-left: 0;
    bottom: 15px;
    left: auto;
    z-index: 10;
}
.slider_duan .img-quality i {
    margin-right: 7px;
}
.section-scroll {
    animation: 1s ease-in-out moveLeft-500;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.07);
    margin-bottom: 10px;
    background-color: #fff;
}
.section-scroll ul,
.single-custom_air ul,
li {
    list-style: none;
    margin: 0;
    padding: 0;
}
.section-scroll ul li {
    padding: 12px 0 6px;
    margin-right: 25px;
    display: inline-block;
    margin-bottom: 0;
    cursor: pointer;
}
.section-scroll ul li.active {
    border-bottom: 2px solid var(--color-df);
    font-weight: 500;
}
#masthead #logo,
#masthead .flex-col.hide-for-medium.flex-left.flex-grow {
    max-width: 20%;
}
#masthead .flex-col.hide-for-medium.flex-right {
    max-width: 50%;
    width: 100%;
    margin-left: 0;
}
#masthead .flex-col.hide-for-medium.flex-right > ul {
    justify-content: space-around;
}
.archive #content,
.blog #content,
.page-services,
#content.single-custom_air,
#content.single-custom_cruise ,
.single-post #content {
    background-color: #f5f7fb;
}
.text-about {
    background-color: white;
    border: 1px solid var(--color-df);
    color: var(--color-title);
    font-size: 18px;
    padding: 20px;
    left: 50px;
    z-index: 1;
    font-weight: 400;
}
.right-zindex {
    z-index: -1;
    right: 50px;
    bottom: -100px;
}
.see-more span,
.text.about-hp p {
    color: var(--color-title);
    margin-bottom: 1em;
}
.read_more_opt > span::after,
.see-more span::after {
    content: "→";
    padding-left: 15px;
    width: 10px;
    font-family: "";
}
.img-opacity img {
    opacity: 0.5;
}
.text.who-we p {
    color: var(--color-df);
}
.text.who-we {
    position: absolute;
    top: 3px;
    left: 15px;
    margin-bottom: 20px;
}
.service-box p {
    margin: 0;
    color: #fff;
}
.ct-text h4 {
    font-size: 14px;
    padding-top: 20px;
    margin-top: 0;
    color: #fff;
}
.post-right h5.post-title.is-large,
h5.post-title.is-large,
span.meta-schor {
    font-size: 15px;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.service-hover {
    background-image: url("/wp-content/uploads/2022/06/HERO_General.jpg");
    transition: 0.5s;
}
.service-box {
    margin-top: -120px;
}
.airline:hover ~ .service-hover {
    background-image: url("/wp-content/uploads/2022/06/HERO_Airlines.jpg") !important;
}
.airline .box-image img:hover + .ct-text h4 {
    color: var(--color-df) !important;
}
.icon_meta::before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    float: left;
    margin: 0 6px 0 0;
}
.wall-clock:before {
    background: url("/wp-content/uploads/2022/06/wall-clock.png") 0 0 / cover no-repeat;
}
.view_icon::before {
    background: url("/wp-content/uploads/2022/06/file_hv.png") 0 0 / cover no-repeat;
}
.user_icon::before {
    background: url("/wp-content/uploads/2022/06/user_hv.png") 0 0 / cover no-repeat;
}
.content_threadinfo {
    display: flex;
    color: var(--color-df);
    margin: 10px 0;
    justify-content: space-between;
}
span.meta-schor {
    -webkit-line-clamp: 3;
    color: #000;
    text-align: justify;
    font-weight: 400;
}
.alert-body,
.alert-message,
.box-name,
.form-row.title,
div.wpcf7-mail-sent-ok {
    text-align: center;
}
.read_more_opt {
    margin: 20px 0;
}
.read_more_opt > span {
    background-color: var(--color-df);
    padding: 10px;
    color: #fff;
    text-transform: capitalize;
}
.post-right .post-item {
    padding-right: 0;
    padding-bottom: 15px;
}
.post-right .box-text {
    background-color: var(--color-df);
    color: #fff;
    padding: 5px 5px 5px 10px;
    margin: 0;
    width: 85%;
    height: auto;
}
.post-right h5.post-title.is-large,
h5.post-title.is-large {
    color: #fff;
    -webkit-line-clamp: 2;
}
.post-right .suppliers_area > div {
    color: #fff;
    font-size: 11px;
}
.post-left .row,
.post-right .read_more_opt {
    margin: 0 !important;
}
.post-right .view_icon::before {
    background: url("/wp-content/uploads/2022/06/file.png") 0 0 / cover no-repeat;
}
.post-right .wall-clock::before {
    background: url("/wp-content/uploads/2022/06/wall-clock_hv.png") 0 0 / cover no-repeat;
}
.post-right .read_more_opt > span {
    padding-left: 0;
}
.share-tt h2 {
    font-size: 3em;
    font-weight: 700;
}
#modal .modal-header h3,
.btn-close-md,
.share-tt p {
    margin: 0;
}
.form-row {
    width: 100%;
}
.column-full,
.column-half {
    float: left;
    position: relative;
    padding: 0.65rem;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.clearfix:after {
    content: "";
    display: table;
    clear: both;
}
h5.post-title.is-large {
    height: 40px;
    color: var(--color-df);
}
.wpcf7 input[type="email"],
.wpcf7 input[type="text"],
.wpcf7 textarea {
    width: 100%;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
div.wpcf7-mail-sent-ok,
div.wpcf7-validation-errors,
span.wpcf7-not-valid-tip {
    text-shadow: none;
    padding: 5px;
    font-size: 12px;
}
.wpcf7-submit {
    float: right;
    background: #ca0002;
    color: #fff;
    border: none;
    padding: 8px 20px;
    cursor: pointer;
}
.wpcf7-submit:hover {
    background: red;
}
span.wpcf7-not-valid-tip {
    color: #fff;
    background: red;
}
div.wpcf7-validation-errors {
    border: transparent;
    background: #f9cd00;
    color: #9c6533;
    text-align: center;
    margin: 0;
}
div.wpcf7-mail-sent-ok {
    background: #59a80f;
    border-color: #59a80f;
    color: #fff;
    margin: 0;
}
.responsive-form .wpcf7-form-control.wpcf7-textarea,
.responsive-form input {
    border-radius: 15px !important;
    padding-left: 20px;
    background-color: transparent;
    color: #fff;
}
.responsive-form, form.wpcf7-form {
    margin: 0 auto;
    width: 100%;
    padding: 20px 100px;
}
form.wpcf7-form {
	padding: 20px;
	margin: auto;
}
input.wpcf7-form-control.has-spinner.wpcf7-submit {
    background-color: white;
    color: #2262ac;
}
.archive-page-header .large-12.col.header-tt-ar,
.header-tt-ar {
    margin-bottom: 10px;
}
.wpcf7-textarea {
    min-height: 80px;
}
.responsive-form input {
    height: 40px;
    margin-bottom: 0;
}
.column-full.btn input {
    width: 100%;
    background-color: #fff !important;
    color: var(--color-df) !important;
    line-height: 10px;
    margin-right: 0;
}
.wpcf7-spinner {
    margin-top: 10px;
}
#footer_section {
    background: linear-gradient(white, #f3fafb);
}
.ctf {
    font-weight: 100 !important;
}
::placeholder {
    color: #fff;
    opacity: 0.5;
}
.form-contact-opt {
    top: 250px;
}
#footer .col,
.absolute-footer,
html {
    background-color: unset;
}
.footer-opt h2 {
    color: var(--color-df);
    font-size: 18px;
    line-height: 1.5;
}
.footer-opt p {
    text-align: justify;
    color: #000;
    font-weight: 300;
}
.copyright-footer,
.text-center .social-icons {
    color: #000;
}
/* footer#footer {
    background: #eafdff;
    background: linear-gradient(0deg, #eafdff 0, #eafdff 100%, #fff 100%);
}
.sst-traf {
    background: linear-gradient(0deg, #eafdff 0, #fff 100%, #fff 100%);
} */
#modal,
.header-tt-ar {
    background-color: #fff;
}
.absolute-footer > div {
    border-top: 1px solid #e7e7e7;
    padding: 0;
}
.footer-primary.pull-left {
    padding-top: 10px;
}
.transparent #logo img {
    max-height: 50px !important;
}
#form_contact .responsive-form {
    padding-left: 30px;
    padding-right: 30px;
}
.blog-archive .large-12.col,
.single-post .large-3.col,
.single-post .large-9.col {
    background-color: #fff;
    padding: 15px !important;
}
.single-post .large-9.col:not(.footer) {
    border-right: 1px solid #eae9e9;
}
.xemnhieu span.cus-widget-title {
    font-size: 15px !important;
    padding: 13px 16px !important;
    line-height: 1 !important;
    color: var(--color-df);
}
.xemnhieu li {
    margin-left: 0 !important;
    display: flex;
    font-size: 13px;
    padding: 16px;
    border-top: 1px solid #f3f3f3;
}
.b2-widget-post-thumb-img {
    position: absolute;
    left: 16px;
    top: 16px;
    width: 83px;
    height: 51px;
}
.b2-widget-post-thumb .b2-widget-post-title {
    padding-left: 95px;
    height: 51px;
}
.xemnhieu {
    position: relative;
    border-radius: 10px;
    background: #fff;
}
#xemnhiu i {
    margin-right: 10px;
}
#recent-posts-4 ul li a {
    font-size: 15px !important;
}
#recent-posts-4 ul li a,
.b2-widget-post-title .tt-xemnhiu {
    font-size: 12.5px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-height: 52px;
    color: var(--color-title);
}
.b2-widget-post-title time {
    font-size: 12px;
    color: #bcbcbc;
    margin-top: 5px;
}
.blog-archive .col.post-item {
    padding-bottom: 0;
    border-bottom: 1px solid #f3f3f3;
    border-right: 1px solid #f3f3f3;
}
.large-12.col.header-tt-ar .page-title.is-large.uppercase {
    margin-bottom: 0;
    color: var(--color-df);
}
.header-tt-ar {
    padding: 10px;
    border: 1px solid #eee;
}
.header-tt-ar::before {
    margin-bottom: 0;
    position: absolute;
    left: 0;
    width: 3px;
    height: 21px;
    background-color: var(--color-df);
    content: "";
}
.single-custom_air img,
.single-custom_boat img {
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.modal-img [data-tooltip]:before {
    top: 20%;
    left: 90%;
}
.modal-image [data-tooltip]::before {
    left: 30%;
    top: 10%;
}
.single-custom_air .tab-wrapper ul {
    display: table;
    border-bottom: 1px solid #ddd;
    content: " ";
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    width: 100%;
    clear: both;
    height: 35px;
}
.single-custom_air .tab-wrapper ul li {
    float: left;
    list-style: none;
    position: relative;
    display: block;
    margin-left: 0;
}
.single-custom_air .tab-wrapper ul li.active a {
    cursor: default;
    padding: 10px 9px;
    font-size: 16px;
    font-weight: 700;
    color: var(--color-title);
    border: 0;
    border-bottom: 0 currentcolor;
    border-bottom: 3px solid var(--color-df);
}
.single-custom_air .tab-wrapper ul li a {
    line-height: 1.42857143;
    color: #003c71;
    padding: 10px 9px;
    font-size: 16px;
}
.single-custom_air .tab-content {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
}
.btn-collapse {
    position: absolute;
    background-color: #f9fbfc;
    padding: 9px;
    right: 0;
    margin-top: -10px;
}
#header-nav ~ .btn-collapse {
    top: 0;
    margin-top: 5px;
}
.btn-collapse:after {
    content: "";
    position: absolute;
    right: 38px;
    top: 0;
    bottom: 0;
    width: 24px;
    z-index: 6;
    background-image: -webkit-gradient(linear, right top, left top, from(#f9fbfc), to(rgba(255, 255, 255, 0)));
    background-image: linear-gradient(270deg, #f9fbfc, rgba(255, 255, 255, 0));
}
.navbar-collapse {
    overflow-x: visible;
    -webkit-overflow-scrolling: touch;
    border-top: 1px solid transparent;
}
.navbar-collapse #header-nav {
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
    transition: 0.3s ease-in-out;
}
#dichvu-cb.show-in,
#dulich-tab.show-in,
#gioithieu-tab.show-in,
#header-nav.show-in,
#tab-box.show-in {
    z-index: 99;
    display: block !important;
    height: auto;
}
#dichvu-cb.show-in li,
#dulich-tab.show-in li,
#gioithieu-tab.show-in li,
#header-nav.show-in li,
#tab-box.show-in li {
    display: block !important;
    position: relative !important;
    float: none;
    line-height: 35px;
}
#dichvu-cb.show-in li.active a,
#dulich-tab.show-in li.active a,
#gioithieu-tab.show-in li.active a,
#header-nav.show-in li.active a,
#tab-box.show-in li.active a {
    border-bottom: none;
}
.modal-container {
    width: 100%;
    min-height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    pointer-events: none;
    opacity: 0;
}
.modal-container.show {
    pointer-events: all;
    opacity: 1;
}
#modal {
    max-width: 70%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
#modal .modal-left {
    max-width: 70%;
	overflow-y: scroll;
    padding: 10px 20px;
}
#modal .modal-right {
    max-width: 30%;
}
#modal .modal-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 20px;
    border-bottom: 1px solid #dedede;
}
#modal .modal-body {
    display: flex;
    max-height: 400px;
    overflow: hidden;
}
#modal button.btn-close-md {
    outline: 0;
    background: 0 0;
    border: none;
    padding: 0;
    font-size: 19px;
}
.list_mb_rs {
    overflow: hidden;
    margin: 5px;
    max-width: 33.333333%;
    border: 1px solid #dadada;
    border-radius: 5px;
    max-height: 400px;
    position: relative;
}
.box-name {
    position: absolute;
    height: 40px;
    background: var(--color-df);
    padding: 9px 10px;
    bottom: 0;
    width: 100%;
}
.card__img,
.card__img--hover {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 235px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}
.card,
.card__info {
    background-color: #fff;
}
.air.post-item .col-inner {
    -webkit-transform: translateY(0);
    -webkit-transition: 0.3s;
    transform: translateY(0);
    transition: 0.3s;
    border-radius: 10px;
    padding: 14px 14px 17px;
    background-color: #fff;
    position: relative;
}
.box.air-content .box-image .image-cover {
    padding-top: 56%;
}
.box-text-inner.box-text-airline {
    padding: 15px 0 0;
    position: relative;
    max-width: 40%;
    font-size: 0.9em;
}
.row-service-cs {
    display: flex;
    justify-content: space-between;
}
.cards {
    width: 100%;
    display: -webkit-flex;
    -webkit-justify-content: left;
	flex-wrap: wrap;
}
.card__like {
    width: 18px;
}
.card__clock {
    width: 15px;
    fill: var(--color-df);
}
.card__time {
    font-size: 12px;
    color: var(--color-df);
    margin-left: 5px;
}
.card__clock-info {
    float: right;
}
.card__img {
    visibility: hidden;
    width: 100%;
}
.card__info-hover {
    position: absolute;
    padding: 16px;
    width: 100%;
    opacity: 0;
    top: 0;
}
.card__img--hover {
    transition: 0.2s ease-out;
    width: 100%;
    position: absolute;
    top: 0;
}
.card {
    margin: 0 10px 10px 0;
    transition: 0.4s cubic-bezier(0.175, 0.885, 0, 1);
    width: 32%;
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 13px 10px -7px rgba(0, 0, 0, 0.1);
}
.card__info {
    z-index: 2;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    padding: 16px 24px 24px;
}
.card__category {
    font-family: Raleway, sans-serif;
    font-size: 10px;
    letter-spacing: 2px;
    font-weight: 500;
    color: #868686;
}
.card__by,
.card__title {
    font-family: "Roboto Slab";
}
.card__title {
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 25px;
    color: var(--color-df);
}
.card__by {
    font-size: 12px;
    font-weight: 200;
}
.card__author {
    font-weight: 200;
    text-decoration: none;
    color: var(--color-df);
}
.page-wrapper {
    padding-top: 15px;
    padding-bottom: 15px;
}
.post-type-archive-custom_air #breadcrumb,
.post-type-archive-custom_boat #breadcrumb,
.post-type-archive-custom_cruise #breadcrumb,
.post-type-archive-custom_other #breadcrumb,
.post-type-archive-custom_train #breadcrumb {
    margin-bottom: 15px;
}
.header-title.breadcrums .custom-form {
    margin: 0;
    padding: 10px;
}
.row.row-large {
    border: 1px solid #eee;
}
.mh-col-border-bold > .col-inner {
    padding: 15px;
    background: #fff;
    float: left;
    height: 100%;
    border: 1px solid #e3e3e3;
    margin: 0 2% 2% 0;
    position: relative;
    box-shadow: #e4e2e3 8px 8px 0;
}
.mh-title-center-simple .section-title-main,
.mh-title-left-simple .section-title-main {
    font-weight: 600;
    font-style: normal;
    text-transform: initial !important;
    border: none;
    font-size: 22px !important;
}
.mh-col-border-bold .section-title-normal,
.mh-title-left-simple .section-title-normal,
.section-title-container {
    border: 0;
    padding: 0;
    margin: 0;
}
.mh-flex-row {
    display: flex !important;
    flex-direction: row;
}
.mh-form-2-col,
.mh-form-3-col {
    justify-content: space-between;
    align-items: center;
}
.mh-form-2-col > label {
    flex-basis: 49%;
}
.mh-col-form-register .mh-input {
    border-color: rgba(0, 0, 0, 0.06) !important;
    background-color: #f2f2f2;
    height: 45px;
    padding: 10px !important;
    border-radius: 2px !important;
    font-weight: 400;
}
.mh-flex-row .mh-input::placeholder {
    color: #666 !important;
    font-weight: 300;
}
.btn-formsend {
    background-color: var(--color-df) !important;
    color: #fff !important;
}
.pb-0 {
    padding: 0 !important;
}
.mh-title-center-simple .widget_nav_menu .section-title-main {
    font-size: 18px !important;
    font-weight: 600;
    margin-bottom: 20px;
}
.vp-no1 li {
    margin-bottom: 0.3em !important;
}
.vp-no1 > li + li {
    border: none !important;
}
.title-breadcrumbs ul li:last-child {
    margin-left: 0;
}
.tt-page .is-divider {
    margin-top: 0.66em;
    background-color: var(--color-df);
    display: block;
    height: 3px;
    width: 38px;
    position: relative;
}
.tt-page .is-divider::after,
.tt-page .is-divider:before {
    content: "";
    height: 3px;
    width: 10px;
    background: var(--color-df);
    position: absolute;
    left: 43px;
    opacity: 0.8;
}
.slider-section {
    max-height: 600px;
    overflow: hidden;
}
.slider-home-custom {
    height: 600px;
    overflow: hidden;
}
.acf-img-slider.slide {
    height: 100%;
    overflow: hidden;
    display: flex;
    align-items: center;
}
.slider-section img.attachment-original.size-original {
	min-height: 600px;
}
@media (max-width: 480px) {
	.slider-section img.attachment-original.size-original {
		min-height: unset !important;
	}
    .who_are {
        margin-bottom: 30px;
    }
    .acf-img-slider,
    .property-gallery-slider.slider,
    .slider-section {
        height: 190px !important;
        overflow: hidden !important;
    }
    .tt-page .is-divider {
        margin-left: auto !important;
    }
    .text-about {
        max-width: 80%;
        font-size: 15px;
        margin-left: 10px;
        left: 0;
    }
    .post-sidebar.large-3.col,
    .read_more_opt,
    .text.about-hp p:last-child {
        display: none;
    }
    .right-zindex {
        bottom: -30px;
        position: absolute;
        right: 0;
        max-width: 60%;
        padding: 0;
    }
    .meta_view,
    .space__home {
        display: none !important;
    }
    .box-who {
        padding-left: 10px;
        padding-bottom: 20px;
    }
    .text.who-we {
        margin-bottom: 0;
    }
    .service-box p,
    .share-tt h2,
    .text.who-we p {
        font-size: 2em;
    }
    .who_are .section-content.relative {
        height: unset !important;
    }
    .service-hover .col.small-6.large-12 {
        max-width: 100%;
        flex-basis: 100%;
    }
    .service-box {
        margin-top: 0;
    }
    .is-divider.divider.clearfix {
        max-width: 80px !important;
    }
    .service-hover .box-image {
        width: 40% !important;
    }
    .archive #content,
    .blog #content,
    .page-services,
    .post-left,
    .post-right,
    #content.single-custom_air ,
    #content.single-custom_cruise ,
    .single-post #content {
        padding: 15px !important;
    }
    .post-right {
        margin: 0;
    }
    .post-right .post-item {
        padding: 5px;
    }
    #form_contact .responsive-form,
    .responsive-form {
        padding: 10px 5px;
        border-radius: 5px;
    }
    .form-row.title h4 {
        font-size: 11px;
    }
    .column-half,
    .list_mb_rs {
        max-width: 50%;
    }
    .post-right .icon_meta::before {
        width: 8px;
        height: 8px;
    }
    .card__category,
    .post-right .suppliers_area > div {
        font-size: 8px;
    }
    .meta_date {
        display: flex;
        align-items: center;
    }
    .responsive-form input {
        height: 30px;
        border-radius: 5px !important;
    }
    #footer .col {
        padding-left: 15px;
        padding-right: 15px;
    }
    .form_action {
        max-height: 200px !important;
    }
    .row-service-cs > div:last-child {
        margin: 0 auto;
    }
    .post-right .post-title.is-large {
        font-size: 10px !important;
        height: unset !important;
    }
    .item__guide > div > div > div {
        padding-bottom: 0;
    }
    ::placeholder {
        font-size: 10px;
    }
    .responsive-form .wpcf7-form-control.wpcf7-textarea {
        min-height: 50px;
        height: 50px;
        border-radius: 5px !important;
        margin-bottom: 0;
    }
    .sst-traf {
        min-height: 250px !important;
    }
    .lightbox-content {
        background-color: unset;
    }
    .header.has-transparent,
    .header.show-on-scroll,
    .header.transparent {
        position: unset;
        height: 60px;
    }
    .icon-menu::before {
        color: var(--color-df);
    }
    .off-canvas .nav-vertical > li > a {
        color: var(--color-df);
        font-weight: 500;
    }
    #content.single-custom_air ,
    #content.single-custom_cruise  {
        padding-top: 0 !important;
    }
    .card {
        width: 47%;
        border-radius: 5px;
        margin-left: 0;
    }
    #lockfix-ss,
    .slider_duan {
        margin-left: -15px;
        margin-right: -15px;
    }
    .card__img,
    .card__img--hover {
        height: 170px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }
    .card__info {
        position: relative;
        padding: 5px 10px;
    }
    .card__title {
        font-size: 18px;
    }
    .card__by {
        font-size: 10px;
    }
    .slider_duan .img-quality {
        width: 50%;
        margin-left: 50px;
        text-align: center;
    }
    .slider_duan {
        height: 200px;
    }
    #header-nav,
    .custom-form .tab {
        float: left;
        display: flex !important;
        flex-wrap: nowrap;
        overflow-x: hidden;
    }
    #header-nav li,
    .custom-form .tab li {
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: auto;
    }
    #lockfix-ss .btn-collapse {
        display: block;
        margin-top: 0;
    }
    .custom-form .btn-collapse {
        display: block;
        right: 20px;
    }
    #lockfix {
        padding: 0 15px;
    }
    .single-custom_air .tab-content {
        padding-top: 50px;
    }
    #modal {
        max-width: 90%;
    }
    .modal-image [data-tooltip]::before,
    .modal-img [data-tooltip]::before {
        content: none;
    }
    .form-contact-opt {
        top: 150px;
    }
    .image-create {
        width: unset !important;
    }
    .slider_duan a img {
        height: auto;
    }
}
@media (min-width: 480px) and (max-width: 549px) {
	  .single-custom_air .tab-content {
    padding-top: 50px;
  }
    .post-left,
    .post-right {
        padding: 15px !important;
    }
    .image-create {
        width: unset !important;
    }
    .slider_duan a img {
        height: auto;
    }
  .list_mb_rs {
    max-width: 50%;
  }
}
@media (min-width: 550px) and (max-width: 640px) {
	.single-custom_air .tab-content {
    padding-top: 50px;
}
    .post-left,
    .post-right {
        padding: 0 5px !important;
    }
    .post-left {
        padding-top: 5px !important;
    }
	  .list_mb_rs {
		max-width: 50%;
	  }
	.slider-section img.attachment-original.size-original {
    min-height: unset;
}
}
@media (min-width: 480px) and (max-width: 640px) {
	.single-custom_air .tab-content {
    padding-top: 50px;
}
    .who_are .section-content.relative,
    h5.post-title.is-large {
        height: unset !important;
    }
    .who_are {
        margin-bottom: 30px;
    }
    .acf-img-slider,
    .property-gallery-slider.slider,
    .slider-section {
        height: 280px !important;
        overflow: hidden !important;
    }
    .tt-page .is-divider {
        margin-left: auto !important;
    }
    .text-about {
        max-width: 85%;
        flex-basis: 85%;
        font-size: 15px;
        margin-left: 10px;
        left: 0;
    }
    .post-sidebar.large-3.col,
    .read_more_opt,
    .text.about-hp p:last-child {
        display: none;
    }
    .right-zindex {
        bottom: -30px;
        position: absolute;
        right: 0;
        max-width: 60%;
        height: 200px;
        padding: 0;
        border-radius: 5px;
        overflow: hidden;
    }
    .box-who {
        padding-left: 10px;
        padding-bottom: 20px;
    }
    .service-box p,
    .share-tt h2,
    .text.who-we p {
        font-size: 2em;
    }
    .meta_view,
    .space__home {
        display: none !important;
    }
    .service-hover {
        min-height: unset !important;
    }
    .service-hover .col.small-6.large-12 {
        max-width: 100%;
        flex-basis: 100%;
    }
    .service-box {
        margin-top: 0;
    }
    .service-hover .box-image {
        width: 40% !important;
    }
    .row-service-cs > div {
        margin: 0 auto;
    }
    .item__guide > div > div > div {
        padding-bottom: 0;
    }
    .post-right .post-item {
        padding: 5px;
    }
    .card__category,
    .post-right .suppliers_area > div {
        font-size: 8px;
    }
    .icon_meta::before {
        width: 10px;
        height: 10px;
    }
    .DateTime,
    .avatarNews,
    .card__by {
        font-size: 10px;
    }
    .meta_author,
    .meta_date {
        display: flex;
        align-items: center;
    }
    h5.post-title.is-large {
        font-size: 12px !important;
    }
    .meta-schor {
        font-size: 12px !important;
        -webkit-line-clamp: 2 !important;
    }
    .responsive-form {
        padding: 10px 5px;
        border-radius: 5px;
    }
    .column-half {
        max-width: 50%;
    }
    .form_action {
        max-height: 250px !important;
    }
    .form-contact-opt {
        top: 200px;
        max-width: 90%;
        flex-basis: 90%;
    }
    ::placeholder {
        font-size: 12px;
    }
    .responsive-form .wpcf7-form-control.wpcf7-textarea {
        height: 70px;
        min-height: 70px;
    }
    .footer-row > div {
        max-width: 100%;
        flex-basis: 100%;
        padding: 0 20px !important;
    }
    .footer-row div.img {
        width: 30% !important;
    }
    .lightbox-content {
        background-color: unset;
    }
    .header.has-transparent,
    .header.show-on-scroll,
    .header.transparent {
        position: unset;
        height: 60px;
    }
    .icon-menu::before {
        color: var(--color-df);
    }
    .off-canvas .nav-vertical > li > a {
        color: var(--color-df);
        font-weight: 500;
    }
    .archive #content,
    .blog #content,
    .page-services,
    #content.single-custom_air ,
    #content.single-custom_cruise ,
    .single-post #content {
        padding: 15px;
    }
    .card {
        width: 47%;
        margin-left: 0;
        border-radius: 5px;
    }
    #lockfix-ss,
    .slider_duan {
        margin-left: -15px;
        margin-right: -15px;
    }
    .card__img,
    .card__img--hover {
        height: 170px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }
    .card__info {
        position: relative;
        padding: 5px 10px;
    }
    .card__title {
        font-size: 18px;
    }
    .slider_duan .img-quality {
        width: 50%;
        margin-left: 50px;
        text-align: center;
    }
    .slider_duan {
        height: 200px;
    }
    #header-nav,
    .custom-form .tab {
        float: left;
        display: flex !important;
        flex-wrap: nowrap;
        overflow-x: hidden;
    }
    #header-nav li,
    .custom-form .tab li {
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: auto;
    }
    #lockfix-ss .btn-collapse {
        display: block;
        margin-top: 0;
    }
    .custom-form .btn-collapse {
        display: block;
        right: 20px;
    }
    #lockfix {
        padding: 0 15px;
    }
    #content.single-custom_air,
    #content.single-custom_cruise  {
        padding-top: 0 !important;
    }
    .modal-image [data-tooltip]::before,
    .modal-img [data-tooltip]::before {
        content: none;
    }
    .image-create {
        width: 50% !important;
    }
    .slider_duan a img {
        height: auto;
    }
	  .list_mb_rs {
    max-width: 50%;
  }
	.slider-section img.attachment-original.size-original {
    min-height: unset;
}
}
@media (min-width: 640px) and (max-width: 768px) {
	.slider-section img.attachment-original.size-original {
    min-height: unset;
}
	.single-custom_air .tab-content {
    padding-top: 50px;
}
    .who_are .section-content.relative,
    h5.post-title.is-large {
        height: unset !important;
    }
    .who_are {
        margin-bottom: 30px;
    }
    .acf-img-slider,
    .property-gallery-slider.slider,
    .slider-section {
        height: 340px !important;
        overflow: hidden !important;
    }
    .tt-page .is-divider {
        margin-left: auto !important;
    }
    .text-about {
        max-width: 85%;
        flex-basis: 85%;
        font-size: 15px;
        margin-left: 10px;
        left: 0;
    }
    .post-sidebar.large-3.col,
    .read_more_opt,
    .text.about-hp p:last-child {
        display: none;
    }
    .right-zindex {
        bottom: -30px;
        position: absolute;
        right: 0;
        max-width: 60%;
        height: 200px;
        padding: 0;
        border-radius: 5px;
        overflow: hidden;
    }
    .box-who {
        padding-left: 10px;
        padding-bottom: 20px;
    }
    .service-box p,
    .share-tt h2,
    .text.who-we p {
        font-size: 2em;
    }
    .meta_view,
    .space__home {
        display: none !important;
    }
    .service-hover {
        min-height: unset !important;
    }
    .service-hover .col.small-6.large-12 {
        max-width: 100%;
        flex-basis: 100%;
    }
    .service-box {
        margin-top: 0;
    }
    .service-hover .box-image {
        width: 40% !important;
    }
    .row-service-cs > div {
        margin: 0 auto;
    }
    .post-left,
    .post-right {
        padding: 0 5px !important;
    }
    .post-left {
        padding-top: 5px !important;
    }
    .item__guide > div > div > div {
        padding-bottom: 0;
    }
    .post-right .post-item {
        padding: 5px;
    }
    .card__category,
    .post-right .suppliers_area > div {
        font-size: 8px;
    }
    .icon_meta::before {
        width: 10px;
        height: 10px;
    }
    .DateTime,
    .avatarNews,
    .card__by {
        font-size: 10px;
    }
    .meta_author,
    .meta_date {
        display: flex;
        align-items: center;
    }
    h5.post-title.is-large {
        font-size: 12px !important;
    }
    .meta-schor {
        font-size: 12px !important;
        -webkit-line-clamp: 2 !important;
    }
    .responsive-form {
        padding: 10px 5px;
        border-radius: 5px;
    }
    .column-half {
        max-width: 50%;
    }
    .form_action {
        max-height: 250px !important;
    }
    .form-contact-opt {
        top: 200px;
        max-width: 90%;
        flex-basis: 90%;
    }
    ::placeholder {
        font-size: 12px;
    }
    .responsive-form .wpcf7-form-control.wpcf7-textarea {
        height: 70px;
        min-height: 70px;
    }
    .footer-row > div:nth-child(-n + 2) {
        max-width: 100%;
        flex-basis: 100%;
        padding: 0 10px 20px !important;
    }
    .footer-row > div:nth-child(n + 3) {
        max-width: 50%;
        flex-basis: 50%;
        padding: 0 10px 20px !important;
    }
    .footer-row div.img {
        width: 20% !important;
    }
    .footer-row {
        padding: 10px;
    }
    .lightbox-content {
        background-color: unset;
    }
    .header.has-transparent,
    .header.show-on-scroll,
    .header.transparent {
        position: unset;
        height: 60px;
    }
    .icon-menu::before {
        color: var(--color-df);
    }
    .off-canvas .nav-vertical > li > a {
        color: var(--color-df);
        font-weight: 500;
    }
    .archive #content,
    .blog #content,
    .page-services,
    #content.single-custom_air,
    #content.single-custom_cruise ,
    .single-post #content {
        padding: 15px;
    }
    .card {
        width: 47%;
        border-radius: 5px;
        margin-left: 0;
    }
    #lockfix-ss,
    .slider_duan {
        margin-left: -15px;
        margin-right: -15px;
    }
    .card__img,
    .card__img--hover {
        height: 170px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }
    .card__info {
        position: relative;
        padding: 5px 10px;
    }
    .card__title {
        font-size: 18px;
    }
    .slider_duan .img-quality {
        width: 50%;
        margin-left: 50px;
        text-align: center;
    }
    .slider_duan {
        height: 200px;
    }
    #header-nav,
    .custom-form .tab {
        float: left;
        display: flex !important;
        flex-wrap: nowrap;
        overflow-x: hidden;
    }
    #header-nav li,
    .custom-form .tab li {
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: auto;
    }
    #lockfix-ss .btn-collapse {
        display: block;
        margin-top: 0;
    }
    .custom-form .btn-collapse {
        display: block;
        right: 20px;
    }
    #lockfix {
        padding: 0 15px;
    }
    #content.single-custom_air,
    #content.single-custom_cruise  {
        padding-top: 0 !important;
    }
    .modal-image [data-tooltip]::before,
    .modal-img [data-tooltip]::before {
        content: none;
    }
    .image-create {
        width: 50% !important;
    }
    .slider_duan a img {
        height: auto;
    }
	  .list_mb_rs {
    max-width: 50%;
  }
}
@media (min-width: 768px) and (max-width: 849px) {
	.single-custom_air .tab-content {
    padding-top: 50px;
}
    .who_are .section-content.relative,
    h5.post-title.is-large {
        height: unset !important;
    }
    .who_are {
        margin-bottom: 30px;
    }
    .acf-img-slider,
    .property-gallery-slider.slider,
    .slider-section {
        height: 400px !important;
        overflow: hidden !important;
    }
    .tt-page .is-divider {
        margin-left: auto !important;
    }
    .text-about {
        max-width: 85%;
        flex-basis: 85%;
        font-size: 15px;
        margin-left: 10px;
        left: 0;
    }
    .right-zindex {
        bottom: -30px;
        position: absolute;
        right: 0;
        max-width: 60%;
        height: 200px;
        padding: 0;
        border-radius: 5px;
        overflow: hidden;
    }
    .box-who {
        padding-left: 10px;
        padding-bottom: 20px;
    }
    .service-box p,
    .share-tt h2,
    .text.who-we p {
        font-size: 2em;
    }
    .meta_view,
    .space__home {
        display: none !important;
    }
    .service-hover {
        min-height: unset !important;
    }
    .service-hover .col.small-6.large-12 {
        max-width: 100%;
        flex-basis: 100%;
    }
    .row-service-cs > div:first-child {
        padding-top: 15px;
    }
    .service-box {
        margin-top: 0;
    }
    .service-hover .box-image {
        width: 40% !important;
    }
    .row-service-cs > div {
        margin: 0 auto;
    }
    .post-left,
    .post-right {
        padding: 0 5px !important;
    }
    .post-left {
        padding-top: 5px !important;
    }
    .item__guide > div > div > div {
        padding-bottom: 0;
    }
    .post-right .post-item {
        padding: 5px;
    }
    .post-sidebar.large-3.col,
    .read_more_opt {
        display: none;
    }
    .card__category,
    .post-right .suppliers_area > div {
        font-size: 8px;
    }
    .icon_meta::before {
        width: 10px;
        height: 10px;
    }
    .DateTime,
    .avatarNews {
        font-size: 12px;
    }
    .meta_author,
    .meta_date {
        display: flex;
        align-items: center;
    }
    h5.post-title.is-large {
        font-size: 15px !important;
    }
    .meta-schor {
        font-size: 12px !important;
        -webkit-line-clamp: 2 !important;
    }
    .responsive-form {
        padding: 10px 5px;
        border-radius: 5px;
    }
    .column-half {
        max-width: 50%;
    }
    .form_action {
        max-height: 250px !important;
    }
    .form-contact-opt {
        top: 200px;
        max-width: 90%;
        flex-basis: 90%;
    }
    ::placeholder {
        font-size: 12px;
    }
    .responsive-form .wpcf7-form-control.wpcf7-textarea {
        height: 70px;
        min-height: 70px;
    }
    .footer-row > div:nth-child(-n + 2) {
        max-width: 100%;
        flex-basis: 100%;
        padding: 0 10px 20px !important;
    }
    .footer-row > div:nth-child(n + 3) {
        max-width: 50%;
        flex-basis: 50%;
        padding: 0 10px 20px !important;
    }
    .footer-row div.img {
        width: 20% !important;
    }
    .footer-row {
        padding: 10px;
    }
    .lightbox-content {
        background-color: unset;
    }
    .header.has-transparent,
    .header.show-on-scroll,
    .header.transparent {
        position: unset;
        height: 60px;
    }
    .icon-menu::before {
        color: var(--color-df);
    }
    .off-canvas .nav-vertical > li > a {
        color: var(--color-df);
        font-weight: 500;
    }
    .archive #content,
    .blog #content,
    .page-services,
    #content.single-custom_air,
    #content.single-custom_cruise ,
    .single-post #content {
        padding: 15px;
    }
    .card {
        width: 47%;
        margin-left: 0;
        border-radius: 5px;
    }
    #lockfix-ss,
    .slider_duan {
        margin-left: -15px;
        margin-right: -15px;
    }
    .card__img,
    .card__img--hover {
        height: 170px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }
    .card__info {
        position: relative;
        padding: 5px 10px;
    }
    .card__title {
        font-size: 18px;
    }
    .card__by {
        font-size: 10px;
    }
    .slider_duan .img-quality {
        width: 50%;
        margin-left: 50px;
        text-align: center;
    }
    .slider_duan {
        height: 200px;
    }
    #header-nav,
    .custom-form .tab {
        float: left;
        display: flex !important;
        flex-wrap: nowrap;
        overflow-x: hidden;
    }
    #header-nav li,
    .custom-form .tab li {
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: auto;
    }
    #lockfix-ss .btn-collapse {
        display: block;
        margin-top: 0;
    }
    .custom-form .btn-collapse {
        display: block;
        right: 20px;
    }
    #lockfix {
        padding: 0 15px;
    }
    #content.single-custom_air,
    #content.single-custom_cruise  {
        padding-top: 0 !important;
    }
    .modal-image [data-tooltip]::before,
    .modal-img [data-tooltip]::before {
        content: none;
    }
    .image-create {
        width: 50% !important;
    }
    .slider_duan a img {
        height: auto;
    }
}
@media (min-width: 850px) and (max-width: 991px) {
	.single-custom_air .tab-content {
    padding-top: 50px;
}
    .who_are .section-content.relative,
    h5.post-title.is-large {
        height: unset !important;
    }
    .acf-img-slider,
    .property-gallery-slider.slider,
    .slider-section {
        height: 425px !important;
        overflow: hidden !important;
    }
    .transparent #logo img {
        max-height: 50px !important;
    }
    #masthead .flex-col.hide-for-medium.flex-right {
        max-width: 65%;
    }
    .text-about {
        max-width: 85%;
        flex-basis: 85%;
        font-size: 15px;
        margin-left: 10px;
        left: 0;
    }
    .right-zindex {
        bottom: -30px;
        position: absolute;
        right: 0;
        max-width: 60%;
        height: 200px;
        padding: 0;
        border-radius: 5px;
        overflow: hidden;
    }
    .box-who {
        padding-left: 10px;
        padding-bottom: 20px;
    }
    .service-box p,
    .share-tt h2,
    .text.who-we p {
        font-size: 2em;
    }
    .meta_view,
    .space__home {
        display: none !important;
    }
    .service-hover {
        min-height: unset !important;
    }
    .service-hover .col.small-6.large-12 {
        max-width: 100%;
        flex-basis: 100%;
    }
    .service-box {
        margin-top: 0;
    }
    .service-hover .box-image {
        width: 40% !important;
    }
    .row-service-cs > div {
        margin: 0 auto;
    }
    .row-service-cs > div:first-child {
        padding-top: 15px;
    }
    .post-left,
    .post-right {
        padding: 0 5px !important;
    }
    .post-left {
        padding-top: 5px !important;
    }
    .item__guide > div > div > div {
        padding-bottom: 0;
    }
    .post-right .post-item {
        padding: 5px;
    }
    .read_more_opt {
        display: none;
    }
    .card__category,
    .post-right .suppliers_area > div {
        font-size: 8px;
    }
    .icon_meta::before {
        width: 10px;
        height: 10px;
    }
    .DateTime,
    .avatarNews {
        font-size: 12fpx;
    }
    .meta_author,
    .meta_date {
        display: flex;
        align-items: center;
    }
    h5.post-title.is-large {
        font-size: 15px !important;
    }
    .meta-schor {
        font-size: 12px !important;
        -webkit-line-clamp: 2 !important;
    }
    .responsive-form {
        padding: 10px 5px;
        border-radius: 5px;
    }
    .column-half {
        max-width: 50%;
    }
    .form_action {
        max-height: 250px !important;
    }
    .form-contact-opt {
        top: 200px;
        max-width: 90%;
        flex-basis: 90%;
    }
    ::placeholder {
        font-size: 12px;
    }
    .responsive-form .wpcf7-form-control.wpcf7-textarea {
        height: 70px;
        min-height: 70px;
    }
    .footer-row > div:first-child {
        max-width: 100%;
        flex-basis: 100%;
        padding: 0 10px 20px !important;
    }
    .footer-row > div:nth-child(n + 2) {
        max-width: 50%;
        flex-basis: 50%;
        padding: 0 10px 20px !important;
    }
    .footer-row > div:last-child {
        position: absolute;
        right: 0;
        bottom: -55px;
    }
    .absolute-footer {
        text-align: center;
    }
    .absolute-footer .pull-left {
        float: none;
    }
    .footer-row div.img {
        width: 15% !important;
    }
    .footer-row {
        padding: 10px;
    }
    .lightbox-content {
        background-color: unset;
    }
    .icon-menu::before {
        color: var(--color-df);
    }
    .off-canvas .nav-vertical > li > a {
        color: var(--color-df);
        font-weight: 500;
    }
    .archive #content,
    .blog #content,
    .page-services,
    #content.single-custom_air,
    #content.single-custom_cruise ,
    .single-post #content {
        padding: 15px;
    }
    .card {
        width: 47%;
        margin-left: 0;
        border-radius: 5px;
    }
    #lockfix-ss,
    .slider_duan {
        margin-left: -15px;
        margin-right: -15px;
    }
    .card__img,
    .card__img--hover {
        height: 170px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }
    .card__info {
        position: relative;
        padding: 5px 10px;
    }
    .card__title {
        font-size: 18px;
    }
    .card__by {
        font-size: 10px;
    }
    .slider_duan .img-quality {
        width: 50%;
        margin-left: 50px;
        text-align: center;
    }
    .slider_duan {
        height: 200px;
    }
    #header-nav,
    .custom-form .tab {
        float: left;
        display: flex !important;
        flex-wrap: nowrap;
        overflow-x: hidden;
    }
    #header-nav li,
    .custom-form .tab li {
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: auto;
    }
    #lockfix-ss .btn-collapse {
        display: block;
        margin-top: 0;
    }
    .custom-form .btn-collapse {
        display: block;
        right: 20px;
    }
    #lockfix {
        padding: 0 15px;
    }
    #content.single-custom_air,
    #content.single-custom_cruise  {
        padding-top: 0 !important;
    }
    .modal-image [data-tooltip]::before,
    .modal-img [data-tooltip]::before {
        content: none;
    }
    #masthead #logo,
    #masthead .flex-col.hide-for-medium.flex-left.flex-grow {
        margin-left: 20px;
    }
    .image-create {
        width: 50% !important;
    }
    .slider_duan a img {
        height: auto;
    }
}
@media (min-width: 991px) and (max-width: 1280px) {
	.single-custom_air .tab-content {
    padding-top: 50px;
}
    #masthead #logo,
    #masthead .flex-col.hide-for-medium.flex-left.flex-grow,
    .text-about {
        margin-left: 20px;
    }
    .who_are {
        margin-bottom: 30px;
    }
    .acf-img-slider,
    .property-gallery-slider.slider,
    .slider-section {
        height: 500px !important;
        overflow: hidden !important;
    }
    .transparent #logo img {
        max-height: 50px !important;
    }
    #masthead .flex-col.hide-for-medium.flex-right {
        max-width: 65%;
    }
    .text-about {
        max-width: 85%;
        flex-basis: 85%;
        font-size: 18px;
        left: 0;
    }
    .right-zindex {
        bottom: -30px;
        position: absolute;
        right: 10px;
        max-width: 60%;
        height: 200px;
        padding: 0;
        border-radius: 5px;
        overflow: hidden;
    }
    .box-who {
        padding-left: 10px;
        padding-bottom: 20px;
    }
    .service-box p,
    .share-tt h2,
    .text.who-we p {
        font-size: 2em;
    }
    .who_are .section-content.relative {
        height: unset !important;
    }
    .meta_view,
    .space__home,
    .visible-lg,
    .visible-md,
    .visible-sm,
    .visible-xs {
        display: none !important;
    }
    .service-hover {
        min-height: 400px !important;
    }
    .service-hover .col.small-6.large-12 {
        max-width: 100%;
        flex-basis: 100%;
    }
    .service-box {
        margin-top: 0;
    }
    .service-hover .box-image {
        width: 40% !important;
    }
    .row-service-cs {
        height: 400px;
    }
    .row-service-cs > div {
        margin: 0 auto;
    }
    .row-service-cs > div:first-child {
        padding-top: 15px;
    }
    .post-left,
    .post-right {
        padding: 0 5px !important;
    }
    .post-left {
        padding-top: 5px !important;
    }
    .item__guide > div > div > div {
        padding-bottom: 0;
    }
    .post-right .post-item {
        padding: 5px;
    }
    .read_more_opt {
        display: none;
    }
    .card__category,
    .post-right .suppliers_area > div {
        font-size: 8px;
    }
    .icon_meta::before {
        width: 10px;
        height: 10px;
    }
    .DateTime,
    .avatarNews {
        font-size: 12fpx;
    }
    .meta_author,
    .meta_date {
        display: flex;
        align-items: center;
    }
    h5.post-title.is-large {
        font-size: 15px !important;
    }
    .meta-schor {
        font-size: 12px !important;
        -webkit-line-clamp: 2 !important;
    }
    .responsive-form {
        padding: 10px 5px;
        border-radius: 5px;
    }
    .column-half {
        max-width: 50%;
    }
    .form_action {
        max-height: 350px !important;
    }
    .form-contact-opt {
        top: 200px;
        max-width: 90%;
        flex-basis: 90%;
    }
    ::placeholder {
        font-size: 12px;
    }
    .responsive-form .wpcf7-form-control.wpcf7-textarea {
        height: 70px;
        min-height: 70px;
    }
    .absolute-footer {
        text-align: center;
    }
    .absolute-footer .pull-left {
        float: none;
    }
    .footer-row div.img {
        width: 65% !important;
    }
    .footer-row {
        padding: 10px;
    }
    .lightbox-content {
        background-color: unset;
    }
    .icon-menu::before {
        color: var(--color-df);
    }
    .off-canvas .nav-vertical > li > a {
        color: var(--color-df);
        font-weight: 500;
    }
    .archive #content,
    .blog #content,
    .page-services,
    #content.single-custom_air,
    #content.single-custom_cruise ,
    .single-post #content {
        padding: 15px;
    }
    .card {
        width: 32%;
        border-radius: 5px;
    }
    .card__img,
    .card__img--hover {
        height: 170px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }
    .card__info {
        position: relative;
        padding: 5px 10px;
    }
    .card__title {
        font-size: 18px;
    }
    .card__by {
        font-size: 10px;
    }
    .slider_duan .img-quality {
        width: 50%;
        margin-left: 50px;
        text-align: center;
    }
    #lockfix-ss,
    .slider_duan {
        margin-left: -15px;
        margin-right: -15px;
    }
    #header-nav,
    .custom-form .tab {
        float: left;
        display: flex !important;
        flex-wrap: nowrap;
        overflow-x: hidden;
    }
    #header-nav li,
    .custom-form .tab li {
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: auto;
    }
    #lockfix {
        padding: 0 15px;
    }
    #content.single-custom_air,
    #content.single-custom_cruise  {
        padding-top: 0 !important;
    }
    .slider_duan .total_count {
        width: 40%;
    }
}
@media (min-width: 1280px) {
    .service-box {
        margin-top: 0;
    }
    .row-service-cs > div:nth-child(n + 2) {
        padding-bottom: 0;
    }
}
.alert-wrapper {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    padding: 0 auto;
    left: 0;
    top: 0;
    overflow: hidden;
    position: fixed;
    background: rgb(0, 0, 0, 0.3);
    z-index: 999999;
}
@keyframes open-frame {
    0%,
    100% {
        transform: scale(1);
    }
    25% {
        transform: scale(0.95);
    }
    50% {
        transform: scale(0.97);
    }
    75% {
        transform: scale(0.93);
    }
}
.alert-frame {
    background: #fff;
    min-height: 200px;
    width: 300px;
    box-shadow: 5px 5px 10px rgb(0, 0, 0, 0.2);
    border-radius: 10px;
    animation: 0.3s linear open-frame;
}
.alert-header {
    display: flex;
    flex-direction: row;
    height: 120px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.alert-img {
    height: 80px;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    align-self: center;
}
.alert-close,
.alert-close-circle {
    width: 30px;
    height: 30px;
    font-family: Dosis, sans-serif;
    line-height: 30px;
    margin-left: auto;
    display: flex;
    font-weight: 700;
}
.alert-close {
    color: rgb(0, 0, 0, 0.2);
    align-items: center;
    justify-content: center;
    font-size: 16px;
    cursor: pointer;
    transition: color 0.5s;
    margin-right: 5px;
    margin-top: 5px;
}
.alert-button,
.alert-close-circle {
    cursor: pointer;
    transition: background 0.5s;
}
.alert-close-circle {
    background: #e4eae7;
    color: #222;
    align-items: center;
    justify-content: center;
    border-radius: 17.5px;
    margin-top: -15px;
    margin-right: -15px;
    font-size: 12px;
}
.alert-close:hover,
.toast-close:hover {
    color: rgb(0, 0, 0, 0.5);
}
.alert-body {
    padding: 30px;
    display: flex;
    flex-direction: column;
}
.alert-title {
    font-size: 18px !important;
    font-family: "Open Sans", sans-serif;
    font-weight: 700;
    margin-bottom: 35px;
    color: #222;
    align-self: center;
}
.alert-button,
.alert-message {
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    align-self: center;
}
.alert-message {
    font-size: 15px !important;
    color: #666;
    margin-bottom: 35px;
    line-height: 1.6;
}
.alert-button {
    min-width: 140px;
    height: 35px;
    border-radius: 20px;
    font-size: 15px;
    color: #fff;
    border: none;
    padding: 0 15px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.alert-button:focus,
.cancel-button:focus,
.confirm-button:focus {
    outline: 0;
}
.question-buttons {
    display: flex;
    flex-direction: row;
    justify-content: center;
}
.cancel-button,
.confirm-button {
    height: 35px;
    font-weight: 400;
    font-size: 15px;
    padding: 0 15px;
    transition: background 0.5s;
    display: inline-flex;
    align-items: center;
    min-width: 100px;
    font-family: "Open Sans", sans-serif;
    color: #fff;
    cursor: pointer;
}
.confirm-button {
    border-radius: 20px;
    border: none;
    margin-right: 10px;
    justify-content: center;
}
.cancel-button {
    border-radius: 20px;
    border: none;
    line-height: 1.6;
    justify-content: center;
}
@keyframes open-toast {
    0%,
    100% {
        transform: scaleX(1) scaleY(1);
    }
    20%,
    45% {
        transform: scaleX(1.35) scaleY(0.1);
    }
    65% {
        transform: scaleX(0.8) scaleY(1.7);
    }
    80% {
        transform: scaleX(0.6) scaleY(0.85);
    }
}
.toast-container {
    top: 15px;
    right: 15px;
    overflow: hidden;
    position: fixed;
    border-radius: 5px;
    box-shadow: 0 0 20px rgb(0, 0, 0, 0.2);
    animation: 0.3s linear open-toast;
    z-index: 999999;
}
.toast-frame {
    padding: 5px 15px;
    display: flex;
    min-width: 100px;
    height: 60px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    align-items: center;
    flex-wrap: wrap;
}
.toast-img {
    height: 40px;
}
.toast-message {
    font-size: 14px !important;
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    color: #fff;
    margin-left: 15px;
}
.toast-close {
    color: rgb(0, 0, 0, 0.2);
    font-family: Dosis, sans-serif;
    font-weight: 700;
    font-size: 16px;
    cursor: pointer;
    transition: color 0.5s;
    margin-left: 25px;
}
@keyframes timer {
    0% {
        width: 100%;
    }
    25% {
        width: 75%;
    }
    50% {
        width: 50%;
    }
    75% {
        width: 25%;
    }
    100% {
        width: 1%;
    }
}
.toast-timer {
    width: 1%;
    height: 5px;
}
.error-bg {
    background: #d85261;
}
.success-bg {
    background: #2dd284;
}
.warning-bg {
    background: #fada5e;
}
.question-bg {
    background: #779ecb;
}
.error-btn:hover,
.error-timer {
    background: #e5a4b4;
}
.success-btn:hover,
.success-timer {
    background: #6edaa4;
}
.warning-btn:hover,
.warning-timer {
    background: #fcecae;
}
.info-btn:hover,
.info-timer {
    background: #c3e6fb;
}
.question-btn:hover {
    background: #bacee4;
}
.info-bg {
    background: #88cef7;
}
/*FancyBox*/
body.compensate-for-scrollbar {
    overflow: hidden;
}
.fancybox-active {
    height: auto;
}
.fancybox-is-hidden {
    left: -9999px;
    margin: 0;
    position: absolute !important;
    top: -9999px;
    visibility: hidden;
}
.fancybox-container {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
    height: 100%;
    left: 0;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    width: 100%;
    z-index: 99992;
}
.fancybox-container * {
    box-sizing: border-box;
}
.fancybox-bg,
.fancybox-inner,
.fancybox-outer,
.fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
}
.fancybox-bg {
    background: #1e1e1e;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
}
.fancybox-is-open .fancybox-bg {
    /* opacity: 0.87; */
    transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
}
.fancybox-caption,
.fancybox-infobar,
.fancybox-navigation .fancybox-button,
.fancybox-toolbar {
    direction: ltr;
    opacity: 1;
    position: absolute;
    transition: opacity 0.25s, visibility 0s linear 0.25s;
    z-index: 99997;
}
.fancybox-show-caption .fancybox-caption,
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-nav .fancybox-navigation .fancybox-button,
.fancybox-show-toolbar .fancybox-toolbar {
    opacity: 1;
    transition: opacity 0.25s, visibility 0s;
    visibility: visible;
}
.fancybox-infobar {
    color: #ccc;
    font-size: 13px;
    -webkit-font-smoothing: subpixel-antialiased;
    height: 44px;
    left: 0;
    line-height: 44px;
    min-width: 44px;
    mix-blend-mode: difference;
    padding: 0 10px;
    pointer-events: none;
    text-align: center;
    top: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.fancybox-toolbar {
    right: 0;
    top: 0;
}
.fancybox-stage {
    direction: ltr;
    overflow: visible;
    -webkit-transform: translateZ(0);
    z-index: 99994;
}
.fancybox-is-open .fancybox-stage {
    overflow: hidden;
}
.fancybox-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: none;
    height: 100%;
    left: 0;
    outline: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: absolute;
    text-align: center;
    top: 0;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    white-space: normal;
    width: 100%;
    z-index: 99994;
}
.fancybox-slide:before {
    content: "";
    display: inline-block;
    height: 100%;
    margin-right: -0.25em;
    vertical-align: middle;
    width: 0;
}
.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--current,
.fancybox-slide--next,
.fancybox-slide--previous {
    display: block;
}
.fancybox-slide--next {
    z-index: 99995;
}
.fancybox-slide--image {
    overflow: visible;
    padding: 44px 0;
}
.fancybox-slide--image:before {
    display: none;
}
.fancybox-slide--html {
    padding: 6px 6px 0;
}
.fancybox-slide--iframe {
    padding: 44px 44px 0;
}
.fancybox-content {
    background: #fff;
    display: inline-block;
    margin: 0 0 6px;
    max-width: 100%;
    overflow: auto;
    padding: 0;
    padding: 24px;
    position: relative;
    text-align: left;
    vertical-align: middle;
}
.fancybox-slide--image .fancybox-content {
    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
    animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: transparent;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    margin: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 99995;
}
.fancybox-can-zoomOut .fancybox-content {
    cursor: zoom-out;
}
.fancybox-can-zoomIn .fancybox-content {
    cursor: zoom-in;
}
.fancybox-can-drag .fancybox-content {
    cursor: -webkit-grab;
    cursor: grab;
}
.fancybox-is-dragging .fancybox-content {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}
.fancybox-container [data-selectable="true"] {
    cursor: text;
}
.fancybox-image,
.fancybox-spaceball {
    background: transparent;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
}
.fancybox-spaceball {
    z-index: 1;
}
.fancybox-slide--html .fancybox-content {
    margin-bottom: 6px;
}
.fancybox-slide--iframe .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--video .fancybox-content {
    height: 100%;
    margin: 0;
    overflow: visible;
    padding: 0;
    width: 100%;
}
.fancybox-slide--video .fancybox-content {
    background: #000;
}
.fancybox-slide--map .fancybox-content {
    background: #e5e3df;
}
.fancybox-slide--iframe .fancybox-content {
    background: #fff;
    height: calc(100% - 44px);
    margin-bottom: 44px;
}
.fancybox-iframe,
.fancybox-video {
    background: transparent;
    border: 0;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
.fancybox-iframe {
    vertical-align: top;
}
.fancybox-error {
    background: #fff;
    cursor: default;
    max-width: 400px;
    padding: 40px;
    width: 100%;
}
.fancybox-error p {
    color: #444;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 0;
}
.fancybox-button {
    background: rgba(30, 30, 30, 0.6);
    border: 0;
    border-radius: 0;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    outline: none;
    padding: 10px;
    transition: color 0.2s;
    vertical-align: top;
    width: 44px;
}
.fancybox-button,
.fancybox-button:link,
.fancybox-button:visited {
    color: #ccc;
}
.fancybox-button:focus,
.fancybox-button:hover {
    color: #fff;
}
.fancybox-button.disabled,
.fancybox-button.disabled:hover,
.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
    color: #888;
    cursor: default;
}
.fancybox-button svg {
    display: block;
    overflow: visible;
    position: relative;
    shape-rendering: geometricPrecision;
}
.fancybox-button svg path {
    fill: transparent;
    stroke: currentColor;
    stroke-linejoin: round;
    stroke-width: 3;
}
.fancybox-button--pause svg path:nth-child(1),
.fancybox-button--play svg path:nth-child(2) {
    display: none;
}
.fancybox-button--play svg path,
.fancybox-button--share svg path,
.fancybox-button--thumbs svg path {
    fill: currentColor;
}
.fancybox-button--share svg path {
    stroke-width: 1;
}
.fancybox-navigation .fancybox-button {
    background-clip: content-box;
    height: 100px;
    opacity: 0;
    position: absolute;
    top: calc(50% - 50px);
    width: 70px;
}
.fancybox-show-nav .fancybox-navigation .fancybox-button {
    transition: opacity 0.25s, visibility 0s, color 0.25s;
}
.fancybox-navigation .fancybox-button:after {
    content: "";
    left: -25px;
    padding: 50px;
    position: absolute;
    top: -25px;
}
.fancybox-navigation .fancybox-button--arrow_left {
    left: 0;
    left: env(safe-area-inset-left);
    padding: 31px 26px 31px 6px;
}
.fancybox-navigation .fancybox-button--arrow_right {
    padding: 31px 6px 31px 26px;
    right: 0;
    right: env(safe-area-inset-right);
}
.fancybox-close-small {
    background: transparent;
    border: 0;
    border-radius: 0;
    color: #555;
    cursor: pointer;
    height: 44px;
    margin: 0;
    padding: 6px;
    position: absolute;
    right: 0;
    top: 0;
    width: 44px;
    z-index: 10;
}
.fancybox-close-small svg {
    fill: transparent;
    opacity: 0.8;
    stroke: currentColor;
    stroke-width: 1.5;
    transition: stroke 0.1s;
}
.fancybox-close-small:focus {
    outline: none;
}
.fancybox-close-small:hover svg {
    opacity: 1;
}
.fancybox-slide--iframe .fancybox-close-small,
.fancybox-slide--image .fancybox-close-small,
.fancybox-slide--video .fancybox-close-small {
    color: #ccc;
    padding: 5px;
    right: -12px;
    top: -44px;
}
.fancybox-slide--iframe .fancybox-close-small:hover svg,
.fancybox-slide--image .fancybox-close-small:hover svg,
.fancybox-slide--video .fancybox-close-small:hover svg {
    background: transparent;
    color: #fff;
}
.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small {
    display: none;
}
.fancybox-caption {
    bottom: 0;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 25px 44px;
    right: 0;
}
.fancybox-caption:before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAEtCAQAAABjBcL7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHRJREFUKM+Vk8EOgDAIQ0vj/3+xBw8qIZZueFnIKC90MCAI8DlrkHGeqqGIU6lVigrBtpCWqeRWoHDNqs0F7VNVBVxmHRlvoVqjaYkdnDIaivH2HqZ5+oZj3JUzWB+cOz4G48Bg+tsJ/tqu4dLC/4Xb+0GcF5BwBC0AA53qAAAAAElFTkSuQmCC);
    background-repeat: repeat-x;
    background-size: contain;
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: -25px;
    z-index: -1;
}
.fancybox-caption:after {
    border-bottom: 1px solid hsla(0, 0%, 100%, 0.3);
    content: "";
    display: block;
    left: 44px;
    position: absolute;
    right: 44px;
    top: 0;
}
.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
    color: #ccc;
    text-decoration: none;
}
.fancybox-caption a:hover {
    color: #fff;
    text-decoration: underline;
}
.fancybox-loading {
    -webkit-animation: a 0.8s infinite linear;
    animation: a 0.8s infinite linear;
    background: transparent;
    border: 6px solid hsla(0, 0%, 39%, 0.5);
    border-radius: 100%;
    border-top-color: #fff;
    height: 60px;
    left: 50%;
    margin: -30px 0 0 -30px;
    opacity: 0.6;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 60px;
    z-index: 99999;
}
@-webkit-keyframes a {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
@keyframes a {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
.fancybox-animated {
    transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
}
.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}
.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}
.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.fancybox-fx-fade.fancybox-slide--next,
.fancybox-fx-fade.fancybox-slide--previous {
    opacity: 0;
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1;
}
.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: scale3d(1.5, 1.5, 1.5);
    transform: scale3d(1.5, 1.5, 1.5);
}
.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: scale3d(0.5, 0.5, 0.5);
    transform: scale3d(0.5, 0.5, 0.5);
}
.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}
.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: rotate(-1turn);
    transform: rotate(-1turn);
}
.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
}
.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}
.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
    transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
}
.fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
    transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
}
.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: scaleX(1) translateZ(0);
    transform: scaleX(1) translateZ(0);
}
.fancybox-fx-tube.fancybox-slide--previous {
    -webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
    transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
}
.fancybox-fx-tube.fancybox-slide--next {
    -webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
    transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
}
.fancybox-fx-tube.fancybox-slide--current {
    -webkit-transform: translateZ(0) scale(1);
    transform: translateZ(0) scale(1);
}
.fancybox-share {
    background: #f4f4f4;
    border-radius: 3px;
    max-width: 90%;
    padding: 30px;
    text-align: center;
}
.fancybox-share h1 {
    color: #222;
    font-size: 35px;
    font-weight: 700;
    margin: 0 0 20px;
}
.fancybox-share p {
    margin: 0;
    padding: 0;
}
.fancybox-share__button {
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 5px 10px;
    min-width: 130px;
    padding: 0 15px;
    text-decoration: none;
    transition: all 0.2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
}
.fancybox-share__button:link,
.fancybox-share__button:visited {
    color: #fff;
}
.fancybox-share__button:hover {
    text-decoration: none;
}
.fancybox-share__button--fb {
    background: #3b5998;
}
.fancybox-share__button--fb:hover {
    background: #344e86;
}
.fancybox-share__button--pt {
    background: #bd081d;
}
.fancybox-share__button--pt:hover {
    background: #aa0719;
}
.fancybox-share__button--tw {
    background: #1da1f2;
}
.fancybox-share__button--tw:hover {
    background: #0d95e8;
}
.fancybox-share__button svg {
    height: 25px;
    margin-right: 7px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 25px;
}
.fancybox-share__button svg path {
    fill: #fff;
}
.fancybox-share__input {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 14px;
    margin: 10px 0 0;
    outline: none;
    padding: 10px 15px;
    width: 100%;
}
.fancybox-thumbs {
    background: #fff;
    bottom: 0;
    display: none;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 2px 2px 4px;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    width: 212px;
    z-index: 99995;
}
.fancybox-thumbs-x {
    overflow-x: auto;
    overflow-y: hidden;
}
.fancybox-show-thumbs .fancybox-thumbs {
    display: block;
}
.fancybox-show-thumbs .fancybox-inner {
    right: 212px;
}
.fancybox-thumbs > ul {
    font-size: 0;
    height: 100%;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    position: relative;
    white-space: nowrap;
    width: 100%;
}
.fancybox-thumbs-x > ul {
    overflow: hidden;
}
.fancybox-thumbs-y > ul::-webkit-scrollbar {
    width: 7px;
}
.fancybox-thumbs-y > ul::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.fancybox-thumbs-y > ul::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px;
}
.fancybox-thumbs > ul > li {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    cursor: pointer;
    float: left;
    height: 75px;
    margin: 2px;
    max-height: calc(100% - 8px);
    max-width: calc(50% - 4px);
    outline: none;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    width: 100px;
}
.fancybox-thumbs-loading {
    background: rgba(0, 0, 0, 0.1);
}
.fancybox-thumbs > ul > li {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
}
.fancybox-thumbs > ul > li:before {
    border: 4px solid #4ea7f9;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    z-index: 99991;
}
.fancybox-thumbs .fancybox-thumbs-active:before {
    opacity: 1;
}
@media (max-width: 800px) {
    .fancybox-thumbs {
        width: 110px;
    }
    .fancybox-show-thumbs .fancybox-inner {
        right: 110px;
    }
    .fancybox-thumbs > ul > li {
        max-width: calc(100% - 10px);
    }
}
.fancybox-container {
    z-index: 999999 !important;
}
.fancybox-custom .fancybox-bg {
    background: #000;
}
@media (min-width: 991px) {
    .fancybox-custom .fancybox-stage {
        width: calc(100% - 300px);
        right: 0 !important;
    }
    .fancybox-custom .fancybox-caption::before {
        display: none;
    }
    .fancybox-custom .fancybox-caption {
        background: #000;
        bottom: 0;
        font-size: 14px;
        color: #ffffff !important;
        pointer-events: all;
        left: auto;
        padding: 100px 20px 30px;
        right: 44px;
        top: 0;
        border-left: 1px solid #dddddd47;
        width: 256px;
        text-align: left !important;
        height: auto;
    }
    .fancybox-custom .fancybox-caption p {
        color: #ffffff !important;
    }
    .fancybox-custom .fancybox-bg {
        opacity: 1;
    }
    .fancybox-custom.fancybox-show-thumbs .fancybox-thumbs-y {
        width: 104px;
    }
    .fancybox-custom .fancybox-thumbs-y {
        background: black !important;
        border-left: 1px solid #dddddd47;
    }
    .fancybox-custom .fancybox-thumbs__list li {
        max-width: calc(100% - 4px);
        opacity: 0.5;
    }
    .fancybox-custom.fancybox-show-thumbs .fancybox-inner {
        right: 104px;
    }
    .fancybox-custom .fancybox-button {
        background: transparent;
        background-clip: border-box;
    }
}
.fancybox-custom .fancybox-toolbar {
    background: #000;
    bottom: 0;
    left: auto;
    right: 0;
    top: 0;
    width: 44px;
}

.fancybox-custom .fancybox-thumbs__list {
    font-size: 0;
    height: 100%;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    position: relative;
    white-space: nowrap;
    width: 100%;
}
.fancybox-custom .fancybox-thumbs__list li {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: rgba(0, 0, 0, 0.1);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    float: left;
    height: 75px;
    margin: 2px;
    outline: none;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    width: 100px;
}
.fancybox-custom .fancybox-thumbs__list li::before {
    border: 6px solid #ff5268;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    z-index: 99991;
}
.fancybox-custom .fancybox-thumbs__list li::before {
    content: none !important;
}
.fancybox-custom .fancybox-thumbs__list {
    font-size: 0;
    list-style: none;
    white-space: nowrap;
}

@media (max-width: 768px) {
    .fancybox-toolbar {
        position: relative;
        float: right;
    }
}


/*Phone contact*/

/*@media (min-width: 992px){
     .fab-wrapper{
         display: none !important;
     }
 }*/

.fab-wrapper {
    position: fixed;
    bottom: 20%;
    right: 30px;
    z-index: 9999999;
}

.fab-checkbox {
    display: none !important;
}

.fab-checkbox:checked ~ .devvn_bg {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 1;
}

.fab {
    width: 60px;
    max-width: unset;
    height: 60px;
    display: flex !important;
    justify-content: center;
    align-items: center;
    margin: 0;
    border-radius: 50%;
    background: var(--color-df);
    box-shadow: 0 3px 6px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%);
    position: absolute;
    right: 10px;
    bottom: 10px;
    z-index: 1000;
    overflow: hidden;
    transform: rotate(
            0deg
    );
    -webkit-transition: all .15s cubic-bezier(.15, .87, .45, 1.23);
    transition: all .15s cubic-bezier(.15, .87, .45, 1.23);
}

.fab-checkbox:checked ~ .fab {
    transform: rotate(
            90deg
    );
    -webkit-transition: all .15s cubic-bezier(.15, .87, .45, 1.23);
    transition: all .15s cubic-bezier(.15, .87, .45, 1.23);
}

[class*=icon-cps-] {
    display: inline-block;
    vertical-align: middle;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAwAAAACECAQAAACNQYRWAAAACXBIWXMAAAsTAAALEwEAmpwYAAALHWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNi4wLWMwMDIgNzkuMTY0NDYwLCAyMDIwLzA1LzEyLTE2OjA0OjE3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjIgKFdpbmRvd3MpIiB4bXA6Q3JlYXRlRGF0ZT0iMjAyMS0wMi0yNlQyMjo0Mjo1NyswNzowMCIgeG1wOk1vZGlmeURhdGU9IjIwMjEtMDItMjdUMTA6MDA6MDcrMDc6MDAiIHhtcDpNZXRhZGF0YURhdGU9IjIwMjEtMDItMjdUMTA6MDA6MDcrMDc6MDAiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIxIiBwaG90b3Nob3A6SUNDUHJvZmlsZT0iRG90IEdhaW4gMjAlIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOmNjNmQ1OGI1LWY1NmMtYjU0NS1hZmIzLTIzMjZkNDE3NzE3NSIgeG1wTU06RG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjJjZmJmOGYxLTM0OGMtMzI0MS1hZWI4LTNkMGIxMTZjNWU5NiIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjFiMjQ1MWY3LTRmODYtNWU0OC04MzQwLTlkYzljMWI3MTE1MyI+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNyZWF0ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6MWIyNDUxZjctNGY4Ni01ZTQ4LTgzNDAtOWRjOWMxYjcxMTUzIiBzdEV2dDp3aGVuPSIyMDIxLTAyLTI2VDIyOjQyOjU3KzA3OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjEuMiAoV2luZG93cykiLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjU2ZTJkMjJlLTg3NWMtODY0NC05YzlmLWRhZWUzYjg0NWQ4ZCIgc3RFdnQ6d2hlbj0iMjAyMS0wMi0yN1QwOTo1OTo1NCswNzowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDIxLjIgKFdpbmRvd3MpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjb252ZXJ0ZWQiIHN0RXZ0OnBhcmFtZXRlcnM9ImZyb20gaW1hZ2UvcG5nIHRvIGFwcGxpY2F0aW9uL3ZuZC5hZG9iZS5waG90b3Nob3AiLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImRlcml2ZWQiIHN0RXZ0OnBhcmFtZXRlcnM9ImNvbnZlcnRlZCBmcm9tIGltYWdlL3BuZyB0byBhcHBsaWNhdGlvbi92bmQuYWRvYmUucGhvdG9zaG9wIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDo5ODZjZmUzMS01ZmFhLTI1NDUtOTRjNC0wODgyM2NlOTVlYmMiIHN0RXZ0OndoZW49IjIwMjEtMDItMjdUMDk6NTk6NTQrMDc6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyMS4yIChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6NzE3NmI3ZDEtYjRkYS00ZjRkLTk1YTQtOGY4OGZjNmUzYTkyIiBzdEV2dDp3aGVuPSIyMDIxLTAyLTI3VDEwOjAwOjA3KzA3OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjEuMiAoV2luZG93cykiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNvbnZlcnRlZCIgc3RFdnQ6cGFyYW1ldGVycz0iZnJvbSBhcHBsaWNhdGlvbi92bmQuYWRvYmUucGhvdG9zaG9wIHRvIGltYWdlL3BuZyIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iZGVyaXZlZCIgc3RFdnQ6cGFyYW1ldGVycz0iY29udmVydGVkIGZyb20gYXBwbGljYXRpb24vdm5kLmFkb2JlLnBob3Rvc2hvcCB0byBpbWFnZS9wbmciLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOmNjNmQ1OGI1LWY1NmMtYjU0NS1hZmIzLTIzMjZkNDE3NzE3NSIgc3RFdnQ6d2hlbj0iMjAyMS0wMi0yN1QxMDowMDowNyswNzowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDIxLjIgKFdpbmRvd3MpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3MTc2YjdkMS1iNGRhLTRmNGQtOTVhNC04Zjg4ZmM2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) !important;
    background-repeat: no-repeat;
    background-size: 453px;
}

.icon-cps-fab-menu {
    width: 50px;
    height: 50px;
    margin: 0 !important;
    background-size: 694px;
    background-position: -649px 0;
}

.fab-checkbox:checked ~ .fab .icon-cps-fab-menu {
    width: 30px;
    height: 30px;
    margin: 0;
    background-size: 615px;
    background-position: -291px -70px;
}

.fab-wheel {
    width: 300px;
    height: 220px;
    position: absolute;
    bottom: 15px;
    right: 15px;
    transform: scale(0);
    transform-origin: bottom right;
    transition: all .3s ease;
    z-index: 12;
}

.fab-checkbox:checked ~ .fab-wheel {
    transform: scale(1);
}

.fab-wheel .fab-action {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    position: absolute;
    text-decoration: none;
}

.fab-wheel .fab-action-1 {
    top: 0;
    right: 0;
}

.fab-title {
    float: left;
    margin: 0 5px 0 0;
    opacity: 0;
}

.fab-checkbox:checked ~ .fab-wheel .fab-title {
    opacity: 1;
}

.fab-button {
    width: 45px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    float: left;
    padding: 4px;
    border-radius: 50%;
    background: #0f1941;
    box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
    font-size: 24px;
    color: White;
    transition: all 1s ease;
    overflow: hidden;
}

.icon-cps-local {
    width: 28px;
    height: 28px;
    background-position: 0px -49px;
}

.fab-wheel .fab-button-1 {
    background: #dd5145;
}

.fab-wheel .fab-action-2 {
    top: 40px;
    left: 85px;
}

.fab-wheel .fab-button-2 {
    background: #fb0;
}

.icon-cps-phone {
    width: 28px;
    height: 28px;
    background-position: -51px -49px;
}

.fab-wheel .fab-action-3 {
    left: 50px;
    bottom: 70px;
}

.fab-wheel .fab-button-3 {
    background: #0f9d58;
}

.icon-cps-chat {
    width: 30px;
    height: 30px;
    background-position: -369px 0px;
}

.fab-wheel .fab-action-4 {
    left: 0;
    bottom: 0;
}

.fab-wheel .fab-button-4 {
    background: #2f82fc;
}

.icon-cps-chat-zalo {
    width: 30px;
    height: 30px;
    background-position: -362px -1px;
    background-size: 515px;
}

.suggestions-chat-box {
    min-width: 140px;
    min-height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #1d72e0;
    border-radius: 10px;
    background: #277cea;
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%);
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    position: fixed;
    right: 80px;
    bottom: 7%;
    z-index: 11;
}

.hidden {
    display: none !important;
}

.align-items-center {
    -ms-flex-align: center !important;
    align-items: center !important;
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}

.suggestions-chat-box #btnClose {
    position: absolute;
    top: 2px;
    left: 2px;
}

i.icon-cps-face {
    width: 28px;
    height: 28px;
    background-position: -177px 0px;
}

.fab-checkbox:not(:checked) ~ .fab {
    animation-name: zoom;
    -webkit-animation-name: zoom;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    cursor: pointer;
    box-shadow: 0 0 0 0 #c31d1d;
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    10%, 20% {
        -webkit-transform: scale(.9) rotate(-3deg);
        transform: scale(.9) rotate(-3deg)
    }

    30%, 50%, 70%, 90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg)
    }

    40%, 60%, 80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg)
    }

    100% {
        -webkit-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0)
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

    10%, 20% {
        -webkit-transform: scale(.9) rotate(-3deg);
        -ms-transform: scale(.9) rotate(-3deg);
        transform: scale(.9) rotate(-3deg)
    }

    30%, 50%, 70%, 90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        -ms-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg)
    }

    40%, 60%, 80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        -ms-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg)
    }

    100% {
        -webkit-transform: scale(1) rotate(0);
        -ms-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0)
    }
}

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

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

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

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

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

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