html{scroll-behavior:smooth;}
body{background-color:#FFFCF9; color:#312F2F; font-family:'Poppins',sans-serif; margin:0; padding:0;}
#app{width:100%; margin:0 auto; overflow-x:hidden;}
a{color:inherit; transition:all .2s; text-decoration:none; outline:none;}
a:hover,a:focus,a:active{color:#312F2F;}
img,svg{max-width:100%;height:auto;}
.cc-color-override--726076928.cc-window{color:#FFF!important;}
.toggle-menu{position:fixed; top:3.375rem; right:3rem; z-index:10; width:48px; height:48px; display:none; border-radius:50%; background-color:rgba(255,255,255,0.9);}
.toggle-menu:before{content:""; width:28px; height:3px; border-radius:1px; background-color:#909090; position:absolute; left:10px; top:50%; margin-top:-5px;}
.toggle-menu:after{content:""; width:28px; height:3px; border-radius:1px; background-color:#909090; position:absolute; top:50%; left:10px; margin-top:5px;}
#menu{width:auto; height:auto; background-color:rgba(255,252,249,0.8); position:fixed; top:50%; right:0; z-index:1049; transform:translateY(-50%); padding-left:.625rem; transition:all .3s; opacity:0;}
#menu .close{display:none; position:absolute; top:2rem; left:.625rem; height:24px; width:auto;}
#menu .logo{display:none; position:absolute; top:2rem; right:.625rem; height:80px;}
#menu .nav-link{padding-right:2rem; position:relative; text-align:right; transition:all .3s; font-size:.8rem; text-transform:uppercase; font-weight:500; margin-bottom:.5rem; max-width:180px;}
#menu .nav-link:last-child{margin-bottom:0;}
#menu .nav-link:after{content:""; position:absolute; top:50%; right:.625rem; width:.75rem; height:.75rem; transform:translateY(-50%); border:2px solid #909090; border-radius:50%; transition:all .3s;}
#menu .nav-link.active:after,#menu .nav-link:hover:after{background-color:#909090;}
#menu .social{display:none; position:absolute; width:100%; bottom:2rem; left:0; justify-content:center; align-items:center; gap:10px}
#menu .social svg{height:32px;}
#menu .social .separator{width:1px; height:16px; background-color:#909090;}
.container-fluid{max-width:1320px; position:relative;}
.intro{height:calc(100vh - 2rem); position:relative; overflow:hidden;}
.intro .logo{position:absolute; top:2rem; left:2rem; z-index:10; height:80px;}
.intro .video{position:absolute; top:50%; left:50%; width:100vw; min-width:177.77vh; height:56.25vw; min-height:100vh; transform:translate(-50%,-50%);}
.intro-menu{position:absolute; top:50%; right:50%; transform:translate(0, -50%); text-align:right;}
.intro-container{width:100%; max-width:100%; padding:0;}
/*
.intro-menu .nav-link{color:#312F2F; background-color:#FFFCF9; display:inline-block; width:auto; padding:0 .5rem; height:48px; line-height:48px; font-size:1.5rem; font-weight:600;}
.intro-menu .nav-link:after{content:""; width:calc(100% + 6px); height:calc(100% + 6px); background:none; border:1px solid #FFFCF9; position:absolute; left:-3px; top:-3px;}
*/
.intro-menu .nav-link{display:inline-block; width:auto;}
.intro-menu .nav-link h3{color:#312F2F; background-color:#FFFCF9; display:inline-block; width:auto; padding:0 .5rem; height:32px; line-height:32px; font-size:1.4em; font-weight:600; transition:all .3s; margin-bottom:0rem;}
.intro-menu .nav-link h4{color:#312F2F; background-color:#FFFCF9; display:inline-block; width:auto; padding:0 .5rem; height:1.3rem; line-height:1.3rem; font-size:.85rem; font-weight:400; transition:all .3s; margin-bottom:0rem;}
.intro-menu .nav-link h5{color:#FFFCF9; border:2px solid #FFFCF9; display:inline-block; width:auto; padding:0 .5rem; height:1.2rem; line-height:1.2rem; font-size:.70rem; font-weight:400; margin:0; transition:all .3s;}
.intro-menu .nav-link:hover h3{}
.intro-menu .nav-link:hover h4{opacity:0;}
.intro-menu .nav-link:hover h5{transform:translateY(-20px);}
.container-medium{width:100%; max-width:1140px;}
.container-small{width:100%; max-width:768px;}
.parallax-wrapper{overflow:hidden; height:350px;}
.video-wrapper,.slider-wrapper{overflow:hidden; height:350px; position:relative;}
.video-wrapper .video{position:absolute; top:50%; left:50%; width:100%; min-width:177.77%; height:56.25%; min-height:100%; transform:translate(-50%,-50%);}
.video-wrapper video{position:absolute; top:50%; left:50%; width:1116px; height:100%; transform:translate(-50%,-50%);}
.video-wrapper{overflow:hidden; height:350px; position:relative;}
.cover-swiper{width:100%; height:100%; position:static; overflow:hidden; transition:all .3s;}
.cover-swiper{height:100%; width:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; transition:all .3s; position:relative;}
.cover-swiper .swiper-button-next,.cover-swiper .swiper-button-prev{color:#FFF; top:50%; margin-top:-22px; transition:all .2s; border:1px solid #FFF; width:44px;}
.cover-swiper .swiper-button-next:after, .swiper-button-prev:after{color:#FFF; font-size:1.5rem;}
.cover-swiper .swiper-button-next{right:1rem;}
.cover-swiper .swiper-button-prev{left:1rem;}
.cover-swiper .swiper-button-next:hover,.cover-swiper .swiper-button-prev:hover{background-color:rgba(255,255,255,0.2);}
.cover-swiper .swiper-button-next::after,.cover-swiper .swiper-rtl .swiper-button-prev::after{color:#FFF; font-size:14px;}
.cover-swiper .swiper-button-prev::after,.cover-swiper .swiper-rtl .swiper-button-next::after{color:#FFF; font-size:14px;}
.news-swiper{width:100%; height:100%; position:static; transition:all .3s;}
.news-swiper{background-repeat:no-repeat; background-position:center center; background-size:cover; transition:all .3s; padding-bottom:66px;}
.news-swiper .swiper-button-next,.news-swiper .swiper-button-prev{color:#000; top:auto; bottom:0; transition:all .2s; border:none; width:44px;}
.news-swiper .swiper-button-next:after, .swiper-button-prev:after{color:#000; font-size:1.5rem;}
.news-swiper .swiper-button-next{right:50%; margin-right:-44px;}
.news-swiper .swiper-button-prev{left:50%; margin-left:-44px;}
.news-swiper .swiper-button-next:hover,.news-swiper .swiper-button-prev:hover{background-color:rgba(255,255,255,0.2);}
.news-swiper .swiper-button-next::after,.news-swiper .swiper-rtl .swiper-button-prev::after{color:#000; font-size:14px;}
.news-swiper .swiper-button-prev::after,.news-swiper .swiper-rtl .swiper-button-next::after{color:#000; font-size:14px;}
.news-swiper .swiper-slide{width:500px; height:12rem; padding:1rem 1rem 1rem 12rem; background-color:#FFF; transition:all .3s; box-shadow:rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}
.swiper{overflow:initial;}
.news-swiper .swiper-slide:after{content:""; width:500px; height:192px; border:4px solid #312F2F; opacity:0; position:absolute; top:0; left:0; z-index:0; transition:all .2s;}
.news-swiper .swiper-slide:hover:after{width:508px; top:-4px; left:-4px; height:200px; opacity:1;}
.news-swiper .swiper-slide .image{position:absolute; top:1rem; left:1rem; width:10rem; height:10rem; background-size:cover; background-repeat:no-repeat; background-position:center center;}
.news-swiper .swiper-slide h3{font-size:1.2rem; text-transform:uppercase; letter-spacing:2px;}
.news-swiper .swiper-slide p{font-size:1rem; word-spacing:1px; display:-webkit-box; max-width:100%; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;}
.news-swiper .swiper-slide:before{font-family:swiper-icons; font-size:20px; text-transform:none!important; letter-spacing:0; text-transform:none; font-variant:initial;line-height:1; position:absolute; bottom:1rem; right:5rem; opacity:0; color:#312F2F; transition:all .2s; content:'next';}
.news-swiper .swiper-slide:hover:before{right:1rem; opacity:1;}

.video-swiper{width:100%; height:100%; position:static; transition:all .3s; overflow:hidden;}
.video-swiper{background-repeat:no-repeat; background-position:center center; background-size:cover; transition:all .3s; padding-bottom:66px;}
.video-swiper .swiper-button-next,.video-swiper .swiper-button-prev{color:#000; top:auto; bottom:0; transition:all .2s; border:none; width:44px;}
.video-swiper .swiper-button-next:after, .swiper-button-prev:after{color:#000; font-size:1.5rem;}
.video-swiper .swiper-button-next{right:50%; margin-right:-44px;}
.video-swiper .swiper-button-prev{left:50%; margin-left:-44px;}
.video-swiper .swiper-button-next:hover,.video-swiper .swiper-button-prev:hover{background-color:rgba(255,255,255,0.2);}
.video-swiper .swiper-button-next::after,.video-swiper .swiper-rtl .swiper-button-prev::after{color:#000; font-size:14px;}
.video-swiper .swiper-button-prev::after,.video-swiper .swiper-rtl .swiper-button-next::after{color:#000; font-size:14px;}

.video-change{position:absolute; top:0; left:0; width:100%; height:100%; z-index:99; background-color:rgba(0,0,0,.2);}
.video-slide{width:40%;}

h1,h2{background-color:#312F2F; color:#FFF; display:inline-block; padding:.25rem .5rem; font-size:3.25rem; font-weight:800;}
.team-wrapper,.partner-wrapper{overflow:hidden;}
.team-swiper{padding-bottom:60px;}
.team-image{width:200px; height:200px; margin:0 auto; background-size:cover; background-position:center center; background-repeat:no-repeat;}
.team-name{font-size:1.25rem; font-weight:700; text-align:center;}
.team-position{font-size:1rem; font-weight:300; text-align:center;}
.team-insta svg{height:32px;}
.team-swiper .swiper-pagination-bullet-active{background:#312F2F;}
.partner-image{width:auto; height:100px; display:inline-block;}
.partner-image img{width:auto; height:100px;}
.partner-wrapper .swiper-slide{width:auto!important;}
.container-small h3{font-size:1.5rem; font-weight:800; color:#312F2F; margin:0 0 1rem 0;}
.container-small p{font-size:1.1rem;}
.button{height:40px; line-height:36px; padding:0 1rem; background-color:#312F2F; border:2px solid #312F2F; color:#FFFCF9; font-size:1rem; font-weight:600; display:inline-block; transition:all .3s;}
.button:hover{background-color:#FFFCF9; color:#312F2F;}
.submenu{border:2px solid #312F2F; padding:1.5rem 1rem; position:relative; overflow:hidden; font-weight:700;}
.submenu .image{position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; background-size:cover; background-repeat:no-repeat; background-position:center center;}
.submenu .overlay{position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.1); z-index:2; transition:all .3s;}
.submenu.image .overlay{position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.8); z-index:2; transition:all .3s;}
.submenu .text{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); z-index:3;}
.submenu.image{padding:4rem 2rem; color:#FFF;}
.submenu:hover .overlay{background-color:rgba(0,0,0,0.2);}
.submenu.image:hover .overlay{background-color:rgba(0,0,0,0.2);}
.news-wrapper{overflow:hidden; padding:1rem; height:auto; position:relative;}
.news-card{height:100%; box-shadow:rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}
.news-img{background-size:cover; background-position:center center;}
.news-title{font-size:1rem; font-weight:600; background-color:#312F2F; color:#FFFCF9;}
.news-carousel{overflow:hidden;}
.news-carousel .news-container{align-items:center; display:flex; flex-wrap:nowrap; padding:0; overflow-x:auto; overflow-scrolling:touch; position:relative; scroll-padding:0 0 0 1rem; scroll-snap-stop:always; scroll-snap-type:x mandatory; scrollbar-width:none;}
.news-carousel .news-container .news-item{flex:0 0 auto; margin:0 30px 0 0; position:relative; scroll-snap-align:start; width:30vw;}
.news-carousel .news-container::-webkit-scrollbar{display:none; width:0!important;}
.sub-header{background-color:#312F2F; padding:10px 0;}
.sub-header .logo{height:60px;}
.sub-cover .bg{width:100%; max-width:1920px; height:350px; background-size:cover; background-repeat:no-repeat; background-position:center center;}
.menu-section{font-size:1rem; font-weight:400;}
.menu-section p{font-size:1rem; font-weight:400; margin:0 0 1rem 0;}
.menu-section p:last-child{margin-bottom:0;}
.menu-section h4,h5,h6{margin-bottom:0;}
blockquote{position:relative; font-family:'Montserrat',sans-serif; font-weight:800; padding:2rem 0; width:100%; max-width:600px; z-index:1; margin:3rem auto 1rem auto; align-self:center;border-top:solid 1px #312F2F; border-bottom:solid 1px #312F2F;}
blockquote:after{position:absolute; content:"”"; color: rgba(49, 47, 47, .9); font-size:5rem; line-height:0; bottom:-16px; right:30px;}
.menu-section .content h1,.menu-section .content h2,.menu-section .content h2,.menu-section .content h4,.menu-section .content h5,.menu-section .content h6{display:block; margin:0 0 1rem 0; background:none; color:#312F2F; padding:0;}
blockquote h5{font-size:3.5rem;}
blockquote h6{font-size:2.5rem; margin-top:1rem;}
/*.menu-section .content img{width:100%; height:auto;}*/
.menu-section .content iframe{margin:0 auto;}
.back{display:inline-block; background-color:#312F2F; color:#FFF; padding:.25rem .5rem; font-size:1rem; font-weight:800; transition:all .3s;}
.back:hover,.back:active{color:rgba(255,255,255,0.8);}
#form_contact .input,#form_contact textarea{width:100%; border-radius:0; border:1px solid #909090; padding:3px 6px;}
#form_contact .input:focus,#form_contact .input:focus-visible{border:1px solid #312F2F;}
#form_contact span.privacy{font-size:.6rem; line-height:.6rem;}
#form_contact span.privacy a,#form_contact span.privacy a:hover,#form_contact span.privacy a:active{color:#ED145b;}
#form_contact .submit{width:100%; border-radius:0; background-color:#909090; border:none; text-align:center; text-transform:uppercase; color:#FFF; padding:5px 6px;}

.toast{position:fixed; right:3rem; bottom:3rem; z-index:9999999;}
@media all and (max-width: 576px){
    .toast{width:100%; bottom:0; right:0; left:0;}
}

.footer{font-size:1rem;}
.footer-border{border-top:2px solid #312F2F;}
.footer .social{display:flex; width:100%; bottom:2rem; left:0; justify-content:center; align-items:center; gap:10px;}
.footer .social svg{height:32px;}
.footer .social .separator{width:1px; height:16px; background-color:#909090;}
.footer-menu{background-color:#312F2F; color:#FFFCF9; font-size:.75rem; text-transform:uppercase;}
.footer-menu a{color:#FFFCF9; transition:all .3s;}
.footer-menu a:hover,.footer-menu a:active{color:#ED145b;}

@media (max-width:992px){
    #menu{width:320px; height:100vh; background-color:rgba(255,252,249,1); top:0; right:-320px; z-index:9999; transform:translateY(0);}
    #menu .logo{display:inline-block;}
    #menu .close{display:inline-block;}
    #menu .social{display:flex;}
    #menu .link{position:absolute; top:50%; right:0; transform:translateY(-50%);}
    #app.menu-active #menu{right:0;}
    .toggle-menu{display:block;}
    .news-swiper .swiper-slide{width:320px; height:8rem; padding:1rem 1rem 1rem 8rem; overflow:hidden;}
    .news-swiper .swiper-slide:after{width:320px; height:128px;}
    .news-swiper .swiper-slide:hover:after{width:328px; height:136px;}
    .news-swiper .swiper-slide .image{width:6rem; height:6rem;}
    .news-swiper .swiper-slide p{-webkit-line-clamp:2;}
}
@media (max-width:768px){
    .intro-menu{right:2rem; transform:translate(0, -50%);}
    h1,h2{background-color:#312F2F; color:#FFF; display:inline-block; padding:.25rem .5rem; font-size:2rem; font-weight:800;}
    .video-wrapper,.slider-wrapper,.parallax-wrapper{height:220px;}
}
@media (max-width:540px){
    .footer-menu .d-flex{display:block!important;}
    .footer-menu .d-flex a,.footer-menu .d-flex span{display:block!important; text-align:center; padding:5px 0;}
    h1,h2{background-color:#312F2F; color:#FFF; display:inline-block; padding:.25rem .5rem; font-size:1.75rem; font-weight:800;}
    .video-wrapper,.slider-wrapper,.parallax-wrapper{height:180px;}
}

.welcome{background-color:#111015; height:auto; display:flex; justify-content:center; align-items:center; flex-direction:column; position:relative;}

.welcome-1{font-size:3rem; color:#FFF; font-weight:800; text-align:center;}
.welcome-2{font-size:3rem; color:#FFF; font-weight:800; text-align:center;}
.welcome-3{font-size:3rem; color:#FFF; font-weight:800; text-align:center;}

#welcome-top-bg{position:absolute; bottom:-2rem; left:0; background: linear-gradient(0deg, rgba(17,16,21,1) 10%, rgba(255,255,255,0) 100%); width:100%; height:3rem; min-height:3rem;}
.welcome-1 > div{
    background:linear-gradient(
        to right,
        rgb(255, 255, 255) 50%,
        rgb(37, 37, 37) 50%
    );
    background-size: 200% 100%;
    background-position-x: 100%;
    color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
    line-height: 1.2;
    font-size:2.5rem;
    text-align:center;
    padding:.5rem 0;
}
@media (max-width:992px){
    .welcome-1 > div{font-size:2rem;}
}
@media (max-width:768px){
    .welcome-1 > div{font-size:1.7rem;}
}
@media (max-width:572px){
    .welcome-1 > div{font-size:1.35rem;}
}
@media (max-width:440px){
    .welcome-1 > div{font-size:1rem;}
}

.ratio>*{width:100%!important; height:100%!important;}

.hover-fade{width:100%; height:100%; position:relative;}
.hover-fade-img{width:100%; height:100%; position:absolute; top:0; left:0; z-index:1; object-fit:cover;}
.hover-fade-img img{width:100%!important; height:100%!important;}
.hover-fade-text{width:100%; height:100%; position:absolute; top:0; left:0; z-index:2; background-color:rgba(8,203,214,0.7); color:#FFF; opacity:0; transition:all .2s; display:flex; justify-content:center; align-items:center; flex-direction:column; padding:1rem;}
.hover-fade-text h4{font-size:1.25rem; text-align:center;}
.hover-fade-text p{font-size:.85rem; text-align:center;}
.hover-fade:hover .hover-fade-text{opacity:1;}
.admin-accordion{border:1px solid #BBBBBB; padding:1rem; background-color:#DDDDDD; display:flex; width:100%; align-items:center;}
.admin-accordion::after {
    flex-shrink: 0;
    width:1.25rem;
    height:1.25rem;
    margin-left: auto;
    content: "";
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size:1.25rem;
    transition:transform 0.2s ease-in-out;
}

.swiper-slide{background-size:cover; background-position:center center;}

.btn-close{
    position:absolute; top:1rem; right:1rem; z-index:100;
    --bs-btn-close-bg:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='%23FFF' viewBox='0 0 320 512'><path d='M207.6 256l107.72-107.72c6.23-6.23 6.23-16.34 0-22.58l-25.03-25.03c-6.23-6.23-16.34-6.23-22.58 0L160 208.4 52.28 100.68c-6.23-6.23-16.34-6.23-22.58 0L4.68 125.7c-6.23 6.23-6.23 16.34 0 22.58L112.4 256 4.68 363.72c-6.23 6.23-6.23 16.34 0 22.58l25.03 25.03c6.23 6.23 16.34 6.23 22.58 0L160 303.6l107.72 107.72c6.23 6.23 16.34 6.23 22.58 0l25.03-25.03c6.23-6.23 6.23-16.34 0-22.58L207.6 256z'/></svg>")!important;
}
@media all and (max-width: 768px){
    .btn-close{--bs-btn-close-bg:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 320 512'><path d='M207.6 256l107.72-107.72c6.23-6.23 6.23-16.34 0-22.58l-25.03-25.03c-6.23-6.23-16.34-6.23-22.58 0L160 208.4 52.28 100.68c-6.23-6.23-16.34-6.23-22.58 0L4.68 125.7c-6.23 6.23-6.23 16.34 0 22.58L112.4 256 4.68 363.72c-6.23 6.23-6.23 16.34 0 22.58l25.03 25.03c6.23 6.23 16.34 6.23 22.58 0L160 303.6l107.72 107.72c6.23 6.23 16.34 6.23 22.58 0l25.03-25.03c6.23-6.23 6.23-16.34 0-22.58L207.6 256z'/></svg>")!important;}
}