/*!
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;
}

/*--------------------------------------------------------------
>>> 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/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;
  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;
}

/*--------------------------------------------------------------
>>> 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: 58% 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;
}

/* BIO-ARROWS-BEGIN (2026-10-27): desktop bio — photos of slides 1,3 at slide-2 height; arrows at photo-top level above text start */
@media screen and (min-width:1024px){
.bio-first,.bio-third{padding-top:2.4rem}
.first-slide-next,.third-slide-prev{top:0;right:auto;left:calc(100% + 6.75rem)}
.bio-second-nav:not(.bio-second-nav--mobile){top:2.4rem;bottom:auto}
}
/* BIO-ARROWS-END */

/* BIO45-BEGIN (2026-10-27): biography slides 4 and 5 (collage, arrows) */
.third-slide-next,.fifth-slide-prev{position:absolute;top:-5rem;right:2rem;cursor:pointer}
.third-slide-next svg,.fifth-slide-prev svg{width:4.88rem;height:.64rem}
.bio-collage{position:relative;width:100%;aspect-ratio:552/637}
.bio-collage__sun{position:absolute;left:19.2%;top:23.2%;width:61.6%;height:auto;aspect-ratio:1/1;object-fit:cover;z-index:1;box-shadow:0 14px 44px rgba(0,0,0,.65)}
.bio-collage__sun--empty{display:flex;align-items:center;justify-content:center;text-align:center;background:#171821;color:#fff;font-size:1.4rem;letter-spacing:.12em;text-transform:uppercase}
.bio-collage__planet{position:absolute;display:block;z-index:2;aspect-ratio:1/1;pointer-events:none;will-change:transform;animation:vlDriftA 6s ease-in-out infinite}
.bio-collage__planet img{display:block;width:100%;height:100%;object-fit:cover;border-radius:3px;box-shadow:0 8px 26px rgba(0,0,0,.6);transition:transform .3s ease,box-shadow .3s ease}
.bio-collage__planet--0{animation-name:vlDriftA;animation-duration:6.5s}
.bio-collage__planet--1{animation-name:vlDriftB;animation-duration:7.5s;animation-delay:-2s}
.bio-collage__planet--2{animation-name:vlDriftC;animation-duration:8s;animation-delay:-3s}
.bio-collage__planet--3{animation-name:vlDriftD;animation-duration:6s;animation-delay:-1s}
.bio-collage__planet--4{animation-name:vlDriftB;animation-duration:7s;animation-delay:-4s}
.bio-collage__planet--5{animation-name:vlDriftA;animation-duration:8.5s;animation-delay:-5s}
.bio-collage__planet--6{animation-name:vlDriftC;animation-duration:6.8s;animation-delay:-2.5s}
.bio-collage__planet--7{animation-name:vlDriftD;animation-duration:7.2s;animation-delay:-6s}
@keyframes vlDriftA{0%,100%{transform:translate(0,0) rotate(0)}25%{transform:translate(10px,-14px) rotate(1.6deg)}50%{transform:translate(-6px,-20px) rotate(-1deg)}75%{transform:translate(-12px,-6px) rotate(1.2deg)}}
@keyframes vlDriftB{0%,100%{transform:translate(0,0) rotate(0)}25%{transform:translate(-12px,8px) rotate(-1.6deg)}50%{transform:translate(6px,18px) rotate(1deg)}75%{transform:translate(13px,4px) rotate(-1.2deg)}}
@keyframes vlDriftC{0%,100%{transform:translate(0,-11px) rotate(0)}25%{transform:translate(11px,0) rotate(1.5deg)}50%{transform:translate(0,11px) rotate(0)}75%{transform:translate(-11px,0) rotate(-1.5deg)}}
@keyframes vlDriftD{0%,100%{transform:translate(0,0) rotate(0)}25%{transform:translate(-13px,-10px) rotate(-1.4deg)}50%{transform:translate(-4px,-19px) rotate(1deg)}75%{transform:translate(9px,-8px) rotate(-1deg)}}
a.bio-collage__planet{pointer-events:auto;cursor:pointer}
@media screen and (min-width:1024px) and (hover:hover){
a.bio-collage__planet:hover{z-index:5;animation-play-state:paused}
a.bio-collage__planet:hover img{transform:scale(1.12);box-shadow:0 14px 38px rgba(0,0,0,.8)}
}
@media (prefers-reduced-motion:reduce){.bio-collage__planet{animation:none}}
.bio-fifth .bio-content p+p,.bio-fourth .bio-content p+p{margin-top:0}
@media screen and (min-width:1024px){
.fifth-slide-prev{top:0;right:auto;left:calc(100% + 6.75rem)}
.third-slide-next{top:0;right:auto;left:calc(100% + 14.43rem)}
}
@media screen and (max-width:1023px){
.third-slide-prev{width:auto;right:auto;left:0}
.third-slide-next,.fifth-slide-prev{top:-3rem}
.third-slide-next{right:0;left:auto}
.fifth-slide-prev{right:auto;left:0}
.third-slide-next svg,.fifth-slide-prev svg{width:5.5rem;height:auto}
}
.bio-collage__sun{pointer-events:none}
@media screen and (max-width:1023px){
.bio-fourth .bio-second__image-col{padding-bottom:4.5rem}
.bio-fourth .read-more-bio{bottom:1rem}
}
.bio-content a.bio-link-glow{color:#fff;font-weight:600;text-decoration:underline;text-decoration-color:rgba(255,222,160,.75);text-underline-offset:.3em;text-shadow:0 0 .7em rgba(255,214,140,.7),0 0 1.6em rgba(255,200,120,.35);animation:vlGlow 3.2s ease-in-out infinite;transition:text-shadow .25s ease,color .25s ease;cursor:pointer}
.bio-content a.bio-link-glow:hover,.bio-content a.bio-link-glow:focus{color:#fff2d6;text-shadow:0 0 .9em rgba(255,222,160,1),0 0 2.2em rgba(255,200,120,.7);animation:none}
@keyframes vlGlow{0%,100%{text-shadow:0 0 .5em rgba(255,214,140,.5),0 0 1.2em rgba(255,200,120,.2)}50%{text-shadow:0 0 .9em rgba(255,214,140,.95),0 0 2em rgba(255,200,120,.5)}}
@media (prefers-reduced-motion:reduce){.bio-content a.bio-link-glow{animation:none}}
.bio-collage__planet--8{animation-name:vlDriftD;animation-duration:7.6s;animation-delay:-3.5s}
.bio-collage__planet--9{animation-name:vlDriftA;animation-duration:6.9s;animation-delay:-1.5s}
.bio-collage__planet--10{animation-name:vlDriftB;animation-duration:8.2s;animation-delay:-4.5s}
.bio-collage__sun{display:block}
.bio-collage__sun img{display:block;width:100%;height:100%;object-fit:cover}
a.bio-collage__sun{pointer-events:auto;cursor:pointer}
@media screen and (min-width:1024px) and (hover:hover){a.bio-collage__sun:hover img{filter:brightness(1.15)}}
/* BIO45-END */

/* BIO-SEC-BEGIN */
.vl-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
body.page-child.page-template-tpl_bio{overflow-y:auto;overflow-x:hidden}
.bio-more{max-width:56rem;margin:2rem auto 5rem;padding:0 1.6rem;color:#fff;position:relative;z-index:3}
.bio-more__lead{font-size:1.1rem;line-height:1.65;margin:0 0 1.8rem}
.bio-more__h{font-size:1.4rem;margin:2rem 0 .8rem}
.bio-more__extra p,.bio-more__extra li{font-size:1rem;line-height:1.65;margin:0 0 .5rem}
.bio-more__extra ul{padding-left:1.4rem;margin:0}
.bio-more__faq details{border-top:1px solid rgba(255,255,255,.2);padding:.8rem 0}
.bio-more__faq summary{cursor:pointer;font-weight:600;font-size:1.1rem}
.bio-more__faq p{margin:.6rem 0 0;font-size:1rem;line-height:1.65}
.bio-more__nav{display:flex;flex-wrap:wrap;gap:.8rem 1.6rem;margin-top:2rem;padding-top:1.4rem;border-top:1px solid rgba(255,255,255,.2)}
.bio-more__nav a{color:#fff;text-decoration:underline;font-size:1rem}
/* BIO-SEC-END */