/*--------------------------
*           FONT 
*--------------------------*/
@import url('https://fonts.googleapis.com/css?family=Montserrat:100,300,400,700,900');

/*--------------------------
*           GENARAL 
*--------------------------*/
body {
    background: #fff;
	font-family: 'Montserrat', 'Open Sans', sans-serif;
    font-size:19px;
	color: #585856;
}

/*.blu {color: #078ACC;}
.grey {color: #575756!important}
.white {color: #ffffff!important;}

.bold {font-weight: 600;}

a{ color:#231f20}
a:hover,a.active,a:focus{ text-decoration:none; color:#E9B34F}
.no-padding{ padding:0}
.no-padding-r{ padding-right:0}
.no-padding-l{ padding-right:0}*/
ul{ list-style: none; padding:0;}

/*--------------------------
*           HEADER 
*--------------------------*/
header .container{
	background-image: url( "/images/landing/bg_head.png");
	background-repeat: no-repeat;
	background-position: bottom;
}
#logo img{max-width: 165px;}

/*--------------------------
*         BODY
*--------------------------*/
#blocco-aiuto{
	background-image: url( "/images/landing/bg_aiuto.png");
	background-repeat: no-repeat;
	background-position: bottom;
	background-size: 100%;
	font-weight: 600;
	min-height: 600px;
}
#blocco-aiuto h1{
	margin-top: 50px;
	font-size: 97px;
	line-height: 94px;
	font-weight: 900;
	color: #0082C3;}

@media (min-width: 991px) and (max-width: 1280px) {
	#blocco-aiuto h1{font-size: 80px;}
}
#blocco-aiuto p{margin-left: 17%;}

#blocco-borsa{
	margin-top: 20px;
	color: #0082C3;
	font-size: 34px;
	line-height: 44px;
	font-weight: 700;
	background-image: url( "/images/landing/bg_borsa.png");
	background-repeat: no-repeat;
	background-position: left 15% bottom;}

#blocco-borsa h2{font-size: 40px; font-weight: 900; margin-bottom: 0;}

#blocco-contatti{
	background-color: #0082C3;
	font-size: 25px;
	line-height: 45px;
	color:#fff;
	padding: 20px 0 0 0;
}
#blocco-contatti .container{
	background-image: url( "/images/landing/bg_contatti.png");
	background-repeat: no-repeat;
	background-position: left center;
}
#blocco-contatti ul{list-style-type: disc; list-style-position: inside; font-weight: 900;}
#blocco-contatti .btn-primary{
	font-size: 37px;
	font-weight: 900;
	color: #0082C3;
	background-color: #fff;
	margin: 25px 0 65px;
	border-radius: 40px;
	border-color: #707070;
	box-shadow: 0 3px 6px #00000029;
	padding: 0.75rem;
}

#blocco-risorse{
	background-image: url( "/images/landing/bg_risorse.png");
	background-repeat: no-repeat;
	background-position: bottom right;
	background-size: contain;
	font-weight: 600;
	min-height: 600px;
	margin: 30px 0;
	padding-bottom: 40px;
}

#blocco-risorse h2,.blocco-fare h2{
	font-size: 59px;
	line-height: 58px;
	font-weight: 900;
	color: #0082C3;}

#blocco-risorse p{margin-right: 23%; margin-bottom: 0;}

.blocco-fare{ 
	background-color: #F7F7F7;
	background-repeat: no-repeat;
	background-position: bottom right 12%;
	min-height: 560px;}
.blocco-fare ul{list-style-type: disc; list-style-position: inside; font-weight: 700;}

#blocco-form{
	background-image: url( "/images/landing/bg_form.png");
	background-repeat: no-repeat;
	background-position: top left;
	padding: 60px 0;
}

#blocco-form h2{
	font-size: 49px;
	line-height: 50px;
	font-weight: 600;
	margin-bottom: 125px;
}

#blocco-form #contForm{
	background-color: #0082C3;
	border-radius: 40px;
	padding:120px 100px;
}


#blocco-form #contForm .form-control{
	background-color: transparent;
	border-color: #FFFFFF;
	color: #fff;
	border-radius: 0;
	padding: 2.5rem 0.5rem .1rem;
	height: auto;
}

#blocco-form #contForm .form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #fff;
  opacity: 1; /* Firefox */
}

#blocco-form #contForm .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #fff;
}

#blocco-form #contForm .form-control::-ms-input-placeholder { /* Microsoft Edge */
  color: #fff;
}

#blocco-form #contForm .custom-control-label{ color: #fff; font-size: 1rem; line-height: 25px;}
#blocco-form #contForm .custom-control-label a{color: #fff;}
#blocco-form #contForm .position-absolute{
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 50%);
}
#blocco-form #contForm .btn-primary,#gotosite {
    font-size: 25px;
    font-weight: 900;
    color: #0082C3;
    background-color: #fff;
    border-radius: 40px;
    border-color: #707070;
    box-shadow: 0 3px 6px #00000029;
    padding: .5rem 5.5rem;
}

#msgform {
    color: #fff;
}
/*--------------------------
*         FOOTER
*--------------------------*/
footer{
	font-size: 14px;
	color: #0082C3;
	line-height: 17px;
	border-top:1px solid #707070;
	padding: 50px 0;
	margin-top: 100px;
}
	
footer a{color: #0082C3;}
footer li a {
    width: 25px;
    height: 25px;
    background: #0082C3;
    color: #fff;
    display: block;
	text-align: center;
    padding: 0.3rem 0rem;
}


@media (max-width: 767px) {
	#blocco-aiuto{background: none;}
	#blocco-aiuto h1{font-size: 47px; line-height: 46px; text-align: center; margin-top: 1rem;}
	#blocco-aiuto p,#blocco-risorse p{ margin: 0 1rem;}
	
	#blocco-borsa{font-size: 23px; line-height: 30px; background: none;}
	#blocco-contatti .container{background: none;}
	
	#blocco-risorse{padding-bottom: 250px;}
	#blocco-risorse h2{font-size: 43px; line-height: 42px;}
	
	.blocco-fare{ background-size: 23%; padding-bottom: 160px}
	
	#blocco-form{background: none;}
	#blocco-form h2 { font-size: 29px;line-height: 39px;}
	
	#blocco-form #contForm{padding: 45px 30px;}
}


@media (max-width: 576px) {
   .blocco-fare{background-size: 40%;}
   #blocco-form #contForm .btn-primary, #gotosite{text-align: center;}
   #gotosite{width: 80%; padding: .5rem 3rem;}
}