/*!
Theme Name: Viki Lee
Author: eoorlll
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: vikilee
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/
@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,800&display=swap');
/*--------------------------------------------------------------
>>> Rem
--------------------------------------------------------------*/
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth;
  font-size: 10px;
}

@media (min-width: 1921px) {
  html {
    font-size: calc(5px + (12.5 - 5) * ((100vw - 768px) / (1920 - 768)));
  }

  .site-content {
    max-width: 140rem;
    margin: 0 auto;
  }
}

@media (max-width: 1920px) and (min-width: 1499px) {
  html {
    font-size: calc(5px + (12.5 - 5) * ((100vw - 768px) / (1920 - 768)));
  }
}

@media (max-width: 1500px) and (min-width: 1024px) {
  html {
    font-size: calc(5px + (12.5 - 5) * ((100vw - 768px) / (1920 - 768)));
  }
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
  html {
    font-size: calc(8.5px + 1.5 * (100vw - 768px) / (1024 - 768));
  }
}

@media screen and (orientation: landscape) and (max-width: 767px) {
  html {
    font-size: calc(3.5px + (19.6 - 8.6) * (100vw - 320px) / 447);
  }
}

@media screen and (orientation: portrait) and (max-width: 767px) {
  html {
    font-size: calc(8.6px + (19.6 - 8.6) * (100vw - 320px) / 447);
  }
}

/*--------------------------------------------------------------
>>> CSS Reset
--------------------------------------------------------------*/
/* Указываем box sizing */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Убираем внутренние отступы */
ul[class],
ol[class] {
  padding: 0;
}

/* Убираем внешние отступы */
body,
h1,
h2,
h3,
h4,
p,
ul[class],
ol[class],
li,
figure,
figcaption,
blockquote,
dl,
dd {
  margin: 0;
}

/* Выставляем основные настройки по-умолчанию для body */
body {
  min-height: 100vh;
  scroll-behavior: smooth;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
  overflow: hidden;
}

/* Удаляем стандартную стилизацию для всех ul и il, у которых есть атрибут class*/
ul[class],
ol[class] {
  list-style: none;
}

/* Элементы a, у которых нет класса, сбрасываем до дефолтных стилей */
a:not([class]) {
  text-decoration-skip-ink: auto;
  text-decoration: none;
}

a[class] {
  text-decoration: none;
}

/* Упрощаем работу с изображениями */
img {
  max-width: 100%;
  display: block;
}

/* Наследуем шрифты для инпутов и кнопок */
input,
button,
textarea,
select {
  font: inherit;
}

/* Удаляем все анимации и переходы для людей, которые предпочитай их не использовать */
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

a,
label,
button,
input,
a *,
button *,
input * {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

input,
textarea {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
}

.mobile-block {
  display: none;
}

:focus {
  outline: none;
}

/*--------------------------------------------------------------
>>> Body Color
--------------------------------------------------------------*/
body {
  background: #0f101a url(/wp-content/uploads/2025/12/bg-nebo-1.jpg);
}

/*--------------------------------------------------------------
>>> Fonts
--------------------------------------------------------------*/
body {
  font-family: 'Raleway';
}

/*--------------------------------------------------------------
>>> Modals
--------------------------------------------------------------*/
.modal-wrap {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 500;
  background: rgb(0 0 0 / 15%);
  top: 0;
  left: 0;
}

.modal-wrap--mfp {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 500;
  background: rgb(0 0 0 / 15%);
  top: 0;
  left: 0;
}

.modal {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  justify-content: center;
}

.modal-container {
  width: 100%;
  max-width: 105rem;
  position: relative;
  z-index: 20;
}

.close {
  height: 4rem;
  width: 4rem;
  cursor: pointer;
  position: absolute;
  top: -3rem;
  right: -3rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  justify-content: center;
  z-index: 15;
}

.close svg {
  width: 1.6rem;
  height: 1.6rem;
}

.overlay-close {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 10;
  cursor: pointer;
}

.mfp-bg {
  opacity: 0 !important;
}

.mfp-no-margins .mfp-container {
  padding: 0;
}

.mfp-fade .mfp-container,
.mfp-fade.mfp-bg {
  opacity: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition: all 0.3s ease-out;
}

.mfp-fade.mfp-ready .mfp-container {
  opacity: 1;
}
.mfp-fade.mfp-ready.mfp-bg {
  opacity: 0.8;
}

.mfp-fade.mfp-removing .mfp-container,
.mfp-fade.mfp-removing.mfp-bg {
  opacity: 0;
}

.mfp-bottom-bar {
  display: none !important;
}

.mfp-figure:after {
  display: none !important;
}

.mfp-image-holder .mfp-close {
  background-image: url(/wp-content/themes/vikilee/images/close.svg) !important;
  background-repeat: no-repeat !important;
  background-size: 1.6rem !important;
  background-position: center !important;
  width: 4rem !important;
  height: 4rem !important;
  font-size: 0 !important;
  line-height: 0 !important;
  opacity: 1 !important;
  padding: 0 !important;
  right: -4rem !important;
  top: 3.2rem !important;
}

/* MFP Arrows
--------------------------------------------------------------*/
.mfp-arrow {
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  width: 5rem !important;
  opacity: 1 !important;
}

.mfp-arrow:before,
.mfp-arrow:after {
  display: none !important;
}

.mfp-arrow-left {
  background-image: url(/wp-content/themes/vikilee/images/arrow-prev.svg) !important;
  left: 13rem !important;
}

.mfp-arrow-right {
  background-image: url(/wp-content/themes/vikilee/images/arrow-next.svg) !important;
  right: 13rem !important;
}

/*--------------------------------------------------------------
>>> Modal Menu
--------------------------------------------------------------*/
#modalMenu {
  display: none;
  z-index: 100;
  position: relative;
}

.modal-menu {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 50;
  padding-right: 11.2rem;
  opacity: 0;
  background: #0f101a;
}

.modal-menu__bg {
  background-image: url(/wp-content/uploads/2025/12/Frame-50-1.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 5;
  transform: translateX(-10rem);
  opacity: 0;
}

.modal-menu__smoke {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  background-image: url(/wp-content/uploads/2021/05/smoke-min.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transform: translateX(10rem);
  opacity: 0;
  z-index: 10;
}

.modal-menu__content {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 15;
}

.modal-menu__wrap {
  width: 75%;
  height: 100%;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-right: 19.5rem;
}

.menu__overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  background: rgba(15, 16, 26, 0.8);
}

.modal-menu__sidebar {
  width: 25%;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  padding-bottom: 5.2rem;
}

.menu-logo {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
}

.menu-logo__image {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 20rem;
  height: 20rem;
  opacity: 0;
  transform: translateY(4rem);
}

.modal-menu__socials {
  opacity: 0;
  transform: translateY(2rem);
}

/*--------------------------------------------------------------
# Menu
--------------------------------------------------------------*/
.menu__bottom {
  display: none;
}

.menu {
  position: relative;
  z-index: 10;
  text-align: right;
}

.menu__item {
  overflow: hidden;
}

.menu__item + .menu__item {
  padding-top: 0.5rem;
}

.menu__url {
  font-weight: 300;
  font-size: 1.92rem;
  line-height: 2.5;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  color: #ffffff;
  opacity: 0.5;
  display: inline-block;
  position: relative;
  -webkit-transition: all 0.6s;
  -o-transition: all 0.6s;
  transition: all 0.6s;
  display: inline-block;
  transform: translateY(100%);
}

.menu__url:hover {
  opacity: 0.8;
  padding-right: 6rem;
}

.menu__url:before {
  content: '';
  width: 0;
  height: 1px;
  position: absolute;
  background: #fff;
  opacity: 0.8;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transition: all 0.6s;
  -o-transition: all 0.6s;
  transition: all 0.6s;
}

.menu__url:hover:before {
  width: 3.2rem;
}

/*--------------------------------------------------------------
# Socials
--------------------------------------------------------------*/
.modal-menu__socials {
  padding-top: 5.5rem;
}

.socials {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.socials__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.socials__item + .socials__item {
  margin-left: 1.6rem;
}

.socials__item svg {
  width: 1.3rem;
  height: 1.3rem;
}

.socials__item img {
  width: 1.3rem;
  height: 1.3rem;
  object-fit: contain;
}

.socials__youtube {
  width: 1.5rem;
  height: 1.5rem;
}

/*--------------------------------------------------------------
# Newsletter
--------------------------------------------------------------*/
.newsletter__title {
  font-weight: 100;
  font-size: 1.44rem;
  line-height: 1.2;
  text-align: right;
  letter-spacing: 0.06em;
  color: #ffffff;
  text-align: center;
  padding-bottom: 2.8rem;
  opacity: 0;
  transform: translateY(2rem);
}

.newsletter__form {
  opacity: 0;
  transform: translateY(2rem);
}

/*--------------------------------------------------------------
# Newsletter Form
--------------------------------------------------------------*/
.newsletter-form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
}

.newsletter-form__label {
  color: #fff;
  font-weight: 500;
  font-size: 1.2rem;
  line-height: 1.3;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  opacity: 0.8;
  text-align: center;
  margin-bottom: -0.8rem;
}

.newsletter-form__input-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  position: relative;
}

.newsletter-form__input-wrap:before {
  content: '';
  background: #fff;
  opacity: 0.4;
  position: absolute;
  height: 1px;
  width: 2.5rem;
  top: 0;
  left: 0;
}

.newsletter-form__input-wrap:after {
  content: '';
  background: #fff;
  opacity: 0.4;
  position: absolute;
  height: 1px;
  width: 2.5rem;
  top: 0;
  right: 0;
}

.newsletter-form__input {
  border: 1px solid rgba(255, 255, 255, 0.4) !important;
  border-top: none !important;
  background: transparent !important;
  height: 2.8rem !important;
  outline: none !important;
  padding: 0 2.5rem 0 1rem !important;
  width: 17.6rem !important;
  color: #fff !important;
  border-radius: 0 !important;
}

.newsletter-form__submit {
  width: 0.9rem;
  height: 0.9rem;
  padding: 0;
  font-size: 0;
  border-radius: 0;
  background: transparent;
  border: 1px solid #fff;
  border-top: none;
  border-left: none;
  position: absolute;
  right: 1rem;
  top: 0.8rem;
  transform: rotate(-45deg);
  opacity: 1;
  cursor: pointer;
}

.newsletter-form__input-wrap:focus-within .newsletter-form__submit {
  opacity: 1;
}

.wpcf7 .ajax-loader {
  display: none !important;
}

.newsletter__form .wpcf7-response-output {
  width: 17.6rem !important;
}

.wpcf7-not-valid-tip {
  position: absolute;
  width: 100%;
  text-align: center;
}

/*--------------------------------------------------------------
# SendPulse Nulled
--------------------------------------------------------------*/
.sp-form {
  display: unset !important;
  margin: unset !important;
  padding: unset !important;
  border-style: unset !important;
  border-width: unset !important;
  border-color: unset !important;
  border-radius: unset !important;
  width: unset !important;
  max-width: unset !important;
  background: unset !important;
  color: unset !important;
  font-family: unset !important;
  line-height: unset !important;
}

.sp-form .sp-form-fields-wrapper {
  max-width: unset !important;
}

.sp-form .sp-field {
  padding: unset !important;
  position: unset !important;
  text-align: unset !important;
}

.sp-message *,
.sp-message {
  font-weight: 300 !important;
  font-size: 1.44rem !important;
  line-height: 1.2 !important;
  letter-spacing: 0.06em !important;
  color: #ffffff !important;
  text-align: center !important;
}

/*--------------------------------------------------------------
# Newsletter Form - SendPulse
--------------------------------------------------------------*/
.viki-sendpulse {
  padding: 0;
  width: auto;
  border-radius: 0;
  border: none;
}

.viki-sendpulse .sp-form .sp-field {
  padding: 0;
  position: unset;
  text-align: unset;
}

/*--------------------------------------------------------------
>>> Form
--------------------------------------------------------------*/
.form__col label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  position: relative;
}

.form__col label + label {
  margin-top: 0.4rem;
}

.form__input {
  width: 100%;
  height: 4rem;
  padding: 1.35rem 0;
  border: none;
  background: transparent;
  color: #fff;
  font-weight: 400;
  font-size: 1.12rem;
  line-height: 1;
  letter-spacing: 0.08em;
  border-bottom: 1px solid rgb(255 255 255 / 60%);
  outline: none;
}

.form__input::placeholder {
  color: rgb(255 255 255 / 80%);
}

.form__text,
.form__text * {
  font-size: 1.12rem;
  line-height: 2;
  letter-spacing: 0.08em;
  color: #ffffff;
  opacity: 0.6;
}

.form__bottom {
  padding-top: 2rem;
}

.submit-btn {
  font-weight: 800;
  font-size: 1.28rem;
  line-height: 1.6;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #ffffff;
  opacity: 0.8;
  background: transparent;
  border: none;
  padding: 0;
  border-radius: 0;
  cursor: pointer;
}

/* Form Message
---------------------------------------------*/
.wpcf7-not-valid-tip {
  position: relative;
  font-size: 0.8rem;
  line-height: 2;
  letter-spacing: 0.08em;
  color: #ffffff;
  opacity: 0.6;
}

.wpcf7 form .wpcf7-response-output {
  margin: 0;
  margin-top: 1rem;
  width: 100%;
  text-align: center;
  line-height: 1.3;
  font-size: 0.9rem;
  font-weight: 400;
  padding: 1rem 1rem;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  box-shadow: 0 0.16rem 1.28rem rgb(0 0 0 / 8%);
  border-radius: 0.3rem;
  background: #0f101a;
  color: rgb(255 255 255 / 50%);
}

/*--------------------------------------------------------------
>>> Fade Top
--------------------------------------------------------------*/
.fade-top {
  opacity: 0;
  transform: translateY(2rem);
}

/*--------------------------------------------------------------
>>> Vhod
--------------------------------------------------------------*/
.vhod {
  width: 100vw;
  height: 100vh;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.vhod__content {
  position: relative;
  z-index: 20;
}

.vhod__overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  background: rgba(15, 16, 26, 0.8);
  z-index: 15;
}

.vhod__smoke {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  background-image: url(/wp-content/uploads/2021/05/smoke-min.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 10;
  opacity: 0;
  transform: scale(1.1);
}

.vhod__viki {
  background-image: url(/wp-content/uploads/2021/05/bg.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 5;
  opacity: 0;
  transform: scale(1.1);
}
/* 
.vhod__title-wrap {
  position: relative;
  overflow: hidden;
} */

.vhod__title {
  font-weight: 300;
  font-size: 4rem;
  line-height: 1;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: #ffffff;
  opacity: 1;
  display: inline-block;
  position: relative;
  -webkit-transition: all 0.6s;
  -o-transition: all 0.6s;
  transition: all 0.6s;
  display: inline-block;
  text-align: center;
  opacity: 0;
  transform: translateY(4rem);
}

.vhod__btn {
  margin-top: 3.5rem;
  display: flex;
  justify-content: center;
  opacity: 0;
  transform: translateY(4rem);
}

.vhod__btn a {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  text-transform: uppercase;
  font-size: 1.5rem;
  line-height: 1;
  letter-spacing: 0.15em;
  opacity: 0.5;
  border: 1px solid #fff;
  width: 20rem;
  height: 4.8rem;
  text-align: center;
}

.vhod__btn a:hover {
  opacity: 0.8;
}

/*--------------------------------------------------------------
>>> Not Found
--------------------------------------------------------------*/
.not-found {
  width: 100vw;
  height: 100vh;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.not-found__content {
  position: relative;
  z-index: 20;
}

.not-found__title {
  font-weight: 300;
  font-size: 4rem;
  line-height: 1;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: #ffffff;
  opacity: 1;
  display: inline-block;
  position: relative;
  -webkit-transition: all 0.6s;
  -o-transition: all 0.6s;
  transition: all 0.6s;
  display: inline-block;
  text-align: center;
}

.not-found__btn {
  margin-top: 3.5rem;
  display: flex;
  justify-content: center;
}

.not-found__btn a {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  text-transform: uppercase;
  font-size: 1.5rem;
  line-height: 1;
  letter-spacing: 0.15em;
  opacity: 0.5;
  border: 1px solid #fff;
  width: 25rem;
  height: 4.8rem;
  text-align: center;
}

.not-found__btn a:hover {
  opacity: 0.8;
}

/*--------------------------------------------------------------
>>> Preloader
--------------------------------------------------------------*/
.preloader {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 300;
  background: #0f101a;
  display: none;
}

.preloader__smoke-overlay {
  background-image: url(/wp-content/uploads/2021/06/ww-min.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 12;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 0;
  transform: scale(1.1);
}

.preloader__content {
  position: relative;
  z-index: 15;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.preloader__logo-wrap {
  position: relative;
  width: 38.4rem;
  height: 38.4rem;
  opacity: 0;
  transform: translateY(4rem);
}

.preloader__logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 20rem;
  height: 20rem;
  display: flex;
}

.preloader__logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.preloader__numbers {
  font-weight: 300;
  font-size: 1.28rem;
  line-height: 1.35;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #ffffff;
  position: absolute;
  bottom: 9.2rem;
  left: 50%;
  transform: translateX(-50%);
}

.preloader__square {
  width: 100%;
  height: 100%;
  transform: rotate(-90deg);
}

/*--------------------------------------------------------------
>>> Menu Bar
--------------------------------------------------------------*/
.menu-bar {
  position: fixed;
  right: 0;
  top: 0;
  height: 100vh;
  width: 11.2rem;
  border-left: 1px solid rgba(255, 255, 255, 0.16);
  padding: 4.8rem 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: flex-end;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  justify-content: center;
  z-index: 100;
}

.menu-bar.not-front {
  background: #0f101a;
}

/*--------------------------------------------------------------
# Langs
--------------------------------------------------------------*/
.langs__item {
  font-weight: 300;
  font-size: 1.12rem;
  line-height: 1.2;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #ffffff;
  display: inline-block;
}

.langs__item + .langs__item {
  padding-left: 1rem;
}

.langs__item--active,
.current-lang {
  font-weight: bold;
}

/*--------------------------------------------------------------
# Menu Burger
--------------------------------------------------------------*/
.menu-burger {
  width: 2.4rem;
  height: 2rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
}

.menu-burger--close {
  display: none;
}

.menu-burger * {
  background-color: #ffffff;
  width: 100%;
  height: 1px;
  position: absolute;
  right: 0;
  opacity: 0.6;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.menu-burger :nth-child(1) {
  top: 0;
  width: 60%;
}

.menu-burger :nth-child(2) {
  top: 50%;
  transform: translateY(-50%);
}

.menu-burger :nth-child(3) {
  bottom: 0;
  width: 60%;
}

.menu-burger:hover *,
.menu-burger--close * {
  width: 100% !important;
}

/*--------------------------------------------------------------
>>> Front Title
--------------------------------------------------------------*/
#front-title {
  position: absolute;
  top: 0;
  right: 0;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

/*--------------------------------------------------------------
>>> Front Page Logo
--------------------------------------------------------------*/
.front-logo-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  z-index: 1;
  padding-right: 11.2rem;
  top: 0;
  right: 0;
}

.front-logo-col {
  width: 25%;
  position: relative;
  margin-left: auto;
}

.front-logo {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
}

.front-logo__image {
  background-image: url(/wp-content/uploads/2021/05/front-logo.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 20rem;
  height: 20rem;
}

/* #front-logo {
  transform: translateY(4rem);
  opacity: 0;
} */

/*--------------------------------------------------------------
>>> Front Page Slider
--------------------------------------------------------------*/
.front-slider-wrap {
  width: 100vw;
  height: 100vh;
  transform: scale(1.1);
  opacity: 0;
}

.front-slider,
.front-slider__item,
.front-slider__wrap,
.front-slider__image {
  width: 100%;
  height: 100vh;
}

.front-slider__item {
  position: absolute;
  top: 0;
  left: 0;
}

.front-slider__item--first {
  z-index: 10;
}

.front-slider__image {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  /* transform: scale(1.1); */
}

.front-slider__item:nth-child(3) .front-slider__image {
  background-position: 50% 35%;
}

/* .front-slider__item.slick-current .front-slider__image {
  -webkit-animation: bgScale 5s forwards;
  -moz-animation: bgScale 5s forwards;
  -o-animation: bgScale 5s forwards;
  animation: bgScale 5s forwards;
} */

.front-slider .slick-dots {
  position: absolute;
  right: 26.6rem;
  bottom: 5.6rem;
}

.white-dots .slick-dots {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.white-dots .slick-dots li + li {
  margin-left: 1.6rem;
}

.white-dots .slick-dots li button {
  width: 0.64rem;
  height: 0.64rem;
  padding: 0;
  font-size: 0;
  border: none;
  border-radius: 0;
  background: #fff;
  opacity: 0.2;
  cursor: pointer;
}

.white-dots .slick-dots li.slick-active button {
  opacity: 1;
}

.front-slider__nav {
  position: absolute;
  right: 19rem;
  bottom: 5.5rem;
}

.front-slider .slick-prev {
  display: none !important;
}

.front-slider__next {
  font-weight: bold;
  font-size: 1.12rem;
  line-height: 1;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #fff;
  cursor: pointer;
}

/*--------------------------------------------------------------
>>> Background Scale Animation
--------------------------------------------------------------*/
@-webkit-keyframes bgScale {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.1);
  }
}

@-moz-keyframes bgScale {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.1);
  }
}

@-o-keyframes bgScale {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.1);
  }
}

@keyframes bgScale {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.1);
  }
}

/*--------------------------------------------------------------
>>> Logo Bar
--------------------------------------------------------------*/
.logo-bar {
  position: fixed;
  left: 0;
  top: 0;
  height: 100vh;
  width: 11.2rem;
  padding: 4.8rem 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: flex-end;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  justify-content: center;
  z-index: 90;
  background: #0f101a;
}

.logo-bar__image {
  background-image: url(/wp-content/uploads/2021/05/front-logo.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 6.4rem;
  height: 6.4rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
}

/*--------------------------------------------------------------
>>> Page Content
--------------------------------------------------------------*/
.page-content {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  padding-right: 11.2rem;
  padding-left: 11.2rem;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.page-content--blur,
.mfp-zoom-out-cur .page-content {
  filter: blur(4rem);
}

.page-gray-layout {
  background: rgba(255, 250, 247, 0.12);
  box-shadow: 0px 9px 68px rgb(0 0 0 / 17%);
  width: 65.6rem;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 11.2rem;
  z-index: -1;
}

.vikilee-layout {
  position: absolute;
  right: -2.5rem;
  top: 50%;
  transform: translateY(-50%);
  z-index: -1;
}

.vikilee-layout__text {
  font-weight: 600;
  font-size: 11.2rem;
  line-height: 13.12rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgb(255 255 255 / 2%);
  transform: rotate(-90deg);
  opacity: 0;
}

/*--------------------------------------------------------------
>>> Page Header
--------------------------------------------------------------*/
.page-header {
  padding: 4rem 8.8rem 0;
}

.page-header--mobile {
  display: none;
}

/*--------------------------------------------------------------
>>> Page Title
--------------------------------------------------------------*/
.page-title {
  color: #fff;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 4rem;
  line-height: 1.2;
}

/*--------------------------------------------------------------
>>> Page Subtitle
--------------------------------------------------------------*/
.page-subtitle {
  color: #fff;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  font-size: 2.1rem;
  line-height: 1.35;
  font-weight: 400;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
}

/*--------------------------------------------------------------
>>> News Page
--------------------------------------------------------------*/

/*--------------------------------------------------------------
>>> News Wrap
--------------------------------------------------------------*/
.news-wrap {
  padding: 4rem 8.8rem 0;
  position: relative;
}

.news-wrap--mobile {
  display: none;
}

/*--------------------------------------------------------------
>>> News Slider
--------------------------------------------------------------*/
.news-slider .slick-list {
  overflow: visible !important;
}

.news-slider__item {
  opacity: 0;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.news-slider__item.slick-current {
  opacity: 1;
}

.news-slider .slick-dots {
  position: absolute;
  bottom: 0;
  right: -5rem;
}

.news-slider__nav {
  position: absolute;
  right: 3.7rem;
  bottom: 5rem;
}

.news-slider__nav > * {
  width: 4.8rem;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.news-slider__nav svg {
  width: 100%;
}

.news-slider__nav .slick-disabled {
  opacity: 0;
}

.news-slider__next {
  margin-top: 1.5rem;
}

/*--------------------------------------------------------------
>>> News Grid
--------------------------------------------------------------*/
.news-grid {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}

.news-grid__item {
  width: 33.3333%;
}

.news-grid__wrap {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
}

.news-grid__item:nth-child(1) .news-grid__wrap,
.news-grid__item:nth-child(2) .news-grid__wrap,
.news-grid__item:nth-child(3) .news-grid__wrap {
  padding-bottom: 6.8rem;
}

.news-grid__image {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 22.8rem;
  height: 22.8rem;
  position: relative;
  filter: drop-shadow(0px -1.9128px 21.0408px rgba(0, 0, 0, 0.31));
}

.news-grid__image:before {
  content: '';
  background: rgba(255, 255, 255, 0.02);
  width: 12.8rem;
  height: 12.8rem;
  position: absolute;
  top: -2rem;
  right: -8.5rem;
  z-index: 1;
}

.news-grid__title-wrap {
  width: calc(100% - 22.8rem);
  position: relative;
}

.news-grid__title-wrap:before {
  content: '';
  background-image: url(/wp-content/uploads/2021/05/arrow.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 1.6rem;
  height: 3rem;
  position: absolute;
  bottom: 0;
  left: 2.5rem;
}

.news-grid__title {
  width: 22.8rem;
  height: 4rem;
  letter-spacing: 0.08em;
  color: #ffffff;
  opacity: 0.8;
  font-weight: 500;
  font-size: 1.12rem;
  line-height: 1.75;
  position: absolute;
  bottom: -3.9rem;
  left: 2rem;
  transform: rotate(-90deg);
  transform-origin: 0% 0%;
  padding-left: 4rem;
}

.news-grid__title span {
  font-weight: bold;
}

/*--------------------------------------------------------------
>>> News Content
--------------------------------------------------------------*/
.news-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}

.news-content__image {
  width: 47rem;
  height: 47rem;
}

.news-content__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.news-content__content {
  width: calc(100% - 47rem);
  padding-left: 6.4rem;
  position: relative;
}

.news-content__title--mobile {
  display: none;
}

.news-content__title {
  font-weight: 600;
  font-size: 2.4rem;
  line-height: 1.35;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #ffffff;
  padding-bottom: 3.5rem;
  padding-right: 3rem;
}

.news-content__text {
  padding-bottom: 4.8rem;
}

.news-content__text--mobile {
  display: none;
}

.news-content__text,
.news-content__text p {
  font-weight: 300;
  font-size: 1.3rem;
  line-height: 1.9;
  letter-spacing: 0.12em;
  color: #ffffff;
}

.news-content__btn {
  font-weight: 300;
  font-size: 1.28rem;
  line-height: 1.6;
  letter-spacing: 0.08em;
  color: #ffffff;
  opacity: 0.8;
  display: inline-block;
  text-transform: uppercase;
}

.news-content__btn span:first-child {
  display: block;
}

.news-content__btn span:nth-child(2) {
  font-weight: 600;
}

.news-content__vikilee {
  font-weight: 600;
  font-size: 14.4rem;
  line-height: 16rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #ffffff;
  opacity: 0.06;
  position: absolute;
  top: 50%;
  left: 9rem;
  transform: translateY(-50%);
  z-index: -1;
}

.news-content__nav {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding-bottom: 1rem;
}

.news-content__arrow {
  width: 5.5rem;
}

.news-content__arrow svg {
  width: 100%;
}

/*--------------------------------------------------------------
>>> Video Content
--------------------------------------------------------------*/
.modal-container__video-modal {
  max-width: 94.4rem;
}

.video-content__title {
  padding-bottom: 3.5rem;
}

.video-content__title,
.video-content__title * {
  font-weight: 500;
  font-size: 1.92rem;
  line-height: 1.35;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #ffffff;
}

.video-content__title span {
  font-weight: 600;
}

.video-content__iframe {
  padding-bottom: 3rem;
}

.video-content__btn {
  font-weight: 300;
  font-size: 1.28rem;
  line-height: 1.6;
  letter-spacing: 0.08em;
  color: #ffffff;
  opacity: 0.8;
  display: inline-block;
  text-transform: uppercase;
}

.video-content__btn span:first-child {
  display: block;
}

.video-content__btn span:nth-child(2) {
  font-weight: 600;
}

/*--------------------------------------------------------------
>>> Iframe Wrap
--------------------------------------------------------------*/
.iframe-wrap iframe {
  width: 100%;
  height: 40rem;
}

/*--------------------------------------------------------------
>>> Photo Wrap
--------------------------------------------------------------*/
.photo-wrap {
  padding: 4rem 18rem 0 8.8rem;
  position: relative;
}

/*--------------------------------------------------------------
>>> Photo Grid
--------------------------------------------------------------*/
.grid-stagger > * {
  opacity: 0;
  transform: translateY(3rem);
}

.photo-grid {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}

.photo-grid__item {
  width: 33.3333%;
}

.photo-grid__wrap {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
}

.photo-grid__item:nth-child(1) .photo-grid__wrap,
.photo-grid__item:nth-child(2) .photo-grid__wrap,
.photo-grid__item:nth-child(3) .photo-grid__wrap {
  padding-bottom: 5.2rem;
}

.photo-grid__image {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 25.2rem;
  height: 25.2rem;
  position: relative;
  filter: drop-shadow(0px -1.9128px 21.0408px rgba(0, 0, 0, 0.31));
}

.photo-grid__image:before {
  content: '';
  background: rgba(255, 255, 255, 0.02);
  width: 12.8rem;
  height: 12.8rem;
  position: absolute;
  top: -2rem;
  right: -8.5rem;
  z-index: 1;
}

/*--------------------------------------------------------------
>>> Photo Content
--------------------------------------------------------------*/
.photo-content__image {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  justify-content: center;
  height: 70rem;
}

.photo-content__image img {
  width: auto;
  height: 100%;
  object-fit: contain;
  filter: drop-shadow(0 3.5rem 5.6rem rgba(0, 0, 0, 0.24));
}

.photo-modal .close {
  top: 0rem;
  right: 0rem;
}

/*--------------------------------------------------------------
>>> Contacts Page
--------------------------------------------------------------*/
.contacts-page__row {
  padding-top: 4rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.contacts-page__image {
  width: 60%;
  opacity: 0;
  transform: translateY(2rem);
}

.contacts-page__form-col {
  width: 40%;
  padding-left: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transform: translateY(2rem);
}

.contacts-page__form {
  width: 22rem;
}

/*--------------------------------------------------------------
>>> Address Form
--------------------------------------------------------------*/
.address-form {
  padding-bottom: 3.6rem;
}

.address-form,
.address-form * {
  font-weight: normal;
  font-size: 1.12rem;
  line-height: 2.5;
  letter-spacing: 0.08em;
  color: #ffffff;
  opacity: 0.8;
}

/*--------------------------------------------------------------
>>> Contacts Wrap
--------------------------------------------------------------*/
.contacts-wrap {
  padding: 4rem 8.8rem 0;
}

/*--------------------------------------------------------------
>>> Contacts
--------------------------------------------------------------*/
.open-form {
  display: none;
}

.manager-icons {
  display: none;
}

.manager-icons {
  opacity: 0.8;
  color: #fff;
  font-size: 2.5rem;
  padding-top: 1rem;
}

.manager-icons a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  opacity: 0.8;
  color: #fff;
  font-size: 2rem;
}

.manager-icons a + a {
  margin-left: 1.5rem;
}

.contacts {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.contacts__item + .contacts__item {
  padding-left: 8rem;
}

.contacts-stagger-desktop {
  opacity: 0;
  transform: translateY(2rem);
}

.contacts__wrap {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  padding-top: 3.5rem;
}

.contacts__label {
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 1.5;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #ffffff;
  white-space: nowrap;
}

.contacts__content,
.contacts__content > * {
  font-weight: normal;
  font-size: 1.12rem;
  line-height: 2;
  letter-spacing: 0.08em;
  color: #ffffff;
  opacity: 0.8;
  display: inline-block;
  white-space: nowrap;
}

/*--------------------------------------------------------------
>>> First Letter
--------------------------------------------------------------*/
.first-letter {
  position: relative;
}

.first-letter:before {
  content: attr(data-letter);
  font-weight: 500;
  font-size: 9.6rem;
  line-height: 1;
  letter-spacing: 0;
  text-transform: uppercase;
  color: #ffffff;
  opacity: 0.02;
  position: absolute;
  left: -3rem;
  top: 50%;
  transform: translateY(-50%);
}

/*--------------------------------------------------------------
>>> Contacts Gray Layout
--------------------------------------------------------------*/
.contacts-gray-layout {
  background: rgba(255, 250, 247, 0.12);
  box-shadow: 0px 9px 68px rgb(0 0 0 / 17%);
  width: 38.8rem;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 11.2rem;
  z-index: -1;
}

/*--------------------------------------------------------------
>>> Vikilee Contacts
--------------------------------------------------------------*/
.vikilee-contacts {
  position: absolute;
  left: -7.5rem;
  top: 68%;
  transform: translateY(-50%);
  z-index: -1;
}

.vikilee-contacts__text {
  font-weight: 600;
  font-size: 11.2rem;
  line-height: 13.12rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgb(255 255 255 / 2%);
  transform: rotate(-90deg);
  opacity: 0;
}

/*--------------------------------------------------------------
>>> Gradient Image
--------------------------------------------------------------*/
.gradient-image {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.gradient-image img {
  width: 100%;
  height: 43rem;
  object-fit: cover;
}

.gradient-image__overlay {
  position: absolute;
  background: linear-gradient(90deg, #2a2a31 0%, rgba(42, 42, 49, 0) 70.76%);
  box-shadow: 0 0 2.4rem rgb(0 0 0 / 30%), 0 0 0.32rem 4rem rgb(0 0 0 / 4%);
  width: 100%;
  height: 100%;
}

/*--------------------------------------------------------------
>>> Bio Content
--------------------------------------------------------------*/
.bio-content {
  position: relative;
}

.bio-content * {
  font-weight: 300;
  font-size: 1.12rem;
  line-height: 2;
  letter-spacing: 0.12em;
  color: #ffffff;
}

.bio-content ul,
.bio-content ol {
  padding: 0;
  margin: 0;
  list-style: none;
}

.bio-content li::before {
  content: '-';
  padding-right: 0.5rem;
}

.bio-content h1,
.bio-content h2,
.bio-content h3,
.bio-content h4,
.bio-content h5,
.bio-content h6 {
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 1.6;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #ffffff;
  padding-bottom: 2rem;
}

.bio-content * + h1,
.bio-content * + h2,
.bio-content * + h3,
.bio-content * + h4,
.bio-content * + h5,
.bio-content * + h6 {
  padding-top: 4rem;
}

.bio-content .first-letter:before {
  left: -2.5rem;
  top: unset;
  transform: unset;
  bottom: 0;
  font-size: 8rem;
}

/*--------------------------------------------------------------
>>> Bio Page
--------------------------------------------------------------*/
.bio-page {
  padding: 0 8.8rem 0;
  position: relative;
}

.read-more-bio,
.read-more-bio-url {
  display: none;
}

/*--------------------------------------------------------------
>>> Bio Slider
--------------------------------------------------------------*/
.bio-slider {
  width: 100%;
  height: 100%;
}

.bio-slider__item {
  width: 100%;
  height: 100%;
}

/*--------------------------------------------------------------
>>> Bio First
--------------------------------------------------------------*/
.bio-first {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  padding-top: 8rem;
}

.bio-first__image-col {
  width: 39%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-end;
  position: relative;
  opacity: 0;
  transform: translateY(2rem);
}

.bio-first__image {
  width: 35.2rem;
  height: 51.2rem;
  object-fit: cover;
}

.bio-first__content-col {
  width: 61%;
  padding-left: 6.8rem;
  opacity: 0;
  transform: translateY(2rem);
}

.bio__gray-layout {
  background: rgba(255, 250, 247, 0.12);
  box-shadow: 0px 9px 68px rgba(0, 0, 0, 0.17);
  width: 38.8rem;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 11.2rem;
  z-index: -1;
}

.second__gray-layout {
  background: rgba(255, 250, 247, 0.12);
  box-shadow: 0px 9px 68px rgb(0 0 0 / 17%);
  width: 96rem;
  height: 100vh;
  position: fixed;
  top: 0;
  right: 11.2rem;
  z-index: -1;
  display: none;
}

.dark-vikilee {
  font-weight: 600;
  font-size: 6.72rem;
  line-height: 1.08;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #0f101a;
  position: absolute;
  right: -2.5rem;
  top: 50%;
  transform: translateY(-50%);
}

.light-vikilee {
  position: absolute;
  right: 8.5rem;
  top: 50%;
  transform: translateY(-50%);
  z-index: 0;
}

.light-vikilee__text {
  font-weight: 600;
  font-size: 11.2rem;
  line-height: 13.12rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgb(255 255 255 / 2%);
  transform: rotate(-90deg);
  opacity: 0;
}

.vikilee-caption {
  font-size: 1.28rem;
  line-height: 2;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #ffffff;
  opacity: 0.8;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  transform: translateX(2rem);
}

.vikilee-caption span {
  font-weight: 800;
}

.first-slide-next {
  position: absolute;
  top: -5rem;
  right: 2rem;
  cursor: pointer;
}

.first-slide-next svg {
  width: 4.88rem;
  height: 0.64rem;
}

/*--------------------------------------------------------------
>>> Bio Second
--------------------------------------------------------------*/
.bio-second {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  padding-top: 2.4rem;
  position: relative;
}

.bio-second__content-col {
  width: 62%;
  padding-right: 9.2rem;
}

.bio-second__image-col {
  width: 38%;
}

.bio-second__image {
  width: 35.2rem;
  height: 51.2rem;
  object-fit: cover;
}

.dark-vikilee--second {
  top: unset;
  transform: unset;
  bottom: 4rem;
  right: 6.5rem;
  color: #2a2a31;
}

.bio-second-nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  position: absolute;
  bottom: 0;
}

.bio-second-nav--mobile {
  display: none;
}

.bio-second__arrow {
  cursor: pointer;
}

.bio-second__arrow + .bio-second__arrow {
  padding-left: 2.8rem;
}

.bio-second__arrow svg {
  width: 4.88rem;
  height: 0.64rem;
}

.secod-life {
  position: absolute;
  right: -4rem;
  bottom: 9rem;
  z-index: 0;
}

.secod-life__text {
  font-weight: 600;
  font-size: 11.2rem;
  line-height: 13.12rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #ffffff;
  opacity: 0.02;
  transform: rotate(-90deg);
  white-space: nowrap;
}

/*--------------------------------------------------------------
>>> Bio First
--------------------------------------------------------------*/
.bio-third {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  padding-top: 8rem;
}

.bio-third__image-col {
  width: 39%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-end;
  position: relative;
}

.bio-third__image {
  width: 35.2rem;
  height: 51.2rem;
  object-fit: cover;
}

.bio-third__content-col {
  width: 61%;
  padding-left: 6.8rem;
}

.third-slide-prev {
  position: absolute;
  top: -5rem;
  right: 2rem;
  cursor: pointer;
}

.third-slide-prev svg {
  width: 4.88rem;
  height: 0.64rem;
}

.dark-vikilee--bottom {
  top: unset;
  transform: unset;
  bottom: 4rem;
}

/*--------------------------------------------------------------
>>> Capthca
--------------------------------------------------------------*/
.grecaptcha-badge {
  opacity: 0 !important;
  pointer-events: none !important;
  z-index: -1 !important;
}
/* //Бургер// */

@-webkit-keyframes topBar_open {
  0% {
    transform: translateY(0px) rotate(0deg);
    width: 60px;
  }
  10% {
    transform: translateY(-8px) rotate(0deg);
    width: 60px;
  }
  50% {
    transform: translateY(25px) rotate(45deg);
    width: 84px;
  }
  75% {
    transform: translateY(12px) rotate(45deg);
    width: 84px;
  }
  100% {
    transform: translateY(17px) rotate(45deg);
    width: 84px;
  }
}
@keyframes topBar_open {
  0% {
    transform: translateY(0px) rotate(0deg);
    width: 60px;
  }
  10% {
    transform: translateY(-8px) rotate(0deg);
    width: 60px;
  }
  50% {
    transform: translateY(25px) rotate(45deg);
    width: 84px;
  }
  75% {
    transform: translateY(12px) rotate(45deg);
    width: 84px;
  }
  100% {
    transform: translateY(17px) rotate(45deg);
    width: 84px;
  }
}
@-webkit-keyframes bottomBar_open {
  0% {
    transform: translateY(0px) rotate(0deg);
    width: 60px;
  }
  10% {
    transform: translateY(-8px) rotate(0deg);
    width: 60px;
  }
  60% {
    transform: translateY(0px) rotate(-45deg);
    width: 84px;
  }
  75% {
    transform: translateY(-10px) rotate(-45deg);
    width: 84px;
  }
  100% {
    transform: translateY(-8px) rotate(-45deg);
    width: 84px;
  }
}
@keyframes bottomBar_open {
  0% {
    transform: translateY(0px) rotate(0deg);
    width: 60px;
  }
  10% {
    transform: translateY(-8px) rotate(0deg);
    width: 60px;
  }
  60% {
    transform: translateY(0px) rotate(-45deg);
    width: 84px;
  }
  75% {
    transform: translateY(-10px) rotate(-45deg);
    width: 84px;
  }
  100% {
    transform: translateY(-8px) rotate(-45deg);
    width: 84px;
  }
}
@-webkit-keyframes menuLabel_open {
  0% {
    transform: translateY(0px);
    opacity: 1;
  }
  25% {
    transform: translateY(-18px);
  }
  45% {
    transform: translateY(44px);
    opacity: 1;
  }
  48% {
    transform: translateY(50px);
    opacity: 0;
  }
  100% {
    transform: translateY(30px);
    opacity: 0;
  }
}
@keyframes menuLabel_open {
  0% {
    transform: translateY(0px);
    opacity: 1;
  }
  25% {
    transform: translateY(-18px);
  }
  45% {
    transform: translateY(44px);
    opacity: 1;
  }
  48% {
    transform: translateY(50px);
    opacity: 0;
  }
  100% {
    transform: translateY(30px);
    opacity: 0;
  }
}
@-webkit-keyframes topBar_close {
  0% {
    transform: translateY(17px) rotate(45deg);
    width: 84px;
  }
  35% {
    transform: translateY(-8px) rotate(-4deg);
    width: 60px;
  }
  53% {
    transform: translateY(10px) rotate(3deg);
    width: 60px;
  }
  70% {
    transform: translateY(-6px) rotate(0deg);
    width: 60px;
  }
  100% {
    transform: translateY(-2px) rotate(0deg);
    width: 60px;
  }
}
@keyframes topBar_close {
  0% {
    transform: translateY(17px) rotate(45deg);
    width: 84px;
  }
  35% {
    transform: translateY(-8px) rotate(-4deg);
    width: 60px;
  }
  53% {
    transform: translateY(10px) rotate(3deg);
    width: 60px;
  }
  70% {
    transform: translateY(-6px) rotate(0deg);
    width: 60px;
  }
  100% {
    transform: translateY(-2px) rotate(0deg);
    width: 60px;
  }
}
@-webkit-keyframes bottomBar_close {
  0% {
    transform: translateY(-8px) rotate(-45deg);
    width: 84px;
  }
  35% {
    transform: translateY(-18px) rotate(6deg);
    width: 60px;
  }
  53% {
    transform: translateY(0px) rotate(-3deg);
    width: 60px;
  }
  68% {
    transform: translateY(-7px) rotate(0deg);
    width: 60px;
  }
  100% {
    transform: translateY(0px) rotate(0deg);
    width: 60px;
  }
}
@keyframes bottomBar_close {
  0% {
    transform: translateY(-8px) rotate(-45deg);
    width: 84px;
  }
  35% {
    transform: translateY(-18px) rotate(6deg);
    width: 60px;
  }
  53% {
    transform: translateY(0px) rotate(-3deg);
    width: 60px;
  }
  68% {
    transform: translateY(-7px) rotate(0deg);
    width: 60px;
  }
  100% {
    transform: translateY(0px) rotate(0deg);
    width: 60px;
  }
}
@-webkit-keyframes menuLabel_close {
  0% {
    transform: translateY(30px);
    opacity: 0;
  }
  5% {
    transform: translateY(25px);
    opacity: 1;
  }
  25% {
    transform: translateY(-30px);
    opacity: 1;
  }
  37% {
    transform: translateY(-22px);
    opacity: 1;
  }
  45% {
    transform: translateY(-22px);
    opacity: 1;
  }
  58% {
    transform: translateY(8px) rotate(-10deg);
    opacity: 1;
  }
  83% {
    transform: translateY(-6px) rotate(0deg);
    opacity: 1;
  }
  100% {
    transform: translateY(0px);
    opacity: 1;
  }
}
@keyframes menuLabel_close {
  0% {
    transform: translateY(30px);
    opacity: 0;
  }
  5% {
    transform: translateY(25px);
    opacity: 1;
  }
  25% {
    transform: translateY(-30px);
    opacity: 1;
  }
  37% {
    transform: translateY(-22px);
    opacity: 1;
  }
  45% {
    transform: translateY(-22px);
    opacity: 1;
  }
  58% {
    transform: translateY(8px) rotate(-10deg);
    opacity: 1;
  }
  83% {
    transform: translateY(-6px) rotate(0deg);
    opacity: 1;
  }
  100% {
    transform: translateY(0px);
    opacity: 1;
  }
}

#menu-btn {
  display: block;
  position: absolute;
  text-align: center;
  width: 60px;
  height: 65px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#menu-btn:before,
#menu-btn:after {
  content: '';
  width: 100%;
  height: 8px;
  background-color: #fff;
  display: block;
  position: absolute;
  border-radius: 20px;
}
#menu-btn:before {
  transform-origin: left center;
}
#menu-btn:after {
  right: 0;
  top: 25px;
  transform-origin: right center;
}
#menu-btn .text {
  color: #fff;
  display: block;
  position: absolute;
  bottom: 0;
  font-size: 17px;
  letter-spacing: 2.5px;
}
#menu-btn:hover {
  cursor: pointer;
}
#menu-btn.open:before {
  -webkit-animation: topBar_open 1s ease-in-out;
  animation: topBar_open 1s ease-in-out;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
#menu-btn.open:after {
  -webkit-animation: bottomBar_open 1s ease-in-out;
  animation: bottomBar_open 1s ease-in-out;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
#menu-btn.open .text {
  -webkit-animation: menuLabel_open 1s ease-in;
  animation: menuLabel_open 1s ease-in;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
#menu-btn.close:before {
  -webkit-animation: topBar_close 1s ease-in-out;
  animation: topBar_close 1s ease-in-out;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
#menu-btn.close:after {
  -webkit-animation: bottomBar_close 1s ease-in-out;
  animation: bottomBar_close 1s ease-in-out;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
#menu-btn.close .text {
  -webkit-animation: menuLabel_close 1s ease-in;
  animation: menuLabel_close 1s ease-in;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

/* //Курсор// */
html,
html *,
body,
body * {
  cursor: none;
}
.cursor-dot,
.cursor-dot-outline {
  mix-blend-mode: normal;
  pointer-events: none;
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  opacity: 0;
  position: fixed;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: opacity 0.3s ease-in-out,
    -webkit-transform 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out,
    -webkit-transform 0.3s ease-in-out;
}

.cursor-dot {
  z-index: 99999999;
  width: 8px;
  height: 8px;
  background-color: rgba(255, 255, 255, 0.72);
  border: solid;
  border-radius: 50%;
  border-width: 0px;
  border-color: #fff;
}

.cursor-dot-outline {
  z-index: 99999998;
  width: 19px;
  height: 19px;
  background-color: rgba(117, 117, 208, 0);
  border: dashed;
  border-radius: 50%;
  border-width: 1px;
  border-color: #fff;
}

/* //Видео на фоне// */

.bg-video {
  position: relative;
  height: 100vh;
}

.bg-video__video {
  position: absolute;
  inset: 0;
  z-index: 0;
}

.bg-video__video video {
  position: absolute;
  width: 100%;
  height: 100vh;
  object-fit: cover;
}

.bg-video__wrap {
  width: 450px;
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  text-align: center;
}

.bg-video__logo {
  width: 450px;
  height: 450px;
  animation-delay: 3s;
}

.bg-video__logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.bg-video__title {
  animation-delay: 5s;
}

.bg-video__title h2 {
  font-size: 40px;
}

.bg-video__desc {
  font-size: 25px;
  animation-delay: 6s;
}

.bg-video__anim {
  transform: translateY(-100px);
  opacity: 0;
  animation-name: show;
  animation-duration: 1s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
}

@keyframes show {
  from {
    transform: translateY(-100px);
    opacity: 0;
  }

  to {
    transform: translateY(0px);
    opacity: 1;
  }
}

/*--------------------------------------------------------------
>>> Tablet
--------------------------------------------------------------*/
@media screen and (max-width: 1023px) and (min-width: 768px) {
  /*--------------------------------------------------------------
  >>> Preloader
  --------------------------------------------------------------*/
  .preloader__logo-wrap {
    width: 15rem;
    height: 15rem;
  }

  .preloader__logo {
    width: 9rem;
    height: 9rem;
  }

  .preloader__numbers {
    bottom: 4rem;
  }

  /*--------------------------------------------------------------
  >>> Modals
  --------------------------------------------------------------*/
  .modal-container {
    padding: 0;
    width: 60%;
  }

  .modal-container__video-modal {
    max-width: 45rem;
  }

  .photo-modal .modal-container {
    padding: 0;
  }

  .close {
    top: -5rem;
    right: 0rem;
  }

  .photo-modal .close {
    right: 0;
  }

  .news-content__vikilee {
    font-size: 8rem;
    line-height: 1;
    top: 10rem;
    right: 2rem;
    left: unset;
    transform: unset;
    display: none;
  }

  .news-content__image {
    width: 100%;
    height: 20rem;
    padding-right: 7rem;
    padding-bottom: 2rem;
    display: none;
  }

  .news-content__nav {
    display: none;
  }

  .news-content__content {
    width: 100%;
    padding-left: 0;
    padding-top: 0;
  }

  .news-content__title--mobile {
    display: block;
  }

  .news-content__title--desktop {
    display: none;
  }

  .news-content__title {
    font-size: 1.4rem;
    padding-bottom: 1rem;
  }

  .news-content__text--mobile {
    display: block;
  }

  .news-content__text--desktop {
    display: none;
  }

  .news-content__text {
    padding-bottom: 2rem;
  }

  .news-content__text,
  .news-content__text p {
    font-size: 1.1rem;
    line-height: 1.6;
  }

  .news-content__btn {
    font-size: 1rem;
  }

  /*--------------------------------------------------------------
  >>> Modal Menu
  --------------------------------------------------------------*/
  .modal-menu {
    padding-left: 6rem;
    padding-right: 6rem;
    padding-top: 0;
    background-image: unset;
    background: #0f101a;
  }

  .modal-menu--front-page {
    padding: 0;
  }

  .modal-menu__sidebar {
    display: none !important;
  }

  .modal-menu__wrap {
    width: 100%;
    padding-right: 0;
    padding: 0 2rem;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    justify-content: center;
  }

  .modal-menu__content {
    padding-bottom: 0;
  }

  /*--------------------------------------------------------------
  >>> Menu
  --------------------------------------------------------------*/
  .menu {
    width: 100%;
  }

  .menu__item {
    text-align: center;
  }

  .menu__url {
    font-size: 1.5rem;
    line-height: 1.8;
  }

  .menu__bottom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    z-index: 15;
    padding-top: 2rem;
  }

  /*--------------------------------------------------------------
  >>> Newsletter
  --------------------------------------------------------------*/
  .newsletter__title {
    padding-bottom: 1rem;
    font-size: 1.1rem;
    display: none;
  }

  /*--------------------------------------------------------------
  >>> Socials
  --------------------------------------------------------------*/
  .modal-menu__socials {
    padding-top: 1.5rem;
  }

  /*--------------------------------------------------------------
  >>> Menu Bar
  --------------------------------------------------------------*/
  .menu-bar {
    width: 10rem;
    padding: 2.5rem 0;
  }

  /*--------------------------------------------------------------
  >>> Langs
  --------------------------------------------------------------*/
  .langs__item {
    font-size: 0.9rem;
  }

  .langs__item + .langs__item {
    padding-left: 0.5rem;
  }

  /*--------------------------------------------------------------
  # Front Logo 
  --------------------------------------------------------------*/
  .front-logo-overlay {
    padding-right: 10rem;
  }

  .front-logo-col {
    margin-left: auto;
  }

  .front-logo {
    left: unset;
    right: 0;
    top: 50%;
    transform: translate(-50%, -50%);
    padding-right: 2rem;
    padding-top: 2rem;
    z-index: 1;
  }

  .front-logo__image {
    width: 10rem;
    height: 10rem;
  }

  /*--------------------------------------------------------------
  >>> Front Page Slider
  --------------------------------------------------------------*/
  .front-slider-wrap {
    transform: scale(1);
  }

  .front-slider__item:nth-child(1) .front-slider__image {
    background-position: 15% 50%;
  }

  .front-slider__nav {
    right: 18rem;
    bottom: 2.5rem;
  }

  .front-slider .slick-dots {
    right: 24rem;
    bottom: 2.5rem;
  }

  /*--------------------------------------------------------------
  >>> Logo Bar
  --------------------------------------------------------------*/
  .logo-bar {
    width: 10rem;
  }

  .logo-bar__image {
    width: 5.5rem;
    height: 5.5rem;
  }

  /*--------------------------------------------------------------
  >>> Page Content
  --------------------------------------------------------------*/
  .page-content {
    height: unset;
    padding-right: 0;
    padding-left: 0;
    padding-top: 0;
  }

  .page-gray-layout {
    width: 25rem;
    height: 100vh;
    top: 0;
    left: 0;
  }

  .vikilee-layout {
    display: none;
  }

  /*--------------------------------------------------------------
  >>> Page Header
  --------------------------------------------------------------*/
  .page-header {
    position: relative;
    padding: 1.5rem 10rem 0.5rem;
    width: 100%;
    text-align: center;
  }

  /*--------------------------------------------------------------
  >>> Page Title
  --------------------------------------------------------------*/
  .page-title {
    font-size: 2.5rem;
  }

  /*--------------------------------------------------------------
  >>> News Page
  --------------------------------------------------------------*/
  .news-page {
    height: 100vh;
  }

  /*--------------------------------------------------------------
  >>> News Wrap
  --------------------------------------------------------------*/
  .news-block {
    display: flex !important;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    justify-content: center;
    height: 100%;
    padding-bottom: 5rem;
  }

  .news-wrap--mobile {
    display: block;
  }

  .news-wrap--desktop {
    display: none;
  }

  .news-wrap {
    padding: 2rem 2rem 0;
    position: relative;
  }

  .news-wrap--mobile .news-wrap {
    padding: 0 10rem;
    position: relative;
  }

  /*--------------------------------------------------------------
  >>> News Slider
  --------------------------------------------------------------*/
  .news-slider {
    margin-top: -3rem;
    padding: 0 15rem;
  }

  .news-slider__item {
    opacity: 1;
  }

  .news-slider .slick-list {
    overflow: hidden !important;
  }

  .news-slider .slick-dots {
    position: absolute;
    bottom: -2rem;
    left: 0;
    right: unset;
    display: none !important;
  }

  .news-slider__nav {
    position: unset;
    right: unset;
    left: unset;
    transform: unset;
    bottom: unset;
    display: unset;
    display: unset;
    display: unset;
    display: unset;
    z-index: 0;
  }

  .news-slider__nav > * {
    width: 6rem;
    position: absolute;
    top: -3rem;
    z-index: 15;
  }

  .news-slider__prev {
    left: 15rem;
  }

  .news-slider__next {
    right: 15rem;
  }

  .news-slider__nav .slick-disabled {
    opacity: 0.2;
    pointer-events: all;
  }

  .news-slider__next {
    margin-top: 0;
    margin-left: 1rem;
  }

  /*--------------------------------------------------------------
  >>> News Grid
  --------------------------------------------------------------*/
  .news-grid__item {
    width: 100%;
  }

  .news-grid__wrap {
    flex-direction: column;
    padding-bottom: 1.5rem !important;
  }

  .news-grid__title-wrap {
    width: 100%;
    position: relative;
  }

  .news-grid__title {
    width: unset;
    height: unset;
    position: relative;
    bottom: unset;
    left: 0;
    top: 0;
    transform: unset;
    transform-origin: unset;
    padding-left: 0;
    padding-top: 1rem;
    font-size: 1.8rem;
    line-height: 1.6;
    text-align: center;
  }

  .news-grid__title-wrap:before {
    display: none;
  }

  .news-grid__image {
    width: 30rem;
    height: 25rem;
    filter: drop-shadow(0px -1px 2px rgba(0, 0, 0, 0.31));
    margin: 0 auto;
  }

  .news-grid__image:before {
    display: none;
  }

  /*--------------------------------------------------------------
  >>> Video Content
  --------------------------------------------------------------*/
  .video-content__title {
    padding-bottom: 1rem;
    padding-right: 2rem;
  }

  .video-content__title,
  .video-content__title * {
    font-size: 1.3rem;
    line-height: 1.5;
  }

  .video-content__btn {
    font-size: 1rem;
  }

  .video-content__iframe {
    padding-bottom: 1.5rem;
  }

  /*--------------------------------------------------------------
  >>> Iframe Wrap
  --------------------------------------------------------------*/
  .iframe-wrap iframe {
    width: 100%;
    height: 20rem;
  }

  /*--------------------------------------------------------------
  >>> Photo Wrap
  --------------------------------------------------------------*/
  .photo-wrap {
    padding: 0 10rem;
  }

  /*--------------------------------------------------------------
  >>> Photo Grid
  --------------------------------------------------------------*/
  .photo-grid__item {
    width: 100%;
  }

  .photo-grid__image {
    width: 28rem;
    height: 25rem;
    margin: 0 auto;
    filter: drop-shadow(0px -1px 2px rgba(0, 0, 0, 0.31));
  }

  .photo-grid__wrap,
  .photo-grid__item:nth-child(1) .photo-grid__wrap,
  .photo-grid__item:nth-child(2) .photo-grid__wrap,
  .photo-grid__item:nth-child(3) .photo-grid__wrap {
    padding-bottom: 3rem;
  }

  /*--------------------------------------------------------------
  >>> Photo Content
  --------------------------------------------------------------*/
  .photo-content__image {
    height: 40rem;
  }

  .photo-content__image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    filter: drop-shadow(0 3.5rem 5.6rem rgba(0, 0, 0, 0.24));
  }

  /*--------------------------------------------------------------
  >>> Contacts
  --------------------------------------------------------------*/
  .page-content.contacts-page {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    justify-content: center;
    height: 100vh;
  }

  .contacts-page .page-header {
    padding: 1.5rem 15rem 0.5rem;
  }

  .contacts-page .page-title {
    text-align: left;
  }

  .contacts-page .page-subtitle {
    width: 100%;
    text-align: left;
    font-size: 2rem;
  }

  .vikilee-contacts {
    display: none;
  }

  .contacts-wrap {
    padding: 2rem 15rem 0;
  }

  .contacts {
    flex-wrap: wrap;
  }

  .contacts__item--desktop {
    display: none !important;
  }

  .contacts__item {
    width: 35%;
  }

  .contacts__item:nth-child(1) {
    width: 65%;
  }

  .contacts__item.open-form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding-top: 2rem !important;
  }

  .contacts__label {
    font-size: 1.5rem;
    white-space: unset;
  }

  .contacts__item + .contacts__item {
    padding-left: 0;
    padding-top: 0;
  }

  .contacts-page__row {
    display: none;
  }

  .contacts-gray-layout {
    width: 55rem;
    left: 0;
  }

  /* Manager Icons
  --------------------------------------------------------------*/
  .manager-icons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }

  /*--------------------------------------------------------------
  >>> Open Form
  --------------------------------------------------------------*/
  .modal-container--contact {
    padding: 0;
    width: 75%;
  }

  .modal-container--contact .close {
    top: -3rem;
    right: -1rem;
  }

  .open-form {
    display: block;
    text-align: center;
  }

  .open-form__btn {
    font-size: 1.3rem;
    line-height: 2;
    letter-spacing: 0.08em;
    color: #ffffff;
    opacity: 0.8;
    display: inline-block;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: underline !important;
  }

  .form-modal-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
  }

  .address-form {
    padding: 0;
    padding-right: 2.5rem;
    width: 50%;
  }

  .contacts-page__form {
    width: 50%;
  }

  /*--------------------------------------------------------------
  >>> Bio Content
  --------------------------------------------------------------*/
  .bio-content * {
    font-size: 1.1rem;
  }

  .bio-content h1,
  .bio-content h2,
  .bio-content h3,
  .bio-content h4,
  .bio-content h5,
  .bio-content h6 {
    font-size: 1.5rem;
    line-height: 1.5;
    padding-bottom: 1rem;
  }

  .bio-content * + h1,
  .bio-content * + h2,
  .bio-content * + h3,
  .bio-content * + h4,
  .bio-content * + h5,
  .bio-content * + h6 {
    padding-top: 2rem;
  }

  /*--------------------------------------------------------------
  >>> Bio Page
  --------------------------------------------------------------*/
  .bio-page-wrap {
    height: 100vh;
  }

  .bio-page {
    padding: 0 6rem 0;
  }

  .read-more-bio {
    position: absolute;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.08em;
    bottom: 2rem;
    right: unset;
    left: 50%;
    transform: translateX(-50%);
    font-size: 1.5rem;
    text-decoration: underline !important;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }

  .read-more-bio-url {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    opacity: 0;
  }

  /*--------------------------------------------------------------
  >>> Bio Slider
  --------------------------------------------------------------*/
  .bio-slider {
    height: auto;
  }

  .bio__gray-layout,
  .second__gray-layout {
    width: 100%;
    height: 45vh;
    top: 0;
    left: 0;
  }

  /*--------------------------------------------------------------
  >>> Bio First
  --------------------------------------------------------------*/
  .bio-first {
    padding-top: 5rem;
  }

  .bio-first__image-col {
    width: 75%;
    margin: 0 auto;
  }

  .bio-first__image {
    width: 100%;
    height: 25rem;
    margin: 0 auto;
    object-fit: contain;
  }

  .vikilee-caption {
    font-size: 1rem;
    left: -2.5rem;
    top: 2rem;
  }

  .first-slide-next {
    top: -3rem;
    right: 0rem;
  }

  .first-slide-next svg {
    width: 5.5rem;
    height: auto;
  }

  .bio-first__content-col {
    display: none;
  }

  .dark-vikilee {
    display: none;
  }

  .light-vikilee {
    display: none;
  }

  /*--------------------------------------------------------------
  >>> Bio Second
  --------------------------------------------------------------*/
  .bio-second {
    padding-top: 5rem;
    padding-bottom: 3rem;
  }

  .bio-second__image-col {
    width: 75%;
    margin: 0 auto;
    position: relative;
  }

  .bio-second__image {
    width: 100%;
    height: 25rem;
    margin: 0 auto;
    object-fit: contain;
  }

  .bio-second-nav--mobile {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    top: -3rem;
    bottom: unset;
    justify-content: space-between;
    right: 0;
    left: 0;
  }

  .bio-second__arrow svg {
    width: 5.5rem;
    height: auto;
  }

  .bio-second__content-col {
    display: none;
  }

  /*--------------------------------------------------------------
  >>> Bio Third
  --------------------------------------------------------------*/
  .bio-third {
    padding-top: 5rem;
  }

  .bio-third__image-col {
    width: 75%;
    margin: 0 auto;
  }

  .bio-third__image {
    width: 100%;
    height: 25rem;
    margin: 0 auto;
    object-fit: contain;
  }

  .third-slide-prev {
    top: -3rem;
    right: 0rem;
    width: 100%;
  }

  .third-slide-prev svg {
    width: 5.5rem;
    height: auto;
  }

  .bio-third__content-col {
    display: none;
  }
}

/*--------------------------------------------------------------
>>> Landscape Mobile
--------------------------------------------------------------*/
@media screen and (orientation: landscape) and (max-width: 767px) {
  /*--------------------------------------------------------------
  >>> Preloader
  --------------------------------------------------------------*/
  .preloader__logo-wrap {
    width: 15rem;
    height: 15rem;
  }

  .preloader__logo {
    width: 9rem;
    height: 9rem;
  }

  .preloader__numbers {
    bottom: 4rem;
  }

  /*--------------------------------------------------------------
  >>> Modals
  --------------------------------------------------------------*/
  .mfp-arrow-left {
    left: 5rem !important;
  }

  .mfp-arrow-right {
    right: 5rem !important;
  }

  .modal-container {
    padding: 0;
    width: 60%;
  }

  .modal-container__video-modal {
    max-width: 70%;
  }

  .photo-modal .modal-container {
    padding: 0;
  }

  .close {
    top: 0;
    right: 1rem;
  }

  .photo-modal .close {
    right: 0;
  }

  .news-content__vikilee {
    font-size: 8rem;
    line-height: 1;
    top: 10rem;
    right: 2rem;
    left: unset;
    transform: unset;
    display: none;
  }

  .news-content__image {
    width: 100%;
    height: 20rem;
    padding-right: 7rem;
    padding-bottom: 2rem;
    display: none;
  }

  .news-content__nav {
    display: none;
  }

  .news-content__content {
    width: 100%;
    padding-left: 0;
    padding-top: 0;
  }

  .news-content__title--mobile {
    display: block;
  }

  .news-content__title--desktop {
    display: none;
  }

  .news-content__title {
    font-size: 1.4rem;
    padding-bottom: 1rem;
  }

  .news-content__text--mobile {
    display: block;
  }

  .news-content__text--desktop {
    display: none;
  }

  .news-content__text {
    padding-bottom: 2rem;
  }

  .news-content__text,
  .news-content__text p {
    font-size: 1.1rem;
    line-height: 1.6;
  }

  .news-content__btn {
    font-size: 1rem;
  }

  /*--------------------------------------------------------------
  >>> Modal Menu
  --------------------------------------------------------------*/
  .modal-menu {
    padding-left: 6rem;
    padding-right: 6rem;
    padding-top: 0;
    background-image: unset;
    background: #0f101a;
  }

  .modal-menu--front-page {
    padding: 0;
  }

  .modal-menu__sidebar {
    display: none !important;
  }

  .modal-menu__wrap {
    width: 100%;
    padding-right: 0;
    padding: 0 2rem;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    justify-content: center;
  }

  .modal-menu__content {
    padding-bottom: 0;
  }

  /*--------------------------------------------------------------
  >>> Menu
  --------------------------------------------------------------*/
  .menu {
    width: 100%;
  }

  .menu__item {
    text-align: center;
  }

  .menu__url {
    font-size: 1.5rem;
    line-height: 1.8;
  }

  .menu__bottom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    z-index: 15;
    padding-top: 2rem;
  }

  /*--------------------------------------------------------------
  >>> Newsletter
  --------------------------------------------------------------*/
  .newsletter__title {
    padding-bottom: 1rem;
    font-size: 1.1rem;
    display: none;
  }

  /*--------------------------------------------------------------
  >>> Socials
  --------------------------------------------------------------*/
  .modal-menu__socials {
    padding-top: 1.5rem;
  }

  /*--------------------------------------------------------------
  >>> Menu Bar
  --------------------------------------------------------------*/
  .menu-bar {
    width: 6rem;
    padding: 2.5rem 0;
  }

  /*--------------------------------------------------------------
  >>> Langs
  --------------------------------------------------------------*/
  .langs__item {
    font-size: 0.9rem;
  }

  .langs__item + .langs__item {
    padding-left: 0.5rem;
  }

  /*--------------------------------------------------------------
  # Front Logo 
  --------------------------------------------------------------*/
  .front-logo-overlay {
    padding-right: 0;
  }

  .front-logo-col {
    margin-left: auto;
  }

  .front-logo {
    left: unset;
    right: 0;
    top: 50%;
    transform: translate(-50%, -50%);
    padding-right: 2rem;
    padding-top: 2rem;
    z-index: 1;
  }

  .front-logo__image {
    width: 10rem;
    height: 10rem;
  }

  /*--------------------------------------------------------------
  >>> Front Page Slider
  --------------------------------------------------------------*/
  .front-slider-wrap {
    transform: scale(1);
  }

  /*--------------------------------------------------------------
  >>> Front Page Slider
  --------------------------------------------------------------*/
  .front-slider__item:nth-child(1) .front-slider__image {
    background-position: 15% 50%;
  }

  .front-slider__nav {
    right: 18rem;
    bottom: 2.5rem;
  }

  .front-slider .slick-dots {
    right: 24rem;
    bottom: 2.5rem;
  }

  /*--------------------------------------------------------------
  >>> Logo Bar
  --------------------------------------------------------------*/
  .logo-bar {
    width: 6rem;
  }

  .logo-bar__image {
    width: 3.5rem;
    height: 3.5rem;
  }

  /*--------------------------------------------------------------
  >>> Page Content
  --------------------------------------------------------------*/
  .page-content {
    height: unset;
    padding-right: 0;
    padding-left: 0;
    padding-top: 0;
  }

  .page-gray-layout {
    width: 25rem;
    height: 100vh;
    top: 0;
    left: 0;
  }

  .vikilee-layout {
    display: none;
  }

  /*--------------------------------------------------------------
  >>> Page Header
  --------------------------------------------------------------*/
  .page-header--desktop {
    display: none;
  }

  .page-header--mobile {
    display: flex;
    padding: 0;
    padding-bottom: 1rem;
  }

  /*--------------------------------------------------------------
  >>> Page Title
  --------------------------------------------------------------*/
  .page-title {
    font-size: 2.5rem;
  }

  /*--------------------------------------------------------------
  >>> News Page
  --------------------------------------------------------------*/
  .news-page {
    height: 100vh;
  }

  /*--------------------------------------------------------------
  >>> News Wrap
  --------------------------------------------------------------*/
  .news-block {
    display: flex !important;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    justify-content: center;
    height: 100%;
    padding-bottom: 5rem;
  }

  .news-wrap--mobile {
    display: block;
  }

  .news-wrap--desktop {
    display: none;
  }

  .news-wrap {
    padding: 2rem 2rem 0;
    position: relative;
  }

  .news-wrap--mobile .news-wrap {
    padding: 0 6rem;
    position: relative;
  }

  .news-slider__item {
    opacity: 1;
  }

  .news-slider .slick-list {
    overflow: hidden !important;
  }

  .news-slider .slick-dots {
    position: absolute;
    bottom: -2rem;
    left: 0;
    right: unset;
    display: none !important;
  }

  .news-slider__nav {
    position: absolute;
    right: unset;
    left: 50%;
    transform: translateX(-50%);
    bottom: -0.5rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }

  .news-slider__nav > * {
    width: 5.5rem;
  }

  .news-slider__nav .slick-disabled {
    opacity: 0.2;
    pointer-events: all;
  }

  .news-slider__next {
    margin-top: 0;
    margin-left: 1rem;
  }

  .news-grid__item {
    width: 100%;
  }

  .news-grid__wrap {
    flex-direction: column;
    padding-bottom: 1.5rem !important;
  }

  .news-grid__title-wrap {
    width: 100%;
    position: relative;
  }

  .news-grid__title {
    width: unset;
    height: unset;
    position: relative;
    bottom: unset;
    left: 0;
    top: 0;
    transform: unset;
    transform-origin: unset;
    padding-left: 0;
    padding-top: 0.5rem;
    font-size: 1.1rem;
    line-height: 1.6;
    text-align: center;
  }

  .news-grid__title-wrap:before {
    display: none;
  }

  .news-grid__image {
    width: 20rem;
    height: 17rem;
    filter: drop-shadow(0px -1px 2px rgba(0, 0, 0, 0.31));
    margin: 0 auto;
  }

  .news-grid__image:before {
    display: none;
  }

  /*--------------------------------------------------------------
  >>> Video Content
  --------------------------------------------------------------*/
  .video-content__title {
    padding-bottom: 1rem;
    padding-right: 2rem;
  }

  .video-content__title,
  .video-content__title * {
    font-size: 1.3rem;
    line-height: 1.5;
  }

  .video-content__btn {
    font-size: 1rem;
  }

  .video-content__iframe {
    padding-bottom: 1.5rem;
  }

  /*--------------------------------------------------------------
  >>> Iframe Wrap
  --------------------------------------------------------------*/
  .iframe-wrap iframe {
    width: 100%;
    height: 16rem;
  }

  /*--------------------------------------------------------------
  >>> Photo Wrap
  --------------------------------------------------------------*/
  .photo-wrap {
    padding: 0 6rem;
  }

  /*--------------------------------------------------------------
  >>> Photo Grid
  --------------------------------------------------------------*/
  .photo-grid__item {
    width: 100%;
  }

  .photo-grid__image {
    width: 20rem;
    height: 20rem;
    margin: 0 auto;
    filter: drop-shadow(0px -1px 2px rgba(0, 0, 0, 0.31));
  }

  .photo-grid__wrap,
  .photo-grid__item:nth-child(1) .photo-grid__wrap,
  .photo-grid__item:nth-child(2) .photo-grid__wrap,
  .photo-grid__item:nth-child(3) .photo-grid__wrap {
    padding-bottom: 3rem;
  }

  /*--------------------------------------------------------------
  >>> Photo Content
  --------------------------------------------------------------*/
  .photo-content__image {
    height: 30rem;
  }

  .photo-content__image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    filter: drop-shadow(0 3.5rem 5.6rem rgba(0, 0, 0, 0.24));
  }

  /*--------------------------------------------------------------
  >>> Contacts Page
  --------------------------------------------------------------*/
  .contacts-page {
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .contacts-page .contacts-wrap {
    padding: 0 6rem;
  }

  /*--------------------------------------------------------------
  >>> Contacts
  --------------------------------------------------------------*/
  .contacts-page .page-title {
    text-align: left;
  }

  .contacts-page .page-subtitle {
    width: 100%;
    text-align: left;
    font-size: 2rem;
  }

  .vikilee-contacts {
    display: none;
  }

  .contacts-wrap {
    padding: 2rem 6rem 0;
  }

  .contacts {
    flex-wrap: wrap;
  }

  .contacts__item--desktop {
    display: none !important;
  }

  .contacts__item {
    width: 50%;
  }

  .contacts__item:nth-child(1) {
    width: 100%;
  }

  .contacts__item.open-form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
  }

  .contacts__wrap {
    padding-top: 0;
  }

  .contacts__item:nth-child(1) .contacts__wrap {
    padding-top: 3rem;
  }

  .contacts__label {
    font-size: 1.5rem;
  }

  .contacts__item + .contacts__item {
    padding-left: 0;
    padding-top: 1rem;
  }

  .contacts-page__row {
    display: none;
  }

  /*--------------------------------------------------------------
  >>> Open Form
  --------------------------------------------------------------*/
  .modal-container--contact {
    padding: 0;
    width: 75%;
  }

  .modal-container--contact .close {
    top: -3rem;
    right: -1rem;
  }

  .open-form {
    display: block;
    text-align: center;
  }

  .open-form__btn {
    font-size: 1.3rem;
    line-height: 2;
    letter-spacing: 0.08em;
    color: #ffffff;
    opacity: 0.8;
    display: inline-block;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: underline !important;
  }

  .form-modal-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
  }

  .address-form {
    padding: 0;
    padding-right: 2.5rem;
    width: 50%;
  }

  .contacts-page__form {
    width: 50%;
  }

  /*--------------------------------------------------------------
  >>> Bio Content
  --------------------------------------------------------------*/
  .bio-content * {
    font-size: 1.1rem;
  }

  .bio-content h1,
  .bio-content h2,
  .bio-content h3,
  .bio-content h4,
  .bio-content h5,
  .bio-content h6 {
    font-size: 1.5rem;
    line-height: 1.5;
    padding-bottom: 1rem;
  }

  .bio-content * + h1,
  .bio-content * + h2,
  .bio-content * + h3,
  .bio-content * + h4,
  .bio-content * + h5,
  .bio-content * + h6 {
    padding-top: 2rem;
  }

  /*--------------------------------------------------------------
  >>> Bio Page
  --------------------------------------------------------------*/
  .bio-page-wrap {
    height: 100vh;
  }

  .bio-page {
    padding: 0 6rem 0;
  }

  .read-more-bio {
    position: absolute;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.08em;
    bottom: 2rem;
    right: 2rem;
    font-size: 1.5rem;
    text-decoration: underline !important;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    right: unset;
    left: 50%;
    transform: translateX(-50%);
  }

  .read-more-bio-url {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    opacity: 0;
  }

  /*--------------------------------------------------------------
  >>> Bio Slider
  --------------------------------------------------------------*/
  .bio-slider {
    height: auto;
  }

  .bio__gray-layout,
  .second__gray-layout {
    width: 100%;
    height: 45vh;
    top: 0;
    left: 0;
  }

  /*--------------------------------------------------------------
  >>> Bio First
  --------------------------------------------------------------*/
  .bio-first {
    padding-top: 5rem;
  }

  .bio-first__image-col {
    width: 75%;
    margin: 0 auto;
  }

  .bio-first__image {
    width: 100%;
    height: 20rem;
    margin: 0 auto;
    object-fit: contain;
  }

  .vikilee-caption {
    font-size: 1rem;
    left: -2.5rem;
    top: 2rem;
  }

  .first-slide-next {
    top: -3rem;
    right: 0rem;
  }

  .first-slide-next svg {
    width: 5.5rem;
    height: auto;
  }

  .bio-first__content-col {
    display: none;
  }

  .dark-vikilee {
    display: none;
  }

  .light-vikilee {
    display: none;
  }

  /*--------------------------------------------------------------
  >>> Bio Second
  --------------------------------------------------------------*/
  .bio-second {
    padding-top: 5rem;
    padding-bottom: 3rem;
  }

  .bio-second__image-col {
    width: 75%;
    margin: 0 auto;
    position: relative;
  }

  .bio-second__image {
    width: 100%;
    height: 20rem;
    margin: 0 auto;
    object-fit: contain;
  }

  .bio-second-nav--mobile {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    bottom: unset;
    top: -3rem;
    justify-content: space-between;
  }

  .bio-second__arrow svg {
    width: 5.5rem;
    height: auto;
  }

  .bio-second__content-col {
    display: none;
  }

  /*--------------------------------------------------------------
  >>> Bio Third
  --------------------------------------------------------------*/
  .bio-third {
    padding-top: 5rem;
  }

  .bio-third__image-col {
    width: 75%;
    margin: 0 auto;
  }

  .bio-third__image {
    width: 100%;
    height: 20rem;
    margin: 0 auto;
    object-fit: contain;
  }

  .third-slide-prev {
    top: -3rem;
    right: 0rem;
    width: 100%;
  }

  .third-slide-prev svg {
    width: 5.5rem;
    height: auto;
  }

  .bio-third__content-col {
    display: none;
  }
}

/*--------------------------------------------------------------
>>> Portrait Mobile
--------------------------------------------------------------*/
@media screen and (orientation: portrait) and (max-width: 767px) {
  body {
    min-height: unset;
  }

  /*--------------------------------------------------------------
  >>> Vhod
  --------------------------------------------------------------*/
  .vhod__title {
    font-size: 2.5rem;
  }

  .vhod__viki {
    background-position: 20% 50%;
  }

  /*--------------------------------------------------------------
  >>> Not Found
  --------------------------------------------------------------*/
  .not-found__title {
    font-size: 2.5rem;
  }

  /*--------------------------------------------------------------
  >>> Preloader
  --------------------------------------------------------------*/
  .preloader__logo-wrap {
    width: 30rem;
    height: 30rem;
  }

  .preloader__logo {
    width: 15rem;
    height: 15rem;
  }

  /*--------------------------------------------------------------
  >>> Modals
  --------------------------------------------------------------*/
  .mfp-arrow {
    width: 6rem !important;
  }

  .mfp-arrow-left {
    left: 1rem !important;
  }

  .mfp-arrow-right {
    right: 1rem !important;
  }

  .mfp-arrow:before {
    display: none !important;
  }

  .mfp-arrow-right:after {
    border-left: 10px solid #fff !important;
    margin-left: 0 !important;
  }

  .mfp-arrow-left:after {
    border-right: 10px solid #fff !important;
    margin-left: 0 !important;
  }

  .mfp-arrow:after {
    border-top-width: 8px !important;
    border-bottom-width: 8px !important;
    top: 8px !important;
  }

  .mfp-image-holder .mfp-close {
    right: 0rem !important;
    top: -1rem !important;
  }

  .modal-container {
    padding: 0 3rem;
  }

  .photo-modal .modal-container {
    padding: 0;
  }

  .close {
    top: 0;
    right: 1rem;
  }

  .photo-modal .close {
    right: 0;
  }

  .news-content {
    flex-direction: column;
  }

  .news-content__image img {
    object-fit: contain;
  }

  .news-content__vikilee {
    font-size: 8rem;
    line-height: 1;
    top: -1rem;
    right: unset;
    left: 50%;
    transform: translateX(-50%);
  }

  .news-content__image {
    width: 100%;
    height: 24rem;
    padding-right: 0;
    padding-bottom: 2rem;
    margin: 0 auto;
  }

  .news-content__content {
    width: 100%;
    padding-left: 0;
    padding-top: 0;
  }

  .news-content__title--mobile {
    display: block;
  }

  .news-content__title--desktop {
    display: none;
  }

  .news-content__title {
    font-size: 1.6rem;
    padding-bottom: 1rem;
    padding-right: 0;
  }

  .news-content__text--mobile {
    display: block;
  }

  .news-content__text--desktop {
    display: none;
  }

  .news-content__text {
    padding-bottom: 2rem;
  }

  .news-content__text,
  .news-content__text p {
    font-size: 1.1rem;
    line-height: 1.6;
  }

  /*--------------------------------------------------------------
  >>> Modal Menu
  --------------------------------------------------------------*/
  .modal-menu {
    padding-right: 0;
    padding-top: 6rem;
  }

  .modal-menu__sidebar {
    display: none !important;
  }

  .modal-menu__wrap {
    width: 100%;
    padding-right: 0;
    padding: 0 2rem 3rem;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    justify-content: center;
  }

  .modal-menu__content {
    padding-bottom: 5rem;
  }

  /*--------------------------------------------------------------
  >>> Menu
  --------------------------------------------------------------*/
  .menu {
    width: 100%;
  }

  .menu__item {
    text-align: center;
  }

  .menu__url {
    font-size: 1.7rem;
    line-height: 2;
  }

  .menu__bottom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    z-index: 15;
    padding-top: 2rem;
  }

  /*--------------------------------------------------------------
  >>> Newsletter
  --------------------------------------------------------------*/
  .newsletter__title {
    padding-bottom: 1.5rem;
  }

  /*--------------------------------------------------------------
  >>> Socials
  --------------------------------------------------------------*/
  .modal-menu__socials {
    padding-top: 2.5rem;
  }

  /*--------------------------------------------------------------
  >>> Menu Bar
  --------------------------------------------------------------*/
  .menu-bar {
    right: 0;
    top: 0;
    height: 6rem;
    width: 100%;
    border-left: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.16);
    padding: 0 2rem;
    align-items: center;
    justify-content: space-between;
  }

  /*--------------------------------------------------------------
  # Menu Burger
  --------------------------------------------------------------*/
  .menu-burger {
    left: unset;
    right: 2rem;
    transform: translateY(-50%);
  }

  /*--------------------------------------------------------------
  # Front Logo 
  --------------------------------------------------------------*/
  .front-logo-overlay {
    padding-right: 0;
  }

  .front-logo-col {
    margin-left: auto;
  }

  .front-logo {
    left: unset;
    right: 0;
    top: 7rem;
    transform: unset;
    padding-right: 2rem;
    padding-top: 2rem;
    z-index: 1;
  }

  .front-logo__image {
    width: 10rem;
    height: 10rem;
  }

  /*--------------------------------------------------------------
  >>> Front Page Slider
  --------------------------------------------------------------*/
  .front-slider-wrap {
    transform: scale(1);
  }

  /*--------------------------------------------------------------
  >>> Front Page Slider
  --------------------------------------------------------------*/
  .front-slider__item:nth-child(1) .front-slider__image {
    background-position: 15% 50%;
  }

  .front-slider__nav {
    right: 3.5rem;
    bottom: 12rem;
  }

  .front-slider .slick-dots {
    right: 11rem;
    bottom: 12rem;
  }

  /*--------------------------------------------------------------
  >>> Logo Bar
  --------------------------------------------------------------*/
  .logo-bar {
    left: 0;
    top: unset;
    bottom: 0;
    height: 5rem;
    width: 100%;
    padding: 0 2rem;
  }

  .logo-bar__image {
    width: 3.5rem;
    height: 3.5rem;
  }

  /*--------------------------------------------------------------
  >>> Page Content
  --------------------------------------------------------------*/
  .page-content {
    height: unset;
    padding-right: 0;
    padding-left: 0;
    padding-top: 6rem;
  }

  .page-gray-layout {
    width: 100%;
    height: 30rem;
    top: 0;
    left: 0;
  }

  .vikilee-layout {
    display: none;
  }

  /*--------------------------------------------------------------
  >>> Page Header
  --------------------------------------------------------------*/
  .page-header {
    position: absolute;
    padding: 2rem 2rem 0;
    width: 100%;
    text-align: center;
  }

  .page-header--desktop {
    display: none;
  }

  .page-header--mobile {
    display: block;
    position: relative;
    padding: 0 0 0.5rem;
  }

  /*--------------------------------------------------------------
  >>> Page Title
  --------------------------------------------------------------*/
  .page-title {
    font-size: 2rem;
  }

  /*--------------------------------------------------------------
  >>> Page Subtitle
  --------------------------------------------------------------*/
  .page-subtitle {
    font-size: 1.8rem;
    position: relative;
    padding-bottom: 0.5rem;
  }

  /*--------------------------------------------------------------
  >>> News Page
  --------------------------------------------------------------*/
  .news-page {
    height: 100vh;
  }

  /*--------------------------------------------------------------
  >>> News Wrap
  --------------------------------------------------------------*/
  .news-block {
    display: flex !important;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    justify-content: center;
    height: 100%;
    padding-bottom: 5rem;
  }

  .news-wrap--mobile {
    display: block;
  }

  .news-wrap--desktop {
    display: none;
  }

  .news-wrap {
    padding: 2rem 2rem 0;
    position: relative;
  }

  .news-wrap--mobile .news-wrap {
    padding: 2rem 2rem 2rem;
    position: relative;
  }

  .news-slider__item {
    opacity: 1;
  }

  .news-slider .slick-list {
    overflow: hidden !important;
  }

  .news-slider .slick-dots {
    position: absolute;
    bottom: -2rem;
    left: 0;
    right: unset;
    display: none !important;
  }

  .news-slider__nav {
    position: absolute;
    right: unset;
    left: 50%;
    transform: translateX(-50%);
    bottom: -0.5rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }

  .news-slider__nav > * {
    width: 5.5rem;
  }

  .news-slider__nav .slick-disabled {
    opacity: 0.2;
    pointer-events: all;
  }

  .news-slider__next {
    margin-top: 0;
    margin-left: 1rem;
  }

  .news-grid__item {
    width: 100%;
  }

  .news-grid__wrap {
    flex-direction: column;
    padding-bottom: 1.5rem !important;
  }

  .news-grid__title-wrap {
    width: 100%;
    position: relative;
  }

  .news-grid__title {
    width: unset;
    height: unset;
    position: relative;
    bottom: unset;
    left: 0;
    top: 0;
    transform: unset;
    transform-origin: unset;
    padding-left: 0;
    padding-top: 0.5rem;
    font-size: 1.7rem;
    line-height: 1.6;
    text-align: center;
  }

  .news-grid__title-wrap:before {
    display: none;
  }

  .news-grid__image {
    width: 80%;
    height: 24rem;
    filter: drop-shadow(0px -1px 2px rgba(0, 0, 0, 0.31));
    margin: 0 auto;
  }

  .news-grid__image:before {
    display: none;
  }

  /*--------------------------------------------------------------
  >>> Video Content
  --------------------------------------------------------------*/
  .video-content__title {
    padding-bottom: 1.5rem;
    padding-right: 2rem;
  }

  .video-content__iframe {
    padding-bottom: 1.5rem;
  }

  /*--------------------------------------------------------------
  >>> Iframe Wrap
  --------------------------------------------------------------*/
  .iframe-wrap iframe {
    width: 100%;
    height: 20rem;
  }

  /*--------------------------------------------------------------
  >>> Photo Wrap
  --------------------------------------------------------------*/
  .photo-wrap {
    padding: 2rem 2rem 2rem;
  }

  /*--------------------------------------------------------------
  >>> Photo Grid
  --------------------------------------------------------------*/
  .photo-grid__item {
    width: 100%;
  }

  .photo-grid__image {
    margin: 0 auto;
    filter: drop-shadow(0px -1px 2px rgba(0, 0, 0, 0.31));
  }

  /*--------------------------------------------------------------
  >>> Photo Content
  --------------------------------------------------------------*/
  .photo-content__image {
    height: 45rem;
  }

  .photo-content__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: drop-shadow(0 3.5rem 5.6rem rgba(0, 0, 0, 0.24));
  }

  /*--------------------------------------------------------------
  >>> Open Form
  --------------------------------------------------------------*/
  .open-form {
    display: block;
    text-align: center;
  }

  .open-form__btn {
    font-size: 1.3rem;
    line-height: 2;
    letter-spacing: 0.08em;
    color: #ffffff;
    opacity: 0.8;
    display: inline-block;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: underline !important;
  }

  .form-modal-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  /*--------------------------------------------------------------
  >>> Contacts Page
  --------------------------------------------------------------*/
  .contacts-page__row {
    padding-top: 2rem;
    flex-direction: column;
  }

  .contacts-page__image {
    width: 100%;
  }

  .contacts-page__form-col {
    display: none;
  }

  /*--------------------------------------------------------------
  >>> Address Form
  --------------------------------------------------------------*/
  .address-form {
    padding-bottom: 3.6rem;
    display: none;
  }

  .address-form,
  .address-form * {
    font-weight: normal;
    font-size: 1.12rem;
    line-height: 2.5;
    letter-spacing: 0.08em;
    color: #ffffff;
    opacity: 0.8;
  }

  /*--------------------------------------------------------------
  >>> Contacts Wrap
  --------------------------------------------------------------*/
  .contacts-wrap {
    padding: 0;
    height: calc(100vh - 11rem);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    justify-content: center;
  }

  /*--------------------------------------------------------------
  >>> Contacts
  --------------------------------------------------------------*/
  .contacts {
    flex-direction: column;
    padding-top: 1.5rem;
  }

  .contacts__item--desktop {
    display: none !important;
  }

  .contacts__item + .contacts__item {
    padding-left: 0rem;
    padding-top: 1rem;
  }

  .contacts__item.open-form {
    padding-top: 3rem;
  }

  .contacts__wrap {
    text-align: center;
    align-items: center;
    padding-top: 0;
  }

  .contacts__label {
    font-size: 1.3rem;
  }

  .contacts__content,
  .contacts__content > * {
    font-size: 1.1rem;
  }

  /* Manager Icons
  --------------------------------------------------------------*/
  .manager-icons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }

  /*--------------------------------------------------------------
  >>> First Letter
  --------------------------------------------------------------*/
  .first-letter:before {
    display: none;
  }

  /*--------------------------------------------------------------
  >>> Contacts Gray Layout
  --------------------------------------------------------------*/
  .contacts-gray-layout {
    width: 100%;
    height: 55vh;
    top: unset;
    bottom: 0;
    left: 0;
  }

  /*--------------------------------------------------------------
  >>> Vikilee Contacts
  --------------------------------------------------------------*/
  .vikilee-contacts {
    display: none;
  }

  /*--------------------------------------------------------------
  >>> Gradient Image
  --------------------------------------------------------------*/
  .gradient-image {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
  }

  .gradient-image img {
    height: 20rem;
  }

  .gradient-image__overlay {
    position: absolute;
    background: linear-gradient(90deg, #2a2a31 0%, rgba(42, 42, 49, 0) 70.76%);
    box-shadow: 0 0 2.4rem rgb(0 0 0 / 30%), 0 0 0.32rem 4rem rgb(0 0 0 / 4%);
    width: 100%;
    height: 100%;
  }

  /*--------------------------------------------------------------
  >>> Bio Content
  --------------------------------------------------------------*/

  .bio-content * {
    font-size: 1.1rem;
  }

  .bio-content h1,
  .bio-content h2,
  .bio-content h3,
  .bio-content h4,
  .bio-content h5,
  .bio-content h6 {
    font-size: 1.5rem;
    line-height: 1.5;
    padding-bottom: 1rem;
  }

  .bio-content * + h1,
  .bio-content * + h2,
  .bio-content * + h3,
  .bio-content * + h4,
  .bio-content * + h5,
  .bio-content * + h6 {
    padding-top: 2rem;
  }

  /*--------------------------------------------------------------
  >>> Bio Page
  --------------------------------------------------------------*/
  .bio-page-wrap {
    height: 100vh;
  }

  .bio-page {
    display: flex !important;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    justify-content: center;
    height: 100%;
    padding: 0;
    padding-bottom: 5rem;
  }

  .read-more-bio {
    position: absolute;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.08em;
    bottom: 2rem;
    right: 2rem;
    font-size: 1.5rem;
    text-decoration: underline !important;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }

  .read-more-bio-url {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    opacity: 0;
  }

  /*--------------------------------------------------------------
  >>> Bio Slider
  --------------------------------------------------------------*/
  .bio-slider {
    height: auto;
    margin-top: -5rem;
  }

  .bio__gray-layout,
  .second__gray-layout {
    width: 100%;
    height: 45vh;
    top: 0;
    left: 0;
  }

  /*--------------------------------------------------------------
  >>> Bio First
  --------------------------------------------------------------*/
  .bio-first {
    padding-top: 5rem;
  }

  .bio-first__image-col {
    width: 75%;
    margin: 0 auto;
  }

  .bio-first__image {
    width: 100%;
    height: 40rem;
    margin: 0 auto;
  }

  .vikilee-caption {
    font-size: 1rem;
    left: -2.5rem;
    top: 2rem;
  }

  .first-slide-next {
    top: -3rem;
    right: 0rem;
  }

  .first-slide-next svg {
    width: 5.5rem;
    height: auto;
  }

  .bio-first__content-col {
    display: none;
  }

  .dark-vikilee {
    display: none;
  }

  .light-vikilee {
    display: none;
  }

  /*--------------------------------------------------------------
  >>> Bio Second
  --------------------------------------------------------------*/
  .bio-second {
    padding-top: 5rem;
    padding-bottom: 0;
  }

  .bio-second__image-col {
    width: 75%;
    margin: 0 auto;
    position: relative;
  }

  .bio-second__image {
    width: 100%;
    height: 40rem;
    margin: 0 auto;
  }

  .bio-second-nav--mobile {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    top: -3rem;
    justify-content: space-between;
    height: auto;
    top: -3rem;
    right: 0rem;
    bottom: unset;
  }

  .bio-second__arrow svg {
    width: 5.5rem;
    height: auto;
  }

  .bio-second__content-col {
    display: none;
  }

  /*--------------------------------------------------------------
  >>> Bio Third
  --------------------------------------------------------------*/
  .bio-third {
    padding-top: 5rem;
  }

  .bio-third__image-col {
    width: 75%;
    margin: 0 auto;
  }

  .bio-third__image {
    width: 100%;
    height: 40rem;
    margin: 0 auto;
  }

  .third-slide-prev {
    top: -3rem;
    right: unset;
    left: 0;
  }

  .third-slide-prev svg {
    width: 5.5rem;
    height: auto;
  }

  .bio-third__content-col {
    display: none;
  }
}

.contacts-page__form__socials,
.header-mobile-socials,
.contacts-page__form__socials-mobile {
  width: 80%;
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
  padding: 20px;
  background: transparent; /*linear-gradient(45deg, #3E3A40, #15141C);*/
  z-index: 9;
}

.header-mobile-socials {
  width: 100%;
  z-index: 9;
  background: transparent;
}

@media (min-width: 768px) {
  .header-mobile-socials {
    display: none;
  }
}

.contacts-page__form__socials-mobile {
  display: none;
  margin-left: auto;
  margin-right: auto;
  background: transparent;
}

@media (max-width: 768px) {
  .contacts-page__form__socials-mobile {
    display: flex;
  }
}

a {
  color: #0403f7;
  font-weight: 600;
}

#starfield {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}