@charset "utf-8";
@import url("https://use.typekit.net/opb1ide.css");		
			
/* Colori */
:root { --rosso:#e10b17; --blu:#0b74a2; --giallo:#f7c32c; --verde:#18a338; --arancio:#ff740f; --nero:#0a0a0a; --bianco:#FFF; --grigio:#cacaca; }

/* Generali */
body{ background:var(--bianco); }
.row{ max-width:1124px; }
*{ font-family:futura-pt, sans-serif; font-style:normal; }
.grid-margin-y{ margin-top:0; }
.grid-margin-y > .cell{ margin-top:0; margin-bottom:0; }

.pageBody div.t1{ font-size:38px; color:var(--rosso); line-height:40px; margin:30px 0 64px 0; }
.pageBody div.t2{ font-size:24px; color:var(--blu); line-height:26px; font-weight:bold; margin:30px 0 5px 0; }
.pageBody div.t3{ font-size:20px; color:var(--blu); line-height:24px; font-weight:bold; margin:40px 0 5px 0; }
.pageBody div.t4{ font-size:18px; color:var(--blu); line-height:20px; font-weight:bold; margin:24px 0 2px 0; }
.pageBody a{ color:var(--blu); text-decoration:underline; cursor:pointer; transition:all 250ms ease-out; }
.pageBody a:hover{ color:var(--rosso); }
.pageBody thead, .pageBody tbody, .pageBody tfoot{ border:1px solid #cdcdcd; }
.pageBody tbody th { background-color:var(--blu); color:var(--bianco); vertical-align:middle; border:1px solid var(--blu); }
.pageBody tbody tr{ border-bottom:1px solid #cdcdcd; background:none; }
.pageBody td{ font-size:14px; line-height:20px; text-align:left; vertical-align:super; }

.pageBody .btn{ font-size:18px; background-color:var(--blu); display:inline-block; margin:0 8px; padding:4px 16px; border-radius:16px; text-align:center; color:var(--bianco); cursor:pointer; text-decoration:none; transition:all 450ms ease-in-out; }
.pageBody .btnSmall{ font-size:14px; background-color:var(--blu); display:inline-block; margin:0 8px; padding:2px 16px; border-radius:16px; text-align:center; color:var(--bianco); cursor:pointer; text-decoration:none; transition:all 450ms ease-in-out; }
.pageBody .btnBack{ float:right; margin-top:30px; }
.pageBody .btn:hover, .pageBody .btnSmall:hover{ background-color:var(--giallo); color:var(--nero); }


/* topBar */
.sticky{ z-index:350; }
#topBar{ background-color:var(--blu); color:var(--bianco); }
#topBar .row.column{ padding:0; }
#topBar .title-bar{ height:50px; background-color:transparent; }
#topBar .menu-icon{ display:none; width:22px; height:22px; margin-right:15px; }
#topBar .socialIcons{ display:inline-block; }
#topBar .socialIcons img{ margin:0 8px 0 0; width:20px; }
#topBar .socialIcons strong{ font-size:14px; margin-left:16px; }
#topBar .logoSmall{ cursor:default; height:50px; }

/* topBar - Login */
#topBar .myICAR{ display:flex; justify-content:flex-end; font-weight:normal; align-items:center; }
#topBar .myICAR .userData{ color:var(--bianco); margin:-6px 16px 0 0; }
#topBar .myICAR img{ cursor:pointer; margin:0; }
#topBar .btn{ border:1px solid var(--bianco); border-radius:16px; background-color:transparent; color:var(--bianco); padding:0 16px; cursor:pointer; transition:all 450ms ease-in-out; margin:-15px 4px 0 16px; }
#topBar .btn.login{ background:var(--bianco); color:var(--blu); }
#topBar .btn:hover, .topBar .btn:focus{ background-color:var(--giallo); color:var(--nero); }

/* bigHeader */ 
#bigHeader{ background:var(--bianco); padding:20px 0; }
#bigHeader .bigHeaderContainer{ display:flex; align-items:flex-end; padding:0; }
#bigHeader .logoContainer{ padding:0 16px 0 0; flex: 0 1 16.66%; }
#bigHeader .icoHome{ width:24px; filter:grayscale(1) contrast(450%); transition:all 250ms ease-out; }
#bigHeader .icoHome:hover{ filter:grayscale(0); }
#bigHeader .bigMenu{ margin-bottom:20px; width:100%; }
#bigHeader .bigMenu .menu, #bigHeader .bigMenu .menu.horizontal{ align-items:center; justify-content:space-between; }
#bigHeader .bigMenu .dropdown.menu > li, #bigHeader .bigMenu .dropdown.menu > li.is-dropdown-submenu-parent{ margin:0 10px; }
#bigHeader .dropdown.menu > li > a{ color:var(--nero); }
#bigHeader .dropdown.menu > li.is-dropdown-submenu-parent > a::after{ display:block; width:0; height:0; border:inset 6px; content:''; border-bottom-width:0; border-top-style:solid; border-color:var(--nero) transparent transparent; right:5px; left:auto; margin-top:-3px; }
#bigHeader .dropdown.menu > li.is-dropdown-submenu-parent:hover > a::after{ border-color:var(--rosso) transparent transparent; }
#bigHeader .bigMenu .menu li a{ font-size:22px; text-align:left; color:var(--nero); text-decoration:none; padding:0 20px 0 0; transition:all 250ms ease-out; }
#bigHeader .bigMenu .menu li:hover a, #bigHeader .bigMenu .menu li:focus a{ color:var(--rosso); }
#bigHeader .is-dropdown-submenu{ border:1px solid var(--nero); margin-top:5px; }
#bigHeader .is-submenu-item.is-dropdown-submenu-item{ margin:0; }
#bigHeader .is-submenu-item.is-dropdown-submenu-item a{ font-size:18px !important; border:none; border-top:none !important; color:var(--nero) !important; padding:8px 8px !important; white-space:nowrap; }
#bigHeader .is-submenu-item.is-dropdown-submenu-item a:hover{ color:var(--nero) !important; background-color:var(--giallo); }

/* Mobile */
.smallBar .title-bar{ background-color:var(--blu); }
.off-canvas{ background-color:var(--blu); padding:0 16px 32px 16px; }
.off-canvas .closeBtnContainer{ width:100%; text-align:right; }
.off-canvas .close-button{ position:static; font-size:38px; line-height:52px; color:var(--bianco); }
.off-canvas .close-button:hover{ color:var(--nero); }
.off-canvas .myICAR{ border:1px solid var(--bianco); border-radius:8px; padding:8px; margin-bottom:32px; display:flex; align-items:flex-start; }
.off-canvas .myICAR img{ margin-right:16px; }
.off-canvas .myICAR .userData{ font-size:14px; color:var(--bianco); display:inline-block; padding:0 4px 8px 4px; }
.off-canvas .myICAR .btn{ display:block; font-size:14px; line-height:20px; text-align:center; border:1px solid var(--bianco); border-radius:16px; background-color:transparent; color:var(--bianco); padding:0 8px; cursor:pointer; transition:all 450ms ease-in-out; }
.off-canvas .myICAR .btn.login{ background:var(--bianco); color:var(--blu); margin-top:8px; }

.off-canvas ul{ padding-bottom:85px; }
.off-canvas li a{ font-weight:bold; color:var(--bianco); border-top:1px solid var(--bianco); padding:12px 0; }
.off-canvas li a img{ filter:brightness(0) invert(1); width:24px; margin:-8px 5px 0 0; }
.off-canvas li a:focus{ outline:none; }
.off-canvas li a:after{ border-color: var(--bianco) transparent transparent !important; }
.off-canvas li:first-child a{ border-top:none; }
.off-canvas li a.smallSubmenu, .off-canvas li a.smallSubmenu_lastItem{ font-weight:normal; border-top:none; padding-left:16px; }
.js-off-canvas-overlay{ background:rgba(10,10,10,0.50); }

/* Pagine di servizio */
.boxProvider div.t1{ margin:0; font-size:22px; line-height:26px; }

/* Footer */
.promoters{ border-top:1px solid var(--grigio); margin-top:48px; }
.promotersContainer{ display:flex; justify-content:space-between; font-size:11px; color:var(--nero); margin:32px auto; }
.promotersContainer div{ padding-right:16px; }
.promotersContainer div:last-child{ padding-right:0; }
.promotersContainer p{ margin-bottom:2px; }

.footer{ background-color:rgba(11,116,162,0.20); padding:48px 0; font-size:11px; color:var(--nero); }
.footer a{ color:var(--nero); text-decoration:underline; transition:all 450ms ease-in-out; }
.footer a:hover{ color:var(--rosso); }

/* Form */
form .isMandatory{ font-weight:bold; color:var(--rosso); font-size:20px; line-height:16px; }
form{ margin:32px auto; }
form .callout{ border:1px solid #BEBEBE; margin-bottom:25px; background:#FFF; border-radius:0 0 4px 4px; }
form .callout.header{ margin:0; border-top:1px solid #BEBEBE; border-right:1px solid #BEBEBE; border-left:1px solid #BEBEBE; border-bottom:0; background:#f2f2f2; color:var(--blu); font-size:18px; line-height:20px; font-weight:bold; border-radius:4px 4px 0 0; }
form .callout.privacy{ background-color:#E9E9E9; text-align:center; }
form .callout.privacy a{ color:var(--nero); font-size:18px; }
form .callout.privacy a:hover{ color:var(--rosso); }
form label{ line-height: 18px; color:var(--nero); font-weight:bold; padding:5px 0 0 0; }
form label.inlineLabel{ display:inline; }
form label em{ font-weight:normal; }
form input[type="text"], form input[type="password"]{ height:32px; background-color:#FFF; border:solid 1px #cacaca; border-radius:4px; font-size:16px; padding:4px; resize:none; }
form input[type="password"]{ font-family:"Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; }
form select{ height:32px; padding-top:4px; padding-left:4px; font-size:16px; }
form select option{ font-size:14px; }
form [type="checkbox"], form [type="radio"]{ margin-top:2px; }
form input[type="text"]:focus{ background-color:#FFF;  border:solid 1px #cacaca; border-radius:4px; }
form input[type="text"].inputError{ background-color:#fff5f8;  border:solid 1px var(--rosso); border-radius:4px; font-size:16px; margin-right:10px; width:100%; resize:none; }
input:disabled, input[readonly]{ background-color:#EEE !important; cursor:not-allowed; }
.captchaText{ margin-bottom:5px; font-weight:bold; color:#505050; } 
form .btnDeleteFile{ font-size:14px !important; padding:2px 8px !important; }

#professionOther, #disciplineOther { display:none; }


/* Popup */
.reveal.win{ padding:0; }
.reveal.win .close-button{ font-size:1.6em; color:var(--bianco); top:0.05rem; right:0.5rem; }
.reveal.win .close-button:hover{ color:var(--nero); }
.reveal.win .winTitle{ background-color:var(--blu); color:var(--bianco); 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(--nero); }
.reveal.win .winMsg a{ color:var(--nero); text-decoration:underline; transition:all 450ms ease-in-out; }
.reveal.win .winMsg a:hover{ color:var(--rosso); }
.reveal.win .winBtns{ display:flex; justify-content:flex-end; align-items:center; padding:4px 32px 16px 16px; }
.reveal.win .btn{ font-size:18px; background-color:var(--blu); display:inline-block; min-width:56px; margin:0 8px; padding:4px 16px; border-radius:16px; text-align:center; color:var(--bianco); cursor:pointer; text-decoration:none; transition:all 450ms ease-in-out; }
.reveal.win .btn:hover{ background-color:var(--giallo); color:var(--nero); box-shadow:none; }

.reveal.win .privacyTxt{ padding:16px 16px 0 16px; overflow-y:auto; overflow-x:hidden; max-height:350px; height:90%; }
.reveal.win .privacyTxt div.t3{ font-size:24px; margin:0 0 16px 0; font-weight:normal; }
.reveal.win .privacyTxt tbody tr{ border-bottom:1px solid #F1F1F1; background:none; }
.reveal.win .privacyTxt tbody th{ background-color:var(--blu); color:var(--bianco); vertical-align:middle; border:1px solid var(--blu); }
.reveal.win .privacyTxt td{ font-size: 14px; line-height: 20px; text-align: left; vertical-align: super; }
.reveal.win .privacyTxt a:not([class]) { color:var(--rosso); text-decoration:underline; cursor:pointer; transition:all 250ms ease-out; }
.reveal.win .privacyTxt a.note{ font-size:11px; vertical-align:super; line-height:14px; color:var(--rosso); text-decoration:underline; cursor:pointer; transition:all 250ms ease-out; }
.reveal.win .privacyTxt p.note{ font-size:11px !important; line-height:14px !important; }



/* Media query  */
@media screen and (max-width:1123px){ 
    #topBar .menu-icon{ display:inline; }
    #bigHeader, #bigMenu{ display:none; }
}

@media screen and (max-width:px) and (min-width:5690px){
    .promotersContainer div.emptyCol{ display:block; }
}

@media screen and (max-width:700px){
    #topBar .socialIcons{ display:none; }
    .title-bar-left{ flex:0 1 0px; }
    .title-bar-right{ flex:1 1 0px; }
    .promotersContainer{ flex-direction:column; flex-wrap:wrap; }
}

@media screen and (max-width:640px){
    /*
    .myActivitiesBox{ margin-top:40px !important; }
    .large-4.medium-4.small-12.columns.footer{ padding-left:15px !important; }
    */
}