 @charset "UTF-8";
/* CSS Document */

html,body
{
overflow:auto !important;
}

*, ::before, ::after {
    box-sizing: border-box;
}

body
{
font-family: 'Source Sans Pro', arial;
color:#000;
font-weight:400;
background-color:#fff;
height:auto !important;
}

#four .name
{
font-weight:700;
font-family: 'Work Sans';
font-size:40px;
line-height:50px;
position: relative;
z-index: 100;
}

#page a {
    text-decoration: underline;
	color:#000;
}

#page a:hover {
   
	color:#000;
}

#page p
{
font-size:20px;
line-height:28px;
font-weight:300;
margin: 25px 0;
}
#page p,h2.mini
{
margin-left:auto;
margin-right:auto;
max-width:700px;
}
.focus
{
max-width:1160px;
position:relative;
z-index:2;
text-align:left;
}

.transition
{
 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);
}

.transition2,.slick-dots li
{
 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);
}

.evid
{
text-align:left;
}

.evid .anim
{
text-align:left;
display:block;
position:relative;
z-index:2;
}

.evid .anim::before
{
position:absolute;
z-index:0;
top:5px;
left:0;
width:100%;
height:calc(100% - 10px);
content:"";
background-color:#ffd34f;
z-index:1;
}

.evid .anim.indent::before
{
left:-12%;
}

.evid .anim span
{
padding-left:6%;
}

.evid .anim.off::before
{
width:0;
}

.evid span
{
display:block;
position:relative;
z-index:2;

}

.opacita.off
{
opacity:0;
}

.linea_v,.linea_h
{
position:absolute;
z-index:-1;
margin:0;
background-color:#ffd34f;
}

.linea_v
{
height:100%;
width:3px;
}

#two .linea_v.left
{
height:270%;
width:2px;
transform: rotate(180deg);
}

#four .linea_v.right, #five .linea_v.right, #seven .linea_v.right 
{
height:110%;
width:2px;
}

#seven .linea_v.left
{
height:120%;
width:2px;
z-index: -100;
}


#seven .linea_v.left {
  transform: rotate(180deg);
  top: -15%;
}

.linea_h
{
width:100%;
height:2px;
}

.linea_v.off
{
height:0;
}

#two .linea_v.left.off
{
height:0;
}

#four .linea_v.right.off
{
height:0;
}

#five .linea_v.right.off {
  height: 0;
}

#seven .linea_v.right.off {
  height: 0;
}

#seven .linea_v.left.off {
  height: 0;
}

.linea_h.off
{
width:0;
}

.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;
}

.riga.tabella
{
margin:0;
width:100%;
table-layout:fixed;
}

b
{
font-weight:700;
}

h1 {
	font-family:'Work Sans';
    font-size: 40px;
    line-height: 45px;
	font-weight:700;
	text-transform:uppercase;
}

h2 {
  color: #000;
  font-size: 30px;
  font-weight: bold;
   line-height: 40px;
	font-family:'Work Sans';
}

h1 span
{
text-transform:none;
display:block;
font-size: 35px;
line-height: 40px;
margin-top: 10px;
}

h1 img
{
margin-top:30px;
margin-bottom:80px;
}
#page
{
margin-top:94px;
overflow: hidden;
}

.button,a.button
{
text-align:center;
min-width:160px;
max-width:100%;
position: relative;
z-index:1;
height:60px;
font-size:15px;
color:#000 !important;
line-height:60px;
cursor:pointer;
display:inline-block;
font-family:'Work Sans';
font-weight:700;
text-transform:uppercase;
text-align:center;
background-color:#ffd34f;
border:0;
padding-left:30px;
padding-right:30px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
text-decoration:none !important;
}

.button:hover,a.button:hover
{
background-color:#000;
color:#fff !important;
}
.riga.inverse .col2
{
float:right;
}

.tabella.inverse
{
direction:rtl;
}

.tabella.inverse .cella
{
direction:ltr;
float:none;
}

.module
{
padding-top:100px;
padding-bottom:100px;
}

.module.seq
{
padding-bottom:0;
}

.slick-prev::before, .slick-next::before
{
width:24px;
height:37.18px;
background-size:100% auto;
background-repeat:no-repeat;
}

.slick-prev::after, .slick-next::after
{
content:"";
width:64px;
height:2px;
background-color:#ffd34f;
position:absolute;
top:50%;
z-index:2;
transform:translateY(-50%);
left:0
}

.slick-prev::before
{
background-position:center right;
}
.slick-next::before
{
background-position:center left;
}

.slick-prev
{
left:0;
transform:translate(-100%,-123%);
padding-right:40px;
}

.slick-next
{
left:auto;
right:0;
transform:translate(100%,-123%);
padding-left:41px;
}

.slick-prev.off,.slick-next.off
{
opacity:0;
cursor:default;
}

#visore
{
position: relative;
z-index: 100;
width: 100%;
background-image: url("../img/visore.jpg");
background-size: cover;
background-position: center center;
padding-top: 60px;
}

#visore .valign-center
{
position:relative;
z-index:1;
}

#visore .focus
{
max-width: 700px;
}

#first p, #six p
{
margin-top:40px;
position:relative;
z-index:1;

}

#two, #four  {
  position: relative;
  z-index: 1;
	padding-top: 100px;
  padding-bottom: 100px;
}

#two h4 {
  font-size: 25px;
  padding-top: 20px;
}
#nine video {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    margin: 0;
    min-width: 100%;
    min-height: 100%;
    z-index: 0;
}

#leftsocial
{
height:auto;
margin-top:0;
transform:translateY(-50%);
}


#three .linea_v {
    top: 0;
    right:6%;
	left:auto;
}

#three .scheda
{
position:relative;
z-index:6;
}

#three .scheda .img
{
position:absolute;
width:50%;
left:50%;
top:50%;
transform:translateY(-75%);
z-index:2;
margin:0;
}

#three .scheda .img img
{
position:relative;
z-index:1;
}

#three .scheda .img .obj1,#three .scheda .img .obj2,#three .scheda .img .obj3,#three .scheda .img .obj4
{
position:absolute;
z-index:2;
margin:0;
}

#three #scheda1 .img .obj1
{
top:-30%;
left:-10%;
width:57%;
}

#three #scheda1 .img .obj2
{
top:-25%;
right:-13%;
left:auto;
width:60%;
}

#three #scheda1 .img .obj4
{
top:62%;
left:7%;
width:70%;
}

#three #scheda4 .img .obj1
{
top:-50px;
left:15%;
width:23%;
}

#three #scheda4 .img .obj2
{
top:-15%;
right:10%;
left:auto;
width:23%;
}

#three #scheda4 .img .obj3
{
top:50%;
right:-7%;
left:auto;
width:20%;
}

#three #scheda4 .img .obj4
{
top:80%;
left:40%;
width:24%;
}

#three #scheda5 .img .obj1
{
top:-11%;
left:15%;
width:19%;
}

#three #scheda5 .img .obj2
{
top:40%;
right:-5%;
left:auto;
width:33%;
}

#three #scheda5 .img .obj3
{
top:82%;
left:20%;
width:35%;
}
#three #scheda6 .img .obj1
{
top:-12%;
left:-7%;
width:65%;
}

#three #scheda6 .img .obj2
{
top:32%;
right:-10%;
left:auto;
width:52%;
}

#three #scheda6 .img .obj3
{
top:89%;
left:22%;
width:60%;
}

#three #scheda8 .img .obj1
{
top:-12%;
left:-7%;
width:65%;
}

#three #scheda8 .img .obj2
{
top:32%;
right:-10%;
left:auto;
width:52%;
}


#three #scheda10 .img .obj2
{
top:-30%;
right:0;
left:auto;
width:85%;
}

#three #scheda11 .img .obj1
{
top:-12%;
left:-7%;
width:65%;
}

#three #scheda11 .img .obj2
{
top:32%;
right:-10%;
left:auto;
width:52%;
}

#three #scheda14 .img .obj2
{
top:-20%;
right:3%;
left:auto;
width:67%;
}

#three #scheda15 .img .obj1
{
top:-30%;
left:-6%;
width:66%;
}

#three #scheda16 .img .obj4
{
top:50%;
right:-10%;
left:auto;
width:83%;
}

#three #scheda17 .img .obj2
{
top:-23%;
right:-16%;
left:auto;
width:67%;
}

#three #scheda22 .img .obj1
{
top:-30%;
left:5%;
width:70%;
}

#three #scheda22 .img .obj3
{
top:35%;
right:-5%;
left:auto;
width:70%;
}

#three .focus.fixed
{
position:absolute;
top:0;
left:50%;
margin:0;
z-index:7;
transform:translateX(-50%);
}

#three.on .focus.fixed
{
position:fixed;
top:94px;
}

#three.passed .focus.fixed
{
top:auto;
bottom:0;
}
.linea_v.off span
{
transform: translate(-50%,0) scale(0);
}
.linea_v span
{
position:absolute;
z-index:10;
transform: translate(-50%,0) scale(1);
left:50%;
width:30px;
height:30px;
background-color:#fff;
border:3px solid #ffd34f;
border-radius:50%;
margin:0;
transform-origin:center;
}

#three .linea_v span
{
top:auto;
bottom:0;
}

#three p.intro
{
font-weight:600;
line-height:31px;
margin-left:0;
margin-top:5vh;
}

#three p.intro i
{
display:block;
}

#three #anno
{
font-family:'Work Sans';
color:#ffd34f;
font-size:220px;
line-height:220px;
font-weight:900;
opacity:0;
position:absolute;
margin:0;
z-index:6;
top:auto;
bottom:40%;
left:0;
white-space:nowrap;
}

.odometer-digit
{
margin-right:-10px;
}

#three #anno small
{
font-weight:inherit;
font-size:50px;
line-height:inherit;
display:inline-block;
margin-left:20px;
opacity:0;
transition:all .2s linear;
}

#three #anno small.on
{
opacity:1;
}

#three.on #anno
{
opacity:1;
}
#three p.testo
{
font-family:'Work Sans';
font-size:32px;
line-height:38px;
color:#282828;
font-weight:500;
opacity:0;
transform:translateX(50%);
position:absolute;
margin:0;
z-index:7;
top:58%;
left:0;
width:600px;
max-width:100%;
}
.odometer.odometer-auto-theme, .odometer.odometer-theme-digital
{
background:none;
}
#three p.testo.on
{
transform:translateX(0);
opacity:1;
}

#timeline
{
transform:translate(200%,-50%);
position:absolute;
left:auto;
right:0;
top:50%;
margin:0;
z-index:8;
}

#timeline li
{
text-align:left;
font-size:12px;
line-height:20px;
margin-top:5px;
margin-bottom:5px;
color:#515151;
font-weight:600;
font-style:italic;
width:55px;
}
#timeline li.on
{
font-weight:900;
}

#timeline li span
{
position:relative;
z-index:1;
display:inline-block;
padding-bottom:2px;
cursor:pointer;
}

#timeline li span::after
{
content:"";
width:0;
height:2px;
background-color:#ffd34f;
display:block;
position:absolute;
z-index:2;
left:auto;
right:0;
bottom:0;
top:auto;
margin:0;
}
#timeline li.on span::after
{
width:calc(100% + 25px)
}

#three .button
{
position:absolute;
z-index:11;
top:auto;
bottom:3%;
left:50%;
transform:translateX(-50%);
white-space:nowrap;
}

#four h2
{
margin-bottom:60px;
}

#four .linea_v span
{
top:0;
}

#four .tabella.inverse,#four .focus.last
{
margin-top:-100px;
}
#four .tabella.inverse .cella .name
{
left:auto;
right:0;
}

#four .focus.last
{
padding-top:150px;
}

#slide_rect .st0 {
        stroke: #ffd34f;
        stroke-width: 2px;
        fill: none;
		stroke-miterlimit:10;
        fill-rule: evenodd;
stroke-dasharray: 1840 182;
 stroke-dashoffset: 1092px;
      }
#five, #seven 
{
position:relative;
z-index:1;
overflow:hidden;
}
#five .focus
{
z-index:3;
}

#eight {
    background-image: url(../img/visore.jpg);
    background-size: cover;
    background-position: center center;
    padding-top: 100px;
    padding-bottom: 100px;
}

#ten h3 {
	font-weight: 700;
	font-family: 'Work Sans';
	font-size: 40px;
	line-height: 50px;
	text-align: center;
	color: 	#ffd34f;
	text-decoration: none;
}

#ten a {
	text-decoration: none;
}

#ten {
	position: relative;
	z-index: 1;
	padding-top: 100px;
	padding-bottom: 100px;
}

.video-last {
	max-width: 952px;
	margin-left:auto;
	margin-right:auto;
}

.container-video {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-top: 56.25%; /* 16:9 Aspect Ratio */
}

.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: none;
}

#slide_rect
{
display:inline-block;
width:624px;
max-width:100%;
}

#slide_rect p
{
position:absolute;
z-index:3;
top:50%;
transform:translateY(-50%);
left:15%;
width:75%;
margin:0;
color:#fff;
line-height:24px;
font-size:16px;
opacity:0;
}
#slide_rect p.on
{
opacity:1;
}
#slide_rect p b
{
font-weight:500;
text-transform:uppercase;
font-size:20px;
}
#slide_rect p b,#slide_rect p span
{
display:block;
color:#ffd34f;
margin-bottom:20px;
}

#slide_rect p span
{
font-weight:700;
margin-top:30px;
}

#gallery1
{
margin-top:50px;
position:relative;
z-index:1;
}

#gallery1 ul
{
position:absolute;
z-index:2;
width:100%;
top:50%;
left:0;
transform:translateY(-50%);
}

#gallery1 ul li
{
float:left;
position:relative;
z-index:1;
padding-left:calc((100% - 1040px) / 4);
}
#gallery1 ul li::before,#gallery1 ul li.on::after
{
content:"";
position:absolute;
top:41px;
margin:0;
height:2px;
background-color:#ffd34f;
z-index:1;
}
#gallery1 ul li::before
{
left:0;
width:calc(100% - 83px);
}
#gallery1 ul li.first::before,#gallery1 ul li.on::before
{
display:none;
}
#gallery1 ul li.on::after
{
right:0;
width:56px;
left:auto;
}
#gallery1 ul::after
{
content:"";
clear:both;
display:table;
}

#gallery1 ul li.first
{
padding-left:0;
}

#gallery1 ul li.on
{
padding-right:620px;
}

#gallery1 ul li svg
{
display:block;
}

#gallery1 ul li .wrap_svg
{
width:84px;
height:84px;
padding:10px;
background-color:#ffd34f;
border-radius:50%;
position:relative;
z-index:2;
cursor:pointer;
}

#gallery1 ul li.on .wrap_svg
{
background-color:transparent;
cursor:default;
transform:scale(1.6);
transform-origin:center;
}


#gallery1 ul li svg path
{
fill:#80506c;
}
#gallery1 ul li.on svg path
{
fill:#ffd34f;
}
#gallery1 ul li span
{
display:block;
font-family:'Work Sans';
font-weight:700;
color:#ffd34f;
font-size:20px;
line-height:35px;
padding-top:20px;
text-align:center;
cursor:pointer;
}
#gallery1 ul li.on span
{
font-size:35px;
cursor:default;
}

#word
{
font-family:'Work Sans';
font-weight:700;
font-size:300px;
line-height:170px;
position:absolute;
z-index:2;
top:auto;
bottom:0;
margin:0;
left:auto;
color:#876382;
animation-name: fluttua;
animation-duration: 60s;
animation-iteration-count: infinite;
animation-timing-function: linear;
white-space:nowrap;
}

@keyframes fluttua {
  0%   {right:0;transform:translateX(20%);}
  50%  {right:100%;transform:translateX(80%);}
  100% {right:0;transform:translateX(20%);}
}

#page.loading::before
{
content:"";
position:fixed;
z-index:10;
background-color:#000;
opacity:0.7;
background-image:url("../img/ajax-loader.gif");
background-position:center center;
background-repeat:no-repeat;
margin:0;
top:0;
left:0;
width:100%;
height:100%;
}

.sfondo_animato {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
	z-index:0;
}

/* roba nuova */

#visore .main-image {
  position: relative;
  bottom: -22px;
}

#first, #three, #six {
  padding-top: 100px;
  padding-bottom: 100px;
}

.focus-2
{
  max-width: 700px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}

.focus-3
{
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}

.focus-4
{
  max-width: 950px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}

#first p {
  font-size: 30px;
  line-height: 40px;
  font-style: italic;
  color: #fff;
}

#first, #three, #six, #ten, #gallery {
  position: relative;
  z-index: 10;
}

#three p {
  font-size: 30px;
  line-height: 40px;
  font-style: italic;
  color: #000;
  text-align: center;
  max-width: 850px;
}

#two .linea_v.right {
  right: 8%;
  top: 25%;
}

#four .linea_v.right, #five .linea_v.right, #seven .linea_v.right   {
  top: -5%;
  right: 8%;
  z-index: -100;
}

#four .focus-4 {
  height: 200px;
}

#two .linea_v.left {
  left: 0;
  top: -30%;
}

#first p::before
{
display:block;
width:0;
height:0;
border-left:10px solid #fff;
border-top:7px solid transparent;
border-bottom:7px solid transparent;
left:-5%;
top:14px;
margin:0;
position:absolute;
z-index:2;
content:"";
}

.spacing {
  padding-top: 70px;
  padding-bottom: 70px;
}

.spacing-bottom {
  padding-bottom: 70px;
}

.spacing-top {
  padding-top: 10%;
}

#six p {
  font-size: 37px;
  line-height: 45px;
  text-align: center;
  color: #000;
  font-weight: bold;
}

.icon-block-1 {
  position: absolute;
  left: 0;
  top: 0;
}

.icon-block-2 {
  position: absolute;
  right: 0;
  top: 0;
}

.cont-abs {
  position: relative;
}

.image-abs-1 {
  position: absolute;
  top: 10%;
  right: -100px;
  z-index: -1;
}

.image-abs-2 {
  position: absolute;
  top: 10%;
  left: -50px;
  z-index: -1;
}

.image-abs-3 {
  position: absolute;
  top: 20%;
  right: -50px;
  z-index: -1;
}

.last .linea_v.left {
  top: 0;
}

#four .cella {
  vertical-align: top;
}

#seven .focus-4 {
  z-index: -10;
}

#ten img {
	display: inline-block;
	padding-left: 10px;
}

#eight h2.mini {
	font-size: 40px;
}

.box-height {
	height: 150px;
}

.svg-container
{
display: inline-block;
position: relative;
width: 100%;
vertical-align: middle; 
overflow: hidden; 
}

.svg-container object
{
display: inline-block;
position: absolute;
top: 0;
left: 0;
width:100%;
height:100%;
}

#four .svg-container
{
padding-bottom: 115.014%;
margin-bottom:-140px;
}

#quiz
{
position:fixed;
z-index:10;
top:auto;
left:auto;
margin:0;
bottom:0;
margin-bottom:2%;
right:2%;
width:410px;
color:#fff;
visibility:hidden;
opacity:0;
}

.wrap_quiz
{
overflow:hidden;
position:relative;
z-index:1;
padding-top:20px;
padding-bottom:20px;
-webkit-box-shadow: 0px 0px 106px 9px #CCCCCC; 
box-shadow: 0px 0px 106px 9px #CCCCCC;
border-radius:10px;
}

#quiz::after
{
z-index:-1;
position:absolute;
margin:0;
top:0;
left:0;
width:100%;
height:100%;
border-radius:10px;
border:2px solid #ffd34f;
transform:translate(10px,-10px);
content:"";
}

#quiz.on
{
visibility:visible;
opacity:1;
}

.blocco_domanda
{
position:relative;
z-index:2;
display:none;
transform:translateX(100%);
}

.domanda
{
font-family:'Work Sans';
font-weight:700;
font-size:25px;
line-height:30px;
padding-bottom:20px;
position:relative;
z-index:1;
}
.domanda::after
{
position:absolute;
z-index:1;
top:auto;
bottom:0;
left:0;
width:100%;
height:3px;
background-color:#ffd34f;
content:"";
margin:0;
}
.question
{
margin-left:30px;
margin-right:30px;
position:relative;
z-index:1;
}
.risposta
{
margin-top:20px;
padding-left:70px;
font-size:19px;
line-height:22px;
cursor:pointer;
position:relative;
z-index:1;
}

.risposta span
{
position:absolute;
z-index:1;
margin:0;
left:0;
top:50%;
transform:translateY(-50%);
width:50px;
line-height:46px;
border:2px solid #ffd34f;
color:#ffd34f;
text-transform:uppercase;
display:block;
font-family:'Work Sans';
font-weight:700;
font-size:35px;
border-radius:50%;
text-align:center;
}

.response
{
display:none;
opacity:0;
}

.question,.response
{
max-width:360px;
margin-left:auto;
margin-right:auto;
}

.response .risposta
{
padding-left:0;
cursor:default;
}

#gallery .number
{
text-align:center;
font-family:'Work Sans';
font-weight:900;
font-size:233px;
line-height:233px;
color:#ffd34f;
letter-spacing:-12px;
position:relative;
z-index:1;
display:inline-block;
margin-top:100px;
margin-bottom:100px;
}
#gallery .number span
{
position:relative;
z-index:2;
}

#gallery .number::before
{
content:attr(title);
position:absolute;
top:0;
z-index:1;
left:0;
color:transparent;
-webkit-text-stroke: 2px #ffd34f;
margin:0;
transform:translate(-20px,-12px)
}

#gallery .number img
{
position:absolute;
z-index:1;
margin:0;
}

#gallery .number img.object1
{
top:auto;
bottom:100%;
left:auto;
right:0;
}

#gallery .number img.object2
{
top:90%;
left:0;
}

#gallery .slide1 .number img.object1,#gallery .slide4 .number img.object1,#gallery .slide6 .number img.object1
{
right:-30px;
}

#gallery .slide1 .number img.object2,#gallery .slide4 .number img.object2,#gallery .slide6 .number img.object2
{
left:-70px;
}
#gallery .slide1 .number img.object2,#gallery .slide6 .number img.object2
{
top:80%;
}
#gallery .slide4 .number img.object2,#gallery .slide7 .number img.object2
{
top:100%;
}

#gallery .slide5 .number img.object1,#gallery .slide7 .number img.object1
{
right:30px;
}

#gallery .slide5 .number img.object2,#gallery .slide7 .number img.object2
{
left:70px;
}

#page #gallery p
{
max-width:100%;
line-height:31px;
font-style:italic;
color:#ffd34f;
margin-top:10px;
}

#page #gallery .slide p
{
color:#fff;
font-family:'Work Sans';
font-weight:500;
font-size:30px;
line-height:45px;
margin-top:25px;
font-style:normal;
}

#gallery h2
{
color:#fff;
font-size:40px;
line-height:50px;
}

.slick-dots
{
bottom:-20px;
}

.slick-dots li
{
width:15px;
height:15px;
border:2px solid #ffd34f;
margin:0px 18px;
}

.slick-dots li.slick-active
{
background-color:#ffd34f;
transform:scale(1.7);
}

.center
{
text-align:center;
}

.slick-prev, .slick-next
{
top:100%;
padding:0;
}
.slick-prev
{
left:auto;
right:50%;
}
.slick-next
{
left:50%;
right:auto;
}
.slick-prev::after, .slick-next::after {
display:none;
}
.slick-prev
{
transform:translate(-240px,-5px);
}
.slick-next
{
transform:translate(240px,-5px);
}

#gallery {
	z-index: 100;
}

#ten h2.mini {
	color: #fff;
	margin-bottom: 30px;
}

.giallo {
	background-color: #ffd34f;
	padding: 30px;
}

#two .tabella {
	margin-left: 110px;
}

.ico-destra-head {
 	position: absolute;
 	right: 0;
 	top: 20px;
 	z-index: 1000;
 	max-width: 20%;
}

.wrap-main-image {
	position: relative;
	margin: 0 auto;
	max-width: 1200px;
}

.ico-sinistra-head {
	position: absolute;
 	left: 0;
 	top: 20px;
 	z-index: 1000;
 	max-width: 20%;
}

#quiz > span
{
position:absolute;
margin:0;
z-index:2;
top:5px;
right:11px;
left:auto;
cursor:pointer;
}

#quiz > span::before
{
content:"X";
font-size:20px;
line-height:20px;
font-family:'Work Sans';
font-weight:700;
color:#fff;
}

#quiz.minimized > span::before
{
content:"?";
}

#quiz.minimized .blocco_domanda
{
display:none !important;
}
#quiz.minimized::after {
display:none;
}
#quiz.minimized
{
width:33px;
}
#quiz.minimized .wrap_quiz
{
width:33px;
height:33px;
overflow:hidden;
margin-left:auto;
margin-right:0;
}

#quiz.minimized .wrap_quiz
{
padding-top:7px;
}