@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');


body { margin: 0px; font-family: 'Roboto', sans-serif; font-weight: 300; /*font-size: 2vw;*/ font-size: max(2vw, 20px); line-height: 160%; letter-spacing: 4%; background: #171614; color: #ffffff; }
body button { font-family: 'Roboto', sans-serif; font-weight: 300; /*font-size: 2vw;*/ font-size: max(2vw, 20px); line-height: 160%; letter-spacing: 4%; color: #ffffff; background: transparent; border: none; padding: 0; }
body input { font-family: 'Roboto', sans-serif; font-weight: 300; /*font-size: 2vw;*/ font-size: max(2vw, 20px); line-height: 160%; letter-spacing: 4%; color: #ffffff; outline: none; padding: 0px; border: none; }
body textarea { font-family: 'Roboto', sans-serif; font-weight: 300; /*font-size: 2vw;*/ font-size: max(2vw, 20px); line-height: 160%; letter-spacing: 4%; color: #ffffff; }
body ul,li { margin: 0px; padding: 0px; list-style: none; }
body p { margin: 0px 0px 32px 0px; padding: 0px; }
body a { color: #ffffff; cursor: pointer; text-decoration: none; }
body img { border: none; margin: 0px; padding: 0px; }
body h1, body h2 { margin: 0px; padding: 0px; }
body hr { margin: 0px; border: 0.5px solid #ffffff; }

.clearfix:before,
.clearfix:after { content:"."; display:block; height:0; overflow:hidden; }
.clearfix:after { clear:both; }
.clearfix { zoom:1; }
.left { float: left; }
.right { float: right; }
.both { clear: both; }
.noise {
    background-image: url(https://wowall.app/img/noise.svg);
    background-repeat: repeat;
    background-size: 100px;
    mix-blend-mode: multiply;
    position: absolute;
    width: 100%;
    height: 100%;
}
.dark {
    background-color: #171614;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.5;
}
.space { width: 100%; height: 8vw; }


.background1 { background-image: url('https://wowall.app/img/background--01.jpg'); }
.background2 { background-image: url('https://wowall.app/img/background--02.jpg'); }
.background3 { background-image: url('https://wowall.app/img/background--03.jpg'); }
.background4 { background-image: url('https://wowall.app/img/background--04.jpg'); }





body > .wrap {  }



#headerLAYOUT { position: fixed; top: 40px; right: 40px; text-align: right; z-index: 1; }
#headerLAYOUT > .wrap {  }

#headerLAYOUT .row_one { font-size: 60%; }
#headerLAYOUT .row_two {  }
#headerLAYOUT .row_two button { cursor: pointer; }
#headerLAYOUT .row_two button:hover { text-decoration: underline; }





#footerLAYOUT { font-size: max(1vw, 12px); line-height: 160%; letter-spacing: 4%; }
#footerLAYOUT > .wrap { padding: 40px; }
#footerLAYOUT .left { width: 40%; }
#footerLAYOUT .right { width: 40%; text-align: right; }
#footerLAYOUT li { display: inline-block; margin-right: 2vw; }
#footerLAYOUT li img { width: 100%; height: auto; max-height: 160px; }





#contentLAYOUT {  }
#contentLAYOUT > .wrap {  }

#contentLAYOUT .window { position: relative; }
#contentLAYOUT .window > .wrap { padding: 40px; }

#contentLAYOUT .window button[data-scrollto-next] { position: absolute; left: calc(50% - 2vw); bottom: 2vw; width: 4vw; height: 4vw; cursor: pointer; }
#contentLAYOUT .window button[data-scrollto-next] img { width: 100%; height: 100%; }



#contentLAYOUT .window.logo { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; background-position: center center; background-attachment: fixed; }
#contentLAYOUT .window.logo > .wrap { display: flex; position: relative; height: -webkit-fill-available; }
#contentLAYOUT .window.logo .intro { position: absolute; top: 40px; left: 40px; width: 300px; }
#contentLAYOUT .window.logo h1 {  }
#contentLAYOUT .window.logo img { height: 20vh; margin: auto; }



#contentLAYOUT .window.meaning { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; background-position: center center; background-attachment: fixed; }
#contentLAYOUT .window.meaning > .wrap { display: flex; position: relative; height: -webkit-fill-available; }
#contentLAYOUT .window.meaning h2 { margin: auto; font-size: max(4vw, 30px); font-weight: 300; line-height: 160%; letter-spacing: 4%; text-align: center; }
#contentLAYOUT .window.meaning h2 b { font-weight: 700; }



#contentLAYOUT .window.payoff {  }
#contentLAYOUT .window.payoff > .wrap { display: flex; position: relative; height: -webkit-fill-available; }
#contentLAYOUT .window.payoff h1 { font-weight: 400; font-size: max(10vw, 80px); line-height: 100%; letter-spacing: 4%; }




#contentLAYOUT .window.updates {  }
#contentLAYOUT .window.updates > .wrap { padding: 40px 40px 120px 40px; }
#contentLAYOUT .window.updates .title { font-weight: 500; }
#contentLAYOUT .window.updates .content { font-size: max(2vw, 20px); line-height: 160%; }
#contentLAYOUT .window.updates .content .subtitle { padding: 48px 0px 16px 0px; text-transform: uppercase; }
#contentLAYOUT .window.updates .content ul {  }
#contentLAYOUT .window.updates .content ul li { border-bottom: 1px solid #ffffff; padding: 16px 0px; font-size: 16px; }
#contentLAYOUT .window.updates .content ul li:first-child { border-top: 1px solid #ffffff; }
#contentLAYOUT .window.updates .content ul li span.date { font-style: italic; }
#contentLAYOUT .window.updates .content .future { opacity: 0.33; }



#contentLAYOUT .window.team {  }
#contentLAYOUT .window.team > .wrap {  }
#contentLAYOUT .window.team .team-heading { grid-column-gap: 16px; grid-row-gap: 0px; flex-wrap: wrap; align-items: center; display: flex; /*font-size: 4vw;*/ font-size: max(4vw, 30px); font-weight: 400; line-height: 160%; letter-spacing: 4%; }
#contentLAYOUT .window.team .name-block { row-gap: 0px; column-gap: 4px; align-items: center; display: flex; }
#contentLAYOUT .window.team .name-block a {  }
#contentLAYOUT .window.team .name-block a img { vertical-align: top; margin-top: 1.4vw; width: 1vw; min-width: 8px; height: 1vw; min-height: 8px; }
#contentLAYOUT .window.team .name-block a:hover { opacity: 0.5; }
#contentLAYOUT .window.team .name-block .raul-icon { width: 4vw; min-width: 30px; height: 4vw; min-height: 30px; background-image: url(https://console.raulstefanati.com/_media/profile.png); background-position: 0%; background-size: cover; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; -khtml-border-radius: 50%; }
#contentLAYOUT .window.team .name-block .fabio-icon { width: 4vw; min-width: 30px; height: 4vw; min-height: 30px; background-image: url(https://wowall.app/img/fabio-sioli.png); background-position: 0%; background-size: cover; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; -khtml-border-radius: 50%; background-color: #ffffff; }
#contentLAYOUT .window.team .name-block .bosinade-icon { width: 4vw; min-width: 30px; height: 4vw; min-height: 30px; background-image: url(https://bosinade.com/_media/logos/logo--bosinade--000000.svg); background-position: 0%; background-size: cover; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; -khtml-border-radius: 50%; background-color: #ffffff; }




#contentLAYOUT .window.pitch { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; background-position: center center; background-attachment: fixed; z-index: 2; background: #000000; background: #245645; }
#contentLAYOUT .window.pitch > .wrap {  }
#contentLAYOUT .window.pitch img { width: 100%; height: auto; }
#contentLAYOUT .window.pitch iframe { width: 100%; height: calc(100% - 8vw); border: none; }
#contentLAYOUT .window.pitch .left { width: 32%; font-size: max(2vw, 20px); line-height: 160%; font-weight: 300; line-height: 160%; letter-spacing: 4%; }
#contentLAYOUT .window.pitch .left h3 { font-size: max(2vw, 20px); font-weight: 500; line-height: 160%; letter-spacing: 4%; margin-top: 0px !important; margin-bottom: 32px !important; }
#contentLAYOUT .window.pitch .right { width: 64%; }



#contentLAYOUT .window.enjoysoon { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; background-position: center center; background-attachment: fixed; }
#contentLAYOUT .window.enjoysoon > .wrap { display: flex; position: relative; height: -webkit-fill-available; }
#contentLAYOUT .window.enjoysoon h3 { margin: auto; font-size: max(4vw, 30px); font-weight: 700; line-height: 160%; letter-spacing: 4%; text-align: center; }
#contentLAYOUT .window.enjoysoon h3 b { font-weight: 700; }


#contentLAYOUT .window.contact {  }
#contentLAYOUT .window.contact > .wrap {  }
#contentLAYOUT .window.contact .content { font-size: max(4vw, 30px); font-weight: 200; line-height: 160%; letter-spacing: 4%; }
#contentLAYOUT .window.contact .content a {  }






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

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

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

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

  #headerLAYOUT { top: 20px; right: 20px; }

  #footerLAYOUT > .wrap { padding: 20px; }

  #contentLAYOUT .window > .wrap { padding: 20px; }

  #contentLAYOUT .window.pitch .left { float: none; width: 100%; }
  #contentLAYOUT .window.pitch .right { float: none; width: 100%; margin-top: 30px; }

}

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