html {
    background: white;

}

html, body { 
    scroll-behavior: smooth;
}



@font-face {font-family: "Proxima"; src: url("../../../style/ProximaRegular.ttf") format("truetype"); font-weight:normal; font-style:normal; }
@font-face {font-family: "Proxima"; src: url("../../../style/ProximaRegularIt.ttf") format("truetype"); font-weight:normal; font-style:italic; }
@font-face {font-family: "Proxima"; src: url("../../../style/ProximaExtrabold.ttf") format("truetype"); font-weight:bold; font-style:normal; }
@font-face {font-family: "Proxima"; src: url("../../../style/ProximaExtraBoldIt.ttf") format("truetype"); font-weight:bold; font-style:italic; }
@font-face {font-family: "Proxima"; src: url("../../../style/ProximaBlack.ttf") format("truetype"); font-weight:900; font-style:normal; }
@font-face {font-family: "Proxima"; src: url("../../../style/ProximaBlackIt.ttf") format("truetype"); font-weight:900; font-style:italic; }



.splash_background {
    background-image: url('../img/splash.jpg');
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
    background-size: cover;

}

.logo_splash {
    height: auto;
    width: 90%;
    margin-top: 5%;
}

.button {
    background-image: url('../img/button.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    color: white;
    padding: 2rem;
    font-size: 1rem;
    width: 300px;
    margin-bottom: 5%;
}

.button:hover {
    background-image: url('../img/button_hover.png');
    text-decoration: none;
    color: white;
}

.banner{
    background-image: url('../img/banner.jpg');
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
    background-size: cover;
}

.banner_text{
    font-size: 1.2rem;
    text-align: center;
    color: white;
    margin-top: 2%;
    margin-left: 15%;
    margin-right: 15%; 
    text-align: justify-center;
 }

.banner_title{
     font-size: 2rem;
     margin-bottom: 0;
     color: white;
     text-align: center;
 }

 .body_background{
    background-image: url('../img/backgroundseamless.jpg');
    background-position: center;
    background-repeat: repeat-y;
    overflow: hidden;
    background-size: cover;
}

.body_image_1{
    background-image: url('../img/1.jpg');
    background-position: center;
    background-repeat: repeat-y;
    overflow: hidden;
    background-size: cover;
}

.body_image_2{
    background-image: url('../img/2.jpg');
    background-position: center;
    background-repeat: repeat-y;
    overflow: hidden;
    background-size: cover;
}

.body_image_3{
    background-image: url('../img/3.jpg');
    background-position: center;
    background-repeat: repeat-y;
    overflow: hidden;
    background-size: cover;
}

.body_image_4{
    background-image: url('../img/4.jpg');
    background-position: center;
    background-repeat: repeat-y;
    overflow: hidden;
    background-size: cover;
}

.body_image_5{
    background-image: url('../img/5.jpg');
    background-position: center;
    background-repeat: repeat-y;
    overflow: hidden;
    background-size: cover;
}

.body_image_6{
    background-image: url('../img/6.jpg');
    background-position: center;
    background-repeat: repeat-y;
    overflow: hidden;
    background-size: cover;
}

.body_image_7{
    background-image: url('../img/7.jpg');
    background-position: center;
    background-repeat: repeat-y;
    overflow: hidden;
    background-size: cover;
}

.body_image_8{
    background-image: url('../img/8.jpg');
    background-position: center;
    background-repeat: repeat-y;
    overflow: hidden;
    background-size: cover;
}

.body_image_9{
    background-image: url('../img/9.jpg');
    background-position: center;
    background-repeat: repeat-y;
    overflow: hidden;
    background-size: cover;
}

.body_image_10{
    background-image: url('../img/10.jpg');
    background-position: center;
    background-repeat: repeat-y;
    overflow: hidden;
    background-size: cover;
}

.body_image_11{
    background-image: url('../img/11.jpg');
    background-position: center;
    background-repeat: repeat-y;
    overflow: hidden;
    background-size: cover;
}

.body_image_12{
    background-image: url('../img/12.jpg');
    background-position: center;
    background-repeat: repeat-y;
    overflow: hidden;
    background-size: cover;
}

.body_image_13{
    background-image: url('../img/13.jpg');
    background-position: center;
    background-repeat: repeat-y;
    overflow: hidden;
    background-size: cover;
}

.body_image_14{
    background-image: url('../img/14.jpg');
    background-position: center;
    background-repeat: repeat-y;
    overflow: hidden;
    background-size: cover;
}


.body_text{
    font-size: 1.1rem;
    text-align: justify-left;
    margin-left: 10%;
    margin-top: 2%;
    margin-right: 10%;
    margin-bottom: 6%;
 }

.body_title{
     font-size: 2.1rem;
     margin-bottom: 0;
     margin-left: 10%;
     margin-right: 10%;
     margin-top: 4%;
 }


.mc{
    margin: 0.1rem!important;
}

.body_background a { color:black !important;
border-bottom:2px dashed rgba(255,255,255,.7);
transition: border 1s, color .6s;}

.body_background a:hover { color:#45b !important;
text-decoration:none!important;
border-bottom:2px dashed #45b;}


.banner a { color:rgba(255,255,255,.8) !important;
text-decoration:none!important;
transition: color .6s;}

.banner a:hover { color:rgba(255,255,255,.4) !important;
text-decoration:none!important;}

div div p a.pulsante {
	background-image: linear-gradient(to right, brown ,  brown , #b4ada3);
	color:#d4cdc3 !important;
	font-weight:bold;
	padding: .6em 1.5em;
	margin: 1em 1em;
	border: 1px solid #b4ada3 !important;
	border-radius: 6px;
	transition: .6s !important;
	transition: background 1.6s !important;
	display: inline-block;
}

div div p a.pulsante:hover {
	background-image: linear-gradient(to right,  brown , #b4ada3, brown );
	
	color: black  !important;
	border: 1px solid brown !important;
}