@font-face {
  font-family: Mosk;
  src: url(./font/Mosk-Semi-Bold-600.ttf);
}
@font-face {
  font-family: Laser;
  src: url(./font/Laser_Flip.otf);
}
html,
body {
  height: 100%;
  font-family: "Mosk";
  color: #666;
  background-color: #fdfdfd;
  font-size: 18px;
}
.cookie-banner{
  position: fixed;
  bottom: -100%;
  left: 0;
  right: 0;
  padding: 10px 32px;
  transition: 400ms;
  z-index: 2000;
}
.cookie-banner a{
  color: #fff;
}
.cookie-banner.active{
  bottom: 0;
}
.minh-200px {
  min-height: 200px;
}
.z-400 {
  z-index: 400;
}
.div-clip {
  min-height: 460px;
  position: relative !important;
}
.st-part {
  position: absolute;
  width: 100%;
  height: 100%;
  max-height: 1000px;
  top: 0px;
  z-index: 0;
}
.st-part-foot {
  position: absolute;
  width: 100%;
  height: 100%;
  max-height: 1000px;
  top: 0px;
  z-index: -1;
}
.cornice {
  padding: 50px;
  box-shadow: 0 2.8px 2.2px rgb(0 0 0 / 2%), 0 6.7px 5.3px rgb(0 0 0 / 3%),
    0 12.5px 10px rgb(0 0 0 / 4%), 0 22.3px 17.9px rgb(0 0 0 / 4%);
}
.cli-mob-destra {
  clip-path: polygon(1% 0%, 96% 4%, 100% 100%, 0% 98%);
}
.cli-mob-sinistra {
  clip-path: polygon(4% 6%, 94% 0%, 100% 99%, 0% 100%);
}
.cli-destra {
  position: absolute;
  min-height: 220px;
  height: 110%;
  max-height: 590px;
  background-position: center center;
  background-size: cover;
  width: 150%;
  margin-left: -31%;
  margin-top: -30px;
  margin-bottom: 30px;
  clip-path: polygon(1% 0%, 96% 4%, 100% 100%, 0% 98%);
  overflow: hidden;
  z-index: 1;
}
.cli-sinistra {
  position: absolute;
  min-height: 220px;
  height: 110%;
  max-height: 590px;
  background-position: center center;
  background-size: cover;
  width: 150%;
  margin-right: -31%;
  margin-top: -30px;
  margin-bottom: 30px;
  clip-path: polygon(4% 6%, 94% 0%, 100% 99%, 0% 100%);
  overflow: hidden;
  z-index: 1;
}
.img-h1 {
  background-image: url('../img/studio-soldano-vieste.jpg');
}
.img-spec {
  background-image: url('../img/specializzazioni-studio-soldano.jpg');
}
.img-ora-1 {
  background-image: url('../img/orari-sinistra.jpg');
}
.img-ora-2 {
  background-image: url('../img/orari-destra.jpg');
}
.img-pediatrica {
  background-image: url('../img/dentista-bimbi.jpg');
}
.img-impiantologia {
  background-image: url('../img/invisibile.jpg');
}
.img-invalisign {
  background-image: url('../img/invalisign.jpeg');
}
.img-odo-dig {
  background-image: url('../img/odontoiatria-digitale.jpg');
}
.bg-primary {
  background-color: #005d86 !important;
}
.bg-secondary {
  background-color: #00647d !important;
}
.bg-white {
  background-color: #fdfdfd !important;
}
.navbar-light .navbar-nav .nav-link {
  color: #666;
  font-weight: bold;
  font-family: "Laser";
  font-size: 19px;
}
.navbar-collapse.collapse {
  box-shadow: none;
}
.navbar-collapse.collapse.show {
  box-shadow: 0 2.8px 2.2px rgb(0 0 0 / 2%), 0 6.7px 5.3px rgb(0 0 0 / 3%),
    0 12.5px 10px rgb(0 0 0 / 4%), 0 22.3px 17.9px rgb(0 0 0 / 4%);
}
.nav-link.active,
.nav-link:hover {
  color: #24586b !important;
  font-size: 21px;
}
.bordo-sinistro {
  border-left: 3px solid #cdd8e4;
}
.p-prenav {
  padding-top: 85px !important;
}

.social-footer {
  color: #005d86;
  font-size: 45px;
  text-decoration: none;
}
.social-footer:hover {
  color: #666 !important;
  font-size: 45px;
  text-decoration: none;
}
.poff {
  font-size: 40px;
  font-family: "Laser";
  padding-left: 5px;
  padding-right: 5px;
}
.poff-sm {
  font-size: 20px;
  padding-left: 5px;
  padding-right: 5px;
}
.devby {
  color: #fff !important;
}
hr {
  border: 0;
  height: 1px;
  background: #005d86;
  background-image: linear-gradient(to right, #ccc, #005d86, #ccc);
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Laser";
  color: #005d86;
}
.btn-primary {
  color: #fff;
  background-color: #005d86;
  border-color: #005d86;
}
.btn-primary:hover {
  color: #005d86;
  background-color: #fff;
  border-color: #005d86;
}
.btn-check:focus + .btn-primary,
.btn-primary:focus {
  color: #fff;
  background-color: #005d86;
  border-color: #005d86;
  box-shadow: 0 0 0 0.25rem rgba(0, 93, 134, 0.5);
}
.btn-check:checked + .btn-primary,
.btn-check:active + .btn-primary,
.btn-primary:active,
.btn-primary.active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #005d86;
  border-color: #005d86;
}
.btn-check:checked + .btn-primary:focus,
.btn-check:active + .btn-primary:focus,
.btn-primary:active:focus,
.btn-primary.active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(0, 93, 134, 0.5);
}
.btn-primary:disabled,
.btn-primary.disabled {
  color: #fff;
  background-color: #2a4c5a;
  border-color: #2a4c5a;
}
.footertit {
  font-family: "Laser";
  font-size: 35px;
}
.border {
  border: 1px solid #005d86 !important;
}
@media screen and (max-width: 600px) {
  .poff {
    font-size: 35px;
    font-family: "Laser";
  }
  .poff-sm {
    font-size: 16px;
  }
  .cornice {
    padding: 2rem 0px !important;
    box-shadow: none;
  }
}
@media (min-width: 1400px) {
  .container {
    max-width: 1250px;
  }
}