@import url('https://fonts.googleapis.com/css?family=Montserrat:200,200i,300,300i,400,400i,500,500i,600,600i,800,800i');

h1, h2, h3, h4, h5{font-family: "Montserrat";  font-weight: bold;color:var(--color-title)}

body, p, label, ul li, h1, h2, h3, h4, h5, button { font-family: "Montserrat"; font-weight:400; }
h1, h2, h3, h4, h5{font-family: "Montserrat";}
h1{font-weight:bold; }
h2{font-weight:300;}
b, strong{font-weight: 600}
h1, h2, h3{color:var(--color-title)}

h3 small{font-size: 50%;display: block}
h2 small{font-size: 50%;display: block}

body{color:var(--color-text);font-size:16px; }
html{font-size:14px;  }

@media all and (max-width:1199px){
	body{font-size:16px; }
}
@media all and (max-width:767px){
html{font-size:12px; }
body{font-size:14px; }
}
@media all and (max-width:360px){
html{font-size:10px; }
body{font-size:12px; }
}
a{text-decoration: none}
.text-justify{text-align: justify}


/*CONTENUTI*/

header .logo{margin:2rem}
header {text-align: center;position: relative;margin-bottom: -2.2rem;}
header h1{position: absolute;bottom:3.6rem;}
@media all and (max-width:991px){
	header h1{position: absolute;bottom:5rem;}
	header .logo{width: 200px}
}
.content{overflow: hidden}
.content .container{z-index: 3; position: relative;}
.content section{position: relative;}

.content > section{padding:2rem 30px; }
@media all and (max-width:767px){
.content > section{padding:2rem 15px;}
}
@media all and (max-width:565px){
	.content > section{padding:2rem 15px ;}
}

.content h2{font-weight: bold;font-size:5rem;margin:2rem 0px 2rem 0px}
.content h2 small{font-size:1.8rem;font-weight:normal;}
.content h3 {font-size:2rem;font-weight: bold;}
.content h4{font-size:1.6rem;font-weight: bold;}


@media all and (max-width:1199px)
{
	.content h2{font-size:3rem }
	.content h2 small{font-size: 50%}
}
@media all and (max-width:991px)
{
	.content h2{font-size:2rem }

}
@media all and (max-width:991px)
{
	.content h2{font-size:3rem;line-height: initial!important; }
}
@media all and (max-width:768px)
{
		section.fascia h2{font-size:2.5rem;line-height: initial!important; }
}

/*CERCHI GRANDI*/
.cerchio-grande{position: absolute;z-index: 3;width:50vw;height: 50vw;}
.sinistra{left: -32vw;}
.destra{right: -32vw;}
.alto{top: -10vw;}
.basso{bottom: -30vw;}
/*CERCHI GRANDI*/
/*SLIDE.R*/


.box-contenuti{box-shadow:var(--shadow03);border-radius:var(--border-radius);padding:30px;background:white;margin-bottom:3rem}
@media all and (max-width:991px)
{
	.xxbox-contenuti{margin:15px 15px 3rem 15px }
	
}
section.comefunziona {padding:2rem 0px;display: block}
section.comefunziona h3{font-weight: bold;margin-bottom:2rem}
section.comefunziona h4{font-weight: bold;font-size: 2rem}
section.comefunziona .row img{max-width:200px;margin-bottom:2rem}

section.registrazione .container{z-index:4;margin-top: -2%;}
section.registrazione .sf_top{position: relative;margin-top: -5%;}
@media all and (min-width:1200px){
	section.registrazione .sf_top{margin-top:-5%;}
}
@media all and (max-width:991px){
	section.registrazione .sf_top{margin-top:-7%;}
}

section.registrazione .sf_end{position: relative;margin-bottom:-1rem;}
section.registrazione {padding:0px; background:#5fd678}

section.registrazione h2{font-size:3.5rem; color:#c3e846;text-shadow: 0px 2px 0px rgba(0, 0, 0, 0.16),0px 0px 18px rgba(0, 0, 0, 0.15);margin-top:0}
section.registrazione .box-contenuti h2{text-shadow: none;color:var(--color)}
section.registrazione h2 span{color:#ebffbd}
@media all and (max-width:1199px){
	section.registrazione h2{font-size:2.5rem; }
	
}
@media all and (max-width:991px){
	section.registrazione .container{padding: 0px 30px;}
}
.linea_{color:var(--color)}
.linea_b{color:var(--color-hover)}
.linea_ > span{color:var(--color-hover)}

.linea_1{color:var(--color1)}
.linea_1b{color:var(--color1-hover)}
.linea_1 > span{color:var(--color1-hover)}

.linea_2{color:var(--color2)}
.linea_2b{color:var(--color2-hover)}
.linea_2 > span{color:var(--color2-hover)}

.linea_3{color:var(--color3)}
.linea_3b{color:var(--color3-hover)}
.linea_3 > span{color:var(--color3-hover)}

.linea_4{color:var(--color4)}
.linea_4b{color:var(--color4-hover)}
.linea_4 > span{color:var(--color4-hover)}

.bg-color01{background:var(--color1);}
.bg-color02{background:var(--color2);}
.bg-color03{background:var(--color3);}
.bg-color04{background:var(--color4);}





.interno .testo *{line-height: inherit;}
.rellax{transition: transform 5s cubic-bezier(0,1,.5,1);}
.bg-grey{background:var(--very-light-grey);}




/*BOTTONI*/
.btn  {	position:relative;}
.btn {padding:18px 10px;}
 .form-control{padding:14px 10px;}
.oppure{margin:1rem 0px}
.btn i{right: 0px;    margin-top: 0px;    margin-right: 20px;    font-size: 25px;    position: absolute;}
@media (max-width:991px){	.btn i{margin-right: 20px;}}


.btn-default:hover,.btn-default:active,.btn-default:focus,
.btn-white:hover,.btn-white:active,.btn-white:focus,
.btn-light:hover,.btn-light:active,.btn-light:focus
{
	color:var(--color);
	background:white;	
}

.btn-white {
	color:var(--color);
	background:white;	
}
.btn-light {
	color:var(--color);
	background:var(--very-light-grey);
}
.btn-fb{color:#fff;background:#4267b4}
.btn-fb:hover,.btn-fb:active,.btn-fb:focus{background:#577BC7;color:#fff;}
.btn-tw{color:#fff;background:#1da1f2}
.btn-tw:hover,.btn-tw:active,.btn-tw:focus{background:#3AB4FE;color:#fff;}

.btn-bordo{color:var(--color);background:none; border:1px solid var(--color);}
.btn-bordo:hover,.btn-bordo:active,.btn-bordo:focus{background:var(--color);color:#fff;border:1px solid var(--color);}

.btn-block{width:100%}
/*BOTTONI*/


/*FORM*/

.privacy-checkbox{font-size:12px;margin-top:15px}

/*FORM*/
hr{margin:2rem 0px}
.domanda {font-size:1.5rem}
.domanda .form-check{margin:1rem 0px;font-size:1.5rem}
.domanda .form-check label{width:100%}

.domanda .cimg{position:relative;display: block}
.domanda .cimg::before
{
	width:50px;
	height:50px;
	z-index:2;
	position: absolute;
	border-radius:100px;
    background-color: #fff;
	border-color: #33D545;
	
	top:10px;
	left:10px;
	box-shadow:var(--shadow01);

}
.domanda .cimg.ok::before
{
	content: "";
	background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%2333D545' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
}
.domanda .cimg.ko::before
{
	content: "";
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' enable-background='new 0 0 512 512' viewBox='0 0 512 512'%3E%3Cpath d='m330.443 256 136.765-136.765c14.058-14.058 14.058-36.85 0-50.908l-23.535-23.535c-14.058-14.058-36.85-14.058-50.908 0l-136.765 136.765-136.765-136.765c-14.058-14.058-36.85-14.058-50.908 0l-23.535 23.535c-14.058 14.058-14.058 36.85 0 50.908l136.765 136.765-136.765 136.765c-14.058 14.058-14.058 36.85 0 50.908l23.535 23.535c14.058 14.058 36.85 14.058 50.908 0l136.765-136.765 136.765 136.765c14.058 14.058 36.85 14.058 50.908 0l23.535-23.535c14.058-14.058 14.058-36.85 0-50.908z' fill='%23ff473e'/%3E%3C/svg%3E");
background-size: 60%;
    background-repeat: no-repeat;
    background-position: center center;
}

.form-check-input.ok:checked{
    background-color: #33D545;
	border-color: #33D545;
	background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
	


}
.form-check-input.ko:checked{
    background-color: #FF4D4D;
	border-color: #FF4D4D;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' class='bi bi-x' viewBox='3 3 10 10'%3E%3Cpath d='M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z'%3E%3C/path%3E%3C/svg%3E");
}