@import url("animations.css");
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
}
body{position:fixed; width:100%;height:100%;overflow:hidden;  line-height: 40px; color:#FFF;font-family: 'Titillium Web'; font-weight:400;
  background-image: url(../img/background.png);
  background-repeat: repeat;}
html {
    position: static;
    overflow-y: hidden;
		overflow-x:hidden;
    height: 100%;
    max-height: 100%;
}
.container{ width:960px!important}
/*.shadow{text-shadow: 4px 4px 8px 0px rgba(0,0,0,.2)}*/
.ombra{filter: drop-shadow(0px 3px 6px #00000060);}
.alone{box-shadow: 0px 0px 6px 5px rgba(0,0,0,.18)}
.aloneBig{box-shadow: 0px 0px 300px 200px rgba(0,0,0,.18)}
.text-center{ text-align: center!important}
.mollica{ font-weight:400; font-size:14px}

/* APP PRODOTTI */
.startInput{padding-bottom:10px; border:none; width:210px; height:150px;
  background-color:rgba(255,255,255,0);
  color:#F0B500;
  text-shadow: 0px 2px 3px rgba(0,0,0,0.16);; font-size:95px; line-height: 95px; text-align:center!important; font-weight:700}
.form_eta_home{ width: 45px; background-color: transparent;border:none; color: #FFF; text-align: center}
.etaModifica{ margin-top:30px; font-weight: 700}
#formEta{text-align:center; }
.btnTransparent{background-color:rgba(0,0,0,0)!important;z-index:200!important; width:33px; height:33px}
.arancio{color:#F0B500;}
.background-overlay{background-color:rgba(0,0,0,.85)!important;}
.valore{color: #2F5260; display: none}
.sconto,.esporta{ display:none}
.slide{ display: inline-block; top:200px}
/* END PRODOTTI */

.hide{display:none}
#alert { display:none; position: fixed; z-index: 1001; font-size: 14px; background-color: #223a44; height: 100%; width: 100%; padding-top: 2%; left: 0px; top: 0px; }
#alert .errori {  width: 80%; max-width: 100%; position: relative; margin-right: auto; margin-left: auto; font-size: 16px; line-height: 20px; padding-bottom: 20px; }
#alert .testoAlert { margin: 10px;  padding: 20px }
#chiudi { display: block; text-decoration: none; color: #E27900; font-size: 30px; text-align: right; margin-bottom: 10px; font-weight: 100; padding-top: 10px; padding-right: 10px; padding-bottom: 15px; padding-left: 10px; }
.error{ color: #e27900; font-size: 11px; margin-left: 110px;  line-height: 12px; width: 100%;}

.testo{font-size:22px;line-height: 28px; color:#2F5260; font-family:'Titillium Web'}
strong{ font-family:'Titillium Web'; font-weight: 700}
p{padding:5px 0; white-space:normal;}
.titolo1{ font-size:68px; color:#FFFFFF; line-height:69px;font-weight: 700; padding:20px 0}
.titolo2{ font-size:50px; color:#0D89A3; line-height:51px; padding:10px 0}
.box{ border: 1.5px solid #FFFFFF; border-radius: 9px; text-align: center; color: #0D89A3; font-size: 25px; line-height: 24px;  margin-bottom: 30px; height: 137px; width: 175px; padding:15px 0}
.box .small{font-size:14px}
.box .importo{ color:#FFF; padding-top:5px; font-weight: 700}
.box.solido1{ background-color:#69A6B7; border-color:#69A6B7;box-shadow: 0px 3px 6px #00000029; color:#FFF}
.box.solido2{ background-color:#0e9745; border-color:#0e9745;box-shadow: 0px 8px 31px #FFFFFF9C; color:#FFF}

.box.solido3{ background-color:#69a6b7; border-color:#69a6b7;box-shadow: 0px 3px 6px #00000029; color:#FFF}
.box.solido4{ background-color:#22a6db; border-color:#22a6db;box-shadow: 0px 8px 31px #FFFFFF9C; color:#FFF}
.popup{ display:none}
.pop_up{display: flex; align-items: center; justify-content: center; font-family:'Titillium Web'; font-weight:300; font-size:20px; line-height:23px; text-align:center; padding:10px 15px 32px 15px; position: absolute; z-index: 11000; top: -216px; left: -63px; width: 317px; height: 228px; border-radius: 9px; opacity: 1; background-image: url(../img/pop_up_ps.png); background-repeat: no-repeat; background-position: 0% 0%; }
.pop_down{ display: flex; align-items: center; justify-content: center; font-family:'Titillium Web'; font-weight:300; font-size:20px; line-height:23px; text-align:center; padding:32px 15px 10px 15px; position: absolute; z-index: 11000; top: 295px; left: -63px; width: 317px; height: 150px; border-radius: 9px; opacity: 1; background-image: url(../img/pop_down_ps.png); background-repeat: no-repeat; background-position: 0% 0%; }
.pop_up.blue{background-image: url(../img/pop_up.png);}
.pop_down.blue{background-image: url(../img/pop_down.png);}
.pop_down >*:first-child;.pop_up >*:first-child{align-self: center;word-wrap:normal!important; width:100%; height:auto}
.txt_verde{ color: #0c8d6e}
.txt_blu{ color: #0074b7}
#quotatore{ width: 100%}
#quotatore h1{ font-size: 50px; line-height: 160px; font-family: 'Titillium Web'; color: #2F5260;}
#quotatore .assicurati{
  border-radius: 5px;
  border: 1px solid #FFF;
}
/*#quotatore h1{margin-left: 77px; margin-bottom: 30px; color: #FFF; font-size: 50px; line-height: 51px;font-family:'Titillium Web'; font-weight:300;}*/
.form{
  /*padding-top: 80px;*/
  padding-left: 30px;
  line-height: 30px!important;
  
}
.form .input{ background-color: transparent;border: 1px solid #FFFFFF; text-align: right; color: #FFF; max-width: 100%; padding-right: 5px}
.form .selectFormula{ background-color: transparent;border: 1px solid #FFFFFF; padding-left: 10px; position: relative; }
.form .sottomenu { margin-top: 4px; padding: 0px; background-color: #FFF; display: none; position: absolute; z-index: 10}
.form .sottomenu div{
  display: inline-block;
  padding: 0px 15px;
  background-color: #FFF;
  color: #223A44;
  margin: 0;
  border-left: 1px solid #2F5260; line-height: 20px
}
.form .sottomenu div:first-child{border:none}
.form .btn_inserisci{display:none; cursor: pointer}
.form .btn_inserisci img{width: auto!important; height: auto!important}
.importi{
  margin-bottom: 20px; padding-bottom: 20px;
  display: none;
  border-bottom: 1px solid #2f5260;
}
.form input[type="text"]:disabled,.disabled{ opacity: .2}
.aggiungi{display:none; cursor: pointer;}
/*img{ width: auto!important; height: auto!important }*/
.form .parziale{ line-height: 13px; text-align: right; font-size: 22px; padding-top: 7px}

.form h3{ color: #0E9745; font-size:28px; line-height: 50px}
.form .risultato{ }
.form .cestino{margin-left: -30px; margin-top: 10px; position: absolute; cursor: pointer}
.risultato .bordoBianco{border: 1px solid #FFFFFF; border-radius: 3px;padding: 0px 0px}
.risultato { font-size: 16px; display: none}
.risultato .valori{ font-size: 25px; text-align: right; line-height: 13px}
.form .small{ font-size: 10px}
.risultato .piano{ padding: 15px 20px}
.risultato .aassod{ background-color: #172A33; padding: 15px 20px}
.risultato .totale{ background-color: #FFF; padding: 15px 20px;color: #2F5260; font-weight:700; box-shadow: 0px 3px 9px #0000003F;}
.risultato .setup{ background-color: #DFDDDD; padding: 15px 20px;color: #2F5260; font-weight:700; }

.btnArancio{
  background-color: #E27900;
  color: #FFF;
  border-radius: 30px;
  padding: 5px 20px;
  background-image: url(../img/icon_pdf.svg);
  background-repeat: no-repeat;
  background-position: 93% center;
  background-size: 18px 18px;
  font-size: 15px;
  margin-top: 20px;
  cursor: pointer;
}


.showContent,.vsButton,.condividi{ cursor: pointer}

/*INVIO EMAIL QUOTAZIONE*/
#documenti{}
#documenti label{ width: 100px}
#documenti input{ border-radius: 3px; width: 70%; text-align: left; padding: 0 5px}

#alert .icone{ margin-top: 20px}
#alert span{ margin-left: 15px; cursor: pointer}
ul.bullet {list-style: none}
ul.bullet li{ line-height: 30px}
ul.bullet li::before {content: "\2022"; color: #FFF;
  display: inline-block; width:25px;
  margin-left: -1em;font-family:  Verdana, "sans-serif"; font-size: 30px}

ul.bullet2 {list-style: none}
ul.bullet2 li{ line-height: 18px}
ul.bullet2 li::before {content: "\2022"; color: #22a6db;
  display: inline-block; width:25px;
  margin-left: -1em;font-family:  Verdana, "sans-serif"; font-size: 30px}
.singleBullet{display:inline-block; width:15px;height:15px; background-color:#FFF; border-radius:15px; margin-right: 5px}
.singleBullet.link{ background-color: #FFF; opacity: .3; cursor: pointer}
.list-item:after{content: "\f078"; 
    position: absolute; right: 15px; top:10px;
  font-family: FontAwesome;
   font-size: 20px 
    }
.list-item-active:after{content: "\f077"; 
    position: absolute; right: 15px; top:10px;
  font-family: FontAwesome;
   font-size: 20px; color: #137961; }
.dropdown {float: left}
.bottomMenu{ position: fixed; z-index: 1000; height: 60px; width: 100%;  bottom: 0; background-color: rgba(255,255,255,0.8);}
.bottomMenu ul{position: relative; margin: 0px; padding: 0px; list-style-type: none; }
.bottomMenu ul li{ text-align: center; display: inline-block;line-height: 60px; color: #2f5260; font-size: 12px; text-transform: uppercase; }
.bottomMenu ul li a{line-height: 60px;padding: 0 20px; display: block; text-decoration: none;color: #2f5260;}
.bottomMenu ul li:hover{ background-color: #FFF;}
.bottomMenu ul ul{ display: none; position: absolute; background-color: #FFF; z-index:100;bottom:60px; }
.bottomMenu ul ul ul{ display:block; position:relative; margin-top:0px}
.bottomMenu ul ul.soluzioni{width:764px; left:-292px; /*left: 50%;  transform: translateX(-50%);*/}

.bottomMenu ul ul li{ display: block; background-color: #FFF; text-align: left; text-transform: none; line-height: 30px }
.bottomMenu ul ul li a{line-height: 30px; font-size: 15px}
.bottomMenu .subtitle {color:#36BB9B; font-size:14px; font-weight:700; padding-left:20px}

.bottomMenu ul ul ul{bottom:0px; float:left; width:191px; padding:10px 0 }
.bottomMenu ul ul:first-child{width:120px}
.bottomMenu ul ul ul li a{ line-height:18px; padding:3px 0 3px 20px;}
.bottomMenu a{cursor:pointer}


/*.bottomMenu ul li:hover ul{ display: block}*/
.bottomMenu .cerchio{ line-height: 28px; text-align: center; display: inline-block;height: 30px; width: 30px; border-radius: 100%; margin-right: 10px; color: #FFF; font-weight:700; font-size:14px}
.bottomMenu .home{color: #2f5260;line-height: 12px; text-transform: none; padding-top: 15px}
.submenu{padding: 0 0px; position: relative}

.submenu:after{content: "\f078"; 
    position: absolute; right: 4px; top:0px;
  font-family: FontAwesome;
   font-size: 11px; color: #3a5c69 }
ul.ul2 li a{cursor: pointer;padding: 0px;}
ul.ul2 li{font-size:15px; padding: 0 20px; }
ul.ul2 hr{ margin:10px 0}
ul.extraMenu .submenu:after{content: ""!important; }

.scuro{ background-color: rgba(0,0,0,.6); position: fixed; width: 100%; height: 100%;z-index: 90; display: none}
.azzurro{background-color:#22A6DB; color:#0D89A3}
.verde{ background-color:#36BB9B}

#documenti{/*padding: 20px 60px*/}
#documenti .pdf{
  padding: 10px;
  border-bottom: 1px solid #a6cad4; color:#FFF;
  position: relative;
}
#documenti a{color:#FFF; padding-bottom: 80px; font-weight: 600}
.icon_dx{ position: absolute; right: 20px;}

#documenti h1{ font-size: 50px; line-height: 160px; font-family: 'Titillium Web'; color: #FFF;}

/*.sfumatura{
  background-image: url(../img/sfumatura_documenti.png);
  background-repeat: repeat-x;
  height: 204px;
}*/
.info{ cursor: pointer}

/* POPUP*/
#formula ul { margin-left: 15px}
#formula img{ max-width: 82%; margin: 10px 0}
#formula,#formula10,#formulaWelfare{ font-family:'Titillium Web'; font-weight: 400; font-size: 16px; line-height: 20px; max-width: 600px; color:#2F5260 }
#formula h1{
  color:#004C9B;
	font-size: 20px;
  line-height: 25px;
  margin-bottom: 20px; font-weight: 700;
  font-family:'Titillium Web';
}
#formula10 h1{
  font-size: 28px;
  line-height: 91px;
  padding-left: 100px;
  background-image: url(../img/icone/PallaAziendaSmart10.png);
  background-repeat: no-repeat;
  background-position: left center;
  margin-bottom: 20px; font-weight: 700;
  font-family:'Titillium Web';
}
#formulaWelfare h1{
  font-size: 28px;
  line-height: 91px;
  padding-left: 100px;
  background-image: url(../img/icone/palla_formula_welfare.png);
  background-repeat: no-repeat;
  background-position: left center;
  margin-bottom: 20px; font-weight: 700;
  font-family:'Titillium Web';
}
#formula .small{font-size: 14px;}
.scrollDiv{max-height: 500px; overflow-y: scroll;overflow-x: hidden; position: relative; padding-top: 15px}
#opzioniSmart10{ max-height: 500px; overflow-y: scroll;overflow-x: hidden; position: relative; padding-top: 15px}
#opzioniSmart10 .btn{ position: absolute;z-index: 3; top: 0px; right: 30px }

/*slider orizzontale*/
.wrapperSlide{ position: absolute; bottom:26%; right: 0px; z-index: 100; }
.slideVantaggi{ width: 1240px; /*overflow-x: scroll; white-space: nowrap;*/ scrollbar-width: none; padding-left: 250px }
.slideVantaggi img{ margin-right: 10px}
@media (max-width: 1024px) {
.wrapperSlide{ position: absolute; bottom:18%; right: 0px; z-index: 10; }
}
::-webkit-scrollbar {width: 0px;height: 0px;}
::-webkit-scrollbar-track {border: 0px solid #D7D7D7;border-radius: 10px;}
::-webkit-scrollbar-thumb {background: #DBDBDB;  border-radius: 10px;}
::-webkit-scrollbar-thumb:hover {background: #D7D7D7;  }
.items {
	position: relative;
	width: 100%;
	overflow-x: scroll;
	overflow-y: hidden;
	white-space: nowrap;
	transition: all 0.2s;
	/*transform: scale(0.98);*/
	will-change: transform;
	user-select: none;
	cursor: pointer;
}
.welfareBack{
  background-image: url('../img/icone/welfare/back_salute_welfare.png');
  background-position: center center;
  background-repeat: no-repeat;
  width: 641px;
  text-align: center;
  position: relative;
  background-size: contain;
}

/*.items.active {
	background: rgba(255,255,255,0.3);
	cursor: grabbing;
	cursor: -webkit-grabbing;
	transform: scale(1);
}*/

.item:first-child {
 /* margin-left: 300px;*/
}

.item {
	position:relative
}