@charset "utf-8";


.white-text{color: #fff !important}


:root {
    --d-transition:all 0.5s cubic-bezier(0.65, 0, 0.35, 1);
    --d-gradient:#fff;
    --d-bg:url('../images/hinh-nen.jpg') no-repeat center center;
    --d-gradient-nav:linear-gradient(135deg, rgba(11,78,130,0.9) 0%, rgba(14,45,44,0.9) 100%);
    --d-gradient-thumb:linear-gradient(0deg, rgba(14,45,44,0.8) 0%, rgba(14,45,44,0.3) 40%, rgba(14,45,44,0) 100%);
    --d-padding:3vw;
    --d-padding-d:4vw;
    --d-padding-xl:14.32292vw;
    --color-main:#00a89d;
}

html::-webkit-scrollbar{width:8px;background-color:#fff}
html::-webkit-scrollbar-thumb{background-color:#00a89d;border-radius:4px}
html{scrollbar-base-color:#00a89d;scrollbar-face-color:#00a89d;scrollbar-3dlight-color:#00a89d;scrollbar-highlight-color:#00a89d;scrollbar-track-color:#fff;scrollbar-arrow-color:#00a89d;scrollbar-shadow-color:#00a89d;scrollbar-dark-shadow-color:#00a89d;scrollbar-color:#00a89d #fff;scrollbar-width:8px}

body{font-family: "Montserrat", sans-serif;margin:0;padding:0;font-size: 0.95rem; line-height: 1.3rem;overflow-x:hidden;font-weight:400;color:#5C5C5C;background: #fff;}

body:not(.disable-fullpage),body:not(.disable-fullpage) section{overflow:hidden}
body:not(.ready){overflow:hidden!important}
h1,h2,h3,h4,h5,h6{font-family: "Montserrat", sans-serif;font-weight: 700;margin:0 auto 15px;line-height:1.4}
strong, b{font-family: "Montserrat", sans-serif;font-weight: 700;}

h1{font-size:48px}
h1.sm,h2{font-size:30px}
h2.lg,h3.xxl{font-size:24px}
h2.md,h3{font-size:20px}
h2.sm,h4{font-size:18px;margin-bottom:15px}
h5{font-size:15px;margin-bottom:15px}
h6{font-size:14px;margin-bottom:10px}
a{transition:var(--d-transition);text-decoration:none;color:#333}

a:focus,a:hover{text-decoration:none;outline:0}
a:hover{color:#f49977}
ol,ul{margin:0 auto 20px}
ol li,ul li{margin:0 auto 10px}
blockquote{background:#f5f5f5}
:focus,button:focus{outline:0}

img{max-width:100%;width:auto;height:auto}

.wp-caption{max-width:100%;text-align:center}
.wp-caption.alignleft,.wp-caption.alignnone{margin:5px 20px 20px 0}
.wp-caption.alignright{margin:5px 0 20px 20px}
.wp-caption img{border:0;height:auto;margin:0;max-width:100%;padding:0;width:auto}
.wp-caption p.wp-caption-text{font-size:13px;margin:0;padding:5px 5px 0}

.form-group{margin-bottom:10px;position:relative}
.form-group.has-error .help-block{color:#c74243;position:absolute;top:0;right:0}
.form-group-captcha{font-size:.7em;opacity:1;color:#fff}
.form-group-captcha a{color:#fff}
.form-label{color:#111;font-size:14px;font-weight:400;margin:0 auto 8px}
.form-control{background: 0 0;  border: 0;  border-radius: 0;  box-shadow: none;  color: #5C5C5C;  font-size: 16px;  height: 30px;  line-height: 30px;   padding: 0px;   border-bottom: 1px solid #5C5C5C;}
textarea.form-control{padding:0px;height: 30px;  line-height: 30px;     min-height: auto;    overflow: hidden;}
.form-control:hover{box-shadow:none;outline:0}
.form-control:focus{box-shadow:none;background:0 0;border-color:var(--color-main);outline:0;}

.select{position:relative}
.select select{appearance:none;-moz-appearance:none;-o-appearance:none;-webkit-appearance:none;-ms-appearance:none}
.select::after{color:#878787;content:"";cursor:pointer;font-family:fontawesome;font-size:15px;padding:12px 0;pointer-events:none;position:absolute;right:15px;top:0}

.form-control option{padding:10px}
.control-label{color:#555;font-size:15px;font-weight:700}
.checkbox label,.radio label{cursor:pointer;font-size:14px;font-weight:400;padding-left:26px;position:relative}
.checkbox input[type=checkbox],.radio input[type=radio]{display:none}
.radio label:before{background-color:transparent;border-style:solid;border-width:1px;border-radius:50%;content:"";display:inline-block;height:15px;left:0;top:4px;position:absolute;width:15px}
.checkbox label::before{background-color:rgba(0,0,0,0);border:1px solid #111;content:"";display:inline-block;height:16px;left:0;position:absolute;top:4px;width:16px}

.radio input[type=radio]:checked+label:before{content:"\2022";font-size:15px;text-align:center;line-height:11px}
.checkbox input[type=checkbox]:checked+label:before{content:"\2713";font-size:12px;text-align:center;line-height:14px}
.black_input .form-control{background:#222;border-radius:3px;color:#fff;border:1px solid #222;font-size:17px}

section{position:relative}
.title{font-size:40px;line-height:51px;text-transform:uppercase;margin-bottom:15px;position:relative;display:inline-block}
.section-title{font-size: 2.3rem;font-family: "K2D", sans-serif; font-weight: 600;  line-height: 3.5rem;color:#00a89d;text-transform:uppercase;margin-bottom:1.5rem;position:relative;display:inline-block;}
    .section-title:after{content:'';width: 140px; height: 1px; background: #00a89d; position: absolute;     left: 0px;}
    .section-title.none-line:after{display: none;}
.t-bottom{padding-bottom: 0.8rem;}
    .t-bottom:after{bottom: 0px; left: 0px}

    .t-bottom.t_center:after{left: 50% !important; transform: translateX(-50%);}
.t-top{padding-top: 40px;}
    .t-top:after{top: 0px; left: 0px}
.t-bottom.line-center:after,.t-top.line-center:after{left: 0%;}


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

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





.cover,.section-cover{background-size:cover;background-position:center center;background-repeat:no-repeat}

.fancybox-container .fancybox-bg,.fancybox-container .fancybox-button{background:#00a89d}
.fancybox-container .fancybox-navigation button{color:#00a89d;background:center center/contain no-repeat;width:14px;height:30px;padding:0;margin:0 15px}
.fancybox-container .fancybox-navigation button:before{background:0 0}
.fancybox-container .fancybox-navigation button svg{display:none}
.fancybox-container .fancybox-navigation .fancybox-button--arrow_left{background-image:url(../images/ico-prev-s-h.svg)}
.fancybox-container .fancybox-navigation .fancybox-button--arrow_right{background-image:url(../images/ico-next-s-h.svg)}

.fancybox-container .fancybox-caption-wrap .fancybox-caption{color:#00a89d}
.fancybox-container .fancybox-caption-wrap strong{margin-left:5px}

.grecaptcha-badge{visibility:hidden}
.tab-content{margin-top:0;padding:0}

.nicescroll-rails {transform:translatex(calc(-1 * (var(--d-padding) - 30px)))}
.zoom-in{display:block}
.zoom-in img{-webkit-transform:scale(1);transform:scale(1);-webkit-transition:.5s ease-in-out;transition:.5s ease-in-out}
.zoom-in:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}

.item-thumb.animation{overflow:hidden;position:relative;display:block}
.item-thumb.animation:after{-webkit-transition:.3s;transition:.3s;content:"";position:absolute;left:0;top:0;width:100%;height:100%}

.item-thumb.animation img{transition:transform 3s cubic-bezier(0,.6,.45,1)}
.item-thumb.animation:hover img,.item:hover .item-thumb.animation img{-webkit-transform:scale(1.1);transform:scale(1.1)}
.item:hover .item-thumb.animation:after{-webkit-box-shadow:inset 0 0 0 5px rgba(243,190,79,.5);box-shadow:inset 0 0 0 5px rgba(243,190,79,.5)}
.parallex-bg{background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover;position:relative}
.modal-header{background:#333;color:#fff}
.modal-header h4{color:#fff}
.modal-header .close{color:#fff;opacity:1}
.modal-header .close:hover{opacity:.7}
.modal-content{border-radius:0;background:rgba(255,255,255,1)}
.bootbox .bootbox-body{color:#333}
.bootbox.modal .close{position:absolute;margin:0!important;right:-15px;top:-15px;border-radius:50%;width:30px;height:30px;font-size:26px;line-height:.8;background:#00a89d;color:#fff;border:0}
.bootbox.modal .close:hover{background:#00a89d}
.mask{position:fixed;left:0;top:0;width:100%;height:calc(var(--vh,1vh) * 100);overflow:hidden;z-index:99999;transition:var(--d-transition);transition-duration:2s}
.mask::before{content:'';background:linear-gradient(0deg,#003B61 0,#003B61 100%)}
.mask::before,.wave-svg{height:calc(var(--vh,1vh) * 100);position:relative;display:block;width:100%}
.wave-svg path{fill:#003B61}
.mask.up{opacity:0}
.wave-svg{margin:-10px 0 0;transform-origin:50% 0}
.mask .mask-bg{position:absolute;left:0;top:0;width:100%;height:calc(var(--vh,1vh) * 100);background:0 0/cover #00a89d;transition:var(--d-transition);z-index:4}
.mask .mask-bg svg{position:absolute;width:20rem;max-width:45vw;height:auto;left:50%;top:50%;transform:translate(-50%,-50%);transition:var(--d-transition);transition-duration:1s}
.mask.up .mask-bg svg{opacity:0;filter:blur(15px);transform:translate(-50%,-50%) scale(2);transform-origin:center}
body.ready .mask{pointer-events:none;z-index:-99999}
#logo_vivus path{fill-opacity:0;stroke:#fff;stroke-width:1px}
#logo_vivus.done path{fill-opacity:1;stroke-width:0}
.fixed-btn{position:fixed;right:30px;z-index:6;opacity:0;transition:var(--d-transition);transform:translateY(100px);}
.fixed-btn.show{transform:translateY(0);opacity:1}
.fixed-btn.center{top:50%;transform:translateY(-50%)}
.fixed-btn.top{top:40px}
.fixed-btn.callto_act{bottom:2rem;right:15px;color:#fff;}
.fixed-btn .svg,.fixed-btn svg{width:32px;height:auto}
body.menu-open .fixed-btn.bottom{z-index:22}
.svg-ani svg path{fill:none!important;stroke:currentColor}



.fullpage-wrapper .bg-nav{position:relative}
.fullpage-nav{line-height:normal;padding:0;margin:0;position:fixed;right:calc(var(--d-padding) - 35px);z-index:6;opacity:0;transition:var(--d-transition);top:50%;transform:translate(100px,-50%)}
.fullpage-nav.show{transform:translate(0,-50%);opacity:1}
.fullpage-nav li{padding:0;margin:10px 0;list-style:none}
.fullpage-nav li a{color:rgba(255,255,255,1);text-transform:uppercase;opacity:.4;display:flex;font-weight:500;font-size:16px;align-items:center;justify-content:flex-end}
.fullpage-nav li a .title{transform:translateX(50%);opacity:0;transition:var(--d-transition);text-transform:uppercase;color:#fff}
.fullpage-nav li.active a,.fullpage-nav li:hover a{opacity:1}
.fullpage-nav li:hover a .title{transform:translateX(0);opacity:1}
.fullpage-nav li span:not(.title){display:flex;align-items:center;justify-content:center;margin-left:10px;text-align:center;flex:0 0 35px;width:35px;height:35px;border:1px solid #fff;border-radius:50%;order:2}
.fullpage-nav li.active a span:not(.title),.fullpage-nav li:hover a span:not(.title){background:#00a89d}

#header{background:0 0;position:fixed;top:0;width:100%;-webkit-transition:all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;z-index:22;visibility:hidden}
#header.show{opacity:1;visibility:visible;    }
.to_bottom.sticky #header,.to_bottom #header{display: none}

.child-page.to_bottom #header{display: block;}
.menu-open #header{overflow: visible;}
.navbar-header{position:relative;z-index:1}
#header .navbar{display: flex;     align-items: center;padding:0}

#header .navbar-brand{margin:0;transition-duration:.3s;width:193px;min-width:90px;height:auto;padding:0;position:relative}
   
#header .navbar-brand:after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;z-index:2}
#header .navbar-brand .white{display:none}
#navigation{padding:0;position:relative;text-align:right}
#header .header-right{display:flex;align-content:center;position:absolute;right:0px;color:#fff; margin-top: 30px; transition: var(--d-transition);}
#header .header-right>a{margin-right:15px;position:relative;font-size:16px;text-transform:uppercase}
#header .header-right a.svg-ani{color:#fff;display:flex;align-items:center}
#header .header-right .svg{height:22px;width:auto;margin-right:10px}
#header .language{display:grid;grid-template-columns:repeat(2,1fr);gap:0;    margin: 0px;}
#header .language a{color:#fff;font-size:14px;padding:2px 5px;background:#8C8E90;text-transform:uppercase;border-radius:0;text-align:center}
#header .language li{list-style:none;margin:0;    display: grid; align-items: center;}
#header .language a:hover,#header .language .current-lang a{color:#fff;background:#00a89d}
.sticky #header .language .current-lang a{color:#fff;background:#d8caba !important}
#header .language ul{min-width:60px;text-align:center}
#header .ico-social{display:flex}
#header:not(.is-alternate){-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s}
.header-bottom .navbar-toggler{border:0;color:#fff;text-transform:uppercase;font-size:17px;padding:0px 60px 0px 16px;display:none;position:relative;}
.header-bottom .navbar-toggler:focus{outline:0;box-shadow:none}
#header .navbar-toggler-icon{background:0 0;position:absolute;right:20px;top:50%;transform:translateY(-50%);width:30px;height:20px;cursor:pointer;transition:.3s}
#header .navbar-toggler-icon>span{display:block;width:100%;height:2px;border-radius:4px;background-color:#fff;position:absolute;transition:.3s}
#header .navbar-toggler-icon>span:nth-of-type(1){width:60%;top:0;left:0}
#header .navbar-toggler-icon>span:nth-of-type(2){width:100%;top:50%;left:0;transform:translateY(-50%)}
#header .navbar-toggler-icon>span:nth-of-type(3){width:100%;top:100%;left:0;transform:translateY(-100%)}
#header .navbar-toggler-icon:hover>span{transition:.3s}

.lang-mobile{display: none;}


#header {background: #00a89d}
body.child-page #header {
    position: relative;
    background: #00a89d;
}
.child-page #header .language .current-lang a { background: #d8caba !important;}

.overlay-menu .menu a{color:#fff;transition:.4s;display:inline-block;font-size:1rem;text-transform:uppercase;font-family: "K2D", sans-serif; font-weight: 500;}
.overlay-menu .menu{list-style:none;padding:0;margin-left:0;margin-bottom:0;}
.overlay-menu .menu>li{margin:1rem 0.8rem;position:relative;display:inline-block; transition: var(--d-transition);}
.overlay-menu .menu>li:last-child{margin-right: 0}
.overlay-menu .menu .active a,.overlay-menu .menu a:hover{color: #d8caba;}
body.menu-open .header-bottom .navbar-toggler{color:#fff}
body.menu-open #header .navbar-toggler .navbar-toggler-icon{margin:0;width:30px;height:20px;transform:rotate(180deg) translateY(50%);transition:.3s;opacity:1}
body.menu-open .header-bottom .navbar-toggler:after{opacity:0}
body.menu-open #header .navbar-toggler .navbar-toggler-icon>span{width:100%;height:2px;background-color:#fff;transition:.3s}
body.menu-open #header .navbar-toggler .navbar-toggler-icon>span:nth-child(1){top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg)}
body.menu-open #header .navbar-toggler .navbar-toggler-icon>span:nth-child(2){opacity:0}
body.menu-open #header .navbar-toggler .navbar-toggler-icon>span:nth-child(3){top:50%;left:50%;transform:translate(-50%,-50%) rotate(-45deg)}


.fp-completely .bg,.fp-completely .bg.go {opacity:1}

.swiper:not(.swiper-default) .slide-control{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);z-index:2;display:flex;align-items:center}
.swiper:not(.swiper-default) .slide-control .swiper-button-next,.swiper:not(.swiper-default) .slide-control .swiper-button-prev,.swiper:not(.swiper-default) .slide-control .swiper-pagination{position:static}
.swiper .slide-control .swiper-pagination{display:flex;margin:0 54px}
.slide-control .swiper-pagination .swiper-pagination-bullet{background:#cfb082}
.slide-control .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#00a89d}
.slide-control .swiper-button-next,.slide-control .swiper-button-prev{width:33px;height:33px;background-size:auto 50%;background-repeat:no-repeat;background-position:center center;flex:0 0 33px;margin:0 10px;border:1px solid #00a89d;border-radius:50%;transition:var(--d-transition)}
.slide-control .swiper-button-next:after,.slide-control .swiper-button-prev:after{display:none}
.slide-control .swiper-button-prev{background-image:url(../images/arrow-prev.svg)}
.slide-control .swiper-button-next{background-image:url(../images/arrow-next.svg)}
.slide-control .swiper-button-next:hover{background-color:#fff;background-image:url(../images/arrow-next-white.svg)}
.slide-control .swiper-button-prev:hover{background-color:#fff;background-image:url(../images/arrow-prev-white.svg)}
.slide-control.dark .swiper-button-prev{background-image:url(../images/arrow-prev.svg)}
.slide-control.dark .swiper-button-next{background-image:url(../images/arrow-next.svg)}
.section-gallery .slide-control .swiper-button-next,.section-gallery .slide-control .swiper-button-prev{background-color:rgba(207,176,130,.3);border-color:#cfb082}
.library-list .slide-control.xxl .swiper-button-next,.library-list .slide-control.xxl .swiper-button-prev{margin-top:-21.5px}

.form-popup{position:absolute;width:25.26vw}

.caption_banner{height: 100%;}
.tagline-banner {
    text-align: center;
    color: #fff;
    font-size: 100px; width: 100%;
    
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.form-popup .inner{text-align:center}
.modal-form-popup .modal-content{background:rgba(0,0,0,.8)}
.modal-form-popup .close{position:absolute;top:10px;right:10px;width:40px;height:40px;background:#00a89d;transition:var(--d-transition);opacity:1;z-index:4;border-radius:50%}
.modal-form-popup .close:after{content:'';position:absolute;left:25%;top:25%;width:50%;height:50%;background:url(../images/icon-close.svg) center center/contain no-repeat}

.section-content-fitbottom{position:absolute;bottom:30px;left:0;width:100%;z-index:3}


.w-btn-act{position:relative;    overflow: hidden;display:block;outline:none;border:0;vertical-align:middle; text-decoration:none;background:transparent;padding:0;height:41px;     width: 41px;margin-bottom: 7px;}
   .w-btn-act:hover{overflow: visible;}
.w-btn-act .act-l{color:#fff;font-size: 18px;overflow: hidden;  position:absolute;right:0px;opacity:0;overflow: hidden;   pointer-events: none;white-space:nowrap;
margin:0;height:41px; width: 41px; background:#00a89d; display: flex; align-items: center; padding-left: 20px; border-radius:1.625rem;}
    .w-btn-act a:hover .act-l{    opacity: 1; pointer-events: auto; right: 0px; width: max-content;   padding-right: 60px;transition:all .3s cubic-bezier(0.65,0,0.076,1);}

.fixed-social-btn a{display:flex;justify-content:center;align-items:center;font-size:14px;margin-right:10px;color:#fff}
.ico-act{background:#fff;position:absolute;right:0;border-radius:50%;width:41px;height:41px;border:1px solid #00a89d}
    .ico-act svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color: #00a89d}
    .ico-act .ico-hotline{width:20px;height:20px}

    
    .ico-act .ico-dangky{width: 19px; height: 19px;}
    .ico-act .ico-facebook{width: 11px; height: 19px;}
    .ico-act .ico-360{width: 28px; height: 19px;}
    .ico-act .ico-brochure{width: 19px; height:19px;}
    .ico-act svg path {fill: none !important;stroke: #00a89d;   }


.gotop{position:relative;width:41px;height:41px;    float: right; margin-top: 20px;}
    .gotop a{    font-size: 15px;background: #fff;  border-radius: 50%;  transition: all ease 0.3s; color: #00a89d;width:41px;height:41px; text-align: center;    display: grid;    align-items: center; cursor: pointer;}
    .gotop a:hover{background: #00a89d; color: #fff;}


.register.register-pop { background: #00a89d; position: absolute; bottom: 40px;    transition: var(--d-transition); top: auto; z-index: 20; left: 50%; transform: translateX(-50%); padding: 8px 20px; border: 1px solid #fff; border-radius: 40px; text-transform: uppercase; color: #fff;  }
       .register.register-pop:hover {background: #8C8E90;    padding-right: 45px;} 
       .register.register-pop:before{ opacity: 0;
            content: ''; position: absolute; right: 10px; top: 15px; background: url(../images/ico-next-w.svg) left center no-repeat; background-size: contain; width: 23px; height: 8px;
       }
       .register.register-pop:hover:before{ opacity: 1;}
       .sticky .register.register-pop{opacity: 0;    pointer-events: none;}
/*Gioi thieu*/
.section{padding: 3rem 0px;}
.ab-mobile{display: none;}
.section.section-about{background-position: center top; color: #fff;   }
.section-about .section-content-wrapper{background: rgb(0 0 0 / 60%); padding: 2rem 2rem 1rem;}
.section-about .section-content ul{position: relative;padding-top: 0.5rem; padding-bottom: 0.5rem}
    .section-about .section-content ul:after{content:''; width: 1px; height: 100%; background: #fff; position: absolute; left:1.5rem; top: 0;}
    .section-about .section-content ul li{list-style: none; position: relative;    z-index: 2; padding-left: 1rem}
    .section-about .section-content li:before{content: ''; width: 10px; height: 10px; border-radius: 50%; background: #46c0b6; left: -0.8rem; top: 0.4rem; position: absolute;}


    .section-about .cont-about{position: absolute; left: 50%; top: 0; transform: translateX(-50%); width: 100%; padding-top: 4rem;}
    .section-about .section-title span{display: block;}
    .section-about .section-title .t-color{background: #F6FEFE;font-size: 3.3rem;    margin-top: 0.3rem; background: linear-gradient(to bottom right, #F6FEFE 0%, #73F2E4 37%, #0BE8CF 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
    .section-about .section-content{max-width: 945px; margin: auto;}
    .img-about img{border-top-left-radius: 5rem; border-bottom-right-radius: 5rem}
.jsignature_design{position: relative; left: 5%;    padding-top: 80px;}
.jsignature_design .item{
  width: 300px;    margin: 0 12px;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  position: relative;
}
.jsignature_design .design_featured_slider .item{margin: 0px}
.jsignature_design .design_slider .item{width: 290px;}
.jsignature_design .head_info{height: 120px;  position: relative;}
.jsignature_design .num{position: relative; color: #432425; font-size: 21px; margin-bottom: 15px;}
.jsignature_design .sig_title {
    font-size: 25px;
    
    text-transform: uppercase;
    color: #432425;
    line-height: 29px;
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 54px;
}
.jsignature_design .design_featured_slider .sig_title{font-size: 40px; color: var(--color-main);    line-height: 50px;}
.jsignature_design figure{
  position: relative;
  height: 380px;
  margin-bottom: 0;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}

.jsignature_design .item figure img{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
}
.slider-progress {
  width: 100%;
  height: 1px;
  background: #D9D9D9;
  bottom: 0;
  position: relative;
  margin: 30px 0px 20px; border-radius: 0px;
}
.slider-progress .progress {
  width: 0%;
  height: 1px;
  background: #00a89d;
  position: absolute;
  top: 0px;
  left: 0;
}
.jsignature_design .jdesign_nav {
  display: flex;
  gap: 10px;
  -moz-column-gap: 10px;
       column-gap: 10px;
}
.jsignature_design .prev a,.jsignature_design .next a {
  display: flex;
  width: 40px;
  height: 40px;
  justify-content: center;
  align-items: center;
  color: #FFFFFF;
  background: #D9D9D9;
  transition: var(--d-transition);
  border-radius: 50%;  
    background-size: 7px;
    background-position: center center;
    background-repeat: no-repeat;
    text-indent: -9999px;
}

}
.jdesign_paging {  color: #575857;}

    .jsignature_design .prev .slick-arrow,.section-gallery .prev,.room-slick .slick-prev{background-image: url(../images/ico-prev-s.svg);    }
    .jsignature_design .prev:hover .slick-arrow,.album-destination .slide-control .swiper-button-prev:hover,.section-gallery .prev:hover,.room-slick .slick-arrow.slick-prev:hover{
        background: #00a89d url(../images/ico-prev-s-h.svg) center center no-repeat;background-size: 7px;color: #fff;
    }
    .jsignature_design .next .slick-arrow,.section-gallery .next,.room-slick .slick-next{background-image: url(../images/ico-next-s.svg);    }
    .jsignature_design .next:hover .slick-arrow,.album-destination .slide-control .swiper-button-next:hover, .section-gallery .next:hover,.room-slick .slick-arrow.slick-next:hover{
        background: #00a89d url(../images/ico-next-s-h.svg) center center no-repeat;background-size: 7px;color: #fff;
    }

.album-destination .slide-control { position: absolute;  right: -137px; bottom: -20px;}
.album-destination .slide-control .swiper-button-prev,.section-gallery .prev{background: #D9D9D9 url(../images/ico-prev-s.svg);left: 0px;}
.album-destination .slide-control .swiper-button-next,.section-gallery .next{background: #D9D9D9 url(../images/ico-next-s.svg);right: 0px;}
.album-destination .slide-control .swiper-button-prev,.album-destination .slide-control .swiper-button-next,.section-gallery .con-lr button,.room-slick .slick-arrow{
  display: flex;
  width: 40px;
  height: 40px;
  justify-content: center;
  align-items: center;
  color: #FFFFFF;  
  border: none;
  border-radius: 50%;  
  background-color: #D9D9D9 ;
    background-size: 7px;
    background-position: center center;
    background-repeat: no-repeat;
    text-indent: -9999px;    position: relative;    display: inline-block;
    margin: 5px;
}
.album-destination .slide-control .swiper-button-next, .section-gallery .next,.room-slick .slick-arrow.slick-next{background-position: 17px center !important;}

.album-destination .swiper-slide .t-diemden{text-transform: uppercase; color: #fff; position: absolute; bottom: 30px; width: 100%; text-align: center; font-size: 18px;}

/*NOI THAT*/
.section.s-floorplan{padding-bottom: 0}
.s-floorplan .container-fluid{padding-left: 2rem; padding-right: 2rem}
.t-floor{text-align: center; text-transform: uppercase;color: #333; margin-top: 1.2rem;}

/*VI TRI*/
.section-location {
    overflow:hidden;
    background: #f3f3f3;min-height: auto;
}
.section-location .section-image-wrapper {
    width:894px;
    height:100%;
    margin-left:0;
    margin-top:0;
    float:right;
    -moz-transform: scale(0.88);
    -moz-transform-origin: 0 0;
    -o-transform: scale(0.88);
    -o-transform-origin: 0 0;
    -webkit-transform: scale(0.88);
    -webkit-transform-origin: 0 0;
    transform: scale(0.88);
    transform-origin: top;
}
.section-location.active .section-image-wrapper {
    opacity:1
}
.section-location .section-title,.section-location-link .section-title{
    margin-bottom: 0px;
}
.align-center{align-items: center;}
.section-location .section-image {
    width:894px;
    height:648px;
    position:relative;
    right:0;
    top:0; 
    margin:0;
    transform-origin:top  right
}
.section-location .section-image img.map-img {
    width:100%;
    position:relative;
    z-index:2
}
.section-location .section-image img.map-bg,.section-location .section-image>object,.section-location .section-image>svg {
    width:100%;
    height:100%;
    left:0;
    top:0;
    position:absolute
}
.section-location .section-image>svg {
    z-index:3
}
.section-location .section-image>svg#Layer_1 .st0 {
    fill:none;
    stroke-miterlimit:10;
    stroke-width:2;
    stroke-dasharray:10;
    stroke-dashoffset:0;
    animation:3.5s linear infinite StrokeLine;
    stroke:#fff
}
.section-location .section-image>svg#Layer_1 .st1 {
    animation:3.5s linear infinite StrokeLine2
}
.section-location  .section-content { 
    position: absolute;
    left: var(--d-padding);
    z-index: 4;
    width: 39vw;
    padding-right: 3rem;
}
     .section-location .section-content .section-info{margin-top: 30px;}
        .section-location .section-content .section-title span{ font-size: 40px; text-transform: none;}
.logo-pin {
    width:204px;
    height:132px;
    position:absolute;
    top: 25%;
    left: 36%;
    z-index:22
}
    .logo-pin:after{

    }
.logo-pin .items {
    position:absolute;
    left:6px;
    top:6px;
    right:6px;
    width:calc(100% - 12px);
    padding-top:calc(100% - 12px)
}
.logo-pin .items .inner {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    overflow:hidden;
    border-radius:50%;
    background:#fff;
    border:1px solid #b59273
}
.logo-pin .items:after {
    content:'';
    position:absolute;
    width:60px;
    height:33px;
    background:url(../images/map-pin-logo.png) center top/contain no-repeat;
    bottom:-10px;
    left:50%;
    transform:translateX(-50%);
    z-index:6
}
/*
#poit-map{position:absolute;width:200px;height:200px;bottom:20px;z-index:2;      left: 37%;  top: 45%;}
@keyframes zoomIn_zalo{from{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}
.zoomIn_zalo{animation-name:zoomIn_zalo}
.animated_p{animation-duration:1s;animation-fill-mode:both}
.animated_p.infinite{animation-iteration-count:infinite}
.cmoz-alo-circle{
    width: 250px; height: 250px;
    top: -90px;  left: -90px;  position: absolute; 
    background-color: hsl(30deg 54% 23% / 4%);
    -webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid transparent;
}
.cmoz-alo-circle-fill{
    width: 77px; height: 77px; 
    top: 0px; left: 0px;position:absolute;
    background-color: hsl(30deg 54% 23% / 8%);
    -webkit-border-radius:100%;
    -moz-border-radius:100%;border-radius:100%;
}
@-webkit-keyframes pulse_zalo{
    from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
    50%{-webkit-transform:scale3d(1.5,1.5,1.5);transform:scale3d(1.5,1.5,1.5)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
@keyframes pulse_zalo{
    from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
    50%{-webkit-transform:scale3d(1.5,1.5,1.5);transform:scale3d(1.5,1.5,1.5)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
.pulse_zalo{-webkit-animation-name:pulse_zalo;animation-name:pulse_zalo}



.location_point{
    animation: 2s infinite logopin;
    opacity: 1;
}
.line_note{
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    animation: hide infinite 1.2s linear;
    stroke: #00a89d;
    stroke-width: 2;
    stroke-dasharray: 5;
}
@keyframes hide {
  50% {
    clip-path:polygon(0 100%,100% 100%,100% 100%,0 100%);
  }
  50.1% {
    clip-path:polygon(0 0   ,100% 0   ,100% 0   ,0 0);
  }
}
*/
#poit-map{position: absolute; width: 200px; height: 200px; bottom: 20px; z-index: 2; left: 16.5%; top: 15%;display: flex ; align-items: center; justify-content: center;}
@keyframes zoomIn_map{from{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}
.zoomIn_map{animation-name:zoomIn_map}
.animated_p{animation-duration:1s;animation-fill-mode:both}
.animated_p.infinite{animation-iteration-count:infinite}

.cmoz-alo-circle{ width: 250px; height: 250px;}
.cmoz-alo-circle-small,.cmoz-alo-circle-medium,.cmoz-alo-circle{background-color: hsl(0deg 0% 73% / 15%);-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid transparent; }
.cmoz-alo-circle.cmoz-alo-circle-small{width: 110px; height: 110px; }
.cmoz-alo-circle.cmoz-alo-circle-medium {
    position: absolute; width:130px; height: 130px; 
    border-radius: 50%; animation: AniPointer 4s infinite;
}
@keyframes AniPointer{0%{box-shadow:0 0 0 rgba(125,158,59,0);border:1px solid rgba(255,255,255,0);transform:scale(0)}50%{box-shadow:0 0 50px rgba(125,158,59,.7);border:1px solid rgba(255,255,255,.2);transform:scale(1)}100%{box-shadow:0 0 60px rgba(125,158,59,0);border:1px solid rgba(255,255,255,0);transform:scale(1.5)}} 


@keyframes IconLogo { 0%,to{fill:#0077be}  50%{fill:#00ace7}}

.location_point{animation: 2s infinite logopin; opacity: 1;}
@keyframes logopin{0%,to{fill:#EFCA80 }50%{fill:#882651}}
.line_note{
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    animation: hide infinite 1.2s linear;
    stroke: #fff;
    stroke-width: 2;
    stroke-dasharray: 5;
}
@keyframes hide {
  50% {
    clip-path:polygon(0 100%,100% 100%,100% 100%,0 100%);
  }
  50.1% {
    clip-path:polygon(0 0   ,100% 0   ,100% 0   ,0 0);
  }
}
.point_pin { stroke: #fff; stroke-miterlimit: 10; stroke-width: 2; stroke-dasharray: 3; stroke-dashoffset: 0; opacity: 0;}
.point_pin{animation: StrokeLine1 12s infinite linear; transition: opacity 1s ease 1s; opacity: 1;}
 @keyframes StrokeLine1{0%{stroke-dashoffset:0}to{stroke-dashoffset:200}}

.sect-lkv{position: relative;}
.num_lkv{font-size: 16px; color: #00A89C;margin-bottom:22px; display: block;}
.des-lkv{color: #555555; font-size: 0.85rem; display: block;}
.sect-lkv ul { display: flex ; align-items: start; justify-content: start; padding-left: 0px; position: relative;display: grid ; grid-template-columns: 40% 30% 30%; }
    .sect-lkv ul:before{content: ''; position: absolute; left: 0px; top: 35px; width: 100%; height: 1px; background: #00A89C;}
    .sect-lkv ul:after{content: ''; position: absolute; right: -1px; top: 28px; width: 7px; height: 14px; }

.sect-lkv h5{text-transform: uppercase;color: #00A89C; font-size: 20px;margin-bottom: 20px;}
.sect-lkv li{display: inline-block;margin: 0px 25px 0px 0px;    position: relative;}
.sect-lkv li:last-child{margin-right: 0px;}
    .sect-lkv li:before{content: ''; position: absolute; left: 0px; top: 31px; width: 8px; height: 8px; background:#00a89d; border-radius: 50%;}

.sect-lkv ul.ico-car-p{width: 100%; float: left; right: 0px; display: grid ; grid-template-columns:30% 40% 30%;}

.utilities-image-wrapper svg{position:absolute;left:0;top:0;width:100%;height:auto;z-index:2}
.utilities-image-wrapper svg .item-maker .ani{-webkit-animation-duration:.5s;animation-duration:.5s}
.utilities-image-wrapper svg .item-maker circle{fill:#fff;stroke:#856C67;stroke-width:1}
.utilities-image-wrapper svg .item-maker text{fill:#1ba79c;font-size: 1.3rem; font-weight: 700;}
    .utilities-image-wrapper svg .item-maker text:hover,.utilities-image-wrapper svg .item-maker.active text{stroke:#00a89d; color: #00a89d}
.utilities-image-wrapper svg .item-maker.active circle,.utilities-image-wrapper svg .item-maker:hover circle{stroke:#00a89d;stroke-miterlimit:5;stroke-width:2;stroke-dasharray:5;stroke-dashoffset:0;animation:4s linear infinite StrokeLine}
.relative {
    position: relative;
}

.section-location .section-image #utilities_svg{z-index: 9;}

.section-utilities .items-wrapper .item {
    margin: 4px 0;
    display: table;
    font-size: 13px;
    color: #5C5C5C;
    position: relative;
    padding-left: 30px;
}
    .section-utilities .items-wrapper .item:hover{color: var(--color-main);}
    .section-utilities .items-wrapper .item  span{ width: 24px; height: 24px; border-radius: 50%; background: #675643; color: #fff; font-size: 16px;    display: inline-block; left: -30px; text-align: center; line-height: 24px; position: relative;}

    .section-utilities .items-wrapper .item:before{position: absolute; content: ''; left: 30px; background-size: contain;}

    .tthoinghi:before{background: url(../images/ico-tthoinghi.svg) center center no-repeat; width: 20px; height: 9px;top: 8px; }
    .nhopera:before{background: url(../images/ico-nhopera.svg) center center no-repeat; width: 20px; height: 13px;top: 5px; }
    .tthotro:before{background: url(../images/ico-tthotro.svg) center center no-repeat; width: 20px; height: 14px;top: 5px; }
    .ttthethao:before{background: url(../images/ico-ttthethao.svg) center center no-repeat; width: 20px; height: 13px;top: 5px; }
    .cungvanhoa:before{background: url(../images/ico-cungvanhoa.svg) center center no-repeat; width: 16px; height: 20px;top: 5px; }
    .benhvien:before{background: url(../images/ico-benhvien.svg) center center no-repeat; width: 20px; height: 16px;top: 5px; }
    .marina:before{background: url(../images/ico-marina.svg) center center no-repeat; width: 18px; height: 20px;top: 2px;left: 33px !important; }
    .conviennuoc:before{background: url(../images/ico-congviennuoc.svg) center center no-repeat; width: 25px; height: 20px;top: 2px; }
    .nhatho:before{background: url(../images/ico-nhatho.svg) center center no-repeat; width: 18px; height: 20px;top: 0px; }
    .truonghoc:before{background: url(../images/ico-truonghoc.svg) center center no-repeat; width: 20px; height: 15px;top: 5px; }
    .ttvanhoa:before{background: url(../images/ico-ttvanhoa.svg) center center no-repeat; width: 20px; height: 17px;top: 2px; }
    .khachsan6sao:before{background: url(../images/ico-khachsan6sao.svg) center center no-repeat; width: 18px; height: 20px;top: 2px; }
    .sanvandong:before{background: url(../images/ico-sanvandong.svg) center center no-repeat; width: 15px; height: 20px;top: 2px;left:33px !important }
    .banle:before{background: url(../images/ico-banle.svg) center center no-repeat; width: 20px; height: 21px;top: 2px; }

/*.utilities-image-wrapper svg#utilities_svg .item-maker:nth-child(1) text,.utilities-image-wrapper svg#utilities_svg .item-maker:nth-child(2) text,
.utilities-image-wrapper svg#utilities_svg .item-maker:nth-child(3) text,.utilities-image-wrapper svg#utilities_svg .item-maker:nth-child(13) text,
.utilities-image-wrapper svg#utilities_svg .item-maker:nth-child(15) text { fill: #1ba79c;}
.utilities-image-wrapper svg#utilities_svg .item-maker:nth-child(1) circle,.utilities-image-wrapper svg#utilities_svg .item-maker:nth-child(2) circle,
.utilities-image-wrapper svg#utilities_svg .item-maker:nth-child(3) circle,.utilities-image-wrapper svg#utilities_svg .item-maker:nth-child(13) circle,
.utilities-image-wrapper svg#utilities_svg .item-maker:nth-child(15) circle { stroke: #1ba79c;}

.utilities-image-wrapper svg#utilities_svg .item-maker:nth-child(1) text:hover,.utilities-image-wrapper svg#utilities_svg .item-maker:nth-child(2) text:hover,
.utilities-image-wrapper svg#utilities_svg .item-maker:nth-child(3) text:hover,.utilities-image-wrapper svg#utilities_svg .item-maker:nth-child(13) text:hover,
.utilities-image-wrapper svg#utilities_svg .item-maker:nth-child(15) text:hover,

.utilities-image-wrapper svg#utilities_svg .item-maker.active:nth-child(1) text,.utilities-image-wrapper svg#utilities_svg .item-maker.active:nth-child(2) text,
.utilities-image-wrapper svg#utilities_svg .item-maker.active:nth-child(3) text,.utilities-image-wrapper svg#utilities_svg .item-maker.active:nth-child(13) text,
.utilities-image-wrapper svg#utilities_svg .item-maker.active:nth-child(15) text
 { stroke: #1ba79c;    color: #1ba79c;}*/


.utilities-image-wrapper .map-tooltip{background:#00a89d;box-shadow:4px 0 4px rgba(0,0,0,.25);border-radius:20px;pointer-events:none;position:absolute;text-align:center;z-index:9;height:auto;margin:0 auto;transform:translate(-50%,-100%);display:none;padding:0;white-space:nowrap;color:#fff}
.utilities-image-wrapper .map-tooltip .subdivision-maker{border:1px solid #00a89d;border-radius:20px;padding:0;overflow:hidden}
.utilities-image-wrapper .map-tooltip .subdivision-maker h5{text-transform:uppercase;margin:0;color:#fff;text-transform:uppercase;padding:7px 20px;font-size:15px}
.subdivision-maker img{width:200px;max-width:unset;height:115px;object-fit:cover}
.utilities-image-wrapper .map-tooltip.bottom{transform:translate(-50%,0)}.utilities-image-wrapper .map-tooltip.active{display:flex}


.sect-song{position: relative;}
    .sect-song .container{position: relative; z-index: 2}
    .animated-lines{position: absolute; bottom: -20%;}

/*Tien ich*/
.mb-tienich{position: relative;}
    .item-tienich {
        padding:  1.5rem 1.5rem 0.5rem 1.5rem; background: linear-gradient(135deg, #dfca9f 0%, #a17d5d 100%); position: absolute; top: 50%; right: 4rem; 
        border: 1px solid #fff; border-radius: 1rem; width: 42.39583333333333vw; z-index: 5;
    }
    .item-tienich:after{content: ''; position: absolute; background: url(../images/star-ul.png) left top no-repeat; width: 11rem; height: 20rem; background-size: contain; right: -3.9rem; top: -50%;}
        

.section-utilities .items-wrapper .group{margin-bottom: 15px;}
.section-utilities .items-wrapper .group .title{color: #fff; text-transform: uppercase;    margin-bottom: 15px;}
.section-utilities .items-wrapper .group .title strong{text-transform: uppercase;}
.section-utilities .items-wrapper .item{margin: 0; display: block; font-size: 1rem; position: relative; padding-left: 30px; color: #fff;}
.section-utilities .items-wrapper .item span{
    width: 1.6rem; height: 1.6rem; font-size: 1rem; color: #1ba79c; font-weight: 700; background: #fff; overflow: hidden; border-radius: 50%; 
    text-align: center; line-height: 1.7rem; position: absolute; left: 0px; top: 50%; transform: translateY(-50%);
}
.section-utilities .items-wrapper .item.active span,
.section-utilities .items-wrapper .item:hover span,.section-utilities .items-wrapper .outdoor .item.active span{background: #1ba79c !important; color: #fff;}
.section-utilities .items-wrapper .items{display: grid; grid-template-columns: 1fr 1fr;gap: 0.8rem 1rem; }
.section-utilities .items-wrapper .item.item-none span{ width: 10px; height: 10px;   left: 7.5px; top: 5px;}
.item-tienich h3 {  color: #fff;  text-transform: uppercase;      font-size: 25px;}
.fp-viewing-mat-bang-dien-hinh #header{opacity: 0; visibility: hidden; pointer-events: none;}
.utilities-image-wrapper .map-tooltip {
        background: #1ba79c;
        box-shadow: 4px 0px 4px rgba(0, 0, 0, 0.25);
        border-radius: 20px; /*55px;*/
      pointer-events: none;
      position: absolute;
      text-align: center;
      z-index: 5;
      height: auto;      
      margin: 0 auto;
     
      transform: translate(-50%,-100%);
      display: none;
      padding: 0px;
      white-space: nowrap;
      color: #fff;

}
.utilities-image-wrapper .map-tooltip .subdivision-maker{
    border: solid 1px #cfb082; border-radius: 20px;
    /*padding: 10px 20px;*/
    padding: 0px;
     overflow: hidden;
}
.utilities-image-wrapper .map-tooltip .subdivision-maker h5{
    text-transform: uppercase; margin: 0px; color: #fff; text-transform: uppercase;
    padding: 7px 20px; font-size: 15px;
}
.subdivision-maker img{
    width: 100%; max-width: unset;
    height: 115px;
    object-fit: cover;
}

.utilities-image-wrapper .map-tooltip.bottom{
    transform: translate(-50%,0);
}
.utilities-image-wrapper .map-tooltip.active {
  display: flex;
}


#mat-bang ul#myTab {
    margin-bottom: 2rem; margin-top: 1rem;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0px 2rem;
    width: fit-content;
    border-bottom: 0;
}
#mat-bang ul#myTab .nav-link{font-size: 1.6rem; border: 0 !important; font-family: "K2D", sans-serif; font-weight: 500; color: #495057; text-transform: uppercase;}
#mat-bang ul#myTab .nav-link.active{color: #00a89d; border: 0;}
#mat-bang #myTabContent { max-width: 57rem; margin: auto; }

/*SO DO TIEN ICH - VI TRI*/

.section-location-link {
    overflow:hidden;
    background:0 0/cover no-repeat #002f3c
}
.section-location-link .section-image-wrapper {
    width:100%;
    height:100%;
    margin-left:0;
    opacity:0;
    margin-top:0;
    float:left
}
.section-location-link.active .section-image-wrapper {
    opacity:1
}
.section-location-link{background: #1c3a5b !important;}

.section-location-link .title{ color: #fff;    line-height: 36px;}
.section-location-link .section-title{  margin-bottom: 0px;    line-height: 38px;}
.section-location-link .section-image {
    width: 1185px;
    height: 980px;
    position: absolute;
    left: -80px;
    bottom: -50px;
    margin: 0;
    transform-origin: left bottom;
    zoom: 1.15;
}
.section-location-link .logo-pin { top: 25.5%;  left: 57.5%;}
.section-location-link .section-image img.map-img {
    width:100%;
    position:relative;
    z-index:2
}
.section-location-link .section-image img.map-bg,.section-location .section-image>object,.section-location-link .section-image>svg {
    width:100%;
    height:100%;
    left:0;
    top:0;
    position:absolute
}
.section-location-link .section-image>svg {
    z-index:3
}
.section-location-link .section-image>svg#Layer_1 .st0 {
    fill:none;
    stroke-miterlimit:10;
    stroke-width:2;
    stroke-dasharray:10;
    stroke-dashoffset:0;
    animation:3s linear infinite StrokeLine;
    stroke:#fff
}
.section-location-link .section-image>svg#Layer_1 .st1 {
    animation:3s linear infinite StrokeLine2
}
.section-location-link .section-content {
    position:absolute;
    top:15%;
    right:4%;
    z-index:3;
    width:520px; 
}
    
    .section-location-link .item-ul-l{max-height: 60vh;}
    .section-location-link .items-left, .section-location-link .items-right{    float: left;    width: 50%;    padding-right: 30px;}
    .section-location-link .item ul{padding-left: 0px; margin-left: 0px;    margin-bottom: 10px;}

        .section-location-link .item li{font-size: 14px; color: #fff; list-style: none; margin-bottom: 0px;}
    .item-ul-l .w-title{position: relative;} 
    .item-ul-l .w-title:after{
        width: 12px; height: 12px;left: -17px; top: 6px;
        content: ''; position: absolute; 
    }   
    .l-link-1 .w-title{
        text-transform: uppercase;
        font-size: 25px; position: relative; margin-bottom: 10px;
        background: #848A69;    font-weight: bold; font-size: 14px;
        background: linear-gradient(to bottom right, #848A69 0%, #93C6C1 22%, #EDE1DD 36%, #F2B7D3 48%, #D778A0 54%, #98776E 67%, #5F7894 64%, #3177B3 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }    
    .l-link-1 .w-title:after{
        content: ''; position: absolute; left: -17px; top: 5px;
        background: url(../images/item-l-link-1.svg) center center no-repeat; 
        width: 12px; height: 12px; background-size: contain;
    }
    .item-ul-l .item{padding-left: 17px;}

    .l-link-2 .w-title{color: #54A7DC;}
        .l-link-2 .w-title:after{
            background: #54A7DC; border-radius: 50%;
            
        }
    .l-link-3 .w-title{color: #BD9C72;}
        .l-link-3 .w-title:after{
            background: #BD9C72; border-radius: 50%;
        }    

    .r-link-1 .w-title{color: #4FD9E0;}
        .r-link-1 .w-title:after{
            background: #4FD9E0; border-radius: 50%;
        }       
    .r-link-2 .w-title{color: #9B9959;}
        .r-link-2 .w-title:after{
            background: #9B9959; border-radius: 50%;
        }     
    .r-link-3 .w-title{color: #DB8646;}
        .r-link-3 .w-title:after{
            background: #DB8646; border-radius: 50%;
        }     
    .r-link-4 .w-title{color: #99C555;}
        .r-link-4 .w-title:after{            
            background: #99C555; border-radius: 50%;
        }     

.section-location-link.active .logo-pin .logost1 {
    animation: 2s infinite logopin;
    opacity: 1;
}
@keyframes logopin{0%,to{fill:#d8caba}50%{fill:#00a89d}}


.section-location-link.active  .logost5 {
    fill: #E25959;
    stroke-miterlimit: 2;
    stroke-width: 1;
    stroke-dasharray: 2;
    stroke-dashoffset: 0;
    animation: 10s linear infinite StrokeLine;
    stroke: #fff;
        stroke-linecap: round;
    stroke-linejoin: round;
}

.section-content-wrapper.fix {
    position:absolute
}
.section-content-wrapper.bottom-right {
    bottom:6.12vh;
    right:calc(var(--d-padding) * 2)
}
.section-masterplain-info .section-content-wrapper {
    width:40vw
}
.section-location .map-content {
    position:absolute;
    right:90px;
    bottom:60px;
    z-index:3;
    opacity:0
}
.section-location.fp-completely .map-content {
    opacity:1;
    transition:var(--d-transition);
    transition-duration:2s;
    transition-delay:1s
}
@keyframes IconLogo {
    0%,to {
        fill:#0077be
    }
    50% {
        fill:#00ace7
    }
}
.location-link-slide .thumb {
    position:relative
}
.location-link-slide .thumb .title {
    position:absolute;
    left:0;
    bottom:0;
    width:80%;
    margin:0;
    padding:10px 30px;
    color:#cfb082;
    background:#1a4745
}
.location-link-slide .thumb .title:after {
    content:'';
    position:absolute;
    left:30px;
    bottom:-9px;
    width:0;
    height:0;
    border-style:solid;
    border-width:9px 7px 0;
    border-color:#1a4745 transparent transparent
}
.location-link-slide .description {
    padding:30px 30px 0
}
.location-link-slide .description ul {
    list-style:none;
    margin:0;
    padding:0
}
.location-link-slide .description ul li {
    position:relative;
    padding-left:20px
}
.location-link-slide .description ul li:before {
    content:'';
    position:absolute;
    left:0;
    top:6px;
    width:10px;
    height:10px;
    background:#1a4745;
    border-radius:50%
}

/*DIEM DEN*/
.des_destination{padding-left: 40px;    padding-bottom: 90px;padding-right: 80px;text-align: justify;}
    .des_destination .section-title{margin-bottom: 30px;    word-spacing: normal;}

    .destination  .album-destination { width: 62%;}
    .destination .des_destination {width: 38%;}

    .diemden-slide .swiper-slide img,.interior-slide .swiper-slide img{
        object-fit: cover;
        height: 468px;
        width: 100%;
    }
#interior .des_destination{padding-right: 40px;padding-left: 80px;}






/*THU VIEN*/
.section-gallery .navi-gallery{margin: 0px auto 15px; text-align: center;position: relative;    display: block;    padding-top: 40px;}
    .section-gallery .navi-gallery:after {
        content: '';
        width: 218px;
        height: 1px;
        background: #00a89d;
        position: absolute;
        left: 50%; transform: translateX(-50%);    top: 0px;
    }
    .section-gallery .nav-item{display: inline-block; margin: 0px 20px;}
.section-gallery .nav-link{color: #5C5C5C;    background: transparent; text-transform: uppercase; font-size: 40px; display: inline-block; border: 0px;}
.section-gallery .nav-item:hover .nav-link,.section-gallery .nav-link.active{color: #00a89d}
.section-gallery .menu-library .nav-item {margin: 5px 0px; text-align: left;display: block;}

.menu-library{
    flex: 0 0 auto; position: relative;
    width: 34%;    justify-content: center;    border: 0px; height: 500px;    display: table;
}
    #myTabPhoto{
        display: table-cell;
        vertical-align: middle;
    }
.img-mb-t{
    flex: 0 0 auto;
    width: 66%;    position: relative;
}
    .matbangtang .tab-pane{display: flex;}




.section-gallery .menu-library .nav-link{font-size: 32px;    line-height: 33px;  text-align: left; background: transparent; transition: var(--d-transition);}
/*.section-gallery .menu-library  .nav-link.active{font-size: 40px;     line-height: 42px;   margin-bottom: 20px;}*/

.section-gallery .control {
    position: absolute;
    top: auto;
    bottom: 0px;
    margin: 0px;
    right: 50px;
    display: flex;
    align-items: center;
}
    .section-gallery .slick-arrow.slick-prev{left: -140px;}
    .section-gallery .slick-arrow.slick-next{left: -90px;}
   
   .section-gallery .con-lr,.section-gallery .sum { display: inline-block;}
    .section-gallery .sum{margin-left: 25px;    font-size: 20px;    line-height: 20px;min-width: 38px;}

.photo-thuvien img{
    object-fit: cover;
    height: 500px;
    width: 100%;
}
.matbangtang .fade:not(.show){display: none;}


.section-gallery .video-slick{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}
 .section-gallery .video-slick .item{position: relative;}


    .video-slick img {
        object-fit: cover;
        margin-left: 0;
        height: 307px;
        width: 100%;
    }
    .t-video{text-align: center;color: #432425; margin: 15px 0px; font-size: 18px;}
.tab-pane-item{position: absolute; width: 100%; top: 0px;}
.popup-tvien{position: absolute; z-index: 5; top: 50%; left: 50%; transform: translate(-50%,-50%);}
    .popup-tvien a{    font-size: 18px;   padding: 10px 25px 10px 55px;  color: #fff;  text-align: center;    background: var(--color-main) url(../images/ico-viewmore.svg) 15px center no-repeat;
    background-size: 24px;   border-radius: 30px; transition: var(--d-transition);}
    .matbangtang  .tab-pane-item:hover a,.popup-tvien a:hover{background-color: #d8caba !important;}   


.video-slick a{position: relative;}
    .video-slick a:after{
        content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);
        background: url(../images/ico-youtube-2.svg) center center no-repeat; width: 56px; height: 43px; background-size: contain;
    }



/*MAT BANG*/
.home-page section.section-mb-tang{min-height: auto;    background: #FCFBFB;}
    .w_matbang {background: #FCFBFB}
    .section-mb-tang .mb_tongthe{
        flex: 0 0 auto;padding-right: 0px;
        width: 40%;
    }

    .section-mb-tang .des_matbang{
        flex: 0 0 auto;
        width: 60%;    position: relative;    max-width: calc((100% - 40%) - 70px);
        padding-top: 50px; padding-left: 30px; 
    }
    .des_matbang .tab-pane {
        position: absolute;
        left: 0px;
        top: 0px;
        margin: 140px 0px 0px 40px;
        width: 100%;
        max-width: calc(100% - 40px);
    }
    .des_matbang .tab-pane .map-area .map{background-repeat: no-repeat !important;}
   .section-mb-tang  .des_matbang  .section-title { margin: 0px 0px 20px 10px;    z-index: 2;}
    .mb_tongthe map{position: absolute;}
   .section-mb-tang  .des_matbang  .section-title {margin-bottom: 20px;}

    .floor-title{padding-left: 0px; margin-left: 0px;    margin-bottom: 0px;    position: relative;    z-index: 10;}
    .map-area {  margin-top: -30px;  z-index: 1;}
    .floor-title li{list-style: none; display: none; color: var(--color-main); font-size: 32px;}
    .floor-title li.active{display: block;}
    .short-popup {
        background: #FCFBFB;
        padding: 4px 18px;
        border: 1px solid var(--color-main); color: var(--color-main);
        border-radius: 50px;
        line-height: 26px;    white-space: nowrap;    margin-left: -5px;
    }

    .choose-room,.pop-master .choose-popup-room{
        border: 1px solid #00a89d; border-radius: 30px; color: #00a89d;height: 40px;   padding:5px 31px 4px 24px;    position: absolute;  top: -50px;    right: 0px;
        text-transform: uppercase;
        background:url(../images/ico-select.svg) no-repeat scroll calc(90% + 3px) center/10px auto;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;    z-index: 20;    cursor: pointer;
    }
    .pop-master .choose-popup-room{     top: 50px !important;
    background-color: #F8F4F2;
    right: 50px;}


    
    .room-slick .content-pop{flex: 0 0 auto;     width: 50%;    position: relative;}
    .room-slick .img-pop{flex: 0 0 auto; min-height: 440px; width: 50%;    display: grid;    justify-content: flex-end;}
        .room-slick .img-pop img{max-height: 470px;}
    .name-apart{color: var(--color-main); text-transform: uppercase;    font-size: 44px;      line-height: 51px;margin-bottom: 0px;}
    .floor-apart{color: #575857; margin-bottom: 30px; font-size: 18px;}
    .room-slick table{margin-bottom: 20px;}
    .room-slick table th{
        color: #fff;
        background: #A29C98;
        border-right: 1px solid #5C5C5C;
        padding: 5px 20px;
        text-align: center;
        
    }
    .room-slick table th:first-child{border-left: 1px solid #A29C98;}
    .room-slick table th:last-child{border-right: 1px solid #A29C98;}
    .room-slick table td {
        border: 1px solid #A29C98;
        padding: 5px 20px; color: #575857;
        text-transform: none;
    }

    .img-vitr{margin-top: 30px;    position: absolute;  left: 0px;    bottom: 0px;}
        .img-vitr img{max-height: 150px;}

.fancybox-container .fancybox-close-small{top: 10px;right: 10px;    background-color: #D9D9D9;  transition: background-color .25s;  border-radius: 50%;}
   .fancybox-container .fancybox-close-small:after {
        content: "×";
        top: 0px;    line-height: 36px;
        left: 1px;
        width: 40px;
        height: 40px;
        color: #575857;
        box-sizing: border-box;         
        font-size: 25px;
    }     
    .fancybox-container .fancybox-close-small:hover:after{background: #00a89d; color: #fff;}


.fancybox-slide .pop-master {background-color:#F8F4F2 !important;padding: 50px 70px 30px;}

    .room-slick .slick-arrow.slick-prev{position: absolute; top: 50%; transform: translateY(-50%);    z-index: 10; left: -60px;    margin-top: -50px;}
    .room-slick .slick-arrow.slick-next{position: absolute; top: 50%; transform: translateY(-50%);    z-index: 10; right: -60px;    margin-top: -50px;}

    .room-slick  .section-title{    padding-top: 30px;  margin-bottom: 30px;}

    .room-slick .slick-slide{margin: 0px 15px;}
    .room-modal .room-slick{margin-left: -15px; margin-right: -15px;}
.room-modal{position: fixed; display: none; top: 0px; left: 0px; width: 100%; height: 100%;    z-index: 99; }
    .room-modal .bg   {background: #00a89d;opacity: .87;  transition-timing-function: cubic-bezier(.22,.61,.36,1);width: 100%; height: 100%; position: absolute; top:0; left:0; } 
    .room-modal .wrapper{
        padding: 30px 70px;
        max-width: 1080px;
        margin: 0px auto;
        background: #F8F4F2;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }

    .room-modal .section-title {margin-bottom: 20px;    padding-top: 30px;}

    .room-modal .close{
        width: 40px; right: 10px; top: 10px;
        height: 40px; position: absolute;
        transition: var(--d-transition);
        border: none;
        border-radius: 50%;
        text-indent: -9999px;
        background: #D9D9D9 url(../images/close.svg) center center no-repeat;
        background-size: 10px;
    }
        .room-modal .close:hover{background-color: var(--color-main);    background-image: url(../images/close-w.svg);background-size: 10px;}



/*PHAT TRIEN DU AN*/
.content_dev{padding-left: 4rem;    text-align: justify;}
    .content_dev .logo_dev {text-align: left;    margin-bottom: 40px;}


.ww-tailieu{display: flex;justify-content: center; margin-top: 1rem;    gap: 1.5rem;}
    .ww-tailieu .t-document{color: #004849;    margin-top: 0.8rem;    font-weight: 600;}



/*New*/
#postNewTop {background: #fff;}
#postNewTop .items {align-items: center;display: -webkit-box;  display: -ms-flexbox;  display: flex;  -ms-flex-wrap: wrap;    flex-wrap: wrap;}
#postNewTop .item-thumb{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
#postNewTop .item-body{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    padding: 40px 60px;
}
    #postNewTop .item img{    object-fit: cover;  height: 410px;  width: 100%;}
    #postNewBottom .item img{    object-fit: cover;  height: 275px;  width: 100%;}

    .section-news .slide-new{margin-left: -15px; margin-right: -15px;flex-wrap: wrap;    display: flex;}
    .section-news .slide-new    .slick-list{width: 100%}
    .item-new{padding: 0px 15px;}

    .slick-slider .slick-dots{text-align: center; margin: 50px auto 0px;    padding-left: 0px;}
        .slick-slider .slick-dots li{    list-style: none;    display: inline-block; margin: 0px 8px;}
           .slick-slider .slick-dots li button{text-indent: -9999px; width: 15px; height: 15px; border:0px; box-shadow: none; background: #D9D9D9; border-radius: 50%;}
           .slick-slider .slick-dots li.slick-active button,.slick-slider .slick-dots li:hover button{background: #00a89d}




    #postNewTop .item-title{color:var(--color-main);font-size: 30px; line-height: 2.5rem;}

    .view-more{
        color: #00a89d;
        border: 1px solid #00a89d;
        border-radius: 30px;
        padding: 7px 26px;
        margin-top: 20px;
        display: inline-block;
    }
        .view-more:hover{background: #00a89d; color: #fff}
#postNewBottom{margin-top: 40px;}
    #postNewBottom .item-title,.section-post-other .item-title{
        color: var(--color-main);
        font-size: 18px;
        transition: var(--d-transition);
        margin-top: 18px;
        line-height: 25px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        height: 51px;
    }
     #postNewBottom .description,.section-post-other .description{
        line-height: 25px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        height: 75px;
    }

    .section-news .item-title:hover,.section-post-other .item-title:hover{color: var(--color-main) !important}

    .scale-img {   overflow: hidden;     display: block;   }

    .scale-img img{transition: var(--d-transition)}
        .scale-img:hover>img{-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);transform:scale(1.1,1.1)}


.single-post .post-detail{max-width: 950px; padding-top: 50px; margin: auto;    color: #191818;}

.child-page .section-news{padding-bottom: 80px;}

    .child-page .section-news #postNewBottom .view-more{display: none;}
    .child-page .section-news #postNewBottom .item-new { margin-bottom: 10px;}

    .single-post .detail-news .post-title{color: var(--color-main);font-size: 24px;    margin:0px 0px 10px;    line-height: 28px;}

    .date-aut{margin-bottom: 20px; font-style: italic;    font-size: 14px;}

    .single-post .detail-news h2,.single-post .detail-news h3,.single-post .detail-news h4.single-post .detail-news h5,.single-post .detail-news h6{
        text-transform: none; font-size: 18px;    color: #191818;
    }
    .wp-caption-text{font-style: italic;}

    .single-post .wp-caption{margin-bottom: 20px;}
    .single-post .section-post-other{
        padding: 60px 0px;
        max-width: 1200px;
        margin: auto;
    }

    .section-post-other .post-list {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 30px;
    }
    .section-post-other .view-more { display: none;}

/*DOI TAC*/
.w-development {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 3rem; 
}

.w-parner {
  flex: 1 1 calc(50% - 3rem / 2); 
  background: #fff;
  border-radius: 8px;
  padding: 20px;
  box-sizing: border-box;
}

.w-cont-dev {  text-align: center; position: relative;}
    .w-parner:last-child .w-cont-dev:after{
        content: ''; position: absolute; left: -3rem; width: 1px; height: 100%; background: #5f5f5f; top: 1rem;

    }
    .w-parner:first-child .w-cont-dev:after{display: none;}
.logo-wrapper {
  min-height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 15px;
}
.w-parner .logo-wrapper img{max-height: 4.5rem}
.desc p {
  text-align: justify;
}
.w-parner .section-title{font-size: 1.7rem; text-align: center; padding-bottom: 0px !important;    display: block;}

@media (max-width: 768px) {
  .row.align-items-stretch {
    flex-direction: column;
  }
  .w-parner { width: 100%; flex: 1 1 calc(100% - 1rem / 1);        padding: 0; }
  .w-development {gap: 1rem; }
  .social_f{order: 1}
  .wcopyright{order: 3}
  .priv{order: 2; margin-bottom: 1rem}
}
/*FOOTER*/
.footer_top{background: #f3f3f3; padding: 3.5rem 0px 3.5rem;}
    #form_register{display: grid;grid-template-columns: repeat(5, 1fr);     gap: 10px;    }
        .col_form{padding-right: 0px; padding-right: 0px;}
    .des_form{margin-bottom: 40px;}
.footer_bottom{background: #004849;padding:2.5rem 0px 20px;color: #fff;}

    #form_register .submit{background: var(--color-main); transition: var(--d-transition); border: 0px; color: #fff; text-transform: uppercase;font-size: 16px; padding: 5px 10px; border-radius: 0px;    width: calc(100% - 15px);}
    #form_register .submit:hover{color:#d8caba }    

    .footer_bottom .logo_duan {text-align: left;}
    .logo_f svg{max-width: 24rem;    padding-right: 50px;}

    .t_contact{font-size: 25px; text-transform: uppercase; color: #fff;}

    .hotline_f{margin-top: 9px;}
        .hotline_f a{color: #fff;}

    .social_f{margin: 10px 0px 20px; display: flex;gap: 10px 30px;    justify-content: center;}   
        .social_f a{text-indent: -99999px;} 
        .social_f .face_b{width: 30px; height: 31px;background: url(../images/facebook_f.svg) center center no-repeat; background-size: contain;}
        .social_f .youtube_b{width: 30px; height: 31px; background: url(../images/youtube_f.svg) center center no-repeat; background-size: contain;}
        .social_f .tiktok_b{width: 33px; height: 34px; background: url(../images/tiktok_f.svg) center center no-repeat; background-size: contain;}
    .copyright p{margin-bottom: 0px;}    



    .recommen {
        border-top: 1px solid #fff;
        padding: 40px 50px 20px;
        text-align: center;
        margin-top: 50px;    font-size: 14px;
    }    
    .copyright{color: #fff; margin-top: 20px;}

.modal-backdrop{
    background: transparent;
}
.modal-form-popup .form-popup-modal{
    background: #fff;
    width: 580px;
    margin: auto;
    position: relative;
    padding: 0px 0px 0px;
    height: 440px;
    display: flex;
    align-items: center;
}
    .modal-form-popup .form-popup-modal .form-group-captcha,.modal-form-popup .form-popup-modal .form-group-captcha a{    color: #5C5C5C;}
.modal-form-popup .modal-content {
    transition-timing-function: cubic-bezier(.22,.61,.36,1);
    background:rgb(0 168 157 / 87%);
}
.modal-form-popup .modal-fullscreen .modal-body {  display: flex;  align-items: center;}
.modal-form-popup .form-popup{position: absolute;  width: 100%;  padding: 0px 40px;}
.modal-form-popup button.submit {
    background: var(--color-main);
    transition: var(--d-transition);
    border: 0px;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    padding: 5px 30px;
    border-radius: 0px;
    margin: 10px;
}
.modal-form-popup .t-top { padding-top: 30px;}
.modal-form-popup .form-group { margin-bottom: 20px;}



@media (min-width:1200px) {
    
    .menu-open #header .navbar-brand .normal{display:none}
    .menu-open #header .navbar-brand .white{display:block}
   


    #section-location .point{opacity:0}
    #section-location.fp-completely .point{animation:.5s forwards bounceInDown}
    #section-location .point.p1{animation-delay:.5s}
    #section-location .point.p2{animation-delay:.55s}
    #section-location .point.p3{animation-delay:.6s}
    #section-location .point.p4{animation-delay:.65s}
    #section-location .point.p5{animation-delay:.7s}
    #section-location .point.p6{animation-delay:.75s}
    #section-location .point.p7{animation-delay:.8s}
    #section-location .point.p8{animation-delay:.85s}
    #section-location .point.p9{animation-delay:.9s}
    #section-location .point.p10{animation-delay:.95s}
    #section-location .point.p11{animation-delay:1s}
    #section-location .point.p12{animation-delay:1.05s}
    #section-location .point.p13{animation-delay:1.1s}
    #section-location .point.p24{animation-delay:1.15s}
    #section-location .point.p25{animation-delay:1.20s}
    #section-location .point.p26{animation-delay:1.25s}
    #section-location .point.p27{animation-delay:1.30s}
    #section-location .point.p28{animation-delay:1.35s}
    #section-location .point.p29{animation-delay:1.40s}
    #section-location .point.p30{animation-delay:1.45s}
    #section-location .point.p31{animation-delay:1.5s}
    #section-location .point.p32{animation-delay:1.55s}
    #section-location .point.p33{animation-delay:1.60s}
    #section-location .point.p34{animation-delay:1.65s}
    #section-location .point.p35{animation-delay:1.7s}
    #section-location .point.p36{animation-delay:1.75s}

    .section-content-inner{position: absolute;     left: 0;     top: 0;     width: 100%;        height: 100%;}

    .fp-custom{transform:translate3d(0,0,0)!important}
    .fp-custom .fp-section{width:100%!important;position:absolute!important;left:0;top:0;z-index:1;transform:translateY(100%);transform-origin:bottom;transition-duration:0;opacity:1;}
    .fp-custom .fp-section.up{transform:translateY(-100%);transform-origin:top}
    .fp-custom .fp-section.fp-completely{transition-duration:0;z-index:6;opacity:1;transform:translateY(0)}
    .fp-custom .fp-section.active{transition:transform 1s;z-index:8;opacity:1;transform:translateY(0)}






}





@media (min-width:1201px) {
    .container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl {
        max-width:1250px
    }
    .container-fluid {
        padding-left:var(--d-padding);
        padding-right:var(--d-padding)
    }
}
@media (min-width:1440px) { 
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {max-width: 1310px;    }
  .section{padding: 4rem 0px;}
    .section-location .p-top { padding-top: 10px;        top: -30px;}
 
  .p-section {padding-top: 80px;     padding-bottom: 80px;    }

  .section-development{padding-top: 120px; padding-bottom: 120px;}

  .jsignature_design {left: 70px;}

  .jsignature_design figure {height: 430px;}
  #mat-bang #myTabContent { max-width: 64rem;}
  #postNewTop .item img {height: 430px;}

  .menu-library,.photo-thuvien img { height: 540px;}
  .section-mb-tang .des_matbang {max-width: calc((100% - 40%) - 80px);}

  .room-modal .wrapper {max-width: 1190px;}
  .room-slick .img-pop img { max-height: 540px;}

  .img-vitr img { max-height: 190px;}

  .w_award .section-title {font-size: 40px;}

  .diemden-slide .swiper-slide img,.interior-slide .swiper-slide img {  height: 518px;}
  .social_f {margin: 10px 0px 3rem;}
  .footer_bottom {padding: 4rem 0px 1.5rem;}
  .copyright {margin-top: 4rem;}

}

@media (min-width:1600px) {
    .container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl {max-width:1400px   }

    .jsignature_design .design_slider .item { width: 310px;}
    .jsignature_design figure {height: 440px;}

    .section-location .section-content {padding-right: 0rem;}    

    #postNewTop .item img,#postNewTop .item img { height: 470px; }
    #postNewBottom .item img {height: 290px;}


    .overlay-menu .menu>li { margin: 30px 15px;}
    .sticky .overlay-menu .menu>li{    margin: 20px 15px;}

    .section-award .img_award img { max-width: 140px;}
    .jsignature_design {   left: 105px;    }
    .section-award {min-height: 800px;        padding-top: 50px;}
    .des_matbang .tab-pane {max-width: calc(100% - 75px);    margin: 170px 0px 0px 40px;}
    .des_destination {padding-left: 50px;padding-right: 110px;}

    .diemden-slide .swiper-slide img,.interior-slide .swiper-slide img {    height: 548px;    }
    .section-mb-tang .des_matbang {   max-width: calc((100% - 40%) - 80px);padding-top: 60px;    }

    .menu-library,.photo-thuvien img {  height: 580px;}


}
@media screen and (min-width:1680px){
    body{font-size: 1rem}
    .section-location .section-content {padding-left: 5.5vw;}
    .section-location-link .section-image {  left: 0px;bottom: 0px;  zoom: 1;}

    .jsignature_design figure {    height: 440px;    }
    .jsignature_design .design_slider .item {width: 340px;    }

    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1500px;
    }
    .overlay-menu .menu>li {margin: 30px 21px;}

    .sticky .overlay-menu .menu>li { margin: 20px 21px;}
    .overlay-menu .menu a { font-size: 1.1rem;}


   .menu-library, .photo-thuvien img {    height: 620px;    }

    #postNewTop .item img {height: 490px;   }
    #postNewBottom .item img {height: 310px;    }


    .section-mb-tang .des_matbang {padding-left: 40px;}
    .pop-master .choose-popup-room { top: 70px !important;}
    .des_matbang .tab-pane {margin: 170px 0px 0px 50px;    }
    #mat-bang #myTabContent { max-width: 75rem; }
    .room-modal .wrapper {max-width: 1300px;     padding: 50px 70px;   }
    .room-slick .img-pop img {    max-height: 650px;    }
    .img-vitr img {max-height: 220px;   }

    .footer_top {padding: 5rem 0px 5rem; }

}    
@media screen and (min-width:1900px){
    body{font-size: 1.2rem;        line-height: 1.5rem;}
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {max-width: 1640px;    }
    .section { padding: 6rem 0px; }
    
    .tagline-banner { font-size: 120px;}

    .section-title {font-size: 3rem;     line-height: 3.8rem;}
    .section-about .section-title .t-color{font-size: 4rem}
    .jsignature_design .design_featured_slider .sig_title {  font-size: 50px;   line-height: 53px;}

    .jsignature_design .sig_title { font-size: 30px;}
    .jsignature_design .num {  font-size: 24px;}

    .jsignature_design {   left: 8%;    }

    .jsignature_design figure {    height: 527px;    }
    .jsignature_design .design_slider .item {  width: 400px;    }

    .section-gallery .menu-library .nav-link {font-size: 2.5rem; line-height: 2.7rem;}

    .menu-library,.photo-thuvien img {   height: 680px;    }

    #postNewTop .item img {  height: 520px;    }

    #postNewBottom .item img { height: 341px; }

    .recommen {padding: 40px 150px 20px;}

    .des_destination {padding-right: 150px;    }

    .section-mb-tang .des_matbang {
        max-width: calc((100% - 40%) - 154px);
        padding-top: 60px;
    }
    .choose-room, .pop-master .choose-popup-room {top: -70px;}
    .des_matbang .tab-pane {max-width: calc(100% - 50px);}

    .room-modal .wrapper {   max-width: 1400px;    }

    .modal-form-popup .form-popup-modal {  width: 640px;  height: 490px;}

    .w_award .section-title {    font-size: 55px;     line-height: 59px; padding-right:40px    }
        .w_award .section-title span {font-size: 45px;}


    .diemden-slide .swiper-slide img,.interior-slide .swiper-slide img {height: 638px; }    

    .footer_top { padding: 7rem 0px 7rem; }
   .section.section-location{padding-bottom: 10rem}
    .section-location .section-image-wrapper {-moz-transform: scale(1.1);  -o-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1);        margin-right: 6rem; }
    .num_lkv { font-size: 1.2rem; }
    .des-lkv { font-size: 1rem;}
}   
@media screen and (min-width:2000px){
    .jsignature_design{ max-width: 1640px; margin: auto;left: 5%;}

    .section-utilities .cover{max-width: 1640px; margin: auto;        position: relative;}

        .section-location .section-content {  left: 0%;padding-left: 0;        max-width: 41rem;}
    .section-location .section-image-wrapper{margin-right: 0}  








}

@media (max-width:1280px) {

  .section-location {height: 740px;}
  .section-title { font-size: 41px;}

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

  .jsignature_design .design_slider .item { width: 300px;}
  .jsignature_design figure {height: 380px;}

  .recommen {margin: 50px auto 0px;  max-width: 1140px;}

  .section-award {min-height: 640px;}
  .diemden-slide .swiper-slide img,.interior-slide .swiper-slide img { height: 218px;}
  .section-location .section-image-wrapper {-moz-transform: scale(0.80); 
    -moz-transform-origin: 0 0; -o-transform: scale(0.80); -o-transform-origin: 0 0; -webkit-transform: scale(0.80); 
    -webkit-transform-origin: 0 0; transform: scale(0.80); transform-origin: top;        margin-right: -2rem; }

}    


@media (max-width:1199px) {
    
    .home-slide .swiper-slide{  height:calc(100vw * 980 / 1920)}   
    #header .navbar-brand { z-index: 999;} 
    #header .header-left, #header .header-right { z-index: 999;}
    #header .navbar-toggler-icon>span,.sticky #header .navbar-toggler-icon>span,.child-page #header .navbar-toggler-icon>span{background-color:#fff}
    #header .header-left a span{display:none}
    .overlay-menu .menu>li{text-align:center;display:block}

    /*MENU MOBILE*/
    .overlay-menu{position:fixed;top:0;left:0;right:0;bottom:0;z-index:21;background:#00a89d;display:flex;flex-direction:column}
    
    .overlay-menu .menu>li{opacity:0;transform:translate(50px,0);-webkit-transform:translate3d(50px,0,0);transition-delay:.6s}
    .overlay-menu{transform:translateX(100%);-webkit-transform:translateX(100%);transition:.5s cubic-bezier(.77,0,.175,1);padding-bottom:0; padding-right: 0px;}
    body.menu-open .overlay-menu{transform:translateX(0);-webkit-transform:translateX(0);height: 100vh;}
    body.menu-open .overlay-menu .bg{opacity:.04;transition-delay:.3s}

    .overlay-menu .menu-center{ height: 100%;}

    .overlay-menu .menu-logo{position:absolute;pointer-events:none;z-index:5;width:100%;left:0;top:40%;transform:translateY(-50%);text-align:center}
    .overlay-menu .menu-logo img{opacity:0;max-width:25vw;max-height:45vh}
    .menu-open .overlay-menu .menu-logo img{animation:1.5s .5s forwards scaleOut}
    .overlay-menu .main-menu-container{padding:0;margin:60px auto;list-style-type:none;overflow:auto;-ms-overflow-style:none}
    .overlay-menu .main-menu-container::-webkit-scrollbar{display:none}

    .header-bottom .navbar-toggler{display:block}
    .overlay-menu .h-100{height:100%}
    body.menu-open .overlay-menu .menu li{transition:transform 1s cubic-bezier(.165,.84,.44,1),opacity 1s cubic-bezier(.165,.84,.44,1);opacity:1;transform:translate(0,0);-webkit-transform:translate3d(0,0,0)}
    .overlay-menu .menu-other{display:none}
    .overlay-menu .menu-other a{font-size:24px;text-transform:none;font-weight:500}
    .overlay-menu .menu-other>li{margin-right:85px}
    .overlay-menu .menu-other>li:last-child{margin-right:0}
    body.menu-open{overflow:hidden!important}
    body.menu-open .overlay-menu .menu>li:nth-last-of-type(1){transition-delay:.2s}
    body.menu-open .overlay-menu .menu>li:nth-last-of-type(2){transition-delay:.3s}
    body.menu-open .overlay-menu .menu>li:nth-last-of-type(3){transition-delay:.4s}
    body.menu-open .overlay-menu .menu>li:nth-last-of-type(4){transition-delay:.5s}
    body.menu-open .overlay-menu .menu>li:nth-last-of-type(5){transition-delay:.6s}
    body.menu-open .overlay-menu .menu>li:nth-last-of-type(6){transition-delay:.7s}
    body.menu-open .overlay-menu .menu>li:nth-last-of-type(7){transition-delay:.8s}
    body.menu-open .overlay-menu .menu>li:nth-last-of-type(8){transition-delay:.9s}
    body.menu-open .overlay-menu .menu>li:nth-last-of-type(9){transition-delay:1s}
    body.menu-open .overlay-menu .menu>li:nth-last-of-type(10){transition-delay:1.1s}
    body.menu-open .overlay-menu .menu>li:nth-last-of-type(11){transition-delay:1.2s}
    body.menu-open .overlay-menu .menu.menu-other>li{transition-delay:.2s}

    .section-location {height: auto;    }

    .section-location-link .slide-control .swiper-button-next,.section-location-link .slide-control .swiper-button-prev {
        top:calc((100vw - ((var(--d-padding) * 2) - 35px))/ 2 / 2 * 220 / 348);
        border-color:#fff;
        transform:translateX(0)
    }

    .section-location .section-content-fittop {
        position:static;
        padding-top:50px
    }

    #vi-tri .d-flex{display: block !important;}





}
@media screen and (min-width:992px) and (max-width:1199px)
{
    #header .navbar-brand {width: 173px;    top: 17px;z-index: 999;} 
    #header .language .current-lang a, .sticky #header .language .current-lang a {
        color: #fff;
        background: #d8caba !important;
    }
    body.sticky #header { position: fixed;}
    .overlay-menu{padding-bottom:0;transform:translateX(100%);-webkit-transform:translateX(100%);transition:.5s cubic-bezier(.77,0,.175,1);position:fixed;top:0;left:0;right:0;bottom:0;z-index:21;background:#00a89d;display:flex;flex-direction:column}
     #header .header-right { z-index: 999;}
    .overlay-menu .menu>li{opacity:0;transform:translate(50px,0);-webkit-transform:translate3d(50px,0,0);transition-delay:.6s}
    
    body.menu-open .overlay-menu{transform:translateX(0);-webkit-transform:translateX(0);height: 100vh;}
    body.menu-open .overlay-menu .bg{opacity:.04;transition-delay:.3s}

    .overlay-menu .menu-center{ height: 100%;}

    .overlay-menu .menu-logo{position:absolute;pointer-events:none;z-index:5;width:100%;left:0;top:40%;transform:translateY(-50%);text-align:center}
    .overlay-menu .menu-logo img{opacity:0;max-width:25vw;max-height:45vh}
    .menu-open .overlay-menu .menu-logo img{animation:1.5s .5s forwards scaleOut}
    .overlay-menu .main-menu-container{padding:0;margin:100px auto 0px;list-style-type:none;overflow:hidden;-ms-overflow-style:none}
    .overlay-menu .main-menu-container::-webkit-scrollbar{display:none}

    .header-bottom .navbar-toggler{display:block;        padding-right: 50px;}
    .overlay-menu .h-100{height:100%}
    body.menu-open .overlay-menu .menu li{transition:transform 1s cubic-bezier(.165,.84,.44,1),opacity 1s cubic-bezier(.165,.84,.44,1);opacity:1;transform:translate(0,0);-webkit-transform:translate3d(0,0,0)}
    .overlay-menu .menu-other{display:none}
    .overlay-menu .menu-other a{font-size:24px;text-transform:none;font-weight:500}
    .overlay-menu .menu-other>li{margin-right:85px}
    .overlay-menu .menu-other>li:last-child{margin-right:0}
    body.menu-open{overflow:hidden!important}
    body.menu-open .overlay-menu .menu>li:nth-last-of-type(1){transition-delay:.2s}
    body.menu-open .overlay-menu .menu>li:nth-last-of-type(2){transition-delay:.3s}
    body.menu-open .overlay-menu .menu>li:nth-last-of-type(3){transition-delay:.4s}
    body.menu-open .overlay-menu .menu>li:nth-last-of-type(4){transition-delay:.5s}
    body.menu-open .overlay-menu .menu>li:nth-last-of-type(5){transition-delay:.6s}
    body.menu-open .overlay-menu .menu>li:nth-last-of-type(6){transition-delay:.7s}
    body.menu-open .overlay-menu .menu>li:nth-last-of-type(7){transition-delay:.8s}
    body.menu-open .overlay-menu .menu>li:nth-last-of-type(8){transition-delay:.9s}
    body.menu-open .overlay-menu .menu>li:nth-last-of-type(9){transition-delay:1s}
    body.menu-open .overlay-menu .menu>li:nth-last-of-type(10){transition-delay:1.1s}
    body.menu-open .overlay-menu .menu>li:nth-last-of-type(11){transition-delay:1.2s}
    body.menu-open .overlay-menu .menu.menu-other>li{transition-delay:.2s}

    .diemden-slide .swiper-slide img,.interior-slide .swiper-slide img {
        height: 588px;
    }

    .section-location-link .section-content {
        width: 100%;
        right: auto;
        position: relative;
        top: auto;
        padding: 40px 20px;
    }    
    .section-location-link .section-image-wrapper {float: none;}

    .section-about .cont-about { position: relative; left: 0%; top: 0; transform: translateX(0%); width: 100%; padding-top: 3rem; padding-bottom: 3rem; background: #00a89d; }

    .section.section-about .des-about,.section.section-about .heading-ab{margin: 0 !important;flex: 0 0 auto;width:100%;}


    .w-parner .logo-wrapper img { max-height: 4rem; }



    .section-location-link .section-image-wrapper{height: 880px;}

    .section-location-link .section-image {
        left: 0px;
        bottom: 0px;
        top: 0px;
        bottom: auto;
        transform-origin: left top;
    }
    .section-location .section-image{margin: auto;}
    .section-location-link .section-content-inner{padding-bottom: 30px;}
    .section-location .section-image-wrapper,.section-location-link .section-image-wrapper{opacity: 1 !important}
    .section-location .section-image-wrapper {min-height: auto;margin-right: 0;position: relative;    width: 100%;
        -moz-transform: scale(1);-o-transform: scale(1);  -webkit-transform: scale(1); transform: scale(1);
    }
    .item-tienich{transform: translateY(-50%);right: 2rem; width: 44vw;}
    #postNewTop .item-title { font-size: 1.5rem; line-height: 2.2rem;}

    header#header {  background: #00a89d;  position: relative;    height: 65px;-webkit-animation-name: unset;    animation-name: unset;    -webkit-transform: unset;    transform: unset;}
    
    .tagline-banner {font-size: 80px;}
    body.child-page #header .navbar-brand {  top: 16px;    }
    body.child-page #header .header-right {margin-top: 19px;}
    .jsignature_design {left: 60px;}
        .jsignature_design .design_slider .item {width: 380px;}
        .jsignature_design figure{height: 480px;}

     #header .navbar-toggler-icon {right: 0px;}   
    #fullpage,#header{overflow: hidden;    }    

    .w_award .section-title {line-height: 40px;font-size: 31px;}
        .w_award .section-title span { font-size: 32px;}
    .section-award .img_award img { max-width: 110px;}

    .section-location .section-content {
        position: relative;
        left: 0%;
        z-index: 3;
        width: 100%;
        padding: 0px 30px;
        right: auto;
    }
    .section-location  .items {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 0px 20px;
    }
   
    #tai-lieu .w-document{width: 33.33333333%;}

    .section-destination .album-destination,.section-destination.destination .des_destination{width: 100%;}
    .section-destination .album-destination{order: 2}
    .section-destination .destination .des_destination{order: 1}
    .destination .des_destination {
        padding-left: 40px;
        padding-bottom: 20px;
        padding-right: 40px;
    }
    .home-page section.destination { padding-bottom: 60px;}

    .section-gallery .menu-library .nav-link {padding: 0px; text-align: left;    font-size: 26px;margin-bottom: 0px !important;}
    .section-gallery .menu-library .nav-link.active { font-size: 26px;}


    .video-slick img {height: 247px;}


    .matbangtang .tab-pane { margin-left: calc(0px);}

    .section-mb-tang .des_matbang {max-width: calc((100% - 40%) - 55px);}

    .room-modal .wrapper {max-width: calc(100% - 20px);    }
    .name-apart {font-size: 37px;}


    .content_dev { padding-right: 30px;}
    .content_dev .logo_dev {  margin-bottom: 20px;}


    #postNewTop .description {line-height: 25px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box !important;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        height: 75px;}

    #postNewTop .item-thumb img{object-fit: cover;  height: 337px; width: 100%;}
    #postNewBottom .item-thumb img{object-fit: cover;  height: 206px; width: 100%;}

    #form_register .submit {padding: 5px 30px;}

    .recommen {padding: 40px 0px 20px;text-align: justify;}
    .t_contact {padding-right: 50px;font-size: 1.4rem}


    .section-news,.detail-news{overflow: hidden;}

    .photo-thuvien img { height: 420px;}

    .view-more {margin-top: 10px;}

    .section-award {min-height: 520px;}

    .content_dev .logo_dev img{max-width: 300px;}

    .menu-library {width: 29%;height: 420px;}
    .img-mb-t {width: 71%;}
    #postNewTop .item-body {padding: 40px 0px 40px 40px;}

}
@media (max-width:991px) {
    .overlay-menu .main-menu-container{display:block;width:100%;text-align:center}
    body.menu-open #header .navbar-brand{opacity:1}
    .overlay-menu .menu-logo{display:none}

    .lang-mobile{display: block;}
    .header-right .language{display:none !important}
    .section-location .section-image-wrapper {position: relative; }
    .section-location .section-content {
        position:static;
        top:auto;
        transform:translate(0);
        padding:0 var(--bs-gutter-x,.75rem);
        width:100%;        padding-top: 30px;
    }

    header#header {transition-duration: unset;background: #00a89d;  position: relative;    height: 65px;-webkit-animation-name: unset !important;    animation-name: unset !important;    -webkit-transform: unset !important;    transform: unset !important;}
    
    .tagline-banner {font-size: 80px;}
    body.child-page #header .navbar-brand {  top: 16px;    }
    body.child-page #header .header-right {margin-top: 19px;}
    .jsignature_design {left: 0px;     padding: 0px 15px;}
        .jsignature_design .design_slider .item {width: 380px;}
        .jsignature_design figure{height: 480px;}

     #header .navbar-toggler-icon {right: 0px;}   
    #fullpage,#header{overflow: hidden;    }    
    #header .language {
        margin: 40px auto 0px;
        max-width: 90px;
        padding-left: 0px;
    }
    .section-about .cont-about { position: relative; left: 0%; top: 0; transform: translateX(0%); width: 100%; padding-top: 3rem; padding-bottom: 3rem; background: #00a89d; }

    .section.section-about .des-about,.section.section-about .heading-ab{margin: 0 !important;flex: 0 0 auto;width:100%;}
    #form_register{    grid-template-columns: repeat(2, 1fr);}
    #form_register .col-btn {
      grid-column: 1 / span 2; /* chiếm hết 2 cột */
      text-align: center; /* canh giữa nút */
    }

.section-about .img-about{margin-top:1rem; order: 2}
.tab-pane-item { position: relative;}
.fade:not(.show){display: none;}

    .small_jsignature,.big_jsignature{
        flex: 0 0 auto;
        width: 50%;
    }

    .section-destination .album-destination,.section-destination.destination .des_destination{width: 100%;}
    .section-destination .album-destination{order: 2}
    .section-destination .destination .des_destination{order: 1}
    .destination .des_destination {
        padding-left: 40px;
        padding-bottom: 20px;
        padding-right: 40px;
    }
    .section-gallery .menu-library .nav-link {padding: 0px; text-align: left;}
    .section-gallery .menu-library .nav-link.active { font-size: 38px;}
    .destination .des_destination,#interior.destination .des_destination {padding-left: 25px;padding-right: 25px;    }

    .video-slick img {height: 247px;}


    .matbangtang .tab-pane { margin-left: calc(0px);        display: block; }
    .section-gallery .control {
        left: 0px;
        position: relative;
        right: auto;        justify-content: center;
    }
    .home-page section.section-mb-tang {padding-bottom: 40px;}
    .item-tienich{transform: translateY(-50%); right: 1rem;   width: 50vw;}

    #postNewTop .description {line-height: 25px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box !important;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        height: 75px;}

    #postNewTop .item-thumb img{object-fit: cover;  height: 337px; width: 100%;}
    #postNewBottom .item-thumb img{object-fit: cover;  height: 206px; width: 100%;}

    #form_register .submit {padding: 5px 30px;}

    .recommen {padding: 40px 50px 20px;text-align: justify;}
    .t_contact {padding-right: 50px;}


    .section-news,.detail-news{overflow: hidden;}

    .photo-thuvien img { height: 440px;}

    .view-more {margin-top: 10px;}

    .section-award {min-height: 520px;}

    .content_dev .logo_dev img{max-width: 300px;}
    .section-mb-tang .tab-content.img-mb-t{height: 710px;}
    .menu-library #myTabPhoto{    margin-bottom: 20px;width: 100%;  display: grid;  grid-template-columns: repeat(2, 1fr);  padding-right: 0px; gap: 0px 2rem;width: fit-content; height: auto;}
    .menu-library {        width: 100%;     height: auto;      padding: 0px;      margin-bottom: 20px;}
    .section-gallery .menu-library .nav-link.active{margin-bottom: 0px;}
    .section-gallery .menu-library .nav-link.active,.section-gallery .menu-library .nav-link {  font-size: 27px;  line-height: 31px;}
    .section-gallery .menu-library .nav-item {  text-align: center;}
    .img-mb-t,.section-development .thumb_dev {  width: 100%;}

    #postNewTop .item-body {  padding:0px 0px 0px 30px;}
    #postNewTop .item-title { font-size: 23px; line-height: 30px; }
    .des_contact {margin-top: 20px;}
    .content_dev {
        text-align: justify;
        width: 100%;
        padding-top: 2rem; padding-left: 15px;
    }
    .content_dev .logo_dev {  text-align: center;}

    #form_register {     grid-template-columns: repeat(2, 1fr);     gap: 20px 10px;   }

    .footer_bottom .logo_duan {  text-align: center;  margin-bottom: 30px;}
    #tai-lieu .w-document { width: 33.33333333%; }
    .logo_f svg {max-width: 21rem; padding-right: 0px; margin-top: 2rem;}
    .child-page .section-news #postNewBottom .item-new {  width: 50%;}

    .section-post-other .post-list {  gap: 20px;}

    .social_f { margin: 10px 0px 2rem; justify-content: left; }












}
@media screen and (min-width:768px) and (max-width:979px){  
    #header .navbar-brand {width: 163px;        top: 17px;}
    #header .language .current-lang a,.sticky #header .language .current-lang a { color: #fff;  background: #d8caba !important;} 
    #header .language {
        margin: 40px auto 0px;
        max-width: 90px;
        padding-left: 0px;
    }
    body.sticky #header {    position: fixed;    }
    .overlay-menu .main-menu-container {margin: 100px auto 0px;}
    .overlay-menu .menu>li { margin: 25px 12px;}
    .overlay-menu .menu a {font-size: 21px;}
    .section-location-link .section-content {
        width: 100%;
        right: auto;
        position: relative;
        top: auto;
        padding: 40px 20px;
    }    
    .section-location-link .section-image-wrapper {float: none;}


    .section-location-link .section-image-wrapper{height: 730px;}

    .section-location-link .section-image {
        left: -90px;
        bottom: 0px;
        top: 0px;
        bottom: auto;
        transform-origin: left top;
    }
    .section-location-link .section-content-inner{padding-bottom: 30px;}
    .section-location .section-image-wrapper,.section-location-link .section-image-wrapper{opacity: 1 !important;
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);margin-right: 0;
    }

    .section-award .img_award img {  max-width: 110px;}
    .section-mb-tang .mb_tongthe {  width: 100%;}

    .section-mb-tang .des_matbang {
        width: 100%;
        padding-top: 40px;
        padding-left: 30px;
        padding-right: 30px;
        max-width: 100%;
    }
    .choose-room, .pop-master .choose-popup-room {
        height: 40px;
        padding: 5px 31px 4px 24px;
        top: -70px;
        right: 30px;
    }
    .des_matbang .tab-pane {
        margin: 140px 0px 0px 0px;
        width: 100%;
        max-width: 100%;
        padding: 0px 30px 0px;
    }

    .section-mb-tang .des_matbang .section-title {  margin-left: 0px;}

    .w-parner .logo-wrapper img { max-width: 14.5rem; }
    .w-development{margin: 0 -1rem}

    .room-modal .wrapper {  max-width: calc(100% - 20px);}
    .img-vitr {  position: relative;}

    .w_award .section-title {  line-height: 38px;  font-size: 28px;}
        .w_award .section-title span {font-size: 30px;}

    .diemden-slide .swiper-slide img, .interior-slide .swiper-slide img {
        height: 348px;
    }    
    #tien-ich .p-bottom { padding-bottom: 40px;}
}

@media (max-width:767px) {
    .container, .container-sm {
        max-width: calc(100% - 30px);
    }
    header#header {height: 60px;}
    body.sticky #header {    position: fixed;    }
    #header .navbar-brand {width: 133px;top: 15px;}
    .sticky #header .navbar-brand { top: 15px;}
    #header .header-right .svg{height:18px;margin-right:0}
    #header .header-right a.svg-ani span,#header .header-right>a:after{display:none}
    #header .language .current-lang a,.sticky #header .language .current-lang a {  color: #fff;  background: #d8caba !important;}

    .header-bottom .navbar-toggler {height: 26px;    }

    .overlay-menu .menu>li {  margin: 10px 12px;}
    .section-location .section-content {
        padding-bottom:0
    }
    .section-location .section-content .items {
        border-left:0;
        padding-left:0
    }
    .section-location .section-content .items:before {
        display:none
    }
   .section-location .section-image-wrapper {position: relative;
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);        margin-right: 0rem;
    }

    .section-location-link .section-content {
        width: 100%;
        right: auto;
        position: relative;
        top: auto;
        padding: 40px 20px;
    }    
    .section-location-link .section-image-wrapper {float: none;}


    .section-location-link .section-image-wrapper{height: 730px;}

    .section-location-link .section-image {
        left: -90px;
        bottom: 0px;
        top: 0px;
        bottom: auto;
        transform-origin: left top;
    }
    .section-location-link .section-content-inner{padding-bottom: 30px;}
    .section-location .section-image-wrapper,.section-location-link .section-image-wrapper{opacity: 1 !important}


    .section-title { font-size: 2.5rem; line-height: 3.8rem;}
    .w_award .section-title{font-size: 26px;    line-height: 32px; }
        .w_award .section-title span {  font-size: 25px;}
   

    .w_award {max-width: 420px;         right: 44%;   }   

    .section-award {   min-height: 380px;    }
            .section-award .img_award img {     max-width: 90px;    }

    .section-mb-tang .mb_tongthe {width: 100%;  padding: 0px 30px;}    
    .section-mb-tang .des_matbang {         width: 100%;
        padding-top: 40px;
        padding-left: 20px;
        padding-right: 20px;
        max-width: 100%;
    }
    .choose-room, .pop-master .choose-popup-room {  top: -80px;  right: 30px;}

    .section-gallery .nav-link{font-size: 35px;}

    #postNewTop .item-title { font-size: 25px;}

    .room-modal .wrapper { max-width: calc(100% - 20px);  position: fixed;  left: 50%;  top: 0px;  transform: translate(-50%, 0%);}
    .img-vitr {  position: relative;}

    .room-slick .img-pop img {  max-height: 330px;}
    .img-vitr img { max-height: 100px;}
    .name-apart {font-size: 34px;line-height: 41px;}

    #tien-ich .p-bottom { padding-bottom: 30px;}
    .register.register-pop{display: none;}

    .room-modal .wrapper {width: 100%;}
    .w-parner:last-child .w-cont-dev:after{display: none;}

}
    

@media screen and (max-width: 480px) and (orientation : portrait) {
    .container, .container-sm {
        max-width: calc(100% - 10px);
    }
    #header .navbar-brand {  width: 123px;    }
    .header-bottom .navbar-toggler {padding: 0px 40px 0px 16px;}
    .overlay-menu .main-menu-container {margin: 100px 0px 0px;    }
        .overlay-menu .menu>li {  margin: 20px 12px;   }
            .overlay-menu .menu a {  font-size: 23px;}

    .overlay-menu .container{width: 100%; padding: 0px;        max-width: 100%;}  
    .section-title span{display: block;}

    .section-title.ab-mobile{display: block;position: absolute; top:2rem; font-size: 22px; right: 2rem; line-height: 1.5rem;}
    .cont-about .heading-ab{display: none;}
    .section-about .section-content-wrapper { background: transparent; padding: 0; }
    .section-about .section-content li:before { background: #096263;}
    .section-about .cont-about{padding-bottom: 1.5rem}

    .register.register-pop{display: none;}
   
    .section-location .section-content .section-info {max-width: 100%;}

    .section-location-link .section-image-wrapper {height: 480px;    }

    .section-location-link .items-left{ padding-right: 10px;}
    .section-location-link .items-right {padding-right: 0px;}

    .section-post-other .post-list {    grid-template-columns: repeat(1, 1fr);    }

    .post-detail .editor-content{text-align: justify;}

    .tagline-banner {font-size: 32px;    }
    .fixed-btn.callto_act {  bottom: 20px;}

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

    .big_jsignature{display: none;}
    .small_jsignature{    width: 100%;    }

    .jsignature_design .sig_title{    font-size: 34px;  color: var(--color-main);    line-height: 40px;}
    .jsignature_design figure {
        height: 390px;
    }
     .jsignature_design .design_slider .item {
        width: 330px;
    }
    .section-location .section-content {padding: 0px 15px;    }
    .section-location .items {grid-template-columns: repeat(2, 1fr);      gap: 0px 10px;    }

    .section-location .section-image-wrapper {padding: 0px;          height: 20rem;  }
    .cmoz-alo-circle {background-color: hsl(30deg 54% 23% / 10%);}
    .cmoz-alo-circle-fill {background-color: hsl(30deg 54% 23% / 20%);}

    .cmoz-alo-circle { width: 90px;   height: 90px;}
    .cmoz-alo-circle-fill {width: 30px;  height: 30px;}    

    #poit-map {
        left: 16.2%; top: 38.3%;
    }
    .map-area {   margin-top: 25px;}

    .section-mb-tang .des_matbang {
        width: 100%;
        padding-top: 40px;
        padding-left: 30px;
        padding-right: 30px;
    }
    #mat-bang ul#myTab{gap: 0px 0.5rem;}
    #mat-bang ul#myTab .nav-link{padding: .5rem 0.5rem;    font-size: 1.3rem;}
    .choose-room, .pop-master .choose-popup-room {top: 0px;}

    .section-gallery .nav-link {
        font-size: 28px;        padding: 0px;
    }
    .t-top,.section-gallery .navi-gallery {  padding-top: 30px;}
    .section-gallery .nav-item { margin: 0px 10px;}
    .section-gallery{padding-bottom: 30px;}
    .menu-library {        grid-template-columns: repeat(2, 1fr);      gap: 0px 10px;        height: auto;}
    .section-gallery .menu-library .nav-link,.section-gallery .menu-library .nav-link.active{font-size:1.3rem;font-family: "K2D", sans-serif; font-weight: 400;}

    .section-gallery .sum { font-size: 18px;}
    .popup-tvien {width: 100%;  text-align: center;}

    .photo-thuvien img {
        height: 260px;
    }
    .section-gallery .video-slick {
        grid-template-columns: repeat(1, 1fr);
        gap: 10px;
    }

    #postNewTop .item-thumb {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
            #postNewTop .item-thumb img {    height: 237px;    }

    #postNewTop .item-body {
        padding: 20px 15px;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }        
    .view-more{display: none;}
    #postNewBottom .item-thumb img {height: 156px;    }

     .logo_f svg {     max-width: 315px;}

     .t_contact {
        font-size: 1.6rem;
        padding-right: 0px;
        line-height: 36px;
        margin-bottom: 20px;
     }
      .recommen {padding: 40px 20px 20px;}

    .section-title{ font-size: 2rem; line-height: 2.9rem;}
    .section-about .section-title .t-color { font-size: 1.9rem; line-height: 2rem; }
    .floor-title li {font-size: 25px;}
    .choose-room, .pop-master .choose-popup-room {height: 34px;    font-size: 14px;}
        .room-modal .choose-popup-room{top: 97px !important;        height: 32px;}
    .floor-apart {  margin-bottom: 10px;}
        .room-modal .img-pop{margin-top: 20px;justify-content: center;}
        .img-vitr{display: none;}
    .section-about .section-title    {display: block;}
    #form_register {   grid-template-columns: repeat(1, 1fr);display: flex   }

    #form_register .col_form{padding-right: 15px; padding-left: 15px;}
    #form_register .submit {width: 100%;    }
    .des_matbang .tab-pane {  margin: 120px 0px 0px 0px;  width: 100%;  max-width: 100%;    padding:0px 30px 0px;}
    .section-mb-tang .des_matbang .section-title{margin-left: 0px;}

    .home-page section.section-mb-tang {     padding-bottom: 0px;    }

    .room-modal .wrapper { padding: 20px 15px;width: 100%;top: 10px;}

        .name-apart {     font-size: 24px;    }
    .room-slick .img-pop {min-height: auto;}    
    .room-slick .content-pop,.room-slick .img-pop {  width: 100%;}  

    .room-slick .slick-arrow.slick-prev {  left: 0px;    background-size: 7px !important;}
    .room-slick .slick-arrow.slick-next {  right: 0px;    background-size: 7px !important;}
    .room-slick table {  width: 100%;}

    .section-mb-tang .tab-content.img-mb-t{height: 470px;    }

    .slick-slider .slick-dots li button{width: 18px; height: 18px; padding: 0px !important; margin: 0px !important}
    .menu-library{display: block;}
    .section-gallery .menu-library .nav-item {text-align: center;   }
    .w_award {    right: 38%;    }
    .w_award .section-title {
        line-height: 20px;
        font-size: 18px;    padding-right: 10px;
    }
    .w_award .section-title span {
        font-size: 20px;
        line-height: 34px;
    }
    .section-award {min-height: 310px;    }
    .section-award .img_award img { max-width: 70px;    }
    .section-location .section-content .section-title span {font-size: 33px;}

    .modal-form-popup .form-popup {  padding: 0px 20px;}
    .modal-form-popup .form-popup-modal {width:100%;}

    .modal-form-popup .section-title {    font-size: 38px;     line-height: 40px;      margin-top: 20px;    }

    .room-modal .pop-master { margin-top: 20px;}
    .short-popup {padding: 4px 4px;border-radius: 10px;line-height: 17px;font-size: 13px;    text-align: center;white-space: normal;}
    .jsignature_design .head_info { height: 130px;}
    .jsignature_design .sig_title { height: 63px;}

    #tien-ich .album-destination .swiper-slide .t-diemden{position: relative;color: #00a89d; padding-top: 15px;        bottom: auto;}

    .s-floorplan .container-fluid { padding-left: 15px; padding-right: 15px; }
    .item-tienich { transform: translateY(0%); right: 0rem; width: 100%; position: relative; border: 0; border-top-left-radius: 0; border-top-right-radius: 0; }
    .section-utilities .items-wrapper .item{font-size: 0.9rem}
    .item-tienich { padding: 1rem 0.5rem 0.5rem 0.8rem;}
    #tai-lieu .w-document { width:100%; }

    .fancybox-container .fancybox-navigation button{background-color: #00a89d; width: 2rem; height: 2rem; background-size: 0.7rem;}
    #postNewTop .item-title { font-size: 1.3rem; }
    .section-gallery .control{display: none;}

    .section-development .thumb_dev{order: 2}
    .section#tai-lieu{padding-bottom: 0}
    #mat-bang #myTabContent { min-height: 27rem;}
    .section-gallery #myTabSubContent{min-height: 17rem;}
    .w-parner .section-title { font-size: 1.5rem;}
    .w-parner .logo-wrapper img { max-width: 15.5rem; }
    .logo-wrapper {margin-bottom: 2rem; margin-top: 3rem;    min-height: auto; }
}
    
@media (max-width:380px) {
    .section-location .section-image-wrapper {height: 18rem; }
    .section-title.ab-mobile{right: 1rem}
    .jsignature_design .design_slider .item {
        width: 300px;
    }
     .jsignature_design figure {
        height: 350px;
    }
    .section-title {
        font-size: 29px;
        line-height: 37px;
    }

    .section-title.ab-mobile{font-size: 1.3rem;}
    .section-about .section-title .t-color { font-size: 1.8rem; }
    .room-modal .choose-popup-room {     right: 20px;    }
    .room-slick table {  width: 100%;}

    .w_award {  right: 36%;    }
    .t_contact { font-size: 1.4rem; }
    .copyright {font-size: 0.9rem; }




}

@media (max-width:365px) {
    .header-bottom .navbar-toggler span{display: none}
    .section-gallery .nav-link {
        font-size: 27px;
    }
    
    .section-location .section-image-wrapper {height: 17rem;    }

    .menu-library {grid-template-columns: repeat(1, 1fr);    }

    .w_award {  right:34%; }        

}
@media (max-width:330px) {
    .section-title.ab-mobile { font-size: 1.2rem; }
    .section-about .section-title .t-color {
        font-size: 1.5rem;        line-height: 1.8rem;
    }
}  
@keyframes stroke {
    to{stroke-dashoffset:0}
}
@keyframes StrokeLine {
    0%{stroke-dashoffset:0}
    100%{stroke-dashoffset:-200}
}
@keyframes StrokeLine2 {
    0%{stroke-dashoffset:-200}
    100%{stroke-dashoffset:0}
}
@keyframes DrawStroke2 {
    0%{stroke-dashoffset:5000}
    to{stroke-dashoffset:0}
}

.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}
.driveInTop{-webkit-animation-name:driveInTop;animation-name:driveInTop;-webkit-animation-duration:1s;animation-duration:1s}

@keyframes driveInTop {
    0%{opacity:0;-webkit-animation-timing-function:cubic-bezier(.165,.84,.44,1);animation-timing-function:cubic-bezier(.165,.84,.44,1);-webkit-transform:translate3d(0,-400px,0);transform:translate3d(0,-400px,0)}
    30%{opacity:1}
    60%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:translate3d(0,30px,0);transform:translate3d(0,30px,0)}
    100%{-webkit-animation-timing-function:cubic-bezier(.645,.045,.355,1);animation-timing-function:cubic-bezier(.645,.045,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.blink{-webkit-animation-name:blink;animation-name:blink;-webkit-animation-timing-function:cubic-bezier(.42,0,.58,1);animation-timing-function:cubic-bezier(.42,0,.58,1);-webkit-animation-duration:1s;animation-duration:1s}
@keyframes blink {
    0%,100%,50%{opacity:1}
    25%,75%{opacity:0}
}
.swoopInTop{-webkit-animation-name:swoopInTop;animation-name:swoopInTop;-webkit-animation-duration:.5s;animation-duration:.5s}


@keyframes swoopInTop {
    0%{opacity:0;-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:scaleY(1.5) translate3d(0,-400px,0);transform:scaleY(1.5) translate3d(0,-400px,0)}
    40%{opacity:1;-webkit-animation-timing-function:cubic-bezier(.42,0,.58,1);animation-timing-function:cubic-bezier(.42,0,.58,1);-webkit-transform:scaleY(1.2) translate3d(0,0,0);transform:scaleY(1.2) translate3d(0,0,0)}
    65%{-webkit-transform:scaleY(1) translate3d(0,20px,0);transform:scaleY(1) translate3d(0,20px,0)}
    100%{-webkit-animation-timing-function:cubic-bezier(.42,0,.58,1);animation-timing-function:cubic-bezier(.42,0,.58,1);-webkit-transform:scaleY(1) translate3d(0,0,0);transform:scaleY(1) translate3d(0,0,0)}
}
@-webkit-keyframes Ringing-call {
    10%,30%,50%,70%,90%{-webkit-transform:rotate(10deg);-moz-transform:rotate(10deg);-o-transform:rotate(10deg)}
    100%,20%,40%,60%,80%{-webkit-transform:rotate(-10deg);-moz-transform:rotate(-10deg);-o-transform:rotate(-10deg)}
}
@keyframes RotateBG {
    0%,to{transform:rotate(0) scale(1);opacity:1}
    33%{transform:rotate(90deg) scale(.95);opacity:.3}
    60%{transform:rotate(135deg) scale(1.05);opacity:.4}
    80%{transform:rotate(35deg) scale(.9);opacity:1}
}
@keyframes RotateBG1 {
    0%,to{transform:rotate(0) scale(1);opacity:1}
    60%{transform:rotate(90deg) scale(1);opacity:.6}
    80%{transform:rotate(35deg) scale(.9);opacity:1}
}
@keyframes RotateBG2 {
    0%,to{transform:rotate(-11.17deg) scale(1);opacity:1}
    33%{transform:rotate(90deg) scale(1);opacity:.3}
    60%{transform:rotate(135deg) scale(1.1);opacity:.6}
    80%{transform:rotate(35deg) scale(.9);opacity:1}
}
.flipInXCustom,.flipInYCustom{opacity:0;-webkit-animation-duration:.6s;animation-duration:.6s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}
@keyframes flipInXCustom {
    0%{transform:rotateX(180deg);opacity:0}
    100%{transform:rotateX(0);opacity:1}
}
.flipInXCustom.go{-webkit-backface-visibility:visible!important;-webkit-animation-name:flipInXCustom;backface-visibility:visible!important;animation-name:flipInXCustom}

@keyframes flipInYCustom {
    0%{transform:rotateY(180deg);opacity:0}
    100%{transform:rotateY(0);opacity:1}
}
.flipInYCustom.go{-webkit-backface-visibility:visible!important;-webkit-animation-name:flipInYCustom;backface-visibility:visible!important;animation-name:flipInYCustom}
.scaleInY{opacity:0;transform-origin:bottom}
@-webkit-keyframes scaleInY {
    0%{opacity:0;-webkit-transform:scaleY(.1)}
    100%{opacity:1;-webkit-transform:scaleY(1)}
}
@keyframes scaleInY {
    0% {
        opacity:0;
        transform:scaleY(.1)
    }
    100% {
        opacity:1;
        transform:scaleY(1)
    }
}
.scaleInY.go{-webkit-animation-name:scaleInY;animation-name:scaleInY}
.zoomIn{opacity:0;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}

@keyframes zoomIn {
   0%{transform:scale(0);opacity:0}
    100%{transform:scale(1);opacity:1}
}
.zoomIn.go{-webkit-backface-visibility:visible!important;-webkit-animation-name:zoomIn;backface-visibility:visible!important;animation-name:zoomIn}
@-webkit-keyframes custom-spin {
    0%{-webkit-transform:rotate(0);transform:rotate(0)}
    100%{-webkit-transform:translateY(-50%) rotate(359deg);transform:translateY(-50%) rotate(359deg)}
}
@keyframes custom-spin {
    0%{-webkit-transform:translateY(-50%) rotate(0);transform:translateY(-50%) rotate(0)}
    100%{-webkit-transform:translateY(-50%) rotate(359deg);transform:translateY(-50%) rotate(359deg)}
}
@-webkit-keyframes custom-spin-2 {
    0%{-webkit-transform:rotate(0);transform:rotate(0)}
    100%{-webkit-transform:rotate(359deg);transform:translateY(-50%) rotate(359deg)}
}
@keyframes custom-spin-2 {
    0%{-webkit-transform:rotate(0);transform:rotate(0)}
    100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}
}
@keyframes scroll {
    0%{opacity:0}
    10%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}
    100%{-webkit-transform:translateY(40px);transform:translateY(40px);opacity:0}
}
@keyframes arrow-animation {
    0%,100%{opacity:1;transform:translateY(0)}
    49%{opacity:0;transform:translateY(10px)}
    50%{opacity:0;transform:translateY(-10px)}
}
@keyframes scaleOut {
    0%{opacity:0;transform:scale(1.1)}
    to{opacity:1;transform:none}
}
@media (max-width:767px) {
    @keyframes scaleOut {
        0%{opacity:0;transform:scale(1.2)}
        to{opacity:1;transform:scale(1)}
    }
}
@keyframes scaleOut2 {
    0%{opacity:0;transform:scale(2)}
    to{opacity:1;transform:scale(1)}
}
@keyframes scaleIn {
    0%{opacity:0;transform:scale(.8)}
    to{opacity:1;transform:none}
}
@keyframes scaleToIn {
    0%{transform:scale(1);opacity:1}
    100%{transform:scale(2);opacity:0}
}
@keyframes bounceInDown {
    60%,75%,90%,from,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}
    0%{opacity:0;transform:translate3d(0,-3000px,0)}
    60%{opacity:1;transform:translate3d(0,25px,0)}
    75%{transform:translate3d(0,-10px,0)}
    90%{transform:translate3d(0,5px,0)}
    to{opacity:1}
}
@keyframes bounceIn {
    30%,60%,90%,from,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);opacity:1}
    0%,to{transform:translate3d(0,0,0)}
    30%,90%{transform:translate3d(0,5px,0)}
    60%{transform:translate3d(0,-5px,0)}
}

@keyframes move-chevron {
    25%{opacity:1}
    33.3%{opacity:1;transform:translateY(10px)}
    66.6%{opacity:1;transform:translateY(20px)}
    100%{opacity:0;transform:translateY(30px) scale(.5)}
}
.animated.fadeInUp{-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:translateY(200px);transform:translateY(200px)}
.animated.fadeInUp.go{-webkit-animation-name:fadeInUpMedium;animation-name:fadeInUpMedium}
@-webkit-keyframes fadeInUpMedium {
    0%{opacity:0;-webkit-transform:translateY(200px)}
    50%{opacity:.3}
    100%{opacity:1;-webkit-transform:translateY(0)}
}
@keyframes fadeInUpMedium {
    0%{opacity:0;transform:translateY(200px)}
    50%{opacity:.3}
    100%{opacity:1;transform:translateY(0)}
}
.animated.revealText{opacity:0;transform:translateX(0);animation-duration:1.5s;animation-fill-mode:forwards}
.animated.revealText.go{animation-name:revealText}
.animated.revealText2{opacity:0;animation-duration:2s;animation-fill-mode:forwards}
.animated.revealText2.go{animation-name:revealText2}

@keyframes revealText {
    0%{transform:translateX(17%);clip-path:inset(0 50% 0 50%);-webkit-clip-path:inset(0 50% 0 50%)}
    100%{clip-path:inset(0 0 0 0);-webkit-clip-path:inset(0 0 0 0);transform:translateX(0);opacity:1}
}
@keyframes revealLine {
    0%{clip-path:inset(0 50% 0 50%);-webkit-clip-path:inset(0 50% 0 50%);opacity:0}
    100%{clip-path:inset(0 0 0 0);-webkit-clip-path:inset(0 0 0 0);opacity:1}
}
@keyframes revealText2 {
    0%,20%{clip-path:inset(0 100% 0 0);-webkit-clip-path:inset(0 100% 0 0)}
    40%{opacity:1}
    100%{clip-path:inset(0 0 0 0);-webkit-clip-path:inset(0 0 0 0);opacity:1}
}
.animated.scaleOutPic {
    transform:transform: scale(1.4);
    animation-duration:2s
}
.animated.scaleOutPic.go {
    animation-name:scaleOutPic
}
@keyframes scaleOutPic {
    0%{transform:scale(1.4)}
    to{transform:scale(1)}
}
@keyframes scrollLine {
    0%,to{top:30%}
    50%,99%{top:100%}
}
@keyframes iconbounce {
    0%,100%,20%,50%,80%{transform:translateY(0)}
    10%{transform:translateY(-30px)}
    30%{transform:translateY(-15px)}
}
@keyframes circleText {
    from{transform:rotate(0)}
    to{transform:rotate(360deg)}
}