input,
textarea,
button,
select {
    font-family: inherit;
}

/* UPDATE */
.main-navigation .sub-menu .menu-item {
    width: 100%;
    max-width: 100%;
}

.main-navigation .sub-menu .menu-item a {
    max-width: 100%;
    margin: 5px 0;
}

.site-content-contain {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 100vh;
    min-height: 100dvh;
    min-height: 100lvh;
}

.site-content-contain>#content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.sub-navigation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 24px;
    -moz-column-gap: 24px;
    column-gap: 24px;
    row-gap: 10px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.main-navigation .menu-button-style-outline>a,
.main-navigation .menu-button-style-solid>a {
    padding: 10px 12px;
    border-radius: 4px;
    white-space: nowrap;
}

.main-navigation .menu-button-style-solid>a {
    background-color: var(--og-primary) !important;
    color: var(--og-primary-text) !important;
}

.main-navigation .menu-button-style-solid>a:hover {
    background-color: var(--og-primary-600) !important;
    color: var(--og-primary-text) !important;
}

.main-navigation .menu-button-style-outline>a {
    border: 1px solid var(--og-primary-600) !important;
}

.main-navigation .menu-button-style-outline>a:hover {
    border-color: var(--og-primary-600) !important;
}

.home-nav .main-navigation .menu-button-style-outline>a {
    border: 1px solid var(--og-primary-600) !important;
}

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

    .main-navigation .menu-button-style-outline>a,
    .main-navigation .menu-button-style-solid>a {
        max-width: 100%;
    }

    .main-navigation .menu-button-style-solid>a {
        color: var(--og-primary-text) !important;
    }
}

@media screen and (min-width: 48em) {

    .main-navigation ul li.menu-style-isbutton:hover>ul,
    .main-navigation ul li.menu-style-isbutton.focus>ul {
        left: auto;
        /* right: 0.5em; */
        right: 0;
    }
}

.main-navigation ul li.menu-item-has-children.menu-style-isbutton:before,
.main-navigation ul li.menu-item-has-children.menu-style-isbutton:after,
.main-navigation ul li.page_item_has_children.menu-style-isbutton:before,
.main-navigation ul li.page_item_has_children.menu-style-isbutton:after {
    left: auto;
    right: 20px;
}

@media screen and (min-width: 48em) {
    .js .main-navigation>.menu-mainmenu-en-container>ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .js .main-navigation>.menu-mainmenu-en-container>ul ul {
        display: block;
    }

    .js .main-navigation>.menu-mainmenu-en-container>ul ul li a {
        padding: 15px 0;
    }
}

.main-navigation a {
    margin: 0 !important;
}

#top-menu {
    padding: 5px 20px 15px 20px;
    gap: 12px;
}

.js .main-navigation.toggled-on>div>ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media screen and (min-width: 768px) {
    #top-menu {
        padding: 5px 20px 5px 0;
    }
}

@media screen and (min-width: 992px) {
    #top-menu {
        gap: 16px;
    }

    .main-navigation .menu-button-style-outline>a,
    .main-navigation .menu-button-style-solid>a {
        padding: 10px 16px;
    }
}

@media screen and (min-width: 1200px) {
    #top-menu {
        gap: 20px;
    }

    .main-navigation .menu-button-style-outline>a,
    .main-navigation .menu-button-style-solid>a {
        padding: 10px 20px;
    }
}

.dropdown-toggle:hover,
.dropdown-toggle:focus {
    background: transparent !important;
}

footer {
    padding-top: 56px;
}

.footer-form-box {
    -webkit-box-shadow: 0px 24px 32px 8px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 24px 32px 8px rgba(0, 0, 0, 0.05);
}

.wpforms-field-limit-text {
    display: none;
}

.footer-copyright-text {
    border-top: 1px solid #4e5360;
}

.footer-top-bg-area {
    height: 57.5%;
    z-index: 10;
}

.footer-top-bg-inner {
    width: 100%;
    height: 100%;
}

.footer-top-bg-inner:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background-image: -o-linear-gradient(45deg, #000000, rgb(181 165 80 / 25%));
    background-image: linear-gradient(45deg, #000000, rgb(181 165 80 / 25%));
    mix-blend-mode: multiply;
    opacity: 0.65;
}

.phone-vr-img-circle a {
    width: 100%;
}

.fixed-languages {
    position: fixed;
    z-index: 9999999;
    right: 15px;
    bottom: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.fixed-languages select {
    background: var(--gray-900);
    height: auto;
    font-size: 12px;
    line-height: 1.4;
    color: var(--white);
    border: 1px solid var(--gray-900);
    text-transform: uppercase;
    width: 40px;
    height: 40px;
    text-align: center;
    -webkit-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
    cursor: pointer;
    border-radius: 9999px;
}

#button-contact-vr {
    bottom: 44px !important;
}

.fixed-languages select:hover,
.fixed-languages select:focus {
    color: var(--white);
    border-color: var(--gray-900);
}

.fixed-languages select option {
    background: var(--gray-main);
    color: #fff;
}

.ratio-thumb-overlay:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--gray-950);
    z-index: 2;
    opacity: 0.5;
    pointer-events: none;
    -webkit-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
}

.hover-box-image img {
    -webkit-transition: all 8s linear;
    -o-transition: all 8s linear;
    transition: all 8s linear;
}

.hover-box-image:hover img {
    -webkit-transform: scale(1.4);
    transform: scale(1.4);
}

.hover-box-image:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #111;
    opacity: 0.4;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.hover-box-image:hover:after {
    opacity: 1;
    background: rgba(0, 0, 0, 0.25);
    border: 10px solid #a0a0a0;
    -webkit-transition: 0.3s linear;
    -o-transition: 0.3s linear;
    transition: 0.3s linear;
    border-width: 20px;
}

.home-hero .ratio-thumb {
    height: calc(100vh - 90px - 90px);
    min-height: 550px;
}

.admin-bar .home-hero .ratio-thumb {
    height: calc(100vh - 90px - 90px - 32px);
}


.fancybox__backdrop {
    background: rgba(0, 0, 0, 0.6);
}

.fancybox__html5video,
.fancybox__iframe {
    margin: 0;
}

.fancybox__content {
    padding: 24px;
}

.fancybox__container {
    z-index: 9999999;
}

.v-line {
    height: 36px;
    width: 1px;
    background: var(--gray-main);
    opacity: 0.5;
}



.home-cta {
    border-bottom: 1px solid #ebebeb;
    background: #fff;
}

.image-row-item img {
    --image-row-item-width: min(100%, 220px);
    max-width: var(--image-row-item-width);
    width: 100%;
    margin: 0 auto;
    display: block;
}

.image-row-item.image-row-item-small img {
    max-width: calc(var(--image-row-item-width) * 2 / 3);
}

.ratio-services {
    padding-bottom: calc(100% * 8 / 5);
}

.current-menu-item a[href^="/#"],
.current-menu-item a[href^="/vi/nha/#"],
.current-menu-item a[href^="/about/#"],
.current-menu-item a[href^="/vi/ve-chung-toi/#"],
.current-menu-item a[href^="/conference-and-meeting-room/#"],
.current-menu-item a[href^="/vi/phong-hop-va-hoi-nghi/#"] {
    color: var(--gray-main) !important;
}

@-webkit-keyframes scrolling-left {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes scrolling-left {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

@-webkit-keyframes scrolling-right {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes scrolling-right {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

.promotion-animated {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    width: -moz-max-content;
    width: -webkit-max-content;
    width: max-content;
    will-change: transform, width;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.partner-logo-animated {
    -webkit-animation-duration: 133s;
    animation-duration: 133s;
}

.gallery-logo-animated {
    -webkit-animation-duration: 86s;
    animation-duration: 86s;
}

.conference-logo-animated {
    -webkit-animation-duration: 56s;
    animation-duration: 56s;
}

.scrolling-left {
    -webkit-animation-name: scrolling-left;
    animation-name: scrolling-left;
}

.scrolling-right {
    -webkit-animation-name: scrolling-right;
    animation-name: scrolling-right;
}

#gallery-logo .promotion-animated-item,
#partner-logo .promotion-animated-item {
    width: 360px;
}

#conference-logo .promotion-animated-item {
    width: 530px;
}

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

    #gallery-logo .promotion-animated-item,
    #partner-logo .promotion-animated-item {
        width: 300px;
    }

    #conference-logo .promotion-animated-item {
        width: 480px;
    }
}

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

    #gallery-logo .promotion-animated-item,
    #partner-logo .promotion-animated-item {
        width: 250px;
    }

    #conference-logo .promotion-animated-item {
        width: 375px;
    }
}

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

    #gallery-logo .promotion-animated-item,
    #partner-logo .promotion-animated-item {
        width: 200px;
    }

    #conference-logo .promotion-animated-item {
        width: 300px;
    }
}

#floorplans,
#tower {
    float: none;
}

#floorplans .floors {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 24px;
    height: 100%;
}

.floors21 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.floor-matterport {
    top: 24px;
    right: 24px;
}


.floor-image-group {
    width: 100%;
    max-width: 400px;
}

.available-dot {
    line-height: 24px;
    background: #8BC34A;
    width: 8px;
    height: 8px;
    border-radius: 9999px;
    position: relative;
    -webkit-box-shadow: 0 0 0 0 #8BC34A;
    box-shadow: 0 0 0 0 #8BC34A;
    -webkit-animation: dots-zoom 1.3s infinite;
    animation: dots-zoom 1.3s infinite;
}

.available-option-item:hover {
    color: #8BC34A;
}

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

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

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

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

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

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

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

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

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

@media screen and (max-width: 1200px) {
    .vertMenu .buttonx:before {
        display: none !important;
    }

    .vertMenu .active {
        background-image: none !important;
    }

    .floors21 .btnf .activbtw {
        display: none;
    }
}

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

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

.paralaxWrapper.static-img {
    background-size: cover;
    background-position: center !important;
}

.title-spacing {
    letter-spacing: .32em;
}

.map-iframe {
    overflow: hidden;
    height: 0;
    padding-bottom: 73%;
    position: relative;
}

.map-iframe iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.contact-site-main {
    position: relative;
}

.contact-innerWrap {
    z-index: 5;
}

.deco-el-big-contact {
    width: 266px;
    height: 500px;
    display: block;
    background-image: url(/wp-content/themes/twentyseventeen-child/images/deco-el-about.png);
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 1;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media (max-width: 1150px) {
    .deco-el-big-contact {
        display: none;
    }
}

@media (max-width: 1640px) {
    .deco-el-standard {
        display: none !important;
    }
}



.home-hero-swiper {
    position: relative;
}

.home-hero-swiper .swiper-button {
    width: 44px;
    height: 44px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 9999px;
}

.home-hero-swiper .swiper-slide {
    height: auto !important;
}

.home-hero-swiper .swiper-pagination-bullet {
    background: rgba(255, 255, 255, .5);
    opacity: 1;
}

.home-hero-swiper .swiper-pagination-bullet-active {
    background: #fff;
}

.home-hero-swiper img.ratio-media {
    height: 100% !important;
}


/* NEW COLOR */
html {
    color-scheme: dark;
}

.site-content-contain {
    background-color: var(--og-dark);
}

h1,
h2,
h3,
h4,
h5 {
    color: #fff;
}

body,
.sub-navigation a,
.post-title,
.text-body,
.text-editor-content-detail {
    color: #fff;
}

.bg-white {
    background-color: var(--dark-100);
}
.bg-og-gray {
    background-color: var(--og-gray);
}
.section-title {
    color: var(--dark-50);
}

.bg-content-light,
.bg-box {
    background-color: var(--og-box);
}

.footer-top {
    background-color: var(--og-dark);
}

.footer-copyright,
.footer-bottom {
    background-color: var(--og-dark);
}

div.wpforms-container-full input[type=checkbox]:before,
div.wpforms-container-full input[type=radio]:before,
.wpforms-container-full>form>.wpforms-field-container>.wpforms-field input,
.wpforms-container-full>form>.wpforms-field-container>.wpforms-field select,
.wpforms-container-full>form>.wpforms-field-container>.wpforms-field textarea {
    background-color: var(--og-gray) !important;
}

.single-featured-image-header,
.home-cta {
    background-color: var(--og-box);
    border-bottom: 1px solid var(--og-box);
}

.icon-360-item:hover,
.news-item-title:hover,
.home-cta a:hover {
    color: var(--og-primary);
}

.home-hero .ratio-thumb {
    height: calc(100vh - 90px);
}

.admin-bar .home-hero .ratio-thumb {
    height: calc(100vh - 90px - 32px);
}

.floor-box-title,
.floor-box-info,
.icon-360-item {
    color: var(--gray-main);
}

.label.green {
    color: #4CAF50 !important;
}

.home-logo-item {
    background-color: var(--og-gray);
}

.v-line {
    background: var(--dark-600);
}

.floors21 .btnf {
    margin-right: 0;
}

.floors21 .btnf:hover {
    opacity: 1;
}

#tower .activbtw {
    /* opacity: .85; */
}

@media (min-width: 600px) {
    .col_60 {
        width: 60%;
    }
}

#switcher_menu {
    float: left;
}

.vertMenu .buttonx,
.vertMenu .button {
    margin-right: 0px;
}

.vertMenu .active {
    /* opacity: .85; */
    background-size: auto 38px;
}

#texterx .titel {
    color: var(--og-dark);
}

#floorplans {
    background-color: var(--og-gray) !important;
}

.chaty-channel-list {
    bottom: 63px !important;
}

.chaty-widget {
    bottom: 0 !important;
    right: 11px !important;
}

#main-footer {
    display: none;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

#main-footer.loaded {
    display: block;
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}

.navigation-top {
    position: relative !important;
    bottom: auto !important;
    -webkit-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
    padding-bottom: 0 !important;
    background-color: var(--og-gray) !important;
}

.admin-bar .navigation-top {
    top: 46px !important;
}

@media screen and (min-width: 48em) {
    .admin-bar .navigation-top {
        top: 32px !important;
    }
}

.main-logo-link {
    padding-left: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media screen and (min-width: 768px) {
    .main-logo-link {
        padding-left: 20px;
    }

}

@media screen and (max-width: 768px) {
    #top-menu {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
    }

}

.site-header .custom-header {
    display: none;
}

.site-header.is-scrolled .navigation-top {
    height: 60px;
}

.mainlogo {
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.site-header.is-scrolled .mainlogo {
    width: 120px;
}

.navigation-top-wrap {
    width: 100%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 24px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 100%;
}

.navigation-top-wrap:after {
    display: none;
}