@charset "UTF-8";
/* CSS Document */
*
{
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-tap-highlight-color: rgba(255, 255, 255, 0); 
}
html,body
{
overflow:auto !important;
}

img
{
-moz-user-select: none; /* These user-select properties are inheritable, used to prevent text selection */
    -webkit-user-select: none;
    -ms-user-select: none; /* From IE10 only */
    user-select: none; /* Not valid CSS yet, as of July 2012 */

    -webkit-user-drag: none; /* Prevents dragging of images/divs etc */
    user-drag: none;
}

body
{
  color:#000;
font-family: Archivo, Helvetica, Roboto, Arial, sans-serif;
text-align:left;
}

#page
{
margin-top:94px;
}
#leftsocial
{
margin-top:-35px;
}
#footer
{
padding-top:1px;
}
#header #sponsor_area
{
text-transform:uppercase;
}
#first video::-webkit-media-controls-fullscreen-button {
    display: none;
}
.slick-slide,.slick-slider {
    outline: none;
-webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.relativo
{
position:relative;
z-index:1;
}

#page p {
    font-size: 20px;
    line-height: 30px;
    margin: 25px 0px;
    font-style: normal;
    font-weight: 500;
}

#page p b
{
font-weight:800;
}

.riga.tabella
{
table-layout:fixed;
width:calc(100% + 30px);
}

.transition,.evid .anim::before,.fascia.transition::before,#three .slides::after
{
 transition: all 1.2s cubic-bezier(0.22, 0, 0.12, 1);
-moz-transition: all 1.2s cubic-bezier(0.22, 0, 0.12, 1);
-webkit-transition: all 1.2s cubic-bezier(0.22, 0, 0.12, 1);
/*transition-duration:1.2s;
-webkit-transition-duration:1.2s;
-ms-transition-duration:1.2s;
-moz-transition-duration:1.2s;*/
}

.transition2
{
 transition: all 0.5s cubic-bezier(0.22, 0, 0.12, 1);
-moz-transition: all 0.5s cubic-bezier(0.22, 0, 0.12, 1);
-webkit-transition: all 0.5s cubic-bezier(0.22, 0, 0.12, 1);
/*transition-duration:0.5s;
-webkit-transition-duration:0.5s;
-ms-transition-duration:0.5s;
-moz-transition-duration:0.5s;*/
}

.opacita.off
{
opacity:0;
}
.sinistra.off
{
transform:translateX(-50vw);
}
.destra.off,.fascia.fascia3 img.destra.off,.fascia.fascia4 img.destra.off
{
transform:translateX(50vw);
}

.scale.off
{
transform:scale(0);
}

.ruota.scale.off
{
transform:scale(0) rotate(-360deg);
}

.ruota.off
{
transform:rotate(-360deg);
}

.comparsa
{
position:relative;
top:0;
}

.comparsa.off
{
top:50px;
}

b
{
font-weight:700;
}

#page
{
overflow: hidden;
}


.button,a.button
{
margin-top: 30px;
    text-align: center;
    min-width: 240px;
    max-width: 100%;
    position: relative;
    z-index: 1;
    height: 43px;
    font-size: 20px;
    line-height: 43px;
    cursor: pointer;
    display: inline-block;
    color: #fff;
    font-family:Prompt;
	font-weight:700;
    text-align: center;
    border: 0;
    padding-left: 20px;
    padding-right: 20px;
 	background-color:#649b41;
text-shadow: 1px 1px 2px rgba(78, 115, 54, 0.54);
}

/*.button:hover,a.button:hover
{
  background-color: #fff;
  color:#000;
}*/

section
{
  position:relative;
  z-index:1;
overflow:hidden;
}

/* custom code */
.focus
{
text-align:left;
max-width:930px;
}
h2
{
font-weight:700;
font-family:Prompt;
font-size:35px;
line-height:35px;
color:#649c42;
}

#first
{
margin-top:-14%;
overflow: visible;
z-index: 2;
}
#first #intro
{
background-color:#79a455;
padding-top:70px;
padding-bottom:200px;
display:none;
}
#first video
{
width:100%;
position:relative;
z-index:1;
display:block;
}

#first h1
{
display:none;
}
#first #godown
{
position:absolute;
z-index:3;
top:calc(100vh - 150px);
left:50%;
transform:translateX(-50%);
font-family:Prompt;
font-weight:600;
font-size:16px;
line-height:18px;
color:#fff;
text-transform:uppercase;
text-align:center;
display:none;
}
#first::after,#five::after,#five::before
{
position:absolute;
z-index:2;
bottom:0;
top:auto;
left:0;
width:100%;
content:"";
background-repeat:repeat-x;
height:150px;
background-position:center center;
background-image:url("../img/strappo1.png");
}
#first::after
{
bottom:-70px;
}
#five::before
{
top:0;
transform:rotate(-180deg);
transform-origin:center;
}
#page #intro p
{
font-weight:800;
font-size:30px;
line-height:40px;
text-align:center;
color:#f7f8e1;
}
#page #intro p b
{
color:#faa661;
}

#two,#four,#three .spacer
{
background-repeat:repeat;
background-position:center center;
background-image:url("../img/beige.png");
}
#two
{
padding-bottom:100px;
padding-top: 50px;
}

#two img.sinistra,#four img.sinistra
{
max-width:130%;
margin-left:-30%;
}
#two img.destra
{
max-width:130%;
margin-top:100px;
}
.fascia
{
max-width:55%;
position:relative;
display:flex;
align-items:center;
}
.fascia::before
{
content:"";
position:absolute;
z-index:0;
top:0;
left:0;
height:100%;
width:100%;
}
.fascia.off::before
{
width:0;
}
#page .fascia p
{
position:relative;
z-index:1;
color:#f7f6df;
font-family:Prompt;
font-weight:900;
font-style:italic;
font-size:50px;
line-height:50px;
}
#page .fascia p span
{
display:block;
color:#000;
font-weight:700;
font-style:normal;
font-family:Archivo;
font-size:20px;
line-height:30px;
}
#page .fascia p span b
{
font-weight:900;
}
.fascia img,.fascia .percentuale
{
position:absolute;
margin:0;
z-index:3;
}
.fascia .percentuale
{
padding:30px;
display:flex;
align-items:center;
justify-content:center;

}
#page .fascia .percentuale p,#page .fascia .percentuale p span
{
color:#f7f6df;
font-family:Prompt;
font-weight:900;
font-size:90px;
line-height:90px;
text-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
}
#page .fascia .percentuale p span
{
display:inline-block;
}
.fascia.fascia1
{
margin-right:-20px;
margin-left:auto;
height:208px;
width:799px;
padding-left:235px;
padding-right:25px;
margin-top:50px;
}
#page .fascia.fascia1 .percentuale p
{
transform:rotate(-5deg);
transform-origin:center center;
margin-left: auto;
}
#page .fascia.fascia3 .percentuale p
{
transform:rotate(3deg);
transform-origin:center center;
}
.fascia.fascia1::before
{
background-image:url("../img/fascia1.png");
}
.fascia.fascia1 img
{
bottom:72%;
right:15%;
top:auto;
left:auto;
}
.fascia.fascia1 .percentuale
{
left:-50px;
top:-25px;
width:277px;
height:190px;
background-image:url("../img/fascia2.png");
}

.fascia.fascia2
{
margin-left:-25px;
margin-right:auto;
height:206px;
width:854px;
padding-right: 45px;
justify-content: right;
margin-bottom:50px;
}

.fascia.fascia3
{
margin-left:auto;
margin-right:auto;
height:249px;
max-width:100%;
width:677px;
margin-top:120px;
padding-left: calc(5% + 125px);
padding-right: 6.2%;
margin-bottom:100px;
}

.fascia.fascia4
{
margin-left:auto;
margin-right:0;
height:132px;
max-width:100%;
width:429px;
margin-top:100px;
margin-bottom:50px;
}

.fascia.fascia2::before
{
background-image:url("../img/fascia3.png");
}
.fascia.fascia3::before
{
background-image:url("../img/fascia5.png");
}
.fascia.fascia4::before
{
background-image:url("../img/fascia8.png");
}
.fascia.fascia2 img
{
bottom:95%;
top:auto;
left:auto;
right: 453px;
}
.fascia.fascia3 img.img1
{
bottom:-50px;
top:auto;
left:-125px;
}
.fascia.fascia3 img.img2
{
top:-80px;
left:auto;
right:-30px;
}
.fascia.fascia3 img.destra
{
left:50%;
transform:translateX(-50%);
z-index:-1;
top: 0;
}
.fascia.fascia4 img.destra
{
top:auto;
bottom: calc(100% - 40px);
left:50%;
transform:translateX(-50%);
}
.fascia.fascia2 .percentuale
{
left:auto;
right:365px;
top:-50px;
width:324px;
height:217px;
background-image:url("../img/fascia4.png");
}
.fascia.fascia3 .percentuale
{
left:5%;
top:-105px;
width:228px;
height:198px;
background-image:url("../img/fascia6.png");
}

#page .fascia.fascia1 p
{
margin-left:0;
}


#page .fascia.fascia2 p
{
margin-right:0;
}
#page .fascia.fascia3 > p
{
font-size:40px;
line-height:40px;
flex: 0 0 100%;
}
#page .fascia3 p span
{
margin-top:10px;
}

#page .fascia.fascia2 .percentuale p,#page .fascia.fascia2 .percentuale p span,#page .fascia.fascia3 .percentuale p,#page .fascia.fascia3 .percentuale p span
{
font-size:70px;
margin-right: auto;
}

#page .fascia.fascia2 .percentuale p::before
{
content:"+";
display:inline-block;
margin-right:5px;
}

#two h2
{
margin-top:70px;
}

#two p,#four p
{
max-width:635px;
margin-left:auto;
margin-right:auto;
}
#two .riga.finale
{
margin-top:200px;
}
#four .riga
{
margin-bottom:70px;
}
#two .riga.finale img.sinistra
{
margin-top:-120px;
margin-left:-15%;
}

#three .slide img
{
max-height:100%;
position:relative;
z-index:1;
}
#three .slide,#three .slide .img
{
height:100%;
}
#three .slide .img
{
top:0;
right:0;
transform:translateX(calc(-50vw + 600px));
left:auto;
position:relative;
z-index:1;
display:inline-block;
max-height: 800px;
 transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-webkit-transition: all 0.5s linear;
transition-duration:0.5s;
-webkit-transition-duration:0.5s;
-ms-transition-duration:0.5s;
-moz-transition-duration:0.5s;
}

#three.fixed .slide .img
{
transform: translateX(calc(50% - 50vw));
}
#three .slide
{
text-align:right;
display: flex;
align-items: center;
justify-content: right;
}
#three .slide .img .plus1
{
top: 27%;
left: 58%;
}
#three .slide .img .plus2
{
top: 21%;
left: 87%;
}
#three .slide .img .plus3
{
top: 35%;
left: 95%;
}
#three .slide .img .plus4
{
top: 81%;
left: 76%;
}
#three .slide .img .plus5
{
top: 69%;
left: 77%;
}
#three .slide .img .plus6
{
top: 69%;
left: 86%;
}
#three .slide .img .plus7
{
top: 55%;
left: 35%;
}
#three .slide .img .plus8
{
top: 54%;
left: 63%;
}
#three .slide .img .plus9
{
top: 37%;
left: 5%;
}
#three .slide .img .plus10
{
top: 33%;
left: 20%;
}
#three .slide .img .plus11
{
top: 40%;
left: 31%;
}
#three .slide .img .plus
{
position:absolute;
z-index:2;
width:35px;
height:35px;
background-color:#406443;
opacity:0.7;
border-radius:50%;
cursor:pointer;
transform:translate(-50%,-50%);
animation-name: pulse;
animation-duration: 1s;
animation-iteration-count: infinite;
}
@keyframes pulse {
  0%   {transform:translate(-50%,-50%);}  
  50%  {transform:translate(-50%,-50%) scale(1.05);}
  100% {transform:translate(-50%,-50%);}
}
#three .slide .img .plus::before
{
width:60%;
height:60%;
content:"";
position:absolute;
z-index:3;
top:50%;
left:50%;
border:2px solid #fff;
border-radius:50%;
display:block;
transform: translate(-50%,-50%);
}
#three .slide .img .plus::after
{
position:absolute;
z-index:3;
top:50%;
left:50%;
transform:translate(-50%,calc(-50% - 2px));
font-size:20px;
line-height:20px;
color:#fff;
font-weight:300;
content:"+";
}

#three .slides::after
{
content:"";
position:absolute;
bottom:0;
top:auto;
left:10vw;
width:61px;
height:106px;
background-image:url("../img/Scroll.gif");
opacity:0;
}

#three.fixed .slides::after
{
opacity:1;
}
#overlay
{
position:absolute;
background-color:#517ae4;
z-index:0;
top:0;
left:0;
width:100%;
height:100%;
opacity:0;
margin:0;
}
#overlay.on
{
opacity:0.75;
z-index:10;
}
#popup
{
z-index:1;
top:50%;
left:50%;
transform:translate(-50%,-50%);
position:absolute;
margin:0;
width:80%;
max-width:880px;
background-color:#dbedf7;
opacity:0;
overflow:visible;
padding: 30px;
}

#popup.on
{
opacity:1;
z-index:11;
}

#popup .content
{
display:none;

}
#popup .content.on
{
display:block;
}
#popup .content .cella
{
padding-left:30px;
}
#popup .content .cella.image
{
background-color:#6d91e8;
padding-left:0;
padding-right:0;
}
#popup .content .tabella
{
height:100%;
width:100%;
margin:0;
}
#close_popup
{
background-image:url("../img/close.png");
background-repeat:no-repeat;
background-position:center center;
border-radius:50%;
background-color:#4060b9;
background-size:25px auto;
width:45px;
height:45px;
position:absolute;
z-index:20;
top:0;
left:100%;
transform:translate(-50%,50%);
cursor:pointer;
}

#three .slides
{
position: absolute;
top: 5%;
left: 0;
height: 90%;
margin:0;
z-index:2;
width:100%;
}
#three
{
z-index:10;
}
#three .focus
{
position:relative;
height: 100%;
z-index:2;

}
#three .caption
{
position:absolute;
z-index:4;
top:55%;
left:0;
max-width:100%;
width:315px;
}
#three.fixed .caption
{
opacity:0;
z-index:0;
}
#three h2
{
font-size: 44px;
line-height: 44px;
text-transform:uppercase;
color: #fdc493;

}
#three p
{
color:#fff;
font-weight:400;
font-size: 16px;
line-height: 20px;
margin-bottom:0;
margin-top:15px;
}

#three #popup h2
{
color:#005bbb;
}
#three #popup p
{
color:#000;
}
#three .spacer
{
position:relative;
z-index:1;
}

#three .spacer.spacer2
{
height:3000px;
}

#three .container_fix
{
position:fixed;
left:0;
width:100%;
z-index:3;
background-color:#517ae4;
margin:0;
}

#four
{
padding-top:100px;
}
.to_fix
{
width:100%;
top:100%;
left:0;
position:fixed;
z-index:1;
}

#five
{
padding-top:70px;
padding-bottom:70px;
background-color:#ffbf90;
min-height: 990px;
}
#five .focus,#three .focus
{
max-width:1200px;
}
#introquiz
{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
z-index:2;
margin:0;

width:100%;
}
#introquiz .focus
{
text-align:center;
}
#introquiz p
{
font-family:Prompt;
font-weight:700;
color:#383838;
text-transform:uppercase;
font-size:75px;
line-height:77px;
}
#five.on #introquiz p
{
font-size:46px;
line-height:48px;
}
#five.on #introquiz
{
top:0;
transform:translate(-50%,100%)
}
#five.on #introquiz .button
{
opacity:0;
visibility:hidden;
}
#five #introquiz .barra
{
opacity:0;
visibility:hidden;
width:100%;
background-position:center left;
height:10px;
background-image:url("../img/barra.jpg");
background-repeat:repeat-x;
position:relative;
z-index:3;
}
#five #introquiz .barra span
{
width:0;
display:block;
height:10px;
background-image:url("../img/barraon.jpg");
background-position:center left;
background-repeat:repeat-x;
}
#five.on #introquiz .barra
{
opacity:1;
visibility:visible;
top: -50px;
}
#five.on #introquiz .barra.off
{
opacity:0;
visibility:hidden;
}
#five .slides
{
opacity:0;
position:absolute;
visibility:hidden;
top:350px;
left:0;
width:100%;
height:calc(100% - 530px);
z-index:0;
}
#five .slides.portasu
{
margin-top:-50px;
}
.slides .slick-list,.slides .slick-track
{
display:flex;
align-items:center;
height:100%;
}
#five .slides .slide
{
height:auto;
}
#five .slides .slide .nav
{
text-transform:uppercase;
font-family:Prompt;
font-weight:800;
font-size:19px;
line-height:24px;
color:#383838;
}
#five .slides .slide .nav span
{
color:#649b41;
}
#five .slides .slide .domanda
{
font-family:Prompt;
font-weight:500;
font-size:19px;
line-height:24px;
color:#383838;
margin-top:20px;
min-height:48px;
}
#five .slides .slide .risposta
{
background-color:#649b41;
color:#fff;
padding:15px;
display:flex;
align-items:center;
padding-right:115px;
font-family:Prompt;
font-weight:600;
font-size:17px;
line-height:20px;
position:relative;
margin-top:20px;
cursor:pointer;
height:100px;
}
#five .slides .slide .risposta::after
{
position:absolute;
left:auto;
top:50%;
transform:translateY(-50%);
right:15px;
width:82px;
height:79px;
border-radius:50%;
background-color:#ffbf90;
border:2px solid #f99c57;
font-family:Prompt;
font-weight:900;
font-size:48px;
line-height:75px;
text-transform:uppercase;
color:#fff;
text-shadow: 2px 1px 2px rgba(251, 148, 72, 0.54);
text-align:center;
}
#five .slides .slide .risposta1::after
{
content:"a";
}
#five .slides .slide .risposta2::after
{
content:"b";
}
#five .slides .slide p
{
font-family:Prompt;
font-weight:400;
color:#383838;
margin-top:20px;
font-size:28px;
line-height:30px;
}
#five .slides .slide p.titolo
{
margin-top:0;
font-weight:900;
color:#649c42;
font-size:40px;
line-height:40px;
margin-bottom:0;
}
#five .slides .slide .img img
{
width:350px;
}
#reset_test
{
display:block;
width:240px;
margin-left:auto;
margin-right:auto;
}
#five.on .slides
{
opacity:1;
visibility:visible;
z-index:5;
}
#six
{
padding-top:70px;
padding-bottom:70px;
background-color:#649b41;
color:#fff;
}

#six video
{
display:block;
margin-left:auto;
margin-right:auto;
margin-top:50px;
max-width:100%;
}
#six .focus
{
text-align:center;
}
#six a
{
font-weight:500;
font-size:40px;
line-height:42px;
text-decoration:underline;
}

#wh
{
position:absolute;
z-index:-5;
top:0;
left:0;
margin:0;
width:0;
height:100vh;
}
/* end custom code */