@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Open+Sans:100,300,400,700,900&display=swap');

flag{ position:fixed; bottom:10px; right:10px; width:48px; height:48px; background:#000; color:#FFF; border-radius:2px; text-align:center; font:100 20px/48px 'Open Sans'; display:none; }
flag:after{ content:"MOB"; }
body{ background:#FFF; color:#333; font:100 14px/20px 'Open Sans'; margin:0; }
h1, h2, h3, h4, h5, h6, h7, h8{ margin:0; padding:0; font-size:100%; display:block; }
ul, li{ margin:0; padding:0; list-style:none; }
*{ box-sizing:border-box; vertical-align:top; }
span{ vertical-align:middle; }
a{ display:block; text-decoration:none; color:inherit; height:100%; }
a:hover{ text-decoration:none; color:inherit; }
input:focus, textarea:focus{ outline-width:0; outline:none; }

header{ position:fixed; top:0; left:0; width:100%; height:64px; z-index:3; vertical-align:top; background:#000; padding:8px; }
.bar-sez{ display:inline-block; }
.bar-menu{ position:fixed; top:56px; left:0; background:#000; width:50%; height:100%; display:none; }
.bar-menu li{ display:block; font:400 13px/28px 'Open Sans'; color:#EEE; border:2px solid rgba(0,0,0,0); margin:10px; text-transform:uppercase; letter-spacing:1px; padding:4px 8px; }
.bar-menu li:hover{ border:2px solid #EEE; }

.bar-uty{ float:right; }
.bar-uty li{ position:relative; display:inline-block; margin:10px 5px; padding:4px 8px; }
.bar-btn{ display:inline-block; font:400 13px/24px 'Open Sans'; color:#FFF; margin:10px 5px; text-transform:uppercase; border-radius:2px; background:#369; letter-spacing:0px; }
.bar-on{ display:none !important; }

.crt-ico{ cursor:pointer; }
#crt-num{ position:absolute; top:-2px; right:-2px; background:#C00; width:16px; height:16px; border-radius:50%; font:400 10px/16px 'Open Sans'; color:#FFF; z-index:2; text-align:center; display:none; }

section ul:after{ clear:both; content:''; display: block; }

.wrp{ position:relative; padding:20px; color:#222; }
.wrp ul{ margin:20px 0; }
.wrp h1{ font:900 80px/60px 'Open Sans'; text-transform:uppercase; letter-spacing:-5px; }
.wrp h1>span{ font:700 32px/40px 'Open Sans'; display:block; color:#999; letter-spacing:-2px; }
.wrp h3{ font:400 30px/40px 'Open Sans'; margin:40px 0; letter-spacing:-1px; }
.wrp h4{ font:700 20px/24px 'Open Sans'; text-transform:uppercase; font-style:italic; display:inline-block; }

.sld{ width:100%; height:640px; overflow:hidden; margin-top:64px; }
.sld ul{ width:5000px; height:100%; }
.sld li{ position:relative; width:100%; height:100%; display:none; }
.sld li.att{ display:block; }

.sld-wrp{ position:absolute; top:0; left:0; width:100%; height:100%; background:linear-gradient(90deg, rgba(15,78,127,1) 10%, rgba(15,78,127,0) 75%); height:100%; color:#FFF; }
.sld-txt{ padding:50px; width:40%; }
.sld h1{ font:700 16px/20px 'Open Sans'; background:#9CF; display:inline-block; color:#036; padding:4px 8px; border-radius:2px; letter-spacing:-0.5px; }
.sld h2{ font:400 28px/36px 'Open Sans'; margin:20px 0; }
.sld h3{ font:100 12px/20px 'Open Sans'; }
.sld h4{ font:400 26px/32px 'Open Sans'; background:#C90; display:inline-block; color:#FFF; padding:4px 12px; border-radius:2px; margin-bottom:5px; }
.sld span{ font:100 16px/32px 'Open Sans'; }
.sld-btn{ margin:30px 0; }
.sld button{ font:400 14px/24px 'Open Sans'; display:inline-block; color:#FFF; padding:4px 12px; border-radius:2px 2px 0 0; margin-right:10px; text-transform:uppercase; cursor:pointer; }
.sld button:hover{ background:#333; }
.sld img{ vertical-align:text-bottom; }
.sld-pls{ background:#333; border:0; border-bottom:2px solid #999; }
.sld-act{ background:#0e9762; border:0; border-bottom:2px solid #38f0a9; }
.sld-frf{ background:url(../img/sld/forfettari.jpeg) no-repeat top left; background-size:cover; }

.big{ width:100%; height:480px; text-align:center; padding:40px 0; }
.tel{ width:100%; text-align:left; padding:40px 0; color:#222; }
.tel-img{ width:100%; height:480px; background:url(../img/main-assistenza.png) no-repeat center center; background-size:cover; }
.tel h2{ font:900 60px/40px 'Open Sans'; text-transform:uppercase; letter-spacing:-3px; color:#666; }
.tel h3{ font:400 25px/30px 'Open Sans'; margin:20px 0; letter-spacing:-1px; }

.mod li{ width:100%; float:left; padding:0 10px; margin:10px 0; }
.mod li>.ico{ width:128px; height:128px; border-radius:2px; margin:0 0 10px 0; }
.ico>img{ width:100%; height:100%; }
.mod .tit{ font:400 16px/20px 'Open Sans'; color:#000; padding-bottom:8px; }
.mod .txt{ font:400 13px/18px 'Open Sans'; color:#666; margin:10px 0; padding-right:10px; height:72px; }
.mod .msg{ font:700 24px/24px 'Open Sans'; color:#333; letter-spacing:-1px; }
.mod .msg>span{ font:700 16px/12px 'Open Sans'; color:#999; text-transform:uppercase; }

.lnk{ position:absolute; top:20px; right:240px; display:block; }
.lnk li{ width:auto; color:#333; border-radius:2px; padding:4px 12px; font:400 14px/20px 'Open Sans'; text-transform:uppercase; text-align:right; margin:5px; border-bottom:2px solid #CCC; }
.lnk li:first-child{ background:#3C9; color:#FFF; }
.lnk span{ }

.lst:after{ clear:both; content:''; display: block; }
.lst>li{ float:left; width:50%; padding:10px; }
.lst-wrp{ position:relative; border-radius:5px; overflow:hidden; margin-bottom:20px; text-align:center; overflow:hidden; }
.lst-lbl{ position:absolute; top:10px; left:-27px; background:#FFF; transform:rotate(-45deg); font:700 12px/24px 'Open Sans'; color:#396; width:97px; opacity:0.8; letter-spacing:-0.5px; }
.lst h2{ font:400 16px/30px 'Open Sans'; color:#FFF; padding:5px; text-transform:uppercase; }
.lst h5{ font:400 70px/50px 'Open Sans'; display:inline-block; color:#FFF; padding:4px 8px; border-radius:2px 10px 2px 10px; margin:10px; letter-spacing:-10px; }
.lst-eur{ font:100 20px/50px 'Open Sans'; margin-right:5px; letter-spacing:0; }
.lst-des{ font:100 14px/50px 'Open Sans'; margin-left:10px; letter-spacing:0; }
.lst p{ font:400 13px/20px 'Open Sans'; color:#666; padding:10px; margin:0; height:120px; letter-spacing:-0.25px; background:#EEE; text-align:left; }
.lst ul{ font:400 13px/20px 'Open Sans'; color:#666; padding:10px 10px 10px 30px; margin:0; height:120px; letter-spacing:-0.25px; background:#EEE; text-align:left; }
.lst-wrp li{ list-style:square outside; }
.lst-btn{ background:#EEE; padding:10px 0; }
.lst-act{ background:#9C0; border:0; border-bottom:2px solid #696; }
.lst-non{ background:#CCC; border:0; border-bottom:2px solid #999; }

.lst-off{ background:#F06; }
.lst-std{ background:#444; }
.lst-spc{ background:#999; }

.lst button{ font:400 14px/24px 'Open Sans'; display:inline-block; color:#FFF; padding:4px 12px; border-radius:2px 2px 0 0; margin-right:10px; text-transform:uppercase; cursor:pointer; }
.lst button:hover{ background:#333; }
.lst img{ vertical-align:text-bottom; }

.blu h1, .blu h4{ color:#0f4e7f; }
.blu .tit{ border-bottom:4px dotted #9CF; }
.blu h4{ border-bottom:4px solid #9CF; }

.crm h1, .crm h4{ color:#C33; }
.crm .tit{ border-bottom:4px dotted #F93; }
.crm h4{ border-bottom:4px solid #F93; }

.doc h1, .doc h4{ color:#0e9762; }
.doc .tit{ border-bottom:4px dotted #38f0a9; }
.doc h4{ border-bottom:4px solid #38f0a9; }

.tel h4{ border-bottom:4px solid #CCC; }

#ord{ position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); display:none; }
.ord-wrp{ position:fixed; top:100px; right:0; width:360px; height:100%; overflow:auto; padding-bottom:100px; }
.ord-mod{ position:relative; width:100%; background:#FFF; border-radius:2px 0 0 0; overflow:hidden; padding:70px 20px 0 0; }
.ord-mod>li{ display:none; opacity:0.2; }
.ord-out{ position:fixed; top:70px; right:610px; cursor:pointer; }
.ord-stp{ position:fixed; top:100px; right:0; width:640px; height:90px; background:#FFF; z-index:9; border-bottom:2px solid #EEE; }
.ord-bar{ position:absolute; top:36px; left:0; width:100%; height:1px; border-top:4px dashed #CCC; z-index:0; }
.ord-stp ul{ position:absolute; top:0px; left:0; width:100%; clear:both; padding:20px 0; z-index:1; }
.ord-stp li{ float:left; padding:0 20px; width:25%; text-align:center; font:400 12px/20px 'Open Sans'; color:#666; text-transform:uppercase; }
.ord-stp li>span{ display:inline-block; width:36px; height:36px; border-radius:50%; font:400 16px/36px 'Open Sans'; color:#FFF; background:#CCC; }
.ord-ok{ background:#6C9 !important; }
.ord-sel{ background:#666 !important; cursor:pointer; }
.ord-att{ background:#69C !important; }
.ord-sel:hover, .ord-att:hover{ background:#333 !important; }
.ord-now{ display:block !important; border-bottom:20px solid #CCC; padding:20px 0; opacity:1 !important; }
.ord-int{ display:none; }

.ord-tit{ font:400 14px/24px 'Open Sans'; color:#666; text-transform:uppercase; margin:10px 0; }
.ord-tit span{ display:inline-block; width:24px; height:24px; border-radius:50%; font:400 14px/24px 'Open Sans'; color:#FFF; background:#69C; text-align:center; margin:0 4px 0 10px; }
.ord-fil-wrp{ float:left; padding:10px 0 0 10px; }
.ord-fil{ position:relative; }
.ord-fil input{ border:1px solid #999; width:100%; height:48px; border-radius:5px; padding:20px 8px 4px 8px; font:400 16px/24px 'Open Sans'; color:#333; }
.ord-fil input:focus{ background:#FFC; }

.ord-lbl{ position:absolute; top:2px; left:8px; font:100 11px/20px 'Open Sans'; color:#369; }
.ord-err{ position:absolute; top:40px; left:8px; width:auto; height:12px; font:400 12px/12px 'Open Sans'; color:#C00; padding:0 4px; background:#FFF; display:none; white-space:nowrap; overflow:hidden; }
.ord-hlp{ padding:4px 8px; font:100 12px/16px 'Open Sans'; color:#333; }
.ord-btn button{ margin:10px 2px 10px 10px; padding:4px 8px; border-radius:5px; font:100 12px/26px 'Open Sans'; color:#FFF; background:#69C; text-transform:uppercase; border:0; cursor:pointer; }
.ord-btn button:hover{ background:#333; }

.ord-crt li{ margin:10px 0 10px 10px; border-bottom:1px solid #CCC; padding:10px; clear:both; height:42px; }
.ord-col{ float:left; font:400 14px/24px 'Open Sans'; }
.ord-col img{ vertical-align:middle; margin-right:4px; cursor:pointer; }
.ord-itm{ width:55%; }
.ord-qta{ width:10%; text-align:center; }
.ord-sct{ width:15%; text-align:right; position:relative; }
.ord-sct span{ position:absolute; top:0; right:8px; font:400 50px/20px 'Open Sans'; color:#C00; transform:rotate(45deg); opacity:0.5; }
.ord-val{ width:20%; text-align:right; font:700 14px/20px 'Open Sans';  }
.ord-val span{ font:400 10px/20px 'Open Sans'; }

.ord-tot li{ margin:10px 0 10px 10px; padding:10px; clear:both; height:42px; }
.ord-tot-qta{ width:10%; text-align:center; font:700 14px/20px 'Open Sans'; }
.ord-tot-itm{ width:55%; }
.ord-tot-sct{ width:15%; text-align:right; position:relative; }
.ord-tot-sct span{ position:absolute; top:0; right:8px; font:400 50px/20px 'Open Sans'; color:#C00; transform:rotate(45deg); opacity:0.5; }
.ord-tot-val{ width:20%; text-align:right; font:700 16px/20px 'Open Sans'; }
.ord-tot-val span{ font:400 10px/20px 'Open Sans'; }

.ord-qst{ margin:20px 0 0 10px; padding:4px 10px; font:400 14px/24px 'Open Sans'; color:#F66; border-bottom:4px solid #F66; border-radius:2px; }
.ord-qst-btn{ float:right; display:inline-block; width:30px; height:20px; margin:2px; border-radius:2px; color:#FFF; text-align:center; background:#CCC; font:400 12px/20px 'Open Sans'; cursor:pointer; }
.ord-qst-btn:hover{ background:#333; }
.ord-qst-sel{ background:#69C; }
.ord-qst-off{ display:none; }

.ord-cho{ padding:10px; }
.ord-cho:after{ display:block; clear:both; content:" "; }
.ord-cho li{ position:relative; float:left; display:block; padding:5px; }
.ord-cho input{ margin-right:8px; }
.ord-cho>li>label{ position:absolute; top:2px; left:2px; width:24px; height:24px; border-radius:50%; background:#FFF; border:2px solid #69C; cursor:pointer; }
.ord-cho>li>label:after{ content:''; width:8px; height:4px; position:absolute; top:5px; left:4px; border:4px solid #69C; border-top:none; border-right:none; background:transparent; opacity:0; transform:rotate(-45deg); }
.ord-cho>li>input[type=checkbox]:checked + label:after, .ord-cho>li>input[type=radio]:checked + label:after{ opacity:1; }

.ord-pay{ position:relative; padding:20px 40px; overflow:hidden; z-index:1; }

footer{ background:#222; padding:20px; color:#999; }
footer:after{ display:block; clear:both; content:" "; }
footer ul{ font:100 14px/30px 'Open Sans'; }
footer li{ padding:20px; float:left; width:33.33%; }

#msg{ position:fixed; bottom:20px; right:20px; width:320px; height:48px; background:#066; border-radius:2px; display:none; }
.msg-err{ background:#C00 !important; }
.msg-wrp{ position:relative; padding:8px; }
.msg-txt{ font:100 13px/20px 'Open Sans'; color:#FFF; padding:6px 72px 6px 8px; }
.msg-out{ position:absolute; top:12px; right:4px; width:32px; height:24px; border-left:1px solid #777; text-align:center; color:#FFF; font:400 11px/24px 'Open Sans'; cursor:pointer; }

.stop{ clear:both; }
.w100{ width:100%; }
.w80{ width:80%; }
.w75{ width:75%; }
.w70{ width:70%; }
.w60{ width:60%; }
.w50{ width:50%; }
.w40{ width:40%; }
.w30{ width:30%; }
.w25{ width:25%; }
.w20{ width:20%; }

/* smartphone verticale */
@media screen and (min-width:480px) {
	.dsk{ display:none !important; }
	.wrp{ padding:20px 80px; }
	flag:after{ content:"VER"; }
}
/* smartphone orizzontale */
@media screen and (min-width:780px) {
	.dsk{ display:none !important; }
	.wrp{ padding:20px 120px; }
	flag:after{ content:"ORZ"; }
	.mod li{ width:50%; }
}
/* tablet verticale */
@media screen and (min-width:1024px) {
	.bar-menu{ position:relative; top:0; width:auto; display:inline-block; }
	.bar-menu li{ display:none; margin:5px 10px; }
	.wrp{ padding:30px 160px; }
	flag:after{ content:"TAB"; }
	.ord-wrp{ width:640px; }
}
/* tablet orizzontale */
@media screen and (min-width:1280px) {
	.wrp{ padding:30px 200px; }
	flag:after{ content:"TBO"; }
	.mod li{ width:33.33%; }
	.lst>li{ width:25%; }
}
/* desktop */
@media screen and (min-width:1600px) {
	.mob{ display:none !important; }
	.dsk{ display:block !important; }
	.wrp{ padding:40px 240px; }
	flag:after{ content:"DSK"; }
}