@charset "utf-8";
.white-text{color: #fff !important}


:root {
    --d-transition:all 0.5s cubic-bezier(0.65, 0, 0.35, 1);
    --d-padding:  8.6vw;
    --d-padding-md:  3.9vw;
    --d-padding-lg:  6.25vw;
    --d-padding-xl: 13.75vw;
    --d-padding-xxl: 16.09375vw;
    --color-main:#08122f;
    --fz-19:17px;
    --fz-22:19px;
    --fz-25:21px;
    --fz-30:25px;
    --fz-35:30px;
}


@media (min-width:1200px) {
   :root {
        --d-padding-xs: 4.6vw;
        --d-padding:  8.6vw;
        --d-padding-md:  3.9vw;
        --d-padding-lg:  6.25vw;
        --d-padding-xl: 13.75vw;
        --d-padding-xxl: 16.09375vw;
    }
    html {
        font-size: 0.9895833333333333vw;
    }
}
@media (min-width:1601px) {
    :root {
        
    }
}
.pl-0{padding-left: 0 !important}
html::-webkit-scrollbar{width:8px;background-color:#fff}
html::-webkit-scrollbar-thumb{background-color:#08122f;border-radius:4px}
html{scrollbar-base-color:#08122f;scrollbar-face-color:#08122f;scrollbar-3dlight-color:#08122f;scrollbar-highlight-color:#08122f;scrollbar-track-color:#fff;scrollbar-arrow-color:#08122f;scrollbar-shadow-color:#08122f;scrollbar-dark-shadow-color:#08122f;scrollbar-color:#08122f #fff;scrollbar-width:8px}

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

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

a{transition:var(--d-transition);text-decoration:none;color:#333}

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

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

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


section{position:relative}
.title{font-size:40px;line-height:51px;text-transform:uppercase;margin-bottom:15px;position:relative;display:inline-block}



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

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

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

.grecaptcha-badge{visibility:hidden}

.mask{position:fixed;left:0;top:0;width:100%;height:calc(var(--vh,1vh) * 100);overflow:hidden;z-index:99999;transition:var(--d-transition);transition-duration:2s}
.mask::before{content:'';background:linear-gradient(0deg,#003B61 0,#003B61 100%)}
.mask::before,.wave-svg{height:calc(var(--vh,1vh) * 100);position:relative;display:block;width:100%}
.wave-svg path{fill:#003B61}
.mask.up{opacity:0}
.wave-svg{margin:-10px 0 0;transform-origin:50% 0}
.mask .mask-bg{position:absolute;left:0;top:0;width:100%;height:calc(var(--vh,1vh) * 100);background:0 0/cover #08122f;transition:var(--d-transition);z-index:4}
.mask .mask-bg svg{position:absolute;width:13rem;max-width:45vw;height:auto;left:50%;top:50%;transform:translate(-50%,-50%);transition:var(--d-transition);transition-duration:1s}
.mask.up .mask-bg svg{opacity:0;filter:blur(15px);transform:translate(-50%,-50%) scale(2);transform-origin:center}
body.ready .mask{pointer-events:none;z-index:-99999}
#logo_vivus path{fill-opacity:0;stroke:#fff;stroke-width:1px}
#logo_vivus.done path{fill-opacity:1;stroke-width:0}
.fixed-btn{position:fixed;right:30px;z-index:6;opacity:0;transition:var(--d-transition);transform:translateY(100px);}
.fixed-btn.show{transform:translateY(0);opacity:1}
.fixed-btn.center{top:50%;transform:translateY(-50%)}
.fixed-btn.top{top:40px}
.fixed-btn.callto_act{bottom:10%;right:15px;color:#fff;}
.fixed-btn .svg,.fixed-btn svg{width:32px;height:auto}
body.menu-open .fixed-btn.bottom{z-index:22}
.svg-ani svg path{fill:none!important;stroke:currentColor}



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

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

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

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

.lang-mobile{display: none;}


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

.overlay-menu .menu a{color:#fff;transition:.4s;display:inline-block;font-size:var(--fz-22);}
.overlay-menu .menu{list-style:none;padding:0;margin-left:0;margin-bottom:0;}
.overlay-menu .menu>li{margin:1rem 2rem;position:relative;display:inline-block; transition: var(--d-transition);}
.overlay-menu .menu li:last-child{margin-right: 0px;}
.overlay-menu .menu .active a,.overlay-menu .menu a:hover{color: #d8caba;}
.contact_navi a{border: 1px solid #fff; padding: 7px 25px;}

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


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

.swiper:not(.swiper-default) .slide-control{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);z-index:2;display:flex;align-items:center}
.swiper:not(.swiper-default) .slide-control .swiper-button-next,.swiper:not(.swiper-default) .slide-control .swiper-button-prev,.swiper:not(.swiper-default) .slide-control .swiper-pagination{position:static}
.swiper .slide-control .swiper-pagination{display:flex;margin:0 54px}
.slide-control .swiper-pagination .swiper-pagination-bullet{background:#cfb082}
.slide-control .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#08122f}
.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 #08122f;border-radius:50%;transition:var(--d-transition)}
.slide-control .swiper-button-next:after,.slide-control .swiper-button-prev:after{display:none}
.slide-control .swiper-button-prev{background-image:url(../images/arrow-prev.svg)}
.slide-control .swiper-button-next{background-image:url(../images/arrow-next.svg)}
.slide-control .swiper-button-next:hover{background-color:#fff;background-image:url(../images/arrow-next-white.svg)}
.slide-control .swiper-button-prev:hover{background-color:#fff;background-image:url(../images/arrow-prev-white.svg)}
.slide-control.dark .swiper-button-prev{background-image:url(../images/arrow-prev.svg)}
.slide-control.dark .swiper-button-next{background-image:url(../images/arrow-next.svg)}

.section{padding: 3rem 0px;}
/*Gioi thieu*/
.home-slide{position: relative;}
.home-slide:after{
    content: ''; position: absolute; left: 0; top: 0; height: 100%; width: 100%;
    background: rgb(0 0 0 / 60%); z-index: 1;
}
.info-banner h1{text-transform: uppercase; color: #fff; font-weight: 700; font-size: var(--fz-25); margin-bottom:0px; }
.info-banner{position: absolute; z-index: 2; left: var(--d-padding); bottom: var(--d-padding);}
.info-banner label{color: #fff; font-size:var(--fz-19); }


.section-title{text-transform: uppercase; font-size: var(--fz-35);}

.list-project{margin: 3rem 0 3rem;    padding: 0px !important; display: flex; align-items: center;}
.des-about{text-align: center; padding-left: 5rem; padding-right: 5rem}

.link-accept{display: flex; justify-content: center; gap: 2rem}
    .link-accept a{transition: .4s; display: inline-block; font-size: var(--fz-22);border: 1px solid #08122f; padding: 7px 25px;}
    .link-accept a:hover{background: #08122f; color: #fff;}

#pdfModal .modal-title{margin:0;border-bottom: 1px solid #08122f; padding-bottom: 0.7rem; color: #08122f}
/*FOOTER*/
.footer_top{
    background: url(../images/bg-footer.jpg) center center no-repeat; background-size: cover;
    display: flex; align-items: center; justify-content: center; color: #fff;
    min-height: 500px;
}
.footer_bottom {
    background: #08122f;
    color: #fff;
    padding: 2rem 0;
    text-align: center;
}
.copyright {border-top: 1px solid #fff; padding-top: 2rem; margin-top: 2rem}
.footer_bottom h3{text-transform: uppercase;    color: #fff; font-size: var(--fz-30);}

#lien-he a{color: #fff;    text-decoration: underline;}
.modal-backdrop { background-color: rgb(8 18 47 / 100%); opacity: 0.6 !important; }

/**/
.form-popup .inner{text-align:center}
.modal-form-popup .modal-content{
    background: transparent; max-width: 1050px; align-items: center; justify-content: center; flex-direction: unset; margin: auto;

}
.modal-form-popup .close{border: 1px solid #fff;position:absolute;top:-20px;right:-20px;width:40px;height:40px;background:#08122f;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 .modal-body {
    background: #fff;    overflow: visible;    border-radius: 1rem;
    
}
.modal-form-popup .form-popup-modal{
    line-height: 1.5;
    pointer-events: auto;
    max-height: 85vh; padding: 0px 25px 20px;
    overflow-y: auto;
    scrollbar-width: thin; /* Firefox */
    scrollbar-color: #08122f  transparent; /* Firefox */
}
.modal-form-popup .form-popup-modal::-webkit-scrollbar {
    width: 6px;
}
.modal-form-popup .form-popup-modal::-webkit-scrollbar-track {
    background: transparent;
}
.modal-form-popup .form-popup-modal::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 4px;
    transition: background-color 0.3s;
}
.modal-form-popup .form-popup-modal::-webkit-scrollbar-thumb:hover {
    background-color: rgba(0, 0, 0, 0.5);
}
.header{border-bottom: 1px solid #08122f; font-size: 20px; font-weight: 700; padding: 5px 0px;}
.img-cs{margin: 15px 0px;}
.form-popup { color: #08122f;     font-size: 1.1rem;}
.form-popup p{margin-bottom: 5px;}
.download-file{background: #fff url(../images/ico-download.svg) left 1px no-repeat; font-size: 1rem; background-size: 1.2rem; display: inline-block; color: #717974 !important; font-style: italic; padding: 0.3rem 0 0.3rem 1.8rem; line-height: 1.4rem;}
.form-popup li{margin-bottom: 5px;}
.form-popup ol li{list-style: circle;}
.form-popup ol{margin-top: 7px;}
.form-popup-modal hr{background-color: #000; height: 1px; opacity: 1; margin: 1.5rem 0;}
.form-popup-modal p{margin-bottom: 0.5rem}
.form-popup-modal h4{text-transform: uppercase; font-size: 1.3rem;    color: #08122f; }
.form-popup a:hover{color: #08122f !important;}

#pdfModal .modal-body{background: #fff;}
#pdfModal.modal-form-popup  .form-popup-modal{padding: 0}

.modal-backdrop.backdrop-pdf {
  background-color: rgba(0,0,0,0.85) !important; /* đậm hơn */
}
#pdfModal .btn-close {width: 40px;
    height: 40px;cursor: pointer;
    transition: var(--d-transition);
    opacity: 1;    top: -20px !important;  right: -20px !important;    z-index: 4;
    border-radius: 50%;   padding: 0;
    border: 1px solid #000;    background-color: #fff;}

#pdfModal.modal-form-popup .form-popup-modal {
  overflow: hidden !important;   /* ẩn luôn scrollbar */
}

/* nếu muốn vẫn scroll được bằng chuột mà không hiện thanh kéo */
#pdfModal.modal-form-popup .form-popup-modal {
  -ms-overflow-style: none;  /* IE, Edge */
  scrollbar-width: none;     /* Firefox */
}
#pdfModal.modal-form-popup .form-popup-modal::-webkit-scrollbar {
  display: none;             /* Chrome, Safari */
}








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

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

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






}





@media (min-width:1201px) {
   

}
@media (min-width:1440px) { 
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {max-width: 1310px;    }
  .section{padding: 4rem 0px;}
  .header{font-size: 1.7rem}
}

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


}
@media screen and (min-width:1680px){ 

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

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

    .modal-form-popup .modal-content { max-width: 80rem;}
    .img-cs { margin: 25px 0px; }


}    
@media screen and (min-width:1900px){
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {max-width: 1640px;    }
    .section { padding: 6rem 0px; }
    .overlay-menu .menu a {   font-size: 17px;    }



}   

@media (max-width:1280px) {

}    


@media (max-width:1199px) {

    #header .navbar-brand { z-index: 999;} 
    #header .header-left, #header .header-right { z-index: 999;}
    #header .navbar-toggler-icon>span,.sticky #header .navbar-toggler-icon>span,.child-page #header .navbar-toggler-icon>span{background-color:#fff}
    #header .header-left a span{display:none}
    .overlay-menu .menu>li{text-align:center;display:block}

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

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

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

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

   


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

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

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

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

    .des-about { padding-left: 3rem; padding-right: 3rem; }
    .modal-form-popup .modal-content { max-width: calc(100% - 2rem); margin: auto; }
    .header {font-size: 1.5rem;}


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

    .lang-mobile{display: block;}
    .header-right .language{display:none !important}

    header#header {transition-duration: unset;background: #08122f;  position: relative;    height: 65px;-webkit-animation-name: unset !important;    animation-name: unset !important;    -webkit-transform: unset !important;    transform: unset !important;}
    .sticky #header .header-right { margin-top: 22px;}
   

    .des-about { padding-left: 3rem; padding-right: 3rem; }
    .modal-form-popup .modal-content { max-width: calc(100% - 2rem); margin: auto; }
    .header {font-size: 1.5rem;}








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

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

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


}
    

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

    .overlay-menu .container{width: 100%; padding: 0px;        max-width: 100%;}  

    .list-project{display: block !important;}
    .des-about {padding-left: 15px; padding-right: 15px; margin-top: 1.5rem}

    .modal-form-popup .close,#pdfModal .btn-close{position:absolute;top:-20px !important;right:0px !important;}
    .modal-form-popup .form-popup-modal{padding-left: 0; padding-right: 0;        max-height: 75vh;}

    .modal-form-popup .modal-content { max-width: calc(100% - 1.5rem); margin: auto; }
    .form-popup {font-size: 1rem; }
    .link-accept {gap: 1rem; }
    #pdfModal .modal-title{display: none;}

}
@media (max-width:420px) {
    .link-accept a { font-size: 17px;padding: 7px 15px; }
} 
@media (max-width:380px) {
    




}

@media (max-width:365px) {
        

}
@media (max-width:330px) {
    
}    
@keyframes stroke {
    to{stroke-dashoffset:0}
}
@keyframes StrokeLine {
    0%{stroke-dashoffset:0}
    100%{stroke-dashoffset:-200}
}
@keyframes StrokeLine2 {
    0%{stroke-dashoffset:-200}
    100%{stroke-dashoffset:0}
}
@keyframes DrawStroke2 {
    0%{stroke-dashoffset:5000}
    to{stroke-dashoffset:0}
}

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

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


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

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

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

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

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