@charset "utf-8";

:root{
--d-transition:all .5s cubic-bezier(0.65,0,0.35,1);
--font40:40px;
--font35:35px;
--font28:28px;
--font24:24px;
--font20:20px;
--font17:17px;
--colorC8102E:#C8102E;
}

body{font-family: "League Spartan", serif;font-weight: normal; font-style: normal;margin:0;padding:0;font-size:17px;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{font-family: "League Spartan", serif;font-weight: 700;color:#fff;margin:0 auto 15px;line-height:1.4}
b,strong{font-family: "League Spartan", serif;font-weight: 700}
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:#FBFBFB}
.form-group-captcha a{color:#FBFBFB}
.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:#FBFBFB;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:#FBFBFB}
.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(--font35);color:#fff;text-transform:uppercase;margin-bottom:25px;    font-weight: 500;}
.section-title.title-radian {
    background: #EFCA80;
    background: linear-gradient(225deg, #EFCA80 0%, #C18039 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;    display: inline-block;
}
.subtitle{font-size:19px;line-height:1.4em; margin-bottom: 15px}
.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:100px}
.section-header{margin:0 auto;max-width:950px;padding-bottom:30px}
.section-header h2{margin:0 auto;font-size:32px;font-weight:400}
.section-header p{color:#777;font-size:17px;margin:22px auto 0}
.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:#AC1A2F;}

.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;*/}
.mask.up .mask-bg{background:url(../images/bg-intro-cl.jpg) center top no-repeat; background-size: cover;}
.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:#AC1A2F  url(../images/bg-intro.jpg) left top no-repeat; background-size: cover;}

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

.mask.up .mask-bg svg{opacity:0;/*filter:blur(15px);*/transform:translate(-50%,-50%) scale(2);transform-origin:center}

body.ready .mask{pointer-events:none;z-index:-99999}

#logo_vivus .text-logo{fill-opacity:0;stroke:#ffffff;stroke-width:1px}
    #logo_vivus .line-run{fill-opacity:0;stroke:#ffffff;stroke-width:2px}
#logo_vivus.done .text-logo,#logo_vivus.done .line-run{fill-opacity:1;stroke-width:0}



.fixed-btn{position:fixed;right:0px; padding: 25px 10px 25px 20px;    border-top-left-radius: 30px; border-bottom-left-radius: 30px; background: #1B4467;    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: 20px; display: block;}
    .btn-360{width: 27px; height: 29px;background: url(../images/ico-360.svg) center center no-repeat; background-size: contain;}    
    .hotline{width: 22px; height: 30px;background: url(../images/ico-hotline.svg) center center no-repeat; background-size: contain;} 
    .btn-reg{width: 24px; height: 25px;background: url(../images/ico-dangky.svg) center center no-repeat; background-size: contain;  margin-bottom: 0px !important} 

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

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

#header{position:fixed;top:20px;width:100%;transition-duration:.3s;z-index:22;visibility:hidden; transition: var(--d-transition);opacity: 0 !important;}
.fp-viewing-trang-chu #header.show{opacity:1 !important;visibility:visible}
#header.sticky{position:fixed;top:0;left:0;right:0}
.navbar-header{position:relative;z-index:1}
#header .navbar{    align-items: center;padding:5px 50px;display: grid; grid-template-columns: 40% 20% 40%;}
#header .navbar-brand{margin:0;transition-duration:.3s;height:auto;padding:0;    text-align: center;}
    #header.sticky .navbar-brand{width:90px;}
    #header .img-logo-mobile{display: none}
#header .menu-item{display:inline-block;position:relative;transition:var(--d-transition)}
#header .menu-item a{color:#fff;padding:10px 20px; text-transform: uppercase;}
#header .navbar-brand .white{display:none}
#navigation{padding:0;position:relative;text-align:right}

#header .header-left{right:auto;left:var(--d-padding);    text-align: right;}
#header ul{margin-bottom: 0px;    padding-left: 0px;}

#header:not(.is-alternate){-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s}
#header .navbar-toggler{border:0;color:#fff;text-transform:uppercase;font-size:16px;padding:0 40px 0 0;position:relative;    display: none;}

#header .navbar-toggler:focus{outline:0;box-shadow:none}
#header .navbar-toggler span{display: none;}
#header .navbar-toggler-icon{background:0 0;position:absolute;right:0;top:50%;transform:translateY(-50%);width:28px;height:18px;cursor:pointer;transition:.3s}
#header .navbar-toggler-icon>span{display:block;width:100%;height:2px;border-radius:4px;background-color:#fff;position:absolute;transition:.3s}

#header .navbar-toggler-icon>span:nth-of-type(1){width:100%;top:0;left:0}
#header .navbar-toggler-icon>span:nth-of-type(2){width:100%;top:50%;transform:translateY(-50%);left:0}
#header .navbar-toggler-icon>span:nth-of-type(3){width:100%;top:100%;left:0;transform:translateY(-100%)}

#header .ico-hotline span{display: block; color: #AB1E35;font-weight: 600; line-height: 12px;    font-size: 12px;}
#header .ico-hotline a{color: #AB1E35; font-weight: 600;    padding: 0px !important; font-size: 20px;}

.menu-item.ico-hotline{background: url(../images/ico-hotline-header.svg) right center no-repeat; background-size: contain; padding: 23px 50px 27px 40px; text-transform: uppercase; margin-left: 30px;}

#header .navbar-toggler-icon:hover>span{width:100%;transition:.3s}
body.menu-open .header-bottom .navbar-toggler{color:#1B4467}
body.menu-open #header .navbar-toggler .navbar-toggler-icon{margin:0;width:28px;height:18px;margin-top:0px;transform:rotate(180deg) translateY(50%);transition:.3s;opacity:1}
body.menu-open #header .navbar-toggler .navbar-toggler-icon>span{width:100%;height:2px;background-color:#1B4467;transition:.3s}
body.menu-open #header .navbar-toggler .navbar-toggler-icon>span:nth-child(1){top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg)}
body.menu-open #header .navbar-toggler .navbar-toggler-icon>span:nth-child(2){opacity:0}
body.menu-open #header .navbar-toggler .navbar-toggler-icon>span:nth-child(3){top:50%;left:50%;transform:translate(-50%,-50%) rotate(-45deg)}

.logo_ticky{
    position: fixed;
    left: 30px;
    top:30px;
    z-index: 6;
    opacity: 0;
    transition: var(--d-transition);
    transform: translateY(100px);
}
.fp-viewing-trang-chu .logo_ticky{opacity: 0 !important; visibility: hidden !important; pointer-events: none;}
.logo_ticky a{width: 169px; height: 60px;  background: url(../images/logo-ticky-w.svg) left top no-repeat;background-size: contain; display: block;}
.light  .logo_ticky a{background-image: url(../images/logo-ticky-b.svg)}
.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);top:0px !important; margin-top: 0px !important;    right: 0px !important;}
.fp-viewing-trang-chu #fp-nav{opacity: 0; visibility: hidden;pointer-events: none;}
#fp-nav ul li, .fp-slidesNav ul li { margin: 14px 0px !important;}
#fp-nav ul li:first-child{display: none}
#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;    display: none;}
#fp-nav a.active+.fp-tooltip {
    -webkit-transition: opacity .2s ease-in;
    transition: opacity .2s ease-in;
    width: auto;color: #C49D6F !important;
    opacity: 1;      font-weight: 600;
}
.light #fp-nav a.active+.fp-tooltip{color: #C8102E !important;     font-weight: 600;}

#fp-nav ul li .fp-tooltip.left { left: 30px !important;    top: 5px !important;}

#fp-nav .fp-tooltip{color: #fff !important; text-transform: uppercase; width: auto !important; opacity: 1 !important; font-size: 15px  !important}

.light  #fp-nav .fp-tooltip{color: #4C4C4C !important}
.light  #fp-nav ul li a span{ background: #C49D6F !important;}

#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;
}

.page-child #fp-nav,.fp-viewing-cong-dong-cu-dan #fp-nav{opacity: 0; visibility: hidden; pointer-events: none;}
.section-light{color: #FBFBFB}
/*Banner*/

.section-home-slide .tagline{position: absolute; top: 40%; transform: translate(-50%, -50%); left: 50%; z-index: 9; color: #fff; font-weight: 700; font-size: 42px;    white-space: nowrap;}
        .section-home-slide .tagline h1{color: rgb(255 255 255 / 75%);    font-size: 42px;    text-align: center;}

.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;font-family:'UTMPenumbraBold';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}

/*LINH VUC HOAT DONG*/
.section-ve-chung-toi{background: url(../images/bg-linh-vuc-hoat-dong.jpg) center center no-repeat; background-size: cover;}
.des-linhvuc{ font-size: 21px; line-height: 30px;color: #fff; text-align: center; margin: auto; margin-bottom: 40px;}
    .des-linhvuc .b-about { display: block; }
.des-field{color: #fff; font-weight: 500; text-transform: uppercase; margin-top: 20px; text-align: center;}
.main-field{text-align: center;    display: flex;   flex-wrap: wrap;}
    .main-field .title-lv-mb{display: none;}
.img-field { text-align: center; }
.img-field img { max-width: 100px; margin-top: 20px; }
.scroll-downs {
    position: absolute;
    left: 50%;
    bottom: 1.2rem;
    transform: translateX(-50%);
    transition: var(--d-transition);
    transition-delay: 1s;font-family: "Play", serif; text-transform: uppercase; font-size: 21px;
    width: var(--fz-29);z-index: 10; text-align: center;
}
.scroll-downs  label{color: #fff; margin-top: 10px;    display: block;}

.section-ve-chung-toi .main-field{max-width: 870px; margin: auto;}
    .section-ve-chung-toi .main-field .des-field span{display: block;}
/*DU AN PHAT TRIEN*/
.section-title.title-act{color: var(--colorC8102E);}  
.icon_realty:after{
    content: ''; position: absolute; right: 0px; bottom: 0px;
    background: url(../images/ico-realtyholding.svg) center center no-repeat; background-size: cover;
    background-size: contain;
    width: 234px;
    height: 217px;
}
.section-du-an-phat-trien .section-title{padding-top: 50px;}
.main-project{position: relative;}
.slide-duan{position: relative; z-index: 10;    padding: 0px 20px;}
.slide-duan .name-field{color: var(--colorC8102E);min-height: 51px; text-transform: uppercase; font-weight: 500; font-size: 18px;}
.slide-duan .add-field{line-height: 22px; color: #4C4C4C; position: relative; margin: 20px 0px 6px; padding-left: 25px;}
.slide-duan .acrea-field{color: #4C4C4C; position: relative;margin: 0px 0px 20; padding-left: 25px;}
.main-project .slide-control>div{border: none;    top: 36%;}
.popup-duan .main-project .slide-control>div{display:none;}
.img-project{position: relative; overflow: hidden;}
.img-project img{transition: var(--d-transition);}
.w-despro{min-height: 104px;}
.image-popup:hover .img-project img,.hover-act .img-project img {transform: scale(1.1);}
.slide-duan .add-field:before{
    content: '';
    position: absolute;
    left: -5px;
    top: -1px;
    background: url(../images/ico-location.svg) left top no-repeat;
    background-size: contain;
    width: 21px;
    height: 21px;
}
.acrea-field:before{
    content: '';
    position: absolute;
    left: -5px;
    top: -1px;
    background: url(../images/ico-area.svg) left top no-repeat;
    background-size: contain;
    width: 21px;
    height: 21px;
}
.view-popup, .news-view-more {    
    padding: 0px 0px 0px 0px;
    position: relative;
    transition: var(--d-transition);
    color: var(--colorC8102E) !important;
    text-transform: uppercase;
    display: inline-block;
    margin-top: 13px;
}
.view-popup:after, .news-view-more:after {
    content: '';
    position: absolute;
    width: 15px; height: 15px;
    top: 4px;
    background: url(../images/view-detail.svg) left top no-repeat;
    background-size: 13px;
    transition: var(--d-transition);
    right: -25px;
}
.news-view-more{
    font-size: 17px !important;
}


.view-popup:hover:after{
    animation-name: movelr;
    animation-duration: 1s;
    animation-timing-function: cubic-bezier(.15,.41,.69,.94);
    animation-iteration-count: infinite;
}
@keyframes movelr {
  0% {transform: translateX(-10px); opacity: 0}
  50% { transform: translateX(0px); opacity: 1}
  100% { transform: translateX(10px);opacity: 0 }
}


.popup-duan #fp-nav{opacity: 0; visibility: hidden; pointer-events: none;}
/*TIN TUC*/
.news-meta{
    line-height: 22px;
    color: #4C4C4C;
}
.section-tin-tuc .swiper-button-prev, .section-tin-tuc .swiper-button-prev {
    background: transparent url(../images/ico-prev.svg) center center no-repeat !important;
    background-size: 15px;
    left: -50px;
}
.section-tin-tuc .swiper-button-next, .section-tin-tuc .swiper-button-next {
    right: -50px;
    background: url(../images/ico-next.svg) center center no-repeat transparent !important;
}
.section-tin-tuc .name-field a {
    color: var(--colorC8102E);
    min-height: 51px;
    text-transform: uppercase;
    font-weight: 500;
}
.post-single .section-tin-tuc {padding-bottom: 60px; padding-top: 60px;}
.category-hover-line { position: relative; display: inline-block; padding-bottom: 4px; transition: color 0.3s ease; }
.category-hover-line::after { content: ""; position: absolute; width: 0; height: 1px; bottom: 0; left: 0; background-color: var(--colorC8102E); transition: width 0.3s ease; }
.category-hover-line:hover { color: var(--colorC8102E) !important; }
.category-hover-line:hover::after, .category-hover-line.active-cat::after { width: 100%; }
.post-detail .editor-content {
  text-align: justify;
}
.post-detail p.wp-caption-text{
    font-style: italic;
}
.post-detail .editor-content img {
    max-width: 100%;
    height: auto;
    width: 100%;
}

@media (min-width: 1200px) {
    .trang-chuyen-muc{
        padding-top: 130px;
    }
    .post-single{
        padding-top: 130px;
    }
        
}
@media (max-width: 991px) {
          .news-header-flex { flex-direction: column; align-items: center !important; text-align: center; }
          .news-header-flex .section-title { margin-bottom: 15px !important; }
          .post-single .section-padding {padding-top: 0px !important;}
          .post-single .section-single-news {padding-top: 0px !important;}
          .post-single .section-tin-tuc {padding-bottom: 100px;}
}
/*GIA TRI COT LOI*/
.section-gia-tri-cot-loi{background: url(../images/bg-tamnhin.jpg) center top no-repeat; background-size: 1240px;}
    .section-gia-tri-cot-loi .section-title{padding-top: 40px;    margin-bottom: 110px;}
.main-giatri {text-align: center; display: grid ; gap: 50px; grid-template-columns: repeat(3, 1fr); margin-top: 140px; position: relative; z-index: 10; max-width: 1090px; margin: auto;}
.col-giatri{background: linear-gradient(127.35deg, #FFF5F5 3.37%, #FFEAEA 93.61%);; border: 1px solid rgba(184, 80, 80, 0.5); border-radius: 7px;}
    .col-giatri h3{text-align: center; text-transform: uppercase; color: var(--colorC8102E); font-weight: 600; margin: 30px auto 20px;font-size: var(--font20);}
    .des-vision{color: #4C4C4C; padding: 0px 3px  10px;}
    .img-gtri{    margin-top: -75px;}
        .img-gtri img{max-width: 130px;}



/*DOI TAC*/

 .section-partner .swiper-slide{padding:0 30px; text-align: center;}
 .section-du-an-phat-trien .slide-control,.section-partner .slide-control {position: unset; left: 0%; transform: none;}   
    .section-partner .swiper-button-prev,.section-partner .swiper-button-next{position: absolute; top: 50%; transform: translateY(-50%);border: 0px;}
    .section-du-an-phat-trien .swiper-button-prev,.section-partner .swiper-button-prev{background: transparent url(../images/ico-prev.svg) center center no-repeat !important;background-size: 15px; left:-50px;    }
   .section-du-an-phat-trien .swiper-button-next, .section-partner .swiper-button-next{background: transparent url(../images/ico-next.svg) center center no-repeat !important;background-size: 15px; right: -50px;}

.s-partner{position: relative;margin:70px auto 30px;max-width:95%;}

 .section-partner .section-title{padding-top: 80px;}
.section-partner .swiper-wrapper { align-items: center;}




.section-partner .section-content-wrapper{padding:10px 30px 30px;max-width: 1060px;}
.section-partner .section-content-wrapper-bottom{padding:30px 0 0px;margin: 0px auto;}

.section-partner .swiper-slide img{
    filter: gray; 
    -webkit-filter: grayscale(1);
    -webkit-filter: grayscale(100%); 
    filter: grayscale(100%);
    transition: var(--d-transition);
}
.section-partner .swiper-slide img:hover{
  -webkit-filter: grayscale(0);
  filter: none;
}


.project-modal{position: fixed; display: none; top: 0px; left: 0px; width: 100%; height: 100%;    z-index: 99; }
    .project-modal .bg   {background: #000;opacity: .8;  transition-timing-function: cubic-bezier(.22,.61,.36,1);width: 100%; height: 100%; position: absolute; top:0; left:0; } 
    .project-modal .wrapper{
        padding: 0px;
        width: 1097px;
        margin: 0px auto;
        background: #F8F4F2;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }

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

    .project-modal .close{
        right: 0px; top: -40px; 
        position: absolute; transition: var(--d-transition); border: none; 
        border-radius: 50%; text-indent: -9999px; background: url(../images/icon-close.svg) center center no-repeat; background-size: 17px;
    }
    
.popup-element{position: relative;display: flex ; flex-wrap: wrap;    }
.popup-element .img-field{flex: 0 0 auto; width: 70%;position: relative; z-index: 2;}
.popup-element .popup_description{flex: 0 0 auto; width: 30%;  color: #fff;padding: 50px 35px; position: relative; z-index: 2;}
    .content-popup{position: relative;z-index: 3}
    .popup-element .popup_description:before {content: ''; z-index: 1; background: url(../images/bg-popup-repeat.jpg) left bottom repeat; background-size: contain; position: absolute; height: 50%; width: 100%; left: 0px; top: 0px;}
    .popup-element .popup_description:after {content: ''; z-index: 2; background: url(../images/bg-popup.jpg) left bottom no-repeat; background-size: contain; position: absolute; height: 100%; width: 100%; left: 0px; top: 0px;}
.popup-element .img-field img{max-width: 100%;    margin-top: 0px;}

.popup_description h4 {font-size: 25px; font-weight: 600; line-height: 28px; margin-bottom: 24px; }
.popup_description p { margin-bottom: 4px; line-height: 22px; }



.modal-form-popup .modal-content{background:rgb(0 31 57 / 90%);}
.modal-form-popup .close{position:absolute;top:20px;right:10px;width:40px;height:40px;background:linear-gradient(225deg,#EFCA80 0%,#C18039 100%);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 .close:hover{transform:rotate(180deg)}

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


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

.menu-open #header .navbar-brand .normal{display:none}
.menu-open #header .navbar-brand .white{display:block}


}



/*FOOTER*/

#footer{position:relative;overflow:hidden;background:url(../images/bg-footer.jpg) center bottom no-repeat; background-size: cover;}
.col-footer.d-flex { gap: 50px;}
.t-company {    font-size: 22px; line-height: 30px;    margin-bottom: 20px;    font-weight: 600;}
.footer_bottom {position: relative;padding-top: 20px; margin-top: 20px;}
.footer_bottom:before { content: ''; position: absolute; left: 50%; top: 0px; background: rgb(255 255 255 / 30%); width: 110%; height: 1px; transform: translateX(-50%); }
#footer .contact-info{position: relative; align-items: center; padding:50px 60px 50px;}
   .l-social{font-size: 14px;   display: block; margin-bottom:10px; margin-top:50px; }
.contact-info .item{position:relative;padding:0px 10px 10px 0px;}
.contact-info .item span{display: block; font-size: 18px; font-weight: 600;}
.contact-info .item a{color: #FBFBFB}
.copyright{display: flex;  align-items: center;    opacity: 0.7;}
.social-btn{text-align: right;}
    .contact-info .social-btn a{
        display: inline-block;
        margin-left: 20px;
        width: 33px;
        height: 33px;
        position: relative;transition: var(--d-transition);
    }
   
    .facebook-ct{
        background: url(../images/ico-facebook.svg) center center no-repeat;
        background-size: contain;
    }
    .youtube-ct{
        background: url(../images/ico-youtube.svg) center center no-repeat;
        background-size: contain;
    }
    .tiktok-ct{
        background: url(../images/ico-tiktok.svg) center center no-repeat;
        background-size: contain;
    }
    
    .contact-info .social-btn a:hover{ animation: box-move 1s infinite alternate-reverse;}
    @keyframes box-move {
      0%   { transform: translateY(0); }
      50%  { transform: translateY(-5px); }
      100% { transform: translateY(0); }
    }
    @-webkit-keyframes box-move {
        0%   { transform: translateY(0); }
        50%  { transform: translateY(-5px); }
        100% { transform: translateY(0); }
    }



@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{position:static;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){
  #fp-nav ul li, .fp-slidesNav ul li {margin: 17px 0px !important;}
    #fp-nav .fp-tooltip {font-size: 16px !important; }
    .section-home-slide .tagline {top: 36%;}
   .des-linhvuc { font-size: 23px; line-height: 33px;}
  .section-du-an-phat-trien .section-title { padding-top: 50px; margin-bottom: 50px; }
  .slide-duan .add-field {margin: 20px 0px 10px;} 
  .s-partner {margin: 70px auto 80px;}
  #footer .contact-info { padding: 90px 60px 70px; }
  .footer_bottom {margin-top: 30px; }
  .section-partner .section-title { padding-top: 110px;}
  .project-modal .wrapper { width: 1230px;}
  .popup_description h4 { font-size: 27px;line-height: 32px;}
  .popup_description p { margin-bottom: 7px;}
  .section-ve-chung-toi .main-field{max-width: 950px;}
}

@media (min-width:1600px){
#header .navbar { grid-template-columns: 38% 24% 38%; max-width: 1450px; margin: auto; }
#header .menu-item a { padding: 10px 23px; }
.section-home-slide .tagline h1 {font-size: 45px;}
.des-field {margin-top: 25px; }
.section-home-slide .tagline {top: 34%;}
.popup_description h4 { font-size: 28px; line-height: 33px; }
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {max-width: 1200px;    }
.section-ve-chung-toi .main-field{max-width: 1040px; }
    .img-field img { max-width: 110px; margin-top: 30px; }
.section-ve-chung-toi .container{max-width: 1250px;}
.des-linhvuc .b-about { display: inline; }
.section-gia-tri-cot-loi {background-size: 1310px; }
.main-giatri {max-width: 100%;}
.footer_bottom {margin-top: 40px; }


}
 
@media (min-width:1680px){
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {max-width: 1242px;    }
    #header .menu-item a { padding: 10px 22px; }
    .section-home-slide .tagline h1 { font-size: 50px; }
    .des-linhvuc { font-size: 24px; line-height: 35px; }
    .scroll-downs label { font-size: 25px; }
    .editor-content h2, .section-title {font-size: var(--font40);}
    .slide-duan .name-field,.slide-duan .add-field{font-size: 19px;}    
    .section-ve-chung-toi .main-field { max-width: 1080px; }
        .section-ve-chung-toi .main-field .des-field span { display: inline; }
    .popup_description h4 { font-size: 31px; line-height: 36px; }
    #fp-nav .fp-tooltip{font-size: 17px !important}
    .slide-duan .add-field { margin: 24px 0px 16px; }
    .s-partner { margin: 80px auto 110px; }
    .img-field img { max-width: 134px;}
    .img-gtri img { max-width: 150px; }
    .des-vision {padding: 0px 20px 20px; }
    #footer .contact-info { padding: 100px 60px 70px; }
    .t-company { font-size: 25px; line-height: 36px; margin-bottom: 26px; font-weight: 600; }
    .section-partner .section-title { padding-top: 160px; }
    .project-modal .wrapper { width: 1460px; }
    .popup-element .popup_description {padding: 70px 50px; }
    .popup_description p { margin-bottom: 14px;}

}

@media (min-width:1900px){
   .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 1430px; }
   .des-linhvuc {margin-bottom: 50px; }
   #fp-nav ul li, .fp-slidesNav ul li { margin: 25px 0px !important; }
   .section-gia-tri-cot-loi { background-size: 1602px; }
   .col-giatri h3 { margin: 40px auto 20px; }
   .section-ve-chung-toi .main-field { max-width: 100%; }
   #footer .contact-info { padding: 110px 60px 100px; }
   .contact-info .social-btn a {margin-left: 30px;}
   .project-modal .wrapper { width: 1560px;        max-width: 1560px; }
   .main-project .slide-control>div { top: 37%; }
   .popup_description h4 { font-size: 33px; line-height: 39px; }
   .main-giatri { gap: 70px;}
   .des-field {font-size: 19px; }
}  

@media (min-width:2040px){
   .section-partner .section-title { padding-top: 190px; }


}  
@media (min-width:2500px){
    .section-partner .section-title { padding-top: 350px; }
    #footer .contact-info { padding:150px 60px 120px;}
    .section-ve-chung-toi .container { max-width: 1430px; }
}    
@media (max-width:1280px){
   #header .navbar { grid-template-columns: 42% 16% 42%;}
   #footer .contact-info { padding: 70px 60px 60px; }
   .footer_bottom { margin-top: 30px; }
}

@media (min-width:1200px){
    .section-content-inner{position:absolute;right:0;top:0;width:100%;height:100%}
}

@media (max-width:1199px){
.section-padding-top{padding-top:30px}
#header .navbar { grid-template-columns: 30% 70%; display: flex ; }
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;}
#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;
}

#header .header-left,#header ul{display: none}

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

#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:#fff
}

#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:#fff;color:#fff
}

section.section-co{padding: 60px 0px;}


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


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}



.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)
{
   .section-home-slide .tagline {top: 45%;}
   .project-modal .wrapper {width: calc(100% - 40px);}
   .project-modal .close { right: 0px;}
    .popup-element .popup_description { padding: 30px 30px; }
    .des-linhvuc .b-about { display: inline; }
    .des-linhvuc {max-width: 100%;}
    .des-field{font-size: 16px;}
    .img-field img { max-width: 110px;}
    .popup-element .popup_description {width: 32%;        padding: 30px 20px;}
    .popup-element .img-field { width: 68%;}
    .popup-element .popup_description:after {background-size: cover; }
    .main-giatri {gap: 20px;}
    .des-vision br{display: none;}

}


@media (max-width:991px){
   #header .navbar { align-items: center; padding: 0px 10px;}
   #header .navbar-brand { width: 140px; }
    header#header {position: relative; background: #c0000d; top: 0px; padding: 10px 0px;}
    .menu-open header#header{background-color: transparent;}
    #header .navbar-toggler{color: #fff !important}
    #header .navbar-toggler-icon>span,.menu-open #header .navbar-toggler-icon>span { background-color: #fff !important; }
    header#header .img-logo{display: none;}
    #header .img-logo-mobile{display: block}
   .section-home-slide .tagline h1 { font-size: 30px; }
   .section-home-slide .tagline {top: 44%;}
   .section-gia-tri-cot-loi {background-size: 760px;  height: auto !important;}
   .section-gia-tri-cot-loi .fp-tableCell{ height: auto !important;}
   .main-field>div { width: 50%;}
   .main-giatri {gap: 20px;}
   .des-vision {padding: 0px 10px 10px; }
   .col-footer br{display: none;}
   .des-linhvuc{max-width: 100%;}
   #footer .contact-info { padding: 50px 30px 50px; }
   .copyright {width: 60%; }
   .social-btn { width: 40%; }

   .project-modal .wrapper {width: calc(100% - 40px);}
   .project-modal .close { right: 0px;}
   .popup-element .popup_description { padding: 30px 30px; }

   .section-du-an-phat-trien .swiper-button-prev{left: -40px;}
   .section-du-an-phat-trien .swiper-button-next{right: -40px;}

   .popup-element .popup_description:after { background-size: cover;}
    .popup-element .popup_description {width: 40%;}
    .popup-element .img-field {width: 60%;}

    .br-line br,.des-linhvuc br,.content-popup p br,.des-vision br,.popup_description h4 br{display: none;}
    .rotdong-mb{display: block;}
   .col-footer.d-flex{display: block !important;}
   .col-footer.d-flex .item:nth-child(1){width: 100%}
   .col-footer.d-flex .item:nth-child(2){width: 40%; float: left;}
   .col-footer.d-flex .item:nth-child(3){width: 60%;float: left;}

   .img-field img { max-width: 110px;}
   .img-gtri img { max-width: 110px; }
   .img-gtri { margin-top: -55px; }
   .s-partner {margin: 70px auto 60px;}

   .des-linhvuc .b-about { display: inline; }










}

@media (max-width:767px){

.home-slide,.home-slide .swiper-slide,.product-slide,.product-slide .swiper-slide{min-height:calc(100vw * .35)}
.container, .container-sm { max-width: 100%; }
.main-giatri { padding: 15px; }
.fixed-btn a{position:relative}

#formModal .modal-body{overflow-x:hidden}
.modal-content .form-popup-modal{min-width:480px}
.modal-content .form-popup-modal .form-group{margin-bottom:15px}

.fixed-social-btn a.zalo{right:0;margin:0;bottom:10px}
.menu-open .overlay-menu .main-menu-container{margin:0 auto}
.overlay-menu{padding-top:60px}


.s-partner {margin: 50px auto 50px; max-width: 90%; }
.popup-element .img-field {width: 50%; }
.popup-element .popup_description{width: 50%; }

    .main-project .slide-control {
        position: absolute;
        bottom: -20px;
        left: 50%;
        transform: translateX(-50%);
        z-index: 2;
        display: flex;
        align-items: center;
    }
    .section-du-an-phat-trien .swiper-button-prev { left: -50px; }
    .section-du-an-phat-trien .swiper-button-next { right: -50px; }

    .main-project .slide-control>div {border: 1px solid #000; width: 35px; height: 35px; }

.des-linhvuc {padding: 0px 15px;font-size: 21px; line-height: 26px; }
.img-field img { max-width: 90px; }
section.section-co.section-du-an-phat-trien{padding-bottom: 80px;}

.popup_description h4 { font-size: 22px; line-height: 27px; margin-bottom: 8px; }
.popup-element .popup_description { padding: 15px 30px 5px; }





}

@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: 140px; }
    #header .navbar-toggler{color: #fff !important}
    #header .navbar-toggler-icon>span,.menu-open #header .navbar-toggler-icon>span,#header.sticky .navbar-toggler-icon>span { background-color: #fff !important; }
    header#header {position: relative; background: #c0000d; top: 0px; padding: 10px 0px;}
    .menu-open header#header{background-color: transparent;}
    header#header .img-logo{display: none;}
    #header .img-logo-mobile{display: block}

    #header.sticky {visibility: visible; opacity: 1 !important; }
    header#header.sticky .navbar-brand{ width: 120px; }
    #header .navbar-toggler-icon>span,#header.sticky .navbar-toggler-icon>span { border-color: #fff; color: #fff; }

    .mask .mask-bg{background: url(../images/bg-intro-mb.jpg) right bottom no-repeat !important; background-size: cover !important; height: 100vh !important}
    .mask.up .mask-bg{background: url(../images/bg-intro-mb-done.jpg)right bottom no-repeat  !important; background-size: cover;}

    .section-home-slide .tagline {white-space: normal;width: 100%; padding: 0px 10px; }
    .section-home-slide .tagline h1 { font-size: 29px; text-align: center; }
    .section-home-slide .tagline { top: 34%; }
    .editor-content h2, .section-title { font-size: 30px;}
    .slide-duan { padding: 0px 10px; }

    .mask .mask-bg svg{top: 30%;}

    .scroll-downs{display: none;}
    .des-linhvuc {font-size: 21px; line-height: 27px; text-align: justify; padding: 0px 10px;}
    .icon_realty:after {width: 144px; height: 137px;    background: url(../images/ico-realtyholding-2.svg) center center no-repeat; background-size:contain; }
    .main-giatri {grid-template-columns: repeat(1, 1fr);}
    .col-giatri { margin-bottom: 40px; }
    .col-giatri:last-child{margin-bottom: 0px;}
    .img-gtri img { max-width: 85px; }
    .logo_ticky{display: none;}
    .img-field img { max-width: 100px;}
    .mask .mask-bg svg {width: 141px;}
    .section-partner .swiper-button-prev {left: -35px; }
    .section-partner .swiper-button-next {right: -35px; }

    .popup-element .img-field {width: 100%;}
    .popup-element .popup_description{width: 100%;         padding: 40px 30px 25px;}

    .br-line br { display: block; }

    .t-company br{display: none;}
    .col-footer.d-flex .item:nth-child(2),.col-footer.d-flex .item:nth-child(3){width: 50%;}
    .footer_bottom>div { width: 100%; display: block; }
    #footer .contact-info { padding: 50px 20px 40px; }
    .footer_bottom { flex-wrap: wrap; text-align: center; }
    .footer_bottom .copyright { order: 2; }
    .footer_bottom .social-btn {    order: 1;text-align: center; margin-bottom: 5px; }
    .footer_bottom .social-btn a:first-child{margin-left: 0px;}
    .project-modal .bg {opacity: .9;}
    .t-company {font-size: 21px;}

   .fp-responsive .section-home-slide.section-top .fp-tableCell{height: 650px !important}
   .section-home-slide .home-slide{height: 650px !important}
   .section-home-slide .home-slide .swiper-slide{background-position: -60px 0px;}

   .tagline h1 span,.main-field .des-field span{display: block;}

   .des-linhvuc { font-size: 22px; line-height: 30px; padding: 0px 20px; min-height: 650px; display: flex ; align-items: center;        margin-bottom: 0px; }
   .mask.up .mask-bg svg{transform: translate(-50%, -50%) scale(1.5);}
   .img-field img { max-width: 90px; }


   .section-gia-tri-cot-loi.icon_realty:after{display: none;}
   .img-gtri { margin-top: -45px; }
   .col-giatri h3 { margin: 15px auto 10px;}

   .overlay-menu{background: url(../images/bg-intro-mb.jpg) right bottom no-repeat !important ; background-size: cover;} 
   .popup-element .popup_description:after {background: url(../images/bg-popup-mb.jpg) left top  repeat-x; background-size: cover;}
   .popup-element .popup_description:before{display: none;}
   section.section-co.section-ve-chung-toi{padding-bottom: 150px;}
   /*.cont-lv-mb .section-title{display: none;}
    .main-field .title-lv-mb{display: block;}

    .section-ve-chung-toi{background:transparent;padding: 0px;}
   .section-ve-chung-toi .container  {padding: 0px;}
   .section-ve-chung-toi .main-field{background: url(../images/bg-linh-vuc-hoat-dong-mb.jpg) center top no-repeat; background-size: cover; padding: 70px 0px 110px;}

   .cont-lv-mb{background: url(../images/bg-linh-vuc-hoat-dong-mb-top-repeat.jpg) center top repeat-y; background-size: cover;}*/


   .d-block-pro{display: block;}


}   
@media screen and (max-width:420px) {
    .t-company { font-size: 20px; line-height: 28px; }
    .section-home-slide .tagline h1 { font-size: 28px;}
    .des-linhvuc { font-size: 18px; padding: 0px 10px;        word-spacing: -1px; }
    .fp-responsive .section-home-slide.section-top .fp-tableCell, .section-home-slide .home-slide {
        height: 590px !important;
    }
}    
@media screen and (max-width:380px) {
    .editor-content h2, .section-title { font-size: 29px; }
    .fp-responsive .section-home-slide.section-top .fp-tableCell,.section-home-slide .home-slide { height: 570px !important; }
    .section-home-slide .tagline h1 { font-size: 25px; }
    .popup-element .popup_description {padding: 40px 25px 25px; }
    .main-field>div:last-child .des-field span{display: inline;}
    .des-linhvuc { font-size: 20px;}
    .project-modal .close { right: 0px; background-color: #C8102E; top: 0px; z-index: 9; border-radius: 0px; padding: 5px 15px; }
}

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


@media screen and (max-width:330px) {
    .editor-content h2, .section-title { font-size: 28px; }
    .section-home-slide .tagline h1 { font-size: 22px; }
}


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

.overlay-menu{
position:fixed;
top:0;
left:0;
right:0;
bottom:0;
z-index:21;
background:url(../images/bg-linh-vuc-hoat-dong.jpg) right  center/cover no-repeat var(--colorC8102E);
padding-top:120px;
display:flex;
flex-direction:column
}

.overlay-menu .menu-logo{
position:absolute;
pointer-events:none;
z-index:5;
width:100%;
left:0;
top:40%;
transform:translateY(-50%);
text-align:center
}

.overlay-menu .menu-logo img{
opacity:0;
max-width:25vw;
max-height:45vh
}

.menu-open .overlay-menu .menu-logo img{
animation:1.5s .5s forwards scaleOut
}

.overlay-menu .main-menu-container{
text-align:center;
display:flex;
padding:0;
margin:30px auto;
list-style-type:none;
overflow:auto;
-ms-overflow-style:none;
scrollbar-width:none;
flex-direction:column
}

.overlay-menu .main-menu-container::-webkit-scrollbar{display:none}

.overlay-menu .menu a{color:#fff;transition:.4s;display:inline-block;text-transform:uppercase}


.menu-open .overlay-menu .menu .current-menu-item a{color: #fff !important;-webkit-text-fill-color: #fff; background: transparent;}
.overlay-menu{
transform:translateX(100%);
-webkit-transform:translateX(100%);
transition:.5s cubic-bezier(.77,0,.175,1);
padding-bottom:0
}

.overlay-menu .copyright{
position:absolute;
bottom:15px;
left:var(--d-padding);
width:100%;
color:#fff;
opacity:0;
transition:var(--d-transition)
}

body.menu-open .overlay-menu{
transform:translateX(0);
-webkit-transform:translateX(0)
}

body.menu-open .overlay-menu .copyright{
opacity:1
}

body.menu-open .overlay-menu .bg{
opacity:.04;
transition-delay:.3s
}

.overlay-menu .menu{
list-style:none;
padding:0;
margin-left:0;
margin-bottom:0
}

.overlay-menu .menu>li{
opacity:0;
transform:translate(50px,0);
-webkit-transform:translate3d(50px,0,0);
transition-delay:.6s;
padding:11px 0;
margin:0
}

body.menu-open .overlay-menu .menu li{
transition:transform 1s cubic-bezier(.165,.84,.44,1),opacity 1s cubic-bezier(.165,.84,.44,1);
opacity:1;
transform:translate(0,0);
-webkit-transform:translate3d(0,0,0)
}

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

.overlay-menu .menu-other a{
font-size:24px;
text-transform:none;
}

.overlay-menu .menu-other>li{
margin-right:85px
}

.overlay-menu .menu-other>li:last-child{
margin-right:0
}

body.menu-open{
overflow:hidden!important
}

body.menu-open .overlay-menu .menu>li:nth-last-of-type(1){
transition-delay:.2s
}

body.menu-open .overlay-menu .menu>li:nth-last-of-type(2){
transition-delay:.3s
}

body.menu-open .overlay-menu .menu>li:nth-last-of-type(3){
transition-delay:.4s
}

body.menu-open .overlay-menu .menu>li:nth-last-of-type(4){
transition-delay:.5s
}

body.menu-open .overlay-menu .menu>li:nth-last-of-type(5){
transition-delay:.6s
}

body.menu-open .overlay-menu .menu>li:nth-last-of-type(6){
transition-delay:.7s
}

body.menu-open .overlay-menu .menu>li:nth-last-of-type(7){
transition-delay:.8s
}

body.menu-open .overlay-menu .menu>li:nth-last-of-type(8){
transition-delay:.9s
}

body.menu-open .overlay-menu .menu>li:nth-last-of-type(9){
transition-delay:1s
}

body.menu-open .overlay-menu .menu>li:nth-last-of-type(10){
transition-delay:1.1s
}

body.menu-open .overlay-menu .menu>li:nth-last-of-type(11){
transition-delay:1.2s
}

body.menu-open .overlay-menu .menu.menu-other>li{
transition-delay:.2s
}

.menu-open #header .navbar-toggler-icon>span {background: #fff !important;}

@media (max-width:991px){
    .overlay-menu .main-menu-container{    display:block;width:100%;text-align:center; }
    #header .navbar-toggler-icon>span,.menu-open #header .navbar-toggler-icon>span { background-color: #fff !important; }
    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){
    .overlay-menu .menu:not(.menu-other) a{font-size:18px}

    .overlay-menu .menu-other a{font-size:14px}

    .overlay-menu .menu-other>li:not(:last-child){margin-right:20px}

    .overlay-menu .copyright{font-size:15px}
}





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


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