@charset "utf-8";
/* 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;}

/*** webfont ***/
.montserrat-<uniquifier> {font-family: "Montserrat", sans-serif;font-optical-sizing: auto;font-weight: <weight>;font-style: normal;}

/*** LAYOUT ***/
body {width:100%;height:100%;font-family: 'Montserrat', sans-serif;font-size:20px;}
html {width:100%;height:100%;background-color: rgba(244,250,255,1.00);}
.col-md6 {float:left;width: 49.50%;margin:0 0.5% 0 0;}
.row {margin-bottom:30px;}

/** HEADING **/
.heading {position:relative;height:100%;background:url('../images/background.jpg') center bottom no-repeat;background-size: cover;}
#heading {opacity: 0;transition: opacity 2s; /* Durata della dissolvenza */}
#heading.fade-in {opacity: 1;}
.overlay {position:absolute; left: 0;bottom: 0; width: 100%; height:40%;background: linear-gradient(to bottom,  rgba(6,15,38,0.00) 0%,rgba(6,15,38,0.90) 100%);}
.header {position:absolute;width: 100%;bottom:8%;text-align: center;}
.head {width: 100%;max-width: 1440px;margin:0 auto;padding:0 10px;}
h1 {font-size:70px;font-weight:700;text-transform: uppercase; color:rgba(255,255,255,1.00);}
h1 strong {font-size:80px;font-weight:300; text-transform: none;}
/** CONTENITORE **/
.contenitore {overflow: hidden; width: 100%;max-width: 1440px;margin:60px auto 0;padding:0 10px;}
/* spot */
.spot {display:table;width: 100%;margin:0 0 40px 0;padding:5%;background-color: rgba(255,255,255,1.00); border: rgba(255,127,5,1.00) solid 3px;}
.spot-logo {display:table-cell; width: 280px;padding:0 15px 0 0;border-right: rgba(15,38,92,0.99) solid 2px;}
.spot-testo {display:table-cell; vertical-align: middle;padding:0 0 0 15px;font-size:19px;line-height: 26px!important;}
.spot-titolo {font-size:26px;margin-bottom:10px;font-weight: 700;color: rgba(255,127,5,1.00);}
.micro {margin: 20px 0 0 0!important; font-size:12px!important; line-height: 16px;}
.micro span {font-size:14px;font-weight: 800;  color:rgba(255,127,5,1.00)!important;}





/* contenuti */
.contenuti {overflow: hidden;}
.contenuti.info {padding:3%;}
.content {overflow: hidden;clear: both; padding:25px;}
.content p {margin:0 0 30px 0;line-height: 28px;}
.content h2 {font-size:26px;margin-bottom:10px;font-weight: 700;color:rgba(0,28,72,1.00);}

/** FORM **/
#info h2 {text-align: center;text-transform: uppercase;color:rgba(255,127,5,1.00)}
form 						{overflow:hidden;width:100%;}
fieldset div 		{position:relative;overflow:hidden;width:100%;margin:0 0 20px 0;}
fieldset input, fieldset select, fieldset textarea {width:100%;padding:16px 10px;font-size:13px;border:#c4c4c4 solid 1px; background-color:#FFF;}
input:focus, select:focus, textarea:focus {box-sizing: border-box;background-color: #F2FFCC; border:none; outline:none;}
select {-webkit-appearance:none;-moz-appearance:none;appearance:none;}
.select {color:#888;background:#fff url('../images/select-arrow.webp') no-repeat 97% 50%;}
fieldset #campi-obbligatori {background:none;border:none;}
fieldset #campi-obbligatori label {font-size:13px;color:#000;}
fieldset #privacy_box	{margin:0;padding:0 8px 8px 8px;font-size:12px;line-height:16px;background:none;color:#001C48;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;}
fieldset .servizi {display:none;}
fieldset .tutor {display:none;}
#invia {max-width: 300px; margin:20px auto 0;}
#invia2 {margin:0;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:16px;font-weight:600;text-transform:uppercase;color:#FFF;background-color:rgba(255,127,5,1.00);cursor:pointer;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;}
.item:hover .jqconferma:hover {background-color:#393;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;}
/* validazione html5 */
input:focus, select:focus {border:#c4c4c4 solid 1px;}
input:required, select:required {border:#c4c4c4 solid 1px;}
input:required:focus:invalid, select:required:focus:invalid {border:#F00 solid 1px;}
input:required:valid, select:required:valid {border:#0C0 solid 1px;}

/** FOOTER **/
footer {position: relative;width: 100%;min-height: 280px; margin:60px 0 0 0; background: url("../images/footer.webp") center bottom no-repeat; background-size: cover;}
.overlay2 {position:absolute; left: 0;bottom: 0; width: 100%; height:100%;background: linear-gradient(to bottom, rgba(6,15,38,0.9) 0%,rgba(6,15,38,0) 100%);}
.footer {position:absolute;width: 100%;top:20%;text-align: center;}
.foot {}
.foot p {color: rgba(255,255,255,1.00);}

/*** VARIE ***/
.arrow {position:relative;bottom:-20px;width:60px;height:60px;margin:0 auto;background-image:url("../images/arrow.webp"); background-size: contain;}
.bounce {animation:bounce 2s infinite;}
@keyframes bounce {0%, 20%, 50%, 70%, 100% {transform: translateY(0);}40% {transform: translateY(-12px);}60% {transform: translateY(-6px);}}
#back_to_top {position:fixed;bottom:15px;right:15px;cursor:pointer;}
.hidden {}
.hidden-desk {display:none;}
.link {color:blue;cursor: pointer;text-decoration: underline;;}
.fluid {width: 100%; height: auto;}
.border-a2 {border: rgba(255,127,5,1.00) solid 2px;}
.back-w {background-color:rgba(255,255,255,1.00); }

@media (max-width: 1024px) {
h1 {font-size:50px;font-weight:700;text-transform: uppercase; color:rgba(255,255,255,1.00);}
h1 strong {font-size:100px;font-weight:300; text-transform: none;}
.arrow {width:40px;height:40px;}
}

@media (max-width: 640px) {
.col-md6 {width: 100%;margin:0;}
/** HEADING **/
.heading {background-position:center bottom 80px;}
.overlay {height:60%;background: linear-gradient(to bottom, rgba(6,15,38,0.00) 10%, rgba(6,15,38,0.99) 70%);}
.header {bottom:30px;}
h1 {font-size:30px;font-weight:800;}
h1 strong {font-size:40px;font-weight:300; text-transform: none;}
/** CONTENITORE **/
.contenitore {margin:10px auto 0;padding:0 10px;}
/* spot */
.spot {display:block;margin:0 0 40px 0;padding:20px;}
.spot-logo {display:block; width:100%;padding:0 0 15px 0;border-right: none;}
.spot-titolo {font-size:22px;}
.spot-testo {display:block;font-size:19px;line-height: 28px;padding:0;}
/* contenuti */
.content {padding:20px 20px 20px ;}
.content h2 {font-size:24px;margin-bottom:10px;}
/** FOOTER **/
.footer {position:absolute;width: 100%;top:50px;text-align: center;}
/*** VARIE ***/
.hidden {display:none;}
.hidden-desk {display:block;}

}