@charset "utf-8";
@font-face {
  font-family: "AlbulaPro";
  src: local("AlbulaPro"), local("AlbulaPro"), url("../fonts/AlbulaPro-SemiBold.otf") format("truetype");
  font-weight: 600;
  font-style: normal;
}
body {
  font-family: 'AlbulaPro', sans-serif;
    font-style: normal;
  font-size: 14px;
  line-height: 1.428571429;
  color: #1e76bc;
}


.accessibilita{border:2px solid #000;padding:5px;background-color: #fff;color:#000;text-align:center;font-size:1.2em;}
.accessibilita a{display: inline-block!important;color:inherit!important;}

.container{
 	margin-top:0px;
 	padding-right: 0px;
  	padding-left: 0px;
 	margin-right: auto;
  	margin-left: auto;
	max-width:1388px;
}


.row {
   margin: auto;
   max-width:1440px;
}

.elementi {
	font-family: 'AlbulaPro', sans-serif;
	font-size:13px;
	color:#1e76bc;
}
.form-control{color:#000!important;border-color: #1e76bc!important;}
textarea.form-control{height:110px!important;}

.form-control{margin-top:4px;}

.ptop20{padding-top:20px;}

hr {
	border:2px solid #000;
}

input {
	font-family: arial;
}

select {
	font-family: arial;
}

.msg_errore {
	color:#E30613;
	text-align:center;
	font-size:25px;
	font-weight:bold;
}


.hidemobile {
		display:block;
}

.showmobile {
		display:none;
}

.sfondoColorato{background-color:#d64a95;max-width: none!important;}

.bottone{cursor:pointer;}

.terminato h1{font-size:62px!important;}
.terminato .note{font-size:31px!important;text-transform: uppercase;}

.pl-4{padding-left: 4px!important;}
.plr-30{padding: 0px 30px!important;}
.mt-20{margin-top: -20px!important;}
.max79{max-width: 78%;}
.logoFooter { position: relative; display: block; width: 80px; padding: 30px 0 40px; margin: 0px auto; z-index: 10;}
.radio,.labelRadio{padding-left:15px;}
.labelRadio{/* display: inline!important; */width:90%;}
.radio{margin-bottom:10px;}

.testocookies{min-height: 250px;}

.boxFile{position:relative;width:100%;height:40px;overflow: hidden;margin-top:7px;}
#fronte{position:absolute;top:50%;left:0;transform: translateY(-50%);width: 100%; height:56px;z-index:10;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
input[type=file]{height:60px;}
input[type=file]::file-selector-button {
  border: 1px solid #1e76bc;
  padding: 4px;
  border-radius:0;-webkit-border-radius:0!important;-moz-border-radius:0!important;
  background-color: #1e76bc;
  color:#fff;
  /*transition: 1s;
    height:40px;
    margin-top:-12px;
  margin-left:-12px;
    margin-right:20px;*/
}
#btnInvia{padding:8px 25px;background-color:#1e76bc;color:#fff;margin: 0 auto;width:120px;text-align: center; }


input[type=file]::file-selector-button:hover,input[type=file]::-webkit-file-upload-button:hover,input[type=file]::-ms-browse:hover {
  background-color: var(--colBase6);
  border: 0px solid var(--grigio5);
    border-radius:0;-webkit-border-radius:0!important;-moz-border-radius:0!important;
}

.containerRegistrazione form{width:85%}

@media (max-width: 767px) {
	.hidemobile {
		display:none;
  }
  .containerRegistrazione form{width:100%}
  .colVisual{padding:0;}

  .showmobile {
      display:block;
  }
	 
}

@media (max-width: 767px) {
.mobile {
	margin-top:30px;
}
}

a {
	 font-weight:bold;
	text-decoration:none;
	color:#000;
}

a:hover {
	 font-weight:bold;
	text-decoration:none;
	color:#934113;
}

a:focus {
	 font-weight:bold;
	text-decoration:none;
	color:#934113;
}

.menu {
	font-weight:bold;
	font-size:20px;
	text-align:center;
	color:#000;
	background:#fff;
}

@media (max-width: 750px) {
	.menu {
	font-size: 25px;
}
}

.active {
	 font-weight:bold;
	color:#934113;
	text-decoration:none;
}

#footer{background-color:#d64a95;padding-top:20px;}
.footer {
  color:#fff;
  font-family: 'AlbulaPro', sans-serif;
  font-size:12px;
  text-align:center;
  height:auto;
}

.footer .p-4{width: 100%;}
.footer a{color:#fff;}

.linkfooter{text-transform: uppercase; text-decoration: underline;font-weight: bold;}


.note {
	font-family: 'AlbulaPro', sans-serif;
	font-size:15px;
	text-align:center;
	margin:0px;
}

@media (max-width: 750px) {
	.note {
	font-size:16px;
}
    .row div{margin-top:3px;}
    .elementi{font-size: 15px;}
    .labelRadio{display: inline!important;width:80%;}
    .radio{margin-bottom: 6px;}
    .mt-20{margin-top: -5px!important;}
}

.subs {
	font-family: 'AlbulaPro', sans-serif;
	font-size:10px;
	color:#000;
	text-align:left;
	margin:0px;
}

h1 {
	 font-weight:bold;
	color:#d64a95;;
	text-align:center;
	margin:0px;
}

@media (max-width: 750px) {
	h1 {
	font-size:30px;
}
}

h1, h2 {
	font-size:25px;
    letter-spacing: 3px;
    text-transform: uppercase;
	text-align:center;
  margin:35px auto 30px;
}

h3 {
	font-family: 'AlbulaPro', sans-serif;
	font-size:20px;
	color:#000;
	text-align:center;
}

@media (max-width: 750px) {
	h3 {
	font-size:15px;
}
h1, h2 {
	font-size:26px;
}
}

.labelAcc{display: none!important;}
.form-control{border:2px solid;}

.modal-content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 130%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: .3rem;
    outline: 0;
    margin-left: -20%;
}

.modal-body {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 0;
}

.logoM{margin-top:25px;}
.logoC{margin:25px auto 0; display: block;max-width: 100%;}

@media (max-width: 750px) {
    
    .logoM{margin-top:65px;}
    
	.modal-content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: .3rem;
    outline: 0;
    margin-left: 0px;
}
}

.navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: #fff;
    border: 1px solid #1c618c;
    border-radius: .25rem;
}

.campi {
	border:1px solid #000;
}
.modal-dialog {z-index: 10;
}
.modal-backdrop {
     background-color: rgba(0,0,0,0.5);z-index:0;
}

/* ---------------------------------------------------------- */
.bg-contest {
  background-color: #d64a95;
}

.container-contest {
  padding-bottom: 300px!important;
}

.banner-container {
  background-image: url(../images/banner.jpg);
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 600px;
  position: relative;
}

.small-container {
  width: 90%;
  max-width: 1300px;
  margin: 0 auto;
}

.banner {
  display: flex;
  align-items: flex-end;
}

.banner-logo {
  width: clamp(150px, 20vw, 300px);
  height: auto;
}

.banner-logo > img {
  width: 100%;
  height: inherit;
}

.banner-text-container {
  margin-left: 10px;
}

.banner-text-container > div:first-child {
  margin-bottom: 10px;
}

.banner-text {

}

.banner-text {
  background-color: var(--light);
  color: var(--orange);
  text-transform: uppercase;
  font-size: clamp(22px, 4.5vw, 50px);
  line-height: 1;
  padding: 5px 10px 12px 10px;
  display: inline-block;
}

.conferma-paragraph {
  background-color: var(--light);
  display: flex;
  position: absolute;
  bottom: -35%;
  width: 90%;
  max-width: 1300px;
  box-shadow: 0 10px 29px -3px rgba(0,0,0,0.29);
  -webkit-box-shadow: -1px 10px 29px -3px rgba(0,0,0,0.29);
  -moz-box-shadow: -1px 10px 29px -3px rgba(0,0,0,0.29);
  padding-bottom: 40px;
}

.conferma-paragraph-img {
  position: relative;
  width: clamp(200px, 24vw, 400px);
}

.conferma-paragraph-img > img {
  position: absolute;
  height: 180%;
  width: auto;
  margin-top: -35%;
  margin-left: 9%;
}

.conferma-paragraph-text {
}

.conferma-paragraph-text > * {
  text-align: left;
}

.conferma-paragraph-text > h1 {
  font-size: clamp(20px, 4.5vw, 55px);
  line-height: 1;
}

.conferma-paragraph-text > p {
  font-size: clamp(16px, 2vw, 22px);
  line-height: 1.3;
  color: #000000;
}

.vagisil-mb {
  display: none;
}

@media (max-width: 940px) {
  .vagisil-dsk {
    display: none;
  }

  .vagisil-mb {
    display: block;
  }

  .container-contest {
    padding-bottom: 220px !important;
  }

  .banner-container {
    background-image: url(../images/banner-mb.jpg);
  }

  .banner {
    display: flex;
    align-items: center;
    flex-direction: column;
  }

  .banner-text-container {
    margin-left: 0;
    margin-top: 30px;
  }

  .banner-text-container > div:first-child {
    text-align: center;
  }

  .conferma-paragraph-text > * {
    text-align: center;
    text-wrap: balance;
  }

  .conferma-paragraph {
    flex-direction: column-reverse;
    align-items: center;
    position: relative;
    margin: 0 auto;
    transform: translateY(40%);
    padding: 0 15px 20px;
  }

  .conferma-paragraph-img {
    width: 65%;
  }

  .conferma-paragraph-img > img {
    position: relative;
    width: 100%;
    height: auto;
    margin-top: 30px;
    margin-left: 0;
  }
}

@media (max-width: 940px) {
  .banner-container {
    background-position: right;
  }
}