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

*
{
box-sizing:border-box;
}
html,body
{
overflow:auto !important;
}

body
{
font-family: 'canada-type-gibson', arial;
color:#28251e;
font-weight:400;
background-color:#fff;
}

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

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

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

.opacita.off
{
opacity: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;
}

b
{
font-weight:700;
}

#page
{
overflow: hidden;
margin-top:94px;
}


.button,a.button
{
text-align:center;
min-width:200px;
max-width:100%;
position: relative;
z-index:1;
font-size:20px;
line-height:55px;
height:50px;
cursor:pointer;
display:inline-block;
color:#fff;
text-transform:uppercase;
font-weight:700;
text-align:center;
background-color:#004289;
border:0;
padding-left:30px;
padding-right:30px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

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

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

/* custom code */
#page p
{
max-width:810px;
margin-left:auto;
margin-right:auto;
letter-spacing:0.5px;
}
#page p b
{
font-weight:600;
}
.focus
{
max-width:1080px;
}

#visore
{
height:810px;
background-size:cover;
background-position:bottom center;
background-image:url("../img/visore.png");
}
.cornice
{
position:absolute;
z-index:3;
top:30px;
height:calc(100% - 60px);
left:3%;
width:94%;
overflow:hidden;
}
.cornice span
{
position:absolute;
z-index:1;
margin:0;
}
.cornice .angolo_bottom_dx,.cornice .angolo_bottom_sx,.cornice .angolo_top_dx,.cornice .angolo_top_sx
{
border:4px solid #af882a;
border-radius:50%;
/*background-image:url("../img/angolo_cornice.png");*/
width:78px;
height:78px;
transform-origin: center center;
}
.cornice .angolo_bottom_dx
{
bottom:-39px;
right:-39px;
left:auto;
top:auto;
transform:rotate(180deg);
}
.cornice .angolo_bottom_sx
{
bottom:-39px;
left:-39px;
top:auto;
transform:rotate(-90deg);
}
.cornice .angolo_top_dx
{
top:-39px;
right:-39px;
left:auto;
transform:rotate(90deg);
}
.cornice .angolo_top_sx
{
top:-39px;
left:-39px;
}
.cornice .linea_v_sx,.cornice .linea_v_dx
{
width:4px;
background-color:#af882a;
height:calc(100% - 78px);
top:39px;
}
.cornice .linea_h_top,.cornice .linea_h_bottom
{
height:4px;
background-color:#af882a;
width:calc(100% - 78px);
left:39px;
}
.cornice .linea_v_sx
{
left:0;
}
.cornice .linea_v_dx
{
left:auto;
right:0;
}
.cornice .linea_h_top
{
top:0;
}
.linea_h_bottom
{
top:auto;
bottom:0;
}
#visore .cornice
{
height:calc(100% - 80px);
}
#visore #luppoli1,#visore #luppoli2
{
position:absolute;
left:0;
width:100%;
margin:0;
top:0;
}
#visore #luppoli1
{
z-index:4;
}
#visore #luppoli2
{
z-index:1;

}
#visore .focus
{
max-width:900px;
padding-top:150px;
}
#visore .focus span
{
font-family:'garamond-premier-pro';
font-style:italic;
font-size:60px;
line-height:56px;
margin-bottom:20px;
display:block;
}
h1
{
font-weight:700;
color:#af882a;
font-size:70px;
line-height:67px;
text-transform:uppercase;
}
h1 b
{
color:#022755;
}
#visore .valign-center
{
position:relative;
z-index:6;
}
#visore p
{
font-family:'garamond-premier-pro';
font-size:30px;
line-height:36px;
max-width:880px;
margin-left:0;
letter-spacing:0;
}
#two
{
background-image:url("../img/bg2.jpg");
background-position:center center;
background-size:cover;
padding-top:90px;
padding-bottom:70px;
z-index:0;
margin-top:-30px;
}
#two p
{
color:#fff5b7;
font-size: 23px;
line-height: 33px;
}
#three::before
{
display:block;
height:293px;
content:"";
background-image:url("../img/bg3.png");
background-position:bottom center;
background-size:cover;
}
h2
{
font-weight:700;
text-transform:uppercase;
color:#022755;
font-size:50px;
line-height:56px;
z-index: 10000;
}
h2 span
{
font-family:'garamond-premier-pro';
font-style:italic;
display:inline;
text-transform:none;
color:#28251e;
}
h2 span.left_virg
{
margin-right:10px;
}
#three h2
{
max-width: 810px;
margin-left: auto;
margin-right: auto;
margin-top:30px;
}

.tabella.riga
{
table-layout:fixed;
width:calc(100% + 30px);
}
.tabella.inverse
{
direction:rtl;
}
.tabella.inverse .cella
{
direction:ltr;
}
#page .modulo2full p,#page .modulo2full h2
{
width:94%;
max-width:525px;
margin-left:0;
margin-right:auto;
}
#page .modulo2full.inverse p,#page .modulo2full.inverse h2
{
margin-left:auto;
margin-right:0;
}
#three .modulo2full
{
margin-top:70px;
}
.foto_didascalia,.foto_didascalia img
{
position:relative;
z-index:1;
}
.foto_didascalia
{
display:inline-block;
}
.foto_didascalia span
{
position:absolute;
z-index:2;
font-size:28px;
line-height:33px;
color:#fff;
margin:0;
top:auto;
bottom:6%;
left:5%;
font-style:italic;
display:inline-block;
font-family:'garamond-premier-pro';
text-align:left;
width:90%;
}
#four
{
background-size:cover;
background-position:bottom center;
margin-top:60px;
padding-bottom:150px;
background-image:url("../img/bg4.png");
}
#four::before
{
width:100%;
display:block;
background-size:cover;
background-position:center center;
background-image:url("../img/fasciabg4.png");
height:40px;
content:"";
transform:translateY(-100%);
}
#four .focus
{
padding-top:120px;
max-width: 810px;
}
#four h2
{
max-width:565px;
margin-left:0;
margin-right:auto;
}
#five
{
z-index:0;
margin-top:-2%;
margin-bottom:-2%;
}
#gallery,#gallery .slide
{
height:765px;
}
#gallery .slide
{
width:100%;
background-size:cover;
background-position:bottom center;
}
#gallery .slide1
{
background-image:url("../img/gallery1.png");
}
#gallery .slide2
{
background-image:url("../img/gallery2.png");
}
#gallery .slide3
{
background-image:url("../img/gallery3.png");
}
#gallery .slide4
{
background-image:url("../img/gallery4.png");
}
#gallery .slick-prev,#gallery .slick-next
{
width:46px;
height:82px;
}
#gallery .slick-prev
{
background-image:url("../img/prev.png");
}
#gallery .slick-next
{
background-image:url("../img/next.png");
}
#six::before,#six::after
{
position:absolute;
z-index:0;
left:0;
width:100%;
height:100px;
background-size:cover;
margin:0;
content:"";
}
#six
{
padding-top:140px;
z-index:-1;
padding-bottom:100px;
}
#six::before
{
top:0;
background-position:top center;
background-image:url("../img/bg5top.png");
}
#six::after
{
top:100px;
background-position:bottom center;
background-image:url("../img/bg5bottom.png");
}
#six h2
{
max-width:500px;
margin-left:0;
margin-right:auto;
}
#six .riga
{
padding-top:20px;
}
#six .modulo2full
{
padding-top:70px;
padding-bottom:70px;
}
#six .luppoli
{
position:absolute;
left:100%;
top:0;
transform:translate(-40%,-60%);
z-index:1;
margin:0;
}
#seven
{
padding-top:80px;
background-color:#af882a;
}

#page #seven p
{
font-size:30px;
line-height:36px;
max-width:492px;
font-family:'garamond-premier-pro';
padding-bottom:55px;
z-index: 10000;
}
#seven .luppoli
{
position:absolute;
z-index:0;
margin:0;
background-repeat:no-repeat;
}
#seven .luppoli1
{
left: 21%;
top: -40px;
width: 540px;
height: 300px;
background-image: url("../img/luppoli4.png");
transform: translateX(-70%);
}
#seven .luppoli2
{
left:auto;
right: 15%;
top: -62px;
width: 202px;
height: 283px;
background-image: url("../img/luppoli5.png");
transform: translateX(70%);
}
#seven .luppoli3
{
left:auto;
right: calc(15% + 155px);
top: -20px;
width: 156px;
height: 189px;
background-image: url("../img/foglia2.png");
transform: translateX(70%);
}
#widget
{
margin-top:-50px;
background-image:url("../img/bg6.png");
background-position:top center;
background-size:cover;
position:relative;
z-index:3;
padding-top:2%;
padding-bottom:1px;
}
#widget .cornice
{
position:relative;
top:0;
height: auto;
left:1%;
width:98%;
margin-bottom:1%;
}
#widget #luppoli
{
position:absolute;
top:auto;
bottom:3%;
left:50%;
transform:translateX(-50%);
margin:0;
}
#widget #luppoli li
{
width:56px;
height:72px;
display:inline-block;
background-image:url("../img/luppolo.png");
margin-left:10px;
margin-right:10px;
}
#widget #luppoli li.on
{
background-image:url("../img/luppolo_on.png");
}
#bicchiere
{
width:calc(100% - 400px);
margin-left:auto;
margin-right:auto;
max-width:630px;
}
#bicchiere,#bicchiere img
{
position:relative;
z-index:1;
}
#bicchiere #area_drop
{
position:absolute;
z-index:3;
top: 6%;
height: 73%;
width: 35%;
left:50%;
transform:translateX(-50%);
}
#etichette_sx,#etichette_dx
{
position:absolute;
z-index:2;
top:50%;
transform:translateY(-50%);
margin:0;
}
#etichette_sx
{
left:0;
}
#etichette_dx
{
left:auto;
right:0;
}
#widget .focus
{
position:relative;
z-index:2;
}
#widget .etichetta
{
width:203px;
height:93px;
font-weight:700;
text-transform:uppercase;
font-size:21px;
line-height:21px;
padding-left:62px;
padding-right:25px;
padding-bottom:8px;
text-align:left;
cursor:grab;
}
#widget .etichetta.ui-draggable-dragging
{
cursor:grabbing;
}
#widget .etichetta.ui-draggable-disabled
{
cursor:default;
}
#widget .etichetta.yellow
{
background-image:url("../img/label_yellow.png");
}
#widget .etichetta.blue
{
background-image:url("../img/label_blue.png");
color:#fff5b7;
}
#widget .etichetta.brown
{
background-image:url("../img/label_brown.png");
color:#fff5b7;
}
#etichette_sx .indent1
{
margin-left:60px;
}
#etichette_sx .indent2
{
margin-left:30px;
}
#etichette_dx .indent1
{
margin-left:-60px;
}
#etichette_dx .indent2
{
margin-left:-30px;
}
#widget .etichetta.dropped
{
transform:scale(0.7);
margin:0 !important;
}
#widget .etichetta.dropped1
{
transform-origin:bottom right;
}
#widget .etichetta.dropped2
{
transform-origin:bottom left;
}
#widget .etichetta.dropped3
{
transform-origin:top right;
}
#widget .etichetta.dropped4
{
transform-origin:top left;
}
#response
{
position:absolute;
z-index:20;
top:0;
left:0;
width:100%;
height:100%;
visibility:hidden;
opacity:0;
background-image:url("../img/overlay.png");
background-position:top center;
background-size:cover;
}
#response.on
{
visibility:visible;
opacity:1;
}
#response h2
{
color:#fff5b7;
}
#page #seven #response p
{
max-width:745px;
padding-bottom: 10px;
color:#fff;
}
#footer .disclaimer p.rightimg img
{
width:68px;
}
#cta_banner
{
display:block;
text-align:center;
padding-top:30px;
padding-bottom:25px;
font-size:24px;
line-height:24px;
color:#fff;
background-color:#af882a;
}
#three::after
{
content:"";
background-image:url("../img/foglia3.png");
position:absolute;
z-index:2;
top:35%;
left:-1%;
width:241px;
background-size:100% auto;
background-repeat:no-repeat;
background-position:center center;
height:201px;
}
#response .button.off
{
display:none;
}
/* end custom code */