body {font-family: 'Roboto', sans-serif;
background: white;color: #595A61;font-size: 14px;}

.c-principale {color: #009fdd;}
.bg-principale {background: #009fdd;}

.equal-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}
.equal-height.row > [class*='col-'] {
	 display: flex;
	 flex-direction: column;
}

.form-control {
  color: white;
  background: transparent;
  border: none;
  border-bottom: 2px solid white;
  border-radius: 0;
  font-style: italic;padding: 5px 0;
}

select.form-control {border: 0}

.form-control:focus {box-shadow: none; outline: 0; background: transparent;color: white;border-color: #42cbff;}

.modal-btn {cursor: pointer;}

.campi-aggiuntivi-s:after {
  border-bottom: 2px solid white;
    position: absolute;
    content: "";
    right: 5px;
    bottom: 2px;
    width: 92%;
}

.float-label {position: relative;}
.float-label label {position: absolute;position: absolute;
    bottom: 0;
    left: 5px;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    font-style: italic;
    pointer-events: none;
  }

.float-label input:focus ~ label,
.float-label textarea:focus ~ label,
.float-label input.has-value ~ label,
.float-label textarea.has-value ~ label {bottom: -25px;font-size: 0.7em}

.btn {
      letter-spacing: 2px;
      font-weight: 900;
      font-size: 1em;}

button.btn {background: transparent;
    border: 2px solid white;
    border-radius: 0;
    padding: 5px 20px;
    font-size: 1em;
    text-transform: uppercase;
      width: 100%;}

      button.btn:hover {
        background: white;
        color: #009fdd !important;
      }

      .btn-richiedi {color: #009fdd !important}
      .btn-richiedi:hover {color: white !important}


.form-control::-webkit-input-placeholder { /* Edge */
  color: white;
}

.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: white;
}

.form-control::placeholder {
  color: white;
}


.grey {background: #eee}
.text-u-c {text-transform: uppercase;}
.b-radius {border-radius: 100%}

.white {background: white}
.text-white {color: white}

.l-h-1x {line-height: 1}
.l-h-2x {line-height: 2}

.l-s-1x {letter-spacing: 1px;}
.l-s-2x {letter-spacing: 2px;}
.l-s-3x {letter-spacing: 3px;}

._block {display: block !important}

hr {width: 100%;border-width: 1px;}

.b {
  border-color: rgba(120, 130, 140, 0.13);
  background-clip: padding-box; }

.b-a {
  border: 1px solid rgba(120, 130, 140, 0.13); }

.b-t {
  border-top: 1px solid rgba(120, 130, 140, 0.13); }

.b-r {
  border-right: 1px solid rgba(120, 130, 140, 0.13); }

.b-b {
  border-bottom: 1px solid rgba(120, 130, 140, 0.13); }

.b-l {
  border-left: 1px solid rgba(120, 130, 140, 0.13); }

.b-2x {border-width: 2px;}
.b-3x {border-width: 3px;}
.b-4x {border-width: 4px;}
.b-5x {border-width: 5px;}

.b-r-0 {border-radius: 0}

.b-principale {border-color: #009fdd;}
.b-grey {border-color: #eee;}
.b-darkgrey {border-color: #595A61;}

.pos-rel {position: relative;}
.pos-abl {position: absolute;}

.col-footer {bottom: 20px;width: 90%}
.col-footer a.btn:hover {background: #009fdd;color: white}


.w-8 {
  width: 8px;
  height: 8px;
  display: inline-block; }

.w-16 {
  width: 16px;
  height: 16px;
  display: inline-block; }

.w-20 {
  width: 20px;
  height: 20px;
  display: inline-block; }

.w-24 {
  width: 24px;
  height: 24px;
  display: inline-block;
  text-align: center; }

.w-32 {
  width: 32px;
  height: 32px;
  line-height: 32px;
  display: inline-block;
  text-align: center; }

  .w-36 {
  width: 36px;
  height: 36px;
  line-height: 36px;
  display: inline-block;
  text-align: center; }

.w-40 {
  width: 40px;
  height: 40px;
  line-height: 40px;
  display: inline-block;
  text-align: center; }

.w-48 {
  width: 48px;
  height: 48px;
  line-height: 48px;
  display: inline-block;
  text-align: center; }

.w-56 {
  width: 56px;
  height: 56px;
  line-height: 56px;
  display: inline-block;
  text-align: center; }


.w-64 {
  width: 64px; }

.w-96 {
  width: 96px; }

.w-128 {
  width: 128px; }

.w-xxs {
  width: 60px; }

.w-xs {
  width: 90px; }

.w-sm {
  width: 120px; }

.w {
  width: 180px; }

.w-md {
  width: 200px; }

.w-lg {
  width: 240px; }

.w-xl {
  width: 280px; }

.w-xxl {
  width: 320px; }

.w-xxxl {
  width: 400px; }

.w-xxxxl {
  width: 500px; }

.w-xxxxxl {
  max-width: 750px; }

.text {
  font-size: 1rem; }

.text-xs {
  font-size: 0.75rem; }

.text-sm {
  font-size: 0.8rem; }

.text-md {
  font-size: 1.125rem; }

.text-lg {
  font-size: 1.5rem; }

.text-xl {
  font-size: 1.75rem; }

.text-xxl {
  font-size: 2rem; }

.text-2x {
  font-size: 2em; }

.text-3x {
  font-size: 3em; }

.text-3_5x {
  font-size: 3.5em; }

.text-4x {
  font-size: 4em; }

.text-5x {
  font-size: 5em; }

/* SPAZI */

.margin-auto {margin: 0 auto;}

.m-a {
  margin: 1rem !important; }

.m-t {
  margin-top: 1rem !important; }

.m-r {
  margin-right: 1rem !important; }

.m-b {
  margin-bottom: 1rem !important; }

.m-l {
  margin-left: 1rem !important; }

.m-x {
  margin-right: 1rem !important;
  margin-left: 1rem !important; }

.m-y {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important; }

.m-a-lg {
  margin: 3rem !important; }

.m-t-lg {
  margin-top: 3rem !important; }

.m-r-lg {
  margin-right: 3rem !important; }

.m-b-lg {
  margin-bottom: 3rem !important; }

.m-l-lg {
  margin-left: 3rem !important; }

.m-x-lg {
  margin-right: 3rem !important;
  margin-left: 3rem !important; }

.m-y-lg {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important; }

.m-a-md {
  margin: 1.5rem !important; }

.m-t-md {
  margin-top: 1.5rem !important; }

.m-r-md {
  margin-right: 1.5rem !important; }

.m-b-md {
  margin-bottom: 1.5rem !important; }

.m-l-md {
  margin-left: 1.5rem !important; }

.m-x-md {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important; }

.m-y-md {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important; }

.m-a-sm {
  margin: 0.5rem !important; }

.m-t-sm {
  margin-top: 0.5rem !important; }

.m-r-sm {
  margin-right: 0.5rem !important; }

.m-b-sm {
  margin-bottom: 0.5rem !important; }

.m-l-sm {
  margin-left: 0.5rem !important; }

.m-x-sm {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important; }

.m-y-sm {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important; }

.m-a-xs {
  margin: 0.25rem !important; }

.m-t-xs {
  margin-top: 0.25rem !important; }

.m-r-xs {
  margin-right: 0.25rem !important; }

.m-b-xs {
  margin-bottom: 0.25rem !important; }

.m-l-xs {
  margin-left: 0.25rem !important; }

.m-x-xs {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important; }

.m-y-xs {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important; }

.m-a-0 {
  margin: 0 !important; }

.m-t-0 {
  margin-top: 0 !important; }

.m-r-0 {
  margin-right: 0 !important; }

.m-b-0 {
  margin-bottom: 0 !important; }

.m-l-0 {
  margin-left: 0 !important; }

.m-x-0 {
  margin-right: 0 !important;
  margin-left: 0 !important; }

.m-y-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important; }

.p-a {
  padding: 1rem !important; }

.p-t {
  padding-top: 1rem !important; }

.p-r {
  padding-right: 1rem !important; }

.p-b {
  padding-bottom: 1rem !important; }

.p-l {
  padding-left: 1rem !important; }

.p-x {
  padding-right: 1rem !important;
  padding-left: 1rem !important; }

.p-y {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important; }

.p-a-lg {
  padding: 3rem !important; }

.p-t-lg {
  padding-top: 3rem !important; }

.p-r-lg {
  padding-right: 3rem !important; }

.p-b-lg {
  padding-bottom: 3rem !important; }

.p-l-lg {
  padding-left: 3rem !important; }

.p-x-lg {
  padding-right: 3rem !important;
  padding-left: 3rem !important; }

.p-y-lg {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important; }

.p-a-md {
  padding: 1.5rem !important; }

.p-t-md {
  padding-top: 1.5rem !important; }

.p-r-md {
  padding-right: 1.5rem !important; }

.p-b-md {
  padding-bottom: 1.5rem !important; }

.p-l-md {
  padding-left: 1.5rem !important; }

.p-x-md {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important; }

.p-y-md {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important; }

.p-a-sm {
  padding: 0.5rem !important; }

.p-t-sm {
  padding-top: 0.5rem !important; }

.p-r-sm {
  padding-right: 0.5rem !important; }

.p-b-sm {
  padding-bottom: 0.5rem !important; }

.p-l-sm {
  padding-left: 0.5rem !important; }

.p-x-sm {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important; }

.p-y-sm {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important; }

.p-a-xs {
  padding: 0.25rem !important; }

.p-t-xs {
  padding-top: 0.25rem !important; }

.p-r-xs {
  padding-right: 0.25rem !important; }

.p-b-xs {
  padding-bottom: 0.25rem !important; }

.p-l-xs {
  padding-left: 0.25rem !important; }

.p-x-xs {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important; }

.p-y-xs {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important; }

.p-a-0 {
  padding: 0 !important; }

.p-t-0 {
  padding-top: 0 !important; }

.p-r-0 {
  padding-right: 0 !important; }

.p-b-0 {
  padding-bottom: 0 !important; }

.p-l-0 {
  padding-left: 0 !important; }

.p-x-0 {
  padding-right: 0 !important;
  padding-left: 0 !important; }

.p-y-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important; }

.border {border: 1px solid transparent;}

.border.b-primario {border-color: #009fdd;}

.vantaggi-list {padding-left:25px;list-style-type: none;}
.vantaggi-list li {position: relative;line-height: 1.2;
    margin-bottom: 10px;}
.vantaggi-list li:before {font-size:14px;color:#009fdd;content: "\f00c";font-family: 'FontAwesome';position: absolute;left: -20px;
    top: 4px;}


._300 {font-weight: 300}
._400 {font-weight: 400}
._500 {font-weight: 500}
._600 {font-weight: 600}
._700 {font-weight: 700}
._800 {font-weight: 800}
._900 {font-weight: 900}

.btn-richiedi br {display: none;}

/* TABLET */

@media (max-width: 991px) {

.titoletto {font-size: 1.7rem;}
.wrapper-colonne {margin-bottom: 90px !important;}

.btn-richiedi br {display: block;}

}

/* MOBILE */

@media (max-width: 540px) {
  .m-b-m-xs {margin-bottom: 0.25rem !important; }
  .m-b-m-sm {margin-bottom: 0.5rem !important; }
  .m-b-m {margin-bottom: 1rem !important; }
  .m-b-m-md {margin-bottom: 1.5rem !important; }
  .m-b-m-lg {margin-bottom: 3rem !important; }
  .m-t-m-xs {margin-top: 0.25rem !important; }
  .m-t-m-sm {margin-top: 0.5rem !important; }
  .m-t-m {margin-top: 1rem !important; }
  .m-t-m-md {margin-top: 1.5rem !important; }
  .m-t-m-lg {margin-top: 3rem !important; }
  .m-l-m-xs {margin-left: 0.25rem !important; }
  .m-l-m-sm {margin-left: 0.5rem !important; }
  .m-l-m {margin-left: 1rem !important; }
  .m-l-m-md {margin-left: 1.5rem !important; }
  .m-l-m-lg {margin-left: 3rem !important; }
  .m-r-m-xs {margin-right: 0.25rem !important; }
  .m-r-m-sm {margin-right: 0.5rem !important; }
  .m-r-m {margin-right: 1rem !important; }
  .m-r-m-md {margin-right: 1.5rem !important; }
  .m-r-m-lg {margin-right: 3rem !important; }
}

#comecihaiconosciuto {
    border: 2px solid #FFF;
    border-radius: 0;
    margin-top: 30px;
}