/* By Athlon Front-End Team */
/* Core variables */
/**
 * Variables
*/
/* Typography */
.title {
  font-size: calc(40px + (66 - 40) * ((100vw - 1024px) / (3840 - 1024))); }

.text {
  padding-top: 1.5vh;
  font-size: calc(20px + (52 - 20) * ((100vw - 1024px) / (3840 - 1024))); }

/* Breakpoints */
/* Paths */
/* Grid setup */
/* Colour palette */
/* Animations */
@-webkit-keyframes expand {
  from {
    height: 0; }
  to {
    height: 100%; } }
@keyframes expand {
  from {
    height: 0; }
  to {
    height: 100%; } }

.content-container {
  width: 100%;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-flex: 1;
          flex: 1 0 auto; }

.content-container {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column nowrap;
  align-content: center;
  padding: 2% 0 2% 0; }

.swap {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
          flex-direction: row-reverse; }
  .swap > .media {
    margin-right: -0.5vw;
    margin-left: -0.5vw; }
  .swap > .text-wrapper {
    margin-right: -0.5vw;
    margin-left: -0.5vw; }

/* CSS Reset */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  border: none;
  font: inherit;
  font-size: 100%;
  margin: 0;
  padding: 0;
  vertical-align: baseline; }

html {
  box-sizing: border-box; }

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

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary,
main {
  display: block; }

audio,
canvas,
video {
  display: inline-block; }

html,
body {
  margin: 0;
  display: -webkit-box;
  display: flex;
  min-height: 100vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column; }

ul {
  list-style-type: none; }

a {
  background: transparent;
  text-decoration: none; }

button,
input {
  line-height: normal; }

input[type='search'] {
  -webkit-appearance: textfield; }

input[type='search']::-webkit-search-decoration,
input[type='search']::-webkit-search-cancel-button {
  -webkit-appearance: none; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto;
  vertical-align: top; }

img {
  display: block;
  width: 100%;
  height: auto; }

textarea:focus,
input:focus {
  outline: 0; }

input {
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }

/* CSS print */
/**
 * Print Stylesheet
*/
@media print {
  @page {
    margin: 1cm; }
  body {
    background: #fff;
    color: #000; }
  a {
    page-break-inside: avoid; }
  blockquote {
    page-break-inside: avoid; }
  table,
  pre {
    page-break-inside: avoid; }
  ul, ol, dl {
    page-break-before: avoid; } }

/* Fonts */
/**
 * Fonts
*/
@font-face {
  font-family: 'Agency FB';
  src: url(../fonts/AgencyFB-Cyr.897508.ttf) format("truetype");
  font-style: normal; }

body {
  font-family: Agency FB, Arial, sans-serif; }

/* Mixins, helpers and functions */
/**
 * Helper mixins
*/
/* Vendor */
/* Components */
/**
 * Animated ribbon
*/
.ribbon {
  padding: 0.5vh;
  width: 100%;
  background-color: #3f4040; }
  .ribbon .ribbon-items {
    height: 5.5vh;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: space-evenly;
            justify-content: space-evenly;
    -webkit-box-align: center;
            align-items: center; }
    .ribbon .ribbon-items li {
      border-right: 2px solid #fff; }
    .ribbon .ribbon-items li:last-child {
      border-right: none; }
    .ribbon .ribbon-items h3 {
      font-size: calc(12px + (44 - 12) * ((100vw - 1024px) / (3840 - 1024)));
      color: #fff;
      padding: 0 0.65vw 0 0.25vw; }
    .ribbon .ribbon-items a {
      text-decoration: none;
      color: #fff; }
      .ribbon .ribbon-items a:hover {
        color: #a4a4a4; }
  @media (max-width: 1023px) {
    .ribbon {
      display: none; } }

/**
 * Footer area
*/
footer {
  padding: 0.5vh;
  width: 100%;
  background-color: #3f4040;
  -webkit-box-flex: 0;
          flex: none;
  position: relative; }
  footer .footer-items {
    display: -webkit-box;
    display: flex;
    height: 5.5vh;
    -webkit-box-align: center;
            align-items: center; }
    @media (max-width: 1023px) {
      footer .footer-items {
        height: 100px;
        flex-wrap: wrap;
        text-align: center;
        -webkit-box-pack: center;
                justify-content: center;
        padding: 5px; } }
  footer h3 {
    color: #fff;
    font-size: calc(12px + (44 - 12) * ((100vw - 1024px) / (3840 - 1024))); }
    @media (max-width: 1023px) {
      footer h3 {
        font-size: calc(24px + (48 - 24) * ((100vw - 1024px) / (3840 - 1024))); } }
    footer h3 span {
      font-weight: bold; }
  footer a {
    text-decoration: none;
    color: #fff; }
    footer a:hover {
      color: #a4a4a4; }
  footer ul.footer-items li {
    padding-right: 20px; }
    @media (max-width: 1023px) {
      footer ul.footer-items li {
        padding: 0 12.5px; } }
    footer ul.footer-items li:first-child {
      padding: 0 10vw 0 0.5vw; }
      @media (max-width: 1023px) {
        footer ul.footer-items li:first-child {
          width: 100%;
          padding: 0; } }
    @media (max-width: 1023px) {
      footer ul.footer-items li:nth-child(2) {
        width: 100%;
        padding: 0; } }
  footer ul.footer-items li i {
    color: #fff;
    font-size: calc(18px + (44 - 18) * ((100vw - 1024px) / (3840 - 1024))); }
    @media (max-width: 1023px) {
      footer ul.footer-items li i {
        font-size: calc(30px + (48 - 30) * ((100vw - 1024px) / (3840 - 1024))); } }
    footer ul.footer-items li i:hover {
      color: #a4a4a4; }
  footer ul.language-selector {
    position: absolute;
    right: 15px;
    top: 5px;
    color: #fff; }
    @media (max-width: 1023px) {
      footer ul.language-selector {
        position: relative;
        flex-wrap: wrap;
        text-align: center;
        -webkit-box-pack: center;
        justify-content: center;
        padding: 5px;
        display: -webkit-box;
        display: flex;
        margin-left: 25px;
        font-size: calc(24px + (48 - 24) * ((100vw - 1024px) / (3840 - 1024)));
        margin-top: 10px; } }
    footer ul.language-selector li {
      margin: 5px;
      float: left; }

/**
 * Home Navigation Menu
*/
.nav-container {
  width: 100%;
  height: 87vh;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center; }
  @media (max-width: 1023px) {
    .nav-container {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
              flex-flow: row wrap;
      height: auto; } }

.home-logo {
  position: absolute;
  max-width: 17.5%;
  -webkit-animation: fadeInAnimation ease 3s;
          animation: fadeInAnimation ease 3s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; }
  @media (max-width: 1023px) {
    .home-logo {
      max-width: 25%;
      position: static;
      margin-top: 2vh; } }

@-webkit-keyframes fadeInAnimation {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeInAnimation {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.home-navigation {
  height: 100%;
  width: 100%;
  padding: 1vh 0.5vw 1.5vh 0.5vw; }

.menu-items {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
          justify-content: space-between;
  height: 100%;
  width: 100%; }
  .menu-items .pair {
    display: -webkit-box;
    display: flex;
    justify-content: space-around;
    height: 50%;
    width: 40%;
    opacity: 0;
    -webkit-animation: fadeInAnimation ease 5s;
            animation: fadeInAnimation ease 5s;
    -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-animation-delay: 0.7s;
            animation-delay: 0.7s; }
    @media (max-width: 1023px) {
      .menu-items .pair {
        flex-wrap: nowrap;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
                flex-direction: column;
        -webkit-box-align: center;
                align-items: center;
        width: 50%; } }
  .menu-items .button {
    text-decoration: none;
    color: #3f4040;
    font-size: calc(26px + (60 - 26) * ((100vw - 1024px) / (3840 - 1024)));
    border: 2px solid #3f4040;
    width: 42.5%;
    height: 72.5%;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: end;
            align-items: flex-end;
    -webkit-box-pack: center;
            justify-content: center; }
    @media (max-width: 1023px) {
      .menu-items .button {
        font-size: calc(34px + (66 - 34) * ((100vw - 1024px) / (3840 - 1024)));
        width: 90%;
        height: 200px;
        margin-top: 2vh; } }
    .menu-items .button > span {
      padding-bottom: 15%;
      text-align: center; }
    .menu-items .button:hover {
      cursor: pointer;
      background-color: #3f4040;
      color: #fff; }
    .menu-items .button#b1 {
      margin-top: 2.5%; }
      @media (max-width: 1023px) {
        .menu-items .button#b1 {
          margin-top: 2vh; } }
    .menu-items .button#b2 {
      margin-top: 14%; }
      @media (max-width: 1023px) {
        .menu-items .button#b2 {
          margin-top: 2vh; } }
    .menu-items .button#b4 {
      margin-top: 5%; }
      @media (max-width: 1023px) {
        .menu-items .button#b4 {
          margin-top: 2vh; } }
    .menu-items .button#b7 {
      margin-top: 12%; }
      @media (max-width: 1023px) {
        .menu-items .button#b7 {
          margin-top: 2vh; } }
    .menu-items .button#b9 {
      margin-top: 14%; }
      @media (max-width: 1023px) {
        .menu-items .button#b9 {
          margin-top: 2vh; } }

.sticky {
  position: fixed;
  top: 0;
  background: #ffffff;
  z-index: 9999; }

.admin-bar .sticky {
  top: 24px; }
  @media (max-width: 1023px) {
    .admin-bar .sticky {
      top: 0; } }

.cnt-mobile {
  margin-top: 2vh;
  text-align: center; }
  @media (min-width: 1024px) {
    .cnt-mobile {
      display: none; } }
  .cnt-mobile .button--mobile {
    text-decoration: none;
    background-color: #3f4040;
    color: white;
    padding: 2vw 4vw;
    font-size: calc(28px + (48 - 28) * ((100vw - 1024px) / (3840 - 1024))); }

/**
 * Main Navigation menu
*/
.main-nav {
  width: 100%;
  padding: 1vw; }
  @media (max-width: 1023px) {
    .main-nav {
      display: -webkit-box;
      display: flex;
      -webkit-box-pack: center;
              justify-content: center;
      -webkit-box-align: center;
              align-items: center;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
              flex-flow: row wrap;
      height: auto; } }
  .main-nav .logo {
    position: absolute;
    max-width: 10vw; }
    @media (max-width: 1023px) {
      .main-nav .logo {
        position: static;
        max-width: 21%;
        margin-top: 2vh;
        margin-bottom: 2vh; } }
  .main-nav .nav-items {
    width: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: end;
            justify-content: flex-end;
    -webkit-box-align: end;
            align-items: flex-end;
    height: 8vh; }
    @media (max-width: 1023px) {
      .main-nav .nav-items {
        display: none; } }
    .main-nav .nav-items .menu-item {
      font-size: calc(20px + (68 - 20) * ((100vw - 1024px) / (3840 - 1024))); }
      @media (max-width: 1023px) {
        .main-nav .nav-items .menu-item {
          font-size: calc(38px + (68 - 38) * ((100vw - 1024px) / (3840 - 1024))); } }
      .main-nav .nav-items .menu-item > a {
        white-space: nowrap;
        overflow: hidden;
        text-decoration: none;
        color: #3f4040;
        padding: 0.35vw;
        margin-left: 2vw; }
        .main-nav .nav-items .menu-item > a:hover {
          color: #fff;
          background-color: #a4a4a4; }
    .main-nav .nav-items .current-menu-item a {
      color: #fff;
      background-color: #3f4040; }
      @media (max-width: 1023px) {
        .main-nav .nav-items .current-menu-item a {
          background-color: #fff;
          color: #3f4040; } }

/**
 * Content card layout - Large Teaser component
*/
@media (max-width: 1023px) {
  .text {
    font-size: calc(22px + (52 - 22) * ((100vw - 1024px) / (3840 - 1024))); } }

.content-card {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  width: 75%;
  padding: 2%; }
  @media (max-width: 1023px) {
    .content-card {
      width: 95%;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
              flex-direction: column;
      flex-wrap: nowrap;
      margin-bottom: 2vh;
      -webkit-box-align: center;
              align-items: center; } }
  .content-card .media {
    width: 42.5%;
    margin-bottom: 2%;
    margin-right: -0.5vw; }
    @media (max-width: 1023px) {
      .content-card .media {
        width: 80%;
        margin-right: 0; } }
  .content-card .text-wrapper {
    width: 42.5%;
    border: 3px solid #3f4040;
    margin-top: 2%;
    margin-left: -0.5vw; }
    @media (max-width: 1023px) {
      .content-card .text-wrapper {
        width: 100%;
        margin-top: -5%;
        margin-left: 0; } }
  .content-card .text-card {
    padding: 2vw; }
    @media (max-width: 1023px) {
      .content-card .text-card {
        padding: 4vw; } }

/**
 * Content card layout - Small Teaser component
*/
@media (max-width: 1023px) {
  .content-card.teaser {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    flex-wrap: nowrap;
    margin-bottom: 2vh;
    -webkit-box-align: start;
            align-items: flex-start; } }

.media.teaser {
  width: 25%; }
  @media (max-width: 1023px) {
    .media.teaser {
      width: 40%; } }
  .media.teaser img {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease; }
  .media.teaser img:hover {
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    filter: grayscale(0%); }

.text-wrapper.teaser {
  width: 60%; }
  @media (max-width: 1023px) {
    .text-wrapper.teaser {
      width: 100%;
      margin-top: -5%;
      margin-left: 0; } }

.text.teaser > p:after {
  content: ' . . .  '; }

.read-more {
  margin-top: 1vh;
  padding: 0.10vw 0.35vw;
  background-color: #3f4040;
  color: #fff;
  float: right; }
  @media (max-width: 1023px) {
    .read-more {
      margin-bottom: 1vh; } }
  .read-more:hover {
    background-color: #a4a4a4; }

@media (max-width: 1023px) {
  .teaser.swap .media.teaser {
    align-self: flex-end;
    margin-right: 0; } }

/**
 * Article - Landing page layout
*/
.media-landing {
  width: 25%; }
  @media (max-width: 1023px) {
    .media-landing {
      width: 50%; } }

.text-wrapper-landing {
  width: 60%;
  margin-top: 2%; }
  @media (max-width: 1023px) {
    .text-wrapper-landing {
      width: 100%; } }
  .text-wrapper-landing .text-card-landing {
    padding: 2vw; }

/**
 * 404 page layout
*/
.not-found-wrapper {
  margin: auto;
  width: 50%;
  padding: 5%;
  text-align: center; }
  .not-found-wrapper .not-found-title {
    font-size: calc(140px + (240 - 80) * ((100vw - 1024px) / (3840 - 1024))); }
  .not-found-wrapper .not-found-text {
    font-size: calc(60px + (120 - 60) * ((100vw - 1024px) / (3840 - 1024)));
    margin-bottom: 2vw; }
  .not-found-wrapper .not-found-button {
    padding: 0 1vw;
    background-color: #3f4040;
    color: #fff;
    font-size: calc(30px + (100 - 30) * ((100vw - 1024px) / (3840 - 1024))); }
    .not-found-wrapper .not-found-button:hover {
      background-color: #a4a4a4; }

/**
 * Main Navigation menu - Mobile
*/
@media (min-width: 1024px) {
  .hamburger {
    display: none; } }

@media (max-width: 1023px) {
  .main-nav div.hamburger {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-pack: center;
            justify-content: center;
    position: absolute;
    align-self: flex-start;
    margin-top: 2vh;
    width: 30px;
    height: 20px;
    right: 4vw;
    z-index: 999; }
    .main-nav div.hamburger .toggle {
      width: 100%;
      height: 3px;
      background-color: #3f4040; }
      .main-nav div.hamburger .toggle:before, .main-nav div.hamburger .toggle:after {
        width: 100%;
        height: 3px;
        background-color: #3f4040;
        content: ' ';
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        position: absolute; }
      .main-nav div.hamburger .toggle:before {
        top: 0; }
      .main-nav div.hamburger .toggle:after {
        bottom: 0; } }

.main-nav.active div.toggle {
  background: transparent; }
  .main-nav.active div.toggle:before {
    top: 10px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg); }
  .main-nav.active div.toggle:after {
    bottom: 7px;
    -webkit-transform: rotate(45deg);
    transform: rotate(135deg); }

@media (max-width: 1023px) {
  .main-nav.active {
    position: absolute;
    height: 0;
    background: #fff;
    -webkit-animation: expand 0.4s ease-out;
            animation: expand 0.4s ease-out;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards; }
    .main-nav.active .logo {
      display: none; }
    .main-nav.active .nav-items {
      display: -webkit-box;
      display: flex;
      height: 80%;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
              flex-direction: column;
      -webkit-box-align: center;
              align-items: center;
      -webkit-box-pack: space-evenly;
              justify-content: space-evenly; } }

/* Browser specific styles */
/**
 * Dirty hacks, yes internet explorer, we are looking at you
*/