/* CSS Document ITP */
/* Reset.css */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ""; content: none;}
.clearfix:before, .clearfix:after {content: ""; display: table; }
.clearfix:after {clear: both;}
.clearfix {zoom: 1;}
html {overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
* {margin:0; padding:0;border:none;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.clear {clear:both; width:100%;height:0; margin:0;padding:0;border:none;}
.clr-bth {clear:both; width:100%;}

body {width:100%;height:auto;font-family: 'Montserrat', sans-serif;font-size:18px; font-weight: 400;}
strong {font-weight:700;}

/** HEADING **/
.header-cont { overflow: visible; width: 100%; margin: 0 0 20px 0; }
.header { display: flex; flex-wrap: wrap; width: 100%; max-width: 1600px; margin: 0 auto; background: radial-gradient(ellipse 60% 40% at center center, rgba(22,99,147,0.35) 0%, rgba(255,255,255,0) 100%); background-repeat: no-repeat; background-size: cover; }
.head { position: relative; width: 70%; display: flex; flex-direction: column; justify-content: flex-start; }
.head-img { position: relative; width: 100%; padding: 20px; background: url('../../info_percorsi_abilitanti/img/percorsi-abilitanti.webp') right center no-repeat; background-size: 580px; min-height: 520px; }
.logo {max-width: 180px;margin: 0;}
.logo img {}
.head-txt { position: absolute; top: calc(50% + 45px); left: 0; transform: translateY(-50%); width: 580px; padding: 20px; background: linear-gradient(to right, rgba(255,255,255,0.25), rgba(255,255,255,0)); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); z-index: 2; border-radius: 8px; }
.head-txt h1 { margin: 0 0 20px 0; font-size: 42px; line-height: 42px; font-weight: 800; color: rgba(22,99,147,1.00); text-shadow: 2px 2px 6px rgba(255,255,255,0.8); }
.head-txt h1 span { color: #960D4C; }
.head-txt ul { list-style: none; margin: 0; padding: 0; }
.head-txt li {position: relative; margin-bottom: 10px; padding-left: 28px; font-size: 22px; line-height: 26px; color: #001C48; text-shadow: 0 1px 1px rgba(255,255,255,0.6); }
.head-txt li::before { content: "✔"; position: absolute; left: 0; color: rgba(150,13,76,1.00); font-weight: bold; }
.head-txt li span { color: rgba(22,99,147,1.00); font-weight: bold; }

/** FORM **/
#cont-form { width: 30%; margin-top: 20px; padding: 30px; background-color: rgba(31,45,83,0.80); border-radius: 16px; color: #fff; }
#cont-form h3 { margin: 10px 0 30px 0; font-size: 26px; line-height: 26px; text-align: center; text-transform: uppercase; }
form 						{overflow:hidden;width:100%;}
fieldset div 		{position:relative;margin:0 0 28px 0;}
fieldset input, fieldset select, fieldset textarea {width:100%;padding:10px 10px;font-size:13px;text-transform:uppercase;background:none;color:#fff!important;}
fieldset option {color:#000!important;}
input::placeholder {opacity:1;}
input:focus, select:focus, textarea:focus {box-sizing: border-box;background:none;border:none;outline:none;}
select {-webkit-appearance:none;-moz-appearance:none;appearance:none;}
.select {background:url('../../img/select-arrow.png') no-repeat 97% 50%;}
fieldset #campi-obbligatori {background:none;border:none;}
fieldset #campi-obbligatori label {font-size:13px;color:#fff;}
fieldset #privacy_box	{margin:0 0 10px 0;padding:0 8px 8px 8px;font-size:11px;line-height:16px;background:none;color:#fff;border:none;}
fieldset #privacy_box input {width:15px;height:15px;padding:4px 0 0 0;}
fieldset #privacy_box strong {font-size:12px; font-weight:700;}
fieldset #privacy_box span {display:inline-table;}
fieldset #variabili {display:none;background:none;}
fieldset #domanda {display:none;}
.servizio {display:none;}
fieldset a {color:#FFC;}
#invia {margin:0 auto 10px;width:100%; max-width:240px;}
#invia2 {margin:0 auto;border:none;}
.item {float:none;border:none;background:none;}
.item .jqconferma {display:block;width:100%;height:48px;margin:0;padding:0;font-family: 'Montserrat', sans-serif;font-size:17px;font-weight:700;text-transform:uppercase;color:#000000!important;background-color:#F2FF53;cursor:pointer;;}
.item:hover .jqconferma:hover {background-color:#393;color:#fff;transition: all 0.3s}
#nome-errore,#cognome-errore,#telefono-errore,#email-errore,#provincia-errore{display:none;}
.error {position:absolute;bottom:0;left: 0; margin:0!important;padding:2px!important;font-size:10px!important; line-height:9px!important;background-color:rgba(192,8,31,05);color:#ffffff;}
input, select, input:focus, select:focus {border-bottom:#fff solid 1px; background:rgba(255,255,255,0.4);}
input:required:focus:invalid, select:required:focus:invalid {border-bottom:rgb(169,57,6) solid 1px;background:none;background:rgba(255,255,255,0.4);} 
input:required:valid, select:required:valid {border-bottom:#0C0 solid 1px;background:none;}
::placeholder {color:#FFFFFF; opacity: 1;}
:-ms-input-placeholder {color:#FFFFFF;}
::-ms-input-placeholder {color:#FFFFFF;}

#container { display: flex; flex-wrap: nowrap; align-items: flex-start; width: 100%; max-width: 1600px; margin: 0 auto; gap: 20px; }
.col-70 { width: 70%; box-sizing: border-box; }
.col-30 { width: 30%; box-sizing: border-box; }
.content { padding: 0 20px 20px 20px; }
.content p { margin: 0 0 20px 0; font-weight: 400; line-height: 28px; }
.content h2 { margin: 0 0 8px 0; font-size: 26px; line-height:30px; font-weight: 700; color: rgba(22,99,147,1.00); }
.content h3 { margin: 30px 0 10px 0; font-size: 20px; font-weight: 700; color: #960D4C; border-left: 4px solid #960D4C; padding-left: 12px; line-height: 26px; }
.content h3 + p, .content h3 + ul, .content h3 + ol { margin-left: 16px; }
.content ul, .head-txt ul { margin: 0 0 30px 30px; line-height: 26px; }
.content ul.up { margin: -10px 0 30px 32px; }
.content ul li { font-weight: 400; margin: 0 0 4px 0; }
.content ol { margin: 0 0 30px 30px; line-height: 26px; }
.content ol li { font-weight: 400; margin: 0 0 4px 0; }
.evidenza { background-color: rgba(255,245,0,0.30); margin-bottom: 40px; padding: 30px 20px; border: rgba(255,156,0,0.99) solid 1px; border-radius: 16px; }
.btn { display: inline-block!important; margin-top: 12px; padding: 12px 20px; font-size: 16px; font-weight: 700; color: #fff; background-color: #960D4C; text-decoration: none; border-radius: 8px; transition: background-color 0.3s ease; }
.btn:hover { background-color: #7a0b3f; }


/*** footer ***/
.footer-cont {clear:both; overflow:hidden;width:100%;}
.footer {overflow:hidden;width: 100%;max-width: 1600px;margin: 0 auto;padding:40px;background-color:rgba(128,174,188,0.99);}
.footer p {font-size:14px; font-weight:400;color:#fff;}
/*** VARIE ***/
.fluid { width:100%; height:auto;}
.link {cursor:pointer; text-decoration:underline;color:#33C;}
.intero { display:inline-block;}
#back_to_top {position:fixed;bottom:15px;right:15px;cursor:pointer;}
.normal { font-weight:400;}
.col-md-6 {float:left; width: 50%;}
.col-70 {float:left; width: 70%;}
.col-30 {float:left; width: 30%;}

.button {width: 100%;max-width: 300px;margin:-20px auto 30px;padding:10px 0; text-decoration: underline;color:#fff;text-align:center;cursor:pointer;}
.hidden-desk {display:none!important;}


@media (max-width: 1080px) {
/*.head-cont {margin:28% 0 0; background-color:rgba(102,162,133,0.6);}
.head {width: 60%;}
#cont-form {width:40%;}*/
}


@media (max-width: 1200px) {
	
.logo {max-width: 160px;margin: 0 auto;}

.header { flex-direction: column; align-items: center; }
.head { width: 100%; }
.head-img {background-size:contain; background-position: center 80px; padding: 20px 0; min-height: 480px; }
.head-txt { position: static; transform: none; width: 100%; max-width: 640px; margin: -80px auto 0 auto; background-color: rgba(255,255,255,0.90); padding: 20px; }
.head-txt h1 { font-size: 36px; line-height: 38px; text-align: center; }
.head-txt ul { padding: 0 10px; }
.head-txt li { font-size:20px; }
.logo { display: flex; justify-content: center; margin-bottom: 20px; }
	
#cont-form { width: 100%;max-width: 640px; padding: 30px 20px; margin-top: 20px; }
	
#container { max-width: 640px;margin:30px auto 0; flex-direction: column; }
.col-70, .col-30 { width: 100%; }	
	
.footer { padding: 40px 20px; text-align: center; }
.hidden-desk { display: block; }
.col-md-6 { width: 100%; }
.evidenza { margin: 0 10px 40px; }
.content.action { padding-top: 0; }
}


@media (max-width: 580px) {

.logo img { width: 120px;height: auto}
.head-img {background-position: center 40px; padding: 20px 0; min-height: 380px; }
.head-txt h1 { font-size: 28px; line-height: 32px; }
.head-txt li { font-size: 18px; line-height: 22px; padding-left: 24px; }
.head-txt li::before { font-size: 14px; left: 0; }
	
#cont-form { margin: 0 10px; width: calc(100% - 20px); padding: 20px; }
#cont-form h3 { color: #F2FF53; font-size: 20px; }
.evidenza {width: calc(100% - 20px); }
.hidden-desk {display:inline-block!important;}
}





/*@media (max-width: 1200px) {
.logo {}
.header {max-width: 680px;}
.head {float: left;width: 100%;}
.head-cont {max-width: 640px;margin:320px 0 0px 0;}
h1 {width: 100%;margin:0 0 20px 0;}
.head-img {padding:20px 0 0;background-position:center top;height: 700px; background-size:600px;}
.head-title {max-width:300px;}
.head-txt {width: 100%; padding:20px 20px 0 20px ;bottom:0px;background-color: rgba(255,255,255,0.80);}
#cont-form {width:100%;padding:30px 20px;}
#container {max-width: 640px;}
.content {width:100%;padding:30px 20px;}
.footer {padding:40px 20px; text-align:center;}
.hidden-desk {display:block;}
.col-md-6 {width: 100%;}
.evidenza {margin:0 10px 30px;}
.content.action {padding-top:0;}
}


@media (max-width: 580px) {
.logo {max-width:130px; padding:0 10px;}
.head-img {height:600px; background-size:430px; background-position: center top 1px;}
.head-cont {max-width: 680px;margin:290px 0 0px 0;background-color: rgba(54,109,144,0.99);}
h1 {margin:0 0 20px 0;font-size:27px; line-height:29px;}
	.head h2 {margin:0 0 20px 0;font-size:24px;line-height: 28px;}	
#cont-form	{margin:0 10px;width:  calc(100% - 20px);}
#cont-form h3 {color:#F2FF53;}
.evidenza {margin:0 10px 0 10px;width:  calc(100% - 20px);}
}
*/