@charset "utf-8";

/* CSS Document */

@font-face {
    font-family: 'Lato-Regular';
    src: url('../fonts/Lato-Regular.eot');
    src: url('../fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Lato-Regular.woff') format('woff'),
        url('../fonts/Lato-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Lato-Black';
    src: url('../fonts/Lato-Black.eot');
    src: url('../fonts/Lato-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Lato-Black.woff') format('woff'),
        url('../fonts/Lato-Black.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Lato-Bold';
    src: url('../fonts/Lato-Bold.eot');
    src: url('../fonts/Lato-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Lato-Bold.woff') format('woff'),
        url('../fonts/Lato-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}



body {

  background: #fff;

  font-family: 'Lato-Regular';

  font-size: 18px;

  color: #484848;

}

.main-container {

  max-width: 1440px;

}

.form-container {

  max-width: 960px;

}

.form-head {

  background: #dae3f1;

  display: block;

}

.form-main {

  background: #dae3f1;

  display: block;

  padding-left: 10%;

  padding-right: 10%;

}

.form-consensi {

  background: #dae3f1;

  color: #2966A6;

  font-size: 1em;

}

.menu {

  background: #fff;

  font-family: 'Lato-Bold';

  color: #2581c4 !important;

  -webkit-box-shadow: 0px 12px 6px 0px rgba(5, 31, 53, 0.3);

  -moz-box-shadow: 0px 12px 6px 0px rgba(5, 31, 53, 0.3);

  box-shadow: 0px 12px 6px 0px rgba(5, 31, 53, 0.3);

}

.footer {

  background: #dae3f1;

  color: #004494 !important;

   font-family: 'Lato-Regular';

  font-size: 17px;

  padding: 2% 2% 0%;

}

.footer a {

  color: #004289 !important;

  text-decoration: none;

  font-size: 1.5em;

}

a {

  color: inherit !important;

	transition: ease 0.5s;

}



a:hover {

  color: #2966a6 !important;

}

.footer a:hover {

  color: #484848 !important;

  text-decoration: underline;

}

.menubullet {

  margin-right: 1%;

  margin-top: -1%;

}

.footerfrozen {

  margin-left: 1%;

  margin-top: 0%;

}

h1 {

   font-family: 'Lato-Bold';

   font-size: 38px;

    color: #fff;

    text-align: center;

    background: #013b89;

    padding: 6px;

	max-width: 750px;

    display: block;

    text-align: center;

	margin: auto;

}



.promoattive{

   font-family: 'Lato-Bold';

   font-size: 38px;

    color: #fff;

    text-align: center;

    background: #00803b;

    padding: 6px;

	max-width: 750px;

    display: block;

    text-align: center;

	text-transform: uppercase;

	margin: auto;

}



.promoterminate{

   font-family: 'Lato-Bold';

  font-size: 38px;

    color: #fff;

    text-align: center;

    background: #e2001a;

    padding: 6px;

	max-width: 750px;

    display: block;

    text-align: center;

	text-transform: uppercase;

	margin: auto;

}

h2 {

  font-family: 'Lato-Regular';

  font-size: 2rem;

  color: #2966A6;

  text-align: center;

}

h3 {

  font-family: 'Lato-Regular';

  font-size: 63px;

  color: #484848;

}

h4 {

  font-family: 'Lato-Bold';

  font-size: 40px;

  color: #013b89;

  text-align: center;

}

h5 {

 font-family: 'Lato-Regular';

  font-size: 40px;

  color: #2966a6;

  text-align: center;

}

h6 {

   font-family: 'Lato-Bold';

  font-size: 30px;

  color: #004289;

  text-transform: uppercase;

  text-align: left;

}

hr {

  border-top: solid 2px #013b89;

	opacity: 1;

  /*max-width: 770px;*/

}



@media (max-width: 768px) {

  h1 {

     font-family: 'Lato-Bold';

    font-size: 36px;

    color: #fff;

    text-align: center;

  }

  h2 {

    font-family: 'Lato-Regular';

    font-size: 1.5rem;

    color: #2966A6;

    text-align: center;

  }

  h3 {

    font-family: 'Lato-Regular';

    font-size: 36px;

    color: #484848;

  }

  h4 {

     font-family: 'Lato-Bold';

    font-size: 29px;

    color: #013b89;

    text-align: center;

  }

  h5 {

    font-family: 'Lato-Regular';

    font-size: 29px;

    color: #2966a6;

    text-align: center;

  }

  h6 {

     font-family: 'Lato-Bold';

    font-size: 29px;

    color: #004289;

    text-transform: uppercase;

    text-align: left;

  }

}

.form {

  color: #00408D;

  font-size: 0.9em;

}

.form .row {

  margin-top: 16px;

}

.forminput {

  font-family: 'Lato-Regular';

  font-size: 1em;

  color: #00466b;

  outline: none;

  border: none;

  width: 100%;

  height: 40px;

  background: #fff;

  text-indent: 6px;

}

@media (max-width: 750px) {

  .forminput {

    font-size: 13px;

  }

}

.forminput_s {

  font-family: 'Lato-Regular';

  font-size: 20px;

  color: #00466b;

  border: none;

  width: 48%;

  height: 40px;

  color: #000;

  background: #fff;

  text-indent: 6px;

}

@media (max-width: 768px) {

  .forminput_s {

    width: 30%;

  }

}

@media (max-width: 750px) {

  .forminput_s {

    width: 44%;

  }

}

.formselect {

  font-family: 'Lato-Regular';

  font-size: 20px;

  color: #00466b;

  outline: none;

  border: none;

  width: 100%;

  height: 40px;

  -webkit-appearance: none;

  -moz-appearance: none;

  text-indent: 1px;

  text-overflow: '';

  background: url(../img/arrow.png) right top no-repeat;

  background-color: #fff;

}

@media (max-width: 750px) {

  .formselect {

    font-size: 13px;

  }

}

.formselect_s {

  font-family: 'Lato-Regular';

  font-size: 20px;

  color: #00466b;

  outline: none;

  border: none;

  width: 30%;

  height: 40px;

  -webkit-appearance: none;

  -moz-appearance: none;

  text-indent: 1px;

  text-overflow: '';

  background: url(../img/arrow.png) right center no-repeat;

  background-color: #fff;

  margin-left: 1%;

}

@media (max-width: 768px) {

  .formselect_s {

    width: 30%;

  }

}

@media (max-width: 750px) {

  .formselect_s {

    font-size: 13px;

  }

}

.formselect_sm {

 font-family: 'Lato-Regular';

  font-size: 20px;

  color: #00466b;

  outline: none;

  border: none;

  border-bottom: 1px solid #dd78a6;

  width: 48%;

  height: 40px;

  -webkit-appearance: none;

  -moz-appearance: none;

  text-indent: 1px;

  text-overflow: '';

  background: url(../img/arrow.png) right top no-repeat;

  background-color: #fff;

}

.subs {

  font-family: 'Lato-Regular';

  font-size: 11px;

  text-align: left;

  margin: 0px;

  text-transform: none;

  text-indent: unset;

}

.note {

  font-family: 'Lato-Regular';

  font-size: 12px;

  color: #000;

  text-align: center;

  margin: 0px;

}

form {

  font-family: 'Lato-Regular';

  font-size: 30px;

  color: #00408D;

}

#login_panel {

  position: absolute;

  top: 100px;

  right: 12%;

  background-color: #fff;

  padding: 15px;

  width: 400px;

  z-index: 300;

  box-shadow: 7px 7px 0px rgba(0, 0, 0, .4);

}

@media (max-width: 768px) {

  #login_panel {

    position: relative;

    top: 10%;

    right: auto;

    background-color: #fff;

    padding: 15px;

    width: 100%;

    z-index: 300;

    box-shadow: none;

  }

}

#login_panel:before {

  content: '';

  width: 0;

  height: 0;

  border-style: solid;

  border-width: 0 0px 45px 55px;

  border-color: transparent transparent #fff transparent;

  position: absolute;

  top: -45px;

  right: 0px;

  z-index: 300;

}

.conferma {

  font-size: 25px;

  color: #fff;

  max-width: 80%;

}

.vincita {

  font-size: 25px;

  color: #000;

  text-align: center;

}

.confermabox {

  background: #cf2027;

  padding-right: 0px;

}

.confermabox:after, .confermabox:before {

  height: 0;

  width: 0;

  content: "";

  display: block;

  position: relative;

}

.confermabox:before {

  border-top: 25em solid #cf2027;

  border-left: 3em solid transparent;

  left: -3em;

}

#cookie-bar {

  padding: 6px;

  background: #013b89;

  color: #fff;

  font-family: 'Lato-Regular';

  z-index: 1040;

  position: fixed;

  bottom: 0px;

  width: 100%;

}

.cb-enable {

  padding: 10px;

  background: #2966a6;

  color: #fff !important;

  border-radius: 0px;

  display: table;

   font-family: 'Lato-Bold';

}

input:-internal-autofill-selected {

  background-image: none !important;

  color: rgb(0, 0, 0) !important;

  background: transparent !important;

}

.purple {

  color: #a1176b;

}

.blue {

  color: #a1176b;

}

.bodywrap {

  max-width: 1440px;

}

@media (max-width: 768px) {

  .bodywrap {}

}

ul {

  list-style: none;

}

/*li {

    position: relative;

}



li:before {

    content: "•";

    position: absolute;

    left: -1em;

    color: #a1176b;

}*/

/*Modal*/

.modal-dialog {

  max-width: 750px;

  margin: 1.75rem auto;

}

.modal-content {

  position: relative;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-direction: column;

  flex-direction: column;

  width: 100%;

  pointer-events: auto;

  background: transparent;

  border: none;

  border-radius: 0.3rem;

  outline: 0;

}

.modal-body {

  position: relative;

  -ms-flex: 1 1 auto;

  flex: 1 1 auto;

  padding: 4rem;

  background: url("../img/modal_bg.png");

  background-size: 100% 100%;

}

.modal-bodybg1 {

  background: url("../img/modal_bg.png");

  background-size: 100% 100%;

}

.modal-bodybg1 {

  background: url("../img/modal_bg.png");

  background-size: 100% 100%;

}

@media (max-width: 768px) {

  .modal-bodybg1 {

    background: url("../img/modal_bg_mobile1.png");

    background-size: 100% 100%;

    font-size: 12px;

    padding: 2rem;

  }

  .modal-bodybg2 {

    background: url("../img/modal_bg_mobile2.png");

    background-size: 100% 100%;

    font-size: 12px;

    padding: 2rem;

  }

}

.modal-backdrop.show {

  opacity: 0.9;

  background: #002535;

}

.carousel-indicators li {

  box-sizing: content-box;

  -ms-flex: 0 1 auto;

  flex: 0 1 auto;

  width: 20px;

  height: 0px;

  margin-right: 3px;

  margin-left: 3px;

  text-indent: -999px;

  cursor: pointer;

  background-color: #004289;

  background-clip: border-box;

  border-radius: 44px;

  opacity: .5;

  transition: opacity 0.6s ease;

}

.main-text {

  position: absolute;

  top: 50px;

  width: 100%;

  color: #FFF;

  padding: 3%;

  padding-left: 6%;

}

.payoff {

  color: #2966A6;

  border-bottom: 1px solid #2966A6;

}

.bannersd {

  color: #2966a6;

	background: #edf2f8;

}

.bannersd img {

  border: 1px solid #0b4494;

}

.banner-date {

  color: #2966a6;

}

.banner-note {

  font-size: 18px;

}



.banner-btn {

    font-size: 22px !important;

    color: #ffffff !important;

    font-family: 'Lato-Bold' !important;

    cursor: pointer;

    display: inline-block;

    height: 40px;

    margin-right: 40px;

    position: relative;

    line-height: 1.8em;

    padding-left: 1em;

    padding-right: 1em;

    background: #00803b;

    text-decoration: none;

	transition: ease 0.5s;

}



.banner-btn:after {

    border-left: 20px solid #00803b;

  }





.banner-btn:after {

  content: "";

  position: absolute;

  border-bottom: 20px solid transparent;

  border-top: 20px solid transparent;

  height: 0px;

  width: 0px;

  margin-right: -20px;

  right: 0; 

	transition: ease 0.5s;

}



.banner-btn:hover, .banner-btn:active {

  background: #77bf96;

  color: #ffffff !important;

	}

.banner-btn:hover:after, .banner-btn:active:after {

    border-left: 20px solid #77bf96;

  }




.banner-btn-red {

    font-size: 22px !important;

    color: #ffffff !important;

     font-family: 'Lato-Bold' !important;

    cursor: pointer;

    display: inline-block;

    height: 40px;

    margin-right: 40px;

    position: relative;

    line-height: 1.8em;

    padding-left: 1em;

    padding-right: 1em;

    background: #e2001a;

    text-decoration: none;

  transition: ease 0.5s;

}



.banner-btn-red:after {

    border-left: 20px solid #e2001a;

  }





.banner-btn-red:after {

  content: "";

  position: absolute;

  border-bottom: 20px solid transparent;

  border-top: 20px solid transparent;

  height: 0px;

  width: 0px;

  margin-right: -20px;

  right: 0; 

  transition: ease 0.5s;

}



.banner-btn-red:hover, .banner-btn:active {

  background: #e2001a;

  color: #ffffff !important;

  }

.banner-btn-red:hover:after, .banner-btn:active:after {

    border-left: 20px solid #e2001a;

  }






.submit-btn {

    font-size: 22px !important;

    color: #ffffff !important;

     font-family: 'Lato-Bold' !important;

    cursor: pointer;

    display: inline-block;

    height: 40px;

    margin-right: 40px;

    position: relative;

    line-height: 1.8em;

    padding-left: 1em;

    padding-right: 1em;

    background: #013b89;

    text-decoration: none;

	border: none;

	padding-top: 0px;

	transition: ease 0.5s;

}



.submit-btn:after {

    border-left: 20px solid #013b89;

  }





.submit-btn:after {

  content: "";

  position: absolute;

  border-bottom: 20px solid transparent;

  border-top: 20px solid transparent;

  height: 0px;

  width: 0px;

  margin-right: -20px;

  right: 0; 

	transition: ease 0.5s;

}



.submit-btn:hover, .submit-btn:active {

  background: #2966a6;

  color: #ffffff !important;

	}

.submit-btn:hover:after, .submit-btn:active:after {

    border-left: 20px solid #2966a6;

  }



.notesmall{

    font-size: 14px;

    text-align: center;

  }



/*======MENU======*/



.navbar-dark .navbar-nav .nav-link {

  color: #004289 !important;

  background: transparent;

  text-transform: uppercase;

  font-size: 24px;

   font-family: 'Lato-Bold';

}

.navbar-dark .navbar-nav .nav-link:hover {

  color: #004289 !important;

  background: transparent;

  text-transform: uppercase;

  font-size: 24px;

   font-family: 'Lato-Bold';

  text-decoration: underline;

}

.navbar-dark .navbar-toggler {

  color: #004289;

  border-color: #004289;

}

.navbar-dark .navbar-toggler-icon {

  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0, 66, 137, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");

}

.nav-item:before {

  content: none;

}



.navbar-dark .navbar-nav .nav-link span{

  font-size: 18px;

  color: #013b89;

  text-transform: uppercase;

  margin: 3px 18px 0 !important;

  opacity: 1;

  -webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 0s;

  transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 0s;

  color: #013b89;

  position: relative;

  text-decoration: none !important;

  z-index: 10;

	padding-left: 6px;

	padding-right: 6px;

	

}

.navbar-dark .navbar-nav .nav-link span:before {

  left: 0;

  bottom: -3px;

  z-index: -1;

  position: absolute;

  width: 0%;

  height: 15px;

  background-color: #c1d1e7;

  content: "";

  display: block;

	text-decoration: none !important;

  -webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 0s;

  transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 0s;

}

.navbar-dark .navbar-nav .nav-link span:hover:before {

  width: 100%;

}

.navbar-dark .navbar-nav .nav-link span:before {

  bottom: -3px;

  height: 10px;

}

.navbar-dark .navbar-nav .active .nav-link span {

  color: #013b89;

  position: relative;

  text-decoration: none !important;

  z-index: 10;

}

.navbar-dark .navbar-nav .active .nav-link span:before {

  left: 0;

  bottom: -3px;

  z-index: -1;

  position: absolute;

  width: 0%;

  height: 15px;

  background-color: #94bded;

  content: "";

  display: block;

	text-decoration: none !important;

  -webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 0s;

  transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 0s;

}

.navbar-dark .navbar-nav .active .nav-link span:hover:before {

  width: 100%;

}

.navbar-dark .navbar-nav .active .nav-link span:before {

  width: 100%;

  bottom: -3px;

  height: 10px;

}

.menu a:hover {

  text-decoration: none !important;

  bottom: -3px;

  height: 10px;

}



@media (max-width:768px) {

.navbar-dark .navbar-nav {

    margin-right: 0px;

    margin-bottom: 100px;

  }

.navbar-dark .navbar-nav .nav-link {

    text-align: center;

    width: auto;

    display: table;

    margin: 0 auto !important;

  }

}



textarea {

    overflow: auto;

    resize: vertical;

    width: 100%;

    border: none;

}



