
.card {
      margin: 0 auto;
      display: inline-block;
      margin-right: 30px;
      -webkit-transform: scale(0);
      transform: scale(0);
      width: 280px;
      text-align: center;
      position: relative;
      -webkit-transition: all .2s;
      transition: all .2s;
      cursor: pointer;
      opacity: 0.5;
      box-shadow: 0px 17px 46px -10px #777777;
      height: 470px;
      border-radius: 14px;
  }
  
.card:nth-of-type(1) {
      -webkit-animation: intro 1s 0.1s forwards;
      animation: intro 1s 0.1s forwards;
}
  
.card:nth-of-type(2) {
      -webkit-animation: intro 1s 0.2s forwards;
      animation: intro 1s 0.2s forwards;
}
  
.card:nth-of-type(3) {
      -webkit-animation: intro 1s 0.3s forwards;
      animation: intro 1s 0.3s forwards;
}
  
.card:nth-of-type(1) {
      background: -webkit-linear-gradient(45deg, #c96881 0%, #f7b695 100%);
      background: -moz-linear-gradient(45deg, #c96881 0%, #f7b695 100%);
}
  
.card:nth-of-type(2) {
      background: -webkit-linear-gradient(45deg, #6B6ECC 0%, #89BFDF 100%);
      background: -moz-linear-gradient(45deg, #6B6ECC 0%, #89BFDF 100%);
}
  
.card:nth-of-type(3) {
      background: -webkit-linear-gradient(45deg, #81B77B 0%, #A3E3C3 100%);
      background: -moz-linear-gradient(45deg, #81B77B 0%, #A3E3C3 100%);
}
  
.card:hover .card_inner__header img {
      left: -50px;
      -webkit-transition: all 3.4s linear;
      transition: all 3.4s linear;
}
  
.card:hover .card_inner__cta button {
      -webkit-transform: scale(1);
      transform: scale(1);
}
  
.card:nth-of-type(1):hover .card_inner__circle img {
      -webkit-animation: launch 1s forwards;
      animation: launch 1s forwards;
}
  
.card:nth-of-type(1) .card_inner__circle img {
      top: 22px;
      left: 1px;
}

.card:nth-of-type(2):hover .card_inner__circle img {
      -webkit-animation: spin 1s forwards;
      animation: spin 1s forwards;
}
  
.card:nth-of-type(2) .card_inner__circle img {
      top: 22px;
}
  
.card:nth-of-type(3):hover .card_inner__circle img {
      -webkit-animation: fly 1s forwards;
      animation: fly 1s forwards;
}
  
.card:nth-of-type(3) .card_inner__circle img {
      top: 22px;
      left: 1px;
}
  
.card:hover {
      opacity: 1;
}
  
.card_inner__circle {
      overflow: hidden;
      width: 140px;
      position: absolute;
      background: #F1F0ED;
      z-index: 10;
      height: 70px;
      border-radius: 100px;
      left: 0;
      box-shadow: 0px 7px 20px rgba(0, 0, 0, 0.28);
      right: 0;
      margin: auto;
      border: 4px solid white;
      top: 82px;
}
  
.card_inner__circle img {
      height: 26px;
      position: relative;
      top: 17px;
      -webkit-transition: all .2s;
      transition: all .2s;
}
  
.card_inner__header {
      height: 120px;
      border-top-left-radius: 14px;
      border-top-right-radius: 14px;
      overflow: hidden;
}
  
.card_inner__header img {
      width: 120%;
      position: relative;
      top: -30px;
      left: 0;
      -webkit-transition: all 0.1s linear;
      transition: all 0.1s linear;
}
  
.card_inner__content {
          padding: 15px;
      text-align: left;
      font-size: 16px;
}
  
.card_inner__content .price {
      color: white;
      font-weight: 800;
      font-size: 70px;
      text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.42);
}
  
.card_inner__content .text {
      color: rgba(255, 255, 255, 0.6);
      font-weight: 100;
      margin-top: 20px;
      font-size: 13px;
      line-height: 16px;
}
  
.card_inner__content .title {
      font-weight: 800;
      text-transform: uppercase;
      color: rgba(255, 255, 255, 0.64);
      margin-top: 40px;
      font-size: 25px;
      letter-spacing: 1px;
}
  
.card_inner__cta {
      position: absolute;
      bottom: -24px;
      left: 0;
      right: 0;
      margin: auto;
      width: 200px;
}
  
.card_inner__cta button {
      padding: 16px;
      box-shadow: 0px 0px 40px 4px #F76583, 0px 0px 0px 2px rgba(255, 255, 255, 0.19) inset;
      width: 100%;
      background: -webkit-linear-gradient(-90deg, #fe5e7d 0%, #e5375b 100%);
      background: -moz-linear-gradient(-90deg, #fe5e7d 0%, #e5375b 100%);
      border: none;
      font-family: 'Yanone Kaffeesatz', sans-serif;
      color: white;
      outline: none;
      font-size: 20px;
      border-radius: 6px;
      -webkit-transform: scale(0.94);
      transform: scale(0.94);
      cursor: pointer;
      -webkit-transition: box-shadow .3s, -webkit-transform .3s .1s;
      transition: box-shadow .3s, -webkit-transform .3s .1s;
      transition: box-shadow .3s, transform .3s .1s;
      transition: box-shadow .3s, transform .3s .1s, -webkit-transform .3s .1s;
}
  
.card_inner__cta button span {
      text-shadow: 0px 4px 18px #BA3F57;
}
  
.card_inner__cta button:hover {
      box-shadow: 0px 0px 60px 8px #F76583, 0px 0px 0px 2px rgba(255, 255, 255, 0.19) inset;
}
  
  
@-webkit-keyframes launch {
      0% {
          left: 1px;
      }
      25% {
          top: -50px;
          left: 1px;
      }
      50% {
          left: -100px;
      }
      75% {
          top: 100px;
          -webkit-transform: rotate(40deg);
          transform: rotate(40deg);
      }
      100% {
          left: 1px;
      }
  }
  
@keyframes launch {
      0% {
          left: 1px;
      }
      25% {
          top: -50px;
          left: 1px;
      }
      50% {
          left: -100px;
      }
      75% {
          top: 100px;
          -webkit-transform: rotate(40deg);
          transform: rotate(40deg);
      }
      100% {
          left: 1px;
      }
  }
  
@-webkit-keyframes fly {
      0% {
          left: 0px;
      }
      25% {
          top: -50px;
          left: 50px;
      }
      50% {
          left: -130px;
      }
      75% {
          top: 60px;
      }
      100% {
          left: 0px;
      }
  }
  
@keyframes fly {
      0% {
          left: 0px;
      }
      25% {
          top: -50px;
          left: 50px;
      }
      50% {
          left: -130px;
      }
      75% {
          top: 60px;
      }
      100% {
          left: 0px;
      }
  }
  
@-webkit-keyframes spin {
      0% {
          -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
      }
      100% {
          -webkit-transform: rotate(720deg);
          transform: rotate(720deg);
      }
  }
  
@keyframes spin {
      0% {
          -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
      }
      100% {
          -webkit-transform: rotate(720deg);
          transform: rotate(720deg);
      }
  }
  
@-webkit-keyframes intro {
      0% {
          -webkit-transform: scale(0);
          transform: scale(0);
      }
      25% {
          -webkit-transform: scale(1.06);
          transform: scale(1.06);
      }
      50% {
          -webkit-transform: scale(0.965);
          transform: scale(0.965);
      }
      75% {
          -webkit-transform: scale(1.02);
          transform: scale(1.02);
      }
      100% {
          -webkit-transform: scale(1);
          transform: scale(1);
      }
  }
  
@keyframes intro {
      0% {
          -webkit-transform: scale(0);
          transform: scale(0);
      }
      25% {
          -webkit-transform: scale(1.06);
          transform: scale(1.06);
      }
      50% {
          -webkit-transform: scale(0.965);
          transform: scale(0.965);
      }
      75% {
          -webkit-transform: scale(1.02);
          transform: scale(1.02);
      }
      100% {
          -webkit-transform: scale(1);
          transform: scale(1);
      }
  }



/* ------------------------------------------------------------- */
.fixed-slider-main-text{
   padding: 20px;
   color: white;
   left: 60% !important;
}

.fixed-slider-main-text h3{
   color: white;
}

.swiper-slide{
   height: 600px;
   max-height: 650px;
   background-position: center; 
   background-size: cover;
}

.covid-div{
   padding: 0px;
   border-radius: 0px;
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
   margin: 10px auto;
   max-width: 90%;
}


.covid-div-header{
   margin: 0px auto 15px auto;
   height: 60px;
   border: 0;
   padding: 15px;
   background: #d70560;
}

.covid-div-header h5{
   color: white;
}

.covid-div-img img{
   width:100%;
   max-height:330px;
   height:auto;
   object-fit:cover;
}

.covid-div-txt{
   padding: 5px 35px;
   margin: 0px auto;
   margin-bottom: 50px;
   height: 425px;
}

.covid-div-txt  ul li, ol li{
   line-height: 30px !important;
}

.covid-div-txt  ul li::before {
    color: black !important;
}


@media only screen and (max-width: 768px) {
   .covid-div{
      max-width: 100%;
      margin: 15px 0px;
   }
   
   .covid-div-header{
      height: 85px;
   }
   
   .covid-div-txt{
      height: auto;
      margin-bottom: 25px;
   }
   
   .swiper-slide{
      max-height: 160px;
   }
   
   .fixed-slider-main-text{
     display: none;
   }
   
   #gallery-top .swiper-slide{
      height: auto;
      max-height: 600px;
      text-align: left;
      overflow: auto;
   }
   
   .covid-div-txt{
      height: auto;
   }