.no-pad {
  padding: 0; }

.gradient--pink, .ho-gradient-before--pink {
  background: -webkit-linear-gradient(45deg, #E71D72 15%, #27348B 100%);
  background: -moz-linear-gradient(45deg, #E71D72 15%, #27348B 100%);
  background: -ms-linear-gradient(45deg, #E71D72 15%, #27348B 100%);
  background: -o-linear-gradient(45deg, #E71D72 15%, #27348B 100%);
  background: linear-gradient(45deg, #E71D72 15%, #27348B 100%); }

.gradient--alert-msg, .alert-before-gradient {
  background: -webkit-linear-gradient(45deg, #E9425B 0%, #F7A702 100%);
  background: -moz-linear-gradient(45deg, #E9425B 0%, #F7A702 100%);
  background: -ms-linear-gradient(45deg, #E9425B 0%, #F7A702 100%);
  background: -o-linear-gradient(45deg, #E9425B 0%, #F7A702 100%);
  background: linear-gradient(45deg, #E9425B 0%, #F7A702 100%); }

.gradient--blue, .ho-gradient-button, .ho-gradient-before--blue, .gradient--chiara, .ho-gradient--chiara {
  background: -webkit-linear-gradient(45deg, #82378c 0%, #1e71b8 100%);
  background: -moz-linear-gradient(45deg, #82378c 0%, #1e71b8 100%);
  background: -ms-linear-gradient(45deg, #82378c 0%, #1e71b8 100%);
  background: -o-linear-gradient(45deg, #82378c 0%, #1e71b8 100%);
  background: linear-gradient(45deg, #82378c 0%, #1e71b8 100%); }

.gradient--nasa, .ho-gradient-before--danger, .ho-gradient--nasa {
  background: -webkit-linear-gradient(45deg, #ec5428 0%, #e9007a 100%);
  background: -moz-linear-gradient(45deg, #ec5428 0%, #e9007a 100%);
  background: -ms-linear-gradient(45deg, #ec5428 0%, #e9007a 100%);
  background: -o-linear-gradient(45deg, #ec5428 0%, #e9007a 100%);
  background: linear-gradient(45deg, #ec5428 0%, #e9007a 100%); }

.ho-gradient-button {
  display: inline-block;
  text-align: center;
  height: 50px;
  width: 120px;
  font-size: 14px;
  font-family: "ho-Book";
  border-radius: 30px;
  border: none;
  box-shadow: none;
  color: white;
  line-height: 50px; }
  .ho-gradient-button:hover, .ho-gradient-button:focus {
    color: white; }

.ho-gradient-before--pink {
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transform: translateZ(0); }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .ho-gradient-before--pink {
      color: #E71D72;
      background: transparent; } }

.ho-gradient-before--blue {
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transform: translateZ(0); }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .ho-gradient-before--blue {
      color: #82378c;
      background: transparent; } }

.ho-gradient-before--danger {
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transform: translateZ(0); }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .ho-gradient-before--danger {
      color: #82378c;
      background: transparent; } }

.ho-color--1 {
  color: #ee6639; }

.ho-color--2 {
  color: #239d72; }

.ho-color--blue {
  color: #82378c; }

.alert-before-gradient {
  font-family: "ho-Medium" !important;
  font-weight: bold;
  font-size: 13px;
  line-height: 1.2;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transform: translateZ(0); }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .alert-before-gradient {
      color: #ec5428;
      background: transparent; } }

.Vmid {
  position: relative;
  top: 50%;
  transform: translateY(-50%); }

b {
  font-family: "ho-Medium"; }

.ho-404 {
  text-align: center;
  position: relative;
  overflow: hidden; }
  .ho-404__content {
    min-height: 550px;
    padding-top: 225px;
    padding-bottom: 200px;
    position: relative;
    z-index: 2; }
    @media screen and (max-width: 576px) {
      .ho-404__content {
        min-height: auto;
        padding-top: 150px;
        padding-bottom: 80px; } }
    .ho-404__content__title {
      font-size: 50px;
      font-family: "ho-Medium";
      color: #37383c;
      margin: 0 30px; }
      .ho-404__content__title__fadeInUp {
        transform: translateY(150px);
        transition: 1s transform ease-in-out, 1s opacity ease-in-out;
        opacity: 0; }
        .ho-404__content__title__fadeInUp.in-view {
          transform: translateY(0);
          opacity: 1; }
      @media screen and (max-width: 576px) {
        .ho-404__content__title {
          font-size: 35px; }
          .ho-404__content__title br {
            display: none; } }
      @media screen and (max-width: 320px) {
        .ho-404__content__title {
          font-size: 30px; } }
    .ho-404__content a.btn {
      display: inline-block;
      width: 100%;
      padding: 23px 10px;
      color: #FFFFFF;
      border-radius: 50px;
      border-width: 0;
      font-size: 18px;
      font-family: "ho-Medium";
      outline: 0 none !important;
      cursor: pointer;
      text-transform: uppercase;
      color: #000;
      border: 1px solid #ccc;
      max-width: 190px;
      padding: 20px 25px;
      margin: 20px auto 90px;
      background-color: #fff;
      font-size: 14px;
      text-align: center; }
      .ho-404__content a.btn.white {
        background-color: #fff;
        color: #333; }
      .ho-404__content a.btn__fadeInUp {
        transform: translateY(150px);
        transition: 1.4s transform ease-in-out, 1s opacity ease-in-out;
        opacity: 0; }
        .ho-404__content a.btn__fadeInUp.in-view {
          transform: translateY(0);
          opacity: 1; }
  .ho-404__background {
    color: #FFF;
    position: absolute;
    left: 50%;
    top: calc(50% - 100px);
    transform: translate(-50%, -50%);
    z-index: 0; }
    @media screen and (max-width: 576px) {
      .ho-404__background {
        top: 25%; } }
    .ho-404__background p {
      font-size: 510px;
      font-family: "ho-Bold";
      text-shadow: 0 44px 96px rgba(0, 0, 0, 0.1);
      padding-top: 150px; }
      @media screen and (max-width: 1200px) {
        .ho-404__background p {
          padding-top: 10px;
          font-size: 380px; } }
      @media screen and (max-width: 576px) {
        .ho-404__background p {
          font-size: 160px;
          text-shadow: 0 44px 96px rgba(0, 0, 0, 0.2); } }
