body {margin:0; padding:0; border:none; height:100%; width:100%; min-width:320px; background:#f8fcfe; overflow:auto; text-align:center; font-family:'Open Sans', sans-serif; color:#303030; font-size:18px; font-weight:lighter;}
p, form {margin:0; padding:0;}
input:focus, select:focus, textarea:focus, a:focus {outline:0}
a:link, a:active, a:visited {color:#892828; text-decoration:underline;}
a:hover {color:#892828; text-decoration:none;}
.clear {clear:both}
#loader {position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:9999; text-align:center; color:#ffffff;}
#loader .sfondo {position:absolute; width:100%; height:100%; top:0; left:0;}
#loader .load {position:absolute; width:183px; height:128px; top:50%; left:50%; margin:-64px 0 0 -64px}
#start {position:absolute; width:10px; height:10px; top:0; left:0;}
#bg {position:fixed; top:0; left:0; width:100%; height:100%; background:url(../image/bg.jpg) no-repeat center center; background-size:cover;}







#step1 {left:0; width:100%;}







#bgimgstep1, #bgimgstep3 {position:absolute; top:0; left:0; width:100%; height:100%; z-index:-999999}
#topbutton {position:fixed; bottom:10px; right:10px; width:30px; height:30px; border-radius:100%; background:#fe562e; text-align:center;}
#topbutton:hover {background:#252525; cursor:pointer;}
#topbutton img {margin:8px auto 0 auto}

#logo {position:absolute; top:10px; left:10px;}
@media screen and (min-width:1024px){#logo {width:150px}}
@media screen and (max-width:1023px){#logo {width:130px}}
@media screen and (max-width:850px){#logo {width:110px}}
@media screen and (max-width:700px){#logo {width:90px}}
@media screen and (max-width:550px){#logo {width:70px}}
@media screen and (max-width:450px){#logo {width:50px}}

#bgtxt1 {position:absolute; left:0; bottom:0px; width:100%; height:auto; background:url(../image/bgtxt1.png) repeat-x top; border-top:solid 1px #ffffff; color:#ffffff; text-shadow:#000000 2px 2px 10px; cursor:default;}
#bgtxt1 #txt1 {font-weight:bold}
#bgtxt1 #txt2 {font-style:italic}
#bgtxt1 .button {position:relative; width:150px; border:solid 1px #ffffff; border-radius:5px; font-weight:normal; display:inline; cursor:pointer;}
@media screen and (min-width:500px){
   #bgtxt1 .button {margin:10px; padding:10px; font-size:16px;}
   #bgtxt1 #bgbutton {position:relative; margin:20px auto 30px auto;}
}
@media screen and (max-width:499px){
   #bgtxt1 .button {margin:5px; padding:5px; font-size:14px; }
   #bgtxt1 #bgbutton {position:relative; margin:10px auto 5px auto;}
}
#bgtxt1 #calltoaction {background:#ffffff; color:#000000; text-shadow:none;}
#bgtxt1 #calltoaction:hover {background:#fe562e; color:#ffffff; border:solid 1px #fe562e;}
#bgtxt1 #video:hover {background:#ffffff; color:#303030; text-shadow:none;}
@media screen and (min-width:611px){
   #bgtxt1 #txt1 {margin-top:15px;}
}
@media screen and (max-width:610px){
   #bgtxt1 #txt1 {margin-top:0px;}
}
@media screen and (min-width:1000px){
   #bgtxt1 #txt1 {font-size:55px}
   #bgtxt1 #txt2 {font-size:40px}
}
@media screen and (max-width:999px){
   #bgtxt1 #txt1 {font-size:50px}
   #bgtxt1 #txt2 {font-size:35px}
}
@media screen and (max-width:850px){
   #bgtxt1 #txt1 {font-size:45px}
   #bgtxt1 #txt2 {font-size:30px}
}
@media screen and (max-width:770px){
   #bgtxt1 #txt1 {font-size:40px}
   #bgtxt1 #txt2 {font-size:25px}
}
@media screen and (max-width:690px){
   #bgtxt1 #txt1 {font-size:35px}
   #bgtxt1 #txt2 {font-size:20px}
}
@media screen and (max-width:610px){
   #bgtxt1 #txt1 {font-size:30px}
   #bgtxt1 #txt2 {font-size:18px}
}
@media screen and (max-width:525px){
   #bgtxt1 #txt1 {font-size:25px}
   #bgtxt1 #txt2 {font-size:18px}
}
@media screen and (max-width:450px){
   #bgtxt1 #txt1 {font-size:20px}
   #bgtxt1 #txt2 {font-size:16px}
}
@media screen and (max-width:365px){
   #bgtxt1 #txt1 {font-size:16px}
   #bgtxt1 #txt2 {font-size:14px}
}

#step2 {left:0; width:100%; background:#ffffff;}
#step2 .title {font-weight:normal;}
@media screen and (min-width:1000px){
   #step2 {font-size:16px; line-height:25px;}
   #step2 .title {margin-bottom:25px; font-size:30px; line-height:40px}
   #step2 .txt2 {margin:25px auto 25px auto; font-size:22px; line-height:30px;}
}
@media screen and (max-width:999px){
   #step2 {font-size:16px; line-height:25px;}
   #step2 .title {margin-bottom:25px; font-size:25px; line-height:35px}
   #step2 .txt2 {margin:25px auto 25px auto; font-size:20px; line-height:25px;}
}
@media screen and (max-width:850px){
   #step2 {font-size:14px; line-height:20px;}
   #step2 .title {margin-bottom:25px; font-size:20px; line-height:30px}
   #step2 .txt2 {margin:25px auto 25px auto; font-size:19px; line-height:23px;}
}
@media screen and (max-width:700px){
   #step2 .title {margin-bottom:25px; font-size:18px; line-height:25px}
   #step2 .txt2 {margin:25px auto 25px auto; font-size:18px; line-height:22px;}
}
@media screen and (max-width:630px){
   #step2 .title {margin-bottom:25px; font-size:16px; line-height:20px}
   #step2 .txt2 {margin:25px auto 25px auto; font-size:15px; line-height:23px;}
}
@media screen and (max-width:400px){
   #step2 {font-size:11px; line-height:16px;}
   #step2 .title {margin-bottom:25px; font-size:14px; line-height:18px}
   #step2 .txt2 {margin:25px auto 25px auto; font-size:14px; line-height:20px;}
}
@media screen and (max-width:350px){
   #step2 .title {margin-bottom:25px; font-size:13px; line-height:18px}
}

#step2 .evid {color:#fe562e; font-weight:bold;}
#step2 .evid2 {color:#000000; font-weight:bold}
#step2 #bgbutton2 {position:relative; margin:20px auto 10px auto; width:100%;}
#bgbutton2 .button {position:relative; width:150px; border:solid 1px #303030; border-radius:5px; font-weight:normal; color:#000000; display:inline; cursor:pointer;}
@media screen and (min-width:500px){
   #bgbutton2 .button {margin:10px; padding:10px; font-size:16px;}
   #bgbutton2 {position:relative; margin:20px auto 30px auto;}
}
@media screen and (max-width:499px){
   #bgbutton2 .button {margin:5px; padding:5px; font-size:14px; }
   #bgbutton2 {position:relative; margin:10px auto 5px auto;}
}
#bgbutton2 #video2:hover {background:#fe562e; border:solid 1px #fe562e; color:#ffffff;}
#bgbutton2 #calltoaction2 {border:solid 1px #fe562e; background:#fe562e; color:#ffffff;}
#bgbutton2 #calltoaction2:hover {background:#252525; border:solid 1px #252525;}

#step3 {left:0; width:100%; height:auto;}
#step3 #schermo {position:absolute; width:100%; max-width:900px; top:10px; left:50%; background:#000000; box-shadow:#000000 0px 0px 20px;}
#step3 #schermo iframe {position:relative; width:100%; height:100%; border:0; overflow:hidden;}

#step3 #bgbutton3 {position:absolute; width:100%; left:0; bottom:10px;}

#bgbutton3 .button {position:relative; width:150px; border:solid 1px #ffffff; border-radius:5px; font-weight:normal; color:#ffffff; display:inline; cursor:pointer;}
@media screen and (min-width:500px){
   #bgbutton3 .button {margin:10px; padding:10px; font-size:16px;}
   #bgbutton3 {position:relative; margin:20px auto 30px auto;}
}
@media screen and (max-width:499px){
   #bgbutton3 .button {margin:5px; padding:5px; font-size:14px; }
   #bgbutton3 {position:relative; margin:10px auto 5px auto;}
}
#bgbutton3 #video3:hover {background:#ffffff; border:solid 1px #ffffff; color:#000000;}
#bgbutton3 #calltoaction3 {border:solid 1px #ffffff; background:#ffffff; color:#000000;}
#bgbutton3 #calltoaction3:hover {background:#fe562e; border:solid 1px #fe562e; color:#ffffff}
#step4 {left:0; width:100%; background:#ffffff; height:auto;}
#step41, #step42, #step43, #step44 {position:relative; width:100%; min-height:250px; height:auto;}
#step43 {background:#ffffff;}
#step42 {background:#f0f0f0;}
#step41 .cnt, #step42 .cnt {position:relative; font-size:15px; text-align:justify;}
#step41 .cnt img, #step42 .cnt img {position:relative;}
#step41 .cnt .title, #step42 .cnt .title {position:relative; margin:20px auto 20px auto; font-weight:normal; color:#000000; text-align:center; }
#step41 .cnt .evid, #step42 .cnt .evid {color:#000000; font-weight:bold;}
#step42 .cnt img {border-radius:100%; border:solid 3px #fe562e;}
@media screen and (min-width:870px){
   #step41 .cnt .title, #step42 .cnt .title {font-size:22px;}
}
@media screen and (max-width:869px){
   #step41 .cnt .title, #step42 .cnt .title {font-size:18px;}
}
@media screen and (min-width:720px){
   #step41 .cnt, #step42 .cnt {width:29%; margin:0 2% 0 2%; float:left;}
   #step41 .cnt img {margin:0; width:100%;}
   #step42 .cnt img {margin:0; width:70%;}
}
@media screen and (max-width:719px){
   #step41 .cnt, #step42 .cnt {width:100%; margin:75px auto 75px auto; float:none;}
   #step41 .cnt img, #step42 .cnt img {margin:0 auto 0 auto; width:280px;}
}
#step43 {text-align:justify; line-height:30px;}
#step43 .title {margin-bottom:30px; font-size:35px; color:#000000; font-weight:normal; text-align:center; line-height:50px;}
#step43 .evid {color:#000000; font-weight:bold;}
#step43 .prezzo {position:relative; width:290px; margin:30px auto 30px auto; background:#ffffff; border:solid 5px #f0f0f0; text-align:center; color:#fe562e; font-weight:bold; font-size:50px; line-height:80px}
#step43 .prezzo .title {margin-top:50px; color:#000000; font-weight:bold; font-size:35px; line-height:50px;}
#step43 .default {font-size:25px; font-weight:normal; color:#303030; line-height:normal;}
#step43 .prezzo #calltoaction4 {position:relative; margin:0 auto 50px auto; width:200px; height:70px; line-height:70px; background:#fe562e; border-radius:5px; color:#ffffff; font-size:18px; font-weight:normal; cursor:pointer;}
#step43 .prezzo #calltoaction4:hover {background:#808080;}
#step44 {background:#f0f0f0;}










#calltoactionfixed {position:fixed; top:20px; right:20px;}
#p2 .button {position:relative; margin:0 auto 0 auto;}
#p2 .button:hover {box-shadow:#808080 2px 2px 2px; background:#252525; text-shadow:none;}
#calltoactionfixed, #p2 .button {background:#fe562e; color:#ffffff; font-weight:normal; border-radius:5px; box-shadow:#505050 3px 3px 15px; text-shadow:#000000 -1px -1px 0px; cursor:pointer}
#calltoactionfixed:hover {top:19px; right:21px; box-shadow:#808080 2px 2px 2px; background:#252525; text-shadow:none;}
@media screen and (min-width:500px){
   #calltoactionfixed, #p2 .button {width:150px; height:50px; line-height:50px; font-size:16px;}
}
@media screen and (max-width:499px){
   #calltoactionfixed, #p2 .button {width:120px; height:40px; line-height:40px; font-size:13px;}
}











#step44 {text-shadow:#ffffff 1px 1px 1px; font-style:italic; font-size:15px;}