/* colori */
/* fucsia | nero | bianco | blu | */
:root { --c1:#ed7263; --c2:#0a0a0a; --c3:#FFF; --c4:#2180ac; --c5:rgba(97,106,118,0.20); --c6:#1c2544; --c7:#547e72; }

/* setting generali */
body{ background-color:var(--c3); }
.row { max-width:70.25rem; }
.row p, .row li{ font-size:14px; color:var(--c2); }

a{ color:var(--c2); text-decoration:underline; transition:all 450ms ease-out; }
a:hover{ color:var(--c1); }

.btn{ background-color:var(--c1); padding:6px 16px; border-radius:20px; text-align:center; font-size:18px; color:var(--c3); cursor:pointer; box-shadow:0 6px 6px 0 #BABABA; text-decoration:none; transition:all 450ms ease-in-out; }
.btn:hover, .btn:focus{ background-color:var(--c4); color:var(--c3); box-shadow:none; }

.btnSmall{ background-color:var(--c1); display:inline; padding:4px 16px; border-radius:16px; text-align:center; font-size:14px; color:var(--c3); cursor:pointer; box-shadow:0 4px 4px 0 #BABABA; transition:all 450ms ease-in-out; }
.btnSmall:hover{ background-color:var(--c4); box-shadow:none; }

#bannerContainer{ max-width:100%; padding:0; }

/* menu */
.sticky{ background-color:#FFF; }
.menuBar{ background-color:var(--c4); }
.menuBar .top-bar, .menuBar .top-bar ul { background-color:transparent; padding:0; }
.dropdown.menu > li > a{ color:var(--c3); font-size:16px; padding:12px 16px; transition:all 450ms ease-in-out; }
.dropdown.menu > li > a:hover{ background-color:var(--c1); }
/* sotto-menu */
.dropdown.menu > li.is-dropdown-submenu-parent > a::after{ border-color: var(--c3) transparent transparent; }
.dropdown.menu > li.is-active > a{ color:var(--c3); }
.dropdown.menu .is-dropdown-submenu{ background-color:var(--c1); border:1px solid var(--c3);  }
.dropdown.menu .is-dropdown-submenu a{ color:var(--c3); padding:12px 16px; transition:all 450ms ease-in-out; }
.dropdown.menu .is-dropdown-submenu a:hover, .dropdown.menu .is-dropdown-submenu-parent.is-active > a{ background-color:var(--c2); }
.dropdown.menu li.is-submenu-item.is-dropdown-submenu-item{ border-bottom:1px solid var(--c3); }

.reservedAreaBar{ background-color:var(--c5); }
.reservedAreaBar .columns{ font-size:14px; line-height:32px; }
.reservedAreaBar a{ color:var(--c2); padding:8px 16px; border-radius:4px; transition:all 450ms ease-in-out; text-decoration:none; }
.reservedAreaBar a:hover{ background-color:var(--c1); color:var(--c3); }
.reservedAreaBar .btnLogout{ display:inline; margin-left:16px; padding:2px 8px; border-radius:4px; background-color:var(--c1); color:var(--c3); cursor:pointer; transition:all 450ms ease-in-out; }
.reservedAreaBar .btnLogout:hover{ background-color:var(--c4); box-shadow:none; }
.reservedAreaBar .btnLogout img{ width:12px; margin:-2px 6px 0 0; }

/* contenuto pagina */
.pageBody{ margin:32px auto; }
.pageBody .t1{ font-size:36px; line-height:60px; font-weight:normal; color:var(--c4); margin:0 auto 48px auto; }
.pageBody .t2{ font-size:48px; line-height:52px; font-weight:bold; color:var(--c2); margin:0; }
.pageBody .t3{ font-size:18px; line-height:20px; font-weight:bold; color:var(--c1); margin:0; }
.pageBody table{ font-size:14px; line-height:18px; }
.pageBody tbody th { background-color:var(--c1); color:var(--c3); vertical-align:middle; border:1px solid var(--c1); }
.pageBody tbody tr:nth-child(even){ border-bottom:1px solid #F1F1F1; background:none; }
.pageBody tbody tr:nth-child(odd){ border-bottom:1px solid #F1F1F1; background:none; }
.pageBody th.vCenter, .pageBody td.vCenter{ vertical-align:middle; }
.pageBody th.oCenter, .pageBody td.oCenter{ text-align:center; }
.pageBody a.note{ font-size:11px; vertical-align:super; line-height:14px; text-decoration:underline; color:var(--c1); transition:all 450ms ease-in-out; }
.pageBody a.note:hover{ color:var(--c1); }
.pageBody td a{ color:var(--c2); text-decoration:underline; transition:all 450ms ease-in-out; }
.pageBody td a:hover{ color:var(--c1); }

/* footer */
section.footer{ box-shadow:0 -8px 8px -3px #BABABA; margin-top:32px; padding:16px 0; font-size:11px;  }
.footer .columns{ padding-bottom:16px; }
.footer a{ color:var(--c2); text-decoration:underline; transition:all 450ms ease-out; }
.footer a:hover{ color:var(--c1); }

/* Mobile */
.smallBar .title-bar{ background-color:var(--c1); }
.off-canvas{ background-color:var(--c1); }
.off-canvas .close-button{ color:var(--c3); top:0.2rem; right:0.3rem; }
.off-canvas .close-button:hover{ color:var(--c2); }
.off-canvas ul{ margin-top:24px; }
.off-canvas li a{ color:var(--c3); border-bottom:1px solid var(--c3); padding:16px; }
.off-canvas li a:focus{ outline:none; }
.off-canvas li a.smallSubmenu{ padding-left:48px; }
.js-off-canvas-overlay{ background:rgba(10,10,10,0.50); }

/* Popup */
.reveal.win{ padding:0; }
.reveal.win .close-button{ color:var(--c3); top:0.05rem; right:0.5rem; font-size:1.6em; }
.reveal.win .close-button:hover{ color:var(--c1); }
.reveal.win .winTitle{ background-color:var(--c4); color:var(--c3); padding:2px 16px; }
.reveal.win .winBody{ display:flex; align-items:center; padding:16px 16px 0 16px; }
.reveal.win .winIco{ max-width:96px; margin-right:16px;  }
.reveal.win .winMsg{ font-size:16px; line-height:20px; color:var(--c2); }
.reveal.win .winBtns{ display:flex; justify-content:flex-end; align-items:center; padding:4px 32px 16px 16px; }
.reveal.win .btn{ background-color:var(--c1); display:inline; min-width:64px; margin:0 8px; padding:4px 16px; border-radius:16px; text-align:center; font-size:18px; color:var(--c3); cursor:pointer; text-decoration:none; box-shadow:0 4px 4px 0 #BABABA; transition:all 450ms ease-in-out; }
.reveal.win .btn:hover{ background-color:var(--c4); box-shadow:none; }
#pwdForgotWin .winBody{ align-items:flex-start; }
#pwdForgotWin .winIco{ background-color:var(--c4); padding:16px; border-radius:16px; }
#pwdForgotWin .winMsg{ font-size:14px; }

/* Home */
.loginBox{ margin:32px auto; background-color:var(--c5); border:1px solid #cacaca; padding:6px 10px 10px 10px; border-radius:8px; }
.loginBox .title{ font-size:20px; color:var(--c1); margin-bottom:4px; }
.loginBox label{ font-size:12px; font-weight:bold; }
.loginBox input[type="text"], .loginBox input[type="password"]{ height:28px; font-size:14px; }
.loginBox a{ color:var(--c2); font-size:12px; text-decoration:underline; transition:all 450ms ease-in-out; }
.loginBox a:hover{ color:var(--c1); }
.loginBox .btn{ background-color:var(--c1); display:inline; padding:6px 16px; border-radius:16px; text-align:center; font-size:14px; color:var(--c3); cursor:pointer; box-shadow:0 4px 4px 0 #BABABA; transition:all 450ms ease-in-out; }
.loginBox .btn:hover{ background-color:var(--c4); box-shadow:none; }

.boxProvider{ margin:32px auto; box-shadow:0 8px 3px -3px #BABABA; padding:0 4px 8px 4px; border-radius:12px; text-align:center; }
.boxProvider .t1{ color:var(--c1); font-size:14px; line-height:16px; font-weight:bold; margin:0; }
.boxProvider p{ font-size:12px; line-height:16px; color:var(--c2); margin:4px auto 0 auto; }
.boxProvider p a{ color:var(--c2); text-decoration:underline; transition:all 450ms ease-out; }
.boxProvider p a:hover{ color:var(--c1); }

.boxS{ text-align:center; font-size:11px; }
.boxS img{ margin-top:8px; }

.razionale .t1{ font-size:36px; line-height:40px; font-weight:normal; margin-bottom:48px; color:var(--c4); margin:12px auto 48px auto; }
.razionale .t1 strong{ color:var(--c4) !important; }
.razionale .t2{ font-size:46px; font-weight:normal; margin-bottom:48px; color:var(--c4); margin-bottom:16px; }
.razionale .t3{ font-size:20px; color:var(--c4); }
.razionale .t3 strong{ color:var(--c1); }

.boxRecoveryRegistration{ margin:12px auto 0 auto; font-size:14px; text-align:center; }

/* Form */
label{ font-size:12px; font-weight:bold; }
input[type="text"], input[type="password"], select{ height:30px; font-size:14px; padding:4px 24px 4px 4px; }
.isMandatory{ font-size:18px; color:var(--c1); line-height:18px; }
form .callout.privacy{ background-color: #E9E9E9; text-align:center; }
form .callout.privacy a{ font-size:18px; }
form .btn{ padding:8px 16px; }

.reveal.win .privacyTxt{ padding:16px 16px 0 16px; overflow-y:auto; overflow-x:hidden; height:350px; }
.reveal.win .privacyTxt h3{ font-size:24px; margin:0 0 16px 0; font-weight:normal; }
.reveal.win .privacyTxt p{ font-size:14px; line-height:18px; }
.reveal.win .privacyTxt p a{ color:var(--c2); text-decoration:underline; transition:all 450ms ease-in-out; }
.reveal.win .privacyTxt p a:hover{ background-color:var(--c2); color:var(--c3); box-shadow:none; }
.reveal.win .privacyTxt p.note{ font-size:11px; line-height:14px; margin:0 auto 8px auto; }
.reveal.win .privacyTxt th{ background-color:#C4C4C4; vertical-align:middle; }
.reveal.win .privacyTxt tbody tr:nth-child(even){ border-bottom:1px solid #F1F1F1; background:none; }
.reveal.win .privacyTxt tbody tr:nth-child(odd){ border-bottom:1px solid #F1F1F1; background:none; }
.reveal.win .privacyTxt th, .reveal.win .privacyTxt td{ font-size:14px; line-height:20px; text-align:left; vertical-align:super; }
.reveal.win .privacyTxt td a{ color:var(--c2); text-decoration:underline; transition:all 450ms ease-in-out; }
.reveal.win .privacyTxt td a:hover{ color:var(--c3); }
.reveal.win .privacyTxt th.vCenter, .reveal.win .privacyTxt td.vCenter{ vertical-align:middle; }
.reveal.win .privacyTxt th.oCenter, .reveal.win .privacyTxt td.oCenter{ text-align:center; }
.reveal.win .privacyTxt hr{ margin-top:64px; }
.reveal.win .privacyTxt a.note{ font-size:11px; vertical-align:super; line-height:14px; text-decoration:underline; color:var(--c2); transition:all 450ms ease-in-out; }
.reveal.win .privacyTxt a.note:hover{ color:var(--c3); }

@media screen and (max-width:1023px){

}