.rz-1 {
  position: relative;
  z-index: 1;
}
.rz-2 {
  position: relative;
  z-index: 2;
}
.rz-3 {
  position: relative;
  z-index: 3;
}
.rz-4 {
  position: relative;
  z-index: 4;
}
.rz-5 {
  position: relative;
  z-index: 5;
}
.rz-6 {
  position: relative;
  z-index: 6;
}
.rz-7 {
  position: relative;
  z-index: 7;
}
.rz-8 {
  position: relative;
  z-index: 8;
}
.rz-9 {
  position: relative;
  z-index: 9;
}
.rz-10 {
  position: relative;
  z-index: 10;
}
.rz-11 {
  position: relative;
  z-index: 11;
}
.fs-10px {
  font-size: 10px;
}
.fs-11px {
  font-size: 11px;
}
.fs-12px {
  font-size: 12px;
}
.fs-13px {
  font-size: 13px;
}
.fs-14px {
  font-size: 14px;
}
.fs-15px {
  font-size: 15px;
}
.fs-16px {
  font-size: 16px;
}
.fs-17px {
  font-size: 17px;
}
.fs-18px {
  font-size: 18px;
}
.fs-19px {
  font-size: 19px;
}
.fs-20px {
  font-size: 20px;
}
.fs-21px {
  font-size: 21px;
}
.fs-22px {
  font-size: 22px;
}
.fs-23px {
  font-size: 23px;
}
.fs-24px {
  font-size: 24px;
}
.fs-25px {
  font-size: 25px;
}
.fs-26px {
  font-size: 26px;
}
.fs-27px {
  font-size: 27px;
}
.fs-28px {
  font-size: 28px;
}
.fs-29px {
  font-size: 29px;
}
.fs-30px {
  font-size: 30px;
}
body {
  padding-top: 53px;
  font-family: "Onest", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
}
.header {
  z-index: 200;
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  max-height: 100%;
  overflow-x: auto;
  padding: 7px 0;
  background-color: rgba(255,255,255,0.75);
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
  -webkit-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
}
.text-primary {
  color: #2b4df0 !important;
}
.divider {
  display: block;
  height: 1px;
  background-color: rgba(255,255,255,0.1);
}
.col-divider {
  -ms-flex-item-align: stretch;
      align-self: stretch;
  display: block;
  margin: 0;
  padding: 0;
  width: 1px;
  background-color: rgba(255,255,255,0.1);
}
.logo {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  text-decoration: none;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #131217;
  font-weight: 700;
  font-size: calc(0.0037036 * 100vw + 15px);
  -webkit-transition: 0.16s all ease-in-out;
  transition: 0.16s all ease-in-out;
}
.logo:hover {
  color: #2b4df0;
}
.logo-i {
  display: block;
  margin-right: 8px;
}
.logo-text {
  display: block;
}
.ibtn-lg,
.ibtn {
  text-decoration: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 36px;
  height: 36px;
  margin: 0 0 16px;
  border-radius: 10px;
  background-color: #2b4df0;
  color: #fff;
  -webkit-transition: 0.16s all ease-in-out;
  transition: 0.16s all ease-in-out;
}
.ibtn-lg:hover,
.ibtn:hover {
  background-color: #316ceb;
}
.ibtn-lg {
  width: 46px;
  height: 46px;
  border-radius: 12px;
  font-size: 20px;
}
.header-toggle {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 36px;
  height: 36px;
  padding: 12px 10px;
  border-radius: 10px;
  background-color: #edf0f3;
  -webkit-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
}
.header-toggle > span {
  display: block;
  height: 2px;
  border-radius: 1px;
  background-color: #2b4df0;
  -webkit-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
}
.header-toggle > span:nth-child(2) {
  margin: auto 0;
}
.header-toggle.active {
  background-color: #312f3b;
}
.header-toggle.active > span {
  background-color: #fff;
}
.header-toggle.active > span:nth-child(1) {
  -webkit-transform: rotate(45deg) translate(4px, 3px);
          transform: rotate(45deg) translate(4px, 3px);
}
.header-toggle.active > span:nth-child(2) {
  opacity: 0;
}
.header-toggle.active > span:nth-child(3) {
  -webkit-transform: rotate(-45deg) translate(4px, -3px);
          transform: rotate(-45deg) translate(4px, -3px);
}
.phone-white {
  outline: none;
  text-decoration: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  display: block;
  margin: 0 0 16px;
  color: #fff;
  font-weight: 600;
  text-align: center;
  font-size: 18px;
  -webkit-transition: 0.16s all ease-in-out;
  transition: 0.16s all ease-in-out;
}
.phone-white:hover {
  color: #2b4df0;
}
.phone-primary {
  outline: none;
  text-decoration: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  display: block;
  margin: 0 0 16px;
  color: #2b4df0;
  font-weight: 600;
  text-align: center;
  font-size: 18px;
  -webkit-transition: 0.16s all ease-in-out;
  transition: 0.16s all ease-in-out;
}
.phone-primary:hover {
  color: #316ceb;
}
.nav-mob {
  display: block;
  margin: 0 0 16px;
}
.nav-mob > a {
  outline: none;
  text-decoration: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  display: block;
  margin: 0;
  padding: 6px 0;
  text-align: center;
  color: #fff;
  -webkit-transition: 0.16s all ease-in-out;
  transition: 0.16s all ease-in-out;
}
.nav-mob > a:hover {
  color: #2b4df0;
}
.nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 7px;
  border-radius: 30px;
  background-color: #edf0f3;
}
.nav > a {
  outline: none;
  text-decoration: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  display: block;
  margin: 0;
  padding: 8px 18px;
  border-radius: 20px;
  text-align: center;
  color: #000;
  font-size: 15px;
  -webkit-transition: 0.16s all ease-in-out;
  transition: 0.16s all ease-in-out;
}
.nav > a:hover {
  background-color: #fff;
  color: #2b4df0;
}
.header.active {
  background-color: #1b1826;
  color: #fff;
}
.header.active .logo {
  color: #fff;
}
.promo-bg-a,
.promo-bg-b,
.promo-bg-c,
.promo-bg-d {
  display: block;
  position: absolute;
  border-radius: 50%;
}
.promo-bg-a {
  top: 100%;
  left: 0%;
  width: 100px;
  height: 100px;
  background-color: #22e7e5;
  -webkit-filter: blur(30px);
          filter: blur(30px);
  margin: -100px 0 0 -70px;
  z-index: 2;
}
.promo-bg-b {
  top: 100%;
  left: 0%;
  width: 100px;
  height: 100px;
  background-color: #2940f5;
  -webkit-filter: blur(30px);
          filter: blur(30px);
  margin: -50px 0 0 -50px;
  z-index: 3;
}
.promo-bg-c {
  top: 0%;
  left: 100%;
  width: 150px;
  height: 150px;
  background-color: #22e7e5;
  -webkit-filter: blur(30px);
          filter: blur(30px);
  margin: -70px 0 0 -70px;
  z-index: 2;
}
.promo-bg-d {
  top: 0%;
  left: 100%;
  width: 150px;
  height: 150px;
  background-color: #2940f5;
  -webkit-filter: blur(30px);
          filter: blur(30px);
  margin: 0 0 0 -50px;
  z-index: 3;
}
.promo {
  position: relative;
  overflow: hidden;
  margin: 0 0.75rem 20px;
  padding: 30px 25px 1px;
  max-width: 1600px;
  border-radius: 20px;
  background-color: #0b0a10;
  color: #fff;
}
.contact {
  display: block;
  padding: 20px 0 1px;
  max-width: 1600px;
}
.contact-body {
  position: relative;
  overflow: hidden;
  padding: 25px 25px 10px;
  margin: 0 0 16px;
  border-radius: 20px;
  background-color: #131217;
  color: #fff;
}
.contact-map {
  position: relative;
  overflow: hidden;
  min-height: 400px;
  height: 100%;
  border-radius: 20px;
}
.contact-map > iframe {
  display: block;
  position: absolute;
}
.contact-bg-a,
.contact-bg-b,
.contact-bg-c {
  display: block;
  position: absolute;
  border-radius: 50%;
}
.contact-bg-a {
  top: 0%;
  left: 0%;
  width: 230px;
  height: 230px;
  background-color: #2940f5;
  -webkit-filter: blur(50px);
          filter: blur(50px);
  margin: -130px 0 0 -130px;
  z-index: 2;
}
.contact-bg-b {
  top: 100%;
  left: 100%;
  width: 230px;
  height: 230px;
  background-color: #22e7e5;
  -webkit-filter: blur(50px);
          filter: blur(50px);
  margin: -200px 0 0 -50px;
  z-index: 2;
}
.contact-bg-c {
  top: 100%;
  left: 100%;
  width: 230px;
  height: 230px;
  background-color: #2940f5;
  -webkit-filter: blur(50px);
          filter: blur(50px);
  margin: -80px 0 0 -130px;
  z-index: 2;
}
.iicon-dark {
  text-decoration: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 36px;
  height: 36px;
  margin: 0 0 16px;
  border-radius: 10px;
  background-color: #2a292e;
  color: #fff;
}
.footer {
  display: block;
  padding: 5px 0 1px;
}
.promo-divider {
  margin-left: -25px;
  margin-right: -25px;
}
.promo-title {
  display: block;
  margin: 0;
  font-size: calc(0.0240734 * 100vw + 14px);
  font-weight: 500;
}
.promo-title-price {
  display: block;
  font-size: 0.6em;
  color: #2b4df0;
}
.promo-title-sum {
  font-size: 1.7em;
}
.promo-img {
  position: relative;
  z-index: 1;
  margin: -80px 0 -65px -70px;
}
.promo-item {
  display: block;
  margin: 0 0 16px;
  padding: 0;
  text-align: center;
  font-weight: 300;
  font-size: calc(0.0064813 * 100vw + 9px);
}
.poster {
  position: relative;
  margin: 0 0 15px;
}
.poster-img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}
.poster-desc {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 15px 15px 1px;
  border-radius: 20px;
  border: 1px solid rgba(255,255,255,0.1);
  background-color: rgba(255,255,255,0.01);
  -webkit-backdrop-filter: blur(18px);
          backdrop-filter: blur(18px);
}
.poster-text {
  font-size: calc(0.0055554 * 100vw + 10px);
}
.poster-price {
  display: block;
  color: #2b4df0;
}
.poster-sum {
  font-size: 1.5em;
  font-weight: 600;
}
.btn-white,
.btn {
  outline: none;
  text-decoration: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  padding: 15px 20px;
  margin: 0 0 16px;
  border-radius: 36px;
  text-align: center;
  background: -webkit-gradient(linear, left top, right top, from(#2b4df0), to(#3eb1de));
  background: linear-gradient(90deg, #2b4df0 0%, #3eb1de 100%);
  color: #fff;
  font-size: 14px;
  -webkit-transition: 0.16s all ease-in-out;
  transition: 0.16s all ease-in-out;
}
.btn-white:before,
.btn:before {
  z-index: 1;
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #2b4df0;
  opacity: 0;
  -webkit-transition: 0.16s all ease-in-out;
  transition: 0.16s all ease-in-out;
}
.btn-white > span,
.btn > span {
  z-index: 2;
  display: block;
  margin: auto;
}
.btn-white > i,
.btn > i {
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: -15px -16px -15px 10px;
  width: 43px;
  height: 43px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  background-color: rgba(255,255,255,0.25);
  font-size: 10px;
  -webkit-transition: 0.16s all ease-in-out;
  transition: 0.16s all ease-in-out;
}
.btn-white:hover > i,
.btn:hover > i {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.btn-white:hover:before,
.btn:hover:before {
  opacity: 1;
}
.btn-white {
  background: #fff;
  color: #2b4df0;
}
.btn-white:before {
  background: #fff;
  background: #6eefff;
}
.btn-white > i {
  background-color: rgba(43,77,240,0.12);
}
.btn-primary {
  outline: none;
  text-decoration: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  padding: 15px 20px;
  margin: 0 0 16px;
  border-radius: 36px;
  text-align: center;
  background-color: #2b4df0;
  color: #fff;
  font-size: 14px;
  -webkit-transition: 0.16s all ease-in-out;
  transition: 0.16s all ease-in-out;
}
.btn-primary:hover {
  background-color: #316ceb;
}
.btn-dark {
  outline: none;
  text-decoration: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  padding: 15px 20px;
  margin: 0 0 16px;
  border-radius: 36px;
  text-align: center;
  background-color: #131217;
  color: #fff;
  font-size: 14px;
  -webkit-transition: 0.16s all ease-in-out;
  transition: 0.16s all ease-in-out;
}
.btn-dark:hover {
  background-color: #2b4df0;
}
.block {
  display: block;
  padding: 20px 0 5px;
}
.block-swipe {
  margin: 0 0 20px;
  color: #d0d5da;
  font-size: 25px;
}
.block-swipe > i {
  display: block;
}
.title {
  display: block;
  margin: 0 0 20px;
  font-size: calc(0.0166662 * 100vw + 15px);
  font-weight: 600;
  line-height: 1.1;
}
.title-3 {
  display: block;
  padding: 0;
  margin: 0 0 16px;
  font-size: calc(0.009259 * 100vw + 15px);
  font-weight: 600;
}
.title-4 {
  display: block;
  padding: 0;
  margin: 0 0 16px;
  font-size: calc(0.0064813 * 100vw + 14px);
  font-weight: 600;
}
.text {
  display: block;
  padding: 0;
  margin: 0 0 16px;
  font-size: calc(0.0055554 * 100vw + 10px);
  font-weight: 400;
}
.text-sm {
  display: block;
  padding: 0;
  margin: 0 0 16px;
  font-size: calc(0.0018518 * 100vw + 10px);
  font-weight: 400;
}
.card,
.card-dark,
.card-primary {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  padding: 0 0 16px;
}
.card-body {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 20px 20px 4px;
  border-radius: 20px;
  background-color: #edf0f3;
}
.card-tag {
  position: absolute;
  top: -10px;
  right: 5px;
  padding: 5px 10px;
  border-radius: 8px;
  background-color: #3eb1de;
  color: #fff;
  font-size: 14px;
  -webkit-transform: rotate(3deg);
          transform: rotate(3deg);
}
.card-dark .card-body {
  background-color: #131217;
  color: #fff;
}
.card-dark .tarif-price {
  border-bottom: 1px solid #2a292e;
}
.card-dark .tarif-tag {
  background-color: #2a292e;
}
.card-primary .card-body {
  background-color: #2b4df0;
  color: #fff;
}
.card-primary .tarif-rang-1 > span:nth-child(1) {
  background-color: #6eefff;
}
.card-primary .tarif-rang-2 > span:nth-child(1),
.card-primary .tarif-rang-2 > span:nth-child(2) {
  background-color: #6eefff;
}
.card-primary .tarif-rang-3 > span:nth-child(1),
.card-primary .tarif-rang-3 > span:nth-child(2),
.card-primary .tarif-rang-3 > span:nth-child(3) {
  background-color: #6eefff;
}
.card-primary .text-primary {
  color: #6eefff !important;
}
.img {
  display: block;
  margin: 0 auto 16px;
  max-width: 100%;
}
.tarif-price {
  padding: 8px 0;
  border-bottom: 1px solid #d4d7d9;
  font-size: 12px;
}
.tarif-price .icon-rub {
  font-size: 0.8em;
}
.tarif-price-marker {
  display: block;
  margin-right: 10px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #2b4df0;
}
.tarif-text {
  display: block;
  margin: 0 0 16px;
  padding: 0;
  font-size: 12px;
}
.tarif-tag {
  display: block;
  margin: 0;
  padding: 5px 10px;
  border-radius: 8px;
  background-color: #fff;
  font-size: 11px;
}
.tarif-rang-1,
.tarif-rang-2,
.tarif-rang-3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -3px 16px;
}
.tarif-rang-1 > span,
.tarif-rang-2 > span,
.tarif-rang-3 > span {
  display: block;
  margin: 0 3px;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background-color: #cfd5da;
}
.tarif-rang-1 > span:nth-child(1) {
  background-color: #2b4df0;
}
.tarif-rang-2 > span:nth-child(1),
.tarif-rang-2 > span:nth-child(2) {
  background-color: #2b4df0;
}
.tarif-rang-3 > span:nth-child(1),
.tarif-rang-3 > span:nth-child(2),
.tarif-rang-3 > span:nth-child(3) {
  background-color: #2b4df0;
}
.footer-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -20px 16px;
}
.footer-nav > a {
  outline: none;
  text-decoration: none;
  display: block;
  padding: 0 20px;
  color: #000;
  -webkit-transition: 0.16s all ease-in-out;
  transition: 0.16s all ease-in-out;
}
.footer-nav > a:hover {
  color: #2b4df0;
}
.tarif-carousel-100,
.tarif-carousel {
  --f-carousel-spacing: 16px;
  margin-top: -16px;
}
.tarif-slide {
  padding-top: 16px;
}
.tarif-carousel-dots {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 5px 0 16px;
  padding: 0 20px;
}
.tarif-carousel-dots > li {
  display: block;
  margin: 0;
  padding: 0 8px;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0%;
          flex: 1 0 0%;
}
.tarif-carousel-dots > li.is-current .tarif-carousel-dot {
  background-color: #2b4df0;
}
.tarif-carousel-dot {
  display: block;
  height: 5px;
  border-radius: 3px;
  background-color: #edf0f3;
  -webkit-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
}
.input {
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  margin: 0 0 16px;
  padding: 15px 23px;
  border-radius: 10px;
  background-color: #2a292e;
  color: #fff;
}
.fancybox__container {
  --fancybox-bg: rgba(19,18,23,0.8);
}
.modal {
  position: relative;
  overflow: hidden;
  padding: 50px 20px 5px;
  width: 100%;
  max-width: 530px;
  border-radius: 20px;
  background-color: #131217;
  color: #fff;
}
.modal-bg-a,
.modal-bg-b,
.modal-bg-c {
  display: block;
  position: absolute;
  border-radius: 50%;
}
.modal-bg-a {
  top: 0%;
  left: 0%;
  width: 200px;
  height: 200px;
  background-color: #2940f5;
  -webkit-filter: blur(50px);
          filter: blur(50px);
  margin: -50px 0 0 -150px;
  z-index: 2;
}
.modal-bg-b {
  top: 0%;
  left: 0%;
  width: 200px;
  height: 200px;
  background-color: #22e7e5;
  -webkit-filter: blur(50px);
          filter: blur(50px);
  margin: -120px 0 0 -80px;
  z-index: 2;
}
.modal-bg-c {
  top: 100%;
  left: 100%;
  width: 200px;
  height: 200px;
  background-color: #2940f5;
  -webkit-filter: blur(50px);
          filter: blur(50px);
  margin: -80px 0 0 -80px;
  z-index: 2;
}
.modal-close {
  z-index: 3;
  position: absolute;
  top: 20px;
  right: 20px;
  cursor: pointer;
  color: #fff;
  font-size: 20px;
  opacity: 0.3;
  -webkit-transition: 0.16s all ease-in-out;
  transition: 0.16s all ease-in-out;
}
.modal-close > i {
  display: block;
}
.modal-close:hover {
  opacity: 1;
}
@media (min-width: 576px) {
  .promo {
    border-radius: 40px;
  }
  .card-body {
    border-radius: 40px;
    padding: 30px 30px 15px;
  }
  .contact-body {
    border-radius: 40px;
    padding: 80px 80px 65px;
  }
  .contact-map {
    border-radius: 40px;
  }
  .contact-bg-b {
    margin: -230px 0 0 -100px;
  }
  .contact-bg-c {
    margin: -100px 0 0 -200px;
  }
  .modal {
    padding: 50px 50px 35px;
  }
}
@media (min-width: 768px) {
  .promo-bg-a {
    top: 100%;
    left: 0%;
    width: 230px;
    height: 230px;
    background-color: #22e7e5;
    -webkit-filter: blur(50px);
            filter: blur(50px);
    margin: -250px 0 0 -100px;
  }
  .promo-bg-b {
    top: 100%;
    left: 0%;
    width: 300px;
    height: 300px;
    background-color: #2940f5;
    -webkit-filter: blur(50px);
            filter: blur(50px);
    margin: -150px 0 0 -100px;
  }
  .promo-bg-c {
    top: 0%;
    left: 100%;
    width: 500px;
    height: 500px;
    background-color: #22e7e5;
    -webkit-filter: blur(70px);
            filter: blur(70px);
    margin: -200px 0 0 -250px;
  }
  .promo-bg-d {
    top: 50%;
    left: 100%;
    width: 400px;
    height: 400px;
    background-color: #2940f5;
    -webkit-filter: blur(70px);
            filter: blur(70px);
    margin: -200px 0 0 -230px;
  }
}
@media (min-width: 992px) {
  body {
    padding-top: 75px;
  }
  .header {
    padding: 10px 0;
  }
  .block {
    padding: 40px 0 25px;
  }
  .promo {
    padding-top: 80px;
    margin-bottom: 40px;
  }
  .contact {
    padding-top: 40px;
  }
  .footer {
    padding: 5px 0 10px;
  }
  .promo-img {
    max-width: 100%;
  }
  .promo-item {
    padding: 20px 0;
  }
  .promo-title {
    margin-bottom: -40px;
  }
  .tarif-carousel {
    --f-carousel-slide-width: 33.333333333333336%;
    --f-carousel-spacing: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -8px;
  }
  .tarif-carousel-100 {
    --f-carousel-slide-width: 100%;
    --f-carousel-spacing: 0;
    margin: 0;
  }
  .tarif-carousel-100 > .tarif-slide {
    padding: 0;
  }
  .tarif-slide {
    padding: 0 8px;
  }
}
@media (min-width: 1200px) {
  .promo-img {
    margin: 0 0 -65px -20px;
  }
  .promo-title {
    margin-bottom: -100px;
  }
  .poster-text {
    font-size: 18px;
  }
  .tarif-text {
    font-size: 16px;
  }
  .tarif-price {
    font-size: 16px;
  }
  .tarif-tag {
    padding: 8px 13px;
    font-size: 16px;
  }
  .tarif-price {
    padding: 13px 0;
  }
}
@media (min-width: 1400px) {
  .logo {
    font-size: 20px;
  }
  .promo-title {
    font-size: 48px;
  }
  .poster-desc-price {
    font-size: 18px;
  }
  .promo-item {
    font-size: 18px;
  }
  .title {
    font-size: 38px;
  }
  .title-3 {
    font-size: 28px;
  }
  .title-4 {
    font-size: 23px;
  }
  .text {
    font-size: 18px;
  }
  .text-sm {
    font-size: 13px;
  }
  .tarif-text {
    font-size: 18px;
  }
  .tarif-price {
    font-size: 18px;
  }
}
@media (min-width: 1600px) {
  .promo {
    margin: 0 auto;
  }
  .contact {
    margin: 0 auto;
  }
}