@charset "utf-8";

@font-face {
    font-family: 'Waking';
    src: url('../fonts/1FTV-VIP-Waking.eot');
    src: url('../fonts/1FTV-VIP-Waking.eot?#iefix') format('embedded-opentype'),
        url('../fonts/1FTV-VIP-Waking.woff2') format('woff2'),
        url('../fonts/1FTV-VIP-Waking.woff') format('woff'),
        url('../fonts/../fonts/1FTV-VIP-Waking.ttf') format('truetype'),
        url('../fonts/1FTV-VIP-Waking.svg#1FTV-VIP-Waking') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
:root{
--d-transition:all .5s cubic-bezier(0.65,0,0.35,1);
--font70:70px;
--font60:60px;
--font50:50px;
--font49:49px;
--font45:45px;
--font40:40px;
--font32:32px;
--font18:18px;
--d-gradient:#fff;
--color69D:#3A469D;
--color2BE:#4CC2BE;
--color89C:#00A89C;
--d-padding:5.46875vw;
--d-padding-xl:14.32292vw
}

body{font-family: "Montserrat", sans-serif;font-weight:400;margin:0;padding:0;font-size:15px;line-height:1.47;overflow-x:hidden;color:#393939}

body:not(.disable-fullpage),body:not(.disable-fullpage) section{overflow:hidden}

body:not(.ready){overflow:hidden!important}

h1,h2,h3,h4,h5,h6{margin:0 auto 15px;line-height:1.4}
b,strong{}
a{transition:var(--d-transition);text-decoration:none;color:#333}
a:focus,a:hover{text-decoration:none;outline:0}
ol,ul{margin:0 auto 20px}
ol li,ul li{margin:0 auto 10px}
blockquote{background:#f5f5f5;    padding: 30px;}
    blockquote p:last-child{padding-bottom: 0px;}
:focus,button:focus{outline:0}

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

.gutter-10{margin-left:-10px;margin-right:-10px}
.gutter-10>[class*=col-]{padding-right:10px;padding-left:10px}

.gutter-5{margin-left:-5px;margin-right:-5px}

.gutter-5>[class*=col-]{padding-right:5px;padding-left:5px}

.gutter-2{margin-left:-2px;margin-right:-2px}

.gutter-2>[class*=col-]{padding-right:2px;padding-left:2px}

.gutter-0{margin-left:0;margin-right:0}

.gutter-0>[class*=col-]{padding-right:0;padding-left:0}

.relative{position:relative}
.absolute{position:absolute}
.overflow-hide{overflow:hidden}

.blur{filter:blur(10px)}
.alignnone{margin:5px 20px 20px 0}
.aligncenter,div.aligncenter{display:block;margin:5px auto 1em}
.alignright{float:right;margin:5px 0 20px 20px}

.alignleft{float:left;margin:5px 20px 20px 0}

.aligncenter{display:block;margin:5px auto}

a img.alignright{float:right;margin:5px 0 20px 20px}

a img.alignnone{margin:5px 20px 20px 0}
a img.alignleft{float:left;margin:5px 20px 20px 0}

a img.aligncenter{display:block;margin-left:auto;margin-right: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:16px;margin:0;padding:5px 5px 0}
.editor-content img{max-width:100%;height:auto}
.editor-content img.media-object{max-width:none}
.editor-content h2,.editor-content h3,.editor-content h4{color:#fff}
.editor-content h4{font-size:16px}
.editor-content h3{font-size:18px}
.btn{border-radius:0;background:0 0;border:0;color:#212529;font-size:18px;margin:auto;padding:8px 35px;transition:var(--d-transition);text-decoration:none}
.btn.btn-icon{padding-left:60px}
.btn.btn-default,.btn.btn-primary{border-radius:0;background:0 0;font-size:20px;text-transform:uppercase;color:#fff;text-transform:uppercase;border:1px solid transparent}
.btn.btn-primary{border-color:#09123c;color:#09123c}
.btn.btn-primary:hover{color:#fff}
.btn.btn-default{background:0 0;color:#bda177;position:relative;padding-left:45px}


.btn.btn-default:hover{background:#09123c;color:#fff;border-color:#09123c}
.btn.btn-primary.md{padding:10px 35px 8px}
.btn .fa{font-size:22px;margin-right:5px;vertical-align:text-top}
.btn.btn-lg{font-size:24px;line-height:30px;padding:22px 50px}
.btn.btn-sm{font-size:16px;padding:8px 25px}
.btn:focus,.btn:hover{color:#09123c;outline:0;box-shadow:none}
.btn-link{font-size:17px;color:#09123c}
.btn.outline-btn{background:0 0;color:#006838;border:1px solid #09123c;padding:5px 25px 5px 10px;position:relative}

.btn.outline-btn:after{position:absolute;right:6px;top:12px;content:"\f103";font:14px/1 FontAwesome}

.btn.outline-btn:hover{background:#09123c;color:#09123c}
.btn-transparent{background:0 0;border:1px solid #09123c;color:#09123c;font-size:14px}
.btn-transparent:hover{background:#f7e5cb;border:1px solid #f7e5cb}
.btn-detail{margin-top:25px}
.div_zindex{position:relative;z-index:3}
.div_zindex>*{position:relative;z-index:1}
.dark-overlay{background:rgba(0,0,0,.85);content:"";height:100%;left:0;position:absolute;top:0;width:100%}
.color-overlay{background:rgba(205,56,96,.9);content:"";height:100%;left:0;position:absolute;top:0;width:100%}

.margin-btm-20{margin-bottom:20px;clear:both}
.margin-top-20{margin-top:20px;clear:both}
.margin-top-40{margin-top:40px;clear:both}
.margin-btm-40{margin-bottom:40px;clear:both}
.margin-top-60{margin-top:60px;clear:both}
.margin-btm-60{margin-bottom:60px;clear:both}
.margin-none{margin:0}
.margin-top-15{margin-top:15px}
.d-inline-block{display:inline-block}
.form-group{margin-bottom:20px;position:relative}
.form-group.has-error .help-block{position:absolute;right:0;top:10px;background: linear-gradient(225deg, #EFCA80 0%, #C18039 100%); -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}
.form-group-captcha{font-size:.7em;opacity:.5;color:#212529}
.form-group-captcha a{color:#212529}
.form-label{color:#111;font-size:14px;margin:0 auto 8px}
.form-control{background:0 0;border:0;border-radius:0;box-shadow:none;color:#212529;font-size:16px;height:40px;line-height:30px;padding:0 15px}
textarea.form-control{padding:15px 20px}
.form-control:hover{box-shadow:none;outline:0}
.form-control:focus{box-shadow:none;background:0 0;border-color:#FBFBFB;outline:0;color:#212529}
.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}
.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}
.checkbox,.radio{padding-top:5px}
table{margin:0 0 30px;width:100%}
table td,table th{border:1px solid #ccc;padding:18px}
table td img,table th img{max-width:100%}
table thead{background:#eee}
table thead td,table thead th{text-transform:uppercase;color:#111}
.panel-group .panel{background:#fff;border:0;border-radius:0;box-shadow:none;margin-bottom:25px}
.panel-title{color:#fff;font-size:24px;margin-bottom:0;margin-top:0}
.panel-title a{display:block;padding:10px 25px;position:relative;background:#cca759;font-size:18px}
.panel-title a .question{width:85px;height:100%;content:"";color:#fff;font-size:39px;line-height:1;text-align:center;position:absolute;top:0;left:0;background:#09123c}
.panel-title a.collapsed .question{background:#252930;transition-duration:.3s;-moz-transition-duration:.3s;-o-transition-duration:.3s;-webkit-transition-duration:.3s}
.panel-title a .question span{position:absolute;top:45%;left:0;right:0;transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-webkit-transform:translateY(-50%)}
.panel-default>.panel-heading{background:rgba(0,0,0,0);border:0;border-radius:0;box-shadow:none;color:#333;padding:0}
.panel-heading:hover .panel-title a .question{background:#09123c}
.panel-heading:hover .panel-title a{border-color:#09123c}
.panel-body{border:0 solid rgba(255,255,255,.2);margin-top:-1px;padding:15px 0}
.panel-body p{font-size:17px;line-height:30px}

section{position:relative}
.editor-content h2,.section-title{
    font-size:var(--font49);line-height:1.4em;color:#1B4467;position:relative;}
.section-title{font-family: 'Waking'; display: inline-block;}

.subtitle{font-size:var(--font32); font-family: 'Waking';color: var(--color2BE);line-height:1.4em; margin-bottom: 15px}
.title-radian{background: #2AAA9F; background: linear-gradient(90.01deg, #2AAA9F 0.01%, #50C1BF 36.11%, #2FACDF 59.13%); 
    -webkit-background-clip: text; -webkit-text-fill-color: transparent;}



.line{position:relative}
.line.line-top,.section-title.line-top{padding-top:165px}
.line.line-top:before,.section-title.line-top:before{content:'';position:absolute;width:1px;height:140px;background:#fff;left:50%;margin-left:-.5px;top:0}
.line.line-top-sm,.section-title.line-top-sm{padding-top:60px}
.line.line-top-sm:before,.section-title.line-top-sm:before{content:'';position:absolute;width:1px;height:40px;background:#fff;left:50%;margin-left:-.5px;top:0}
.line.line-bottom,.section-title.line-bottom{padding-bottom:60px}
.line.line-bottom:after,.section-title.line-bottom:after{content:'';position:absolute;width:1px;height:40px;background:#fff;left:50%;margin-left:-.5px;bottom:0}
.section-title-md{font-size:30px}

.section-description p:last-child{margin-bottom:0}
.secondary-bg{background:#09123c;color:#fff}
.view-detail{margin-top:45px;text-decoration:underline;font-style:italic;font-size:24px;display:block}
section.dark,section.dark .section-title{color:#fff}
section.dark .btn-default{color:#fff;border-color:#fff}
.ellips{text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
.primary-bg{background:var(--d-gradient);color:#fff}
.gray_bg{background:#fafaf9}
.gray_bg_2{background:#f5f5f5}
.section-padding{padding:80px 0}
.section-padding-sm{padding:20px 0}
.disable-fullpage #fullpage section:first-child .section-padding-top,.section-padding-top{padding-top:60px}

.section-bg{position:absolute;left:0;top:0;width:100%;height:100%}
.cover,.section-cover{background-size:cover;background-position:center center;background-repeat:no-repeat}
.icon-logo-lb,.icon-logo-rb{position:relative}
.primary-color,.secondary-color{color:#09123c}
.secondary-color .section-title.line-bottom:after{background:#09123c}
.mbtt .page-nav.masterplan-nav ul li:nth-child(1){display:none}
.fancybox-container .fancybox-bg,.fancybox-container .fancybox-button{background:rgba(9,18,65,1)}
.fancybox-container .fancybox-navigation button{color:#09123c;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/arrow-prev-xxl.svg)}
.fancybox-container .fancybox-navigation .fancybox-button--arrow_right{background-image:url(../images/arrow-next-xxl.svg)}

@media (max-width:991px){
    .fancybox-container .fancybox-navigation button{width:12px;height:26px}
    
}

.fancybox-container .fancybox-caption-wrap .fancybox-caption{color:#09123c}
.fancybox-container .fancybox-caption-wrap strong{margin-left:5px}
.p-left{padding-left:var(--d-padding-xl)}
.p-left-sm{padding-left:var(--d-padding)}
.p-right{padding-right:var(--d-padding-xl)}
.p-right-sm{padding-right:var(--d-padding)}
.p-both{padding-left:var(--d-padding-xl);padding-right:var(--d-padding-xl)}
.p-both-sm{padding-left:var(--d-padding);padding-right:var(--d-padding)}
.m-left{margin-left:var(--d-padding-xl)}
.m-right{margin-right:var(--d-padding-xl)}
.m-both{margin-left:var(--d-padding-xl);margin-right:var(--d-padding-xl)}
.m-left-sm{margin-left:var(--d-padding)}
.m-right-sm{margin-right:var(--d-padding)}
.m-both-sm{margin-left:var(--d-padding);margin-right:var(--d-padding)}
.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:#09123c;color:#fff;border:0}
.bootbox.modal .close:hover{background:#09123c}

.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,#c17f39 0,#f0cb81 100%)}

.mask::before,.wave-svg{height:calc(var(--vh,1vh) * 100);position:relative;display:block;width:100%}

.wave-svg path{fill:#fff}
.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);transition:var(--d-transition);z-index:4;background: #fff; }

.mask .mask-bg svg{position:absolute;width:270px;max-width:45vw;height:auto;left:50%;top:50%;transform:translate(-50%,-50%);transition:var(--d-transition);transition-duration:1.2s;display:none;}

.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}

#header .navbar-header .white { display: none;}


.fixed-btn{position: fixed; right: 15px;top: 45%; z-index:6;opacity:0;transition:var(--d-transition);transform:translateY(100px);display:flex;flex-direction:column}
.fixed-btn.show{transform:translateX(0);opacity:1}
    .fixed-btn a{margin-bottom: 10px; display: block;}
    .btn-facebook{width: 35px; height: 35px;background: url(../images/ico-facebook.svg) center center no-repeat; background-size: contain;}     
    .btn-youtube{width: 35px; height: 35px;background: url(../images/ico-youtube.svg) center center no-repeat; background-size: contain;}     
    .btn-reg{width: 35px; height: 35px;background: url(../images/ico-dangky.svg) center center no-repeat; background-size: contain;  margin-bottom: 0px !important} 
    .btn-zalo{width: 35px; height: 35px;background: url(../images/ico-zalo.svg) center center no-repeat; background-size: contain;  } 


.fixed-btn.center{top:50%;transform:translateY(-50%)}
.fixed-btn.top{top:40px}


@keyframes zoomIn_zalo{
    from{opacity:0;transform:scale3d(.3,.3,.3)}
    50%{opacity:1}
}

@keyframes pulse_zalo{
    from,to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
    50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}
}
/*Header*/
.logo-wrapper{padding-top: 15px;        width: 30%;}
    .logo-wrapper a{display: inline-block;}
.logo-wrapper img{max-width: 220px;}
.header .btn-act{display: flex; align-items: center; justify-content: flex-end;width:70%;}
.header .hotline{width: 189px; height: 45px; margin-right: 20px;    margin-left: 20px;font-weight: 600; font-size: var(--font18); color: #fff; text-align: center; display: flex ; align-items: center; justify-content: center; background: linear-gradient(90.01deg, #2AAA9F 0.01%, #50C1BF 36.11%, #2FACDF 59.13%);  transition: var(--d-transition);   border-top-left-radius: 17px;   border-bottom-right-radius: 17px;}
.ico-hotline{width: 24px; height: 24px; margin-right: 8px;    display: inline-block; background: url(../images/ico-hotline.svg) center center no-repeat; background-size: contain;}
.header .hotline:hover{color: var(--color69D);}
.ico-lahome{background: linear-gradient(90.01deg, #2AAA9F 0.01%, #50C1BF 36.11%, #2FACDF 59.13%); transition: var(--d-transition); text-transform: uppercase; font-weight: 600; padding: 10px 20px; border-top-left-radius: 17px; border-bottom-right-radius: 17px; color: #fff; border: 1px solid #FFF; max-height: 45px;}
.ico-lahome.mobile,.ico-lahome.toogle,.main-menu-container .ico-lahome{display: none;}
.header .ico-act:hover{color:#fff;border-top-left-radius: 0px !important; border-bottom-right-radius: 0px  !important; border-top-right-radius: 17px; border-bottom-left-radius: 17px; }

.fixed-btn.bottom .copyright{font-size:15px}
.fixed-scroll-downs span{display:none}
.fixed-scroll-downs{position:fixed;transform:translateX(-50%);bottom:0;color:#fff;text-transform:uppercase;font-size:16px;height:60px;width:1px;left:50%}
.fixed-scroll-downs .scrollLine{position:absolute;left:0;bottom:0;height:100%;width:1px;background:rgba(255,255,255,.3)}
.fixed-scroll-downs .scrollLine:after{content:"";position:absolute;top:30%;left:50%;width:12px;height:12px;background:#fff;border-radius:50%;transform:translate(-50%,0);animation:3s ease-in-out infinite scrollLine}

.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-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:#09123c}



.d-bg,.d-bg-ani{position:relative}
.d-bg-ani .bg{opacity:0;transition:var(--d-transition);pointer-events:none}
.fp-completely .bg,.fp-completely .bg.go{opacity:1}
#fp-nav{transition: var(--d-transition);}
/*.fp-viewing-trang-chu #fp-nav{opacity: 0; visibility: hidden;pointer-events: none;}*/
#fp-nav ul li, .fp-slidesNav ul li { margin: 0px !important;    height: 44px !important}
#fp-nav ul li:last-child{display: none !important}
#fp-nav ul li a span, .fp-slidesNav ul li a span{width: 14px !important; height: 14px !important; background: #5E6A7D !important;    margin: 0px 0 0 0px  !important;}
#fp-nav a.active+.fp-tooltip {
    -webkit-transition: opacity .2s ease-in;
    transition: opacity .2s ease-in;
    width: auto;
    opacity: 1;
}
#fp-nav.right { right: 17px; top: auto; bottom: 20px; }
#fp-nav.fp-show-active li:has(> a.active) {display: block;}
#fp-nav.fp-show-active li,#fp-nav.fp-show-active li span{display: none;}

#fp-nav ul li .fp-tooltip{transition: var(--d-transition); background: #fff; max-width: none !important; border: 1px solid #E1F3FA; text-transform: uppercase; overflow: visible !important;font-size: 16px !important;
    font-family: "Montserrat", sans-serif !important; font-weight: 600; color: #00A89C !important; padding: 7px 55px 7px 16px; 
    border-top-left-radius: 10px; border-top-right-radius: 5px; border-bottom-right-radius: 10px; border-bottom-left-radius: 5px; font-size: 17px !important;}

#fp-nav ul li .fp-tooltip:before,#fp-nav ul li .fp-tooltip:after{position: absolute; right: 10px; top: 50%; transform: translateY(-50%); border: 1px solid var(--color89C); width: 20px; height: 20px; border-radius: 5px;
    display: flex ; align-items: center; justify-content: center; line-height: 18px;transition: all 0.3s ease;}
#fp-nav ul li .fp-tooltip:after{content: '+';opacity: 1; transition: opacity 0.3s ease; }
#fp-nav ul li .fp-tooltip:before { content: '\2193'; opacity: 0; position: absolute; transition: opacity 0.3s ease; }
#fp-nav ul li .fp-tooltip:hover:after {  opacity: 0;}

#fp-nav ul li .fp-tooltip:hover:before {  opacity: 1; }

.close-tooltip{position: absolute; left: -12px;    cursor: pointer; top: -13px; background: var(--color89C); width: 23px; height: 23px; border-radius: 50%; display: flex ; align-items: center; justify-content: center; line-height: 18px; color: #fff; font-size: 14px; font-weight: 400;transition: var(--d-transition);}
.close-tooltip:hover{    transform: rotate(360deg);}
#fp-nav ul li a.active span, #fp-nav ul li:hover a.active span,.light #fp-nav ul li a.active span,.light #fp-nav ul li:hover a.active span{
    background: #E6BB72 !important;
}
#fp-nav ul li .fp-tooltip.right strong{font-weight: 700; position: relative;padding-right: 15px; margin-right: 10px;    font-size: 19px;}
#fp-nav ul li .fp-tooltip.right strong:after{
    content: ''; position: absolute; right: 0px;
    top: 50%; transform: translateY(-50%); width: 1px; height: 20px;
    background: #E1F3FA; font-weight: 400;
}
#fp-nav ul li .fp-tooltip:before:hover{transform: rotate(360deg);}
.page-child #fp-nav,.fp-viewing-cong-dong-cu-dan #fp-nav{opacity: 0; visibility: hidden; pointer-events: none;}
.section-light{color: #FBFBFB}
/*Banner*/
.bg-section-home,.bg-cover-section {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    height: 100%;
    top: 0px;
    width: 100%;
}
.tagline-banner {position: absolute;left: 10%; top: 18%;}
.t-banner{font-family: 'Waking'; font-size: var(--font40);    margin-bottom: 0px;    line-height: 59px;}
.banner-home .section-title { margin-top: -10px; }
    .w-form{transition: var(--d-transition);}
    .w-form h2{text-align: center; font-size: 30px; color: #FBFBFB}
    .w-form .des-form{color: #FBFBFB; margin-bottom: 20px;}

    .close-form{background: linear-gradient(225deg, #EFCA80 0%, #C18039 100%); width: 36px; height: 36px; border-radius: 50%; position: absolute;     cursor: pointer;top: 10px; right: 10px; color: #FBFBFB; text-align: center; display: flex; align-items: center; justify-content: center;}

    .w-form.hidden{opacity: 0;visibility: hidden;}


.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:#09123c}
.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 #09123c;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)}

.w-view-master{color:#fff}
.w-view-master .section-title{background:#8C6E20;background:linear-gradient(to right,#8C6E20 0%,#edd95d 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:30px;margin-bottom:20px;display:inline-block}
.view-master{position:absolute;left:40%;font-size:16px;top:40%;color:#091241;text-transform:uppercase;line-height:20px;background:url(../images/bg-view-more.png) left center no-repeat;background-size:contain;padding:3px 10px 5px 30px;min-width:134px;text-align:center;height:45px;animation:box-move 1s infinite alternate-reverse}
.view-master span{display:block;font-size:18px}

    @keyframes box-move {
      0%   { transform: translateY(0); }
      50%  { transform: translateY(-10px); }
      100% { transform: translateY(0); }
    }
    @-webkit-keyframes box-move {
        0%   { transform: translateY(0); }
        50%  { transform: translateY(-10px); }
        100% { transform: translateY(0); }
    }

.w-100{width: 100% !important}

/*6 DONG CHAY*/
.section-dongchay .section-header{    text-align: center;    padding-top: 40px;}
.section-dongchay .section-title-normal{color: #2A3286; font-size: 27px; font-weight: 600; text-transform: uppercase; line-height: 34px;}
.section-dongchay .section-title{margin-bottom: 0px;} 
    .section-dongchay .section-title span{font-size: 77px;}
.mySwiper.s-dongchay{padding-top: 20px;}
.flow-content { padding-left: 110px; }
    .flow-r-center{position: relative;}
.s-dongchay .img-dongchay{border-top-left-radius: 50px; border-bottom-right-radius: 50px; overflow: hidden;display: inline-block;}
.s-dongchay .img-dongchay img{object-fit: cover; width:100%; height: 280px;}
.center-dchay{display: inline-block; text-align: left;}
/*.flow-content{display: grid; grid-template-columns:12% 48% 40%;}*/
.flow-number{font-family: 'Waking';background: #2AAA9F; background: linear-gradient(90.01deg, #2AAA9F 0.01%, #50C1BF 36.11%, #2FACDF 59.13%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;
    font-size: 240px; line-height: 251px;position: absolute; left: -14%; top: -20px;
}
    .flow-title{color: #2A3286; font-weight: 600;padding-left: 30px; font-size: 23px; text-transform: uppercase;position: relative; z-index: 2;}
    .flow-heading{font-size: 55px; padding-left: 80px; font-family: 'Waking'; color: var(--color89C); line-height: 51px; margin-bottom: 15px; position: relative; z-index: 2;}
.section-dongchay .swiper-slide {
    width: 60%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.section-dongchay .swiper-slide:nth-child(1) .flow-number{left: -10%;}
.flow-r-content {display: grid ; align-items: center; grid-template-columns: 55% 45%;position: relative; z-index: 2;}
    .flow-r-content .flow-text{text-align: justify; padding: 50px 40px; }

.section-dongchay:after{
    content: ''; position: absolute; bottom: 0px; background: url(../images/bg-song.svg) left top repeat-x; 
    background-size: contain; width: 100%; height: 45%; left: 0px;animation: waveMove 4s linear infinite;
}
@keyframes waveMove {
  from {
    background-position:0 0;
  }
  to {
    background-position: 100% 0;
  }
}

.fp-viewing-yeu-to-noi-bat #header{opacity: 1;visibility: visible;}
.fp-viewing-yeu-to-noi-bat #header.sticky{transform: translateY(0px);}

/*TONG QUAN*/
.section-overview{ background: url(../images/bg-tong-quan.jpg) center center no-repeat; background-size: cover;}
    .w-overview {position: absolute; bottom: 10px;display: grid ; grid-template-columns: 40% 60%;    width: 71%; }
    .w-overview img{max-width: 240px;}
    .section-overview .fp-tableCell{position: relative; z-index: 2}

.right-over { padding-left: 70px; }  
.top-l-over { display: flex ; align-items: baseline; gap: 14px; }
    .top-l-over span { white-space: nowrap; margin-bottom:0px; }

.bot-l-over .section-title{padding-left:50px;}


  
.section-overview:after{
    content: '';
    position: absolute;
    bottom: 0px; left: 0px;opacity: 0.5;
    width: 100%; height: 200px;
    background: linear-gradient(180deg, rgba(1, 73, 74, 0) 5.56%, #01494A 77.78%);
}




/*VI TRI*/
#location{overflow:hidden;background: url(../images/bg-location.svg) center center no-repeat; background-size: cover;}
.section-masterplan .masterplan-map-wrapper{position:absolute;top:0;left:0;width:100%;height:100%}
.section-masterplan .masterplan-map{position:absolute;width:1920px;height:980px;background-position:50%;background-size:contain;background-repeat:no-repeat}
.section-masterplan .masterplan-map .inner,.section-masterplan .masterplan-map .items,.section-masterplan .masterplan-map .svg-map{position:absolute;left:0;top:0;width:100%;height:100%}
.section-masterplan .item{position:absolute;z-index:2}
.section-masterplan .item a{position:relative;display:block;width:170px;height:170px}

.section-masterplan .item:not(.show) a .overlay span:not(:last-child){display:none}

.section-masterplan .svg-map .item-hover path{fill-opacity:0;stroke:#feee3a;stroke-miterlimit:10;stroke-width:2;stroke-dasharray:5000;stroke-dashoffset:5000;cursor:pointer; fill:rgba(243,190,79,.4)}

.section-masterplan .item .inner{padding:0;display:flex;flex-direction:column;justify-content:center;text-transform:uppercase}
.section-masterplan .svg-map .item-hover.show path{animation-name:DrawStroke2;animation-duration:2.5s;animation-fill-mode:forwards;animation-iteration-count:1;animation-direction:normal;animation-timing-function:linear;fill-opacity:1}


#location .section-title{margin-top: 40px; margin-bottom: 40px;}
#location .section-info{text-align: justify;}
#location .section-image-wrapper{width:894px;height:100%;margin-left:0;opacity:0;margin-top:0;float:left;-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}

#location.active .section-image-wrapper{opacity:1}

#location .section-image{height:648px;width:894px;overflow: hidden; border-top-left-radius: 200px; border-bottom-right-radius: 200px;position:absolute;left:0px;bottom:0;margin:0;transform-origin:left top}
#location .section-image img.map-img{width:100%;position:relative;z-index:2}
#location .section-image img.map-bg,#location .section-image>object,#location .section-image>svg{width:100%;height:100%;left:0;top:0;position:absolute}
#location .section-image>svg{z-index:3}
#location .section-image>svg .line-run{fill:none;stroke-miterlimit:10;stroke-width:2;stroke-dasharray:10;stroke-dashoffset:0;animation:5s linear infinite StrokeLine;stroke:#1B4467}
#location .section-image>svg .line-run-2{animation:3s linear infinite StrokeLine2}
#location .section-content{position: absolute;    margin-top: -20px; right: var(--d-padding); z-index: 4;  width: 39vw;}

.logo-pin{position:absolute;top:6%;right:46%;z-index:22}
.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}
.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}
#location .map-content{position:absolute;right:90px;bottom:60px;z-index:3;opacity:0}
#location.fp-completely .map-content{opacity:1;transition:var(--d-transition);transition-duration:2s;transition-delay:1s}

.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}}

 #poit-map{position: absolute; width: 200px; height: 200px; bottom: 20px; z-index: 2; left: 6.7%; top: 13%;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)}} 


/*.cmoz-alo-circle-fill{
    width: 77px; height: 77px; 
    top: 0px; left: 0px;position:absolute;
    background-color: hsl(0deg 0% 73% / 15%);
    -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}*/



@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);
  }
}
.anima-img{overflow: hidden;    display: block;}
.anima-img img { transition: transform 3s cubic-bezier(0, 0.6, 0.45, 1); }
.anima-img:hover img { -webkit-transform: scale(1.1); transform: scale(1.1);}

.sect-lkv{position: relative;}
.num_lkv{font-size: 17px; font-weight: 600; color: #00A89C;margin-bottom:22px; display: block;}
.des-lkv{color: #555555; font-size: 13px; display: block;}
.sect-lkv ul { display: flex ; align-items: start; justify-content: start; padding-left: 0px; position: relative; }
    .sect-lkv ul:before{content: ''; position: absolute; left: 0px; top: 35px; width: 100%; height: 1px; background: var(--color89C);}
    .sect-lkv ul:after{content: ''; position: absolute; right: -1px; top: 28px; width: 7px; height: 14px; background: url(../images/ico-next-time.svg) left top no-repeat; background-size: contain;}

.sect-lkv h5{text-transform: uppercase;color: #00A89C; font-size: 20px; font-weight: 700; 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: var(--color89C); border-radius: 50%;}

.ico-car{position: absolute; left: 0px; top: 0px; background: url(../images/ico-car.svg) center center no-repeat; background-size: contain;
    width: 70px; height: 50px;}
.sect-lkv ul.ico-car-p{width: calc(100% - 100px); float: right; right: 0px;}

/*TIEN ICH*/
.section-utilities{
    background: url(../images/bg-tien-ich.svg) center bottom no-repeat; background-size: cover;
}
.section-utilities .content-utilities{padding-right: 30px;}
.img-tienich{overflow: hidden; border-top-left-radius: 50px; border-bottom-right-radius: 50px;}
.t-uti{font-size: 20px; font-weight: 700; text-transform: uppercase; color: var(--color89C); margin: 15px 0px 10px;}
.d-uti { color: #555555; }

.fp-viewing-tien-ich #header{opacity: 1;visibility: visible;}
.section-utilities .section-title{line-height: 50px;}
.section-utilities .section-title span{font-size: var(--font40);}

.section-utilities .swiper-slide{height: 90%}

.fp-viewing-tien-ich #header.sticky {transform: translateY(0px);}

.img-utilities .img-tienich img{object-fit: cover; width: 100%; height: 360px;}
.section-utilities .img-utilities{    position: relative; height: 100vh}

.section-utilities .swiper-transition,.section-utilities .swiper-wrapper { -webkit-transition-timing-function: linear; -o-transition-timing-function: linear; transition-timing-function: linear; }

/* Scroll dọc tien-ich */
.myutilities {
  height: 550px; /* Hoặc một giá trị chiều cao cụ thể bạn muốn, ví dụ 100vh */
  overflow: hidden; /* Swiper thường tự thêm, nhưng cứ đảm bảo */
}
.section-utilities .s-tienich{position: absolute; right: 0px; bottom: 0px; top: auto;}
/*MAT BANG*/
.item-master{position: absolute; left: var(--d-padding); top: 50%; transform: translateY(-50%);}
.item-master .name-mast{padding-left: 15px;line-height: 20px;}
.item-master .item{margin-bottom: 10px; display: grid ; grid-template-columns: 14% 86%;    align-items: center;}


.item-master .item{opacity: 0;transform: translate(50px, 0); -webkit-transform: translate3d(50px, 0px, 0); transition-delay: 0.6s;}
body.fp-viewing-mat-bang .item-master .item{
    transition: -webkit-transform cubic-bezier(0.165, 0.84, 0.44, 1) 1s, opacity cubic-bezier(0.165, 0.84, 0.44, 1) 1s;
    transition: transform cubic-bezier(0.165, 0.84, 0.44, 1) 1s, opacity cubic-bezier(0.165, 0.84, 0.44, 1) 1s;
    opacity: 1;
    transform: translate(0, 0);
    -webkit-transform: translate3d(0, 0, 0);
}
body.fp-viewing-mat-bang .item-master .item:nth-last-of-type(1) { transition-delay: 0.3s;}
body.fp-viewing-mat-bang .item-master .item:nth-last-of-type(2) { transition-delay: 0.4s;}
body.fp-viewing-mat-bang .item-master .item:nth-last-of-type(3) { transition-delay: 0.5s;}
body.fp-viewing-mat-bang .item-master .item:nth-last-of-type(4) { transition-delay: 0.6s;}
body.fp-viewing-mat-bang .item-master .item:nth-last-of-type(5) { transition-delay: 0.7s;}
body.fp-viewing-mat-bang .item-master .item:nth-last-of-type(6) { transition-delay: 0.8s;}
body.fp-viewing-mat-bang .item-master .item:nth-last-of-type(7) { transition-delay: 0.9s;}
body.fp-viewing-mat-bang .item-master .item:nth-last-of-type(8) { transition-delay: 1s;}

.section-floor-plan .s-tooltip{
    background: linear-gradient(90.01deg, #2AAA9F 0.01%, #50C1BF 36.11%, #2FACDF 59.13%);
    text-transform: uppercase;
    font-weight: 600;
    padding: 10px 20px;
    border-top-left-radius: 17px;
    border-bottom-right-radius: 17px;
    color: #fff; text-align: center;
    border: 1px solid #FFF;
    top: 50% !important;left: 50% !important;
    transform: translate(-50%,-50%);
}

.fancybox-is-open .fancybox-bg{background: url(../images/bg-popup-mb.jpg) center center no-repeat; background-size: cover;opacity: 1 !important;}
.fancybox-is-open .fancybox-slide>*{background: transparent;width: 100%;    padding: 0px;    height: 100%; margin: 0px; padding: 20px 0px 0px;}

.fancybox-is-open .fancybox-slide .title{background: #2AAA9F; background: linear-gradient(90.01deg, #2AAA9F 0.01%, #50C1BF 36.11%, #2FACDF 59.13%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;
    font-family: 'Waking';  display: inline-block;    font-size:48px;
}
.top-prod .type{color: #1078A7; font-size: 27px; text-transform: uppercase; margin-bottom: 10px;    font-weight: 700;}
.popup-master-ov .left-prod{width: 55%; float: left; padding-right: var(--d-padding);    position: relative;    height: 100%;}
    .banner-proc {width: 100%; height: 480px; z-index: -1; background-size: contain; background-position: left bottom; position: absolute; bottom: 0px; transition: var(--d-transition); background-repeat: no-repeat;}
.popup-master-ov .right-prod{width: 45%; float: left;     padding-bottom: 20px; padding-left: 50px; padding-right: var(--d-padding); display: grid ; grid-template-columns: repeat(2, 1fr); gap: 20px; align-items: center; justify-content: center;    height: 100%;}
    .popup-master-ov .right-prod .img-thumb-mb{margin-bottom: 10px;}
    .img-thumb-mb img{max-height: 400px;}
.top-prod{padding-left: var(--d-padding);}
.top-prod li{margin-bottom: 5px;}
.popup-master-ov .fancybox-close-small {right: 5px; top: 5px; transition: var(--d-transition); background: linear-gradient(90.01deg, #2AAA9F 0.01%, #50C1BF 36.11%, #2FACDF 59.13%);
 text-transform: uppercase; font-weight: 600; padding: 10px 20px; border-top-left-radius: 17px; border-bottom-right-radius: 17px; color: #fff; border: 1px solid #FFF; max-height: 45px; }
.popup-master-ov .fancybox-close-small:after{color: #fff;transition: var(--d-transition); font-size: 28px;line-height: 30px;outline: 0px !important; border: 0px !important; background: transparent !important;}
.popup-master-ov .fancybox-close-small:hover{border-top-left-radius: 0px; border-bottom-right-radius:0px;border-top-right-radius: 17px; border-bottom-left-radius: 17px;}
.popup-master-ov .fancybox-close-small:hover:after{color: #fff;transform: rotate(360deg);}
.thum-mb-mau{text-align: center; margin: auto;}
  .thum-mb-mau img { max-height: 220px; }  
  .mb-mau .img-thumb-mb{display: block;}
  .thum-mb-mau div.name-nm {color: #26ABE2; font-weight: 600; border: 1px solid #26ABE2; display: inline-block; padding: 3px 15px; border-top-left-radius: 15px; border-bottom-right-radius: 15px; font-size: 14px;}
/*THANH TOAN*/
.section-chinhsach,.section-partner,.section-news{background: url(../images/bg-chinh-sach.svg) center top no-repeat; background-size: cover;}
.section-chinhsach .nav-tabs{ text-align: center;    display: block;    border-bottom: 0px;}
.section-chinhsach .nav-tabs > li{ float: none;  display: inline-block;    zoom: 1;    margin: 0px 6px;}

    .section-chinhsach .nav-link{border: 1px solid #1B4467 !important;  font-size: 14px; color: #1B4467; margin-bottom: 0px; border-radius: 4px;}
    .section-chinhsach .nav-link.active,.section-chinhsach .nav-link.hover{background: #1B4467; color: #FBFBFB;}

.section-chinhsach #myTabContent{max-width: 1080px; margin: 30px auto 0px;}
    .section-chinhsach #myTabContent img{text-align: center; margin: auto; display: block;    max-height: 330px;}

/*DOI TAC*/

.section-partner .t-partner{font-size: 27px; text-transform: uppercase; font-weight: 700; text-align: center; color: var(--color89C); margin-bottom: 25px;}
.section-partner .section-content-wrapper{position: relative;}
.item-part{
    display: grid;    grid-template-columns: repeat(10, 1fr);
    gap: 20px 20px; margin: 20px auto 0px;
}
    .thumbnail { display: flex; align-items: center; justify-content: center; }
        .thumbnail img{max-height: 76px;}

.h-part{text-align: center; position: relative;}
   .section-partner .section-padding-top { padding-top: 70px;}

.w-partner1 .item-part{position: relative;}


/*TIN TUC*/

.section-news  .section-content-wrapper {max-width: 1200px;    margin: auto;}
.section-news  .section-padding-top{padding-top: 70px;}

.post-feature .item-thumb,#postNewRight .item-thumb {border-top-left-radius: 20px;border-bottom-right-radius: 20px;}
.post-feature .item img{object-fit: cover; width: 100%; height: 280px;}
.post-feature .item{position:relative;color:#555555;display:block}

    .post-feature .item .item-title{font-size: 18px; color: #2A3286; text-transform: uppercase; font-weight: 700; margin-top: 15px;}
#news .section-content-wrapper,.page-tin-tuc .section-content-wrapper{ padding-right:var(--d-padding);  padding-left:var(--d-padding);}
#postNewLeft .description {
    overflow: hidden;   text-overflow: ellipsis;  display: -webkit-box !important; -webkit-line-clamp: 2;  -webkit-box-orient: vertical;   height: 45px;}
#postNewRight .item-thumb img{object-fit: cover; width: 100%; height: 170px;}
#postNewRight .post-list .item h3 a,.page-tin-tuc-list .post-list h3 .ellips{font-size: 16px; color: #2A3286; text-transform: uppercase; font-weight: 700; margin-top: 0px; -webkit-line-clamp: 3; -webkit-box-orient: vertical; height: 66px;}






.post-list .item{display:block}
.post-list .item .item-body{position:relative;padding-top:20px}
.post-list .item h3{margin-bottom:15px}
.post-list .item h3 a{color: #1B4467; font-size: 18px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 50px;}
.post-list .item a:hover,.post-feature .item:hover .item-title{background: #2AAA9F; background: linear-gradient(90.01deg, #2AAA9F 0.01%, #50C1BF 36.11%, #2FACDF 59.13%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.post-list .item .description{margin-bottom:15px;-webkit-line-clamp:4;height:87px;color: #444444;    line-height: 22px;display: -webkit-box !important;}
.post-list .item .btn-detail{margin:0}

.post-slide-cate.swiper{padding-bottom:10px}
.post-list .swiper .swiper-pagination{position:absolute;bottom:0;margin:0;justify-content:center}
.post-list .swiper .slide-control{transform:none;bottom:0}


.page-tin-tuc-list{padding-bottom: 70px;}


#news .btn-detail,.page-tin-tuc .btn-detail,.btn.btn-view-more{padding: 6px 43px 6px 13px; color: #1B4467; background: url(../images/ico-view-detail.svg) 93% center no-repeat; background-size: 27px; border: 1px solid #5E6A7D;  font-size: 13px; border-radius: 8px;}
    #news .btn-detail:hover, .page-tin-tuc .btn-detail:hover, .btn.btn-view-more:hover {padding: 6px 53px 6px 13px;}

h1.post-title{font-size:25px;color:var(--color89C);margin-bottom:30px; margin-top: 20px; line-height:38px; text-transform: uppercase;    font-weight: 700;}    
.post-detail h2,.post-detail h3,.post-detail h4,.post-detail h5,.post-detail h6,.post-detail strong{font-weight: 700;}

.page-child #footer .section-padding-top{padding-top: 0px;}

.page-tin-tuc-list .section-padding-top{padding-top: 10px;}
.page-tin-tuc-list .post-list .item{margin-bottom: 20px;}
.page-tin-tuc{margin-bottom: 50px;    padding-top: 80px;}

.page-tin-tuc #postNewLeft .description{    display: none !important;}
.page-tin-tuc .post-feature .item img {height: 350px; }

.page-tin-tuc-list .post-list .item-thumb{border-top-left-radius: 20px; border-bottom-right-radius: 20px; overflow: hidden;}
    
.page-tin-tuc-list .post-list .item .description {-webkit-line-clamp: 3; height: 65px;}





.view-more a{background: linear-gradient(225deg, #EFCA80 0%, #C18039 100%); padding: 10px 15px; color: #fff;  font-size: 14px; border-radius: 4px; margin-top: 10px; display: inline-block;}
.view-more a:hover{background: linear-gradient(225deg, #C18039 0%, #EFCA80 100%);}


.section-post-other .section-title{margin-bottom:30px}
.post-detail .editor-content h2,.post-detail .editor-content h3,.post-detail .editor-content h4,.post-detail .editor-content h5,.post-detail .editor-content h6,
.detail-page h2,.detail-page h3,.detail-page h4,.detail-page h5,.detail-page h6{font-size:18px;margin-bottom:1em;text-transform:none; color: #555;}
.post-detail .editor-content a{color:#09123c}
.post-detail .editor-content a:hover{color:#00ace7}
.pagination{padding:20px 15px;border-radius:0;text-align:center;width:100%}
.pagination ul{list-style:none;padding:0;margin:0 auto}
.pagination ul li{display:inline-block;margin:0 5px}
.pagination ul li a,.pagination ul li span{display:inline-block;padding:0 5px;text-align:center;color:#666;width:40px;height:40px;line-height:38px;border-radius:0;border:1px solid #09123c}
.pagination ul li span.current{color:#bda177;border-color:#bda177}
.pagination ul li a:hover{border-color:#bda177}
.pagination ul li span.dots{border-color:transparent}


.section-news .read-more{margin-top: 30px; display: none;}
    .section-news .read-more a {
        background: linear-gradient(90.01deg, #2AAA9F 0.01%, #50C1BF 36.11%, #2FACDF 59.13%); text-transform: uppercase; font-weight: 600; padding: 10px 30px; border-top-left-radius: 17px; 
        border-bottom-right-radius: 17px; color: #fff; border: 1px solid #FFF; max-height: 45px;
    }
    .section-news .read-more a:hover {    color: #2A3286;}

.w-list-news,.main-page{  background: url(../images/bg-new-detail.svg) center top no-repeat;  background-size: cover; background-attachment: fixed;    padding-top: 50px;}





.sidebar{background: rgba(217, 217, 217, 0.1)}

.main-new{flex: 0 0 auto;padding-right: var(--d-padding); padding-left: var(--d-padding);}

    .section-side{display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; text-align: center;}
        .section-side h5{text-align: center; font-size: 14px; color: #000000; text-transform: uppercase;}
        .section-side img.l-ex {margin-top: 20px;}

    .banner-news{margin-top: 30px;}    

    .form-sidebar h3{color: #1B4467; font-size: 20px; text-align: center; margin-top: 30px;}
    .form-sidebar .des-form{color: #5E6A7D}
    .form-sidebar .form-control { color: #5E6A7D;  border-bottom: 1px solid #000000;}
    .form-sidebar .form-control:focus{border-color:#000000;outline:0;color:#5E6A7D}   
    .form-sidebar .register .btn{background: #1B4467 !important; padding: 12px 15px }
    .form-sidebar .register .btn:hover{background: linear-gradient(225deg, #C18039 0%, #EFCA80 100%) !important;}
    .form-sidebar .form-control::-webkit-input-placeholder{color:#5E6A7D}
    .form-sidebar .form-control::-moz-placeholder{color:#5E6A7D}
    .form-sidebar .form-control:-ms-input-placeholder{color:#5E6A7D}
    .form-sidebar .form-control:-moz-placeholder{color:#5E6A7D}

.section-post-other .item-new{margin-bottom:40px;}

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

.section-home-slide .form-popup{bottom:110px;left:15vw;z-index:2}
.section-home-slide .form-popup:not(.go){pointer-events:none;z-index:-1}


.form-popup .inner{text-align:center}

.modal-form-popup .modal-content{background:rgb(0 31 57 / 90%);}
.modal-form-popup .close{position:absolute;top:10px;right:10px;width:40px;height:40px;background:linear-gradient(90.01deg, #2AAA9F 0.01%, #50C1BF 36.11%, #2FACDF 59.13%);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}
.modal-form-popup .form-group-captcha{margin-bottom: 0px;}
.modal-form-popup .close:hover{transform:rotate(180deg)}

.form-control{color:#555;border-bottom:1px solid #D0D0D0;border-radius:0;text-align:left;padding:0}

.form-control::-webkit-input-placeholder{color:#555}
.form-control::-moz-placeholder{color:#555}
.form-control:-ms-input-placeholder{color:#555}
.form-control:-moz-placeholder{color:#555}

.form-popup .btn.btn-primary{margin-top: 30px;}

.form-popup .form-control-catcha a{color:#fff}

.modal-content .modal-logo{margin:0;transition-duration:.3s;width:7.3vw;min-width:45px;height:auto;padding:0;position:fixed;top:30px}
.modal-content .form-popup-modal{width:490px;min-width:480px;top:50%;left:50%;transform:translate(-50%,-50%);position:absolute;  border-radius: 25px; overflow: hidden;
    background: url(../images/bg-form.png) left bottom / cover no-repeat;
}
.modal-content .form-popup{width:100%;height:0;position:relative;padding-top:100%;}
.modal-content .form-popup .inner{position:absolute;left:0;top:0;width:100%;height:100%;padding:0 14%;display:flex;flex-direction:column;justify-content:center;z-index:2;color:#fff}
.modal-content .form-popup .overlay,.modal-content .form-popup .overlay span{position:absolute;left:0;top:0;width:100%;height:100%}

.modal-content .form-popup h3{text-transform: uppercase;font-weight: 700;}
/*.modal-content .form-popup .overlay span:nth-child(3){background:url(../images/bg-form.svg) left bottom/cover no-repeat;}*/

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


.popup-auto{transition: var(--d-transition);}
.popup-auto.show{display: block;}
    .popup-auto.show .modal-content .form-popup,.popup-auto.show .modal-content .form-popup .inner{opacity: 1;}

.form-sticky{display: none; position: fixed; bottom: 0px; left: 0px; background: url(../images/bg-form-mb.svg) left top no-repeat; background-size: cover;    width: 100%;z-index: 10;}
    .form-ac .col-item{float: left;}

    /*.form-ac{display: grid; grid-template-columns:35% 35% auto; gap: 0px; padding: 10px 10px; align-items: center;}*/
        .form-ac{padding: 10px 10px;display: flex; flex-wrap: wrap;}
        .form-ac .col-item{padding: 0px 5px;}
            .form-ac .col-item:nth-child(1){flex: 0 0 auto; width: 35%; }
            .form-ac .col-item:nth-child(2){flex: 0 0 auto; width: 35%; }
            .form-ac .col-item:nth-child(3){flex: 0 0 auto; width: 30%; }
       .form-sticky .form-group { margin-bottom: 0px;}
       .form-sticky .register .btn_send {margin-top: 0px;}

       .form-sticky .help-block{display: none !important;}

.single-page{padding-bottom: 60px;}
 
.page-child #header .navbar-header .white {display: none !important; }
.page-child #header .navbar-header .normal {display: block !important; }

@media (min-width:1200px){

.menu-open .header-left a.svg-ani, .menu-open #header .header-right a.svg-ani, .menu-open .header-bottom .navbar-toggler,  .menu-open #header .navbar-toggler-icon>span, .menu-open .fixed-social-btn a span, 
.menu-open .fixed-social-btn a i {color: #fff !important;}

.light #header .navbar-header .normal{display:none}
.light #header .navbar-header .white{display:block}

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



/*FOOTER*/

#footer #form_register{justify-content: center;}
    #footer #form_register .col-12{padding: 0px;}
   #footer .form-group-captcha{padding: 0px 15px; visibility: hidden; height: 0px; margin-bottom: 0px !important;}
#footer{background:url(../images/bg-chinh-sach.svg) center bottom no-repeat; background-size: cover; color: #555555;position:relative;overflow:hidden}
#footer .dest-footer{font-weight: 600; color: #2A3286; text-align: center; font-size: 19px; margin-bottom: 20px;    display: none;}
#footer .form-group { margin-bottom: 10px; position: relative; }
#footer .col-pr{padding-right: 60px;}
    #footer .dest-footer span { font-weight: 400; display: block; height: 25px; width: 1px; background: #2A3286; text-align: center; margin: 10px auto 10px; text-indent: -999999px; }
.contact-info h5  {color: var(--color89C); font-weight: 700; font-size: 19px; position: relative; padding-left: 25px;}
    .contact-info h5:before{content: ''; position:absolute; left: 0px; top: 0px; background: url(../images/ico-la.svg) left top no-repeat;
        background-size: contain; width: 20px; height: 20px;
    }
.contact-info{display: grid ; grid-template-columns: repeat(2, 1fr);     align-items: center;   padding: 0px;gap: 20px; font-size: 14px;}
#footer .contact-form{padding:30px 50px 30px;border: 1px solid #50C1BF; border-top-left-radius: 70px; border-bottom-right-radius: 70px;}
#footer .form-control{border-bottom:1px solid #D0D0D0;padding:0;border-radius:0}

.section-title-2 {font-weight: 700; font-size: 27px;display: inline; text-transform: uppercase; margin-bottom: 15px;
background: #2AAA9F; background: linear-gradient(90.01deg, #2AAA9F 0.01%, #50C1BF 36.11%, #2FACDF 59.13%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;
}
#footer .form-control::-webkit-input-placeholder{color:#555555}
#footer .form-control::-moz-placeholder{color:#555555}
#footer .form-control:-ms-input-placeholder{color:#555555}
#footer .form-control:-moz-placeholder{color:#555555}

.register .btn{border-color: #fff; color: #fff;display: inline-block; background: linear-gradient(90.01deg, #2AAA9F 0.01%, #50C1BF 36.11%, #2FACDF 59.13%); font-weight: 700; width: auto; border-top-left-radius: 20px; border-bottom-right-radius: 20px; padding: 10px 20px 8px; font-size: 17px;}
    .register .btn:hover{background: linear-gradient(90.01deg, #2FACDF 0.01%, #50C1BF 36.11%, #2AAA9F 59.13%); }
    .register .btn_send {
        margin-top: 15px;
        align-items: center;
        display: block;
        text-transform: uppercase;
        border: none;
    }
#footer .register .btn{display: inline-block; background: linear-gradient(90.01deg, #2AAA9F 0.01%, #50C1BF 36.11%, #2FACDF 59.13%); font-weight: 700; width: auto; border-top-left-radius: 20px; border-bottom-right-radius: 20px; padding: 10px 20px 8px; font-size: 17px;}
#footer .address{margin-bottom: 25px;    min-height: 62px;padding-left: 25px;}
.box-cdt { display: flex ; margin-top: 15px; align-items: center;    min-height: 44px; }
.box-cdt span {background: #01494A; color: #fff; padding: 5px 10px; display: inline-block; border-top-left-radius: 12px; border-bottom-right-radius: 12px; white-space: nowrap; margin-right: 15px;}
.box-cdt img{max-width: 164px;}
.box-cdt.gallery img { max-width: 134px; }
#footer .copyright{margin-top: 20px;}

.emailf{position: relative; padding-left: 50px;margin-bottom: 60px;}
    .emailf:after{content: ''; position: absolute; left: 25px; top: 1px; background: url(../images/ico-mail.svg);
        background-size: contain; width: 20px; height: 20px;
    }
    
.emailf.website:after{background-image: url(../images/ico-website.svg); }

.section-content-popup{
position:absolute;
width:26.5628vw;
height:26.5628vw;
display:flex
}
.wpcf7 form .wpcf7-response-output {border: 2px solid var(--color89C) !important; color: #2A3286 !important; }
.section-content-popup .inner{
padding:.5rem;
height:auto;
width:95%
}

.section-content-popup .section-title{
position:relative;
margin-bottom:20px;
padding-bottom:20px
}

.section-content-popup .section-title:after,.section-content-popup .section-title:before{
content:'';
position:absolute;
bottom:0;
left:50%;
transform:translateX(-50%)
}

.section-content-popup .section-title:before{
height:1px;
width:75%;
background:rgba(243,190,79,.5)
}

.section-content-popup .section-title:after{
width:10px;
height:10px;
border:1px solid #09123c;
border-radius:50%;
margin-bottom:-5px;
background:url(../images/bg-form.svg) 50%/contain no-repeat
}


@keyframes kenburns_custom{
0%{
transform:scale(1)
}

100%{
transform:scale(1.1)
}
}

@media (min-width:1200px){
.disable-fullpage #footer .footer-top{min-height:100vh}
.disable-fullpage:not(.menu-open) #header,.disable-fullpage:not(.menu-open) #header.sticky{width:100%;min-height:101px}

#fullpage section:first-child .section-padding-top{padding-top:90px}
}

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

.container-fluid{padding-left:var(--d-padding);padding-right:var(--d-padding)}
}

@media (min-width:1420px){
   .section-title{font-size: 55px;}
   .mySwiper.s-dongchay {margin-bottom: 40px; }
   .section-dongchay .section-title span { font-size: 85px; }
   .section-location .section-image {zoom: 0.85; top: 0px; transform-origin: left center;}
   .img-utilities .img-tienich img { height: 420px;}
   .myutilities { height: 630px;}
   .t-banner {line-height: 65px; }
   .banner-home .section-title { font-size: 55px; margin-top: -10px; }
   .section-dongchay .swiper-slide:nth-child(1) .flow-number{left: -11%;}
   #footer .copyright { margin-top: 20px; }
   #footer .dest-footer{display: block;}
   .section-news .section-padding-top { padding-top: 0px; }
   .post-feature .item img {height: 320px; }
   #location .section-title { margin-top: 80px;}
   .section-news .section-content-wrapper { max-width: 1240px; }
   #location .section-content{margin-top: 0px;}
   .sect-lkv li{margin-right: 40px;}
   .section-news .read-more {display: block; }
   .banner-proc {min-height: 380px;}
   .thum-mb-mau img { max-height: 310px; }
   .section-dongchay:after{animation: waveMove 3s linear infinite; background-size: cover;}
   @keyframes waveMove { from { background-position:100% 0; } to { background-position: 0 0; } }
   
}

@media (min-width:1600px){
    .s-dongchay .img-dongchay img {height: 310px; }
    .w-overview {bottom: 20px;}
    .section-dongchay .swiper-slide:nth-child(1) .flow-number{left: -9%;}
    .section-location .section-image { zoom: 0.95;}
    #location .section-title {margin-bottom: 20px; }
    .section-news .section-content-wrapper { max-width: 1360px; }
    .sect-lkv ul.ico-car-p{margin-bottom: 35px;}
    .item-master .item { margin-bottom: 17px;grid-template-columns: 16% 84%;}
    .item-part {gap: 30px 20px;}
    .banner-proc { min-height: 420px; }
    .section-partner .t-partner {margin-bottom: 35px; }
    .post-feature .item img { height: 370px; }
    .section-padding-top { padding-top: 40px; }
    .contact-info h5{font-size: 21px;}
    .page-tin-tuc #postNewRight .item-thumb img { object-fit: cover; width: 100%; height: 230px; }
    .home-page #postNewRight .item-thumb img { height: 190px; }
    .page-tin-tuc #postNewLeft .description { display: block !important; }
    .banner-proc { min-height: 540px; }
    .section-dongchay:after{animation: waveMove 3s linear infinite; background-size: contain;}
    @keyframes waveMove { from { background-position:0 0; } to { background-position: 100% 0; } }
}
 
@media (min-width:1680px){
    body{font-size: 16px;}
    .logo-wrapper img { max-width: 240px; }
   .s-dongchay .img-dongchay img { height: 360px; }
   .section-dongchay .swiper-slide { width: 57%;}
   #location .section-title { margin-top: 120px; }
   .section-location .section-image { zoom: 0.99; }
   .section-title { font-size: 60px; }
   #fp-nav ul li .fp-tooltip {font-size: 18px !important; }
   .flow-heading { font-size: 65px;        line-height: 71px;}
   .flow-r-content .flow-text {padding: 50px 80px 50px 40px; }
   .flow-title {font-size: 27px;        padding-left: 40px;}
   .flow-number { left: -12%;}
   .section-dongchay:after {height: 49%;}
   .w-overview img { max-width: 280px; }
   .top-l-over span { font-size: 36px; }
   #fp-nav ul li .fp-tooltip.right strong {font-size: 23px; }
   .sect-lkv h5 {font-size: 22px;    margin-bottom: 25px;}

   .banner-proc { min-height: 450px; }
   .left-prod { padding-top: 50px; }
   .des-uti{padding-right: 60px;}
   .myutilities { height: 720px; }
   .img-utilities .img-tienich img { height: 490px; }

   .banner-proc { min-height: 610px; }
   .thum-mb-mau img { max-height: 370px; }

   .page-child .page-tin-tuc { max-width: 90%; margin: 0px auto 30px; }
   .page-child .page-tin-tuc-list { max-width: 90%; margin: 0px auto 0px; }

   #footer .dest-footer span{height: 35px;}
   #footer .dest-footer {margin-bottom: 50px; } 
   #footer .copyright { margin-top: 70px; }

   .section-dongchay:after{animation: waveMove 3s linear infinite; background-size: cover;}
    @keyframes waveMove { from { background-position:100% 0; } to { background-position: 0 0; } }

}

@media (min-width:1900px){
   .section-location .section-image { zoom: 1.14; }
   .des-lkv { font-size: 15px;}
   .img-utilities .img-tienich img { height: 580px; }
   .myutilities { height: 810px; } 
   .banner-proc { min-height: 590px; }
   .section-title-2{margin-bottom: 25px;display: inline-block;}

   .banner-proc { min-height: 670px; }
   #footer .contact-form { padding: 50px 60px 50px;}

}  

@media (min-width:2040px){
    .section-location .section-image {zoom: 1.2;    }
    .banner-proc { min-height: 720px; }
    .thum-mb-mau img { max-height: 430px; }


}  
  
@media (min-width:2500px){
    .s-dongchay .img-dongchay img { height: 500px; }
    .section-location .section-image { zoom: 1.6; }
    #location .section-content {padding-top: 100px; }

    .section-utilities .section-title { line-height: 60px; }
    .myutilities { height: 1080px; }
    .img-utilities .img-tienich img { height: 810px; }

    .section-over{ max-width: 1920px; margin: auto; position: relative; }
    .fp-viewing-mat-bang.light #header .navbar-header .white { display: none; }
    .fp-viewing-mat-bang.light #header .navbar-header .normal { display: block; }
    .section-partner .t-partner { margin-bottom: 75px; }
    .section-partner .section-title{margin-bottom: 50px;}

    .home-page #postNewRight .item-thumb img { height: 250px; }

    .section-news .section-content-wrapper { max-width: 70%; }
    .post-feature .item img { height: 470px; }
    #postNewRight .item-thumb img { object-fit: cover; width: 100%; height: 220px; }
    .banner-proc { min-height: 950px; }
    .thum-mb-mau img { max-height: 570px; }
    .thum-mb-mau div.name-nm{font-size: 17px;}
}



@media (max-width:1280px){
   .section-location .section-image {zoom: 0.85; top: 0px; transform-origin: left center;}

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


@media (max-width:1199px){
.section-padding-top{padding-top:30px}
.des-rea br{display: none}
header#header.sticky .navbar-brand { width: 61px;    top: 2px;}
header#header.sticky .header-bottom{    position: relative;    z-index: 10;} 

.menu-open header#header.sticky:after {display: none;}

.w-overview { width: 76%;}
.name_over {margin-bottom: 10px; }

.section-floor-plan .cover { margin-top: 0px; }

#header .header-bottom .navbar-toggler, #header .header-left a.svg-ani, #header .header-right a.svg-ani, #header.sticky .header-bottom .navbar-toggler, #header.sticky .header-left a.svg-ani, #header.sticky .header-right a.svg-ani {
    color: #09123c;
}
#header.sticky .navbar-toggler-icon>span{background: #09123c !important; }

.menu-open .header-left a.svg-ani, .menu-open #header .header-right a.svg-ani, .menu-open .header-bottom .navbar-toggler, .menu-open #header .navbar-toggler-icon>span, .menu-open .fixed-social-btn a span, .menu-open .fixed-social-btn a i {
    color: #fff !important;    -webkit-text-fill-color: #fff;}
.menu-open #header .header-right .dropdown-language>a, .menu-open #header .navbar-toggler-icon>span, .menu-open #header.sticky .header-right .dropdown-language>a, .menu-open #header.sticky .navbar-toggler-icon>span {
    border-color: #fff;
    color: #fff;
}
.menu-open .ico-lahome{opacity: 0; visibility: hidden;}

section .bg{display:none}
#header .navbar-brand {width: 90px;}
#header .navbar-toggler{display: block;}
.fixed-scroll-downs,.fullpage-nav{display:none}
#header {position: relative;}

.m-right{margin-right:0}

.m-left{margin-left:0}

.m-both{margin-right:0;margin-left:0}


.post-list .item h3 a{height:67px;-webkit-line-clamp:3}

.post-list .item .description{height:60px;-webkit-line-clamp:3;display:none}

.post-list .item h4{-webkit-line-clamp:2;height:40px}

.home-slide .swiper-slide,.product-slide .swiper-slide{height:calc(100vw * 980 / 1920)}

.popup-master-ov {max-width: calc(100% - 20px); }

#header .header-bottom .navbar-toggler,#header .header-left a.svg-ani,#header .header-right a.svg-ani,#header.sticky .header-bottom .navbar-toggler,#header.sticky .header-left a.svg-ani,#header.sticky .header-right a.svg-ani{
color:#09123c
}

#header .header-right .dropdown-language>a,#header .navbar-toggler-icon>span,#header.sticky .header-right .dropdown-language>a,#header.sticky .navbar-toggler-icon>span{
border-color:#09123c;color:#09123c
}




#header .navbar-toggler-icon>span{background-color:#09123c}

.header-bottom .navbar-toggler{order:4}


.section-location .section-image-wrapper{min-height:600px;}


body:not(.home-page) #fullpage section:first-child{padding-top:90px}

body:not(.home-page) #fullpage .w-list-news section.page-tin-tuc{padding-top: 0px}
.section-content-popup{
width:33vw;
height:33vw
}

.section-content-popup .inner{
font-size:12px
}



.fixed-social-btn{
margin-top:30px
}

.fixed-social-btn a i{
color:#09123c;
border-color:#09123c
}

.fixed-btn.bottom .copyright{
font-size:14px;
margin-top:15px
}

.fixed-social-btn a.zalo{
right:-15px;
margin:0;
bottom:15px
}

.overlay-menu .menu>li{
text-align:center
}

.menu-open .header-left a.svg-ani, .menu-open #header .header-right a.svg-ani, .menu-open .header-bottom .navbar-toggler,  .menu-open #header .navbar-toggler-icon>span, .menu-open .fixed-social-btn a span, 
.menu-open .fixed-social-btn a i {
    color: #fff !important;
}
.menu-open #header .header-left .btn-reg:before {background: url(../images/icon_dky_white.svg) left center no-repeat !important;    background-size: 18px !important;}
.menu-open #header .header-left .hotline:before {   background: url(../images/icon_phone_white.svg) left center no-repeat !important;   background-size: 19px !important;}
 .menu-open #header .navbar-brand .normal{display:none}
    .menu-open #header .navbar-brand .white{display:block}

}
@media screen and (min-width:992px) and (max-width:1199px)
{
    body{font-size: 17px;}
    .bg-home.bg-section-home { min-height: 560px; position: relative; }
    #menu-menu-chinh li:first-child{display: none;} 

    .section-dongchay:after{animation: waveMove 3s linear infinite; background-size: cover;}
    @keyframes waveMove { from { background-position:100% 0; } to { background-position: 0 0; } }

    .section-dongchay .swiper-slide { width: 70%;}
    #location{padding-bottom: 40px;}
    .section-location .section-image { zoom: 1.1; }
    .section-location{padding:50px 0px 0px;}
    .section-location .section-image-wrapper { min-height: 710px; }
    .sect-lkv li{margin-right: 45px;}
    .des-lkv {font-size: 16px;}
    .section-utilities .s-tienich { bottom: 50px;}
    .section-floor-plan .map-area{order: 1;}
    .section-floor-plan  .item-master{order: 2; padding: 20px 0px; margin-top: 20px; position: relative; top: 0px; transform: none; display: grid ; grid-template-columns: repeat(3, 1fr);}
    .item-master .name-mast { color: #393939; }
    .fancybox-is-open .fancybox-slide .title{font-size: 40px;}
    .popup-master-ov .right-prod{height: auto;}
    .banner-proc {height: 350px;}

    #location .section-content-inner{position: relative;}

    #location .section-image-wrapper {
        width: 100%;
        height: 100%;
        margin-left: 0;
        opacity: 0;
        margin-top: 0;
        float: none;
        float: none;
    }
    #location .section-content {
        right: auto;    top: auto;
        left: auto; padding-top: 0px;
        transform: none;
        width: 100%;
        position: relative;
        display: block !important;
        padding-left: var(--d-padding);
        padding-right: var(--d-padding);
    }
    #location .section-title { margin-top: 0px;}
    .item-part {grid-template-columns: repeat(7, 1fr); gap: 20px 25px; max-width: 100%; }
    .myutilities {height: 610px;}

    .home-page #postNewLeft .description {height: 49px; }
    .home-page .post-list .item .description,.page-child .post-list .item .description { height: 68px; }
    .section-news .read-more {display: block; }

    .page-child .w-list-news{padding-top: 130px;}
    
    .section-partner{padding: 60px 30px;}
    .section-news .section-padding-top{    padding-top: 60px;padding-bottom: 60px;}
    #footer{padding-bottom: 60px; padding-top: 40px;}
    .contact-info {grid-template-columns: repeat(1, 1fr);}
    .emailf {margin-bottom: 20px; }
    #footer .address{min-height: auto}
    #footer .dest-footer{display: block;}
    #footer .contact-form { padding: 30px 40px 30px;}

}


@media (max-width:991px){
    body{font-size: 16px;}
    .menu-open .overlay-menu { width: 100%  ; }
    .bg-home.bg-section-home { min-height: 430px; position: relative; }
    .logo-wrapper img { max-width: 180px; }
    .flow-content { padding-left: 50px; }
    .section-dongchay .swiper-slide { width: 90%;}
    .flow-number {font-size: 180px; line-height: 160px;}
    .section-dongchay .swiper-slide:nth-child(1) .flow-number { left: -6%; }
    #location .section-content {order: 1; position: relative; margin-top: 0px; right: auto; z-index: 4; width: 100%; padding:0px 30px 30px; }
    .section-location .section-image-wrapper {    min-height: 560px;order: 2;   }
    .sect-lkv li{margin-right: 45px;}
    .t-banner {font-size: 1.8rem; line-height: 3rem;}
    .tagline-banner {left: 8%;}
    .tagline-banner .section-title { font-size: 2.3rem; line-height: 3.5rem; }
    .section-title { font-size: 40px;        line-height: 60px;}
    .tagline-banner .section-title{margin-top: -10px;}

    .ico-lahome{display: none;}
    .ico-lahome.mobile{background: transparent; padding: 0px; max-height: auto; border: 0px; border-radius: 0px; display: block;}

    .fancybox-is-open .fancybox-slide .title {font-size: 40px; }

    .overlay-menu .main-menu-container .ico-lahome.toogle { opacity: 1; visibility: visible; display: inline; margin: 20px auto 0px; }

    .section-dongchay:after{animation: waveMove 3s linear infinite; background-size: cover;}
    @keyframes waveMove { from { background-position:100% 0; } to { background-position: 0 0; } }

    .section-dongchay .section-title span { font-size: 69px; line-height: 65px; }
    .section-dongchay .section-title-normal { font-size: 21px;line-height: 28px; }

    .flow-number { font-size: 150px; line-height: 136px;left: -7%; top: 0px; }
    .flow-heading { font-size: 46px;line-height: 42px;}
    .flow-title {padding-left: 40px;}
    .flow-r-content .flow-text {padding: 10px 40px; font-size: 15px; }
    .section-dongchay{padding-bottom: 60px;}

    .section-floor-plan .map-area{order: 1;}
    .section-floor-plan  .item-master{order: 2; padding: 20px 0px; margin-top: 20px; position: relative; top: 0px; transform: none; display: grid ; grid-template-columns: repeat(3, 1fr);}
    .item-master .name-mast { color: #393939; }

    #location .section-content-inner { position: relative; }
    #location .section-image {border-top-left-radius: 150px; border-bottom-right-radius: 150px;        zoom: 1;}

    .section-location .section-content-inner,.section-floor-plan .section-over{display: flex ; flex-wrap: wrap;}

    .section-utilities{padding-top: 40px; padding-bottom: 60px;}
    .section-utilities .img-utilities {height: 100%; }
    .section-utilities .s-tienich { position: relative;}

    .section-floor-plan .map-area{order: 1;}
    .section-floor-plan  .item-master{order: 2; padding: 20px 0px; margin-top: 20px; position: relative; top: 0px; transform: none; display: grid ; grid-template-columns: repeat(3, 1fr);}
    .item-master .name-mast {color: #393939;}
    .section-partner,.section-news .section-padding-top,#footer{padding: 60px 0px;}
    .section-partner .t-partner { font-size: 22px;}

    .item-part {  grid-template-columns: repeat(8, 1fr);}



    #footer .section-padding-top { padding-top: 0px; }
    #footer .dest-footer {display: block; }
    .contact-info { padding: 0px 30px; width: 100%; order: 1; }
    #footer .copyright { margin-top: 30px; order: 3; }
    #footer .col-pr { padding-right: 30px; width: 100%; padding-left: 30px; order: 2; margin-top: 30px; }

    .home-page .post-list .item .description { height: 66px;}
    .home-page #postNewRight .item-thumb img,#postNewRight .item-thumb img {height: 220px; }
    .section-news .read-more {display: block; }

    .page-child .w-list-news{padding-top: 130px;}
    body:not(.home-page) #fullpage .w-list-news section.page-tin-tuc { margin-bottom: 15px; }
    .page-child .page-tin-tuc-list .container-fluid{padding-right: var(--d-padding); padding-left: var(--d-padding);}
}

@media (max-width:767px){
    
    .logo-wrapper { padding-top: 8px; padding-bottom: 8px; flex: 0 0 auto;  width: 30%;}
    .header .btn-act {flex: 0 0 auto;  width: 70%; }
    .item-part {  grid-template-columns: repeat(7, 1fr);}
    .banner-proc{position: relative;background-position: left top;}

}

@media (max-width:575px){

#intro_section .logo-intro object{width:36vw}
#intro_section.ready .logo-intro object{width:27vw;margin-top:-27vw}
}

/*Mobile Đứng*/
@media screen and (max-width: 480px) and (orientation : portrait) {
    #header .navbar-brand { width: 80px; }
    #header.sticky {background: #fff; }
        .fixed-btn.bottom .btn-reg{display: none;}
        .fixed-btn.bottom .hotline{margin-bottom: 0px;-webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
    animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;}
        .fixed-btn.bottom{ padding: 15px 7px 15px 15px; border-top-left-radius: 20px; border-bottom-left-radius: 20px; top: auto; bottom: 70px;  }

    .overlay-menu .menu>li { padding: 12px 0px !important; display: block;}
        .overlay-menu .menu:not(.menu-other) a { font-size: 21px;}
    
    .overlay-menu .main-menu-container .ico-lahome.toogle{margin-right: auto  !important; margin-bottom: 20px;}
    .overlay-menu .copyright{position: relative; bottom: auto;}
   .t-banner {font-size: 1.3rem; line-height: 2rem;}
   .tagline-banner {top: 10%; left: 4%;}     
   .banner-home .section-title { font-size: 1.5rem; line-height: 2.5rem; }
   .bg-home.bg-section-home { min-height: 250px; position: relative; }

   .s-dongchay .img-dongchay img {height: 250px; }
   .flow-title { padding-left: 50px; }
   .section-dongchay { padding-bottom: 20px; }

   .section-utilities .swiper-slide { height: 100% ; }

   .section-floor-plan .map-area,.section-floor-plan .map-area .map{min-height: 235px;}
   
   .popup-master-ov .left-prod { width: 100%; float: none; padding-right: 0px; height: auto; padding-top: 20px; padding-right:10px; }
   .top-prod { padding-left:10px}
   .fancybox-is-open .fancybox-slide .title { font-size: 37px; line-height: 41px; }
   .banner-proc {height: 260px; }
   .top-prod .type {font-size: 24px;}
   .popup-master-ov .right-prod { width: 100%; float: none; padding-bottom: 20px; padding-left: 0px; padding-right: 0px;height: auto; margin-top: 20px; }

   .flow-r-content { display: block;}
   .flow-r-content .flow-text { padding: 10px 0px; font-size: 16px; }
   .flow-number {left:-12%; }

   .section-dongchay .swiper-slide { width: 95%  ; }
   .flow-content { padding-left: 40px;padding-right: 30px; }
   .flow-heading { font-size: 43px; line-height: 57px; }

   .img-utilities .img-tienich img { height: 270px; }
   .myutilities { height: 480px;}
   #location .section-content {padding: 0px 10px 20px; }
   .ico-car {width: 50px; height: 40px; }
   .sect-lkv ul.ico-car-p { width: calc(100% - 70px);}
   .sect-lkv li { margin-right: 25px; }
    .num_lkv { font-size: 14px;}
    .section-location .section-image-wrapper { min-height: 320px;}
    #location .section-image { border-top-left-radius: 90px; border-bottom-right-radius: 90px; zoom: 1.05; }
    .section-floor-plan .item-master {margin-top: 10px;grid-template-columns: repeat(2, 1fr); }
    .section-partner .section-content-wrapper {grid-template-columns: repeat(1, 1fr); gap: 30px; }
    .contact-info {grid-template-columns: repeat(1, 1fr);}
    .emailf {margin-bottom: 20px; }

    #location .section-image>svg .line-run { animation:5s linear infinite StrokeLine;stroke-miterlimit: 20; stroke-width: 2; stroke-dasharray: 20;}
    .section-floor-plan .section-over { display: block; }

    .item-master .name-mast { font-size: 15px; }

    .section-dongchay:after{animation: waveMove 7s linear infinite;}
    .item-part {gap: 15px 15px;        grid-template-columns: repeat(6, 1fr);}

    .post-feature .item img,.home-page #postNewRight .item-thumb img, #postNewRight .item-thumb img {height: 240px; } 
    #postNewRight .post-list .item h3 a, .page-tin-tuc-list .post-list h3 .ellips { -webkit-line-clamp: none;height: auto; }

    #footer .address {min-height: auto;}
    #footer{padding-bottom: 30px}
    #footer .col-pr { padding-right: 15px; padding-left: 15px;}
    #footer .contact-form { padding: 30px 30px 30px; border-top-left-radius: 50px; border-bottom-right-radius: 50px; }
    .section-title-2 { font-size: 26px;display: block; }

    #footer .contact-form .form.register .row{margin: 0px; width: 100%; display: block; padding: 0px;}
    .section-partner .section-content-wrapper:after{display: none;}
    .fp-viewing-lien-he .fixed-btn{opacity: 0; visibility: hidden; pointer-events: none;}

    .section-utilities .content-utilities { padding-right: 0px; }
    .modal-form-popup .close{background: url(../images/ico-close-2.svg) center center no-repeat; background-size: 40px;transition:none;}
        .modal-form-popup .close:after{display: none;}

    .popup-master-ov{width: calc(100% - 20px);}     
        .popup-master-ov .img-popup {border-radius: 15px;}
        .popup-master-ov a {font-size: 13px; bottom: 0px; width: max-content; position: relative; margin: 10px auto; padding: 10px 25px;}
}
@media screen and (max-width:420px) {
    .sect-lkv li { margin-right: 15px; }
    .logo-wrapper img { max-width: 170px; }
    .section-title-2 { font-size: 25px;}
    .overlay-menu .menu>li { padding: 10px 0px !important; }
    #footer .copyright a{display: block;}
    .section-floor-plan .map-area,.section-floor-plan .map-area .map { min-height: 226px; }
}
@media screen and (max-width:380px) {
    .logo-wrapper img { max-width: 160px; }
    .banner-home .section-title { font-size: 1.3rem; line-height: 2.2rem; }
    .t-banner { font-size: 1.2rem; line-height: 2rem; }
    #footer .copyright-desktop {font-size: 14px;}
    #footer .section-title {padding-right: 35px;}
    .section-product-slide .section-content-fitbottom .inner a{font-size:10px}
    .num_lkv {white-space: nowrap; }
    .section-partner .item .thumbnail img {
        max-height: 90px;
        max-width: 130px;
    }
    .section-partner .item-other .item .thumbnail {
        min-height: 90px;
    }
    .section-partner .item-other .item h4.title { font-size: 15px;    min-height: 42px;}

    .section-cudan .des-cudan { line-height: 52px; font-size: 18px; padding-left: 8px; }
    .section-partner .partner-slide { padding: 0px 30px;}

    .sect-lkv li { margin-right: 15px; }

    .section-partner .slide-control .swiper-button-next {margin-top: 0px; }
    #postNewLeft .description {display: none !important; }

    .section-banner-master {padding-top: 190px !important; }
    .section-floor-plan .map-area,.section-floor-plan .map-area .map { min-height: 205px; }
    .section-design .content-design .nav-item .nav-link { padding: 10px 6px; font-size: 13px; }   
    .post-feature .item img,.home-page #postNewRight .item-thumb img, #postNewRight .item-thumb img {height: 220px; } 

    #footer .dest-footer {font-size: 18px; }
    .section-title-2 { font-size: 22px; }
}

@media screen and (max-width:365px) {
    .logo-wrapper img { max-width: 150px; }
    #footer .section-title { padding-right: 15px;}
    .section-partner .item-other .item h4.title { font-size: 14px;}
    .section-banner-master { padding-top: 180px !important; }
    .h-tab-mb {padding: 10px 10px 30px; }
    .section-design .nav-tabs li { padding: 0px 3px; margin: 2px 0px; }
    .section-floor-plan .map-area,.section-floor-plan .map-area .map { min-height: 197px; }
}


@media screen and (max-width:330px) {
    #footer .section-title { padding-right: 10px;}
}


@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)
}
}


@media (max-width:991px){
.overlay-menu .main-menu-container{
display:block;
width:100%;
text-align:center
}

body.menu-open #header .navbar-brand{
    opacity: 1;
    background: transparent;
    border-radius: 0px;
    padding: 0px;
}

.overlay-menu .menu-logo{
display:none
}
}

@media (max-width:767px){

#section_video{
position:relative;
height:100vh;
min-height:560px
}

@media (max-width:1199px){
    #section_video{
    min-height:0
    }

    #section_video .video_header{
    height:calc(100vw * 9 / 16)
    }

    #section_video .video_header video{
    width:100%;
    height:auto;
    position:static;
    top:auto;
    left:auto;
    -webkit-transform:translate(0);
    transform:translate(0)
    }
}

.video_header{
background:url(../images/banner.jpg) center center/cover no-repeat;
width:100%;
height:100%;
position:relative;
left:0;
top:0;
margin:0;
padding:0;
z-index:3;
overflow:hidden;
cursor:pointer
}

.video_header video{
position:absolute;
object-fit:cover;
width:100%;
height:100%;
opacity:0
}

#section_video.video-status-play .video_header video{
opacity:1
}

.video-cover-inline{
width:100%;
height:100%;
position:relative;
display:block
}

.bgvideo{
position:absolute;
left:50%;
top:50%;
width:126px;
height:127px;
max-width:7vw;
max-height:7vw;
transform:translate(-50%,-50%);
background:url(../images/icon-video-play.png) center center/auto 100% no-repeat
}

#video-controls {
    position: absolute;
    bottom: 15px;
    right:25%;
    max-width: 246px;
    margin-left: 15px;
    padding: 5px;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -o-transition: opacity .3s;
    -ms-transition: opacity .3s;
    transition: opacity .3s;
    z-index: 99999999;
}
#video-container {
    position: relative;
}
#video-container:hover #video-controls {
    opacity: .9;
}
#video-controls  button{
    border: 0;
    text-align: center;
    background-color: transparent;
    border: none;
    cursor: pointer;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    text-indent: -99999999px;
}
#seek-bar{
    width:calc(100% - 72px); float:left; margin:0px 6px;
}
#custom-seekbar
{  
    cursor: pointer;
    height: 6px;
    overflow: hidden;
    position: relative;
    width: 160px;
    float:left;
    margin:  7px 5px;
    background:rgba(0,0,0,0.3);
}
    #custom-seekbar span
    {
      background-color: #ffc70b ;
      position: absolute;
      top: 0;
      left: 0;
      height: 10px;
      width: 0px;
    }
button.play {
    background-image: url(../images/pause.svg);
    line-height: 20px;
    width: 20px;
    height: 20px;float: left;
    
}
button.pause {
    background-image: url(../images/play-btn.svg);
    line-height: 20px;
    width: 20px;
    height: 20px;float: left;
    
}
button#mute{
    background-image: url(../images/mute.svg);
    line-height: 20px;
    width: 20px;
    height: 20px;float: left;margin: 0px 3px;
}
button#mute.unmute{
    background-image: url(../images/unmute.svg);
    line-height: 20px;
    width: 20px;
    height: 20px;float: left;
}
#full-screen{
    background-image: url(../images/fullscreen.svg);
    line-height: 20px;
    width: 20px;
    height: 20px;float: left;
}

@media screen and (max-width: 480px) and (orientation : portrait) {
    #custom-seekbar {width: 90px;}
}

@media (max-width:1399px){
.fullpage-nav{
margin-top:-30px
}

.fixed-scroll-downs{
    font-size:12px;
    padding-left:15px
    }
}

@media (max-width:1199px){
    .fixed-scroll-downs-icon{display:none}
    #video-controls {right:15px;}
}
.fixed-scroll-downs-icon{
    position:fixed;
    bottom:40px;
    left:calc(50% - 15px);    
}

.fixed-scroll-downs-icon .chevron{
position:absolute;
width:30px;
height:2px;
opacity:0;
transform:scale(.3);
-webkit-animation:3s ease-out infinite move-chevron;
animation:3s ease-out infinite move-chevron
}

.fixed-scroll-downs-icon .chevron:first-child{
-webkit-animation:3s ease-out 1s infinite move-chevron;
animation:3s ease-out 1s infinite move-chevron
}

.fixed-scroll-downs-icon .chevron:nth-child(2){
-webkit-animation:3s ease-out 2s infinite move-chevron;
animation:3s ease-out 2s infinite move-chevron
}

.fixed-scroll-downs-icon .chevron:after,.fixed-scroll-downs-icon .chevron:before{
content:"";
position:absolute;
top:0;
height:100%;
width:50%;
background:#fff
}

.fp-viewing-tien-ich .chevron:after,.fp-viewing-tien-ich .chevron:before,
.fp-viewing-ly-do-chon .chevron:after,.fp-viewing-ly-do-chon .chevron:before,
.fp-viewing-doi-tac  .chevron:after,.fp-viewing-doi-tac .chevron:before,
.fp-viewing-can-ho .chevron:after,.fp-viewing-can-ho .chevron:before,
.fp-viewing-tin-tuc .chevron:after,.fp-viewing-tin-tuc .chevron:before{background: #091241 !important}

.fp-viewing-lien-he .fixed-scroll-downs-icon{display: none !important}


.fixed-scroll-downs-icon .chevron:before{
left:0;
transform:skewY(30deg)
}

.fixed-scroll-downs-icon .chevron:after{
right:0;
width:50%;
transform:skewY(-30deg)
}

@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)
}
}

@media (min-width:1200px){
.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;
background-color:#fff
}

.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)
}
}

@-webkit-keyframes phonering-alo-circle-img-anim {
      0% {
        -webkit-transform:rotate(0) scale(1) skew(1deg)
      }

      10% {
        -webkit-transform:rotate(-25deg) scale(1) skew(1deg)
      }

      20% {
        -webkit-transform:rotate(25deg) scale(1) skew(1deg)
      }

      30% {
        -webkit-transform:rotate(-25deg) scale(1) skew(1deg)
      }

      40% {
        -webkit-transform:rotate(25deg) scale(1) skew(1deg)
      }

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

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