:root {
  --phone: 480px;
  --tablet: 768px;
  --desktop: 980px;
  --widescreen: 1200px;
  --color-white: #fff;
  --color-black: #000;
  --color-grey: #999;
  --color-blue: #f2739b;
  --color-blue-alternate: #688bff;
  --color-blue-dark: #40474e;
  --font-sans-serif: "Poppins", sans-serif;
  --font-serif: "Times New Roman", Times, Baskerville, Georgia, serif;
  --base-background-color: var(--color-white);
  --base-font-family: var(--font-sans-serif);
  --base-font-size: 1.6rem;
  --base-line-height: 1.5;
  --base-text-color: var(--color-black);
  --base-min-width: 320px;
  --btn-color: var(--color-white);
  --btn-background: var(--color-blue);
  --btn-padding: 0.9em 1.5em;
  --btn-font-size: 2.7rem;
  --btn-font-family: var(--font-sans-serif);
  --form-font-family: var(--font-sans-serif);
  --form-element-padding: 1.5em 1.5em;
  --form-element-border-color: #e4e4e4;
  --form-element-focus-border-color: var(--color-black);
  --placeholder-color: var(--color-black);
  --headings-font-family: var(--font-sans-serif);
  --headings-sizes-h1: 7.4rem;
  --headings-sizes-h2: 4.6rem;
  --headings-sizes-h3: 3.2rem;
  --headings-sizes-h4: 2.4rem;
  --headings-sizes-h5: 1.7rem;
  --headings-sizes-h6: 1.5rem;
}

.clearfix:after {
  content: "";
  display: block;
  clear: both;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

.ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

*,
*:before,
*:after {
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: var(--base-text-color);
  background: var(--base-background-color);
  font: var(--base-font-size)/var(--base-line-height) var(--base-font-family);
  min-width: var(--base-min-width);
}

img {
  max-width: 100%;
  height: auto;
}

.gm-style img {
  max-width: none;
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6,
.h {
  font-family: var(--headings-font-family);
  margin: 0;
}

h1, .h1 {
  font-size: var(--headings-sizes-h1);
  font-weight: 700;
  line-height: 1;
}

h2, .h2 {
  font-size: var(--headings-sizes-h2);
  font-weight: 400;
}

h3, .h3 {
  font-size: var(--headings-sizes-h3);
}

h4, .h4 {
  font-size: var(--headings-sizes-h4);
  font-weight: 400;
}

h5, .h5 {
  font-size: var(--headings-sizes-h5);
}

h6, .h6 {
  font-size: var(--headings-sizes-h6);
}

p {
  margin: 0;
}
p:not(:last-child) {
  margin-bottom: 1.5em;
}

a {
  color: inherit;
}
a:focus {
  text-decoration: none;
}

ul, ol {
  padding-left: 2rem;
}

strong {
  font-weight: 900;
}

.blue {
  color: var(--color-blue) !important;
}

.bl {
  color: var(--color-blue-alternate) !important;
}

.white {
  color: var(--color-white) !important;
}

.form {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 -0.5rem;
  row-gap: 1rem;
}
.form__field {
  position: relative;
  width: 100%;
  padding: 0 0.5rem;
}
.form__field--half {
  width: 50%;
}
.form .button {
  height: 7rem;
  width: 100%;
  text-transform: uppercase;
  font-size: 1.6rem;
  font-weight: 600;
}
.form__button, .form__captcha {
  padding-top: 2rem;
}

form,
fieldset {
  margin: 0;
  padding: 0;
  border-style: none;
}

input[type=text],
input[type=tel],
input[type=email],
input[type=search],
input[type=password],
textarea {
  width: 100%;
  border-radius: 4rem;
  outline: none;
  -webkit-appearance: none;
          appearance: none;
  box-sizing: border-box;
  font-family: var(--form-font-family);
  border: 0.1rem solid var(--form-element-border-color);
  padding: var(--form-element-padding);
}
input[type=text]:focus,
input[type=tel]:focus,
input[type=email]:focus,
input[type=search]:focus,
input[type=password]:focus,
textarea:focus {
  border-color: var(--form-element-focus-border-color);
}
input[type=text]::-webkit-input-placeholder,
input[type=tel]::-webkit-input-placeholder,
input[type=email]::-webkit-input-placeholder,
input[type=search]::-webkit-input-placeholder,
input[type=password]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: var(--placeholder-color);
}
input[type=text]::-moz-placeholder,
input[type=tel]::-moz-placeholder,
input[type=email]::-moz-placeholder,
input[type=search]::-moz-placeholder,
input[type=password]::-moz-placeholder,
textarea::-moz-placeholder {
  opacity: 1;
  color: var(--placeholder-color);
}
input[type=text]:-moz-placeholder,
input[type=tel]:-moz-placeholder,
input[type=email]:-moz-placeholder,
input[type=search]:-moz-placeholder,
input[type=password]:-moz-placeholder,
textarea:-moz-placeholder {
  color: var(--placeholder-color);
}
input[type=text]:-ms-input-placeholder,
input[type=tel]:-ms-input-placeholder,
input[type=email]:-ms-input-placeholder,
input[type=search]:-ms-input-placeholder,
input[type=password]:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: var(--placeholder-color);
}
input[type=text].placeholder,
input[type=tel].placeholder,
input[type=email].placeholder,
input[type=search].placeholder,
input[type=password].placeholder,
textarea.placeholder {
  color: var(--placeholder-color);
}

select {
  border-radius: 0;
}

textarea {
  resize: vertical;
  vertical-align: top;
}

button,
input[type=button],
input[type=reset],
input[type=file],
input[type=submit] {
  -webkit-appearance: none;
          appearance: none;
  border-radius: 0;
  cursor: pointer;
  font-family: var(--form-font-family);
}

.wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  overflow: hidden;
}

.content {
  flex: 1 0 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  align-content: flex-start;
  padding-top: 11rem;
}

.section {
  position: relative;
  width: 100%;
}
.section__back {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 0;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  align-content: center;
}
.section__back .capital {
  position: relative;
  width: 100%;
  --fz: 20rem;
  font-size: var(--fz);
  font-weight: 700;
  text-align: center;
  line-height: 1;
  color: rgba(255, 255, 255, 0.702);
  text-shadow: 0 0.5rem calc(var(--fz)/2) rgba(0, 0, 0, 0.07);
}
.section__decor {
  position: absolute;
  width: 44.5rem;
  height: 47.5rem;
  z-index: 1;
}

.container {
  position: relative;
  z-index: 1;
  padding: 0 2rem;
}
.container-fluid {
  position: relative;
  z-index: 1;
  padding: 0 3rem;
  max-width: 1440px;
}

.row {
  margin: 0 -2rem;
}
.row > div {
  padding: 0 2rem;
}

.index-page .studio .button.mobile, .index-page .location .button.mobile, .index-page .hybrid .button.mobile {
  display: none !important;
}

.menu {
  position: relative;
  display: flex;
  align-items: center;
  align-content: center;
  list-style: none;
  padding: 0;
  margin: 0;
}
.menu-button {
  position: relative;
  border: none;
  background-color: transparent;
  outline: none;
  text-decoration: none;
  padding: 0;
  align-items: center;
  align-content: center;
  cursor: pointer;
  color: inherit;
  width: 3rem;
  height: 3rem;
  display: none;
}
.menu-button .l {
  position: absolute;
  width: 100%;
  height: 0.4rem;
  background-color: var(--color-blue);
  border-radius: 0;
  transition: background 0.4s ease-in-out, transform 0.4s ease-in-out 0.4s;
}
.menu-button .l-1 {
  transform: translateY(-0.8rem);
}
.menu-button .l-2 {
  transition: background 0.4s ease-in-out, transform 0.4s ease-in-out;
}
.menu-button .l-3 {
  transform: translateY(0.8rem);
}
.menu-button.active {
  transform: rotate(-315deg);
  transition: all 0.4s ease-in-out;
}
.menu-button.active .l-1, .menu-button.active .l-3 {
  transform: translateY(0);
  transition: background 0.4s ease-in-out, transform 0.4s ease-in-out;
}
.menu-button.active .l-2 {
  transform: rotate(-90deg);
  transition: background 0.4s ease-in-out, transform 0.4s ease-in-out 0.4s;
}

.menu__item {
  position: relative;
  padding: 0 2rem;
}
.menu__item:last-child .menu__link {
  color: var(--color-blue);
}

.menu__link {
  position: relative;
  display: inline-block;
  padding: 0.5rem 0;
  text-decoration: none;
  transition: color 0.3s ease-in-out;
}
.menu__link:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -0.4rem;
  left: 0;
  border-bottom: 0.2rem solid var(--color-blue);
  z-index: 0;
  background-color: var(--color-blue);
  transform-origin: right center;
  transform: scale3d(0, 1, 1);
  transition: background-color, transform;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.menu__link:focus:after, .menu__link:hover:after, .menu__link.active:after {
  transform-origin: left center;
  transform: scale3d(1, 1, 1);
}

.button {
  position: relative;
  display: inline-flex !important;
  align-items: center;
  align-content: center;
  justify-content: center;
  text-decoration: none;
  outline: none;
  color: var(--btn-color);
  background-color: var(--btn-background);
  border: 0.15em solid var(--btn-background);
  border-radius: 4rem;
  font-size: var(--btn-font-size);
  font-family: var(--btn-font-family);
  padding: var(--btn-padding);
  transition: all 0.3s ease-in-out;
}
.button:hover, .button:focus {
  background-color: transparent;
  color: var(--btn-background);
}
.button.bordered {
  background-color: transparent;
  color: var(--btn-background);
}
.button.bordered:hover, .button.bordered:focus {
  background-color: var(--btn-background);
  color: var(--btn-color);
}
.button--black {
  --btn-background: var(--color-black);
  --btn-color: var(--color-white);
}
.button--white {
  --btn-background: var(--color-white);
  --btn-color: var(--color-black);
}
.button.medium {
  height: 6.9rem;
  min-width: 27rem;
}
.button.large {
  height: 7.6rem;
  min-width: 30rem;
}

.logo {
  position: relative;
  display: block;
  text-decoration: none;
  width: 100%;
  max-width: 18rem;
}
.logo picture {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}
.logo img {
  width: 100%;
  height: auto;
}

.link {
  position: relative;
  display: flex;
  align-items: center;
  align-content: center;
  line-height: 1;
  font-size: 1.3rem;
  text-decoration: none;
  color: var(--color-blue-dark);
  transition: all 0.3s ease-in-out;
}
.link span {
  color: var(--color-blue);
}
.links > *:not(:last-child) {
  margin-bottom: 1.2rem;
}
.link .icon {
  width: 1.4rem;
  height: 1.4rem;
  margin-right: 1rem;
  color: var(--color-blue);
}
.link:hover, .link:active {
  color: var(--color-blue);
}

.socials {
  position: relative;
  display: flex;
  align-items: center;
  align-content: center;
  margin: -0.5rem;
}
.socials .social {
  position: relative;
  display: block;
  margin: 0.5rem;
  width: 4.9rem;
  height: 4.9rem;
  padding: 1.35rem;
  transition: all 0.3s ease-in-out;
  background-color: var(--color-white);
  border: 0.1rem solid #ececec;
  border-radius: 50%;
  box-shadow: 0 0.5rem 10.9rem 0 rgba(0, 0, 0, 0.07);
  color: var(--color-blue);
}
.socials .social .icon {
  width: 100%;
  height: 100%;
}
.socials .social:hover, .socials .social:focus {
  color: var(--color-white);
  background-color: var(--color-blue);
}

.Ellipse_2_copy_4 {
  background-color: white;
  position: absolute;
  left: 948px;
  top: 1523px;
  width: 49px;
  height: 49px;
  z-index: 154;
}

.swiper-button-prev, .swiper-button-next {
  padding: 1rem;
  width: 5.6rem;
  height: 5.6rem;
  background-color: var(--color-white);
  border-radius: 100%;
  color: var(--color-blue);
}
.swiper-button-prev:after, .swiper-button-next:after {
  display: none;
}
.swiper-button-prev {
  left: 0;
}
.swiper-button-next {
  right: 0;
}

.icon {
  width: 2rem;
  height: 2rem;
  color: inherit;
  stroke: currentColor;
  fill: currentColor;
}

.header {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 10;
  background-color: var(--color-white);
  padding: 3rem 0;
  transition: all 0.3s ease-in-out;
}
.header.scrolled {
  background-color: rgba(255, 255, 255, 0.5);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
}
.header-container {
  display: flex;
  align-items: center;
  align-content: center;
  padding: 0 3rem;
  max-width: 1440px;
}
.header__controls, .header__nav {
  position: relative;
  display: flex;
  align-items: center;
  align-content: center;
}
.header__nav {
  flex: 1;
}
.header__controls > *:not(:last-child) {
  margin-right: 1.5rem;
}
.header .logo {
  margin-right: 2rem;
}
.header .socials {
  color: #0e76a8;
}
.header .socials .social {
  padding: 0;
  width: 6.6rem;
  height: 6.6rem;
  box-shadow: none;
  background: transparent;
  border: none;
  color: inherit;
}
.header .socials .social:hover, .header .socials .social:focus {
  color: var(--color-blue);
}

.footer {
  position: relative;
  background-color: #373c40;
  color: var(--color-white);
}
.footer-container {
  position: relative;
  padding: 7.5rem 2rem 0 2rem;
}
.footer .row {
  row-gap: 6.5rem;
}
.footer .section__decor {
  transform: scale(-1, 1);
  top: -15.75rem;
  left: calc(100% + 1rem);
}
.footer__menu-title {
  font-weight: 700;
  position: relative;
  margin-bottom: 3rem;
}
.footer__menu ul {
  margin: 0;
  font-size: 1.49rem;
}
.footer__menu li {
  position: relative;
}
.footer__menu li:not(:last-child) {
  margin-bottom: 1.5rem;
}
.footer__menu a {
  text-decoration: none;
  position: relative;
  transition: color 0.3s ease-in;
}
.footer__menu a:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -0.2rem;
  left: 0;
  border-bottom: 0.1rem solid currentColor;
  z-index: 0;
  background-color: currentColor;
  transform-origin: right center;
  transform: scale3d(0, 1, 1);
  transition: background-color, transform;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.footer__menu a:focus, .footer__menu a:hover, .footer__menu a.active {
  color: var(--color-blue);
}
.footer__menu a:focus:after, .footer__menu a:hover:after, .footer__menu a.active:after {
  transform-origin: left center;
  transform: scale3d(1, 1, 1);
}
.footer .copy {
  padding: 3.4rem 0;
  border-top: 0.1rem solid rgba(255, 255, 255, 0.2);
  text-align: center;
  font-size: 1.49rem;
}

.brand {
  width: 100%;
  height: 100%;
}
.brand .st0 {
  fill-rule: evenodd;
  clip-rule: evenodd;
  fill: #57C8E1;
}
.brand .st1 {
  fill-rule: evenodd;
  clip-rule: evenodd;
  fill: #6680C0;
}
.brand .st2 {
  fill-rule: evenodd;
  clip-rule: evenodd;
  fill: #3D93D0;
}

.hero {
  position: relative;
  height: calc((var(--vh, 1vh) * 100 - 12.6rem));
  color: var(--color-white);
  max-height: 55rem;
  padding: 6rem 0;
}
.hero h1 {
  text-transform: uppercase;
}
.hero-container {
  position: relative;
  z-index: 1;
  padding: 0 3rem;
  max-width: 1440px;
  height: 100%;
}
.hero .row {
  height: 100%;
}
.hero .main-side {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
}
.hero .sub-side {
  display: flex;
  align-items: flex-end;
  align-content: flex-end;
  justify-content: flex-end;
  flex-wrap: wrap;
  font-size: 2.2rem;
}
.hero .line {
  position: relative;
  display: inline-block;
  overflow: hidden;
}
.hero .line span {
  position: relative;
  display: block;
  transition-delay: calc(var(--td)*0.1s + 0s);
  transition: all 0.6s ease-in-out;
  transform: translateY(100%);
  opacity: 0;
}
.hero .line:nth-child(0) {
  --td: 0 ;
}
.hero .line:nth-child(1) {
  --td: 1 ;
}
.hero .line:nth-child(2) {
  --td: 2 ;
}
.hero .line:nth-child(3) {
  --td: 3 ;
}
.hero__text {
  position: relative;
  padding: 3rem;
  transition: all 0.3s ease-in-out;
}
.hero__subtext {
  position: relative;
  text-align: left;
  padding: 2rem 0 2rem 4rem;
  transition: all 0.6s ease-in-out;
  transform: translateX(100%);
  opacity: 0;
}
.hero__subtext:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
  height: 100%;
  width: calc(100% + 50vw);
  background-color: rgba(17, 159, 251, 0.8);
  transform: skewX(25deg);
}
.hero__video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.hero__video video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}
.hero .aos-animate .hero__text {
  background-color: rgba(0, 0, 0, 0.6);
  transition-delay: 2s;
}
.hero .aos-animate .hero__text .line span {
  transition-delay: calc(var(--td)*0.1s + 2s);
  transform: translateY(0);
  opacity: 1;
}
.hero .aos-animate .hero__subtext {
  transform: translateX(0);
  opacity: 1;
  transition-delay: 2s;
}

.trusted {
  padding: 3rem 0 3rem 0;
}
.trusted h2 {
  color: var(--color-blue-dark);
}
.trusted .row {
  align-items: center;
  align-content: center;
}
.trusted .swiper-wrapper {
  align-items: center;
  align-content: center;
  transition-timing-function: linear !important;
}
.trusted .swiper-slide picture {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
}

.live {
  padding: 5rem 0 10rem 0;
}
.live h2 {
  text-transform: none;
  color: var(--color-blue-dark);
  margin-bottom: 1rem;
}
.live h2 .line {
  position: relative;
  display: inline-block;
  overflow: hidden;
  line-height: 1.5;
}
.live h2 .line span {
  position: relative;
  display: block;
}
.live p {
  line-height: 1.8;
}
.live p a {
  color: var(--color-blue);
  text-decoration: none;
}
.live h4 {
  margin-bottom: 2rem;
}
.live .socials .social {
  animation: 1s linear 1s infinite alternate zR;
}
.live-words {
  position: relative;
  display: block;
  margin-top: -3rem;
  margin-bottom: 2rem;
}
.live-row {
  align-items: center;
  align-content: center;
}
.live__vids {
  position: relative;
  display: block;
  left: 0;
  top: 0;
  width: 100%;
  padding-top: 100%;
}
.live__vids .vid {
  position: relative;
  display: block;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-mask-size: contain;
  -webkit-mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  background-color: currentColor;
}
.live__vids .vid-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.live__vids .vid-1 {
  background-color: #3D93D0;
  -webkit-mask-image: url("../images/mask-1.png");
  mask-image: url("../images/mask-1.png");
}
.live__vids .vid-2 {
  background-color: #6680C0;
  -webkit-mask-image: url("../images/mask-2.png");
  mask-image: url("../images/mask-2.png");
}
.live__vids .vid-3 {
  background-color: #3D93D0;
  -webkit-mask-image: url("../images/mask-3.png");
  mask-image: url("../images/mask-3.png");
}
.live__vids .vid-4 {
  background-color: #57C8E1;
  -webkit-mask-image: url("../images/mask-4.png");
  mask-image: url("../images/mask-4.png");
}

@keyframes zR {
  0% {
    transform: rotate(-10deg) scale(1.1);
  }
  50% {
    transform: rotate(0) scale(1);
  }
  100% {
    transform: rotate(10deg) scale(1.1);
  }
}
.studio {
  padding: 10rem 0;
  background-image: url("../images/streaming.png");
  color: var(--color-white);
}
.studio__head {
  margin-bottom: 4rem;
}
.studio .line {
  position: relative;
  display: inline-block;
  overflow: hidden;
  line-height: 1.5;
}
.studio .line span {
  position: relative;
  display: block;
}
.studio .section__decor {
  transform: scale(-1, 1);
  top: -15.75rem;
  left: calc(100% + 1rem);
}
.studio ul:not(:last-child) {
  margin-bottom: 3rem;
}
.studio p, .studio li {
  line-height: 1.5;
}
.studio__slider {
  position: relative;
  padding: 0;
}
.studio__slider .swiper-button-next {
  right: -2.8rem;
}
.studio__slider .swiper-button-prev {
  left: -2.8rem;
}
.studio .slider-side .swiper-button-prev {
  left: -2rem;
}
.studio .slider-side .swiper-button-next {
  right: -2rem;
}
.studio .swiper-slide {
  position: relative;
  display: block;
  height: 38rem;
  overflow: hidden;
  border-radius: 3rem;
}
.studio .swiper-slide a {
  position: relative;
  display: block !important;
  overflow: hidden;
  border-radius: 3rem;
  height: 100%;
  width: 100% !important;
}
.studio .swiper-slide a img {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 3rem;
}
.studio .swiper-slide a .caption {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: rgba(17, 159, 251, 0.8);
  text-transform: uppercase;
  font-weight: 700;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  opacity: 0;
  transition: all 0.4s ease-in-out;
  border-radius: 3rem;
}
.studio .swiper-slide a:hover .caption, .studio .swiper-slide a:focus .caption {
  opacity: 1;
}
.studio--style-1 {
  padding: 5rem 0;
}
.studio--style-1 .section__decor {
  top: -15rem;
}
.studio--style-1 .studio__head {
  margin-bottom: 2rem;
}

.location {
  padding: 10rem 0;
  background-color: #f4f4f4;
}
.location .section__decor {
  top: -25.75rem;
  right: calc(100% + 1rem);
}
.location:before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 50%;
  height: 100%;
  background-image: url("../images/hexagons.png");
  background-repeat: no-repeat;
  background-position: top right;
  background-size: contain;
}
.location h2 {
  color: var(--color-blue-alternate);
}
.location h2:not(.h1) {
  color: var(--color-blue-dark);
  margin-bottom: 2rem;
}
.location .line {
  position: relative;
  display: inline-block;
  overflow: hidden;
}
.location .line span {
  position: relative;
  display: block;
}
.location__image {
  position: relative;
}
.location__image picture {
  position: relative;
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  border-radius: 3rem;
  overflow: hidden;
}
.location__image img {
  width: 100%;
  height: auto;
}
.location--style-1 {
  padding: 5rem 0;
}
.location--style-1 h2 {
  color: var(--color-blue-dark);
  font-weight: 600;
}
.location--style-1 h2.h1 {
  line-height: 1.5;
  margin-top: -2rem;
  margin-bottom: -4rem;
  font-weight: 700;
}
.location--style-1:before {
  display: none;
}
.location--reverse .section__decor {
  top: -25.75rem;
  right: auto;
  left: calc(100% + 1rem);
  transform: scale(-1, 1);
}
.location--margin {
  margin: 5rem 0;
  background-color: #fff;
}

.hybrid {
  padding: 10rem 0;
}
.hybrid .section__decor {
  transform: scale(-1, 1);
  top: -26rem;
  left: calc(100%);
}
.hybrid .hh {
  position: relative;
  display: flex;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
}
.hybrid .hh .animated {
  position: relative;
  display: block;
  font-size: 2.5rem;
  font-weight: 500;
  color: var(--color-blue-dark);
}
.hybrid .hh .animated span {
  position: relative;
  display: inline-block;
  transition: all 1.5s ease-in-out;
  text-decoration: none;
}
.hybrid .hh .animated span.a {
  padding: 0 0.5rem;
}
.hybrid .hh .animated span.grow {
  transform: scale(1.2);
}
.hybrid .line {
  position: relative;
  display: inline-block;
  overflow: hidden;
}
.hybrid .line span {
  display: block;
}
.hybrid h2 {
  display: flex;
  font-weight: 700;
  color: var(--color-blue-alternate);
  margin-right: 2rem;
}
.hybrid h4 {
  font-weight: 700;
  color: var(--color-blue-dark);
}
.hybrid .row {
  row-gap: 4rem;
}
.hybrid__images {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  row-gap: 2rem;
  margin: 0 -1rem;
  height: 100%;
  min-height: 30rem;
}
.hybrid__images .img {
  position: relative;
  width: 50%;
  padding: 0 1rem;
}
.hybrid__images .img:nth-child(1) {
  width: 100%;
}
.hybrid__images picture {
  height: 50%;
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
.hybrid__images picture img {
  position: absolute;
  border-radius: 2rem;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hybrid--style-1 h2 {
  color: var(--color-blue-dark);
}

@keyframes zoomInOut {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
  }
}
.work {
  padding: 10rem 0;
  background-color: #efefef;
}
.work__head {
  text-align: center;
  margin-bottom: 5rem;
}
.work__head h2 .line {
  position: relative;
  display: inline-block;
}
.work__head h2 .line span {
  position: relative;
  display: block;
}
.work__head h2 .bl {
  color: var(--color-blue-alternate);
}
.work:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url("../images/in-action.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  opacity: 0.3;
}
.work__video {
  position: relative;
  width: 100%;
  padding: 5rem 0;
}
.work__video .video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.work__video .video__wrap {
  position: relative;
  display: block;
  width: 100%;
  padding-top: 56.25%;
  object-fit: cover;
  -webkit-mask-size: contain;
  -webkit-mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  background-color: currentColor;
  -webkit-mask-image: url("../images/mask-video.png");
  mask-image: url("../images/mask-video.png");
  transition: all 0.3s ease-in-out;
  overflow: hidden;
}
.work__video .video__wrap.playing {
  -webkit-mask-image: none;
  mask-image: none;
  border-radius: 3rem;
}
.work__video .video__wrap.playing .video-button {
  opacity: 0;
  visibility: hidden;
}
.work__video .video video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 2rem;
}
.work__video .video-button {
  position: absolute;
  z-index: 2;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-width: 20rem;
  max-height: 20rem;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  animation: zoom-in-zoom-out 2s ease-out infinite;
}
.work__video .video-button .icon {
  width: 100%;
  height: 100%;
  color: #fff;
  transition: all 0.3s ease-in-out;
}
.work__video .video-button:hover .icon {
  color: var(--color-blue-alternate);
}
.work__video .video-button:hover {
  cursor: pointer;
}
.work--style-1 {
  background-color: var(--color-white);
}
.work--style-1:after {
  display: none;
}

@keyframes zoom-in-zoom-out {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.15, 1.15);
  }
  100% {
    transform: scale(1, 1);
  }
}
.recent {
  padding: 6rem 0;
}
.recent .row {
  row-gap: 2rem;
}
.recent h2 {
  font-weight: 600;
}
.recent .line {
  position: relative;
  display: inline-block;
  overflow: hidden;
}
.recent .line span {
  display: inline-block;
}
.recent__slider {
  position: relative;
}
.recent .section__decor {
  transform: scale(-1, 1);
  top: -15.75rem;
  left: calc(100% + 1rem);
}
.recent-item {
  position: relative;
  width: 100%;
  border-radius: 15px;
  background-color: white;
  box-shadow: 0 0.5rem 1.25rem 0 rgba(0, 0, 0, 0.07);
  overflow: hidden;
  min-height: 100%;
  display: flex;
  flex-direction: column;
  text-decoration: none;
  outline: none;
}
.recent-item__media {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%;
  border-radius: 15px 15px 0 0;
}
.recent-item__media video {
  position: absolute;
  border-radius: 15px 15px 0 0;
  z-index: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.recent-item__text {
  position: relative;
  flex: 1;
  padding: 3rem 3rem;
}
.recent-item__text h4 {
  font-weight: 700;
  color: var(--color-blue);
  margin-bottom: 1.5rem;
}
.recent-item__text p {
  font-size: 1.6rem;
}
.recent .swiper-container {
  padding: 2rem 1rem;
  margin: 0 -1rem;
}
.recent .swiper-wrapper {
  transition-timing-function: linear !important;
}
.recent .swiper-slide {
  height: auto;
  min-height: 100%;
}
.recent .swiper-button-prev, .recent .swiper-button-next {
  box-shadow: 0 0.5rem 1.25rem 0 rgba(0, 0, 0, 0.07);
  color: var(--color-black);
}
.recent .swiper-button-prev {
  left: -7.6rem;
  color: var(--color-blue);
}
.recent .swiper-button-next {
  right: -7.6rem;
}
.recent--style-1 {
  background-color: #efefef;
}
.recent--style-1 .recent__head {
  text-align: center;
}
.recent--style-1 .recent__head h2 {
  font-weight: 700;
}
.books-container {
  padding-right: 2rem;
}
.books .section__decor {
  bottom: -20rem;
  left: auto;
  right: calc(100% - 10rem);
  transform: scale(-1, 1);
}
.books__slider {
  position: relative;
}
.books .book {
  position: relative;
  display: flex;
  height: 38rem;
  color: var(--color-white);
}
.books .book:after {
  content: "";
  z-index: -1;
  position: absolute;
  width: 50vw;
  height: 38rem;
  left: 50vw;
  bottom: 0;
  top: 0;
  margin: auto 0;
  background-color: #08002b;
}
.books .book__cover {
  position: relative;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  width: 64rem;
  height: 100%;
}
.books .book__cover picture {
  position: relative;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  width: 100%;
  height: auto;
  transform: scale(1.25);
}
.books .book__cover picture img {
  position: relative;
  width: 100%;
  height: auto;
}
.books .book__cover:before {
  content: "";
  position: absolute;
  width: 38rem;
  height: 38rem;
  right: 0;
  bottom: 0;
  border-radius: 100% 0 0 100%;
  background-color: #08002b;
}
.books .book__description {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
  flex: 1;
  background-color: #08002b;
  font-size: 2.4rem;
  padding: 2rem 6rem 2rem 2rem;
}
.books .swiper-slide {
  opacity: 0 !important;
}
.books .swiper-slide-active {
  opacity: 1 !important;
}
.books .swiper-container {
  z-index: 0;
  padding: 10rem 0;
  overflow: inherit;
}
.books .swiper-buttons {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-content: center;
}
.books .swiper-buttons > *:not(:last-child) {
  margin-bottom: 1rem;
}
.books .swiper-button-next, .books .swiper-button-prev {
  position: relative;
  margin: 0;
  top: 0;
  left: 0;
  right: 0;
}
.books .swiper-button-prev {
  color: var(--color-black);
}

.touch {
  position: relative;
  padding: 5rem 0 10rem 0;
}
.touch .section__back {
  bottom: auto;
  height: auto;
}
.touch-row {
  row-gap: 10rem;
}
.touch__head {
  text-align: center;
  color: var(--color-blue-dark);
}
.touch__head .line {
  position: relative;
  display: inline-block;
  overflow: hidden;
}
.touch__head .line span {
  display: block;
}
.touch h4 {
  font-weight: 700;
  color: var(--color-blue);
  margin-bottom: 4rem;
}
.touch__items {
  position: relative;
  display: flex;
  flex-wrap: wrap;
}
.touch__item {
  position: relative;
  width: 100%;
  padding-left: 3rem;
}
.touch__item:not(:last-child) {
  margin-bottom: 2rem;
}
.touch__item .icon {
  position: absolute;
  left: 0;
  width: 2.2rem;
  height: 2.2rem;
  color: var(--color-blue-alternate);
}
.touch__item p > span, .touch__item a > span {
  color: var(--color-blue-alternate);
}
.touch__item a {
  text-decoration: none;
}
.touch--style-1 {
  background-color: #efefef;
  padding: 5rem 0;
}
.touch--style-1 .section__back {
  opacity: 0.19;
}
.touch--style-1 .section__back .capital {
  color: #fff;
}
.touch--style-1 .row {
  row-gap: 5rem;
}
.touch--style-1 .touch__head {
  text-align: left;
}
.touch--style-1 .form {
  justify-content: flex-end;
}
.touch--style-1 .form__field.btns, .touch--style-1 .form__field.cpt {
  min-width: 30rem;
  width: auto;
}
.plans-container {
  padding: 0 !important;
}
.plans .row {
  margin: 0;
}
.plans .row > div {
  padding: 0 !important;
  z-index: 0;
  position: relative;
}
.plans .row > div:hover {
  z-index: 1;
}
.plans__head {
  text-align: center;
}
.plans__head .line {
  position: relative;
  display: inline-block;
  overflow: hidden;
}
.plans__head .line span {
  display: inline-block;
}
.plans__head h2 {
  font-weight: 700;
  color: var(--color-blue-alternate);
}
.plans .plan {
  position: relative;
  min-height: 100%;
  transition: all 0.4s ease-in-out;
  background-color: #40474e;
  overflow: hidden;
}
.plans .plan:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-style: solid;
  border-width: 4px;
  border-color: #40474e;
  pointer-events: none;
  transition: opacity 0.3s ease;
  opacity: 0;
}
.plans .plan__image {
  position: relative;
  width: 100%;
  background-color: #f4f4f4;
}
.plans .plan__image picture {
  position: relative;
  width: 100%;
  display: block;
  padding-top: 56.25%;
}
.plans .plan__image video, .plans .plan__image img {
  position: absolute;
  left: 0;
  top: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.plans .plan__info {
  padding: 3rem;
  color: var(--color-white);
  transition: color 0.3s ease-in-out;
}
.plans .plan__info h2 {
  color: var(--color-blue);
  font-weight: 700;
  margin-bottom: 2rem;
}
.plans .plan__info ul {
  list-style: none;
  padding: 0;
}
.plans .plan__info ul li {
  position: relative;
  display: block;
  padding-left: 2rem;
}
.plans .plan__info ul li:not(:last-child) {
  margin-bottom: 2rem;
}
.plans .plan__info ul li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.6rem;
  width: 1.2rem;
  height: 1.2rem;
  -webkit-mask-size: contain;
  -webkit-mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  transition: all 0.15s linear;
  background-color: var(--color-blue);
  -webkit-mask-image: url("../images/icons/checkmark.svg");
  mask-image: url("../images/icons/checkmark.svg");
}
.plans .plan__info .button {
  height: 6.2rem;
  min-width: 24rem;
}

.text-block-home {
  padding: 10rem 0 10rem 0;
  text-align: center;
}
.text-block-home .container {
  z-index: 2;
}
.text-block-home .section__decor {
  z-index: 0;
  width: 60rem;
  height: 60rem;
  right: calc(100% - 15rem);
  top: 50%;
  transform: translateY(-50%);
}
.text-block-home .text-block__content {
  position: relative;
  display: flex;
  align-items: center;
  align-content: center;
  padding-left: 20rem;
}
.text-block-home .text-block__content .logo {
  margin-right: 3rem;
}
.text-block-home .text {
  position: relative;
  flex: 1;
}
.text-block-home .text p {
  margin: 0 auto;
}
.text-block-home p {
  max-width: 75rem;
  font-weight: 600;
  color: #40474e;
}
@media (max-width: 1550px) {
  .section__decor {
    width: 30rem;
    height: 30rem;
  }
  .footer .section__decor {
    top: -10rem;
    left: calc(100%);
  }
  .studio .section__decor {
    top: -10rem;
    left: calc(100%);
  }
  .location .section__decor {
    top: -20rem;
    right: calc(100%);
  }
  .location--reverse .section__decor {
    top: -20rem;
    left: calc(100%);
    right: auto;
  }
  .hybrid .section__decor {
    top: -20rem;
    left: calc(100% - 12rem);
  }
  .recent .section__decor {
    top: -10rem;
    left: calc(100%);
  }
}
@media (max-width: 1360px) {
  .menu__item {
    padding: 0 1.5rem;
  }
  .header__controls > *:not(:last-child) {
    margin-right: 1rem;
  }
  .header .socials .social {
    width: 4.6rem;
    height: 4.6rem;
  }
  .header .link {
    font-size: 0;
    width: 4.6rem;
    height: 4.6rem;
    min-width: 4.6rem;
    padding: 1rem;
    background-color: #0e76a8;
    border-radius: 100%;
  }
  .header .links {
    position: relative;
    display: flex;
    align-items: center;
    align-content: center;
  }
  .header .link:not(:last-child) {
    margin-bottom: 0;
    margin-right: 1rem;
  }
  .header .link .icon {
    margin-right: 0;
    width: 100%;
    height: 100%;
    color: var(--color-white);
  }
  .header .link:hover, .header .link:focus {
    background-color: var(--color-blue);
  }
}
@media (max-width: 1299px) {
  .recent .swiper-button-prev, .recent .swiper-button-next {
    top: -11rem;
    right: 0 !important;
    left: auto !important;
  }
  .recent .swiper-button-prev {
    right: 7rem !important;
  }
}
@media (max-width: 1199px) {
  .section__decor {
    width: 25rem;
    height: 25rem;
  }
  .menu {
    position: fixed;
    top: 10rem;
    width: 100%;
    height: calc((var(--vh, 1vh) * 100));
    max-height: calc((var(--vh, 1vh) * 100) - 10rem);
    overflow: auto;
    left: 0;
    z-index: 10;
    right: 0;
    background-color: var(--color-white);
    flex-direction: column;
    justify-content: flex-start;
    padding: 2rem calc((100% - 960px) / 2);
    border-top: 0.1rem solid var(--color-orange);
    transition: all 0.6s ease;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10rem);
  }
  .menu-open {
    overflow: hidden !important;
  }
  .menu-open .menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }
  .menu-button {
    display: flex;
  }
  .menu__item {
    padding: 1.2rem 0;
  }
  .menu__item:last-child {
    border-top: 0.1rem solid var(--color-blue-dark);
  }
  .header {
    height: 11rem;
  }
  .header .socials .social {
    width: 3rem;
    height: 3rem;
  }
  .header .link {
    width: 3rem;
    height: 3rem;
    min-width: 3rem;
    padding: 0.75rem;
  }
  .footer .section__decor {
    top: -10rem;
    left: calc(100% - 7rem);
  }
  .footer__menu {
    padding-right: 5rem;
  }
  .footer__menu-title {
    padding-left: 0;
  }
  .footer__menu ul {
    font-size: 1.4rem;
  }
  .footer .copy {
    font-size: 1.4rem;
  }
  .studio .section__decor {
    top: -20rem;
    left: calc(100% - 7rem);
  }
  .location .section__decor {
    right: calc(100% - 7rem);
  }
  .location--reverse .section__decor {
    right: auto;
    left: calc(100% - 7rem);
  }
  .hybrid .section__decor {
    left: calc(100% - 12rem);
  }
  .recent .section__decor {
    top: -10rem;
    left: calc(100% - 7rem);
  }
  .books .book__cover {
    width: 45rem;
  }
  .books .book__description {
    font-size: 1.8rem;
  }
}
@media (max-width: 991px) {
  h1, .h1 {
    font-size: 4rem;
  }
  h2, .h2 {
    font-size: 3rem;
  }
  h3, .h3 {
    font-size: 2.5rem;
  }
  h4, .h4 {
    font-size: 1.8rem;
  }
  .section__back .capital {
    --fz: 15rem;
  }
  .container-fluid {
    padding: 0 2rem;
  }
  .index-page .studio .button, .index-page .location .button, .index-page .hybrid .button {
    display: none !important;
  }
  .index-page .studio .button.mobile, .index-page .location .button.mobile, .index-page .hybrid .button.mobile {
    display: inline-flex !important;
  }
  .header-container {
    padding: 0 2rem;
  }
  .hero {
    height: calc((var(--vh, 1vh) * 100 - 11rem));
  }
  .hero-container {
    padding: 0 2rem;
  }
  .hero .sub-side {
    font-size: 1.6rem;
  }
  .trusted__text {
    margin-bottom: 4rem;
    text-align: center;
  }
  .trusted__slider {
    width: 100vw;
    margin: 0 calc((100% - 100vw)/2);
  }
  .live .section__text {
    text-align: center;
  }
  .live .vids-side {
    display: none;
    order: 2;
  }
  .live .text-side {
    order: 1;
    margin-bottom: 4rem;
  }
  .live .text-side .socials {
    justify-content: center;
  }
  .live__vids {
    max-width: 50rem;
    padding-top: 50rem;
    margin: 0 auto;
  }
  .studio__slider {
    margin-top: 4rem;
    margin-bottom: 3rem;
  }
  .location__image {
    margin-top: 4rem;
    margin-bottom: 3rem;
  }
  .location--style-1 h2.h1 {
    margin-bottom: -2rem;
  }
  .hybrid .hh .animated {
    font-size: 1.8rem;
    margin-bottom: 1rem;
  }
  .hybrid .images-side {
    order: 2;
  }
  .hybrid .text-side {
    order: 1;
  }
  .work {
    padding: 5rem 0;
  }
  .work__head {
    margin-bottom: 0;
  }
  .work__video {
    padding: 2rem 0 0 0;
  }
  .work__video .video-button {
    max-width: 6.5rem;
    max-height: 6.5rem;
  }
  .recent .swiper-button-prev, .recent .swiper-button-next {
    top: -5rem;
  }
  .recent--style-1 .recent__head {
    text-align: left;
  }
  .books {
    background-color: #08002b;
    padding: 10rem 0;
  }
  .books .section__decor {
    transform: none;
  }
  .books .book__cover {
    overflow: hidden;
  }
  .books .book__cover picture {
    height: 100%;
  }
  .books .book__cover picture img {
    width: auto;
  }
  .books .book__cover:before {
    display: none;
  }
  .books .book__description {
    font-size: 1.8rem;
    background-color: transparent;
    text-align: center;
  }
  .books .book {
    height: auto;
    flex-wrap: wrap;
  }
  .books .book__cover {
    width: 100%;
  }
  .books .book__description {
    height: auto;
    flex: none;
    width: 100%;
  }
  .books .swiper-container {
    padding: 0;
  }
  .plans .plan__info {
    padding: 6rem 2rem;
  }
  .text-block-home .section__decor {
    width: 40rem;
    height: 40rem;
  }
}
@media (max-width: 767px) {
  input[type=text],
input[type=tel],
input[type=email],
input[type=search],
input[type=password],
textarea {
    font-size: 1.4rem;
  }
  .live__vids {
    max-width: 30rem;
    padding-top: 30rem;
    margin: 0 auto;
  }
  .hybrid .button {
    width: 100%;
  }
  .recent .swiper-button-prev, .recent .swiper-button-next {
    top: -7rem;
  }
  .books .book__description {
    padding: 1.6rem;
    padding: 6rem 2rem 2rem 2rem;
  }
  .books .swiper-buttons {
    position: relative;
    flex-direction: row;
  }
  .books .swiper-buttons > *:not(:last-child) {
    margin-right: 1rem;
    margin-bottom: 0;
  }
  .text-block-home {
    padding-top: 0;
  }
  .text-block-home .container {
    padding-bottom: 10rem;
  }
  .text-block-home .section__decor {
    top: 100%;
  }
  .text-block-home .text-block__content {
    flex-wrap: wrap;
    padding-left: 2rem;
    justify-content: center;
  }
  .text-block-home .text-block__content .logo {
    margin-bottom: 4rem;
  }
  .text-block-home .text {
    flex: none;
    width: 100%;
  }
}
@media (max-width: 575px) {
  .studio .button {
    width: 100%;
  }
  .location .button {
    width: 100%;
  }
  .touch--style-1 .form__field.btns, .touch--style-1 .form__field.cpt {
    min-width: 100%;
  }
}
@media (min-width: 576px) {
  .books-container {
    padding-right: calc((100vw - 540px + 2rem)/2);
  }
  .books .section__decor {
    left: auto;
    right: calc(100% - 10rem);
    bottom: -20rem;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .touch__item {
    width: 50%;
  }
}
@media (min-width: 768px) {
  .books-container {
    padding-right: calc((100vw - 720px + 2rem)/2);
  }
  .books .section__decor {
    left: auto;
    right: calc(100% - 10rem);
    bottom: -20rem;
  }
}
@media (min-width: 992px) {
  .trusted h2 {
    font-size: 3.2rem;
  }
  .live p {
    font-size: 2.1rem;
  }
  .studio p, .studio li {
    font-size: 2.1rem;
  }
  .location p, .location li {
    font-size: 2rem;
  }
  .location--reverse .image-side {
    order: 1;
  }
  .location--reverse .text-side {
    order: 2;
  }
  .hybrid h2 {
    font-size: 6rem;
  }
  .hybrid h4 {
    font-size: 2.8rem;
  }
  .hybrid p {
    font-size: 2rem;
  }
  .recent--style-1 .recent__head h2 {
    font-size: 7rem;
  }
  .books-container {
    padding-right: calc((100vw - 960px + 2rem)/2);
  }
  .books .section__decor {
    left: calc(100% - (100vw - 960px - 6rem)/2);
    bottom: 0;
  }
  .plans {
    padding-bottom: 5rem;
  }
  .plans__head h2 {
    font-size: 9rem;
  }
  .plans .plan:hover {
    transform: scale(1.05);
    background-color: #fff;
    box-shadow: 0px 5px 109px 0px rgba(0, 0, 0, 0.07);
  }
  .plans .plan:hover:before {
    opacity: 1;
  }
  .plans .plan:hover .plan__info {
    color: var(--color-blue-dark);
  }
  .plans .plan:hover .plan__info .button {
    display: inline-flex !important;
  }

  .plans .row>div.active{
    z-index: 1;
  }
  .plans .row>div.active .plan {
    transform: scale(1.05);
    background-color: #fff;
    box-shadow: 0px 5px 109px 0px rgba(0, 0, 0, 0.07);
  }
  .plans .row>div.active .plan:before {
    opacity: 1;
  }
  .plans .row>div.active .plan .plan__info {
    color: var(--color-blue-dark);
  }
  .plans .row>div.active .plan .plan__info .button {
    display: inline-flex !important;
  }

  .plans .plan__info .button {
    display: none !important;
  }
  .text-block-home p {
    font-size: 2.7rem;
  }
}
@media (min-width: 1200px) {
  .content {
    padding-top: 12.6rem;
  }
  .menu__item:last-child {
    border-left: 0.1rem solid var(--color-blue-dark);
  }
  .header__controls > *:not(:last-child).socials {
    margin-right: 0;
  }
  .books-container {
    padding-right: calc((100vw - 1140px + 2rem)/2);
  }
  .books .section__decor {
    left: calc(100% - (100vw - 1140px - 6rem)/2);
    bottom: 0;
  }
}
@media (min-width: 1400px) {
  .container {
    max-width: 1200px;
  }
  .books-container {
    padding-right: 14rem;
  }
  .books .section__decor {
    left: calc(100% - 11.25rem);
    bottom: 0;
  }
}
@media (min-width: 1441px) {
  .books .section__decor {
    bottom: -6rem;
  }
}
@media (hover: hover) and (pointer: fine), (-ms-high-contrast: none), (-ms-high-contrast: active) {
  a:hover {
    text-decoration: none;
  }
}
.swal2-loader{
  width: 5em;
  height: 5em;
  border-color: #57c7e1 transparent #3e93d0 transparent;
}

.swal2-title{
  font-size: 2.5em;
}
.swal2-html-container{
  font-size: 1.6em;
}
.swal2-popup{
  width: auto;
}
.swal2-styled.swal2-confirm{
  background: var(--btn-background);
  font-size: 1.6em;
  padding: 13px 40px;
  box-shadow: none !important;
  transition: .3s all ease-in-out;
}
.grecaptcha-badge {
    visibility: hidden;
}
.streaming-audio{
  padding-top: 3em;
  padding-bottom: 4em;
}
.onlocation{
  padding-top: 0;
  padding-bottom: 0;
}
.livestreaming{
  padding: 50px 0;
}
@media (max-width: 575px) {
  .streaming-audio{
    padding-top: 0;
    padding-bottom: 2.5em;
  }
  .streaming-audio .hybrid-row{
    flex-direction: column-reverse;
  }
  .streaming-audio .row{
    row-gap: 2.5em;
  }
  .interactive .col-lg-4:not(:last-child){
    margin-bottom: 15px;
  }
  .flex-reverse-mobile{
    flex-direction: column-reverse;
  }
  .x-mt-10{
    margin-top: 10px;
  }
  .x-mb-35{
    margin-bottom: 35px;
  }
  .x-mt-0{
    padding-top: 0;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 30px;
  }
  .hybrid-stream{
    padding-top: 0;
    padding-bottom: 2.5em;
  }
  .hybrid-stream .hybrid-row{
    flex-direction: column-reverse;
  }
  .hybrid-stream .row{
    row-gap: 2.5em;
  }
}
[data-cycle] .active{z-index:3}
[data-cycle] img{
  position: absolute;
  z-index: 1;
}
.custom-fader{
  height: 100%;
  @media (max-width: 768px) {
    height: 300px;
  }
  @media (max-width: 420px) {
    height: 250px;
  }
  [data-cycle]{
    height: 100%;
  }
}