.sticky-sidebar { position: -webkit-sticky; position: sticky; top: 70px; }

input#salto_di_class_no[type="radio"], input#salto_di_class_si[type="radio"]{ appearance: none; outline: none; border: 1px solid #aaa; background: #fff; border-radius: .2em; width: 1.55em; height: 1.55em; content: ''; margin: 2px 0 -2px 0; cursor: pointer }
input#salto_di_class_no[type="radio"]:checked, input#salto_di_class_si[type="radio"]:checked { appearance: none; outline: none; padding: 0; content: none; border: none; }
input#salto_di_class_no[type="radio"]:checked::before, input#salto_di_class_si[type="radio"]:checked::before{ position: absolute; border: 1px solid #aaa; background: #fff; color: #0aab00 !important; content: "✓" !important; border-radius: .2em; font-size: 1.4em; font-weight: bold; line-height: 1.1em; width: 1.2em; text-align: center; margin-top: 1px; }
label[for="salto_di_class_no"], label[for="salto_di_class_si"] { margin-left: 3px }
.divProfilo, .divEvento { text-align: center; }
.divProfilo h1, .divEvento h1 { color: #fff; }
.divProfilo input[type=radio], .divEvento input[type=radio] { display: none; }
.divProfilo input[type=radio]:checked + .box { background-color: #33AA11; }
.divEvento input[type=radio]:checked + .box { background-color: #f82; }
.divProfilo input[type=radio]:checked + .box span, .divEvento input[type=radio]:checked + .box h2, .divEvento input[type=radio]:checked + .box h4, .divEvento input[type=radio]:checked + .box small { color: white; transform: translateY(70px); }
.divProfilo input[type=radio]:checked + .box span:before, .divEvento input[type=radio]:checked + .box h2, .divEvento input[type=radio]:checked + .box h4, .divEvento input[type=radio]:checked + .box small { transform: translateY(0px); opacity: 1; }
.divProfilo .box { padding: 5px 4px; background-color: #fff; transition: all 250ms ease; will-change: transition; display: inline-block; text-align: center; cursor: pointer; position: relative; }
.divProfilo > div > label, .divEvento > div > label  { width: 100%; }
.divProfilo .box:active, .divEvento .box:active { transform: translateY(10px); }
.divProfilo .box span, .divEvento .box span { transform: translate(0, 60px); left: 0; right: 0; transition: all 300ms ease; font-size: 2em; user-select: none; color: #33AA11; line-height: 1.5em; font-weight: 500; }
.divProfilo .box span:before, .divEvento .box span:before { font-size: 2em; display: block; transform: translateY(-80px); opacity: 0; transition: all 300ms ease-in-out; font-weight: normal; color: white; line-height: 1.5em; font-weight: 500; }
.divProfilo > label > .front-end, .divProfilo > label > .back-end{ border: 3px solid #33AA11; border-radius: 5px; width: 100%; }
.divEvento > label >.front-end, .divEvento > label > .back-end{ border: 1px solid #f82; width: 100%; }
.divProfilo p, .divEvento p { color: #fff; font-weight: 400; }
.divProfilo p a, .divEvento p a { text-decoration: underline; font-weight: bold; color: #fff; }
.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.select-custom-apefacile { font-style: italic; color: gray }
div#partnershipBox{margin:12px}
#partnershipBox img.logoIG{max-width:300px;width:30%;min-width:200px}
button.toApefacile{float:right;line-height:36px}
button.toApefacile img{width:30px;margin-right:12px}
div.sticky-contacts-apefacile.dark{background:#273746 !important;padding:12px}
div.sticky-contacts-apefacile.dark *{color:#85929E !important}
div.sticky-contacts-apefacile.dark .border-end {
    border-right: 1px solid #85929E !important;
}

div.header-row *{color:#1C2833 !important}
div.header-row li{width:33%;margin-top:4px;margin-bottom:0}
div.header-row ul{list-style:none !important}