@charset "UTF-8";
/*Переменные*/
/* Тело */
/* #panel {
  display: none;
} */
.ppix {
  position: absolute;
  left: 0px;
  top: 0px;
  opacity: 0.4;
  pointer-events: none;
  z-index: 10000;
}

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0px;
  padding: 0px;
  text-decoration: none;
}

body {
  max-width: 100%;
  height: 100vh;
  font-family: 'Raleway', "Arial", sans-serif;
  font-weight: 400;
  color: #fff;
  background: #18191A;
  -webkit-font-feature-settings: 'pnum' on, 'lnum' on, 'ss01' on;
          font-feature-settings: 'pnum' on, 'lnum' on, 'ss01' on;
  opacity: 0;
}

@media all and (-ms-high-contrast: none) {
  body {
    font-family: "Arial", sans-serif;
  }
}

body.show {
  opacity: 1;
}

.no-scroll {
  height: 100vh;
  overflow: hidden;
}

p {
  margin: 0px 0px 32px 0px;
}

@media (max-width: 640px) {
  p {
    margin: 0px 0px 16px 0px;
  }
}

a {
  color: #fff;
}

input {
	outline: none !important;
}

.in {
  width: calc(100% - 192px);
  margin: 0px auto 0px auto;
  padding: 0px 32px 0px 32px;
}

@media (max-width: 1440px) {
  .in {
    width: calc(100% - 64px);
  }
}

@media (max-width: 950px) {
  .in {
    width: calc(100% - 32px);
    padding: 0px 16px 0px 16px;
  }
}

@media (max-width: 640px) {
  .in {
    width: calc(100% - 16px);
    padding: 0px 8px 0px 8px;
  }
}

.no-scroll .in {
  padding-right: 49px;
}

@media (max-width: 950px) {
  .no-scroll .in {
    padding-right: 16px;
  }
}

@media (max-width: 640px) {
  .no-scroll .in {
    padding-right: 8px;
  }
}

.header {
  width: 100%;
  height: 100px;
  position: fixed;
  left: 0px;
  z-index: 3;
  top: -100px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  background: #18191A;
}
@media (max-width: 640px) {
  .header {
    height: 64px;
  }
}
@media (max-width: 500px) {
  .header {
    height: 48px;
  }
}

.active .header {
  /* top: 40px;
  top: 32px; */
  top: 0;
}

/* @media (max-width: 1440px) {
  .active .header {
    top: 32px;
  }
}

@media (max-width: 640px) {
  .active .header {
    top: 16px;
  }
} */

/* .moving.header {
  top: 20px;
}

@media (max-width: 640px) {
  .moving.header {
    top: 10px;
  }
} */

/* .moving.header::before {
  content: '';
  display: block;
  width: 100%;
  height: 200px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  background: #000;
  opacity: 0.8;
}

@media (max-width: 640px) {
  .moving.header::before {
    bottom: 22px;
  }
} */

.header::before {
  /* content: '';
  display: block;
  width: 100%;
  height: 200px;
  position: absolute;
  bottom: -8px;
  left: 0px;
  z-index: -2;
  background: #18191A; */
}

@media (max-width: 640px) {
  .header::before {
    bottom: 12px;
  }
}


.header .in {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  height: 100%;
}

/* @media (max-width: 640px) {
  .header .in {
    height: 24px;
  }
} */

.logotop {
	margin-right: 32px;
  line-height: 0;
}
@media (max-width: 640px) {
  .logotop {
    margin-right: 16px;
  }
}

.logo {
  margin: 0px auto 0px 0px;
  /* -webkit-transform: translate(0px, -10px);
          transform: translate(0px, -10px); */
  /*box-shadow: 0px 0px 0px 10px $black;
    background: $black;*/
}

@media (max-width: 780px) {
  .logo {
    /* width: 180px;
    height: 35px;
    -webkit-transform: translate(0px, -1px);
            transform: translate(0px, -1px); */
    width: 28vw;
    height: 6vw;
    /* -webkit-transform: translate(0px, -1vw);
    transform: translate(0px, -1vw); */
  }
}

@media (max-width: 640px) {
  .logo {
    /* width: 125px;
    height: 24px;
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px); */
            
    /* width: 28vw;
    height: 10vw; */
    /* -webkit-transform: translate(0px, -2vw);
    transform: translate(0px, -2vw);
    margin-top: 10px; */
  }
}
@media (max-width: 660px) {
  .logo {
    width: 24vw;
  }
}
/* @media (max-width: 460px) {
  .logo {
    width: 69px;
    height: 15px;
    -webkit-transform: translate(0px, 5px);
            transform: translate(0px, 5px);
  }
} */

/* .moving .logo {
  -webkit-box-shadow: 0px 0px 0px 0px transparent;
          box-shadow: 0px 0px 0px 0px transparent;
  background: transparent;
  -webkit-transform: translate(0px, -8px);
          transform: translate(0px, -8px);
}

@media (max-width: 640px) {
  .moving .logo {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px);
  }
}

.logo.toppos {
  -webkit-transform: translate(0px, 0px);
          transform: translate(0px, 0px);
}

.logo .logohide {
  -webkit-transition: 0.4s;
  transition: 0.4s;
  opacity: 0;
}

.logo.toppos .logohide {
  opacity: 1;
}

.moving .logo .logohide {
  opacity: 0;
} */
.header-roskos {
  margin-right: auto;
  line-height: 0;
}
.roskos {
  width: 280px;
  /* position: absolute;
  top: 124px;
  left: 128px; */
  /* z-index: 3;
  position: fixed;
  top: 16px;
  left: 456px;
  z-index: 3;
  transition: .4s;
  opacity: 1;
  transform: translate(0,0); */
}
@media (max-width: 1440px) {
  .roskos {
    left: 380px;
  }
}
@media (max-width: 950px) {
  .roskos {
    left: 328px;
  }
}
@media (max-width: 780px) {
  .roskos {
    width: 38vw;
    /* left: 242px;
    width: 220px;
    top: 24px; */
    /* left: 35vw;
    top: 26px;
    transform: translate(0,-1vw); */
  }
}
@media (max-width: 660px) {
  .roskos {
    width: 32vw !important;
    /* left: 160px;
    top: 13px;
    width: 148px !important; */
    /* left: 34vw;
    top: 16px;
    transform: translate(0,-2vw); */
  }
  .top-roscos {
    top: 0px;
  }
}
/* @media (max-width: 460px) {
  .roskos {
    left: 104px;
    top: 17px;
    width: 100px !important;
  }
} */
body:not(.active) .roskos {
  /*opacity: 0;*/
  transform: translate(0,-100px);
}

.lang-change {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 32px;
  height: 32px;
  margin: 0px 80px 0px 0px;
  font-size: 16px;
  line-height: 22px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  text-transform: uppercase;
}
@media (max-width: 950px) {
  .lang-change {
    margin-right: 16px;
  }
}
@media (max-width: 640px) {
  .lang-change {
    width: 24px;
    height: 24px;
    font-size: 11px;
    line-height: 14px;
    margin: 0px 24px 0px 0px;
  }
}
@media (max-width: 460px) {
  .lang-change {
    margin: 0px 8px 0px 0px;
  }
}

.lang-change:hover {
  opacity: 0.32;
}

.moving .lang-change {
  opacity: 0;
}

.search-ico {
  margin: 0px 80px 0px 0px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  cursor: pointer;
}

@media (max-width: 950px) {
  .search-ico {
    margin-right: 16px;
  }
}

@media (max-width: 640px) {
  .search-ico {
    width: 24px;
    height: 24px;
    margin: 0px 24px 0px 0px;
  }
}
@media (max-width: 460px) {
  .search-ico {
    margin: 0px 8px 0px 0px;
  }
}

.search-ico:hover {
  opacity: 0.32;
}

.moving .search-ico {
  opacity: 0;
}

.mop {
  width: 32px;
  height: 32px;
  position: relative;
  cursor: pointer;
}

@media (max-width: 640px) {
  .mop {
    width: 24px;
    height: 24px;
  }
}

.mop div {
  width: 20px;
  height: 2px;
  border-radius: 2px;
  background: #fff;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  position: absolute;
  left: 6px;
}

@media (max-width: 640px) {
  .mop div {
    width: 15px;
    height: 1px;
    left: 4px;
  }
}

.mop div:first-child {
  top: 11px;
}

@media (max-width: 640px) {
  .mop div:first-child {
    top: 8px;
  }
}

.mop div:last-child {
  top: 19px;
}

@media (max-width: 640px) {
  .mop div:last-child {
    top: 15px;
  }
}

.mop.open div:first-child {
  top: 14.5px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

@media (max-width: 640px) {
  .mop.open div:first-child {
    top: 11px;
  }
}

.mop.open div:last-child {
  top: 14.5px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

@media (max-width: 640px) {
  .mop.open div:last-child {
    top: 11px;
  }
}

.searc-open {
  display: none;
}

.header .in > *:not(.mop) {
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.searh-hide .in > *:not(.mop) {
  opacity: 0;
}

.search {
  display: none;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 3;
  background: #282829;
}

@media (max-width: 640px) {
  .search {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding-top: 24vh;
  }
}

.search-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}

.search-form input[type='text'] {
  opacity: 0;
  position: absolute;
  top: 0px;
  left: 0px;
}

.search-span {
  border: none;
  background: transparent;
  color: #fff;
  font-size: 80px;
  line-height: 144px;
  height: 144px;
  font-family: 'Raleway';
  font-weight: 700;
  display: block;
  max-width: calc(100vw - 400px);
  text-align: right;
  overflow: hidden;
  outline: none !important;
  min-width: 2px;
}

@media (max-width: 1440px) {
  .search-span {
    font-size: 64px;
    line-height: 144px;
  }
}

@media (max-width: 1280px) {
  .search-span {
    font-size: 48px;
    line-height: 144px;
  }
}

@media (max-width: 640px) {
  .search-span {
    height: auto;
	min-height: 36px;
    font-size: 28px;
    line-height: 36px;
    width: 100%;
    max-width: calc(100% - 32px);
    text-align: center;
    margin: 0px 0px 26px 16px;
  }
}

.search-form input[type='text']::-webkit-input-placeholder {
  opacity: 0.32;
}

.search-form input[type='text']:-ms-input-placeholder {
  opacity: 0.32;
}

.search-form input[type='text']::-ms-input-placeholder {
  opacity: 0.32;
}

.search-form input[type='text']::placeholder {
  opacity: 0.32;
}

.rad-butt {
  border: none;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  border-radius: 50%;
  width: 144px;
  height: 144px;
  color: #000;
  font-size: 14px;
  line-height: 16px;
  font-family: 'Raleway';
  font-weight: 700;
  text-transform: uppercase;
  cursor: pointer;
  position: relative;
}

@media (max-width: 640px) {
  .rad-butt {
    width: 80px;
    height: 80px;
    font-size: 10px;
    line-height: 10px;
  }
}

.rad-butt::after {
  content: '';
  display: block;
  width: 144px;
  height: 144px;
  position: absolute;
  top: 0px;
  left: 0px;
  background: #fff;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 50%;
  z-index: -1;
  pointer-events: none;
}

@media (max-width: 640px) {
  .rad-butt::after {
    width: 80px;
    height: 80px;
  }
}

.rad-butt:hover::after {
  width: 160px;
  height: 160px;
  top: -8px;
  left: -8px;
}

@media (max-width: 640px) {
  .rad-butt:hover::after {
    width: 80px;
    height: 80px;
    top: 0px;
    left: 0px;
  }
}

.search-submit {
  margin: 0px 0px 0px 64px;
}

@media (max-width: 640px) {
  .search-submit {
    margin: 0px 0px 0px 0px;
  }
}

.opac {
  opacity: 0.32;
}

.menu-wrapper {
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 2;
  background: #242425;
  -webkit-box-shadow: 0px -300px 0px #242425;
          box-shadow: 0px -300px 0px #242425;
  top: 212px;
  width: 100vw;
  height: calc(100vh - 212px);
  overflow: auto;
  display: none;
}

@media (max-width: 1280px) {
  .menu-wrapper {
    top: 148px;
    height: calc(100vh - 148px);
  }
}

@media (max-width: 950px) {
  .menu-wrapper {
    top: 164px;
    height: calc(100vh - 164px);
  }
}

@media (max-width: 640px) {
  .menu-wrapper {
    top: 80px;
    height: calc(100vh - 80px);
  }
}

.menu-wrapper .in {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 0px 0px 0px 0px;
}

@media (max-width: 950px) {
  .menu-wrapper .in {
    padding: 0px 16px 0px 16px;
  }
}

@media (max-width: 640px) {
  .menu-wrapper .in {
    padding: 0px 8px 0px 8px;
  }
}

.menu-block {
  width: 1088px;
  max-width: calc(100% - 272px);
}

@media (max-width: 1280px) {
  .menu-block {
    max-width: calc(100% - 232px);
  }
}

@media (max-width: 950px) {
  .menu-block {
    width: 100%;
    max-width: 100%;
  }
}

.menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  list-style: none;
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

@media (max-width: 950px) {
  .menu {
    font-size: 48px;
    line-height: 48px;
    font-weight: 700;
  }
}

@media (max-width: 640px) {
  .menu {
    font-size: 20px;
    line-height: 20px;
  }
}

.menu li {
  width: 25%;
  margin: 0px 0px 46px 0px;
  padding: 0px 32px 0px 36px;
}

@media (max-width: 1280px) {
  .menu li {
    width: 33.33333333333%;
    padding: 0px 32px 0px 32px;
  }
}

@media (max-width: 950px) {
  .menu li {
    width: 100%;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 32px 0px;
  }
}

@media (max-width: 640px) {
  .menu li {
    margin: 0px 0px 16px 0px;
  }
}

li.parent {
  position: relative;
}

@media (max-width: 950px) {
  li.parent > a {
    padding-right: 64px;
  }
}

@media (max-width: 950px) {
  li.parent::before {
    content: '';
    display: block;
    width: 32px;
    height: 32px;
    position: absolute;
    top: 8px;
    right: 0px;
    background: url("../img/arr.svg") center center/cover no-repeat;
    pointer-events: none;
  }
}

@media (max-width: 950px) and (max-width: 640px) {
  li.parent::before {
    width: 24px;
    height: 24px;
    background-size: 16px;
    top: 2px;
  }
}

.noparent-wrap {
  width: 25%;
}

@media (max-width: 1280px) {
  .noparent-wrap {
    width: 33.33333333333%;
  }
}

@media (max-width: 950px) {
  .noparent-wrap {
    width: 100%;
  }
}

.noparent-wrap li {
  width: 100%;
  margin: 0px 0px 32px 0px;
}

@media (max-width: 950px) {
  .noparent-wrap li {
    margin: 0px 0px 10px 0px;
  }
}

@media (max-width: 640px) {
  .noparent-wrap li {
    /* margin: 0px 0px 16px 0px; */
  }
}

.menu a {
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.menu a[onclick] {
  pointer-events: none;
}

@media (max-width: 950px) {
  .menu a {
    display: block;
  }
.menu a[onclick] {
  pointer-events: all;
}
}

.menu a:hover {
  opacity: 0.8;
}

.submenu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  list-style: none;
  font-size: 16px;
  line-height: 16px;
  font-weight: 500;
  margin: 20px 0px 0px 0px;
}

@media (max-width: 950px) {
  .submenu {
    display: none;
  }
}

@media (max-width: 640px) {
  .submenu {
    font-size: 10px;
    line-height: 10px;
  }
}

.submenu .submenu {
  margin: 16px 0px 0px 0px;
  font-size: 14px;
  line-height: 16px;
  display: none;
}

.submenu li {
  width: 100%;
  margin: 0px 0px 16px 0px;
  padding: 0px 0px 0px 0px;
}

.submenu a {
  opacity: 0.64;
}

@media (max-width: 950px) {
  .submenu a {
    display: block;
  }
}

.submenu a:hover {
  opacity: 1;
}

.in.level-2, .in.level-3 {
  display: none;
}

.level-top {
  width: 100%;
  border-bottom: 1px solid #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 0px 0px 31px 0px;
}

@media (max-width: 640px) {
  .level-top {
    padding: 0px 0px 15px 0px;
  }
}

@media (max-width: 640px) {
  .level-up {
    width: 24px;
    height: 24px;
  }
}

.level-zag {
  font-weight: 300;
  font-size: 20px;
  line-height: 32px;
  margin: 0px 0px 0px 16px;
}

@media (max-width: 640px) {
  .level-zag {
    font-size: 12px;
    line-height: 24px;
    margin: 0px 0px 0px 8px;
  }
}

.level-down {
  width: 100%;
}

.level-down .submenu {
  display: block;
  font-size: 48px;
  line-height: 48px;
  font-weight: 700;
  margin: 32px 0px 0px 0px;
}

@media (max-width: 640px) {
  .level-down .submenu {
    margin: 16px 0px 0px 0px;
    font-size: 20px;
    line-height: 20px;
  }
}

@media (max-width: 950px) {
  .submenu .submenu {
    display: none;
  }
}

.level-down .submenu li {
  margin: 0px 0px 32px 0px;
  padding: 0px 24px 0px 0px;
}

@media (max-width: 640px) {
  .level-down .submenu li {
    margin: 0px 0px 16px 0px;
    padding: 0px 16px 0px 0px;
  }
}

.level-down .submenu a {
  opacity: 1;
}

.cont-block {
  width: 256px;
  margin: 0px 0px 0px auto;
  padding: 0px 32px 0px 0px;
  /* text-align: right; */
}

@media (max-width: 1280px) {
  .cont-block {
    width: 226px;
  }
}

@media (max-width: 950px) {
  .cont-block {
    width: 100%;
    max-width: 100%;
    text-align: left;
    margin: 48px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

@media (max-width: 640px) {
  .cont-block {
    margin: 24px 0px 0px 0px;
  }
}

@media (max-width: 950px) {
  .cont-info {
    width: 50%;
    margin: 0px auto 88px 0px;
  }
}

@media (max-width: 640px) {
  .cont-info {
    width: 100%;
    margin: 0px auto 16px 0px;
  }
}

.nap-nam {
  display: block;
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  margin: 0px 0px 48px 0px;
  margin-bottom: 24px;
}

@media (max-width: 950px) {
  .nap-nam {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 0px;
  }
}

@media (max-width: 640px) {
  .nap-nam {
    font-size: 18px;
    line-height: 24px;
    margin: 0px 0px 32px 0px;
    margin-bottom: 16px;
  }
}

.nap-nam:hover {
  opacity: 0.8;
}

.cont-item {
  display: inline-block;
  clear: both;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  opacity: 0.64;
  margin: 0px 0px 8px 0px;
}

@media (max-width: 950px) {
  .cont-item {
    font-size: 24px;
    line-height: 32px;
    margin: 0px 0px 16px 0px;
  }
}

@media (max-width: 640px) {
  .cont-item {
    font-size: 18px;
    line-height: 24px;
    margin: 0px 0px 8px 0px;
  }
}

.cont-item:hover {
  opacity: 1;
}

.cont-item[href^='mailto:'] {
  border-bottom: 1px solid #fff;
}

.cont-adr {
  margin: 8px 0px 0px 0px;
  font-size: 16px;
  line-height: 16px;
  font-weight: 500;
  opacity: 0.64;
}

@media (max-width: 950px) {
  .cont-adr {
    margin: 14px 0px 0px 0px;
    font-size: 18px;
    line-height: 20px;
  }
}

@media (max-width: 640px) {
  .cont-adr {
    margin: 8px 0px 0px 0px;
    font-size: 16px;
    line-height: 16px;
  }
}

.social-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin: 80px 0px 0px 0px;
}

@media (max-width: 950px) {
  .social-wrap {
    margin: 0px 0px 0px 0px;
  }
}

@media (max-width: 640px) {
  .social-wrap {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin: 0px 0px 40px 0px;
  }
}

.social-wrap a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 48px;
  height: 48px;
  margin: 0px 0px 0px 32px;
  border: 1px solid rgba(255, 255, 255, 0.32);
  -webkit-transition: 0.2s;
  transition: 0.2s;
  border-radius: 50%;
}

@media (max-width: 1280px) {
  .social-wrap a {
    margin: 0px 0px 0px 24px;
  }
}

@media (max-width: 640px) {
  .social-wrap a {
    margin: 0px 20px 0px 0px;
    width: 40px;
    height: 40px;
  }
}

.social-wrap a:first-child {
  margin-left: 0px;
}

.social-wrap a:hover {
  border-color: #fff;
}

.page-top {
  padding: 192px 0px 80px 0px;
  width: calc(((100vw - 256px) / 12 * 8) - 24px);
  position: relative;
  z-index: 1;
}

@media (max-width: 1440px) {
  .page-top {
    width: calc(((100vw - 128px) / 12 * 8) - 24px);
    padding: 163px 0px 80px 0px;
  }
}

@media (max-width: 1024px) {
  .page-top {
    padding: 163px 0px 64px 0px;
  }
}

@media (max-width: 950px) {
  .page-top {
    width: 100%;
  }
}

@media (max-width: 640px) {
  .page-top {
    padding: 58px 0px 47px 0px;
  }
}

.mp-top {
  padding: 272px 0px 0px 0px;
  min-height: calc(100vh - 160px);
}

@media (max-width: 1440px) {
  .mp-top {
    padding: 147px 0px 0px 0px;
  }
}

@media (max-width: 1280px) {
  .mp-top {
    padding: 163px 0px 0px 0px;
  }
}

@media (max-width: 1024px) {
  .mp-top {
    padding: 163px 0px 0px 0px;
  }
}

@media (max-width: 950px) {
  .mp-top {
    min-height: initial;
  }
}

@media (max-width: 640px) {
  .mp-top {
    padding: 56px 0px 0px 0px;
  }
}

.top-info {
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  opacity: 0;
}

@media (max-width: 1440px) {
  .top-info {
    font-size: 20px;
    line-height: 28px;
  }
}

@media (max-width: 1024px) {
  .top-info {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (max-width: 640px) {
  .top-info {
    font-size: 12px;
    line-height: 20px;
  }
}

@media (max-width: 1280px) {
  .mp-top .top-info {
    font-size: 18px;
    line-height: 24px;
  }
}

.active .top-info {
  opacity: 1;
}

.top-info a, .top-info span {
  margin: 0px 32px 0px 0px;
}

.top-info a {
  padding-left: 76px;
  background: url(../img/back.svg) 14px -1px no-repeat;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

@media (max-width: 1440px) {
  .top-info a {
    padding-left: 64px;
    background-position: 9px -2px;
  }
}

@media (max-width: 1280px) {
  .top-info a {
    background-position: 9px -5px;
  }
}

@media (max-width: 640px) {
  .top-info a {
    padding-left: 32px;
    background-position: 3px -2px;
    background-size: 18px;
  }
}

.top-info a:hover {
  background-position: 12px -1px;
}

@media (max-width: 1440px) {
  .top-info a:hover {
    background-position: 7px -2px;
  }
}

@media (max-width: 1280px) {
  .top-info a:hover {
    background-position: 7px -5px;
  }
}

@media (max-width: 640px) {
  .top-info a:hover {
    background-position: 3px -2px;
  }
}

.page-top hr {
  width: 0%;
  height: 1px;
  border: none;
  background: #fff;
  margin: 32px 0px 32px 0px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

@media (max-width: 640px) {
  .page-top hr {
    margin: 16px 0px 16px 0px;
  }
}

.active .page-top hr {
  width: 100%;
}

h1, .h1 {
  font-size: 80px;
  line-height: 80px;
  margin: 0px 0px 0px 0px;
  opacity: 0;
  -webkit-transform: translate(0px, 100px);
          transform: translate(0px, 100px);
  -webkit-transition: 0.4s;
  transition: 0.4s;
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
  font-weight: 700;
}
h1.news-size {
  font-size: 64px;
  line-height: 64px;
}

@media (max-width: 1440px) {
  h1, .h1 {
    font-size: 64px;
    line-height: 64px;
  }
  h1.news-size {
    font-size: 48px;
    line-height: 48px;
  }
}

@media (max-width: 1024px) {
  h1, .h1 {
    font-size: 48px;
    line-height: 48px;
  }
  h1.news-size {
    font-size: 56px;
    line-height: 56px;
  }
}

@media (max-width: 640px) {
  h1, .h1 {
    font-size: 28px;
    line-height: 28px;
  }
  h1.news-size {
    font-size: 24px;
    line-height: 24px;
  }
}

@media (max-width: 1280px) {
  .mp-top h1,
  .mp-top .h1 {
    font-size: 48px;
    line-height: 48px;
  }
}

@media (max-width: 640px) {
  .mp-top h1,
  .mp-top .h1 {
    font-size: 28px;
    line-height: 28px;
  }
}

.h1 {
  color: #fff;
  opacity: 1;
  -webkit-transform: translate(0px, 0px);
          transform: translate(0px, 0px);
  margin: 0px 0px 64px 0px;
}

h1 br {
  display: none;
}

@media (max-width: 640px) {
  h1 br {
    display: block;
  }
}

.active h1 {
  opacity: 1;
  -webkit-transform: translate(0px, 0px);
          transform: translate(0px, 0px);
}

.tpo-info {
  margin: 80px 0px 0px 0px;
  width: calc(((100vw - 288px) / 12 * 4) - 64px);
  font-size: 24px;
  line-height: 32px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  -webkit-transition-delay: 0.8s;
          transition-delay: 0.8s;
  opacity: 0;
  -webkit-transform: translate(0px, 100px);
          transform: translate(0px, 100px);
}

@media (max-width: 1440px) {
  .tpo-info {
    font-size: 20px;
    line-height: 28px;
    margin: 48px 0px 0px 0px;
    width: calc(((100vw - 128px) / 12 * 4) - 64px);
  }
}

@media (max-width: 1280px) {
  .tpo-info {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (max-width: 1024px) {
  .tpo-info {
    width: calc(((100vw - 128px) / 12 * 4) - 32px);
  }
}

@media (max-width: 950px) {
  .tpo-info {
    width: 50%;
  }
}

@media (max-width: 640px) {
  .tpo-info {
    font-size: 12px;
    line-height: 20px;
    margin: 24px 0px 0px 0px;
    width: 100%;
  }
}

@media (max-width: 1024px) {
  .tpo-info br {
    display: none;
  }
}

@media (max-width: 950px) {
  .tpo-info br {
    display: block;
  }
}

.active .tpo-info {
  opacity: 1;
  -webkit-transform: translate(0px, 0px);
          transform: translate(0px, 0px);
}

.top-image {
  position: absolute;
  top: 0px;
  right: 0px;
  overflow: hidden;
  height: 100vh;
  width: 66.6666666vw;
}

@media (max-width: 1440px) {
  .top-image {
    width: 66vw;
  }
}

@media (max-width: 950px) {
  .top-image {
    position: relative;
    width: 100vw;
    height: auto;
    top: -72px;
  }
}

@media (max-width: 640px) {
  .top-image {
    top: -40px;
  }
}

.no-scroll .top-image {
  right: 17px;
}

@media (max-width: 950px) {
  .no-scroll .top-image {
    right: 0px;
  }
}

.top-image::after {
  content: '';
  display: block;
  width: 100%;
  height: 100vh;
  position: absolute;
  bottom: 0px;
  left: 0px;
  background: #282829;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.active .top-image::after {
  height: 0vh;
}

.top-image img, .top-image video {
  -webkit-transform: scale(1.4);
          transform: scale(1.4);
  -webkit-transition: 0.4s;
  transition: 0.4s;
  height: 100%;
  position: absolute;
  right: 0px;
  top: 0px;
}

@media (max-width: 950px) {
  .top-image img, .top-image video {
    position: relative;
    width: 117vw;
    height: auto;
    left: -17vw;
  }
}

.top-image video {
  opacity: 0.5;
  -o-object-fit: cover;
     object-fit: cover;
}

.active .top-image img, .active .top-image video {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.down {
  position: relative;
  z-index: 2;
  top: 0px;
  margin: -144px auto 0px auto;
  width: 144px;
  height: 144px;
  border: 1px solid rgba(255, 255, 255, 0.32);
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 50%;
  cursor: pointer;
  opacity: 0;
  -webkit-transform: translate(0px, -100px);
          transform: translate(0px, -100px);
}

@media (max-width: 1440px) {
  .down {
    margin: -150px auto 0px auto;
  }
}

@media (max-width: 1280px) {
  .down {
    margin: -146px auto 0px auto;
  }
}

@media (max-width: 1024px) {
  .down {
    margin: -98px auto 0px auto;
  }
}

@media (max-width: 950px) {
  .down {
    margin: -128px 0px 0px calc((100vw - 64px) * 0.75 - 32px);
  }
}

@media (max-width: 640px) {
  .down {
    width: 80px;
    height: 80px;
    margin: 23px 0px 0px calc((100vw - 16px) * 0.75 - 32px);
  }
}

.down:hover {
  border-color: #fff;
}

.active .down {
  opacity: 1;
  -webkit-transform: translate(0px, 0px);
          transform: translate(0px, 0px);
}

.down::before {
  content: '';
  display: block;
  width: 32px;
  height: 32px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: url("../img/down.svg") center center/cover no-repeat;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

@media (max-width: 640px) {
  .down::before {
    background-size: 16px auto;
  }
}

/*.down:hover::before {
    background-position: 0px 32px;
}*/
.no-scroll .down {
  right: 8px;
}

@media (max-width: 950px) {
  .no-scroll .down {
    right: 0px;
  }
}

.deyat-wrap-wrap {
  height: 100vh;
  overflow: hidden;
  margin-top: 120px;
}

@media (max-width: 1024px) {
  .deyat-wrap-wrap {
    margin-top: 90px;
  }
}

@media (max-width: 950px) {
  .deyat-wrap-wrap {
    margin-top: 82px;
    height: auto;
  }
}

@media (max-width: 640px) {
  .deyat-wrap-wrap {
    margin-top: 36px;
  }
}

.deyat-wrap {
  width: calc((100% - 288px) / 12 * 8);
  height: 100vh;
  margin: 0px auto 0px auto;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (max-width: 1440px) {
  .deyat-wrap {
    width: calc((100% - 160px) / 12 * 8);
  }
}

@media (max-width: 1024px) {
  .deyat-wrap {
    width: calc((100% - 140px) / 12 * 10);
  }
}

@media (max-width: 950px) {
  .deyat-wrap {
    width: calc(100% - 64px);
    height: auto;
  }
}

@media (max-width: 640px) {
  .deyat-wrap {
    width: calc(100% - 32px);
  }
}

.no-scroll .deyat-wrap {
  right: 8px;
}

@media (max-width: 950px) {
  .no-scroll .deyat-wrap {
    right: 0px;
  }
}

.deyat-zag {
  opacity: 0.32;
  font-size: 24px;
  line-height: 32px;
  position: relative;
  z-index: 1;
}

@media (max-width: 1440px) {
  .deyat-zag {
    font-size: 20px;
    line-height: 28px;
  }
}

@media (max-width: 1280px) {
  .deyat-zag {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (max-width: 640px) {
  .deyat-zag {
    font-size: 12px;
    line-height: 20px;
  }
}

.deyat-item {
  border-top: 1px solid #fff;
  padding: 32px 0px 32px 0px;
  position: relative;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  z-index: 1;
}

@media (max-width: 640px) {
  .deyat-item {
    padding: 16px 0px 16px 0px;
  }
}

.deyat-item.hover {
  padding: 32px 0px 0px 0px;
}

@media (max-width: 640px) {
  .deyat-item.hover {
    padding: 16px 0px 0px 0px;
  }
}

.deyat-item.noactive {
  opacity: 0.32;
}

.deyat-item::before,
.deyat-item::after {
  content: '';
  display: block;
  width: 16px;
  height: 2px;
  position: absolute;
  border-radius: 2px;
  top: 71px;
  right: 22px;
  background: #fff;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

@media (max-width: 1440px) {
  .deyat-item::before,
  .deyat-item::after {
    top: 62px;
  }
}

@media (max-width: 1280px) {
  .deyat-item::before,
  .deyat-item::after {
    top: 54px;
  }
}

@media (max-width: 640px) {
  .deyat-item::before,
  .deyat-item::after {
    top: 30px;
    right: 13px;
    width: 13px;
    height: 1px;
  }
}

.deyat-item::after {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.deyat-item.hover::after {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}

.deyat-refs a.deyat-name {
	padding-right: 0px;
}

.deyat-name {
  font-size: 80px;
  line-height: 80px;
  font-weight: 700;
  padding: 0px 48px 0px 0px;
  display: block;
}

@media (max-width: 1440px) {
  .deyat-name {
    font-size: 64px;
    line-height: 64px;
  }
}

@media (max-width: 1280px) {
  .deyat-name {
    font-size: 48px;
    line-height: 48px;
  }
}

@media (max-width: 640px) {
  .deyat-name {
    font-size: 28px;
    line-height: 28px;
  }
}

.deyat-refs {
  margin: 32px 0px 0px 0px;
  display: none;
  /*pointer-events: none;*/
}

.deyat-refs a {
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  display: inline-block;
  position: relative;
  margin: 0px 32px 32px 0px;
}

@media (max-width: 1440px) {
  .deyat-refs a {
    font-size: 20px;
    line-height: 28px;
  }
}

@media (max-width: 1280px) {
  .deyat-refs a {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (max-width: 950px) {
  .deyat-item.hover .deyat-refs {
    display: block;
  }
}

@media (max-width: 640px) {
  .deyat-refs a {
    font-size: 12px;
    line-height: 20px;
    margin: 0px 16px 16px 0px;
  }
}

.deyat-refs a:hover {
  color: #282829;
}

.deyat-refs a::after {
  content: '';
  display: block;
  width: 0%;
  height: 32px;
  position: absolute;
  top: 0px;
  right: 0px;
  background: #fff;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  pointer-events: none;
  z-index: -1;
}

.deyat-refs a:hover::after {
  width: 100%;
  left: 0px;
}

.deyat-images {
  position: absolute;
  top: 5vh;
  left: calc((90vw - 100%) / 2 * -1);
  height: 90vh;
  width: 90vw;
  overflow: hidden;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  background: #18191a;
}

@media (max-width: 950px) {
  .deyat-images {
    display: none;
  }
}

.deyat-images.show {
  background: #171717;
}

.deyat-images img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -55%);
          transform: translate(-50%, -55%);
  opacity: 0;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  max-width: 60%;
}

.deyat-images img.active {
  opacity: 0.4;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.news-text {
  font-weight: 800;
  /* font-size: 320px;
  line-height: 280px; */
  font-size: 120px;
  /* line-height: 140px; */
  line-height: 1 !important;
  width: 100%;
  text-align: right;
  color: #242425;
  text-transform: uppercase;
  overflow: hidden;
  position: relative;
  /* margin: 0px 0px -118px 0px; */
  margin: 0px 0px -28px 0px;
}

@media (max-width: 1440px) {
  .news-text {
    /* font-size: 228px;
    line-height: 200px;
    margin: 70px 0px -98px 0px; */
    font-size: 100px;
    line-height: 100px;
    margin: 25px 0px -20px -20px;
  }
}

@media (max-width: 1024px) {
  .news-text {
    /* font-size: 172px;
    line-height: 158px;
    margin: 52px 0px -100px 0px; */
    font-size: 74px;
    line-height: 79px;
    margin: 10px 0px -20px -42px;
  }
}

@media (max-width: 950px) {
  .news-text {
    /* margin: 158px 0px -98px 0px; */
    margin: 100px 0px -12px -18px;
  }
}

@media (max-width: 640px) {
  .news-text {
    /* font-size: 113.54px;
    line-height: 110px;
    margin: 80px 0px -78px 0px; */
    font-size: 40px;
    line-height: 54px;
    margin: 50px 0px 6px -14px;
  }
}

.news-text span {
  position: relative;
  /* right: -86px; */
  left: 120px !important;
  float: left
}

@media (max-width: 1440px) {
  .news-text span {
    left: 77px !important;
  }
}

@media (max-width: 1024px) {
  .news-text span {
    left: 100px !important;
  }
}

@media (max-width: 950px) {
  .news-text span {
    /*margin: 0px 0px 0px -86px;*/
    margin: 0;
    left: 45px !important;
  }
}

@media (max-width: 640px) {
  .news-text span {
    /* margin: 0px 0px 0px -160px; */
    margin: 0px 0px -6px 0px;
    left: 26px !important;
  }
}

.news-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: calc(100% + 64px);
  position: relative;
  z-index: 1;
}

@media (max-width: 950px) {
  .news-list {
    width: 100%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.news-item {
  width: calc(50% - 64px);
  margin: 0px 64px 160px 0px;
}

@media (max-width: 1440px) {
  .news-item {
    margin: 0px 64px 140px 0px;
  }
}

@media (max-width: 1280px) {
  .news-item {
    margin: 0px 64px 120px 0px;
  }
}

@media (max-width: 1024px) {
  .news-item {
    margin: 0px 64px 80px 0px;
  }
}

@media (max-width: 950px) {
  .news-item {
    width: calc(50% - 16px);
    margin: 0px 0px 80px 0px;
  }
}

@media (max-width: 640px) {
  .news-item {
    width: 100%;
    margin: 0px 0px 40px 0px;
  }
}

.main-news .news-item {
  width: calc(33.3333% - 64px);
  margin: 0px 64px 64px 0px;
}

@media (max-width: 1440px) {
  .main-news .news-item {
    margin: 0px 64px 64px 0px;
  }
}

@media (max-width: 1280px) {
  .main-news .news-item {
    margin: 0px 64px 64px 0px;
  }
}

@media (max-width: 1024px) {
  .main-news .news-item {
    margin: 0px 64px 64px 0px;
  }
}

@media (max-width: 950px) {
  .main-news .news-item {
    width: calc(50% - 16px);
    margin: 0px 0px 32px 0px;
  }
}

@media (max-width: 640px) {
  .main-news .news-item {
    width: 100%;
    margin: 0px 0px 40px 0px;
  }
}

@media (max-width: 950px) {
  .main-news .news-item:nth-child(2) ~ .news-item {
    display: none;
  }
}

.news-date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  font-size: 18px;
  line-height: 32px;
  font-weight: 300;
  margin: 0px 0px 24px 0px;
}

@media (max-width: 1440px) {
  .news-date {
    margin: 0px 0px 18px 0px;
    font-size: 16px;
    line-height: 32px;
  }
}

@media (max-width: 950px) {
  .news-date {
    margin: 0px 0px 24px 0px;
  }
}

@media (max-width: 640px) {
  .news-date {
    font-size: 11px;
    line-height: 20px;
    margin: 0px 0px 14px 0px;
  }
}

.news-day {
  /* display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 48px;
  height: 48px;
  width: unset !important;
  height: unset !important;
  font-weight: 600;
  margin: 0px 16px 0px 0px;
  background: url(../img/ang1.svg) left top no-repeat, url(../img/ang2.svg) right top no-repeat, url(../img/ang3.svg) right bottom no-repeat, url(../img/ang4.svg) left bottom no-repeat;
  font-size: 24px;
  line-height: 18px; */
  margin-right: 5px;
}

/* @media (max-width: 640px) {
  .news-day {
    font-size: 14px;
    line-height: 12px;
    width: 40px;
    height: 40px;
  }
} */

.news-image {
  position: relative;
  width: 100%;
  height: calc((100vw - 192px) * 0.18);
  overflow: hidden;
  margin: 0px 0px 32px 0px;
}

@media (max-width: 1440px) {
  .news-image {
    height: calc((100vw - 64px) * 0.18);
    margin: 0px 0px 28px 0px;
  }
}

@media (max-width: 1024px) {
  .news-image {
    margin: 0px 0px 22px 0px;
  }
}

@media (max-width: 950px) {
  .news-image {
    height: calc((100vw - 32px) * 0.28);
    margin: 0px 0px 32px 0px;
  }
}

@media (max-width: 640px) {
  .news-image {
    height: calc((100vw - 16px) * 0.6);
    margin: 0px 0px 12px 0px;
  }
}

.main-news .news-image {
  height: calc((100vw - 192px) * 0.18);
}

@media (max-width: 1440px) {
  .main-news .news-image {
    height: calc((100vw - 64px) * 0.18);
  }
}

@media (max-width: 950px) {
  .main-news .news-image {
    height: calc((100vw - 32px) * 0.28);
  }
}

@media (max-width: 640px) {
  .main-news .news-image {
    height: auto;
  }
}

.news-image img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  min-width: 100%;
  min-height: 100%;
  max-width: unset !important;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  margin: 0px 0px 0px 0px !important;
}

.news-image:not(.noimage):hover img {
  -webkit-transform: translate(-50%, -50%) scale(1.05);
          transform: translate(-50%, -50%) scale(1.05);
}

@media (max-width: 640px) {
.news-image img {
	position: relative;
	top: 0%;
	left: 0%;
	-webkit-transform: translate(-0%, -0%);
	transform: translate(0%, 0%);
	min-width: unset;
	min-height: unset;
	max-width: unset !important;
	width: 100%;
}

.news-image:not(.noimage):hover img {
  -webkit-transform: translate(-0%, -0%) scale(1);
          transform: translate(-0%, -0%) scale(1);
}
}

.news-name {
  font-weight: 500;
  font-size: 32px;
  line-height: 40px;
  border: none !important;
}

@media (max-width: 1440px) {
  .news-name {
    font-size: 24px;
    line-height: 32px;
  }
}

@media (max-width: 1280px) {
  .news-name {
    font-size: 20px;
    line-height: 28px;
  }
}

@media (max-width: 640px) {
  .news-name {
    font-size: 13px;
    line-height: 22px;
  }
}

.max-ref {
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  width: 100%;
  height: 100%;
  border: none !important;
}

.more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 22px 0px 25px 0px;
  margin: 46px 0px 64px 0px;
  width: 100%;
  border-top: 1px solid rgba(255, 255, 255, 0.32);
  border-bottom: 1px solid rgba(255, 255, 255, 0.32);
  -webkit-transition: 0.2s;
  transition: 0.2s;
  font-size: 24px;
  line-height: 32px;
  position: relative;
  cursor: pointer;
}

@media (max-width: 1440px) {
  .more {
    margin: 16px 0px 64px 0px;
  }
}

@media (max-width: 1280px) {
  .more {
    font-size: 20px;
    line-height: 32px;
    padding: 18px 0px 20px 0px;
  }
}

@media (max-width: 1024px) {
  .more {
    font-size: 18px;
    line-height: 32px;
  }
}

@media (max-width: 950px) {
  .more {
    margin: 48px 0px 64px 0px;
  }
}

@media (max-width: 640px) {
  .more {
    margin: 0px 0px 64px 0px;
    font-size: 12px;
    line-height: 20px;
    padding: 14px 0px 13px 0px;
  }
}

.more::before, .more::after {
  content: '';
  display: block;
  width: 0%;
  height: 1px;
  position: absolute;
  top: 0px;
  left: 0px;
  background: #fff;
  -webkit-transition: 0.2s linear;
  transition: 0.2s linear;
}

.more::after {
  left: auto;
  right: 0px;
  top: auto;
  bottom: 0px;
}

.more:hover::before, .more:hover::after {
  width: 100%;
}

.more span {
  position: relative;
  padding: 0px 0px 0px 48px;
}

@media (max-width: 640px) {
  .more span {
    padding: 0px 0px 0px 28px;
  }
}

.more span::before {
  content: '';
  display: block;
  width: 32px;
  height: 32px;
  position: absolute;
  top: 0px;
  left: -0px;
  background: url("../img/plus.svg") center center/cover no-repeat;
}

@media (max-width: 640px) {
  .more span::before {
    width: 24px;
    height: 24px;
    top: -1px;
    left: -2px;
  }
}

.more.open span::before {
  background: #fff;
  width: 16px;
  height: 2px;
  top: 17px;
  left: 16px;
}

.more.more-go span::after {
	display: none;
}

.more.more-go span::before {
	background: url(../img/arr.svg) 100% center no-repeat;
	width: 32px;
	height: 32px;
	top: 1px;
}

/* Текст + изображение*/
.ico-text-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin: 160px 0px 240px 0px;
}

@media (max-width: 1440px) {
  .ico-text-block {
    margin: 160px 0px 235px 0px;
  }
}

@media (max-width: 1024px) {
  .ico-text-block {
    margin: 140px 0px 282px 0px;
  }
}

@media (max-width: 950px) {
  .ico-text-block {
    margin: 160px 0px 278px -32px;
    width: 100vw;
  }
}

@media (max-width: 640px) {
  .ico-text-block {
    margin: 80px 0px 132px -16px;
    width: 100vw;
  }
}

.ico-block {
  width: calc(((100% / 12) * 5) + 90px);
  position: relative;
  left: -128px;
}

@media (max-width: 1280px) {
  .ico-block {
    max-height: 596px;
  }
}

@media (max-width: 1024px) {
  .ico-block {
    max-height: 470px;
  }
}

@media (max-width: 950px) {
  .ico-block {
    width: 100%;
    left: 0px;
    max-height: 62.5vw;
    height: 62.5vw;
  }
}

@media (max-width: 640px) {
  .ico-block {
    max-height: 100vw;
    height: 100vw;
  }
}

.ico-anim {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

@media (max-width: 1280px) {
  .ico-anim {
    max-height: 596px;
  }
}

@media (max-width: 1024px) {
  .ico-anim {
    max-height: 470px;
  }
}

@media (max-width: 950px) {
  .ico-anim {
    max-height: 62.5vw;
  }
}

@media (max-width: 640px) {
  .ico-anim {
    max-height: 100vw;
  }
}

.ico-block img {
  width: 100%;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}

.ico-text-block.show img {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.ico-block::after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0px;
  left: 0px;
  background: #18191A;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  z-index: 1;
}

.ico-text-block.show .ico-block::after {
  height: 0%;
}

.text-block {
  width: calc(((100% / 12) * 5) + 106px);
  margin: 120px 0px 0px auto;
  font-size: 24px;
  line-height: 32px;
}

@media (max-width: 1440px) {
  .text-block {
    width: calc(((100% / 12) * 5) + 70px);
    margin: 78px 0px 0px auto;
    font-size: 20px;
    line-height: 28px;
  }
}

@media (max-width: 1280px) {
  .text-block {
    width: calc(((100% / 12) * 5) + 64px);
    margin: 78px 0px 0px auto;
    font-size: 18px;
    line-height: 24px;
  }
}

@media (max-width: 1024px) {
  .text-block {
    width: calc(((100% / 12) * 5) + 42px);
    margin: 80px 0px 0px auto;
    font-size: 18px;
    line-height: 24px;
  }
}

@media (max-width: 950px) {
  .text-block {
    width: calc(100% - 64px);
    margin: 80px 0px 0px 32px;
  }
}

@media (max-width: 640px) {
  .text-block {
    font-size: 12px;
    line-height: 20px;
    width: calc(100% - 32px);
    margin: 40px 0px 0px 16px;
  }
}

@media (max-width: 1024px) {
  .ico-text-block p.prezag {
    margin: 0px 0px 32px 0px;
  }
}

@media (max-width: 1024px) and (max-width: 640px) {
  .ico-text-block p.prezag {
    margin: 0px 0px 0px 0px;
  }
}

.text-block hr {
  width: 100%;
  height: 1px;
  border: none;
  background: #fff;
  margin: 32px 0px 32px 0px;
}

@media (max-width: 1024px) {
  .text-block hr {
    margin: 28px 0px 32px 0px;
  }
}

@media (max-width: 640px) {
  .text-block hr {
    margin: 15px 0px 16px 0px;
  }
}

.ico-text-block p {
  margin: 0px 0px 32px 0px;
}

@media (max-width: 1024px) {
  .ico-text-block p {
    margin: 0px 0px 24px 0px;
  }
}

@media (max-width: 640px) {
  .ico-text-block p {
    margin: 0px 0px 20px 0px;
  }
}

.ico-text-block p.h1 {
  margin: 0px 0px 64px 0px;
}

@media (max-width: 640px) {
  .ico-text-block p.h1 {
    margin: 0px 0px 24px 0px;
  }
}

.rad-mor {
  position: absolute;
  right: -77px;
  bottom: 168px;
  background: #fff;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 144px;
  height: 144px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
  -webkit-transform: scale(0);
          transform: scale(0);
}

@media (max-width: 1440px) {
  .rad-mor {
    bottom: -77px;
  }
}

@media (max-width: 1280px) {
  .rad-mor {
    bottom: -42px;
  }
}

@media (max-width: 1024px) {
  .rad-mor {
    bottom: -212px;
  }
}

@media (max-width: 950px) {
  .rad-mor {
    position: relative;
    right: auto;
    bottom: -38px;
  }
}

@media (max-width: 640px) {
  .rad-mor {
    width: 80px;
    height: 80px;
    bottom: -12px;
  }
}

.ico-text-block.show .rad-mor {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.rad-mor::before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  background: #fff;
  border-radius: 50%;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.rad-mor:hover::before {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

.rad-mor span {
  color: #000;
  text-align: center;
  font-size: 14px;
  line-height: 16px;
  font-weight: 700;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  -webkit-transition-delay: 0.8s;
          transition-delay: 0.8s;
  opacity: 0;
  -webkit-transform: translate(0px, -50px);
          transform: translate(0px, -50px);
}

@media (max-width: 640px) {
  .rad-mor span {
    font-size: 10px;
    line-height: 10px;
  }
}

.ico-text-block.show .rad-mor span {
  opacity: 1;
  -webkit-transform: translate(0px, 0px);
          transform: translate(0px, 0px);
}

.footer {
  background: #151617;
  width: 100%;
  padding: 120px 0px 64px 0px;
}

@media (max-width: 640px) {
  .footer {
    padding: 64px 0px 24px 0px;
  }
}

.logo-row {
  width: 100%;
  margin: 0px 0px 58px 0px;
}

@media (max-width: 1440px) {
  .logo-row {
    margin: 0px 0px 60px 0px;
  }
}

@media (max-width: 640px) {
  .logo-row {
    margin: 0px 0px 28px 0px;
  }
}

@media (max-width: 640px) {
  .logo-row img {
    height: 24px;
  }
}

.footer .in {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media (max-width: 1440px) {
  .footer .menu {
    font-size: 16px;
    line-height: 20px;
  }
}

@media (max-width: 1280px) {
  .footer .menu {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (max-width: 1440px) {
  .footer .submenu {
    font-size: 14px;
    line-height: 14px;
  }
}

@media (max-width: 1280px) {
  .footer .submenu {
    font-size: 16px;
    line-height: 16px;
  }
}

@media (max-width: 950px) {
  .footer .submenu {
    display: none !important;
  }
}

@media (max-width: 1280px) {
  .footer .menu {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            /* justify-content: space-between; */
  }
}

.footer .menu > li {
  padding: 0px 64px 0px 0px;
  margin: 0px 0px 49px 0px;
}

@media (max-width: 1280px) {
  .footer .menu > li {
    width: calc(25% - 48px);
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 46px 0px;
  }
}

@media (max-width: 1280px) {
  .footer .menu > li {
    width: calc(25% - 44px);
  }
}

@media (max-width: 950px) {
  .footer .menu > li {
    width: 100%;
    margin-bottom: 18px;
  }
  .footer .menu > li::before {
    display: none;
  }
  .footer .menu > li a {
    line-height: 1;
    min-height: unset;
  }
}
@media (max-width: 640px) {
  .footer .menu > li {
    margin-bottom: 16px;
  }
}

@media (max-width: 1440px) {
  .footer .submenu li {
    margin: 0px 0px 14px 0px;
  }
}

@media (max-width: 1280px) {
  .footer .submenu li {
    margin: 0px 0px 16px 0px;
  }
}

@media (max-width: 1280px) {
  .footer .noparent-wrap {
    width: calc(25% - 48px);
    padding: 0px 0px 0px 0px;
  }
}

.footer .noparent-wrap li {
  padding: 0px 0px 0px 0px;
}

.footer .menu-block {
  width: 1152px;
  max-width: calc(100% - 368px);
}

@media (max-width: 1280px) {
  .footer .menu-block {
    width: 100%;
    max-width: 100%;
  }
}

@media (max-width: 950px) {
  .footer .menu-block {
    display: block;
  }
}

.footer .cont-block {
  padding-right: 0px;
  width: 368px;
}

@media (max-width: 1280px) {
  .footer .cont-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    width: 100%;
    margin: 16px 0px 0px 0px;
  }
}

@media (max-width: 950px) {
  .footer .cont-block {
    margin: 0px 0px 0px 0px;
  }
}

.footer .cont-item {
  font-size: 18px;
  line-height: 24px;
  margin: 0px 0px 10px 0px;
}
.footer .noparent-wrap .cont-item {
  margin-top: 20px;
}

@media (max-width: 950px) {
  .footer .cont-item {
    margin: 10px 0 0 0;
  }
}
@media (max-width: 640px) {
  .footer .cont-item {
    font-size: 16px;
    line-height: 16px;
    margin: 16px 0px 0px 0px;
  }
}

.footer .nap-nam {
  font-size: 18px;
  line-height: 24px;
}

@media (max-width: 640px) {
  .footer .nap-nam {
    margin-bottom: 0px;
    line-height: 18px;
    /* font-size: 1px;
    line-height: 20px;
    margin: 0px 0px 16px 0px; */
  }
}

.footer .cont-adr {
  font-size: 16px;
  line-height: 16px;
  margin: 8px 0px 0px 0px;
}

@media (max-width: 950px) {
  .footer .cont-adr {
    /* margin: 0; */
  }
  .footer .cont-adr p {
    margin-bottom: 0;
  }
}
@media (max-width: 640px) {
  .footer .cont-adr {
    font-size: 16px;
    line-height: 16px;
    margin: 16px 0px 16px 0px;
  }
}

.footer .social-wrap {
  margin: 48px 0px 48px auto;
}

@media (max-width: 1280px) {
  .footer .social-wrap {
    margin: 40px auto 40px 4.2%;
  }
}

@media (max-width: 1024px) {
  .footer .social-wrap {
    margin: 40px auto 40px 1.8%;
  }
}

@media (max-width: 950px) {
  .footer .social-wrap {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    width: 100%;
    margin: 0px 0px 0px 0px;
    -webkit-transform: translate(0px, -57px);
            transform: translate(0px, -57px);
  }
}

@media (max-width: 640px) {
  .footer .social-wrap {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px);
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin: 32px 0px 32px 0px;
  }
}

@media (max-width: 1280px) {
  .footer .social-wrap a {
    margin: 0px 0px 0px 32px;
  }
}

@media (max-width: 1024px) {
  .footer .social-wrap a {
    margin: 0px 0px 0px 16px;
  }
}

@media (max-width: 950px) {
  .footer .social-wrap a {
    margin: 0px 0px 0px 24px;
  }
}

@media (max-width: 640px) {
  .footer .social-wrap a {
    margin: 0px 0px 0px 20px;
  }
}

.footer .social-wrap a:first-child {
  margin-left: 0px;
}

.footer .cont-info {
  /* text-align: right; */
  max-width: 256px;
  margin: 0px 0px 0px auto;
  margin-left: 0;
}

@media (max-width: 1280px) {
  .footer .cont-info {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
    width: 25%;
    margin: 0px 0px 0px 0px;
    text-align: left;
  }
}

@media (max-width: 640px) {
  .footer .cont-info {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    margin: 0px 0px 0px auto;
    width: 105px;
    text-align: right;

    width: 100%;
    text-align: left;
    margin-left: 0;
  }
}

@media (max-width: 1280px) {
  .podpis-wpar {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    width: 368px;
  }
}

@media (max-width: 950px) {
  .podpis-wpar {
    margin: 20px 0px 0px auto;
    /* width: calc(50% - 16px); */
    width: 100%;
    text-align: left;
  }
}

@media (max-width: 640px) {
  .podpis-wpar {
    width: 100%;
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: 21;
            order: 2;
    text-align: left;
    margin-top: 30px;
  }
}

.podpis-wpar .nap-nam {
  margin: 0px 0px 18px 0px;
}

@media (max-width: 1440px) {
  .podpis-wpar .nap-nam {
    font-size: 16px;
    line-height: 20px;
    margin: 0px 0px 22px 0px;
  }
}

@media (max-width: 1280px) {
  .podpis-wpar .nap-nam {
    font-size: 18px;
    line-height: 24px;
    margin: 0px 0px 16px 0px;
  }
}

@media (max-width: 640px) {
  .podpis-wpar .nap-nam {
    font-size: 12px;
    line-height: 20px;
    margin: 0px 0px 8px 0px;
  }
}

.podpis {
  width: 100%;
  height: 48px;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  position: relative;
}

@media (max-width: 640px) {
  .podpis {
    height: 40px;
  }
}

.podpis input[type="text"] {
  width: calc(100% - 48px);
  height: 48px;
  border: none;
  background: none;
  padding: 0px 16px 0px 16px;
  font-family: 'Raleway';
  font-weight: 400;
  color: #282829;
  font-size: 16px;
  line-height: 24px;
}
.podpis input[type="text"].error {
	background: #C20927;
	color: #fff;
}

@media (max-width: 640px) {
  .podpis input[type="text"] {
    font-size: 11px;
    line-height: 16px;
    height: 40px;
    width: calc(100% - 40px);
    padding: 1px 12px 0px 13px;
  }
}

.podpis input[type="text"]::-webkit-input-placeholder {
  opacity: 1;
}

.podpis input[type="text"]:-ms-input-placeholder {
  opacity: 1;
}

.podpis input[type="text"]::-ms-input-placeholder {
  opacity: 1;
}

.podpis input[type="text"]::placeholder {
  opacity: 1;
}

.podpis input[type="submit"] {
  border: none;
  background: url(../img/arrow.svg);
  background-position: center;
  background-repeat: no-repeat;
  width: 48px;
  height: 48px;
  cursor: pointer;
}

@media (max-width: 640px) {
  .podpis input[type="submit"] {
    width: 40px;
    height: 40px;
    background-size: 24px auto;
  }
}

.podpis label.error {
  position: absolute;
  left: 0px;
  bottom: -24px;
  font-size: 16px;
  line-height: 24px;
}

.footer-bottom {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  position: relative;
}

@media (max-width: 1280px) {
  .footer-bottom {
    margin: 30px 0px 0px 0px;
  }
}

@media (max-width: 950px) {
  .footer-bottom {
    margin: 22px 0px 0px 0px;
  }
}

@media (max-width: 640px) {
  .roscosmos {
    position: absolute;
    left: 0px;
    top: -64px;
  }
}

@media (max-width: 640px) {
  .roscosmos img {
    width: 101px;
  }
}

.copyright {
  font-size: 16px;
  line-height: 24px;
  margin: 2px 0px 0px auto;
  opacity: 0.64;
  text-align: right;

  text-align: center;
  margin: 0 auto;
}

@media (max-width: 640px) {
  .copyright {
    margin: 16px auto 0px auto;
    font-size: 11px;
    line-height: 16px;
  }
}

.search-close {
  position: absolute;
  top: 40px;
  right: 140px;
  width: 32px;
  height: 32px;
  cursor: pointer;
}

@media (max-width: 1440px) {
	.search-close {
		top: 32px;
		right: 64px;
	}
}

@media (max-width: 950px) {
	.search-close {
		right: 32px;
	}
}

@media (max-width: 640px) {
  .search-close {
    top: 20px;
    right: 16px;
	width: 16px;
	height: 16px;
  }
}

.search-close span {
  display: block;
  width: 20px;
  height: 2px;
  border-radius: 2px;
  background: #fff;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  position: absolute;
  left: 6px;
  top: 14.5px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

@media (max-width: 640px) {
  .search-close span {
    width: 14px;
    height: 1px;
	top: 8px;
	left: 1px;
  }
}

.search-close span:last-child {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.to-top {
  position: fixed;
  right: 128px;
  bottom: 128px;
  z-index: 1;
  opacity: 0;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  cursor: pointer;
  pointer-events: none;
  height: 80px;
  transform: rotate(-180deg);
}

@media (max-width: 1440px) {
  .to-top {
    right: 64px;
  }
}

@media (max-width: 1280px) {
  .to-top {
    bottom: 64px;
  }
}

@media (max-width: 950px) {
  .to-top {
    right: 32px;
  }
}

@media (max-width: 640px) {
  .to-top {
    display: none;
  }
}

.to-top.active {
  /* opacity: 0.32; */
  opacity: 1;
  pointer-events: all;
}

.to-top.active:hover {
  opacity: 1;
}

.inner-page .in {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.right-side {
  width: calc(14% - 8px);
}

@media (max-width: 1440px) {
  .right-side {
    width: 15%;
  }
}

@media (max-width: 1280px) {
  .right-side {
    width: calc(15% - 2px);
  }
}

@media (max-width: 1024px) {
  .right-side {
    display: none;
  }
}

.right-menu {
  list-style: none;
  font-size: 18px;
  line-height: 20px;
  margin: -226px 0px 0px 0px;
  font-weight: 500;
}

@media (max-width: 1440px) {
  .right-menu {
    margin: -232px 0px 0px 0px;
    font-size: 16px;
  }
}

@media (max-width: 1280px) {
  .right-menu {
    padding-right: 10px;
  }
}

@media (max-width: 1024px) {
  .right-menu {
    margin: -193px 0px 0px 0px;
    padding-right: 0px;
  }
}

@media (max-width: 640px) {
  .right-menu {
    font-size: 11px;
    line-height: 16px;
  }
}

.right-menu li {
  margin: 0px 0px 16px 0px;
}

@media (max-width: 1440px) {
  .right-menu li {
    margin: 0px 0px 16px 0px;
  }
}

@media (max-width: 1024px) {
  .right-menu li {
    margin: 0px 0px 16px 0px;
  }
}

.right-menu a {
  opacity: 0.64;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.right-menu a:hover,
.right-menu a.active {
  opacity: 1;
}

.right-menu ul {
	list-style: none;
	margin: 16px 0px 0px 16px;
	font-size: 90%;
}


.content {
  width: calc((100% - 64px) / 2 + 32px);
  margin: 0px 32px 0px auto;
  padding: 0px 32px 120px 0px;
  font-size: 24px;
  line-height: 32px;
}

@media (max-width: 1440px) {
  .content {
    width: calc(50% - 32px);
    font-size: 20px;
    line-height: 28px;
  }
}

@media (max-width: 1024px) {
  .content {
    width: calc(50% + 48px);
    margin: 0px 0px 0px auto;
    padding: 0px 0px 120px 0px;
    font-size: 18px;
    line-height: 24px;
  }
}

@media (max-width: 950px) {
  .content {
    width: 100%;
    padding: 0px 0px 100px 0px;
  }
}

@media (max-width: 640px) {
  .content {
    font-size: 12px;
    line-height: 20px;
    padding: 0px 0px 80px 0px;
  }
}

.one-column .content {
  width: 100%;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

.content h2 {
  position: relative;
  font-size: 52px;
  line-height: 52px;
  font-weight: 400;
  margin: 80px 0px 0px -72%;
  max-width: 68%;
  height: 0px;
}

.content#specialDesign { width: calc((100% - 255px)); margin: 0 32px 0 0 }
.content#specialDesign h2 { max-width: 100%; margin: 0 0 0 0; height: auto; }
.content#specialDesign h2.subtitle { transition:.2s; font-size: 24px; border-bottom: 1px solid #fff; position: relative; cursor: pointer; line-height: 1.2em; padding: 17px 32px  17px 0}
.content#specialDesign h2.subtitle.open { font-weight: 700; }
.content#specialDesign h2.subtitle:before { content: ''; position: absolute; top: 50%; right: 0; height: 2px; width: 16px; background: #fff; margin-top: -1px; }
.content#specialDesign h2.subtitle:after { transition:.2s;  content: ''; position: absolute; right: 7px; top: 50%; width: 2px; height: 16px; background: #fff; margin: -8px 0 0 0 }
.content#specialDesign h2.subtitle.open:after { transform: rotate(-90deg); }
.content#specialDesign h2.subtitle + .subblock { display: none; padding: 20px 10px 0 10px }
.content#specialDesign .news-slider { border: none; padding-top: 0; }

@media (max-width: 640px) {
  .content#specialDesign h2.subtitle { font-size: 16px; padding: 10px 24px  10px 0}
  .content#specialDesign h2.subtitle::before { height: 1px;  width: 11px; margin-top: -1px; }
  .content#specialDesign h2.subtitle::after { right: 5px; width: 1px; height: 11px; margin: -6px 0 0 0; }
}


@media (max-width: 1440px) {
  .content h2 {
    font-size: 40px;
    line-height: 40px;
    margin-left: -78%;
  }
}

@media (max-width: 1280px) {
  .content h2 {
    margin-left: -79%;
    font-size: 32px;
    line-height: 32px;
  }
}

@media (max-width: 1024px) {
  .content h2 {
    margin-left: -81%;
  }
}

@media (max-width: 950px) {
  .content h2 {
    height: auto;
    margin: 40px 0px 80px 0px;
    max-width: 100%;
  }
}

@media (max-width: 640px) {
  .content h2 {
    font-size: 20px;
    line-height: 28px;
    margin: 32px 0px 40px 0px;
  }
}

.content h2:first-child {
  margin-top: 0px !important;
}

.content img + h2 {
  margin-top: 71px !important;
}

@media (max-width: 640px) {
  .content img + h2 {
    margin-top: 40px !important;
  }
}

.content h3, h3 {
  font-size: 40px;
  line-height: 48px;
  font-weight: 400;
  margin: 80px 0px 40px 0px;
  clear: both;
}

@media (max-width: 1440px) {
  .content h3, h3 {
    font-size: 32px;
    line-height: 32px;
  }
}

@media (max-width: 1024px) {
  .content h3, h3 {
    font-size: 24px;
    line-height: 32px;
  }
}

@media (max-width: 640px) {
  .content h3, h3 {
    font-size: 18px;
    line-height: 24px;
    margin: 40px 0px 24px 0px;
  }
}

.content h2 + h3 {
  margin-top: 0px;
}

.content h4 {
  font-size: 32px;
  line-height: 40px;
  font-weight: 600;
  margin: 80px 0px 40px 0px;
}

@media (max-width: 1440px) {
  .content h4 {
    font-size: 24px;
    line-height: 32px;
  }
}

@media (max-width: 1024px) {
  .content h4 {
    font-size: 20px;
    line-height: 28px;
  }
}

@media (max-width: 640px) {
  .content h4 {
    font-size: 13px;
    line-height: 22px;
    margin: 40px 0px 24px 0px;
  }
}

.content .spoiler h4 {
  margin: 0px 0px 0px 0px;
  font-weight: 300;
}

.content h5 {
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
  margin: 40px 0px 32px 0px;
}

@media (max-width: 1440px) {
  .content h5 {
    font-size: 20px;
    line-height: 28px;
  }
}

@media (max-width: 1024px) {
  .content h5 {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (max-width: 640px) {
  .content h5 {
    font-size: 12px;
    line-height: 20px;
    margin: 24px 0px 16px 0px;
  }
}

.content p {
  font-size: 24px;
  line-height: 32px;
}

@media (max-width: 1440px) {
  .content p {
    font-size: 20px;
    line-height: 28px;
    margin: 0px 0px 28px 0px;
  }
}

@media (max-width: 1024px) {
  .content p {
    font-size: 18px;
    line-height: 24px;
    margin: 0px 0px 24px 0px;
  }
}

@media (max-width: 640px) {
  .content p {
    font-size: 12px;
    line-height: 20px;
    margin: 0px 0px 20px 0px;
  }
}

.content b {
  font-weight: 600;
}

.content a:not(.more) {
  padding-bottom: 1px;
  border-bottom: 1px solid #fff;
}

.content a:not([class]):visited {
  color: #6c6c6c;
  border-bottom-color: #6c6c6c;
}

.content a:hover {
  color: #fff;
  border-bottom-color: #fff;
}

.content a.outerlink{
  position: relative;
}

@media (max-width: 640px) {
  .content a.outerlink {
  }
}

.outerlink-ico {
  display: inline-block;
  width: 32px;
  height: 32px;
  position: relative;
  top: 1px;
  right: 0px;
  margin: 0px 0px -7px 0px;
  background: url("../img/link.svg") center center/cover no-repeat;
  opacity: 0.64;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

@media (max-width: 1440px) {
  .content a.outerlink::after,
  .content a:not([class]):not([href*="kerc"])[href^="http"]::after {
    right: -37px;
    width: 28px;
    height: 28px;
  }
}

@media (max-width: 640px) {
  .content a.outerlink::after,
  .content a:not([class]):not([href*="kerc"])[href^="http"]::after {
    top: -1px;
    right: -24px;
    width: 20px;
    height: 20px;
    margin: 0px 0px -7px -20px;
  }
}

.content a.outerlink:hover::after,
.content a:not([class]):hover:not([href*="kerc"])[href^="http"]::after {
  opacity: 1;
}

.content a.file-in-text {
  margin-right: 36px;
  position: relative;
}

@media (max-width: 640px) {
  .content a.file-in-text {
    margin-leftright 26px;
  }
}

.content a.file-in-text::after {
  content: '';
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 32px;
  height: 32px;
  opacity: 0.64;
  font-size: 11px;
  line-height: 13px;
  font-weight: 700;
  background: #fff;
  border-radius: 50%;
  color: #18191A;
  position: relative;
  margin: 0px -36px -6px 3px;
  right: -3px;
  top: -2px;
  text-transform: uppercase;
  padding: 10px 0px 0px 0px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media (max-width: 1440px) {
  .content a.file-in-text::after {
    padding: 8px 0px 0px 0px;
    margin: 0px -33px -6px 3px;
    font-size: 8px;
    width: 28px;
    height: 28px;
    left: -2px;
    top: -2px;
  }
}

@media (max-width: 640px) {
  .content a.file-in-text::after {
    padding: 4px 0px 0px 0px;
    margin: 0px -24px -6px 3px;
    font-size: 7px;
    width: 20px;
    height: 20px;
    left: 0px;
    top: -2px;
  }
}

.content a.file-in-text:hover::after {
  opacity: 1;
}

.content a.file-in-text.pdf::after {
  content: 'pdf';
}

.content a.file-in-text.doc::after {
  content: 'doc';
}

.content a.file-in-text.xls::after {
  content: 'xls';
}

.content a.file-in-text.jpg::after {
  content: 'jpg';
}

.content a.file-in-text.png::after {
  content: 'png';
}

.content a.file-in-text.z7::after {
  content: '7z';
}

.content a.file-in-text.aac::after {
  content: 'aac';
}

.content a.file-in-text.avi::after {
  content: 'avi';
}

.content a.file-in-text.bmp::after {
  content: 'bmp';
}

.content a.file-in-text.csv::after {
  content: 'csv';
}

.content a.file-in-text.docx::after {
  content: 'docx';
}

.content a.file-in-text.gif::after {
  content: 'gif';
}

.content a.file-in-text.gzip::after {
  content: 'gzip';
}

.content a.file-in-text.htm::after {
  content: 'htm';
}

.content a.file-in-text.html::after {
  content: 'html';
}

.content a.file-in-text.jpeg::after {
  content: 'jpeg';
}

.content a.file-in-text.jpg::after {
  content: 'jpg';
}

.content a.file-in-text.json::after {
  content: 'json';
}

.content a.file-in-text.mkv::after {
  content: 'mkv';
}

.content a.file-in-text.mp3::after {
  content: 'mp3';
}

.content a.file-in-text.mp4::after {
  content: 'mp4';
}

.content a.file-in-text.mpeg::after {
  content: 'mpeg';
}

.content a.file-in-text.odp::after {
  content: 'odp';
}

.content a.file-in-text.ods::after {
  content: 'ods';
}

.content a.file-in-text.odt::after {
  content: 'odt';
}

.content a.file-in-text.ogg::after {
  content: 'ogg';
}

.content a.file-in-text.ppt::after {
  content: 'ppt';
}

.content a.file-in-text.pptx::after {
  content: 'pptx';
}

.content a.file-in-text.rar::after {
  content: 'rar';
}

.content a.file-in-text.rtf::after {
  content: 'rtf';
}

.content a.file-in-text.svg::after {
  content: 'svg';
}

.content a.file-in-text.tar::after {
  content: 'tar';
}

.content a.file-in-text.tgz::after {
  content: 'tgz';
}

.content a.file-in-text.tiff::after {
  content: 'tiff';
}

.content a.file-in-text.txt::after {
  content: 'txt';
}

.content a.file-in-text.vob::after {
  content: 'vob';
}

.content a.file-in-text.wav::after {
  content: 'wav';
}

.content a.file-in-text.webm::after {
  content: 'webm';
}

.content a.file-in-text.wma::after {
  content: 'wma';
}

.content a.file-in-text.wmv::after {
  content: 'wmv';
}

.content a.file-in-text.xlsx::after {
  content: 'xlsx';
}

.content a.file-in-text.xml::after {
  content: 'xml';
}

.content a.file-in-text.zip::after {
  content: 'zip';
}

.content a.download-link {
  position: relative;
  display: inline;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
  padding-bottom: 0px;
  margin: 0px 0px 31px 48px;
}

@media (max-width: 1440px) {
  .content a.download-link {
    margin: 0px 0px 31px 42px;
  }
}

@media (max-width: 640px) {
  .content a.download-link {
    margin: 0px 0px 16px 32px;
  }
}

.content a.download-link::before {
  content: '';
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 32px;
  height: 32px;
  opacity: 0.64;
  font-size: 11px;
  line-height: 32px;
  font-weight: 700;
  background: #fff url(../img/arrdow.svg) center center no-repeat;
  border-radius: 50%;
  color: #18191A;
  position: absolute;
  left: -48px;
  top: 0px;
  text-transform: uppercase;
}

@media (max-width: 1440px) {
  .content a.download-link::before {
    left: -42px;
    width: 28px;
    height: 28px;
  }
}

@media (max-width: 640px) {
  .content a.download-link::before {
    left: -32px;
    width: 20px;
    height: 20px;
    background-size: 8px;
  }
}

.content ul,
.content ol {
  list-style: none;
  margin: 0px 0px 32px 0px;
  padding: 0px 0px 0px 0px;
}

@media (max-width: 1440px) {
  .content ul,
  .content ol {
    margin: 0px 0px 28px 0px;
  }
}

@media (max-width: 1024px) {
  .content ul,
  .content ol {
    margin: 0px 0px 24px 0px;
  }
}

@media (max-width: 640px) {
  .content ul,
  .content ol {
    margin: 0px 0px 20px 0px;
  }
}

.content li {
  position: relative;
  margin-bottom: 16px;
  display: block;
  line-height: 32px;
}

.content li p {
	margin-bottom: 0px;
}

@media (max-width: 1440px) {
  .content li {
    line-height: 28px;
    margin-bottom: 14px;
  }
}

@media (max-width: 1024px) {
  .content li {
    line-height: 24px;
    margin-bottom: 24px;
  }
}

@media (max-width: 640px) {
  .content li {
    line-height: 20px;
    margin-bottom: 12px;
  }
}

.content ul li {
  margin-left: 52px;
  padding-left: 0px;
}

@media (max-width: 640px) {
  .content ul li {
    margin-left: 16px;
  }
}

.content li ul li {
  margin-left: 24px;
}

.content ul ul {
  margin: 32px 0px 0px 0px;
}

@media (max-width: 640px) {
  .content ul ul {
    margin: 16px 0px 0px 0px;
  }
}

.content ol ul {
  margin: 0px 0px 0px 24px;
}
@media (max-width: 640px) {
	.content ol ul {
	  margin: 0px 0px 0px 8px;
	}
}

.content ul > li::before {
  content: '';
  display: block;
  width: 20px;
  height: 1px;
  background: #fff;
  position: absolute;
  top: 15px;
  left: -52px;
}

@media (max-width: 640px) {
  .content ul > li::before {
    width: 8px;
    top: 12px;
    left: -16px;
  }
}

.content ul li ul li::before {
  border-radius: 50%;
  width: 8px;
  height: 8px;
  top: 13px;
  left: -24px;
}

@media (max-width: 640px) {
  .content ul li ul li::before {
    width: 6px;
    height: 6px;
    top: 9px;
  }
}

.content ul li ul li ul li::before {
  background: #fff;
  border-radius: 0%;
  width: 8px;
  height: 8px;
  top: 12px;
  background: transparent;
  -webkit-box-shadow: inset 0px 0px 0px 1px #fff;
          box-shadow: inset 0px 0px 0px 1px #fff;
}

@media (max-width: 640px) {
  .content ul li ul li ul li::before {
    width: 8px;
    top: 12px;
    left: -16px;
  }
}

.content ul li ul li ul li ul li::before {
  background: #fff;
  width: 8px;
  height: 8px;
  top: 12px;
  border-radius: 50%;
}

@media (max-width: 640px) {
  .content ul li ul li ul li ul li::before {
    width: 6px;
    height: 6px;
    top: 9px;
  }
}

.content ul li ul li ul li ul li ul li::before {
  -webkit-box-shadow: inset 0px 0px 0px 1px #fff;
          box-shadow: inset 0px 0px 0px 1px #fff;
  background: transparent;
}

.content ol {
  counter-reset: point;
  padding-left: 52px;
}

@media (max-width: 640px) {
  .content ol {
    padding-left: 16px;
  }
}

.content ol li {
  margin: 0px 0px 32px 0px;
  padding-left: 0px;
}

@media (max-width: 1440px) {
  .content ol li {
    margin: 0px 0px 28px 0px;
  }
}

@media (max-width: 1024px) {
  .content ol li {
    margin: 0px 0px 24px 0px;
  }
}

@media (max-width: 640px) {
  .content ol li {
    margin: 0px 0px 20px 0px;
  }
}

.content ol ol {
  margin: 32px 0px 0px 0px;
  counter-reset: point2;
  padding-left: 48px;
}

@media (max-width: 1440px) {
  .content ol ol {
    margin: 28px 0px 0px 0px;
  }
}

@media (max-width: 1024px) {
  .content ol ol {
    margin: 24px 0px 0px 0px;
  }
}

@media (max-width: 640px) {
  .content ol ol {
    margin: 20px 0px 0px 0px;
    padding-left: 16px;
  }
}

.content ol ol ol {
  counter-reset: point3;
  padding-left: 72px;
}

@media (max-width: 640px) {
  .content ol ol ol {
    padding-left: 30px;
  }
}

.content ol ol ol ol {
  counter-reset: point4;
  padding-left: 88px;
}

@media (max-width: 640px) {
  .content ol ol ol ol {
    padding-left: 40px;
  }
}

.content ol ol ol ol ol {
  counter-reset: point5;
  padding-left: 106px;
}

@media (max-width: 640px) {
  .content ol ol ol ol ol {
    padding-left: 53px;
  }
}

.content ol li::before {
  color: #fff;
}

.content ol > li::before {
  content: counter(point) ".";
  counter-increment: point 1;
  display: inline-block;
  position: absolute;
  top: -1px;
  left: -52px;
  font-weight: 300;
}

@media (max-width: 640px) {
  .content ol > li::before {
    left: -16px;
  }
}

.content ol ol > li::before {
  content: counter(point) "." counter(point2) ".";
  counter-increment: point2;
  margin-right: 8px;
  left: -48px;
}

@media (max-width: 640px) {
  .content ol ol > li::before {
    left: -24px;
  }
}

.content ol ol ol > li::before {
  content: counter(point) "." counter(point2) "." counter(point3) ".";
  counter-increment: point3;
  margin-right: 8px;
  left: -72px;
}

@media (max-width: 640px) {
  .content ol ol ol > li::before {
    left: -32px;
  }
}

.content ol ol ol ol > li::before {
  content: counter(point) "." counter(point2) "." counter(point3) "." counter(point4) ".";
  counter-increment: point4;
  margin-right: 8px;
  left: -88px;
}

@media (max-width: 640px) {
  .content ol ol ol ol > li::before {
    left: -40px;
  }
}

.content ol ol ol ol ol > li::before {
  content: counter(point) "." counter(point2) "." counter(point3) "." counter(point4) "." counter(point5) ".";
  counter-increment: point5;
  margin-right: 8px;
  left: -106px;
}

@media (max-width: 640px) {
  .content ol ol ol ol ol > li::before {
    left: -52px;
  }
}

.content ol li ul {
  margin: 32px 0px 0px 52px;
}

@media (max-width: 1440px) {
  .content ol li ul {
    margin: 28px 0px 0px 52px;
  }
}

@media (max-width: 1024px) {
  .content ol li ul {
    margin: 24px 0px 0px 52px;
  }
}

@media (max-width: 640px) {
  .content ol li ul {
    margin: 20px 0px 0px 52px;
  }
}

.content ul li ol {
  margin: 32px 0px 0px 52px;
}

@media (max-width: 1440px) {
  .content ul li ol {
    margin: 28px 0px 0px 52px;
  }
}

@media (max-width: 1024px) {
  .content ul li ol {
    margin: 24px 0px 0px 52px;
  }
}

@media (max-width: 640px) {
  .content ul li ol {
    margin: 20px 0px 0px 52px;
  }
}

blockquote,
.blockquote,
.blockquote3,
p.blockquote,
p.blockquote3 {
  width: calc(133% + 24px);
  position: relative;
  left: calc(-33% - 24px);
  font-size: 32px;
  line-height: 40px;
  margin: 80px 0px 80px 0px;
}

@media (max-width: 1440px) {
  blockquote,
  .blockquote,
  .blockquote3,
  p.blockquote,
  p.blockquote3 {
    font-size: 24px;
    line-height: 32px;
    left: calc(-33% - 32px);
  }
}

@media (max-width: 1024px) {
  blockquote,
  .blockquote,
  .blockquote3,
  p.blockquote,
  p.blockquote3 {
    font-size: 20px;
    line-height: 28px;
    left: calc(-26% - 32px);
    width: calc(126% + 32px);
  }
}

@media (max-width: 950px) {
  blockquote,
  .blockquote,
  .blockquote3,
  p.blockquote,
  p.blockquote3 {
    width: 100%;
    left: 0px;
  }
}

@media (max-width: 640px) {
  blockquote,
  .blockquote,
  .blockquote3,
  p.blockquote,
  p.blockquote3 {
    font-size: 13px;
    line-height: 22px;
    margin: 40px 0px 40px 0px;
  }
}

.content > blockquote:first-child,
.content > .blockquote:first-child,
.content > .blockquote3:first-child,
.content > p.blockquote:first-child,
.content > p.blockquote3:first-child {
  margin-top: 0px;
}

.content blockquote p,
.content .blockquote p,
.content .blockquote3 p {
  font-size: 32px;
  line-height: 40px;
}

@media (max-width: 1440px) {
  .content blockquote p,
  .content .blockquote p,
  .content .blockquote3 p {
    font-size: 24px;
    line-height: 32px;
  }
}

@media (max-width: 1024px) {
  .content blockquote p,
  .content .blockquote p,
  .content .blockquote3 p {
    font-size: 20px;
    line-height: 28px;
  }
}

@media (max-width: 640px) {
  .content blockquote p,
  .content .blockquote p,
  .content .blockquote3 p {
    font-size: 13px;
    line-height: 22px;
  }
}

.podrob {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #282829;
  border: none;
  border-radius: 50%;
  background: #fff;
  width: 144px;
  height: 144px;
  font-size: 14px;
  line-height: 16px;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  position: relative;
}

@media (max-width: 640px) {
  .podrob {
    width: 80px;
    height: 80px;
    font-size: 8px;
    line-height: 10px;
  }
}

a.podrob:hover {
  color: #282829;
}

.podrob::before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  background: #fff;
  border-radius: 50%;
  z-index: -1;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.podrob:hover::before {
  -webkit-transform: scale(111.11111%);
          transform: scale(111.11111%);
}

blockquote .podrob,
.blockquote .podrob,
.blockquote3 .podrob {
  margin: 64px 0px 0px 0px;
}

@media (max-width: 640px) {
  blockquote .podrob,
  .blockquote .podrob,
  .blockquote3 .podrob {
    margin: 32px 0px 0px 0px;
  }
}

.blockquote2,
p.blockquote2 {
  width: 208%;
  position: relative;
  left: calc(-76% + 32px);
  font-size: 64px;
  line-height: 64px;
  font-weight: 300;
  margin: 160px 0px 80px 0px;
}

@media (max-width: 1440px) {
  .blockquote2,
  p.blockquote2 {
    font-size: 48px;
    line-height: 48px;
    width: calc(200% + 54px);
    left: calc(-68% - 52px);
  }
}

@media (max-width: 1024px) {
  .blockquote2,
  p.blockquote2 {
    font-size: 36px;
    line-height: 36px;
    width: calc(170% + 54px);
    left: calc(-74% - 36px);
  }
}

@media (max-width: 950px) {
  .blockquote2,
  p.blockquote2 {
    width: 100%;
    left: 0px;
  }
}

@media (max-width: 640px) {
  .blockquote2,
  p.blockquote2 {
    font-size: 20px;
    line-height: 28px;
    margin: 80px 0px 40px 0px;
  }
}

.content .blockquote2 p {
  font-size: 64px;
  line-height: 64px;
}

@media (max-width: 1440px) {
  .content .blockquote2 p {
    font-size: 48px;
    line-height: 48px;
  }
}

@media (max-width: 1024px) {
  .content .blockquote2 p {
    font-size: 36px;
    line-height: 36px;
  }
}

@media (max-width: 640px) {
  .content .blockquote2 p {
    font-size: 20px;
    line-height: 28px;
  }
}

.blockquote3 {
  position: relative;
}

@media (max-width: 950px) {
  .blockquote3 {
    margin-top: 120px;
  }
}

@media (max-width: 640px) {
  .blockquote3 {
    margin-top: 76px;
  }
}

.blockquote3::before {
  content: '';
  display: block;
  width: 38px;
  height: 42px;
  position: absolute;
  top: -77px;
  left: 6px;
  background: url("../img/citat.svg") center center no-repeat;
}

@media (max-width: 950px) {
  .blockquote3::before {
    top: -64px;
  }
}

@media (max-width: 640px) {
  .blockquote3::before {
    width: 16px;
    height: 18px;
    top: -26px;
    left: 0px;
    background-size: 100% auto;
  }
}

.content img {
  max-width: 100%;
  filter: brightness(0.9);
}

.content img:not([class]) {
  margin: 24px 0px 12px 0px;
}
.content img:not([class])[height] {
  height: auto !important
}

@media (max-width: 640px) {
  .content img:not([class]) {
    margin: 12px 0px 18px 0px;
  }
}

.content img:not([class])[align="left"] {
  margin: 0px 32px 32px 0px;
}

@media (max-width: 640px) {
  .content img:not([class])[align="left"] {
    margin: 24px 16px 16px 0px;
  }
}

.content img:not([class])[align="right"] {
  margin: 0px 0px 32px 32px;
}

@media (max-width: 640px) {
  .content img:not([class])[align="right"] {
    margin: 24px 0px 16px 16px;
  }
}

.big-image {
  margin: 48px 0px 72px calc(-76% + 32px);
  position: relative;
  width: 208%;
  max-width: initial !important;
}

@media (max-width: 1440px) {
  .big-image {
    margin: 48px 0px 72px calc(-72% - 32px);
    width: 222%;
  }
}

@media (max-width: 1024px) {
  .big-image {
    margin: 48px 0px 72px calc(-74% - 32px);
    width: 180%;
  }
}

@media (max-width: 950px) {
  .big-image {
    margin: 48px 0px 80px 0px;
    width: 100%;
  }
}

@media (max-width: 640px) {
  .big-image {
    margin: 24px 0px 36px 0px;
  }
}

.spoiler {
  border-top: 1px solid #fff;
  position: relative;
  padding: 0px 0px 30px 0px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

@media (max-width: 640px) {
  .spoiler {
    padding: 0px 0px 21px 0px;
  }
}

.spoiler.open {
  padding: 0px 0px 7px 0px;
}

@media (max-width: 640px) {
  .spoiler.open {
    padding: 0px 0px 24px 0px;
  }
}

.spoiler-name {
  font-weight: 400;
  cursor: pointer;
  padding: 32px 88px 0px 0px;
  position: relative;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  font-size: 32px;
  line-height: 40px;
}

@media (max-width: 1440px) {
  .spoiler-name {
    font-size: 24px;
    line-height: 32px;
  }
}

@media (max-width: 1024px) {
  .spoiler-name {
    font-size: 20px;
    line-height: 28px;
  }
}

@media (max-width: 640px) {
  .spoiler-name {
    font-size: 13px;
    line-height: 22px;
    padding: 21px 70px 0px 0px;
  }
}

.spoiler.open .spoiler-name {
  padding: 32px 88px 32px 0px;
}

@media (max-width: 640px) {
  .spoiler.open .spoiler-name {
    padding: 21px 42px 29px 0px;
  }
}

.spoiler-name p {
  font-weight: 400;
  margin: 0px 0px 0px 0px;
}

.spoiler-name::after,
.spoiler-name::before {
  content: '';
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  top: 50px;
  right: 22px;
  width: 16px;
  height: 2px;
  pointer-events: none;
  background: #fff;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

@media (max-width: 640px) {
  .spoiler-name::after,
  .spoiler-name::before {
    top: 32px;
    right: 16px;
    width: 12px;
    height: 1px;
  }
}

.spoiler-name::after {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.open .spoiler-name::after {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}

.spoiler-content {
  display: none;
  margin: 0px 0px 32px 0px;
  padding-right: 88px;
}

@media (max-width: 640px) {
  .spoiler-content {
    padding-right: 0px;
  }
}

.spoiler-content > ul:last-child {
  margin-bottom: 0px;
}

.spoiler-content > ul:last-child li:last-child {
  margin-bottom: 0px;
}

.spoiler-content > p:last-child {
  margin-bottom: 0px;
}

/*Таблицы*/
.scroll-table {
  margin: 32px 0px 60px 0px;
  width: 100%;
  overflow: hidden;
  position: relative;
  padding: 0px 1px 0px 1px;
}

@media (max-width: 1024px) {
  .scroll-table {
    padding: 24px 16px 23px 16px;
  }
}

@media (max-width: 640px) {
  .scroll-table {
    margin: 20px 0px 24px 0px;
  }
}

h2 + .scroll-table {
  margin-top: 0px !important;
}

.content table {
  border-collapse: collapse;
  font-size: 18px;
  line-height: 24px;
  text-align: left;
  max-width: 100%;
}

@media (max-width: 640px) {
  .content table {
    font-size: 12px;
    line-height: 14px;
  }
}

.content table caption {
  font-size: 40px;
  line-height: 48px;
  padding: 0px 0px 38px 0px;
  text-align: left;
}

@media (max-width: 1440px) {
  .content table caption {
    font-size: 32px;
    line-height: 32px;
  }
}

@media (max-width: 1024px) {
  .content table caption {
    font-size: 24px;
    line-height: 32px;
  }
}

@media (max-width: 640px) {
  .content table caption {
    font-size: 14px;
    line-height: 24px;
    padding: 0px 0px 19px 0px;
  }
}

.content table th {
  padding: 31px 24px 31px 24px;
  text-align: left;
  font-weight: 500;
  background: #18191A;
  color: #fff;
  border: 1px solid #fff;
}

@media (max-width: 1024px) {
  .content table th {
    padding: 24px 16px 23px 16px;
  }
}

@media (max-width: 640px) {
  .content table th {
    padding: 20px 8px 19px 8px;
  }
}

.content table th p {
  margin: 0px 0px 0px 0px;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  text-align: left;
}

.content table td {
  border: 1px solid #fff;
  padding: 8px 6px 8px 6px;
  font-weight: 300;
  vertical-align: top;
}

@media (max-width: 1024px) {
  .content table td {
    padding: 6px 4px 6px 4px;
  }
}

@media (max-width: 640px) {
  .content table td {
    padding: 5px 2px 5px 2px;
  }
}

.content table th p,
.content table td p {
  margin: 0px 0px 0px 0px;
  font-size: inherit;
  line-height: inherit;
}

.content table.clear-table,
.content table.clear-table td,
.content table.clear-table th {
  border: none !important;
}

p.d-text {
  font-size: 16px;
  line-height: 20px;
  color: #fff;
  margin: -16px 0px 32px 0px;
}

.content table.param-table caption {
  padding-bottom: 10px;
}

.content table.param-table th {
  font-size: 24px;
  line-height: 32px;
  padding: 30px 16px 31px 16px;
  background: none;
  border-bottom: 1px solid #fff !important;
}

@media (max-width: 1440px) {
  .content table.param-table th {
    font-size: 20px;
    line-height: 28px;
  }
}

@media (max-width: 1024px) {
  .content table.param-table th {
    font-size: 18px;
    line-height: 24px;
    padding: 24px 16px 23px 16px;
  }
}

@media (max-width: 640px) {
  .content table.param-table th {
    font-size: 12px;
    line-height: 20px;
    padding: 20px 8px 19px 8px;
  }
}

.content table.param-table td {
  font-size: 24px;
  line-height: 32px;
  padding: 30px 16px 33px 16px;
  border-bottom: 1px solid #fff !important;
}

@media (max-width: 1440px) {
  .content table.param-table td {
    font-size: 20px;
    line-height: 28px;
  }
}

@media (max-width: 1024px) {
  .content table.param-table td {
    font-size: 18px;
    line-height: 24px;
    padding: 24px 16px 23px 16px;
  }
}

@media (max-width: 640px) {
  .content table.param-table td {
    font-size: 12px;
    line-height: 20px;
    padding: 20px 8px 19px 8px;
  }
}

.content table.param-table td p {
  font-size: 24px;
  line-height: 32px;
}

@media (max-width: 1440px) {
  .content table.param-table td p {
    font-size: 20px;
    line-height: 28px;
  }
}

@media (max-width: 1024px) {
  .content table.param-table td p {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (max-width: 640px) {
  .content table.param-table td p {
    font-size: 12px;
    line-height: 20px;
  }
}

.content table.param-table td p:last-child {
  margin-bottom: 0px !important;
}

.content table.even caption {
  padding-bottom: 60px;
}

@media (max-width: 640px) {
  .content table.even caption {
    padding-bottom: 30px;
  }
}

.content table.even tr:nth-child(odd) {
  background: #242425;
}

.content table.even th {
  background: #18191A;
  border-bottom: 1px solid #fff !important;
  padding-bottom: 30px;
  padding-top: 13px;
}

@media (max-width: 1024px) {
  .content table.even th {
    padding-bottom: 24px;
    padding-top: 23px;
  }
}

@media (max-width: 640px) {
  .content table.even th {
    padding-bottom: 19px;
    padding-top: 20px;
  }
}

.content table.clear-table,
.content table.clear-table:not(.even) td
param-table {
  padding-left: 0px;
}

.small-text {
	font-size: 60% !important;
}

.podpis-table {
  font-size: 16px !important;
  line-height: 16px !important;
  margin: -52px 0px 0px 0px !important;
}

@media (max-width: 1280px) {
  .podpis-table {
    font-size: 14px !important;
    line-height: 14px !important;
  }
}

@media (max-width: 640px) {
  .podpis-table {
    font-size: 10px !important;
    line-height: 10px !important;
    margin: -22px 0px 0px 0px !important;
  }
}

.content100 {
  position: relative;
  width: 208%;
  left: calc(-76% + 32px);
}

@media (max-width: 1440px) {
  .content100 {
    left: calc(-72% - 32px);
    width: 222%;
  }
}

@media (max-width: 1024px) {
  .content100 {
    font-size: 36px;
    line-height: 36px;
    width: calc(170% + 54px);
    left: calc(-74% - 36px);
  }
}

@media (max-width: 950px) {
  .content100 {
    width: 100%;
    left: 0px;
  }
}

h2 + p + .content100 {
  margin-top: 180px;
}

@media (max-width: 950px) {
  h2 + p + .content100 {
    margin-top: 60px;
  }
}

@media (max-width: 640px) {
  h2 + p + .content100 {
    margin-top: 60px;
  }
}

.content100 .scroll-table {
  margin: 32px 0px 80px 0px;
}

@media (max-width: 640px) {
  .content100 .scroll-table {
    margin: 16px 0px 40px 0px;
  }
}

.content .content100 table caption {
  padding: 82px 0px 48px 0px;
  font-size: 64px;
  line-height: 64px;
}

@media (max-width: 1440px) {
  .content .content100 table caption {
    font-size: 48px;
    line-height: 48px;
  }
}

@media (max-width: 1024px) {
  .content .content100 table caption {
    font-size: 36px;
    line-height: 36px;
  }
}

@media (max-width: 640px) {
  .content .content100 table caption {
    font-size: 20px;
    line-height: 28px;
    padding: 41px 0px 24px 0px;
  }
}

.content .mCustomScrollbar + p.d-text {
  margin: -16px 0px 32px 0px;
}

.content .mCustomScrollBox {
  height: auto;
}

.scroll-table table {
	margin-right: 10px;
}

/*Кастомный скролбар*/
.content .mCSB_scrollTools {
  opacity: 1 !important;
  filter: "alpha(opacity=1)" !important;
  -ms-filter: "alpha(opacity=1) !important";
}

.content .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  height: 4px;
  border-radius: 2px;
}

.content .mCSB_scrollTools .mCSB_draggerRail {
  border-radius: 2px;
  height: 4px;
  opacity: 0 !important;
  margin: 0px 0px 0px 0px;
}

.content .mCSB_scrollTools .mCSB_draggerContainer {
  background: rgba(255, 255, 255, 0.32);
  border-radius: 2px;
}

.content .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background: #fff;
  height: 2px;
  opacity: 1;
  filter: "alpha(opacity=1)";
  top: 0px;
  border-radius: 2px;
  margin: 0px 0px 0px 0px;
  border: 2px solid #fff;
}

.content .mCSB_horizontal.mCSB_inside > .mCSB_container {
  margin-bottom: 3px;
  padding-bottom: 15px;
}

@media (max-width: 640px) {
  .content .mCSB_horizontal.mCSB_inside > .mCSB_container {
    padding-bottom: 6px;
  }
}

/*Производство*/
.production-list {
  padding-bottom: 1px;
  margin: 0px 0px 30px 0px;
}

@media (max-width: 640px) {
  .production-list {
    margin: 16px 0px 30px 0px;
  }
}

.production-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0px 0px 160px 0px;
}

@media (max-width: 640px) {
  .production-item {
    margin: 0px 0px 40px 0px;
  }
}

.production-item:last-child { margin-bottom: 20px }

.production-ico {
  position: relative;
  left: -128px;
  width: calc(100% - ((100% - 64px) / 2) - 86px);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

@media (max-width: 1440px) {
  .production-ico {
    left: -64px;
    width: calc(100% - ((100% - 32px) / 2 + 64px) - 80px);
  }
}

@media (max-width: 950px) {
  .production-ico {
    left: -32px;
    width: calc(100% + 32px);
    height: calc((100vw - 64px) * 0.682);
    overflow: hidden;
  }
}

@media (max-width: 950px) and (max-width: 640px) {
  .production-ico {
    left: -16px;
    width: calc(100% + 16px);
    height: calc((100vw - 64px) * 0.77);
  }
}

@media (max-width: 950px) {
	.production-ico.no-ico {
		display: none;
	}
}

.production-text + .production-ico {
  position: relative;
  left: auto;
  right: -128px;
}

@media (max-width: 1440px) {
  .production-text + .production-ico {
    right: -64px;
  }
}

@media (max-width: 950px) {
  .production-text + .production-ico {
    right: -0px;
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
}

.production-ico a {
  line-height: 0px;
  padding: 0px 0px 0px 0px;
  border: none !important;
  display: block;
}

.production-ico img {
  margin: 0px 0px 0px 0px !important;
  width: 100%;
}

@media (max-width: 950px) {
  .production-ico img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}

.production-text {
  width: calc((100% - 64px) / 2);
  /*padding-top: 63px;*/
}

@media (max-width: 1440px) {
  .production-text {
    width: calc((100% - 32px) / 2 + 64px);
    /* padding-top: 38px; */
  }
}

@media (max-width: 950px) {
  .production-text {
    width: 100%;
    padding-top: 62px;
  }
}

@media (max-width: 640px) {
  .production-text {
    padding-top: 40px;
  }
}

.production-text hr {
  border: none;
  background: #fff;
  width: 100%;
  height: 1px;
  margin: 33px 0px 29px 0px;
}

@media (max-width: 1440px) {
  .production-text hr {
    margin: 33px 0px 31px 0px;
  }
}

@media (max-width: 640px) {
  .production-text hr {
    margin: -5px 0px 16px 0px;
  }
}

.production-text h3 {
  margin-top: 29px;
}

@media (max-width: 640px) {
  .production-text h3 {
    margin-top: 16px;
  }
}

.production-text h3 a {
  color: #fff !important;
  border: none !important;
}

.production-text .podrob {
  margin-top: 64px;
}

@media (max-width: 640px) {
  .production-text .podrob {
    margin-top: 16px;
  }
}

.prod-top {
  min-height: calc(((100vw - 64px) * 0.465) - 120px);
  position: relative;
  margin: 0px 0px 140px 0px;
}

@media (max-width: 1024px) {
  .prod-top {
    min-height: calc(((100vw - 64px) * 0.54) - 80px);
    margin: 0px 0px 120px 0px;
  }
}

@media (max-width: 950px) {
  .prod-top {
    padding-bottom: 58px;
    margin: 0px 0px 0px 0px;
  }
}

@media (max-width: 640px) {
  .prod-top {
    padding-bottom: 1px;
  }
}

.prod-top img {
  height: calc((100vw - 64px) * 0.465);
  position: absolute;
  left: 0px;
  top: 0px;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

@media (max-width: 1024px) {
  .prod-top img {
    height: calc((100vw - 64px) * 0.54);
  }
}

@media (max-width: 950px) {
  .prod-top img {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    height: auto;
    width: 100%;
    margin-left: 0px !important;
  }
}

.prod-img {
  overflow: hidden;
}

@media (max-width: 950px) {
  .prod-img {
    position: relative;
    left: -32px;
    overflow: hidden;
    height: calc((100vw - 64px) * 0.682);
    width: calc(100% + 32px);
  }
}

@media (max-width: 640px) {
  .prod-img {
    left: -16px;
    width: calc(100% + 16px);
    height: calc((100vw - 64px) * 0.83);
  }
}

.zag,
p.zag {
  font-size: 52px;
  line-height: 52px;
  font-weight: 700;
  margin: 120px 0px 64px 0px;
}

@media (max-width: 1440px) {
  .zag,
  p.zag {
    font-size: 40px;
    line-height: 40px;
  }
}

@media (max-width: 1024px) {
  .zag,
  p.zag {
    font-size: 32px;
    line-height: 32px;
    margin: 80px 0px 64px 0px;
  }
}

@media (max-width: 640px) {
  .zag,
  p.zag {
    font-size: 20px;
    line-height: 28px;
    margin: 40px 0px 32px 0px;
  }
}

.preim-list li:nth-child(6) ~ li {
  display: none;
}

.nowrap {
  margin: 0px 0px 32px 0px;
}

.param-table.nowrap tr:first-child td,
.param-table.nowrap tr:first-child th {
  padding-top: 0px !important;
}

.param-table.nowrap tr td:first-child,
.param-table.nowrap tr th:first-child {
  padding-left: 0px !important;
  min-width: 70%;
}

@media (max-width: 1024px) {
  .param-table.nowrap tr td:first-child,
  .param-table.nowrap tr th:first-child {
    min-width: 50%;
  }
}

.param-table.nowrap tr td:last-child,
.param-table.nowrap tr th:last-child {
  padding-right: 0px !important;
}

.preim-open {
  margin-top: 64px;
}

@media (max-width: 640px) {
  .preim-open {
    margin-top: 32px;
  }
}

@media (max-width: 950px) {
  .more + h2 {
    margin-top: 160px;
  }
}

@media (max-width: 640px) {
  .more + h2 {
    margin-top: 80px;
  }
}

.news-list-page .content {
  margin: 0px auto 0px 0px;
  width: calc(((100% - 64px) / 12) * 8 + 24px);
}

@media (max-width: 1024px) {
  .news-list-page .content {
    margin: -20px auto 0px 0px;
  }
}

@media (max-width: 950px) {
  .news-list-page .content {
    margin: 88px 0px 0px 0px;
    width: 100%;
  }
}

@media (max-width: 640px) {
  .news-list-page .content {
    margin: 40px 0px 0px 0px;
  }
}

.right-podpis {
  margin: 64px 0px 0px 0px;
}

@media (max-width: 1024px) {
  .right-podpis {
    margin: 48px 0px 0px 0px;
  }
}

@media (max-width: 950px) {
  .right-podpis {
    margin: 0px 0px 0px 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

@media (max-width: 640px) {
  .right-podpis {
    margin: 16px 0px 0px 0px;
  }
}

@media (max-width: 1024px) {
  .right-podpis .podpis input[type="text"] {
    font-size: 14px;
    line-height: 20px;
  }
}

.podpis-zag {
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
  margin: 0px 0px 16px 0px !important;
}

@media (max-width: 1440px) {
  .podpis-zag {
    font-size: 20px;
    line-height: 28px;
  }
}

@media (max-width: 1024px) {
  .podpis-zag {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (max-width: 950px) {
  .podpis-zag {
    width: calc(50% - 16px);
  }
}

@media (max-width: 640px) {
  .podpis-zag {
    font-size: 12px;
    line-height: 20px;
    width: 100%;
    margin: 0px 0px 7px 0px !important;
  }
}

.podpis-podpis {
  margin: 16px 0px 0px 0px;
  font-size: 18px;
  line-height: 24px;
  opacity: 0.64;
}

@media (max-width: 1440px) {
  .podpis-podpis {
    font-size: 16px;
    line-height: 20px;
  }
}

@media (max-width: 950px) {
  .podpis-podpis {
    width: calc(50% - 16px);
    margin: 0px 0px 0px 0px;
  }
}

@media (max-width: 640px) {
  .podpis-podpis {
    font-size: 11px;
    line-height: 16px;
    width: 100%;
  }
}

@media (max-width: 950px) {
  .right-podpis .podpis {
    margin: 40px 0px -48px auto;
    width: calc(50% - 16px);
  }
}

@media (max-width: 640px) {
  .right-podpis .podpis {
    margin: 24px 0px 0px 0px;
    width: 100%;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}

.news-vert {
  width: 100%;
  height: 100px;
  background: url("../img/newstext.svg") 0px 0px/100% auto;
  -webkit-transition: background 300s linear;
  transition: background 300s linear;
  margin: 320px 0px 0px auto;
}

@media (max-width: 1024px) {
  .news-vert {
    width: 71%;
  }
}

@media (max-width: 950px) {
  .news-vert {
    display: none;
  }
}

.news-vert.mediatek {
  background-image: url("../img/media.svg");
}

.news-vert.active {
  background-position: 0px -10000px;
}

.news-list-page .right-side {
  min-width: 176px;
}

@media (max-width: 1024px) {
  .news-list-page .right-side {
    display: block;
  }
}

@media (max-width: 950px) {
  .news-list-page .right-side {
    width: 100%;
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
}

@media (max-width: 950px) {
  .news-list-page .right-side .right-menu {
    display: none;
  }
}

@media (max-width: 950px) {
  .news-list-page .news-list + .more {
    margin-top: 0px;
  }
}

@media (max-width: 950px) {
  .news-item-page {
    position: relative;
    margin-top: -46px;
    z-index: 1;
  }
 .news-item-page .content {
    margin-top: 24px;
  }
}

@media (max-width: 640px) {
  .news-item-page {
    margin-top: 0px;
  }
}

.news-item-page .content {
  padding-bottom: 160px;
}

@media (max-width: 1024px) {
  .news-item-page .content {
    width: 64%;
  }
}

@media (max-width: 950px) {
  .news-item-page .content {
    width: 100%;
    padding-bottom: 175px;
  }
}

@media (max-width: 640px) {
  .news-item-page .content {
    padding-bottom: 79px;
  }
}

.news-item-page ~ .news-list-page .in {
  position: relative;
  padding-top: 32px;
}

@media (max-width: 640px) {
  .news-item-page ~ .news-list-page .in {
    padding-top: 16px;
  }
}

.news-item-page ~ .news-list-page .in::before {
  content: '';
  display: block;
  width: calc(100% - 64px);
  height: 1px;
  position: absolute;
  top: 0px;
  left: 32px;
  background: #fff;
}

@media (max-width: 950px) {
  .news-item-page ~ .news-list-page .in::before {
    width: calc(100% - 32px);
    left: 16px;
  }
}

@media (max-width: 640px) {
  .news-item-page ~ .news-list-page .in::before {
    width: calc(100% - 16px);
    left: 8px;
  }
}

.news-item-page ~ .news-list-page .content {
  margin: 0px 0px 0px auto;
  padding-right: 0px;
}

.kakh2 {
  font-size: 64px;
  line-height: 64px;
  font-weight: 400;
  margin: 0px 0px 80px 0px;
}

@media (max-width: 1440px) {
  .kakh2 {
    font-size: 48px;
    line-height: 48px;
  }
}

@media (max-width: 1280px) {
  .kakh2 {
    font-size: 36px;
    line-height: 36px;
  }
}

@media (max-width: 1024px) {
  .kakh2 {
    margin: 0px 0px 62px 0px;
  }
}

@media (max-width: 950px) {
  .kakh2 {
    width: calc(50% - 16px);
  }
}

@media (max-width: 640px) {
  .kakh2 {
    font-size: 20px;
    line-height: 28px;
    width: 100%;
    margin: 0px 0px 16px 0px;
  }
}

@media (max-width: 640px) {
  .kakh2 br {
    display: none;
  }
}

.news-item-page ~ .news-list-page .right-side {
  min-width: 224px;
}

@media (max-width: 950px) {
  .news-item-page ~ .news-list-page .right-side {
    min-width: initial;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

@media (max-width: 950px) {
  .news-item-page ~ .news-list-page .right-side .right-podpis {
    display: block;
    width: calc(50% - 16px);
  }
}

@media (max-width: 640px) {
  .news-item-page ~ .news-list-page .right-side .right-podpis {
    width: 100%;
  }
}

@media (max-width: 950px) {
  .news-item-page ~ .news-list-page .right-side .right-podpis .podpis {
    width: 100%;
    margin: 17px 0px 16px 0px;
  }
}

@media (max-width: 950px) {
  .news-item-page ~ .news-list-page .right-side .right-podpis .podpis-podpis {
    width: 100%;
    margin: 0px 0px 80px 0px;
  }
}

@media (max-width: 640px) {
  .news-item-page ~ .news-list-page .right-side .right-podpis .podpis-podpis {
    margin: 0px 0px 40px 0px;
  }
}

.news-item-page ~ .news-list-page .news-list + .more {
  margin-top: -40px;
}

@media (max-width: 1024px) {
  .news-item-page ~ .news-list-page .news-list + .more {
    margin-top: 0px;
  }
}

@media (max-width: 640px) {
  .news-item-page ~ .news-list-page .news-list + .more {
    margin-bottom: 0px;
  }
}

.news-date-one {
  position: absolute;
  right: calc(128px + 24px);
  font-size: 24px;
  line-height: 32px;
  margin: 0px 0px 0px 0px;
}

@media (max-width: 1440px) {
  .news-date-one {
    right: calc(64px + 18px);
  }
}

@media (max-width: 1024px) {
  .news-date-one {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (max-width: 950px) {
  .news-date-one {
    position: relative;
    top: 0px !important;
    left: 0px !important;
  }
}

@media (max-width: 640px) {
  .news-date-one {
    font-size: 12px;
    line-height: 16px;
  }
}

.news-date-one .news-day {
  /* width: 128px;
  height: 128px; */
  font-size: 64px;
  line-height: 64px;
  margin-right: 32px;
  background-size: 6px;
}

@media (max-width: 1024px) {
  .news-date-one .news-day {
    /* width: 80px;
    height: 80px; */
    font-size: 36px;
    line-height: 36px;
    margin-right: 16px;
  }
}

@media (max-width: 640px) {
  .news-date-one .news-day {
    /* width: 56px;
    height: 56px; */
    font-size: 20px;
    line-height: 28px;
    margin-right: 20px;
  }
}

.news-one-image {
  margin: -41px 0px 74px -72%;
  width: 172%;
  max-width: initial !important;
}

@media (max-width: 1024px) {
  .news-one-image {
    margin: -60px 0px 74px -56%;
    width: 156%;
  }
}

@media (max-width: 950px) {
  .news-one-image {
    margin: 80px 0px 74px 0px;
    width: 100%;
  }
}

@media (max-width: 640px) {
  .news-one-image {
    margin: 32px 0px 34px 0px;
  }
}

.podelitsa-wrap {
  position: relative;
}

@media (max-width: 950px) {
  .podelitsa-wrap {
    margin: 18px 0px 0px auto;
  }
}

.podelitsa {
  position: absolute;
  top: 0px;
  left: -72%;
}

@media (max-width: 1024px) {
  .podelitsa {
    left: -56%;
  }
}

@media (max-width: 950px) {
  .podelitsa {
    position: relative;
    left: 0%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

@media (max-width: 640px) {
  .podelitsa {
    display: block;
  }
}

@media (max-width: 950px) {
  .podelitsa p {
    margin-bottom: 0px;
    margin-right: 34px;
  }
}

.podelitsa .ya-share2 {
  position: relative;
  top: 2px;
  left: 1px;
}

@media (max-width: 1024px) {
  .podelitsa .ya-share2 {
    top: 12px;
    left: 0px;
  }
}

@media (max-width: 950px) {
  .podelitsa .ya-share2 {
    top: 0px;
    left: 0px;
  }
}

@media (max-width: 640px) {
  .podelitsa .ya-share2 {
    display: none;
    overflow: visible;
    top: 6px;
    margin-bottom: 14px;
  }
}

.podelitsa li {
  margin: 0px 32px 0px 0px !important;
}

@media (max-width: 1024px) {
  .podelitsa li {
    margin: 0px 24px 0px 0px !important;
  }
}

@media (max-width: 640px) {
  .podelitsa li {
    margin: 0px 20px 0px 0px !important;
  }
}

.podelitsa li:last-child {
  margin-right: 0px !important;
}

.podelitsa li::before {
  display: none !important;
}

.podelitsa a {
  border: none !important;
}

.podelitsa .ya-share2__badge {
  background: none !important;
  -webkit-box-shadow: inset 0px 0px 0px 1px #fff;
          box-shadow: inset 0px 0px 0px 1px #fff;
}

.podelitsa .ya-share2__icon {
  background-size: auto 19px !important;
  background-repeat: no-repeat;
  background-position: center;
}

@media (max-width: 640px) {
  .podelitsa .ya-share2__icon {
    width: 40px !important;
    height: 40px !important;
  }
}

.podelitsa .ya-share2__item_service_facebook .ya-share2__icon {
  background-image: url(../img/facebook.svg) !important;
}

.podelitsa .ya-share2__item_service_twitter .ya-share2__icon {
  background-image: url(../img/twit.svg) !important;
}

.pod-nazv {
  display: block;
}

@media (max-width: 640px) {
  .pod-nazv {
    display: none;
  }
}

.pod-share {
  display: none;
}

@media (max-width: 640px) {
  .pod-share {
    display: block;
    width: 40px;
    height: 40px;
    -webkit-box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.32);
            box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.32);
    background: url(../img/share.svg) center center no-repeat;
    border-radius: 50%;
    margin: -9px 0px 16px auto;
  }
}

.news-slider {
  margin: 176px 0px 48px 0px;
  padding: 32px 0px 0px 0px;
  border-top: 1px solid #fff;
}

@media (max-width: 640px) {
  .news-slider {
    margin: 64px 0px 0px 0px;
    padding: 16px 0px 0px 0px;
  }
}

.news-slider .owl-item {
  overflow: hidden;
}

.news-slider .owl-item a {
  display: block;
  width: 100%;
  height: calc((100vw - 256px) * 0.31889);
  position: relative;
  border: none !important;
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}

@media (max-width: 1024px) {
  .news-slider .owl-item a {
    height: calc((100vw - 128px) * 0.42889);
  }
}

@media (max-width: 950px) {
  .news-slider .owl-item a {
    height: calc((100vw - 64px) * 0.665);
  }
}

@media (max-width: 640px) {
  .news-slider .owl-item a {
    height: calc((100vw - 32px) * 0.665);
  }
}

.news-slider img {
  margin: 0px 0px 0px 0px !important;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  /*width: auto !important;
  max-width: initial !important;
  height: 100%;
  filter: brightness(1);*/
  object-fit: contain;
}

.news-slider-num {
  font-weight: 500;
  margin: 81px 0px -146px 0px !important;
  clear: both;
}

@media (max-width: 640px) {
  .news-slider-num {
    margin: 40px 0px -49px 0px !important;
  }
}

.razdtek {
  margin: 0px 6px 0px 6px;
}

@media (max-width: 950px) {
  .razdtek {
    margin: 0px 4px 0px 4px;
  }
}

@media (max-width: 640px) {
  .razdtek {
    margin: 0px 3px 0px 3px;
  }
}

.news-slider .owl-nav {
  position: absolute;
  left: 32px;
  bottom: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media (max-width: 1024px) {
  .news-slider .owl-nav {
    left: 24px;
    bottom: 24px;
  }
}

@media (max-width: 640px) {
  .news-slider .owl-nav {
    left: 16px;
    bottom: 16px;
  }
}

.news-slider .owl-prev,
.news-slider .owl-next {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: #fff;
}

@media (max-width: 640px) {
  .news-slider .owl-prev,
  .news-slider .owl-next {
    width: 40px;
    height: 40px;
  }
}

.news-slider .owl-next {
  margin-left: 24px;
}

@media (max-width: 640px) {
  .news-slider .owl-next {
    margin-left: 16px;
  }
}

@media (max-width: 640px) {
  .news-slider .owl-prev svg,
  .news-slider .owl-next svg {
    width: 5px;
  }
}

.contact-page .content {
  padding-bottom: 160px;
  width: 64%;
}

@media (max-width: 1024px) {
  .contact-page .content {
    width: 64%;
  }
}

@media (max-width: 950px) {
  .contact-page .content {
    width: 100%;
    padding-bottom: 175px;
  }
}

@media (max-width: 640px) {
  .contact-page .content {
    padding-bottom: 79px;
  }
}

.cont-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

@media (max-width: 950px) {
  .cont-list {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media (max-width: 640px) {	
	.cont-list {
		margin-top: 0px;
	}
}

.cont-tret {
  width: calc((100% + 64px) / 3 - 64px);
  margin: 0px 0px 32px 64px;
  font-weight: 500;
}

@media (max-width: 1024px) {
  .cont-tret {
    margin-bottom: 54px;
  }
}

@media (max-width: 950px) {
  .cont-tret {
    margin: 0px 0px 54px 0px;
    width: calc(50% - 16px);
  }
}

@media (max-width: 640px) {
  .cont-tret {
    margin: 0px 0px 22px 0px;
    width: calc(50% - 8px);
  }
}

.cont-tret:nth-child(1),
.cont-tret:nth-child(3n + 1) {
  margin-left: 0px;
}

.cont-tret:nth-last-child(3):nth-child(3n + 1) {
  /*margin-left: 33%;*/
}

@media (max-width: 950px) {
  .cont-tret:nth-last-child(3):nth-child(3n + 1) {
    margin-left: 0%;
  }
}

.cont-tret:nth-last-child(1):nth-child(3n + 3) {
  /*margin-right: calc(33% + 32px);*/
}

@media (max-width: 950px) {
  .cont-tret:nth-child(1) {
    width: 100%;
  }
}

.cont-zag {
  opacity: 0.64;
}

@media (max-width: 1024px) {
  .cont-zag {
    margin-bottom: 32px !important;
  }
}

@media (max-width: 640px) {
  .cont-zag {
    margin-bottom: 18px !important;
    line-height: 16px !important;
  }
}

.cont-text a[href^='tel:'] {
  border: none !important;
  display: block;
  margin-bottom: 16px;
}

@media (max-width: 640px) {
  .cont-text a[href^='tel:'] {
    margin-bottom: 6px;
  }
}

.cont-text a:last-child {
  margin-bottom: 0px;
}

.map {
  width: 100%;
  height: calc((100vw - 256px) * 0.433);
  max-height: calc(100vh - 150px);
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
  margin: 0px 0px 160px 0px;
}

@media (max-width: 1440px) {
  .map {
    height: calc((100vw - 128px) * 0.433);
  }
}

@media (max-width: 1024px) {
  .map {
    margin: 62px 0px 160px 0px;
    height: calc((100vw - 128px) * 0.562);
  }
}

@media (max-width: 950px) {
  .map {
    margin: 44px 0px 120px 0px;
    height: calc((100vw - 64px) * 0.716);
  }
}

@media (max-width: 640px) {
  .map {
    margin: 34px 0px 80px 0px;
    height: calc((100vw - 32px) * 0.72);
  }
}

.real-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.left-part {
  width: calc((100% - 32px) * 0.333333333);
  margin: 0px auto 0px 0px;
}

@media (max-width: 950px) {
  .left-part {
    width: 100%;
  }
}

.left-part h2 {
  font-size: 64px;
  line-height: 64px;
  font-weight: 400;
  margin: 0px 0px 80px 0px;
}

@media (max-width: 1440px) {
  .left-part h2 {
    font-size: 48px;
    line-height: 48px;
  }
}

@media (max-width: 1280px) {
  .left-part h2 {
    font-size: 36px;
    line-height: 36px;
  }
}

@media (max-width: 950px) {
  .left-part h2 {
    height: auto;
    margin: 0px 0px 80px 0px;
    max-width: 100%;
  }
}

@media (max-width: 640px) {
  .left-part h2 {
    font-size: 20px;
    line-height: 28px;
    margin: 0px 0px 40px 0px;
  }
}

.right-part {
  width: calc((100% - 32px) * 0.6666666666);
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 120px 0px;
}

@media (max-width: 950px) {
  .right-part {
    width: 100%;
  }
}

@media (max-width: 640px) {
  .right-part {
    padding: 0px 0px 54px 0px;
  }
}

/*Блоки*/
.forma {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 72px 0px 0px 0px;
  padding-bottom: 1px;
}

@media (max-width: 1024px) {
  .forma {
    margin: 68px 0px 0px 0px;
  }
}

@media (max-width: 640px) {
  .forma {
    margin: 45px 0px 0px 0px;
  }
}

.forma label {
  width: 100%;
  position: relative;
  margin: 0px 0px 64px 0px;
}

@media (max-width: 1024px) {
  .forma label {
    margin: 0px 0px 60px 0px;
  }
}

@media (max-width: 640px) {
  .forma label {
    width: 100% !important;
    margin: 0px 0px 44px 0px;
  }
}

.forma label.w75 {
  width: calc(75% - 32px);
}

@media (max-width: 1024px) {
  .forma label.w75 {
    width: 100%;
  }
}

@media (max-width: 950px) {
  .forma label.w75 {
    width: calc(75% - 16px);
  }
}

@media (max-width: 640px) {
  .forma label.w75 {
    width: 100%;
  }
}

.forma label.w66 {
  width: calc(66.666% - 32px);
}

@media (max-width: 1024px) {
  .forma label.w66 {
    width: 100%;
  }
}

@media (max-width: 950px) {
  .forma label.w66 {
    width: calc(66.666% - 16px);
  }
}

@media (max-width: 640px) {
  .forma label.w66 {
    width: 100%;
  }
}

.forma label.w50 {
  width: calc(50% - 32px);
}

@media (max-width: 1024px) {
  .forma label.w50 {
    width: 100%;
  }
}

@media (max-width: 950px) {
  .forma label.w50 {
    width: calc(50% - 16px);
  }
}

@media (max-width: 640px) {
  .forma label.w50 {
    width: 100%;
  }
}

.forma label.w33 {
  width: calc(33.333% - 32px);
}

@media (max-width: 1024px) {
  .forma label.w33 {
    width: 100%;
  }
}

@media (max-width: 950px) {
  .forma label.w33 {
    width: calc(33.333% - 16px);
  }
}

@media (max-width: 640px) {
  .forma label.w33 {
    width: 100%;
  }
}

.forma label.w25 {
  width: calc(25% - 32px);
}

@media (max-width: 1024px) {
  .forma label.w25 {
    width: 100%;
  }
}

@media (max-width: 950px) {
  .forma label.w25 {
    width: calc(25% - 16px);
  }
}

@media (max-width: 640px) {
  .forma label.w25 {
    width: 100%;
  }
}

.check-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.check-label span {
  width: calc(100% - 56px);
}

.label-zag {
  position: absolute;
  top: 20px;
  left: 16px;
  font-size: 16px;
  line-height: 24px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  z-index: 2;
  pointer-events: none;
  color: #18191A;
}

@media (max-width: 1024px) {
  .label-zag {
    font-size: 14px;
    line-height: 20px;
  }
}

@media (max-width: 640px) {
  .label-zag {
    font-size: 11px;
    line-height: 16px;
    top: 16px;
    left: 8px;
  }
}

.jq-selectbox ~ .label-zag {
  z-index: 10;
  top: 25px;
}

@media (max-width: 1440px) {
  .jq-selectbox ~ .label-zag {
    top: 22px;
  }
}

@media (max-width: 1024px) {
  .jq-selectbox ~ .label-zag {
    top: 23px;
  }
}

@media (max-width: 640px) {
  .jq-selectbox ~ .label-zag {
    top: 19px;
  }
}

.jq-selectbox.error ~ .label-zag {
  color: #fff;
}

label input:focus ~ .label-zag,
label textarea:focus ~ .label-zag,
label .changed ~ .label-zag,
label.zapolnen .label-zag {
  top: -40px;
  left: 0px;
  color: #fff;
}

@media (max-width: 640px) {
  label input:focus ~ .label-zag,
  label textarea:focus ~ .label-zag,
  label .changed ~ .label-zag,
  label.zapolnen .label-zag {
    top: -20px;
  }
}

label input.error ~ .label-zag,
label textarea.error ~ .label-zag {
  color: #fff;
}

.forma input,
.forma textarea,
.jq-selectbox {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  font-style: normal;
  color: #18191A;
  border-radius: 0px;
  background: #fff;
  width: 100%;
  padding: 20px 16px;
  border: none;
  font-family: 'Raleway', "Arial", sans-serif;
}

@media (max-width: 1024px) {
  .forma input,
  .forma textarea,
  .jq-selectbox {
    font-size: 14px;
    line-height: 20px;
  }
}

@media (max-width: 640px) {
  .forma input,
  .forma textarea,
  .jq-selectbox {
    font-size: 11px;
    line-height: 16px;
    padding: 16px 8px;
  }
}

.forma textarea {
  height: 128px;
}

@media (max-width: 640px) {
  .forma textarea {
    height: 96px;
  }
}

.forma input.error,
.forma textarea.error {
  background: #C20927;
  color: #fff;
}

.forma .jq-selectbox label.error ~ .jq-selectbox__select {
  background: #C20927;
  color: #fff;
}

.forma .jq-selectbox label.error ~ .jq-selectbox__select {
  background: #C20927;
  color: #fff;
}

.forma .jq-selectbox.error ~ .label-zag {
  color: #fff;
}

.forma label.error {
  position: absolute;
  left: 0px;
  top: calc(100% + 8px);
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #fff;
  margin: 0px 0px 0px 0px;
}

@media (max-width: 1024px) {
  .forma label.error {
    font-size: 14px;
    line-height: 20px;
  }
}

@media (max-width: 640px) {
  .forma label.error {
    font-size: 11px;
    line-height: 16px;
    top: 100%;
  }
}

.datep {
  background: url(../img/datep.svg) calc(100% - 24px) center/15px 16px no-repeat gray !important;
}

.forma input[type="submit"] {
  font-weight: bold;
  font-size: 18px;
  line-height: 32px;
  text-align: center;
  border: 2px solid #E0E0E0;
  border-radius: 36px;
  background: transparent;
  padding: 18px 64px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  cursor: pointer;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.forma input[type="submit"]:hover {
  background: #000;
  border-color: #000;
  color: #C20927;
}

.forma button[type="submit"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 22px 0px 25px 0px;
  margin: 16px 0px 16px 0px;
  width: 100%;
  background: none;
  border: none;
  border-top: 1px solid rgba(255, 255, 255, 0.32);
  border-bottom: 1px solid rgba(255, 255, 255, 0.32);
  -webkit-transition: 0.2s;
  transition: 0.2s;
  font-size: 24px;
  line-height: 32px;
  position: relative;
  cursor: pointer;
  color: #fff;
}

@media (max-width: 1440px) {
  .forma button[type="submit"] {
    margin: 16px 0px 16px 0px;
  }
}

@media (max-width: 1280px) {
  .forma button[type="submit"] {
    font-size: 20px;
    line-height: 32px;
    padding: 18px 0px 16px 0px;
  }
}

@media (max-width: 1024px) {
  .forma button[type="submit"] {
    font-size: 18px;
    line-height: 32px;
  }
}

@media (max-width: 950px) {
  .forma button[type="submit"] {
    margin: 16px 0px 16px 0px;
  }
}

@media (max-width: 640px) {
  .forma button[type="submit"] {
    margin: 0px 0px 64px 0px;
    font-size: 12px;
    line-height: 20px;
    padding: 14px 0px 13px 0px;
  }
}

.forma button[type="submit"]::before, .forma button[type="submit"]::after {
  content: '';
  display: block;
  width: 0%;
  height: 1px;
  position: absolute;
  top: 0px;
  left: 0px;
  background: #fff;
  -webkit-transition: 0.2s linear;
  transition: 0.2s linear;
}

.forma button[type="submit"]::after {
  left: auto;
  right: 0px;
  top: auto;
  bottom: 0px;
}

.forma button[type="submit"]:hover::before,
.forma button[type="submit"]:hover::after {
  width: 100%;
}

.forma button[type="submit"] span {
  position: relative;
  padding: 0px 0px 0px 48px;
}

@media (max-width: 640px) {
  .forma button[type="submit"] span {
    padding: 0px 0px 0px 28px;
  }
}

.forma button[type="submit"] span::before {
  content: '';
  display: block;
  width: 32px;
  height: 32px;
  position: absolute;
  top: 0px;
  left: -0px;
  background: url("../img/back.svg") center center/cover no-repeat;
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}

@media (max-width: 640px) {
  .forma button[type="submit"] span::before {
    width: 24px;
    height: 24px;
    top: -2px;
    left: -2px;
    background-size: 17px;
  }
}

.more.open span::before {
  background: #fff;
  width: 16px;
  height: 2px;
  top: 17px;
  left: 16px;
}

@media (max-width: 640px) {	
	.more.open span::before {
	  width: 12px;
	  height: 1px;
	  top: 9px;
	  left: 6px;
	}
	.more.more-go span::before {
		background: url(../img/arr.svg) center center / 100% no-repeat;
		width: 24px;
		height: 24px;
		top: -2px;
	}
}

/*Формстайлер*/
.jq-selectbox {
  cursor: pointer;
  height: 64px;
  z-index: 10;
  padding: 0px !important;
}

.jq-selectbox__select {
  position: relative;
  top: 0px;
  width: 100%;
  height: 100%;
  left: 0px;
  padding: 20px 16px;
}

.jq-selectbox__trigger {
  width: 32px;
  height: 32px;
  background: url(../img/select.svg) center center no-repeat;
  position: absolute;
  top: 16px;
  right: 16px;
}

.jq-selectbox.dropdown .jq-selectbox__trigger {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}

.jq-selectbox__dropdown {
  top: 100% !important;
  background: #fff;
  padding: 0px 0px;
  left: 0px;
  -webkit-box-shadow: 0px 5px 12px -7px #282829;
          box-shadow: 0px 5px 12px -7px #282829;
  border-radius: 0px 0px 2px 2px;
  z-index: 10;
  inset: 100% auto auto 0px !important;
  max-width: 100%;
}

.jq-selectbox__dropdown ul {
  margin: 0px 0px 0px 0px;
}

.jq-selectbox__dropdown ul li {
  margin: 0px 0px 0px 0px;
  max-width: 100%;
  white-space: break-spaces;
  padding: 8px 20px;
}

.jq-selectbox__dropdown ul li.sel,
.jq-selectbox__dropdown ul li:hover {
  background: #282829;
  color: #fff;
}

.jq-selectbox__dropdown ul li:before {
  display: none;
}

.jq-selectbox select, .jq-select-multiple select {
  position: absolute;
  width: 1px;
  height: 1px;
}

.jq-checkbox,
.jq-radio {
  width: 32px;
  height: 32px;
  border-radius: 0px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  vertical-align: -9px;
  margin: 0px 16px 0px 0px;
  background: transparent;
  opacity: 0.32;
  overflow: visible;
}

@media (max-width: 1024px) {
  .jq-checkbox,
  .jq-radio {
    width: 24px;
    height: 24px;
  }
}

@media (max-width: 640px) {
  .jq-checkbox,
  .jq-radio {
    width: 20px;
    height: 20px;
    margin: 0px 12px 0px 0px;
  }
}

.jq-checkbox {
  background: #fff;
}

.jq-radio {
  border-radius: 50%;
  -webkit-box-shadow: inset 0px 0px 0px 12px #fff;
          box-shadow: inset 0px 0px 0px 12px #fff;
}

.jq-checkbox.checked,
.jq-radio.checked {
  opacity: 1;
}

.jq-checkbox .jq-checkbox__div {
  width: 12px;
  height: 8px;
  position: absolute;
  top: 10px;
  left: 10px;
  border-left: 2px solid #18191A;
  border-bottom: 2px solid #18191A;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

@media (max-width: 1024px) {
  .jq-checkbox .jq-checkbox__div {
    width: 8px;
    height: 5px;
    top: 8px;
    left: 8px;
    border-width: 1px;
  }
}

@media (max-width: 640px) {
  .jq-checkbox .jq-checkbox__div {
    width: 8px;
    height: 5px;
    top: 6px;
    left: 6px;
    border-width: 1px;
  }
}

.jq-checkbox.checked .jq-checkbox__div {
  opacity: 1;
}

.jq-radio .jq-radio__div {
  width: 8px;
  height: 8px;
  background: #18191A;
  position: absolute;
  top: 12px;
  left: 12px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  opacity: 0;
  border-radius: 50%;
}

@media (max-width: 1024px) {
  .jq-radio .jq-radio__div {
    width: 6px;
    height: 6px;
    top: 10px;
    left: 9px;
  }
}

@media (max-width: 640px) {
  .jq-radio .jq-radio__div {
    width: 6px;
    height: 6px;
    top: 10px;
    left: 9px;
  }
}

.jq-radio.checked .jq-radio__div {
  opacity: 1;
}

.jq-checkbox label.error,
.jq-radio label.error {
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  font-size: 0px;
  background: #C20927;
}

.jq-radio label.error {
  background: transparent;
  -webkit-box-shadow: inset 0px 0px 0px 12px #C20927;
          box-shadow: inset 0px 0px 0px 12px #C20927;
}

.jq-checkbox.checked label.error,
.jq-radio.checked label.error {
  display: none;
}

.jq-radio label.error {
  border-radius: 50%;
}

.fililike {
  background: #fff url(../img/arrtob.svg) calc(100% - 20px) 16px no-repeat;
  height: 64px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify-content;
      -ms-flex-pack: justify-content;
          justify-content: justify-content;
  padding: 0px 20px;
  color: #18191A;
  font-size: 16px;
  line-height: 24px;
  cursor: pointer;
}

@media (max-width: 640px) {
  .fililike {
    font-size: 11px;
    line-height: 16px;
  }
}

.jq-file {
  background: #242425;
  height: 64px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify-content;
      -ms-flex-pack: justify-content;
          justify-content: justify-content;
  padding: 0px 20px;
  margin: 2px 0px 0px 0px;
}

.jq-file__name {
  color: #fff;
  font-size: 16px;
  line-height: 24px;
}

@media (max-width: 640px) {
  .jq-file__name {
    font-size: 11px;
    line-height: 16px;
  }
}

.delfile {
  display: block;
  margin: 0px 0px 0px auto;
  width: 32px;
  height: 32px;
  background: url(../img/close.svg) center center no-repeat;
  cursor: pointer;
}

.forma .input-clear {
  position: absolute;
  bottom: -24px;
  right: 20px;
  font-size: 14px;
  line-height: 14px;
  width: 200px;
  text-align: right;
  z-index: 1;
  cursor: pointer;
}

.jq-file__browse {
  display: none;
}

.jq-file input {
  opacity: 0;
  position: absolute;
  top: 0px;
  left: 0px;
  height: 1px;
  width: 1px;
}

.added-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify-content;
      -ms-flex-pack: justify-content;
          justify-content: justify-content;
  width: 100%;
}

.added-comp {
  width: 100%;
  cursor: pointer;
  margin: 0px 0px 32px 0px;
}

.devared {
  width: 100%;
}

.prapo {
  font-weight: 300;
  font-size: 14px;
  line-height: 24px;
}

/*Датапикер*/
.ui-datepicker {
  z-index: 11 !important;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
  border: 1px solid gray;
  background: gray;
  font-weight: normal;
  text-align: center;
  color: #000;
  border-radius: 2px;
}

.ui-datepicker-current-day {
  border: none;
  background: #C20927;
  color: #fff;
}

.ui-datepicker-current-day .ui-state-active {
  border: none;
  background: #C20927;
  color: #fff;
}

/*Гугл капча*/
@media (max-width: 640px) {
  .recap-label {
    margin-bottom: 11px !important;
  }
}

.captcha {
  margin: 0px 0px 48px 0px;
  position: relative;
  width: 100%;
}

@media (max-width: 640px) {
  .captcha {
    -webkit-transform: scale(0.63) translate(-30%, -28px);
            transform: scale(0.63) translate(-30%, -28px);
  }
}

label .captcha {
  margin: 0px 0px 0px 0px;
}

.recap-error {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 301px;
  height: 75px;
  border-radius: 2px;
  pointer-events: none;
  z-index: 1;
}

.error ~ .recap-error {
  -webkit-box-shadow: 0px 0px 0px 2px #C20927;
          box-shadow: 0px 0px 0px 2px #C20927;
}

.page404 ~ .footer {
  position: absolute;
  top: 1072px;
}

@media (max-width: 1280px) {
  .page404 ~ .footer {
    top: 658px;
  }
}

@media (max-width: 950px) {
  .page404 ~ .footer {
    top: 1024px;
  }
}

@media (max-width: 640px) {
  .page404 ~ .footer {
    top: 658px;
  }
}

.ico404 {
  position: absolute;
  top: 0px;
  right: 0px;
  height: 1072px;
  overflow: hidden;
  z-index: 0;
}

@media (max-width: 1280px) {
  .ico404 {
    height: 658px;
  }
}

@media (max-width: 950px) {
  .ico404 {
    height: 1024px;
    width: 100%;
  }
}

@media (max-width: 640px) {
  .ico404 {
    height: 658px;
  }
}

.ico404::before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0px;
  left: 0px;
  background: #18191A;
  z-index: 1;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.active .ico404::before {
  height: 0%;
}

.ico404 img {
  min-width: 100%;
  min-height: 100%;
  height: 100%;
  max-width: initial;
  margin: 0px 0px 0px 0px !important;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  position: relative;
}

@media (max-width: 1280px) {
  .ico404 img {
    right: -48px;
  }
}

@media (max-width: 950px) {
  .ico404 img {
    right: 212px;
  }
}

.active .ico404 img {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.text404 {
  position: relative;
  z-index: 1;
  width: calc((100% + 64px) / 12 * 4 - 64px);
  margin: 0px 0px 0px calc((100% + 64px) / 12 * 2);
  font-size: 32px;
  line-height: 40px;
}

@media (max-width: 1440px) {
  .text404 {
    font-size: 24px;
    line-height: 32px;
  }
}

@media (max-width: 1280px) {
  .text404 {
    font-size: 20px;
    line-height: 28px;
    margin: 0px 0px 0px 0px;
  }
}

@media (max-width: 950px) {
  .text404 {
    margin: 80px 0px 0px 0px;
    width: calc(50% - 16px);
    max-width: 310px;
  }
}

@media (max-width: 640px) {
  .text404 {
    margin: 74px 0px 0px 0px;
    width: calc(75% - 16px);
    font-size: 13px;
    line-height: 22px;
  }
}

.text404 p {
  font-size: 32px;
  line-height: 40px;
}

@media (max-width: 1440px) {
  .text404 p {
    font-size: 24px;
    line-height: 32px;
  }
}

@media (max-width: 1280px) {
  .text404 p {
    font-size: 20px;
    line-height: 28px;
  }
}

@media (max-width: 640px) {
  .text404 p {
    font-size: 13px;
    line-height: 22px;
  }
}

.ref404 {
  position: relative;
  z-index: 1;
  margin: 64px calc(50% + 32px) 0px auto;
}

@media (max-width: 1280px) {
  .ref404 {
    margin: -166px calc(27% + 32px) 0px auto;
  }
}

@media (max-width: 950px) {
  .ref404 {
    margin: 64px auto 0px 0px;
  }
}

@media (max-width: 640px) {
  .ref404 {
    margin: 32px auto 0px 0px;
  }
}

@media (max-width: 1280px) {
  .page404 {
    margin: -59px 0px 0px 0px;
  }
}

.people-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (max-width: 640px) {
  .people-list {
    margin: 0px 0px 56px 0px;
  }
}

.people-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: calc(50% - 32px);
  margin: 0px 0px 160px 0px;
}

@media (max-width: 950px) {
  .people-item {
    width: 100%;
    margin: 0px 0px 140px 0px;
  }
}

@media (max-width: 640px) {
  .people-item {
    margin: 0px 0px 64px 0px;
  }
}

.people-item h3 {
  margin: 0px 0px 30px 0px;
  /*word-spacing: 1000px;*/
}

@media (max-width: 1280px) {
  .people-item h3 {
    margin: 0px 0px 24px 0px;
  }
}

@media (max-width: 640px) {
  .people-item h3 {
    line-height: 20px;
    margin: 0px 0px 16px 0px;
  }
}

.people-item h3 a {
  border-bottom: none !important;
  color: inherit !important;
}

@media (max-width: 1280px) {
  .people-item p {
    margin: 0px 0px 32px 0px;
  }
}

@media (max-width: 640px) {
  .people-item p {
    margin: 0px 0px 24px 0px;
    line-height: 16px;
  }
}

.people-item p:last-child {
  margin-bottom: 0px;
}

.people-ico {
  width: calc(100% / 5 * 2 - 96px);
}

@media (max-width: 1280px) {
  .people-ico {
    width: calc((100% - 32px) / 6 * 2 - 32px);
  }
}

@media (max-width: 950px) {
  .people-ico {
    width: calc((100% - 32px) / 4);
  }
}

@media (max-width: 640px) {
  .people-ico {
    width: calc((100% - 16px) / 4);
  }
}

.people-right {
  width: calc(100% / 5 * 3 + 96px);
  padding: 0px 18% 0px 64px;
}

@media (max-width: 1280px) {
  .people-right {
    padding: 0px 0px 0px 32px;
    width: calc((100% - 32px) / 6 * 4 + 64px);
  }
}

@media (max-width: 950px) {
  .people-right {
    width: calc((100% + 8px) / 4 * 3);
  }
}

@media (max-width: 640px) {
  .people-right {
    width: calc((100% + 4px) / 4 * 3);
    padding: 0px 0px 0px 16px;
  }
}

.people-right .podrob {
  margin-top: 64px;
}

@media (max-width: 640px) {
  .people-right .podrob {
    margin-top: 32px;
  }
}

.search-two {
  margin: 0px 0px 160px 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}

@media (max-width: 950px) {
  .search-two {
    margin: 0px 0px 80px 0px;
  }
}

@media (max-width: 640px) {
  .search-two {
    margin: 0px 0px 40px 0px;
  }
}

.search-two.st-top {
  margin: 0px 0px 190px 0px;
}

@media (max-width: 950px) {
  .search-two.st-top {
    margin: 0px 0px 80px 0px;
  }
}

@media (max-width: 640px) {
  .search-two.st-top {
    margin: 32px 0px 40px 0px;
  }
}

.left-search {
  width: calc((100% - 32px) / 12 * 4);
}

@media (max-width: 950px) {
  .left-search {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin: 0px 0px 32px 0px;
  }
}

@media (max-width: 950px) and (max-width: 640px) {
  .left-search {
    margin: 0px 0px 16px 0px;
  }
}

.left-search p {
  color: rgba(255, 255, 255, 0.32);
}

@media (max-width: 950px) {
  .left-search p {
    margin: 0px 16px 0px 0px;
  }
}

.left-search p:last-child {
  color: #fff;
  margin: 0px 0px 0px 0px;
}

.left-search b {
  font-weight: 500;
}

.left-search a {
  color: #fff !important;
  border: none !important;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.left-search a:hover {
  color: rgba(255, 255, 255, 0.32) !important;
}

.right-search {
  width: calc((100% - 32px) / 12 * 8);
}

@media (max-width: 950px) {
  .right-search {
    width: 100%;
  }
}

.right-search input[type="text"] {
  padding: 28px 86px 28px 32px;
  font-size: 32px;
  line-height: 40px;
  background: url(../img/searchblack.svg) calc(100% - 24px) center no-repeat #fff;
}

@media (max-width: 1440px) {
  .right-search input[type="text"] {
    font-size: 24px;
    line-height: 32px;
  }
}

@media (max-width: 1280px) {
  .right-search input[type="text"] {
    font-size: 20px;
    line-height: 28px;
  }
}

@media (max-width: 950px) {
  .right-search input[type="text"] {
    padding: 22px 86px 22px 24px;
    background-size: 32px;
    background-position: calc(100% - 16px) center;
  }
}

@media (max-width: 640px) {
  .right-search input[type="text"] {
    padding: 17px 64px 17px 16px;
    font-size: 13px;
    line-height: 22px;
  }
}

.mt-0 {
  margin-top: 0px;
}

.right-search input[type="submit"] {
	position: absolute;
	top: -37px;
	right: 4px;
	border-radius: 0px;
	border: none;
	background: none !important;
	height: 96px;
	width: 96px;
	display: block;
	padding: 0px 0px 0px 0px;
}
@media (max-width: 950px) {
	.right-search input[type="submit"] {
		top: -27px;
		height: 74px;
		width: 66px;
	}
}
@media (max-width: 640px) {
	.right-search input[type="submit"] {
		top: -22px;
		height: 56px;
		width: 62px;
	}
}

.search-item .right-search a {
  color: #fff !important;
  border: none !important;
  font-size: 32px;
  line-height: 40px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.search-item .right-search a:hover {
  color: rgba(255, 255, 255, 0.32) !important;
}

@media (max-width: 1440px) {
  .search-item .right-search a {
    font-size: 24px;
    line-height: 32px;
  }
}

@media (max-width: 1280px) {
  .search-item .right-search a {
    font-size: 20px;
    line-height: 28px;
  }
}

@media (max-width: 640px) {
  .search-item .right-search a {
    font-size: 13px;
    line-height: 22px;
  }
}

.pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 32px 0px 240px 0px;
  border-top: 1px solid #fff;
}

@media (max-width: 950px) {
  .pagination {
    padding: 32px 0px 140px 0px;
  }
}

@media (max-width: 640px) {
  .pagination {
    padding: 16px 0px 60px 0px;
  }
}

.pagination-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.pagination-left a, .pagination-left span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0px 8px 0px 0px;
  border-radius: 50%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 64px;
  height: 64px;
  border: none !important;
  color: #fff !important;
}

@media (max-width: 640px) {
  .pagination-left a, .pagination-left span {
    width: 40px;
    height: 40px;
    margin: 0px 4px 0px 0px;
  }
}

.pagination-left a.active {
  background: #fff;
  color: #18191A !important;
}

.pagination-left a:hover {
  color: rgba(255, 255, 255, 0.32) !important;
}

.pagination-left a.active:hover {
  color: #18191A !important;
}

.pagination-left span {
  cursor: default;
}

.pag-next {
  margin: 0px 0px 0px auto;
  border: none !important;
  color: #fff !important;
  padding: 0px 32px 0px 0px;
  background: url(../img/arr.svg) 100% center no-repeat;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

@media (max-width: 640px) {
  .pag-next {
    padding: 0px 24px 0px 0px;
    background-size: 16px auto;
    background-position: calc(100% - 4px) center;
  }
}

.pag-next:hover {
  background-position: calc(100% + 6px) center;
}

@media (max-width: 640px) {
  .pag-next:hover {
    background-position: calc(100% - 0px) center;
  }
}

.text-top-page-ico {
  position: relative;
  width: 100%;
  margin: 160px 0px 160px 0px;
  z-index: 1;
  min-height: calc((100vw - 192px) * 0.38);
}
@media (max-width: 1440px) {
  .text-top-page-ico {
    margin: 160px 0px 80px 0px;
  }
}

@media (max-width: 1280px) {
  .text-top-page-ico {
    margin: 160px 0px 80px 0px;
  }
}

@media (max-width: 1024px) {
  .text-top-page-ico {
    margin: 0px 0px 160px 0px;
  }
}

@media (max-width: 950px) {
  .text-top-page-ico {
    margin: 0px 0px 0px 0px;
  }
}

.text-top-page-ico::before {
  content: '';
  background: #18191A;
  position: absolute;
  top: 0px;
  right: calc(32% + 32px);
  width: calc((100vw - 192px) * 0.70376);
  margin: -160px 0px 0px 0px !important;
  z-index: 2;
  height: calc(100% + 312px);
  -webkit-transition: 0.8s;
  transition: 0.8s;
}

@media (max-width: 1440px) {
  .text-top-page-ico::before {
    width: calc((100vw - 64px) * 0.70376);
  }
}

@media (max-width: 1024px) {
  .text-top-page-ico::before {
    right: calc(32% + 128px);
  }
}

@media (max-width: 950px) {
  .text-top-page-ico::before {
    display: none;
  }
}

body.show .text-top-page-ico::before {
  height: 0px;
}

.text-top-page-ico img {
  position: absolute;
  top: 0px;
  right: calc(32% + 32px);
  width: calc((100vw - 192px) * 0.70376);
  margin: -160px 0px 0px 0px !important;
  max-width: initial;
}

@media (max-width: 1440px) {
  .text-top-page-ico img {
    width: calc((100vw - 64px) * 0.70376);
  }
}

@media (max-width: 1024px) {
  .text-top-page-ico img {
    width: calc((100vw - 64px) * 0.70376);
    right: calc(39% + 128px);
    margin: -80px 0px 0px 0px !important;
  }
}

@media (max-width: 950px) {
  .text-top-page-ico img {
    /* display: none; */
    position: relative;
    left: 0;
    margin: -39px 0 32px 0 !important;
  }
}
@media (max-width: 640px) {
  .text-top-page-ico img {
    margin: -32px 0 8px 0 !important;
  }
}

.text-top-page-ico .down {
  position: absolute;
  top: 159px;
  left: -71.8%;
  z-index: 3;
}

@media (max-width: 1024px) {
  .text-top-page-ico .down {
    top: 100px;
    left: -80.5%;
  }
}

@media (max-width: 950px) {
  .text-top-page-ico .down {
    display: none;
  }
}

.text-top-page-ico p {
  position: relative;
  z-index: 3;
}

@media (max-width: 1024px) {
  .text-top-page-ico .zag {
    margin-top: 20px;
  }
}

@media (max-width: 950px) {
  .text-top-page-ico .zag {
    margin-top: 0px;
  }
}

@media (max-width: 640px) {
  .text-top-page-ico .zag {
    margin-top: 16px;
    line-height: 28px;
  }
}

.ruc-page .in {
  position: relative;
}

.ruc-page .right-side {
  positioN: absolute;
  top: 0px;
  right: 32px;
  width: calc(14% - 16px);
}

.ruc-block-wrap {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: flex-start;
}

.ruc-block {
  margin: 0px 64px 160px 0px;
  /*width: calc((100% + 64px) / 12 * 2 - 64px);*/
  width: 300px;
}

@media (max-width: 950px) {
  .ruc-block {
    width: calc(50% - 16px);
    margin: 0px 32px 140px 0px;
  }
}

@media (max-width: 640px) {
  .ruc-block {
    width: calc(50% - 8px);
    margin: 0px 16px 64px 0px;
  }
}

.ruc-ico {
  display: block;
  margin: 0px 0px 32px 0px;
  border: none !important;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

@media (max-width: 950px) {
  .ruc-ico {
    margin: 0px 0px 32px 0px;
  }
}

@media (max-width: 640px) {
  .ruc-ico {
    margin: 0px 0px 16px 0px;
  }
}

.ruc-ico img {
	width: 100%;
	margin: 0px 0px 0px 0px !important;
}

.ruc-info {
  width: 100%;
}

.ruc-info .zag {
  font-weight: 400;
  margin: 0px 0px 32px 0px;
  word-spacing: 1000px;
  font-size: 40px;
  line-height: 120%;
}

@media (max-width: 950px) {
  .ruc-info .zag {
    margin: 0px 0px 40px 0px;
  }
}

@media (max-width: 640px) {
  .ruc-info .zag {
    font-size: 14px;
    line-height: 20px;
    margin: 0px 0px 16px 0px;
  }
}

.ruc-info p a {
	color: inherit !important;
	border-bottom: none !important;
}
  
@media (max-width: 640px) {
  .ruc-info p {
    line-height: 16px;
  }
}

.ruc-info .zag a {
	color: inherit !important;
	border-bottom: none;
}

.ruc-info .podrob {
  margin: 64px 0px 0px 0px;
}

@media (max-width: 640px) {
  .ruc-info .podrob {
    margin: 32px 0px 0px 0px;
  }
}

.widblock {
  width: calc((100vw - 192px) / 12 * 8 - 64px);
}

@media (max-width: 1440px) {
  .widblock {
    width: calc((100vw - 64px) / 12 * 8 - 64px);
  }
}

@media (max-width: 1024px) {
  .widblock {
    width: calc((100vw - 64px) / 12 * 7 - 64px);
  }
}

@media (max-width: 950px) {
  .widblock {
    width: 100%;
  }
}

.double-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 160px 0px 0px 0px;
}

@media (max-width: 640px) {
  .double-block {
    margin: 0px 0px 0px 0px;
  }
}

.half-block {
  width: calc(50% - 32px);
}

@media (max-width: 950px) {
  .half-block {
    width: calc(50% - 16px);
  }
}

@media (max-width: 640px) {
  .half-block {
    width: 100%;
    margin: 0px 0px 24px 0px;
  }
}

.half-block a[href^="tel:"] {
  border: none !important;
}

.icotext2 {
  margin: 86px 0px 48px 0px;
}

@media (max-width: 1440px) {
  .icotext2 {
    margin: 42px 0px 24px 0px;
  }
}

@media (max-width: 950px) {
  .icotext2 {
    margin: 80px 0px 24px 0px;
  }
}

@media (max-width: 640px) {
  .icotext2 {
    margin: 40px 0px 16px 0px;
  }
}

.icotext2 img {
  width: calc(62% - 64px);
}

@media (max-width: 1440px) {
  .icotext2 img {
    width: calc(62% - 32px);
  }
}

@media (max-width: 1280px) {
  .icotext2 img {
    width: calc(40% - 32px);
  }
}

@media (max-width: 950px) {
  .icotext2 img {
    width: calc(50% - 16px);
    margin: 0px 32px 80px 0px !important;
  }
}

@media (max-width: 640px) {
  .icotext2 img {
    width: calc(50% - 8px);
    margin: 0px 16px 40px 0px !important;
  }
}

.media-play {
  display: block;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  position: absolute;
  bottom: 24px;
  left: 24px;
  z-index: 2;
  cursor: pointer;
  background: #fff;
}

@media (max-width: 640px) {
  .media-play {
    width: 48px;
    height: 48px;
    bottom: 16px;
    left: 16px;
  }
}

.media-play::after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  background: #fff url("../img/play.svg") center center no-repeat;
  border-radius: 50%;
  z-index: -1;
  pointer-events: none;
}

@media (max-width: 640px) {
  .media-play::after {
    background-size: 14px;
  }
}

.media-play::before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  background: #fff;
  border-radius: 50%;
  z-index: -1;
  pointer-events: none;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.media-play:hover::before {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.news-one-video {
  margin: -41px 0px 74px -72%;
  width: calc(172% - 100px);
  position: relative;
  line-height: 0;
}


@media (max-width: 1024px) {
  .news-one-video {
    margin: -60px 0px 74px -56%;
    width: 156%;
  }
}

@media (max-width: 950px) {
  .news-one-video {
    margin: 80px 0px 74px 0px;
    width: 100%;
  }
}

@media (max-width: 640px) {
  .news-one-video {
    margin: 32px 0px 34px 0px;
  }
}

.news-one-video img {
  width: 100%;
  max-width: initial !important;
  margin: 0px 0px 0px 0px !important;
}

.news-one-video::before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  background: #000;
  opacity: 0.32;
}

.news-one-video .media-play {
  width: 120px;
  height: 120px;
  left: 40px;
  bottom: 40px;
}

@media (max-width: 640px) {
  .news-one-video .media-play {
    width: 40px;
    height: 40px;
    left: 16px;
    bottom: 16px;
  }
}

.news-one-video .media-play::after {
  background-image: url("../img/play2.svg");
}

@media (max-width: 640px) {
  .news-one-video .media-play::after {
    background-image: url("../img/play.svg");
  }
}

.news-one-video .media-play span {
  font-weight: 700;
  position: absolute;
  top: 60px;
  left: 152px;
}

@media (max-width: 640px) {
  .news-one-video .media-play span {
    top: 20px;
    left: 56px;
  }
}

.mfp-bg {
  background: #151617;
  opacity: 1;
}

.mfp-content {
  position: initial !important;
}

.mfp-title {
  position: absolute;
  color: #fff;
  top: 40px;
  left: 128px;
  font-weight: 500;
}

@media (max-width: 1440px) {
  .mfp-title {
    left: 64px;
  }
}

@media (max-width: 950px) {
  .mfp-title {
    left: 32px;
  }
}

@media (max-width: 640px) {
  .mfp-title {
    left: 16px;
  }
}

.mfp-bottom-bar {
  margin-top: 0px;
  top: 38px;
  font-size: 24px !important;
  line-height: 32px !important;
}

@media (max-width: 640px) {
  .mfp-bottom-bar {
    font-size: 12px !important;
    line-height: 20px !important;
    top: 15px !important;
  }
}

.mfp-bottom-bar .mfp-title {
  top: 0px;
  margin-left: 100px;
  padding-right: 170px;
  font-size: inherit !important;
  line-height: inherit !important;
}

@media (max-width: 640px) {
  .mfp-bottom-bar .mfp-title {
    margin-left: 48px;
    padding-right: 60px;
  }
}

button.mfp-arrow {
  background: #fff;
  border-radius: 50%;
  width: 64px;
  height: 64px;
  opacity: 1;
  margin-top: -32px !important;
}

@media (max-width: 950px) {
  button.mfp-arrow {
    top: calc(100% - 32px);
    margin-top: -40px !important;
  }
}

@media (max-width: 640px) {
  button.mfp-arrow {
    width: 40px;
    height: 40px;
    margin-top: -32px !important;
  }
}

button.mfp-arrow::after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  position: absolute;
  top: 0px;
  left: 0px;
  background: #fff;
  margin: 0px 0px 0px 0px;
  border: none;
  opacity: 1;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  -webkit-transform: scale(1);
          transform: scale(1);
}

button.mfp-arrow:hover::after {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

button.mfp-arrow::before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  position: absolute;
  top: 0px;
  left: 0px;
  background: url("../img/sli-arr-left.svg") center center no-repeat;
  margin: 0px 0px 0px 0px;
  border: none;
  opacity: 1;
  z-index: 2;
}

button.mfp-arrow-left {
  left: 128px;
}

button.mfp-arrow-left::before {
  background-image: url("../img/sli-arr-left.svg");
}

@media (max-width: 1440px) {
  button.mfp-arrow-left {
    left: 64px;
  }
}

@media (max-width: 950px) {
  button.mfp-arrow-left {
    left: 32px;
  }
}

@media (max-width: 640px) {
  button.mfp-arrow-left {
    left: 16px;
  }
}

button.mfp-arrow-right {
  right: 128px;
}

button.mfp-arrow-right::before {
  background-image: url("../img/sli-arr-right.svg");
}

@media (max-width: 1440px) {
  button.mfp-arrow-right {
    right: 64px;
  }
}

@media (max-width: 950px) {
  button.mfp-arrow-right {
    right: 32px;
  }
}

@media (max-width: 640px) {
  button.mfp-arrow-right {
    right: 16px;
  }
}

.mfp-counter {
  left: 128px;
  font-size: inherit !important;
  line-height: inherit !important;
  color: #fff !important;
  font-weight: 500;
  top: 0px;
}

@media (max-width: 1440px) {
  .mfp-counter {
    left: 64px;
  }
}

@media (max-width: 950px) {
  .mfp-counter {
    left: 32px;
  }
}

@media (max-width: 640px) {
  .mfp-counter {
    left: 16px;
  }
}

.mfp-close {
  position: absolute;
  top: 40px !important;
  right: 118px !important;
  height: 32px !important;
  width: 32px !important;
  font-size: 0px !important;
  line-height: 0px !important;
  padding: 0px 0px 0px 0px !important;
  background: url("../img/close.svg") center center no-repeat !important;
  opacity: 1 !important;
  cursor: pointer !important;
}

@media (max-width: 1440px) {
  .mfp-close {
    right: 54px !important;
  }
}

@media (max-width: 950px) {
  .mfp-close {
    right: 22px !important;
  }
}

@media (max-width: 640px) {
  .mfp-close {
    right: 6px !important;
    top: 10px !important;
  }
}

@media (max-width: 640px) {
  .mfp-iframe-scaler .mfp-close {
    top: 34px !important;
  }
}

.mfp-iframe {
  width: 61vw !important;
  height: 68.6vh !important;
  top: 50% !important;
  left: 50% !important;
  -webkit-transform: translate(-50%, -50%) !important;
          transform: translate(-50%, -50%) !important;
}

@media (max-width: 950px) {
  .mfp-iframe {
    width: calc(100vw - 64px) !important;
  }
}

@media (max-width: 640px) {
  .mfp-iframe {
    width: calc(100vw - 32px) !important;
  }
}

.mfp-figure figure {
  max-width: 90vw !important;
  max-height: 85vh !important;
  height: 85vh !important;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.mfp-figure figure img {
  max-height: 100% !important;
}

@media (max-width: 950px) {
  .mfp-figure figure {
    max-width: calc(100vw - 64px) !important;
  }
}

@media (max-width: 640px) {
  .mfp-figure figure {
    max-width: calc(100vw - 32px) !important;
  }
}

.mfp-figure::after {
  display: none;
}

.media-snum {
  margin-top: 0px !important;
}

@media (max-width: 950px) {
  .media-snum {
    margin-top: 80px !important;
  }
}

@media (max-width: 640px) {
  .media-snum {
    margin-top: 0px !important;
  }
}

.magni {
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}

.content .share2__container {
  text-align: right;
}

.ya-share2__list {
  margin-bottom: 0px !important;
}

.mb-160 {
  margin-bottom: 160px;
}

@media (max-width: 640px) {
  .mb-160 {
    margin-bottom: 80px;
  }
}

.big-big-image {
  max-width: initial !important;
  position: relative;
  width: calc(100vw - 128px);
  margin: 64px 0px 0px 0px;
}

@media (max-width: 1440px) {
  .big-big-image {
    width: calc(100vw - 64px);
  }
}

@media (max-width: 950px) {
  .big-big-image {
    width: calc(100vw - 32px);
    margin-left: -34px !important;
    margin: 116px 0px 0px 0px;
  }
}

@media (max-width: 640px) {
  .big-big-image {
    width: calc(100vw - 16px);
    margin: 60px 0px 0px -16px !important;
  }
}

blockquote + .big-big-image,
.blockquote + .big-big-image,
.blockquote2 + .big-big-image {
  margin-top: 80px;
}

@media (max-width: 640px) {
  blockquote + .big-big-image,
  .blockquote + .big-big-image,
  .blockquote2 + .big-big-image {
    margin-top: 60px;
  }
}

.content blockquote:first-child {
	margin-top: 0px !important;
}

.bbr {
  left: 111px;
}

@media (max-width: 1440px) {
  .bbr {
    left: 47px;
  }
}

@media (max-width: 950px) {
  .bbr {
    left: 34px;
  }
}

@media (max-width: 640px) {
  .bbr {
    left: 16px;
  }
}

.rewards {
  margin: -105px 0px 0px 0px;
  width: 100%;
}

@media (max-width: 1024px) {
  .rewards {
    margin: -176px 0px 0px 0px;
  }
}

@media (max-width: 950px) {
  .rewards {
    margin: -147px 0px 60px 0px;
  }
}

@media (max-width: 640px) {
  .rewards {
    margin-bottom: 40px;
  }
}

.rewards-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.rewards-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 50%;
  margin: 0px 0px 160px 0px;
  font-size: 24px;
  line-height: 32px;
}

@media (max-width: 1440px) {
  .rewards-item {
    font-size: 20px;
    line-height: 28px;
  }
}

@media (max-width: 1024px) {
  .rewards-item {
    font-size: 18px;
    line-height: 24px;
    margin: 0px 0px 140px 0px;
  }
}

@media (max-width: 950px) {
  .rewards-item {
    width: 100%;
    margin: 0px 0px 80px 0px;
  }
}

@media (max-width: 640px) {
  .rewards-item {
    margin: 0px 0px 40px 0px;
    font-size: 12px;
    line-height: 20px;
  }
}

.rewards-item h3 {
  margin: 0px 0px 40px 0px;
  font-size: 64px;
  line-height: 64px;
}

@media (max-width: 1440px) {
  .rewards-item h3 {
    font-size: 48px;
    line-height: 48px;
  }
}

@media (max-width: 1280px) {
  .rewards-item h3 {
    font-size: 36px;
    line-height: 36px;
  }
}

@media (max-width: 950px) {
  .rewards-item h3 {
    word-spacing: 0px;
  }
}

@media (max-width: 640px) {
  .rewards-item h3 {
    font-size: 20px;
    line-height: 28px;
    line-height: 20px;
    margin: 0px 0px 20px 0px;
  }
}

.rewards-item h3 a {
  border-bottom: none !important;
  color: inherit !important;
}

@media (max-width: 1280px) {
  .rewards-item p {
    margin: 0px 0px 32px 0px;
  }
}

@media (max-width: 640px) {
  .rewards-item p {
    margin: 0px 0px 24px 0px;
  }
}

.rewards-item p:last-child {
  margin-bottom: 0px;
}

.rewards-ico {
  width: calc(100% / 5 * 2 - 120px);
}

@media (max-width: 1024px) {
  .rewards-ico {
    width: calc((100% - 32px) / 6 * 2 - 52px);
  }
}

@media (max-width: 950px) {
  .rewards-ico {
    width: calc((100% - 64px) / 4);
  }
}

@media (max-width: 640px) {
  .rewards-ico {
    width: calc((100% - 32px) / 4);
  }
}

.rewards-right {
  width: calc(100% / 5 * 3 + 96px);
  padding: 0px 18% 0px 64px;
}

@media (max-width: 1280px) {
  .rewards-right {
    padding: 0px 32px 0px 32px;
    width: calc((100% - 32px) / 6 * 4 + 64px);
  }
}

@media (max-width: 950px) {
  .rewards-right {
    width: calc((100% + 8px) / 4 * 3);
  }
}

@media (max-width: 640px) {
  .rewards-right {
    width: calc((100% + 4px) / 4 * 3);
    padding: 0px 8px 0px 16px;
  }
}

.rewards-right .podrob {
  margin-top: 64px;
}

@media (max-width: 640px) {
  .rewards-right .podrob {
    margin-top: 32px;
  }
}

.rewards-row {
  background: url(../img/ord.svg) 0% 0%/auto 100%;
  width: calc(100vw - 128px);
  margin: 0px 0px -76px -64px;
  height: 14vw;
  -webkit-transition: background 30000s linear;
  transition: background 30000s linear;
}

.rewards-row.s2 {
  background: url(../img/rewards.svg) 0% 0%/auto 100%;
}

@media (max-width: 1440px) {
  .rewards-row {
    background-position: 30%;
    width: calc(100vw - 18px);
    margin: 0px 0px -60px -64px;
  }
}

@media (max-width: 1024px) {
  .rewards-row {
    background-position: 30%;
    width: calc(100vw - 64px);
    margin: 0px 0px -60px 0px;
  }
}

@media (max-width: 950px) {
  .rewards-row {
    background-position: 360%;
    width: 100vw;
    margin: 0px 0px -60px -32px;
    height: 19vw;
  }
}

@media (max-width: 640px) {
  .rewards-row {
    height: 30vw;
    margin: 69px 0px -28px -16px;
  }
}

body.active .rewards-row {
  background-position: -60000vw;
}

@media (max-width: 950px) {
  .history-slider-wrap {
    width: 100%;
  }
}

.history-slider-wrap .kakh2 {
  width: 25%;
  min-width: 300px;
}

@media (max-width: 950px) {
  .history-slider-wrap .kakh2 {
    width: 50%;
    min-width: 360px;
  }
}

@media (max-width: 640px) {
  .history-slider-wrap .kakh2 {
    width: 100%;
    min-width: 100%;
    line-height: 20px;
  }
}
.history-slider .owl-item:last-child {
	margin-right: 0px !important;
}
.forslid100 {
  width: calc(100vw - 18px);
  margin: 0px 0px 0px -150px;
  padding: 0px 0px 8.4vw 0px;
  overflow: hidden;
}

@media (max-width: 1440px) {
  .forslid100 {
    margin: 0px 0px 0px -64px;
  }
}

@media (max-width: 1024px) {
  .forslid100 {
    padding: 0px 0px 160px 0px;
  }
}

@media (max-width: 950px) {
  .forslid100 {
    width: 100vw;
  }
}

@media (max-width: 640px) {
  .forslid100 {
    margin: 0px 0px 0px -16px;
  }
}

.history-slider {
  width: 400px;
  max-width: 80%;
  margin: 0px 0px 0px calc(((100vw - 192px) / 12 * 4) + 128px + 16px);
}

@media (max-width: 1440px) {
  .history-slider {
    margin: 0px 0px 0px calc(((100vw - 64px) / 12 * 4) + 64px);
  }
}

@media (max-width: 1024px) {
  .history-slider {
    margin: 0px 0px 0px calc(((100vw - 64px) / 12 * 4) - 16px);
  }
}

@media (max-width: 950px) {
  .history-slider {
    padding: 0px 0px 0px calc(((100vw - 64px) / 12 * 4) + 28px);
    margin: 0px 0px 0px 0px;
  }
}

@media (max-width: 950px) {
  .history-slider {
    padding: 0px 0px 0px calc(((100vw - 16px) / 4) + 24px);
  }
}

.history-slider .owl-stage-outer {
  overflow: visible;
}
.history-slider .owl-stage-outer .owl-stage {
  /*display: flex;
  flex-wrap: nowrap;*/
  white-space: nowrap;
}

.history-slider .owl-item span {
  opacity: 0.32;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  font-size: 64px;
  line-height: 64px;
}

@media (max-width: 1440px) {
  .history-slider .owl-item span {
    font-size: 48px;
    line-height: 48px;
  }
}

@media (max-width: 1280px) {
  .history-slider .owl-item span {
    font-size: 36px;
    line-height: 36px;
  }
}

@media (max-width: 640px) {
  .history-slider .owl-item span {
    font-size: 20px;
    line-height: 28px;
    line-height: 20px;
    margin: 0px 0px 16px 0px;
  }
}

.history-slider .owl-item.active span {
  opacity: 1;
}

.history-slider .owl-item.active ~ .owl-item.active span {
  opacity: 0.32;
}

.history-slider .owl-nav {
  position: absolute;
  top: calc(8.5vw - 18px);
  left: calc(((-100vw - 192px) / 12 * 4) + 128px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media (max-width: 1440px) {
  .history-slider .owl-nav {
    left: calc(((-100vw + 64px) / 12 * 4));
  }
}

@media (max-width: 1280px) {
  .history-slider .owl-nav {
    top: calc(7vw - 18px);
  }
}

@media (max-width: 1024px) {
  .history-slider .owl-nav {
    top: 117px;
    left: calc(((-100vw + 64px) / 12 * 4) + 80px);
  }
}

@media (max-width: 950px) {
  .history-slider .owl-nav {
    left: 64px;
  }
}

@media (max-width: 640px) {
  .history-slider .owl-nav {
    left: 16px;
    top: 60px;
    width: 40px;
  }
}

.history-slider .owl-nav > div {
  background: #fff;
  border-radius: 50%;
  width: 64px;
  height: 64px;
  margin: 0px 24px 0px 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  opacity: 1;
}

@media (max-width: 640px) {
  .history-slider .owl-nav > div {
    width: 40px;
    height: 40px;
    margin: 0px 0px 16px 0px;
  }
}

.history-slider .owl-nav > div.disabled {
  opacity: 0.32;
}

.history-slider .owl-nav > div svg {
  position: relative;
  z-index: 1;
}

.history-slider .owl-nav > div::after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  position: absolute;
  top: 0px;
  left: 0px;
  background: #fff;
  margin: 0px 0px 0px 0px;
  border: none;
  opacity: 1;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  -webkit-transform: scale(1);
          transform: scale(1);
}

.history-slider .owl-nav > div:hover::after {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.history-slider-text-list {
  margin: -80px 0px 40px calc((100% + 32px) / 12 * 4 - 32px);
  font-size: 24px;
  line-height: 32px;
  width: calc((100% + 32px) / 12 * 8 - 128px);
}

@media (max-width: 1440px) {
  .history-slider-text-list {
    margin: -80px 0px 40px calc((100% + 32px) / 12 * 4 - 8px);
    width: calc((100% + 32px) / 12 * 8 - 64px);
    font-size: 20px;
    line-height: 28px;
  }
}

@media (max-width: 1024px) {
  .history-slider-text-list {
    font-size: 18px;
    line-height: 24px;
    margin: -80px 0px 40px calc((100% + 32px) / 12 * 4 - 90px);
    width: calc((100% + 32px) / 12 * 8 - 32px);
  }
}

@media (max-width: 950px) {
  .history-slider-text-list {
    margin: -80px 0px 40px calc(25% + 24px);
    width: calc(75% - 24px);
  }
}

@media (max-width: 640px) {
  .history-slider-text-list {
    font-size: 12px;
    line-height: 20px;
    margin: -120px 0px 50px calc(25% + 12px);
    width: calc(75% - 12px);
  }
}

.history-slider-text {
  height: 0px;
  overflow: hidden;
  position: relative;
  -webkit-transition: 0.8s;
  transition: 0.8s;
  opacity: 0;
  top: 64px;
  width: calc(50% - 32px);
}

@media (max-width: 1024px) {
  .history-slider-text {
    width: calc(50% + 16px);
  }
}

@media (max-width: 950px) {
  .history-slider-text {
    width: 100%;
  }
}

.history-slider-text p {
  margin: 0px 0px 24px 0px;
}

@media (max-width: 640px) {
  .history-slider-text p {
    margin: 0px 0px 20px 0px;
  }
}

.history-slider-text.twocol {
  -webkit-columns: 2 auto;
          columns: 2 auto;
  -webkit-column-gap: 64px;
          column-gap: 64px;
  width: 100%;
}

@media (max-width: 950px) {
  .history-slider-text.twocol {
    -webkit-columns: 1 auto;
            columns: 1 auto;
  }
}

.history-slider-text.active {
  height: auto;
  opacity: 1;
  top: 0px;
}

.history-slider-text ul {
  padding-left: 24px;
}
.string-list {
  margin: -10.8vw 0px 15vw 15vw;
  width: calc(85vw - 150px);
  font-size: 16.5vw;
  line-height: 12.5vw;
  color: #242425;
  font-weight: 800;
  z-index: -1;
  position: relative;
}

@media (max-width: 1440px) {
  .string-list {
    width: calc(85vw - 89px);
    margin-bottom: 16vw;
  }
}

@media (max-width: 1280px) {
  .string-list {
    margin-bottom: calc(15vw + 32px);
  }
}

@media (max-width: 1024px) {
  .string-list {
    margin: -94px 0px calc(15vw + 20px) 15vw;
  }
}

@media (max-width: 950px) {
  .string-list {
    width: 100vw;
    margin: -86px 0px calc(19vw + 20px) -32px;
    font-size: 22.5vw;
    line-height: 17.5vw;
  }
}

@media (max-width: 640px) {
  .string-list {
    margin: -14px 0px calc(10vw + 21px) -16px;
    font-size: 20.5vw;
    line-height: 15.5vw;
  }
}

.string {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  overflow: hidden;
}

.string span {
  margin-right: 20vw;
  top: 320px;
  -webkit-transition: margin 1200s linear;
  transition: margin 1200s linear;
  position: relative;
  white-space: nowrap;
}

.string span:first-child {
  margin-left: 20vw;
}

/*
body.active .string span:first-child {
    margin-left: 0vw;
    transition: 0s linear;
}*/
body.active .string span:first-child {
  margin-left: -3000vw;
}

img.big-big-image + h2 {
  margin-top: 30px !important;
}

img.big-big-image.mb-80 + h2 {
  margin-top: 0px !important;
}

/*Межународная активность*/
.world-text-top-page {
  margin-top: -32px;
  min-height: initial
}

@media (max-width: 1024px) {
  .world-text-top-page {
    margin-top: -48px;
    margin-bottom: 112px;
  }
}

@media (max-width: 950px) {
  .world-text-top-page {
    margin-bottom: 138px;
  }
}

@media (max-width: 640px) {
  .world-text-top-page {
    margin-top: -28px;
    margin-bottom: 64px;
  }
}

.world-text-top-page img {
  z-index: 1;
}

@media (max-width: 1600px) {
	.world-text-top-page .zag {
		position: relative;
		top: -40px;
	}
}
@media (max-width: 950px) {
	.world-text-top-page .zag {
		top: 20px;
	}
}
@media (max-width: 640px) {
	.world-text-top-page .zag {
		top: 0px;
	}
}
@media (min-width: 1024px) and (max-width: 1300px) {
	.world-text-top-page .zag {
		top: -80px;
	}
}
.world-text-top-page .podrob {
  z-index: 1;
}

.world-item {
  position: relative;
  margin-bottom: 160px;
}

@media (max-width: 1024px) {
  .world-item {
    margin-bottom: 138px;
  }
}

@media (max-width: 950px) {
  .world-item {
    padding-left: 24%;
  }
}

@media (max-width: 640px) {
  .world-item {
    margin-bottom: 64px;
  }
}

.world-item:nth-child(even) {
  left: calc((100% + 64px) / 6 * -2);
}

@media (max-width: 1024px) {
  .world-item:nth-child(even) {
    left: calc((100% + 104px) / 6 * -4);
  }
}

@media (max-width: 950px) {
  .world-item:nth-child(even) {
    left: 0;
    padding-left: 0%;
    padding-right: 24%;
  }
}

@media (max-width: 640px) {
  .world-item:last-child {
    margin-top: 104px;
    margin-bottom: 64px;
  }
}

@media (max-width: 1024px) {
  .world-item h3 {
    margin-bottom: 24px;
  }
}

@media (max-width: 640px) {
  .world-item h3 {
    margin-bottom: 16px;
  }
}

@media (max-width: 640px) {
  .world-item p {
    line-height: 16px;
  }
}

.pdrob-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
}

.world-item .podrob {
  margin: 32px 64px 0 0;
}

@media (max-width: 1024px) {
  .world-item .podrob {
    margin-top: 42px;
  }
}

@media (max-width: 640px) {
  .world-item .podrob {
    margin-top: 10px;
    margin-right: 32px;
  }
}

.world-item .podrob:last-child {
  margin-right: 0;
}

h3 + .pdrob-list .podrob {
  margin-top: 24px;
}

@media (max-width: 950px) {
  h3 + .pdrob-list .podrob {
    margin-top: 42px;
  }
}

@media (max-width: 640px) {
  h3 + .pdrob-list .podrob {
    margin-top: 16px;
  }
}

.rome-num {
  position: absolute;
  top: 48px;
  left: 0px;
  font-family: 'Cormorant';
  font-size: 200px;
  line-height: 160px;
  text-align: center;
  width: calc(100% / 6 * 4);
  left: calc(-50% - 186px);
}

@media (max-width: 1024px) {
  .rome-num {
    font-size: 140px;
    line-height: 100px;
    left: calc(-50% - 148px);
    top: 32px;
  }
}

@media (max-width: 950px) {
  .rome-num {
    font-size: 120px;
    line-height: 80px;
    width: calc(25% - 38px);
    left: 0px;
  }
}

@media (max-width: 640px) {
  .rome-num {
    font-size: 48px;
    line-height: 32px;
    width: calc(25% - 16px);
    top: 16px;
  }
}

.world-item:nth-child(even) .rome-num {
  left: auto;
  right: calc(-50% - 186px);
}

@media (max-width: 1024px) {
  .world-item:nth-child(even) .rome-num {
    right: calc(-50% - 148px);
  }
}

@media (max-width: 950px) {
  .world-item:nth-child(even) .rome-num {
    right: 0;
  }
}

.world-foot {
  width: 100vw;
}

@media (max-width: 950px) {
  .world-foot {
    margin-left: -32px;
  }
}

@media (max-width: 640px) {
  .world-foot {
    margin-left: -16px;
  }
}

.world-foot h2 {
  margin: 0 0 -40px 0;
  text-align: center;
  max-width: 100%;
  height: auto;
  font-weight: 300;
}

@media (max-width: 640px) {
  .world-foot h2 {
    line-height: 20px;
    padding: 0 8px;
  }
}

.world-foot img {
  width: 100%;
  margin: 0 !important;
  position: relative;
  z-index: -1;
  margin-bottom: -8px !important;
}

@media (max-width: 640px) {
  .world-foot img {
    margin-top: 40px !important;
  }
}

.plazma {
  margin-top: 80px !important;
  min-height: 40vh;
  background: url(../img/no-photo.jpg)
}

.video-name {
  position: absolute;
  top: 64px;
  left: 40px;
  font-size: 40px;
  line-height: 48px;
  font-weight: 600;
}

@media (max-width: 1440px) {
  .video-name {
    font-size: 32px;
    line-height: 32px;
  }
}

@media (max-width: 1024px) {
  .video-name {
    font-size: 24px;
    line-height: 32px;
  }
}

@media (max-width: 950px) {
  .video-name {
    top: 48px;
  }
}

@media (max-width: 640px) {
  .video-name {
    font-size: 14px;
    line-height: 24px;
    top: 16px;
    left: 16px;
  }
}

.news-slider-poyas {
  margin: -12px 0px 80px 0px;
  pointer-events: none;
}

@media (max-width: 950px) {
  .news-slider-poyas {
    margin: 32px 0px 40px 0px;
  }
}

.slider-poyas {
  margin: 0px 0px 0px 0px;
}

.news-slider-poyas a.file-in-text::after {
	display: none !important;
}

.fixed-h2 {
  position: -webkit-sticky;
  position: sticky;
  top: 100px;
  margin-left: calc(((100vw - 192px) / 12 * 4) * -1);
  margin-bottom: 82px;
  width: calc(((100vw - 192px) / 12 * 4) - 82px);
}

@media (max-width: 1440px) {
  .fixed-h2 {
    margin-left: calc(((100vw - 64px) / 12 * 4) * -1);
    width: calc(((100vw - 64px) / 12 * 4) - 64px);
  }
}

@media (max-width: 1024px) {
  .fixed-h2 {
    margin-left: calc(((100vw - 64px) / 12 * 5) * -1);
    width: calc(((100vw - 64px) / 12 * 5) - 64px);
  }
}

@media (max-width: 950px) {
  .fixed-h2 {
	width: auto;
	margin-left: 0px;
	margin-bottom: 32px;
	display: flex;
	flex-wrap: nowrap;
	align-items: flex-start;
	justify-content: flex-start;
	overflow: auto;
  }
}/*
@media (max-width: 950px) {
  .fixed-h2 h2 {
	  margin-bottom: 0px !important;
	  margin-right: 32px;
  }
}*/

.one-column .fixed-h2 {
  margin-left: 0px;
}

@media (max-width: 950px) {
  .plav-zag-block .fixed-h2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-bottom: 24px;
    position: relative;
    top: 0px;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    overflow: auto;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
}

@media (max-width: 640px) {
  .plav-zag-block .fixed-h2 {
    margin: 16px 0px 32px 0px;
    overflow: auto;
    width: 100vw;
    left: -16px;
    padding-left: 16px;
  }
}

@media (max-width: 1800px) {
  .plav-zag-block .fixed-h2 h2 {
    font-size: 40px;
    line-height: 40px;
  }
}

@media (max-width: 1360px) {
  .plav-zag-block .fixed-h2 h2 {
    font-size: 32px;
    line-height: 32px;
  }
}

@media (max-width: 640px) {
  .plav-zag-block .fixed-h2 h2 {
    margin: 0px 24px 0px 0px !important;
    font-size: 20px;
    line-height: 20px;
  }
}

.fixed-h2 h2 {
  position: relative;
  margin: 0px 0px 40px 0px !important;
  height: auto;
  opacity: 0.32;
  cursor: pointer;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.fixed-h2 h2:hover {
  opacity: 1;
}

.fixed-h2 h2.active {
  opacity: 1;
}

.one-column .plav-zag-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.one-column .plav-zag-text {
  margin-top: 0 !important;
  width: calc((100vw - 192px) / 12 * 8);
  padding-left: 64px;
}

@media (max-width: 950px) {
  .one-column .plav-zag-text {
    padding-left: 0;
    width: 100%;
  }
}

.plazma-slider {
  margin: 84px 0px 0px 0px;
}

@media (max-width: 950px) {
  .plazma-slider {
    margin-top: 48px;
  }
}

@media (max-width: 640px) {
  .plazma-slider {
    margin-top: 24px;
  }
}

.obor-ref {
  margin-top: 56px;
}

@media (max-width: 1024px) {
  .obor-ref {
    margin-top: 20px;
  }
}

.obor-ref p {
  margin-bottom: 24px;
}

@media (max-width: 1024px) {
  .obor-ref p {
    margin-bottom: 20px;
  }
}

@media (max-width: 640px) {
  .obor-ref p {
    margin-bottom: 10px;
  }
}

.obor-ref a {
  font-weight: 500;
}

.obor-ref a::after {
  content: '';
  display: inline-block;
  width: 32px;
  height: 32px;
  position: relative;
  top: 8px;
  left: 40px;
  background: url("../img/link2.svg") center center/cover no-repeat;
  margin-left: -32px;
}

@media (max-width: 640px) {
  .obor-ref a::after {
    width: 24px;
    height: 24px;
    margin-left: -24px;
    left: 30px;
  }
}

.mt-80 {
  margin-top: 80px;
}

@media (max-width: 640px) {
  .mt-80 {
    margin-top: 40px;
  }
}

.mt-64 {
  margin-top: 64px;
}

@media (max-width: 640px) {
  .mt-64 {
    margin-top: 32px;
  }
}

.mb-80 {
  margin-bottom: 80px;
}

@media (max-width: 640px) {
  .mb-80 {
    margin-bottom: 40px;
  }
}

.nano-cont {
  margin-top: 64px;
}

@media (max-width: 640px) {
  .nano-cont {
    margin-top: 32px;
  }
}

.nano-cont a {
  margin-right: 90px;
}

.nano-cont a:last-child {
  margin-right: 0;
}

.nano-cont a[href^="tel:"] {
  border-bottom: none;
}

.inner-page-cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.inner-page-cont-half {
  width: calc(50% - 32px);
  margin-bottom: 48px;
}

@media (max-width: 1280px) {
  .inner-page-cont-half {
    width: 100%;
    margin-bottom: 4px;
  }
}

@media (max-width: 950px) {
  .inner-page-cont-half {
    width: calc(50% - 32px);
    margin-bottom: 48px;
  }
}

@media (max-width: 640px) {
  .inner-page-cont-half {
    width: 100%;
    margin-bottom: 0px;
  }
}

.inner-page-cont-one {
  width: 100%;
  margin-bottom: 32px;
}

@media (max-width: 1280px) {
  .inner-page-cont-one {
    margin-bottom: 4px;
  }
}

@media (max-width: 950px) {
  .inner-page-cont-one {
    margin-bottom: 32px;
  }
}

@media (max-width: 640px) {
  .inner-page-cont-one {
    width: 100%;
    margin-bottom: 0px;
  }
}

.inner-page-cont a[href^="tel:"] {
  border: none;
}

.nano-pro-list {
  margin-bottom: 160px;
}

@media (max-width: 950px) {
  .nano-pro-list {
    margin-top: 31px;
    margin-bottom: 140px;
    display: none;
  }
  .nano-pro-list.active {
    display: block;
  }
}

@media (max-width: 640px) {
  .nano-pro-list {
    margin-bottom: 80px;
    margin-top: -5px;
  }
}

.nano-pro {
  border-top: 1px solid rgba(255, 255, 255, 0.32);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 32px 0;
}

@media (max-width: 640px) {
  .nano-pro {
    padding: 16px 0;
  }
}

.nano-pro:first-child {
  border-color: #fff;
}

.nano-pro a {
  border: none !important;
}

.nano-pro-ico {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: calc((100% - 64px) / 8 * 2 - 32px);
  margin-right: 64px;
  line-height: 0;
}

@media (max-width: 1440px) {
  .nano-pro-ico {
	width: calc((100% - 32px) / 4);
    margin-right: 16px;
  }
}
@media (max-width: 950px) {
  .nano-pro-ico {
    width: calc((100% - 32px) / 4);
    margin-right: 32px;
  }
}

@media (max-width: 640px) {
  .nano-pro-ico {
    width: calc((100% - 16px) / 4);
    margin-right: 20px;
  }
}

.nano-pro-ico img {
  width: 100%;
  margin: 0px !important;
}

.nono-pro-info {
  width: calc((100% - 64px) / 8 * 6 + 32px);
}

@media (max-width: 950px) {
  .nono-pro-info {
    width: calc((100% - 32px) * 0.75);
  }
}

@media (max-width: 640px) {
  .nono-pro-info {
    width: calc((100% - 16px) * 0.75 - 4px);
  }
}

.nono-pro-info p {
  font-size: 32px;
  line-height: 40px;
}

@media (max-width: 1440px) {
  .nono-pro-info p {
    font-size: 24px;
    line-height: 32px;
  }
}

@media (max-width: 1024px) {
  .nono-pro-info p {
    font-size: 20px;
    line-height: 28px;
  }
}

@media (max-width: 640px) {
  .nono-pro-info p {
    font-size: 13px;
    line-height: 22px;
  }
}

.nono-pro-info a {
  color: #fff !important;
}

.prim-rab-item {
  overflow: auto;
}

.prim-rab-item .magni {
  border: none !important;
}

.prim-rab-item img {
  float: left;
  margin: 0px 64px 80px 0px !important;
}

@media (max-width: 950px) {
  .prim-rab-item img {
    width: 100%;
    float: none;
    margin: 0px 0px 40px 0px !important;
  }
}

.prim-rab-item *:last-child {
  margin-bottom: 80px;
}
@media (max-width: 640px) {
	.prim-rab-item *:last-child {
	  margin-bottom: 40px;
	}
}

.nano-card-ico {
  position: relative;
  margin-bottom: 32px;
}
.nano-card-ico ~ h2:empty {
	display: none;
}

@media (max-width: 950px) {
  .nano-card-ico {
    margin-bottom: 0px;
  }
}
@media (max-width: 640px) {
  .nano-card-ico {
    min-height: 0px !important;
  }
}

.nano-card-ico > img:first-child {
  position: absolute;
  left: 0px;
  top: 4px;
  /*
  -webkit-transform: translate(0px, -50%);
  transform: translate(0px, -50%);
  */
  margin: 0 !important;
  max-width: 33.3333333vw;
}

@media (max-width: 950px) {
  .nano-card-ico > img:first-child {
    position: relative;
	left: 0px !important;
	max-width: 100%;
	width: 100%;
	margin-bottom: 20px !important;
	transform: translate(0px, 0%);
  }
}

.nano-card-ico p:last-child {
  margin-bottom: 0;
}

u {
	border-bottom: 1px solid;
}
.content a.magni {
	border: none;
}
.news-one-video.no-photo {
  height: 60vh;
  background: url('../img/no-photo.jpg');
  width: 172%;
}
@media (max-width: 1024px) {
	.news-one-video.no-photo {
		width: 156%;
	}
}
@media (max-width: 950px) {
	.news-one-video.no-photo {
		width: 100%;
	}
}
.bxhtmled-dd-list-item {
  color: black;
}

.flex-content {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	width: calc(100% - 255px);
	margin-left: 0px;
}
.flex-content .left-content {
	width: 42%;
	padding-right: 64px;
}
.flex-content .right-content {
	width: 58%;
	height: auto;
}
.left-content h2 {
	position: relative;
	margin: 0px 17px 32px 0px;
	height: auto;
	max-width: 100%;
	opacity: 0.32;
	cursor: pointer;
	-webkit-transition: 0.2s;
	transition: 0.2s;
	font-size: 40px;
	line-height: 40px;
  display: block;
}

@media (max-width: 1440px) {
  .left-content h2 {
    font-size: 32px;
    line-height: 32px;
	margin: 0px 17px 24px 0px;
  }
}

@media (max-width: 1024px) {
  .left-content h2 {
    font-size: 24px;
    line-height: 32px;
	margin: 0px 0px 16px 0px;
  }
}

.left-content h2.active,
.left-content h2:hover {
	opacity: 1;
}
.h2pos {
	margin: 0px 0px 80px 0px;
	padding-bottom: 1px;
}
.right-content .h2pos:first-child {
	margin: 0px 0px 0px 0px;
}
.left-fix-menu {
	position: sticky;
	top: 160px;
	margin-bottom: 40px;
	max-height: calc(100vh - 240px);
	overflow: hidden;
}
.left-fix-menu-scroll {
	height: 100%;
	overflow: auto;
	max-height: calc(100vh - 240px);
	width: calc(100% + 17px);
}

@media (max-width: 1440px) {
	.flex-content {
		margin-left: 0px;
		margin-right: auto;
	}
}
@media (max-width: 1024px) {
	.flex-content {
		width: 100%;
	}
	.content#specialDesign { width: 100%; }	
	.flex-content .left-content {
		width: 33%;
		padding-right: 16px;
	}
	.flex-content .right-content {
		width: 67%;
	}
}
@media (max-width: 950px) {
	.flex-content .right-content {
		width: 100%;
	}
}

.in-content {
	margin-top: 40px;
}

p.video-zag {
	position: absolute;
	top: 64px;
	left: 40px;
	z-index: 1;
	font-size: 40px;
	line-height: 48px;
}

@media (max-width: 1440px) {
  p.video-zag {
    font-size: 32px;
    line-height: 32px;
  }
}

@media (max-width: 1024px) {
  p.video-zag {
    font-size: 24px;
    line-height: 32px;
	top: 40px;
  }
}

@media (max-width: 640px) {
  p.video-zag {
    font-size: 14px;
    line-height: 24px;
	top: 16px;
	left: 16px;
  }
}

.content table img {
	margin: 0px 0px 0px 0px !important;
}
table h3 {
	margin: 0px 0px 0px 0px !important;
}

h1 p {
	font-size: inherit !important;
	line-height: inherit !important;
}
h2 p {
	font-size: inherit !important;
	line-height: inherit !important;
}
h3 p {
	font-size: inherit !important;
	line-height: inherit !important;
}
h4 p {
	font-size: inherit !important;
	line-height: inherit !important;
}

.have-right-menu {
	width: calc(100% - 220px);
}
@media (max-width: 1024px) {
	.have-right-menu {
		width:100%;
	}	
}
.outerlink-wrap {
	background: url("../img/link.svg") 100% calc(100% - 2px) no-repeat;
	padding-right: 32px;
	background-size: 27px;
}
@media (max-width: 1440px) {
	.outerlink-wrap {
		background-position: 100% calc(100% - 0px);
		background-size: 21px;
	}
}
@media (max-width: 640px) {
	.outerlink-wrap {
		background-position: 100% 100%;
		background-size: 14px;
		padding-right: 20px;
	}
}

.net-otosypa-y-h2 + h2 {
	margin-top: 0px !important;
}

.nenano {
	min-height: 0px !important;
	margin-bottom: 0px;
}
.nenano img {
	top: 0% !important;
	-webkit-transform: translate(0px, 0%) !important;
	transform: translate(0px, 0%) !important;
}

.noncol {
	display: none;
}

.content hr:not([class]){
	border: none;
	border-bottom: 1px solid #fff;
	margin-bottom: 32px;
}

@media (max-width: 640px) {
.content hr:not([class]){
	margin-bottom: 16px;
}
}

.editor_dialog .content {
	margin-left: 0px;
	width: 100%;
}
.h2pos ~ *,
.h2-pos ~ *{
	transition: filter 0.4s, opacity 0.4s;
	filter: blur(4px);
	opacity: 0.6;
}
.h2now ~ * {
	filter: blur(0px);
	opacity: 1;
}
.h2now ~ .h2pos ~ *,
.h2now ~ .h2-pos ~ * {
	filter: blur(4px);
	opacity: 0.6;
}

@media (max-width: 950px) {
.fixed-h2 ~ .plav-zag-text .h2-pos ~ * {
	filter: blur(0px);
	opacity: 1;
}
}

.ico-double {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
}
.ico-double img {
	width: calc(50% - 16px);
}

.dvigatel-name { position: relative; border-bottom: 1px solid rgba(255,255,255,.6); border-top: 1px solid rgba(255,255,255,.6); padding: 10px 0 10px 0; cursor: pointer; background: #18191A; z-index: 1; margin-bottom: -1px }
.dvigatel-name h4 { font-size: 24px; padding: 0; margin: 0; font-weight: 400 }
.dvigatel-name .open { positioN: absolute; width: 16px; height: 16px; top: 24px; right: 2px; }
.dvigatel-name .open:before { content: ''; position: absolute; top: 50%; left: 0; height: 2px; width: 100%; background: #fff; margin-top: -1px }
.dvigatel-name .open:after { content: ''; position: absolute; top: 0; left: 50%; height: 100%; width: 2px; background: #fff; margin-left: -1px }
.dvigatel-name.open .open:after { display: none }
.dvigatel-toggle { display: none }

.dvigatel {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: flex-start;
	width: 100%;
	margin: 30px 0px; 	
}
.dvigatel-top {
	width: 100%;
	margin-bottom: 32px;
	border-bottom: 1px solid #fff;
}
.dvigatel-top h4 {
	margin-bottom: 24px;
	margin-top: 0px;
}
.dvigatel-left {
	width: 224px;
	margin-right: 64px;
	line-height: 0;
}
.dvigatel-left img {
	width: 100%;
	margin: 0px !important;
}
.dvigatel-right {
	width: calc(100% - 288px);
}

@media (max-width: 950px) {
  .dvigatel-left,
  .dvigatel-right {
    width: 100%;
  }
  .dvigatel-left {
	  margin-right: 0px;
  }
  .dvigatel-right {
    margin: 24px 0;
  }
}
.dvigatel-right p:last-child {
	margin-bottom: 0px;
}
.dvigatel-bottom {
	margin-top: 40px;
	width: 100%;
	display: none;
}
.dvigatel-bottom .param-table {
	width: 100%;
	margin-bottom: 0px;
}
.dvigatel-bottom ~ .more {
	width: 100%;
	margin-bottom: 0px !important;
}
@media (max-width: 640px) {
.dvigatel-bottom[style="display: block;"] ~ .more {
	margin-top: 20px;
}
}
.img-after-h2 {
	position: relative;
	height: 0px;
}

.img-after-h2 img {	
	position: relative;
	font-size: 52px;
	line-height: 52px;
	font-weight: 400;
	margin: 140px 0px 0px -72% !important;
	max-width: 68%;
}
@media (max-width: 1440px) {
.img-after-h2 img {
	margin-top: 120px !important;
	margin-left: -78% !important;
}
}
@media (max-width: 1024px) {
.img-after-h2 img {
	margin-left: -81% !important;
}
}
@media (max-width: 950px) {
.img-after-h2 {
	height: auto;
}
.img-after-h2 img {
	margin: 0px 0px 24px 0px !important;
	width: 100%;
	max-width: 100%;
}	
}

.raket-dots {
	position: relative;
  margin: 0 auto !important;
  /* max-width: 552px; */
  max-width: 50vh;
}
.raket-dots img {
  margin: 0 auto !important;
  width: 100%;
}
.raket-dot {
  position: absolute;
  top: 0%;
  left: 0%;
  display: block;
  border-radius: 50%;
  width: 40px;
  height: 40px;
}
.raket-dot::before {
  content: '';
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 16px;
  left: 16px;
  border-radius: 50%;
  background: #fff;
}
.raket-dot::after {
  content: '';
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0px;
  left: 0px;
  border-radius: 50%;
  border: 2px solid #fff;
  -webkit-animation: puls 2s infinite linear;
  animation: puls 2s infinite linear;
}
.target-pos::before {
  background: #ed1941;
}
.target-pos::after {
  border-color: #ed1941;
  /* animation: none; */
}

@-webkit-keyframes puls {
  0% {
	transform: scale(1);
  }
  25% {
	transform: scale(1.05);
	border-width: 95%;
  }
  75% {
	transform: scale(0.95);
  }
  100% {
	transform: scale(1);
  }
}

@keyframes puls {
  0% {
	transform: scale(1);
  }
  25% {
	transform: scale(1.05);
	border-width: 95%;
  }
  75% {
	transform: scale(0.95);
  }
  100% {
	transform: scale(1);
  }
}
.raket-dot div {
  display: block;
  color: #18191A;
  padding: 24px;
  border-radius: 18px;
  background: #fff;
  width: max-content;
  opacity: 0;
  pointer-events: none;
  font-size: 20px;
  line-height: 24px;
}
@media (max-width: 640px) {
	.raket-dot div {
		padding: 10px;
		font-size: 17px;
		line-height: 20px;
		width: 100%;
	}
}
.raket-dot.active {
  z-index: 3;
}
.raket-dot.active div {
  opacity: 1;
  pointer-events: all;
}
.raket-dot.active::before {
  display: none;
}
.raket-dot.active::after {
  display: none;
}

@media (min-width: 951px) {
	.raket-dot:hover {
	  z-index: 3;
	}
	.raket-dot:hover div {
	  opacity: 1;
	  pointer-events: all;
	}
	.raket-dot:hover::before {
	  display: none;
	}
	.raket-dot:hover::after {
	  display: none;
	}
}

.raket-dot1 {
  top: 22%;
  left: 8%;
}
.raket-dot2 {
  top: 44%;
  left: 24%;
}
.raket-dot2::after {
  animaton-delay: 0.2s;
  -webkit-animation: puls 3s infinite linear;
  animation: puls 3s infinite linear;
}
.raket-dot3 {
  top: 85%;
  left: 9%;
}
.raket-dot3::after {
  animaton-delay: 0.4s;
  -webkit-animation: puls 1s infinite linear;
  animation: puls 2.5s infinite linear;
}
.raket-dot4 {
  top: 17%;
  left: 66%;
}
.raket-dot4::after {
  animaton-delay: 0.6s;
  -webkit-animation: puls 4s infinite linear;
  animation: puls 4s infinite linear;
}
.raket-dot5 {
  top: 44.8%;
  left: 68%;
}
.raket-dot5::after {
  animaton-delay: 0.8s;
}
.raket-dot6 {
  top: 69.2%;
  left: 75.5%;
}
.raket-dot6::after {
  animaton-delay: 1s;
  -webkit-animation: puls 3s infinite linear;
  animation: puls 3s infinite linear;
}
@media (max-width: 950px) {
  .raket-dot.active {
	  position: absolute;
    top: 50%;
    left: 50%;
    /* transform: translate(-50%, -50%); */
    transform: translate(-50%, 0%);
    width: 300px;
    text-align: center;
    padding: 16px;
  }
  .raket-dot.active div {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0%);
  }
  .raket-dot.active.raket-dot1,
  .raket-dot.active.raket-dot4 {
    top: 0%;
  }
  .raket-dot.active.raket-dot2,
  .raket-dot.active.raket-dot5 {
    top: 58%;
  }
  .raket-dot.active.raket-dot3,
  .raket-dot.active.raket-dot6 {
    top: 97%;
  }
}
.root-item,
.root-item-selected {
	display: block;
	min-height: 48px;
}
@media (max-width: 640px) {
  .root-item,
  .root-item-selected {
    min-height: 32px;
  }
}
iframe[src^="https://www.youtube.com/"] {
	max-width: 100%;
}
.mobile-links {
	display: none;
	margin-bottom: 20px;
	overflow: auto;
}
.mobile-links a {
	float: left;
	clear: both;
}
@media (max-width: 640px) {	
	.mobile-links {
		display: block;
	}
}

.deyat-dopp {
  display: none;
}
@media (max-width: 950px) {	
  .deyat-dopp {
    display: block;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 40px;
    height: 100%;
    z-index: 1;
  }
}

#onas {
  margin-bottom: 0px;
}
#onas .text-block {
  margin-top: -6px;
}
@media (max-width: 950px) {	
	#onas .text-block {
	  margin-top: 12px;
	}
}

@media (max-width: 1400px) {	
  .big-image video {
    height: 51vw;
  }
}


.news-list-page .pagination {
  padding-bottom: 120px;
}

@media (max-width: 950px) {
  .pagination {
    padding-bottom: 70px;
  }
}

@media (max-width: 640px) {
  .pagination {
    padding-bottom: 30px;
  }
}
.clear {
  margin-bottom: 64px;
}


.footer .menu {
  /* margin-left: -36px; */
  /* margin-right: -32px; */
}


.prev-detail-image {
  margin: 0 !important;
  max-width: 25vw !important
}

@media (max-width: 950px) {
  .prev-detail-image {
    max-width: 100% !important;
  }
}

@media (max-width: 950px) {
  .footer .noparent-wrap {
    width: 100%;
  }
  .footer .noparent-wrap .root-item {
    margin: 0px 0 0px;
    min-height: unset;
  }

}

@media (max-width: 640px) {
  .social-wrap {
    display: none;
  }
}
.paral-mor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 6px 2px;
  position: relative;
  margin-top: 8px;
  font-weight: 800;
  font-size: 82%;
  width: 364px;
  max-width: 100%;
}

.paral-mor span {
  position: relative;
  z-index: 1;
  color: #000;
}

.paral-mor::before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  border-radius: 6px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.paral-mor:hover::before {
  -webkit-transform: translate(-50%, -50%) scale(1.05);
          transform: translate(-50%, -50%) scale(1.05);
}
@media (max-width: 950px) {
  .paral-mor {
    margin-top: 4px;
  }
  .subtitle ~ .subtitle.hr-change {
    border-top: 1px solid #fff;
    padding-top: 40px;
    margin-bottom: 0px;
  }
  .subtitle ~ .subtitle.hr-change + .subblock hr:first-child {
    display: none;
  }
  /* .subblock h3:nth-child(2),
  .subblock h3:nth-child(1) {
    margin-top: 2em;
  } */
  .level-1 .cont-item {
    display: block;
    width: max-content;
  }
  .footer .root-item-selected + .submenu {
    display: block !important;
  }
}


.usefull-empty {
  display: block;
  min-width: 60px;
}