@font-face {
    font-family: 'ubuntubold';
    src: url('../font/ubuntu-b-webfont.eot');
    src: url('../font/ubuntu-b-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/ubuntu-b-webfont.woff') format('woff'),
         url('../font/ubuntu-b-webfont.ttf') format('truetype'),
         url('../font/ubuntu-b-webfont.svg#ubuntubold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ubunturegular';
    src: url('../font/ubuntu-r-webfont.eot');
    src: url('../font/ubuntu-r-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/ubuntu-r-webfont.woff') format('woff'),
         url('../font/ubuntu-r-webfont.ttf') format('truetype'),
         url('../font/ubuntu-r-webfont.svg#ubunturegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ubuntuitalic';
    src: url('../font/ubuntu-ri-webfont.eot');
    src: url('../font/ubuntu-ri-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/ubuntu-ri-webfont.woff') format('woff'),
         url('../font/ubuntu-ri-webfont.ttf') format('truetype'),
         url('../font/ubuntu-ri-webfont.svg#ubuntuitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
* { border:none; list-style:none; text-decoration:none; margin:0; padding:0; }
body {	background:#fff; overflow-x:hidden; font-family:'ubunturegular'; color:#1c1c1c; min-width:990px; color:#254f75}
a {}
a:visited {}
a:hover {}
strong {    font-family: 'ubuntubold'; font-weight:100}
.logo { margin:10px auto 0px}
.azzurro { color:#79d2ff}
.container { width:990px; margin:0 auto; position:relative;}
h1 { font-size:50px; color:#fff; line-height:1;}
h2 { font-size:30px; color:#fff; line-height:1;}
h5 { font-family:ubuntubold; float:left; width:100%; margin:10px 0 20px}
.giallo { color:#ffe035; }
.pulisco {clear:both }
.checklist { margin:-10px auto; }
.checklist li { color:#fff; font-size:15px }
#subForm { background:rgba(0,0,0,0.6); border-radius:7px; padding:23px; display: inline-block; width:642px; margin:20px 0}
#subForm input {   background: none repeat scroll 0 0 #fff;  border-left: 7px solid #038cd3; border-radius: 5px; float: left; font-size: 16px; padding: 19px 11px 20px;width: 299px;}
#subForm button[type=submit], button  { min-width:233px;  border-left: medium none;  border-radius: 5px;  color: #003955;  display: inline-block;  float: left;  font-family: "ubuntubold";  font-size: 18px;  line-height: 1;  
margin-left: 11px;  padding: 13px 51px 8px 10px;  text-align: left;  text-transform: uppercase;  width: auto;background:url(../_images/arrowleft.png) no-repeat right center #ffe035;position:relative; z-index: 200; cursor:pointer}
#subForm button:hover { background:url(../_images/arrowleft.png) no-repeat right center #ffcf25;}
#telechargement:hover { background:url(../_images/arrowup.png) no-repeat right center #ffcf25;}
#field3:focus { background:#DCF7F7}
#subForm input.error { border-color:#F00 }
#subForm input.error:focus { background:#ffe0df }
.privacy {color: #5f819f; font-size: 8px; left: 0; letter-spacing: 0.2px; margin: -42px 0 0 29px; position: absolute; text-transform: uppercase; width: auto;}
.privacy a {color: #5f819f;}
.laprivacy {  background:#fff; height:500px; overflow-y:scroll; overflow-x:hidden; border: 9px solid; box-shadow: 0 0 60px -22px #202020; font-size: 13px; line-height: 1.5;margin: 0 auto; padding: 40px; text-align: justify; width: 500px;}
.laprivacy ul li  { list-style:disc; }
.laprivacy ul  { margin:10px 0 5px 30px}
#closebutton { cursor: pointer; margin: 10px; position: absolute; right: 0; top: 0; z-index: 100000;}
.pdf {   margin: 0 auto;
    position: absolute;
    right: -8px;
    top: 61px;
    z-index: 42;}
.pdf img {   -moz-user-select: none;  -khtml-user-select: none;  -webkit-user-select: none;   -o-user-select: none; }
.offerte {float: left; margin: 0; width: 100%;}
.offerte video { float:left}
#video { }
#video:hover { }
.video { float:left; width:504px;  margin: 13px 0 0;}
.video p { float: left; font-size: 14px; font-weight: 100; line-height: 1.6; margin: 11px 0; text-align: justify; }
.offerte .container { padding: 0;}
.offerte article {  float: right; margin: 0; padding: 0; width: 446px;}
.offerte article p { text-align:justify; font-size:12px; line-height:1.6}
.scopri {  background: url("../_images/backdec.png") no-repeat scroll right center rgba(0, 0, 0, 0); color: #153f65; font-family: ubuntubold; font-size: 40px; font-style: italic; 
height: 46px; line-height: 2; padding: 22px 0 13px; position: absolute; right: -73px; text-align: center; top: -118px; width: 630px; }
h3 { font-family:'ubuntubold'; font-size:24px; margin: 4px 0 8px; color:#153f65}
h3 img { display: inline-block; margin: 3px 0 -17px;}
.offerte article p strong { font-family: "ubuntubold"; font-size: 14px; font-weight: 100;}
#scoprioff {  background:url(../_images/arrowleftwhite.png) no-repeat right center #53c5f5;border-left: medium none;border-radius: 5px;color: #fff;cursor: pointer;display: inline-block;
float: left;font-family: "ubuntubold"; font-size: 18px;  line-height: 1;margin: -3px 0 0 -28px; padding: 13px 60px 8px 20px;  text-align: left; text-transform: uppercase; width: auto; z-index:0;cursor:pointer}
#scoprioff:hover {background:url(../_images/arrowleftwhite.png) no-repeat right center #1395cf;}
#telechargement { min-width:233px;   border-left: medium none; border-radius: 5px; color: #003955; cursor: pointer; display: inline-block; float: left; font-family: "ubuntubold"; font-size: 18px; line-height: 1; margin: 14px auto 0; 
padding: 13px 51px 8px 10px; position: relative; text-align: left; text-transform: uppercase; width: auto; z-index: 200;background:url(../_images/arrowup.png) no-repeat right center #ffe035;}
.offerteda { float: right; margin:47px 0 0; position: relative; width: 452px;}
.offerteda a { height: 141px; z-index:100; left: 0; position: absolute; right: 0; top: -45px; cursor:pointer; width: 100%;}
.offerteda:hover { opacity:0.85}
.offerteda p { float: left; font-family: ubuntuitalic; font-size: 27px; font-weight: 100; line-height: 1; margin-right: -6px; text-align: right; width: 140px;}
.offerteda figure {   float: left; font-size: 20px; line-height: 1; margin: -51px 0 0; position: relative; text-align: right; z-index: 2;}
.teimognages { width:100%; background:url(../_images/teimognages.png) repeat top center; height:500px; float:left; min-width:990px; margin-bottom:-10px  }
.teimognages h3 { text-align:center; margin:36px 0 0; }
.teimognages section {float: left; margin: 0 10px; width: 310px;}
.teimognages .first p { font-size: 14px;}
.teimognages .second p {font-size: 13px;}
.teimognages .third p {font-size: 14px;}
.teimognages figure {  margin-bottom: -44px;  margin-top: 15px;  position: relative; text-align: center;} 
.teimognages p { background:#fff;min-height: 147px;  box-shadow: 0 6px 0 0 #cfdfef;  color: #696969;  font-family: ubuntuitalic;  font-size: 13px;  height: auto;  line-height: 1.6;  padding: 46px 18px 20px;  text-align: center;} 
.teimognages .nome { text-align:center; font-family:ubuntubold; font-size:20px; margin:20px auto 0; color:#0199e6 }
.prefooter {   float: left; height:auto;  min-height: 290px; margin-top: -10px; width: 100%; background:url(../_images/prefooter.png) repeat center center;background-size:cover;  }
.prefooter h3 { color:#fff; text-align:center; width:100%; font-size:27px; padding:80px 0 0}
.bottoni { height: 100px; margin: 0 auto; width: 495px;}
.bottoni #scoprioff { margin:0 auto}
.bottoni #telechargement {   margin: 0 20px 0 auto;}
footer { padding:20px 0 27px; float:left; width:100%; }
footer p { float:left; font-size:12px; margin:25px 0 0 }
footer figure { float:right; }
footer figure span { margin:20px 0; float:left; font-size:13px }
footer figure span a { color:#ff4e4e}
footer figure img { float:right; margin:-20px 0}
.videoframe { display:none}
/**SECONDA LANDING**/
.video2 { float:left; width:100%;  margin:6px 0 10px;}
.video2 figure { float:left}
.video2 p { float: left; font-size: 14px; font-weight: 100; width:461px; line-height: 1.6; margin: 0px 0px 0 24px; text-align: justify; }
.video2 .offerteda p {float: left;  font-family: ubuntuitalic;  font-size: 27px;  font-weight: 100;  line-height: 1;  margin-right: -6px;  text-align: right;  width: 140px;}
.video2 .offerteda {  float: right;  margin: 30px 0 0;  position: relative;  width: 479px;}
.video2 iframe { float:left}
.secfascia { width:100%; float:left; margin:-51px 0 60px}
.colonna { float:left; position:relative; width:310px; margin:0 10px; }
.colonna a { width:100%; height:100%; position:absolute; z-index:200}
.colonna figure {   height: 235px; overflow: hidden; width: 312px; position:relative}
.colonna:hover { cursor:pointer;}
.colonna:hover figure img { }
.colonna:hover figure { height: 235px;width: 312px;}
.hoverblocco {   height: 239px; position: absolute; transition:linear; -webkit-transition:linear; -moz-transition:linear; -o-transition:linear;animation:2s;-webkit-animation:2s;-moz-animation:2s;	
-o-animation:2s;transform: translate3d(0,0,0);top:289px;margin:-3px 0; width: 313px; background:url(../_images/hover.jpg) no-repeat center center; transition:0.5s;-webkit-transition:0.5s; 
-moz-transition:0.5s; -o-transition:0.5s;}
.colonna:hover .hoverblocco { display:block; top:0;	opacity:1; overflow:hidden;}
.colonna:hover p { opacity:0.8}
.colonna figure {}
.colonna h3 { text-align:center; margin:20px 0}
.colonna p { font-size:13px; padding:10px 0; line-height: 1.6; text-align:justify;}
.teimognages2 { width:100%; background:url(../_images/teimognages2.jpg) repeat top center; height:500px; float:left; min-width:990px;  }
.teimognages2 h3 { text-align:center; margin:36px 0 0; }
.teimognages2 section {float: left; margin: 0 10px; width: 310px;}
.teimognages2 .first p { font-size: 14px;}
.teimognages2 .second p {font-size: 13px;}
.teimognages2 .third p {font-size: 14px;}
.teimognages2 figure {  margin-bottom: -44px;  margin-top: 15px;  position: relative; text-align: center;} 
.teimognages2 p { background:#fff;min-height: 147px;  box-shadow: 0 6px 0 0 #cfdfef;  color: #696969;  font-family: ubuntuitalic;  font-size: 13px;  height: auto;  line-height: 1.6;  padding: 46px 18px 20px;  text-align: center;} 
.teimognages2 .nome { text-align:center; font-family:ubuntubold; font-size:20px; margin:20px auto 0; color:#0199e6 }
.shadow { background:url(../_images/shadow.jpg) no-repeat top center; background-size:contain; height:85px; margin-top: 40px; width:100%; float:left}
#telechargement.ultimo { background:url(../_images/arrowup.png) no-repeat right center #ffe035; }
.pulsante button { background-image:none; margin:43px 0 0; float:left; text-align:center; padding:13px 13px 8px 10px}
.tornaindietro { float:left; width:auto;}
.tornaindietro:hover { opacity:0.9; cursor:pointer}
.tornaindietro img { float:left}
.prefooter p { color: #fff; font-size: 12px; padding: 0 20px 20px; text-align: center; width: auto;}
.prefooter p strong { font-size:16px;}
@media (max-width: 990px) { 
body { min-width:inherit}
.logo { margin: 0 auto; text-align: center;}
h1 { text-align:center; font-size:40px}
h2 { font-size: 25px;  margin: 0 auto; text-align: center; width: 90%;}
#subForm {  margin: 20px 6%; padding: 20px 3%; width: auto;}
#field3 {background: #fff;  border-left: 7px solid #038cd3; border-radius: 5px; float: left; font-size: 16px; padding: 19px 11px 20px; width: 299px;}
#subForm button[type="submit"], button {    float: left; margin: 10px 0 0;  padding: 22px 10px;  width: 329px;}
#subForm button[type="submit"] br { display:none}
.pdf { margin: 0 auto; position: relative; right: -46%; top: -322px; z-index: 42;display:none}
#form_home {  float: right; margin: 0 auto; width: 50%;text-align:center}
.container { width:100%;}
.checklist.container { float: left; margin: 48px 0 0 2.5%; width: 47%;}
.checklist li { color: #fff; font-size: 14px;}
.callbacks_nav { display:none }
.scopri {right: 0;top: -58px; width: 100%;}
.video2 { text-align:center}
.video2 p { float: none; font-size: 14px;font-weight: 100; line-height: 1.6; margin: 0 auto; text-align: justify; width: 506px;}
.video2 .offerteda {  float: none; margin: 30px auto 0; position: relative; width: 479px;}
.video2 > .offerteda figure {  float: left;  margin: -50px auto 0;}
.video2 figure { float:none; margin:0 auto;}
.scopri { left: 0; margin: 0 auto; right: 0; top: -107px; width: 640px;}
.colonna {  margin: 20px 0; text-align: center; width: 100%;}
.colonna figure { float: left; margin: 0 2%;  width: 30%;}
.colonna figure img {  width: 100%; height:auto}
.colonna p { float: left; font-size: 14px; line-height: 1.6; padding: 10px 0; text-align: justify; width: 64%;}
.colonna h3 { float: right; margin: 20px 0 0; text-align: left; width: 66%;}
.teimognages2 { min-width:inherit; height:auto; padding-bottom:50px; background-size:cover}
.teimognages2 section { float: left; margin: 0 5% 50px; width: 90%;}
.teimognages2 p { min-height:inherit; padding:46px 18px 40px}
.teimognages2 p br { display:none}
.prefooter h3 { font-size:22px}
.colonna:hover .hoverblocco { display:block; top:0;	opacity:1; overflow:hidden; width:100%; background-size:contain; background-position:top center; margin:0; }
.colonna:hover figure { height: 235px; width: 30%;}
.hoverblocco { width:100%;}
.privacy { color: #5f819f; font-size: 8px; letter-spacing: 0.2px; margin: 178px auto; position: absolute; right: 19%; text-align: right; text-transform: uppercase; width:auto;}

}
@media (max-width: 860px) { 
h1 { font-size: 28px;  text-align: center;}
h2 { font-size: 21px;  margin: 0 auto;  text-align: center;  width: 90%;}
.slideshow {height:670px}
.checklist.container { float: left; margin: 0 auto; width: 100%;}
#form_home {  float: right;  margin: 0 auto;  text-align: center;  width: 100%;}
.checklist li { color: #fff; font-size: 14px; margin: 0 auto; width: 430px;}
.colonna h3 { float: right; margin: 0; text-align: left; width: 66%;}

}
@media (max-width: 860px) { 
.scopri { width:100%}
.privacy { color: #f90; font-size: 8px; letter-spacing: 0.2px; margin: 179px auto 0; position: absolute; text-align: center; text-transform: uppercase; width: 100%;right:inherit;}
}
@media (max-width: 460px) { 
.logo img { width:75px; margin:8px auto 0; height:auto}
h1 { font-size: 8.9vw; padding: 0; text-align: center; width: auto;}
h2 { font-size: 16px;  margin: 0 auto;  text-align: center;  width: 94%;}
#subForm {  margin: 20px auto; padding: 10px 3%;  width: 90%;}
#subForm input {  background:#fff;  border-left: 7px solid #038cd3; border-radius: 5px; float: left; font-size: 16px; padding:18px 2% ; width: 94%;}
#subForm button[type="submit"], button { float: left; margin: 10px 0 0; padding: 10px 2% 7px; width: 100%;}
#subForm button[type="submit"] br { display:block}
.checklist { display:none}
.checklist li { width:auto; height:50px; line-height:1.3} 
.checklist li img { float:left } 
.slideshow {  height: 478px;}
.rslides { height:440px}
.scopri {  background-size: contain;  font-size: 28px;  left: 0;  margin: 0 auto;  padding: 46px 0 0;  right: 0;  text-align: center;  top: -107px;  width: 100%;}
#scoprioff { background: url("../_images/arrowleftwhite.png") no-repeat right center #53c5f5; border-left: medium none;  border-radius: 5px;  color: #fff;  cursor: pointer;  display: inline-block;  
float: left;  font-family: "ubuntubold"; font-size: 18px;
 line-height: 1; margin: -3px 0 0 -28px; padding: 13px 18% 8px 5%; text-align: left; text-transform: uppercase; width: auto; z-index: 0;}
.video2 figure img { width:100%; height:auto }
.video2 iframe { width:100%; height:auto; min-height:300px; }
.video2 p { float: left; font-size: 14px;font-weight: 100; line-height: 1.6; margin: 0 auto; padding: 20px 20px 20px; text-align: justify; width: auto;}
.video2 .offerteda { float: left;  margin:0 auto;  position: relative;  width: 100%;}
.video2 .offerteda p { float: left; font-family: ubuntuitalic; font-size: 22px; font-weight: 100; line-height: 1; margin: 10px auto; padding: 0; text-align: center; width: 100%;}
.video2 .offerteda p br { display:none}
.colonna h3 { float: left; margin: 20px 0; text-align: center; width: 100%;}
.colonna figure {float: left; margin: 0 2%; width: 96%;}
.colonna p {  float: left; font-size: 14px; line-height: 1.6; margin: 0 2%; padding: 10px 0; text-align: justify; width: 96%;}
.colonna figure img { width:100%;}
.teimognages2 section { float: left; margin: 0 5% 20px; width: 90%;}
.prefooter h3 {font-size: 20px;}
.prefooter h3  br{ display:none;}
.bottoni {height: 100px;  margin: 0 auto;  text-align: center;  width: 100%;}
.bottoni #telechargement { float: none;  margin: 0 auto;  text-align: left;}
.bottoni #scoprioff { float: none; margin: 12px auto;}
.prefooter { background: url("../_images/prefooter.png") repeat center center;background-size:cover; float: left; height: auto; margin-top: -10px; padding-bottom: 100px; width: 100%;}
footer { padding:0px 0 7px}
footer figure span { float: left; font-size: 13px; margin: 0 auto 0; width: 100%;}
footer p { float: left;  font-size: 12px;  margin: 25px 0 0;text-align: center;  width: 100%;}
footer figure { float: left; font-size: 12px ; margin: 0 auto;  text-align: center;  width: 100%;}
footer figure img { float: none;  margin: 0 auto;}
.colonna { background:url(../_images/shadow.jpg) no-repeat bottom center; background-size:contain;  margin: 0; padding-bottom: 33px; text-align: center; width: 100%;}
.teimognages2 { padding-bottom: 20px;}
.hoverblocco {  width:100%; background-size:cover; background-position:top center; margin:0; }
.colonna:hover .hoverblocco { display:block; top:0;	opacity:1; overflow:hidden; width:100%; background-size:cover; background-position:top center; margin:0; }
.colonna:hover figure { height: 235px; width: 96%; overflow:hidden;}
.hoverblocco { width:100%;}
.privacy a { color: #bfe1ff;}
}
@media (max-width: 360px) { 
.video2 .offerteda p { float: left; font-family: ubuntuitalic; font-size: 22px; font-weight: 100; line-height: 1; margin: 10px auto; padding: 0; text-align: right; width: 91%;}
}