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

/*************** ADD CUSTOM CSS HERE.   ***************/
@font-face {
    font-family: 'vietux';
    src: url('./static/fonts/vietux.eot?45681410');
    src: url('./static/fonts/vietux.eot?45681410#iefix') format('embedded-opentype'),
        url('./static/fonts/vietux.woff2?45681410') format('woff2'),
        url('./static/fonts/vietux.woff?45681410') format('woff'),
        url('./static/fonts/vietux.ttf?45681410') format('truetype'),
        url('./static/fonts/vietux.svg?45681410#fontello') format('svg');
    font-weight: normal;
    font-style: normal;
}

.vietux {
    font-family: 'vietux';
    color: #f8a348;
    font-style: normal;
    margin-right: 10px;
    font-size: 20px;
}
.vietux-address:before {
    content: "\e812";
}
.vietux-price:before {
    content: '\f155';
    border: 1px solid #1f8783;
    color: #fff;
    background: #1f8783;
    width: 20px;
    height: 20px;
    display: inline-block;
    font-size: 12px;
    border-radius: 100%;
}
/* HEADER */
.homepage a svg {
    display: none;
}
.sub-menu.nav-dropdown.dark .menu-item a {
    position: relative;
}
.sub-menu.nav-dropdown.dark .menu-item a:before {
    content: "";
    transition: all .2s;
}
.sub-menu.nav-dropdown.dark .menu-item.active a,
.sub-menu.nav-dropdown.dark .menu-item a:hover {
    color: var(--fs-color-primary)
}
.sub-menu.nav-dropdown.dark .menu-item a:hover:before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 99px;
    background:var(--fs-color-primary);
    top: -2px;
    margin-right: 8px;
    position: relative;
    left: -1px;
}
.sub-menu.nav-dropdown.dark .menu-item a:hover:after {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 99px;
    position: absolute;
    left: 15px;
    border: 2px solid;
    padding: 5px;
    top: 14px;
}
/* HOMEPAGE */

.ids-banner .section-content {
    position: unset !important;
}
.ids-tab-list {
    display: none;
}
.ids-tab-list .button {
    transform: rotate(-90deg);
    z-index: 2;
    min-width: 110px;
}
.ids-floor__content .col-inner {
    margin-right: auto !important;
}
.ids-floor__content .col p {
    margin-bottom: 0
}
.ids-heading {
    position: relative;
    margin-bottom: 30px;
}
.ids-heading:after {
    content: "";
    background: url("./static/img/title-line.png") no-repeat;
    background-size: cover;
    display: block;
    width: 107px;
    height: 4px;
}
.ids-heading__center:after {
    margin: 0 auto;
}
.ids-destination {
    position: relative;
}
.ids-destination:before {
    content: '';
    position: absolute;
    top: 110px;
    left: 0px;
    width: 100%;
    height: 7px;
    background: #b5bfc8;
}
.ids-destination__num:after {
    content: "";
    position: absolute;
    top: 110px;
    left: 0px;
    width: 100%;
    height: 7px;
    background: #b5bfc8;
    z-index: -1;
}
.ids-destination__num {
    position: relative;
}

.ids-destination__num:before {
    content: '';
    position: absolute;
    bottom: -36px;
    left: 50%;
    transform: translateX(-50%);
    width: 26px;
    height: 26px;
    background: #fa8d2e;
    border-radius: 50%;
}
.ids-destination.row-small>.col {
    padding: 0 5px 10px;
}
.ids-destination .stack .text {
    font-size: 14px;
    min-height: 100px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}
.ids-destination .stack .text p {
    margin-bottom: 10px
}
.ids-destination .img img {
    clip-path: polygon(0% 8%, 41% 8%, 50% 0%, 59% 8%, 100% 8%, 100% 100%, 0% 100%);
}





.ids-util .box-text-inner > * {
    z-index: 1;
    position: relative;
}
.ids-util .tabbed-content .nav {
    flex-flow: wrap column;
    gap: 15px;
}
.ids-util .tabbed-content .nav .tab {
    margin: 0 5px
}

.ids-util .tabbed-content .nav .tab.active a {
    border: 1px solid #fff;
}
.ids-util .tabbed-content .nav .tab:not(.active) a {
    border: 1px solid var(--fs-color-primary);
    color: var(--fs-color-primary)
}
.ids-util .tabbed-content .nav .tab:hover a {
    background: var(--fs-color-primary);
    border: 1px solid #fff;
    color: #fff
}
.ids-util .tab-panels p {
    width: 100%;
    max-width: 1200px;
    padding: 0 15px;
    margin-top: 20px;
}
.ids-library .flickity-page-dots {
    bottom: 0
}
.ids-library .flickity-page-dots li {
    background-color: #fff !important;
    border-color: var(--fs-color-primary) !important;
}
.ids-library .flickity-page-dots li.is-selected {
    background-color: var(--fs-color-primary) !important;
}
.slider-nav-light .flickity-prev-next-button .arrow,
.slider-nav-light .flickity-prev-next-button svg {
    fill: var(--fs-color-primary)
}
.ids-tab .nav {
    gap: 15px;
}
.ids-tab .nav .tab a {
    border-radius: 0;
}
.ids-tab .nav .tab:hover a,
.ids-tab .nav .tab.active a {
    background: #1c2837;
    border: 1px solid #fff;
    
}
.ids-tab--primany .nav .tab a {
    border-radius: 99px;
    padding: 0 20px;
    border: 1px solid #F08629;
    color: #F08629;
}
.ids-tab--primany .nav .tab:hover a,
.ids-tab--primany .nav .tab.active a {
    background: #F08629;
    border-color: #F08629;
    color: #fff
    
}
/* TIENDO */
.ids-tab-responsive .nav {
    display: none;
}
.ids-tab-responsive .tab-panels .panel {
    -webkit-transition: opacity 0.3s ease-in-out;
      -moz-transition: opacity 0.3s ease-in-out;
      -o-transition: opacity 0.3s ease-in-out;
      -ms-transition: opacity 0.3s ease-in-out;
      transition: opacity 0.3s ease-in-out;
}
.ids-tab-responsive .tab-panels .panel.active {
    padding-bottom: 8px;

}
.ids-tab-responsive .tab-panels .panel:not(.active) {
    height: 57px;
    opacity: 1;
    visibility: visible
}
.ids-tab-responsive .tab-panels .panel:before {
    content: attr(data-title);
}
.ids-tab-responsive .tab-panels .panel:before {
    display: block;
    margin-bottom: 5px;
    padding: 10px 15px;
    border: 1px solid #fff;
    cursor: pointer;
}
.ids-tab-responsive .tab-panels .panel.active:before {
    background: #182a3d;
}
.ids-tab-responsive .tab-panels .panel:not(.active) * {
    display: none;
}
.ids-tab-responsive .tab-panels .panel:not(.active):before {
    display: block;
}
/* NEWS */
#main .blog-single:before {
    content: "";
    background: url("./static/img/bg-default.jpg") no-repeat center left;
    width: 100%;
    height: 100%;
    position: absolute;
    background-repeat: no-repeat;
    background-size: cover;
    top: 0;
    left: 0;
}
#main .blog-wrapper .large-10.col {
    flex-basis: 100%;
    max-width: 450px;
}
#main .blog-wrapper .large-10.col .small-columns-1>.col.post-item .box-text .post-title a,
#main .blog-wrapper .large-10.col .small-columns-1>.col.post-item .box-text .from_the_blog_excerpt {
    font-size: 16px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
#main .blog-wrapper .large-10.col .small-columns-1>.col.post-item .box-text .post-title a {
    -webkit-line-clamp: 2;
    text-transform: uppercase;
    color: var(--fs-color-primary)
}
#main .blog-wrapper .large-10.col .small-columns-1>.col.post-item .box-text .from_the_blog_excerpt {
    -webkit-line-clamp: 3;
}
#main .blog-single h1.entry-title {
    color: var(--fs-color-primary)
}
#main .blog-single .is-divider {
    display: none;
}
/* FOOTER */
#footer .ids-section .section-bg:before {
    content: "";
    background: url("./static/img/bg-slide8.jpg");
    display: block;
    width: 100%;
    height: 100%;
    z-index: 1;
    position: absolute;
    top: 0;
    background-position: center bottom !important;

}

#footer .ids-section p {
    margin-bottom: 5px
}
.ids-footer__info:before {
    content: "";
    background: url("./static/img/bg-default-3.jpg") no-repeat center left;
    width: 100%;
    height: 100%;
    position: absolute;
    background-repeat: no-repeat;
    background-size: cover;
    left: 0;
}
.absolute-footer.dark {
    display: none;
}
.wpcf7 label {
    visibility: hidden;
    color: transparent;
    line-height: 0px;
}
.wpcf7 .wpcf7-form-control-wrap {
    visibility: visible;
}
.wpcf7 .wpcf7-form-control-wrap input {
    background: #fff;
    border: 0;
    border-bottom: 1px solid #fff;
    color: #2b2144;
}
.wpcf7 .wpcf7-form-control-wrap input::placeholder {
    color: var(--fs-color-secondary) !important;
    opacity: .6;
    font-weight: 400;
}
.wpcf7-form span input:focus {
    color: #2b2144;
    box-shadow: none;
}
.wpcf7-form p {
    display: flex;
    flex-flow: wrap row;
}
.wpcf7-form p > label:nth-child(2n+1) {
    flex-basis: 50%;
    max-width: 50%;
}
.wpcf7-form p > label:nth-child(9) {
    flex-basis: 100%;
    max-width: 100%;
}
.wpcf7-form p > label:first-child,
.wpcf7-form p > label:nth-child(5) {
    padding-right: 10px
}
.wpcf7-form p > label:nth-child(3),
.wpcf7-form p > label:nth-child(7) {
    padding-left: 10px
}
input[type=submit].wpcf7-submit {
    border-radius: 10px;
}
.button.is-outline.back-to-top {
    border: 0
}
.button.is-outline.back-to-top:hover {
    background: transparent
}
.icon-angle-up:before {
    content: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Capa_1' x='0px' y='0px' viewBox='0 0 16 16' style='enable-background:new 0 0 16 16;' xml:space='preserve' width='50px' height='50px'%3e%3cg%3e%3cpath d='M8,0C3.582,0,0,3.582,0,8s3.582,8,8,8s8-3.582,8-8S12.418,0,8,0z M8,9.976L4,13L8,2l4,11L8,9.976z' fill='%23f48929'/%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3c/svg%3e");
    background: #fff;
    display: block;
    border-radius: 99px;
    width: 50px;
    height: 50px;
}
.follow-icons .button i {
    top: 0
}
/* GIAI ĐOẠN 2 */
.ids-util__image svg {
    position: absolute;
    width: 100%;
    height: auto;
    left: 0px;
    top: 0px;
}
.ids-util__image ul {
    list-style: none;
    padding: 0px;
    column-count: 2;
}
.ids-util__image ul li {
    margin-bottom: 10px;
}
.ids-util__image ul li strong {
    display: inline-block;
    background: #1290cb;
    width: 25px;
    height: 25px;
    text-align: center;
    border-radius: 99px;
    margin-right: 5px;
    color: #fff;
}
.ids-util__image ul li.item-2 strong {
    background-color: #f47a34;
}
/* 
* Hotline
*/
.reweb-contact-button {
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 1;
    width: 100%;
}
.reweb-contact-button a {
    width: 100%;
    position: relative;
} 
.reweb-contact-button .icon-box {
    align-items: center;
    background: var(--fs-color-secondary);
    padding: 8px 6px;
    
}
.reweb-contact-button a:not(:first-child) {
    border-left: 1px solid #770505;
}
.reweb-contact-button .icon-box-img {
    width: 12px !important
}
.reweb-contact-button .icon-box-left .icon-box-img + .icon-box-text {
    padding-left: 1em;
    font-size: .8em;
    font-weight: bold;
    line-height: 1.4;
    letter-spacing: -0.5px;
    color: white;
}
.reweb-contact-hotline {
    display: none;
}
.reweb-contact-hotline .icon-box-text .text,
.reweb-contact-button .icon-box-text .text {
    margin-bottom: 0;
    background-image: -webkit-radial-gradient(#e5e5e5, #dfdfdf 30%, #ffffff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #fff;
    font-weight: bold;
}
.reweb-contact-button p {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.reweb-contact-hotline  p,
.reweb-contact-button p {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/* Waterpoint */
.header-wrapper .header-main.waterpoint {
    background: linear-gradient(to bottom, #930304 0%, rgba(255,255,255,0) 100%) !important;
}
.page-template-page-waterpoint .header-bg-image {
    background-image:none
}
.header-main.landingreal.waterpoint .flex-right {
    margin: auto;
}
.header-main.landingreal.waterpoint .medium-logo-left #logo {
    margin-left: 30px
}
.header-main.waterpoint .medium-logo-left #logo {
    width: 100px;
}
.header-main.waterpoint .show-for-medium .mobile-nav a {
    padding: 8px 8px;
    background: hsla(0,0%,40%,.85)
}
.header-main.waterpoint .show-for-medium .mobile-nav a > i {
    color: #f0f0f0;
}

.reweb-tab > .nav {
    overflow-y: scroll;
    flex-flow: row;
    justify-content: space-between;
    padding: 10px 0;
}
.reweb-tab  > .nav>li>a {
    padding: 0 1.2em;
    border-radius: 5px;
    line-height: 2.5em;
    margin: 0 15px;
    white-space: nowrap;
}
.reweb-waterpoint-tab ul.nav-size-xlarge>li>a {
    color: #930304;
    padding: 10px 20px;
    min-width: 300px;
    text-align: center;
    display: block;
    border: 2px solid #930304;
    border-radius: 0;
}
.reweb-waterpoint-tab ul.nav-size-xlarge>li.active>a {
    color: #fff;
    background: #930304;
}
.reweb-waterpoint-tab.reweb-tab > .nav>li,
.reweb-waterpoint-tab.reweb-tab > .nav>li>a {
    margin: 0
}

.reweb-image-border {
    border: 2px solid rgb(255, 189, 89);
    border-radius: 5px;
}
.reweb-waterpoint-tab.reweb-dark ul.nav-size-xlarge>li.active>a {
    background: #f5a349
}
.reweb-waterpoint-tab.reweb-dark ul.nav-size-xlarge>li>a {
    border: 2px solid #f5a349;
    color: #f5a349;
}
.reweb-waterpoint-tab.reweb-dark ul.nav-size-xlarge>li.active>a {
    color: #930304;
}
.reweb-tab.reweb-light .nav-outline li.active a {
    border: 2px solid #930304;
}
.reweb-tab.reweb-light .nav-outline li a {
    color: #930304;
}

.ids-project {

}
@media only screen and (min-width: 768px) {
    .ids-section {
        min-height: calc(100vh - 65px);
    }
    .ids-tab-list {
        display: flex;
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        width: 40px !important;
        background: #F5A348;
        z-index: 2;
    }
    /* TIENDO */
    .ids-tab-responsive .nav {
        display: flex;
    }
    .ids-tab-responsive .tab-panels .panel:not(.active) {
        height: 0;
        opacity: 0;
        visibility: hidden
    }
    .ids-tab-responsive .tab-panels .panel:before,
    .ids-tab-responsive .tab-panels .panel.active:before {
        display: none;
    }
    #main .blog-wrapper .large-10.col {
        max-width: 720px;
    }
    #main .blog-wrapper .large-10.col .small-columns-1>.col.post-item {
        flex-basis: 50%;
        max-width: 50%;
    }
    .tab-panels .panel.entry-content p {
        max-width: calc(100% - 40px);
    }
}
@media only screen and (min-width: 850px) {
    .homepage a {
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
        width: 30px;
        margin: 10px 0 0;
        height: 55px;
        visibility: hidden;
    }
    .homepage a svg {
        visibility: visible;
        display: block;
    }
    .ids-destination .stack .text {
        min-height: 170px;
    }
    .ids-destination .col.large-3 {
        flex-basis: 28%;
        max-width: 28%;
    }
    .ids-destination .col.large-2 {
        flex-basis: 14%;
        max-width: 14%;
    }
    .ids-destination__num:after {
        display: none;
    }
    .ids-life .row {
        position: absolute;
        top: 30px;
        left: 50%;
        transform: translateX(-50%);
        z-index: 999;
    }
    .ids-util .tabbed-content .nav {
        flex-flow: wrap row
    }
    
    .ids-util .tab-panels p {
        bottom: 65px;
    }
    .ids-util .tabbed-content .nav {
        position: absolute;
        z-index: 2;
        bottom: 30px;
    }
    .ids-util .section-content .tab-shadow .panel.entry-content:before {
        content: "";
        background: linear-gradient(to top, black, transparent);
        display: block;
        height: 500px;
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        z-index: 1;
    }
    .ids-util .tab-panels {
        padding-top: 0;
        min-height: calc(100vh - 65px) !important;
    }
    /* Button */
    .reweb-contact-button a {
        height: 55px
    }
    .reweb-contact-button {
        top: 30%;
        width: auto;
    }
    .reweb-contact-button .icon-box {
        position: absolute;
        top: 0;
        left: calc( 100% - 45px);
        transition: all 0.25s;
        border-top-left-radius: 20px;
        border-bottom-left-radius: 20px;
        padding: 5px 15px;
        width: 200px;
    }
  .reweb-contact-hotline .icon-box-img svg {
    padding: 0px;
}
    .reweb-contact-button .icon-box:hover {
        left: calc( 100% - 150px);
    }
    .reweb-contact-button .icon-box-img {
        width: 20px !important;
      }
      .reweb-contact-hotline {
        position: fixed;
        bottom: 30px;
        left: 30px;
        z-index: 1;
        display: flex;
    }
    .reweb-contact-hotline a .icon-box {
        align-items: center;
        background: var(--fs-color-secondary);
        padding: 0px 15px;
        height: 50px;
    }
    .reweb-contact-hotline a:not(:first-child) {
        border-left: 1px solid #de6416;
    }
    .reweb-contact-hotline .icon-box .icon-box-img {
        margin-bottom: 0;
        padding-top: 0;
    }
    .reweb-contact-hotline .text {
        color: #fff
    }
    .page-template-page-waterpoint .dark .reweb-gioithieu:not(.dark) td {
        color: #000
    }

}
@media only screen and (min-width: 1024px) {
    
    .ids-life .banner {
        min-height: calc(100vh - 65px);
    }
    .ids-util .tab-shadow .tab-panels .image-cover {
        padding-top: 68% !important
    }
    .ids-util .section-content {
        min-height: calc(100vh - 65px) !important
    }
    /* PARTNER */
    .ids-partner .col:not(.partner) {
        flex-basis: 33.333333%;
        max-width: 33.333333%;
    }
    .ids-partner .col .box-image {
        width: 48% !important;
        min-height: 130px;
    }
    .ids-partner .col:first-child .box-image {
        width: 55% !important;
    }
    .ids-partner .col:last-child .box-image {
        width: 70% !important;
    }
    /* ABOUT */
    .ids-about__image {
        flex-basis: 50%;
        max-width: 50%;
    }
    .ids-about__content {
        flex-basis: 50%;
        max-width: 50%;
    }
    .ids-about__image .image-cover {
        padding-top: calc(100vh - 65px) !important
    }
    .ids-about__image:before {
        content: "";
        width: 300px;
        top: 0;
        background: url("./static/img/ak-idf-1.svg") no-repeat;
        height: 100%;
        z-index: 1;
        background-size: cover;
        position: absolute;
        left: -125px;
    }
    /* CATEGORY */
    #main .blog-wrapper .large-10.col {
        max-width: 100%;
    }
    #main .blog-wrapper .large-10.col .small-columns-1>.col.post-item .box-blog-post {
        display: table;
    }
    #main .blog-wrapper .large-10.col .small-columns-1>.col.post-item .box-image,
    #main .blog-wrapper .large-10.col .small-columns-1>.col.post-item .box-text {
        direction: ltr;
        display: table-cell;
        vertical-align: middle;
    }
    #main .blog-wrapper .large-10.col .small-columns-1>.col.post-item .box-image {
        width: 50%;
    }
    #main .blog-wrapper .large-10.col .small-columns-1>.col.post-item .box-text {
        padding-left: 20px;
    }
    #main .blog-wrapper .large-10.col .small-columns-1>.col.post-item:nth-child(4n+3) .box-blog-post,
    #main .blog-wrapper .large-10.col .small-columns-1>.col.post-item:nth-child(4n+4) .box-blog-post {
        direction: rtl;
    }
    #main .blog-wrapper .large-10.col .small-columns-1>.col.post-item:nth-child(4n+3) .box-text,
    #main .blog-wrapper .large-10.col .small-columns-1>.col.post-item:nth-child(4n+4) .box-text {
        padding-left: 0;
        padding-right: 20px
    }
    /* FOOTER */
    #footer .ids-section .section-bg:before {
        width: 62%;
    }
    #footer .ids-section .section-bg:after {
        content: "";
        width: 18vw;
        top: 0;
        background: url("./static/img/ak-idf-1.svg") no-repeat;
        height: 100%;
        z-index: 1;
        background-size: cover;
        position: absolute;
        left: calc(62% - 170px);
        transform: scaleX(-1);
    }
    .ids-footer__info:before {
        display: none;
    }
    .ids-footer__form {
        flex-basis: 60%;
        max-width: 60%;
        order: 1
    }
    .ids-footer__info {
        flex-basis: 40%;
        max-width: 40%;
        order: 2;
        padding-left: 6%
    }
    /* Waterpoint */
    .reweb-tab > .nav {
        justify-content: center;
      }
}
@media only screen and (min-width: 1280px) {
    .ids-tab-list {
        width: 85px !important;
    }
    .ids-banner {
        overflow: hidden;
    }
    .ids-tab-list:before,
    .ids-vector:before,
    .ids-floor .section-bg:before {
        content: "";
        width: 18vw;
        top: 0;
        background: url("./static/img/ak-idf-1.svg") no-repeat;
        height: 100%;
        z-index: 2;
        background-size: cover;
        position: absolute;
    }
    .ids-tab-list:before,
    .ids-vector:before {
        right: -85px;
    }
    
    .ids-vector,
    .ids-product .section-content {
        position: unset !important;
    }
    .ids-floor .section-bg:before {
        right: 27vw;
        transform: scaleX(-1);
    }
    .ids-floor__image {
        flex-basis: 65%;
        max-width: 65%;
        order: 1
    }
    .ids-floor__content {
        flex-basis: 35%;
        max-width: 35%;
        order: 2
    }
    .ids-floor__content .col-inner {
        max-width: 480px !important;
    }
    .ids-destination .stack .text {
        min-height: 125px;
    }
    /* ABOUT */
    .ids-about__image {
        flex-basis: 65%;
        max-width: 65%;
    }
    .ids-about__content {
        flex-basis: 35%;
        max-width: 35%;
    }
    /* FOOTER */
    .ids-footer__info {
        padding-left: 12%
    }
    .ids-util .ids-heading .ids-heading--shadow,
    .ids-util .tab-shadow .tab-panels p {
        position: absolute;
        z-index: 1;
        bottom: 150px;
        left: 50%;
        transform: translateX(-50%);
    }
    .ids-tab-list {
        height: 100%;
    }
    .ids-util__image .large-12:first-child {
        flex-basis: 60%;
        max-width: 60%;
        margin-top: 5%;
    }
    .ids-util__image .large-12:nth-child(2) {
        flex-basis: 40%;
        max-width: 40%;
    }
    .giai-doan-2 {
        display: none;
    }
    .ids-util .panel .ids-heading {
        top: 30px;
    }
    .tab-panels .panel.entry-content p {
        max-width: calc(1200px - 18vw);
    }
}
@media only screen and (min-width: 1366px) {
    .ids-destination .stack .text {
        min-height: 100px;
    }
}