/*! HTML5 Boilerplate v8.0.0 | MIT License | https://html5boilerplate.com/ */

/* main.css 2.1.0 | MIT License | https://github.com/h5bp/main.css#readme */
/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
  color: #222;
  font-size: 1em;
  line-height: 1.4;
}

* {
  box-sizing: border-box;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * Vendor-prefixed and regular ::selection selectors cannot be combined:
 * https://stackoverflow.com/a/16982510/7133471
 *
 * Customize the background color to match your design.
 */

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
  resize: vertical;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

:root {
  --black: #2A2A2A;
  --black_50: #919191;
  --black_20: #C5C5C5;
  --red: #FF402C;
  --red_light: #F7EFE9;
  --red_dark: #e72e1b;
  --gray: #E7EAEF;
  --white: #FFFFFF;
  --green: #27AE60;
  --links: #2D95E3;

  /*--tablet_max_width: 1220px;*/
  /*--mobile_max_width: 728px;*/
}

font.notetext {
  color: var(--black) !important;
}

body {
  font-family: 'Inter', sans-serif;
}

#scrollbar {
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  height: 2px;
  background: var(--red);
}


.Page {
  display: flex;
}


.PageControl {
  float: right;
}
.PageControl__Font {
  text-decoration: none;
  color: var(--black_50);
  display: inline-block;
  vertical-align: baseline;
  margin-left: 5px;
}
.PageControl__Font--minus {
  color: var(--black_50);
  font-size: 16px;
}
.PageControl__Font--plus {
  color: var(--black);
  font-size: 20px;
}
.PageControl__Font:hover {
  color: var(--red);
}

.PageSocial {
  position: sticky;
  top: 40px;
  width: 100px;
  height: 230px;
  margin-bottom: 60px;
}
@media only screen and (max-width: 728px) {
  .PageSocial {
    display: none;
  }
}

.PageSocialMobile {
  display: none;
}
@media only screen and (max-width: 728px) {
  .PageSocialMobile {
    display: block;
    margin-top: 20px;
    margin-bottom: 20px;
  }
}

.PageContent {
  flex: 1;
  font-size: 18px;
  line-height: 28px;
  color: var(--black);
}
[data-fs='2'] .PageContent {
  font-size: 22px;
  line-height: 32px;
}
[data-fs='3'] .PageContent {
  font-size: 26px;
  line-height: 40px;
}
.PageContent--700 {
  max-width: 700px;
}

.PageProperties {
  margin-bottom: 30px;
}

.PageContent p {
  /*font-size: 18px;
  line-height: 28px;*/
  color: var(--black);
  margin-bottom: 30px;
}

.PageContent p.important {
  overflow: hidden;
  font-weight: 600;
  font-size: 22px;
  line-height: 32px;
  color: var(--black);
  padding: 30px 40px;
  border-top: 1px solid var(--red);
  border-bottom: 1px solid var(--red);
}
@media only screen and (max-width: 728px) {
  .PageContent p.important {
    padding: 15px 0;
  }
}

.PageContent a {
  color: var(--links);
}
.PageContent a:hover {
  color: var(--red);
}

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

.PageContent iframe {
  max-width: 100%;
}

.PageTitle {
  font-weight: bold;
  font-size: 34px;
  line-height: 42px;
  color: var(--black);
  max-width: 800px;
  margin: 0 0 35px;
}
@media only screen and (max-width: 728px) {
  .PageTitle {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 25px;
  }
}
.PageTitle span {
  color: var(--black_20);
}
.PageSubtitle {
  font-weight: normal;
  font-size: 24px;
  line-height: 32px;
  color: var(--black);
  max-width: 800px;
  margin-bottom: 25px;
}
@media only screen and (max-width: 728px) {
  .PageSubtitle {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 28px;
  }
}

.PageMeta {
  font-size: 16px;
  line-height: 24px;
  color: var(--black);
  margin-bottom: 15px;
}
[data-fs="2"] .PageMeta {
  font-size: 20px;
  line-height: 28px;
}
[data-fs="3"] .PageMeta {
  font-size: 24px;
  line-height: 36px;
}

.PageMeta__Section {
  display: inline-block;
  vertical-align: middle;
  font-weight: bold;
  margin-right: 20px;
}
a.PageMeta__Section {
  text-decoration: none;
  color: var(--black);
}
a.PageMeta__Section:hover {
  color: var(--red);
}
a.PageMeta__Author {
  text-decoration: none;
  color: var(--black);
}
a.PageMeta__Author:hover {
  color: var(--red);
}
.PageMeta__Date {
  display: inline-block;
  vertical-align: middle;
  color: var(--black_50);
}


.PagePicture {
  margin: 30px 0;
}
.PagePicture--left {
  float: left;
  width: 176px;
  margin-right: 40px;
}
.PagePicture--right {
  float: right;
  width: 176px;
  margin-left: 40px;
}
@media only screen and (max-width: 728px) {
  .PagePicture--left,
  .PagePicture--right {
    float: none;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}
.PagePicture img {
  display: block;
  width: 100%;
  height: auto;
}
.PagePicture__Meta {
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: var(--black_50);
  margin-top: 10px;
}
.PagePicture__Meta span {
  color: var(--black_20);
}



.PageForm {
  display: block;
  max-width: 900px;
}
.PageForm__Row {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}
@media only screen and (max-width: 728px) {
  .PageForm__Row {
    flex-direction: column;
    margin-bottom: 0;
  } 
}
.PageForm__Bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.PageForm__Field {
  flex: 1;
  margin-right: 30px;
}
@media only screen and (max-width: 728px) {
  .PageForm__Field {
    margin-right: 0;
    margin-bottom: 20px;
    width: 100%;
  }
}
.PageForm__Field:last-child {
  margin-right: 0;
}
.PageForm__Field .Select {
  display: block;
  width: 100%;
}
.PageForm__Policy {
  flex: 1;
  margin-right: 30px;
}
@media only screen and (max-width: 728px) {
  .PageForm__Policy {
    margin-right: 20px;
  } 
}
.PageForm__Buttons {}



.PageNews {
  background: var(--red_light);
  padding: 30px;
  margin-bottom: 30px;
}
@media only screen and (max-width: 728px) {
  .PageNews {
    padding: 15px;
    margin-bottom: 20px;
  }
}
.PageNews__Title {
  font-weight: bold;
  font-size: 20px;
  line-height: 26px;
  color: var(--red);
  margin-bottom: 20px;
}
.PageNews__Items {}
.PageNews__Item {
  display: flex;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid var(--white);
}
@media only screen and (max-width: 728px) {
  .PageNews__Item {
    flex-direction: column;
  }
}
.PageNews__Item:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.PageNews__ItemText {
  flex: 1;
}
.PageNews__ItemImg {
  width: 230px;
  height: 140px;
  margin-left: 30px;
  background-size: cover !important;
}
@media only screen and (max-width: 728px) {
  .PageNews__ItemImg {
    width: 100%;
    height: 0;
    padding-bottom: 60%;
    margin-left: 0;
    margin-top: 20px;
  } 
}
.PageNews__ItemTitle {
  display: block;
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;
  color: var(--black);
  text-decoration: none;
  margin-bottom: 10px;
}
.PageNews__ItemTitle:hover {
  color: var(--red);
}
.PageNews__ItemPreview {
  font-size: 14px;
  line-height: 18px;
  color: var(--black);
  margin-bottom: 10px;
}
.PageNews__ItemMeta {
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: var(--black_50);
}
.PageNews__ItemSection {
  display: inline-block;
  vertical-align: middle;
  color: var(--black_50);
  text-decoration: none;
  text-transform: uppercase;
}
.PageNews__ItemSection:hover {
  color: var(--red);
}
.PageNews__ItemTime {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin-left: 20px;
}
.PageNews__ItemTime::before {
  content: "";
  display: block;
  position: absolute;
  left: -15px;
  top: 50%;
  margin-top: -1px;
  width: 8px;
  height: 1.5px;
  background: var(--black_50);
}



.PageSideNews {
  margin-top: 40px;
  margin-bottom: 40px;
  background: var(--gray);
  width: 280px;
}
.PageSideNews--right {
  float: right;
  margin-left: 40px;
}
.PageSideNews--left {
  float: left;
  margin-right: 40px;
}
@media only screen and (max-width: 1220px) {
  .PageSideNews {
    margin-top: 30px;
    margin-bottom: 30px;
    width: 220px;
  }
  .PageSideNews--right {
    margin-left: 30px;
  }
  .PageSideNews--left {
    margin-right: 30px;
  }
}
@media only screen and (max-width: 728px) {
  .PageSideNews {
    max-width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .PageSideNews--right,
  .PageSideNews--left {
    float: none;
    margin-left: 0;
    margin-right: 0;
  }
}
.PageSideNews__ImgWrapper {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-bottom: 50%;
}
.PageSideNews__Img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: transform 0.2s ease;
  background-size: cover !important;
}
.PageSideNews:hover .PageSideNews__Img {
  transform: scale(1.05);
}
.PageSideNews__Text {
  padding: 20px;
}
.PageSideNews__Title {
  display: block;
  font-weight: bold;
  font-size: 14px;
  line-height: 18px;
  color: var(--black) !important;
  text-decoration: none;
}
.PageSideNews__Title:hover {
  color: var(--red) !important;
  text-decoration: none;
}
.PageSideNews__Meta {
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: var(--black_50);
  margin-top: 10px;
}
.PageSideNews__Time {}



.wrapper {
  overflow-x: hidden;
}

.content {
  width: 1220px;
  margin-left: auto;
  margin-right: auto;
}

@media only screen and (max-width: 1220px) {
  .content {
    width: 728px;
  }
}

@media only screen and (max-width: 728px) {
  .content {
    box-sizing: border-box;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
}

.Button {
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  line-height: 18px;
  color: var(--red);
  text-decoration: none;
  text-align: center;
  padding: 12px;
  border: 1px solid var(--red);
  border-radius: 10px;
  background: transparent;
}
.Button--wide {
  padding: 12px 32px;
}
.Button:hover {
  background: var(--red);
  color: var(--white);
}
.Button:active {
  transform: translateY(1px);
}
.Button--accent {
  background: var(--red);
  color: var(--white);
}
.Button--accent:hover {
  background: var(--red_dark);
}
.Button--icon-left::before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  width: 18px;
  height: 18px;
  background-size: contain !important;
}
.Button--icon-like::before {
  background: url('../img/icon-like--red.svg') no-repeat center center;
}
.Button--icon-like:hover::before {
  background: url('../img/icon-like--white.svg') no-repeat center center;
}
.Button--icon-download::before {
  background: url('../img/icon-download--red.svg') no-repeat center center;
}
.Button--icon-download:hover::before {
  background: url('../img/icon-download--white.svg') no-repeat center center;
}
.Button--accent.Button--icon-download::before {
  background: url('../img/icon-download--white.svg') no-repeat center center;
}
.Button:disabled {
  opacity: 0.5;
  filter: grayscale(100%);
}


.Input {
  box-sizing: border-box;
  display: block;
  width: 100%;
  font-size: 16px;
  line-height: 24px;
  color: var(--black);
  padding: 12px 15px;
  background: var(--white);
  border: 1px solid var(--gray);
  border-radius: 0;
  outline: none;
}
.Input:focus {
  border-color: var(--red);
}


.Textarea {
  box-sizing: border-box;
  display: block;
  width: 100%;
  font-size: 16px;
  line-height: 24px;
  color: var(--black);
  padding: 15px;
  background: var(--white);
  border: 1px solid var(--gray);
  border-radius: 0;
  outline: none;
  min-height: 300px;
}
.Textarea:focus {
  border-color: var(--red);
}


.Select {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  background: var(--white);
  border: 1px solid var(--gray);
}
.Select::after {
  position: absolute;
  z-index: 0;
  top: 50%;
  right: 15px;
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-top: -3px;
  width: 9px;
  height: 6px;
  background: url('../img/arrow--black.svg') no-repeat center center;
  background-size: contain !important;
}
.Select:hover::after {
  background: url('../img/arrow--red.svg') no-repeat center center;
}
.Select select {
  cursor: pointer;
  box-sizing: border-box;
  display: block;
  width: 100%;
  font-size: 16px;
  line-height: 24px;
  color: var(--black);
  padding: 12px 35px 12px 15px;
  background: transparent;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.Select select:focus {
  border-color: var(--red);
}


.FileUpload {}
.FileUpload__Toggle {
  display: inline-block;
  font-size: 16px;
  line-height: 24px;
  color: var(--black);
  text-decoration: none;
}
.FileUpload__Toggle:hover {
  color: var(--red);
}
.FileUpload__Toggle::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  margin-top: -4px;
  margin-right: 15px;
  background: url('../img/icon-attachment--black-50.svg') no-repeat center center;
  background-size: contain !important;
}



.Checkbox {}
.Checkbox+label {
  display: block;
  cursor: pointer;
  user-select: none;
}
.Checkbox {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.Checkbox+label::before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  margin-right: 14px;
  width: 20px;
  height: 20px;
  background: url('../img/icon-check--red.svg') no-repeat center center;
  background-size: contain;
}
.Checkbox:checked+label::before {
  background: url('../img/icon-check-active--red.svg') no-repeat center center;
  background-size: contain;
}



.PageMenu {
  float: left;
  margin-right: 30px;
  width: 280px;
}
.PageMenu__MobileToggle {
  display: none;
}
@media only screen and (max-width: 1220px) {
  .PageMenu {
    width: 220px;
  } 
}
.PageMenu__Items {
  background: #fff;
  border: 1px solid #E7EAEF;
}
@media only screen and (max-width: 728px) {
  .PageMenu__MobileToggle {
    position: relative;
    display: block;
    padding: 15px;
    font-size: 16px;
    line-height: 24px;
    color: var(--black);
    text-decoration: none;
    background: #fff;
    border: 1px solid #E7EAEF;
  }
  .PageMenu__MobileToggle::after {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -7px;
    border-left: 2px solid;
    border-bottom: 2px solid;
    transform: rotate(-45deg);
  }
  .PageMenu {
    float: none;
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
  .PageMenu__Items {
    display: none;
  }
  .PageMenu--active .PageMenu__Items {
    display: block;
  }
}
.PageMenu__Item {
  display: block;
  padding: 15px;
  font-size: 16px;
  line-height: 24px;
  color: var(--black);
  text-decoration: none;
  border-bottom: 1px solid #E7EAEF;
}
.PageMenu__Item:hover {
  color: var(--red);
  text-decoration: none;
}
.PageMenu__Item--active {
  background: #FDDFDC;
  font-weight: bold;
}
.PageMenu__Item:last-child {
  border-bottom: none;
}


.PhrasebookPage {
  margin-top: -40px;
}
@media only screen and (max-width: 1220px) {
  .PhrasebookPage {
    margin-top: 0;
  }
}


.Phrasebook {
  overflow: hidden;
  background: #fff;
  padding: 30px;
  border: 1px solid #E7EAEF;
  max-width: 700px;
}
.Phrasebook__Items {}
.Phrasebook__Item {
  border-bottom: 1px solid #E7EAEF;
  padding: 20px 0 15px;
}
.Phrasebook__Item:first-child {
  padding-top: 0;
}
.Phrasebook__Phrase {
  font-weight: bold;
  font-size: 18px;
  line-height: 28px;
  color: var(--black);
}
.Phrasebook__Translate {
  font-size: 18px;
  line-height: 28px;
  color: var(--black);
}





.SectionContent {
  display: none;
}
.SectionContent--active {
  display: block;
}

.SectionShare {
  margin-bottom: 40px;
}

.Section {
  padding: 60px 0;
}
@media only screen and (max-width: 728px) {
  .Section {
    padding: 30px 0;
  } 
}
.Section--black {
  background: var(--black);
}
.Section--gray {
  background: var(--gray);
}
.Section--gray_40 {
  position: relative;
}
.Section--gray_40::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: var(--gray);
  opacity: 0.4;
}
.Section--gray_40 > * {
  position: relative;
  z-index: 2;
}

.SectionHeader {
  display: flex;
  align-items: baseline;
  position: relative;
  font-weight: bold;
  font-size: 34px;
  line-height: 42px;
  color: var(--black);
  margin-top: 0;
  margin-bottom: 40px;
}
@media only screen and (max-width: 728px) {
  .SectionHeader {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 30px;
  }
}
.Section--black .SectionHeader {
  color: var(--white);
}
.SectionHeader::after {
  content: "";
  display: block;
  flex: 1;
  height: 4px;
  background: var(--red);
  margin-left: 20px;
}
.SectionHeader--noline::after {
  display: none;
}

.SectionMenu {
  display: flex;
  margin-top: -10px;
  margin-bottom: 30px;
  flex-wrap: nowrap;
  overflow-x: auto;
}
.SectionMenu__Item {
  display: inline-block;
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;
  color: var(--black);
  text-decoration: none;
  margin-right: 30px;
  white-space: nowrap;
}
.Section--black .SectionMenu__Item {
  color: var(--white);
}
.SectionMenu__Item:hover {
  color: var(--red) !important;
}
.SectionMenu__Item--active {
  color: var(--red) !important;
}
.SectionMenu__Item:active {
  transform: translateY(1px);
}


.HeaderBanner {}
@media only screen and (max-width: 728px) {
  .HeaderBanner {
    display: none;
  }
}
.HeaderBanner img {
  display: block;
  width: 100%;
  height: auto;
}

.HeaderBannerFixed {
  position: absolute;
  z-index: 999;
  top: -1000px;
  transform: translateY(-100px);
  transition: transform 0.2s ease;
  width: 1220px;
}
@media only screen and (max-width: 1220px) {
  .HeaderBannerFixed {
    width: 728px;   
  }
}
.HeaderBannerFixed--show {
  position: fixed;
  top: 0;
  transform: translateY(0px);
}
@media only screen and (max-width: 728px) {
  .HeaderBannerFixed {
    display: none;
  }
}
.HeaderBannerFixed img {
  display: block;
  width: 100%;
  height: auto;
}

#headerFake {
  display: none;
}
#headerFake.show {
  display: block;
}
#header {
  position: relative;  
  transition: top 0.2s ease-in-out;
  background: #fff;
}
#header.nav-down {
  z-index: 999;
  width: 100%;
  position: fixed;
  top: 0;
  box-shadow: 0 5px 7px rgba(0,0,0,0.1);
}
#header.nav-up {
  z-index: 999;
  width: 100%;
  position: fixed;
  top: -200px;
}

.Header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 40px 0;
}

@media only screen and (max-width: 1220px) {
  .Header {
    justify-content: left;
  }
}
@media only screen and (max-width: 728px) {
  #header.nav-down .Header,
  #header.nav-up .Header {
    padding: 20px 0;
  }
}
.HeaderLeft {
  display: flex;
  align-items: center;
  width: 270px;
}
@media only screen and (max-width: 1220px) {
  .HeaderLeft {
    display: none;
  }
}
.HeaderRight {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 270px;
}
@media only screen and (max-width: 1220px) {
  .HeaderRight {
    display: none;
  }
}



.HeaderMobileMenu {
  display: none;
}

@media only screen and (max-width: 1220px) {
  .HeaderMobileMenu {
    display: block;
    /*position: relative;*/
  }
}

.HeaderMobileMenu__Toggle {
  box-sizing: border-box;
  display: block;
  position: relative;
  width: 28px;
  height: 20px;
  margin-top: -7px;
  color: var(--red);
  border-top: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
}
.HeaderMobileMenu__Toggle::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 2px;
  margin-top: -1px;
  background: currentColor;
}

@media only screen and (max-width: 728px) {
  .HeaderMobileMenu__Toggle {
    width: 24px;
    height: 16px;
    margin-top: -5px;
  }
}


.Currency {
  margin-left: 30px;
}
.Currency__Title {
  font-weight: 500;
  font-size: 10px;
  line-height: 18px;
  color: var(--black_50);
  white-space: nowrap;
}
.Currency__Title::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-left: 3px;
  margin-top: -3px;
  width: 8px;
  height: 7px;
  background-size: contain !important;
}
.Currency--up .Currency__Title::after {
  background: url('../img/icon-currency-change--up.svg') no-repeat center center;
}
.Currency--down .Currency__Title::after {
  background: url('../img/icon-currency-change--down.svg') no-repeat center center;
}
.Currency__Value {
  font-size: 14px;
  line-height: 18px;
  color: var(--black);
}

.Language {
  position: relative;
  margin-left: 30px;
}
.Language #google_translate_element {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  display: block;
  width: 34px;
  height: 34px;
}
.Language__Toggle {
  display: block;
  position: relative;
  z-index: 1;
  text-decoration: none;
  width: 34px;
  height: 34px;
  text-align: center;
  border: 1px solid var(--gray);
  box-sizing: border-box;
  border-radius: 5px;
  font-size: 14px;
  line-height: 32px;
  color: var(--black);
}
.Language__Toggle:hover {
  color: var(--red);
}
.Language__Toggle:active {
  transform: translateY(1px);
}

.HeaderWeather {
  display: flex;
  align-items: center;
}
.HeaderWeather__Icon {
  margin-right: 10px;
  width: 36px;
  height: 36px;
  /*background-size: contain !important;*/
}
/*.HeaderWeather__Icon--clear {
  background-image: url('../img/icon-weather-clear.svg');
}*/
.HeaderWeather__Icon img {
  display: block;
  width: 100%;
  height: 100%;
}
.HeaderWeather__Text {
  font-size: 14px;
  line-height: 18px;
  color: var(--black);
}

.HeaderAge {
  box-sizing: border-box;
  font-size: 14px;
  line-height: 32px;
  color: var(--black_50);
  width: 34px;
  height: 34px;
  text-align: center;
  border: 1px solid var(--gray);
  border-radius: 17px;
  margin-left: 30px;
}

.HeaderLogo {
  display: inline-block;
  width: 310px;
  height: 32px;
  overflow: hidden;
  text-indent: -1000px;
  background: url('../img/logo.svg') no-repeat center center;
  background-size: contain;
}
.HeaderLogo:active {
  transform: translateY(1px);
}

@media only screen and (max-width: 1220px) {
  .HeaderLogo {
    margin-left: 40px;
  }
}

@media only screen and (max-width: 728px) {
  .HeaderLogo {
    width: 235px;
    height: 25px;
    margin-left: 30px;
  }
}

.Footer {
  padding: 60px 0;
  border-top: 1px solid var(--red);
}
.Footer__Cols {
  display: flex;
  justify-content: space-between;
}
.Footer__Left {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.Footer__Center {
  width: 430px;
  padding-left: 30px;
  margin-left: 30px;
}
.Footer__Right {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 280px;
  padding-left: 30px;
  margin-left: 30px;
}

.FooterTablet {
  display: none;
}
.FooterMobile {
  display: none;
}

@media only screen and (max-width: 1220px) {
  .Footer {
    display: none;
  }
  .FooterTablet {
    display: block;
    padding: 60px 0;
    border-top: 1px solid var(--red);
  }
  .FooterTablet__Cols {
    display: flex;
    justify-content: space-between;
  }
  .FooterTablet__Left {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 45%;
  }
  .FooterTablet__Right {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 45%;
  }
  .Footer__Left {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 45%;
  }
  .Footer__Center {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 45%;
    padding-left: 0;
    margin-left: 0;
  }
  .FooterLogo {
    margin-bottom: 50px;
  }
  .Footer__Social {
    margin-bottom: 40px;
  }
}

@media only screen and (max-width: 728px) {
  .FooterTablet {
    display: block;
    padding: 30px 0 0 0;
    border-top: 1px solid var(--red);
  }
  .FooterTablet__Cols {
    flex-direction: column;
  }
  .FooterTablet__Left {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
  }
  .FooterTablet__Right {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
  }
  .Footer__Cols {
    flex-direction: column;
  }
  .Footer__Left {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
  }
  .Footer__Center {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
  }
  .FooterLogo {
    margin-bottom: 30px;
  }
  .Copyrights {
    padding: 30px 0 !important;
  }
  .CopyrightsText {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .Footer__Social {
    margin-top: 30px;
  }
  .Footer__Contacts:last-child {
    margin-bottom: 30px !important;
  }
  .CopyrightsDeveloper {
    margin-top: 0px !important;
  }
}


.Footer__Social {}
.Footer__SocialHeader {
  font-weight: bold;
  font-size: 14px;
  line-height: 18px;
  color: var(--black);
}
.Footer__SocialItems {
  margin-top: 12px;
}
.Footer__SocialItem {
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  margin-right: 8px;
  background-size: contain !important;
}
.Footer__SocialItem--instagram {
  background: url('../img/icon-social-instagram.svg') no-repeat center center;
}
.Footer__SocialItem--facebook {
  background: url('../img/icon-social-facebook.svg') no-repeat center center;
}
.Footer__SocialItem--twitter {
  background: url('../img/icon-social-twitter.svg') no-repeat center center;
}
.Footer__SocialItem--youtube {
  background: url('../img/icon-social-youtube.svg') no-repeat center center;
}
.Footer__SocialItem--vkontakte {
  background: url('../img/icon-social-vkontakte.svg') no-repeat center center;
}
.Footer__SocialItem--odnoklassniki {
  background: url('../img/icon-social-odnoklassniki.svg') no-repeat center center;
}
.Footer__SocialItem--zen {
  background: url('../img/icon-social-zen.svg') no-repeat center center;
}
.Footer__SocialItem:hover {
  transform: scale(1.05);
}
.Footer__SocialItem:active {
  transform: translateY(1px);
}


.Footer__Contacts {
  margin-bottom: 40px;
}
.Footer__Contacts:last-child {
  margin-bottom: 0;
}
.Footer__ContactsTitle {
  font-weight: bold;
  font-size: 14px;
  line-height: 18px;
  color: var(--black);
}
.Footer__ContactsItem {
  font-size: 14px;
  line-height: 18px;
  color: var(--black); 
}


.FooterLogo {
  display: inline-block;
  width: 275px;
  height: 28px;
  overflow: hidden;
  text-indent: -1000px;
  background: url('../img/logo.svg') no-repeat center center;
  background-size: contain;
}
.FooterLogo:active {
  transform: translateY(1px);
}


.FooterCounters {
  margin-top: 30px;
}

.Copyrights {
  position: relative;
  padding: 60px 0;
}
.Copyrights::before {
  content: '';
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--gray);
  opacity: 0.2;
}
.Copyrights .content {
  position: relative;
  z-index: 2;
}
.CopyrightsLicense {
  font-size: 12px;
  line-height: 14px;
  color: var(--black_50);
  max-width: 390px;
}
@media only screen and (max-width: 1220px) {
  .CopyrightsLicense {
    max-width: 270px;   
  }
}
.CopyrightsText {
  font-size: 14px;
  line-height: 18px;
  color: var(--black);
}
.CopyrightsDeveloper {
  font-size: 14px;
  line-height: 18px;
  color: var(--black);
}
@media only screen and (max-width: 1220px) {
  .CopyrightsDeveloper {
    margin-top: 25px;
  }
}
.CopyrightsDeveloper a {
  font-weight: bold;
  text-decoration: none;
  color: var(--black);
}
.CopyrightsDeveloper a:hover {
  color: var(--red);
}


.MainMenu {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 40px;
  border-bottom: 1px solid var(--gray);
}
#header.nav-up .MainMenu,
#header.nav-down .MainMenu {
  margin-bottom: 0;
  border-bottom: none;
}
@media only screen and (max-width: 1220px) {
  .MainMenu {
    display: none;
  }
}
.MainMenu__Items {
  display: flex;
  align-items: center;
}
.MainMenu__Item {
  position: relative;
  display: block;
  margin-right: 30px;
}
.MainMenu__Item--active:not(.MainMenu__Item--parent) {
  border-bottom: 2px solid var(--red);
}
.MainMenu__Item > a {
  display: block;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  color: var(--black);
  text-decoration: none !important;
  padding-bottom: 15px;
}
.MainMenu__Item--active > a {
  color: var(--red);
}
.MainMenu__Item > a:hover {
  color: var(--red);
}
.MainMenu__Item > a:focus {}
.MainMenu__Item--parent > a::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-left: 6px;
  width: 9px;
  height: 6px;
  background: url('../img/arrow--black.svg') no-repeat center center;
  background-size: contain;
}
.MainMenu__Item--parent > a:hover::after {
  background-image: url('../img/arrow--red.svg');
}
.MainMenu__Item--parent.MainMenu__Item--active > a::after {
  background-image: url('../img/arrow--red.svg');
  transform: rotate(180deg);
}
.MainMenu__Subitems {
  position: absolute;
  z-index: 9;
  opacity: 0;
  left: -1000px;
  top: -1000px;
  transform: translateY(5px);
  transition: opacity 0.2s ease, transform 0.2s ease;
  padding: 20px;
  background: var(--white);
  border: 1px solid var(--gray);
  border-top: 2px solid var(--red);
}
.MainMenu__Item--active .MainMenu__Subitems {
  opacity: 1;
  top: 37px;
  left: 0;
  transform: translateY(0);
}
.MainMenu__Subitem {}
.MainMenu__Subitem > a {
  display: block;
  font-size: 16px;
  line-height: 22px;
  color: var(--black);
  text-decoration: none !important;
  padding: 6px 0;
  white-space: nowrap;
}
.MainMenu__Subitem--active > a {
  color: var(--red);
}
.MainMenu__Subitem > a:hover {
  color: var(--red);
}
.MainMenu__Subitem > a:focus {}
.MainMenu__Search {
  position: relative;
}
.MainMenu__SearchIcon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url('../img/icon-search--black-50.svg') no-repeat center center;
  background-size: contain;
  margin-bottom: 5px;
}
.MainMenu__SearchIcon:hover {
  background-image: url('../img/icon-search--red.svg');
}
.MainMenu__SearchIcon:active {
  transform: translateY(1px);
}
.MainMenu__Search--active .MainMenu__SearchIcon {
  background-image: url('../img/icon-close--black-50.svg');
}
.MainMenu__Search--active .MainMenu__SearchIcon:hover {
  background-image: url('../img/icon-close--red.svg');
}
.MainMenu__SearchForm {
  position: absolute;
  top: -1000px;
  left: -1000px;
  opacity: 0;
  transform: translateX(10px);
  transition: opacity 0.2s ease, transform 0.2s ease;
  background: var(--white);
}
.MainMenu__SearchForm::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: -60px;
  height: 100%;
  width: 60px;
  background: linear-gradient(270deg, #FFFFFF 28.99%, rgba(255, 255, 255, 0) 98.28%);
  transform: matrix(1, 0, 0, -1, 0, 0);
}
.MainMenu__Search--active .MainMenu__SearchForm {
  opacity: 1;
  position: absolute;
  top: auto;
  bottom: -5px;
  right: 40px;
  left: auto;
  transform: translateX(0px);
  width: 400px;
}
.MainMenu__SearchInput {
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 50px;
  border: 1px solid var(--gray);
  background: #fff;
  border-radius: 0;
  outline: none;
  padding: 0 80px 0 18px;
}
.MainMenu__SearchInput:focus {
  border-color: var(--red);
}
.MainMenu__SearchButton {
  cursor: pointer;
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  display: block;
  height: 50px;
  line-height: 50px;
  padding: 0 18px;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  color: var(--red);
  background: transparent;
  border: none;
  border-radius: 0;
}
.MainMenu__SearchButton:active {
  transform: translateY(1px);
}



.MainMenuMobile {
  display: none;
}
@media only screen and (max-width: 1220px) {
  .MainMenuMobile {
    display: block;
    position: absolute;
    z-index: 99;
    top: -1000px;
    left: -1000px;
    width: 100%;
    background: var(--white);
    opacity: 0;
    transform: translateY(-10px);
    transition: transform 0.2s ease, opacity 0.2s ease;
  }
  .HeaderMobileMenu--active .MainMenuMobile {
    top: 80px;
    left: 0;
    opacity: 1;
    transform: translateY(0);
  }
  .MainMenuMobile__Cols {
    padding: 40px 0 40px 68px;
    display: flex;
  }
  .MainMenuMobile__Col {
    flex: 1;
    min-width: 30%;
  }
  .MainMenuMobile__Bottom {
    position: relative;
    padding: 40px 0;
  }
  .MainMenuMobile__Bottom::before {
    content: "";
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: var(--gray);
    opacity: 0.4;
  }
  .MainMenuMobile__Bottom > * {
    position: relative;
    z-index: 2;
  }
  .MainMenuMobile__BottomCols {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .MainMenuMobile__BottomCol {
    display: flex;
    align-items: center;
    justify-content: start;
  }
  .MainMenuMobile__Bottom .Currency:first-child {
    margin-left: 0;
  }
  .MainMenuMobile__Item {
    display: block;
    margin-bottom: 15px;
  }
  .MainMenuMobile__Item > a {
    display: block;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: var(--black);
    text-decoration: none !important;
  }
  .MainMenuMobile__Item--active > a {
    color: var(--red);
  }
  .MainMenuMobile__Item > a:hover {
    color: var(--red);
  }
  .MainMenuMobile__Item > a:focus {}
  .MainMenuMobile__SearchForm {
    position: relative;
    width: 400px;
  }
  .MainMenuMobile__SearchInput {
    box-sizing: border-box;
    display: block;
    width: 100%;
    height: 50px;
    border: 1px solid var(--gray);
    background: #fff;
    border-radius: 0;
    outline: none;
    padding: 0 80px 0 18px;
  }
  .MainMenuMobile__SearchInput:focus {
    border-color: var(--red);
  }
  .MainMenuMobile__SearchButton {
    cursor: pointer;
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    display: block;
    height: 50px;
    line-height: 50px;
    padding: 0 18px;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: var(--red);
    background: transparent;
    border: none;
    border-radius: 0;
  }
  .MainMenuMobile__SearchButton:active {
    transform: translateY(1px);
  }
}

@media only screen and (max-width: 728px) {
  .MainMenuMobile__Cols {
    padding: 20px;
    display: block;
  }
  .MainMenuMobile__Col {
    flex: 1;
    width: auto;
    float: left;
    margin-bottom: 20px;
    min-width: 0;
    margin-left: 30px;
  }
  .MainMenuMobile__Col:first-child {
    margin-left: 0;
  }
  .MainMenuMobile__Bottom {
    position: relative;
    padding: 30px 0;
  }
  .MainMenuMobile__BottomCols {
    flex-direction: column-reverse;
    justify-content: left;
  }
  .MainMenuMobile__BottomCol {
    width: 100%;
  }
  .MainMenuMobile__Item {
    margin-bottom: 15px;
  }
  .MainMenuMobile__Item > a {
    font-size: 16px;
  }
  .MainMenuMobile__Search {
    margin-bottom: 30px;
    width: 100%;
  }
  .MainMenuMobile__SearchForm {
    width: 100%;
  }
}


.SearchPage {}
.SearchPage__Input {
  position: relative;
}
.SearchPage__Button {
  cursor: pointer;
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  display: block;
  height: 50px;
  line-height: 50px;
  padding: 0 18px;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  color: var(--red);
  background: transparent;
  border: none;
  border-radius: 0;
}
.SearchPage__Button:active {
  transform: translateY(1px);
}
.SearchPage__Sort {
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;
  color: var(--black);
  margin-bottom: 40px;
}
.SearchPage__Sort a {
  color: var(--red);
  text-decoration: none;
}
.SearchPage__Sort a:hover {
  color: var(--red);
  text-decoration: underline;
}



.Cols {
  display: flex;
}
.Cols__Main {
  flex: 1;
}
.Cols__Right {  
  width: 280px;
  padding-left: 30px;
  margin-left: 30px;
  border-left: 1px solid var(--gray);
}
.Cols__Right--noborder {
  width: 310px;
  padding-left: 0;
  border-left: none;
}
@media only screen and (max-width: 1220px) {
  .Cols__Right {
    display: none;
  }
}




.MainNews {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  position: relative;
  height: 480px;
  padding: 30px;
  margin-bottom: 30px;
  overflow: hidden;
}
@media only screen and (max-width: 728px) {
  .MainNews {
    height: 280px;
    padding: 15px;
    margin-bottom: 20px;
  }
}
.MainNews__Img {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover !important;
  transition: transform 0.2s ease;
}
.MainNews:hover .MainNews__Img {
  transform: scale(1.025);
}
.MainNews__Img::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), linear-gradient(0deg, #000000 0%, rgba(0, 0, 0, 0) 39.87%);
  border-radius: 0px;
}
.MainNews__Big {
  position: relative;
  z-index: 2;
  margin-bottom: 20px;
}
@media only screen and (max-width: 728px) {
  .MainNews__Big {
    margin-bottom: 0;
  }
}
.MainNews__Big .MainNews__Item {
  display: block;
}
.MainNews__Big .MainNews__ItemTitle {
  display: block;
  font-weight: bold;
  font-size: 34px;
  line-height: 42px;
  color: var(--white);
  margin-bottom: 15px;
  text-decoration: none;
}
@media only screen and (max-width: 728px) {
  .MainNews__Big .MainNews__ItemTitle {
    font-size: 20px;
    line-height: 26px;
  }
}
.MainNews__Big .MainNews__ItemTitle:hover {
  color: var(--red);
}
.MainNews__Big .MainNews__ItemMeta {
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: var(--white);
}
.MainNews__Big .MainNews__ItemSection {
  color: var(--white);
  text-decoration: none;
  text-transform: uppercase;
}
.MainNews__Big .MainNews__ItemSection:hover {
  color: var(--red);
}
.MainNews__Big .MainNews__ItemTime {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin-left: 20px;
}
.MainNews__Big .MainNews__ItemTime::before {
  content: "";
  display: block;
  position: absolute;
  left: -15px;
  top: 50%;
  margin-top: -1px;
  width: 8px;
  height: 1px;
  background: var(--white);
}
.MainNews__Small {
  position: relative;
  z-index: 2;
  display: flex;
  flex-wrap: nowrap;
  padding-top: 20px;
}
@media only screen and (max-width: 728px) {
  .MainNews__Small {
    display: none;
  }
}
.MainNews__Small::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: var(--gray);
  opacity: 0.5;
}
.MainNews__Small .MainNews__Item {
  position: relative;
  display: block;
  flex: 1;
  text-decoration: none;
  padding: 0 30px;
  max-width: 33%;
}
.MainNews__Small .MainNews__Item:first-child {
  padding-left: 0;
}
.MainNews__Small .MainNews__Item:last-child {
  padding-right: 0;
}
.MainNews__Small .MainNews__Item::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 1px;
  height: 100%;
  background: var(--gray);
  opacity: 0.5;
}
.MainNews__Small .MainNews__Item:last-child::after {
  display: none;
}
.MainNews__Small .MainNews__ItemTitle {
  font-weight: bold;
  font-size: 14px;
  line-height: 18px;
  color: var(--white);
  margin-bottom: 10px;
}
.MainNews__Small .MainNews__Item:hover .MainNews__ItemTitle {
  color: var(--red);
}
.MainNews__Small .MainNews__ItemMeta {
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: var(--black_50);
}
.MainNews__Small .MainNews__ItemTime {}

.MainNews__SmallMobile {
  display: none;
}
@media only screen and (max-width: 728px) {
  .MainNews__SmallMobile {
    display: block;
    background: var(--gray);
    padding: 15px;
    margin-top: -20px;
    margin-bottom: 20px;
  }
  .MainNews__SmallMobile__Title {
    font-weight: bold;
    font-size: 18px;
    line-height: 28px;
    color: var(--black);
    margin-bottom: 10px;
  }
  .MainNews__SmallMobile .MainNews__Item {
    position: relative;
    display: block;
    text-decoration: none;
    padding: 0;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid var(--white);
  }
  .MainNews__SmallMobile .MainNews__Item:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
  }
  .MainNews__SmallMobile .MainNews__ItemTitle {
    font-weight: bold;
    font-size: 14px;
    line-height: 18px;
    color: var(--black);
    margin-bottom: 10px;
  }
  .MainNews__SmallMobile .MainNews__Item:hover .MainNews__ItemTitle {
    color: var(--red);
  }
  .MainNews__SmallMobile .MainNews__ItemMeta {
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: var(--black_50);

  }
}

.SectionMainNews {
  display: flex;
  margin-bottom: 40px;
}
@media only screen and (max-width: 728px) {
  .SectionMainNews {
    display: block;
  }
}
.SectionMainNews__Big {
  position: relative;
  margin-right: 30px;
  min-height: 300px;
}
@media only screen and (max-width: 728px) {
  .SectionMainNews__Big {
    margin-right: 0;
  } 
}
.SectionMainNews__Big .SectionMainNews__Item {
  position: relative;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  width: 490px;
  height: 100%;
  padding: 30px;
  background-size: cover !important;
  text-decoration: none;
  overflow: hidden;
}
@media only screen and (max-width: 1220px) {
  .SectionMainNews__Big .SectionMainNews__Item {
    width: 400px;
    padding: 15px;
  }
}
@media only screen and (max-width: 728px) {
  .SectionMainNews__Big .SectionMainNews__Item {
    width: 100%;
    height: 240px;
    padding: 15px;
  }
}
.SectionMainNews__Big .SectionMainNews__Img {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover !important;
  transition: transform 0.2s ease;
}
.SectionMainNews__Big:hover .SectionMainNews__Img {
  transform: scale(1.03);
}
.SectionMainNews__Big .SectionMainNews__Img::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), linear-gradient(0deg, #000000 0%, rgba(0, 0, 0, 0) 39.87%);
  border-radius: 0px;
}
.SectionMainNews__Big .SectionMainNews__ItemTitle {
  position: relative;
  z-index: 2;
  font-weight: bold;
  font-size: 20px;
  line-height: 26px;
  color: var(--white);
  margin-bottom: 10px;
}
@media only screen and (max-width: 728px) {
  .SectionMainNews__Big .SectionMainNews__ItemTitle {
    font-size: 16px;
    line-height: 20px;
  }
}
.SectionMainNews__Big .SectionMainNews__Item:hover .SectionMainNews__ItemTitle {
  color: var(--red);
}
.SectionMainNews__Big .SectionMainNews__ItemMeta {
  position: relative;
  z-index: 2;
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: var(--white);
}
@media only screen and (max-width: 728px) {
  /*.SectionMainNews__Small {
    display: none;
  }*/
}
.SectionMainNews__Small .SectionMainNews__Item {
  display: flex;
  text-decoration: none;
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid var(--gray);
}
.SectionMainNews__Small .SectionMainNews__Item:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.SectionMainNews__Small .SectionMainNews__ItemImg {
  margin-left: 15px;
  width: 100px;
  height: 80px;
  background-size: cover !important;
}
.SectionMainNews__Small .SectionMainNews__ItemText {
  flex: 1;
}
.SectionMainNews__Small .SectionMainNews__ItemTitle {
  font-size: 14px;
  line-height: 18px;
  color: var(--black);
  margin-bottom: 10px;
}
.SectionMainNews__Small .SectionMainNews__Item:hover .SectionMainNews__ItemTitle {
  color: var(--red);
}
.SectionMainNews__Small .SectionMainNews__ItemMeta {
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: var(--black_50);
}




.NewsList {
  margin-bottom: 30px;
}
.NewsList__Items {}
.NewsList__Item {
  display: flex;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid var(--gray);
  text-decoration: none;
}
.NewsList__Item:last-child {
  border-bottom: none;
}
.NewsList__ItemText {
  flex: 1;
}
.NewsList__ItemImgWrapper {
  width: 230px;
  height: 140px;
  margin-left: 30px;
  background-size: cover !important;
  overflow: hidden;
}
@media only screen and (max-width: 728px) {
  .NewsList__ItemImgWrapper {
    width: 115px;
    height: 85px;
    margin-left: 15px;
  } 
}
.NewsList__ItemImg {
  display: block;
  width: 100%;
  height: 100%;
  transition: transform 0.1s ease;
}
.NewsList__ItemImgWrapper:hover .NewsList__ItemImg {
  transform: scale(1.025);
}
.NewsList__ItemTitle {
  display: block;
  font-weight: bold;
  font-size: 20px;
  line-height: 26px;
  color: var(--black);
  margin-bottom: 10px;
  text-decoration: none;
}
@media only screen and (max-width: 728px) {
  .NewsList__ItemTitle {
    font-size: 14px;
    line-height: 18px;
  }
}
.NewsList__ItemTitle:hover  {
  color: var(--red);
}
.NewsList__ItemPreview {
  font-size: 16px;
  line-height: 24px;
  color: var(--black);
  margin-bottom: 10px;
}
@media only screen and (max-width: 728px) {
  .NewsList__ItemPreview {
    display: none;
  }
}
.NewsList__ItemMeta {
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: var(--black_50);
}
.NewsList__ItemSection {
  display: inline-block;
  vertical-align: middle;
  color: var(--black_50);
  text-decoration: none;
  text-transform: uppercase;
}
@media only screen and (max-width: 728px) {
  .NewsList__ItemSection {
    display: none;
  }
}
.NewsList__ItemSection:hover {
  color: var(--red);
}
.NewsList__ItemTime {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin-left: 20px;
}
.NewsList__ItemTime::before {
  content: "";
  display: block;
  position: absolute;
  left: -15px;
  top: 50%;
  margin-top: -1px;
  width: 8px;
  height: 1.5px;
  background: var(--black_50);
}
@media only screen and (max-width: 728px) {
  .NewsList__ItemTime {
    margin-left: 0;
  }
  .NewsList__ItemTime::before {
    display: none;
  }
}


.ShowMore {
  text-align: center;
  padding-top: 20px;
  border-top: 1px solid var(--gray);
  margin-bottom: 20px;
}
.ShowMore__Button {
  display: inline-block;
  font-size: 14px;
  line-height: 18px;
  text-decoration: none;
  color: var(--black);
}
.ShowMore__Button:hover {
  color: var(--red);
}
.ShowMore__Button::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  margin-top: -2px;
  width: 18px;
  height: 18px;
  background: url('../img/icon-rotation-right--black.svg') no-repeat center center;
  background-size: contain;
}
.ShowMore__Button:hover::before {
  background-image: url('../img/icon-rotation-right--red.svg');
}
.ShowMore__Button--loading::before {
  animation: spin 1s linear infinite;
}




.AsideHeader {
  font-weight: bold;
  font-size: 16px;
  line-height: 22px;
  color: var(--red);
  margin: 0 0 20px;
}


.AsideNewsList {}
.AsideNewsList__Item {
  display: flex;
  text-decoration: none;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--gray);
}
.AsideNewsList__Item--big {
  flex-direction: column;
}
.AsideNewsList__Item--cover {
  flex-direction: column;
  justify-content: flex-end;
  position: relative;
  height: 210px;
  padding: 0;
  border: none;
}
.AsideNewsList__ItemImg {
  display: block;
  margin-right: 20px;
  background-size: cover !important;
  width: 60px;
  height: 50px;
}
.AsideNewsList__Item--big .AsideNewsList__ItemImg {
  margin-bottom: 20px;
  margin-right: 0;
  width: 100%;
  height: 165px;
}
.AsideNewsList__Item--cover .AsideNewsList__ItemImg {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
}
.AsideNewsList__Item--cover .AsideNewsList__ItemImg::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
}
.AsideNewsList__ItemText {
  flex: 1;
}
.AsideNewsList__Item--cover .AsideNewsList__ItemText {
  position: relative;
  z-index: 2;
  padding: 15px;
  flex: 0;
}
.AsideNewsList__ItemTitle {
  font-size: 14px;
  line-height: 18px;
  color: var(--black);
  margin-bottom: 10px;
}
.AsideNewsList__Item--cover .AsideNewsList__ItemTitle {
  color: var(--white);
}
.AsideNewsList__Item:hover .AsideNewsList__ItemTitle {
  color: var(--red);
}
.AsideNewsList__ItemMeta {
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: var(--black_50);
}
.AsideNewsList__Item--cover .AsideNewsList__ItemMeta {
  color: var(--white);
}



.AsideCard {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  margin-bottom: 20px;
  background-size: cover !important;
  padding: 15px;
  text-decoration: none;
}
.AsideCard--h180 {
  height: 180px;
}
.AsideCard::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3));
}
.AsideCard__Title {
  position: relative;
  z-index: 2;
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;
  color: var(--white);
  margin-bottom: 5px;
}
.AsideCard:hover .AsideCard__Title {
  color: var(--red);
}
.AsideCard__Meta {
  position: relative;
  z-index: 2;
  font-size: 14px;
  line-height: 18px;
  color: var(--white);
}



.AsideBanner {
  display: block;
  text-decoration: none;
  margin-bottom: 20px;
}
.AsideBanner__Img,
.AsideBanner img {
  display: block;
  width: 100%;
  height: auto;
}




.NewsGrid {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
@media only screen and (max-width: 1220px) {
  .NewsGrid--scroll {
    flex-wrap: nowrap;
    overflow-y: auto;
  }
}
.NewsGrid__Item {
  box-sizing: border-box;
  display: block;
  flex: 1;
  margin-right: 30px;
  margin-bottom: 30px;
  min-width: 30%;
  max-width: 33%;
}
.NewsGrid__Item:nth-child(3n) {
  margin-right: 0;
}
@media only screen and (max-width: 728px) {
  .NewsGrid__Item {
    margin-right: 0;
    margin-bottom: 20px;
    min-width: 100%;
    max-width: 100%;
  }
}
.NewsGrid--4 .NewsGrid__Item {
  min-width: 20%;
  max-width: 25%; 
}
.NewsGrid--4 .NewsGrid__Item:nth-child(3n) {
  margin-right: 30px;
}
.NewsGrid--4 .NewsGrid__Item:nth-child(4n) {
  margin-right: 0;
}
.NewsGrid--6 .NewsGrid__Item {
  min-width: 14%;
  max-width: 20%; 
}
.NewsGrid--6 .NewsGrid__Item:nth-child(3n) {
  margin-right: 30px;
}
.NewsGrid--6 .NewsGrid__Item:nth-child(6n) {
  margin-right: 0;
}
@media only screen and (max-width: 1220px) {
  .NewsGrid--6 .NewsGrid__Item {
    min-width: 25%;
    max-width: 33%;
    margin-right: 20px; 
  }
  .NewsGrid--6 .NewsGrid__Item:nth-child(3n) {
    margin-right: 0;
  } 
}
@media only screen and (max-width: 728px) {
  .NewsGrid--6 .NewsGrid__Item {
    min-width: 45%;
    max-width: 50%;
    margin-right: 20px; 
  }
  .NewsGrid--6 .NewsGrid__Item:nth-child(3n) {
    margin-right: 20px;
  }
  .NewsGrid--6 .NewsGrid__Item:nth-child(2n) {
    margin-right: 0;
  } 
}
@media only screen and (max-width: 1220px) {
  .NewsGrid--scroll .NewsGrid__Item {
    margin-right: 20px;
    margin-bottom: 0;
    min-width: 220px;
    max-width: 220px;
  }
}
.NewsGrid__Item--cover {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  background-size: cover !important;
  text-decoration: none;
}
.NewsGrid__Item--cover::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
}
.NewsGrid__ItemImgWrapper {
  display: block;
  position: relative;
  height: 165px;
  background-size: cover !important;
  overflow: hidden;
}
.NewsGrid--img-h195 .NewsGrid__ItemImgWrapper {
  height: 195px;
}
@media only screen and (max-width: 728px) {
  .NewsGrid--img-h195 .NewsGrid__ItemImgWrapper {
    height: 0;
    padding-bottom: 50%;
  } 
}
.NewsGrid--img-h200 .NewsGrid__ItemImgWrapper {
  height: 200px;
}
@media only screen and (max-width: 728px) {
  .NewsGrid--img-h200 .NewsGrid__ItemImgWrapper {
    height: 0;
    padding-bottom: 60%;
  } 
}
.NewsGrid--img-h265 .NewsGrid__ItemImgWrapper {
  height: 265px;
}
@media only screen and (max-width: 728px) {
  .NewsGrid--img-h265 .NewsGrid__ItemImgWrapper {
    height: 0;
    padding-bottom: 70%;
  } 
}
.NewsGrid__ItemImg {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: cover !important;
  transition: transform 0.1s ease;
}
.NewsGrid__ItemImgWrapper:hover .NewsGrid__ItemImg {
  transform: scale(1.025);
}
.NewsGrid__ItemText {
  padding-top: 15px;
}
.NewsGrid__Item--cover .NewsGrid__ItemText {
  position: relative;
  padding: 20px;
}
.NewsGrid__ItemTitle {
  display: block;
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;
  color: var(--black);
  margin-bottom: 10px;
  text-decoration: none;
}
.NewsGrid--6 .NewsGrid__ItemTitle {
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 5px;
}
.NewsGrid--theme-dark .NewsGrid__ItemTitle {
  color: var(--white);
}
.NewsGrid__ItemTitle:hover {
  color: var(--red);
}
.NewsGrid__Item--cover .NewsGrid__ItemTitle {
  color: var(--white);
}
.NewsGrid__Item--cover:hover .NewsGrid__ItemTitle {
  color: var(--red);
}
.NewsGrid__ItemPreview {
  font-size: 14px;
  line-height: 18px;
  color: var(--black);
  margin-bottom: 10px;
}
.NewsGrid__ItemMeta {
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: var(--black_50);
}
.NewsGrid__Item--cover .NewsGrid__ItemMeta {
  color: var(--white);
}



.Cards {
  display: flex;
  margin-bottom: 40px;
}
.Cards__Item {
  position: relative;
  flex: 1;
  flex-direction: column;
  justify-content: flex-end;
  margin-right: 30px;
  display: flex;
  background-size: cover !important;
}
.Cards__Item:nth-child(even) {
  margin-right: 0;
}
@media only screen and (max-width: 728px) {
  .Cards {
    flex-direction: column;
    margin-bottom: 30px;
  }
  .Cards__Item {
    margin-right: 0;
    margin-bottom: 20px;
  }
  .Cards__Item:last-child {
    margin-bottom: 0;
  }
}
.Cards__Item::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), linear-gradient(0deg, #000000 0%, rgba(0, 0, 0, 0) 39.87%);
}
.Cards--h300 .Cards__Item {
  height: 300px;
}
@media only screen and (max-width: 1220px) {
  .Cards--h300 .Cards__Item {
    height: 240px;
    min-height: 240px;
  } 
}
.Cards__ItemContent {
  position: relative;
  z-index: 2;
  padding: 30px;
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 1220px) {
  .Cards__ItemContent {
    padding: 15px;
  }
}
.Cards__ItemTitle {
  font-weight: bold;
  font-size: 20px;
  line-height: 26px;
  color: var(--white);
  text-decoration: none;
  margin-bottom: 5px;
}
.Cards__ItemTitle:hover {
  color: var(--red);
}
.Cards__ItemMeta {
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: var(--white);
}




.PersonsGrid {
  display: flex;
  flex-wrap: wrap;
}
.PersonsGrid__Item {
  display: block;
  box-sizing: border-box;
  flex: 1;
  min-width: 45%;
  max-width: 595px;
  margin: 0 30px 30px 0;
  border: 1px solid var(--gray);
  padding: 20px;
  text-decoration: none;
}
.PersonsGrid__Item:nth-child(even) {
  margin-right: 0;
}
.PersonsGrid__Item:hover {
  text-decoration: none;
  background: rgba(231, 234, 239, 0.5);
}
@media only screen and (max-width: 1220px) {
  .PersonsGrid {
    flex-direction: column;
  }
  .PersonsGrid__Item {
    min-width: 100%;
    max-width: 100%;
    margin: 0 0 20px 0;
  }
}
@media only screen and (max-width: 728px) {
  .PersonsGrid__Item {
    padding: 15px;
  }
}
.PersonsGrid__ItemMeta {
  margin-top: 20px;
  font-size: 12px;
  line-height: 18px;
  color: var(--black);
}
.PersonsGrid__ItemContent {
  display: flex;
}
.PersonsGrid__ItemImg {
  margin-right: 30px;
  display: block;
  background-size: cover !important;
  height: 230px;
  width: 170px;
}
@media only screen and (max-width: 728px) {
  .PersonsGrid__ItemImg {
    margin-right: 15px;
    height: 180px;
    width: 120px;
  }
}
.PersonsGrid__ItemText {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.PersonsGrid__ItemHeader {
  margin-bottom: 20px;
}
@media only screen and (max-width: 728px) {
  .PersonsGrid__ItemHeader {
    margin-bottom: 15px;
  } 
}
.PersonsGrid__ItemTitle {
  display: block;
  font-weight: bold;
  font-size: 24px;
  line-height: 32px;
  text-decoration: none;
  color: var(--black);
  margin-bottom: 5px;
}
@media only screen and (max-width: 728px) {
  .PersonsGrid__ItemTitle {
    font-size: 20px;
    line-height: 28px;
  }
}
.PersonsGrid__Item:hover .PersonsGrid__ItemTitle {
  color: var(--red);
}
.PersonsGrid__ItemSubtitle {
  font-size: 18px;
  line-height: 28px;
  color: var(--black);
}
.PersonsGrid__ItemMarks {}
.PersonsGrid__ItemMarksTitle {
  font-size: 14px;
  line-height: 18px;
  color: var(--black);
  margin-bottom: 10px;
}
.PersonsGrid__ItemMark {
  position: relative;
  display: flex;
  width: 100%;
  box-sizing: border-box;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
  height: 50px;
  padding: 0 24px;
  font-weight: bold;
  font-size: 14px;
  line-height: 18px;
  color: var(--black);
  background: var(--gray);
}
@media only screen and (max-width: 728px) {
  .PersonsGrid__ItemMark {
    height: 30px;
    padding: 0 15px;
  }
}
.PersonsGrid__ItemMark:last-child {
  margin-bottom: 0;
}
.PersonsGrid__ItemMark span {
  position: relative;
  z-index: 2;
}
.PersonsGrid__ItemMarkKey {
  color: var(--white);
}
.PersonsGrid__ItemMarkBar {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  height: 100%;
}
.PersonsGrid__ItemMark--red .PersonsGrid__ItemMarkBar {
  background: var(--red);
}
.PersonsGrid__ItemMark--black .PersonsGrid__ItemMarkBar {
  background: var(--black_50);
}



.Person__Marks {
  margin-bottom: 40px;
}
.Person__MarksTitle {
  font-size: 16px;
  line-height: 20px;
  font-weight: bold;
  color: var(--black);
  margin-bottom: 15px;
}
.Person__Mark {
  position: relative;
  display: flex;
  width: 100%;
  box-sizing: border-box;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 15px;
  height: 60px;
  padding: 0 24px;
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;
  color: var(--black);
  background: var(--gray);
  text-decoration: none !important;
}
.Person__Mark:last-child {
  margin-bottom: 0;
}
.Person__Mark span {
  position: relative;
  z-index: 2;
}
.Person__MarkKey {
  color: var(--white);
}
.Person__MarkValue {
  color: var(--black);
}
.Person__MarkBar {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  height: 100%;
}
.Person__MarkBar::after {
  content: '';
  display: block;
  position: absolute;
  width: 10px;
  height: 100%;
  top: 0;
  right: 0;
  transition: transform 0.3s ease;
}
.Person__Mark--red .Person__MarkBar {
  background: var(--red);
}
.Person__Mark--red .Person__MarkBar::after {
  background: var(--red);
  transform: translateX(0);
}
.Person__Mark--red:hover .Person__MarkBar::after {
  background: var(--red);
  transform: translateX(4px);
  transition: transform 0.1s ease;
}
.Person__Mark--black .Person__MarkBar {
  background: var(--black_50);
}
.Person__Mark--black .Person__MarkBar::after {
  background: var(--black_50);
  transform: translateX(0);
}
.Person__Mark--black:hover .Person__MarkBar::after {
  background: var(--black_50);
  transform: translateX(4px);
  transition: transform 0.1s ease;
}
.Person__MarksTotal {
  font-size: 12px;
  line-height: 18px;
  color: var(--black);
  margin-top: 15px;
}
.Person__MarksSuccess {
  color: var(--black_50);
  margin-bottom: 10px;
}





.PersonNews {}
.PersonNews__Items {}
.PersonNews__Item {
  margin-top: 40px;
  padding-top: 40px;
  border-top: 1px solid var(--gray);
}
a.PersonNews__ItemTitle {
  display: block;
  font-weight: bold;
  font-size: 24px;
  line-height: 32px;
  color: var(--black);
  text-decoration: none;
  margin-bottom: 30px;
}
a.PersonNews__ItemTitle:hover {
  color: var(--red);
}
.PersonNews__ItemImg {
  display: block;
  margin-bottom: 30px;
}
.PersonNews__ItemImg img {
  display: block;
  max-width: 100%;
}
.NewsList__ItemPreview {
  font-size: 18px;
  line-height: 28px;
  color: var(--black);
}




.Zurkhay__Items {
  max-width: 700px;
}
.Zurkhay__Item {
  padding-bottom: 40px;
  margin-bottom: 40px;
  border-bottom: 1px solid var(--gray);
}
.Zurkhay__Item:last-child {
  margin-bottom: 0;
}
.Zurkhay__Date {
  font-weight: bold;
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 10px;
  color: var(--black);
}
.Zurkhay__Title {
  font-weight: bold;
  font-size: 18px;
  line-height: 28px;
  color: var(--black);
  margin-bottom: 30px;
}
.Zurkhay__P {
  font-size: 18px;
  line-height: 28px;
  color: var(--black);
  margin-bottom: 20px;
}
.Zurkhay__P:last-child {
  margin-bottom: 0;
}





.ProjectsGrid {
  display: flex;
  flex-wrap: wrap;
}
.ProjectsGrid__Item {
  position: relative;
  display: block;
  box-sizing: border-box;
  flex: 1;
  min-width: 30%;
  max-width: 387px;
  height: 300px;
  margin: 0 30px 30px 0;
  text-decoration: none;
}
.ProjectsGrid__Item:nth-child(3n) {
  margin-right: 0;
}
@media only screen and (max-width: 728px) {
  .ProjectsGrid__Item {
    min-width: 100%;
    /*max-width: 387px;*/
    height: 0;
    padding-bottom: 50%;
    margin: 0 0 20px 0;
  }
  
}
.ProjectsGrid__ItemImg {
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover !important;
}
.ProjectsGrid__ItemImg::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
}
.ProjectsGrid__ItemTitle {
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 0;
  width: 100%;
  box-sizing: border-box;
  padding: 20px;
  font-weight: bold;
  font-size: 20px;
  line-height: 26px;
  color: var(--white);
}
@media only screen and (max-width: 728px) {
  .ProjectsGrid__ItemTitle {
    padding: 15px;
    font-size: 16px;
    line-height: 20px;
  }
}
.ProjectsGrid__Item:hover .ProjectsGrid__ItemTitle {
  color: var(--red);
}




.ContactsPage {
  display: flex;
}
.ContactsPage__Col {
  max-width: 330px;
  margin-right: 80px;
}
@media only screen and (max-width: 728px) {
  .ContactsPage {
    flex-direction: column;
  }
  .ContactsPage__Col {
    max-width: 100%;
    width: 100%;
    margin-right: 0;
    margin-bottom: 30px;
  }
  .ContactsPage__Col:last-child {
    margin-bottom: 0;
  }
}
.ContactsPage__Contact {
  margin-bottom: 40px;
}
@media only screen and (max-width: 728px) {
  .ContactsPage__Contact {
    margin-bottom: 30px;
  } 
}
.ContactsPage__Contact:last-child {
  /*margin-bottom: 0;*/
}
.ContactsPage__ContactTitle {
  font-weight: bold;
  font-size: 18px;
  line-height: 28px;
  color: var(--black);
}
.ContactsPage__ContactItem {
  font-size: 18px;
  line-height: 28px;
  color: var(--black); 
}





.owl-carousel {
  position: relative;
}
.owl-carousel .owl-dots {
  padding-top: 40px;
  text-align: center;
}
.owl-carousel .owl-dots .owl-dot {
  display: inline-block;
  vertical-align: middle;
  margin: 0 4px;
  border-radius: 4px;
  width: 8px;
  height: 8px;
  background: var(--black_50);
}
.owl-carousel .owl-dots .owl-dot:hover {
  background: var(--red);
}
.owl-carousel .owl-dots .owl-dot.active {
  background: var(--red);
}
.owl-carousel .owl-nav {
  position: absolute;
  bottom: 30px;
  left: 0;
  right: 0;
  width: 100%;
}
.owl-carousel .owl-nav button {
  position: absolute;
  display: block;
  width: 40px;
  height: 40px;
  border: 1px solid var(--black_50) !important;
  border-radius: 20px;
}
.owl-carousel .owl-nav button:hover {
  border-color: var(--red) !important;
}
.owl-carousel .owl-nav .owl-prev {
  left: 0;
}
.owl-carousel .owl-nav .owl-next {
  right: 0;
}
.owl-carousel .owl-nav button::before {
  content: "";
  display: block;
  width: 14px;
  height: 1px;
  border-radius: 1px;
  background: var(--black_50);
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -1px;
  margin-left: -7px;
}
.owl-carousel .owl-nav button:hover::before {
  background: var(--red);
}
.owl-carousel .owl-nav button::after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  position: absolute;
}
.owl-carousel .owl-nav button.owl-prev::after {
  top: 50%;
  left: 50%;
  border-bottom-left-radius: 1px;
  border-left: 1px solid var(--black_50);
  border-bottom: 1px solid var(--black_50);
  margin-left: -6px;
  margin-top: -5px;
  transform: rotate(45deg);
}
.owl-carousel .owl-nav button.owl-next::after {
  top: 50%;
  right: 50%;
  border-bottom-right-radius: 1px;
  border-right: 1px solid var(--black_50);
  border-bottom: 1px solid var(--black_50);
  margin-right: -6px;
  margin-top: -5px;
  transform: rotate(-45deg);
}
.owl-carousel .owl-nav button:hover::after {
  border-color: var(--red);
}




.Slider {}
.Slider__Items {
  display: flex;
}
.Slider__Item {
  display: block;
  margin-right: 30px;
  text-decoration: none;
}
.Slider--178 .Slider__Item {
  width: 178px;
}
.Slider__ItemImg {
  height: 200px;
  background-size: cover !important;
  margin-bottom: 15px;
}
.Slider__ItemTitle {
  font-weight: bold;
  font-size: 14px;
  line-height: 18px;
  color: var(--black);
  margin-bottom: 5px;
}
.Section--black .Slider__ItemTitle {
  color: var(--white);
}
.Slider__Item:hover .Slider__ItemTitle {
  color: var(--red);
}
.Slider__ItemMeta {
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: var(--black_50);
}




.Schedule {
  margin-bottom: 40px;
}
.Schedule__Title {
  font-weight: bold;
  font-size: 20px;
  line-height: 26px;
  color: var(--black);
  margin-bottom: 40px;
}
.Schedule__Item {
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid var(--gray);
}
.Schedule__Item:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}
.Schedule__ItemTitle {
  display: block;
  font-weight: bold;
  font-size: 18px;
  line-height: 28px;
  color: var(--black);
  margin-bottom: 10px;
}
.Schedule__ItemTimes {}
.Schedule__ItemTimes span {
  display: inline-block;
  font-size: 18px;
  line-height: 28px;
  color: var(--black);
  margin: 0 20px 10px 0;
}



.Breadcrumbs {
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 15px;
  color: var(--black_50);
}
.Breadcrumbs a,
.Breadcrumbs span,
.Breadcrumbs strong {
  text-decoration: none;
  color: var(--black_50);
}
.Breadcrumbs a:hover {
  color: var(--red);
}
.Breadcrumbs strong {
  font-weight: normal;
}


.StockSearch {
  margin-bottom: 30px;
}
.StockSearch__Fields {
  display: flex;
}
@media only screen and (max-width: 728px) {
  .StockSearch__Fields {
    flex-direction: column;
  }
}
.StockSearch__Field {
  margin-right: 30px;
}
@media only screen and (max-width: 728px) {
  .StockSearch__Field {
    margin-right: 0;
    margin-bottom: 20px;
  } 
}
.StockSearch__Field select {
  width: 280px;
}
@media only screen and (max-width: 728px) {
  .StockSearch__Field select {
    width: 100%;
  }
}
.StockSearch__Field input {
  width: 590px;
}
@media only screen and (max-width: 1220px) {
  .StockSearch__Field input {
    width: 420px;
  } 
}
@media only screen and (max-width: 728px) {
  .StockSearch__Field input {
    width: 100%;
  } 
}



.Stock__Items {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-left: -15px;
  margin-right: -15px;
}
.Stock__Item {
  flex: 1;
  width: 280px;
  min-width: 280px;
  margin: 0 15px 30px;
  display: block;
  text-decoration: none;
  position: relative;
}
.Stock__ItemImg {}
.Stock__ItemImg img {
  display: block;
  width: 100%;
  height: auto;
}
.Stock__ItemStat {
  display: none;
}
.Stock__ItemTitle {
  position: absolute;
  left: -1000px;
  width: 100%;
  padding: 10px;
  font-size: 14px;
  line-height: 18px;
  color: var(--white);
  opacity: 0;
  transform: translateY(10px);
  transition: transform 0.2s ease, opacity 0.2s ease;
}
.Stock__Item:hover .Stock__ItemTitle {
  left: 0;
  bottom: 0;
  opacity: 1;
  transform: translateY(0);
}



.StockDetail {}
.StockDetail__Section {
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 10px;
}
.StockDetail__Section a {
  color: var(--black);
  text-decoration: none;
}
.StockDetail__Section a:hover {
  color: var(--red);
}
.StockDetail__Title {
  font-weight: normal;
  font-size: 22px;
  line-height: 32px;
  color: var(--black);
  margin: 0 0 30px;
}
.StockDetail__Image {
  margin-bottom: 30px;
}
.StockDetail__Image img {
  display: block;
  max-width: 100%;
}


.StockDetail__Author {
  margin-bottom: 30px;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--gray);
  display: flex;
  align-items: center;
}
.StockDetail__AuthorImg {
  display: block;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 15px;
  background-size: cover !important;
}
.StockDetail__AuthorText {
  flex: 1;
}
.StockDetail__AuthorName {
  display: block;
  text-decoration: none;
  font-weight: bold;
  font-size: 18px;
  line-height: 28px;
  color: var(--black);
}
.StockDetail__AuthorName:hover {
  color: var(--red);
}
.StockDetail__AuthorStat {
  font-size: 14px;
  line-height: 18px;
  color: var(--black);
}
.StockDetail__Meta {
  font-size: 16px;
  line-height: 24px;
  color: var(--black);
  margin-bottom: 20px;
}
.StockDetail__Copyright {
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  color: var(--black);
  margin-bottom: 20px;
}
.StockDetail__Buttons {}
.StockDetail__Buttons .Button {
  display: block;
  width: 100%;
  margin-bottom: 10px;
  text-align: center;
}


.StockDetailCols {
  display: flex;
}
.StockDetailCols__Main {
  flex: 1;
  padding-right: 60px;
}
.StockDetailCols__Right {
  width: 250px;
}

@media only screen and (max-width: 728px) {
  .StockDetailCols {
    flex-direction: column;
  }
  .StockDetailCols__Main {
    padding-right: 0;
    margin-bottom: 10px;
  }
  .StockDetailCols__Right {
    width: 100%;
  }
}


.Stock__Copyright {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
  margin-bottom: 30px;
  text-align: center;
  color: var(--black);
}
.Stock__Copyright strong {
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;
}
.Stock__Copyright p {
  font-size: 14px;
  line-height: 18px;
  margin: 0 0 15px;
}
.Stock__Copyright p:last-child {
  margin-bottom: 0;
}



.StockAuthor {
  margin-bottom: 40px;
}
.StockAuthor__Title {
  font-weight: bold;
  font-size: 24px;
  line-height: 32px;
  margin: 0 0 30px;
  color: var(--black);
}
.StockAuthor__Cols {
  display: flex;
}
.StockAuthor__ColLeft {
  width: 280px;
  margin-right: 30px;
}
.StockAuthor__ColMain {
  flex: 1;
}
.StockAuthor__Img {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 15px;
  background-size: cover !important;
  width: 280px;
  height: 280px;
}
.StockAuthor__Img::before {
  content: '';
  display: block;
  position: absolute;
  z-index: 1;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100px;
  background: linear-gradient(180deg, rgba(42, 42, 42, 0) 22.43%, #2A2A2A 100%);
  mix-blend-mode: multiply;
}
.StockAuthor__Name {
  position: relative;
  z-index: 2;
  font-weight: 600;
  font-size: 22px;
  line-height: 32px;
  color: var(--white);
  margin-bottom: 5px;
}
.StockAuthor__Stat {
  position: relative;
  z-index: 2;
  font-size: 14px;
  line-height: 18px;
  color: var(--white);
}
.StockAuthor__Text {
  font-size: 16px;
  line-height: 24px;
  color: var(--black);
}
.StockAuthor__Text p {
  margin: 0 0 10px;
}




.StockUpload__Info {
  font-size: 16px;
  line-height: 24px;
  color: var(--black);
}
.StockUpload__Info p {
  margin: 0 0 5px;
}
.StockUpload__Bar {}
.StockUpload__Buttons {
  display: flex;
  align-items: center;
}
.StockUpload__Buttons .Button {
  margin: 5px 10px 5px 0;
}



.PageFilter {
  position: relative;
  padding: 40px 0;
  margin-top: -40px;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1220px) {
  .PageFilter {
    margin-top: 0;
  }
}
.PageFilter::before {
  content: '';
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: var(--red);
  opacity: 0.05;
}
.PageFilter .content {
  position: relative;
  z-index: 2;
}
.PageFilter label {
  display: inline-block;
  vertical-align: middle;
  font-weight: bold;
  font-size: 18px;
  line-height: 28px;
  margin-right: 15px;
  color: var(--black);
}
.PageFilter__Items {
  display: flex;
}
.PageFilter__Item {
  margin-right: 40px;
}


.Tags {
  margin-top: 30px;
  margin-bottom: 30px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.NewsList__Item .Tags {
  margin-top: 10px;
  margin-bottom: 0;
}
.Tags__Title {
  font-weight: bold;
  font-size: 12px;
  line-height: 18px;
  text-transform: uppercase;
  color: var(--black);
  margin-right: 10px;
}
a.Tags__Item {
  display: block;
  text-decoration: none;
  font-size: 14px;
  line-height: 18px;
  color: var(--black);
  padding: 6px 8px;
  border: 1px solid var(--gray);
  border-radius: 5px;
  margin-right: 10px;
  margin-top: 5px;
  margin-bottom: 5px;
}
.Tags__Item::first-letter {
  text-transform: capitalize;
}
.Tags__Item:hover {
  color: var(--red);
  border-color: var(--red);
}
.Tags__Item:active {
  transform: translateY(1px);
}



.Warning {
  font-size: 14px;
  line-height: 18px;
  color: var(--red);
  padding: 30px;
  border: 1px solid var(--red);
  border-radius: 10px;
  margin-top: 30px;
  margin-bottom: 30px;
}
@media only screen and (max-width: 1220px) {
  .Warning {
    padding: 15px;
    margin-top: 20px;
    margin-bottom: 20px;
  }
}





.Test__Card {
  margin-bottom: 40px;
}
.Test__Question {
  position:relative;
}
.Test__Picture {
  margin-bottom: 40px;
}
.Test__Picture img {
  width: 100% !important;
  height: auto !important;
}
.Test__Title {
  text-align: center;
  font-weight: bold;
  font-size: 20px;
  line-height: 26px;
  color: var(--black);
  margin-bottom: 40px;
}
.Test__Pages {
  text-align: center;
  font-size: 16px;
  line-height: 24px;
  color: var(--black);
  margin-bottom: 30px;
}
.Test__Answers {
  margin-bottom: 30px;
}
.test-next-button{
  text-align: center;
}
.Test__Answer {
  text-align: center;
  padding: 12px;
  margin-bottom: 5px;
}
.Test__Answer:hover {
  background: var(--gray);
  cursor: pointer;
}
.test-answer-done {}
.Test__AnswerText {
  font-size: 18px;
  line-height: 28px;
}
.is-correct .Test__AnswerText,
.is-not-correct .Test__AnswerText {
  font-weight: bold;
}
.Test__AnswerComment {
  font-size: 18px;
  line-height: 28px;
}
.is-correct {
  color: var(--green);
}
.is-not-correct {
  color: var(--red);
}
.test-score-results {
  text-align: center;
}
.text-result-comment {
  text-align: center;
  padding: 20px 10px;
  font-size: 1.5em;
  font-weight: bold;
}
.Test__Buttons {
  width: 240px;
  margin-left: auto;
  margin-right: auto;
}
.Test__Buttons .Button {
  display: block;
  width: 100%;
  margin-bottom: 8px;
}








.ya-share2 .ya-share2__title {
  display: none;
}
.ya-share2 .ya-share2__popup .ya-share2__title {
  display: inline-block;
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 36px;
}
.ya-share2 .ya-share2__container_size_l .ya-share2__badge .ya-share2__icon {
  width: 36px;
  height: 36px;
}
.ya-share2 .ya-share2__container_shape_round.ya-share2__container_size_l .ya-share2__badge .ya-share2__icon:not(.ya-share2__icon_messenger-contact):not(.ya-share2__icon_more):not(.ya-share2__icon_copy) {
  background-size: 30px 30px;
}
.ya-share2 .ya-share2__list.ya-share2__list_direction_vertical > .ya-share2__item {
  margin: 14px 0;
}
.ya-share2 .ya-share2__list.ya-share2__list_direction_horizontal > .ya-share2__item {
  margin: 0 14px 0 0;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers
 */

.hidden,
[hidden] {
  display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 *
 * 1. For long content, line feeds are not interpreted as spaces and small width
 *    causes content to wrap 1 word per line:
 *    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
 */

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

/*
 * Extends the .sr-only class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

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

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
  visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}


.Img {
  display: block;
}
.Img--fw {
  width: 100%;
  height: auto;
}
.Img--border {
  border: 1px solid var(--gray);
}
.Img img {
  display: block;
  max-width: 100%;
}


.link {
  color: var(--links);
}
.link:hover {
  color: var(--red);
}
.link--red {
  color: var(--red);
}
.link--red:hover {
  text-decoration: none;
}


.center {
  text-align: center;
}


.mt-40 {
  margin-top: -40px;
}
@media only screen and (max-width: 1220px) {
  .mt-40 {
    margin-top: 0;
  } 
}
.mt50 {
  margin-top: 50px;
}
.mb0 {
  margin-bottom: 0px;
}
.mb10 {
  margin-bottom: 10px;
}
.mb20 {
  margin-bottom: 20px;
}
.mb40 {
  margin-bottom: 40px;
}
.mb60 {
  margin-bottom: 60px;
}
.mb80 {
  margin-bottom: 80px;
}

.hr {
  border: none;
  border-bottom: 1px solid var(--gray);
  margin: 40px 0;
}


blockquote {
  font-weight: normal;
  font-size: 22px;
  line-height: 32px;
  color: var(--black);
  padding: 0 0 0 60px;
  margin: 0 0 30px;
  border-left: 2px solid var(--red);
}
.Blockquote__Author {
  font-weight: bold;
  font-size: 18px;
  line-height: 28px;
  color: var(--black);
}

@media only screen and (max-width: 728px) {
  blockquote {
    font-weight: normal;
    font-size: 20px;
    line-height: 26px;
    border-left: none;
    margin-bottom: 20px;
    padding: 20px 0;
    /*border-top: 2px solid var(--red);*/
    /*border-bottom: 2px solid var(--red);*/
  }
}


@keyframes spin { 
    100% { 
        -webkit-transform: rotate(360deg); 
        transform:rotate(360deg); 
    } 
}


/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

.display--tablet {
  display: none;
}
.display--mobile {
  display: none;
}
.hide--tablet {
  display: block;
}
.hide--mobile {
  display: block;
}

/* Планшет */
@media only screen and (max-width: 1220px) {
  .display--tablet {
    display: block !important;
  }
  .hide--tablet {
    display: none !important;
  }
}

/* Телефон */
@media only screen and (max-width: 728px) {
  .display--mobile {
    display: block !important;
  }
  .hide--mobile {
    display: none !important;
  }
}

@media print,
  (-webkit-min-device-pixel-ratio: 1.25),
  (min-resolution: 1.25dppx),
  (min-resolution: 120dpi) {
  /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   https://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
  *,
  *::before,
  *::after {
    background: #fff !important;
    color: #000 !important;
    /* Black prints faster */
    box-shadow: none !important;
    text-shadow: none !important;
  }

  a,
  a:visited {
    text-decoration: underline;
  }

  a[href]::after {
    content: " (" attr(href) ")";
  }

  abbr[title]::after {
    content: " (" attr(title) ")";
  }

  /*
   * Don't show links that are fragment identifiers,
   * or use the `javascript:` pseudo protocol
   */
  a[href^="#"]::after,
  a[href^="javascript:"]::after {
    content: "";
  }

  pre {
    white-space: pre-wrap !important;
  }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  /*
   * Printing Tables:
   * https://web.archive.org/web/20180815150934/http://css-discuss.incutio.com/wiki/Printing_Tables
   */
  thead {
    display: table-header-group;
  }

  tr,
  img {
    page-break-inside: avoid;
  }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }
}




.navigation {
  text-align: center;
}
.navigation .ctrl {
  display: none;
}
.navigation a {
  text-decoration: none;
  color: var(--red);
}
.navigation a:hover {
  color: var(--black);
}