body {
    font-size: 15px;
    line-height: 1.4;
    font-family: "Montserrat";
    color: #333;
}

.page-header-image{
    display: none !important;
}

h1,
h2,
h3,
h4 {
    line-height: 1.4;
}



@media (min-width: 1200px) {
    .container {
        max-width: 1260px;
    }
}

p:last-child {
    margin-bottom: 0;
}

.main-nav {
    display: none;
}

/* footer, */
.fullpage-wrapper section {
    overflow: hidden;
}

.site-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: transparent;
    color: #fff;
    z-index: 9999;
}

.site-logo {
    position: absolute;
    top: 20px;
    left: 0;
}

.site-header .site-logo img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}

.banner_sliders img {
    width: 100vw;
    height: 100vh;
    object-fit: cover;
}

.slider-item {
    display: block !important;
}

.banner_sliders .slider-item {
    position: relative;
}

.banner_sliders .slider-item::after {
    content: '';
    display: block;
    width: 100%;
    height: 0;
    padding-top: 35%;
    position: absolute;
    left: 0;
    bottom: -2px;
    background: url('../images/home/bf-slider.png') center bottom no-repeat;
    background-size: 100%;
    z-index: 111;
    pointer-events: none;
}

.item-youtube img {
    position: relative;
    z-index: 11;
}

.item-youtube .btn-player {
    position: absolute;
    display: block;
    background: url(../images/play.png) no-repeat center;
    background-size: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -70%);
    width: 405px;
    height: 405px;
    z-index: 112;
    cursor: pointer;
}

.item-video {
    position: relative;
}

div.wpcf7 .ajax-loader {
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    margin: 0;
}

.item-video::after {
    content: '';
    position: absolute;
    display: block;
    background: url(../images/play.png) no-repeat center;
    background-size: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -70%);
    width: 250px;
    height: 250px;
    z-index: 112;
    cursor: pointer;
    pointer-events: none;
    opacity: 0;
    transition: .6s all ease-in-out;
}

.slick-current .item-video::after {
    opacity: 1;
}

.item-youtube iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
}

/* image poster clicked, player class added using js */
.item-youtube.player img {
    opacity: 0;
    visibility: hidden;
}

.item-youtube.player .btn-player {
    display: none;
}

.arrow.slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    font-size: 20px;
    z-index: 50;
    background-size: 100%;
}

.arrow.slick-arrow.onTop {
    top: -50px;
    transform: unset;
    width: 40px;
    height: 40px;
}

.arrow.slick-arrow .material-icons {
    line-height: inherit;
    font-size: inherit;
}

.next {
    right: 10%;
    background: url('../images/next.png') no-repeat center;
}

.next:hover {
    background-image: url('../images/next_hover.png');
}

.prev {
    left: 10%;
    background: url('../images/prev.png') no-repeat center;
}

.prev:hover {
    background-image: url('../images/prev_hover.png');
}

.arrow.slick-arrow.onTop.next {
    right: 0;
}

.arrow.slick-arrow.onTop.prev {
    right: 48px;
    left: unset;
}

.inside-header {
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}

.main-navigation {
    position: absolute;
    top: 45px;
    right: 0;
}

.site-header::before {
    pointer-events: none;
    content: '';
    display: block;
    width: 100%;
    height: 168px;
    background-image: linear-gradient(to top, rgba(40, 143, 152, 0) 0%, #000000 100%);
    opacity: 0.6;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

.header-phone {
    position: absolute;
    right: 60px;
    top: 45px;
}

.hamburger-menu {
    width: 40px;
    height: 40px;
    background: transparent url(../images/menu.png) center no-repeat !important;
    background-size: 90px !important;
    padding: 0;
    border: unset;
    display: block;
    margin-left: 14px;
    position: relative;
    z-index: 9999;
    outline: none;
    transition: .3s all ease-in-out;
}

.hamburger-menu:hover {
    transform: scale(1.1);
}

.hamburger-menu::after {
    content: '';
    width: 96px;
    height: 96px;
    background: transparent url(../images/bf-hamburger.png) center no-repeat;
    background-size: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    display: block;
    outline: none;
    opacity: 0;
}

.hamburger-menu.toggled::after {
    opacity: 1;
}

.main-navigation,
.main-navigation ul ul {
    background-color: transparent;
}

.header-phone a {
    color: #fff;
    font-family: "Montserrat - Bold";
    font-size: 16px;
    position: relative;
    padding-left: 22px;
    padding-right: 22px;
    line-height: 40px;
    display: flex;
    align-items: center;
    transition: .3s all ease-in-out;
}

.header-phone a::before {
    position: absolute;
    content: '';
    display: block;
    width: 252px;
    height: 98px;
    background: url('../images/bg-gradient.png') no-repeat center;
    background-size: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
}

a {
    text-decoration: none !important;
    outline: none !important;
}

.material-icons {
    font-size: inherit;
    line-height: inherit;
    color: inherit;
}

.header-phone a .material-icons {
    font-size: 18px;
    margin-right: 6px;
}

.header-phone a:hover .material-icons {
    -webkit-animation: wobble-ver-left 0.8s both;
    animation: wobble-ver-left 0.8s both;
}

.header-phone a:hover {
    transform: scale(1.05);
}

.site-header a,
.site-header a:visited {
    color: #fff;
}

.content-banner {
    position: absolute;
    bottom: 250px;
    z-index: 115;
    font-family: "Dancing Script - Bold";
    font-size: 80px;
    background-image: linear-gradient(to right, #00ffe8 0%, #c4fe6b 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    left: 50%;
    transform: translateX(-50%);
    max-width: 90%;
}

.item-youtube.player .content-banner {
    opacity: 0;
    visibility: hidden;
}

.item-youtube.player::after {
    opacity: 0;
    visibility: hidden;
}

img.img-background {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    object-fit: cover;
    z-index: 1;
    pointer-events: none;
}

.separate-containers .inside-article,
.separate-containers .comments-area,
.separate-containers .page-header,
.one-container .container,
.separate-containers .paging-navigation,
.inside-page-header {
    background-color: transparent;
}

/* .home_sec4 .fp-tableCell, */
.home_sec9 .fp-tableCell,
.home_sec7 .fp-tableCell {
    vertical-align: top;
    padding-top: 150px;
}

.home_sec8 .fp-tableCell {
    vertical-align: top;
    padding-top: 95px;
}

.container {
    position: relative;
    z-index: 10;
}

.special_title {
    font-size: 60px;
    line-height: 1;
    padding-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px;
    font-family: "Dancing Script";
    background-image: linear-gradient(to right, #00ffe8 0%, #c4fe6b 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}

.special_title.green {
    background-image: linear-gradient(to right, #05c5b4 0%, #b7e65a 100%);
}

.similar_title {
    font-size: 50px;
    line-height: 1.3;
    font-family: 'Montserrat - Bold';
    margin-bottom: 20px;
    margin-top: -20px;
    color: #08708e;
}

.text-white .similar_title {
    color: #fff;
}

strong {
    font-family: 'Montserrat - Bold';
}

.home2_overviews ul {
    margin: 0;
    list-style: none;
}

.home2_overviews li {
    margin-bottom: 30px;
}

.home2_overviews li:nth-child(n+4) .text {
    font-size: 28px;
}

.display-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.align-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.just-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.fz-15 {
    font-size: 15px;
}

.p-top-160 {
    padding-top: 160px;
}

.p-bottom-160 {
    padding-bottom: 160px;
}

.p-top-140 {
    padding-top: 140px;
}

.p-bottom-140 {
    padding-bottom: 140px;
}

.p-top-120 {
    padding-top: 120px;
}

.p-bottom-120 {
    padding-bottom: 120px;
}

.p-top-100 {
    padding-top: 100px;
}

.p-bottom-100 {
    padding-bottom: 100px;
}

.p-top-80 {
    padding-top: 80px;
}

.p-bottom-80 {
    padding-bottom: 80px;
}

.p-top-70 {
    padding-top: 70px;
}

.p-bottom-70 {
    padding-bottom: 70px;
}

.p-top-60 {
    padding-top: 60px;
}

.p-bottom-60 {
    padding-bottom: 60px;
}

.p-top-50 {
    padding-top: 50px;
}

.p-bottom-50 {
    padding-bottom: 50px;
}

.p-top-40 {
    padding-top: 40px;
}

.p-bottom-40 {
    padding-bottom: 40px;
}

.p-top-30 {
    padding-top: 30px;
}

.p-bottom-30 {
    padding-bottom: 30px;
}

.p-top-20 {
    padding-top: 20px;
}

.p-bottom-20 {
    padding-bottom: 20px;
}

.p-top-10 {
    padding-top: 10px;
}

.p-bottom-10 {
    padding-bottom: 10px;
}

.m-top-160 {
    margin-top: 160px;
}

.m-top-120 {
    margin-top: 120px;
}

.m-bottom-120 {
    margin-bottom: 120px;
}

.m-bottom-160 {
    margin-bottom: 160px;
}

.m-top-80 {
    margin-top: 80px;
}

.m-bottom-80 {
    margin-bottom: 80px;
}

.m-top-70 {
    margin-top: 70px;
}

.m-bottom-70 {
    margin-bottom: 70px;
}

.m-top-60 {
    margin-top: 60px;
}

.m-bottom-60 {
    margin-bottom: 60px;
}

.m-top-50 {
    margin-top: 50px;
}

.m-bottom-50 {
    margin-bottom: 50px;
}

.m-top-40 {
    margin-top: 40px;
}

.m-bottom-40 {
    margin-bottom: 40px;
}

.m-top-30 {
    margin-top: 30px;
}

.m-bottom-30 {
    margin-bottom: 30px;
}

.m-top-20 {
    margin-top: 20px;
}

.m-bottom-20 {
    margin-bottom: 20px;
}

.m-top-10 {
    margin-top: 10px;
}

.m-bottom-10 {
    margin-bottom: 10px;
}

.m-top-0 {
    margin-top: 0px;
}

.m-bottom-0 {
    margin-bottom: 0px;
}

.m-left-0 {
    margin-left: 0px;
}

.m-right-0 {
    margin-right: 0px;
}

.has-border a {
    position: relative;
}

.has-border a::before {
    position: absolute;
    background: url('../images/border-gradient.png') no-repeat center;
    background-size: 100%100%;
    content: '';
    display: block;
    width: 101%;
    height: 101%;
    left: -2px;
    top: -1px;
    z-index: -1;
}

.has-border a:hover::before {
    background-image: url('../images/border-gradient_hover.png');
}

.similar_button a {
    color: #9aedff;
    font-family: 'Montserrat - Semi Bold';
    line-height: 45px;
    /* border-radius: 99px;
    overflow: hidden; */
    padding: 0 30px;
    display: inline-block;
}

.has-arrow {
    position: relative;
}

.has-arrow a {
    padding-right: 65px;
}

.has-arrow .arrow {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    display: inline-block;
    background: url('../images/arrow_right.png') center no-repeat;
    background-size: 100%;
    width: 31px;
    height: 10px;
}

.custom_similar_button a {
    line-height: 35px !important;
    padding: 0px 25px !important;
}

.custom_similar_button.has-arrow .arrow {
    display: none;
}

.cover-content {
    position: relative;
}

.cover-content::before {
    background-color: rgb(17 88 101 / 0.8);
    -webkit-filter: blur(70px);
    filter: blur(70px);
    top: 50%;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
    height: 120%;
    width: 120%;
    content: '';
    display: block;
    z-index: -1;
}
.mute-video, .unmute-video {
    position: absolute;
    left: 20px;
    bottom: 85px;
    z-index: 10;
    cursor: pointer;
}
.mute-video {
    background: url(../images/mute_off.png) no-repeat center;
    background-size: 20px;
    border: 0;
    width: 20px;
    height: 20px;
    text-indent: -999px;
}
.unmute-video {
    background: url(../images/mute_on.png) no-repeat center;
    background-size: 20px;
    border: 0;
    width: 20px;
    height: 20px;
    text-indent: -999px;
}
.mute-video:hover,.unmute-video:hover,.mute-video:focus,.unmute-video:focus {
    background-color: transparent !important;
}
@media only screen and (min-width: 1100px){
    .desktop-show {
        display: block;
    }
}

#panzoom-parent {
    position: absolute;
    width: 75%;
    height: 100%;
    top: 0;
    right: 0;
    z-index: 1;
}

.content-abs {
    position: absolute;
    top: 50%;
    left: 10%;
    transform: translateY(-50%);
    max-width: 17%;
    z-index: 11;
}

.home_sec3 {
    background-color: #146c79;
}

.home_sec3::before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    height: 100%;
    background: url('../images/home/bg_text.png') center left no-repeat;
    background-size: 100%;
    z-index: 2;
    pointer-events: none;
}

.home_sec3::after {
    pointer-events: none;
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    left: 0;
    padding-top: 20%;
    bottom: -2px;
    background: url('../images/home/after_sec3.png') center bottom no-repeat;
    background-size: 100%;
    z-index: 3;
}

img.img-zoom {
    min-height: 100vh;
    max-width: unset;
    width: auto;
}

.slick_distances .slick-slide.slick-active .item-distance {
    position: relative;
}

.item-distance {
    text-align: center;
    position: relative;
    min-height: 500px;
}

.slick_distances .slick-list {
    padding: 30px 0;
}

.slick-slide:nth-child(odd) .item-distance .wrap-icon {
    left: 50%;
    top: 0;
}

.item-distance .wrap-icon {
    display: block;
    max-width: 200px;
    max-height: 200px;
    position: absolute;
    transform: translateX(-50%);
}

.item-distance img {
    max-width: 200px;
    max-height: 200px;
    object-fit: cover;
    display: block;
    margin: auto;
    transition: .3s all ease-in-out;
    cursor: pointer;
}

.item-distance img:hover {
    transform: scale(1.1);
}

.slick-slide:nth-child(odd) .item-distance .content {
    top: calc(50% + 40px);
}

.item-distance .content {
    position: absolute;
    left: 50%;
    width: 100%;
    transform: translateX(-50%);
}

.item-distance .time {
    color: #08708e;
    font-size: 62px;
    font-family: 'Montserrat - Bold';
    line-height: 1;
    margin-bottom: 15px;
    transition: .3s all ease-in-out;
}

.item-distance .time span {
    font-size: 25px;
    display: inline-block;
    font-family: "Dancing Script";
}

.item-distance .place {
    font-size: 13px;
    line-height: 22px;
}

.home_sec4 {
    background-image: linear-gradient(to top, #ffffff 0%, #d3f8ff 100%);
}


.slick-slide:nth-child(even) .item-distance .wrap-icon {
    left: 50%;
    bottom: 0;
}

.slick-slide:nth-child(even) .item-distance .content {
    bottom: calc(50% + 40px);
}

.slick_distances .slick-list:before {
    content: '';
    display: block;
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: 3px;
    background: url(../images/line-ngang.png) no-repeat center;
    background-size: 100%100%;
}

.item-distance::before {
    content: '';
    display: block;
    position: absolute;
    bottom: 50%;
    left: 50%;
    width: 1px;
    height: 55px;
    background-image: linear-gradient(-1deg, #00ffe8 0%, #08708e 100%);
    z-index: -1;
}

.slick-slide:nth-child(even) .item-distance::before {
    top: 50%;
    bottom: unset;
}

.item-distance:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    width: 43px;
    height: 43px;
    border: 2px solid#3ce9ef;
    background-color: #eefdff;
}

.slick-slide:nth-child(2) .item-distance:after {
    width: 35px;
    height: 35px;
}

.slick-slide:nth-child(3) .item-distance:after {
    width: 28px;
    height: 28px;
}

.slick-slide:nth-child(4) .item-distance:after {
    width: 21px;
    height: 21px;
}

.slick-slide:nth-child(5) .item-distance:after {
    width: 19px;
    height: 19px;
}

.home_sec4::before {
    content: '';
    display: block;
    width: 502px;
    height: 207px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: url('../images/home/pattern-ngoaikhu.png') bottom left no-repeat;
    background-size: 100%;
}

.home_sec4::after {
    content: '';
    display: block;
    width: 196px;
    height: 112px;
    position: absolute;
    top: 150px;
    right: 15%;
    background: url('../images/home/after_sec4.png') center no-repeat;
    background-size: 100%;
}

/* Tien ich Noi khu */

.round {
    position: absolute;
    width: 70vh;
    height: 70vh;
    top: 50%;
    transform: translateY(-50%);
    left: -10vh;
    display: flex;
    align-items: center;
    z-index: 10;
    border: 2px solid #2a98a4;
    border-radius: 50%;
}

.round::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 50%;
    position: absolute;
    background-color: #000;
    opacity: 0.7;
    z-index: -1;
    filter: blur(60px);
}

.round .group_content {
    color: #fff7d9;
    font-size: 14px;
    line-height: 22px;
    margin: 0 10vh 0 15vh;
    position: relative;
    z-index: 11;
}

.item-utility {
    position: absolute;
    width: 40vh;
    height: 40vh;
    top: 15vh;
    left: 15vh;
    -webkit-transition: .2s all ease-in-out;
    -o-transition: .2s all ease-in-out;
    transition: .2s all ease-in-out;
}

.icon-utility {
    position: absolute;
    width: 10vh;
    height: 10vh;
    border-radius: 50%;
    cursor: pointer;
    -webkit-transition: .2s all ease-in-out;
    -o-transition: .2s all ease-in-out;
    transition: .2s all ease-in-out;
    -webkit-transform: translate(-100%, -100%);
    -ms-transform: translate(-100%, -100%);
    transform: translate(-100%, -100%);
}

.icon-utility img {
    width: 10vh;
    height: 10vh;
    object-fit: contain;
    -webkit-transition: .2s all ease-in-out;
    -o-transition: .2s all ease-in-out;
    transition: .2s all ease-in-out;
}

.icon-utility .img-active {
    position: absolute;
    opacity: 0;
    left: 0;
    top: 0;
}

.icon-utility.active img:not(.img-active),
.icon-utility:hover img:not(.img-active) {
    opacity: 0;
}

.icon-utility.active .img-active,
.icon-utility:hover .img-active {
    opacity: 1;
}

.home_sec6 .sliders .row {
    height: 100vh;
}

.home_sec6 .sliders .group_content::before {
    content: '';
    display: block;
    width: 150%;
    height: 130%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    position: absolute;
    background-color: #110c00;
    opacity: 0.7;
    z-index: -1;
    filter: blur(60px);
}

.home_sec7 .group_content {
    padding-left: 40px;
}

.reasons {
    margin-bottom: 0;
    margin-top: 60px;
}

.reasons .icon {
    width: 100px;
}

.reasons .icon img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    object-fit: cover;
    transition: .3s all ease-in-out;
}

.reasons li:hover .icon img {
    transform: scale(1.1);
}

.reasons .content {
    width: calc(100% - 115px);
    margin-left: 10px;
    padding-right: 30px;
}

.reasons .name {
    font-family: "Montserrat - Semi Bold";
    font-size: 18px;
    margin-bottom: 10px;
}

.home_sec8 {
    background-image: linear-gradient(to top, #ffffff 0%, #d3f8ff 100%);
}

.tab-header ul {
    list-style: none;
}

.tab-header li {
    margin: 0 7px;
}

.tab-header a {
    display: block;
    line-height: 50px;
    border-radius: 25px;
    color: #4d4d4d;
    font-family: "Montserrat - Semi Bold";
    font-size: 18px;
    padding-left: 60px;
    padding-right: 60px;
    text-transform: uppercase;
}

.tab-header a.active,
.tab-header a:hover {
    background-image: linear-gradient(to right, #053041 0%, #0e6b79 100%);
    color: #99f1ff;
}

.gallery .slick-list {
    overflow: initial;
}

.gallery img {
    width: 100%;
    max-height: 60vh;
    object-fit: cover;
}

.gallery a {
    display: block;
}

.gallery .slick-slide .slider-item {
    transition: .3s all ease-in-out;
}

.gallery .slick-slide .slider-item::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #000000;
    opacity: 0;
    z-index: 20;
    transition: .3s all ease-in-out;
    pointer-events: none;
}

.gallery .slick-slide:not(.slick-active) .slider-item {
    transform: scale(0.85);
}

.gallery .slick-slide:not(.slick-active) .slider-item::before {
    opacity: 0.3;
}

.gallery .title {
    color: #4d4d4d;
    font-family: "Montserrat - Semi Bold";
    font-size: 25px;
}

.gallery .slick-slide:not(.slick-active) .title {
    display: none;
}

.outside.prev {
    left: -20%;
}

.outside.next {
    right: -20%;
}

/* @media all and (min-width: 768px) { */
    .fancybox-thumbs {
        top: auto;
        width: auto;
        bottom: 0;
        left: 0;
        right: 0;
        height: 95px;
        padding: 10px 10px 5px 10px;
        box-sizing: border-box;
        background: rgba(0, 0, 0, 0.3);
    }

    .fancybox-show-thumbs .fancybox-inner {
        right: 0;
        bottom: 95px;
    }

    .fancybox-thumbs-x .fancybox-thumbs__list {
        margin: auto;
    }
/* } */

.tab-item {
    display: none;
}

.tab-item.active {
    display: block;
}

.home_sec9 {
    background-color: #ecfcff;
}

.home_sec9::before {
    content: '';
    display: block;
    width: 946px;
    height: 202px;
    position: absolute;
    top: 0;
    right: 0;
    background: url('../images/home/before_sec9.png') top right no-repeat;
    background-size: 100%;
}

.home_sec9::after {
    content: '';
    display: block;
    width: 100%;
    height: 225px;
    position: absolute;
    bottom: -13px;
    left: 0;
    background: url('../images/home/after_sec9.png') bottom right no-repeat;
    background-size: 100%;
}

.home_sec9 .row {
    align-items: flex-end;
}

.button_blue.has-border a::before {
    background-image: url('../images/border-gradient_hover.png');
}

.button_blue.has-border a:hover {
    color: #08708e;
}

.button_blue.has-border a:hover::before {
    background-image: url('../images/border-gradient.png');
}

.partner_group {
    margin-bottom: 60px;
}

.partner_group .name {
    font-family: 'Montserrat';
    font-size: 13px;
    text-transform: uppercase;
    line-height: 15px;
    min-height: 30px;
}

.partner_group .icon {
    height: 76px;
}

.partner_group .icon img {
    max-height: 76px;
    transition: .3s all ease-in-out;
}

.partner_group:hover .icon img {
    transform: scale(1.1);
}

.footer-form {
    background: url('../images/bg-form.png') no-repeat center;
    padding: 200px 25% 130px;
}

.footer-form .similar_title {
    font-family: 'Montserrat';
    text-transform: uppercase;
    font-size: 40px;
}

.footer-form .similar_content {
    padding: 0 10%;
}

.wpcf7-form p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
}

.wpcf7-form-control-wrap {
    display: block;
    -ms-flex: 0 0 33.333%;
    flex: 0 0 33.333%;
    max-width: 33.333%;
    width: 100%;
    padding-right: 7px;
    padding-left: 7px;
}

.wpcf7-form input {
    border-radius: 25px;
    border: 1px solid #d7ebed;
    height: 50px;
    line-height: 48px;
    display: block;
    text-align: center;
    background: transparent;
    border-radius: 100px;
    color: #ffffff;
    padding: 0 15px;
    outline: none;
}

.wpcf7-form input::placeholder {
    color: #ffffff;
    font-size: 15px;
}

.wpcf7-form input:focus,
.wpcf7-form textarea:focus,
.wpcf7-form select:focus {
    color: #ffffff !important;
    background: transparent !important;
    border-color: #d7ebed !important;
}

.wpcf7-form input:focus::placeholder {
    color: transparent !important;
}

.wpcf7-form input.wpcf7-submit {
    margin: 30px auto 0;
    box-shadow: 0 0 90px rgba(12, 95, 118, 0.17);
    background-image: linear-gradient(to right, #053041 0%, #0e6b79 100%) !important;
    border: 2px solid #99f1ff;
    color: #99f1ff;
    font-family: "Montserrat - Semi Bold";
    font-size: 18px;
    height: 45px;
    line-height: 43px;
    padding: 0 40px;
    text-transform: uppercase;
}

.wpcf7-form input.wpcf7-submit:hover {
    background-image: linear-gradient(to right, #0e6b79 0%, #053041 100%);
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
    border-color: #ffb900;
    color: red;
}

.infor-contact .similar_content a {
    outline: none;
    color: #fff;
}

footer {
    position: relative;
}

footer::after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    background: url('../images/flower.png') bottom center no-repeat;
    background-size: 100%;
    width: 100%;
    height: 378px;
    z-index: 20;
    pointer-events: none;
}

.home_sec7 .img-background {
    object-position: bottom left;
}

.single-post h1 {
    color: #08708e;
    font-family: 'Montserrat - Bold';
    font-size: 35px;
    text-transform: uppercase;
}

.single-post .banner {
    position: relative;
}

.single-post .banner img {
    width: 100%;
}

.single-post .banner::after {
    content: '';
    display: block;
    width: 100%;
    height: 196px;
    background: url('../images/after-banner.png') center bottom no-repeat;
    background-size: 100%;
    position: absolute;
    bottom: -2px;
    left: 0;
}

.single-post .header {
    border-bottom: 2px solid #ebebeb;
}

.single-post .date {
    color: #202020;
}

.single-post .content h2 {
    font-family: "Montserrat - Bold";
    color: #08708e;
    font-size: 24px;
    margin-bottom: 20px;
}

.single-post .content {
    line-height: 24px;
}

.single-post .content img {
    width: 100%;
}

.wp-caption-text {
    text-align: center;
    color: #202020;
    font-style: italic;
    font-size: 13px;
}

.single-post figure {
    width: 100% !important;
    margin-top: 20px;
}

.single-post .content a {
    color: #333;
}

.single-post .content a:hover {
    text-decoration: underline !important;
}


.nav_bottom {
    border-top: 2px solid #ebebeb;
    padding: 35px 0 50px 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.nav_bottom h4 {
    color: #333333;
    font-family: 'Montserrat - Bold';
    font-size: 15px;
    text-transform: uppercase;
    margin-bottom: 0;
    margin-right: 15px;
}

.tags {
    margin: 0;
    list-style: none;
    display: inline-block;

}

.tags li {
    display: inline-block;
}

.tags li a {
    background-color: #ebebeb;
    border-radius: 100px;
    height: 35px;
    line-height: 35px;
    padding: 0 25px;
    color: #5f5f5f;
    display: inline-block;
}

.tags li a:hover {
    background-color: #08708e;
    color: #ffffff;
}

div#socialSharing a {
    width: 26px;
    height: 26px;
    border: 1px solid #333333;
    color: #333333;
    border-radius: 50%;
    line-height: 26px;
    display: inline-block;
    position: relative;
}

div#socialSharing a:not(:last-child) {
    margin-right: 6px;
}

div#socialSharing a i {
    font-size: 13px;
    width: auto;
    height: auto;
    line-height: 0;
    color: inherit;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
}

div#socialSharing a span {
    width: auto;
    height: auto;
    position: unset;
}

.nav_bottom .right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}


div#socialSharing a:hover {
    color: #08708e;
    border-color: #08708e;
}

.news_related h2 {
    color: #08708e;
    font-family: 'Montserrat - Bold';
    font-size: 35px;
    text-transform: uppercase;
}

.item_post {
    padding: 0 5px;
}

.item_post .inner {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 0;
    display: block;
    padding-bottom: 100%;
    margin-bottom: 9px;
}

.box_link{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
}

.col-md-6.item_post .inner {
    padding-bottom: calc(50% - 5px);
}

.item_post .inner img {
    width: 100%;
    position: absolute;
    object-fit: cover;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 10;
    display: block;
    transition: .3s all ease-in-out;
}

.item_post .inner::before {
    width: 100%;
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 11;
    content: '';
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 44%, rgba(0, 0, 0, 0) 100%);
    display: block;
    transition: .3s all ease-in-out;
}

.item_post .box_content {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 25px;
    z-index: 12;
}

.item_post .post-name {
    color: #fff;
    font-family: 'Montserrat - Bold';
    font-size: 18px;
    margin-bottom: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    margin-bottom: 10px;
}

.item_post .date {
    color: #fff;
    font-size: 12px;
}

.item_post .inner:hover::before {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
}

.item_post .inner .excerpt {
    color: #fff;
    transition: .3s all ease-in-out;
    display: -webkit-box;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    max-height: 0;
}

.item_post .inner .excerpt a{
	color: inherit;
}

.item_post .inner:hover .excerpt {
    max-height: 100px;
}

.item_post .inner:hover img {
    transform: scale(1.1);
}

.thenativePagination {
    list-style: none;
    margin: 0;
}

.thenativePagination li {
    margin: 0 4px;
}

.thenativePagination a {
    width: 30px;
    height: 30px;
    border-radius: 15px;
    display: block;
    text-align: center;
    line-height: 30px;
    color: #99f1ff;
    font-family: "Montserrat - Semi Bold";
    font-size: 14px;
    position: relative;
}

.thenativePagination a::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    border: 1px solid #98f1ff;
    position: absolute;
    left: 0;
    top: 0;

    border-radius: 15px;
}

.thenativePaginationPrev,
.thenativePaginationNext {
    display: none;
}

.thenativePagination li a:hover,
.thenativePagination li.active a {
    background-image: linear-gradient(to right, #053041 0%, #0e6b79 100%);
}

.thenativePagination li a:hover::before,
.thenativePagination li.active a::before {
    border-width: 2px;
}

.home_posts .item_post {
    float: left;
}

.home_posts .item_post:first-child {
    width: 100%;
    max-width: calc(200% / 3);
}

.home_posts .item_post:not(:first-child) {
    width: 100%;
    max-width: calc(100% / 3);
}

.home_posts .item_post .inner {
    margin-bottom: 10px;
}

.home_posts .item_post:first-child .inner {
    padding-bottom: 500px;
}

.home_posts .item_post:not(:first-child) .inner  {
    padding-bottom: 245px;
}

.home_posts .item_post .excerpt {
    -webkit-line-clamp: 2;
}

.home_posts .item_post .name {
    font-size: 25px;
}


.wrap-menu {
    position: fixed;
    left: 0;
    top: 0;
    height: 100vh;
    width: 100vw;
    overflow: hidden;
    z-index: 9998;
    visibility: hidden;
    background-color: rgb(255 255 255 / 58%);
    opacity: 0;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
}

.wrap-menu.open {
    visibility: visible;
    opacity: 1;
}

div#menu {
    position: absolute;
    left: 0;
    top: 0;
    height: 100vh;
    width: 100vw;
    display: flex;
    align-items: center;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: .5s all ease-in-out;
    -o-transition: .5s all ease-in-out;
    transition: .5s all ease-in-out;
    background: url('../images/bg-menu.jpg') no-repeat;
    background-position-x: right;
    background-position-y: bottom;
    background-size: auto 100%;
    overflow: hidden;
}


.open #menu {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

.nav {
    float: right;
    position: relative;
}

ul.menu {
    text-align: right;
    margin: 0;
    list-style: none;
}

ul.menu li {
    margin: 27px 0;
    color: #ffffff;
}

ul.menu a {
    color: #ffffff;
    font-family: "Montserrat - Semi Bold";
    font-size: 20px;
    text-transform: uppercase;
    line-height: 26px;
    transition: .3s padding ease-in-out;
    padding: 0 5px;
    display: block;
    position: relative;
}

ul.menu a::after {
    width: 0;
    height: 1px;
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: .3s padding ease-in-out;
    background-color: #00ffe8;
}

ul.menu .current-page-ancestor a::after,
ul.menu .current-menu-item a::after,
ul.menu a:hover::after {
    width: 41px;
}

ul.menu .current-page-ancestor a,
ul.menu .current-menu-item a,
ul.menu a:hover {
    padding-right: 48px;
    background-image: linear-gradient(to right, #00ffe8 0%, #c4fe6b 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

ul.menu .current-page-ancestor a,
ul.menu .current-menu-item a {
    font-family: "Montserrat - Bold";
}

#fp-nav.fp-show-active a.active+.fp-tooltip {
    opacity: 0;
}

#fp-nav ul li {
    margin: 5px;
    width: 22px;
    height: 22px;
}

#fp-nav ul li a {
    display: block;
    width: 22px;
    height: 22px;
    border: 1px solid rgb(255, 255, 255, 0.5);
    border-radius: 50%;
}

#fp-nav ul li a span {
    width: 8px;
    height: 8px;
    background-color: rgb(255, 255, 255, 0.7);
    margin: 0;
    transform: translate(-50%, -50%);
}

#fp-nav ul li:hover a span,
#fp-nav ul li a.active span,
#fp-nav ul li:hover a.active span {
    background-color: #00ffe8;
    margin: 0;
}

#fp-nav ul li:hover a,
#fp-nav ul li a.active {
    border-color: #00ffe8;
}

#fp-nav ul li .fp-tooltip.left {
    left: 30px;
}

#fp-nav ul li .fp-tooltip.right {
    right: 30px;
}

#fp-nav ul li .fp-tooltip {
    display: none;
    top: 50%;
    transform: translateY(-50%);
    color: #00ffe8;
}

.wrap-fp-nav {
    position: fixed;
    left: 70px;
    top: 50%;
    transform: translateY(-50%);
}

#fp-nav {
    position: static;
    transform: unset;
    margin: 0 !important;
}

.nav-socials ul {
    list-style: none;
    margin: 0;
}

.nav-socials li {
    margin: 5px 3px 8px;
}

.nav-socials a {
    width: 27px;
    height: 27px;
    border-radius: 50%;
    color: transparent;
    display: block;
    background-size: 100% !important;
    filter: brightness(0) invert(1);
    transition: .3s all ease-in-out;
}

.nav-socials a:hover {
    transform: scale(1.2);
}

.nav-socials a.facebook {
    background: url('../images/fb.png') center no-repeat;
}

.nav-socials a.youtube {
    background: url('../images/youtube.png') center no-repeat;
}

.nav-socials {
    margin-bottom: 48px;
    position: relative;
}

.nav-socials::after {
    content: '';
    width: 2px;
    height: 29px;
    background-color: #ffffff;
    opacity: 0.5;
    display: block;
    position: absolute;
    top: 100%;
    left: 50%;
    margin-top: 10px;
    margin-left: -1px;
}

.icon-popup {
    position: fixed;
    bottom: 7%;
    right: 35px;
    background: transparent !important;
    padding: 0;
    border: none !important;
    z-index: 9997;
}

footer.not_fullpage {
    padding-top: 190px;
    padding-bottom: 100px;
}

footer.not_fullpage img.img-background {
    object-position: top center;
}

.tool-tip a {
    position: absolute;
    display: none;
}

.tool-tip a::before {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: #146c79;
    margin-top: -8px;
    margin-left: -8px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 12;
}

.tool-tip a::after {
    content: '';
    display: block;
    width: 28px;
    height: 28px;
    border: 2px solid #146c79;
    border-radius: 50%;
    margin-top: -14px;
    margin-left: -14px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 11;
}

.tool-tip a .block_name {
    position: absolute;
    left: 200px;
    top: -45px;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    line-height: 86px;
    border: 2px solid #00ffe8;
    background-image: linear-gradient(to right, #053041 0%, #0e6b79 100%);
    color: #ffffff;
    font-family: 'Montserrat - Bold';
    font-size: 13px;
    text-transform: uppercase;
    text-align: center;
    z-index: 11;
}

.tool-tip a .block_name::before {
    content: '';
    display: block;
    z-index: -1;
    position: absolute;
    right: 100%;
    top: 45px;
    width: 200px;
    height: 1px;
    background-color: #146c79;
}

canvas.mapster_el+canvas.mapster_el {
    opacity: 0 !important;
}

.floor-map,
.blocks-map {
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

.floor-bg,
.blocks-bg {
    width: 1920px;
    height: 1080px;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 0;
}

.blocks-bg video,
.floor-map img,
.blocks-map img {
    max-width: unset;
    width: 1920px !important;
    height: 1080px !important;
}

.container-bottom-map {
    position: absolute;
    bottom: 5%;
    width: 100%;
    pointer-events: none;
    z-index: 25;
}

.tienich_sec1 {
    background-image: linear-gradient(to right, rgb(5 48 65 / 0.95) 0%, #0e6b79 100%);
}

.tienich_sec1 .container-bottom-map {
    pointer-events: all;
}

.container-bottom-map .similar_title {
    white-space: nowrap;
}

.floor-info {
    padding-left: 40px;
    border-left: 1px solid rgb(255 255 255 / 0.2);
}

.floor-info p {
    margin-bottom: 5px;
    white-space: nowrap;
}

p.block_name {
    font-size: 16px;
    margin-bottom: 15px;
}


.floor-tool_tip a.item {
    position: absolute;
    transform: translate(-50%, -50%);
    pointer-events: none;
}

.floor-tool_tip .position {
    position: relative;
    z-index: 2;
}

.floor-tool_tip .position span {
    position: relative;
    z-index: 20;
    color: #ffffff;
    font-size: 13px;
    font-family: 'Montserrat - Bold';
}

.floor-tool_tip .position::before {
    content: '';
    display: block;
    position: absolute;
    width: 48px;
    height: 23px;
    background-color: #007c89;
    border-radius: 99px;
    z-index: 2;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}


.beforezoomOut {
    animation-name: beforezoomOut
}

@keyframes beforezoomOut {
    from {
        transform: translate(-50%, -50%) scale(.5);
        opacity: 0;
    }
}

.floor-tool_tip .position::after {
    content: '';
    display: block;
    position: absolute;
    z-index: 1;
    width: 60px;
    height: 35px;
    border-radius: 99px;
    background-color: #fff;
    opacity: 0.5;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    animation: beforezoomOut infinite 1s;
}

.floor-tool_tip a.active {
    z-index: 1000;
}

.floor-tool_tip .hover {
    position: absolute;
    z-index: 50;
    width: 135px;
    height: 135px;
    border-radius: 50%;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    box-shadow: 0 0 62px rgba(0, 30, 42, 0.34);
    border: 2px solid #00ffe8;
    background-image: linear-gradient(45deg, #063345 0%, #0d4a60 100%);
    right: 90px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
    transition: .3s all ease-in-out;
}

.floor-tool_tip a.active .hover,
.floor-tool_tip .position:hover+.hover {
    opacity: 1;
}

.floor-tool_tip .hover .title {
    margin-top: 10px;
    font-size: 13px;
    font-family: 'Montserrat - Bold';
    width: 100%;
    text-transform: uppercase;
    position: relative;
}

.floor-tool_tip .hover .dien-tich {
    font-size: 12px;
}

.floor-tool_tip .hover .utility {
    padding-top: 10px;
    margin-top: 10px;
    position: relative;
    font-size: 12px;
}

.floor-tool_tip .hover .utility::before {
    content: '';
    display: block;
    position: absolute;
    width: 107px;
    height: 2px;
    background: url('../images/mini-line.png') center no-repeat;
    background-size: 100%;
    z-index: 2;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
}

.apartment-detail.fancybox-content {
    width: 100%;
    height: 100%;
    background-color: transparent;
    cursor: auto;
    padding: 15vh 0 0;
}

.fancybox-slide--html {
    padding: 0;
}

.apartment-detail .fancybox-close-small {
    display: none;
}

.wrap-content-apartment img {
    display: block;
    margin-bottom: 70px;
}

.wrap-content-apartment .location {
    font-size: 16px;
}

.wrap-content-apartment h1 {
    color: #99f1ff;
    font-family: 'Montserrat - Bold';
    font-size: 42px;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.wrap-content-apartment .content {
    font-size: 16px;
}

.wrap-content-apartment .content p {
    margin-bottom: 0;
}

.wrap-content-apartment .content strong {
    font-family: 'Montserrat - Bold';
    font-size: 28px;
}

.note {
    margin-top: 30px;
    opacity: 0.8;
    font-size: 13px;
    margin-bottom: 0;
}

.apartment-detail .img-2 {
    width: 100%;
    max-height: 70vh;
    object-fit: contain;
}

.action-apartment {
    position: absolute;
    top: 70px;
    right: 120px;
    z-index: 999;
    font-size: 15px;
    color: #fff;
    text-transform: uppercase;
}

button {
    outline: none !important;
}

.action-apartment .cd-popup-close {
    margin-left: 25px;
    opacity: 0.8;
    position: relative;
    padding: 0;
    background: transparent;
    border: none !important;
}

.action-apartment .cd-popup-close::after {
    content: '';
    display: block;
    position: absolute;
    right: -44px;
    top: -2px;
    width: 26px;
    height: 26px;
    background: url('../images/close-apartment.png') no-repeat center;
    background-size: 100%;
}

.wrap-floor {
    opacity: 0;
    visibility: hidden;
    transition: .3s all ease-in-out;
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
}

.wrap-floor.active {
    opacity: 1;
    visibility: visible;
}

.nav-floor {
    position: absolute;
    top: 120px;
    left: 0;
    z-index: 10000;
    width: 100%;
    text-align: center;
}

.nav-floor ul {
    margin: 0;
    list-style: none;
}

.nav-floor ul li {
    margin: 0 3px;
    display: inline-block;
}

.nav-floor a {
    color: #9aedff;
    font-family: "Montserrat - Semi Bold";
    display: block;
    min-width: 90px;
    padding: 0 20px;
    text-transform: uppercase;
    text-align: center;
    background: transparent;
    line-height: 38px;
    border: 1px solid #9aedff;
    border-radius: 99px;
}

.nav-floor li.active a,
.nav-floor li a:hover {
    background-image: linear-gradient(to right, #053041 0%, #0e6b79 100%);
}

.floors::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    background: url('../images/before-floor.png') no-repeat left bottom;
    background-size: 100%;
    z-index: 111;
    width: 726px;
    height: 556px;
    pointer-events: none;
}

.floors::after {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    background: url('../images/after-floors.png') no-repeat right bottom;
    background-size: 100%;
    z-index: 111;
    width: 1001px;
    height: 386px;
    pointer-events: none;
}

.fp-viewing-noi-khu .wrap-fp-nav {
    display: none;
}

.fp-viewing-6-ly-do .site-header::before,
.fp-viewing-tong-quan .site-header::before,
.fp-viewing-vi-tri-vang .site-header::before,
.page-template-block .site-header::before,
.page-template-layout-apartment .site-header::before {
    background-image: linear-gradient(to top, rgba(5, 50, 68, 0) 0%, #053041 100%);
}

.fp-viewing-video .site-header .site-logo img,
.home.fp-viewing-truyen-thong .site-header .site-logo img,
.fp-viewing-ngoai-khu .site-header .site-logo img,
.fp-viewing-thu-vien .site-header .site-logo img {
    filter: unset;
}

.fp-viewing-video .site-header::before,
.fp-viewing-hinh-anh .site-header::before,
.fp-viewing-lien-he .site-header::before,
.fp-viewing-doi-ngu .site-header::before,
.home.fp-viewing-truyen-thong .site-header::before,
.fp-viewing-ngoai-khu .site-header::before,
.fp-viewing-thu-vien .site-header::before {
    opacity: 0;
}

.fp-viewing-video .nav-socials a,
.home.fp-viewing-truyen-thong .nav-socials a,
.fp-viewing-thu-vien .nav-socials a,
.fp-viewing-ngoai-khu .nav-socials a {
    filter: unset;
}

.fp-viewing-video .nav-socials::after,
.home.fp-viewing-truyen-thong .nav-socials::after,
.fp-viewing-thu-vien .nav-socials::after,
.fp-viewing-ngoai-khu .nav-socials::after {
    background-color: #006d8c;
}

.fp-viewing-video #fp-nav ul li a span,
.home.fp-viewing-truyen-thong #fp-nav ul li a span,
.fp-viewing-thu-vien #fp-nav ul li a span,
.fp-viewing-ngoai-khu #fp-nav ul li a span {
    background-color: rgb(0 109 140 / 0.7);
}

.fp-viewing-video #fp-nav ul li a,
.home.fp-viewing-truyen-thong #fp-nav ul li a,
.fp-viewing-thu-vien #fp-nav ul li a,
.fp-viewing-ngoai-khu #fp-nav ul li a {
    border-color: rgb(0 109 140 / 0.5);
}

.fancybox-thumbs__list a {
    border-radius: 10px;
    overflow: hidden;
}

.fancybox-thumbs__list a:before {
    border: 3px solid #8afef4;
    border-radius: 10px;
}

.fancybox-thumbs__list a {
    margin: 2px 5px;
}

.wobble-ver-left {
    -webkit-animation: wobble-ver-left 0.8s both;
    animation: wobble-ver-left 0.8s both;
}

/* ----------------------------------------------
 * Generated by Animista on 2020-11-23 14:20:51
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation wobble-ver-left
 * ----------------------------------------
 */
@-webkit-keyframes wobble-ver-left {

    0%,
    100% {
        -webkit-transform: translateY(0) rotate(0);
        transform: translateY(0) rotate(0);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
    }

    15% {
        -webkit-transform: translateY(-10px) rotate(-6deg);
        transform: translateY(-10px) rotate(-6deg);
    }

    30% {
        -webkit-transform: translateY(5px) rotate(6deg);
        transform: translateY(5px) rotate(6deg);
    }

    45% {
        -webkit-transform: translateY(-5px) rotate(-3.6deg);
        transform: translateY(-5px) rotate(-3.6deg);
    }

    60% {
        -webkit-transform: translateY(3px) rotate(2.4deg);
        transform: translateY(3px) rotate(2.4deg);
    }

    75% {
        -webkit-transform: translateY(-2px) rotate(-1.2deg);
        transform: translateY(-2px) rotate(-1.2deg);
    }
}

@keyframes wobble-ver-left {

    0%,
    100% {
        -webkit-transform: translateY(0) rotate(0);
        transform: translateY(0) rotate(0);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
    }

    15% {
        -webkit-transform: translateY(-5px) rotate(-6deg);
        transform: translateY(-5px) rotate(-6deg);
    }

    30% {
        -webkit-transform: translateY(5px) rotate(6deg);
        transform: translateY(5px) rotate(6deg);
    }

    45% {
        -webkit-transform: translateY(-3px) rotate(-3.6deg);
        transform: translateY(-3px) rotate(-3.6deg);
    }

    60% {
        -webkit-transform: translateY(3px) rotate(2.4deg);
        transform: translateY(3px) rotate(2.4deg);
    }

    75% {
        -webkit-transform: translateY(-2px) rotate(-1.2deg);
        transform: translateY(-2px) rotate(-1.2deg);
    }
}

#backtotop {
    display: none;
    position: fixed;
    bottom: 30px;
    right: 85px;
    box-shadow: 0 0 20px 10px rgb(255 255 255 / 0.5);
    text-align: center;
    color: #08708e;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 15px;
    background-image: linear-gradient(to right, #00ffe8 0%, #c4fe6b 100%);
    z-index: 999;
    transition: .3s all ease-in-out;
}

#backtotop:hover {
    transform: scale(1.2);
}

.home_sec5 .sliders {
    display: none;
}

.home_sec9 .mobile {
    display: none;
}

.fancybox-slide--html .fancybox-close-small {
    color: #fff;
}

.no-after-bg:after {
    background: none;
}

.image-lienket {
    max-width: 500px;
    margin: 0 auto;
    text-align: center;
}

.sec-lienket:before {
    background: url(../images/vector-vitri-lienket.png) center no-repeat;
    background-size: 100%;
    right: 0;
    top: -7px;
    width: 100%;
    left: auto;
    z-index: 1;
    padding-bottom: 15%;
}


.sec-lienket:after {
    content: "";
    position: absolute;
    background: url(../images/pattern-ngoaikhu.png) bottom no-repeat;
    background-size: 100%;
    left: 0;
    bottom: 0;
    width: 360px;
    height: 277px;
    top: auto;
}


@media (min-width: 1561px) {
    .image-lienket {
        max-width: 768px;
    }
}

.main-gallery {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
}

.main-gallery img {
    width: 100%;
}

.sec-gallery {
    max-width: 500px;
    margin: 0 auto;
    text-align: center;
    padding-top: 70px;
}

.sec-gallery .item {
    width: 360px !important;
    /* height: 61px; */
    /* box-shadow: 0 3px 65px rgba(0, 0, 0, 0.24); */
    border-radius: 31px;
    /* border: 2px solid #000000; */
    background: url(../images/Rounded_Rectangle_2.png) no-repeat center;
    background-position: center;
}


.sec-gallery .item span {
    color: #9aedff;
    font-size: 20px;
    text-align: center;
    text-transform: uppercase;
    font-style: normal;
    letter-spacing: normal;
    line-height: 23.99px;
    padding: 17px 0;
    display: block;
}

.sec-gallery .next {
    right: 0;
    background: url(../images/ar-next.jpg) no-repeat center;
}

.sec-gallery .prev {
    left: 0;
    background: url(../images/ar-prev.jpg) no-repeat center;
}

.gr_content_hn {
    width: 918px;
    height: 242px;
    margin: -2% auto 27%;
    display: table;
}

.gr_content_hn::before {
    content: "";
    width: 918px;
    height: 242px;
    background: url(../images/background_hn.png) no-repeat center;
    filter: blur(20px);
    position: absolute;
    top: 0;
}

.content_hn_title {
    display: table-cell;
    vertical-align: bottom;
    position: relative;
}

.about-abs {
    text-align: center;
    width: 560px;
    margin-top: -250px;
}

.about-abs .special_title {
    letter-spacing: -1px;
}

.about_content {
    position: relative;
}

.about_content::before {
    content: "";
    background: url(../images/dark.png) no-repeat center;
    width: 700px;
    height: 303px;
    display: block;
    position: absolute;
    z-index: -1;
    left: -55px;
    background-size: contain;
    top: -15px;
    filter: blur(30px);
}

.about_content p {
    width: 573px;
    height: 207px;
    color: #ffffff;
    font-size: 15px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: 24px;
    margin: 0 auto;
}


.about-abs .similar_title {
    margin-bottom: 0;
    background-image: linear-gradient(to right, #00ffe8 0%, #91fff5 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.about_sec2 {
    background: #c2e1f4 !important;
}

.group_content_nav ul {
    list-style: none;
    column-count: 2;
    margin-left: 0;
}

.group_content_nav ul li {
    margin-bottom: 15px;
}

.group_content_nav ul .top_title {
    color: #333333;
    font-size: 13px;
    font-weight: 400;
    text-align: left;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    margin-bottom: 5px;
}

.group_content_nav ul .bottom_title {
    color: #006d8c;
    font-size: 18px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: 24px;
    text-align: left;
    margin-bottom: 0;
}

.ab_location {
    padding: 20px 0;
}

.ab_location p {
    margin-bottom: 0;
    color: #383838;
    font-size: 15px;
    font-style: normal;
    letter-spacing: normal;
    line-height: 24px;
    text-align: left;
}


.about-project-content {
    position: absolute;
    padding-left: 85px;
    max-width: 500px;
    top: 45%;
    right: 0;
    transform: translateY(-50%);
}

.about-project-content::before {
    content: "";
    background: url(../images/about-border.png) no-repeat center;
    width: 688px;
    height: 618px;
    display: block;
    position: absolute;
    z-index: -1;
    left: -88px;
    top: -80px;
}

.about_sec1::after {
    content: "";
    background: url(../images/about/line_about1.png) no-repeat center;
    width: 100%;
    display: block;
    position: absolute;
    z-index: 2;
    left: 0;
    bottom: -30px;
    background-size: 100%;
    padding-top: 20%;
}

.about_sec2::after {
    content: "";
    background: url(../images/about/line_about2.png) no-repeat bottom;
    width: 100%;
    display: block;
    position: absolute;
    z-index: 23;
    left: 0;
    bottom: 0;
    background-size: 100%;
    padding-top: 20%;
}



.about-project-content::after {
    content: "";
    background: url(../images/white.png) no-repeat center;
    width: 120%;
    height: 100%;
    display: block;
    position: absolute;
    z-index: -1;
    left: 0;
    top: -30px;
    background-size: cover;
    filter: blur(30px);
}

.about-project-content .similar_title {
    margin-bottom: 0;
}

.img-background.img-obj-contain {
    object-fit: contain;
    width: 72%;
    height: 100%;
}

.img-background.img-toanha {
    object-fit: contain;
    width: 52%;
    height: 100%;
    z-index: 22;
}

.about_sec2 .container,
.about_sec2 .row {
    height: 100%;
}

.about_cdt_content p {
    font-size: 15px;
}

.img-aboutsec3 {
    position: absolute;
    top: -145%;
    left: 50%;
    transform: translateX(-50%);
}

.hinhanh-item {
    padding: 5px;
}

.hinhanh-item a {
    width: 100%;
    display: block;
    position: relative;
    height: 295px;
    max-height: 28vh;
}

.hinhanh-item a img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    left: 0;
    top: 0;
    z-index: 10;
}

.hinhanh-item a::before {
    display: block;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 11;
    background-color: #000000;
    opacity: 0;
    transition: .3s all ease-in-out;
}

.hinhanh-item a:hover::before {
    opacity: 0.6;
}

.hinhanh-item a::after {
    display: block;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    max-height: 100%;
    left: 0;
    bottom: 0;
    z-index: 12;
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 44%, rgba(0, 0, 0, 0) 100%);
    transition: .3s all ease-in-out;
}

.hinhanh-item a:hover::after {
    max-height: 0;
}

.hinhanh-item .title {
    color: #ffffff;
    font-family: 'Montserrat - Bold';
    font-size: 17px;
    position: absolute;
    width: 100%;
    bottom: 0;
    z-index: 20;
    padding: 0 25px 20px;
    margin: 0;
}

.icon-gallery {
    position: absolute;
    z-index: 20;
    top: 40px;
    left: 30px;
    width: 40px;
    height: 40px;
    background: url('../images/img-gallery.png') center no-repeat;
    background-size: 100%;
    opacity: 0;
    transition: .3s all ease-in-out;
}

.hinhanh-item a:hover .icon-gallery {
    opacity: 1;
}

.thuvien1::before {
    pointer-events: none;
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    left: 0;
    padding-top: 20%;
    bottom: -2px;
    background: url('../images/thuvien/bf-thuvien1.png') center bottom no-repeat;
    background-size: 100%;
    z-index: 3;
}

.thuvien2 {
    background-image: linear-gradient(to top, #ffffff 0%, #d3f8ff 100%);
}

.thuvien2::before {
    content: '';
    display: block;
    width: 149px;
    height: 149px;
    top: 20%;
    left: 5%;
    position: absolute;
    background: url('../images/thuvien/before-video.png') center no-repeat;
    background-size: 100%;
    z-index: 1;
    pointer-events: none;
}

.thuvien2::after {
    content: '';
    display: block;
    width: 532px;
    height: 100%;
    bottom: 0;
    right: 0;
    position: absolute;
    background: url('../images/thuvien/pattern-ngoaikhu.png') bottom no-repeat;
    background-size: 100%;
    z-index: 1;
    pointer-events: none;
}

.gallery-video .slick-list {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}

.gallery-video .slick-center .item-video {
    transform: scale(1.2);
    z-index: 20;
}

.gallery-video .item-video {
    height: 475px;
    max-height: 50vh;
    box-shadow: 0 0px 10px rgba(78, 65, 31, 0.31);
    background-color: #000000;
}

.gallery-video .item-video::after {
    background: url('../images/thuvien/icon-video.png') center no-repeat;
    width: 174px;
    height: 174px;
}

.gallery-video a {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.gallery-video img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    left: 0;
    top: 0;
    z-index: 10;
    opacity: 0.3;
    transition: .3s all ease-in-out;
}

.gallery-video .slick-center img {
    opacity: 0.6;
}

.gallery-video .title {
    color: #ffffff;
    font-family: 'Montserrat - Bold';
    font-size: 16px;
    top: 72%;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    z-index: 30;
    text-transform: uppercase;
    max-width: 165px;
    text-align: center;
    margin-bottom: 0;
}

.about_sec3 .fp-tableCell {
    vertical-align: bottom;
    padding-bottom: 90px;
}

/* 
.round::after {
    content: '';
    display: block;
    width: 120%;
    height: 120%;
    top: -10%;
    left: -9%;
    border-radius: 50%;
    position: absolute;
    background-color: #000;
    opacity: 0.7;
    z-index: -1;
} */

.tienich_sec2 .round {
    border: none;
}

.round-cricle {
    position: absolute;
    width: 70vh;
    height: 70vh;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    display: flex;
    align-items: center;
    border: 2px solid #2a98a4;
    border-radius: 50%;
}


#panels-tab .drag_element .hot-number {
    color: #ffffff;
    font-weight: 600;
    font-size: 12px;
    width: 28px;
    height: 28px;
    line-height: 29px;
}

.drag_element {
    cursor: pointer;
}

.hot-anim {
    width: 40px;
    height: 40px;
    top: -34px;
    left: -6px;
    position: absolute;
    background-color: rgb(255 255 255 / 0.5);
    border-radius: 100% !important;
    border: 2px solid transparent;
    opacity: 1;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    z-index: 1;
}

.svl_style_2 span.hot-number {
    width: 20px;
    height: 20px;
    display: block;
    text-align: center;
    border-radius: 100%;
    background: #007c89;
    color: #ffffff;
    font-weight: 600;
    font-size: 12px;
    position: relative;
    z-index: 20;
    cursor: pointer;
}


.svl_style_2 .drag_element:hover .hot-anim {
    -webkit-animation: circle-fill-anim 2.3s infinite ease-in-out;
    animation: circle-fill-anim 2.3s infinite ease-in-out;
}


@keyframes circle-fill-anim {
    0% {
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .5
    }

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

    100% {
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .5
    }
}

@-webkit-keyframes circle-fill-anim {
    0% {
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .5
    }

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

    100% {
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .5
    }
}

div#panels-tab {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.list-hotspot ul {
    column-count: 4;
    list-style: none;
    margin: 0;
}

.wrap_svl_center {
    display: none;
}

.wrap_svl_center.show {
    display: block;
}

.list-hotspot .hot-number {
    width: 21px;
    height: 21px;
    background-color: #007c89;
    display: inline-block;
    text-align: center;
    line-height: 21px;
    border-radius: 100%;
    color: #ffffff;
}

.list-hotspot span {
    color: #ffffff;
    font-size: 10px;
    font-weight: 600;
    line-height: 100%;
    text-transform: uppercase;
}

.list-hotspot {
    text-align: left;
    display: none;
}

.list-hotspot.show {
    display: block;
}

.tienich_sec1 .nav-floor {
    top: 85px;
    z-index: 11;
}

.point_hover {
    border: 2px solid #00ffe8;
    width: 160px;
    height: 160px;
    right: -145px;
    bottom: -140px;
    right: auto;
    overflow: hidden;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    transition: all .25s ease-in-out;
    box-shadow: 0 0 30px rgba(0, 0, 0, .5);
    z-index: 9000;
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    background-image: linear-gradient(to top, #053142 0%, #0e4c63 100%);
    position: absolute;
}

.faci-text {
    width: 100%;
    height: auto;
}

.faci-text p {
    width: 100%;
    height: auto;
    font-size: 12px;
    line-height: 1.2;
    color: #fff;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .3);
    text-align: center;
    padding: 15px 40px 10px;
    position: absolute;
    bottom: 0;
    margin: 0;
    left: 0;
    z-index: 1;
    background-image: linear-gradient(to top, #053142 0%, #0e4c63 100%);
}

.svl_style_2 .drag_element:hover .point_hover {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.svl_style_2 .drag_element:hover .hot-number {
    background-color: #53edd8;
    background-image: linear-gradient(49deg, #3ae9f1 0%, #3ae9f1 1%, #92f5b3 100%);
    color: #333333;
}

.point_hover img {
    object-fit: cover;
    height: 100%;
}

.list-hotspot li {
    cursor: pointer;
}

.list-hotspot li:hover .hot-number {
    background-color: #53edd8;
    background-image: linear-gradient(to right, #3ae9f1 0%, #3ae9f1 1%, #92f5b3 100%);
    color: #005e68;
}

.map {
    height: 100%;
}

.map iframe {
    width: 100%;
    box-shadow: 0 0 65px rgba(0, 64, 80, 0.27);
    border-radius: 30px;
    border: 5px solid #53edd8 !important;
    background-image: linear-gradient(to right, #053041 0%, #0e6b79 100%);
    overflow: hidden;
}

.tienich_sec1 .container-bottom-map .similar_title {
    white-space: normal;
}

.contact_sec1 .fp-tableCell {
    padding: 80px 0;
}


.copyright,
.copyright * {
    color: #ffffff !important;
    font-size: 11px;
}
.scroll-next-section {
    position: absolute;
    z-index: 3;
    bottom: 60px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 50px;
    transition: all .25s;
    -moz-transition: all .25s;
    -webkit-transition: all .25s;
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.scroll-next-section {
    -webkit-animation: pulse 2s infinite;
    animation: pulse 2s infinite;
}
.scroll-next-section svg {
    display: block;
    width: 100%;
    height: 100%;
}
.scroll-next-section:hover{
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0); }
    50% {
        -webkit-transform: translate(0, 16px);
        transform: translate(0, 16px); }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0); } }

@keyframes pulse {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0); }
    50% {
        -webkit-transform: translate(0, 16px);
        transform: translate(0, 16px); }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0); }
}

.fancybox-content#popup-banner {
    padding: 0;
}
div#form_dk .box {
    display: flex;
    padding: 0 !important;
    align-items: center;
}

div#form_dk .box>* {
    width: 50%;
}

div#form_dk {
    padding: 0 !important;
    max-width: 1000px;
    overflow: hidden;
}

div#form_dk .box h3 {font-family: 'Montserrat - Bold';margin-bottom: 0;}

div#form_dk .box .content {
    margin-bottom: 20px;
    display: block;
}

div#form_dk .box .wrap_input input,div#form_dk .box .wrap_input>* {
    display: block;
    max-width: 100%;
}

div#form_dk .box .wrap_input input:not(.wpcf7-submit), div#form_dk .box .wrap_input textarea {
    height: 45px;
    margin-bottom: 15px;
    border-radius: 25px !important;
    border: 1px solid #acacac !important;
    color: #333 !important;
    text-align: left;
    width: 100%;
}

div#form_dk .box .wrap_input input::placeholder, div#form_dk .box .wrap_input textarea::placeholder {
    color: #333;
    text-align: left;
}

div#form_dk .box .wrap_input textarea {
    height: 80px;
}

.wrap_input {
    margin: 0 -7px;
}

div#form_dk .box .wrap_input input.wpcf7-submit {
    margin-top: 0;
}

.box_form {
    padding: 30px;
}

div#form_dk button.fancybox-button.fancybox-close-small {
    color: #333 !important;
    background: transparent !important;
}