/* Default style for fonts, lists etc. */

.main-pre-title {
  color: white;
}
.bck-white {
  background-color: white;
}

sup {
  top: -0.3em;
}
sub,
sup {
  font-size: 0.75em;
}

.mar-top-1 {
  margin-top: 1px !important;
}
.mar-top-3 {
  margin-top: 3px !important;
}
.mar-top-7 {
  margin-top: 7px !important;
}
.mar-top-9 {
  margin-top: 9px !important;
}
.mar-top-12 {
  margin-top: 12px !important;
}
.mar-top-15 {
  margin-top: 15px !important;
}
.mar-top-20 {
  margin-top: 20px !important;
}
.mar-top-25 {
  margin-top: 25px !important;
}
.mar-top-30 {
  margin-top: 30px !important;
}
.mar-top-32 {
  margin-top: 32px !important;
}
.mar-top-35 {
  margin-top: 35px !important;
}
.mar-top-40 {
  margin-top: 40px !important;
}
.mar-top-45 {
  margin-top: 45px !important;
}
.mar-top-50 {
  margin-top: 50px !important;
}
.mar-top-55 {
  margin-top: 55px !important;
}
.mar-top-60 {
  margin-top: 60px !important;
}
.mar-top-70 {
  margin-top: 70px !important;
}
.mar-top-75 {
  margin-top: 75px !important;
}
.mar-top-90 {
  margin-top: 90px !important;
}
.mar-top-80 {
  margin-top: 80px !important;
}
@media (max-width: 992px) {
  .mar-top-80 {
    margin-top: 40px !important;
  }
}
.mar-top-100 {
  margin-top: 100px !important;
}
.mar-top-125 {
  margin-top: 125px !important;
}
.mar-top-150 {
  margin-top: 150px !important;
}

.mar-bot-1 {
  margin-bottom: 1px !important;
}
.mar-bot-3 {
  margin-bottom: 3px !important;
}
.mar-bot-5 {
  margin-bottom: 5px !important;
}
.mar-bot-7 {
  margin-bottom: 7px !important;
}
.mar-bot-9 {
  margin-bottom: 9px !important;
}
.mar-bot-12 {
  margin-bottom: 12px !important;
}
.mar-bot-15 {
  margin-bottom: 15px !important;
}
.mar-bot-20 {
  margin-bottom: 20px !important;
}
.mar-bot-25 {
  margin-bottom: 25px !important;
}
.mar-bot-30 {
  margin-bottom: 30px !important;
}
.mar-bot-32 {
  margin-bottom: 32px !important;
}
.mar-bot-35 {
  margin-bottom: 35px !important;
}
.mar-bot-40 {
  margin-bottom: 40px !important;
}
.mar-bot-45 {
  margin-bottom: 45px !important;
}
.mar-bot-50 {
  margin-bottom: 50px !important;
}
.mar-bot-55 {
  margin-bottom: 55px !important;
}
.mar-bot-60 {
  margin-bottom: 60px !important;
}
.mar-bot-70 {
  margin-bottom: 70px !important;
}
.mar-bot-75 {
  margin-bottom: 75px !important;
}
.mar-bot-80 {
  margin-bottom: 80px !important;
}
@media (max-width: 992px) {
  .mar-bot-80 {
    margin-bottom: 40px !important;
  }
}
.mar-bot-90 {
  margin-bottom: 90px !important;
}
.mar-bot-100 {
  margin-bottom: 100px !important;
}
.mar-bot-125 {
  margin-bottom: 125px !important;
}
.mar-bot-150 {
  margin-bottom: 150px !important;
}

.mar-right-30 {
  margin-right: 30px;
}
/* END */

.custom-mar-top {
  margin-top: 550px !important;
}

/* GENERAL STYLES */
.f6 {
  font-size: 0.425em !important;
  line-height: 6px !important;
}
.f8 {
  font-size: 0.5em !important;
  line-height: 8px !important;
}
.f9 {
  font-size: 0.5625em !important;
  line-height: 9px !important;
}
.f10 {
  font-size: 0.625em !important;
  line-height: 10px !important;
}
.f12 {
  font-size: 0.8125em !important;
  line-height: 12px !important;
}
.f13 {
  font-size: 0.845em !important;
  line-height: 12px !important;
}
.f14 {
  font-size: 0.875em !important;
  line-height: 14px !important;
}
.f15 {
  font-size: 0.9375em !important;
  line-height: 15px !important;
}
.f16 {
  font-size: 1em !important;
  line-height: 16px !important;
}
.f17 {
  font-size: 1.0625em !important;
  line-height: 17px !important;
}
.f18 {
  font-size: 1.125em !important;
  line-height: 18px !important;
}
.f20 {
  font-size: 1.25em !important;
  line-height: 20px !important;
}
.f22 {
  font-size: 1.375em !important;
  line-height: 22px !important;
}
.f24 {
  font-size: 1.5em !important;
  line-height: 24px !important;
}
.f26 {
  font-size: 1.625em !important;
  line-height: 26px !important;
}
.f28 {
  font-size: 1.75em !important;
  line-height: 28px !important;
}
.f30 {
  font-size: 1.875em !important;
  line-height: 30px !important;
}
.f32 {
  font-size: 2em !important;
  line-height: 32px !important;
}
.f36 {
  font-size: 2.25em !important;
  line-height: 36px !important;
}
.f38 {
  font-size: 2.375em !important;
  line-height: 38px !important;
}
.f40 {
  font-size: 2.5em !important;
  line-height: 40px !important;
}
.f42 {
  font-size: 2.625em !important;
  line-height: 42px !important;
}
.f46 {
  font-size: 2.875em !important;
  line-height: 46px !important;
}
.f48 {
  font-size: 3em !important;
  line-height: 54px !important;
}
.f52 {
  font-size: 3.25em !important;
  line-height: 52px !important;
}
.f56 {
  font-size: 3.5em !important;
  line-height: 56px !important;
}
.f60 {
  font-size: 3.75em !important;
  line-height: 60px !important;
}
.f64 {
  font-size: 4em !important;
  line-height: 64px !important;
}
.f72 {
  font-size: 4.5em !important;
  line-height: 72px !important;
}
.f80 {
  font-size: 5em !important;
  line-height: 90px !important;
}
.f90 {
  font-size: 5.625em !important;
  line-height: 90px !important;
}

.fw-300 {
  font-weight: 300;
}
.fw-400 {
  font-weight: 400;
}
.fw-500 {
  font-weight: 500;
}
.fw-600 {
  font-weight: 600;
}
.fw-700 {
  font-weight: 700;
}
.fw-800 {
  font-weight: 800;
}
.fw-900 {
  font-weight: 900;
}
.f-left {
  float: left;
}
.f-right {
  float: right;
}

.lh6 {
  line-height: 6px !important;
}
.lh8 {
  line-height: 8px !important;
}
.lh9 {
  line-height: 9px !important;
}
.lh10 {
  line-height: 10px !important;
}
.lh12 {
  line-height: 12px !important;
}
.lh13 {
  line-height: 12px !important;
}
.lh14 {
  line-height: 14px !important;
}
.lh15 {
  line-height: 15px !important;
}
.lh16 {
  line-height: 16px !important;
}
.lh17 {
  line-height: 17px !important;
}
.lh18 {
  line-height: 18px !important;
}
.lh20 {
  line-height: 20px !important;
}
.lh22 {
  line-height: 22px !important;
}
.lh24 {
  line-height: 24px !important;
}
.lh26 {
  line-height: 26px !important;
}
.lh28 {
  line-height: 28px !important;
}
.lh30 {
  line-height: 30px !important;
}
.lh32 {
  line-height: 32px !important;
}
.lh36 {
  line-height: 36px !important;
}
.lh38 {
  line-height: 38px !important;
}
.lh40 {
  line-height: 40px !important;
}
.lh42 {
  line-height: 42px !important;
}
.lh45 {
  line-height: 45px !important;
}
.lh46 {
  line-height: 46px !important;
}
.lh48 {
  line-height: 48px !important;
}
.lh52 {
  line-height: 52px !important;
}
.lh56 {
  line-height: 56px !important;
}
.lh72 {
  line-height: 72px !important;
}
.lh90 {
  line-height: 90px !important;
}
.lh100 {
  line-height: 100px !important;
}
.lh-auto {
  line-height: inherit !important;
}

.margin-inline-auto {
  margin-inline: auto;
}
.padding-inline-0 {
  padding-inline: 0 !important;
}

/* Per rendere i media tendenti al blu scuro*/
.darken-element :is(video, picture, img) {
  mix-blend-mode: darken;
  background-blend-mode: darken;
  background-color: #00000070;
}
.darken-bg-element {
  background-blend-mode: darken;
  background-color: #00000095;
}

.object-cover {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
}

.image-contain {
  height: 100%;
  width: 100%;
  object-fit: contain;
  object-position: center;
}