@charset "UTF-8";
/* Mixins
================================================== */
/* Breakpoints
================================================== */
/*
320px – very small phones (old iPhones, edge cases)

375px – modern iPhone width (very common)

450px – large phones / Pro Max

768px – iPad portrait

1024px – iPad landscape

1280px – common laptop

1440px – large monitors

1920px – full HD (usually max-width, not layout change)









*/
/* Vertical spacing
-------------------------------------------- */
.section {
  padding-top: 3em;
  padding-bottom: 3em;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.section > :first-child {
  margin-top: 0;
}
.section > :last-child {
  margin-bottom: 0;
}
.section header > :first-child,
.section footer > :first-child {
  margin-top: 0;
}
.section header > :last-child,
.section footer > :last-child {
  margin-bottom: 0;
}
.section.section-1 {
  padding-top: 5em;
  padding-top: 12em;
}
@media (min-width: 769px) {
  .section {
    padding-top: 4em;
    padding-bottom: 4em;
  }
  .section.section-1 {
    padding-top: 10em;
    padding-top: 17em;
  }
}

/* Side padding
-------------------------------------------- */
.section {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 480px) {
  .section {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
@media (min-width: 769px) {
  .section {
    padding-right: 5.9rem;
    padding-left: 5.9rem;
  }
}
@media (min-width: 127.8rem) {
  .section {
    padding-right: calc((100% - 116rem)/2);
    padding-left: calc((100% - 116rem)/2);
  }
}

/* Top
================================================== */
.top-nav {
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  padding: 1.25em 1.6rem;
  position: fixed;
  z-index: 15;
  top: 0;
  left: 0;
}
.top-nav * {
  display: inline-flex;
  align-items: center;
}
.top-nav ul, .top-nav li {
  padding: 0;
  margin: 0;
  list-style: none;
}
.top-nav ul {
  margin-left: 2rem;
}
.top-nav li {
  margin-right: 0.15em;
  position: relative;
}
.top-nav li a {
  padding: 0.5em 1.25em;
  border-radius: 0.2em;
  transition: 0.25s;
}
.top-nav li.current-menu-item a {
  color: #fff;
  background-color: #000;
}
.top-nav .logo {
  width: 3.6rem;
  display: block;
  transition: 0.25s;
}
.top-nav .sub-menu {
  display: block;
  margin: 0;
  position: absolute;
  top: 100%;
  min-width: 14.2em;
  opacity: 0;
  pointer-events: none;
  transform: translateY(0.5em);
  transition: 0.5s;
}
.top-nav .sub-menu > * {
  display: block;
  margin-top: 0.15em;
  width: 100%;
  box-sizing: border-box;
}
.top-nav .sub-menu a {
  width: 100%;
  box-sizing: border-box;
}
.top-nav .menu-item-has-children:focus .sub-menu, .top-nav .menu-item-has-children:hover .sub-menu {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}

html[data-section-background-color=background-color-gold] .top-nav li a,
html[data-section-background-color=background-color-white] .top-nav li a {
  background-color: var(--color-background-grey);
}
html[data-section-background-color=background-color-gold] .top-nav li a:focus,
html[data-section-background-color=background-color-gold] .top-nav li a:hover,
html[data-section-background-color=background-color-gold] .top-nav li.current-menu-item a,
html[data-section-background-color=background-color-white] .top-nav li a:focus,
html[data-section-background-color=background-color-white] .top-nav li a:hover,
html[data-section-background-color=background-color-white] .top-nav li.current-menu-item a {
  color: #fff;
  background-color: #000;
}

html[data-section-background-color=background-color-black] .top-nav .logo {
  filter: invert(1);
}
html[data-section-background-color=background-color-black] .top-nav li a {
  background-color: #fff;
}
html[data-section-background-color=background-color-black] .top-nav li a:focus,
html[data-section-background-color=background-color-black] .top-nav li a:hover,
html[data-section-background-color=background-color-black] .top-nav li.current-menu-item a {
  color: #fff;
  background-color: #000;
}

html[data-section-background-color=background-color-background-grey] .top-nav li a {
  background-color: #fff;
}
html[data-section-background-color=background-color-background-grey] .top-nav li a:focus,
html[data-section-background-color=background-color-background-grey] .top-nav li a:hover,
html[data-section-background-color=background-color-background-grey] .top-nav li.current-menu-item a {
  color: #fff;
  background-color: #000;
}

html[data-section-background-color=background-color-black] .top-nav li.menu-item-has-children .sub-menu a,
html[data-section-background-color=background-color-gold] .top-nav li.menu-item-has-children .sub-menu a,
html[data-section-background-color=background-color-white] .top-nav li.menu-item-has-children .sub-menu a,
html[data-section-background-color=background-color-background-grey] .top-nav li.menu-item-has-children .sub-menu a {
  color: #fff;
  background-color: #000;
}
html[data-section-background-color=background-color-black] .top-nav li.menu-item-has-children .sub-menu a:focus, html[data-section-background-color=background-color-black] .top-nav li.menu-item-has-children .sub-menu a:hover,
html[data-section-background-color=background-color-gold] .top-nav li.menu-item-has-children .sub-menu a:focus,
html[data-section-background-color=background-color-gold] .top-nav li.menu-item-has-children .sub-menu a:hover,
html[data-section-background-color=background-color-white] .top-nav li.menu-item-has-children .sub-menu a:focus,
html[data-section-background-color=background-color-white] .top-nav li.menu-item-has-children .sub-menu a:hover,
html[data-section-background-color=background-color-background-grey] .top-nav li.menu-item-has-children .sub-menu a:focus,
html[data-section-background-color=background-color-background-grey] .top-nav li.menu-item-has-children .sub-menu a:hover {
  color: #000;
  background-color: #fff;
}
html[data-section-background-color=background-color-black] .top-nav li.menu-item-has-children:focus > a, html[data-section-background-color=background-color-black] .top-nav li.menu-item-has-children:hover > a,
html[data-section-background-color=background-color-gold] .top-nav li.menu-item-has-children:focus > a,
html[data-section-background-color=background-color-gold] .top-nav li.menu-item-has-children:hover > a,
html[data-section-background-color=background-color-white] .top-nav li.menu-item-has-children:focus > a,
html[data-section-background-color=background-color-white] .top-nav li.menu-item-has-children:hover > a,
html[data-section-background-color=background-color-background-grey] .top-nav li.menu-item-has-children:focus > a,
html[data-section-background-color=background-color-background-grey] .top-nav li.menu-item-has-children:hover > a {
  color: #fff;
  background-color: #000;
}

.vertical-nav {
  margin: 0;
  padding: 0;
  display: block;
  list-style: none;
  text-transform: uppercase;
  font-family: "PPFraktionMono";
}
.vertical-nav ul, .vertical-nav li {
  margin: 0;
  padding: 0;
  display: block;
  list-style: none;
  margin-bottom: 0.4em;
}
.vertical-nav a {
  padding: 0.05em 0em;
  display: inline-block;
  border: solid 1px transparent;
  transition: ease-out 0.075s;
}
.vertical-nav a:focus, .vertical-nav a:hover {
  border-color: inherit;
  border-radius: 0.2em;
  padding: 0.05em 0.5em;
}
.vertical-nav .current > a {
  border-color: inherit;
  border-radius: 0.2em;
  padding: 0.05em 0.5em;
}
@media (min-width: 480px) {
  .vertical-nav .current {
    margin-top: 0.75em;
    margin-bottom: 0.75em;
  }
}

.vertical-nav-wrap {
  margin-bottom: 3em;
}
@media (max-width: 479px) {
  .vertical-nav-wrap {
    overflow: hidden;
    margin-right: -0.5rem;
    margin-left: -0.5rem;
  }
  .vertical-nav-wrap .vertical-nav {
    white-space: nowrap;
    overflow: hidden;
    overflow-x: scroll;
  }
  .vertical-nav-wrap .vertical-nav ul, .vertical-nav-wrap .vertical-nav li {
    display: inline-block;
    vertical-align: middle;
  }
  .vertical-nav-wrap .vertical-nav li {
    margin-right: 1em;
  }
  .vertical-nav-wrap .vertical-nav {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
}

/* Mobile
====================================== */
@keyframes marque {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
.mobile-top {
  position: fixed;
  top: 0;
  z-index: 99;
  left: 0;
  width: 100%;
}
.mobile-top .top {
  background-color: #000;
  color: #fff;
  display: flex;
  flex-wrap: wrap;
  font-family: "PPFraktionMono";
  text-transform: uppercase;
  justify-content: space-between;
  align-items: center;
  padding-top: 3em;
  padding-bottom: 0.75em;
}
.mobile-top .top .marque {
  width: calc(100% - 8.5em);
  white-space: nowrap;
  overflow: hidden;
  position: relative;
}
.mobile-top .top .marque:after {
  content: "";
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, black 100%);
  right: 0;
  width: 1em;
  top: 0;
  height: 100%;
  position: absolute;
}
.mobile-top .top .marque ul, .mobile-top .top .marque li {
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline-flex;
  vertical-align: middle;
}
.mobile-top .top .marque ul {
  -webkit-animation: marque 20s linear infinite;
}
.mobile-top .top .contact-us {
  width: 8em;
  color: #fff;
}
.mobile-top .top .contact-us span, .mobile-top .top .contact-us i {
  display: inline-block;
  vertical-align: middle;
}
.mobile-top .top .contact-us i {
  width: 2em;
  height: 1em;
  background: url(../../images/button-right.svg) no-repeat center;
  background-size: 0.75em;
  filter: invert(1);
}
.mobile-top .mobile-nav {
  display: flex;
  flex-wrap: wrap;
  padding: 0.8em 0.5rem;
  align-items: center;
}
.mobile-top .mobile-nav .logo {
  width: 3.1em;
}
.mobile-top .mobile-nav .logo > * {
  display: block;
}
.mobile-top .mobile-nav .top-buttons {
  margin: 0;
  padding: 0;
  width: calc(100% - 4em);
  margin-left: 1.75em;
}
.mobile-top .mobile-nav .top-buttons .btn {
  border-radius: 0.1em;
  padding: 0.45em 2em;
  min-width: 48%;
  vertical-align: middle;
}
.mobile-top .mobile-nav .top-buttons .btn > * {
  display: inline-block;
  vertical-align: middle;
}
.mobile-top .mobile-nav .top-buttons .btn .icon {
  width: 11px;
  height: 13px;
}
.mobile-top .mobile-nav .top-buttons .btn .icon i {
  display: block;
  height: 1px;
  margin: 3px 0;
  width: 100%;
  background-color: #000;
  margin-left: 0.5em;
}
.mobile-top .mobile-nav .top-buttons .btn .icon i:last-child {
  width: 70%;
}

html[data-section-background-color=background-color-black] .mobile-top .mobile-nav .top-buttons .btn,
html[data-section-background-color=background-color-gold] .mobile-top .mobile-nav .top-buttons .btn,
html[data-section-background-color=background-color-background-grey] .mobile-top .mobile-nav .top-buttons .btn {
  background-color: #fff;
  border-color: #fff;
  color: #000;
}

html[data-section-background-color=background-color-white] .mobile-top .mobile-nav .top-buttons .btn {
  background-color: var(--color-background-grey);
  border-color: var(--color-background-grey);
  color: #000;
}

html[data-section-background-color=background-color-black] .mobile-top .mobile-nav .logo {
  filter: invert(1);
}

.mobile-top .top {
  transition: 0.4s;
}

.past-top .mobile-top .top {
  padding-top: 0.75em;
}

.mobile-nav-full {
  background-color: #000;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99;
  padding: 1em 0.5rem;
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
  overflow: hidden;
  overflow-y: scroll;
  color: #fff;
}
.mobile-nav-full a {
  color: #fff;
}
.mobile-nav-full .top {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 2.6em;
  margin-bottom: 2em;
}
.mobile-nav-full .top {
  height: 4.6em;
}
.mobile-nav-full .bottom {
  height: 14em;
}
.mobile-nav-full .close-mobile-nav-full {
  border-radius: 0;
  -webkit-tap-highlight-color: transparent;
  text-decoration: none;
  cursor: pointer;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-font-smoothing: antialiased;
  background: transparent;
  border: none;
  outline: none !important;
  padding-right: 0.5em;
  padding-left: 0.5em;
}
.mobile-nav-full .close-mobile-nav-full::-moz-focus-inner {
  border: 0;
}
.mobile-nav-full .close-mobile-nav-full span {
  position: relative;
  width: 1.5em;
  height: 1.5em;
  display: inline-block;
  background: transparent;
  border: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 0;
  margin: 0;
}
.mobile-nav-full .close-mobile-nav-full span:after, .mobile-nav-full .close-mobile-nav-full span:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  top: 50%;
  left: 50%;
  margin-top: -0.5px;
  margin-left: -0.75em;
  background-color: #fff;
}
.mobile-nav-full .close-mobile-nav-full span:before {
  transform: rotate(-45deg);
}
.mobile-nav-full .close-mobile-nav-full span:after {
  transform: rotate(45deg);
}
.mobile-nav-full .logo {
  width: 3.1em;
  filter: invert(1);
}
.mobile-nav-full .logo > * {
  display: block;
}
.mobile-nav-full .block-heading {
  margin: 2em 0 0.25em 0;
}
.mobile-nav-full .block-heading span {
  color: #000;
  padding: 0.385em 0.495em 0.19em;
  margin: 0.06em 0.12em 0.06em 0;
  min-width: 5em;
}
.mobile-nav-full .middle {
  width: 100%;
}
.mobile-nav-full .middle ul, .mobile-nav-full .middle li {
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
}
.mobile-nav-full .middle li {
  display: block;
}
.mobile-nav-full .middle > ul {
  padding-bottom: 1em;
}
.mobile-nav-full .middle > ul > li {
  margin: 0.55em 0;
}
.mobile-nav-full .middle > ul > li > a {
  font-size: 1.8em;
  padding: 0.075em 0;
  display: inline-block;
  vertical-align: middle;
}
.mobile-nav-full .middle .menu-item-has-children {
  position: relative;
}
.mobile-nav-full .middle .menu-item-has-children > i {
  width: 1em;
  height: 1em;
  position: relative;
  display: inline-block;
  margin-left: 0.45em;
  vertical-align: middle;
}
.mobile-nav-full .middle .menu-item-has-children > i:after, .mobile-nav-full .middle .menu-item-has-children > i:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  top: 50%;
  left: 50%;
  margin-top: -0.5px;
  margin-left: -0.5em;
  background-color: #fff;
}
.mobile-nav-full .middle .menu-item-has-children > i:after {
  transform: rotate(90deg);
}
.mobile-nav-full .middle .sub-menu a {
  background-color: var(--color-gold);
  color: #000;
  text-transform: uppercase;
  font-family: "PPFraktionMono";
  padding: 0.8em;
  display: block;
  border-radius: 0.15em;
}
.mobile-nav-full .middle .sub-menu .current_page_item > a {
  color: #fff;
}
.mobile-nav-full .middle .sub-menu li {
  margin: 0.15em 0;
}
.mobile-nav-full .bottom {
  width: 100%;
}
.mobile-nav-full .follow-menu-wrap {
  display: flex;
  flex-wrap: wrap;
  border-top: solid 1px white;
  border-bottom: solid 1px rgba(255, 255, 255, 0.2);
}
.mobile-nav-full .follow-menu-wrap .heading {
  text-transform: uppercase;
  margin: 0;
  width: 33.3334%;
  display: inline-block;
  padding: 0.45em 0;
}
.mobile-nav-full .follow-menu-wrap ul {
  width: 66.6667%;
}
.mobile-nav-full .follow-menu-wrap ul, .mobile-nav-full .follow-menu-wrap li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.mobile-nav-full .follow-menu-wrap ul {
  display: flex;
  flex-wrap: wrap;
}
.mobile-nav-full .follow-menu-wrap li {
  font-family: "PPFraktionMono";
  text-transform: uppercase;
  width: 50%;
  border-bottom: solid 1px rgba(255, 255, 255, 0.2);
}
.mobile-nav-full .follow-menu-wrap li:nth-last-child(-n+2) {
  border-bottom: none;
}
.mobile-nav-full .follow-menu-wrap a {
  display: inline-block;
  padding: 0.45em 0;
}
@media (min-width: 320px) and (min-height: 480px) {
  .mobile-nav-full .middle {
    overflow: hidden;
    overflow-y: scroll;
    height: calc(100% - 21.6em);
  }
}

.middle .current-menu-item > a {
  color: var(--color-gold);
}

.middle .sub-menu {
  height: 0;
  position: relative;
  overflow: hidden;
}
.middle .sub-menu > * {
  pointer-events: none;
  opacity: 0;
  transition: 0.25s;
}
.middle .menu-item-has-children.current-page-parent > i,
.middle .menu-item-has-children.open > i {
  transform: rotate(180deg);
}
.middle .menu-item-has-children.current-page-parent > i:after,
.middle .menu-item-has-children.open > i:after {
  opacity: 0;
}
.middle .menu-item-has-children.current-page-parent .sub-menu,
.middle .menu-item-has-children.open .sub-menu {
  height: auto;
}
.middle .menu-item-has-children.current-page-parent .sub-menu > *,
.middle .menu-item-has-children.open .sub-menu > * {
  opacity: 1;
  pointer-events: auto;
}

.mobile-nav-full {
  transition: ease-in 0.5s;
  transform: translateX(100%);
}
.mobile-nav-full .middle {
  transform: translateY(1em);
  transition: ease-in 0.5s;
  opacity: 0;
  transition-delay: 0.25s;
}
.mobile-nav-full .follow-menu-wrap {
  transform: translateY(1em);
  transition: ease-in 0.5s;
  opacity: 0;
  transition-delay: 0.5s;
}

.menu-open .mobile-nav-full {
  transform: translateX(0%);
}
.menu-open .mobile-nav-full .middle {
  transform: translateY(0em);
  opacity: 1;
}
.menu-open .mobile-nav-full .follow-menu-wrap {
  transform: translateY(0em);
  opacity: 1;
}

@media (min-width: 769px) {
  .mobile-nav-full,
.mobile-top {
    display: none;
  }
}

.top-nav {
  display: none;
}
@media (min-width: 769px) {
  .top-nav {
    display: inline-flex;
  }
}

/* Language Switcher Pills (TR / EN / RU)
================================================== */
.top-nav li.lang-switcher {
  margin-left: 0.75em;
  display: inline-flex;
  gap: 0.15em;
}
.top-nav li.lang-switcher a.lang-btn {
  padding: 0.5em 0.7em;
  font-family: "PPFraktionMono", "JetBrains Mono", monospace;
  font-size: 0.85em;
  letter-spacing: 0.03em;
}
html[data-section-background-color=background-color-gold] .top-nav li.lang-switcher a.lang-btn.active,
html[data-section-background-color=background-color-white] .top-nav li.lang-switcher a.lang-btn.active,
html[data-section-background-color=background-color-black] .top-nav li.lang-switcher a.lang-btn.active,
html[data-section-background-color=background-color-background-grey] .top-nav li.lang-switcher a.lang-btn.active,
.top-nav li.lang-switcher a.lang-btn.active {
  color: #fff;
  background-color: #000;
}
.mobile-lang-switcher {
  display: inline-flex;
  gap: 0.35em;
  margin-top: 1em;
}
.mobile-lang-switcher a.lang-btn {
  padding: 0.45em 0.9em;
  border-radius: 0.2em;
  font-family: "PPFraktionMono", "JetBrains Mono", monospace;
  font-size: 0.9em;
  background: rgba(255, 255, 255, 0.12);
  color: #fff;
  text-transform: uppercase;
  transition: 0.25s;
}
.mobile-lang-switcher a.lang-btn.active {
  background: var(--color-gold);
  color: #000;
}