@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;}
/*** Struttura ***/
body {width:100%;height:auto;font-family: 'Raleway', sans-serif;font-size:20px;}
.row {clear:both; overflow:hidden;margin:0 0 30px 0;}
/** heading **/
.heading-cont {overflow:hidden;width:100%;background:url("/info_college/img/sfondocollege.webp") center top 60px no-repeat; background-size:cover;
-webkit-box-shadow: 0px 30px 40px rgba(0,0,0,0.33);
-moz-box-shadow: 0px 30px 40px rgba(0,0,0,0.33);
box-shadow: 0px 30px 40px rgba(0,0,0,0.33);}
.logo-cont {overflow:hidden;width:100%;padding:5px 0; background-color:#FFF;}
.logo {position:relative;width:100%;max-width:180px;margin:0 auto;padding:5px 10px 0;margin-bottom:-12px; z-index:100;}
.heading {position:relative;overflow:hidden;width:100%;max-width:1920px;margin:0 auto;padding:24% 0 2%; background: url('/info_college/img/ragazza.webp') center top no-repeat; background-size:cover;}
.header {position:relative;overflow:hidden;width:100%;max-width:800px;margin:0 auto;padding:20px;text-align:center;}
.header h1 {margin:0 0 18px 0; font-size:56px; line-height:52px; font-weight:900; text-transform:uppercase;color:rgb(255, 217, 0);text-shadow: 4px 4px 8px #000;}
/*.header h2 {font-size:26px; line-height:28px; font-weight:900; text-transform:uppercase;color:#fff;text-shadow: 4px 4px 8px #000;}*/
.header h2 {width:100%; padding:16px 0 20px 0;font-size:35px; line-height:38px; font-weight:900; text-transform:uppercase;color:#fff;text-shadow: 4px 4px 8px #000;background-color:rgb(255, 217, 0);}
/** contenuti **/
.container {overflow:hidden;width:100%;max-width:1280px;margin:0 auto;padding:80px 20px 40px 20px;}
h2 {margin-bottom:8px;font-size:24px;color:#036;}
h4 {font-size:20px;color:#036;}
p {margin:0 0 1% 0; line-height:28px;}
p.abstract { font-size:24px; line-height:32px;}
ul {margin:10px 0 20px 20px; list-style:disc;}


.grid-container {display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 20px; justify-content: center; padding: 20px; width: 100%; margin: 0 auto;}
.item {display: grid; grid-template-rows: auto auto 1fr auto; align-items: start; text-align: center; padding: 20px; border: 1px solid #ccc; border-radius: 10px; background-color: rgba(249,249,249,1.00); transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;}
.item:hover {transform: scale(1.05); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);}
.item .icona {max-width: 400px; margin: 0 auto; transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;}
.item .icona:hover {transform: scale(1.1); opacity: 0.9;}
.item img.fluid {max-width: 100%; height: auto; border-radius: 5px;}
.item .icona img {max-width: 100%; height: auto; border-radius: 50%;border: solid rgba(137, 187, 189, 1.00) clamp(12px, calc(5px + 1vw), 18px); box-sizing: border-box;}
.item h2 {font-size: 26px; line-height: 30px; font-weight: 700; color: rgba(11,52,102,1.00); margin: 20px 0 10px;}
.item p {font-size: 20px; line-height: 26px; margin:0 0 20px; color: rgba(68,68,68,1.00);}
.item h3 {background-color: rgba(141,196,123,1.00); color: rgba(255,255,255,1.00); padding: 10px 15px; border-radius: 20px; cursor: pointer; display: inline-block; margin: 15px auto 0 auto; transition: background-color 0.3s ease-in-out;}
.item h3:hover {background-color: rgba(123,179,109,1.00);}
@media (max-width: 480px) {
	.grid-container {grid-template-columns: 1fr; gap: 15px;} 
	.item {padding: 15px;} 
	.item h3 {font-size: 16px; padding: 8px 12px;} 
}










/** footer **/
.footer {background: url(/info_college/img/info.jpg) center center no-repeat fixed; background-size:cover;}
#info {overflow:hidden;width:100%;max-width:1280px;margin:0 auto;background-color:rgba(0,0,0,0.5);}
.info {overflow:hidden;width:100%;max-width:600px;margin:0 auto;padding:40px 20px;}
.info h4 {margin:0 0 8px 0;font-size:26px;font-weight:900; text-transform: uppercase;color:#fff; text-align:center;}
.info p {margin:0 0 20px 0;font-size:18px;font-weight:400;text-align:center;color:#fff;}
.firma {padding:20px 20px 40px;font-size:18px;font-weight:400;text-align:center;color:#fff;}


/** FORM **/
form 						{overflow:hidden;width:100%;}
fieldset div 		{position:relative;overflow:hidden;width:100%;margin:0 0 12px 0;}
fieldset input, fieldset select, fieldset textarea {width:100%;padding:10px 10px;font-size:13px;background-color:#FFF;}
select {-webkit-appearance:none;-moz-appearance:none;appearance:none;}
.select {color:#888;background:#fff url(/assets/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 20px 0;paIdding:0 8px 8px 8px;font-size:12px;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 a {color:#FF9;}
#invia { width:100%; max-width:240px;margin:0 auto;}
#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: 'Raleway', sans-serif;font-size:18px;font-weight:700;text-transform:uppercase;color:#FFF;background-color:rgba(141,196,123,1.00);cursor:pointer;border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;}
.item:hover .jqconferma:hover {background-color:#224771;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, select, input:focus, select:focus {border:#c4c4c4 solid 1px;}
input:required:focus:invalid, select:required:focus:invalid {border:red solid 1px;} 
input:required:valid, select:required:valid {border:#0C0 solid 1px;}
/* varie */
.click {cursor:pointer; text-decoration:none;}
.no-under { text-decoration:none;}
.underline { text-decoration:underline;}
.fluid { width:100%; height:auto;}
.intero {display:inline-block;}
#back_to_top {position:fixed;bottom:15px;right:15px;cursor:pointer;}
.panel1,.panel2,.panel3,.panel4,.panel5,.panel6,.panel7,.panel8,.panel9
 {display:none;}
 
@media (max-width: 820px) {
.header h1 {font-size:46px;line-height:42px;}
}

@media (max-width: 670px) {
/** heading **/
.heading {padding:23% 0 2%;}
.header h1 {font-size:40px;line-height:42px;}
.header h2 {font-size:24px;line-height:24px;}
/** contenuti **/
.duecol {width:100%;}
.duecol img.gallery {float:none;width:100%; max-width:300px!important; margin:0 auto;padding:18px;}
}

@media (max-width: 570px) {
.heading {padding:90% 0 2%;background: url('/info_college/img/ragazza.webp') center center -180px no-repeat; background-size:cover;}
.header h1 {font-size:38px;line-height:36px;}