/* Generated by ParaType (http://www.paratype.com)*/
/* Font Stapel: Copyright ? ParaType, 2018. All rights reserved.*/
@font-face {
  font-family: "Stapel";
  src: local("Stapel"), url("../fonts/Stapel_Regular.woff2") format("woff2"), url("../fonts/Stapel_Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Stapel";
  src: local("Stapel"), url("../fonts/Stapel_Medium.woff2") format("woff2"), url("../fonts/Stapel_Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}
/* Reset and base styles  */
* {
  padding: 0px;
  margin: 0px;
  border: none;
}

:root {
  --animate-duration: 1500ms;
}

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

/* Links */
a, a:link, a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

/* Common */
aside, nav, footer, header, section, main {
  display: block;
}

h1, h2, h3, h4, h5, h6, p {
  font-size: inherit;
  font-weight: inherit;
}

ul, ul li {
  list-style: none;
}

img {
  vertical-align: top;
}

img, svg {
  max-width: 100%;
  height: auto;
}

address {
  font-style: normal;
}

/* Form */
input, textarea, button, select {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  background-color: transparent;
}

input::-ms-clear {
  display: none;
}

button, input[type=submit] {
  display: inline-block;
  box-shadow: none;
  background-color: transparent;
  background: none;
  cursor: pointer;
}

input:focus, input:active,
button:focus, button:active {
  outline: none;
}

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

label {
  cursor: pointer;
}

legend {
  display: block;
}

html {
  position: relative;
  box-sizing: border-box;
  font-size: 125%;
  line-height: 1.3;
  width: 100%;
}
@media (max-width: 2559px) {
  html {
    font-size: 112.5%;
    line-height: 1.4;
  }
}
@media (max-width: 1919px) {
  html {
    font-size: 100%;
  }
}
@media (max-width: 767px) {
  html {
    font-size: 93.75%;
  }
}

body {
  margin: 0;
  padding: 0;
  min-width: 360px;
  width: 100%;
  font-family: "Stapel", arial, sans-serif;
  font-weight: 400;
  color: #989BA6;
  background: #1B1C1F;
}
body.no-scroll {
  position: fixed;
}
.content {
  overflow-x: hidden !important;
  width: 100%;
}

.willchange {
  will-change: transform;
}

a {
  outline: none;
  text-decoration: none;
  color: currentColor;
  cursor: pointer;
  transition: all ease 0.3s;
}
a:not(.link__hoverline) {
  -webkit-tap-highlight-color: transparent;
  text-decoration-thickness: 1px;
  text-decoration-color: inherit;
  text-underline-position: auto;
  text-underline-offset: 0.125em;
}

svg {
  display: block;
  flex: 0 0 auto;
}

img {
  vertical-align: top;
  max-width: 100%;
  user-select: none;
}

button {
  background-color: transparent;
  outline: none;
  border: none;
  -webkit-tap-highlight-color: transparent;
}
button:not([disabled]):hover, button:not([disabled]):focus, button:not([disabled]):active {
  box-shadow: none;
}

.title {
  position: relative;
  z-index: 3;
}
.title.title__mnormal {
  margin: 0 0 4rem 0;
}
@media (max-width: 2559px) {
  .title.title__mnormal {
    margin-bottom: 2.5rem;
  }
}
@media (max-width: 1919px) {
  .title.title__mnormal {
    margin-bottom: 2.8125rem;
  }
}
@media (max-width: 767px) {
  .title.title__mnormal {
    margin-bottom: 2.1333333333rem;
  }
}
.title.title__mmiddle {
  margin: 0 0 3.1rem 0;
}
@media (max-width: 2559px) {
  .title.title__mmiddle {
    margin-bottom: 1.3888888889rem;
  }
}
@media (max-width: 1919px) {
  .title.title__mmiddle {
    margin-bottom: 1.8125rem;
  }
}
@media (max-width: 1279px) {
  .title.title__mmiddle {
    margin-bottom: 2.375rem;
  }
}
@media (max-width: 767px) {
  .title.title__mmiddle {
    margin-bottom: 2.5333333333rem;
  }
}
.title.title__mmini {
  margin: 0.95rem 0 0.65rem 0;
}
@media (max-width: 2559px) {
  .title.title__mmini {
    margin-bottom: 1.0555555556rem;
  }
}
@media (max-width: 1919px) {
  .title.title__mmini {
    margin-bottom: 1.375rem;
  }
}
@media (max-width: 1023px) {
  .title.title__mmini {
    margin-bottom: 1.375rem;
  }
}
@media (max-width: 767px) {
  .title.title__mmini {
    margin-bottom: 1.4666666667rem;
  }
}
.title .h1:last-child,
.title .h2:last-child,
.title .h3:last-child,
.title .h4:last-child,
.title .h5:last-child,
.title .h6:last-child {
  margin-bottom: 0;
}
.title__columns {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: -8px -1.5rem;
}
@media (max-width: 767px) {
  .title__columns {
    flex-wrap: wrap;
  }
}
.title__body {
  width: 100%;
  max-width: 100%;
  flex: 1 0 0%;
  padding: 8px 1.5rem;
}
.title__aside {
  max-width: 100%;
  flex: 0 0 auto;
  width: auto;
  padding: 8px 1.5rem;
}

.block__more {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  min-height: 2rem;
  margin-top: 4rem;
}
@media (max-width: 2559px) {
  .block__more {
    margin-top: 2.5rem;
    min-height: 2.2222222222rem;
  }
}
@media (max-width: 1919px) {
  .block__more {
    margin-top: 3.125rem;
    min-height: 2.5rem;
  }
}
@media (max-width: 1023px) {
  .block__more {
    margin-top: 3.125rem;
  }
}
@media (max-width: 767px) {
  .block__more {
    margin-top: 2.1333333333rem;
    min-height: 2.6666666667rem;
  }
}
.block__more__mt20 {
  padding-top: 34px;
}

.section {
  padding: 3.4rem 0 3.4rem 0;
  background-color: #1B1C1F;
  width: 100%;
  position: relative;
  z-index: 3;
}
.section:first-child {
  padding-top: 8rem;
}
.section:last-child {
  padding-bottom: 8rem;
}
@media (max-width: 2559px) {
  .section {
    padding: 4.1666666667rem 0 2.5rem 0;
  }
  .section:first-child {
    padding-top: 6.6666666667rem;
  }
  .section:last-child {
    padding-bottom: 6.6666666667rem;
  }
}
@media (max-width: 1919px) {
  .section {
    padding: 2.8125rem 0 2.8125rem 0;
  }
  .section:first-child {
    padding-top: 5.625rem;
  }
  .section:last-child {
    padding-bottom: 5.625rem;
  }
}
@media (max-width: 1023px) {
  .section {
    padding: 2.1875rem 0 2.8125rem 0;
  }
  .section:first-child {
    padding-top: 5rem;
  }
  .section:last-child {
    padding-bottom: 5rem;
  }
}
@media (max-width: 767px) {
  .section {
    padding: 2.1333333333rem 0 2.1333333333rem 0;
  }
  .section:first-child {
    padding-top: 4.2666666667rem;
  }
  .section:last-child {
    padding-bottom: 4rem;
  }
}
.section.section__first {
  padding-top: 7.05rem;
}
@media (max-width: 2559px) {
  .section.section__first {
    padding-top: 5.8888888889rem;
  }
}
@media (max-width: 1919px) {
  .section.section__first {
    padding-top: 5.125rem;
  }
}
@media (max-width: 1023px) {
  .section.section__first {
    padding-top: 4.5625rem;
  }
}
@media (max-width: 767px) {
  .section.section__first {
    padding-top: 4.0666666667rem;
  }
}
.section.section__last {
  padding-bottom: 8rem;
}
@media (max-width: 2559px) {
  .section.section__last {
    padding-bottom: 6.6666666667rem;
  }
}
@media (max-width: 1919px) {
  .section.section__last {
    padding-bottom: 5.625rem;
  }
}
@media (max-width: 1023px) {
  .section.section__last {
    padding-bottom: 5rem;
  }
}
@media (max-width: 767px) {
  .section.section__last {
    padding-bottom: 4.2666666667rem;
  }
}
.section.section__zindexup {
  z-index: 3;
}
.section.section__bglight {
  background-color: #202124;
}
.section.section__overflow {
  overflow: hidden;
}
.section.section__nobg {
  background: none;
}
.section__des {
  position: relative;
  margin-bottom: 70px;
}
@media (max-width: 2559px) {
  .section__des {
    margin-bottom: 40px;
  }
}
@media (max-width: 1919px) {
  .section__des {
    margin-bottom: 20px;
  }
}
.section__des__body {
  max-width: 614px;
}
@media (max-width: 2559px) {
  .section__des__body {
    max-width: 904px;
  }
}
@media (max-width: 1919px) {
  .section__des__body {
    max-width: 50%;
  }
}
@media (max-width: 767px) {
  .section__des__body {
    max-width: 100%;
  }
}

.block__mb {
  margin-bottom: 40px;
}

.d-none {
  display: none;
}

.overlay {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  background-color: rgba(27, 28, 31, 0.5);
  opacity: 0;
  z-index: -199;
  transition: all ease-in 0.5s;
}
.overlay.active {
  opacity: 1;
  z-index: 199;
}

.simplebar-track.simplebar-vertical {
  width: 6px;
}
.simplebar-scrollbar:before {
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border-radius: 3px;
  background-color: #5B5D66;
  opacity: 1;
}
.simplebar-scrollbar.simplebar-visible::before {
  opacity: 1;
}

.about {
  z-index: -1;
}

.ymaps3x0--map-copyrights {
  display: none !important;
}

.about-contacts {
  position: relative;
  border-top: 1px solid #2F2F30;
  padding-top: 40px;
  margin-top: 20px;
}
@media (max-width: 2559px) {
  .about-contacts {
    margin-top: 31px;
    padding-top: 27px;
  }
}
@media (max-width: 1919px) {
  .about-contacts {
    margin-top: 36px;
    padding-top: 31px;
  }
}
.about-contacts__row, .about-contacts__info {
  display: flex;
  flex-wrap: wrap;
  margin: -8px;
}
@media (max-width: 767px) {
  .about-contacts__row, .about-contacts__info {
    margin: -5px;
  }
}
.about-contacts__row > div, .about-contacts__info > div {
  padding: 8px;
}
@media (max-width: 767px) {
  .about-contacts__row > div, .about-contacts__info > div {
    padding: 5px;
  }
}
.about-contacts__info {
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 767px) {
  .about-contacts__info > div {
    width: 100%;
  }
}
.about-contacts__body {
  flex: 1 0 0%;
  width: 100%;
  max-width: 100%;
}
@media (max-width: 1023px) {
  .about-contacts__body {
    flex: 0 0 auto;
    width: 100%;
  }
}
.about-contacts__aside {
  flex: 0 0 auto;
  width: 572px;
}
@media (max-width: 2559px) {
  .about-contacts__aside {
    width: 516px;
  }
}
@media (max-width: 1919px) {
  .about-contacts__aside {
    width: 420px;
  }
}
@media (max-width: 1023px) {
  .about-contacts__aside {
    margin-top: 15px;
  }
}
@media (max-width: 767px) {
  .about-contacts__aside {
    width: 100%;
    margin-top: 20px;
  }
}
.about-contacts__title {
  font-weight: 500;
  font-size: 1.55rem;
  line-height: 1.5;
  text-transform: uppercase;
  color: #FFF;
}
@media (max-width: 2559px) {
  .about-contacts__title {
    font-size: 1.5rem;
  }
}
@media (max-width: 1919px) {
  .about-contacts__title {
    font-size: 1.375rem;
  }
}
@media (max-width: 767px) {
  .about-contacts__title {
    font-size: 1.2666666667rem;
    margin-bottom: 10px;
  }
}
.about-contacts__des {
  line-height: 1.3;
}
@media (max-width: 2559px) {
  .about-contacts__des {
    line-height: 1.4;
  }
}
.about-contacts__mail {
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.4;
  color: #00A1F9;
}
@media (max-width: 2559px) {
  .about-contacts__mail {
    font-size: 1.2222222222rem;
  }
}
@media (max-width: 1919px) {
  .about-contacts__mail {
    font-size: 1.1875rem;
  }
}
@media (max-width: 767px) {
  .about-contacts__mail {
    font-size: 1.1333333333rem;
  }
}
.about-contacts__mail:hover {
  color: #00A1F9;
}
.about-contacts__mail:hover span.hover {
  text-decoration: underline;
}
.about-contacts__phone {
  display: inline-block;
  font-weight: 500;
  font-size: 1.55rem;
  line-height: 1.5;
  text-transform: uppercase;
  color: #FFF;
}
@media (max-width: 2559px) {
  .about-contacts__phone {
    font-size: 1.5rem;
  }
}
@media (max-width: 1919px) {
  .about-contacts__phone {
    font-size: 1.375rem;
  }
}
@media (max-width: 767px) {
  .about-contacts__phone {
    font-size: 1.2666666667rem;
  }
}
.about-contacts__phone:hover {
  color: #00A1F9;
}
.about-contacts__phone:hover span.hover {
  text-decoration: underline;
}

.container-custom {
  margin: 0 auto;
  width: 100%;
  min-width: 360px;
  padding: 0 1.0666666667rem;
  max-width: 2560px;
}
@media (min-width: 768px) {
  .container-custom {
    padding: 0 1.5rem;
  }
}
@media (min-width: 1024px) {
  .container-custom {
    padding: 0 2rem;
  }
}
@media (min-width: 1920px) {
  .container-custom {
    padding: 0 2.6666666667rem;
  }
}
@media (min-width: 2560px) {
  .container-custom {
    padding: 0 3.2rem;
  }
}

.mbtn {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  text-decoration: none;
  outline: none !important;
  background: none;
  font-size: 0.8rem;
  font-weight: 500;
  line-height: 1;
  padding: 1.2rem 1.6rem;
  border: none;
  text-transform: uppercase;
  border-radius: 32px;
  transition: all 0.3s ease;
  position: relative;
  cursor: pointer;
  z-index: 2;
}
@media (max-width: 2559px) {
  .mbtn {
    font-size: 0.8333333333rem;
    padding: 1.1666666667rem 1.7777777778rem 1.1111111111rem 1.7777777778rem;
  }
}
@media (max-width: 1919px) {
  .mbtn {
    font-size: 0.875rem;
    padding: 0.875rem 2rem 0.8125rem 2rem;
  }
}
@media (max-width: 767px) {
  .mbtn {
    font-size: 0.8666666667rem;
    padding: 1.4rem 2.1333333333rem;
  }
}
.mbtn::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 2px solid transparent;
  transition: all 0.3s ease;
  border-radius: 32px;
  z-index: -1;
}
.mbtn.mbtn__outline {
  color: #FFF;
  background: none;
  overflow: hidden;
  position: relative;
}
.mbtn.mbtn__outline:hover {
  background: none;
  color: #FFF;
}
.mbtn.mbtn__outline:hover::before {
  border-color: #FFF;
}
.mbtn.mbtn__outline::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 0;
  transition: all 0.3s ease;
  background-color: #00A1F9;
  z-index: -2;
}
.mbtn.mbtn__outline::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 2px solid #5B5D66;
  transition: all 0.3s ease;
  border-radius: 32px;
  z-index: -1;
}
.mbtn.mbtn__outline.mbtn__white {
  color: #FFF;
}
.mbtn.mbtn__outline.mbtn__white::before {
  border-color: #FFF;
}
@media (hover: hover) {
  .mbtn.mbtn__outline.mbtn__white:hover {
    background: transparent;
    color: #FFF;
  }
  .mbtn.mbtn__outline.mbtn__white:hover::after {
    width: 100%;
  }
  .mbtn.mbtn__outline.mbtn__white:hover::before {
    border-color: #00A1F9;
  }
}
@media (hover: none) and (pointer: coarse) {
  .mbtn.mbtn__outline.mbtn__white:hover {
    background: transparent;
    color: #FFF;
  }
  .mbtn.mbtn__outline.mbtn__white:hover::after {
    width: 100%;
  }
  .mbtn.mbtn__outline.mbtn__white:hover::before {
    border-color: #00A1F9;
  }
}
.mbtn.mbtn__small {
  font-size: 0.65rem;
  padding: 0.475rem 1.15rem;
  border-radius: 16px;
  color: #5B5D66;
}
@media (max-width: 2559px) {
  .mbtn.mbtn__small {
    font-size: 0.6666666667rem;
    padding: 0.5555555556rem 1.2777777778rem;
  }
}
@media (max-width: 1919px) {
  .mbtn.mbtn__small {
    font-size: 0.75rem;
    padding: 0.625rem 1.4375rem;
  }
}
@media (max-width: 767px) {
  .mbtn.mbtn__small {
    font-size: 0.6666666667rem;
    padding: 0.7333333333rem 1.5333333333rem;
  }
}
@media (hover: hover) {
  .mbtn.mbtn__small:hover {
    color: #FFF;
  }
}
@media (hover: none) and (pointer: coarse) {
  .mbtn.mbtn__small:hover {
    color: #FFF;
  }
}
.mbtn.mbtn__middle {
  font-size: 0.65rem;
  padding: 0.7rem 1.3rem 0.65rem;
  border-radius: 20px;
}
@media (max-width: 2559px) {
  .mbtn.mbtn__middle {
    font-size: 0.6666666667rem;
    padding: 0.8333333333rem 1.4444444444rem 0.7777777778rem;
  }
}
@media (max-width: 1919px) {
  .mbtn.mbtn__middle {
    font-size: 0.75rem;
    padding: 0.75rem 1.625rem 0.75rem;
  }
}
@media (max-width: 767px) {
  .mbtn.mbtn__middle {
    font-size: 0.8rem;
    padding: 0.9333333333rem 1.7333333333rem 0.9333333333rem;
  }
}
.mbtn.mbtn__large {
  font-size: 0.8rem;
  padding: 1.2rem 2.7rem;
  border-radius: 32px;
}
@media (max-width: 2559px) {
  .mbtn.mbtn__large {
    font-size: 0.8333333333rem;
    padding: 1.1111111111rem 3rem 1.1111111111rem;
  }
}
@media (max-width: 1919px) {
  .mbtn.mbtn__large {
    font-size: 0.875rem;
    padding: 0.875rem 2.75rem 0.8125rem;
  }
}
@media (max-width: 767px) {
  .mbtn.mbtn__large {
    font-size: 0.8666666667rem;
    padding: 1.4666666667rem 2.8666666667rem 1.4rem;
  }
}
.mbtn.mbtn__primary {
  border-color: #00A1F9;
  background-color: #00A1F9;
  color: #FFF;
}
@media (hover: hover) {
  .mbtn.mbtn__primary:hover {
    background-color: transparent;
  }
  .mbtn.mbtn__primary:hover::before {
    border-color: #00A1F9;
  }
}
@media (hover: none) and (pointer: coarse) {
  .mbtn.mbtn__primary:hover {
    background-color: transparent;
  }
  .mbtn.mbtn__primary:hover::before {
    border-color: #00A1F9;
  }
}
.mbtn.mbtn__block {
  display: block;
  width: 100%;
}
@media (max-width: 767px) {
  .mbtn.mbtn__blockmobile {
    display: block;
    width: 100%;
  }
}
.mbtn__wicon {
  white-space: nowrap;
}
.mbtn__wicon__icon {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -12px;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mbtn__wicon__icon svg {
  max-width: 18px;
  max-height: 18px;
  stroke: currentColor;
}
.mbtn__wicon__content {
  position: relative;
  display: inline-block;
  padding-left: 1.7rem;
}
@media (max-width: 2559px) {
  .mbtn__wicon__content {
    padding-left: 1.8888888889rem;
  }
}
@media (max-width: 1919px) {
  .mbtn__wicon__content {
    padding-left: 2.125rem;
  }
}
@media (max-width: 767px) {
  .mbtn__wicon__content {
    padding-left: 2.2666666667rem;
  }
}

.link__more {
  text-transform: uppercase;
  font-size: 0.8rem;
  font-weight: 500;
  display: inline-block;
  line-height: 1.3;
  cursor: pointer;
}
@media (max-width: 2559px) {
  .link__more {
    font-size: 0.8333333333rem;
  }
}
@media (max-width: 1919px) {
  .link__more {
    font-size: 0.875rem;
  }
}
@media (max-width: 767px) {
  .link__more {
    font-size: 0.8666666667rem;
  }
}
.link__more i {
  font-style: normal;
}
.link__more:hover {
  color: #00A1F9;
}
.link__more.link__more__extra {
  font-size: 1.25rem;
  line-height: 1.5;
}
@media (max-width: 2559px) {
  .link__more.link__more__extra {
    font-size: 1.2222222222rem;
  }
}
@media (max-width: 1919px) {
  .link__more.link__more__extra {
    font-size: 1.1875rem;
  }
}
@media (max-width: 767px) {
  .link__more.link__more__extra {
    font-size: 1.1333333333rem;
  }
}
.link__more.link__more__large {
  font-size: 1rem;
  line-height: 1.5;
}
.link__more.link__more__small {
  font-size: 0.65rem;
}
@media (max-width: 2559px) {
  .link__more.link__more__small {
    font-size: 0.6666666667rem;
    line-height: 1.4;
  }
}
@media (max-width: 1919px) {
  .link__more.link__more__small {
    font-size: 0.8125rem;
    line-height: 1.3;
  }
}
@media (max-width: 767px) {
  .link__more.link__more__small {
    font-size: 0.6666666667rem;
    line-height: 1.4;
  }
}
.link__more.link__more__grey {
  color: rgba(255, 255, 255, 0.5);
}
.link__more.link__more__grey::after {
  background-color: #FFF;
}
.link__more.link__more__grey:hover, .link__more.link__more__grey:focus {
  color: #FFF;
}
.link__more.link__more__blue {
  color: #00A1F9;
}
.link__more.link__more__blue::after {
  background-color: #00A1F9;
}
.link__more.link__more__blue:hover, .link__more.link__more__blue:focus {
  color: #00A1F9;
}
.link__more.link__more__white {
  color: #FFF;
}
.link__more.link__more__white::after {
  background-color: #00A1F9;
}
.link__more.link__more__white:hover, .link__more.link__more__white:focus {
  color: #00A1F9;
}

.link__middle {
  display: inline-block;
  text-transform: uppercase;
  color: #00A1F9;
  line-height: 1.3;
  font-weight: 500;
  white-space: nowrap;
}
.link__middle:hover, .link__middle:focus {
  color: #00A1F9;
}
.link__middle::after {
  background-color: #00A1F9;
}

.link__icon {
  display: inline-block;
  color: #FFF;
}
.link__icon i {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.2rem;
  height: 1.2rem;
  color: inherit;
}
@media (max-width: 2559px) {
  .link__icon i {
    width: 1.3333333333rem;
    height: 1.3333333333rem;
  }
}
@media (max-width: 1919px) {
  .link__icon i {
    width: 1.5rem;
    height: 1.5rem;
  }
}
@media (max-width: 767px) {
  .link__icon i {
    width: 1.6rem;
    height: 1.6rem;
  }
}
.link__icon i img, .link__icon i svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.link__icon i svg {
  stroke: currentColor;
}

.h1 {
  font-size: 4.5rem;
  line-height: 1.1;
  font-weight: 500;
  text-transform: uppercase;
  color: #FFF;
  margin: 0 0 2.75rem 0;
  padding: 0;
}
@media (max-width: 2559px) {
  .h1 {
    font-size: 4.4444444444rem;
    margin: 0 0 3.8333333333rem 0;
  }
}
@media (max-width: 1919px) {
  .h1 {
    font-size: 2.8125rem;
    margin: 0 0 1.375rem 0;
  }
}
@media (max-width: 1279px) {
  .h1 {
    margin: 0 0 3.125rem 0;
  }
}
@media (max-width: 767px) {
  .h1 {
    font-size: 2.2666666667rem;
    margin: 0 0 4.4rem 0;
  }
}

.h2 {
  font-size: 2.9rem;
  line-height: 1.3;
  color: #FFF;
  text-transform: uppercase;
  font-weight: 500;
  padding: 0;
  margin: 0 0 1.75rem 0;
}
@media (max-width: 2559px) {
  .h2 {
    font-size: 2.6666666667rem;
    line-height: 1.2;
    margin-bottom: 1.3888888889rem;
  }
}
@media (max-width: 1919px) {
  .h2 {
    font-size: 2.25rem;
    margin-bottom: 1.5625rem;
  }
}
@media (max-width: 767px) {
  .h2 {
    font-size: 1.9333333333rem;
    margin-bottom: 1.3333333333rem;
  }
}
@media (max-width: 2559px) {
  .h2.h2__advantages {
    line-height: 1.1;
  }
}
@media (max-width: 1279px) {
  .h2.h2__advantages {
    line-height: 1.2;
  }
}
@media (max-width: 767px) {
  .h2.h2__mobile {
    font-size: 22px;
  }
}

.h3 {
  font-size: 1.9rem;
  line-height: 1.4;
  color: #FFF;
  text-transform: uppercase;
  font-weight: 500;
  padding: 0;
  margin: 0 0 1rem 0;
}
@media (max-width: 2559px) {
  .h3 {
    font-size: 1.7777777778rem;
    line-height: 1.3;
    margin-bottom: 1.1111111111rem;
  }
}
@media (max-width: 1919px) {
  .h3 {
    font-size: 1.625rem;
    margin-bottom: 1.25rem;
    line-height: 1.1;
  }
}
@media (max-width: 767px) {
  .h3 {
    font-size: 1.4666666667rem;
    line-height: 1.3;
    margin-bottom: 1.3333333333rem;
  }
}

.h4 {
  font-size: 1.55rem;
  line-height: 1.5;
  color: #FFF;
  text-transform: uppercase;
  font-weight: 500;
  padding: 0;
  margin: 0 0 1rem 0;
}
@media (max-width: 2559px) {
  .h4 {
    font-size: 1.5rem;
    line-height: 1.4;
    margin-bottom: 1.1111111111rem;
  }
}
@media (max-width: 1919px) {
  .h4 {
    font-size: 1.375rem;
    margin-bottom: 1.25rem;
  }
}
@media (max-width: 767px) {
  .h4 {
    font-size: 1.2666666667rem;
    line-height: 1.4;
    margin-bottom: 1.3333333333rem;
  }
}

.h5 {
  font-size: 1.25rem;
  line-height: 1.5;
  color: #FFF;
  text-transform: uppercase;
  font-weight: 500;
  padding: 0;
  margin: 0 0 1rem 0;
}
@media (max-width: 2559px) {
  .h5 {
    font-size: 1.2222222222rem;
    margin-bottom: 1.1111111111rem;
  }
}
@media (max-width: 1919px) {
  .h5 {
    font-size: 1.1875rem;
    margin-bottom: 1.25rem;
  }
}
@media (max-width: 767px) {
  .h5 {
    font-size: 1.1333333333rem;
    margin-bottom: 1.3333333333rem;
  }
}

.h6 {
  font-size: 1rem;
  line-height: 1.5;
  color: #FFF;
  text-transform: uppercase;
  font-weight: 500;
  padding: 0;
  margin: 2.2rem 0 1rem 0;
}
@media (max-width: 2559px) {
  .h6 {
    font-size: 1rem;
    margin-top: 2.4444444444rem;
    margin-bottom: 1.1111111111rem;
  }
}
@media (max-width: 1919px) {
  .h6 {
    font-size: 1rem;
    margin-top: 2.75rem;
    margin-bottom: 1.25rem;
  }
}
@media (max-width: 767px) {
  .h6 {
    font-size: 1rem;
    margin-top: 2.9333333333rem;
    margin-bottom: 1.3333333333rem;
  }
}
.h6:first-child {
  margin-top: 0;
}

.block__text {
  position: relative;
  line-height: 1.3;
}
@media (max-width: 2559px) {
  .block__text {
    line-height: 1.4;
  }
}
.block__text.block__text__columns {
  column-count: 2;
  column-gap: 16px;
}
.block__text.block__text__columns p {
  page-break-inside: avoid;
  -webkit-column-break-inside: avoid;
  break-inside: avoid;
}
.block__text p {
  margin: 1rem 0 0 0;
}
@media (max-width: 2559px) {
  .block__text p {
    margin: 0.8333333333rem 0 0 0;
  }
}
@media (max-width: 1919px) {
  .block__text p {
    margin: 0.75rem 0 0 0;
  }
}
@media (max-width: 767px) {
  .block__text p {
    margin: 1.3333333333rem 0 0 0;
  }
}
.block__text p:first-child {
  margin-top: 0;
}
.block__text p.block__text__small {
  font-size: 0.8rem;
}
@media (max-width: 2559px) {
  .block__text p.block__text__small {
    font-size: 0.8888888889rem;
  }
}
@media (max-width: 1919px) {
  .block__text p.block__text__small {
    font-size: 1rem;
  }
}
@media (max-width: 767px) {
  .block__text p.block__text__small {
    font-size: 1.0666666667rem;
  }
}
.block__text p.block__text__action {
  position: relative;
  padding-left: 0.7rem;
  position: relative;
}
@media (max-width: 2559px) {
  .block__text p.block__text__action {
    padding-left: 0.7777777778rem;
  }
}
@media (max-width: 1919px) {
  .block__text p.block__text__action {
    padding-left: 0.875rem;
  }
}
@media (max-width: 767px) {
  .block__text p.block__text__action {
    padding-left: 0.9333333333rem;
  }
}
.block__text p.block__text__action:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 5px;
  top: 5px;
  width: 2px;
  background-color: #00A1F9;
  z-index: 2;
}
.block__text p + ul {
  margin-top: 1rem;
}
@media (max-width: 2559px) {
  .block__text p + ul {
    margin-top: 0.8333333333rem;
  }
}
@media (max-width: 1919px) {
  .block__text p + ul {
    margin-top: 0.75rem;
  }
}
@media (max-width: 767px) {
  .block__text p + ul {
    margin-top: 1.3333333333rem;
  }
}
.block__text a {
  color: #5B5D66;
  text-decoration: underline;
}
.block__text a:not(.link__hoverline) {
  text-decoration-color: inherit;
}
.block__text a:hover, .block__text a:focus {
  color: #00A1F9;
  text-decoration-color: transparent;
}
.block__text a.bl-primary {
  color: #00A1F9;
  text-decoration-color: transparent;
}
.block__text a.bl-primary:hover, .block__text a.bl-primary:focus {
  color: #00A1F9;
  text-decoration-color: #00A1F9;
}
.block__text img {
  display: block;
  width: 100%;
}
.block__text figure {
  display: block;
  margin: 4rem 0;
}
@media (max-width: 2559px) {
  .block__text figure {
    margin: 3.8888888889rem 0;
  }
}
@media (max-width: 1919px) {
  .block__text figure {
    margin: 4rem 0;
  }
}
@media (max-width: 1279px) {
  .block__text figure {
    margin: 3rem 0;
  }
}
@media (max-width: 1023px) {
  .block__text figure {
    margin: 4rem 0;
  }
}
@media (max-width: 767px) {
  .block__text figure {
    margin: 3.2rem 0;
  }
}
.block__text figure:first-child {
  margin-top: 0;
}
.block__text figure:last-child {
  margin-bottom: 0;
}
.block__text figure img {
  display: block;
  width: 100%;
}
.block__text figure figcaption {
  display: block;
  margin-top: 0.75rem;
  font-size: 0.8rem;
}
@media (max-width: 2559px) {
  .block__text figure figcaption {
    font-size: 0.8333333333rem;
    margin-top: 0.6666666667rem;
  }
}
@media (max-width: 1919px) {
  .block__text figure figcaption {
    font-size: 0.875rem;
    margin-top: 0.75rem;
  }
}
@media (max-width: 767px) {
  .block__text figure figcaption {
    font-size: 0.8666666667rem;
    margin-top: 0.6666666667rem;
  }
}
.block__text ul {
  margin: 2.5rem 0;
  padding: 0;
  list-style: none;
}
@media (max-width: 2559px) {
  .block__text ul {
    margin: 2.7777777778rem 0;
  }
}
@media (max-width: 1919px) {
  .block__text ul {
    margin: 3.125rem 0;
  }
}
@media (max-width: 767px) {
  .block__text ul {
    margin: 3.3333333333rem 0;
  }
}
.block__text ul:first-child {
  margin-top: 0;
}
.block__text ul:last-child {
  margin-bottom: 0;
}
.block__text ul li {
  position: relative;
  padding-left: 24px;
  margin-top: 20px;
}
@media (max-width: 2559px) {
  .block__text ul li {
    margin-top: 0.8333333333rem;
  }
}
@media (max-width: 1919px) {
  .block__text ul li {
    margin-top: 0.75rem;
  }
}
@media (max-width: 767px) {
  .block__text ul li {
    margin-top: 1.3333333333rem;
  }
}
.block__text ul li:first-child {
  margin-top: 0;
}
.block__text ul li::after {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  background-color: #00A1F9;
  border-radius: 50%;
  left: 0;
  top: 0.4rem;
}
@media (max-width: 2559px) {
  .block__text ul li::after {
    top: 0.4444444444rem;
  }
}
@media (max-width: 1919px) {
  .block__text ul li::after {
    top: 0.5rem;
  }
}
@media (max-width: 767px) {
  .block__text ul li::after {
    top: 0.5333333333rem;
  }
}
.block__text ul.ul-points li {
  padding-left: 1.5rem;
}
@media (max-width: 2559px) {
  .block__text ul.ul-points li {
    padding-left: 1.5555555556rem;
  }
}
@media (max-width: 1919px) {
  .block__text ul.ul-points li {
    padding-left: 1.875rem;
  }
}
@media (max-width: 1279px) {
  .block__text ul.ul-points li {
    padding-left: 1.5625rem;
  }
}
@media (max-width: 767px) {
  .block__text ul.ul-points li {
    padding-left: 1.4666666667rem;
  }
}
.block__text ul.ul-points li::after {
  top: 0.55rem;
  left: 0.75rem;
  transform: rotate(45deg);
  width: 0.2rem;
  height: 0.2rem;
  background-color: #989BA6;
}
@media (max-width: 2559px) {
  .block__text ul.ul-points li::after {
    top: 0.5rem;
    left: 0.7222222222rem;
  }
}
@media (max-width: 1919px) {
  .block__text ul.ul-points li::after {
    top: 0.6875rem;
    left: 0.9375rem;
  }
}
@media (max-width: 1279px) {
  .block__text ul.ul-points li::after {
    top: 0.5625rem;
    left: 0.75rem;
  }
}
@media (max-width: 767px) {
  .block__text ul.ul-points li::after {
    top: 0.4666666667rem;
    left: 0.6666666667rem;
  }
}
.block__text h1 {
  font-size: 4.5rem;
  line-height: 1.1;
  font-weight: 500;
  text-transform: uppercase;
  color: #FFF;
  margin: 0 0 2.75rem 0;
  padding: 0;
}
@media (max-width: 2559px) {
  .block__text h1 {
    font-size: 4.4444444444rem;
    margin: 0 0 3.8333333333rem 0;
  }
}
@media (max-width: 1919px) {
  .block__text h1 {
    font-size: 2.8125rem;
    margin: 0 0 1.375rem 0;
  }
}
@media (max-width: 1279px) {
  .block__text h1 {
    margin: 0 0 3.125rem 0;
  }
}
@media (max-width: 767px) {
  .block__text h1 {
    font-size: 2.2666666667rem;
    margin: 0 0 4.4rem 0;
  }
}
.block__text h2 {
  font-size: 2.9rem;
  line-height: 1.3;
  color: #FFF;
  text-transform: uppercase;
  font-weight: 500;
  padding: 0;
  margin: 0 0 1.75rem 0;
}
@media (max-width: 2559px) {
  .block__text h2 {
    font-size: 2.6666666667rem;
    line-height: 1.2;
    margin-bottom: 1.3888888889rem;
  }
}
@media (max-width: 1919px) {
  .block__text h2 {
    font-size: 2.25rem;
  }
}
@media (max-width: 767px) {
  .block__text h2 {
    font-size: 1.9333333333rem;
    margin-bottom: 1.3333333333rem;
  }
}
@media (max-width: 2559px) {
  .block__text h2.h2__advantages {
    line-height: 1.1;
  }
}
@media (max-width: 1279px) {
  .block__text h2.h2__advantages {
    line-height: 1.2;
  }
}
.block__text h2.article__title {
  font-size: 2.4rem;
  line-height: 1.4;
  color: #FFF;
  margin-bottom: 2.6rem;
  text-transform: none;
}
@media (max-width: 2559px) {
  .block__text h2.article__title {
    font-size: 2.1111111111rem;
    margin-bottom: 3.3333333333rem;
  }
}
@media (max-width: 1919px) {
  .block__text h2.article__title {
    font-size: 1.625rem;
    margin-bottom: 3.25rem;
  }
}
@media (max-width: 767px) {
  .block__text h2.article__title {
    font-size: 1.2666666667rem;
    margin-bottom: 2.8666666667rem;
  }
}
.block__text h2.article__title.article__title__mb-mini {
  margin-bottom: 0.9rem;
}
@media (max-width: 2559px) {
  .block__text h2.article__title.article__title__mb-mini {
    margin-bottom: 0.5rem;
  }
}
@media (max-width: 1919px) {
  .block__text h2.article__title.article__title__mb-mini {
    margin-bottom: 0.875rem;
  }
}
@media (max-width: 767px) {
  .block__text h2.article__title.article__title__mb-mini {
    margin-bottom: 1.2rem;
  }
}
.block__text h3 {
  font-size: 1.9rem;
  line-height: 1.4;
  color: #FFF;
  text-transform: uppercase;
  font-weight: 500;
  padding: 0;
  margin: 0 0 1rem 0;
}
@media (max-width: 2559px) {
  .block__text h3 {
    font-size: 1.7777777778rem;
    line-height: 1.3;
    margin-bottom: 1.1111111111rem;
  }
}
@media (max-width: 1919px) {
  .block__text h3 {
    font-size: 1.625rem;
    line-height: 1.1;
  }
}
@media (max-width: 767px) {
  .block__text h3 {
    font-size: 1.4666666667rem;
    line-height: 1.3;
    margin-bottom: 1.3333333333rem;
  }
}
.block__text h4 {
  font-size: 1.55rem;
  line-height: 1.5;
  color: #FFF;
  text-transform: uppercase;
  font-weight: 500;
  padding: 0;
  margin: 0 0 1rem 0;
}
@media (max-width: 2559px) {
  .block__text h4 {
    font-size: 1.5rem;
    line-height: 1.4;
    margin-bottom: 1.1111111111rem;
  }
}
@media (max-width: 1919px) {
  .block__text h4 {
    font-size: 1.375rem;
  }
}
@media (max-width: 767px) {
  .block__text h4 {
    font-size: 1.2666666667rem;
    line-height: 1.4;
    margin-bottom: 1.3333333333rem;
  }
}
.block__text h5 {
  font-size: 1.25rem;
  line-height: 1.5;
  color: #FFF;
  text-transform: uppercase;
  font-weight: 500;
  padding: 0;
  margin: 0 0 1rem 0;
}
@media (max-width: 2559px) {
  .block__text h5 {
    font-size: 1.2222222222rem;
    margin-bottom: 1.1111111111rem;
  }
}
@media (max-width: 1919px) {
  .block__text h5 {
    font-size: 1.1875rem;
  }
}
@media (max-width: 767px) {
  .block__text h5 {
    font-size: 1.1333333333rem;
    margin-bottom: 1.3333333333rem;
  }
}
.block__text h6 {
  font-size: 1rem;
  line-height: 1.5;
  color: #FFF;
  text-transform: uppercase;
  font-weight: 500;
  padding: 0;
  margin: 0 0 1rem 0;
}
@media (max-width: 2559px) {
  .block__text h6 {
    font-size: 1rem;
    margin-bottom: 1.1111111111rem;
  }
}
@media (max-width: 1919px) {
  .block__text h6 {
    font-size: 1rem;
  }
}
@media (max-width: 767px) {
  .block__text h6 {
    font-size: 1rem;
    margin-bottom: 1.3333333333rem;
  }
}

.block__text .h7 {
  display: block;
  font-size: 0.8rem;
  line-height: 1.3;
  color: #FFF;
  text-transform: uppercase;
  font-weight: 400;
  padding: 0;
  margin: 2rem 0 1rem 0;
}
@media (max-width: 2559px) {
  .block__text .h7 {
    font-size: 0.8333333333rem;
    margin-bottom: 1.1111111111rem;
  }
}
@media (max-width: 1919px) {
  .block__text .h7 {
    font-size: 0.875rem;
    line-height: 1.4;
  }
}
@media (max-width: 767px) {
  .block__text .h7 {
    font-size: 0.8666666667rem;
    margin-bottom: 1rem;
    line-height: 1.3;
  }
}
@media (max-width: 767px) {
  .block__text .h7 + p {
    margin-top: 1rem;
  }
}

.text__nowrap {
  white-space: nowrap;
}

.text__primary {
  color: #00A1F9;
}

.text__center {
  text-align: center;
}

.text__blue {
  color: #00A1F9;
}

.d-block {
  display: block;
}

.w-100 {
  width: 100%;
}

.color__white {
  color: #FFF;
}

.pagecount {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: -0.5rem;
  color: #5B5D66;
}
@media (max-width: 2559px) {
  .pagecount {
    margin: -0.5555555556rem;
  }
}
@media (max-width: 1919px) {
  .pagecount {
    margin: -0.625rem;
  }
}
@media (max-width: 1279px) {
  .pagecount {
    margin: -1rem;
  }
}
@media (max-width: 767px) {
  .pagecount {
    margin: -1rem;
  }
}
.pagecount__item {
  padding: 0.5rem;
}
@media (max-width: 2559px) {
  .pagecount__item {
    padding: 0.5555555556rem;
  }
}
@media (max-width: 1919px) {
  .pagecount__item {
    padding: 0.625rem;
  }
}
@media (max-width: 1279px) {
  .pagecount__item {
    padding: 1rem;
  }
}
@media (max-width: 767px) {
  .pagecount__item {
    padding: 1rem;
  }
}
.pagecount ul {
  list-style: none;
  margin: -0.35rem;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
@media (max-width: 2559px) {
  .pagecount ul {
    margin: -0.3888888889rem;
  }
}
@media (max-width: 1919px) {
  .pagecount ul {
    margin: -0.4375rem;
  }
}
@media (max-width: 1279px) {
  .pagecount ul {
    margin: -1rem;
  }
}
@media (max-width: 767px) {
  .pagecount ul {
    /* padding: -1.0666666667rem; */
    padding:0;
  }
}
.pagecount ul li {
  padding: 0.35rem;
}
@media (max-width: 2559px) {
  .pagecount ul li {
    padding: 0.3888888889rem;
  }
}
@media (max-width: 1919px) {
  .pagecount ul li {
    padding: 0.4375rem;
  }
}
@media (max-width: 1279px) {
  .pagecount ul li {
    padding: 1rem;
  }
}
@media (max-width: 767px) {
  .pagecount ul li {
    padding: 1.0666666667rem;
  }
}
.pagecount ul li.pagination__hidemobile {
  display: block;
}
@media (max-width: 767px) {
  .pagecount ul li.pagination__hidemobile {
    display: none;
  }
}
.pagecount__link {
  display: inline-block;
}
.pagecount__link:hover, .pagecount__link:focus {
  color: #FFF;
  text-decoration: underline;
}
.pagecount__link.pagecount__link__active {
  color: #00A1F9;
  cursor: default;
  text-decoration: none;
}

.pagination {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: -0.2rem;
}
@media (max-width: 2559px) {
  .pagination {
    margin: -0.2222222222rem;
  }
}
@media (max-width: 1919px) {
  .pagination {
    margin: -0.25rem;
  }
}
@media (max-width: 767px) {
  .pagination {
    margin: -0.2666666667rem;
  }
}
.pagination__item {
  padding: 0.2rem;
}
@media (max-width: 2559px) {
  .pagination__item {
    padding: 0.2222222222rem;
  }
}
@media (max-width: 1919px) {
  .pagination__item {
    padding: 0.25rem;
  }
}
@media (max-width: 767px) {
  .pagination__item {
    padding: 0.2666666667rem;
  }
}
.pagination__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  color: #FFF;
  border-radius: 8px;
  background-color: #2B2C30;
  color: #989BA6;
  transition: all 0.3s;
}
@media (max-width: 2559px) {
  .pagination__btn {
    width: 32px;
    height: 32px;
  }
}
@media (max-width: 1919px) {
  .pagination__btn {
    width: 40px;
    height: 40px;
  }
}
.pagination__btn svg {
  display: block;
  max-width: 8px;
  max-height: 8px;
  fill: currentColor;
}
@media (hover: hover) {
  .pagination__btn:hover {
    background-color: #3C3E44;
  }
}
@media (hover: none) and (pointer: coarse) {
  .pagination__btn:hover {
    background-color: #3C3E44;
  }
}
.pagination__link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  color: #989BA6;
  background: #2B2C30;
  border-radius: 8px;
  transition: all 0.3s;
  text-align: center;
  font-weight: 400;
  line-height: 1;
  font-size: 0.8rem;
}
@media (max-width: 2559px) {
  .pagination__link {
    /* width: 32;
    height: 32; */
    font-size: 0.8333333333rem;
  }
}
@media (max-width: 1919px) {
  .pagination__link {
    font-size: 0.875rem;
  }
}
@media (max-width: 1919px) {
  .pagination__link {
    font-size: 0.8666666667rem;
    width: 40px;
    height: 40px;
  }
}
@media (hover: hover) {
  .pagination__link:hover {
    background-color: #3C3E44;
  }
}
@media (hover: none) and (pointer: coarse) {
  .pagination__link:hover {
    background-color: #3C3E44;
  }
}
.pagination__link.pagination__link__active {
  background-color: #00A1F9;
  color: #FFF;
  cursor: default;
}
.pagination ul {
  list-style: none;
  margin: -0.2rem;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
@media (max-width: 2559px) {
  .pagination ul {
    margin: -0.2222222222rem;
  }
}
@media (max-width: 1919px) {
  .pagination ul {
    margin: -0.25rem;
  }
}
@media (max-width: 767px) {
  .pagination ul {
    margin: -0.2666666667rem;
  }
}
.pagination ul li {
  padding: 0.2rem;
}
@media (max-width: 2559px) {
  .pagination ul li {
    padding: 0.2222222222rem;
  }
}
@media (max-width: 1919px) {
  .pagination ul li {
    padding: 0.25rem;
  }
}
@media (max-width: 767px) {
  .pagination ul li {
    padding: 0.2666666667rem;
  }
}
.pagination ul li.pagination__hidemobile {
  display: block;
}
@media (max-width: 767px) {
  .pagination ul li.pagination__hidemobile {
    display: none;
  }
}

.crumbs ol {
  list-style: none;
  margin: 0 0 5rem 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 0.8rem;
  line-height: 1;
  font-weight: 500;
  text-transform: uppercase;
  color: #FFF;
}
@media (max-width: 2559px) {
  .crumbs ol {
    font-size: 0.8333333333rem;
    margin-bottom: 3.0555555556rem;
  }
}
@media (max-width: 1919px) {
  .crumbs ol {
    font-size: 0.875rem;
    margin-bottom: 2.4375rem;
  }
}
@media (max-width: 1279px) {
  .crumbs ol {
    margin-bottom: 3rem;
  }
}
@media (max-width: 1023px) {
  .crumbs ol {
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    margin-left: -24px;
    margin-right: -24px;
    padding-left: 24px;
    padding-right: 24px;
    direction: ltr;
  }
}
@media (max-width: 767px) {
  .crumbs ol {
    font-size: 0.8666666667rem;
    margin-bottom: 3.2666666667rem;
    margin-left: -16px;
    margin-right: -16px;
    padding-left: 16px;
    padding-right: 16px;
  }
}
.crumbs ol li {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-right: 10px;
}
.crumbs ol li:not(:last-child)::after {
  content: "/";
  display: inline-block;
  padding-left: 10px;
  color: rgba(255, 255, 255, 0.5);
}
.crumbs ol li:last-child {
  color: #FFF;
  padding-right: 0;
}
.crumbs ol li:nth-last-child(2)::after {
  color: #FFF;
}
.crumbs ol a {
  color: rgba(255, 255, 255, 0.5);
  display: inline-block;
  text-decoration: none;
}
.crumbs ol a:hover, .crumbs ol a:focus {
  color: #00A1F9;
}
.crumbs ol a .anime__rotatetext__text {
  vertical-align: middle;
}

.custom-select {
  position: relative;
  z-index: 3;
}
.custom-select .simplebar-track.simplebar-vertical {
  width: 3px;
  right: 11px;
}
.custom-select .simplebar-scrollbar:before {
  left: 0;
  top: 12px;
  right: 0;
  bottom: 12px;
  border-radius: 2px;
  background-color: rgba(255, 255, 255, 0.5);
  opacity: 1;
}
.custom-select .simplebar-scrollbar.simplebar-visible::before {
  opacity: 1;
}
.custom-select-container {
  position: relative;
}
.custom-select-container.is-opened .custom-select-opener {
  border-color: #2F2F30;
  border-radius: 16px 16px 0 0;
}
.custom-select-container.is-opened .custom-select-panel {
  max-height: 200px;
  overflow: auto;
  display: block;
}
.custom-select-container.is-opened .custom-select-opener::after {
  transform: rotate(180deg);
}
.custom-select-opener {
  min-height: 3.2rem;
  padding: 1.2rem 2.8rem 1.1rem 1.1rem;
  border-radius: 16px;
  border: 1px solid #2F2F30;
  background-color: #1B1C1F;
  font-size: 0.65rem;
  line-height: 1.3;
  font-weight: 500;
  color: #FFF;
  text-transform: uppercase;
}
@media (max-width: 2559px) {
  .custom-select-opener {
    min-height: 3.5555555556rem;
    padding: 1.3333333333rem 3.1111111111rem 1.2222222222rem 1.2222222222rem;
    font-size: 0.6666666667rem;
  }
}
@media (max-width: 1919px) {
  .custom-select-opener {
    min-height: 4rem;
    padding: 1.5555555556rem 3.1111111111rem 1.2777777778rem 1.2222222222rem;
    font-size: 0.75rem;
  }
}
@media (max-width: 767px) {
  .custom-select-opener {
    min-height: 4.2666666667rem;
    padding: 1.6rem 3.7333333333rem 1.5333333333rem 1.4666666667rem;
    font-size: 0.6666666667rem;
  }
}
.custom-select-opener:hover {
  border-color: #2F2F30;
}
.custom-select-opener::after {
  content: "";
  position: absolute;
  top: 1.1rem;
  right: 0.9rem;
  width: 1.2rem;
  height: 1.2rem;
  background: url("./../img/icons/arrow-down.svg") 50% 50% no-repeat;
  background-size: 0.6rem 0.6rem;
  transition: all 0.3s;
}
@media (max-width: 2559px) {
  .custom-select-opener::after {
    top: 1.2222222222rem;
    right: 1rem;
    width: 1.3333333333rem;
    height: 1.3333333333rem;
    background-size: 0.6666666667rem 0.6666666667rem;
  }
}
@media (max-width: 1919px) {
  .custom-select-opener::after {
    top: 1.375rem;
    right: 1.125rem;
    width: 1.5rem;
    height: 1.5rem;
    background-size: 0.75rem 0.75rem;
  }
}
@media (max-width: 767px) {
  .custom-select-opener::after {
    top: 1.4666666667rem;
    right: 1.2rem;
    width: 1.6rem;
    height: 1.6rem;
    background-size: 0.8rem 0.8rem;
  }
}
.custom-select-panel {
  top: 100%;
  width: 100%;
  position: absolute;
  border-right: 1px solid #2F2F30;
  border-bottom: 1px solid #2F2F30;
  border-left: 1px solid #2F2F30;
  border-radius: 0 0 16px 16px;
  overflow: hidden;
  box-shadow: none;
  padding: 0;
  background-color: #1B1C1F;
  max-height: 0;
  display: none;
  z-index: 10;
  transition: all 0.3s ease;
}
.custom-select-panel::-webkit-scrollbar {
  width: 3px;
  height: 3px;
}
/* .custom-select-panel::-webkit-scrollbar-button:start:decrement, .custom-select-panel::-webkit-scrollbar-button:end:increment {
  height: 3px;
  background-color: transparent;
} */
.custom-select-panel::-webkit-scrollbar-track-piece {
  background-color: transparent;
  -webkit-border-radius: 3px;
}
/* .custom-select-panel::-webkit-scrollbar-thumb:vertical {
  height: 3px;
  background-color: #5B5D66;
  border: none;
  -webkit-border-radius: 3px;
} */
.custom-select-panel::-webkit-scrollbar-thumb {
  height: 3px;
  background-color: #5B5D66;
  border: none;
  -webkit-border-radius: 3px;
}
.custom-select-option {
  color: #5B5D66;
  padding: 0.95rem 0.8rem;
  background: transparent;
  transition: all 0.3s;
  margin: 0;
  font-size: 0.8rem;
  line-height: 1.5;
  cursor: pointer;
}
@media (max-width: 2559px) {
  .custom-select-option {
    font-size: 0.8888888889rem;
  }
}
@media (max-width: 1919px) {
  .custom-select-option {
    font-size: 1rem;
  }
}
@media (max-width: 767px) {
  .custom-select-option {
    font-size: 1.0666666667rem;
  }
}
.custom-select-option:first-child {
  margin-top: 0;
}
.custom-select-option.has-focus {
  background-color: transparent;
  color: #FFF;
  text-decoration: underline;
}
.custom-select-option.is-selected {
  background-color: transparent;
  color: #FFF;
  text-decoration: underline;
  cursor: default;
}
.custom-select-option.is-selected::before {
  display: none;
}

.form {
  display: block;
  position: relative;
}
.form__row {
  display: flex;
  flex-wrap: wrap;
  margin: -0.75rem -0.3rem;
}
@media (max-width: 2559px) {
  .form__row {
    margin: -0.8333333333rem -0.3333333333rem;
  }
}
@media (max-width: 1919px) {
  .form__row {
    margin: -0.9375rem -0.375rem;
  }
}
@media (max-width: 767px) {
  .form__row {
    margin: -1rem -0.4rem;
  }
}
.form__row + .form__row {
  padding-top: 3.2rem;
}
@media (max-width: 2559px) {
  .form__row + .form__row {
    padding-top: 3.5555555556rem;
  }
}
@media (max-width: 1919px) {
  .form__row + .form__row {
    padding-top: 4rem;
  }
}
@media (max-width: 767px) {
  .form__row + .form__row {
    padding-top: 2rem;
  }
}
.form__item {
  padding: 0.75rem 0.3rem;
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}
@media (max-width: 2559px) {
  .form__item {
    padding: 0.8333333333rem 0.3333333333rem;
  }
}
@media (max-width: 1919px) {
  .form__item {
    padding: 0.9375rem 0.375rem;
  }
}
@media (max-width: 767px) {
  .form__item {
    padding: 1rem 0.4rem;
  }
}
.form__item.form__item__size6 {
  width: 50%;
}
@media (max-width: 767px) {
  .form__item.form__item__size6 {
    width: 100%;
  }
}
.form__item.form__item__size12 {
  width: 100%;
}
.form__line {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  border-bottom: 1px solid #D0D1D6;
  transition: all 0.3s;
}
.form__line__item {
  width: 100%;
  max-width: 100%;
}
.form__line__item.form__line__item__col {
  flex: 1 0 0%;
}
.form__line__item.form__line__item__auto {
  flex: 0 0 auto;
  width: auto;
  padding-left: 12px;
}
.form__line:hover {
  border-bottom-color: #1B1C1F;
}
.form__line.form__line-focus, .form__line.form__line-active {
  border-bottom-color: #1B1C1F;
}
.form__line.form__line-focus .form__input::placeholder, .form__line.form__line-active .form__input::placeholder {
  color: #E0E2E7;
}
.form__line.form__line-focus label.form__input__label, .form__line.form__line-active label.form__input__label {
  font-size: 0.65rem !important;
  top: 0 !important;
}
@media (max-width: 2559px) {
  .form__line.form__line-focus label.form__input__label, .form__line.form__line-active label.form__input__label {
    font-size: 0.6666666667rem;
  }
}
@media (max-width: 1919px) {
  .form__line.form__line-focus label.form__input__label, .form__line.form__line-active label.form__input__label {
    font-size: 0.75rem;
  }
}
@media (max-width: 767px) {
  .form__line.form__line-focus label.form__input__label, .form__line.form__line-active label.form__input__label {
    font-size: 0.8rem;
  }
}
.form__line.form__line-value .form__btn-clear {
  opacity: 1;
  transform: translateY(0);
  z-index: 1;
}
.form__line__info {
  padding-top: 5px;
  font-size: 0.65rem;
  display: none;
}
@media (max-width: 2559px) {
  .form__line__info {
    font-size: 0.6666666667rem;
  }
}
@media (max-width: 1919px) {
  .form__line__info {
    font-size: 0.75rem;
  }
}
@media (max-width: 767px) {
  .form__line__info {
    font-size: 0.8rem;
  }
}
.form__line__info.active {
  display: block;
}
.form__line__info.error {
  color: #F91900;
}
.form__line.form__line__error {
  border-bottom-color: #F91900 !important;
}
.form__line.form__line__error .form__input__label {
  color: #F91900;
}
.form__place {
  position: relative;
  overflow: hidden;
}
.form__input {
  display: block;
  width: 100%;
  border: none;
  outline: none;
  font-size: 1rem;
  line-height: 1.3;
  padding: 0.85rem 0;
}
@media (max-width: 2559px) {
  .form__input {
    font-size: 1rem;
    padding: 0.9444444444rem 0;
  }
}
@media (max-width: 1919px) {
  .form__input {
    font-size: 1rem;
    padding: 0.9375rem 0 0.875rem;
  }
}
@media (max-width: 767px) {
  .form__input {
    font-size: 1rem;
    padding: 1rem 0;
    height: 3.3333333333rem;
  }
}
.form__input::placeholder {
  color: #FFF;
}
.form__input__label {
  position: absolute;
  left: 0;
  top: 0.95rem;
  z-index: 2;
  font-size: 1rem;
  line-height: 1.3;
  color: #6C6F78;
  transition: all 0.3s;
}
@media (max-width: 2559px) {
  .form__input__label {
    font-size: 1rem;
  }
}
.form__btn-clear {
  margin-top: 1rem;
  width: 1.2rem;
  height: 1.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #9EA1A8;
  cursor: pointer;
  position: relative;
  transform: translateY(150%);
  transition: all 0.3s;
  opacity: 0;
  z-index: -20;
}
@media (max-width: 2559px) {
  .form__btn-clear {
    width: 1.3333333333rem;
    height: 1.3333333333rem;
    margin-top: 0.8888888889rem;
  }
}
@media (max-width: 1919px) {
  .form__btn-clear {
    width: 1.5rem;
    height: 1.5rem;
    margin-top: 0.8125rem;
  }
}
@media (max-width: 767px) {
  .form__btn-clear {
    width: 1.6rem;
    height: 1.6rem;
    margin-top: 0.8666666667rem;
  }
}
.form__btn-clear:hover {
  color: #00A1F9;
}
.form__btn-clear svg {
  display: block;
  max-width: 0.6rem;
  max-height: 0.6rem;
  stroke: currentColor;
}
@media (max-width: 2559px) {
  .form__btn-clear svg {
    max-width: 0.6666666667rem;
    max-height: 0.6666666667rem;
  }
}
@media (max-width: 1919px) {
  .form__btn-clear svg {
    max-width: 0.75rem;
    max-height: 0.75rem;
  }
}
@media (max-width: 767px) {
  .form__btn-clear svg {
    max-width: 0.8rem;
    max-height: 0.8rem;
  }
}
.form textarea.form__input {
  min-height: 6.8rem;
  height: auto;
  resize: none;
  padding-top: 0;
  margin-top: 0.85rem;
}
@media (max-width: 2559px) {
  .form textarea.form__input {
    min-height: 6.1111111111rem;
    margin-top: 0.9444444444rem;
  }
}
@media (max-width: 1919px) {
  .form textarea.form__input {
    min-height: 6.25rem;
    margin-top: 0.9375rem;
  }
}
@media (max-width: 767px) {
  .form textarea.form__input {
    min-height: 9.6666666667rem;
    margin-top: 1rem;
  }
}
.form textarea.form__input::-webkit-scrollbar {
  width: 6px;
}
.form textarea.form__input::-webkit-scrollbar-track {
  background-color: transparent;
  border-radius: 3px;
}
.form textarea.form__input::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background-color: #5B5D66;
}
.form__check {
  display: inline-block;
  position: relative;
  overflow: hidden;
  font-size: 0.65rem;
  line-height: 1.5;
  font-weight: 400;
  overflow: hidden;
  outline: none;
}
@media (max-width: 2559px) {
  .form__check {
    font-size: 0.7222222222rem;
  }
}
@media (max-width: 1919px) {
  .form__check {
    font-size: 0.75rem;
  }
}
@media (max-width: 767px) {
  .form__check {
    font-size: 0.8rem;
    line-height: 1.4;
  }
}
.form__check input {
  position: absolute;
  top: -100px;
  left: -100px;
  opacity: 0;
}
.form__check input:checked + span::after {
  opacity: 1;
}
.form__check span {
  display: inline-block;
  padding-left: 1.4rem;
}
@media (max-width: 2559px) {
  .form__check span {
    padding-left: 1.5555555556rem;
  }
}
@media (max-width: 1919px) {
  .form__check span {
    padding-left: 1.75rem;
  }
}
@media (max-width: 767px) {
  .form__check span {
    padding-left: 1.8666666667rem;
  }
}
.form__check span::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 0.8rem;
  height: 0.8rem;
  border: 1px solid #67686B;
  border-radius: 3px;
  z-index: 1;
  transition: all 0.3s;
}
@media (max-width: 2559px) {
  .form__check span::before {
    width: 0.8888888889rem;
    height: 0.8888888889rem;
  }
}
@media (max-width: 1919px) {
  .form__check span::before {
    width: 1rem;
    height: 1rem;
  }
}
@media (max-width: 767px) {
  .form__check span::before {
    width: 1.0666666667rem;
    height: 1.0666666667rem;
  }
}
.form__check span::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 0.8rem;
  height: 0.8rem;
  border: 1px solid #00A1F9;
  background-color: #00A1F9;
  background-image: url("./../img/icons/ic-check.svg");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 0.6rem 0.6rem;
  border-radius: 3px;
  opacity: 0;
  z-index: 2;
  transition: all 0.3s;
}
@media (max-width: 2559px) {
  .form__check span::after {
    width: 0.8888888889rem;
    height: 0.8888888889rem;
    background-size: 0.6666666667rem 0.6666666667rem;
  }
}
@media (max-width: 1919px) {
  .form__check span::after {
    width: 1rem;
    height: 1rem;
    background-size: 0.75rem 0.75rem;
  }
}
@media (max-width: 767px) {
  .form__check span::after {
    width: 1.0666666667rem;
    height: 1.0666666667rem;
    background-size: 0.8rem 0.8rem;
  }
}
.form__check.form__check__big {
  font-size: 1rem;
  line-height: 1.3;
  color: #6C6F78;
}
.form__check.form__check__big span::before, .form__check.form__check__big span::after {
  top: 2px;
}
.form__label {
  display: block;
  padding: 0;
  font-size: 1rem;
  color: #6C6F78;
  margin: 0 0 20px 0;
}
.form__listchecks {
  /* columns: 2 50%; */
  columns:2;
  -webkit-columns: 2;
  -moz-columns: 2;
  column-gap: 16px;
  margin-bottom: -24px;
}
.form__listchecks__item {
  margin-bottom: 24px;
}
.form__file {
  position: relative;
  max-width: 500px;
}
.form__file.fileerror {
  color: #F91900;
}
.form__file__label {
  margin: 0;
  padding: 0;
  position: relative;
  display: block;
  overflow: hidden;
}
.form__file__label.fileerror .form__file__label__body {
  color: #F91900;
}
@media (hover: hover) {
  .form__file__label:hover .form__file__label__body i {
    color: #00A1F9;
  }
  .form__file__label:hover .form__file__label__text {
    color: #00A1F9;
  }
}
@media (hover: none) and (pointer: coarse) {
  .form__file__label:hover .form__file__label__body i {
    color: #00A1F9;
  }
  .form__file__label:hover .form__file__label__text {
    color: #00A1F9;
  }
}
.form__file__label label {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  margin: 0;
  padding: 0;
}
.form__file__label input {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  z-index: -1;
}
.form__file__label__body {
  display: block;
  position: relative;
  padding-left: 32px;
  color: #989BA6;
}
.form__file__label__body i {
  position: absolute;
  left: 0;
  top: 1px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  transition: all ease 0.3s;
}
.form__file__label__body i svg {
  stroke: currentColor;
  max-width: 20px;
  max-height: 20px;
}
.form__file__label__text {
  display: block;
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1.4;
  transition: all ease 0.3s;
}
.form__file__label__info {
  display: block;
  font-weight: 400;
  font-size: 0.65rem;
  line-height: 1.5;
  animation-delay: 0s;
  transition: color ease 0.3s;
}
.form__file__list {
  list-style: none;
  margin: 0;
  padding: 0 0 0 32px;
}
.form__file__list li {
  margin-bottom: 16px;
  overflow: hidden;
  position: relative;
}
.form__file__list li input {
  position: absolute;
  top: 0;
  left: 0;
  text-indent: -9999px;
  z-index: -1;
}
.form__file__list li:first-child .form__file__name {
  margin-top: 10px;
}
.form__file__list li:last-child {
  margin-bottom: 0;
}
.form__file__name {
  position: relative;
}
.form__file__name__row {
  display: flex;
  align-items: center;
  justify-content: center;
}
.form__file__name__text {
  flex: 1 0 0%;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  padding-left: 32px;
  font-weight: 400;
  font-size: 1.1rem;
  line-height: 1;
  color: #5B5D66;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.form__file__name__text i {
  position: absolute;
  left: 0;
  top: -1px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  color: #00A1F9;
}
.form__file__name__text i svg {
  stroke: currentColor;
  max-width: 20px;
  max-height: 20px;
}
.form__file__name__title {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1 0 0%;
  width: 100%;
  max-width: 100%;
}
.form__file__name__size {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
  padding-left: 6px;
}
.form__file__name__persent {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
  padding-left: 8px;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1;
  text-align: right;
  color: #00A1F9;
}
.form__file__name__delete {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #9EA1A8;
  width: 24px;
  height: 24px;
  margin-left: 24px;
  margin-top: -1px;
  transition: all ease 0.3s;
}
.form__file__name__delete:hover {
  color: #4E5057;
}
.form__file__name__delete svg {
  stroke: currentColor;
  max-width: 12px;
  max-height: 12px;
}
.form__file__name__progressbar {
  position: relative;
  height: 4px;
  background-color: #363738;
  margin-left: 32px;
  margin-right: 48px;
  margin-top: 10px;
  display: none;
}
.form__file__name__progressbar.active {
  display: block;
}
.form__file__name__progressbar span {
  position: absolute;
  transition: all ease 0.3s;
  background-color: #00A1F9;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 2;
}
.form__file__name__error {
  font-weight: 400;
  font-size: 13px;
  line-height: 1.5;
  color: #F91900;
  padding-left: 32px;
  display: none;
}
.form__file__name__error.active {
  display: block;
}
.form.form__dark .form__line {
  border-bottom-color: #4E5057;
}
.form.form__dark .form__line:hover {
  border-bottom-color: #D0D1D6;
}
.form.form__dark .form__line.form__line-focus, .form.form__dark .form__line.form__line-active {
  border-bottom-color: #D0D1D6;
}
.form.form__dark .form__line.form__line-focus .form__input::placeholder, .form.form__dark .form__line.form__line-active .form__input::placeholder {
  color: #3C3E44;
}
.form.form__dark .form__line .form__input {
  color: #FFF;
}
.form.form__dark .form__line .form__input::placeholder {
  color: #202124;
}
.form__file {
  position: relative;
  width: 100%;
  z-index: 3;
}

@-webkit-keyframes shakeX {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
}
@keyframes shakeX {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  5%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
}
.shakeX {
  animation-fill-mode: both;
  animation-duration: 1s;
  -webkit-animation-name: shakeX;
  animation-name: shakeX;
}

.custom-select-opener > span {
  white-space: nowrap;
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.nselect {
  position: relative;
  width: 244px;
  z-index: 3;
}
.nselect.active .nselect__label {
  border-radius: 12px 12px 0 0;
}
.nselect.active .nselect__label__icon {
  transform: rotate(180deg);
}
.nselect:hover .nselect__label span.anime__rotatetext__text span.hover {
  color: #00A1F9;
}
.nselect__label {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  border: 1px solid #2F2F30;
  background-color: #1B1C1F;
  border-radius: 16px;
  padding: 0 2.8rem 0 1.1rem;
  height: 64px;
  cursor: pointer;
  transition: all ease 0.2s;
}
@media (max-width: 2559px) {
  .nselect__label {
    padding: 0 3.1111111111rem 0 1.2222222222rem;
  }
}
@media (max-width: 1919px) {
  .nselect__label {
    padding: 0 3.5rem 0 1.375rem;
  }
}
@media (max-width: 767px) {
  .nselect__label {
    padding: 0 3.7333333333rem 0 1.4666666667rem;
  }
}
.nselect__label__text {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100%;
  text-transform: uppercase;
  font-size: 0.65rem;
  line-height: 1.2;
  text-transform: uppercase;
  color: #FFF;
  font-weight: 500;
}
@media (max-width: 2559px) {
  .nselect__label__text {
    font-size: 0.6666666667rem;
  }
}
@media (max-width: 1919px) {
  .nselect__label__text {
    font-size: 0.8125rem;
  }
}
@media (max-width: 767px) {
  .nselect__label__text {
    font-size: 0.6666666667rem;
  }
}
.nselect__label__icon {
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -6px;
  width: 12px;
  height: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all ease 0.4s;
}
.nselect__label__icon svg {
  max-width: 10px;
  max-height: 10px;
  object-fit: contain;
  fill: currentColor;
}
.nselect__popup {
  position: absolute;
  left: 0;
  top: 100%;
  right: 0;
  max-height: 0;
  overflow: hidden;
  transition: all ease 0.4s;
}
.nselect__popup__body {
  border: 1px solid #2F2F30;
  border-top: none;
  border-radius: 0 0 12px 12px;
  background-color: #1B1C1F;
  max-height: 324px;
}
.nselect__popup__ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.nselect__popup__link {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  min-height: 54px;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  padding: 0 25px 0 16px;
  color: #5B5D66;
  text-decoration: underline;
  -webkit-tap-highlight-color: transparent;
  text-decoration-thickness: 1px;
  text-decoration-color: transparent;
  text-underline-position: auto;
  text-underline-offset: 0.125em;
  cursor: pointer;
  transition: all ease 0.4s;
}
.nselect__popup__link:hover, .nselect__popup__link:focus {
  color: #FFF;
  text-decoration-color: #FFF;
}
.nselect__popup__link span {
  display: block;
  flex: 0 0 auto;
  width: 100%;
  padding: 10px 0;
}
.nselect__popup__link.active {
  color: #FFF;
  text-decoration-color: #FFF;
}
.nselect .simplebar-track {
  right: 11px;
  top: 12px;
  bottom: 12px;
}
.nselect .simplebar-track.simplebar-vertical {
  width: 3px;
  border-radius: 2px;
  background-color: transparent;
}
.nselect .simplebar-scrollbar {
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 2px;
}

.link__hoverline {
  display: inline-block;
  position: relative;
}
.link__hoverline::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background-color: currentColor;
  z-index: 1;
  opacity: 0;
  transition: all ease 0.3s;
}
@media (hover: hover) {
  .link__hoverline:hover {
    color: #FFF;
  }
  .link__hoverline:hover::after, .link__hoverline:hover:focus {
    opacity: 1;
  }
}
@media (hover: none) and (pointer: coarse) {
  .link__hoverline:hover {
    color: #FFF;
  }
  .link__hoverline:hover::after, .link__hoverline:hover:focus {
    opacity: 1;
  }
}

.anime__rotatetext {
  position: relative;
}
.anime__rotatetext.mbtn__primary .anime__rotatetext__text .hover {
  color: #00A1F9;
}
.anime__rotatetext.header__lang__link .anime__rotatetext__text .hover, .anime__rotatetext.header__info__link .anime__rotatetext__text .hover, .anime__rotatetext.link__more .anime__rotatetext__text .hover, .anime__rotatetext.link__middle .anime__rotatetext__text .hover, .anime__rotatetext.footer__socio__link .anime__rotatetext__text .hover, .anime__rotatetext.footer__mail__link .anime__rotatetext__text .hover, .anime__rotatetext.modal__footer__mail .anime__rotatetext__text .hover, .anime__rotatetext.mobilemenu__mail .anime__rotatetext__text .hover, .anime__rotatetext.mobilemenu__socio__link .anime__rotatetext__text .hover {
  color: #00A1F9;
  text-decoration: underline;
}
.anime__rotatetext__text {
  display: inline-block;
  overflow: hidden;
  position: relative;
}
.anime__rotatetext__text .default, .anime__rotatetext__text .hover {
  display: block;
  transition: transform 0.3s;
}
.anime__rotatetext__text .hover {
  position: absolute;
  left: 0;
  top: 0;
  transform: translateY(100%);
}
@media (hover: hover) and (min-width: 1280px) {
  .anime__rotatetext:hover .default {
    transform: translateY(-100%);
  }
  .anime__rotatetext:hover .hover {
    transform: translateY(0);
  }
}
@media (hover: none) and (pointer: coarse) and (min-width: 1280px) {
  .anime__rotatetext:hover .default {
    transform: translateY(-100%);
  }
  .anime__rotatetext:hover .hover {
    transform: translateY(0);
  }
}

.page-404 {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  padding: 1.0666666667rem;
  max-width: 2560px;
  position: relative;
  overflow: hidden;
  background-color: #1B1C1F;
  z-index: 5;
}
@media (min-width: 768px) {
  .page-404 {
    padding: 1.5rem;
  }
}
@media (min-width: 1024px) {
  .page-404 {
    padding: 2rem;
  }
}
@media (min-width: 1920px) {
  .page-404 {
    padding: 2.6666666667rem;
  }
}
@media (min-width: 2560px) {
  .page-404 {
    padding: 3.2rem;
  }
}
.page-404__corner {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  width: 660px;
  height: 660px;
}
@media (max-width: 2559px) {
  .page-404__corner {
    width: 492px;
    height: 492px;
  }
}
@media (max-width: 1919px) {
  .page-404__corner {
    width: 324px;
    height: 324px;
  }
}
@media (max-width: 1279px) {
  .page-404__corner {
    width: 341px;
    height: 341px;
  }
}
@media (max-width: 1023px) {
  .page-404__corner {
    display: none;
  }
}
.page-404__corner svg {
  display: block;
  width: 100%;
  height: 100%;
}
.page-404__head {
  width: 100%;
  /* padding-bottom: 4rem 0; */
  padding:4rem 0;
  z-index: 4;
}
@media (max-width: 2559px) {
  .page-404__head {
    padding: 3.8888888889rem 0;
  }
}
@media (max-width: 1919px) {
  .page-404__head {
    padding: 2rem 0;
  }
}
@media (max-width: 1279px) {
  .page-404__head {
    padding: 3rem 0;
  }
}
@media (max-width: 1023px) {
  .page-404__head {
    padding: 2rem 0;
  }
}
@media (max-width: 767px) {
  .page-404__head {
    padding: 2.1333333333rem 0;
  }
}
.page-404__head .h1 {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .page-404__head .h1 {
    font-size: 1.9333333333rem;
  }
}
.page-404__head__text {
  max-width: 596px;
  padding: 23px 0 21px 0;
}
@media (max-width: 2559px) {
  .page-404__head__text {
    padding: 23px 0 21px 0;
    max-width: 443px;
  }
}
@media (max-width: 1919px) {
  .page-404__head__text {
    padding: 16px 0 5px 0;
    max-width: 393px;
  }
}
@media (max-width: 1279px) {
  .page-404__head__text {
    max-width: 50%;
  }
}
@media (max-width: 767px) {
  .page-404__head__text {
    padding: 21px 0 6px 0;
    max-width: 100%;
  }
}
.page-404__body {
  width: 100%;
  flex: 1 0 0%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 3;
}
.page-404__line {
  font-weight: 500;
  font-size: 26rem;
  line-height: 1;
  text-transform: uppercase;
  color: #FFF;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: -1;
}
@media (max-width: 2559px) {
  .page-404__line {
    font-size: 20.0555555556rem;
  }
}
@media (max-width: 1919px) {
  .page-404__line {
    font-size: 12.75rem;
  }
}
@media (max-width: 1279px) {
  .page-404__line {
    font-size: 15.4375rem;
  }
}
@media (max-width: 1023px) {
  .page-404__line {
    position: absolute;
    width: 400px;
    height: 400px;
    right: -512px;
    top: 50%;
    transform: translateX(-50%) rotate(-90deg);
    font-size: 11.75rem;
    transform-origin: 0% 50%;
  }
}
@media (max-width: 767px) {
  .page-404__line {
    font-size: 9.0666666667rem;
    right: -537px;
  }
}
.page-404__line__item {
  position: relative;
  padding: 0 174px;
}
@media (max-width: 2559px) {
  .page-404__line__item {
    padding: 0 162px;
  }
}
@media (max-width: 1919px) {
  .page-404__line__item {
    padding: 0 150px;
  }
}
@media (max-width: 1279px) {
  .page-404__line__item {
    padding: 0 92px;
  }
}
@media (max-width: 1023px) {
  .page-404__line__item {
    padding: 0 80px;
  }
}
@media (max-width: 767px) {
  .page-404__line__item {
    padding: 0 56px;
  }
}
.page-404__number {
  display: block;
  position: relative;
}
.page-404__numbershadow {
  position: absolute;
  top: 50%;
  color: #2B2C30;
  transform: translateY(-50%);
  z-index: -2;
}
.page-404__numbershadow.nleft {
  left: 100%;
}
.page-404__numbershadow.nright {
  right: 100%;
}
.page-404__point {
  width: 28px;
  height: 28px;
  position: absolute;
  top: 50%;
}
@media (max-width: 2559px) {
  .page-404__point {
    width: 20px;
    height: 20px;
  }
}
@media (max-width: 1919px) {
  .page-404__point {
    width: 12px;
    height: 12px;
  }
}
.page-404__point::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: rotate(45deg);
}
.page-404__point.page-404__point-green {
  left: 0;
  margin-left: 87px;
}
@media (max-width: 2559px) {
  .page-404__point.page-404__point-green {
    margin-left: 81px;
  }
}
@media (max-width: 1919px) {
  .page-404__point.page-404__point-green {
    margin-left: 75px;
  }
}
@media (max-width: 1279px) {
  .page-404__point.page-404__point-green {
    margin-left: 46px;
  }
}
@media (max-width: 1023px) {
  .page-404__point.page-404__point-green {
    margin-left: 40px;
  }
}
@media (max-width: 767px) {
  .page-404__point.page-404__point-green {
    margin-left: 28px;
  }
}
.page-404__point.page-404__point-green::after {
  background-color: #5FF900;
  box-shadow: 0px 0px 55.4px 0px #5FF900;
  box-shadow: 0px 0px 36.4px 0px #5FF900;
  box-shadow: 0px 0px 16.5px 0px #5FF900;
}
.page-404__point.page-404__point-pink {
  right: 0;
  margin-right: 87px;
}
@media (max-width: 2559px) {
  .page-404__point.page-404__point-pink {
    margin-right: 81px;
  }
}
@media (max-width: 1919px) {
  .page-404__point.page-404__point-pink {
    margin-right: 75px;
  }
}
@media (max-width: 1279px) {
  .page-404__point.page-404__point-pink {
    margin-right: 46px;
  }
}
@media (max-width: 1023px) {
  .page-404__point.page-404__point-pink {
    margin-right: 40px;
  }
}
@media (max-width: 767px) {
  .page-404__point.page-404__point-pink {
    margin-right: 28px;
  }
}
.page-404__point.page-404__point-pink::after {
  background-color: #9500F9;
  box-shadow: 0px 0px 55.4px 0px #9500F9;
  box-shadow: 0px 0px 36.4px 0px #9500F9;
  box-shadow: 0px 0px 16.5px 0px #9500F9;
}
.page-404__foot {
  width: 100%;
  text-align: center;
  padding: 4rem 0;
  z-index: 4;
}
@media (max-width: 2559px) {
  .page-404__foot {
    padding: 3.8888888889rem 0;
  }
}
@media (max-width: 1919px) {
  .page-404__foot {
    padding: 2rem 0;
  }
}
@media (max-width: 1279px) {
  .page-404__foot {
    padding: 3rem 0;
  }
}
@media (max-width: 1023px) {
  .page-404__foot {
    padding: 2rem 0;
  }
}
@media (max-width: 767px) {
  .page-404__foot {
    padding: 2.1333333333rem 0;
  }
}

.beautpicture {
  height: 120vh;
  min-height: 1440px;
  position: relative;
  display: flex;
  overflow: hidden;
}
@media (max-width: 2559px) {
  .beautpicture {
    min-height: 1279px;
  }
}
@media (max-width: 1919px) {
  .beautpicture {
    min-height: 830px;
  }
}
@media (max-width: 1279px) {
  .beautpicture {
    min-height: 768px;
  }
}
@media (max-width: 1023px) {
  .beautpicture {
    min-height: 1024px;
  }
}
@media (max-width: 767px) {
  .beautpicture {
    height: 640px;
    min-height: 640px;
  }
}
.beautpicture picture {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.beautpicture picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.beautpicture__logo {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.beautpicture__logo__body {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  padding-top: 23%;
  display: flex;
  justify-content: center;
}
.beautpicture__logo svg {
  max-width: 100%;
}

.certificates {
  position: relative;
}
.certificates__filter {
  position: relative;
  margin-bottom: 1.2rem;
  z-index: 5;
}
@media (max-width: 2559px) {
  .certificates__filter {
    margin-top: 2.5rem;
    margin-bottom: 1.6111111111rem;
  }
}
@media (max-width: 1919px) {
  .certificates__filter {
    margin-top: 2.8125rem;
    margin-bottom: 1.5rem;
  }
}
@media (max-width: 767px) {
  .certificates__filter {
    margin-top: 2.1333333333rem;
    margin-bottom: 1rem;
  }
}
.certificates__filter__select {
  width: 12.2rem;
  position: relative;
  z-index: 5;
}
@media (max-width: 2559px) {
  .certificates__filter__select {
    width: 13.5555555556rem;
  }
}
@media (max-width: 1919px) {
  .certificates__filter__select {
    width: 15.25rem;
  }
}
@media (max-width: 767px) {
  .certificates__filter__select {
    width: 100%;
  }
}
.certificates__filter__row {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: -0.5rem -1.25rem;
}
@media (max-width: 2559px) {
  .certificates__filter__row {
    margin: -0.5555555556rem -1.3888888889rem;
  }
}
@media (max-width: 1919px) {
  .certificates__filter__row {
    margin: -0.625rem -1.5625rem;
  }
}
@media (max-width: 1279px) {
  .certificates__filter__row {
    justify-content: space-between;
  }
}
@media (max-width: 767px) {
  .certificates__filter__row {
    flex-direction: column;
    margin: -1rem -1.6666666667rem;
  }
}
.certificates__filter__item {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
  padding: 0.5rem 1.25rem;
}
@media (max-width: 2559px) {
  .certificates__filter__item {
    padding: 0.5555555556rem 1.3888888889rem;
  }
}
@media (max-width: 1919px) {
  .certificates__filter__item {
    padding: 0.625rem 1.5625rem;
  }
}
@media (max-width: 767px) {
  .certificates__filter__item {
    width: 100%;
    padding: 1rem 1.6666666667rem;
  }
}
.certificates__filter__item.certificates__filter__item__right {
  margin-left: auto;
}
.certificates__list {
  position: relative;
}
.certificates__list__item {
  border-bottom: 1px solid #2F2F30;
  padding: 2rem 1.2rem;
  min-height: 4.8rem;
  position: relative;
  display: flex;
  align-items: center;
}
@media (max-width: 2559px) {
  .certificates__list__item {
    padding: 1.7222222222rem 0.8888888889rem 1.7222222222rem;
    min-height: 5.3333333333rem;
  }
}
@media (max-width: 1919px) {
  .certificates__list__item {
    padding: 1.5625rem 1rem 1.5625rem;
    min-height: 6rem;
  }
}
@media (max-width: 1279px) {
  .certificates__list__item {
    padding: 2rem 0.75rem 1.9375rem;
  }
}
@media (max-width: 1023px) {
  .certificates__list__item {
    padding: 1.625rem 0.5rem 1.5625rem;
    min-height: 6.0625rem;
  }
}
@media (max-width: 767px) {
  .certificates__list__item {
    padding: 1.4666666667rem 0.4rem 1.4666666667rem;
    min-height: auto;
  }
}
.certificates__list__item:hover .mbtn__outline {
  color: #FFF;
}
.certificates__list__item:hover .mbtn__outline::before {
  border-color: #FFF;
}
.certificates__list__item:hover .mbtn__outline:hover, .certificates__list__item:hover .mbtn__outline:focus {
  color: #FFF;
}
.certificates__list__item:hover .mbtn__outline:hover::after, .certificates__list__item:hover .mbtn__outline:focus::after {
  width: 100%;
}
.certificates__list__item:hover .mbtn__outline:hover::before, .certificates__list__item:hover .mbtn__outline:focus::before {
  border-color: #FFF;
}
.certificates__list__item:hover .certificates__list__title {
  color: #FFF;
  text-decoration: underline;
}
.certificates__list__item:hover .certificates__list__title:hover, .certificates__list__item:hover .certificates__list__title:focus {
  color: #FFF;
  text-decoration: underline;
}
.certificates__list__item:hover::after {
  width: 100%;
}
.certificates__list__item::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  bottom: 0;
  z-index: 1;
  transition: all 0.3s ease-in;
  background-color: #00A1F9;
}
.certificates__list__rows {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: -1.5rem;
  position: relative;
  z-index: 2;
}
@media (max-width: 2559px) {
  .certificates__list__rows {
    margin: -1.6666666667rem;
  }
}
@media (max-width: 1919px) {
  .certificates__list__rows {
    margin: -1.875rem;
  }
}
@media (max-width: 1279px) {
  .certificates__list__rows {
    margin: -1.25rem;
  }
}
@media (max-width: 767px) {
  .certificates__list__rows {
    flex-wrap: wrap;
    margin: -1.0666666667rem -1.0666666667rem;
  }
}
.certificates__list__body {
  width: 100%;
  max-width: 100%;
  flex: 1 0 0%;
  padding: 1.5rem;
}
@media (max-width: 2559px) {
  .certificates__list__body {
    padding: 1.6666666667rem;
  }
}
@media (max-width: 1919px) {
  .certificates__list__body {
    padding: 1.875rem;
  }
}
@media (max-width: 1279px) {
  .certificates__list__body {
    padding: 1.25rem;
  }
}
@media (max-width: 767px) {
  .certificates__list__body {
    padding: 1.0666666667rem 1.0666666667rem;
  }
}
.certificates__list__navs {
  max-width: 100%;
  flex: 0 0 auto;
  width: auto;
  padding: 1.5rem;
}
@media (max-width: 2559px) {
  .certificates__list__navs {
    padding: 1.6666666667rem;
  }
}
@media (max-width: 1279px) {
  .certificates__list__navs {
    padding: 1.25rem;
  }
}
@media (max-width: 767px) {
  .certificates__list__navs {
    width: 100%;
    padding: 1.0666666667rem;
  }
}
.certificates__list__navs__rows {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin: -1.5rem;
}
@media (max-width: 2559px) {
  .certificates__list__navs__rows {
    margin: -1.6666666667rem;
  }
}
@media (max-width: 1919px) {
  .certificates__list__navs__rows {
    margin: -1.875rem;
  }
}
@media (max-width: 1023px) {
  .certificates__list__navs__rows {
    margin: -1.25rem;
  }
}
@media (max-width: 767px) {
  .certificates__list__navs__rows {
    justify-content: space-between;
  }
}
.certificates__list__navs__rows__item {
  padding: 1.5rem;
}
@media (max-width: 2559px) {
  .certificates__list__navs__rows__item {
    padding: 1.6666666667rem;
  }
}
@media (max-width: 1919px) {
  .certificates__list__navs__rows__item {
    padding: 1.875rem;
  }
}
@media (max-width: 1023px) {
  .certificates__list__navs__rows__item {
    padding: 1.25rem;
  }
}
.certificates__list__title {
  display: inline-block;
  color: #5B5D66;
}

.slprojects {
  position: relative;
  padding-bottom: 2.25rem;
}
@media (max-width: 2559px) {
  .slprojects {
    margin-bottom: 0.6666666667rem;
  }
}
@media (max-width: 1919px) {
  .slprojects {
    margin-bottom: 2.0625rem;
  }
}
@media (max-width: 1023px) {
  .slprojects {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .slprojects {
    padding-bottom: 1.2rem;
  }
}
.slprojects__wrapper {
  position: relative;
}
.slprojects__item {
  width: 1000px;
}
@media (max-width: 2559px) {
  .slprojects__item {
    width: 766px;
  }
}
@media (max-width: 1279px) {
  .slprojects__item {
    width: 550px;
  }
}
@media (max-width: 767px) {
  .slprojects__item {
    width: 317px;
  }
}
.slprojects__item.slprojects__item__active .slprojects__card__title,
.slprojects__item.slprojects__item__active .slprojects__card__des {
  color: #FFF;
}
.slprojects__item.slprojects__item__active .slprojects__card__img {
  background-color: transparent;
  filter: saturate(1);
}
.slprojects__card {
  position: relative;
  height: 572px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 0.6rem 1.25rem 0.95rem 1.25rem;
  overflow: hidden;
}
@media (max-width: 767px) {
  .slprojects__card {
    padding: 12px 16px;
    padding: 0.6666666667rem 1.3888888889rem 1.0555555556rem 1.3888888889rem;
  }
}
@media (max-width: 2559px) {
  .slprojects__card {
    height: 438px;
    padding: 1.125rem 1.5625rem 1.1875rem 1.5625rem;
  }
}
@media (max-width: 1279px) {
  .slprojects__card {
    height: 350px;
  }
}
@media (max-width: 1023px) {
  .slprojects__card {
    height: 350px;
    padding: 1.0625rem 1.5625rem 1.1875rem 1.5625rem;
  }
}
@media (max-width: 767px) {
  .slprojects__card {
    height: 201px;
    padding: 0.8rem 1.6666666667rem 0.8666666667rem 1rem;
  }
}
.slprojects__card:hover .slprojects__card__title,
.slprojects__card:hover .slprojects__card__des {
  color: #FFF;
}
.slprojects__card:hover .slprojects__card__img .slprojects__card__img__shadowtop,
.slprojects__card:hover .slprojects__card__img .slprojects__card__img__shadowbottom {
  height: 38%;
}
.slprojects__card__link {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
}
.slprojects__card__corner {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 275px;
  height: 282px;
  background-image: url("./../img/corner.svg");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  mix-blend-mode: color;
  background-blend-mode: multiply;
  z-index: 1;
}
@media (max-width: 2559px) {
  .slprojects__card__corner {
    width: 201px;
    height: 206px;
  }
}
@media (max-width: 767px) {
  .slprojects__card__corner {
    width: 117px;
    height: 120px;
  }
}
.slprojects__card__img {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  mix-blend-mode: color;
  background-blend-mode: multiply;
  background-color: #40434D;
  filter: saturate(0);
  transition: all 0.3s ease;
}
.slprojects__card__img__shadowtop {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 23%;
  background: linear-gradient(180deg, rgba(27, 28, 31, 0.8) 0%, rgba(27, 28, 31, 0) 100%);
  transition: all 0.3s;
  z-index: 3;
}
.slprojects__card__img__shadowbottom {
  position: absolute;
  left: 0;
  height: 23%;
  right: 0;
  bottom: 0;
  background: linear-gradient(0deg, rgba(27, 28, 31, 0.8) 0%, rgba(27, 28, 31, 0) 100%);
  transition: all 0.3s;
  z-index: 2;
}
.slprojects__card__header {
  position: relative;
  width: 100%;
  z-index: 2;
  padding-bottom: 20px;
}
.slprojects__card__footer {
  width: 100%;
  position: relative;
  z-index: 2;
}
.slprojects__card__title {
  color: rgba(255, 255, 255, 0.5);
  transition: all 0.3s ease;
  font-size: 1.55rem;
  line-height: 1.5;
  text-transform: uppercase;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* line-clamp: 2; */
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media (max-width: 2559px) {
  .slprojects__card__title {
    font-size: 1.5rem;
    line-height: 1.4;
  }
}
@media (max-width: 1919px) {
  .slprojects__card__title {
    font-size: 1.375rem;
  }
}
@media (max-width: 767px) {
  .slprojects__card__title {
    font-size: 1.2666666667rem;
  }
}
.slprojects__card__date {
  color: rgba(255, 255, 255, 0.5);
  font-size: 0.8rem;
}
@media (max-width: 2559px) {
  .slprojects__card__date {
    font-size: 0.8333333333rem;
  }
}
@media (max-width: 1919px) {
  .slprojects__card__date {
    font-size: 0.875rem;
    line-height: 1.4;
  }
}
@media (max-width: 767px) {
  .slprojects__card__date {
    font-size: 0.8666666667rem;
    line-height: 1.3;
    margin-top: 6px;
  }
}
.slprojects__card__des {
  color: rgba(255, 255, 255, 0.5);
  transition: all 0.3s ease;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  /* line-clamp: 4; */
  -webkit-box-orient: vertical;
  max-width: 80%;
}
@media (max-width: 767px) {
  .slprojects__card__des {
    max-width: 100%;
  }
}
.slprojects__nav {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -0.9rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 -9rem;
  z-index: 2;
}
@media (max-width: 2559px) {
  .slprojects__nav {
    margin: 0 -7.3888888889rem;
    bottom: -2.3333333333rem;
  }
}
@media (max-width: 1919px) {
  .slprojects__nav {
    margin: 0 -3rem;
    bottom: -2.8125rem;
  }
}
@media (max-width: 1279px) {
  .slprojects__nav {
    margin: 0 -2.6875rem;
  }
}
@media (max-width: 1023px) {
  .slprojects__nav {
    margin: 0 -0.5rem;
    bottom: -2.8125rem;
  }
}
@media (max-width: 767px) {
  .slprojects__nav {
    left: 16px;
    right: 16px;
    bottom: -0.4rem;
  }
}
.slprojects__nav__item {
  padding: 0 180px;
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}
@media (max-width: 2559px) {
  .slprojects__nav__item {
    padding: 0 7.3888888889rem;
  }
}
@media (max-width: 1919px) {
  .slprojects__nav__item {
    padding: 0 3rem;
  }
}
@media (max-width: 1279px) {
  .slprojects__nav__item {
    padding: 0 2.6875rem;
  }
}
@media (max-width: 1023px) {
  .slprojects__nav__item {
    padding: 0 0.5rem;
  }
}
@media (max-width: 767px) {
  .slprojects__nav__item {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .slprojects__nav__item.slprojects__nav__hidemobile {
    display: none;
  }
}
.slprojects__arrow {
  width: 80px;
  height: 80px;
  color: #FFF;
  position: relative;
  cursor: pointer;
}
@media (hover: hover) {
  .slprojects__arrow:hover i {
    width: 70px;
  }
  .slprojects__arrow:hover i::after {
    background-color: #00A1F9;
  }
  .slprojects__arrow:hover i svg {
    color: #00A1F9;
  }
}
@media (hover: none) {
  .slprojects__arrow:active i {
    width: 70px;
  }
  .slprojects__arrow:active i::after {
    background-color: #00A1F9;
  }
  .slprojects__arrow:active i svg {
    color: #00A1F9;
  }
}
.slprojects__arrow i {
  display: block;
  position: absolute;
  width: 54px;
  height: 18px;
  top: 50%;
  transform: translateY(-50%);
  transition: width 0.3s;
}
.slprojects__arrow i svg {
  position: absolute;
  display: block;
  top: 0;
  height: 18px;
  stroke: currentColor;
  transition: color 0.3s;
}
.slprojects__arrow i::after {
  content: "";
  position: absolute;
  top: 50%;
  height: 2px;
  transform: translateY(-50%);
  border-radius: 1px;
  background-color: #FFF;
  transition: background-color 0.3s;
}
.slprojects__arrow.slprojects__arrow__prev i {
  right: 13px;
}
.slprojects__arrow.slprojects__arrow__prev i svg {
  left: 0;
  transform: rotate(180deg);
}
.slprojects__arrow.slprojects__arrow__prev i::after {
  left: 2px;
  right: 0;
}
.slprojects__arrow.slprojects__arrow__next i {
  left: 13px;
}
.slprojects__arrow.slprojects__arrow__next i svg {
  right: 0;
}
.slprojects__arrow.slprojects__arrow__next i::after {
  right: 2px;
  left: 0;
}
.slprojects__progress {
  width: 1000px;
  height: 4px;
  position: relative;
}
@media (max-width: 2559px) {
  .slprojects__progress {
    width: 766px;
  }
}
@media (max-width: 1279px) {
  .slprojects__progress {
    width: 550px;
  }
}
@media (max-width: 767px) {
  .slprojects__progress {
    padding-left: 16px;
    padding-right: 16px;
    width: 100%;
  }
}
.slprojects__progress .swiper-pagination-progressbar {
  background-color: #363738;
  border-radius: 0;
}
.slprojects__progress .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background-color: #00A1F9;
}

.news {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
}
.news__filter {
  position: relative;
  margin-bottom: 1.2rem;
  z-index: 5;
}
@media (max-width: 2559px) {
  .news__filter {
    margin-top: 2.5rem;
    margin-bottom: 1.6111111111rem;
  }
}
@media (max-width: 1919px) {
  .news__filter {
    margin-top: 2.8125rem;
    margin-bottom: 1.5rem;
  }
}
@media (max-width: 767px) {
  .news__filter {
    margin-top: 2.1333333333rem;
    margin-bottom: 1rem;
  }
}
.news__filter__select {
  width: 12.2rem;
  position: relative;
  z-index: 5;
}
@media (max-width: 2559px) {
  .news__filter__select {
    width: 13.5555555556rem;
  }
}
@media (max-width: 1919px) {
  .news__filter__select {
    width: 15.25rem;
  }
}
@media (max-width: 767px) {
  .news__filter__select {
    width: 100%;
  }
}
.news__filter__row {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: -0.5rem -1.25rem;
}
@media (max-width: 2559px) {
  .news__filter__row {
    margin: -0.5555555556rem -1.3888888889rem;
  }
}
@media (max-width: 1919px) {
  .news__filter__row {
    margin: -0.625rem -1.5625rem;
  }
}
@media (max-width: 1279px) {
  .news__filter__row {
    justify-content: space-between;
  }
}
@media (max-width: 767px) {
  .news__filter__row {
    flex-direction: column;
    margin: -1rem -1.6666666667rem;
    padding-bottom: 1.0666666667rem;
  }
}
.news__filter__item {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
  padding: 0.5rem 1.25rem;
}
@media (max-width: 2559px) {
  .news__filter__item {
    padding: 0.5555555556rem 1.3888888889rem;
  }
}
@media (max-width: 1919px) {
  .news__filter__item {
    padding: 0.625rem 1.5625rem;
  }
}
@media (max-width: 767px) {
  .news__filter__item {
    width: 100%;
    padding: 1rem 1.6666666667rem;
  }
}
.news__filter__item.news__filter__item__right {
  margin-left: auto;
  width: auto;
  align-self: flex-end;
}
.news__item {
  border: 1px solid #2F2F30;
  border-left: none;
  flex: 0 0 auto;
  width: 25%;
  max-width: 100%;
}
@media (min-width: 768px) {
  .news__item:nth-child(2n+1) {
    border-left: 1px solid #2F2F30;
  }
}
@media (min-width: 1024px) {
  .news__item:nth-child(2n+1) {
    border-left: none;
  }
  .news__item:nth-child(4n+1) {
    border-left: 1px solid #2F2F30;
  }
}
@media (max-width: 1279px) {
  .news__item {
    width: 50%;
    border-top: none;
  }
  .news__item:nth-child(3) {
    border-left: 1px solid #2F2F30;
  }
  .news__item:nth-child(1), .news__item:nth-child(2) {
    border-top: 1px solid #2F2F30;
  }
}
@media (max-width: 767px) {
  .news__item {
    width: 100%;
    border-top: 1px solid #2F2F30;
    border-left: 1px solid #2F2F30;
    border-bottom: none;
  }
  .news__item:last-child {
    border-bottom: 1px solid #2F2F30;
  }
}
.news__card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0.75rem 1.6rem 0.9rem;
  min-height: 17.45rem;
  position: relative;
  overflow: hidden;
}
@media (max-width: 2559px) {
  .news__card {
    min-height: 19.3888888889rem;
    padding: 0.9444444444rem 1.7777777778rem 1rem;
  }
}
@media (max-width: 1919px) {
  .news__card {
    min-height: 14.5rem;
    padding: 0.75rem 1.3125rem 0.9375rem;
  }
}
@media (max-width: 767px) {
  .news__card {
    min-height: 11.4rem;
    padding: 1rem 1.1333333333rem 1.6666666667rem;
    justify-content: flex-start;
  }
}
.news__card::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-image: url("../img/corner-dark.svg");
  background-repeat: no-repeat;
  background-position: 100% 100%;
  background-size: auto 100%;
  opacity: 0;
  transform: translateY(50px);
  transition: all 0.3s;
  z-index: 1;
}
@media (max-width: 767px) {
  .news__card::after {
    display: none;
  }
}
.news__card span {
  display: block;
  width: 100%;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  /* line-clamp: 3; */
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 1.25rem;
  line-height: 1.5;
  text-transform: uppercase;
  color: #FFF;
  position: relative;
  text-decoration: underline;
  -webkit-tap-highlight-color: transparent;
  text-decoration-thickness: 1px;
  text-decoration-color: transparent;
  text-underline-position: auto;
  text-underline-offset: 0.125em;
  transition: all 0.3s;
  z-index: 2;
}
@media (max-width: 2559px) {
  .news__card span {
    font-size: 1.2222222222rem;
  }
}
@media (max-width: 1919px) {
  .news__card span {
    font-size: 1.1875rem;
  }
}
@media (max-width: 767px) {
  .news__card span {
    font-size: 1.1333333333rem;
  }
}
.news__card i {
  font-style: normal;
  color: #5B5D66;
  position: relative;
  transition: all 0.3s;
  z-index: 2;
}
.news__card b {
  position: absolute;
  right: 32px;
  bottom: 25px;
  width: 152px;
  height: 152px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 4;
  transition: all ease 0.3s;
}
@media (max-width: 2559px) {
  .news__card b {
    width: 152px;
    height: 152px;
  }
}
@media (max-width: 1919px) {
  .news__card b {
    width: 80px;
    height: 80px;
    right: 22px;
    bottom: 20px;
  }
}
@media (max-width: 767px) {
  .news__card b {
    position: relative;
    right: auto;
    bottom: auto;
    margin: 10px 0;
  }
}
.news__card b img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
  z-index: 2;
}
@media (hover: hover) {
  .news__card:hover {
    background-color: #00A1F9;
  }
  .news__card:hover::after {
    transform: translateY(0);
    opacity: 1;
  }
  .news__card:hover span {
    text-decoration-color: #FFF;
  }
  .news__card:hover i {
    color: #FFF;
  }
  .news__card:hover b {
    transform: translateY(-16px);
  }
}
@media (hover: hover) and (max-width: 1023px) {
  .news__card:hover b {
    transform: none;
  }
}
@media (hover: none) and (pointer: coarse) {
  .news__card:hover {
    background-color: #00A1F9;
  }
  .news__card:hover::after {
    transform: translateY(0);
    opacity: 1;
  }
  .news__card:hover span {
    text-decoration-color: #FFF;
  }
  .news__card:hover i {
    color: #FFF;
  }
  .news__card:hover b {
    transform: translateY(-16px);
  }
}
@media (hover: none) and (pointer: coarse) and (max-width: 1023px) {
  .news__card:hover b {
    transform: none;
  }
}

.articlenews {
  position: relative;
}
.articlenews__row {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin: 0 -0.4rem;
}
.articlenews__row > div {
  padding: 0 0.4rem;
}
.articlenews__aside-left {
  flex: 0 0 auto;
  width: 25%;
  max-width: 100%;
}
@media (max-width: 1279px) {
  .articlenews__aside-left {
    display: none;
  }
}
.articlenews__aside-right {
  flex: 0 0 auto;
  width: 25%;
  max-width: 100%;
}
@media (max-width: 1279px) {
  .articlenews__aside-right {
    display: none;
  }
}
.articlenews__content {
  flex: 0 0 auto;
  width: 50%;
  max-width: 100%;
}
@media (max-width: 1279px) {
  .articlenews__content {
    width: 100%;
  }
}
.articlenews__pin__body {
  transition: all ease 0.3s;
}
.articlenews__pin__item {
  padding-top: 32px;
}
.articlenews__pin__item:first-child {
  padding-top: 0;
}
.articlenews__pin__btnnav {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-weight: 500;
  font-size: 0.8rem;
  line-height: 1;
  text-transform: uppercase;
}
@media (max-width: 2559px) {
  .articlenews__pin__btnnav {
    font-size: 0.8333333333rem;
  }
}
@media (max-width: 1919px) {
  .articlenews__pin__btnnav {
    font-size: 0.875rem;
  }
}
@media (max-width: 767px) {
  .articlenews__pin__btnnav {
    font-size: 0.8666666667rem;
  }
}
.articlenews__pin__btnnav.prev i {
  margin-right: 16px;
}
@media (max-width: 767px) {
  .articlenews__pin__btnnav.prev i {
    margin-right: 8px;
  }
}
.articlenews__pin__btnnav.next {
  justify-content: flex-end;
  text-align: right;
}
.articlenews__pin__btnnav.next i {
  margin-left: 16px;
}
@media (max-width: 767px) {
  .articlenews__pin__btnnav.next i {
    margin-left: 8px;
  }
}
.articlenews__pin__btnnav i {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  flex: 0 0 auto;
  max-width: 100%;
  color: #1B1C1F;
  background-color: rgba(255, 255, 255, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all ease 0.3s;
}
.articlenews__pin__btnnav i svg {
  max-width: 14px;
  max-height: 14px;
  fill: currentColor;
}
.articlenews__pin__btnnav span {
  flex: 1 0 0%;
  width: 100%;
  max-width: 100%;
}
.articlenews__pin__btnnav span b {
  font-weight: normal;
}
@media (max-width: 767px) {
  .articlenews__pin__btnnav span b {
    display: none;
  }
}
@media (hover: hover) {
  .articlenews__pin__btnnav:hover {
    color: #FFF;
  }
  .articlenews__pin__btnnav:hover i {
    background-color: #FFF;
  }
}
@media (hover: none) and (pointer: coarse) {
  .articlenews__pin__btnnav:hover {
    color: #FFF;
  }
  .articlenews__pin__btnnav:hover i {
    background-color: #FFF;
  }
}
.articlenews__nav {
  display: none;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  margin: -0.5rem;
  padding-bottom: 1.5rem;
}
@media (max-width: 1279px) {
  .articlenews__nav {
    display: flex;
  }
  .articlenews__nav.articlenews__nav__hidemobilde {
    display: none;
  }
}
@media (max-width: 767px) {
  .articlenews__nav {
    margin: -0.5333333333rem;
    padding-bottom: 1.6rem;
  }
}
.articlenews__nav:last-child {
  padding-bottom: 0;
  padding-top: 3rem;
}
@media (max-width: 767px) {
  .articlenews__nav:last-child {
    padding-top: 3.2rem;
  }
}
.articlenews__nav__item {
  flex: 0 0 auto;
  max-width: 100%;
  padding: 0.5rem;
}
@media (max-width: 767px) {
  .articlenews__nav__item {
    padding: 0.5333333333rem;
  }
}
.articlenews__nav__item.articlenews__nav__w50 {
  width: 50%;
}
.articlenews__nav__item.articlenews__nav__w100 {
  width: 100%;
}
.articlenews__nav .mbtn {
  width: 100%;
  justify-content: center;
}

.faq {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  margin: -0.4rem;
}
@media (max-width: 2559px) {
  .faq {
    margin: -0.4444444444rem;
  }
}
@media (max-width: 1919px) {
  .faq {
    margin: -0.5rem;
  }
}
@media (max-width: 767px) {
  .faq {
    margin: -0.5333333333rem;
  }
}
.faq__aside {
  flex: 0 0 auto;
  width: 25%;
  max-width: 100%;
  padding: 0.4rem;
}
@media (max-width: 2559px) {
  .faq__aside {
    padding: 0.4444444444rem;
    width: 33.33333333%;
  }
}
@media (max-width: 1919px) {
  .faq__aside {
    padding: 0.5rem;
    width: 41.66666667%;
  }
}
@media (max-width: 1279px) {
  .faq__aside {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .faq__aside {
    padding: 0.5333333333rem;
  }
}
.faq__body {
  flex: 1 0 0%;
  width: 100%;
  max-width: 100%;
  padding: 0.4rem;
}
@media (max-width: 2559px) {
  .faq__body {
    padding: 0.4444444444rem;
  }
}
@media (max-width: 1919px) {
  .faq__body {
    padding: 0.5rem;
  }
}
@media (max-width: 1279px) {
  .faq__body {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .faq__body {
    padding: 0.5333333333rem;
  }
}
.faq .h2 {
  max-width: 80%;
}
@media (max-width: 2559px) {
  .faq .h2 {
    max-width: 55%;
  }
}
@media (max-width: 1279px) {
  .faq .h2 {
    margin-bottom: 0;
  }
}
.faq__list {
  position: relative;
}
.faq__list__link {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
}
.faq__list.faq__list__links .faq__list__item:last-child {
  border: none;
}
.faq__list__item {
  border-bottom: 1px solid #2F2F30;
  padding: 2.25rem 1.75rem;
  position: relative;
}
@media (max-width: 2559px) {
  .faq__list__item {
    padding: 2.1111111111rem 2.1111111111rem 2.0555555556rem;
  }
}
@media (max-width: 1919px) {
  .faq__list__item {
    padding: 1.9375rem 2rem 1.9375rem;
  }
}
@media (max-width: 1279px) {
  .faq__list__item {
    padding: 1.9375rem 1rem 1.9375rem;
  }
}
@media (max-width: 767px) {
  .faq__list__item {
    padding: 1.2666666667rem 0.5333333333rem 1.1333333333rem;
    min-height: 6.6666666667rem;
  }
}
.faq__list__item.active .faq__card__title {
  color: #FFF;
}
.faq__list__item.active .faq__card__title__btn span {
  transform: rotate(45deg);
  color: #FFF;
}
.faq__list__item.active .faq__card__title__body {
  text-decoration: none;
}
.faq__list__item.active::before {
  width: 100%;
}
.faq__list__item:not(.faq__list__item__nohover)::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 0;
  background-color: #202124;
  transition: all 0.3s ease;
  z-index: -1;
}
.faq__list__item:not(.faq__list__item__nohover) .faq__card {
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  .faq__list__item:not(.faq__list__item__nohover):hover .faq__card__title {
    color: #FFF;
  }
  .faq__list__item:not(.faq__list__item__nohover):hover .faq__card__title span {
    color: #FFF;
    text-decoration-color: #FFF;
  }
  .faq__list__item:not(.faq__list__item__nohover):hover .faq__card__title__body {
    text-decoration: underline;
  }
  .faq__list__item:not(.faq__list__item__nohover):hover::before {
    width: 100%;
  }
}
.faq__card {
  position: relative;
}
.faq__card__title {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: -0.4rem;
  font-size: 1.25rem;
  text-transform: uppercase;
  color: #5B5D66;
  transition: all 0.3s ease;
}
@media (max-width: 2559px) {
  .faq__card__title {
    margin: -0.4444444444rem;
    font-size: 1.2222222222rem;
  }
}
@media (max-width: 1919px) {
  .faq__card__title {
    margin: -0.5rem;
    font-size: 1.1875rem;
  }
}
@media (max-width: 767px) {
  .faq__card__title {
    flex-wrap: wrap;
    margin: 0rem;
    font-size: 1.1333333333rem;
    line-height: 1.5;
  }
}
.faq__card__title span.hover {
  text-decoration: underline;
  -webkit-tap-highlight-color: transparent;
  text-decoration-thickness: 1px;
  text-decoration-color: transparent;
  text-underline-position: auto;
  text-underline-offset: 0.125em;
}
.faq__card__title__body {
  flex: 1 0 0%;
  width: 100%;
  max-width: 100%;
  padding: 0.4rem;
}
@media (max-width: 2559px) {
  .faq__card__title__body {
    padding: 0.4444444444rem;
  }
}
@media (max-width: 1919px) {
  .faq__card__title__body {
    padding: 0.5rem;
  }
}
@media (max-width: 767px) {
  .faq__card__title__body {
    padding: 0rem;
  }
}
.faq__card__title__number {
  flex: 0 0 auto;
  width: 6.6rem;
  max-width: 100%;
  padding: 0.4rem;
}
@media (max-width: 2559px) {
  .faq__card__title__number {
    width: 7.3333333333rem;
    padding: 0.4444444444rem;
  }
}
@media (max-width: 1919px) {
  .faq__card__title__number {
    width: 8.25rem;
    padding: 0.5rem;
  }
}
@media (max-width: 767px) {
  .faq__card__title__number {
    width: 100%;
    padding: 0rem;
  }
}
.faq__card__title__btn {
  flex: 0 0 auto;
  width: auto;
  padding: 0.4rem;
}
@media (max-width: 2559px) {
  .faq__card__title__btn {
    padding: 0.4444444444rem;
  }
}
@media (max-width: 1919px) {
  .faq__card__title__btn {
    padding: 0.5rem;
  }
}
@media (max-width: 767px) {
  .faq__card__title__btn {
    padding: 0.5333333333rem;
  }
}
.faq__card__title__btn span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.2rem;
  height: 1.2rem;
  color: #5B5D66;
  transition: all 0.3s ease;
}
@media (max-width: 2559px) {
  .faq__card__title__btn span {
    width: 1.3333333333rem;
    height: 1.3333333333rem;
  }
}
@media (max-width: 1919px) {
  .faq__card__title__btn span {
    width: 1.5rem;
    height: 1.5rem;
  }
}
@media (max-width: 767px) {
  .faq__card__title__btn span {
    width: 1.6rem;
    height: 1.6rem;
  }
}
.faq__card__title__btn svg {
  max-width: 100%;
  max-height: 100%;
  stroke: currentColor;
}
.faq__card__slide {
  padding-left: 6.55rem;
  max-width: 42.5rem;
  color: #989BA6;
  overflow: hidden;
  transition: all 0.3s ease;
  max-height: 0;
}
@media (max-width: 2559px) {
  .faq__card__slide {
    padding-left: 7.2777777778rem;
    max-width: 47.2222222222rem;
  }
}
@media (max-width: 1919px) {
  .faq__card__slide {
    padding-left: 8.1875rem;
    max-width: 53.125rem;
  }
}
@media (max-width: 1919px) {
  .faq__card__slide {
    padding-left: 8.1875rem;
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  .faq__card__slide {
    padding-left: 0;
  }
}
.faq__card__slide__content {
  padding-top: 1.85rem;
}
@media (max-width: 2559px) {
  .faq__card__slide__content {
    padding-top: 1.7777777778rem;
    line-height: 1.4;
  }
}
@media (max-width: 1919px) {
  .faq__card__slide__content {
    padding-top: 1.5625rem;
  }
}
@media (max-width: 767px) {
  .faq__card__slide__content {
    padding-top: 0.8rem;
  }
}
.faq__more {
  padding-top: 0.5rem;
  padding-left: 1.6rem;
}
@media (max-width: 2559px) {
  .faq__more {
    padding-top: 0.5555555556rem;
    padding-left: 1.7777777778rem;
  }
}
@media (max-width: 1919px) {
  .faq__more {
    padding-top: 0.625rem;
    padding-left: 2rem;
  }
}
@media (max-width: 1279px) {
  .faq__more {
    padding-top: 0.625rem;
    padding-left: 1rem;
  }
}
@media (max-width: 767px) {
  .faq__more {
    padding-top: 0.6666666667rem;
    padding-left: 0.5333333333rem;
  }
}
.faq__more a {
  display: inline-block;
  color: #00A1F9;
  text-decoration: underline;
  text-decoration-color: transparent;
}
@media (hover: hover) {
  .faq__more a:hover {
    color: #00A1F9;
    text-decoration-color: #00A1F9;
  }
}
@media (hover: none) and (pointer: coarse) {
  .faq__more a:hover {
    color: #00A1F9;
    text-decoration-color: #00A1F9;
  }
}

.mainvideo {
  position: relative;
  background-color: #1B1C1F;
  z-index: 5;
  height: 80rem;
}
@media (max-width: 2559px) {
  .mainvideo {
    height: 66.6666666667rem;
  }
}
@media (max-width: 1919px) {
  .mainvideo {
    height: 50rem;
  }
}
@media (max-width: 1279px) {
  .mainvideo {
    height: 40rem;
  }
}
@media (max-width: 1023px) {
  .mainvideo {
    height: 30rem;
  }
}
@media (max-width: 767px) {
  .mainvideo {
    height: 37.3333333333rem;
  }
}
.mainvideo__curtainleft {
  position: absolute;
  left: 0;
  top: -1px;
  bottom: -1px;
  width: 30%;
  background-color: #1B1C1F;
  z-index: 3;
}
@media (max-width: 1023px) {
  .mainvideo__curtainleft {
    display: none;
  }
}
.mainvideo__curtainright {
  position: absolute;
  right: 0;
  top: -1px;
  bottom: -1px;
  width: 30%;
  background-color: #1B1C1F;
  z-index: 3;
}
@media (max-width: 1023px) {
  .mainvideo__curtainright {
    display: none;
  }
}
.mainvideo.is-active .mainvideo__curtainleft,
.mainvideo.is-active .mainvideo__curtainright {
  width: 0;
}
.mainvideo__wrapper {
  position: relative;
  height: 80rem;
  overflow: hidden;
}
@media (max-width: 2559px) {
  .mainvideo__wrapper {
    height: 66.6666666667rem;
  }
}
@media (max-width: 1919px) {
  .mainvideo__wrapper {
    height: 50rem;
  }
}
@media (max-width: 1279px) {
  .mainvideo__wrapper {
    height: 40rem;
  }
}
@media (max-width: 1023px) {
  .mainvideo__wrapper {
    height: 30rem;
  }
}
@media (max-width: 767px) {
  .mainvideo__wrapper {
    height: 37.3333333333rem;
  }
}
.mainvideo__wrapper:hover video {
  filter: grayscale(0);
}
.mainvideo__link {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mainvideo__link span {
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  width: 7rem;
  height: 7rem;
}
@media (max-width: 2559px) {
  .mainvideo__link span {
    width: 7.7777777778rem;
    height: 7.7777777778rem;
  }
}
@media (max-width: 1919px) {
  .mainvideo__link span {
    width: 5.625rem;
    height: 5.625rem;
  }
}
@media (max-width: 1279px) {
  .mainvideo__link span {
    opacity: 1;
  }
}
@media (max-width: 767px) {
  .mainvideo__link span {
    width: 4.2666666667rem;
    height: 4.2666666667rem;
  }
}
.mainvideo__link span svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.mainvideo video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: grayscale(1);
  transition: all 0.5s;
  z-index: 1;
}
@media (max-width: 1279px) {
  .mainvideo video {
    filter: grayscale(0);
  }
}
.mainvideo video[poster] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.mainvideo__corner {
  position: absolute;
  height: 1000px;
  right: 0;
  bottom: 0;
  width: 100%;
  background-image: url("./../img/corner.svg");
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: contain;
  mix-blend-mode: color;
  z-index: 2;
}
@media (max-width: 2559px) {
  .mainvideo__corner {
    height: 750px;
  }
}
@media (max-width: 1919px) {
  .mainvideo__corner {
    height: 500px;
  }
}
@media (max-width: 1279px) {
  .mainvideo__corner {
    height: 395px;
  }
}
@media (max-width: 1023px) {
  .mainvideo__corner {
    height: 300px;
  }
}
@media (max-width: 767px) {
  .mainvideo__corner {
    height: 250px;
  }
}
.mainvideo__img {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.mf-cursor:before {
  display: none;
}

.mf-cursor.-pointer {
  width: 7rem;
  height: 7rem;
}
@media (max-width: 2559px) {
  .mf-cursor.-pointer {
    width: 7.7777777778rem;
    height: 7.7777777778rem;
  }
}
@media (max-width: 1919px) {
  .mf-cursor.-pointer {
    width: 5.625rem;
    height: 5.625rem;
  }
}
@media (max-width: 767px) {
  .mf-cursor.-pointer {
    width: 4.2666666667rem;
    height: 4.2666666667rem;
  }
}

.mf-cursor-text {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #00A1F9;
  width: 7rem;
  height: 7rem;
  background-color: #FFF;
  border-radius: 50%;
}
@media (max-width: 2559px) {
  .mf-cursor-text {
    width: 7.7777777778rem;
    height: 7.7777777778rem;
    top: -3.8888888889rem;
    left: -3.8888888889rem;
  }
}
@media (max-width: 1919px) {
  .mf-cursor-text {
    width: 5.625rem;
    height: 5.625rem;
    top: -2.8125rem;
    left: -2.8125rem;
  }
}
@media (max-width: 1279px) {
  .mf-cursor-text {
    opacity: 1;
  }
}
@media (max-width: 767px) {
  .mf-cursor-text {
    width: 4.2666666667rem;
    height: 4.2666666667rem;
    top: -2.1333333333rem;
    left: -2.1333333333rem;
  }
}

.mf-svgsprite.-trang {
  color: #00A1F9;
  width: 2.65rem;
  height: 2.65rem;
  margin-left: 7px;
  object-fit: contain;
}
@media (max-width: 2559px) {
  .mf-svgsprite.-trang {
    width: 2.9444444444rem;
    height: 2.9444444444rem;
  }
}
@media (max-width: 1919px) {
  .mf-svgsprite.-trang {
    width: 2.5rem;
    height: 2.5rem;
  }
}
@media (max-width: 767px) {
  .mf-svgsprite.-trang {
    width: 2rem;
    height: 2rem;
  }
}

.service {
  margin: 0;
  padding: 0;
  -moz-column-count: 2;
  -moz-column-gap: 32px;
  -webkit-column-count: 2;
  -webkit-column-gap: 32px;
  column-count: 2;
  column-gap: 32px;
}
@media (max-width: 1023px) {
  .service {
    -moz-column-gap: 16px;
    -webkit-column-gap: 16px;
    column-gap: 16px;
  }
}
@media (max-width: 767px) {
  .service {
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;
  }
}
.service li {
  position: relative;
  display: block;
}
.service a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  border-bottom: 1px solid #2F2F30;
  text-transform: uppercase;
  color: #5B5D66;
  position: relative;
  padding: 1.6rem 1.2rem 1.3rem;
  min-height: 4.4rem;
}
@media (max-width: 2559px) {
  .service a {
    padding: 1.9444444444rem 1.3333333333rem 1.5555555556rem;
    min-height: 4.8888888889rem;
  }
}
@media (max-width: 1919px) {
  .service a {
    padding: 2.1875rem 1.5rem 1.75rem;
    min-height: 5.5rem;
  }
}
@media (max-width: 1279px) {
  .service a {
    padding: 1.875rem 1rem 1.5625rem;
    min-height: 5rem;
  }
}
@media (max-width: 1023px) {
  .service a {
    padding: 1.625rem 0.5rem 1.375rem;
  }
}
@media (max-width: 767px) {
  .service a {
    padding: 1.8rem 0.5333333333rem 1.3333333333rem;
    line-height: 1.5;
    min-height: 5.3333333333rem;
  }
}
.service a:hover, .service a:focus {
  color: #FFF;
  text-decoration: none;
}
.service a:hover::after, .service a:focus::after {
  width: 100%;
}
.service a:hover i, .service a:focus i {
  color: #FFF;
}
.service a:hover i::after, .service a:focus i::after {
  background-color: #FFF;
  width: 2rem;
}
.service a::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 0;
  background-color: #00A1F9;
  transition: all 0.3s;
  z-index: 1;
}
.service a > span {
  width: 100%;
  max-width: 100%;
  flex: 1 0 0%;
  z-index: 2;
}
.service a i {
  display: block;
  position: relative;
  flex: 0 0 auto;
  width: 1.2rem;
  height: 1.2rem;
  max-width: 100%;
  margin-left: 1.6rem;
  color: #5B5D66;
  position: relative;
  z-index: 2;
}
@media (max-width: 2559px) {
  .service a i {
    width: 1.3333333333rem;
    height: 1.3333333333rem;
    margin-left: 1.7777777778rem;
  }
}
@media (max-width: 1919px) {
  .service a i {
    width: 1.5rem;
    height: 1.5rem;
    margin-left: 2rem;
  }
}
@media (max-width: 767px) {
  .service a i {
    width: 1.6rem;
    height: 1.6rem;
    margin-left: 2.1333333333rem;
  }
}
.service a i svg {
  position: absolute;
  right: 0.2rem;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s;
}
.service a i::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0.35rem;
  height: 0.1rem;
  width: 0.8rem;
  border-radius: 1px 0 0 1px;
  background-color: #5B5D66;
  transition: all 0.3s;
}
@media (max-width: 2559px) {
  .service a i::after {
    right: 0.3888888889rem;
    height: 0.1111111111rem;
    width: 0.8888888889rem;
  }
}
@media (max-width: 1919px) {
  .service a i::after {
    right: 0.4375rem;
    height: 0.125rem;
    width: 1rem;
  }
}
@media (max-width: 767px) {
  .service a i::after {
    right: 0.4666666667rem;
    height: 0.1333333333rem;
    width: 1.0666666667rem;
  }
}

.advantages {
  position: relative;
  height: 100vh;
  min-height: 50rem;
  display: flex;
  flex-direction: column;
  padding: 3.35rem 0 2.4rem;
  margin-bottom: 3.4rem;
}
@media (max-width: 2559px) {
  .advantages {
    min-height: 49.5555555556rem;
    padding: 3.3333333333rem 0 3.6111111111rem;
    margin-bottom: 2.5rem;
  }
}
@media (max-width: 1919px) {
  .advantages {
    height: 40.625rem;
    min-height: 40.625rem;
    padding: 3.75rem 0 1.1875rem;
    margin-bottom: 2.8125rem;
  }
}
@media (max-width: 1279px) {
  .advantages {
    height: auto;
    min-height: auto;
    padding: 3.75rem 0 0 0;
    margin-bottom: 2.5625rem;
  }
}
@media (max-width: 1023px) {
  .advantages {
    margin-bottom: 2.25rem;
  }
}
@media (max-width: 767px) {
  .advantages {
    padding: 4rem 0 0 0;
    margin-bottom: 1.6666666667rem;
  }
}
.advantages:hover .advantages__img__picture {
  filter: saturate(1);
}
.advantages .container-custom {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (max-width: 1279px) {
  .advantages .container-custom {
    justify-content: flex-start;
  }
}
.advantages__title {
  position: relative;
  max-width: 68rem;
  padding-left: 2.4rem;
  padding-right: 2.4rem;
}
@media (max-width: 2559px) {
  .advantages__title {
    max-width: 51.6666666667rem;
    padding-left: 0.7777777778rem;
    padding-right: 0.7777777778rem;
  }
}
@media (max-width: 1919px) {
  .advantages__title {
    max-width: 42.5rem;
    padding-left: 0.875rem;
    padding-right: 0.875rem;
  }
}
@media (max-width: 1279px) {
  .advantages__title {
    max-width: 40rem;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 17.8125rem;
  }
}
@media (max-width: 1023px) {
  .advantages__title {
    max-width: 48rem;
    max-width: 100%;
    margin-bottom: 17.6875rem;
  }
}
@media (max-width: 767px) {
  .advantages__title {
    max-width: 21.6rem;
    margin-bottom: 15.2rem;
  }
}
.advantages__body {
  padding-top: 4rem;
  padding-left: 2.4rem;
  padding-right: 2.4rem;
}
@media (max-width: 2559px) {
  .advantages__body {
    padding-left: 0.7777777778rem;
    padding-right: 0.7777777778rem;
  }
}
@media (max-width: 1919px) {
  .advantages__body {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (max-width: 1279px) {
  .advantages__body {
    padding-left: 0;
    padding-right: 0;
  }
}
.advantages__img {
  position: absolute;
  left: 3.05rem;
  top: 4.9rem;
  right: 3.05rem;
  bottom: 2.6rem;
  background-color: #40434D;
  z-index: -1;
}
@media (max-width: 2559px) {
  .advantages__img {
    left: 1.6666666667rem;
    top: 4.8888888889rem;
    right: 1.6666666667rem;
    bottom: 5.3333333333rem;
  }
}
@media (max-width: 1919px) {
  .advantages__img {
    left: 1.875rem;
    top: 4.875rem;
    right: 1.875rem;
    bottom: 6rem;
  }
}
@media (max-width: 1279px) {
  .advantages__img {
    left: 0;
    right: 0;
    top: 5rem;
    bottom: auto;
    height: 558px;
  }
}
.advantages__img__picture {
  mix-blend-mode: multiply;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  filter: saturate(0);
  transition: 0.3s filter ease, 0.3s -webkit-filter ease;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}
@media (max-width: 1279px) {
  .advantages__img__picture {
    filter: grayscale(1);
  }
}
.advantages__img__shadow {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 24%;
  background: linear-gradient(360deg, #1b1c1f 0%, rgba(27, 28, 31, 0) 100%);
  z-index: 2;
}
.advantages__list {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  margin: -1.75rem;
  padding-right: 7.25rem;
}
@media (max-width: 2559px) {
  .advantages__list {
    margin: -3.0555555556rem;
    padding-right: 0;
  }
}
@media (max-width: 1919px) {
  .advantages__list {
    margin: -2.5rem;
  }
}
@media (max-width: 1279px) {
  .advantages__list {
    margin: -2.625rem;
  }
}
@media (max-width: 1023px) {
  .advantages__list {
    margin: -0.75rem;
  }
}
@media (max-width: 767px) {
  .advantages__list {
    margin: -0.8666666667rem;
  }
}
.advantages__list__item {
  flex: 0 0 auto;
  width: 33.33333333%;
  max-width: 100%;
  padding: 1.75rem;
}
@media (max-width: 2559px) {
  .advantages__list__item {
    padding: 3.0555555556rem;
  }
}
@media (max-width: 1919px) {
  .advantages__list__item {
    padding: 2.5rem;
  }
}
@media (max-width: 1279px) {
  .advantages__list__item {
    width: 100%;
    padding: 2.625rem;
  }
}
@media (max-width: 1023px) {
  .advantages__list__item {
    padding: 0.75rem;
  }
}
@media (max-width: 767px) {
  .advantages__list__item {
    padding: 0.8666666667rem;
  }
}
.advantages__list__card {
  position: relative;
}
.advantages__list__card__title {
  text-transform: uppercase;
  color: #00A1F9;
  margin: 0 0 0.9rem 0;
  font-size: 1.55rem;
  line-height: 1.4;
}
@media (max-width: 2559px) {
  .advantages__list__card__title {
    margin: 0 0 1.0555555556rem;
    font-size: 1.5rem;
  }
}
@media (max-width: 1919px) {
  .advantages__list__card__title {
    margin: 0 0 1.1875rem;
    font-size: 1.375rem;
  }
}
@media (max-width: 1279px) {
  .advantages__list__card__title {
    margin: 0 0 0.6875rem;
  }
}
@media (max-width: 767px) {
  .advantages__list__card__title {
    font-size: 1.4666666667rem;
  }
}
.advantages__list__card__text {
  position: relative;
}

.map {
  position: relative;
  height: 100vh;
  min-height: 740px;
  width: 100%;
  background-color: #202124;
}
.map.map__article {
  margin-top: 3.5rem;
}
@media (max-width: 2559px) {
  .map.map__article {
    margin-top: 3rem;
  }
}
@media (max-width: 1919px) {
  .map.map__article {
    margin-top: 5.9375rem;
  }
}
@media (max-width: 1279px) {
  .map.map__article {
    margin-top: 6.125rem;
  }
}
@media (max-width: 1023px) {
  .map.map__article {
    margin-top: 4.75rem;
  }
}
@media (max-width: 767px) {
  .map.map__article {
    margin-top: 3.1333333333rem;
  }
}
.map__title {
  position: absolute;
  left: 1.0666666667rem;
  padding-right: 1.0666666667rem;
  padding-top: 2.6666666667rem;
  z-index: 5;
}
@media (min-width: 768px) {
  .map__title {
    left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 2.5rem;
  }
}
@media (min-width: 1024px) {
  .map__title {
    left: 2rem;
    padding-right: 2rem;
  }
}
@media (min-width: 1920px) {
  .map__title {
    left: 2.6666666667rem;
    padding-right: 2.6666666667rem;
    padding-top: 8.8888888889rem;
  }
}
@media (min-width: 2560px) {
  .map__title {
    left: 3.2rem;
    padding-right: 3.2rem;
    padding-top: 8rem;
  }
}
.map__btns {
  padding: 8px;
  border-radius: 24px;
  background-color: #1B1C1F;
  z-index: 4;
}
@media (max-width: 1023px) {
  .map__btns {
    position: relative;
  }
}
.map__btns__wrapper {
  position: absolute;
  left: 1.0666666667rem;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
}
@media (min-width: 768px) {
  .map__btns__wrapper {
    left: 1.5rem;
  }
}
@media (min-width: 1024px) {
  .map__btns__wrapper {
    left: 2rem;
  }
}
@media (min-width: 1920px) {
  .map__btns__wrapper {
    left: 2.6666666667rem;
  }
}
@media (min-width: 2560px) {
  .map__btns__wrapper {
    left: 3.2rem;
  }
}
@media (max-width: 767px) {
  .map__btns__wrapper {
    width: 66px;
  }
}
.map__btns__content {
  display: flex;
  flex-direction: column;
  margin: -8px;
}
.map__btns__item {
  padding: 8px;
}
.map__btns__item.map__btns__hidedesktop {
  display: none;
}
@media (max-width: 1023px) {
  .map__btns__item.map__btns__hidedesktop {
    display: block;
  }
}
.map__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  border-radius: 16px;
  cursor: pointer;
  position: relative;
  transition: all ease 0.3s;
}
@media (max-width: 767px) {
  .map__btn {
    width: 50px;
    height: 50px;
  }
}
.map__btn svg {
  max-width: 24px;
  max-height: 24px;
  object-fit: contain;
  stroke: currentColor;
}
.map__btn.map__btn__white {
  background-color: #FFF;
  color: #1B1C1F;
}
@media (min-width: 1024px) {
  .map__btn.map__btn__white:hover {
    background-color: #00A1F9;
    color: #FFF;
  }
}
.map__btn.map__btn__white.active-btn {
  background-color: #00A1F9;
  color: #FFF;
}
.map__btn.map__btn__grey {
  background-color: #3C3E44;
  color: #FFF;
}
.map__btn.map__btn__grey:hover {
  background-color: #6C6F78;
  color: #FFF;
}
.map__btn.map__btn__grey::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #00A1F9;
  z-index: 2;
  display: none;
}
.map__btn.map__btn__grey.active::after {
  display: block;
}
.map__projects {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}
.map__projects::after {
  content: "";
  position: absolute;
  left: 0;
  top: -1px;
  right: 0;
  height: 100px;
  background: linear-gradient(180deg, #1b1c1f 0%, rgba(27, 28, 31, 0) 100%);
  z-index: 5;
}
.map__projects::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  right: 0;
  height: 100px;
  background: linear-gradient(0deg, #1B1C1F 0%, rgba(27, 28, 31, 0) 100%);
  z-index: 5;
}
@media (min-width: 1024px) {
  .map__filter {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 40px;
    z-index: 5;
  }
}
@media (max-width: 1023px) {
  .map__filter {
    position: fixed;
    left: 100%;
    top: 0;
    width: 100vw;
    height: 100vh;
    background-color: #1B1C1F;
    transition: left ease 0.4s;
    transform: none !important;
    /* overflow: hidden; */
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 200;
  }
  .map__filter.filter__opened {
    left: 0;
  }
}
.map__filter__container {
  display: flex;
  flex-wrap: nowrap;
  margin-bottom: 40px;
}
@media (max-width: 1023px) {
  .map__filter__container {
    flex-direction: column;
    padding: 0 0 72px 0;
    margin-bottom: 0;
    margin-top: 72px;
    /* height: calc(100vh - 72px); */
    min-height: calc(100% - 72px);
    /* overflow-y: auto;
    overflow-x: hidden; */
  }
}
.map__filter__title {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 16px;
  padding-right: 16px;
  background-color: #1B1C1F;
  border-bottom: 1px solid #2F2F30;
  z-index: 5;
}
@media (min-width: 1024px) {
  .map__filter__title {
    display: none;
  }
}
.map__filter__title__text {
  font-weight: 500;
  font-size: 19px;
  line-height: 1.4;
  text-transform: uppercase;
  color: #FFF;
  flex: 1 0 0%;
  width: 100%;
  max-width: 100%;
}
.map__filter__title__close {
  flex: 0 0 auto;
  width: 24px;
  height: 24px;
  margin-left: 24px;
  max-width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFF;
  cursor: pointer;
}
.map__filter__title__close:hover {
  color: #00A1F9;
}
.map__filter__title__close svg {
  display: block;
  max-width: 14px;
  max-height: 14px;
  stroke: currentColor;
}
.map__filter__footer {
  /* position: absolute;
  left: 0;
  bottom: 0; */
  /* right: 0; */
  /* transform: translateY(100%); */
  opacity: 0;
  visibility: hidden;
  height: 73px;
  display: flex;
  align-items: center;
  justify-content: center;
  justify-content: space-between;
  padding: 16px;
  /* border-top: 1px solid #2F2F30; */
  background-color: #1B1C1F;
  transition: all ease 0.3s;
  z-index: 5;
}
.map__filter__footer.opened {
  /* transform: translateY(0); */
  opacity: 1;
  visibility:visible;
}
@media (min-width: 1024px) {
  .map__filter__footer {
    display: none;
  }
}
.map__filter__footer .mbtn {
  display: block;
  width: 100%;
}
.map__filter__footer .mbtn i {
  font-style: normal;
}
.map__filter .simplebar-track {
  background: transparent !important;
}
.map__filter .simplebar-track.simplebar-vertical {
  width: 3px;
  top: 12px;
  bottom: 12px;
  right: 11px;
}
.map__filter .simplebar-track.simplebar-horizontal {
  display: none;
}
.map__filter .simplebar-scrollbar:before {
  border-radius: 2px;
  background-color: rgba(255, 255, 255, 0.5);
}
@media (min-width: 1920px) {
  .map__filter__item {
    width: 244px;
  }
}
@media (min-width: 1024px) {
  .map__filter__item {
    flex: 0 0 auto;
    max-width: 100%;
    width: 200px;
    position: relative;
    transition: all ease 0.3s;
    background-color: #1B1C1F;
    border-left: 1px solid #2F2F30;
  }
}
@media (max-width: 1023px) {
  .map__filter__item {
    width: 100%;
    padding: 0 16px 0 16px;
    border: none;
    border-bottom: 1px solid #363738;
  }
}
@media (min-width: 1024px) {
  .map__filter__item.map__filter__item__first {
    border-radius: 16px 0 0 16px;
    border: none;
  }
  .map__filter__item.map__filter__item__first.active {
    border-radius: 0 0 0 16px;
  }
  .map__filter__item.map__filter__item__first .map__filter__popup__content {
    left: 0;
  }
}
@media (min-width: 1024px) {
  .map__filter__item.map__filter__item__last {
    border-radius: 0 16px 16px 0;
  }
  .map__filter__item.map__filter__item__last.active {
    border-radius: 0 0 16px 0;
  }
  .map__filter__item.map__filter__item__last .map__filter__popup__content {
    right: 0;
  }
}
@media (min-width: 1024px) {
  .map__filter__item.active .map__filter__popup {
    max-height: 324px;
    opacity: 1;
  }
}
.map__filter__item.active .map__filter__link::after {
  transform: rotate(180deg);
}
.map__filter__item.checkeds .map__filter__link span::after {
  opacity: 1;
}
.map__filter__item.checkeds .map__filter__mobile__link span.text {
  transform: translateY(-7px);
}
.map__filter__item.checkeds .map__filter__mobile__link span.info {
  display: block;
  opacity: 1;
}
.map__filter__item.checkeds .map__filter__mobile__link i.map__filter__mobile__link__pin {
  opacity: 1;
}
.map__filter__item.checkeds .map__filter__popup__content {
  margin-bottom: 72px;
  height: calc(100vh - 144px);
}
.map__filter__item.checkeds .map__filter__popup__footer {
  transform: translateY(0);
}
.map__filter__link {
  display: flex;
  align-items: center;
  position: relative;
  font-weight: 500;
  font-size: 0.65rem;
  padding: 24px 43px 24px 22px;
  line-height: 1;
  text-transform: uppercase;
  color: #FFF;
  min-height: 64px;
  height: 100%;
  white-space: nowrap;
  cursor: pointer;
}
@media (max-width: 2559px) {
  .map__filter__link {
    font-size: 0.6666666667rem;
    min-height: 54px;
    padding: 20px 25px 20px 22px;
  }
}
@media (max-width: 1919px) {
  .map__filter__link {
    font-size: 0.75rem;
  }
}
@media (max-width: 1023px) {
  .map__filter__link {
    display: none;
  }
}
.map__filter__link:hover {
  color: #00A1F9;
}
.map__filter__link::after {
  content: "";
  position: absolute;
  right: 22px;
  top: 50%;
  margin-top: -7px;
  line-height: 1;
  width: 12px;
  height: 12px;
  background-image: url("./../img/icons/ic-down-mini.svg");
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
  transition: all ease 0.3s;
}
.map__filter__link span {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-right: 16px;
  position: relative;
  transition: color ease 0.3s;
}
.map__filter__link span::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
  height: 8px;
  background-color: #00A1F9;
  border-radius: 50%;
  opacity: 0;
  z-index: 1;
}
.map__filter__link span i {
  font-style: normal;
}
.map__filter__label {
  font-weight: 500;
  font-size: 0.6666666667rem;
  line-height: 1.4;
  text-transform: uppercase;
  margin-bottom: 10px;
  color: #FFF;
}
@media (min-width: 1024px) {
  .map__filter__label {
    display: none;
  }
}
.map__filter__modal-content .map__filter__popup__list {
  padding-left: 16px;
}
.map__filter__popup {
  overflow: hidden;
}
@media (min-width: 1024px) {
  .map__filter__popup {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 100%;
    max-height: 0;
    opacity: 0;
    transition: all ease 0.4s;
    border-bottom: 1px solid #2F2F30;
  }
}
@media (max-width: 1023px) {
  .map__filter__popup {
    position: fixed;
    left: 100%;
    top: 0;
    width: 100vw;
    height: 100vh;
    background-color: #1B1C1F;
    display: flex;
    flex-direction: column;
    transition: left ease 0.4s;
    z-index: 201;
  }
  .map__filter__popup.opened {
    left: 0;
  }
}
.map__filter__popup__head {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 72px;
  border-bottom: 1px solid #2F2F30;
  background-color: #1B1C1F;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0 16px;
  z-index: 10;
}
@media (min-width: 1024px) {
  .map__filter__popup__head {
    display: none;
  }
}
.map__filter__popup__head__h2 {
  width: 100%;
  max-width: 100%;
  flex: 1 0 0%;
  position: relative;
  padding-left: 32px;
  font-weight: 400;
  text-transform: uppercase;
  color: #FFF;
  font-size: 19px;
  line-height: 1;
}
.map__filter__popup__head__h2 i {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -12px;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.map__filter__popup__head__h2 i svg {
  stroke: currentColor;
  max-width: 16px;
  max-height: 16px;
  object-fit: contain;
}
.map__filter__popup__head__close {
  flex: 0 0 auto;
  width: 24px;
  height: 24px;
  max-width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFF;
}
.map__filter__popup__head__close:hover {
  color: #00A1F9;
}
.map__filter__popup__head__close svg {
  stroke: currentColor;
  max-width: 16px;
  max-height: 16px;
  object-fit: contain;
}
@media (min-width: 1024px) {
  .map__filter__popup__content {
    border-bottom: none;
    border-radius: 16px 16px 0 0;
    background-color: #1B1C1F;
  }
}
@media (max-width: 1023px) {
  .map__filter__popup__content {
    width: 100%;
    height: calc(100vh - 72px);
    margin-top: 72px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0 16px 0 16px;
  }
}
.map__filter__popup__footer {
  position: absolute;
  left: 0;
  bottom: 0;
  transform: translateY(100%);
  right: 0;
  height: 73px;
  display: flex;
  align-items: center;
  justify-content: center;
  justify-content: space-between;
  padding: 16px;
  border-top: 1px solid #2F2F30;
  background-color: #1B1C1F;
  transition: all ease 0.3s;
  z-index: 5;
}
.map__filter__popup__footer.opened {
  transform: translateY(0);
}
@media (min-width: 1024px) {
  .map__filter__popup__footer {
    display: none;
  }
}
.map__filter__popup__footer .mbtn {
  display: block;
  width: 100%;
}
.map__filter__popup__footer .mbtn i {
  font-style: normal;
}
@media (min-width: 1024px) {
  .map__filter__popup__scroll {
    max-height: 324px;
  }
}
@media (max-width: 1023px) {
  .map__filter__popup__scroll {
    max-height: none;
    overflow: hidden;
  }
}
.map__filter__popup__list {
  list-style: none;
  margin: 0;
  padding: 0 25px 0 0;
}
@media (max-width: 1023px) {
  .map__filter__popup__list {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 0 -8px;
  }
}
.map__filter__popup__list li {
  display: block;
  overflow: hidden;
  transition: all ease 0.5s;
}
@media (max-width: 1023px) {
  .map__filter__popup__list li {
    width: 100%;
    padding: 0 8px;
  }
}
.map__filter__popup__list li.hidden {
  max-height: 0;
}
.map__filter__popup__list li.map__filter__checked-item {
  max-height: 0;
  overflow: hidden;
}
.map__filter__popup__list li.map__filter__checked-item .map__filter__checked-item__body {
  overflow: hidden;
  display: flex;
  align-items: center;
  min-height: 54px;
  padding: 12px 48px 12px 16px;
  position: relative;
}
@media (max-width: 767px) {
  .map__filter__popup__list li.map__filter__checked-item .map__filter__checked-item__body {
    padding: 0;
    min-height: 44px;
  }
}
.map__filter__popup__list li.map__filter__checked-item .map__filter__checked-item__body span {
  position: relative;
  color: #FFF;
  transition: all ease 0.3s;
  font-size: 0.7rem;
}
@media (max-width: 2559px) {
  .map__filter__popup__list li.map__filter__checked-item .map__filter__checked-item__body span {
    font-size: 0.7777777778rem;
  }
}
@media (max-width: 1919px) {
  .map__filter__popup__list li.map__filter__checked-item .map__filter__checked-item__body span {
    font-size: 0.875rem;
  }
}
@media (max-width: 767px) {
  .map__filter__popup__list li.map__filter__checked-item .map__filter__checked-item__body span {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    /* line-clamp: 1; */
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-weight: 400;
    font-size: 0.8666666667rem;
    color: #FFF;
    line-height: 1.4;
  }
}
.map__filter__popup__list li.map__filter__checked-item .map__filter__checked-item__body i {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFF;
  opacity: 1;
  z-index: 2;
  transition: all ease 0.3s;
  cursor: pointer;
}
.map__filter__popup__list li.map__filter__checked-item .map__filter__checked-item__body i svg {
  max-width: 10px;
  height: 10px;
  object-fit: contain;
  stroke: currentColor;
}
.map__filter__popup__list li.map__filter__checked-item.active {
  max-height: 100%;
}
.map__filter__popup__list li.map__filter__checkall.active .map__filter__falseradio {
  cursor: default;
}
.map__filter__popup__list li.map__filter__checkall.active .map__filter__falseradio span {
  color: #FFF;
}
.map__filter__popup__more {
  padding-top: 16px;
}
@media (min-width: 768px) {
  .map__filter__popup__more {
    display: none;
  }
}
.map__filter__falseradio {
  display: flex;
  align-items: center;
  min-height: 54px;
  overflow: hidden;
  margin: 0;
  padding: 12px 0 12px 16px;
  position: relative;
  cursor: pointer;
}
@media (max-width: 767px) {
  .map__filter__falseradio {
    padding: 0;
    min-height: 37px;
  }
}
@media (min-width: 1024px) {
  .map__filter__falseradio:hover span {
    color: #FFF;
  }
}
.map__filter__falseradio span {
  position: relative;
  color: #5B5D66;
  transition: all ease 0.3s;
  font-size: 0.7rem;
}
@media (max-width: 2559px) {
  .map__filter__falseradio span {
    font-size: 0.7777777778rem;
  }
}
@media (max-width: 1919px) {
  .map__filter__falseradio span {
    font-size: 0.875rem;
  }
}
.map__filter__mobile__link {
  display: flex;
  align-items: center;
  position: relative;
  padding: 24px 40px 24px 20px;
}
@media (min-width: 1024px) {
  .map__filter__mobile__link {
    display: none;
  }
}
.map__filter__mobile__link .text {
  text-transform: uppercase;
  color: #FFF;
  font-weight: 400;
  line-height: 1;
  display: block;
}
.map__filter__mobile__link .info {
  color: #5B5D66;
  display: block;
  position: absolute;
  left: 20px;
  bottom: 8px;
  right: 40px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: none;
}
.map__filter__mobile__link__arrow {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%) rotate(180deg);
  width: 14px;
  height: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.map__filter__mobile__link__pin {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -5px;
  width: 8px;
  height: 8px;
  background-color: #00A1F9;
  border-radius: 50%;
  opacity: 0;
}
.map__info {
  display: none;
}
@media (max-width: 1023px) {
  .map__info {
    display: block;
    position: absolute;
    left: 16px;
    right: 16px;
    bottom: 16px;
    z-index: 4;
    transition: all ease 0.3s;
  }
  .map__info.map__info__closed {
    transform: translateY(100%);
    opacity: 0;
  }
}
.map__info__body {
  color: #FFF;
  border-radius: 8px;
  background-color: #1B1C1F;
  padding: 19px 16px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.map__info__icon {
  flex: 0 0 auto;
  width: 18px;
  height: 18px;
  max-width: 100%;
  margin-right: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.map__info__icon svg {
  stroke: currentColor;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.map__info__close {
  flex: 0 0 auto;
  width: 24px;
  height: 24px;
  max-width: 100%;
  margin-left: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.map__info__close svg {
  stroke: currentColor;
  max-width: 14px;
  max-height: 14px;
  object-fit: contain;
}
.map__info__text {
  font-weight: 400;
  font-size: 0.8rem;
  line-height: 1.5;
  flex: 1 0 0%;
  width: 100%;
  max-width: 100%;
}

.about {
  position: relative;
  padding-top: 8rem;
  padding-bottom: 9.5rem;
  background-color: #1B1C1F;
  overflow: hidden;
  z-index: 2;
}
@media (max-width: 2559px) {
  .about {
    padding-top: 6.6666666667rem;
    padding-bottom: 20.9444444444rem;
  }
}
@media (max-width: 1919px) {
  .about {
    padding-top: 5.625rem;
    padding-bottom: 17.0625rem;
  }
}
@media (max-width: 1279px) {
  .about {
    padding-top: 5.625rem;
    padding-bottom: 18.1875rem;
  }
}
@media (max-width: 1023px) {
  .about {
    padding-top: 5rem;
    padding-bottom: 17.0625rem;
  }
}
@media (max-width: 767px) {
  .about {
    padding-top: 4rem;
    padding-bottom: 12.9333333333rem;
  }
}
@media (max-width: 2559px) {
  .about .h2 {
    margin-bottom: 1.7777777778rem;
  }
}
@media (max-width: 1919px) {
  .about .h2 {
    margin-bottom: 2.0625rem;
  }
}
@media (max-width: 767px) {
  .about .h2 {
    margin-bottom: 1.75rem;
  }
}
.about__img {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 8%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  z-index: 10;
}
@media (max-width: 1919px) {
  .about__img {
    bottom: 5%;
  }
}
@media (max-width: 1023px) {
  .about__img {
    bottom: 5%;
    height: 224px;
  }
}
@media (max-width: 767px) {
  .about__img {
    bottom: 0;
    height: 200px;
    justify-content: flex-start;
    left: 1.0666666667rem;
  }
}
.about__img canvas {
  display: block;
  max-width: 100%;
  height: 100%;
  width: auto;
  object-fit: contain;
  z-index: 10;
}
@media (max-width: 767px) {
  .about__img canvas {
    display: none;
  }
}
.about__img svg, .about__img img {
  display: none;
  max-width: 100%;
  max-height: 100%;
  height: 100%;
  object-fit: contain;
}
@media (max-width: 1023px) {
  .about__img svg, .about__img img {
    display: block;
  }
}
.about__list {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  margin: -0.4rem;
  padding-bottom: 8.85rem;
}
@media (max-width: 2559px) {
  .about__list {
    margin: -0.4444444444rem;
    padding-bottom: 2.7777777778rem;
  }
}
@media (max-width: 1919px) {
  .about__list {
    margin: -0.5rem;
    padding-bottom: 1.875rem;
  }
}
@media (max-width: 1023px) {
  .about__list {
    padding-bottom: 1.6875rem;
  }
}
@media (max-width: 767px) {
  .about__list {
    margin: -0.5333333333rem;
    padding-bottom: 1.9333333333rem;
  }
}
.about__list__item {
  flex: 0 0 auto;
  width: 25%;
  max-width: 100%;
  padding: 0.4rem;
}
@media (max-width: 2559px) {
  .about__list__item {
    padding: 0.4444444444rem;
    width: 50%;
  }
}
@media (max-width: 1919px) {
  .about__list__item {
    padding: 0.5rem;
  }
}
@media (max-width: 767px) {
  .about__list__item {
    padding: 0.5333333333rem;
    width: 100%;
  }
}
.about__counter {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  margin: -1.75rem -2.5rem;
  color: #5B5D66;
  width: 33.33333333%;
}
@media (max-width: 2559px) {
  .about__counter {
    margin: -1.9444444444rem -2.7777777778rem;
    width: 38.8888888889rem;
  }
}
@media (max-width: 1919px) {
  .about__counter {
    margin: -2.1875rem -1.875rem;
    width: 38.125rem;
  }
}
@media (max-width: 767px) {
  .about__counter {
    margin: -1.3333333333rem -3.3333333333rem;
    width: 100%;
  }
}
.about__counter__item {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
  padding: 1.75rem 2.5rem;
}
@media (max-width: 2559px) {
  .about__counter__item {
    padding: 1.9444444444rem 2.7777777778rem;
    width: 50%;
  }
}
@media (max-width: 1919px) {
  .about__counter__item {
    padding: 2.1875rem 1.875rem;
  }
}
@media (max-width: 767px) {
  .about__counter__item {
    padding: 1.3333333333rem 3.3333333333rem;
    width: 100%;
  }
}
.about__counter__card {
  position: relative;
  padding-left: 1.35rem;
}
@media (max-width: 2559px) {
  .about__counter__card {
    padding-left: 1.5rem;
  }
}
@media (max-width: 1919px) {
  .about__counter__card {
    padding-left: 1.6875rem;
  }
}
@media (max-width: 767px) {
  .about__counter__card {
    padding-left: 1.4666666667rem;
  }
}
.about__counter__card__title {
  text-transform: uppercase;
  color: #00A1F9;
  line-height: 1;
  font-weight: 500;
  font-size: 2.9rem;
  margin-bottom: 0.15rem;
}
@media (max-width: 2559px) {
  .about__counter__card__title {
    font-size: 2.6666666667rem;
    margin-bottom: 0.3333333333rem;
  }
}
@media (max-width: 1919px) {
  .about__counter__card__title {
    font-size: 2.25rem;
    margin-bottom: 0.625rem;
  }
}
@media (max-width: 767px) {
  .about__counter__card__title {
    font-size: 1.9333333333rem;
    margin-bottom: 0.6666666667rem;
  }
}
.about__counter__card__title i {
  font-style: normal;
  font-size: 0.8rem;
}
@media (max-width: 2559px) {
  .about__counter__card__title i {
    font-size: 0.8888888889rem;
  }
}
@media (max-width: 1919px) {
  .about__counter__card__title i {
    font-size: 0.875rem;
  }
}
@media (max-width: 767px) {
  .about__counter__card__title i {
    font-size: 0.9333333333rem;
  }
}
.about__counter__card__title b {
  display: inline-block;
  position: relative;
  font-weight: normal;
}
.about__counter__card__title b.wsign::after {
  content: ">";
  position: absolute;
  top: 0;
  left: -1.35rem;
}
@media (max-width: 2559px) {
  .about__counter__card__title b.wsign::after {
    left: -1.5rem;
  }
}
@media (max-width: 1919px) {
  .about__counter__card__title b.wsign::after {
    left: -1.6875rem;
  }
}
@media (max-width: 767px) {
  .about__counter__card__title b.wsign::after {
    left: -1.4666666667rem;
  }
}
.about__counter__card__text {
  position: relative;
}

.catalog {
  position: relative;
  background-color: #202124;
}
.catalog__list {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: flex-start;
}
@media (max-width: 767px) {
  .catalog__list {
    padding-top: 32px;
  }
}
.catalog__list__item {
  flex: 0 0 auto;
  width: 25%;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 3;
}
@media (max-width: 1279px) {
  .catalog__list__item {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .catalog__list__item {
    width: 100%;
  }
}
.catalog__list__item::after {
  content: "";
  position: absolute;
  background-color: #3C3E44;
  left: 0;
  right: 0;
  bottom: 0;
  height: 0;
  transition: all ease 0.3s;
  opacity: 0;
  z-index: -2;
}
.catalog__list__item:hover::after {
  height: 100%;
  opacity: 1;
}
.catalog__list__item.catalog__list__large {
  width: 50%;
  height: 100vh;
  position: relative;
  overflow: hidden;
}
@media (max-width: 767px) {
  .catalog__list__item.catalog__list__large {
    width: 100%;
    height: auto;
  }
  .catalog__list__item.catalog__list__large:first-child {
    border-bottom: 1px solid #363738;
  }
}
.catalog__list__item.catalog__list__large:hover::before {
  transform: translateY(0);
  opacity: 1;
}
@media (min-width: 1024px) {
  .catalog__list__item.catalog__list__large:hover .catalog__list__card__img {
    transform: scale(1.5, 1.5);
  }
}
.catalog__list__item.catalog__list__large::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  background-image: url("../img/corner-dark.svg");
  background-repeat: no-repeat;
  background-position: 100% 100%;
  background-size: auto 100%;
  opacity: 0;
  transform: translateY(50%);
  transition: all ease 0.5s;
  z-index: -1;
}
.catalog__list__item.catalog__list__large:nth-child(2)::before {
  background-image: url("../img/corner-dark-orange.svg");
}
.catalog__list__item.catalog__list__large .catalog__list__card {
  padding-top: 4.25rem;
  padding-bottom: 4.65rem;
  overflow: hidden;
}
@media (max-width: 2559px) {
  .catalog__list__item.catalog__list__large .catalog__list__card {
    padding-top: 4.7222222222rem;
    padding-bottom: 5.1666666667rem;
  }
}
@media (max-width: 1919px) {
  .catalog__list__item.catalog__list__large .catalog__list__card {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
  }
}
@media (max-width: 1023px) {
  .catalog__list__item.catalog__list__large .catalog__list__card {
    padding-top: 4.25rem;
    padding-bottom: 4.1875rem;
  }
}
@media (max-width: 767px) {
  .catalog__list__item.catalog__list__large .catalog__list__card {
    padding-top: 1.8rem;
    padding-bottom: 1.8666666667rem;
    min-height: 15.6666666667rem;
  }
}
.catalog__list__item.catalog__list__large .catalog__list__card__title {
  font-size: 1.9rem;
  line-height: 1.4;
  margin-bottom: 0.25rem;
}
@media (max-width: 2559px) {
  .catalog__list__item.catalog__list__large .catalog__list__card__title {
    font-size: 1.7777777778rem;
    margin-bottom: 0.5555555556rem;
    line-height: 1.3;
  }
}
@media (max-width: 1919px) {
  .catalog__list__item.catalog__list__large .catalog__list__card__title {
    font-size: 1.625rem;
    margin-bottom: 0.75rem;
    line-height: 1.1;
  }
}
@media (max-width: 1279px) {
  .catalog__list__item.catalog__list__large .catalog__list__card__title {
    margin-bottom: 0.875rem;
  }
}
@media (max-width: 767px) {
  .catalog__list__item.catalog__list__large .catalog__list__card__title {
    font-size: 1.4666666667rem;
    line-height: 1.3;
  }
}
@media (max-width: 2559px) {
  .catalog__list__item.catalog__list__large .catalog__list__card__number {
    font-size: 0.8333333333rem;
  }
}
@media (max-width: 1919px) {
  .catalog__list__item.catalog__list__large .catalog__list__card__number {
    font-size: 0.9375rem;
  }
}
@media (max-width: 767px) {
  .catalog__list__item.catalog__list__large .catalog__list__card__number {
    font-size: 0.8666666667rem;
  }
}
.catalog__list__item.catalog__list__lineleft {
  border-left: 1px solid #363738;
}
@media (max-width: 767px) {
  .catalog__list__item.catalog__list__lineleft {
    border-left: none;
  }
}
.catalog__list__item.catalog__list__linetop {
  border-top: 1px solid #363738;
}
.catalog__list__card {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  text-align: center;
  padding: 2.75rem 3.2rem 3.2rem;
  min-height: 19.25rem;
  position: relative;
}
@media (max-width: 2559px) {
  .catalog__list__card {
    padding: 3.0555555556rem 2.6666666667rem 3.5555555556rem;
    min-height: 16.6666666667rem;
  }
}
@media (max-width: 1919px) {
  .catalog__list__card {
    min-height: 18.75rem;
    padding: 3.625rem 2rem 3.875rem;
  }
}
@media (max-width: 1279px) {
  .catalog__list__card {
    min-height: 16.0625rem;
  }
}
@media (max-width: 1023px) {
  .catalog__list__card {
    min-height: 15.625rem;
    padding: 2.6875rem 1.5rem 2.6875rem;
  }
}
@media (max-width: 767px) {
  .catalog__list__card {
    padding: 1.7333333333rem 1.0666666667rem;
    min-height: auto;
    text-align: left;
  }
}
.catalog__list__card__link {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 5;
}
.catalog__list__card__title {
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 500;
  text-transform: uppercase;
  color: #FFF;
  margin-bottom: 0.5rem;
}
@media (max-width: 2559px) {
  .catalog__list__card__title {
    font-size: 1rem;
    margin-bottom: 0.5555555556rem;
  }
}
@media (max-width: 1919px) {
  .catalog__list__card__title {
    font-size: 1rem;
    margin-bottom: 0.875rem;
  }
}
@media (max-width: 767px) {
  .catalog__list__card__title {
    font-size: 1rem;
    margin-bottom: 0.9333333333rem;
  }
}
.catalog__list__card__number {
  font-size: 0.8rem;
  line-height: 1.3;
  text-transform: uppercase;
  color: #5B5D66;
}
@media (max-width: 2559px) {
  .catalog__list__card__number {
    font-size: 0.8333333333rem;
  }
}
@media (max-width: 1919px) {
  .catalog__list__card__number {
    font-size: 0.875rem;
  }
}
@media (max-width: 1279px) {
  .catalog__list__card__number {
    font-size: 0.9375rem;
  }
}
@media (max-width: 1023px) {
  .catalog__list__card__number {
    font-size: 1.125rem;
  }
}
@media (max-width: 767px) {
  .catalog__list__card__number {
    font-size: 0.8666666667rem;
  }
}
.catalog__list__card__more {
  position: relative;
}
@media (max-width: 767px) {
  .catalog__list__card__more {
    padding-top: 1.3333333333rem;
  }
}
.catalog__list__card__img {
  display: flex;
  align-items: center;
  justify-content: center;
  max-height: 100%;
  height: 100%;
  flex: 1 0 0%;
  transition: all ease 0.5s;
}
.catalog__list__card__img.catalog__list__card__img__mobile {
  display: none;
}
@media (max-width: 767px) {
  .catalog__list__card__img {
    height: 15.6666666667rem;
    width: 15.6666666667rem;
    position: absolute;
    left: 77%;
    top: 66%;
    transform: translate(-50%, -50%);
    margin: 0;
    display: none;
  }
  .catalog__list__card__img.catalog__list__card__img__mobile {
    display: flex;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: none;
    justify-content: flex-end;
    align-items: flex-end;
  }
  .catalog__list__card__img.catalog__list__card__img__mobile img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    transform: none;
  }
}
.catalog__list__card__img svg {
  width: 100%;
  height: 100%;
}
.headinside {
  position: relative;
  padding: 13.65rem 0 3rem;
  min-height: 865px;
}
@media (max-width: 2559px) {
  .headinside {
    padding: 11.6111111111rem 0 3.3333333333rem;
    min-height: 620px;
  }
}
@media (max-width: 1919px) {
  .headinside {
    padding: 9.375rem 0 2.5rem;
    min-height: 430px;
  }
}
@media (max-width: 1279px) {
  .headinside {
    padding: 11.625rem 0 2.5rem;
    min-height: 510px;
  }
}
@media (max-width: 1023px) {
  .headinside {
    padding: 11.5625rem 0 2.5rem;
    min-height: 680px;
  }
}
@media (max-width: 767px) {
  .headinside {
    padding: 10.7333333333rem 0 2.6666666667rem;
    min-height: 66vh;
  }
}
.headinside__img {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  background-color: #40434D;
  z-index: -1;
}
.headinside__img::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  background: linear-gradient(180deg, rgb(27, 28, 31) 0%, rgba(27, 28, 31, 0) 30%, rgba(27, 28, 31, 0) 100%);
  opacity: 0.8;
}
.headinside__img picture {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.headinside__img picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.headinside__corner {
  position: absolute;
  height: calc(100% - 140px);
  right: 0;
  bottom: 0;
  width: 100%;
  background-image: url("./../img/corner.svg");
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: contain;
  mix-blend-mode: color;
  z-index: 1;
}
@media (max-width: 2559px) {
  .headinside__corner {
    height: calc(100% - 117px);
  }
}
@media (max-width: 1919px) {
  .headinside__corner {
    height: calc(100% - 153px);
  }
}
@media (max-width: 1023px) {
  .headinside__corner {
    top: auto;
    height: calc(100% - 615px);
  }
}
@media (max-width: 767px) {
  .headinside__corner {
    display: none;
  }
}
.headinside__body {
  position: relative;
  z-index: 3;
}
.headinside .h1 {
  margin-bottom: 1.45rem;
}
@media (max-width: 2559px) {
  .headinside .h1 {
    margin-bottom: 1.2777777778rem;
  }
}
@media (max-width: 1919px) {
  .headinside .h1 {
    margin-bottom: 1.375rem;
  }
}
@media (max-width: 1279px) {
  .headinside .h1 {
    margin-bottom: 1.25rem;
  }
}
@media (max-width: 1023px) {
  .headinside .h1 {
    margin-bottom: 1.25rem;
  }
}
@media (max-width: 767px) {
  .headinside .h1 {
    margin-bottom: 1.6666666667rem;
  }
}
@media (max-width: 767px) {
  .headinside.headinside__minititle .h1 {
    font-size: 1.9333333333rem;
  }
}
@media (max-width: 767px) {
  .headinside .mbtn {
    display: block;
    width: 100%;
  }
}

.headinsidearticle {
  padding-top: 13.65rem;
  padding-bottom: 3.15rem;
  position: relative;
}
@media (max-width: 2559px) {
  .headinsidearticle {
    padding-top: 11.6666666667rem;
    padding-bottom: 1.1111111111rem;
  }
}
@media (max-width: 1919px) {
  .headinsidearticle {
    padding-top: 9.3125rem;
    padding-bottom: 2.6875rem;
  }
}
@media (max-width: 1279px) {
  .headinsidearticle {
    padding-top: 11.5625rem;
  }
}
@media (max-width: 1023px) {
  .headinsidearticle {
    padding-bottom: 2.25rem;
  }
}
@media (max-width: 767px) {
  .headinsidearticle {
    padding-top: 160px;
  }
}
.headinsidearticle__img {
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
  width: 1680px;
}
@media (max-width: 2559px) {
  .headinsidearticle__img {
    width: 1259px;
  }
}
@media (max-width: 1919px) {
  .headinsidearticle__img {
    width: 835px;
  }
}
@media (max-width: 1279px) {
  .headinsidearticle__img {
    top: 77px;
    width: 667px;
  }
}
@media (max-width: 1023px) {
  .headinsidearticle__img {
    width: 621px;
  }
}
@media (max-width: 767px) {
  .headinsidearticle__img {
    top: 128px;
    right: 0px;
    width: 287px;
  }
}
.headinsidearticle__img picture {
  display: block;
  width: 100%;
  z-index: 1;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
}
.headinsidearticle__img picture img {
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
}
.headinsidearticle .container-custom {
  z-index: 3;
  position: relative;
}
.headinsidearticle .crumbs ol {
  margin-bottom: 5.1rem;
}
@media (max-width: 2559px) {
  .headinsidearticle .crumbs ol {
    margin-bottom: 3.0555555556rem;
  }
}
@media (max-width: 1919px) {
  .headinsidearticle .crumbs ol {
    margin-bottom: 2.4375rem;
  }
}
@media (max-width: 1279px) {
  .headinsidearticle .crumbs ol {
    margin-bottom: 3rem;
  }
}
@media (max-width: 767px) {
  .headinsidearticle .crumbs ol {
    margin-bottom: 1.5333333333rem;
  }
}
.headinsidearticle .h1 {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .headinsidearticle .h1 {
    font-size: 1.9333333333rem;
  }
}
.headinsidearticle .h1 ~ .mbtn {
  margin-top: 20px;
}
@media (max-width: 767px) {
  .headinsidearticle .h1 ~ .mbtn {
    display: block;
    width: 100%;
  }
}
.headinsidearticle__date {
  font-weight: 500;
  font-size: 0.8rem;
  line-height: 1.3;
  text-transform: uppercase;
  color: #989BA6;
  padding-top: 0.35rem;
}
@media (max-width: 2559px) {
  .headinsidearticle__date {
    font-size: 0.8333333333rem;
    padding-top: 0.3888888889rem;
  }
}
@media (max-width: 1919px) {
  .headinsidearticle__date {
    font-size: 0.875rem;
    padding-top: 0.4375rem;
  }
}
@media (max-width: 767px) {
  .headinsidearticle__date {
    font-size: 0.8666666667rem;
    padding-top: 0.4666666667rem;
  }
}
.headinsidearticle.headinsidearticle__articlenews {
  padding-bottom: 0;
}
.headinsidearticle.headinsidearticle__articlenews .crumbs ol {
  margin-bottom: 2.6rem;
}
@media (max-width: 2559px) {
  .headinsidearticle.headinsidearticle__articlenews .crumbs ol {
    margin-bottom: 2.8888888889rem;
  }
}
@media (max-width: 1919px) {
  .headinsidearticle.headinsidearticle__articlenews .crumbs ol {
    margin-bottom: 3.25rem;
  }
}
@media (max-width: 767px) {
  .headinsidearticle.headinsidearticle__articlenews .crumbs ol {
    margin-bottom: 3.4666666667rem;
  }
}
.headinsidearticle__btns {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: -0.85rem;
  flex-wrap: wrap;
}
@media (max-width: 2559px) {
  .headinsidearticle__btns {
    margin: -0.9444444444rem;
  }
}
@media (max-width: 1919px) {
  .headinsidearticle__btns {
    margin: -0.625rem;
  }
}
@media (max-width: 767px) {
  .headinsidearticle__btns {
    margin: -0.6666666667rem;
  }
}
@media (max-width: 767px) {
  .headinsidearticle__btns {
    flex-direction: column;
  }
  .headinsidearticle__btns .mbtn {
    display: block;
    width: 100%;
  }
}
.headinsidearticle__btns__item {
  padding: 0.85rem;
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
  overflow: hidden;
}
@media (max-width: 2559px) {
  .headinsidearticle__btns__item {
    padding: 0.9444444444rem;
  }
}
@media (max-width: 1919px) {
  .headinsidearticle__btns__item {
    padding: 0.625rem;
  }
}
@media (max-width: 767px) {
  .headinsidearticle__btns__item {
    padding: 0.6666666667rem;
  }
}
.headinsidearticle__btns__item.headinsidearticle__btns__item__else {
  flex: 1 0 0%;
}
@media (max-width: 767px) {
  .headinsidearticle__btns__item {
    width: 100%;
    text-align: center;
  }
  .headinsidearticle__btns__item.headinsidearticle__btns__item__else {
    padding-top: 18px;
  }
}
.headinsidearticle__tags {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: -0.25rem 0;
  padding: 1.15rem 0 2.05rem 0;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 0.8rem;
  line-height: 1;
  color: #989BA6;
}
@media (max-width: 2559px) {
  .headinsidearticle__tags {
    font-size: 0.8333333333rem;
    margin: -0.2777777778rem 0;
    padding: 1.5555555556rem 0 2.2777777778rem 0;
  }
}
@media (max-width: 1919px) {
  .headinsidearticle__tags {
    font-size: 0.875rem;
    margin: -0.3125rem 0;
    padding: 1.375rem 0 1.5rem 0;
  }
}
@media (max-width: 767px) {
  .headinsidearticle__tags {
    font-size: 0.8666666667rem;
    margin: -0.3333333333rem 0;
    padding: 1.4666666667rem 0 1.6rem 0;
  }
}
.headinsidearticle__tags__item {
  padding: 0.25rem 1.3rem 0.25rem 0;
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
  position: relative;
}
@media (max-width: 2559px) {
  .headinsidearticle__tags__item {
    padding: 0.2777777778rem 1.4444444444rem 0.2777777778rem 0;
  }
}
@media (max-width: 1919px) {
  .headinsidearticle__tags__item {
    padding: 0.3125rem 1.625rem 0.3125rem 0;
  }
}
@media (max-width: 767px) {
  .headinsidearticle__tags__item {
    padding: 0.3333333333rem 1.7333333333rem 0.3333333333rem 0;
  }
}
.headinsidearticle__tags__item:last-child {
  padding-right: 0;
}
.headinsidearticle__tags__item:last-child::after {
  display: none;
}
.headinsidearticle__tags__item::after {
  content: "";
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -2px;
  width: 3px;
  height: 3px;
  background-color: #989BA6;
  transform: rotate(45deg);
}
.headinsidearticle__onholiday {
  min-height: 100vh;
  padding-bottom: 30.1rem;
}
@media (max-width: 2559px) {
  .headinsidearticle__onholiday {
    padding-bottom: 19.5rem;
  }
}
@media (max-width: 1919px) {
  .headinsidearticle__onholiday {
    padding-bottom: 8.875rem;
  }
}
@media (max-width: 1279px) {
  .headinsidearticle__onholiday {
    padding-bottom: 19.8125rem;
  }
}
@media (max-width: 1023px) {
  .headinsidearticle__onholiday {
    padding-bottom: 31.375rem;
  }
}
@media (max-width: 767px) {
  .headinsidearticle__onholiday {
    padding-bottom: 10.0666666667rem;
  }
}
.headinsidearticle__icon {
  position: absolute;
  right: 1.0666666667rem;
  bottom: 0;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  z-index: 1;
  width: 25%;
}
@media (min-width: 768px) {
  .headinsidearticle__icon {
    right: 1.5rem;
  }
}
@media (min-width: 1024px) {
  .headinsidearticle__icon {
    right: 2rem;
  }
}
@media (min-width: 1920px) {
  .headinsidearticle__icon {
    right: 2.6666666667rem;
  }
}
/* @media (min-width: 2560px) {
  .headinsidearticle__icon {
    right: 0 3.2rem;
  }
} */
@media (max-width: 1279px) {
  .headinsidearticle__icon {
    width: 33.33%;
  }
}
@media (max-width: 1023px) {
  .headinsidearticle__icon {
    width: 50%;
  }
}
.headinsidearticle__icon svg, .headinsidearticle__icon img {
  display: block;
  width: 100%;
  height: auto;
}
.headinsidearticle__text {
  max-width: 596px;
  padding: 23px 0 21px 0;
}
@media (max-width: 2559px) {
  .headinsidearticle__text {
    padding: 23px 0 21px 0;
    max-width: 596px;
  }
}
@media (max-width: 1919px) {
  .headinsidearticle__text {
    padding: 16px 0 5px 0;
    max-width: 386px;
  }
}
@media (max-width: 1279px) {
  .headinsidearticle__text {
    max-width: 472px;
  }
}
@media (max-width: 1023px) {
  .headinsidearticle__text {
    max-width: 352px;
  }
}
@media (max-width: 767px) {
  .headinsidearticle__text {
    padding: 21px 0 6px 0;
    max-width: 100%;
  }
}

.contacts {
  position: relative;
}
.contacts__item {
  padding: 1.3rem 0;
  border-bottom: 1px solid #2F2F30;
}
@media (max-width: 2559px) {
  .contacts__item {
    padding: 1.6111111111rem 0;
  }
}
@media (max-width: 1919px) {
  .contacts__item {
    padding: 2rem 0;
  }
}
@media (max-width: 1023px) {
  .contacts__item:first-child {
    padding-top: 0;
  }
}
@media (max-width: 767px) {
  .contacts__item {
    padding: 1.3333333333rem 0 1.7333333333rem 0;
  }
}
.contacts__item:last-child {
  border: none;
}
.contacts__row {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: 0 -8px;
}
.contacts__row > div {
  padding: 0 8px;
  max-width: 100%;
}
.contacts__body {
  flex: 1 0 0%;
  width: 100%;
}
.contacts__side {
  flex: 0 0 auto;
  width: 41.66666667%;
}
@media (max-width: 1279px) {
  .contacts__side {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .contacts__side {
    width: 100%;
    margin-top: 29px;
  }
}
.contacts__side2 {
  flex: 0 0 auto;
  width: 40%;
}
@media (max-width: 1919px) {
  .contacts__side2 {
    width: 42%;
  }
}
@media (max-width: 1023px) {
  .contacts__side2 {
    width: 100%;
    margin-top: 13px;
  }
}
.contacts__title {
  font-weight: 500;
  font-size: 1.55rem;
  line-height: 1.5;
  text-transform: uppercase;
  color: #FFF;
}
@media (max-width: 2559px) {
  .contacts__title {
    font-size: 1.5rem;
  }
}
@media (max-width: 1919px) {
  .contacts__title {
    font-size: 1.375rem;
    line-height: 1.4;
  }
}
@media (max-width: 767px) {
  .contacts__title {
    font-size: 1.2666666667rem;
    position: relative;
  }
}
.contacts__title__info {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.3;
  color: #5B5D66;
}
@media (max-width: 767px) {
  .contacts__title__info {
    margin-top: 5px;
  }
}
.contacts__title__info a {
  color: #5B5D66;
}
.contacts__title__info a:hover {
  text-decoration: underline;
  color: #FFF;
}
.contacts__card {
  margin-top: 1px;
}
@media (max-width: 1919px) {
  .contacts__card {
    margin-top: 15px;
  }
}
.contacts__card:first-child {
  margin-top: 0;
}
.contacts__card__info {
  font-weight: 400;
  font-size: 0.65rem;
  padding-top: 0.35rem;
  line-height: 1.5;
  color: #989BA6;
}
@media (max-width: 2559px) {
  .contacts__card__info {
    font-size: 0.6666666667rem;
    padding-top: 0.3888888889rem;
  }
}
@media (max-width: 1919px) {
  .contacts__card__info {
    font-size: 0.75rem;
    padding-top: 0.1875rem;
  }
}
@media (max-width: 767px) {
  .contacts__card__info {
    font-size: 0.8rem;
    padding-top: 0.4666666667rem;
  }
}
.contacts__card__phone {
  display: inline-block;
  color: #FFF;
  font-weight: 500;
  font-size: 1.55rem;
  line-height: 1.5;
  text-transform: uppercase;
}
@media (max-width: 2559px) {
  .contacts__card__phone {
    font-size: 1.5rem;
  }
}
@media (max-width: 1919px) {
  .contacts__card__phone {
    font-size: 1.375rem;
    line-height: 1.4;
  }
}
@media (max-width: 767px) {
  .contacts__card__phone {
    font-size: 1.2666666667rem;
  }
}
.contacts__card__phone:hover {
  color: #00A1F9;
}
.contacts__card__phone:hover span.hover {
  text-decoration: underline;
}
.contacts__card__email {
  display: inline-block;
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1.4;
  color: #00A1F9;
}
@media (max-width: 2559px) {
  .contacts__card__email {
    font-size: 1.2222222222rem;
  }
}
@media (max-width: 1919px) {
  .contacts__card__email {
    font-size: 1.1875rem;
  }
}
@media (max-width: 767px) {
  .contacts__card__email {
    font-size: 1.1333333333rem;
  }
}
.contacts__card__email:hover {
  color: #00A1F9;
}
.contacts__card__email:hover span.hover {
  text-decoration: underline;
}

.contactselse {
  position: relative;
}
.contactselse__item {
  padding: 1.3rem 0;
  border-bottom: 1px solid #2F2F30;
}
@media (max-width: 2559px) {
  .contactselse__item {
    padding: 1.6111111111rem 0;
  }
}
@media (max-width: 1919px) {
  .contactselse__item {
    padding: 2rem 0;
  }
}
@media (max-width: 1023px) {
  .contactselse__item:first-child {
    padding-top: 0;
  }
}
@media (max-width: 767px) {
  .contactselse__item {
    padding: 1.9333333333rem 0;
  }
  .contactselse__item.active .contactselse__title__icon {
    transform: rotate(45deg);
  }
}
.contactselse__item:last-child {
  border: none;
}
.contactselse__row {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-left: -8px;
  margin-right: -8px;
}
.contactselse__row > div {
  padding-left: 8px;
  padding-right: 8px;
  max-width: 100%;
}
.contactselse__body {
  flex: 1 0 0%;
  width: 100%;
}
.contactselse__side {
  flex: 0 0 auto;
  width: 41.66666667%;
}
@media (max-width: 1279px) {
  .contactselse__side {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .contactselse__side {
    width: 100%;
    padding-top: 29px;
    overflow: hidden;
    max-height: 0;
    transition: all 0.3s ease;
  }
}
.contactselse__side2 {
  flex: 0 0 auto;
  width: 40%;
  overflow: hidden;
}
@media (max-width: 1919px) {
  .contactselse__side2 {
    width: 42%;
  }
}
@media (max-width: 1023px) {
  .contactselse__side2 {
    width: 100%;
    margin-top: 13px;
  }
}
.contactselse__title {
  font-weight: 500;
  font-size: 1.25rem;
  line-height: 1.5;
  text-transform: uppercase;
  color: #FFF;
}
@media (max-width: 2559px) {
  .contactselse__title {
    font-size: 1.2222222222rem;
  }
}
@media (max-width: 1919px) {
  .contactselse__title {
    font-size: 1.1875rem;
  }
}
@media (max-width: 767px) {
  .contactselse__title {
    font-size: 1.1333333333rem;
    position: relative;
    padding-right: 2.6666666667rem;
  }
}
.contactselse__title__icon {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -12px;
  display: none;
  align-items: center;
  justify-content: center;
  width: 1.2rem;
  height: 1.2rem;
  color: #FFF;
  transition: all 0.3s ease;
}
@media (max-width: 2559px) {
  .contactselse__title__icon {
    width: 1.3333333333rem;
    height: 1.3333333333rem;
  }
}
@media (max-width: 1919px) {
  .contactselse__title__icon {
    width: 1.5rem;
    height: 1.5rem;
  }
}
@media (max-width: 767px) {
  .contactselse__title__icon {
    width: 1.6rem;
    height: 1.6rem;
    display: flex;
  }
}
.contactselse__title__icon svg {
  max-width: 100%;
  max-height: 100%;
  stroke: currentColor;
}
.contactselse__title__info {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.3;
  color: #5B5D66;
}
@media (max-width: 767px) {
  .contactselse__title__info {
    margin-top: 5px;
  }
}
.contactselse__title__info a {
  color: #5B5D66;
}
.contactselse__title__info a:hover {
  text-decoration: underline;
  color: #FFF;
}
.contactselse__card {
  margin-top: 1px;
}
@media (max-width: 1919px) {
  .contactselse__card {
    margin-top: 15px;
  }
}
.contactselse__card:first-child {
  margin-top: 0;
}
.contactselse__card__info {
  font-weight: 400;
  font-size: 0.65rem;
  padding-top: 0.35rem;
  line-height: 1.5;
  color: #989BA6;
}
@media (max-width: 2559px) {
  .contactselse__card__info {
    font-size: 0.6666666667rem;
    padding-top: 0.3888888889rem;
  }
}
@media (max-width: 1919px) {
  .contactselse__card__info {
    font-size: 0.75rem;
    padding-top: 0.1875rem;
  }
}
@media (max-width: 767px) {
  .contactselse__card__info {
    font-size: 0.8rem;
    padding-top: 0.4666666667rem;
  }
}
.contactselse__card__phone {
  display: inline-block;
  color: #FFF;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.5;
  text-transform: uppercase;
  max-width: 100%;
}
.contactselse__card__phone:hover {
  color: #00A1F9;
}
.contactselse__card__phone span {
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.contactselse__card__email {
  display: inline-block;
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1.4;
  color: #00A1F9;
  max-width: 100%;
}
@media (max-width: 2559px) {
  .contactselse__card__email {
    font-size: 1.2222222222rem;
  }
}
@media (max-width: 1919px) {
  .contactselse__card__email {
    font-size: 1.1875rem;
  }
}
@media (max-width: 767px) {
  .contactselse__card__email {
    font-size: 1.1333333333rem;
  }
}
.contactselse__card__email:hover {
  color: #00A1F9;
  text-decoration: underline;
}
.contactselse__card__email span {
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.contactselse__card__text {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.3;
  color: #FFF;
}

.staff {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin: 0 -8px;
}
.staff.staff__contacts {
  padding-bottom: 4rem;
}
@media (max-width: 2559px) {
  .staff.staff__contacts {
    padding-bottom: 4.4444444444rem;
  }
}
@media (max-width: 1919px) {
  .staff.staff__contacts {
    padding-bottom: 5rem;
  }
}
@media (max-width: 767px) {
  .staff.staff__contacts {
    padding-bottom: 2rem;
  }
}
@media (max-width: 1279px) {
  .staff__wrapper {
    margin-left: -2rem;
    margin-right: -2rem;
    overflow-y: hidden;
    overflow-x: auto;
  }
}
.staff__item {
  padding: 0 8px;
  flex: 0 0 auto;
  width: 25%;
  max-width: 100%;
  overflow: hidden;
}
@media (max-width: 1279px) {
  .staff__item {
    width: 33.33333333%;
  }
}
@media (max-width: 767px) {
  .staff__item {
    width: 317px;
  }
}
.staff__card {
  line-height: 1.5;
  font-weight: 500;
}
.staff__card__img {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1rem;
}
.staff__card__img img {
  display: block;
  width: 100%;
}
.staff__card__title {
  font-size: 1rem;
  text-transform: uppercase;
  color: #FFF;
}
.staff__card__proff {
  color: #989BA6;
  font-size: 0.8rem;
  margin-bottom: 1.1rem;
}
@media (max-width: 2559px) {
  .staff__card__proff {
    font-size: 0.8333333333rem;
    margin-bottom: 1.2222222222rem;
  }
}
@media (max-width: 1919px) {
  .staff__card__proff {
    font-size: 0.875rem;
    margin-bottom: 1.375rem;
  }
}
@media (max-width: 767px) {
  .staff__card__proff {
    font-size: 0.8666666667rem;
    margin-bottom: 1.4666666667rem;
  }
}
.staff__card__proff:last-child {
  margin-bottom: 0;
}
.staff__card__phone {
  font-size: 1rem;
  line-height: 1;
  text-transform: uppercase;
  color: #FFF;
  display: inline-block;
  margin-bottom: 0.5rem;
}
@media (max-width: 2559px) {
  .staff__card__phone {
    margin-bottom: 0.5555555556rem;
  }
}
@media (max-width: 1919px) {
  .staff__card__phone {
    margin-bottom: 0.625rem;
  }
}
@media (max-width: 767px) {
  .staff__card__phone {
    margin-bottom: 0.6666666667rem;
  }
}
.staff__card__phone:hover span.hover {
  text-decoration: underline;
}
.staff__card__mail {
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1;
  color: #00A1F9;
  display: inline-block;
  overflow: hidden;
  max-width: 100%;
}
@media (max-width: 2559px) {
  .staff__card__mail {
    font-size: 1.3888888889rem;
  }
}
@media (max-width: 1919px) {
  .staff__card__mail {
    font-size: 1.5625rem;
  }
}
@media (max-width: 767px) {
  .staff__card__mail {
    font-size: 1.6666666667rem;
  }
}
.staff__card__mail span {
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.staff__card__mail:hover span.hover {
  text-decoration: underline;
}
.staff__des {
  margin-bottom: 40px;
}
.staff__des__title {
  font-weight: 500;
  font-size: 2.9rem;
  line-height: 1.2;
  text-transform: uppercase;
  color: #00A1F9;
}
@media (max-width: 2559px) {
  .staff__des__title {
    font-size: 2.6666666667rem;
  }
}
@media (max-width: 1919px) {
  .staff__des__title {
    font-size: 2.25rem;
  }
}
@media (max-width: 767px) {
  .staff__des__title {
    font-size: 1.9333333333rem;
  }
}
.staff__nav {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 -9rem;
  z-index: -1;
}
@media (max-width: 2559px) {
  .staff__nav {
    margin: 0 -7.3888888889rem;
  }
}
@media (max-width: 1919px) {
  .staff__nav {
    margin: 0 -3rem;
  }
}
@media (max-width: 1279px) {
  .staff__nav {
    margin: 0 -2.6875rem;
  }
}
@media (max-width: 1023px) {
  .staff__nav {
    margin: 0 -0.5rem;
  }
}
@media (max-width: 767px) {
  .staff__nav {
    left: 16px;
    right: 16px;
  }
}
.staff__nav__item {
  padding: 0 180px;
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}
@media (max-width: 2559px) {
  .staff__nav__item {
    padding: 0 7.3888888889rem;
  }
}
@media (max-width: 1919px) {
  .staff__nav__item {
    padding: 0 3rem;
  }
}
@media (max-width: 1279px) {
  .staff__nav__item {
    padding: 0 2.6875rem;
  }
}
@media (max-width: 1023px) {
  .staff__nav__item {
    padding: 0 0.5rem;
  }
}
@media (max-width: 767px) {
  .staff__nav__item {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .staff__nav__item.staff__nav__hidemobile {
    display: none;
  }
}
.staff__arrow {
  width: 80px;
  height: 80px;
  color: #FFF;
  position: relative;
  cursor: pointer;
}
@media (hover: hover) {
  .staff__arrow:hover i {
    width: 70px;
  }
  .staff__arrow:hover i::after {
    background-color: #00A1F9;
  }
  .staff__arrow:hover i svg {
    color: #00A1F9;
  }
}
@media (hover: none) {
  .staff__arrow:active i {
    width: 70px;
  }
  .staff__arrow:active i::after {
    background-color: #00A1F9;
  }
  .staff__arrow:active i svg {
    color: #00A1F9;
  }
}
.staff__arrow i {
  display: block;
  position: absolute;
  width: 54px;
  height: 18px;
  top: 50%;
  transform: translateY(-50%);
  transition: width 0.3s;
}
.staff__arrow i svg {
  position: absolute;
  display: block;
  top: 0;
  height: 18px;
  stroke: currentColor;
  transition: color 0.3s;
}
.staff__arrow i::after {
  content: "";
  position: absolute;
  top: 50%;
  height: 2px;
  transform: translateY(-50%);
  border-radius: 1px;
  background-color: #FFF;
  transition: background-color 0.3s;
}
.staff__arrow.staff__arrow__prev i {
  right: 13px;
}
.staff__arrow.staff__arrow__prev i svg {
  left: 0;
  transform: rotate(180deg);
}
.staff__arrow.staff__arrow__prev i::after {
  left: 2px;
  right: 0;
}
.staff__arrow.staff__arrow__next i {
  left: 13px;
}
.staff__arrow.staff__arrow__next i svg {
  right: 0;
}
.staff__arrow.staff__arrow__next i::after {
  right: 2px;
  left: 0;
}
.staff__progress {
  width: 1000px;
  height: 4px;
  position: relative;
}
@media (max-width: 2559px) {
  .staff__progress {
    width: 766px;
  }
}
@media (max-width: 1279px) {
  .staff__progress {
    width: 550px;
  }
}
@media (max-width: 767px) {
  .staff__progress {
    padding-left: 16px;
    padding-right: 16px;
    width: 100%;
  }
}
.staff__progress .swiper-pagination-progressbar {
  background-color: #363738;
  border-radius: 0;
}
.staff__progress .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background-color: #00A1F9;
}

.staff-about {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin: 0 -8px;
}
@media (max-width: 1279px) {
  .staff-about {
    margin: 0;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
@media (max-width: 767px) {
  .staff-about {
    padding-left: 1.0666666667rem;
    padding-right: 1.0666666667rem;
  }
}
@media (max-width: 1279px) {
  .staff-about__wrapper {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
    overflow-y: hidden;
    overflow-x: auto;
  }
}
@media (max-width: 767px) {
  .staff-about__wrapper {
    margin-left: -1.0666666667rem;
    margin-right: -0.9375rem;
  }
}
.staff-about__item {
  padding: 0 8px;
  flex: 0 0 auto;
  width: 25%;
  max-width: 100%;
  overflow: hidden;
}
@media (max-width: 1279px) {
  .staff-about__item {
    width: 33.33333333%;
    padding: 0;
    padding-right: 16px;
  }
  .staff-about__item:last-child {
    padding-right: 24px;
  }
}
@media (max-width: 767px) {
  .staff-about__item {
    width: 317px;
    padding-right: 10px;
  }
  .staff-about__item:last-child {
    padding-right: 16px;
  }
}
.staff-about__card {
  line-height: 1.5;
  font-weight: 500;
}
.staff-about__card__img {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1rem;
}
.staff-about__card__img img {
  display: block;
  width: 100%;
}
.staff-about__card__title {
  font-size: 1rem;
  text-transform: uppercase;
  color: #FFF;
}
.staff-about__card__proff {
  color: #989BA6;
  font-size: 0.8rem;
  margin-bottom: 1.1rem;
}
@media (max-width: 2559px) {
  .staff-about__card__proff {
    font-size: 0.8333333333rem;
    margin-bottom: 1.2222222222rem;
  }
}
@media (max-width: 1919px) {
  .staff-about__card__proff {
    font-size: 0.875rem;
    margin-bottom: 1.375rem;
  }
}
@media (max-width: 767px) {
  .staff-about__card__proff {
    font-size: 0.8666666667rem;
    margin-bottom: 1.4666666667rem;
  }
}
.staff-about__card__proff:last-child {
  margin-bottom: 0;
}
.staff-about__card__phone {
  font-size: 1rem;
  line-height: 1;
  text-transform: uppercase;
  color: #FFF;
  display: inline-block;
  margin-bottom: 0.5rem;
}
@media (max-width: 2559px) {
  .staff-about__card__phone {
    margin-bottom: 0.5555555556rem;
  }
}
@media (max-width: 1919px) {
  .staff-about__card__phone {
    margin-bottom: 0.625rem;
  }
}
@media (max-width: 767px) {
  .staff-about__card__phone {
    margin-bottom: 0.6666666667rem;
  }
}
.staff-about__card__phone:hover span.hover {
  text-decoration: underline;
}
.staff-about__card__mail {
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1;
  color: #00A1F9;
  display: inline-block;
  overflow: hidden;
  max-width: 100%;
}
@media (max-width: 2559px) {
  .staff-about__card__mail {
    font-size: 1.3888888889rem;
  }
}
@media (max-width: 1919px) {
  .staff-about__card__mail {
    font-size: 1.5625rem;
  }
}
@media (max-width: 767px) {
  .staff-about__card__mail {
    font-size: 1.6666666667rem;
  }
}
.staff-about__card__mail span {
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.staff-about__card__mail:hover span.hover {
  text-decoration: underline;
}
.staff-about__des {
  margin-bottom: 40px;
}
.staff-about__des__title {
  font-weight: 500;
  font-size: 2.9rem;
  line-height: 1.2;
  text-transform: uppercase;
  color: #00A1F9;
}
@media (max-width: 2559px) {
  .staff-about__des__title {
    font-size: 2.6666666667rem;
  }
}
@media (max-width: 1919px) {
  .staff-about__des__title {
    font-size: 2.25rem;
  }
}
@media (max-width: 767px) {
  .staff-about__des__title {
    font-size: 1.9333333333rem;
  }
}

.quote {
  text-align: center;
  max-width: 1620px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 91px;
  padding-bottom: 82px;
  position: relative;
}
@media (max-width: 2559px) {
  .quote {
    max-width: 904px;
    padding-top: 43px;
    padding-bottom: 68px;
  }
}
@media (max-width: 1919px) {
  .quote {
    max-width: 802px;
    padding-top: 49px;
    padding-bottom: 41px;
  }
}
@media (max-width: 1023px) {
  .quote {
    max-width: 720px;
    padding-top: 44px;
    padding-bottom: 29px;
  }
}
@media (max-width: 767px) {
  .quote {
    max-width: 100%;
    padding-top: 30px;
    padding-bottom: 25px;
  }
}
.quote.quote__size2 {
  max-width: 1616px;
}
@media (max-width: 2559px) {
  .quote.quote__size2 {
    max-width: 1210px;
  }
}
@media (max-width: 1919px) {
  .quote.quote__size2 {
    max-width: 1014px;
  }
}
@media (max-width: 1023px) {
  .quote.quote__size2 {
    max-width: 100%;
  }
}
.quote__text {
  font-size: 2.4rem;
  line-height: 1.4;
  padding-top: 43px;
  font-weight: 400;
  color: #FFF;
  margin-bottom: 48px;
  position: relative;
}
@media (max-width: 2559px) {
  .quote__text {
    font-size: 2.1111111111rem;
    padding-top: 37px;
  }
}
@media (max-width: 1919px) {
  .quote__text {
    font-size: 1.625rem;
    padding-top: 30px;
  }
}
@media (max-width: 767px) {
  .quote__text {
    font-size: 1.2666666667rem;
    padding-top: 25px;
    margin-bottom: 42px;
  }
}
.quote__text::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  width: 32px;
  height: 27px;
  background: url("../img/ic-quote.svg");
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 2;
}
@media (max-width: 2559px) {
  .quote__text::after {
    height: 23px;
  }
}
@media (max-width: 1279px) {
  .quote__text::after {
    height: 15px;
  }
}
@media (max-width: 1023px) {
  .quote__text::after {
    height: 14px;
  }
}
@media (max-width: 767px) {
  .quote__text::after {
    height: 11px;
  }
}
.quote__text p {
  margin-bottom: 20px;
}
.quote__text p:last-child {
  margin-bottom: 0;
}
.quote__photo {
  max-width: 392px;
  height: 255px;
  margin: 0 auto 30px auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 2559px) {
  .quote__photo {
    max-width: 290px;
    height: 181px;
  }
}
@media (max-width: 1919px) {
  .quote__photo {
    max-width: 190px;
    height: 119px;
  }
}
@media (max-width: 1279px) {
  .quote__photo {
    max-width: 310px;
    height: 193px;
    margin-bottom: 27px;
  }
}
@media (max-width: 1023px) {
  .quote__photo {
    max-width: 230px;
    height: 145px;
  }
}
@media (max-width: 767px) {
  .quote__photo {
    max-width: 328px;
    height: 200px;
    margin-bottom: 19px;
  }
}
.quote__photo img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
}
.quote__title {
  font-weight: 500;
  font-size: 1rem;
  line-height: 150%;
  text-transform: uppercase;
  color: #FFF;
}
@media (max-width: 2559px) {
  .quote__title {
    margin-bottom: 3px;
  }
}
@media (max-width: 1023px) {
  .quote__title {
    margin-bottom: 1px;
  }
}
@media (max-width: 767px) {
  .quote__title {
    margin-bottom: 3px;
  }
}
.quote__des {
  color: #989BA6;
  font-size: 0.8rem;
  line-height: 1.5;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 2559px) {
  .quote__des {
    font-size: 0.8333333333rem;
    max-width: 290px;
  }
}
@media (max-width: 1919px) {
  .quote__des {
    font-size: 0.875rem;
  }
}
@media (max-width: 767px) {
  .quote__des {
    font-size: 0.8666666667rem;
    max-width: 190px;
  }
}

.strategy {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  margin: -0.4rem;
  padding-top: 3.8rem;
}
@media (max-width: 2559px) {
  .strategy {
    margin: -0.4444444444rem;
    padding-top: 1.8333333333rem;
  }
}
@media (max-width: 1919px) {
  .strategy {
    margin: -0.5rem;
    padding-top: 2.6875rem;
  }
}
@media (max-width: 1279px) {
  .strategy {
    padding-top: 2.875rem;
  }
}
@media (max-width: 1023px) {
  .strategy {
    padding-top: 2.3125rem;
  }
}
@media (max-width: 767px) {
  .strategy {
    margin: -0.5333333333rem;
    padding-top: 1.8666666667rem;
  }
}
.strategy__aside {
  flex: 0 0 auto;
  width: 25%;
  max-width: 100%;
  padding: 0.4rem;
}
@media (max-width: 2559px) {
  .strategy__aside {
    padding: 0.4444444444rem;
    margin-right: 8.33333333%;
  }
}
@media (max-width: 1919px) {
  .strategy__aside {
    padding: 0.5rem;
    width: 33.33333333%;
  }
}
@media (max-width: 1279px) {
  .strategy__aside {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .strategy__aside {
    padding: 0.5333333333rem;
  }
}
.strategy__body {
  flex: 1 0 0%;
  width: 100%;
  max-width: 100%;
  padding: 0.4rem;
}
@media (max-width: 2559px) {
  .strategy__body {
    padding: 0.4444444444rem;
  }
}
@media (max-width: 1919px) {
  .strategy__body {
    padding: 0.5rem;
  }
}
@media (max-width: 1279px) {
  .strategy__body {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .strategy__body {
    padding: 0.5333333333rem;
  }
}
@media (max-width: 1279px) {
  .strategy__hidelaptop {
    display: none;
  }
}
@media (max-width: 1279px) {
  .strategy .block__mb {
    margin-bottom: 0;
  }
}
@media (max-width: 1279px) {
  .strategy .block__text {
    max-width: calc(50% - 8px);
  }
}
@media (max-width: 1023px) {
  .strategy .block__text {
    max-width: calc(80% - 8px);
  }
}
@media (max-width: 767px) {
  .strategy .block__text {
    max-width: 100%;
  }
}
.strategy__columns {
  display: flex;
  flex-direction: column;
}
@media (max-width: 1279px) {
  .strategy__columns {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
.strategy__columns > div {
  width: 100%;
}
@media (max-width: 1279px) {
  .strategy__columns > div.strategy__columns__title {
    flex: 1 0 0%;
    width: 100%;
    max-width: 100%;
    order: 1;
  }
  .strategy__columns > div.strategy__columns__text {
    width: 100%;
    order: 3;
  }
  .strategy__columns > div.strategy__columns__link {
    flex: 0 0 auto;
    width: auto;
    order: 2;
    padding-top: 15px;
  }
}
@media (max-width: 767px) {
  .strategy__columns > div.strategy__columns__title {
    flex: 1 0 0%;
    width: 100%;
    max-width: 100%;
    order: 1;
  }
  .strategy__columns > div.strategy__columns__link {
    width: 100%;
    padding-top: 0;
  }
  .strategy__columns > div.strategy__columns__link {
    margin-bottom: 20px;
  }
}
.strategy .h2 {
  margin-bottom: 1.2rem;
}
@media (max-width: 2559px) {
  .strategy .h2 {
    margin-bottom: 1.3333333333rem;
  }
}
@media (max-width: 1919px) {
  .strategy .h2 {
    margin-bottom: 2.0625rem;
  }
}
@media (max-width: 1279px) {
  .strategy .h2 {
    margin-bottom: 1rem;
  }
}
@media (max-width: 767px) {
  .strategy .h2 {
    margin-bottom: 1rem;
  }
}

.clients__text {
  max-width: 25%;
  margin-bottom: 60px;
}
@media (max-width: 2559px) {
  .clients__text {
    max-width: 33.33333%;
  }
}
@media (max-width: 1919px) {
  .clients__text {
    max-width: 50%;
  }
}
@media (max-width: 1279px) {
  .clients__text {
    max-width: 58.75%;
  }
}
@media (max-width: 1023px) {
  .clients__text {
    max-width: 80%;
  }
}
@media (max-width: 767px) {
  .clients__text {
    max-width: 100%;
    margin-bottom: 40px;
  }
}
.clients__list {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  border-top: 1px solid #2F2F30;
  border-left: 1px solid #2F2F30;
}
.clients__list__item {
  flex: 0 0 auto;
  width: 33.33333333%;
  max-width: 100%;
  border-right: 1px solid #2F2F30;
  border-bottom: 1px solid #2F2F30;
}
@media (max-width: 1023px) {
  .clients__list__item {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .clients__list__item {
    width: 100%;
  }
  .clients__list__item.clients__list__hidden {
    display: none;
  }
}
.clients__card {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  position: relative;
  height: 450px;
  line-height: 1.4;
  font-size: 0.6rem;
  text-transform: uppercase;
  padding: 63px;
  color: #FFF;
}
@media (max-width: 2559px) {
  .clients__card {
    font-size: 0.6666666667rem;
    height: 388px;
    padding: 32px;
  }
}
@media (max-width: 1919px) {
  .clients__card {
    font-size: 0.75rem;
    height: 260px;
    padding: 20px;
  }
}
@media (max-width: 767px) {
  .clients__card {
    font-size: 0.8rem;
    height: 260px;
  }
}
.clients__card:hover {
  color: #FFF;
}
.clients__card:hover .clients__card__text {
  opacity: 1;
}
@media (min-width: 768px) {
  .clients__card:hover .clients__card__img img {
    transform: scale(1.2, 1.2);
  }
}
.clients__card__text {
  opacity: 0;
  transition: all ease 0.3s;
  position: relative;
  z-index: 3;
}
@media (max-width: 767px) {
  .clients__card__text {
    opacity: 1;
  }
}
@media (min-width: 768px) {
  .clients__card__text:hover .default {
    transform: translateY(-100%);
  }
  .clients__card__text:hover .hover {
    transform: translateY(0);
    color: #00A1F9;
    text-decoration: underline;
  }
}
.clients__card__img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}
.clients__card__img img {
  max-width: 268px;
  max-height: 136px;
  transition: all ease 0.3s;
}
@media (max-width: 2559px) {
  .clients__card__img img {
    max-width: 206px;
    max-height: 105px;
  }
}
@media (max-width: 1919px) {
  .clients__card__img img {
    max-width: 162px;
    max-height: 80px;
  }
}
@media (max-width: 767px) {
  .clients__card__img img {
    max-width: 150px;
    max-height: 76px;
  }
}

.vacancies {
  position: relative;
}
.vacancies__body {
  border-left: 1px solid #2F2F30;
}
@media (min-width: 768px) {
  .vacancies__body {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    height: auto;
    width: auto;
  }
}
@media (max-width: 767px) {
  .vacancies__wrapper {
    margin-left: -1.0666666667rem;
    margin-right: -1.0666666667rem;
  }
}
@media (min-width: 768px) {
  .vacancies__item {
    padding-right: 16px;
    flex: 0 0 auto;
    width: 25%;
    max-width: 100%;
    height: auto;
    padding: 0;
    transition: all ease 0.5s;
  }
  .vacancies__item:last-child {
    padding-right: 0;
  }
  .vacancies__item:nth-child(-n+2) {
    border-top: 1px solid #2F2F30;
  }
  .vacancies__item:nth-child(n+5) {
    max-height: 0;
    overflow: hidden;
  }
}
@media (min-width: 768px) and (min-width: 1024px) {
  .vacancies__item:nth-child(-n+3) {
    border-top: 1px solid #2F2F30;
  }
}
@media (min-width: 768px) and (min-width: 1920px) {
  .vacancies__item:nth-child(-n+4) {
    border-top: 1px solid #2F2F30;
  }
}
@media (min-width: 768px) and (max-width: 1919px) {
  .vacancies__item {
    width: 33.33333333%;
  }
  .vacancies__item:nth-child(n+4) {
    max-height: 0;
    overflow: hidden;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .vacancies__item {
    width: 50%;
  }
  .vacancies__item:nth-child(n+3) {
    max-height: 0;
    overflow: hidden;
  }
}
@media (max-width: 767px) {
  .vacancies__item {
    width: 317px;
  }
}
.vacancies__card {
  border-right: 1px solid #2F2F30;
  border-bottom: 1px solid #2F2F30;
  padding: 20px 32px;
  display: flex;
  flex-direction: column;
  height: 255px;
  position: relative;
  transition: all ease 0.3s;
}
@media (max-width: 2559px) {
  .vacancies__card {
    height: 222px;
    padding: 25px;
  }
}
@media (max-width: 767px) {
  .vacancies__card {
    padding: 15px 20px;
    border-top: 1px solid #2F2F30;
  }
}
.vacancies__card:hover {
  background-color: #202124;
}
.vacancies__card:hover .vacancies__card__title {
  text-decoration-color: #FFF;
}
.vacancies__card__city {
  font-size: 0.8rem;
  line-height: 1.5;
  color: #989BA6;
}
@media (max-width: 2559px) {
  .vacancies__card__city {
    font-size: 0.8333333333rem;
  }
}
@media (max-width: 1919px) {
  .vacancies__card__city {
    font-size: 0.875rem;
  }
}
@media (max-width: 767px) {
  .vacancies__card__city {
    font-size: 0.8666666667rem;
  }
}
.vacancies__card__title {
  font-weight: 500;
  font-size: 1.25rem;
  line-height: 1.5;
  margin-bottom: 7px;
  text-transform: uppercase;
  color: #FFF;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  -webkit-tap-highlight-color: transparent;
  text-decoration: underline;
  text-decoration-color: transparent;
  text-decoration-thickness: 1px;
  text-underline-position: auto;
  text-underline-offset: 0.125em;
  transition: all ease 0.3s;
  overflow: hidden;
}
@media (max-width: 2559px) {
  .vacancies__card__title {
    font-size: 1.2222222222rem;
  }
}
@media (max-width: 1919px) {
  .vacancies__card__title {
    font-size: 1.1875rem;
  }
}
@media (max-width: 767px) {
  .vacancies__card__title {
    font-size: 1.1333333333rem;
  }
}
.vacancies__card__tags {
  display: flex;
  align-items: center;
  margin: auto -13px 0 -13px;
  font-size: 1rem;
  line-height: 1.3;
  color: #FFF;
}
.vacancies__card__tags span {
  padding: 0 13px;
  position: relative;
}
.vacancies__card__tags span::after {
  content: "";
  position: absolute;
  right: -2px;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  background-color: #FFF;
  width: 4px;
  height: 4px;
}
.vacancies__card__tags span:last-child::after {
  display: none;
}
.vacancies__card__link {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
}
@media (max-width: 767px) {
  .vacancies__hidden-mobile {
    display: none;
  }
}

.solutions {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  margin: 0 -0.8rem;
}
@media (max-width: 2559px) {
  .solutions {
    margin: 0 -0.8888888889rem;
  }
}
@media (max-width: 1919px) {
  .solutions {
    margin: 0 -1rem;
  }
}
@media (max-width: 1279px) {
  .solutions {
    margin: 0 -0.5rem;
  }
}
@media (max-width: 767px) {
  .solutions {
    margin: 0 -0.5333333333rem;
  }
}
.solutions__item {
  padding: 0 0.8rem;
  flex: 0 0 auto;
  width: 50%;
  max-width: 100%;
}
@media (max-width: 2559px) {
  .solutions__item {
    padding: 0 0.8888888889rem;
  }
}
@media (max-width: 1919px) {
  .solutions__item {
    padding: 0 1rem;
  }
}
@media (max-width: 1279px) {
  .solutions__item {
    width: 100%;
  }
}
@media (max-width: 1023px) {
  .solutions__item {
    padding: 0 0.5rem;
  }
}
@media (max-width: 767px) {
  .solutions__item {
    padding: 0 0.5333333333rem;
  }
}
@media (max-width: 1279px) {
  .solutions__item.solutions__item__first {
    width: 100%;
  }
}
@media (max-width: 1279px) {
  .solutions__item.solutions__item__first:nth-child(n+1) {
    padding-top: 2rem;
  }
}
@media (max-width: 767px) {
  .solutions__item.solutions__item__first:nth-child(n+1) {
    padding-top: 1.6rem;
  }
}
.solutions__card {
  border-bottom: 1px solid #2F2F30;
  position: relative;
  transition: all 0.3s;
  z-index: 2;
  padding: 0 1.2rem;
  min-height: 116px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
@media (max-width: 2559px) {
  .solutions__card {
    padding: 0 1.3333333333rem;
    min-height: 112px;
  }
}
@media (max-width: 1919px) {
  .solutions__card {
    padding: 0 1.5rem;
    min-height: 107px;
  }
}
@media (max-width: 1279px) {
  .solutions__card {
    padding: 0 1rem;
    min-height: 99px;
  }
}
@media (max-width: 1023px) {
  .solutions__card {
    padding: 0 0.5rem;
    min-height: 107px;
  }
}
@media (max-width: 767px) {
  .solutions__card {
    padding: 0 1rem;
    min-height: 128px;
  }
}
.solutions__card:hover {
  color: #00A1F9;
  text-decoration: none;
}
.solutions__card:hover::after {
  width: 100%;
}
.solutions__card:hover .solutions__card__title,
.solutions__card:hover .solutions__card__text {
  color: #00A1F9;
}
.solutions__card:hover .solutions__card__icon {
  color: #00A1F9;
}
.solutions__card:hover .solutions__card__icon::after {
  background-color: #00A1F9;
  width: 2rem;
}
.solutions__card:hover .solutions__card__img {
  background-color: #2B2C30;
}
.solutions__card:hover .solutions__card__img img {
  transform: scale(1.1, 1.1);
}
.solutions__card:hover .solutions__card__img__shadow {
  top: -20%;
}
.solutions__card.solutions__card__first {
  padding: 0;
}
.solutions__card.solutions__card__first .solutions__card__row {
  flex-direction: column;
  align-items: flex-start;
}
.solutions__card.solutions__card__first .solutions__card__title {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0 2.5rem 0 0;
  width: 100%;
}
@media (max-width: 2559px) {
  .solutions__card.solutions__card__first .solutions__card__title {
    padding: 0 2.7777777778rem 0 0;
  }
}
@media (max-width: 1919px) {
  .solutions__card.solutions__card__first .solutions__card__title {
    padding: 0 3.125rem 0 0;
  }
}
@media (max-width: 767px) {
  .solutions__card.solutions__card__first .solutions__card__title {
    padding: 0 3.3333333333rem 0 0;
    font-size: 1.0666666667rem;
  }
}
.solutions__card.solutions__card__first .solutions__card__body {
  padding: 0 1.2rem;
  min-height: 116px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
@media (max-width: 2559px) {
  .solutions__card.solutions__card__first .solutions__card__body {
    padding: 0 1.3333333333rem;
    min-height: 112px;
  }
}
@media (max-width: 1919px) {
  .solutions__card.solutions__card__first .solutions__card__body {
    padding: 0 1.5rem;
    min-height: 107px;
  }
}
@media (max-width: 1279px) {
  .solutions__card.solutions__card__first .solutions__card__body {
    min-height: 99px;
  }
}
@media (max-width: 1023px) {
  .solutions__card.solutions__card__first .solutions__card__body {
    padding: 0 1rem;
    min-height: 107px;
  }
}
@media (max-width: 767px) {
  .solutions__card.solutions__card__first .solutions__card__body {
    padding: 0 1.0666666667rem;
    min-height: 128px;
  }
}
.solutions__card__row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  height: 100%;
  width: 100%;
}
.solutions__card__link {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
}
.solutions__card__img {
  flex: 0 0 auto;
  max-width: 100%;
  width: 100%;
  height: 220px;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  background-color: #202124;
  position: relative;
  overflow: hidden;
  transition: all ease 0.3s;
}
.solutions__card__img__corner {
  position: absolute;
  right: 0;
  bottom: 0;
  top: 0;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}
.solutions__card__img__corner svg {
  height: 100%;
  width: auto;
  object-fit: contain;
  fill: currentColor;
}
.solutions__card__img span {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  width: 220px;
  height: 100%;
  padding: 1.5rem 1.5rem 0 1.5rem;
}
@media (max-width: 2559px) {
  .solutions__card__img span {
    padding: 1.6666666667rem 1.6666666667rem 0 1.6666666667rem;
  }
}
@media (max-width: 1919px) {
  .solutions__card__img span {
    padding: 1.875rem 1.875rem 0 1.875rem;
  }
}
@media (max-width: 767px) {
  .solutions__card__img span {
    padding: 2rem 2rem 0 2rem;
  }
}
.solutions__card__img span img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  position: relative;
  transition: all ease 0.3s;
  z-index: 2;
}
.solutions__card__img__shadow {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background-image: url("./../img/bg-shadow.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0 100%;
  transition: all ease 0.3s;
  z-index: 1;
}
.solutions__card__body {
  flex: 1 0 0%;
  width: 100%;
  max-width: 100%;
}
.solutions__card__title {
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.5;
  text-transform: uppercase;
  color: #5B5D66;
  position: relative;
  padding: 0 2rem 0 0;
  transition: all 0.3s;
  display: flex;
  align-items: center;
}
@media (max-width: 2559px) {
  .solutions__card__title {
    padding: 0 2.7777777778rem 0 0;
  }
}
@media (max-width: 1919px) {
  .solutions__card__title {
    padding: 0 3.125rem 0 0;
  }
}
@media (max-width: 767px) {
  .solutions__card__title {
    padding: 0 3.3333333333rem 0 0;
  }
}
.solutions__card__title span {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* line-clamp: 2; */
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media (max-width: 767px) {
  .solutions__card__title span {
    -webkit-line-clamp: 3;
    /* line-clamp: 3; */
  }
}
.solutions__card__icon {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1.2rem;
  height: 1.2rem;
  max-width: 100%;
  color: #5B5D66;
  z-index: 2;
}
@media (max-width: 2559px) {
  .solutions__card__icon {
    width: 1.3333333333rem;
    height: 1.3333333333rem;
  }
}
@media (max-width: 1919px) {
  .solutions__card__icon {
    width: 1.5rem;
    height: 1.5rem;
  }
}
@media (max-width: 767px) {
  .solutions__card__icon {
    width: 1.6rem;
    height: 1.6rem;
  }
}
.solutions__card__icon svg {
  position: absolute;
  right: 0.2rem;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s;
}
.solutions__card__icon::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0.35rem;
  height: 0.1rem;
  width: 0.8rem;
  border-radius: 1px 0 0 1px;
  background-color: #5B5D66;
  transition: all 0.3s;
}
@media (max-width: 2559px) {
  .solutions__card__icon::after {
    right: 0.3888888889rem;
    height: 0.1111111111rem;
    width: 0.8888888889rem;
  }
}
@media (max-width: 1919px) {
  .solutions__card__icon::after {
    right: 0.4375rem;
    height: 0.125rem;
    width: 1rem;
  }
}
@media (max-width: 767px) {
  .solutions__card__icon::after {
    right: 0.4666666667rem;
    height: 0.1333333333rem;
    width: 1.0666666667rem;
  }
}

.article {
  position: relative;
  width: 100%;
}
.article__row {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin: 0 -0.4rem;
}
@media (max-width: 2559px) {
  .article__row {
    margin: 0 -0.4444444444rem;
  }
}
@media (max-width: 1919px) {
  .article__row {
    margin: 0 -0.5rem;
  }
}
@media (max-width: 1279px) {
  .article__row {
    flex-wrap: wrap;
  }
}
@media (max-width: 767px) {
  .article__row {
    margin: 0 -0.5333333333rem;
  }
}
.article__row > div {
  padding: 0 0.4rem;
}
@media (max-width: 2559px) {
  .article__row > div {
    padding: 0 0.4444444444rem;
  }
}
@media (max-width: 1919px) {
  .article__row > div {
    padding: 0 0.5rem;
  }
}
@media (max-width: 1279px) {
  .article__row > div {
    padding: 0 0.5rem;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .article__row > div {
    padding: 0 0.5333333333rem;
  }
}
.article__row.article__row__mb1 {
  margin-bottom: 2.15rem;
}
@media (max-width: 2559px) {
  .article__row.article__row__mb1 {
    margin-bottom: 1.5rem;
  }
}
@media (max-width: 1919px) {
  .article__row.article__row__mb1 {
    margin-bottom: 1.375rem;
  }
}
@media (max-width: 1279px) {
  .article__row.article__row__mb1 {
    margin-bottom: 0.625rem;
  }
}
@media (max-width: 1023px) {
  .article__row.article__row__mb1 {
    margin-bottom: 1.5625rem;
  }
}
@media (max-width: 767px) {
  .article__row.article__row__mb1 {
    margin-bottom: 1.2666666667rem;
  }
}
.article__row.article__row__mb1:last-child {
  margin-bottom: 0;
}
.article__row.article__row__mb2 {
  margin-bottom: 4rem;
}
@media (max-width: 2559px) {
  .article__row.article__row__mb2 {
    margin-bottom: 3.8888888889rem;
  }
}
@media (max-width: 1919px) {
  .article__row.article__row__mb2 {
    margin-bottom: 4rem;
  }
}
@media (max-width: 1279px) {
  .article__row.article__row__mb2 {
    margin-bottom: 3rem;
  }
}
@media (max-width: 1023px) {
  .article__row.article__row__mb2 {
    margin-bottom: 4rem;
  }
}
@media (max-width: 767px) {
  .article__row.article__row__mb2 {
    margin-bottom: 3.2rem;
  }
}
.article__row.article__row__mb2:last-child {
  margin-bottom: 0;
}
.article__aside {
  flex: 0 0 auto;
  width: 25%;
  max-width: 100%;
}
.article__aside__title {
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.3;
  text-transform: uppercase;
  color: #FFF;
  max-width: 392px;
}
@media (max-width: 1919px) {
  .article__aside__title {
    max-width: 189px;
  }
}
@media (max-width: 1279px) {
  .article__aside__title {
    max-width: 309px;
    margin-bottom: 1.0625rem;
  }
}
@media (max-width: 767px) {
  .article__aside__title {
    margin-bottom: 0.6666666667rem;
  }
}
.article__content {
  flex: 1 0 0%;
  width: 100%;
  max-width: 100%;
}
.article__content2 {
  max-width: 66.67%;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1279px) {
  .article__content2 {
    max-width: 90%;
  }
}
@media (max-width: 1023px) {
  .article__content2 {
    max-width: 100%;
  }
}
.article__title {
  font-size: 2.4rem;
  line-height: 1.4;
  color: #FFF;
  margin-bottom: 2.6rem;
}
@media (max-width: 2559px) {
  .article__title {
    font-size: 2.1111111111rem;
    margin-bottom: 3.3333333333rem;
  }
}
@media (max-width: 1919px) {
  .article__title {
    font-size: 1.625rem;
    margin-bottom: 3.25rem;
  }
}
@media (max-width: 767px) {
  .article__title {
    font-size: 1.2666666667rem;
    margin-bottom: 2.8666666667rem;
  }
}
.article__title.article__title__mb-mini {
  margin-bottom: 0.9rem;
}
@media (max-width: 2559px) {
  .article__title.article__title__mb-mini {
    margin-bottom: 0.5rem;
  }
}
@media (max-width: 1919px) {
  .article__title.article__title__mb-mini {
    margin-bottom: 0.875rem;
  }
}
@media (max-width: 767px) {
  .article__title.article__title__mb-mini {
    margin-bottom: 1.2rem;
  }
}
.article__columns {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: 0 -0.4rem 1.75rem -0.4rem;
}
@media (max-width: 2559px) {
  .article__columns {
    margin: 0 -0.4444444444rem 1.9444444444rem -0.4444444444rem;
  }
}
@media (max-width: 1919px) {
  .article__columns {
    margin: 0 -0.5rem 2.1875rem -0.5rem;
  }
}
@media (max-width: 767px) {
  .article__columns {
    margin: 0 -0.5333333333rem 2.3333333333rem -0.5333333333rem;
  }
}
.article__columns > div {
  padding: 0 0.4rem;
  flex: 0 0 auto;
  max-width: 100%;
}
@media (max-width: 2559px) {
  .article__columns > div {
    padding: 0 0.4444444444rem;
  }
}
@media (max-width: 1919px) {
  .article__columns > div {
    padding: 0 0.5rem;
  }
}
@media (max-width: 767px) {
  .article__columns > div {
    padding: 0 0.5333333333rem;
  }
}
.article__columns > div.article__columns__item {
  width: 50%;
}
@media (max-width: 767px) {
  .article__columns > div.article__columns__item {
    width: 100%;
    margin-top: 1.3333333333rem;
  }
  .article__columns > div.article__columns__item:first-child {
    margin-top: 0;
  }
}
.article__columns > div.article__columns__item2 {
  width: 33.33333333%;
}
@media (max-width: 1919px) {
  .article__columns > div.article__columns__item2 {
    width: 43%;
  }
}
@media (max-width: 1279px) {
  .article__columns > div.article__columns__item2 {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .article__columns > div.article__columns__item2 {
    width: 100%;
    margin-top: 1.3333333333rem;
  }
  .article__columns > div.article__columns__item2:first-child {
    margin-top: 0;
  }
}
@media (max-width: 767px) {
  .article__columns > div.article__columns__item2:last-child .article__pagemenu {
    margin-top: 0;
  }
}
.article__columns > div.article__columns__break {
  display: block;
  flex-basis: 100%;
  height: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.article__container {
  width: 66.67%;
}
@media (max-width: 1919px) {
  .article__container {
    width: 90%;
  }
}
@media (max-width: 1279px) {
  .article__container {
    width: 100%;
  }
}
.article__greyblock {
  padding: 1.25rem 1.5rem;
  margin: 1.5rem 0;
  background-color: #202124;
  overflow: hidden;
  width: 100%;
}
@media (max-width: 2559px) {
  .article__greyblock {
    padding: 1.3888888889rem 1.6666666667rem;
    margin: 1.6666666667rem 0;
  }
}
@media (max-width: 1919px) {
  .article__greyblock {
    padding: 1.25rem 1.5rem;
    margin: 1.875rem 0;
  }
}
@media (max-width: 1023px) {
  .article__greyblock {
    margin: 1.75rem 0;
  }
}
@media (max-width: 767px) {
  .article__greyblock {
    padding: 0.8rem 1.0666666667rem;
    margin: 1.8666666667rem 0;
  }
}
.article__greyblock:first-child {
  margin-top: 0;
}
.article__greyblock:last-child {
  margin-bottom: 0;
}
.article__greyblock__row {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: nowrap;
  margin: 0 -24px;
}
@media (max-width: 1919px) {
  .article__greyblock__row {
    margin: 0 -32px;
  }
}
@media (max-width: 1279px) {
  .article__greyblock__row {
    margin: 0 -8px;
  }
}
@media (max-width: 767px) {
  .article__greyblock__row {
    flex-wrap: wrap;
  }
}
.article__greyblock__row > div {
  padding: 0 24px;
}
@media (max-width: 1919px) {
  .article__greyblock__row > div {
    padding: 0 32px;
  }
}
@media (max-width: 1279px) {
  .article__greyblock__row > div {
    padding: 0 8px;
  }
}
.article__greyblock__scheme {
  width: 42%;
  flex: 0 0 auto;
  max-width: 100%;
}
@media (max-width: 2559px) {
  .article__greyblock__scheme {
    width: 50%;
  }
}
@media (max-width: 1919px) {
  .article__greyblock__scheme {
    width: 44%;
  }
}
@media (max-width: 1279px) {
  .article__greyblock__scheme {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .article__greyblock__scheme {
    width: 100%;
  }
}
.article__greyblock__scheme svg {
  display: block;
  width: 100%;
}
.article__greyblock__body {
  flex: 1 0 0%;
  width: 100%;
  max-width: 100%;
}
.article__greyblock__head {
  margin: 0 0 2rem 0;
}
@media (max-width: 2559px) {
  .article__greyblock__head {
    margin: 0 0 2.2222222222rem 0;
  }
}
@media (max-width: 1919px) {
  .article__greyblock__head {
    margin: 0 0 1.1875rem 0;
  }
}
@media (max-width: 767px) {
  .article__greyblock__head {
    margin: 0;
  }
}
.article__greyblock__head__des {
  max-width: 60%;
}
@media (max-width: 2559px) {
  .article__greyblock__head__des {
    max-width: 85%;
    margin: 0 0 2.2222222222rem 0;
  }
}
@media (max-width: 1919px) {
  .article__greyblock__head__des {
    max-width: 75%;
    margin: 0 0 1.1875rem 0;
  }
}
@media (max-width: 1279px) {
  .article__greyblock__head__des {
    max-width: 60%;
  }
}
@media (max-width: 1279px) {
  .article__greyblock__head__des {
    max-width: 90%;
  }
}
@media (max-width: 767px) {
  .article__greyblock__head__des {
    margin: 0;
  }
}
.article__greyblock__columns1 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.article__greyblock__columns1__item {
  flex: 0 0 auto;
  max-width: 100%;
  width: 50%;
}
.article__greyblock__title {
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.5;
  text-transform: uppercase;
  color: #FFF;
  padding: 0;
  margin: 0;
}
.article__greyblock__title ~ div {
  margin: 0.25rem 0 0 0;
}
@media (max-width: 2559px) {
  .article__greyblock__title ~ div {
    margin: 0.2777777778rem 0 0 0;
  }
}
@media (max-width: 1919px) {
  .article__greyblock__title ~ div {
    margin: 0.3125rem 0 0 0;
  }
}
@media (max-width: 767px) {
  .article__greyblock__title ~ div {
    margin: 0.3333333333rem 0 0 0;
  }
}
.article__greyblock__columns1 {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  margin: 0 -0.75rem;
}
@media (max-width: 2559px) {
  .article__greyblock__columns1 {
    margin: 0 -0.8333333333rem;
  }
}
@media (max-width: 1919px) {
  .article__greyblock__columns1 {
    margin: 0 -0.9375rem;
  }
}
@media (max-width: 1279px) {
  .article__greyblock__columns1 {
    margin: 0 -0.75rem;
  }
}
@media (max-width: 767px) {
  .article__greyblock__columns1 {
    margin: 0 -1rem;
  }
}
.article__greyblock__columns1__item {
  padding: 0 0.75rem;
}
@media (max-width: 2559px) {
  .article__greyblock__columns1__item {
    padding: 0 0.8333333333rem;
  }
}
@media (max-width: 1919px) {
  .article__greyblock__columns1__item {
    padding: 0 0.9375rem;
  }
}
@media (max-width: 767px) {
  .article__greyblock__columns1__item {
    padding: 0 1rem;
  }
}
.article__greyblock__list1 {
  list-style: none;
  padding: 1.15rem 0 0 0;
  font-size: 0.65rem;
  line-height: 1.3;
}
@media (max-width: 2559px) {
  .article__greyblock__list1 {
    font-size: 0.6666666667rem;
    padding: 1.5rem 0 0 0;
  }
}
@media (max-width: 1919px) {
  .article__greyblock__list1 {
    font-size: 0.8125rem;
  }
}
@media (max-width: 1023px) {
  .article__greyblock__list1 {
    font-size: 0.75rem;
  }
}
@media (max-width: 767px) {
  .article__greyblock__list1 {
    padding: 2.2rem 0 0 0;
    font-size: 0.6666666667rem;
  }
}
.article__greyblock__list1 > li {
  margin-top: 1.55rem;
  position: relative;
}
@media (max-width: 2559px) {
  .article__greyblock__list1 > li {
    margin-top: 1.1666666667rem;
  }
}
@media (max-width: 1919px) {
  .article__greyblock__list1 > li {
    margin-top: 0.875rem;
  }
}
@media (max-width: 1023px) {
  .article__greyblock__list1 > li {
    margin-top: 0.8125rem;
  }
}
@media (max-width: 767px) {
  .article__greyblock__list1 > li {
    margin-top: 1.3333333333rem;
  }
}
.article__greyblock__list1 > li:first-child {
  margin-top: 0;
}
.article__greyblock__list1 > li > div {
  position: relative;
  padding-left: 16px;
}
.article__greyblock__list1 > li span {
  display: block;
  font-weight: 500;
  text-transform: uppercase;
  color: #FFF;
}
.article__greyblock__list1 > li p {
  margin: 0.15rem 0 0 0;
  padding: 0;
}
@media (max-width: 2559px) {
  .article__greyblock__list1 > li p {
    margin: 0;
  }
}
@media (max-width: 1919px) {
  .article__greyblock__list1 > li p {
    margin: 0.1875rem 0 0 0;
  }
}
@media (max-width: 767px) {
  .article__greyblock__list1 > li p {
    margin: 0.2rem 0 0 0;
  }
}
.article__greyblock__list1 .point {
  position: absolute;
  left: 0;
  top: 0.2rem;
  width: 0.3rem;
  height: 0.3rem;
  border-radius: 50%;
  background-color: #FFF;
}
@media (max-width: 2559px) {
  .article__greyblock__list1 .point {
    top: 0.2222222222rem;
    width: 0.3333333333rem;
    height: 0.3333333333rem;
  }
}
@media (max-width: 1919px) {
  .article__greyblock__list1 .point {
    top: 0.25rem;
    width: 0.375rem;
    height: 0.375rem;
  }
}
@media (max-width: 767px) {
  .article__greyblock__list1 .point {
    top: 0.2666666667rem;
    width: 0.4rem;
    height: 0.4rem;
  }
}
.article__greyblock__list1 .point.bg-1 {
  background-color: #0081C7;
}
.article__greyblock__list1 .point.bg-2 {
  background-color: #3099D2;
}
.article__greyblock__list1 .point.bg-3 {
  background-color: #60B1DD;
}
.article__greyblock__list1 .point.bg-4 {
  background-color: #90CAE9;
}
.article__greyblock__list1 .point.bg-5 {
  background-color: #A8D6EE;
}
.article__greyblock__list1 .point.bg-6 {
  background-color: #D8EEF9;
}
.article__greyblock__list1 .point.bg-7 {
  background-color: #E3E3E3;
}
.article__greyblock__list1 .point.bg-8 {
  background-color: #BCBCBB;
}
.article__greyblock__list1 .point.bg-9 {
  background-color: #8B8B89;
}
@media (max-width: 767px) {
  .article__greyblock__graph {
    padding-top: 18px;
  }
}
.article__greyblock__graph__info {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin: 0 -8px;
  padding-bottom: 20px;
  font-size: 0.65rem;
  line-height: 1.5;
  color: #989BA6;
}
@media (max-width: 2559px) {
  .article__greyblock__graph__info {
    font-size: 0.6666666667rem;
  }
}
@media (max-width: 1919px) {
  .article__greyblock__graph__info {
    font-size: 0.75rem;
  }
}
@media (max-width: 1279px) {
  .article__greyblock__graph__info {
    font-size: 0.8rem;
  }
}
.article__greyblock__graph__info__item {
  padding: 0 8px;
}
@media (max-width: 767px) {
  .article__greyblock__graph__info__item {
    width: 50%;
  }
}
.article__greyblock__graph__info__item:last-child {
  text-align: right;
}
.article__greyblock__graph__body {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  margin: 0 0 40px 0;
}
.article__greyblock__graph__body svg {
  display: block;
  width: 100%;
}
.article__greyblock__graph__numbers {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
  margin-right: 30px;
  width: 3.92%;
}
@media (max-width: 2559px) {
  .article__greyblock__graph__numbers {
    margin-right: 16px;
    width: 4.13%;
  }
}
@media (max-width: 1919px) {
  .article__greyblock__graph__numbers {
    margin-right: 16px;
    width: 4.49%;
  }
}
@media (max-width: 1279px) {
  .article__greyblock__graph__numbers {
    margin-right: 30px;
    width: 3.73%;
  }
}
@media (max-width: 1023px) {
  .article__greyblock__graph__numbers {
    width: 5.03%;
  }
}
@media (max-width: 767px) {
  .article__greyblock__graph__numbers {
    width: 34px;
    margin-right: 8px;
  }
}
.article__greyblock__graph__numbers:last-child {
  margin-right: 0;
  margin-left: 30px;
}
@media (max-width: 1919px) {
  .article__greyblock__graph__numbers:last-child {
    margin-left: 16px;
  }
}
@media (max-width: 1279px) {
  .article__greyblock__graph__numbers:last-child {
    margin-left: 30px;
  }
}
@media (max-width: 767px) {
  .article__greyblock__graph__numbers:last-child {
    margin-left: 8px;
  }
}
.article__greyblock__graph__numbers svg {
  display: block;
  width: 100%;
}
.article__greyblock__graph__scroll {
  overflow-y: hidden;
  overflow-x: auto;
}
@media (min-width: 768px) {
  .article__greyblock__graph__scroll::-webkit-scrollbar {
    display: none;
  }
}
.article__greyblock__graph__center {
  overflow: hidden;
  flex: 1 0 0%;
  position: relative;
}
.article__greyblock__graph__center svg {
  display: block;
  width: 100%;
}
@media (max-width: 767px) {
  .article__greyblock__graph__center svg {
    max-width: none;
    height: 274px;
  }
}
@media (max-width: 767px) {
  .article__greyblock__graph__center.graph_0 svg {
    width: 555px;
  }
}
@media (max-width: 767px) {
  .article__greyblock__graph__center.graph_1 svg {
    width: 630px;
  }
}
.article__greyblock__graph__footer {
  padding: 0 64px;
}
@media (max-width: 767px) {
  .article__greyblock__graph__footer {
    padding: 0;
  }
}
.article__greyblock__graph__footer ul {
  list-style: none;
  margin: 0 -20px;
  padding: 0;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  font-size: 13px;
  line-height: 1.5;
  color: #FFF;
}
@media (max-width: 2559px) {
  .article__greyblock__graph__footer ul {
    font-size: 0.7222222222rem;
  }
}
@media (max-width: 1919px) {
  .article__greyblock__graph__footer ul {
    font-size: 0.8125rem;
  }
}
@media (max-width: 1279px) {
  .article__greyblock__graph__footer ul {
    font-size: 0.8666666667rem;
  }
}
.article__greyblock__graph__footer ul li {
  padding: 0 20px;
}
@media (max-width: 767px) {
  .article__greyblock__graph__footer ul li {
    width: 100%;
    margin-top: 7px;
  }
  .article__greyblock__graph__footer ul li:first-child {
    margin-top: 0;
  }
}
.article__greyblock__graph__footer ul li > div {
  position: relative;
  padding-left: 16px;
}
.article__greyblock__graph__footer ul .point {
  position: absolute;
  left: 0;
  top: 0.35rem;
  width: 0.3rem;
  height: 0.3rem;
  border-radius: 50%;
  background-color: #FFF;
}
@media (max-width: 2559px) {
  .article__greyblock__graph__footer ul .point {
    top: 0.3888888889rem;
    width: 0.3333333333rem;
    height: 0.3333333333rem;
  }
}
@media (max-width: 1919px) {
  .article__greyblock__graph__footer ul .point {
    top: 0.4375rem;
    width: 0.375rem;
    height: 0.375rem;
  }
}
@media (max-width: 767px) {
  .article__greyblock__graph__footer ul .point {
    top: 0.4666666667rem;
    width: 0.4rem;
    height: 0.4rem;
  }
}
/* .article__greyblock__graph__footer ul .point.bg-1 {
  background-color: 9FF6;
}
.article__greyblock__graph__footer ul .point.bg-2 {
  background-color: 9699A4;
} */
.article__gallery {
  position: relative;
  height: 572px;
}
@media (max-width: 2559px) {
  .article__gallery {
    margin-bottom: 2.2222222222rem;
    height: 438px;
  }
}
@media (max-width: 1279px) {
  .article__gallery {
    margin-bottom: 2.5rem;
    height: 350px;
  }
}
@media (max-width: 767px) {
  .article__gallery {
    margin-bottom: 2.6666666667rem;
    height: 201px;
  }
}
.article__gallery__wrapper {
  width: 100vw;
  transform: translateX(-50%);
  position: relative;
  left: 50%;
  margin-bottom: 92px;
}
@media (max-width: 2559px) {
  .article__gallery__wrapper {
    margin-bottom: 78px;
  }
}
@media (max-width: 1919px) {
  .article__gallery__wrapper {
    margin-bottom: 84px;
  }
}
@media (max-width: 1279px) {
  .article__gallery__wrapper {
    margin-bottom: 63px;
  }
}
@media (max-width: 1023px) {
  .article__gallery__wrapper {
    margin-bottom: 58px;
  }
}
@media (max-width: 767px) {
  .article__gallery__wrapper {
    margin-bottom: 61px;
  }
}
.article__gallery__wrapper .slprojects__nav {
  bottom: -62px;
}
@media (max-width: 767px) {
  .article__gallery__wrapper .slprojects__nav {
    bottom: -26px;
  }
}
.article__gallery__item {
  width: 1000px;
  height: 572px !important;
}
@media (max-width: 2559px) {
  .article__gallery__item {
    width: 766px;
    height: 438px !important;
  }
}
@media (max-width: 1279px) {
  .article__gallery__item {
    width: 550px;
    height: 350px !important;
  }
}
@media (max-width: 767px) {
  .article__gallery__item {
    width: 317px;
    height: 201px !important;
  }
}
.article__gallery__card {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  background-color: #202124;
  overflow: hidden;
  height: 100%;
  width: 100%;
}
.article__gallery__card:hover .article__gallery__card__img::after {
  transform: translateY(0);
}
.article__gallery__card__img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}
.article__gallery__card__img::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 130px;
  transform: translateY(30px);
  background: linear-gradient(180deg, rgba(27, 28, 31, 0) 0%, rgba(27, 28, 31, 0.8) 100%);
  transition: all ease 0.5s;
  z-index: 1;
}
.article__gallery__card__img::before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 201px;
  height: 206px;
  background-image: url("./../img/corner.svg");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  mix-blend-mode: color;
  background-blend-mode: multiply;
  z-index: 2;
}
@media (max-width: 767px) {
  .article__gallery__card__img::before {
    width: 117px;
    height: 120px;
  }
}
.article__gallery__card__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.article__gallery__card__title {
  font-weight: 500;
  font-size: 1.55rem;
  line-height: 1.5;
  text-transform: uppercase;
  color: #FFF;
  margin-bottom: 2px;
}
@media (max-width: 2559px) {
  .article__gallery__card__title {
    font-size: 1.5rem;
  }
}
@media (max-width: 1919px) {
  .article__gallery__card__title {
    font-size: 1.375rem;
  }
}
@media (max-width: 767px) {
  .article__gallery__card__title {
    font-size: 1.2666666667rem;
  }
}
.article__gallery__card__des {
  position: relative;
  padding: 1rem 1.25rem;
  z-index: 3;
}
@media (max-width: 2559px) {
  .article__gallery__card__des {
    padding: 1.1111111111rem 1.3888888889rem;
  }
}
@media (max-width: 1919px) {
  .article__gallery__card__des {
    padding: 1.25rem 1.5625rem;
  }
}
@media (max-width: 767px) {
  .article__gallery__card__des {
    padding: 1.3333333333rem 1.6666666667rem;
  }
}
.article__gallery__card__des ul {
  list-style: none;
  margin: 0 -15px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-weight: 500;
  font-size: 0.8rem;
  line-height: 1.3;
  color: rgba(255, 255, 255, 0.5);
  text-transform: uppercase;
}
@media (max-width: 2559px) {
  .article__gallery__card__des ul {
    font-size: 0.8333333333rem;
  }
}
@media (max-width: 1919px) {
  .article__gallery__card__des ul {
    font-size: 0.875rem;
  }
}
@media (max-width: 767px) {
  .article__gallery__card__des ul {
    font-size: 0.8666666667rem;
  }
}
.article__gallery__card__des ul li {
  padding: 0 15px;
  position: relative;
}
.article__gallery__card__des ul li::after {
  content: "";
  position: absolute;
  left: -2px;
  top: 50%;
  margin-top: -4px;
  width: 4px;
  height: 4px;
  transform: rotate(45deg);
  background-color: rgba(255, 255, 255, 0.5);
}
.article__gallery__card__des ul li:first-child::after {
  display: none;
}
.article__gallery__card__link {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
}
.article__img {
  position: relative;
  margin: 1.6rem 0 0 0;
  overflow: hidden;
}
@media (max-width: 2559px) {
  .article__img {
    height: 547px;
    margin: 1.1111111111rem 0 0 0;
  }
}
@media (max-width: 1919px) {
  .article__img {
    height: 400px;
  }
}
@media (max-width: 1279px) {
  .article__img {
    margin: 0;
  }
}
@media (max-width: 1023px) {
  .article__img {
    height: 294px;
  }
}
@media (max-width: 767px) {
  .article__img {
    height: 180px;
  }
}
.article__img:first-child {
  margin-top: 0;
}
.article__img + .article__row {
  margin-top: 80px;
}
.article__img.article__img__size1 {
  height: 700px;
}
@media (max-width: 2559px) {
  .article__img.article__img__size1 {
    height: 547px;
  }
}
@media (max-width: 1919px) {
  .article__img.article__img__size1 {
    height: 400px;
  }
}
@media (max-width: 1023px) {
  .article__img.article__img__size1 {
    height: 294px;
  }
}
@media (max-width: 767px) {
  .article__img.article__img__size1 {
    height: 180px;
  }
}
.article__img.article__img__size2 {
  height: 425px;
}
@media (max-width: 2559px) {
  .article__img.article__img__size2 {
    height: 360px;
  }
}
@media (max-width: 1919px) {
  .article__img.article__img__size2 {
    height: 290px;
  }
}
@media (max-width: 1279px) {
  .article__img.article__img__size2 {
    height: 330px;
  }
}
@media (max-width: 767px) {
  .article__img.article__img__size2 {
    height: 200px;
  }
}
.article__img picture {
  position: absolute;
  left: 0;
  right: 0;
  top: -10%;
  bottom: -10%;
  display: flex;
  align-items: center;
  justify-content: center;
  object-fit: cover;
  z-index: 1;
}
.article__img picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.article__pagemenu {
  list-style: none;
  margin: 1.35rem 0 0 0;
  padding: 0;
}
@media (max-width: 2559px) {
  .article__pagemenu {
    margin: 1.5rem 0 0 0;
  }
}
@media (max-width: 1919px) {
  .article__pagemenu {
    margin: 1.0625rem 0 0 0;
  }
}
@media (max-width: 1023px) {
  .article__pagemenu {
    margin: 1.5625rem 0 0 0;
  }
}
@media (max-width: 767px) {
  .article__pagemenu {
    margin: 1rem 0 0 0;
  }
}
.article__pagemenu li {
  margin-top: 0.15rem;
}
@media (max-width: 2559px) {
  .article__pagemenu li {
    margin-top: 0.1666666667rem;
  }
}
@media (max-width: 1919px) {
  .article__pagemenu li {
    margin-top: 0.375rem;
  }
}
@media (max-width: 767px) {
  .article__pagemenu li {
    margin-top: 0.4rem;
  }
}
.article__pagemenu a {
  display: inline-block;
  font-weight: 400;
  font-size: 0.9rem;
  line-height: 140%;
  color: #00A1F9;
}
@media (max-width: 2559px) {
  .article__pagemenu a {
    font-size: 1rem;
  }
}
@media (max-width: 1919px) {
  .article__pagemenu a {
    font-size: 1rem;
  }
}
@media (max-width: 767px) {
  .article__pagemenu a {
    font-size: 1rem;
  }
}
.article__pagemenu a:hover .hover {
  text-decoration: underline;
}
.article__list-w-icons {
  position: relative;
  margin-top: 0.75rem;
}
@media (max-width: 2559px) {
  .article__list-w-icons {
    margin-top: 1rem;
  }
}
@media (max-width: 1919px) {
  .article__list-w-icons {
    margin-top: 1.5rem;
  }
}
@media (max-width: 1279px) {
  .article__list-w-icons {
    margin-top: 1.125rem;
  }
}
@media (max-width: 767px) {
  .article__list-w-icons {
    margin-top: 1rem;
  }
}
.article__list-w-icons:first-child {
  margin-top: 0;
}
.article__list-w-icons__item {
  overflow: hidden;
  border-bottom: 1px solid #2F2F30;
}
.article__list-w-icons__item:last-child {
  border-bottom: none;
}
.article__list-w-icons__card {
  padding: 1.6rem 0;
  max-width: 850px;
}
@media (max-width: 2559px) {
  .article__list-w-icons__card {
    padding: 1.7777777778rem 0;
  }
}
@media (max-width: 1919px) {
  .article__list-w-icons__card {
    padding: 1.5rem 0;
  }
}
@media (max-width: 767px) {
  .article__list-w-icons__card {
    padding: 1.0666666667rem 0;
  }
}
.article__list-w-icons__card__head {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
@media (max-width: 2559px) {
  .article__list-w-icons__card__head {
    font-size: 1.3888888889rem;
  }
}
@media (max-width: 1919px) {
  .article__list-w-icons__card__head {
    font-size: 1.5625rem;
  }
}
@media (max-width: 767px) {
  .article__list-w-icons__card__head {
    font-size: 1.6666666667rem;
  }
}
.article__list-w-icons__card__head__icon {
  flex: 0 0 auto;
  width: 2.25rem;
  height: 2.25rem;
  background-color: #2A2C30;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 1rem;
  position: relative;
  z-index: 2;
}
@media (max-width: 2559px) {
  .article__list-w-icons__card__head__icon {
    margin-right: 1.1111111111rem;
    width: 2.5rem;
    height: 2.5rem;
  }
}
@media (max-width: 1919px) {
  .article__list-w-icons__card__head__icon {
    margin-right: 1.25rem;
    width: 2.8125rem;
    height: 2.8125rem;
  }
}
@media (max-width: 767px) {
  .article__list-w-icons__card__head__icon {
    margin-right: 1.0666666667rem;
    width: 3rem;
    height: 3rem;
  }
}
.article__list-w-icons__card__head__icon svg {
  max-width: 1.2rem;
  max-height: 1.2rem;
  object-fit: contain;
}
@media (max-width: 2559px) {
  .article__list-w-icons__card__head__icon svg {
    max-width: 1.3333333333rem;
    max-height: 1.3333333333rem;
  }
}
@media (max-width: 1919px) {
  .article__list-w-icons__card__head__icon svg {
    max-width: 1.5rem;
    max-height: 1.5rem;
  }
}
@media (max-width: 767px) {
  .article__list-w-icons__card__head__icon svg {
    max-width: 1.6rem;
    max-height: 1.6rem;
  }
}
.article__list-w-icons__card__head__text {
  font-weight: 500;
  font-size: 1.25rem;
  line-height: 1.5;
  text-transform: uppercase;
  color: #FFF;
}
@media (max-width: 2559px) {
  .article__list-w-icons__card__head__text {
    font-size: 1.2222222222rem;
  }
}
@media (max-width: 1919px) {
  .article__list-w-icons__card__head__text {
    font-size: 1.1875rem;
  }
}
@media (max-width: 767px) {
  .article__list-w-icons__card__head__text {
    font-size: 1.1333333333rem;
  }
}
.article__list-w-icons__card__body {
  padding-top: 1rem;
}
@media (max-width: 2559px) {
  .article__list-w-icons__card__body {
    padding-top: 1.1111111111rem;
  }
}
@media (max-width: 1919px) {
  .article__list-w-icons__card__body {
    padding-top: 1.25rem;
  }
}
@media (max-width: 767px) {
  .article__list-w-icons__card__body {
    padding-top: 0.9333333333rem;
  }
}
.article__diplom {
  position: relative;
  padding-top: 64px;
  padding-bottom: 64px;
  margin-bottom: -164px;
  min-height: 953px;
  display: flex;
  align-items: center;
}
@media (max-width: 2559px) {
  .article__diplom {
    min-height: 747px;
    margin-bottom: -121px;
  }
}
@media (max-width: 1919px) {
  .article__diplom {
    min-height: 539px;
    margin-bottom: -90px;
  }
}
@media (max-width: 1279px) {
  .article__diplom {
    min-height: 559px;
    align-items: flex-start;
  }
}
@media (max-width: 1023px) {
  .article__diplom {
    min-height: 453px;
    margin-bottom: -80px;
  }
}
@media (max-width: 767px) {
  .article__diplom {
    min-height: auto;
    display: block;
    margin-bottom: -70px;
  }
}
.article__diplom__img {
  display: block;
  width: 615px;
  position: absolute;
  left: 58%;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
  transition: all ease 0.3s;
}
@media (max-width: 2559px) {
  .article__diplom__img {
    width: 462px;
    left: 58.3%;
  }
}
@media (max-width: 1919px) {
  .article__diplom__img {
    width: 304px;
  }
}
@media (max-width: 1279px) {
  .article__diplom__img {
    width: 317px;
    left: 67.2%;
  }
}
@media (max-width: 1023px) {
  .article__diplom__img {
    width: 235px;
    left: 67.5%;
  }
}
@media (max-width: 767px) {
  .article__diplom__img {
    width: 318px;
    position: relative;
    left: auto;
    top: auto;
    transform: none;
  }
}
.article__diplom__img:hover {
  margin-top: -8px;
}
.article__diplom__img img {
  display: block;
  width: 100%;
}
@media (max-width: 767px) {
  .article__diplom .article__row {
    margin-bottom: 47px;
  }
}
.article__diplom .article__columns {
  margin-bottom: 0;
}
@media (max-width: 1919px) {
  .article__diplom .article__columns > div.article__columns__item {
    width: 42%;
  }
}
@media (max-width: 1279px) {
  .article__diplom .article__columns > div.article__columns__item {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .article__diplom .article__columns > div.article__columns__item {
    width: 100%;
  }
}

.block-w-counters {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: 0 -0.4rem;
}
@media (max-width: 2559px) {
  .block-w-counters {
    margin: -0.5rem -0.4444444444rem 0 -0.4444444444rem;
  }
}
@media (max-width: 1919px) {
  .block-w-counters {
    margin: 0 -0.5rem;
  }
}
@media (max-width: 1279px) {
  .block-w-counters {
    margin: 0.25rem -0.5rem 0 -0.5rem;
  }
}
@media (max-width: 767px) {
  .block-w-counters {
    margin: 0 -0.5333333333rem;
  }
}
.block-w-counters > div {
  padding: 0 0.4rem;
}
@media (max-width: 2559px) {
  .block-w-counters > div {
    padding: 0 0.4444444444rem;
  }
}
@media (max-width: 1919px) {
  .block-w-counters > div {
    padding: 0 0.5rem;
  }
}
@media (max-width: 767px) {
  .block-w-counters > div {
    padding: 0 0.5333333333rem;
  }
}
.block-w-counters__body {
  flex: 0 0 auto;
  width: 55.56%;
  max-width: 100%;
}
@media (max-width: 2559px) {
  .block-w-counters__body {
    width: 66.67%;
  }
}
@media (max-width: 1023px) {
  .block-w-counters__body {
    width: 100%;
    margin-bottom: 1.8125rem;
  }
}
@media (max-width: 767px) {
  .block-w-counters__body {
    width: 100%;
    margin-bottom: 1.8666666667rem;
  }
}
.block-w-counters__side {
  flex: 0 0 auto;
  width: 33.33%;
  max-width: 100%;
}
@media (max-width: 1023px) {
  .block-w-counters__side {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .block-w-counters__side {
    width: 100%;
  }
}
.block-w-counters .about__counter {
  margin-left: -3.4rem;
  width: 100%;
}
@media (max-width: 2559px) {
  .block-w-counters .about__counter {
    margin-left: -4.2777777778rem;
  }
}
@media (max-width: 1919px) {
  .block-w-counters .about__counter {
    margin-left: -3.5625rem;
  }
}
@media (max-width: 1279px) {
  .block-w-counters .about__counter {
    margin-left: -2.125rem;
  }
}
@media (max-width: 1023px) {
  .block-w-counters .about__counter {
    margin-top: -1.0625rem;
    margin-bottom: -1.0625rem;
  }
}
@media (max-width: 767px) {
  .block-w-counters .about__counter {
    padding-top: 9px;
    margin-top: -1.3333333333rem;
    margin-bottom: -1.3333333333rem;
    margin-left: -3.3333333333rem;
  }
}
@media (max-width: 1023px) {
  .block-w-counters .about__counter__item {
    padding-top: 1.0625rem;
    padding-bottom: 1.0625rem;
  }
}
@media (max-width: 1023px) {
  .block-w-counters .about__counter__item {
    padding-top: 1.3333333333rem;
    padding-bottom: 1.3333333333rem;
  }
}
.block-w-counters .about__counter__item:nth-child(odd) {
  width: 40%;
}
@media (max-width: 2559px) {
  .block-w-counters .about__counter__item:nth-child(odd) {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .block-w-counters .about__counter__item:nth-child(odd) {
    width: 100%;
  }
}
.block-w-counters .about__counter__item:nth-child(even) {
  width: 60%;
}
@media (max-width: 2559px) {
  .block-w-counters .about__counter__item:nth-child(even) {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .block-w-counters .about__counter__item:nth-child(even) {
    width: 100%;
  }
}

.ghide {
  display: none;
}
@media (min-width: 2560px) {
  .ghide.ghide-2560 {
    display: block;
  }
}
@media (min-width: 1920px) and (max-width: 2559px) {
  .ghide.ghide-1920 {
    display: block;
  }
}
@media (min-width: 1280px) and (max-width: 1919px) {
  .ghide.ghide-1280 {
    display: block;
  }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .ghide.ghide-1024 {
    display: block;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .ghide.ghide-768 {
    display: block;
  }
}
@media (max-width: 767px) {
  .ghide.ghide-360 {
    display: block;
  }
}

[data-aos=new-width] {
  width: 0;
}

[data-aos=new-width].aos-animate {
  width: 100%;
}

.i-color-0 {
  color: #00A1F9;
}

.i-color-1 {
  color: #F91900;
}

.i-color-2 {
  color: #5FF900;
}

.i-color-3 {
  color: #00CFF9;
}

.i-color-4 {
  color: #9500F9;
}

.i-color-5 {
  color: #F9A600;
}

.i-color-6 {
  color: #F9EC00;
}

.i-color-10 {
  color: #F9EC00;
}

.list-ls {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  margin: -2rem -0.4rem 0 -0.4rem;
}
@media (max-width: 2559px) {
  .list-ls {
    margin: -2.2222222222rem -0.4444444444rem 0 -0.4444444444rem;
  }
}
@media (max-width: 1919px) {
  .list-ls {
    margin: -2.5rem -0.5rem 0 -0.5rem;
  }
}
@media (max-width: 767px) {
  .list-ls {
    margin: -2.6666666667rem -0.5333333333rem 0 -0.5333333333rem;
  }
}
.list-ls__more {
  display: none;
  overflow: hidden;
  transition: all 0.5s ease;
}
.list-ls__more.active {
  display: block;
}
.list-ls__more.showed {
  max-height: 0;
  min-height: 0;
}
.list-ls__more .link__more i:last-child {
  display: none;
}
.list-ls__more .link__more.active i:first-child {
  display: none;
}
.list-ls__more .link__more.active i:last-child {
  display: inline-block;
}
.list-ls__item {
  padding: 0 0.4rem;
  overflow: hidden;
  flex: 0 0 auto;
  max-width: 100%;
  width: 25%;
  transition: all 0.5s ease;
}
.list-ls__item:nth-child(n+5) {
  max-height: 0;
}
.list-ls__item:nth-child(n+5) .list-ls__card {
  opacity: 0;
  transform: translateY(15px);
}
@media (max-width: 2559px) {
  .list-ls__item {
    padding: 0 0.4444444444rem;
  }
}
@media (max-width: 1919px) {
  .list-ls__item {
    padding: 0 0.5rem;
  }
}
@media (max-width: 1023px) {
  .list-ls__item {
    width: 50%;
  }
  .list-ls__item:nth-child(n+3) {
    max-height: 0;
  }
}
@media (max-width: 767px) {
  .list-ls__item {
    padding: 0 0.5333333333rem;
    width: 100%;
  }
  .list-ls__item:nth-child(3) {
    max-height: none;
  }
  .list-ls__item:nth-child(3) .list-ls__card {
    opacity: 1;
    transform: translateY(0);
  }
  .list-ls__item:nth-child(n+4) {
    max-height: 0;
  }
}
.list-ls__item.active .list-ls__card {
  opacity: 1;
  transform: translateY(0);
}
.list-ls__card {
  position: relative;
  margin-top: 2rem;
  transition: all ease 0.8s;
  transition-delay: 0.3s;
}
@media (max-width: 2559px) {
  .list-ls__card {
    margin-top: 2.2222222222rem;
  }
}
@media (max-width: 1919px) {
  .list-ls__card {
    margin-top: 2.5rem;
  }
}
@media (max-width: 767px) {
  .list-ls__card {
    margin-top: 2.6666666667rem;
  }
}
.list-ls__card__link {
  display: block;
}
.list-ls__card__link:hover .list-ls__card__icon {
  opacity: 1;
}
.list-ls__card__icon {
  position: absolute;
  right: 1.2rem;
  bottom: 1.2rem;
  opacity: 0;
  transition: all ease 0.3s;
  z-index: 2;
}
@media (max-width: 2559px) {
  .list-ls__card__icon {
    right: 0.8888888889rem;
    bottom: 0.8888888889rem;
  }
}
@media (max-width: 1919px) {
  .list-ls__card__icon {
    right: 0.75rem;
    bottom: 0.75rem;
  }
}
@media (max-width: 1279px) {
  .list-ls__card__icon {
    opacity: 1;
    right: 0.5rem;
    bottom: 0.5rem;
  }
}
@media (max-width: 1023px) {
  .list-ls__card__icon {
    right: 0.75rem;
    bottom: 0.75rem;
  }
}
@media (max-width: 767px) {
  .list-ls__card__icon {
    right: 0.8rem;
    bottom: 0.8rem;
  }
}
.list-ls__card__img {
  display: block;
  position: relative;
  height: 596px;
  margin-bottom: 0.75rem;
  background-color: #202124;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2.8rem;
}
@media (max-width: 2559px) {
  .list-ls__card__img {
    margin-bottom: 0.8333333333rem;
    padding: 1.9444444444rem;
    height: 444px;
  }
}
@media (max-width: 1919px) {
  .list-ls__card__img {
    margin-bottom: 0.9375rem;
    padding: 1.75rem;
    height: 292px;
  }
}
@media (max-width: 1279px) {
  .list-ls__card__img {
    padding: 0.75rem;
    height: 228px;
  }
}
@media (max-width: 1023px) {
  .list-ls__card__img {
    padding: 2.75rem;
    height: 352px;
  }
}
@media (max-width: 767px) {
  .list-ls__card__img {
    margin-bottom: 1rem;
    padding: 2.9333333333rem;
    height: 328px;
  }
}
.list-ls__card__img img {
  display: block;
  max-width: 100%;
  max-height: 100%;
}
.list-ls__card__title {
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 0.9rem;
  line-height: 1.4;
  font-weight: normal;
}
@media (max-width: 2559px) {
  .list-ls__card__title {
    font-size: 1rem;
  }
}
@media (max-width: 1919px) {
  .list-ls__card__title {
    font-size: 1rem;
  }
}
@media (max-width: 767px) {
  .list-ls__card__title {
    font-size: 1rem;
  }
}
.list-ls__card__btn {
  margin-top: 0.75rem;
}
@media (max-width: 2559px) {
  .list-ls__card__btn {
    margin-top: 0.8333333333rem;
  }
}
@media (max-width: 1919px) {
  .list-ls__card__btn {
    margin-top: 0.9375rem;
  }
}
@media (max-width: 767px) {
  .list-ls__card__btn {
    margin-top: 1rem;
  }
}

.cards-slider {
  position: relative;
}
@media (max-width: 767px) {
  .cards-slider {
    margin-left: -1.0666666667rem;
    margin-right: -1.0666666667rem;
  }
}
@media (min-width: 768px) {
  .cards-slider .swiper {
    /* overflow: none; */
    overflow:visible;
  }
}
.cards-slider__swiper {
  position: relative;
}
@media (min-width: 768px) {
  .cards-slider__swiper {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    align-content: stretch;
    justify-content: flex-start;
    height: auto;
    transform: none !important;
  }
  .cards-slider__swiper::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 1px;
    background-color: #2F2F30;
  }
  .cards-slider__swiper::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 1px;
    width: 100%;
    background-color: #2F2F30;
  }
}
@media (max-width: 767px) {
  .cards-slider__swiper {
    height: 365px;
  }
}
.cards-slider__item {
  width: 328px;
}
@media (min-width: 768px) {
  .cards-slider__item {
    flex: 0 0 auto;
    width: 50%;
    max-width: 100%;
  }
}
@media (min-width: 1280px) {
  .cards-slider__item {
    width: 33.33333333%;
  }
}
@media (min-width: 1920px) {
  .cards-slider__item {
    width: 25%;
  }
}
@media (max-width: 767px) {
  .cards-slider__item:first-child .cards-slider__card {
    border-left: 1px solid #2F2F30;
  }
}
.cards-slider__card {
  border-right: 1px solid #2F2F30;
  border-bottom: 1px solid #2F2F30;
  height: 609px;
  padding: 1.6rem;
  display: flex;
  flex-direction: column;
}
@media (max-width: 2559px) {
  .cards-slider__card {
    padding: 1.7777777778rem;
    height: 450px;
  }
}
@media (max-width: 1919px) {
  .cards-slider__card {
    padding: 2rem;
    height: 400px;
  }
}
@media (max-width: 1279px) {
  .cards-slider__card {
    height: 480px;
  }
}
@media (max-width: 1023px) {
  .cards-slider__card {
    padding: 1.5rem;
    height: 360px;
  }
}
@media (max-width: 767px) {
  .cards-slider__card {
    padding: 1.2rem;
    height: 365px;
    border-top: 1px solid #2F2F30;
  }
}
.cards-slider__card__head {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 1.2rem;
  flex: 0 0 auto;
  max-height: 100%;
}
@media (max-width: 2559px) {
  .cards-slider__card__head {
    font-size: 1.3888888889rem;
    margin-bottom: 1.3333333333rem;
  }
}
@media (max-width: 1919px) {
  .cards-slider__card__head {
    font-size: 1.5625rem;
    margin-bottom: 1.5rem;
  }
}
@media (max-width: 767px) {
  .cards-slider__card__head {
    font-size: 1.6666666667rem;
    margin-bottom: 1.6rem;
  }
}
.cards-slider__card__head__icon {
  flex: 0 0 auto;
  width: 2.25rem;
  height: 2.25rem;
  margin-right: 1rem;
  overflow: hidden;
  background-color: #2A2C30;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 2;
  color: #00A1F9;
}
@media (max-width: 2559px) {
  .cards-slider__card__head__icon {
    margin-right: 1.1111111111rem;
    width: 2.5rem;
    height: 2.5rem;
  }
}
@media (max-width: 1919px) {
  .cards-slider__card__head__icon {
    margin-right: 1.25rem;
    width: 2.8125rem;
    height: 2.8125rem;
  }
}
@media (max-width: 767px) {
  .cards-slider__card__head__icon {
    margin-right: 1.0666666667rem;
    width: 3rem;
    height: 3rem;
  }
}
.cards-slider__card__head__icon svg {
  max-width: 1.2rem;
  max-height: 1.2rem;
  object-fit: contain;
}
@media (max-width: 2559px) {
  .cards-slider__card__head__icon svg {
    max-width: 1.3333333333rem;
    max-height: 1.3333333333rem;
  }
}
@media (max-width: 1919px) {
  .cards-slider__card__head__icon svg {
    max-width: 1.5rem;
    max-height: 1.5rem;
  }
}
@media (max-width: 767px) {
  .cards-slider__card__head__icon svg {
    max-width: 1.6rem;
    max-height: 1.6rem;
  }
}
.cards-slider__card__head__title {
  font-weight: 500;
  font-size: 1.25rem;
  line-height: 1.5;
  text-transform: uppercase;
  color: #FFF;
}
@media (max-width: 2559px) {
  .cards-slider__card__head__title {
    font-size: 1.2222222222rem;
  }
}
@media (max-width: 1919px) {
  .cards-slider__card__head__title {
    font-size: 1.1875rem;
  }
}
@media (max-width: 767px) {
  .cards-slider__card__head__title {
    font-size: 1.1333333333rem;
  }
}
.cards-slider__card__body {
  flex: 1 0 0%;
  height: 100%;
  max-height: 100%;
  overflow: hidden;
  margin-right: -1.1rem;
}
@media (max-width: 2559px) {
  .cards-slider__card__body {
    margin-right: -1.2222222222rem;
  }
}
@media (max-width: 1919px) {
  .cards-slider__card__body {
    margin-right: -1.375rem;
  }
}
@media (max-width: 1023px) {
  .cards-slider__card__body {
    margin-right: -0.9375rem;
  }
}
@media (max-width: 767px) {
  .cards-slider__card__body {
    margin-right: -0.6rem;
  }
}
.cards-slider__card__scroll {
  max-height: 100%;
}
.cards-slider__card .simplebar-content-wrapper {
  padding-right: 1.15rem;
}
@media (max-width: 2559px) {
  .cards-slider__card .simplebar-content-wrapper {
    padding-right: 1.2777777778rem;
  }
}
@media (max-width: 1919px) {
  .cards-slider__card .simplebar-content-wrapper {
    padding-right: 1.4375rem;
  }
}
@media (max-width: 1023px) {
  .cards-slider__card .simplebar-content-wrapper {
    padding-right: 0.9375rem;
  }
}
@media (max-width: 767px) {
  .cards-slider__card .simplebar-content-wrapper {
    padding-right: 0.6rem;
  }
}
.cards-slider__card .simplebar-track.simplebar-vertical {
  width: 3px;
}
.cards-slider__nav {
  display: none;
  align-items: flex-start;
  justify-content: flex-start;
  margin: 0 -1rem 1.2rem -1rem;
}
@media (max-width: 767px) {
  .cards-slider__nav {
    display: flex;
  }
}
.cards-slider__nav__item {
  padding: 0 1rem;
}

.history {
  height: 100vh;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  overflow: hidden;
}
@media (max-width: 1279px) {
  .history {
    flex-wrap: wrap;
    flex-direction: column;
    align-items: flex-start;
    height: auto;
    padding-bottom: 64px;
  }
  .history::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 50px;
    background: linear-gradient(180deg, rgba(27, 28, 31, 0.9) 21.86%, rgba(27, 28, 31, 0.5) 86.78%, rgba(27, 28, 31, 0) 100%);
    z-index: 6;
  }
}
.history__imgs {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
@media (max-width: 1279px) {
  .history__imgs {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    padding-top: 72px;
  }
}
.history__imgs__item {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  transition: all ease 0.7s;
  opacity: 0;
}
@media (max-width: 1279px) {
  .history__imgs__item {
    height: 400px;
    opacity: 1;
    position: relative;
  }
  .history__imgs__item::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: -1px;
    right: 0;
    background: linear-gradient(360deg, #1b1c1f 0%, rgba(27, 28, 31, 0) 57.97%);
    z-index: 6;
  }
}
.history__imgs__item:first-child {
  opacity: 1;
}
.history__imgs img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.history__timeline {
  position: absolute;
  left: 0;
  top: 155px;
  min-width: 9999px;
  background-image: url("../img/history/bg-timlene-line.svg");
  background-position: 0 50%;
  background-repeat: repeat-x;
  height: 22px;
  z-index: -1;
}
@media (max-width: 2559px) {
  .history__timeline {
    top: 145px;
  }
}
@media (max-width: 1919px) {
  .history__timeline {
    top: 133px;
  }
}
@media (max-width: 1279px) {
  .history__timeline {
    top: 0;
    bottom: 0;
    left: 16px;
    width: 22px;
    height: auto;
    bottom: 6px;
    min-width: 22px;
    background-image: url("../img/history/bg-timlene-line-vertical.svg");
    background-repeat: repeat-y;
  }
}
.history__list {
  display: flex;
  flex-wrap: nowrap;
  overflow: hidden;
  padding-left: calc(25% + 48px);
  padding-right: 64px;
  z-index: 4;
}
@media (max-width: 2559px) {
  .history__list {
    padding-left: calc(25% + 32px);
    padding-right: 48px;
  }
}
@media (max-width: 1919px) {
  .history__list {
    padding-left: calc(25% + 16px);
    padding-right: 32px;
  }
}
@media (min-width: 1024px) {
  .history__list {
    position: relative;
  }
}
@media (max-width: 1279px) {
  .history__list {
    padding-left: 32px;
    padding-right: 32px;
    padding-top: 132px;
    padding-bottom: 0;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
  }
}
@media (max-width: 1023px) {
  .history__list {
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media (max-width: 767px) {
  .history__list {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.history__list__item {
  position: relative;
  padding-right: 220px;
}
@media (max-width: 2559px) {
  .history__list__item {
    padding-right: 170px;
  }
}
@media (max-width: 1919px) {
  .history__list__item {
    padding-right: 120px;
  }
}
@media (max-width: 1279px) {
  .history__list__item {
    padding-right: 0;
    padding-left: 40px;
    margin-top: 40px;
    max-width: 603px;
  }
  .history__list__item:first-child {
    margin-top: 0;
  }
}
.history__card {
  position: relative;
  width: 594px;
}
@media (max-width: 2559px) {
  .history__card {
    width: 444px;
    padding-right: 44px;
  }
}
@media (max-width: 1919px) {
  .history__card {
    width: 292px;
    padding-right: 0;
  }
}
@media (max-width: 1279px) {
  .history__card {
    width: 100%;
  }
}
.history__card__head {
  padding-top: 72px;
  margin-bottom: 88px;
  position: relative;
}
@media (max-width: 1279px) {
  .history__card__head {
    padding-top: 0;
    margin-bottom: 20px;
  }
}
.history__card__head::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -40px;
  height: 8px;
  width: 90px;
  background-color: #FFF;
}
@media (max-width: 1279px) {
  .history__card__head::after {
    display: none;
  }
}
.history__card__head__icon {
  position: absolute;
  left: 0;
  top: 0;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #00A1F9;
}
@media (max-width: 1279px) {
  .history__card__head__icon {
    position: relative;
    margin-bottom: 30px;
  }
}
.history__card__head__icon svg {
  stroke: currentColor;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.history__card__head__year {
  line-height: 1;
  color: #FFF;
  font-weight: 500;
  font-size: 58px;
  text-transform: uppercase;
  position: relative;
}
@media (max-width: 2559px) {
  .history__card__head__year {
    font-size: 48px;
  }
}
@media (max-width: 1919px) {
  .history__card__head__year {
    font-size: 36px;
  }
}
@media (max-width: 1919px) {
  .history__card__head__year {
    font-size: 36px;
  }
}
@media (max-width: 1279px) {
  .history__card__head__year {
    font-size: 29px;
  }
  .history__card__head__year::after {
    content: "";
    position: absolute;
    top: 10px;
    left: -51px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #FFF;
  }
}
@media (max-width: 1023px) {
  .history__card__head__year::after {
    left: -43px;
  }
}
@media (max-width: 767px) {
  .history__card__head__year {
    font-size: 29px;
  }
  .history__card__head__year::after {
    left: -35px;
  }
}
.history__card__img {
  width: 170px;
  margin-top: 35px;
}
@media (max-width: 2559px) {
  .history__card__img {
    width: 135px;
  }
}
@media (max-width: 1919px) {
  .history__card__img {
    width: 80px;
  }
}
.history__card__img img {
  display: block;
  width: 100%;
}
.history__tolink {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  padding-top: 64px;
  z-index: 10;
}
@media (max-width: 2559px) {
  .history__tolink {
    padding-top: 60px;
  }
}
@media (max-width: 1919px) {
  .history__tolink {
    padding-top: 48px;
  }
}
@media (max-width: 1279px) {
  .history__tolink {
    padding-top: 60px;
  }
}
@media (max-width: 767px) {
  .history__tolink {
    padding-top: 40px;
  }
}
.history__tolink__block {
  display: flex;
  justify-content: flex-end;
}
.history__more {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
  font-size: 25px;
  line-height: 1.4;
  color: #FFF;
  margin-left: auto;
  white-space: nowrap;
}
@media (max-width: 2559px) {
  .history__more {
    font-size: 22px;
  }
}
@media (max-width: 1919px) {
  .history__more {
    font-size: 19px;
  }
}
@media (max-width: 767px) {
  .history__more {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #2B2C30;
    justify-content: center;
  }
}
.history__more i {
  flex: 0 0 auto;
  width: 24px;
  height: 24px;
  max-width: 100%;
  margin-right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: inherit;
}
@media (max-width: 767px) {
  .history__more i {
    margin-right: 0;
  }
}
.history__more i svg {
  max-width: 24px;
  max-height: 24px;
  stroke: currentColor;
}
.history__more .anime__rotatetext__text {
  overflow: hidden;
}
@media (max-width: 767px) {
  .history__more .anime__rotatetext__text {
    display: none;
  }
}
.history__more:hover {
  color: #00A1F9;
}
.history__more:hover .hover {
  text-decoration: underline;
  -webkit-tap-highlight-color: transparent;
  text-decoration-thickness: 1px;
  text-decoration-color: inherit;
  text-underline-position: auto;
  text-underline-offset: 0.125em;
}
.history__modal__list {
  max-width: 42.65rem;
  padding-top: 8rem;
  padding-bottom: 8rem;
}
@media (max-width: 2559px) {
  .history__modal__list {
    max-width: 45.9444444444rem;
    padding-top: 6.6666666667rem;
    padding-bottom: 6.6666666667rem;
  }
}
@media (max-width: 1919px) {
  .history__modal__list {
    max-width: 43.4375rem;
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
}
@media (max-width: 1279px) {
  .history__modal__list {
    max-width: 39.6875rem;
  }
}
@media (max-width: 1023px) {
  .history__modal__list {
    max-width: 100%;
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
}
@media (max-width: 767px) {
  .history__modal__list {
    padding-top: 4.2666666667rem;
    padding-bottom: 4.2666666667rem;
  }
}
.history__modal__list__item {
  margin-top: 5.75rem;
}
@media (max-width: 2559px) {
  .history__modal__list__item {
    margin-top: 5.5555555556rem;
  }
}
@media (max-width: 1919px) {
  .history__modal__list__item {
    margin-top: 5rem;
  }
}
@media (max-width: 767px) {
  .history__modal__list__item {
    margin-top: 5.3333333333rem;
  }
}
.history__modal__list__item:first-child {
  margin-top: 0;
}
.history__modal__card {
  position: relative;
}
.history__modal__card__head {
  margin-bottom: 1.25rem;
}
@media (max-width: 2559px) {
  .history__modal__card__head {
    margin-bottom: 1.3888888889rem;
  }
}
@media (max-width: 1919px) {
  .history__modal__card__head {
    margin-bottom: 1.5625rem;
  }
}
@media (max-width: 767px) {
  .history__modal__card__head {
    margin-bottom: 1.3333333333rem;
  }
}
.history__modal__card__head__year {
  font-weight: 500;
  font-size: 2.9rem;
  line-height: 1.3;
  text-transform: uppercase;
}
@media (max-width: 2559px) {
  .history__modal__card__head__year {
    font-size: 2.6666666667rem;
    line-height: 1.2;
  }
}
@media (max-width: 1919px) {
  .history__modal__card__head__year {
    font-size: 2.25rem;
  }
}
@media (max-width: 767px) {
  .history__modal__card__head__year {
    font-size: 1.9333333333rem;
  }
}
.history__modal__card__body {
  position: relative;
  color: #989BA6;
}

.contentmenu {
  position: relative;
  list-style: none;
  margin: 3.75rem 0 0 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: flex-start;
  border-top: 1px solid #2F2F30;
  border-left: 1px solid #2F2F30;
}
@media (max-width: 2559px) {
  .contentmenu {
    margin: 3.4444444444rem 0 0 0;
  }
}
@media (max-width: 1919px) {
  .contentmenu {
    margin: 3.875rem 0 0 0;
  }
}
@media (max-width: 1279px) {
  .contentmenu {
    margin: 3.375rem 0 0 0;
  }
}
@media (max-width: 1023px) {
  .contentmenu {
    margin: 2.875rem 0 0 0;
  }
}
@media (max-width: 767px) {
  .contentmenu {
    margin: 2.7333333333rem 0 0 0;
  }
}
.contentmenu:first-child {
  margin-top: 0;
}
.contentmenu li {
  position: relative;
  flex: 0 0 auto;
  width: 25%;
  max-width: 100%;
  min-height: 155px;
}
@media (max-width: 2559px) {
  .contentmenu li {
    min-height: 175px;
  }
}
@media (max-width: 1919px) {
  .contentmenu li {
    min-height: 210px;
  }
}
@media (max-width: 1279px) {
  .contentmenu li {
    width: 33.33333333%;
    min-height: 194px;
  }
}
@media (max-width: 1023px) {
  .contentmenu li {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .contentmenu li {
    width: 100%;
    min-height: auto;
  }
}
.contentmenu__link {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 2rem;
  border-right: 1px solid #2F2F30;
  border-bottom: 1px solid #2F2F30;
  background-color: #1B1C1F;
  height: 100%;
}
@media (max-width: 2559px) {
  .contentmenu__link {
    padding: 1.7777777778rem 1.6666666667rem;
  }
}
@media (max-width: 1919px) {
  .contentmenu__link {
    padding: 1.8125rem 1.5rem;
    flex-direction: column;
  }
}
@media (max-width: 1279px) {
  .contentmenu__link {
    padding: 1.6875rem 1.5rem;
  }
}
@media (max-width: 767px) {
  .contentmenu__link {
    padding: 1.3333333333rem;
  }
}
.contentmenu__icon {
  flex: 0 0 auto;
  width: 45px;
  height: 45px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #00A1F9;
  border-radius: 50%;
  background-color: #2B2C30;
  margin-right: 1rem;
}
@media (max-width: 1919px) {
  .contentmenu__icon {
    margin: 0 0 1.1111111111rem 0;
  }
}
@media (max-width: 1279px) {
  .contentmenu__icon {
    margin: 0 0 0.9375rem 0;
  }
}
@media (max-width: 767px) {
  .contentmenu__icon {
    margin: 0 0 0.5333333333rem 0;
  }
}
.contentmenu__icon svg {
  max-width: 20px;
  max-height: 20px;
  stroke: currentColor;
}
.contentmenu__text {
  font-weight: 500;
  font-size: 1.1rem;
  line-height: 1.5;
  text-transform: uppercase;
  color: #FFF;
  padding-top: 0.35rem;
  overflow: hidden;
  flex: 1 0 0%;
  width: 100%;
  max-width: 100%;
}
@media (max-width: 2559px) {
  .contentmenu__text {
    font-size: 1.2222222222rem;
    padding-top: 0.4444444444rem;
  }
}
@media (max-width: 1919px) {
  .contentmenu__text {
    font-size: 1.1875rem;
    padding-top: 0;
    flex: 0 0 auto;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .contentmenu__text {
    font-size: 1.1333333333rem;
    padding-top: 7px;
  }
}

.card {
  position: relative;
  overflow: hidden;
}
.card__body {
  background-color: #202124;
  padding: 4.9rem;
}
@media (max-width: 2559px) {
  .card__body {
    padding: 1.7222222222rem 0 2.6666666667rem 0;
  }
}
@media (max-width: 1919px) {
  .card__body {
    padding: 2.6875rem 0;
  }
}
@media (max-width: 1279px) {
  .card__body {
    padding: 2.25rem 0;
  }
}
@media (max-width: 1023px) {
  .card__body {
    padding: 2.25rem 0;
  }
}
@media (max-width: 767px) {
  .card__body {
    padding: 2.0666666667rem 1.0666666667rem 3.2rem 1.0666666667rem;
    margin-left: -1.0666666667rem;
    margin-right: -1.0666666667rem;
  }
}
.card__flex {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 0 -0.4rem;
}
@media (max-width: 2559px) {
  .card__flex {
    margin: 0 -0.4444444444rem;
  }
}
@media (max-width: 1919px) {
  .card__flex {
    margin: 0 -0.5rem;
  }
}
@media (max-width: 767px) {
  .card__flex {
    flex-direction: column;
    margin: 0 -0.5333333333rem;
  }
}
.card__des {
  flex: 0 0 auto;
  width: 50%;
  max-width: 100%;
  z-index: 3;
  padding: 0 0.4rem;
}
@media (max-width: 2559px) {
  .card__des {
    padding: 0 0.4444444444rem;
  }
}
@media (max-width: 1919px) {
  .card__des {
    padding: 0 0.5rem;
  }
}
@media (max-width: 767px) {
  .card__des {
    margin-top: 2rem;
    padding: 0 0.4rem;
    width: 100%;
  }
}
.card__img {
  flex: 0 0 auto;
  width: 50%;
  max-width: 100%;
  position: relative;
  z-index: 3;
  padding: 0 0.4rem;
}
@media (max-width: 2559px) {
  .card__img {
    padding: 0 0.4444444444rem;
  }
}
@media (max-width: 1919px) {
  .card__img {
    padding: 0 0.5rem;
  }
}
@media (max-width: 767px) {
  .card__img {
    padding: 0 0.5333333333rem;
    width: 100%;
  }
}
.card__img__flex {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  width: 66.67%;
  height: 815px;
  z-index: 3;
}
@media (max-width: 2559px) {
  .card__img__flex {
    height: 616px;
  }
}
@media (max-width: 1919px) {
  .card__img__flex {
    height: 327px;
  }
}
@media (max-width: 1279px) {
  .card__img__flex {
    height: 340px;
    width: 100%;
  }
}
@media (max-width: 1023px) {
  .card__img__flex {
    height: 340px;
  }
}
@media (max-width: 767px) {
  .card__img__flex {
    height: 455px;
  }
}
.card__img__flex__img {
  display: flex;
  align-items: stretch;
  justify-content: stretch;
  z-index: 2;
}
.card__img__flex__img picture {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  object-fit: contain;
}
.card__img__flex__img picture img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.card__img__flex__shadow {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 976px;
  z-index: 1;
}
@media (max-width: 2559px) {
  .card__img__flex__shadow {
    width: 739px;
  }
}
@media (max-width: 1919px) {
  .card__img__flex__shadow {
    width: 418px;
  }
}
@media (max-width: 1279px) {
  .card__img__flex__shadow {
    width: 363px;
  }
}
@media (max-width: 1023px) {
  .card__img__flex__shadow {
    width: 390px;
  }
}
@media (max-width: 767px) {
  .card__img__flex__shadow {
    width: 360px;
  }
}
.card__img__flex__shadow svg {
  display: block;
  width: 100%;
}
.card__corner {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 500px;
  height: 500px;
  z-index: 1;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}
@media (max-width: 2559px) {
  .card__corner {
    width: 375px;
    height: 375px;
  }
}
@media (max-width: 1919px) {
  .card__corner {
    width: 205px;
    height: 205px;
  }
}
@media (max-width: 1279px) {
  .card__corner {
    display: none;
  }
}
.card__corner svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.card__markers {
  list-style: none;
  margin: -0.7rem;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  max-width: 824px;
}
@media (max-width: 2559px) {
  .card__markers {
    max-width: 621px;
    margin: -0.3888888889rem;
  }
}
@media (max-width: 1919px) {
  .card__markers {
    max-width: 420px;
    margin: -0.4375rem;
  }
}
@media (max-width: 1279px) {
  .card__markers {
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  .card__markers {
    width: 100%;
    margin: -0.4rem;
  }
}
.card__markers li {
  padding: 0.7rem;
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}
@media (max-width: 2559px) {
  .card__markers li {
    padding: 0.3888888889rem;
  }
}
@media (max-width: 1919px) {
  .card__markers li {
    padding: 0.4375rem;
  }
}
@media (max-width: 767px) {
  .card__markers li {
    width: 100%;
    padding: 0.4rem;
  }
}
.card__markers span {
  display: inline-block;
  white-space: nowrap;
  line-height: 1;
  font-weight: 500;
  font-size: 1rem;
  text-transform: uppercase;
  padding: 0.65rem 0.8rem;
  background-color: #2B2C30;
  border-radius: 23px;
  color: #FFF;
}
@media (max-width: 2559px) {
  .card__markers span {
    padding: 0.7222222222rem 0.8888888889rem;
  }
}
@media (max-width: 1919px) {
  .card__markers span {
    padding: 0.8125rem 1rem;
  }
}
@media (max-width: 767px) {
  .card__markers span {
    padding: 0.7333333333rem 1.0666666667rem;
  }
}

.header {
  width: 100vw;
  position: fixed;
  z-index: 100;
  transition: background-color ease 0.2s;
}
.header__container {
  position: relative;
  border-bottom: 1px solid #67686B;
  width: 100vw;
  display: grid;
  grid-template-columns: 32.75rem auto;
  grid-template-rows: 50% 50%;
  min-height: 11.25rem;
  grid-auto-flow: dense;
  justify-items: stretch;
  transition: all ease 0.4s;
  z-index: 5;
}
@media (max-width: 2559px) {
  .header__container {
    grid-template-columns: 36.3888888889rem auto;
    min-height: 9.4444444444rem;
  }
}
@media (max-width: 1919px) {
  .header__container {
    grid-template-columns: 26.625rem auto;
    min-height: 7.3125rem;
    grid-template-rows: auto 4.0625rem;
  }
}
@media (max-width: 1279px) {
  .header__container {
    grid-template-columns: 16.25rem auto;
    min-height: 9.5625rem;
    grid-template-rows: auto 4.75rem;
  }
}
@media (max-width: 1023px) {
  .header__container {
    grid-template-rows: auto 4.8125rem;
  }
}
@media (max-width: 767px) {
  .header__container {
    grid-template-rows: 50% 50%;
    grid-template-columns: 10.2rem auto;
    min-height: 8.5333333333rem;
  }
}
@media (min-width: 1024px) {
  .header:hover {
    background-color: #1B1C1F;
  }
}
.header.header__openmobilemenu .header__container {
  background-color: #1B1C1F;
}
.header.header__fixed {
  background-color: #1B1C1F;
}
.header__mobile {
  display: none;
}
@media (max-width: 1023px) {
  .header__mobile {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-top: 1px solid #67686B;
    padding-left: 1.5rem;
  }
}
@media (max-width: 767px) {
  .header__mobile {
    grid-column: 1/3;
    padding-left: 1.0666666667rem;
  }
}
.header__mobile__btn {
  margin-left: auto;
  display: block;
  width: 4.8125rem;
  height: 4.8125rem;
  border-left: 1px solid #67686B;
  position: relative;
}
@media (max-width: 767px) {
  .header__mobile__btn {
    width: 4.2666666667rem;
    height: 4.2rem;
  }
}
.header__mobile__btn span {
  position: absolute;
  width: 24px;
  height: 2px;
  border-radius: 1px;
  background-color: #FFF;
  left: 26px;
  transition: all 0.3s;
}
@media (max-width: 767px) {
  .header__mobile__btn span {
    left: 20px;
    width: 22px;
  }
}
.header__mobile__btn span.line1 {
  top: 29px;
}
@media (max-width: 767px) {
  .header__mobile__btn span.line1 {
    top: 25px;
  }
}
.header__mobile__btn span.line2 {
  top: 37px;
}
@media (max-width: 767px) {
  .header__mobile__btn span.line2 {
    top: 33px;
  }
}
.header__mobile__btn span.line3 {
  top: 45px;
}
@media (max-width: 767px) {
  .header__mobile__btn span.line3 {
    top: 41px;
  }
}
.header__mobile__btn.active span.line1 {
  top: 37px;
  transform: rotate(45deg);
}
@media (max-width: 767px) {
  .header__mobile__btn.active span.line1 {
    top: 33px;
  }
}
.header__mobile__btn.active span.line2 {
  opacity: 0;
}
.header__mobile__btn.active span.line3 {
  top: 37px;
  transform: rotate(-45deg);
}
@media (max-width: 767px) {
  .header__mobile__btn.active span.line3 {
    top: 33px;
  }
}
.header__top {
  grid-column: 2;
  grid-row: 1;
  padding: 0 3.2rem 0 1.6rem;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
@media (max-width: 2559px) {
  .header__top {
    padding: 0 2.6666666667rem 0 1.7777777778rem;
  }
}
@media (max-width: 1919px) {
  .header__top {
    padding: 0 2rem 0 1.5rem;
  }
}
@media (max-width: 1279px) {
  .header__top {
    padding-left: 1.875rem;
    padding-right: 1.5rem;
  }
}
@media (max-width: 1023px) {
  .header__top {
    padding-left: 0.5rem;
  }
}
@media (max-width: 767px) {
  .header__top {
    padding-right: 1rem;
    display: none;
  }
}
.header__lineformenu {
  background-color: #1B1C1F;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 0;
  overflow: hidden;
  transition: height 0.3s ease;
  z-index: -2;
}
.header__lineformenu::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background-color: #67686B;
  z-index: -1;
}
.header__menu {
  grid-column: 2;
  grid-row: 2;
  display: flex;
  align-items: stretch;
  border-top: 1px solid #67686B;
}
@media (max-width: 1023px) {
  .header__menu {
    display: none;
  }
}
.header__menu__layout {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transition: all ease 0.4s;
  height: 100vh;
  overflow: hidden;
  background-color: rgba(27, 28, 31, 0.7);
  opacity: 0;
  display: none;
  z-index: -199;
}
.header__menu__layout.active {
  display: block;
  z-index: -1;
  animation: animateLayout 0.3s ease 1 forwards;
}
.header__menu__item {
  border-left: 1px solid #67686B;
  flex: 1 0 0%;
  width: 100%;
  max-width: 100%;
}
.header__menu__item:first-child {
  border-left: none;
}
.header__menu__item:hover .header__menu__link, .header__menu__item.active .header__menu__link {
  color: #00A1F9;
}
.header__menu__item:hover .header__menu__link i::after, .header__menu__item.active .header__menu__link i::after {
  background-color: #00A1F9;
}
@media (max-width: 1279px) {
  .header__menu__item.header__menu__hidemobile {
    display: none;
  }
}
.header__menu__link {
  padding: 0.8rem;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  font-size: 0.65rem;
  line-height: 1.3;
  text-transform: uppercase;
  font-weight: 500;
  color: #FFF;
  will-change: transform;
  transition: all ease 0.3s;
}
@media (max-width: 2559px) {
  .header__menu__link {
    font-size: 0.6666666667rem;
    line-height: 1.4;
    padding: 0.3888888889rem 0.7222222222rem;
  }
}
@media (max-width: 1919px) {
  .header__menu__link {
    font-size: 0.75rem;
    line-height: 1.4;
    padding: 0.4375rem 0.8125rem;
  }
}
.header__menu__link::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: #00A1F9;
  width: 100%;
  height: 0;
  z-index: -1;
  will-change: transform;
  transition: all 0.3s ease;
}
.header__menu__link span {
  display: block;
}
.header__menu__link b {
  font-weight: normal;
  flex: 0 0 auto;
  width: auto;
}
.header__menu__link i {
  display: inline-block;
  padding-right: 0.8rem;
  font-style: normal;
  position: relative;
}
.header__menu__link i::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 0.7rem;
  height: 0.7rem;
  background-color: #FFF;
  -webkit-mask-image: url("./../img/icons/arrow-down.svg");
  mask-image: url("./../img/icons/arrow-down.svg");
  mask-repeat: no-repeat;
  mask-size: 7px 7px;
  mask-position: 50% 50%;
  transition: all 0.3s ease;
}
.header__menu__popup {
  position: absolute;
  left: 0;
  top: 100%;
  padding-top: 1px;
  right: 0;
  background-color: #1B1C1F;
  color: #FFF;
  font-size: 0.8rem;
  line-height: 1.5;
  overflow: hidden;
  padding: 0;
  max-height: 0;
  transition: all ease 0.5s;
  z-index: 50;
}
.header__menu__popup__title {
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.5;
  text-transform: uppercase;
  margin-bottom: 1.5rem;
  color: #5B5D66;
}
@media (max-width: 2559px) {
  .header__menu__popup__title {
    margin-bottom: 1.6666666667rem;
  }
}
@media (max-width: 1919px) {
  .header__menu__popup__title {
    margin-bottom: 1.875rem;
  }
}
@media (max-width: 767px) {
  .header__menu__popup__title {
    margin-bottom: 2rem;
  }
}
.header__menu__popup__ulcolumns {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  margin: 0 -8px;
  opacity: 0;
  transform: translateY(-10px);
  transition: transform ease 0.3s, opacity ease 0.4s;
}
.header__menu__popup__ulcolumns__item {
  padding: 0 8px;
  flex: 0 0 auto;
  width: 33.33333333%;
  max-width: 100%;
}
.header__menu__popup__body {
  border-top: 1px solid #67686B;
  border-bottom: 1px solid #67686B;
  padding: 3.2rem 1.0666666667rem 3.7333333333rem 1.0666666667rem;
  transition: all ease 0.5s;
}
@media (min-width: 768px) {
  .header__menu__popup__body {
    padding: 3rem 1.5rem 3.5rem 1.5rem;
  }
}
@media (min-width: 1024px) {
  .header__menu__popup__body {
    padding: 3rem 2rem 3.5rem 2rem;
  }
}
@media (min-width: 1920px) {
  .header__menu__popup__body {
    padding: 2.6666666667rem 2.6666666667rem 3.1111111111rem 2.6666666667rem;
  }
}
@media (min-width: 2560px) {
  .header__menu__popup__body {
    padding: 2.4rem 3.2rem 2.8rem 3.2rem;
  }
}
.header__menu__popup ul {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 1.25rem;
  line-height: 1;
  position: relative;
  z-index: 10;
}
@media (max-width: 2559px) {
  .header__menu__popup ul {
    font-size: 1.2222222222rem;
  }
}
@media (max-width: 1919px) {
  .header__menu__popup ul {
    font-size: 1.1875rem;
  }
}
@media (max-width: 767px) {
  .header__menu__popup ul {
    font-size: 1.2666666667rem;
  }
}
.header__menu__popup ul li {
  position: relative;
  margin-top: 30px;
}
.header__menu__popup ul li:first-child {
  margin-top: 0;
}
.header__menu__popup ul a {
  display: inline-block;
}
.header__menu__popup ul a:hover span.hover, .header__menu__popup ul a:focus span.hover {
  color: #00A1F9;
  text-decoration: underline;
}
.header__mobileinfo {
  display: none;
}
@media (max-width: 767px) {
  .header__mobileinfo {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 1.0666666667rem;
  }
}
.header__logo {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  width: 15rem;
  height: 5.55rem;
}
@media (max-width: 2559px) {
  .header__logo {
    width: 12.3333333333rem;
    height: 4.5555555556rem;
  }
}
@media (max-width: 1919px) {
  .header__logo {
    width: 12.5rem;
    height: 4.625rem;
  }
}
@media (max-width: 1279px) {
  .header__logo {
    width: 9.375rem;
    height: 3.4375rem;
  }
}
@media (max-width: 767px) {
  .header__logo {
    width: 6.6666666667rem;
    height: 2.4666666667rem;
  }
}
.header__logo svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.header__logo__wrapper {
  padding-left: 3.2rem;
  grid-column: 1;
  grid-row: 1/3;
  display: flex;
  align-items: center;
  position: relative;
  border-right: 1px solid #67686B;
}
@media (max-width: 2559px) {
  .header__logo__wrapper {
    padding-left: 2.6666666667rem;
  }
}
@media (max-width: 1919px) {
  .header__logo__wrapper {
    padding-left: 2rem;
  }
}
@media (max-width: 767px) {
  .header__logo__wrapper {
    padding-left: 1.0666666667rem;
    grid-row: 1;
  }
}
.header__lang {
  position: absolute;
  top: 2.45rem;
  right: 1.8rem;
}
@media (max-width: 2559px) {
  .header__lang {
    top: 2.7222222222rem;
    right: 2rem;
  }
}
@media (max-width: 1919px) {
  .header__lang {
    top: 1.375rem;
    right: 1.5rem;
  }
}
@media (max-width: 1279px) {
  .header__lang {
    top: 2rem;
    right: 1.6875rem;
  }
}
@media (max-width: 767px) {
  .header__lang {
    top: 3.2666666667rem;
    right: 2.4rem;
  }
}
.header__lang__link {
  display: block;
  text-transform: uppercase;
  color: #FFF;
}
@media (max-width: 1919px) {
  .header__lang__link {
    font-size: 0.75rem;
  }
}
@media (max-width: 1279px) {
  .header__lang__link {
    font-size: 0.75rem;
  }
}
@media (max-width: 767px) {
  .header__lang__link {
    font-size: 0.6666666667rem;
  }
}
@media (max-width: 767px) {
  .header__lang.header__logo__langhide {
    display: none;
  }
}
.header__search {
  position: relative;
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
  margin-right: auto;
}
@media (max-width: 1023px) {
  .header__search.header__search__hidemobile {
    display: none;
  }
}
.header__search__btn {
  width: 1.2rem;
  height: 1.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #FFF;
  transition: all 0.3s;
}
@media (max-width: 2559px) {
  .header__search__btn {
    width: 1.3333333333rem;
    height: 1.3333333333rem;
  }
}
@media (max-width: 1919px) {
  .header__search__btn {
    width: 1.5rem;
    height: 1.5rem;
  }
}
.header__search__btn svg {
  max-width: 0.9rem;
  max-height: 0.9rem;
  object-fit: contain;
  stroke: currentColor;
}
@media (max-width: 2559px) {
  .header__search__btn svg {
    max-width: 1rem;
    max-height: 1rem;
  }
}
@media (max-width: 1919px) {
  .header__search__btn svg {
    max-width: 1.25rem;
    max-height: 1.25rem;
  }
}
.header__search__btn:hover {
  color: #67686B;
}
.header__info {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
  position: relative;
  margin: 0 -0.8rem;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
@media (max-width: 2559px) {
  .header__info {
    margin: 0 -0.8888888889rem;
  }
}
@media (max-width: 1919px) {
  .header__info {
    margin: 0 -1rem;
  }
}
@media (max-width: 767px) {
  .header__info {
    margin: 0 -1.0666666667rem;
  }
}
.header__info__item {
  padding: 0 0.8rem;
  position: relative;
  z-index: 2;
}
@media (max-width: 2559px) {
  .header__info__item {
    padding: 0 0.8888888889rem;
  }
}
@media (max-width: 1919px) {
  .header__info__item {
    padding: 0 1rem;
  }
}
@media (max-width: 767px) {
  .header__info__item {
    padding: 0 1.0666666667rem;
  }
}
.header__info__item:hover .header__info__popup {
  opacity: 1;
  z-index: -1;
}
.header__info__link {
  display: inline-block;
  font-size: 1rem;
  line-height: 1;
  color: #FFF;
}
.header__info__link:hover, .header__info__link:focus {
  color: #00A1F9;
}
.header__info__link.header__info__desktop {
  display: inline-block;
}
@media (max-width: 1919px) {
  .header__info__link.header__info__desktop {
    display: none;
  }
}
.header__info__link.header__info__mobile {
  display: none;
}
@media (max-width: 1919px) {
  .header__info__link.header__info__mobile {
    display: inline-block;
  }
}
.header__info__link.header__info__link__color-blue {
  color: #00A1F9;
}
.header__socio {
  display: none;
  align-items: center;
  justify-content: flex-end;
  margin-left: auto;
}
@media (max-width: 767px) {
  .header__socio {
    display: flex;
  }
}
.header__socio__item {
  padding-left: 16px;
}
.header__socio__item:first-child {
  padding-left: 0;
}
.header__socio__linkicon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.6666666667rem;
  height: 2.6666666667rem;
  border-radius: 50%;
  background-color: #00A1F9;
  color: #FFF;
}
.header__socio__linkicon svg {
  max-width: 1.2rem;
  max-height: 1.2rem;
  fill: currentColor;
}
.header__socio__linkicon:hover {
  background-color: #0081C7;
}

@keyframes animateInSub {
  0% {
    transform: translateY(-50px);
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes animateOutSub {
  from {
    transform: translateY(0);
    opacity: 1;
  }
  to {
    transform: translateY(-50px);
    opacity: 0;
  }
}
@keyframes animateLayout {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.search {
  position: fixed;
  left: 0;
  top: -100%;
  right: 0;
  background-color: #FFF;
  padding: 4.6rem 0 5.6rem 0;
  transition: all ease 0.5s;
  opacity: 0;
  z-index: 202;
}
@media (max-width: 2559px) {
  .search {
    padding: 5.1111111111rem 0 6.2222222222rem 0;
  }
}
@media (max-width: 1919px) {
  .search {
    padding: 3.375rem 0 4.3125rem 0;
  }
}
@media (max-width: 767px) {
  .search {
    padding: 5rem 0 3.5333333333rem 0;
  }
}
.search.active {
  top: 0;
  opacity: 1;
}
.search.active .search__content {
  opacity: 1;
  transform: translateY(0);
}
.search__content {
  max-width: 1210px;
  margin-left: auto;
  margin-right: auto;
  border-bottom: 1px solid #D0D1D6;
  overflow: hidden;
  transition: all ease 0.5s;
  transition-delay: 0.5s;
  transform: translateY(-10px);
  opacity: 0;
}
@media (max-width: 1919px) {
  .search__content {
    width: 806px;
  }
}
@media (max-width: 1279px) {
  .search__content {
    width: 100%;
  }
}
.search__content:hover {
  border-color: #1B1C1F;
}
.search__content:hover .search__input input::-webkit-input-placeholder .search__content:hover .search__input input::-moz-placeholder .search__content:hover .search__input input:-moz-placeholder .search__content:hover .search__input input:-ms-input-placeholder {
  color: #9EA1A8;
}
.search__content.input-focus {
  border-color: #1B1C1F;
}
.search__content.input-value {
  border-color: #1B1C1F;
}
.search__content.input-value .search__clear,
.search__content.input-value .search__find button span {
  opacity: 1;
  transform: translateY(0);
}
.search__btnclose {
  position: absolute;
  right: 3.2rem;
  top: 1.6rem;
  width: 1.2rem;
  height: 1.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #2B2C30;
  cursor: pointer;
  transition: all ease 0.3s;
}
@media (max-width: 2559px) {
  .search__btnclose {
    right: 1.7777777778rem;
    top: 1.7777777778rem;
    width: 1.3333333333rem;
    height: 1.3333333333rem;
  }
}
@media (max-width: 1919px) {
  .search__btnclose {
    right: 2rem;
    top: 2rem;
    width: 1.5rem;
    height: 1.5rem;
  }
}
@media (max-width: 1023px) {
  .search__btnclose {
    top: 2.5rem;
  }
}
@media (max-width: 767px) {
  .search__btnclose {
    right: 1.0666666667rem;
    top: 1.6rem;
    width: 1.6rem;
    height: 1.6rem;
  }
}
.search__btnclose:hover {
  color: #00A1F9;
}
.search__btnclose svg, .search__btnclose img {
  display: block;
  max-width: 0.6rem;
  max-height: 0.6rem;
  stroke: currentColor;
}
@media (max-width: 2559px) {
  .search__btnclose svg, .search__btnclose img {
    max-width: 0.6666666667rem;
    max-height: 0.6666666667rem;
  }
}
@media (max-width: 1919px) {
  .search__btnclose svg, .search__btnclose img {
    max-width: 0.75rem;
    max-height: 0.75rem;
  }
}
@media (max-width: 767px) {
  .search__btnclose svg, .search__btnclose img {
    max-width: 0.8rem;
    max-height: 0.8rem;
  }
}
.search__row {
  display: flex;
  align-items: center;
}
.search__input {
  flex: 1 0 0%;
  width: 100%;
  max-width: 100%;
}
.search__input__form {
  display: block;
  width: 100%;
  line-height: 1.4;
  font-size: 1.25rem;
  padding: 0.5rem 0;
  color: #1B1C1F;
}
@media (max-width: 2559px) {
  .search__input__form {
    font-size: 1.2222222222rem;
    padding: 0.7222222222rem 0;
  }
}
@media (max-width: 1919px) {
  .search__input__form {
    font-size: 1.1875rem;
    padding: 0.9375rem 0;
  }
}
@media (max-width: 767px) {
  .search__input__form {
    font-size: 1.1333333333rem;
    padding: 0.9333333333rem 0;
  }
}
.search__input__form::placeholder {
  color: #D0D1D6;
}
.search__clear {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
  width: 1.2rem;
  height: 1.2rem;
  margin-left: 1.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #9EA1A8;
  cursor: pointer;
  transition: all ease 0.3s;
  opacity: 0;
  transform: translateY(100%);
}
@media (max-width: 2559px) {
  .search__clear {
    width: 1.3333333333rem;
    height: 1.3333333333rem;
    margin-left: 1.3333333333rem;
  }
}
@media (max-width: 1919px) {
  .search__clear {
    width: 1.5rem;
    height: 1.5rem;
    margin-left: 1.5rem;
  }
}
@media (max-width: 767px) {
  .search__clear {
    width: 1.6rem;
    height: 1.6rem;
    margin-left: 1.6rem;
  }
}
.search__clear:hover {
  color: #00A1F9;
}
.search__clear svg, .search__clear img {
  display: block;
  max-width: 0.6rem;
  max-height: 0.6rem;
  stroke: currentColor;
}
@media (max-width: 2559px) {
  .search__clear svg, .search__clear img {
    max-width: 0.6666666667rem;
    max-height: 0.6666666667rem;
  }
}
@media (max-width: 1919px) {
  .search__clear svg, .search__clear img {
    max-width: 0.75rem;
    max-height: 0.75rem;
  }
}
@media (max-width: 767px) {
  .search__clear svg, .search__clear img {
    max-width: 0.8rem;
    max-height: 0.8rem;
  }
}
.search__find {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
  margin-left: 1.2rem;
}
@media (max-width: 2559px) {
  .search__find {
    margin-left: 1.2222222222rem;
  }
}
@media (max-width: 1919px) {
  .search__find {
    margin-left: 1.1875rem;
  }
}
@media (max-width: 767px) {
  .search__find {
    margin-left: 1.1333333333rem;
  }
}
.search__find button {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  color: #1B1C1F;
  font-size: 1.25rem;
  line-height: 1.4;
}
@media (max-width: 2559px) {
  .search__find button {
    font-size: 1.2222222222rem;
  }
}
@media (max-width: 1919px) {
  .search__find button {
    font-size: 1.1875rem;
  }
}
@media (max-width: 767px) {
  .search__find button {
    font-size: 1.1333333333rem;
  }
}
.search__find button:hover {
  color: #00A1F9;
}
.search__find button span {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
  opacity: 0;
  transform: translateY(100%);
  transition: all ease 0.3s;
}
.search__find button i {
  width: 1.2rem;
  height: 1.2rem;
  margin-left: 0.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 2559px) {
  .search__find button i {
    width: 1.3333333333rem;
    height: 1.3333333333rem;
    margin-left: 0.4444444444rem;
  }
}
@media (max-width: 1919px) {
  .search__find button i {
    width: 1.5rem;
    height: 1.5rem;
    margin-left: 0.5rem;
  }
}
@media (max-width: 767px) {
  .search__find button i {
    width: 1.6rem;
    height: 1.6rem;
    margin-left: 0.5333333333rem;
  }
}
.search__find button i svg, .search__find button i img {
  display: block;
  max-width: 0.9rem;
  max-height: 0.9rem;
  stroke: currentColor;
  transition: all 0.3s;
}
@media (max-width: 2559px) {
  .search__find button i svg, .search__find button i img {
    max-width: 0.9rem;
    max-height: 0.9rem;
  }
}
@media (max-width: 1919px) {
  .search__find button i svg, .search__find button i img {
    max-width: 1rem;
    max-height: 1rem;
  }
}
@media (max-width: 767px) {
  .search__find button i svg, .search__find button i img {
    max-width: 1.2rem;
    max-height: 1.2rem;
  }
}

.mobilemenu {
  position: fixed;
  top: -100vh;
  left: 0;
  width: 100vw;
  height: 100vh;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: #1B1C1F;
  transition: all 0.4s ease;
  display: flex;
  flex-direction: column;
  z-index: 1;
}
@media (max-width: 1023px) {
  .mobilemenu.mobilemenu__opened {
    top: 0;
  }
}
@media (min-width: 1024px) {
  .mobilemenu {
    display: none;
  }
}
.mobilemenu__body {
  flex: 1;
  padding-top: 12rem;
}
@media (max-width: 767px) {
  .mobilemenu__body {
    padding-top: 12.8rem;
  }
}
.mobilemenu__footer {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}
.mobilemenu__btns {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: 0 -0.4rem;
  padding: 0.8rem 0;
}
.mobilemenu__btns__item {
  padding: 0.4rem;
  width: 100%;
}
.mobilemenu__btns .mbtn {
  display: block;
  width: 100%;
}
.mobilemenu__line {
  height: 1px;
  background-color: #2F2F30;
  margin-left: -1.0666666667rem;
  margin-right: -1.0666666667rem;
}
@media (min-width: 768px) {
  .mobilemenu__line {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }
}
@media (min-width: 1024px) {
  .mobilemenu__line {
    margin-left: 2rem;
    margin-right: 2rem;
  }
}
@media (min-width: 1920px) {
  .mobilemenu__line {
    margin-left: -2.6666666667rem;
    margin-right: -2.6666666667rem;
  }
}
.mobilemenu__info {
  padding: 2rem 0 3.75rem;
}
@media (max-width: 767px) {
  .mobilemenu__info {
    padding: 2.1333333333rem 0 4rem;
  }
}
.mobilemenu__info__item {
  margin-top: 3.75rem;
}
@media (max-width: 767px) {
  .mobilemenu__info__item {
    margin-top: 4rem;
  }
}
.mobilemenu__info__item:first-child {
  margin-top: 0;
}
.mobilemenu__socio {
  list-style: none;
  margin: -1.0625rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0;
}
@media (max-width: 767px) {
  .mobilemenu__socio {
    margin: -1.1333333333rem;
  }
}
.mobilemenu__socio li {
  padding: 1.0625rem;
}
@media (max-width: 767px) {
  .mobilemenu__socio li {
    padding: 1.0625rem;
  }
}
.mobilemenu__socio a {
  display: inline-block;
  text-transform: uppercase;
  font-weight: 500;
  color: #FFF;
  font-size: 0.9375rem;
}
@media (max-width: 767px) {
  .mobilemenu__socio a {
    font-size: 1rem;
  }
}
.mobilemenu__socio a:hover, .mobilemenu__socio a:focus {
  text-decoration: underline;
}
.mobilemenu__phone {
  display: inline-block;
  line-height: 1;
  color: #FFF;
  font-size: 1.8125rem;
  margin-bottom: 1.25rem;
  font-weight: 500;
}
@media (max-width: 767px) {
  .mobilemenu__phone {
    margin-bottom: 1.3333333333rem;
    font-size: 1.9333333333rem;
  }
}
.mobilemenu__mail {
  display: inline-block;
  color: #00A1F9;
  line-height: 1;
  font-size: 1.0625rem;
  font-weight: 500;
}
@media (max-width: 767px) {
  .mobilemenu__mail {
    font-size: 1.1333333333rem;
  }
}
.mobilemenu__menu {
  position: relative;
}
.mobilemenu__menu__item {
  border-bottom: 1px solid #363738;
}
.mobilemenu__menu__link {
  padding: 1.25rem 1.5rem;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 0.625rem;
  line-height: 1.4;
  font-weight: 500;
  color: #FFF;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .mobilemenu__menu__link {
    padding: 1.3333333333rem 1.0666666667rem;
    font-size: 0.6666666667rem;
  }
}
.mobilemenu__menu__link.active .mobilemenu__menu__link__btn i::after {
  transform: rotate(180deg);
}
.mobilemenu__menu__link__btn {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 3.375rem;
}
@media (max-width: 767px) {
  .mobilemenu__menu__link__btn {
    width: 3.6rem;
  }
}
.mobilemenu__menu__link__btn i {
  display: inline-block;
  font-style: normal;
  position: relative;
  padding-right: 0.8125rem;
  font-style: normal;
}
@media (max-width: 767px) {
  .mobilemenu__menu__link__btn i {
    padding-right: 0.8666666667rem;
  }
}
.mobilemenu__menu__link__btn i::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 0.875rem;
  height: 0.875rem;
  margin-top: -0.4375rem;
  background-image: url("./../img/icons/arrow-down.svg");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 7px 7px;
  transition: all ease 0.3s;
}
@media (max-width: 767px) {
  .mobilemenu__menu__link__btn i::after {
    margin-top: -0.4666666667rem;
    width: 0.9333333333rem;
    height: 0.9333333333rem;
  }
}
.mobilemenu__menu__slide {
  position: relative;
  max-height: 0;
  overflow: hidden;
  transition: all 0.3s;
}
.mobilemenu__menu__slide ul {
  position: relative;
}
.mobilemenu__menu__slide ul li {
  padding: 0;
  margin: 0;
  border-top: 1px solid #363738;
}
.mobilemenu__menu__slide ul span {
  display: block;
  font-weight: 500;
  font-size: 0.8125rem;
  text-transform: uppercase;
  padding: 1.125rem 2rem;
}
@media (max-width: 767px) {
  .mobilemenu__menu__slide ul span {
    padding: 1.2rem 2.1333333333rem;
    font-size: 0.8666666667rem;
  }
}
.mobilemenu__menu__slide ul a {
  display: block;
  font-size: 0.75rem;
  color: #FFF;
  font-weight: 400;
  padding: 1.1875rem 2rem;
}
@media (max-width: 767px) {
  .mobilemenu__menu__slide ul a {
    font-size: 0.8rem;
    padding: 1.2666666667rem 2.1333333333rem;
  }
}

.footer {
  overflow: hidden;
  font-size: 0.8rem;
  line-height: 1.4;
  width: 100%;
  background-color: #202124;
}
@media (max-width: 2559px) {
  .footer {
    font-size: 0.8333333333rem;
  }
}
@media (max-width: 1919px) {
  .footer {
    font-size: 0.875rem;
  }
}
@media (max-width: 767px) {
  .footer {
    font-size: 0.8666666667rem;
  }
}
.footer__container {
  width: 100%;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.footer__btns {
  padding-top: 4rem;
  padding-bottom: 4rem;
  width: 100%;
  flex: 0 0 auto;
  height: auto;
  max-height: 100%;
}
@media (max-width: 2559px) {
  .footer__btns {
    padding-top: 3.2777777778rem;
    padding-bottom: 3.2777777778rem;
  }
}
@media (max-width: 1919px) {
  .footer__btns {
    padding-top: 1.6875rem;
    padding-bottom: 1.6875rem;
  }
}
@media (max-width: 1279px) {
  .footer__btns {
    padding-top: 2.5625rem;
    padding-bottom: 2.4375rem;
  }
}
@media (max-width: 767px) {
  .footer__btns {
    padding-top: 1.6rem;
    padding-bottom: 1.6rem;
  }
}
.footer__btns__row {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: -0.4rem;
}
@media (max-width: 2559px) {
  .footer__btns__row {
    margin: -0.4444444444rem;
  }
}
@media (max-width: 1919px) {
  .footer__btns__row {
    margin: -0.5rem;
  }
}
@media (max-width: 767px) {
  .footer__btns__row {
    margin: -0.5333333333rem;
  }
}
.footer__btns__item {
  flex: 0 0 auto;
  width: 50%;
  max-width: 100%;
  padding: 0.4rem;
}
@media (max-width: 767px) {
  .footer__btns__item {
    width: 100%;
    padding: 0.5333333333rem;
  }
}
.footer__bottom {
  border-top: 1px solid #2F2F30;
  padding-top: 3.7rem;
  padding-bottom: 3.7rem;
  width: 100%;
  flex: 0 0 auto;
  height: auto;
  max-height: 100%;
}
@media (max-width: 2559px) {
  .footer__bottom {
    padding-top: 4.1111111111rem;
    padding-bottom: 4.1111111111rem;
  }
}
@media (max-width: 1919px) {
  .footer__bottom {
    padding-top: 1.375rem;
    padding-bottom: 1.5625rem;
  }
}
@media (max-width: 1279px) {
  .footer__bottom {
    padding-top: 2.1875rem;
    padding-bottom: 2.1875rem;
  }
}
@media (max-width: 1023px) {
  .footer__bottom {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
}
@media (max-width: 767px) {
  .footer__bottom {
    padding-top: 1.3333333333rem;
    padding-bottom: 1.3333333333rem;
  }
}
.footer__body {
  border-top: 1px solid #2F2F30;
  flex: 1 0 0%;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.footer__body .container-custom {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.footer__body__row {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: flex-start;
  margin: 0 -3.2rem;
  flex: 1;
}
@media (max-width: 2559px) {
  .footer__body__row {
    margin: 0 -2.2222222222rem;
  }
}
@media (max-width: 1279px) {
  .footer__body__row {
    margin: 0 -2.5rem;
  }
}
@media (max-width: 1023px) {
  .footer__body__row {
    margin: 0 -2rem;
  }
}
@media (max-width: 767px) {
  .footer__body__row {
    margin: 0 -2.6666666667rem;
  }
}
.footer__body__column {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 100%;
  flex: 1 0 0%;
  padding: 3.9rem 3.2rem 3.6rem 3.2rem;
}
@media (max-width: 2559px) {
  .footer__body__column {
    padding: 2.6666666667rem 2.2222222222rem 2.3888888889rem 2.2222222222rem;
  }
}
@media (max-width: 1919px) {
  .footer__body__column {
    padding: 3rem 2.5rem 2.6875rem 2.5rem;
  }
}
@media (max-width: 1279px) {
  .footer__body__column {
    padding: 3.0625rem 2.5rem 2.75rem 2.5rem;
  }
}
@media (max-width: 1023px) {
  .footer__body__column {
    padding: 2.9375rem 2rem;
  }
}
@media (max-width: 767px) {
  .footer__body__column {
    padding: 2.2666666667rem 2.6666666667rem;
  }
}
.footer__body__column__content {
  width: 100%;
  max-width: 100%;
  flex: 1 0 0%;
}
.footer__body__column__footer {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
  padding-top: 2rem;
}
@media (max-width: 767px) {
  .footer__body__column__footer {
    padding-top: 3.8666666667rem;
  }
}
.footer__body__column.footer__body__column1 {
  flex: 0 0 auto;
  width: 25.95rem;
}
@media (max-width: 2559px) {
  .footer__body__column.footer__body__column1 {
    width: 31.7777777778rem;
  }
}
@media (max-width: 1919px) {
  .footer__body__column.footer__body__column1 {
    width: 20.4375rem;
  }
}
@media (max-width: 1279px) {
  .footer__body__column.footer__body__column1 {
    width: 17.625rem;
  }
}
@media (max-width: 1023px) {
  .footer__body__column.footer__body__column1 {
    width: 16.25rem;
  }
}
@media (max-width: 767px) {
  .footer__body__column.footer__body__column1 {
    display: none;
  }
}
.footer__body__column.footer__body__wline {
  border-left: 1px solid #2F2F30;
}
@media (max-width: 1023px) {
  .footer__body__column.footer__body__wline.footer__body__column3 {
    flex: 0 0 auto;
    width: 100%;
    border-left: none;
    border-top: 1px solid #2F2F30;
  }
}
.footer__logomobile {
  border-top: 1px solid #2F2F30;
  padding-top: 1.4666666667rem;
  padding-bottom: 1.1333333333rem;
  display: none;
}
@media (max-width: 767px) {
  .footer__logomobile {
    display: block;
    width: 100%;
  }
}
.footer__logomobile a {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  height: 61px;
  width: 165px;
}
.footer__logomobile a img, .footer__logomobile a svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.footer__logo {
  position: relative;
}
.footer__logo a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 300px;
  height: 111px;
}
@media (max-width: 2559px) {
  .footer__logo a {
    width: 222px;
    height: 82px;
  }
}
@media (max-width: 1919px) {
  .footer__logo a {
    width: 200px;
    height: 74px;
  }
}
@media (max-width: 1279px) {
  .footer__logo a {
    width: 150px;
    height: 55px;
  }
}
@media (max-width: 767px) {
  .footer__logo a {
    width: 165px;
    height: 61px;
  }
}
.footer__logo a img, .footer__logo a svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.footer__webautor {
  color: #5B5D66;
}
.footer__webautor a {
  color: #00A1F9;
}
.footer__webautor a:hover, .footer__webautor a:focus {
  color: #00A1F9;
}
.footer__webautor a:hover::after, .footer__webautor a:focus::after {
  background-color: #00A1F9;
}
.footer__elselinks {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: -0.8rem;
}
@media (max-width: 1023px) {
  .footer__elselinks {
    margin: -0.5625rem -1rem;
  }
}
@media (max-width: 767px) {
  .footer__elselinks {
    margin: -0.4666666667rem;
  }
}
.footer__elselinks li {
  padding: 0.8rem;
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}
@media (max-width: 1023px) {
  .footer__elselinks li {
    padding: 0.5625rem 1rem;
  }
}
@media (max-width: 767px) {
  .footer__elselinks li {
    padding: 0.4666666667rem;
    width: 100%;
  }
}
.footer__elselinks li.footer__elselinks__last {
  margin-left: auto;
}
@media (max-width: 1023px) {
  .footer__elselinks li.footer__elselinks__last {
    width: 100%;
    margin-left: 0;
  }
}
.footer__elselinks li.footer__hidedesktop {
  display: none;
}
@media (max-width: 767px) {
  .footer__elselinks li.footer__hidedesktop {
    display: block;
  }
}
.footer__elselinks a.footer__elselinks__link {
  color: #5B5D66;
  display: inline-block;
  position: relative;
}
.footer__elselinks a.footer__elselinks__link:hover, .footer__elselinks a.footer__elselinks__link:focus {
  color: #FFF;
}
.footer__copy {
  color: #FFF;
  text-transform: uppercase;
}
.footer__socio {
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: -0.85rem;
  font-size: 1rem;
}
.footer__socio li {
  padding: 0.85rem;
}
.footer__socio a {
  display: inline-block;
  text-transform: uppercase;
  color: #FFF;
}
.footer__menu {
  display: grid;
  gap: 93px;
  grid-template-columns: auto auto;
  justify-content: center;
  margin: -0.35rem auto 0 auto;
}
@media (max-width: 1919px) {
  .footer__menu {
    justify-content: start;
  }
}
@media (max-width: 1279px) {
  .footer__menu {
    grid-template-columns: auto;
    gap: 55px;
    margin-top: -0.5rem;
  }
}
@media (max-width: 1023px) {
  .footer__menu {
    grid-template-columns: auto auto;
    gap: 64px;
    margin-top: 0.5625rem;
  }
}
@media (max-width: 767px) {
  .footer__menu {
    grid-template-columns: 50% 50%;
    justify-content: start;
    gap: 16px;
    margin-top: 0;
  }
}
.footer__menu__item {
  position: relative;
}
.footer__menu__title {
  text-transform: uppercase;
  font-size: 1.25rem;
  line-height: 1.5;
  margin: 0 0 1.5rem 0;
  padding: 0;
  color: #FFF;
}
@media (max-width: 2559px) {
  .footer__menu__title {
    font-size: 1.2222222222rem;
    margin-bottom: 1.6666666667rem;
  }
}
@media (max-width: 1919px) {
  .footer__menu__title {
    font-size: 1.1875rem;
    margin-bottom: 1.1875rem;
  }
}
@media (max-width: 767px) {
  .footer__menu__title {
    font-size: 1.1333333333rem;
    margin-bottom: 1.8rem;
  }
}
.footer__menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
  line-height: 1.4;
}
.footer__menu ul li {
  margin-top: 1.05rem;
}
@media (max-width: 2559px) {
  .footer__menu ul li {
    margin-top: 1.1666666667rem;
  }
}
@media (max-width: 1919px) {
  .footer__menu ul li {
    margin-top: 0.875rem;
  }
}
@media (max-width: 767px) {
  .footer__menu ul li {
    margin-top: 1.2666666667rem;
  }
}
.footer__menu ul li:first-child {
  margin-top: 0;
}
.footer__menu ul a {
  color: #5B5D66;
}
.footer__menu ul a:hover, .footer__menu ul a:focus {
  color: #FFF;
}
.footer__info {
  position: relative;
}
.footer__info__item {
  margin-top: 2.6rem;
}
@media (max-width: 2559px) {
  .footer__info__item {
    margin-top: 2.8333333333rem;
  }
}
@media (max-width: 1919px) {
  .footer__info__item {
    margin-top: 3.375rem;
  }
}
@media (max-width: 767px) {
  .footer__info__item {
    margin-top: 3.6rem;
  }
}
.footer__info__item:first-child {
  margin-top: 0;
}
.footer__phone {
  margin-bottom: 0.15rem;
  margin-top: -0.5rem;
}
@media (max-width: 2559px) {
  .footer__phone {
    margin-bottom: 0.2222222222rem;
    margin-top: -0.7222222222rem;
  }
}
@media (max-width: 1919px) {
  .footer__phone {
    margin-bottom: 0.125rem;
    margin-top: -0.5625rem;
  }
}
@media (max-width: 1279px) {
  .footer__phone {
    margin-top: -0.75rem;
    margin-bottom: 0.0625rem;
  }
}
@media (max-width: 1023px) {
  .footer__phone {
    margin-bottom: 0.4375rem;
    margin-top: -0.5625rem;
  }
}
@media (max-width: 767px) {
  .footer__phone {
    margin-bottom: 0.6rem;
    margin-top: -0.2rem;
  }
}
.footer__phone:last-child {
  margin-bottom: 0;
}
.footer__phone a {
  display: inline-block;
  font-size: 2.9rem;
  color: #FFF;
  line-height: 1.3;
  white-space: nowrap;
}
@media (max-width: 2559px) {
  .footer__phone a {
    font-size: 2.6666666667rem;
  }
}
@media (max-width: 1919px) {
  .footer__phone a {
    font-size: 2.25rem;
  }
}
@media (max-width: 1279px) {
  .footer__phone a {
    font-size: 2.375rem;
  }
}
@media (max-width: 767px) {
  .footer__phone a {
    font-size: 1.9333333333rem;
  }
}
.footer__mail {
  margin-bottom: 1.6rem;
}
.footer__mail:last-child {
  margin-bottom: 0;
}
.footer__mail a {
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5;
  color: #00A1F9;
}
@media (max-width: 2559px) {
  .footer__mail a {
    font-size: 1.2222222222rem;
  }
}
@media (max-width: 1919px) {
  .footer__mail a {
    font-size: 1.1875rem;
  }
}
@media (max-width: 767px) {
  .footer__mail a {
    font-size: 1.1333333333rem;
  }
}
.footer__address {
  color: #FFF;
  text-transform: uppercase;
  font-size: 1.25rem;
  line-height: 1.5;
  margin-bottom: 0.5rem;
  max-width: 520px;
}
@media (max-width: 2559px) {
  .footer__address {
    font-size: 1.2222222222rem;
    margin-bottom: 0.5555555556rem;
  }
}
@media (max-width: 1919px) {
  .footer__address {
    font-size: 1.1875rem;
    margin-bottom: 0.625rem;
  }
}
@media (max-width: 1023px) {
  .footer__address {
    max-width: 100%;
  }
.footer__address br {
  display:none;
}
}
@media (max-width: 767px) {
  .footer__address {
    font-size: 1.1333333333rem;
    margin-bottom: 0.8666666667rem;
  }
}
.footer__address:last-child {
  margin-bottom: 0;
}
.footer__worktime {
  max-width: 212px;
  line-height: 1.5;
}

.modal {
  display: none;
  padding: 0;
  width: 100%;
}
.modal__title {
  margin: 0 0 1.8rem 0;
}
@media (max-width: 2559px) {
  .modal__title {
    margin: 0 0 1.8888888889rem 0;
  }
}
@media (max-width: 1919px) {
  .modal__title {
    margin: 0 0 2.25rem 0;
  }
}
@media (max-width: 1279px) {
  .modal__title {
    margin: 0 0 2.125rem 0;
  }
}
@media (max-width: 767px) {
  .modal__title {
    margin: 0 0 2.2666666667rem 0;
  }
}
.modal__title .h3 {
  color: #1B1C1F;
  margin: 0 0 0.1rem 0;
}
@media (max-width: 2559px) {
  .modal__title .h3 {
    margin: 0 0 0.2777777778rem 0;
  }
}
@media (max-width: 1919px) {
  .modal__title .h3 {
    margin: 0 0 0.625rem 0;
  }
}
@media (max-width: 767px) {
  .modal__title .h3 {
    margin: 0 0 0.6rem 0;
  }
}
.modal__title__text {
  font-size: 0.8rem;
}
@media (max-width: 2559px) {
  .modal__title__text {
    font-size: 0.8333333333rem;
  }
}
@media (max-width: 1919px) {
  .modal__title__text {
    font-size: 0.875rem;
    line-height: 1.4;
  }
}
@media (max-width: 767px) {
  .modal__title__text {
    font-size: 0.8666666667rem;
  }
}
.modal__title__text p {
  margin: 0.5rem 0 0 0;
}
@media (max-width: 2559px) {
  .modal__title__text p {
    margin-top: 0.5555555556rem;
  }
}
@media (max-width: 1919px) {
  .modal__title__text p {
    margin-top: 0.625rem;
  }
}
@media (max-width: 767px) {
  .modal__title__text p {
    margin-top: 0.6666666667rem;
  }
}
.modal__title__text p:first-child {
  margin-top: 0;
}
.modal__content {
  display: flex;
  width: 100%;
  height: 100vh;
  background-color: #fff;
  color: #5B5D66;
}
.modal__content__side {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  width: 50%;
  position: relative;
  padding: 0 0.8rem;
  display: flex;
  align-items: flex-end;
}
@media (max-width: 2559px) {
  .modal__content__side {
    padding: 0 0.8888888889rem;
  }
}
@media (max-width: 1919px) {
  .modal__content__side {
    padding: 0 0.75rem;
  }
}
@media (max-width: 1279px) {
  .modal__content__side {
    display: none;
  }
}
.modal__content__side__title {
  font-size: 6.45rem;
  line-height: 1;
  text-transform: uppercase;
  color: #FFF;
  font-weight: 500;
  opacity: 0;
  transform: translateY(50%);
  transition: all ease 0.5s;
}
@media (max-width: 2559px) {
  .modal__content__side__title {
    font-size: 7.1666666667rem;
  }
}
@media (max-width: 1919px) {
  .modal__content__side__title {
    font-size: 5rem;
  }
}
.modal__content__side__title.active {
  opacity: 1;
  transform: translateY(0);
}
.modal__content__body {
  width: 50%;
}
@media (max-width: 1279px) {
  .modal__content__body {
    width: 100%;
  }
}
.modal__content__body .js--styled-scroll {
  max-height: 100%;
}
.modal__result {
  position: fixed;
  left: 50%;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: #FFF;
  transform: translateX(100%);
  transition: all ease 0.5s;
  z-index: 5;
}
@media (max-width: 1279px) {
  .modal__result {
    left: 0;
  }
}
.modal__result.modal__result__opened {
  transform: translateX(0);
}
.modal__result .modal__container {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.modal__result__body {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.modal__result__title.h3 {
  color: #1B1C1F;
  margin-bottom: 4px;
}
.modal__result__more {
  padding-top: 36px;
}
.modal__result__des {
  color: #5B5D66;
  font-size: 0.8rem;
}
@media (max-width: 2559px) {
  .modal__result__des {
    font-size: 0.8333333333rem;
  }
}
@media (max-width: 1919px) {
  .modal__result__des {
    font-size: 0.875rem;
  }
}
@media (max-width: 767px) {
  .modal__result__des {
    font-size: 0.8666666667rem;
  }
}
.modal__result__icon {
  width: 56px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 36px auto;
}
.modal__result__icon svg {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.modal-scroll {
  max-height: 100%;
}
.modal__scroll {
  max-height: 100%;
}
.modal__container {
  margin-left: auto;
  margin-right: auto;
  padding: 7.9rem 1.0666666667rem;
  max-width: 38rem;
}
@media (min-width: 768px) {
  .modal__container {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    max-width: 36.625rem;
  }
}
@media (min-width: 1024px) {
  .modal__container {
    padding-left: 2rem;
    padding-right: 2rem;
    max-width: 47.375rem;
  }
}
@media (min-width: 1280px) {
  .modal__container {
    max-width: 32.75rem;
  }
}
@media (min-width: 1920px) {
  .modal__container {
    padding-left: 2.6666666667rem;
    padding-right: 2.6666666667rem;
    max-width: 34.5555555556rem;
  }
}
@media (min-width: 2560px) {
  .modal__container {
    padding-left: 3.2rem;
    padding-right: 3.2rem;
    max-width: 48.7rem;
  }
}
@media (max-width: 2559px) {
  .modal__container {
    padding-top: 8.8888888889rem;
    padding-bottom: 8.8888888889rem;
  }
}
@media (max-width: 1919px) {
  .modal__container {
    padding-top: 5.75rem;
    padding-bottom: 5.75rem;
  }
}
@media (max-width: 1279px) {
  .modal__container {
    width: 100%;
  }
}
@media (max-width: 1023px) {
  .modal__container {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
}
@media (max-width: 767px) {
  .modal__container {
    padding-top: 3.8rem;
    padding-bottom: 3.8rem;
  }
}
.modal__footer {
  position: relative;
  padding-top: 3.6rem;
}
@media (max-width: 2559px) {
  .modal__footer {
    padding-top: 4.1111111111rem;
  }
}
@media (max-width: 1919px) {
  .modal__footer {
    padding-top: 4.6875rem;
  }
}
@media (max-width: 1279px) {
  .modal__footer {
    padding-top: 4.1875rem;
  }
}
@media (max-width: 767px) {
  .modal__footer {
    padding-top: 4rem;
  }
}
.modal__footer__item {
  margin-top: 1.5rem;
}
@media (max-width: 2559px) {
  .modal__footer__item {
    margin-top: 1.6666666667rem;
  }
}
@media (max-width: 1919px) {
  .modal__footer__item {
    margin-top: 1.875rem;
  }
}
@media (max-width: 767px) {
  .modal__footer__item {
    margin-top: 2rem;
  }
}
.modal__footer__item:first-child {
  margin-top: 0;
}
.modal__footer__phone {
  line-height: 1;
  font-weight: 500;
  font-size: 2.9rem;
  color: #1B1C1F;
}
@media (max-width: 2559px) {
  .modal__footer__phone {
    font-size: 2.6666666667rem;
  }
}
@media (max-width: 1919px) {
  .modal__footer__phone {
    font-size: 2.25rem;
  }
}
@media (max-width: 767px) {
  .modal__footer__phone {
    font-size: 1.9333333333rem;
  }
}
.modal__footer__mail {
  display: inline-block;
  line-height: 1;
  color: #00A1F9;
  font-size: 0.8rem;
  font-weight: 500;
  margin-top: 0.25rem;
}
@media (max-width: 2559px) {
  .modal__footer__mail {
    font-size: 0.8333333333rem;
    margin-top: 0.4444444444rem;
  }
}
@media (max-width: 1919px) {
  .modal__footer__mail {
    font-size: 0.875rem;
    margin-top: 0.6875rem;
  }
}
@media (max-width: 1279px) {
  .modal__footer__mail {
    margin-top: 0.75rem;
  }
}
@media (max-width: 767px) {
  .modal__footer__mail {
    font-size: 0.8666666667rem;
    margin-top: 0.8rem;
  }
}
.modal__footer__address {
  font-size: 0.8rem;
  margin-bottom: 0.7rem;
  line-height: 1.3;
  color: #1B1C1F;
  text-transform: uppercase;
  font-weight: 500;
  max-width: 50%;
}
@media (max-width: 2559px) {
  .modal__footer__address {
    font-size: 0.8333333333rem;
    margin-bottom: 0.7777777778rem;
    max-width: 70%;
  }
}
@media (max-width: 1919px) {
  .modal__footer__address {
    font-size: 0.875rem;
    line-height: 1.4;
    margin-bottom: 0.875rem;
    max-width: 80%;
  }
}
@media (max-width: 1279px) {
  .modal__footer__address {
    max-width: 50%;
  }
}
@media (max-width: 1023px) {
  .modal__footer__address {
    max-width: 60%;
  }
}
@media (max-width: 767px) {
  .modal__footer__address {
    font-size: 0.8666666667rem;
    margin-bottom: 0.9333333333rem;
    line-height: 1.3;
    max-width: 100%;
  }
}
.modal__footer__worktime {
  font-size: 0.65rem;
  line-height: 1.5;
  font-weight: 400;
  color: #989BA6;
  max-width: 9rem;
}
@media (max-width: 2559px) {
  .modal__footer__worktime {
    font-size: 0.6666666667rem;
    max-width: 10rem;
  }
}
@media (max-width: 1919px) {
  .modal__footer__worktime {
    font-size: 0.75rem;
    max-width: 11.25rem;
  }
}
@media (max-width: 767px) {
  .modal__footer__worktime {
    font-size: 0.8rem;
    line-height: 1.4;
    max-width: 12rem;
  }
}
.modal .simplebar-track {
  top: 4px;
  right: 4px;
  bottom: 4px;
}

.fancy-modals:not(.is-compact) .fancybox__slide.has-close-btn {
  padding-top: 0;
}
.fancy-modals .fancybox__slide {
  padding: 0;
  overflow: hidden;
}
.fancy-modals.is-compact .fancybox__content > .f-button.is-close-btn {
  position: absolute;
  top: 3.2rem;
  right: 3.2rem;
  width: 1.2rem;
  height: 1.2rem;
  background: none;
  color: #2B2C30;
  opacity: 1;
}
@media (max-width: 2559px) {
  .fancy-modals.is-compact .fancybox__content > .f-button.is-close-btn {
    top: 2.6666666667rem;
    right: 2.6666666667rem;
    width: 1.3333333333rem;
    height: 1.3333333333rem;
  }
}
@media (max-width: 1919px) {
  .fancy-modals.is-compact .fancybox__content > .f-button.is-close-btn {
    top: 2rem;
    right: 2rem;
    width: 1.5rem;
    height: 1.5rem;
  }
}
@media (max-width: 1023px) {
  .fancy-modals.is-compact .fancybox__content > .f-button.is-close-btn {
    top: 1.5rem;
    right: 1.5rem;
  }
}
@media (max-width: 767px) {
  .fancy-modals.is-compact .fancybox__content > .f-button.is-close-btn {
    top: 1.0666666667rem;
    right: 1.0666666667rem;
    width: 1.6rem;
    height: 1.6rem;
  }
}
.fancy-modals.is-compact .fancybox__content > .f-button.is-close-btn:hover, .fancy-modals.is-compact .fancybox__content > .f-button.is-close-btn:focus {
  color: #00A1F9;
}
.fancy-modals.is-compact .fancybox__content > .f-button.is-close-btn svg {
  width: 0.9rem;
  height: 0.9rem;
}
@media (max-width: 2559px) {
  .fancy-modals.is-compact .fancybox__content > .f-button.is-close-btn svg {
    width: 1rem;
    height: 1rem;
  }
}
@media (max-width: 1919px) {
  .fancy-modals.is-compact .fancybox__content > .f-button.is-close-btn svg {
    width: 1.125rem;
    height: 1.125rem;
  }
}
@media (max-width: 767px) {
  .fancy-modals.is-compact .fancybox__content > .f-button.is-close-btn svg {
    width: 1.2rem;
    height: 1.2rem;
  }
}

.fancybox__container.fancy-mapmodals:not(.is-compact) .fancybox__slide.has-close-btn {
  padding-top: 0;
}
.fancybox__container.fancy-mapmodals .fancybox__slide {
  padding: 0;
}
@media (max-width: 767px) {
  .fancybox__container.fancy-mapmodals .fancybox__slide::after {
    margin: 0;
  }
}
.fancybox__container.fancy-mapmodals .scrollbar-track {
  background-color: transparent;
  border-radius: 3px;
}
.fancybox__container.fancy-mapmodals .scrollbar-track.scrollbar-track-y {
  right: 0;
  width: 6px;
  border-radius: 3px;
}
.fancybox__container.fancy-mapmodals .scrollbar-track .scrollbar-thumb {
  background-color: #5B5D66;
  width: 6px;
}
.fancybox__container.fancy-mapmodals .scrollbar-track.scrollbar-track-x {
  display: none !important;
}
.fancybox__container.fancy-mapmodals .modal {
  max-width: 680px;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  background: none;
  position: relative;
  max-height: calc(100% - 64px);
}
@media (max-width: 767px) {
  .fancybox__container.fancy-mapmodals .modal {
    padding-left: 0;
    padding-right: 0;
    max-height: 100%;
    padding-top: 16px;
  }
}
.fancybox__container.fancy-mapmodals .modal__content {
  border-radius: 16px;
  background-color: #fff;
  height: 100%;
  overflow: hidden;
  padding: 16px 5px 16px 16px;
}
@media (max-width: 767px) {
  .fancybox__container.fancy-mapmodals .modal__content {
    padding-top: 52px;
    border-radius: 16px 16px 0 0;
  }
}
.fancybox__container.fancy-mapmodals .modal .simplebar-track {
  top: 0;
  right: 0;
  bottom: 0;
}
.fancybox__container.fancy-mapmodals .modal__scroll {
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  padding-right: 11px;
}
.fancybox__container.fancy-mapmodals .modal__btnclose {
  position: absolute;
  right: 8px;
  top: 0;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFF;
  transition: all ease 0.3s;
}
@media (max-width: 767px) {
  .fancybox__container.fancy-mapmodals .modal__btnclose {
    right: 16px;
    top: 30px;
    color: #000;
  }
}
.fancybox__container.fancy-mapmodals .modal__btnclose:hover {
  color: #00A1F9;
}
.fancybox__container.fancy-mapmodals .modal__btnclose svg {
  max-width: 14px;
  max-height: 14px;
  stroke: currentColor;
}

.result-modal {
  width: 100%;
  max-width: 1280px;
  padding: 0;
  display: none;
}
@media (max-width: 2559px) {
  .result-modal {
    max-width: 920px;
  }
}
@media (max-width: 1919px) {
  .result-modal {
    max-width: 600px;
  }
}
@media (max-width: 1279px) {
  .result-modal {
    max-width: 984px;
  }
}
@media (max-width: 1023px) {
  .result-modal {
    max-width: 728px;
  }
}
@media (max-width: 767px) {
  .result-modal {
    max-width: 100%;
    height: 100vh;
  }
}
.result-modal .modal-scroll {
  max-height: 100%;
}
@media (max-width: 767px) {
  .result-modal .modal-scroll {
    min-height: 100%;
  }
}
.result-modal .modal__result__body {
  padding: 7.9rem 1.0666666667rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 500px;
}
@media (max-width: 2559px) {
  .result-modal .modal__result__body {
    padding-top: 8.8888888889rem;
    padding-bottom: 8.8888888889rem;
  }
}
@media (max-width: 1919px) {
  .result-modal .modal__result__body {
    padding-top: 5.75rem;
    padding-bottom: 5.75rem;
  }
}
@media (max-width: 1279px) {
  .result-modal .modal__result__body {
    width: 100%;
  }
}
@media (max-width: 1023px) {
  .result-modal .modal__result__body {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
}
@media (max-width: 767px) {
  .result-modal .modal__result__body {
    padding-top: 3.8rem;
    padding-bottom: 3.8rem;
    height: 100%;
  }
}
@media (min-width: 768px) {
  .result-modal .modal__result__body {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
@media (min-width: 1024px) {
  .result-modal .modal__result__body {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (min-width: 1920px) {
  .result-modal .modal__result__body {
    padding-left: 2.6666666667rem;
    padding-right: 2.6666666667rem;
  }
}
@media (min-width: 2560px) {
  .result-modal .modal__result__body {
    padding-left: 3.2rem;
    padding-right: 3.2rem;
  }
}

.pointinfo {
  position: relative;
}
.pointinfo__des {
  padding-top: 24px;
}
.pointinfo__des__title {
  font-weight: 500;
  line-height: 1.5;
  text-transform: uppercase;
  margin-bottom: 5px;
  color: #1B1C1F;
}
.pointinfo__des__place {
  display: flex;
  flex-wrap: wrap;
  margin: -4px;
  padding-bottom: 20px;
  font-weight: 500;
  font-size: 13px;
  line-height: 1.3;
  text-transform: uppercase;
  color: #989BA6;
}
@media (max-width: 2559px) {
  .pointinfo__des__place {
    font-size: 12px;
  }
}
@media (max-width: 767px) {
  .pointinfo__des__place {
    font-size: 10px;
  }
}
.pointinfo__des__place span {
  padding: 4px;
}
.pointinfo__des__text {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  color: #1B1C1F;
}
@media (max-width: 2559px) {
  .pointinfo__des__text {
    font-size: 15px;
  }
}
@media (max-width: 1919px) {
  .pointinfo__des__text {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .pointinfo__des__text {
    font-size: 13px;
  }
}
.pointinfo__slider {
  position: relative;
  height: 284px !important;
}
.pointinfo__slider__item {
  height: 284px !important;
}
.pointinfo__slider__card {
  height: 284px;
  overflow: hidden;
  border-radius: 16px;
}
.pointinfo__slider__card img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.pointinfo__slider__nav {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  z-index: 3;
}
@media (max-width: 767px) {
  .pointinfo__slider__nav {
    display: none;
  }
}
.pointinfo__slider__nav__btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: rgba(27, 28, 31, 0.3);
  color: #FFF;
  transition: all ease 0.3s;
  cursor: pointer;
}
.pointinfo__slider__nav__btn:hover {
  background-color: rgba(27, 28, 31, 0.8);
}
.pointinfo__slider__nav__btn.pointinfo__slider__nav__btn__prev {
  left: 16px;
}
.pointinfo__slider__nav__btn.pointinfo__slider__nav__btn__next {
  right: 16px;
}
.pointinfo__slider__nav__btn svg {
  max-width: 14px;
  max-height: 14px;
  stroke: currentColor;
}
.pointinfo__slider__pag {
  padding-top: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: -4px;
}
.pointinfo__slider__pag span {
  display: block;
  margin: 4px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  transition: all ease 0.3s;
  background-color: #D0D1D6;
  cursor: pointer;
}
.pointinfo__slider__pag span:hover, .pointinfo__slider__pag span.active {
  background-color: #00A1F9;
}

.fancybox__container.fancy-images .fancybox__slide {
  padding-top: 40px;
  padding-bottom: 40px;
}

html.with-fancybox body.hide-scrollbar {
  overflow: auto !important;
  margin-right: 0 !important;
}

.fancybox__container.fancy-modals-history .fancybox__slide {
  padding: 0;
  overflow-x: hidden;
  flex-direction: row;
  justify-content: flex-end;
}
.fancybox__container.fancy-modals-history .fancybox__slide::before, .fancybox__container.fancy-modals-history .fancybox__slide::after {
  display: none !important;
}
.fancybox__container.fancy-modals-history:not(.is-compact) .fancybox__slide.has-close-btn {
  padding-top: 0;
}
.fancybox__container.fancy-modals-history .simplebar-content-wrapper {
  padding-right: 29px;
}
@media (max-width: 767px) {
  .fancybox__container.fancy-modals-history .simplebar-content-wrapper {
    padding-right: 22px;
  }
}
.fancybox__container.fancy-modals-history .modal {
  height: 100vh;
  overflow: hidden;
  max-width: 1888px;
  background: #202124;
}
@media (max-width: 2559px) {
  .fancybox__container.fancy-modals-history .modal {
    max-width: 1564px;
  }
}
@media (max-width: 1919px) {
  .fancybox__container.fancy-modals-history .modal {
    max-width: 1043px;
  }
}
@media (max-width: 1279px) {
  .fancybox__container.fancy-modals-history .modal {
    max-width: 1023px;
  }
}
@media (max-width: 1023px) {
  .fancybox__container.fancy-modals-history .modal {
    max-width: 100vw;
  }
}
.fancybox__container.fancy-modals-history .modal__btnclose {
  position: absolute;
  left: 56px;
  top: 56px;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  color: #FFF;
}
@media (max-width: 2559px) {
  .fancybox__container.fancy-modals-history .modal__btnclose {
    left: 32px;
    top: 32px;
  }
}
@media (max-width: 1279px) {
  .fancybox__container.fancy-modals-history .modal__btnclose {
    left: auto;
    right: 32px;
  }
}
@media (max-width: 1023px) {
  .fancybox__container.fancy-modals-history .modal__btnclose {
    position: fixed;
  }
}
@media (max-width: 767px) {
  .fancybox__container.fancy-modals-history .modal__btnclose {
    right: 24px;
    top: 24px;
  }
}
.fancybox__container.fancy-modals-history .modal__btnclose svg {
  max-width: 14px;
  max-height: 14px;
  stroke: currentColor;
}
.fancybox__container.fancy-modals-history .modal__content {
  display: block;
  width: 100%;
  background: #202124;
  color: #FFF;
  padding: 0 8px 0 204px;
  margin-left: auto;
  position: relative;
}
@media (max-width: 2559px) {
  .fancybox__container.fancy-modals-history .modal__content {
    padding: 0 8px 0 152px;
    max-width: 1564px;
  }
}
@media (max-width: 1919px) {
  .fancybox__container.fancy-modals-history .modal__content {
    padding: 0 8px 0 103px;
    max-width: 1043px;
  }
}
@media (max-width: 1279px) {
  .fancybox__container.fancy-modals-history .modal__content {
    padding: 0 8px 0 194px;
    max-width: 1023px;
  }
}
@media (max-width: 1023px) {
  .fancybox__container.fancy-modals-history .modal__content {
    padding: 0 8px 0 23px;
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  .fancybox__container.fancy-modals-history .modal__content {
    padding: 0 8px 0 16px;
  }
}

.animate__slideLeftInDownBig {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

.animate__slideLeftOutDownBig {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

.animate__fadeInDownBig {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}
@media (max-width: 1279px) {
  .animate__fadeInDownBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig;
  }
}

.animate__fadeOutDownBig {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}
@media (max-width: 1279px) {
  .animate__fadeOutDownBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig;
  }
}

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes fadeOutDownBig {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.cookies {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #242529;
  color: #FFF;
  z-index: 200;
  padding: 1rem 0;
  transition: all ease 0.3s;
}
@media (max-width: 2559px) {
  .cookies {
    padding: 1.1111111111rem 0;
  }
}
@media (max-width: 1919px) {
  .cookies {
    padding: 1.25rem 0;
  }
}
@media (max-width: 767px) {
  .cookies {
    padding: 1.3333333333rem 0;
  }
}
.cookies.cookies__closed {
  transform: translateY(110%);
}
.cookies__content {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
@media (max-width: 767px) {
  .cookies__content {
    flex-direction: column;
    align-items: flex-start;
  }
}
.cookies__body {
  font-size: 0.8rem;
  line-height: 1.5;
  font-weight: 400;
  flex: 1 0 0;
  width: 100%;
  max-width: 100%;
}
@media (max-width: 2559px) {
  .cookies__body {
    font-size: 0.8333333333rem;
  }
}
@media (max-width: 1919px) {
  .cookies__body {
    font-size: 0.875rem;
    line-height: 1.4;
  }
}
@media (max-width: 767px) {
  .cookies__body {
    font-size: 0.8666666667rem;
  }
}
.cookies__body a {
  text-decoration: underline;
}
@media (hover: hover) {
  .cookies__body a:hover {
    color: #00A1F9;
    text-decoration-color: transparent;
  }
}
@media (hover: none) and (pointer: coarse) {
  .cookies__body a:hover {
    color: #00A1F9;
    text-decoration-color: transparent;
  }
}
.cookies__side {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
  padding-left: 1.2rem;
}
@media (max-width: 2559px) {
  .cookies__side {
    padding-left: 1.3333333333rem;
  }
}
@media (max-width: 1919px) {
  .cookies__side {
    padding-left: 1.5rem;
  }
}
@media (max-width: 767px) {
  .cookies__side {
    padding-left: 0;
    padding-top: 1.0666666667rem;
  }
}

.welcome {
  min-height: 100vh;
  position: relative;
  color: #FFF;
  padding: 14.95rem 0 3rem;
}
@media (max-width: 2559px) {
  .welcome {
    padding: 12.3888888889rem 0 3.3333333333rem;
  }
}
@media (max-width: 1919px) {
  .welcome {
    padding: 9.8125rem 0 3.75rem;
  }
}
@media (max-width: 1279px) {
  .welcome {
    padding: 11.5625rem 0 3.125rem;
  }
}
@media (max-width: 1023px) {
  .welcome {
    padding: 11.5625rem 0 3.125rem;
  }
}
@media (max-width: 767px) {
  .welcome {
    padding: 10.2rem 0 3.3333333333rem;
  }
}
.welcome__list {
  position: relative;
  max-width: 40rem;
}
@media (max-width: 2559px) {
  .welcome__list {
    max-width: 33.7777777778rem;
  }
}
@media (max-width: 1919px) {
  .welcome__list {
    max-width: 24.625rem;
  }
}
@media (max-width: 1279px) {
  .welcome__list {
    max-width: 29.5625rem;
  }
}
.welcome__list__item {
  margin-top: 1.45rem;
  position: relative;
  padding-left: 2.4rem;
}
@media (max-width: 2559px) {
  .welcome__list__item {
    margin-top: 1.1111111111rem;
    padding-left: 2.6666666667rem;
  }
}
@media (max-width: 1919px) {
  .welcome__list__item {
    margin-top: 0.8125rem;
    padding-left: 3rem;
  }
}
@media (max-width: 1279px) {
  .welcome__list__item {
    margin-top: 1.3125rem;
  }
}
@media (max-width: 767px) {
  .welcome__list__item {
    margin-top: 0.7333333333rem;
    padding-left: 3.2rem;
  }
}
.welcome__list__item:first-child {
  margin-top: 0;
}
.welcome__list__item::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0.55rem;
  width: 1.6rem;
  height: 0.1rem;
  background-color: #00A1F9;
}
@media (max-width: 2559px) {
  .welcome__list__item::after {
    top: 0.6111111111rem;
    width: 1.7777777778rem;
    height: 0.1111111111rem;
  }
}
@media (max-width: 1919px) {
  .welcome__list__item::after {
    top: 0.6875rem;
    width: 2rem;
    height: 0.125rem;
  }
}
@media (max-width: 767px) {
  .welcome__list__item::after {
    top: 0.7333333333rem;
    width: 2.1333333333rem;
    height: 0.1333333333rem;
  }
}
.welcome .h1 {
  max-width: 60rem;
}
@media (max-width: 2559px) {
  .welcome .h1 {
    max-width: 71.3888888889rem;
  }
}
@media (max-width: 1919px) {
  .welcome .h1 {
    max-width: 49.625rem;
  }
}
@media (max-width: 1279px) {
  .welcome .h1 {
    max-width: 100%;
  }
}
.welcome .h1 span.h2__btnwrapper {
  display: inline-block;
  margin-left: 1rem;
  vertical-align: middle;
}
@media (max-width: 2559px) {
  .welcome .h1 span.h2__btnwrapper {
    min-width: 15.6666666667rem;
    margin-left: 1.1111111111rem;
  }
}
@media (max-width: 1919px) {
  .welcome .h1 span.h2__btnwrapper {
    min-width: 14.9375rem;
    margin-left: 1.25rem;
  }
}
@media (max-width: 1279px) {
  .welcome .h1 span.h2__btnwrapper {
    display: block;
    margin-left: 0;
    margin-top: 1.25rem;
  }
}
@media (max-width: 767px) {
  .welcome .h1 span.h2__btnwrapper {
    display: block;
    margin-left: 0;
    margin-top: 1rem;
  }
}
.welcome .h1 span.h2__btnwrapper .mbtn {
  min-width: 14.1rem;
  margin-bottom: 0.8rem;
}
@media (max-width: 2559px) {
  .welcome .h1 span.h2__btnwrapper .mbtn {
    min-width: 15.6666666667rem;
    margin-bottom: 0.6666666667rem;
  }
}
@media (max-width: 1919px) {
  .welcome .h1 span.h2__btnwrapper .mbtn {
    min-width: 14.9375rem;
    margin-bottom: 0.4375rem;
  }
}
@media (max-width: 1279px) {
  .welcome .h1 span.h2__btnwrapper .mbtn {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .welcome .h1 span.h2__btnwrapper .mbtn {
    min-width: 14.9375rem;
    display: block;
    width: 100%;
  }
}
.welcome__img {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  z-index: -1;
}
.welcome__img picture {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.welcome__img picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.welcome__corner {
  position: absolute;
  height: calc(100% - 140px);
  right: 0;
  bottom: 0;
  width: 100%;
  background-image: url("./../img/corner.svg");
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: contain;
  mix-blend-mode: color;
  z-index: 1;
}
@media (max-width: 2559px) {
  .welcome__corner {
    height: calc(100% - 117px);
  }
}
@media (max-width: 1919px) {
  .welcome__corner {
    height: calc(100% - 153px);
  }
}
@media (max-width: 1023px) {
  .welcome__corner {
    top: auto;
    height: calc(100% - 615px);
  }
}
@media (max-width: 767px) {
  .welcome__corner {
    display: none;
  }
}
.welcome__body {
  position: relative;
  z-index: 3;
}

.animate__fadeInDownBig {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}
@media (max-width: 1279px) {
  .animate__fadeInDownBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig;
  }
}

.animate__fadeOutDownBig {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}
@media (max-width: 1279px) {
  .animate__fadeOutDownBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig;
  }
}

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes fadeOutDownBig {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.rakurs_soc_flex    {
    display:flex;
    gap:10px;
}
a.rakurs_max, a.rakurs_tg {
    display:block;
    width:30px;
    height:30px;
    background:50% 50% no-repeat;
    margin-top:-10px;
    filter:grayscale(1) brightness(5);
    transition:0.2s;
}
a.rakurs_max    {
    background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg viewBox='0 0 1000 1000' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='rgb(0, 161, 249)' fill-rule='evenodd' d='M508.211 878.328c-75.007 0-109.864-10.95-170.453-54.75-38.325 49.275-159.686 87.783-164.979 21.9 0-49.456-10.95-91.248-23.36-136.873-14.782-56.21-31.572-118.807-31.572-209.508 0-216.626 177.754-379.597 388.357-379.597 210.786 0 375.947 171.001 375.947 381.604.707 207.347-166.595 376.118-373.94 377.224m3.103-571.585c-102.564-5.292-182.499 65.7-200.201 177.024-14.6 92.162 11.315 204.398 33.397 210.238 10.585 2.555 37.23-18.98 53.837-35.587a189.8 189.8 0 0 0 92.71 33.032c106.273 5.112 197.08-75.794 204.215-181.95 4.154-106.382-77.67-196.486-183.958-202.574z'/%3E%3C/svg%3E");
}
a.rakurs_tg    {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:rgb(0, 161, 249);%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M477,43.86,13.32,223.29a5.86,5.86,0,0,0-.8.38c-3.76,2.13-30,18.18,7,32.57l.38.14,110.41,35.67a6.08,6.08,0,0,0,5.09-.62L409.25,120.57a6,6,0,0,1,2.2-.83c3.81-.63,14.78-1.81,7.84,7-7.85,10-194.9,177.62-215.66,196.21a6.3,6.3,0,0,0-2.07,4.17l-9.06,108a7.08,7.08,0,0,0,2.83,5.67,6.88,6.88,0,0,0,8.17-.62l65.6-58.63a6.09,6.09,0,0,1,7.63-.39l114.45,83.1.37.25c2.77,1.71,32.69,19.12,41.33-19.76l79-375.65c.11-1.19,1.18-14.27-8.17-22-9.82-8.08-23.72-4-25.81-3.56A6,6,0,0,0,477,43.86Z'/%3E%3C/svg%3E");    
}
a.rakurs_max:hover, a.rakurs_tg:hover {
    filter:grayscale(0) brightness(1);
}