:root {
  --colore-blu: #0d3b59;
  --colore-blu2: #013b59;
  --colore-azzurro: #2598af;
  --colore-azzurro2: #4b7389;
  --colore-azzurro3: #29A1B1;
  --colore-azzurro4: #274C81;
  --colore-bianco: #ffffff;
  --colore-bianco2: #dde3e8;
  --colore-bianco3: #dedce0;
  --colore-bianco4: #F5F5F5;
  --colore-grigio: #2e2e2e;
}

@font-face {
  font-family: "Raleway";
  src: url("../font/Raleway-Bold.eot");
  src: url("../font/Raleway-Bold.eot?#iefix") format("embedded-opentype"),
    url("../font/Raleway-Bold.woff2") format("woff2"),
    url("../font/Raleway-Bold.woff") format("woff"),
    url("../font/Raleway-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Raleway";
  src: url("../font/Raleway-Light.eot");
  src: url("../font/Raleway-Light.eot?#iefix") format("embedded-opentype"),
    url("../font/Raleway-Light.woff2") format("woff2"),
    url("../font/Raleway-Light.woff") format("woff"),
    url("../font/Raleway-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Raleway";
  src: url("../font/Raleway-Black.eot");
  src: url("../font/Raleway-Black.eot?#iefix") format("embedded-opentype"),
    url("../font/Raleway-Black.woff2") format("woff2"),
    url("../font/Raleway-Black.woff") format("woff"),
    url("../font/Raleway-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Raleway";
  src: url("../font/Raleway-Regular.eot");
  src: url("../font/Raleway-Regular.eot?#iefix") format("embedded-opentype"),
    url("../font/Raleway-Regular.woff2") format("woff2"),
    url("../font/Raleway-Regular.woff") format("woff"),
    url("../font/Raleway-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

body {
  font-family: "Raleway", sans-serif;
  font-weight: normal;
  font-size: 16px;
  position: relative;
  color: var(--colore-blu2);
}
img {
  max-width: 100%;
  display: block;
}
* {
  box-sizing: border-box;
}
.font-bold {
  font-weight: bold;
}
.font-regular {
  font-weight: normal;
}
.font-black {
  font-weight: 900;
}
.font-light {
  font-weight: 300;
}

.grigio {
  color: var(--colore-grigio);
}
.blu2 {
  color: var(--colore-blu2);
}
.white {
  color: var(--colore-bianco);
}
.bianco2 {
  color: var(--colore-bianco2);
}
.azzurro2 {
  color: var(--colore-azzurro2);
}
.azzurro3 {
  color: var(--colore-azzurro3);
}
.azzurro4 {
  color: var(--colore-azzurro4);
}
.bkg-blu2 {
  background-color: var(--colore-blu2);
}
.bkg-bianco2 {
  background-color: var(--colore-bianco2);
}
.bkg-bianco3 {
  background-color: var(--colore-bianco3);
}
.bkg-bianco4 {
  background-color: var(--colore-bianco4);
}
.bkg-azzurro {
  background-color: var(--colore-azzurro);
}
.bkg-azzurro2 {
  background-color: var(--colore-azzurro2);
}
.bkg-azzurro3 {
  background-color: var(--colore-azzurro3);
}
.bkg-azzurro4 {
  background-color: var(--colore-azzurro4);
}
.bkg-bianco {
  background-color: #fff;
}
.bkg-getintouch2 {
    background: rgba(255,255,255,.3);
    border: 1px solid #707070;
    border-radius: 26px;
    opacity: 1;
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
}
label.error {
  color: red;
  position: absolute;
  top: 100%;
}
@media (min-width: 1200px) {
  .bkg-biancoazzurro {
    background: linear-gradient(
      to right,
      white 0%,
      white 50%,
      var(--colore-azzurro) 50%,
      var(--colore-azzurro) 100%
    );
  }
}

.bianco-azzurro {
  color: var(--colore-azzurro2);
}
@media (min-width: 576px) {
  .bianco-azzurro {
    color: #fff;
  }
}

.fs-85-25 {
  font-size: clamp(1.5625rem, 0.0456rem + 4.2135vw, 5.3125rem);
}
.fs-44-16md {
  font-size: clamp(1rem, -0.0909rem + 2.2727vw, 2.75rem);
}
.fs-30-15md {
  font-size: clamp(0.9375rem, 0.3531rem + 1.2175vw, 1.875rem);
}
.fs-40-18 {
  font-size: clamp(1.125rem, 0.5688rem + 1.5449vw, 2.5rem);
}
.fs-40-25 {
  font-size: clamp(1.5625rem, 1.1833rem + 1.0534vw, 2.5rem);
}
.fs-35-18 {
  font-size: clamp(1.125rem, 0.6952rem + 1.1938vw, 2.1875rem);
}
.fs-30-16 {
  font-size: clamp(1rem, 0.6461rem + 0.9831vw, 1.875rem);
}
.fs-25-18 {
  font-size: clamp(1.125rem, 0.948rem + 0.4916vw, 1.5625rem);
}
.fs-25-16 {
  font-size: clamp(1rem, 0.7725rem + 0.632vw, 1.5625rem);
}
.fs-22-18md {
  font-size: clamp(1.125rem, 0.9692rem + 0.3247vw, 1.375rem);
}
.fs-21-18md {
  font-size: clamp(1.125rem, 1.0081rem + 0.2435vw, 1.3125rem);
}
.fs-22-15 {
  font-size: clamp(0.9375rem, 0.7605rem + 0.4916vw, 1.375rem);
}
.fs-30 {
  font-size: 30px;
}
.fs-25 {
  font-size: 25px;
}
.fs-15 {
  font-size: 15px;
}
.fs-14 {
  font-size: 14px;
}
.fs-10 {
  font-size: 10px;
}
.lh-1-2 {
  line-height: 1.2;
}

.divbullet {
  align-items: center;
  padding: 0.5rem 0;
}
ul.onecol {
  columns: 1;
  -webkit-columns: 1;
  -moz-columns: 1;
  list-style-position: outside;
  list-style: none;
  padding: 0;
}
ul.twocol {
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
  list-style-position: outside;
  list-style: none;
  padding: 0;
}

ul.threecol {
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
  list-style-position: outside;
  list-style: none;
  padding: 0;
}
@media (min-width: 576px) {
  ul.threecol {
    columns: 3;
    -webkit-columns: 3;
    -moz-columns: 3;
  }
}

@media (max-width: 575px) {
  ul.twocol {
    columns: 1;
    -webkit-columns: 1;
    -moz-columns: 1;
  }
}

ul.onecol li {
  display: flex;
  align-items: baseline;
  padding: 0.5rem 0;
}


ul.twocol li {
  display: inline-flex;
  align-items: baseline;
  padding: 0.5rem 0;
}
@media (max-width: 575px) {
  ul.twocol li {
    display: flex;
  }
}

ul.threecol li {
  display: inline-flex;
  align-items: center;
  padding: 0.5rem;
}

ul.onecol li span,
ul.twocol li span,
ul.twocol2 li span,
ul.threecol li span {
  padding-left: 1rem;
}

.btn-get-touch {
  border-radius: 3rem;
  color: var(--colore-bianco2);
  background-color: var(--colore-azzurro3);
  border: 1px solid var(--colore-azzurro3);
  cursor: pointer;
  transition: all 200ms linear;
}
.bkg-getintouch {
  background-image: url("../images/get-in-touch.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
@media (min-width: 768px) {
  .homebkg {
    background-image: url("../images/decorazione-curva.svg"),
      url("../images/decorazione-curva2.svg");
    background-repeat: no-repeat, no-repeat;
    background-position: -15% -10%, 135% 800px;
    background-size: auto 20%, auto 20%;
  }
}
.btn-get-touch:hover {
  color: var(--colore-azzurro3);
  background-color: var(--colore-bianco2);
}
.bullet-point {
  height: .6em;
}
ul.threecol .bullet-point {
  height: 24px;
}

.img-debording {
  width: calc(100% + 2rem) !important;
  max-width: unset;
  margin: 0 -1rem !important;
}

@media (min-width: 768px) {
  .img-debording {
    width: 120% !important;
    max-width: unset;
    margin: 0 !important;
  }
}

@media (min-width: 576px) {
  .traslatedimg {
    transform: translateX(-0.8rem);
  }
}
@media (min-width: 768px) {
  .traslatedimg {
    transform: translateX(0);
  }
}


.object-position-top-left {
  object-position: top left;
}
.object-position-bottom-left {
  object-position: bottom left;
}
@media (min-width: 768px) {
  .object-position-md-top-left {
    object-position: top left;
  }
  .object-position-md-bottom-left {
    object-position: bottom left;
  }
}

form {
  border-radius: 25px;
}

form input.form-control,
form textarea.form-control {
  background-color: transparent !important;
  border: 0px;
  border-bottom: 1px solid var(--colore-bianco);
  border-radius: 0px;
}

::placeholder {
  color: var(--colore-bianco) !important;
  opacity: 1; /* Firefox */
  font-weight: bold;
}

::-webkit-input-placeholder {
  color: var(--colore-bianco) !important;
  font-weight: bold;
}

::-moz-placeholder {
  color: var(--colore-bianco) !important;
  font-weight: bold;
}

::-ms-input-placeholder {
  color: var(--colore-bianco) !important;
  font-weight: bold;
}

::-o-input-placeholder {
  color: var(--colore-bianco) !important;
  font-weight: bold;
}



:focus {
  color: var(--colore-bianco) !important;
  opacity: 1; /* Firefox */
}

::-webkit-input-focus {
  color: var(--colore-bianco) !important;
}

::-moz-focus {
  color: var(--colore-bianco) !important;
}

::-ms-input-focus {
  color: var(--colore-bianco) !important;
}

::-o-input-focus {
  color: var(--colore-bianco) !important;
}
form button {
  border-radius: 3rem !important;
  color: var(--colore-blu2) !important;
  background-color: var(--colore-bianco) !important;
  border: 1px solid var(--colore-bianco) !important;
  transition: all 200ms linear !important;
}

form button:hover {
  color: var(--colore-bianco) !important;
  background-color: var(--colore-blu2) !important;
}
.text-decoration-none {
  text-decoration: none;
}