/*
VERDE #009E62
VERDE CHIARO #95b849
GIALLO #FFCD00

GRIGIO #3C3C3B
GRIGIO CHIARO #F2F2F2
*/


:root {
  --altezzaCarousel: 220px;
}

/*@font-face {
    font-family: TitanOne;
    font-weight: 100;

    src: url("TitanOne-Regular.ttf") format("opentype");
	}
*/

@font-face {
    font-family: Fredoka-Bold;
    font-weight: 700;
    src: url("Fredoka-Bold.ttf") format("opentype");
	}

@font-face {
    font-family: Fredoka;
    font-weight: 400;
    src: url("Fredoka-Regular.ttf") format("opentype");
	}



@font-face {
    font-family: SourceSansPro-Black;
    font-weight: 900;
    src: url("SourceSansPro-Black.ttf") format("opentype");
	}

@font-face {
    font-family: SourceSansPro-Bold;
    font-weight: 700;
    src: url("SourceSansPro-Bold.ttf") format("opentype");
	}

@font-face {
    font-family: SourceSansPro;
    font-weight: 400;
    src: url("SourceSansPro-Regular.ttf") format("opentype");
	}
	
	
h1.headLogo 	{
	display:block;
	padding: 30px 20px 0 0 ;
	
	}
	
.headLogo	{
 color: #009E62;
 font-size:1.8rem ;
}

body {

    background: -webkit-radial-gradient(bottom left,#009E62,#95b849);
    background: radial-gradient(at bottom left,#009E62,#95b849);	
	
	margin:0;
	font-family: 'SourceSansPro', 'Raleway', sans-serif;
	font-size:1rem;
	}

a {
	text-decoration: none;
	color: 000000;
}
a.sottolinea {
	text-decoration: underline;
}

h1 {  
	font-family: 'SourceSansPro-Black', 'Raleway', sans-serif;
/*	font-weight: normal !important;*/
	padding-left:20px;
	display: flex;
	align-items: center;
	}
	
h2 {  
	font-family: 'SourceSansPro-Bold', 'Raleway', sans-serif;
/*	font-weight: normal !important;*/
	margin: 0;
	font-size:3rem;
	}
	
h3 {  
	font-family: 'SourceSansPro', 'Raleway', sans-serif;
/*	font-weight: normal !important;*/
	margin-top: 50px;
	margin-bottom: 0px;
	
	font-size:2.5rem;

	}
	
	
.wContainer {
	min-width:920px; 	
	max-width:1300px;  /* era 1800 */
	}

.testa {
/*	padding-left: 20;*/
	text-align:right;
	height:70px;  
	font-size:0.6rem;
	font-weight:900;	
	line-height:70px; 
	background-color:#ffffff;
	color:#F05D36;
	display:block;
	margin:auto;
	margin-bottom:2vw;
	border-radius: 0px 0px 20px 20px;
	background-image: url("/img/logo.jpg"); 
	background-repeat:no-repeat	;
	background-size: 320px;
	background-position: left center;
	}

	
.piedeText{
	padding-left: 20;
	}

.piede {
	height:fit-content;
	line-height:40px; 
	background-color:#ffffff;
	display:block;
	margin:auto;
	margin-top:150px;
	border-radius: 20px 20px 20px 20px;
	padding: 15px 0px 15px 0px;
	font-size: 1.3rem;	
/*	
    position:fixed;
    left:0;
    right:0;
	bottom:0;
    margin-left:auto;
    margin-right:auto;	
*/
	}
	
.corpo { 
	/* min-height:55vh; */
	height:fit-content; 
	background-color:#ffffff;
	display:block;
	margin:auto;
	border-radius: 20px;
	padding-bottom: 10px;	
	}	

.dietro{
	border-radius: 20px;
	min-height: 200px;
 /*   text-align: center; */
	}
	
.sopra{
	border-radius: 20px 20px 0 0;
	}	

.sotto{
	border-radius: 0 0 20px 20px;
	}
	
	
	
	
.prossima {
	width: 80%;
	margin:7px;
	padding:15px;
	display:inline-block;
	line-height:22px;
	height:22px;
	border: none;
	text-align:center;
	font-size:1rem;
	font-weight:900;

	box-sizing: content-box;
/*	background-image: url("/img/freccia_bianca.png"); 
	background-repeat:no-repeat	;
	background-size: 1.5rem;
	background-position: right 20px center;*/
	color: #000000;
	background-color: #FFCD00;
	}
	

	
.prossima.verde {	
	background-color: #95b849;
	}
.prossima:hover {

	background-image: none; 
	background-color: 000000;
	color: ffffff;
	}


@media all and (max-width: 1930px) {
	.wContainer {
		min-width:1030px; 	
		max-width:1300px; 
/*		max-width:95vw; */
		}
	
	.domanda {
		font-size: 2.6rem;
		}
		
	.qrCentra{
		min-width: 1100;
		}
		
	.overText {
		max-width: 50%;
		font-size:1.4rem;
		}
		
/*	.codeBig {
		font-size:4rem;
		}	*/	
	}
	
@media all and (max-width: 980px) {
	li { float:none !important; }
	
	.wContainer {
/*		min-width:99vw; 	*/
		min-width:1030px; 	
		max-width:1300px;
/*		max-width:99vw; */
		}
		
	.qrCentra{
		min-width: 920px;
		}
		
	.domanda {
		font-size: 1.7rem;
		}
	
	.overText {
		max-width: 400px;
		font-size:1.4rem;
		}
			
/*	.codeBig {
		font-size:4rem;
		}	*/
/*	
	.vimeo {	
		padding: 2vw 1vw 0px 1vw;
		}
		*/
	}
	

.regCont {
	display:flex;
	margin:auto;
	padding:20px 0 0 0;
	}

.regForm {
	min-width:500px;
	max-width:60vw;
	display:flex;
	padding:20px;

	/*box-shadow: -30px 30px 0 rgb(0 0 0 / 30%);
    -webkit-box-shadow: -30px 30px 0px 0px rgb(0 0 0 / 30%);
	*/
	}
.regSx {
	min-width:200px;
	max-width:40vw;
	display:flex;	
	padding:30px;	
	font-size:1.8rem;
	font-weight:100;
	color:#ffffff;
	}
	
.logForm {
	min-width:350px;
	max-width:370px;
	padding:25px;
	min-height:400px !important;
	}

.ombra	{
	box-shadow: -10px 10px 0 rgb(255 255 255 / 45%);
    -webkit-box-shadow: -10px 10px 0px 0px rgb(255 255 255 / 45%);
	}

a.mostra {
	float:right; 
	padding-right:20px;
	font-style:italic;
	}	

.logSx {
	min-width:600px;
	width:100%;
	padding: 0 15vw 0 0vw;
	height: var(--altezzaCarousel);
	font-size:1.5rem; /* 1.8 */
	font-weight:100;
	color:#ffffff;
    margin: auto;
    position: relative;
    top: -100px;	
	}	
	
.regDoc {
	background-color:#FFF7CC;
	display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: 0;
	border-radius: 20px;
	}	
	
.regLabel {
    width: 90%;
	font-weight:900;
	color:#555555;
	padding:20px;
	}

.popup-contact-form .form-group {
    position: relative;
    text-align: left;
    margin-bottom: 30px;
	}
.popup-contact-form .form-group .form-control {
	border       : 2px solid #B7B7B7;
	width:90%;
	border-radius: 10px;
	line-height  : 50px;
	height       : 50px;
	margin-bottom: 0;
	padding-left : 17px;
}

.popup-contact-form .heading .heading-title {
	font-family: 'SourceSansPro-Black', 'Raleway', sans-serif;
	/*font-weight: normal !important; */
	font-size     : 2rem;
	margin-bottom : 4px;
	text-transform: capitalize;
	color: #009E62;
	font-weight:300;
	text-align:center;
}

@media screen and (max-width: 767px) {
	.popup-contact-form .heading .heading-title {
		font-size: 26px;
	}
}

.popup-contact-form .heading .heading-desc {
	line-height: 1.31;
	text-align:center;
}

.popup-contact-form p.notice {
	font-size  : 12px;
	line-height: 1.5;
}

@media screen and (min-width: 768px) {
	.popup-contact-form p.notice {
		padding: 0 45px;
	}
}


.popup-contact-form .form-group label {
font-size: 1.1rem;
text-transform: none;
}



.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 15px;
    margin-left: 15px;
	}

.col-12.docente
	{
	padding-left:15px;
	}
	
.form-group.docente
	{
	margin-top:50px;
	}
	
.col-12.fReg {max-width: 45%;}
	
@media (min-width: 992px)
.col-12.fReg {
    max-width: 45%;
}	

.col-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
	
    position: relative;
    width: 100%;
    padding-left: 15px;
}
	
/* functions: unaPagTable */
.uptRiga { display: table-row;}
.uptCol { display: table-cell; padding-right: 20px; font-size:1.5rem; font-weight:100 }
.utpColTit { font-weight:900; color: #8a8069; }




.HP	{   
	border-radius: 0px;
	height:130px;
/*    width: 100%;	
    max-width: 100%;*/
	}
	
H1.homeHero	{
	font-size: 7rem;	/* 8 */
    line-height: 6rem;
	height: 4rem;
	padding-left:0px;
	}
	
H2.homeHero	{
	color:#3C3C3B;
	background-color:#ffffff;
	font-size: 1.3rem; /* 1.5 */
    border-radius: 0.8rem;
	text-transform: uppercase;	

    padding: 5px 20px 5px 20px;
    margin: 15px 0 15px 0;
    width: fit-content;
	}
	
.hero	{
	overflow: hidden;
	height: calc(100vh - 170px);
	}
	
.bianco	{
	background-color: #ffffff;
	}
	
.HpBlockB {
	text-align: center;
	display: flex;
	flex-direction: column;
    flex-wrap: nowrap;
	margin:auto;
	font-size:1.8rem; /* 2 */
    line-height: 2rem;
	}	
	
H1.HpBlockB {
	color: #3C3C3B;
	font-size:3.5rem;
    line-height: 1rem;
    padding-top: 100px;
	}



.bgStudenti	{
    background-image: url(/img/bg-studenti.jpg);
    background-repeat: no-repeat;
    background-position: center bottom;
	width: 99vw;
 /*   height: 80vh;*/
	min-height: 885px;
	}

	
.boxOrizzontali
	{
	margin:auto;
	display: flex;
	}
	
.boxVerde	{
	background-color:#ffffff;
	text-align:left;
	color: #009E62;
	font-size: 1.3rem; /* 1.6 */
	width: 30vh;
	margin: 20px;
	padding:20px;
	min-height: 145px;
	width: 365px;
    border-radius: 10px;
	border: 2px solid rgb(149 184 73);
	box-shadow: -10px 10px 0 rgb(149 184 73 / 100%);
    -webkit-box-shadow: -10px 10px 0px 0px rgb(149 184 73 / 100%);
	}
	
.centrale	{ margin: 20px 70px 20px 70px; }

.boxIco	{
	font-family: 'SourceSansPro-Black', 'Raleway', sans-serif;
    font-size: 1.8rem; /* 2 */
    margin-bottom: 4px;
    color: #009E62;
	min-width: 300px;
	margin-top: 100px;
	}
.boxImg	{
	vertical-align:middle;
	padding:10px;
	}	
.boxFreccia	{
	width:120px;
	height:61px;
	background-image: url("/img/ic-freccia.png"); 
	background-repeat:no-repeat	;
	background-size: 78px;
	background-position: center, center;
	margin-top: 100px;	
	}
	
.bgInsegnante	{ /*
	background-color: -webkit-radial-gradient(bottom left,#009E62,#95b849);
	background-color: radial-gradient(at bottom left,#009E62,#95b849);	
    background-image: url(/img/bg-insegnante.png); */
    background: url(/img/bg-insegnante_3.png), -webkit-radial-gradient(bottom left,#009E62,#95b849);
    background: url(/img/bg-insegnante_3.png), radial-gradient(at bottom left,#009E62,#95b849);	
	
    background-repeat: no-repeat;
    background-position: right bottom;
/*	width: 99vw;
    height: 70vh;	*/
    min-height: 800px;

    padding: 220px 550px 0 0;
	}

@media (max-width: 3840px) {
	.bgInsegnante {
	background-position: calc(50% + 20%) bottom;
	}
}
@media (max-width: 1920px) {
	.bgInsegnante {
    background-position: right bottom;
	}
}
@media (max-width: 1325px) {
	.bgInsegnante {
	background-position: 300px bottom;
	}
}

	
.boxInsegnante	{
	margin: auto;
	background-color:#ffffff;
/*	width: 50vh;*/
	padding:20px;
    min-height: 370px;

	width: 720px;
	}


	
.HpBlockC {
	margin: auto;
	font-size:1.8rem; /* 2 */

	width: 700px;
	}
	
	
H1.HpBlockC {
	padding-left:0;
	color: #3C3C3B;
	font-size:2.8rem; /* 3.5 */
	}	
	
	
H1.fBianco	{
	color: #ffffff;
	padding: 0 0 20px 50px;	
	}
	
.bgContatti	{ 
	background-color:#F2F2F2;
	text-align:center;
	}

A.HpBlockD	{
	color: #009E62;
	font-size:2rem;
	}

.HpBlockD {
	margin: auto;	
	color: #009E62;
	font-size:2rem;
    display: inline-block;
    padding: 15px 0 15px 0;
	}
	
	
H1.HpBlockD {
	/* padding-left:30vw; */
	padding-left:680px;
	}		
	
.hFlip	{
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	}
	
.bgIndirizzi	{ 
	background-color:#ffffff;
	text-align:left;
	}	
	
.HpBlockE {
	margin: auto;	
	color:#3C3C3B;
	font-size:1.4rem;
    font-weight: 500;
    display: flex;
    align-items: flex-start;
	}
	
H1.HpBlockE {
	padding-left:0;
	}	
	
.HpColonne
	{
	width:600px;
	margin-top: 80px; /* era 200 */
	}	
	
.HpSpacer
	{
	width: 5px;
    margin: 30px 159px 30px 160px;		/* era  190px 159px 190px 160px; */
	}

.dx	{
	text-align:right;
    justify-content: flex-end;
	}

	
.bgFoot	{ 
	background-color: #FFCD00;
	text-align:center;
	}

.HpBlockF {
	margin: auto;	
	color: #ffffff;
	font-family: 'SourceSansPro-Black', 'Raleway', sans-serif;

	font-size:2rem;
    display: inline-block;
    padding: 40px 0 40px 0;
	}
	
#videoBGwrap {
  position: absolute;
  top:130px;
}

#videoBG {
	width: 99vw;
	height: calc(100vh - 130px);
  object-fit: cover;
  
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
}
 
 .txtLbl {font-size:1rem;}
 div.radioLbl {display:flex; justify-content: flex-end;}
 input.radioLbl {height:20px; width:20px; margin-left:5px; margin-right:5px;}