/* COLOR VARIABLES
============================================= */
/* BTN PADDING WITH IMAGE BACKGROUND
============================================= */
/* GRADIENT LISTS
============================================= */
/* FONT WEIGHTS
============================================= */
/* BG IMAGES
============================================= */
/* FLEXBOX
============================================= */
/* OPACITY
============================================= */
/* TRANSITION
============================================= */
/* TRANSFORM
============================================= */
/* BORDER RADIUS
============================================= */
/* TEXT TRANSFORM
============================================= */
/* TEXT JUSTIFY
============================================= */
.reserved-area {
  /*background-image: url("/library/pagination/icon/drop.svg");
  background-position: 19% calc(100% - 3vw);
  background-repeat: no-repeat;*/
}
.reserved-area section {
  padding-top: 3%;
}
.reserved-area section.download-reserved-docs {
  padding: 2% 0;
  margin: 3% 0;
  background-color: #F7F8F9;
}
.reserved-area h1 {
  text-align: center;
  line-height: 3rem;
}
.reserved-area h2 {
  text-align: center;
}
.reserved-area h4 {
  text-align: left;
  padding: 2% 0;
}
.reserved-area p {
  text-align: center;
}
.reserved-area .contact-form {
  margin: 0 0 0 0;
}
.reserved-area .contact-form section {
  text-align: center;
  padding-top: 3%;
}
.reserved-area .contact-form .six {
  width: 48%;
  float: left;
  margin: 0 1%;
}
.reserved-area .contact-form .six .input-block {
  padding: 0;
  height: 58px;
  border-left: 0;
  border-right: 0;
}
.reserved-area .contact-form .six .input-block input {
  padding: 0;
  line-height: 2.2rem;
  text-indent: 75px;
  height: 70px;
  font-family: "ivypresto-headline", serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1.25rem;
}
.reserved-area .contact-form .six .input-block input.username {
  background-image: url("/library/pagination/icon/user-input.svg");
  background-position: 0 5px;
  background-repeat: no-repeat;
  background-size: 50px;
}
.reserved-area .contact-form .six .input-block input.password {
  background-image: url("/library/pagination/icon/psw-input.svg");
  background-position: 0 5px;
  background-repeat: no-repeat;
  background-size: 50px;
}
.reserved-area .contact-form .six .input-block input.email {
  background-image: url("/library/pagination/icon/mail-input.svg");
  background-position: 0 5px;
  background-repeat: no-repeat;
  background-size: 50px;
}
.reserved-area .contact-form .six .input-block label {
  font-family: "ivypresto-headline", serif;
  font-style: normal;
  font-weight: 700;
  margin-left: 60px;
}
.reserved-area .contact-form .six.psw-recover {
  float: none;
  display: inline-block;
}
.reserved-area .contact-form .twelve {
  width: 100%;
  float: left;
  text-align: center;
}
.reserved-area .contact-form .twelve .btn-black {
  margin-top: 3%;
  float: none;
  display: inline-block;
}
.reserved-area .messaggio_fail {
  padding-top: 3%;
}
.reserved-area .password-recover p {
  margin: 3% 0;
}
.reserved-area .reserved-area-utility {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  padding: 2%;
}
.reserved-area .reserved-area-utility p {
  width: 46%;
  padding: 1% 2%;
  margin: 1% 0;
  text-align: left;
}
.reserved-area .reserved-area-utility p:first-child {
  border-right: 1px solid #DADEE3;
  text-align: right;
}
.reserved-area .reserved-docs {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 0;
  gap: 15px;
  list-style: none;
  max-width: 90%;
  margin: 0 auto;
}
.reserved-area .reserved-docs li a {
  color: #000000;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  font-family: "neuzeit-grotesk", sans-serif;
  font-style: normal;
  font-weight: 700;
  white-space: nowrap;
  padding: 0 clamp(10px, 6vw, 20px);
  letter-spacing: 0;
  font-size: clamp(12px, 3vw, 14px);
}
.reserved-area .reserved-docs li a img {
  margin-right: 10px;
  flex: 0 0 24px;
}
.reserved-area .tabs-container {
  border-bottom: 1px solid #000000;
}
.reserved-area .reserverList {
  font-size: 14px;
  margin: 0px 10px;
  padding: 0 20px;
  width: calc(50% - 60px);
}
.reserved-area .reserverList:first-child {
  margin-left: 0;
}
.reserved-area .reserverList:last-child {
  margin-right: 0;
}
.reserved-area .reserverList.active {
  background: #000000;
}

#passwrod_recover h4 {
  text-align: center;
}

@media all and (max-width: 1279px) {
  .reserved-area .products-list:not(.novita-home) .products-list-item {
    margin-top: 5% !important;
  }
  .reserved-area .products-list:not(.novita-home) .products-list-item:first-child {
    margin-top: 0 !important;
  }
}
@media all and (max-width: 767px) {
  .reserved-area {
    background: none;
  }
  .reserved-area h1 {
    font-size: 32px;
  }
  .reserved-area p {
    font-size: 15px;
  }
  .reserved-area .reserved-area-utility {
    align-items: flex-start;
  }
  .reserved-area .reserved-area-utility p {
    width: 48%;
    padding: 1% 0 1% 2%;
  }
  .reserved-area .reserved-area-utility p:first-child {
    padding: 1% 2% 1% 0;
  }
  .reserved-area .contact-form .six {
    width: 98%;
    margin: 3% 1%;
  }
  .reserved-area .contact-form .six .input-block {
    width: 100%;
  }
  .reserved-area .reserved-docs {
    flex-direction: column;
  }
  .reserved-area .reserved-docs li {
    margin: 5px 0;
    width: calc(100% - 80px);
  }
}

/*# sourceMappingURL=reserved.css.map */