@font-face {
  font-family: Cormorant Upright;
  src: url('../fonts/CormorantUpright-Bold.woff2') format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Firasans;
  src: url('../fonts/FiraSans-Medium.woff2') format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Firasans;
  src: url('../fonts/FiraSans-Bold.woff2') format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Firasans;
  src: url('../fonts/FiraSans-Regular.woff2') format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Firasans;
  src: url('../fonts/FiraSans-Light.woff2') format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Firasans;
  src: url('../fonts/FiraSans-SemiBold.woff2') format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Cormorant Upright;
  src: url('../fonts/CormorantUpright-Light.woff2') format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

:root {
  --white: white;
  --baby-blue: #658bff;
  --midnight: #080c18;
  --black: black;
}

.w-layout-vflex {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

._1-header {
  background-image: url('../images/heade_image.webp');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 3rem;
  font-family: Firasans, Trebuchet MS, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.4;
}

._1-header.traineri {
  margin-top: 550px;
}

.container.traineri {
  z-index: 2;
  margin-top: 3rem;
  position: relative;
}

.container.last-offer {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  display: flex;
}

.prezentatori {
  color: var(--white);
  text-align: center;
  margin-bottom: 3rem;
  font-size: 1.5rem;
}

.horia-mihaela-flex {
  justify-content: flex-start;
  align-items: center;
}

.gradient-overlay {
  background-image: linear-gradient(#080c1800, #080c18 57%);
  min-height: 400px;
  margin-top: -379px;
  position: relative;
}

.gradient-overlay.traineri {
  margin-top: -452px;
}

.hero_title_block {
  z-index: 2;
  flex-flow: column;
  margin-top: -113px;
  display: flex;
  position: relative;
}

.heading {
  color: var(--white);
  text-align: center;
  letter-spacing: -1px;
  margin-bottom: 1rem;
  font-family: Cormorant Upright, Georgia, sans-serif;
  font-size: 5.3rem;
  font-weight: 700;
  line-height: 1.1;
}

.light {
  font-weight: 300;
}

.separator-white {
  opacity: .5;
  mix-blend-mode: overlay;
  height: 3px;
}

.hero_subtitle {
  color: var(--white);
  text-align: center;
  margin-top: 1.5rem;
  font-size: 1.75rem;
  font-weight: 300;
}

.hero_subtitle.second {
  margin-top: .5rem;
}

.blue_cormorant {
  color: var(--baby-blue);
  letter-spacing: -1px;
  font-family: Cormorant Upright, Georgia, sans-serif;
  font-size: 2.25rem;
}

._2-offer {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.body {
  background-color: var(--midnight);
  color: var(--white);
  font-family: Firasans, Trebuchet MS, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
}

.color_wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  background-image: linear-gradient(#11022d, #000e33);
  border-radius: 2rem;
  flex-flow: column;
  padding: 3rem;
  display: flex;
}

.subtitle {
  text-align: center;
  font-size: 1.5rem;
  font-weight: 500;
}

.webinar-grid {
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr;
  align-self: flex-start;
}

.webinar_wrapper {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.workshop_box {
  background-color: #3d348b;
  border-radius: .75rem .75rem 0 0;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: -1.25rem;
  padding: .75rem 1.5rem 2rem;
  display: flex;
}

.workshop_box._2 {
  background-color: #f7b801;
}

.workshop_box._3 {
  background-color: #f35b04;
}

.workshop_box._4 {
  background-color: #0b6e4f;
}

.webinar_header {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: var(--black);
  background-color: #cdc9f3;
  border-top-left-radius: .75rem;
  border-top-right-radius: .75rem;
  flex-flow: column;
  padding: 1rem 1.5rem;
  display: flex;
}

.webinar_header._2 {
  background-color: #f5e5b6;
}

.webinar_header._3 {
  background-color: #ffe4d4;
}

.webinar_header._4 {
  background-color: #c3e6db;
}

.webinar_footer {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  background-color: var(--white);
  color: var(--black);
  border-bottom-right-radius: .75rem;
  border-bottom-left-radius: .75rem;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  padding: 1.25rem 1.5rem;
  display: flex;
}

.workshop-nr {
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 500;
  transform: rotate(0);
}

.workshop-nr.black {
  color: var(--black);
}

.webinar_title {
  font-size: 1.25rem;
  font-weight: 500;
}

.ws-info-box {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: #11022d;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.ws-info-icon {
  width: 16px;
  height: 16px;
}

.date-time {
  font-weight: 500;
  line-height: 1.2;
}

.pumpkin {
  color: #3d358b;
}

.pumpkin._2 {
  color: #d8a714;
}

.pumpkin._3 {
  color: #f35b04;
}

.pumpkin._4 {
  color: #0b6e4f;
}

.locuri-limitate {
  color: var(--black);
  letter-spacing: 1px;
  background-color: #cbbfea;
  border-radius: .25rem;
  padding: .35rem .5rem;
  font-size: .65rem;
  font-weight: 600;
  line-height: 1;
}

.locuri-limitate._2 {
  color: var(--black);
  background-color: #f5e4b6;
  padding-top: .35rem;
  padding-bottom: .35rem;
}

.locuri-limitate._3 {
  background-color: #ffe4d4;
}

.locuri-limitate._4 {
  background-color: #c3e6da;
}

.testimoniale-grid {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.testimoniale-grid.break {
  margin-bottom: -600px;
}

.testimonial {
  border-radius: .5rem;
}

.packages-grid {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  margin-top: 2rem;
}

.package {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  border-radius: 1rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding: 2rem;
  display: flex;
}

.package.free {
  background-color: var(--white);
  color: var(--black);
}

.package.paid {
  background-image: linear-gradient(#3c0d01, #bf2900 18%, #3c0d01);
  border: 3px dashed #ffc800;
}

.label {
  background-color: var(--white);
  color: var(--black);
  border-radius: 5rem;
  justify-content: center;
  align-items: flex-start;
  margin-top: -3.25rem;
  margin-bottom: -.75rem;
  padding: .5rem 1.5rem;
  display: flex;
}

.label.hide {
  display: none;
}

.package-title {
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 1.25rem;
  font-weight: 500;
}

.price {
  color: #2262eb;
  align-self: center;
  font-size: 4rem;
  font-weight: 500;
  line-height: 1;
}

.price.paid {
  color: var(--white);
}

.package-header {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
}

.package-list {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-flow: column;
  display: flex;
}

.package-footer {
  align-self: stretch;
}

.label-text {
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 500;
}

.package-list-item {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.package-list-item.x {
  opacity: .5;
  text-decoration: line-through;
}

.packate-list-text {
  font-weight: 400;
}

.check {
  margin-top: 6px;
}

.timer-container {
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.text_m {
  font-size: 1rem;
  font-weight: 500;
}

.timer {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: row;
  margin-top: 1rem;
  margin-bottom: 1rem;
  display: flex;
}

.day-container {
  background-color: #6598ff4d;
  border-radius: .25rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding: .5rem;
  display: flex;
}

.day-container.vip {
  background-color: #ffffff1a;
}

.day {
  font-size: 3rem;
  font-weight: 700;
  line-height: 1;
}

.time-description {
  font-size: .75rem;
  line-height: 1;
}

.button {
  background-color: var(--black);
  color: var(--white);
  letter-spacing: 1px;
  text-transform: uppercase;
  border-radius: .5rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 1rem;
  text-decoration: none;
  display: flex;
}

.button.free {
  background-color: #2654c0;
  font-weight: 500;
}

.button.vip {
  background-color: var(--white);
  color: var(--black);
  font-weight: 600;
}

.trainer-grid {
  grid-column-gap: 6rem;
  grid-row-gap: 6rem;
  grid-template-rows: auto;
}

.trainer-box {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
}

.trainer-name {
  text-align: center;
  font-size: 2rem;
}

.trainer-description {
  text-align: center;
}

._3-offer-2 {
  margin-top: 7rem;
}

.footer {
  background-color: #00000080;
  border-top: 1px solid #fff;
  flex-flow: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: center;
  margin-top: 37.5rem;
  padding: 3rem 10%;
  display: flex;
}

.footer-links {
  flex-flow: column;
  display: flex;
}

.gold-2 {
  color: var(--baby-blue);
}

.copyright {
  color: #fff;
  margin-top: 2rem;
}

.h1 {
  font-size: 2.5rem;
  line-height: 1.2;
}

.h1.no-margin {
  color: #000;
  margin-top: 0;
}

.close {
  opacity: .5;
  align-self: flex-end;
  width: 128px;
  margin-top: -100px;
  margin-bottom: 3rem;
  transition: all .2s;
}

.close:hover {
  opacity: 1;
  transform: scale(1.1);
}

.form_container {
  z-index: 3;
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
  background-color: #000000bf;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.rezerva_button {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  color: #000;
  text-align: center;
  background-image: linear-gradient(90deg, #9cffac, #00b59c);
  border-radius: .25rem;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  padding: 1.25rem 3rem;
  font-size: 1.25rem;
  font-weight: 700;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.rezerva_button:hover {
  background-image: linear-gradient(#9cffac80, #9cffac80), linear-gradient(90deg, #9cffac, #00b59c);
  transform: scale(1.05);
}

.form_block {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: #fff;
  border-radius: .75rem;
  flex-flow: column;
  padding: 3rem 2rem;
  display: flex;
}

.text_small._550 {
  max-width: 550px;
}

.form-2 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
}

.button-price {
  background-color: #00a267;
  justify-content: center;
  align-items: center;
  width: 129px;
  padding: 1rem;
}

.form-text {
  color: #11022d;
}

.form-icon {
  width: 20px;
  height: 20px;
}

.button-main {
  background-image: radial-gradient(circle farthest-side at 100%, #00945e, #00734a);
  border-top-left-radius: .25rem;
  border-bottom-left-radius: .25rem;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 1rem;
}

.form-field {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: #f0eeee;
  border-radius: .25rem;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  padding: 1rem;
  display: flex;
}

.form-field.prefix {
  flex: 0 auto;
}

.gdpr-text {
  font-weight: 400;
  line-height: 1.6;
}

.button-text {
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 1.25rem;
  font-weight: 500;
}

.prefix-phone {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: row;
  align-self: stretch;
  width: auto;
}

.link-2 {
  color: #5d1fff;
}

.checkbox {
  background-color: #e0e0e0;
  border-radius: .25rem;
  flex: none;
  width: 24px;
  height: 24px;
}

.gdpr {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.gdpr_group {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: var(--black);
  margin-top: 1.5rem;
}

.button-2 {
  color: #fff;
  border-radius: .25rem;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

@media screen and (min-width: 1440px) {
  .locuri-limitate {
    text-align: center;
    font-size: .65rem;
  }
}

@media screen and (min-width: 1920px) {
  .footer {
    padding-left: 17%;
    padding-right: 17%;
  }
}

@media screen and (max-width: 991px) {
  .container {
    max-width: none;
    margin-left: 10%;
    margin-right: 10%;
  }

  .gradient-overlay {
    margin-top: -519px;
    margin-bottom: 135px;
  }

  .gradient-overlay.traineri {
    margin-top: -536px;
    margin-bottom: 191px;
  }

  .heading {
    line-height: .9;
  }

  .blue_cormorant {
    white-space: nowrap;
    line-height: 1;
  }

  .testimoniale-grid {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .packages-grid {
    grid-template-columns: 1fr;
  }

  .day {
    font-size: 3rem;
  }

  .time-description {
    font-size: .85rem;
  }

  .trainer-name {
    line-height: 1.2;
  }

  .h1 {
    font-size: 2.25rem;
  }

  .form-2 {
    flex-flow: column;
  }

  .button-price {
    width: 100px;
  }

  .button-main {
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
  }

  .button-text {
    font-size: 1rem;
  }

  .prefix-phone {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .button-2 {
    justify-content: flex-end;
    align-items: center;
  }
}

@media screen and (max-width: 767px) {
  .container {
    margin-left: 7%;
    margin-right: 7%;
  }

  .prezentatori {
    font-size: 1.25rem;
  }

  .gradient-overlay {
    min-height: 300px;
    margin-top: -473px;
  }

  .gradient-overlay.traineri {
    margin-bottom: 323px;
  }

  .heading {
    font-size: 4rem;
  }

  .hero_subtitle {
    font-size: 1.5rem;
  }

  .blue_cormorant {
    font-size: 2rem;
  }

  .color_wrapper {
    padding: 1.5rem;
  }

  .testimoniale-grid {
    grid-template-columns: 1fr;
  }

  .text_m {
    font-size: 1.25rem;
  }

  .timer {
    margin-top: .75rem;
    margin-bottom: .75rem;
  }

  .day-container {
    padding: .75rem .5rem;
  }

  .day {
    font-size: 2.5rem;
  }

  .time-description {
    font-size: .75rem;
  }

  .trainer-grid {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .footer {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    padding-left: 10%;
  }

  .footer-links {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .boostetic-logo {
    align-self: flex-end;
    margin-top: 50px;
  }

  .button-2 {
    justify-content: center;
    align-items: center;
  }
}

@media screen and (max-width: 479px) {
  .prezentatori {
    margin-bottom: 0;
    font-size: 1rem;
  }

  .gradient-overlay {
    min-height: 200px;
    margin-top: -315px;
    margin-bottom: 129px;
  }

  .gradient-overlay.traineri {
    margin-top: -505px;
  }

  .heading {
    margin-top: 28px;
    font-size: 2.5rem;
  }

  .hero_subtitle {
    font-size: 1.25rem;
  }

  .blue_cormorant {
    font-size: 1.75rem;
  }

  .color_wrapper {
    padding: 1rem;
  }

  .subtitle {
    font-size: 1.25rem;
  }

  .webinar_footer {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .webinar_title {
    line-height: 1.3;
  }

  .testimoniale-grid {
    grid-template-columns: 1fr;
    margin-bottom: 3rem;
  }

  .package.free {
    padding: 1.25rem;
  }

  .package.paid {
    padding: 2.25rem 1.25rem 1.25rem;
  }

  .label-text {
    font-size: .85rem;
  }

  .day-container {
    padding-left: .5rem;
    padding-right: .5rem;
  }

  .day {
    font-size: 1.5rem;
  }

  .h1 {
    font-size: 1.75rem;
  }

  .rezerva_button {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .button-main {
    flex: 1;
    justify-content: center;
    align-items: center;
  }

  .button-2 {
    align-items: stretch;
  }
}

#w-node-a7f2bef7-671e-d9f3-4b58-a62403142398-86dba70e, #w-node-_848f9508-2be4-848c-833f-05b2ab8ced10-86dba70e, #w-node-_628ab99e-0606-31d9-d326-74913e8f94e9-86dba70e, #w-node-_7356f57f-cc23-26ff-b9bd-3c8930735a94-86dba70e {
  justify-self: start;
}

#w-node-_169f9cd9-7b37-173b-9d2a-2f71b6765d33-86dba70e, #w-node-_68f236d5-93e7-de26-f7d6-88d2654015e7-86dba70e {
  justify-self: center;
}

@media screen and (max-width: 479px) {
  #w-node-_2b38418a-7833-8f85-0ae4-41b19818739f-86dba70e, #w-node-_2b38418a-7833-8f85-0ae4-41b1981873a1-86dba70e, #w-node-_2b38418a-7833-8f85-0ae4-41b1981873a3-86dba70e, #w-node-eb843a2e-504f-0042-3790-1ad13d973328-86dba70e, #w-node-eb843a2e-504f-0042-3790-1ad13d97332a-86dba70e, #w-node-eb843a2e-504f-0042-3790-1ad13d97332c-86dba70e, #w-node-_4981deff-f017-1417-1f07-dd21edc4d060-86dba70e, #w-node-_4981deff-f017-1417-1f07-dd21edc4d062-86dba70e, #w-node-_4981deff-f017-1417-1f07-dd21edc4d064-86dba70e {
    place-self: center;
  }
}


@font-face {
  font-family: 'Cormorant Upright';
  src: url('../fonts/CormorantUpright-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Firasans';
  src: url('../fonts/FiraSans-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Firasans';
  src: url('../fonts/FiraSans-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Firasans';
  src: url('../fonts/FiraSans-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Firasans';
  src: url('../fonts/FiraSans-Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Firasans';
  src: url('../fonts/FiraSans-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Cormorant Upright';
  src: url('../fonts/CormorantUpright-Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}