/*=============================================
GENERAL
=============================================*/
html{ display:block; height:100%; overflow:hidden; }
body{ display:block; height:100%; overflow:hidden; margin:0; padding:0; background-color:white; }
.container{ display:block; width:100%; max-width:1000px; margin:auto; box-sizing:border-box; padding:0 20px; }

a{ font-style:none; }
button{
    display:inline-block; margin:20px 0 0 0; box-sizing:border-box; padding:0 30px;
    background-color:#48588F; background:linear-gradient(135deg, rgba(95,93,171,1) 50%, rgba(192,166,231,1) 100%);
    border:none; border-bottom:5px solid #55C0BD; border-radius:100px;
    cursor:pointer; -webkit-appearance:none; -moz-appearance:none;
    line-height:40px; font-family:Montserrat; font-size:20px; font-weight:400; color:white;
}
hr.dynaversegradient{ display:block; border:none; height:2px; margin:0; background:linear-gradient(90deg, rgba(0,212,255,1) 0%, rgba(165,55,55,1) 25%, rgba(121,9,55,1) 50%, rgba(255,156,0,1) 100%); }



/*=============================================
BACKGROUND
=============================================*/
.fixed_container{ position:fixed; z-index:0; top:0; left:0px; display:block; width:calc(100% - 0px); height:calc(100% - 0px); box-sizing:border-box; border:none; border-radius:0; overflow:hidden; }
.dynaverse-iframe{ z-index:-1; display:block; width:100%; height:100%; border:none; box-sizing:border-box; }
.background{ z-index:-1; display:block; width:100%; height:100%; border:none; box-sizing:border-box; }
.background video{ width:100%; height:100%; object-fit:cover; object-position:center; }
.background img{ width:100%; height:100%; object-fit:cover; object-position:center; }
.scrollablecontent{ position:absolute; top:0; left:0; display:block; height:100%; width:100%; overflow:auto; scroll-snap-type:y mandatory; }
.scrollablecontent.hide{ transition:0.3s; opacity:0; pointer-events:none; }
.absolutecontainer{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); display:block; width:calc(100% - 40px); max-width:1200px; height:100%; }



/*============================================================
NAVBAR
============================================================*/
.navbar{ pointer-events:none; position:sticky; z-index:+10; top:0; left:0; display:block; width:100%; height:60px; box-sizing:border-box; padding:0; overflow:visible; background-color:rgba(255,255,255,0); box-shadow:none; }
.navbar .container{ max-width:2000px; }
.navbar button{ pointer-events:initial; }

.navbar .navbarlogo{ display:inline-block; vertical-align:middle; width:80px; height:auto; box-sizing:border-box; padding:5px 0 0 0; border:none; border-radius:0; background-color:transparent; }
.navbar .navbarlogo button{ position:relative; transition:0.3s; display:block; height:80px; height:60px; margin:0 auto; box-sizing:border-box; padding:0px 20px 0px 20px; background:initial; background-color:transparent; border:none; border-radius:100px; cursor:pointer; -webkit-appearance:none; -moz-appearance:none; text-align:right; cursor:pointer; line-height:40px; font-family:zendots; font-size:18px; font-weight:500; color:black; perspective:80px; }
.navbar .navbarlogo button .btnbg{
    position:absolute; top:0; left:0; width:100%; height:100%;
    background:white; border-radius:5px; border:none; box-shadow:2px 2px 5px rgba(0,0,0,0.25);
    transform-origin:top center; transform:rotate3d(-1, 0, 0, 5deg) skew(0deg, 0deg); transition:0.3s;
}
.navbar .navbarlogo button:hover .btnbg{ transform-origin:top center; transform:rotate3d(1, 0, 0, 5deg) skew(0deg, 0deg); }
.navbar .navbarlogo button.current .btnbg{ background:linear-gradient(315deg,rgba(25,25,25, 1) 0%, rgba(75,75,75, 1) 100%); }
.navbar .navbarlogo img{ position:relative; transform:translate3d(0px, 0px, 1px); transition:0.3s; display:block; object-fit:contain; width:100%; height:100%; pointer-events:none; }
.navbar .navbarlogo button.current img{ filter:invert(100%); }

.navbar .navbarlink{ display:inline-block; vertical-align:middle; width:calc(50% - 40px); height:60px; box-sizing:border-box; padding:10px 0; }
.navbar .navbarlink.left{ text-align:left }
.navbar .navbarlink.right{ text-align:right }
.navbar .navbarlink button{ position:relative; transition:0.3s; height:40px; margin:0; box-sizing:border-box; padding:0px 20px 0px 20px; background:initial; background-color:transparent; border:none; border-radius:100px; cursor:pointer; -webkit-appearance:none; -moz-appearance:none; text-align:right; cursor:pointer; line-height:40px; font-family:zendots; font-size:18px; font-weight:500; color:black; perspective:80px; }
/*
.navbar .navbarlink button.corner:after{ content:""; position:absolute; top:0px; left:0; display:block; width:20px; height:20px; box-sizing:border-box; border:3px solid #4769D5; border-radius:0; }
.navbar .navbarlink button.corner.left:after{ left:0; right:initial; border-right-color:transparent; border-bottom-color:transparent; border-radius:0; }
.navbar .navbarlink button.corner.right:after{ left:initial; right:0; border-left-color:transparent; border-bottom-color:transparent; border-radius:0; }
*/
.navbar .navbarlink button span{ position:relative; transform:translate3d(0px, 0px, 1px); transition:0.3s; }
.navbar .navbarlink button.current span{ color:white; }
.navbar .navbarlink button:hover span{ color:#4769D5; }
.navbar .navbarlink button.current:hover span{ color:white; }
.navbar .navbarlink button .btnbg{
    position:absolute; top:0; left:0; width:100%; height:100%;
    background:white; border-radius:5px; border:none; box-shadow:2px 2px 5px rgba(0,0,0,0.25);
    transform-origin:top left; transform:rotate3d(-1, 1, 0, 5deg) skew(0deg, 0deg); transition:0.3s;
}
.navbar .navbarlink button.current .btnbg{ background:linear-gradient(315deg,rgba(25,25,25, 1) 0%, rgba(75,75,75, 1) 100%); }
.navbar .navbarlink button .btnbg.left{ transform-origin:top left; transform:rotate3d(-1, 1, 0, 5deg) skew(0deg, 0deg); }
.navbar .navbarlink button .btnbg.right{ transform-origin:top right; transform:rotate3d(-1, -1, 0, 5deg) skew(0deg, 0deg); }
.navbar .navbarlink button:hover .btnbg.left{ transform-origin:top left; transform:rotate3d(1, -1, 0, 5deg) skew(0deg, 0deg); }
.navbar .navbarlink button:hover .btnbg.right{ transform-origin:top right; transform:rotate3d(-1, 1, 0, 5deg) skew(0deg, 0deg); }
.navbar .navbartext{ width:150px; }
.navbar .navbartext h1{ color:black; background: -webkit-linear-gradient(60deg, #111, #888); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
.navbar .navbartext h2{ color:black; background: -webkit-linear-gradient(60deg, #111, #888); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
.navbar .navbarlang{ height:50px; }
.navbar .navbarlang a button{ width:50px; height:50px; background-color:rgba(0,0,0,0.05); border-radius:100px; }
.navbar .navbarlang a button img{ filter:initial; }
.navbar .navbarmenu{ width: calc(100% - 260px); }
.navbar .navbarmenu .desktop .navbarcell button{ color:black; }
@media(max-width:900px){
    .navbar .navbarlogo button{ width:80px; height:50px; padding:7px 20px 7px 20px; }
    .navbar .navbarlink button{ padding:0px 10px 0px 10px; font-size:14px; }
}



/*=============================================
SECTION GENERAL
=============================================*/
section{ margin-bottom:40px; }
section:last-child{ margin-bottom:0; }
section.black{ background-color:black; }
section.darkgrey{ background-color:rgb(50,50,50); }
section.blue{ background-color:blue; }
section.textured{ background-image:url('../img/dynaverse_textured.jpg'); background-size:cover; background-position:center; }
section h1{ display:block; margin:0; margin-bottom:40px; color:white; font-family:Montserrat; font-size:40px; font-weight:600; }
section h1.gradient{ background:linear-gradient(45deg, rgba(202,95,98,1) 0%, rgba(247,232,106,1) 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; -moz-background-clip:text; -moz-text-fill-color:transparent; }
section h2{ display:block; margin:0; margin-bottom:10px; color:white; font-family:Montserrat; font-size:30px; font-weight:600; }
section h3{ position:relative; display:block; height:auto; margin:0 0 10px 0; text-align:left; color:whitesmoke; font-family:zendots; font-size:18px; font-weight:600; text-decoration:none; }
section p{ position:relative; display:block; height:auto; margin:0 0 10px 0; text-align:left; color:whitesmoke; font-family:lexend; font-size:17px; font-weight:400; text-decoration:none; }
section i{ position:relative; display:block; height:auto; margin:0 0 10px 0; text-align:left; color:whitesmoke; font-family:lexend; font-size:16px; font-weight:400; text-decoration:none; font-style:italic; }

section.main{ margin-bottom:40px; background-color:black; }
section.main:last-child{ margin-bottom:0; }
section.main .flex-container{ display:flex; flex-direction:row; align-items:center; gap:20px; }
section.main .flex-container .flex-element{ flex:1 1 50%; }
section.main .flex-container .flex-left{ order:1; text-align:right; }
section.main .flex-container .flex-right{ order:2; text-align:left; }
section.main .flex-container .flex-large{ flex-basis:60%; }
section.main .flex-container .flex-medium{ flex-basis:50%; }
section.main .flex-container .flex-small{ flex-basis:40%; }
section.main .imgcontent{ position:relative; display:inline-block; width:300px; height:300px; border-radius:10px; overflow:hidden; }
section.main .imgcontent.expand{ width:100%; }
section.main .imgcontent img{ pointer-events:none; object-fit:cover; width:100%; height:100%; }
section.main .imgcontent video{ position:absolute; z-index:+1; top:0; left:0; pointer-events:none; object-fit:cover; width:100%; height:100%; }
section.main .textcontent{  }
section.main .flex-center .textcontent{ text-align:center; }
section.main .flex-left   .textcontent{ text-align:right;  }
section.main .flex-right  .textcontent{ text-align:left;   }
section.main .textcontent h3{ position:relative; display:block; height:auto; margin:0 0 10px 0; text-align:inherit; color:whitesmoke; font-family:zendots; font-size:32px; font-weight:600; text-decoration:none; }
section.main .textcontent h4{ position:relative; display:block; height:auto; margin:0 0 10px 0; text-align:inherit; color:whitesmoke; font-family:zendots; font-size:24px; font-weight:500; text-decoration:none; }
section.main .textcontent p{  position:relative; display:block; height:auto; margin:0 0 10px 0; text-align:inherit; color:whitesmoke; font-family:lexend;  font-size:18px; font-weight:400; text-decoration:none; }
section.main .textcontent i{  position:relative; display:block; height:auto; margin:0 0 10px 0; text-align:inherit; color:whitesmoke; font-family:lexend;  font-size:18px; font-weight:300; font-style:italic; text-decoration:none; }
@media(max-width:900px){
    section.main .flex-container{ flex-wrap:wrap; }
    section.main .flex-container .flex-element{ flex:1 1 100%; }
    section.main .flex-container .flex-left{ order:initial; }
    section.main .flex-container .flex-right{ order:initial; }
    section.main .flex-container .flex-top{ order:1; }
    section.main .flex-container .flex-bottom{ order:2; }
    section.main .flex-container .flex-bottom.flex-left .textcontent{  text-align:left;  }
    section.main .flex-container .flex-bottom.flex-right .textcontent{ text-align:right;   }
    section.main .flex-container .textcontent{ text-align:left; }
}

section.cms{ margin-top:40px; }

section.nocode{}

section.partners{ padding:40px 0 20px 0; background-color:#DDD; }
section.partners .textcontent h3{ color:#222; text-align:center; }
section.partners .textcontent h4{ color:#222; text-align:center; margin-bottom:30px; }
section.partners .textcontent p{  color:#222; text-align:center; }
section.partners .imggrid{ display:flex; flex-direction:row; align-items:center; gap:0px; }
section.partners .imggrid .imgcell{ flex:1 1 25%; margin-bottom:20px; box-sizing:border-box; padding:0; text-align:center; }
section.partners .imggrid .imgcell img{ object-fit:contain; width:100px; height:100px; opacity:0.75; pointer-events:none; }
@media(max-width:900px){
    section.partners .imggrid{ flex-wrap:wrap; }
    section.partners .textcontent h3{ text-align:center; }
    section.partners .textcontent h4{ text-align:center; }
    section.partners .imggrid .imgcell{ flex:1 1 33.33%; }
    section.partners .imggrid .imgcell img{ width:60px; height:60px; }
}

section.engine{}
section.engine .textcontent h3{ text-align:center; }
section.engine .textcontent h4{ text-align:center; }
section.engine .textcontent p{  text-align:center; }

section.feature{}
section.feature .flex-container .flex-left{  text-align:right;  }
section.feature .flex-container .flex-right{ text-align:left;   }
section.feature .textcontent h3{  }
section.feature .textcontent h4{  }
section.feature .textcontent p{   }
section.feature .imgcontent{ position:relative; display:inline-block; width:300px; height:300px; border-radius:10px; overflow:hidden; }
section.feature .imgcontent img{ object-fit:contain; }
@media(max-width:900px){
    section.feature .flex-container .flex-bottom.flex-left .textcontent{  text-align:left;  }
    section.feature .flex-container .flex-bottom.flex-right .textcontent{ text-align:right;   }
}





section.screen{ overflow:hidden; }

section.cms.screen{ overflow:hidden; background-color:transparent; /*background:linear-gradient(180deg, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.85) 50%);*/ }
/* section.nocode.screen{ background-color:transparent; background:linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,1) 100%); }
section.partners.screen{ background-color:transparent; background:linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 25%, rgba(255,255,255,0) 100%); } */

section.nocode.screen{ overflow:hidden; background-color:transparent; /*background:linear-gradient(180deg, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.9) 100%);*/ }
section.engine.screen{ overflow:hidden; background-color:transparent; /*background:linear-gradient(180deg, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.9) 100%);*/ }
section.engine .textcontent h3{ text-align:inherit; }
section.engine .textcontent p{ text-align:inherit; }
section.partners.screen{ overflow:hidden; background-color:transparent; /*background:linear-gradient(180deg, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0) 100%);*/ }
section.bottom{ background:linear-gradient(180deg, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.5) 100%); }



/*=============================================
OPENNING
=============================================*/

section .openning{ position:absolute; z-index:+1; top:60px; left:0; right:initial; display:block; width:75%; max-width:100%; height:calc(75% - 100px); max-height:100%; margin:0; transform:translate(0,0); overflow:visible; perspective:800px; }
section .openning.large{ width:75%; height:calc(75% - 100px); max-height:100%; }
section .openning.small{ width:55%; height:calc(100% - 100px); max-height:500px; }
section .openning.top{ top:100px; bottom:initial; }
section .openning.center{ top:50%; bottom:initial; transform:translate(-50%,0%); }
section .openning.bottom{ top:initial; bottom:100px; }
section .openning.left{ left:0; right:initial; }
section .openning.right{ left:initial; right:0; }
section .openning.center.left{ top:50%; bottom:initial; left:25%; right:initial; transform:translate(-50%,-50%); }
section .openning.center.right{ top:50%; bottom:initial; left:initial; right:25%; transform:translate(50%,-50%); }

section .openning .hole{
    position:absolute; top:0; left:0; display:block; width:100%; height:100%; margin:0; box-sizing:border-box; padding:0; background:transparent; border:none; border-radius:10px; transform-origin:top left; transform:rotate3d(1, 1, 0, 5deg) skew(0deg, 0deg); box-shadow:0 0 0 9999px rgba(255,255,255,0.75);
}

section .openning.left .hole{}
section .openning.right .hole{ transform:rotate3d(1, 1, 0, -5deg) skew(0deg, 0deg); }
section .openning.small.left .hole{ transform-origin:left; transform:rotate3d(0, 1, 0, 5deg); }
section .openning.small.right .hole{ transform-origin:right; transform:rotate3d(0, 1, 0, -5deg); }

section .openning .window{
    position:absolute; z-index:+1; top:0; left:0; display:block; width:100%; height:100%; margin:0; box-sizing:border-box; padding:0; background:transparent; border-radius:10px; transform-origin:top left; transform:rotate3d(1, 1, 0, 5deg) skew(0deg, 0deg); overflow:hidden; border:1px solid #DDD; pointer-events:none;
}
section .openning .window.shadow{ box-shadow: 0 0 10px rgba(0,0,0,0.25); }
section .openning.left .window{}
section .openning.right .window{ transform:rotate3d(1, 1, 0, -5deg) skew(0deg, 0deg); }
section .openning.small.left .window{ transform-origin:left; transform:rotate3d(0, 1, 0, 5deg); }
section .openning.small.right .window{ transform-origin:right; transform:rotate3d(0, 1, 0, -5deg); }

section .openning .window .browser-navbar{ display:block; width:100%; height:50px; box-sizing:border-box; padding:0 10px; background-color:white; border-bottom:1px solid #DDD; }
section .openning .window .browser-navbar .browser-navbar-btn{ display:inline-block; vertical-align:middle; width:30px; height:30px; margin:10px 10px; box-sizing:border-box; background-color:#EEE; border-radius:100px; }
section .openning .window .browser-navbar .browser-navbar-search{ display:inline-block; vertical-align:middle; width:calc(100% - 140px); height:30px; margin:10px 20px; box-sizing:border-box; background-color:#EEE; border-radius:100px; text-align:center; line-height:30px; font-family:lexend; font-size:13px; font-weight:300; color:#555; }
section .openning .window .browser-content{ display:block; width:100%; height:calc(100% - 50px); box-sizing:border-box; padding:0 0; background-color:white; }
section .openning .window .browser-content img{ width:100%; height:100%; object-fit:cover; }

section .openning .preview{
    position:absolute; top:0; left:0; display:block; width:100%; height:100%; margin:0; box-sizing:border-box; padding:0; background:transparent; border-radius:10px; transform-origin:top left; transform:rotate3d(1, 1, 0, 5deg) skew(0deg, 0deg); overflow:hidden;
}
section .openning.left .preview{}
section .openning.right .preview{ transform:rotate3d(1, 1, 0, -5deg) skew(0deg, 0deg); }
section .openning.small.left .preview{ transform-origin:left; transform:rotate3d(0, 1, 0, 5deg); }
section .openning.small.right .preview{ transform-origin:right; transform:rotate3d(0, 1, 0, -5deg); }

section .openning .preview img{ width:100%; height:100%; object-fit:cover; object-position:center center; pointer-events:none; }
section .openning .preview img.top{ width:100%; height:100%; object-fit:cover; object-position:top center; }
section .openning .preview img.center{ width:100%; height:100%; object-fit:cover; object-position:center center; }
section .openning .preview img.bottom{ width:100%; height:100%; object-fit:cover; object-position:bottom center; }
section .openning .preview img.left{ width:100%; height:100%; object-fit:cover; object-position:left center; }
section .openning .preview img.right{ width:100%; height:100%; object-fit:cover; object-position:right center; }
section .openning .preview img.top.left{ width:100%; height:100%; object-fit:cover; object-position:top left; }
section .openning .preview img.top.center{ width:100%; height:100%; object-fit:cover; object-position:top center; }
section .openning .preview img.top.right{ width:100%; height:100%; object-fit:cover; object-position:top right; }
section .openning .preview img.center.left{ width:100%; height:100%; object-fit:cover; object-position:center left; }
section .openning .preview img.center.center{ width:100%; height:100%; object-fit:cover; object-position:center center; }
section .openning .preview img.center.right{ width:100%; height:100%; object-fit:cover; object-position:center right; }
section .openning .preview img.bottom.left{ width:100%; height:100%; object-fit:cover; object-position:bottom left; }
section .openning .preview img.bottom.center{ width:100%; height:100%; object-fit:cover; object-position:bottom center; }
section .openning .preview img.bottom.right{ width:100%; height:100%; object-fit:cover; object-position:bottom right; }
section .openning .preview video{ width:100%; height:100%; object-fit:cover; object-position:top left; }

@media(max-width:900px){
    section .openning{ left:0; width:100%; height:calc(80% - 200px); }
    section .openning.small{ width:100%; height:calc(90% - 200px); }
    section .openning.center{ top:43%; }
    section .openning.center.left{ top:43%; left:30%; }
    section .openning.center.right{ top:43%; }
}



/*=============================================
ALIGN
=============================================*/
section.screen .align-center-middle{
    position:absolute; z-index:+1; top:50%; bottom:initial; left:50%; right:initial; transform:translate(-50%,-50%) translate3d(0px, 0px, 1px); display:block; width:100%; max-width:100%; height:auto; min-height:0; margin:auto; box-sizing:border-box; padding:0; background:transparent; text-align:center;
}
section.screen .align-left-middle{
    position:absolute; z-index:+1; top:50%; bottom:initial; left:0; right:initial; transform:translate(0,-50%) translate3d(0px, 0px, 1px); display:block; width:100%; max-width:600px; height:auto; min-height:0; margin:auto; box-sizing:border-box; padding:0; background:transparent; text-align:right;
}
section.screen .align-right-middle{
    position:absolute; z-index:+1; top:50%; bottom:initial; left:initial; right:0; transform:translate(0,-50%) translate3d(0px, 0px, 1px); display:block; width:100%; max-width:600px; height:auto; min-height:0; margin:auto; box-sizing:border-box; padding:0; background:transparent; text-align:left;
}
section.screen .align-center-top{
    position:absolute; z-index:+1; top:100px; bottom:initial; left:50%; right:initial; transform:translate(-50%,0) translate3d(0px, 0px, 1px); display:block; width:100%; max-width:100%; height:auto; min-height:0; margin:auto; box-sizing:border-box; padding:0; background:transparent; text-align:center;
}
section.screen .align-left-top{
    position:absolute; z-index:+1; top:100px; bottom:initial; left:0; right:initial; transform:translate(0,0) translate3d(0px, 0px, 1px); display:block; width:100%; max-width:600px; height:auto; min-height:0; margin:auto; box-sizing:border-box; padding:0; background:transparent; text-align:left;
}
section.screen .align-right-top{
    position:absolute; z-index:+1; top:100px; bottom:initial; left:initial; right:0; transform:translate(0,0) translate3d(0px, 0px, 1px); display:block; width:100%; max-width:600px; height:auto; min-height:0; margin:auto; box-sizing:border-box; padding:0; background:transparent; text-align:left;
}
section.screen .align-center-bottom{
    position:absolute; z-index:+1; top:initial; bottom:50px; left:50%; right:initial; transform:translate(-50%,0) translate3d(0px, 0px, 1px); display:block; width:100%; max-width:100%; height:auto; min-height:0; margin:auto; box-sizing:border-box; padding:0; background:transparent; text-align:center;
}
section.screen .align-left-bottom{
    position:absolute; z-index:+1; top:initial; bottom:50px; left:0; right:initial; transform:translate(0,0) translate3d(0px, 0px, 1px); display:block; width:100%; max-width:600px; height:auto; min-height:0; margin:auto; box-sizing:border-box; padding:0; background:transparent; text-align:right;
}
section.screen .align-right-bottom{
    position:absolute; z-index:+1; top:initial; bottom:50px; left:initial; right:0; transform:translate(0,0) translate3d(0px, 0px, 1px); display:block; width:100%; max-width:600px; height:auto; min-height:0; margin:auto; box-sizing:border-box; padding:0; background:transparent; text-align:left;
}
@media(max-width:900px){
    section.screen .align-left-middle{   width:100%; top:initial; left:0; bottom:20px; transform:translate(0,0) translate3d(0px, 0px, 1px); }
    section.screen .align-right-middle{  width:100%; top:initial; left:0; bottom:20px; transform:translate(0,0) translate3d(0px, 0px, 1px); }
    section.screen .align-left-bottom{   width:100%; top:initial; left:0; bottom:40px; transform:translate(0,0) translate3d(0px, 0px, 1px); }
    section.screen .align-right-bottom{  width:100%; top:initial; left:0; bottom:40px; transform:translate(0,0) translate3d(0px, 0px, 1px); }
    section.screen .align-center-bottom{ width:100%; top:initial; left:0; bottom:40px; transform:translate(0,0) translate3d(0px, 0px, 1px); }
}



/*=============================================
TITLE
=============================================*/
section .title{ position:relative!important; max-width:100%!important; transform:initial; text-align:right; }
section .title h1{ display:inline-block; max-width:400px; color:#616161; text-shadow:none; margin:0; font-family:lexend; font-size:35px; font-weight:400; }
section .title h1 i{ display:block; margin:5px 0px; color:#616161; font-family:lexend; font-size:35px; font-weight:400; font-style:initial; text-decoration:none; text-shadow:none; }
section .title h1 b{ display:block; margin:5px 0px; color:#1A1A80; font-family:zendots; font-size:35px; font-weight:400; font-style:initial; text-decoration:none; text-shadow:none; }
section .title h1 i.center, section .title h1 b.center{ text-align:center; }
section .title h1 i.left, section .title h1 b.left{ text-align:left; }
section .title h1 i.right, section .title h1 b.right{ text-align:right; }
section .title h1 i.grey, section .title h1 b.grey{ color:#616161; }
section .title h1 i.black, section .title h1 b.black{ color:#000000; }
section .title h1 i.blue, section .title h1 b.blue{ color:#4769D5; }
@media(max-width:900px){
    section .title h1 i{ font-size:28px; }
    section .title h1 b{ font-size:28px; }
}



/*=============================================
TEXTCONTENT
=============================================*/
section.screen{ position:relative; height:100%; max-height:100%; background-color:transparent; margin-top:0; margin-bottom:0; }
section.screen.snap{ scroll-snap-align:center; }
section.screen .textcontent h2{ position:relative; display:block; height:auto; margin:0 0 10px 0; text-align:inherit; font-family:zendots; font-size:30px; font-weight:600; color:black; }
section.screen .textcontent h3{ position:relative; display:block; height:auto; margin:0 0 10px 0; text-align:inherit; font-family:lexend; font-size:27px; font-weight:400; color:black; }
section.screen .textcontent h4{ position:relative; display:block; height:auto; margin:0 0 10px 0; text-align:inherit; font-family:lexend; font-size:23px; font-weight:400; color:black; }
section.screen .textcontent p{  position:relative; display:block; height:auto; margin:0 0 10px 0; text-align:inherit; font-family:lexend; font-size:20px; font-weight:400; color:black; }
section.screen .textcontent.white h2{ color:white; }
section.screen .textcontent.white h3{ color:white; }
section.screen .textcontent.white h4{ color:white; }
section.screen .textcontent.white p{  color:white; }
@media(max-width:900px){
    section.screen .textcontent h2{ font-size:24px; }
    section.screen .textcontent h3{ font-size:24px; }
    section.screen .textcontent h4{ font-size:24px; }
    section.screen .textcontent p{  font-size:17px; }
}



/*=============================================
FOOTER
=============================================*/
footer{ position:relative; top:50%; transform:translateY(-50%); bottom:0; display:block; width:100%; height:auto; box-sizing:border-box; padding:0!important; margin:0; background-color:transparent; }

footer .footercontent{ padding:20px 0; }
footer .footercontent p{ position:relative; display:block; height:auto; margin:0 auto 10px auto; text-align:center; color:grey; font-family:Montserrat; font-size:16px; font-weight:400; text-decoration:none; }
footer .footercontent p a{ color:grey; font-family:Montserrat; font-size:16px; font-weight:400; text-decoration:none; }

footer .footercontent .footerflex{ display:flex; align-items:start; flex-wrap:wrap; gap:40px; }

footer .footercontent .footerflex .links{ flex:0 1 25%; display:flex; flex-wrap:wrap; align-items:center; text-align:left; margin-bottom:0; }
footer .footercontent .footerflex .links h3{ display:block; width:100%; margin:5px 0; line-height:initial; font-family:Montserrat; font-size:18px; font-weight:600; color:black; }
footer .footercontent .footerflex .links ul{ display:block; width:100%; margin:0; box-sizing:border-box; padding:0; }
footer .footercontent .footerflex .links ul li{ display:block; width:100%; }
footer .footercontent .footerflex .links ul li a{ display:block; margin:5px 0; color:black; text-decoration:none; line-height:initial; font-family:Montserrat; font-size:16px; font-weight:500; }

footer .footercontent .footerflex .socialnetworks{ flex:0 1 25%; margin-bottom:0; }
footer .footercontent .footerflex .socialnetworks h3{ display:block; margin:5px 0; line-height:initial; font-family:Montserrat; font-size:18px; font-weight:600; color:black; }
footer .footercontent .footerflex .socialnetworks h4{ display:block; margin:5px 0; line-height:initial; font-family:Montserrat; font-size:14px; font-weight:400; color:black; }
footer .footercontent .footerflex .socialnetworks .sngrid{ display:flex; flex-wrap:wrap; align-items:center; text-align:center; margin-top:25px; }
footer .footercontent .footerflex .socialnetworks .sncell{ flex:0 1 80px; }
footer .footercontent .footerflex .socialnetworks .sncell .circle{ display:block; width:50px; height:50px; margin:0; box-sizing:border-box; padding:12px; background-color:grey; border-radius:100px; }
footer .footercontent .footerflex .socialnetworks .sncell .circle img{ pointer-events:none; width:100%; height:100%; object-fit:contain; filter:invert(99%) sepia(1%) saturate(2%) hue-rotate(115deg) brightness(115%) contrast(100%); }
footer .footercontent .footerflex .socialnetworks .sncell .circle.linkedin{  background-color:#347BA3; }
footer .footercontent .footerflex .socialnetworks .sncell .circle.instagram{ background-color:#B567A3; }
footer .footercontent .footerflex .socialnetworks .sncell .circle.youtube{   background-color:#bd4655; }
footer .footercontent .footerflex .socialnetworks .sncell .circle.facebook{  background-color:#4B739D; }

footer .footercontent .footerflex .newsletter{ flex:0 1 calc(50% - 80px); display:flex; flex-wrap:wrap; align-items:center; text-align:center; margin-bottom:0; }
footer .footercontent .footerflex .newsletter .nldesc{ flex:0 1 100%; margin:0; height:auto; text-align:left; margin-bottom:20px; }
footer .footercontent .footerflex .newsletter .nldesc h3{ display:block; margin:5px 0; line-height:initial; font-family:Montserrat; font-size:18px; font-weight:600; color:black; }
footer .footercontent .footerflex .newsletter .nldesc h4{ display:block; margin:5px 0; line-height:initial; font-family:Montserrat; font-size:14px; font-weight:400; color:black; }
footer .footercontent .footerflex .newsletter .nlfield{ flex:0 1 100%; margin:0; height:auto; text-align:left; box-shadow:2px 2px 10px rgba(0,0,0,0.15); border-radius:10px; overflow:hidden; }
footer .footercontent .footerflex .newsletter .nlfield input{ display:inline-block; vertical-align:middle; width:calc(100% - 150px); margin:0; height:50px; padding:6px 12px; background-color:rgb(255,255,255); border:none; border-radius:5px 0 0 5px; font-size:16px; font-weight:400; color:grey; -webkit-appearance:none; -moz-appearance:none; box-sizing:border-box; transition:box-shadow 0.3s; outline-width:0; outline:none; }
footer .footercontent .footerflex .newsletter .nlfield button{ display:inline-block; vertical-align:middle; width:150px; margin:0; box-sizing:border-box; padding:0; border-radius:0 5px 5px 0; background:initial; background-color:rgb(40,150,40); border-bottom:none; cursor:pointer; -webkit-appearance:none; -moz-appearance:none; text-align:center; line-height:50px; font-family:Montserrat; font-size:16px; font-weight:400; color:white; }

footer .footercontent .copyrights{ padding:20px 0; text-align:center; }
footer .footercontent .copyrights p{ position:relative; display:block; height:auto; margin:0 auto 10px auto; text-align:center; color:grey; font-family:Montserrat; font-size:16px; font-weight:400; text-decoration:none; }
footer .footercontent .copyrights p a{ color:grey; font-family:Montserrat; font-size:16px; font-weight:400; text-decoration:none; }

@media(max-width:900px){
    footer .footercontent .footerflex{ flex-wrap:wrap-reverse; }
    footer .footercontent .footerflex .links{ flex:0 1 100%; }
    footer .footercontent .footerflex .newsletter{ flex:0 1 calc(60% - 20px); }
    footer .footercontent .footerflex .socialnetworks{ flex:0 1 calc(40% - 20px); }
}
@media(max-width:600px){
    footer .footercontent .footerflex .newsletter{ flex:0 1 calc(100% - 0px); }
    footer .footercontent .footerflex .socialnetworks{ flex:0 1 calc(100% - 0px); }
}