/* Start:/local/templates/pkmcom/css/main.min.css?171257425189380*/
@charset "UTF-8";
/* Slider */
/* Icons */
@font-face {
  font-family: "slick";
  src: url("/local/templates/pkmcom/css/./fonts/slick.eot");
  src: url("/local/templates/pkmcom/css/./fonts/slick.eot?#iefix") format("embedded-opentype"), url("/local/templates/pkmcom/css/./fonts/slick.woff") format("woff"), url("/local/templates/pkmcom/css/./fonts/slick.ttf") format("truetype"), url("/local/templates/pkmcom/css/./fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal; }

/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none; }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent; }
    .slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
      opacity: 1; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.25; }
  .slick-prev:before,
  .slick-next:before {
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    color: white;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: -25px; }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: -25px; }
  .slick-prev:before {
    content: "←"; }
    [dir="rtl"] .slick-prev:before {
      content: "→"; }

.slick-next {
  right: -25px; }
  [dir="rtl"] .slick-next {
    left: -25px;
    right: auto; }
  .slick-next:before {
    content: "→"; }
    [dir="rtl"] .slick-next:before {
      content: "←"; }

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  height: 100%; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  .slick-slide > div {
    height: 100%; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

.slick-active .header__dot {
  opacity: 1;
  pointer-events: none; }

@font-face {
  font-family: "RobotoR";
  src: url("/local/templates/pkmcom/css/./fonts/Roboto-Regular.woff"); }

@font-face {
  font-family: "RobotoB";
  src: url("/local/templates/pkmcom/css/./fonts/Roboto-Bold.woff"); }

@font-face {
  font-family: "RobotoL";
  src: url("/local/templates/pkmcom/css/./fonts/Roboto-Light.woff"); }

.reset *, .slick-prev *, .slick-next *, html *, body *, .inputWrapper *, .placeholderLabel *, .placeholderActive *, .warning *, .warningActive *, .topLine *, .middleLine *, .logo *, .navBox *, .infoCountry *, .menuBox *, .button *, .header *, .blockPromo *, .titleMain *, .blockPromo__title h1 *, .contentMain *, .blockPromo__content p *, .sectionProduct__content p *, .sectionAbout *, .sectionCatalog *, .titleMedium *, .sectionProduct__title h1 *, .productBox *, .sectionNews *, .newsBox *, .sectionPopularCatalog *, .sectionContacts *, .infoBox *, .formBox *, .input *, .textarea *, .file *, .confirmBox *, .footer *, .footerBox *, .menuMobile *, .menuIcon *, .sectionProduct *, .sideBar *, .topBar *, .descriptionBox *, .materialBox *, .downloadBox *, .propertyBox *, .tableProduct *, .dropBox *, .contactsBox * {
  padding: 0;
  margin: 0;
  list-style-type: none;
  text-decoration: none;
  outline: none;
  line-height: 1;
  border: none;
  background: none;
  border-radius: 0;
  box-shadow: none;
  letter-spacing: unset;
  box-sizing: border-box;
  font-weight: 400;
  font-family: 'RobotoR';
  color: #000; }

html {
  font-size: calc(100vw / 179); }
  @media screen and (min-width: 1920px) {
    html {
      font-size: 12px; } }
  @media screen and (min-width: 500px) and (max-width: 1281px) {
    html {
      font-size: calc(100vw / 158.5); } }
  @media screen and (min-width: 0) and (max-width: 500px) {
    html {
      font-size: calc(100vw / 52); } }

body {
  width: 100%;
  height: 100%;
  -webkit-text-size-adjust: none;
  overflow-y: scroll; }

h1,
h2 {
  font-size: 1rem;
  line-height: 1;
  color: inherit;
  font-family: inherit; }

button {
  font-size: 1rem; }

.mobileElement {
  display: none; }
  @media screen and (min-width: 0px) and (max-width: 500px) {
    .mobileElement {
      display: block; } }

.desktopElement {
  display: block; }
  @media screen and (min-width: 0px) and (max-width: 500px) {
    .desktopElement {
      display: none; } }

.JStrans {
  transition: .3s linear; }

.container, .header, .sectionAbout, .sectionCatalog, .sectionNews, .sectionPopularCatalog, .sectionContacts, .footer, .sectionProduct, .topBar {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 7rem 0; }
  @media screen and (min-width: 0) and (max-width: 500px) {
    .container, .header, .sectionAbout, .sectionCatalog, .sectionNews, .sectionPopularCatalog, .sectionContacts, .footer, .sectionProduct, .topBar {
      padding: 3rem 0; } }

.wrapper, .topLine__wrapper, .middleLine__wrapper, .header__wrapper, .sectionAbout__wrapper, .sectionCatalog__wrapper, .sectionNews__wrapper, .sectionPopularCatalog__wrapper, .sectionContacts__wrapper, .footer__wrapper, .sectionProduct__wrapper, .topBar__wrapper {
  position: relative;
  width: 148.5rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start; }
  @media screen and (min-width: 1024px) and (max-width: 1280px) {
    .wrapper, .topLine__wrapper, .middleLine__wrapper, .header__wrapper, .sectionAbout__wrapper, .sectionCatalog__wrapper, .sectionNews__wrapper, .sectionPopularCatalog__wrapper, .sectionContacts__wrapper, .footer__wrapper, .sectionProduct__wrapper, .topBar__wrapper {
      width: 145rem; } }
  @media screen and (min-width: 500px) and (max-width: 1024px) {
    .wrapper, .topLine__wrapper, .middleLine__wrapper, .header__wrapper, .sectionAbout__wrapper, .sectionCatalog__wrapper, .sectionNews__wrapper, .sectionPopularCatalog__wrapper, .sectionContacts__wrapper, .footer__wrapper, .sectionProduct__wrapper, .topBar__wrapper {
      width: 95vw; } }
  @media screen and (min-width: 0) and (max-width: 500px) {
    .wrapper, .topLine__wrapper, .middleLine__wrapper, .header__wrapper, .sectionAbout__wrapper, .sectionCatalog__wrapper, .sectionNews__wrapper, .sectionPopularCatalog__wrapper, .sectionContacts__wrapper, .footer__wrapper, .sectionProduct__wrapper, .topBar__wrapper {
      width: 90vw; } }

.row, .topLine, .topLine__items, .middleLine, .navBox__inner, .menuBox, .button, .header__indicator, .sectionCatalog__layer, .productBox__wrapper, .productBox__mask, .sectionNews__layer, .sectionNews__arrowWrapper, .newsBox__layer, .sectionPopularCatalog__layer, .sectionPopularCatalog__arrowWrapper, .sectionContacts__box, .infoBox__social, .formBox__layer, .formBox__errorBox, .file, .confirmBox, .footer__layer, .footer__inside, .sectionProduct__layer, .sectionProduct__info, .sideBar__layer, .descriptionBox__layer, .materialBox__layer, .downloadBox, .propertyBox__layer, .dropBox__items, .contactsBox__layer, .contactsBox__items {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start; }

.col, .blockPromo__box, .newsBox, .infoBox, .infoBox__layer, .formBox, .formBox__mask, .footerBox, .footerBox__list, .menuMobile, .sectionProduct__items, .sectionProduct__infoItems._right, .descriptionBox {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start; }

.inputWrapper {
  width: 100%;
  overflow: hidden;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center; }

.placeholderLabel {
  position: absolute;
  font-size: 1.7rem;
  line-height: 1.2;
  top: 50%;
  transform: translate(0, -50%);
  left: 2rem;
  cursor: text; }
  @media screen and (min-width: 500px) and (max-width: 1024px) {
    .placeholderLabel {
      font-size: 2.2rem; } }
  @media screen and (min-width: 0px) and (max-width: 500px) {
    .placeholderLabel {
      font-size: 2.2rem; } }

.placeholderLabel.JStrans {
  transition: .3s ease-out; }

.placeholderActive {
  opacity: 0;
  visibility: hidden;
  transform: translate(5rem, -50%); }

.warning {
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translate(0, -50%);
  width: 3rem;
  opacity: 0;
  visibility: hidden;
  transition: .2s; }

.warningActive {
  opacity: 1;
  visibility: visible; }

@media screen and (max-width: 500px) {
  .inputWrapper {
    width: 100%; } }

.topLine {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 22;
  justify-content: center;
  background: #f4f4f4;
  padding: 2.2rem 0; }
  @media screen and (min-width: 500px) and (max-width: 1024px) {
    .topLine {
      padding: 1.4rem 0; } }
  .topLine__wrapper {
    height: 100%;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center; }
  .topLine__items {
    align-items: center;
    margin-left: 6.5rem; }
    @media screen and (min-width: 500px) and (max-width: 1024px) {
      .topLine__items {
        margin-left: 6rem; } }
    .topLine__items._right {
      margin-right: 1rem; }
      @media screen and (min-width: 500px) and (max-width: 1024px) {
        .topLine__items._right {
          margin-right: 2rem; } }
  .topLine__icon {
    height: 2rem;
    margin-right: 1.2rem; }
    @media screen and (min-width: 500px) and (max-width: 1024px) {
      .topLine__icon {
        height: 2.7rem;
        margin-right: 1.5rem; } }
  .topLine__content {
    font-size: 1.37rem;
    color: #1e314d;
    white-space: nowrap; }
    @media screen and (min-width: 500px) and (max-width: 1024px) {
      .topLine__content {
        font-size: 1.7rem; } }
    .topLine__content._top {
      margin-top: .1rem;
      margin-left: .4rem; }
    .topLine__content._hard {
      font-size: 1.95rem; }
  .menuMobile .topLine {
    position: relative;
    background: none;
    padding-top: 0;
    display: flex; }
    .menuMobile .topLine__wrapper {
      flex-direction: column;
      align-items: flex-start; }
    .menuMobile .topLine__items {
      margin: 1rem 0; }
    .menuMobile .topLine__icon {
      height: 2.5rem; }
    .menuMobile .topLine__content {
      font-size: 1.8rem; }
      .menuMobile .topLine__content._hard {
        font-size: 2.4rem; }
  @media screen and (min-width: 0px) and (max-width: 500px) {
    .topLine {
      display: none; } }

.middleLine {
  position: absolute;
  top: 6.4rem;
  left: 0;
  width: 100%;
  z-index: 22;
  background: #fff;
  justify-content: center;
  height: 12.5rem;
  border-bottom: .2rem solid #f4f4f4; }
  .middleLine._fix {
    position: fixed;
    top: 0; }
  @media screen and (min-width: 500px) and (max-width: 1024px) {
    .middleLine {
      height: 14.4rem;
      top: 5.5rem; } }
  @media screen and (min-width: 0px) and (max-width: 500px) {
    .middleLine {
      position: fixed;
      top: 0;
      left: 0;
      height: 10rem;
      z-index: 99; } }
  .middleLine__menu {
    position: relative;
    z-index: 1;
    display: none; }
    @media screen and (min-width: 0px) and (max-width: 500px) {
      .middleLine__menu {
        display: block; } }
  .middleLine__wrapper {
    height: 100%;
    flex-direction: row;
    justify-content: space-between;
    align-items: center; }
  .middleLine__items._left {
    width: 27.8rem; }
    @media screen and (min-width: 500px) and (max-width: 1024px) {
      .middleLine__items._left {
        width: 32rem; } }
    @media screen and (min-width: 0px) and (max-width: 500px) {
      .middleLine__items._left {
        width: 26rem; } }
  .middleLine__items._right {
    width: auto; }
    @media screen and (min-width: 0px) and (max-width: 500px) {
      .middleLine__items._right {
        display: none; } }
  .middleLine__menuIcon {
    width: 4rem; }

.logo {
  width: 100%; }

.navBox {
  width: 100%; }
  .navBox__layer {
    width: 100%;
    position: relative;
    margin: 1.5rem 0; }
    .navBox__layer._top {
      margin-bottom: 2rem; }
    @media screen and (min-width: 500px) and (max-width: 1024px) {
      .navBox__layer {
        margin: 2.5rem 0; } }
    @media screen and (min-width: 0px) and (max-width: 500px) {
      .navBox__layer {
        position: static; } }
    @media screen and (min-width: 0px) and (max-width: 500px) {
      .navBox__layer._country {
        display: none; } }
  .navBox__inner {
    align-items: flex-end; }
    .navBox__inner.JStrans {
      transition: .2s ease-out; }
  .navBox__finder {
    width: calc(100% + .8rem);
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    margin-top: -.3rem;
    z-index: 2; }
    .navBox__finder.JStrans {
      transition: .2s ease-out; }
    .navBox__finder._active {
      opacity: 1;
      visibility: visible; }
    @media screen and (min-width: 500px) and (max-width: 1024px) {
      .navBox__finder {
        width: 97.5%;
        top: -5.3rem; } }
    @media screen and (min-width: 0px) and (max-width: 500px) {
      .navBox__finder {
        width: calc(100% + 2rem);
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        margin-top: -.2rem; } }
  .navBox__input {
    width: 100%;
    padding: .8rem 2rem;
    border-radius: .6rem;
    background: #f0f0f0;
    font-size: 1.7rem; }
    @media screen and (min-width: 500px) and (max-width: 1024px) {
      .navBox__input {
        padding: 1rem 2rem;
        font-size: 2.2rem; } }
    @media screen and (min-width: 0px) and (max-width: 500px) {
      .navBox__input {
        padding: 1.8rem 2rem;
        border-radius: 36rem;
        font-size: 2.2rem; } }
    .navBox__input._active {
      border-radius: .6rem .6rem 0 0; }
      @media screen and (min-width: 0px) and (max-width: 500px) {
        .navBox__input._active {
          border-radius: 2.7rem 2.7rem 0 0; } }
  .navBox__close {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    right: .8rem;
    z-index: 2;
    width: 3rem;
    cursor: pointer; }
    .navBox__close.JStrans {
      transition: .2s ease-out; }
    .navBox__close:hover {
      opacity: 0.8; }
    @media screen and (min-width: 500px) and (max-width: 1024px) {
      .navBox__close {
        width: 3.5rem; } }
    @media screen and (min-width: 0px) and (max-width: 500px) {
      .navBox__close {
        width: 4rem;
        right: 1rem; } }
  .navBox__drop {
    position: absolute;
    width: 100%;
    top: 100%;
    left: 0;
    display: none; }
  .navBox__search {
    width: 3rem;
    margin-left: 1rem;
    cursor: pointer; }
    .navBox__search.JStrans {
      transition: .2s ease-out; }
    .navBox__search:hover {
      opacity: 0.8; }
    @media screen and (min-width: 500px) and (max-width: 1024px) {
      .navBox__search {
        width: 3.5rem;
        position: absolute;
        top: -5rem;
        right: 3rem; } }
    @media screen and (min-width: 0px) and (max-width: 500px) {
      .navBox__search {
        width: 4rem;
        margin-left: 0; } }

.infoCountry {
  font-size: 1.5rem;
  color: #adadad; }
  @media screen and (min-width: 500px) and (max-width: 1024px) {
    .infoCountry {
      font-size: 1.8rem; } }
  .menuMobile .infoCountry {
    font-size: 1.9rem;
    line-height: 1.4;
    margin-bottom: 1.5rem; }

.menuBox {
  width: 100%; }
  .menuBox__items {
    margin-right: 3.7rem; }
    @media screen and (min-width: 500px) and (max-width: 1024px) {
      .menuBox__items {
        margin-right: 2.5rem; } }
  .menuBox__link {
    font-size: 2rem;
    color: #1e314d; }
    @media screen and (min-width: 500px) and (max-width: 1024px) {
      .menuBox__link {
        font-size: 2.4rem; } }
  @media screen and (min-width: 0px) and (max-width: 500px) {
    .navBox__inner .menuBox {
      display: none; } }
  .menuMobile .menuBox {
    flex-direction: column;
    margin-bottom: 2rem; }
    .menuMobile .menuBox__items {
      margin: 1.5rem 0; }
    .menuMobile .menuBox__link {
      font-size: 2.5rem; }

.button {
  width: 100%;
  justify-content: center;
  align-items: center;
  padding: 2.7rem 3rem;
  border-radius: .6rem;
  background: #df1330;
  cursor: pointer;
  font-size: 1.5rem;
  letter-spacing: .05rem;
  text-transform: uppercase;
  color: #fff; }
  @media screen and (min-width: 500px) and (max-width: 1024px) {
    .button {
      padding: 3rem 2.5rem;
      font-size: 1.8rem; } }
  .button.JStrans {
    transition: .2s ease-out; }
  .button:hover {
    background: #fb1233; }
  .button._light {
    padding: 2.7rem 3.7rem;
    background: #fff;
    color: #df1330; }
    .button._light:hover {
      background: #f0f0f0; }
    @media screen and (min-width: 500px) and (max-width: 1024px) {
      .button._light {
        letter-spacing: .07rem;
        padding: 3rem 4rem; } }
    @media screen and (min-width: 0px) and (max-width: 500px) {
      .button._light {
        letter-spacing: .1rem;
        font-size: 1.7rem;
        padding: 2.6rem 2.7rem; } }
  .button._call {
    padding: 2.7rem 3.7rem;
    background: none;
    color: #1e314d;
    border: .2rem solid #1e314d;
    border-radius: .6rem; }
    .button._call:hover {
      border-color: #fff;
      background: #fff; }
    @media screen and (min-width: 500px) and (max-width: 1024px) {
      .button._call {
        padding: 3rem 3rem; } }
    @media screen and (min-width: 0px) and (max-width: 500px) {
      .button._call {
        padding: 3rem 3.7rem; } }
  .button._send {
    padding: 2.7rem 6.5rem; }
    @media screen and (min-width: 0px) and (max-width: 500px) {
      .button._send {
        padding: 3rem 6.5rem;
        font-size: 2rem; } }
  .button__span {
    font-size: 1.5rem;
    letter-spacing: .05rem;
    text-transform: uppercase;
    color: #1e314d;
    display: none;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
    .button__span._active {
      display: block; }
    @media screen and (min-width: 500px) and (max-width: 1024px) {
      .button__span {
        font-size: 1.8rem; } }
    @media screen and (min-width: 0px) and (max-width: 500px) {
      .button__span {
        font-size: 1.9rem; } }
  .menuMobile .button {
    padding: 3rem 2.5rem;
    font-size: 1.85rem; }

.header {
  overflow: hidden;
  padding: 5.5rem 0 6.5rem 0;
  margin-top: 18.5rem; }
  @media screen and (min-width: 500px) and (max-width: 1024px) {
    .header {
      padding: 6rem 0 6.5rem 0; } }
  @media screen and (min-width: 0px) and (max-width: 500px) {
    .header {
      padding-top: 26rem;
      margin-top: 10rem; } }
  .header__wrapper {
    display: block; }
    @media screen and (min-width: 0px) and (max-width: 500px) {
      .header__wrapper {
        width: 100%; } }
  .header__slider {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: inline-flex; }
    @media screen and (min-width: 0px) and (max-width: 500px) {
      .header__slider {
        height: 26rem; } }
  .header__items {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%; }
  .header__sliderBlock {
    position: absolute;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
    @media screen and (min-width: 1920px) {
      .header__sliderBlock {
        width: 100%;
        height: auto; } }
    @media screen and (min-width: 0px) and (max-width: 500px) {
      .header__sliderBlock {
        width: auto;
        height: 30rem; } }
  .header__arrow {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    width: 5rem;
    z-index: 2;
    cursor: pointer; }
    @media screen and (min-width: 0px) and (max-width: 500px) {
      .header__arrow {
        top: 12rem;
        width: 2.5rem;
        transform: translate(0, 0); } }
    .header__arrow.JStrans {
      transition: .2s ease-out; }
    .header__arrow:hover {
      opacity: .7; }
    .header__arrow._left {
      left: 4rem; }
      @media screen and (min-width: 500px) and (max-width: 1024px) {
        .header__arrow._left {
          left: 3.5rem; } }
      @media screen and (min-width: 0px) and (max-width: 500px) {
        .header__arrow._left {
          left: 2rem; } }
    .header__arrow._right {
      right: 4rem; }
      @media screen and (min-width: 500px) and (max-width: 1024px) {
        .header__arrow._right {
          right: 3.5rem; } }
      @media screen and (min-width: 0px) and (max-width: 500px) {
        .header__arrow._right {
          right: 2rem; } }
    .header__arrow._desk {
      display: block !important; }
      @media screen and (min-width: 0px) and (max-width: 500px) {
        .header__arrow._desk {
          display: none !important; } }
    .header__arrow._mob {
      display: none !important; }
      @media screen and (min-width: 0px) and (max-width: 500px) {
        .header__arrow._mob {
          display: block !important; } }
  .header__indicator {
    width: auto;
    position: absolute;
    bottom: .8rem;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 3; }
  .header__dot {
    font-size: 2.8rem;
    margin: 0 .6rem;
    color: #fff;
    opacity: .6;
    cursor: pointer; }
    .header__dot._curry {
      opacity: 1;
      pointer-events: none; }
    @media screen and (min-width: 500px) and (max-width: 1024px) {
      .header__dot {
        margin: 0 .8rem;
        font-size: 3.2rem; } }
    @media screen and (min-width: 0px) and (max-width: 500px) {
      .header__dot {
        margin: 0 .7rem;
        font-size: 3.2rem; } }

.blockPromo {
  width: 100%; }
  .blockPromo__box {
    width: 68.5rem;
    padding: 4rem 4.8rem;
    margin-left: 3.5rem;
    background: rgba(30, 49, 77, 0.95); }
    @media screen and (min-width: 1024px) and (max-width: 1280px) {
      .blockPromo__box {
        margin-left: 6.5rem; } }
    @media screen and (min-width: 500px) and (max-width: 1024px) {
      .blockPromo__box {
        margin-left: 9rem;
        width: 67rem;
        padding: 4.5rem 4.8rem; } }
    @media screen and (min-width: 0px) and (max-width: 500px) {
      .blockPromo__box {
        width: 100%;
        margin-left: 0;
        padding: 3.5rem 2.5rem 7.5rem 2.5rem; } }
  .blockPromo__title._fix {
    width: 90%; }
    @media screen and (min-width: 0px) and (max-width: 500px) {
      .blockPromo__title._fix {
        width: 95%; } }
  .blockPromo__content {
    margin-top: 3rem; }
  .blockPromo__button {
    margin-top: 4rem; }

.titleMain, .blockPromo__title h1 {
  font-size: 3.9rem;
  line-height: 1.2;
  color: #7cc8f5; }
  @media screen and (min-width: 500px) and (max-width: 1024px) {
    .titleMain, .blockPromo__title h1 {
      font-size: 4.15rem;
      line-height: 1.3; } }
  @media screen and (min-width: 0px) and (max-width: 500px) {
    .titleMain, .blockPromo__title h1 {
      font-size: 2.9rem;
      line-height: 1.45; } }

.contentMain, .blockPromo__content p, .sectionProduct__content p {
  font-size: 1.66rem;
  font-family: 'RobotoL';
  line-height: 1.6;
  color: #fff; }
  .contentMain._dark, .blockPromo__content p._dark, .sectionAbout__content p, .sectionProduct__content p._dark {
    font-family: 'RobotoL';
    color: #000;
    font-size: 1.68rem;
    line-height: 2; }
    @media screen and (min-width: 500px) and (max-width: 1024px) {
      .contentMain._dark, .blockPromo__content p._dark, .sectionAbout__content p, .sectionProduct__content p._dark {
        font-size: 2rem;
        line-height: 1.8; } }
    @media screen and (min-width: 0px) and (max-width: 500px) {
      .contentMain._dark, .blockPromo__content p._dark, .sectionAbout__content p, .sectionProduct__content p._dark {
        font-size: 2rem;
        line-height: 1.55; } }
  .contentMain__link, .sectionAbout__content p a {
    color: #1e8fd2; }
  .contentMain._min, .blockPromo__content p._min, .sectionProduct__content p._min {
    font-size: 1.25rem; }
    @media screen and (min-width: 500px) and (max-width: 1024px) {
      .contentMain._min, .blockPromo__content p._min, .sectionProduct__content p._min {
        font-size: 2rem; } }
    @media screen and (min-width: 0) and (max-width: 500px) {
      .contentMain._min, .blockPromo__content p._min, .sectionProduct__content p._min {
        font-size: 2rem;
        line-height: 2; } }
  @media screen and (min-width: 500px) and (max-width: 1024px) {
    .contentMain, .blockPromo__content p, .sectionProduct__content p {
      font-size: 2rem;
      line-height: 1.7; } }
  @media screen and (min-width: 0px) and (max-width: 500px) {
    .contentMain, .blockPromo__content p, .sectionProduct__content p {
      font-size: 1.95rem; } }

.sectionAbout {
  padding: 8rem 0; }
  @media screen and (min-width: 0px) and (max-width: 500px) {
    .sectionAbout {
      padding: 0 0 3rem 0; } }
  .sectionAbout__wrapper {
    width: 90.5rem;
    align-items: center; }
    @media screen and (min-width: 500px) and (max-width: 1024px) {
      .sectionAbout__wrapper {
        width: 108rem; } }
    @media screen and (min-width: 0px) and (max-width: 500px) {
      .sectionAbout__wrapper {
        width: 90vw; } }

.sectionCatalog {
  padding: 2rem 0 8rem 0; }
  @media screen and (min-width: 0px) and (max-width: 500px) {
    .sectionCatalog__wrapper {
      width: 100%; } }
  .sectionCatalog__title {
    margin-bottom: 5rem; }
    @media screen and (min-width: 500px) and (max-width: 1024px) {
      .sectionCatalog__title {
        margin-bottom: 3rem; } }
    @media screen and (min-width: 0px) and (max-width: 500px) {
      .sectionCatalog__title {
        padding: 0 5vw;
        margin-bottom: 4rem; } }
  .sectionCatalog__layer {
    width: 100%;
    flex-wrap: wrap; }
  .sectionCatalog__items {
    width: 23%;
    margin-bottom: 5rem; }
    .sectionCatalog__items:not(:nth-child(4n)) {
      margin-right: calc(8% / 3); }
      @media screen and (min-width: 0px) and (max-width: 500px) {
        .sectionCatalog__items:not(:nth-child(4n)) {
          margin-right: 0; } }
    .sectionCatalog__items:nth-last-child(1) {
      margin-bottom: 0; }
      @media screen and (min-width: 0px) and (max-width: 500px) {
        .sectionCatalog__items:nth-last-child(1) {
          margin-bottom: 3rem; } }
    .sectionCatalog__items:nth-last-child(2) {
      margin-bottom: 0; }
      @media screen and (min-width: 0px) and (max-width: 500px) {
        .sectionCatalog__items:nth-last-child(2) {
          margin-bottom: 3rem; } }
    .sectionCatalog__items:nth-last-child(3) {
      margin-bottom: 0; }
      @media screen and (min-width: 0px) and (max-width: 500px) {
        .sectionCatalog__items:nth-last-child(3) {
          margin-bottom: 3rem; } }
    .sectionCatalog__items:nth-last-child(4) {
      margin-bottom: 0; }
      @media screen and (min-width: 0px) and (max-width: 500px) {
        .sectionCatalog__items:nth-last-child(4) {
          margin-bottom: 3rem; } }
    @media screen and (min-width: 500px) and (max-width: 1024px) {
      .sectionCatalog__items {
        margin-bottom: 7rem; } }
    @media screen and (min-width: 0px) and (max-width: 500px) {
      .sectionCatalog__items {
        width: 49%;
        margin-bottom: 3rem; }
        .sectionCatalog__items:not(:nth-child(2n)) {
          margin-right: 2%; }
        .sectionCatalog__items:nth-last-child(1) {
          margin-bottom: 0; }
        .sectionCatalog__items:nth-last-child(2) {
          margin-bottom: 0; } }

.titleMedium, .sectionProduct__title h1 {
  font-size: 3.3rem;
  color: #1e314d; }
  @media screen and (min-width: 500px) and (max-width: 1024px) {
    .titleMedium, .sectionProduct__title h1 {
      font-size: 3.75rem; } }

.productBox {
  width: 100%; }
  .productBox__wrapper {
    position: relative;
    width: 100%;
    height: 25rem;
    background: #ebedee;
    justify-content: center;
    align-items: center;
    margin-bottom: 2rem;
    overflow: hidden; }
    @media screen and (min-width: 0px) and (max-width: 500px) {
      .productBox__wrapper {
        height: 18rem; } }
  .productBox._popular .productBox__wrapper {
    background: #fff;
    border: .2rem solid #f2f3f4; }
    @media screen and (min-width: 500px) and (max-width: 1024px) {
      .productBox._popular .productBox__wrapper {
        border-width: .3rem; } }
    @media screen and (min-width: 0px) and (max-width: 500px) {
      .productBox._popular .productBox__wrapper {
        height: 25rem; } }
    @media screen and (min-width: 0px) and (max-width: 500px) {
      .productBox._popular .productBox__wrapper._high {
        height: 35rem; } }
  .productBox__photo {
    height: 80%; }
    .productBox__photo._imp {
      width: auto !important; }
  .productBox__mask {
    position: absolute;
    width: calc(100% - 4rem);
    height: calc(100% - 4rem);
    background: rgba(188, 203, 223, 0.95);
    z-index: 2;
    justify-content: center;
    align-items: center;
    opacity: 0;
    visibility: hidden; }
    .productBox__mask.JStrans {
      transition: .2s ease-out; }
  .productBox:hover .productBox__mask {
    opacity: 1;
    visibility: visible; }
  .productBox__icon {
    width: 4rem;
    cursor: pointer;
    transform: translate(-1rem, 0); }
    .productBox__icon._imp {
      width: 4rem !important; }
    .productBox__icon.JStrans {
      transition: .2s ease-out; }
  .productBox:hover .productBox__icon {
    transform: translate(0, 0); }
  .productBox__name {
    font-size: 2.2rem;
    line-height: 1.3;
    color: #1e314d; }
    .productBox__name.JStrans {
      transition: .2s ease-out; }
    .productBox__name._light {
      font-size: 1.9rem; }
      @media screen and (min-width: 500px) and (max-width: 1024px) {
        .productBox__name._light {
          font-size: 2.2rem; } }
      @media screen and (min-width: 0px) and (max-width: 500px) {
        .productBox__name._light {
          padding-left: 0;
          font-size: 2.2rem; } }
    @media screen and (min-width: 0px) and (max-width: 500px) {
      .productBox__name {
        display: block;
        text-align: center; } }
  .productBox:hover .productBox__name {
    color: #1f539f; }

.sectionNews {
  padding: 2rem 0 8rem 0; }
  .sectionNews__wrapper {
    width: 152.5rem; }
    @media screen and (min-width: 0px) and (max-width: 500px) {
      .sectionNews__wrapper {
        width: 100%;
        position: relative;
        overflow: hidden;
        display: block;
        padding-top: 1rem; } }
  .sectionNews__title {
    position: relative;
    padding: 0 2rem;
    margin-bottom: 2rem; }
  .sectionNews__layer {
    width: 100%;
    align-items: stretch; }
    @media screen and (min-width: 0px) and (max-width: 500px) {
      .sectionNews__layer {
        position: relative;
        width: 75%;
        display: -webkit-inline-box; } }
  .sectionNews__items {
    width: 25%; }
    @media screen and (min-width: 0px) and (max-width: 500px) {
      .sectionNews__items {
        position: relative;
        width: 75vw;
        overflow: visible; } }
  .sectionNews__arrowWrapper {
    position: absolute;
    top: 50%;
    right: 5vw;
    transform: translate(0, -50%);
    align-items: center;
    display: none; }
    @media screen and (min-width: 0px) and (max-width: 500px) {
      .sectionNews__arrowWrapper {
        display: flex; } }
  .sectionNews__arrow {
    width: 3.5rem;
    margin-left: 1rem; }
  .sectionNews .slick-list {
    overflow: visible !important; }

.newsBox {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 2rem 2rem 7rem 2rem;
  border-radius: .6rem;
  background: #fff; }
  .newsBox._news {
    background: none;
    padding: 0; }
  .newsBox._news p,
  .newsBox._news h3 {
    margin: 0; }
  .newsBox.JStrans {
    transition: .2s ease-out; }
  .newsBox:hover {
    box-shadow: 0 0 1rem 0.5rem rgba(0, 102, 173, 0.05);
    z-index: 2; }
    @media screen and (min-width: 0px) and (max-width: 500px) {
      .newsBox:hover {
        box-shadow: none; } }
  .newsBox._news:hover {
    box-shadow: none; }
  .newsBox__date {
    font-size: 1.1rem;
    color: #fff;
    background: #1e314d;
    padding: 0.5rem;
    margin-bottom: 2.5rem; }
    @media screen and (min-width: 500px) and (max-width: 1024px) {
      .newsBox__date {
        font-size: 1.5rem;
        margin-bottom: 2rem; } }
    @media screen and (min-width: 0px) and (max-width: 500px) {
      .newsBox__date {
        font-size: 1.55rem;
        margin-bottom: 1.5rem; } }
  .newsBox._news .newsBox__date {
    padding: .7rem 1rem;
    border-radius: .5rem;
    margin-right: 2rem;
    margin-bottom: 0;
    background: #0069ab; }
    @media screen and (min-width: 0px) and (max-width: 500px) {
      .newsBox._news .newsBox__date {
        margin-bottom: 1.5rem;
        padding: 1rem 1.5rem;
        font-size: 1.9rem; } }
  .newsBox__title {
    font-size: 1.7rem;
    line-height: 1.3;
    color: #1186ca;
    margin-bottom: 1.7rem; }
    @media screen and (min-width: 500px) and (max-width: 1024px) {
      .newsBox__title {
        font-size: 2.15rem; } }
    @media screen and (min-width: 0px) and (max-width: 500px) {
      .newsBox__title {
        font-size: 2.2rem; } }
  .newsBox._news .newsBox__title {
    margin-bottom: 0;
    color: #1e314d;
    font-family: 'RobotoB'; }
    @media screen and (min-width: 0px) and (max-width: 500px) {
      .newsBox._news .newsBox__title {
        font-size: 2.7rem; } }
  .newsBox__content {
    font-family: 'RobotoL';
    font-size: 1.5rem;
    line-height: 1.5;
    color: #000; }
    @media screen and (min-width: 500px) and (max-width: 1024px) {
      .newsBox__content {
        font-size: 1.85rem; } }
    @media screen and (min-width: 0px) and (max-width: 500px) {
      .newsBox__content {
        font-size: 1.9rem;
        line-height: 1.6; } }
  .newsBox._news .newsBox__content {
    font-size: 1.1rem;
    line-height: 1.7; }
    @media screen and (min-width: 500px) and (max-width: 1024px) {
      .newsBox._news .newsBox__content {
        font-size: 1.85rem; } }
    @media screen and (min-width: 0px) and (max-width: 500px) {
      .newsBox._news .newsBox__content {
        font-size: 2rem;
        line-height: 1.6; } }
  .newsBox__arrowWrapper {
    width: 2.5rem;
    position: absolute;
    bottom: 2rem;
    right: 2rem;
    opacity: 0;
    visibility: hidden; }
    .newsBox__arrowWrapper.JStrans {
      transition: .2s ease-out; }
    @media screen and (min-width: 500px) and (max-width: 1024px) {
      .newsBox__arrowWrapper {
        width: 3rem; } }
  .newsBox:hover .newsBox__arrowWrapper {
    opacity: 1;
    visibility: visible; }
    @media screen and (min-width: 0px) and (max-width: 500px) {
      .newsBox:hover .newsBox__arrowWrapper {
        opacity: 0;
        visibility: hidden; } }
  .newsBox__arrow {
    width: 100%; }
  .newsBox__block {
    margin-bottom: 3rem; }
  .newsBox__layer {
    align-items: center;
    margin-bottom: 2rem; }
    @media screen and (min-width: 0px) and (max-width: 500px) {
      .newsBox__layer {
        flex-direction: column;
        align-items: flex-start; } }

.sectionPopularCatalog {
  padding: 2rem 0 8rem 0; }
  @media screen and (min-width: 0px) and (max-width: 500px) {
    .sectionPopularCatalog__wrapper {
      width: 100%;
      position: relative;
      overflow: hidden;
      display: block;
      padding-top: 1rem; } }
  .sectionPopularCatalog__title {
    margin-bottom: 5rem; }
    @media screen and (min-width: 500px) and (max-width: 1024px) {
      .sectionPopularCatalog__title {
        margin-bottom: 3rem; } }
    @media screen and (min-width: 0px) and (max-width: 500px) {
      .sectionPopularCatalog__title {
        position: relative;
        padding: 0 5vw; } }
  .sectionPopularCatalog__layer {
    width: 100%;
    flex-wrap: wrap; }
    @media screen and (min-width: 0px) and (max-width: 500px) {
      .sectionPopularCatalog__layer {
        position: relative;
        width: 75%;
        display: -webkit-inline-box; } }
  .sectionPopularCatalog__items {
    width: 23%;
    margin-bottom: 5rem; }
    .sectionPopularCatalog__items:not(:nth-child(4n)) {
      margin-right: calc(8% / 3); }
      @media screen and (min-width: 0px) and (max-width: 500px) {
        .sectionPopularCatalog__items:not(:nth-child(4n)) {
          margin-right: 0; } }
    .sectionPopularCatalog__items:nth-last-child(1) {
      margin-bottom: 0; }
    .sectionPopularCatalog__items:nth-last-child(2) {
      margin-bottom: 0; }
    .sectionPopularCatalog__items:nth-last-child(3) {
      margin-bottom: 0; }
    .sectionPopularCatalog__items:nth-last-child(4) {
      margin-bottom: 0; }
    @media screen and (min-width: 0px) and (max-width: 500px) {
      .sectionPopularCatalog__items {
        margin: 0;
        width: 75vw; } }
  .sectionPopularCatalog__arrowWrapper {
    position: absolute;
    top: 50%;
    right: 5vw;
    transform: translate(0, -50%);
    align-items: center;
    display: none; }
    @media screen and (min-width: 0px) and (max-width: 500px) {
      .sectionPopularCatalog__arrowWrapper {
        display: flex; } }
  .sectionPopularCatalog__arrow {
    width: 3.5rem;
    margin-left: 1rem; }
  .sectionPopularCatalog .slick-slide {
    margin-left: 5vw; }
  .sectionPopularCatalog .slick-list {
    overflow: visible !important; }

.sectionContacts {
  padding: 4rem 0 14rem 0; }
  @media screen and (min-width: 0px) and (max-width: 500px) {
    .sectionContacts {
      padding-bottom: 8rem; } }
  @media screen and (min-width: 500px) and (max-width: 1024px) {
    .sectionContacts__wrapper {
      width: 100%; } }
  @media screen and (min-width: 0px) and (max-width: 500px) {
    .sectionContacts__wrapper {
      width: 100%; } }
  .sectionContacts__title {
    margin-bottom: 2rem; }
    @media screen and (min-width: 500px) and (max-width: 1024px) {
      .sectionContacts__title {
        padding-left: 2.5vw;
        margin-bottom: 1rem; } }
    @media screen and (min-width: 0px) and (max-width: 500px) {
      .sectionContacts__title {
        padding: 0 5vw; } }
  .sectionContacts__box {
    width: 100%;
    justify-content: space-between;
    align-items: stretch;
    background: #eaeff3;
    margin-top: 2rem; }
    @media screen and (min-width: 0px) and (max-width: 500px) {
      .sectionContacts__box {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start; } }
  .sectionContacts__line {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 2; }
    .sectionContacts__line._mob {
      width: 100vw;
      height: auto; }
    @media screen and (min-width: 0px) and (max-width: 500px) {
      .sectionContacts__line {
        height: .5rem;
        width: 100%; } }
  .sectionContacts__items {
    position: relative;
    padding: 5rem; }
    .sectionContacts__items._left {
      width: 48%; }
      @media screen and (min-width: 500px) and (max-width: 1024px) {
        .sectionContacts__items._left {
          width: 49%; } }
      @media screen and (min-width: 0px) and (max-width: 500px) {
        .sectionContacts__items._left {
          width: 100%;
          padding: 5rem 5vw; } }
    .sectionContacts__items._right {
      width: 52%;
      border: none; }
      @media screen and (min-width: 500px) and (max-width: 1024px) {
        .sectionContacts__items._right {
          width: 51%; } }
      @media screen and (min-width: 0px) and (max-width: 500px) {
        .sectionContacts__items._right {
          width: 100%;
          padding: 5rem 5vw; } }
    @media screen and (min-width: 500px) and (max-width: 1024px) {
      .sectionContacts__items {
        padding: 5rem 2.5vw; } }
    @media screen and (min-width: 0px) and (max-width: 500px) {
      .sectionContacts__items {
        padding: 5vw; } }

.infoBox {
  width: 100%; }
  .infoBox__title {
    font-size: 2.5rem;
    margin-bottom: 3.5rem;
    color: #1e314d; }
    @media screen and (min-width: 500px) and (max-width: 1024px) {
      .infoBox__title {
        font-size: 2.7rem;
        margin-bottom: 4.5rem; } }
    @media screen and (min-width: 0px) and (max-width: 500px) {
      .infoBox__title {
        font-size: 2.9rem;
        line-height: 1.5;
        margin-bottom: 2.5rem; } }
  .infoBox__layer {
    position: relative;
    margin-bottom: 4.5rem;
    padding-left: 9rem; }
    @media screen and (min-width: 0px) and (max-width: 500px) {
      .infoBox__layer {
        margin-bottom: 4rem; } }
  .infoBox__icon {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    width: 7rem; }
    @media screen and (min-width: 500px) and (max-width: 1024px) {
      .infoBox__icon {
        width: 9rem; } }
  .infoBox__link {
    font-family: 'RobotoB';
    font-size: 2.15rem;
    color: #1e314d; }
    @media screen and (min-width: 500px) and (max-width: 1024px) {
      .infoBox__link {
        font-size: 2.7rem; } }
    @media screen and (min-width: 0px) and (max-width: 500px) {
      .infoBox__link {
        font-size: 2.55rem; } }
  .infoBox__link + .infoBox__link {
    margin-top: 1rem; }
  .infoBox__social {
    align-items: center;
    margin-top: 7rem; }
    .infoBox__socialIcon {
      width: 4.5rem;
      height: 4.5rem; }
      @media screen and (min-width: 0px) and (max-width: 500px) {
        .infoBox__socialIcon {
          width: 6rem;
          height: 6rem; } }
      .infoBox__socialIcon._wa {
        background: url("/local/templates/pkmcom/css/img/btn-watsapp.svg") no-repeat;
        background-size: 4.4rem;
        background-position: center; }
        @media screen and (min-width: 0px) and (max-width: 500px) {
          .infoBox__socialIcon._wa {
            background-size: 5.9rem; } }
      .infoBox__socialIcon._tg {
        background: url("/local/templates/pkmcom/css/img/btn-telegram.svg") no-repeat;
        background-size: 4.4rem;
        background-position: center; }
        @media screen and (min-width: 0px) and (max-width: 500px) {
          .infoBox__socialIcon._tg {
            background-size: 5.9rem; } }
      .infoBox__socialIcon._viber {
        background: url("/local/templates/pkmcom/css/img/btn-viber.svg") no-repeat;
        background-size: 4.4rem;
        background-position: center; }
        @media screen and (min-width: 0px) and (max-width: 500px) {
          .infoBox__socialIcon._viber {
            background-size: 5.9rem; } }
    .infoBox__socialIcon + .infoBox__socialIcon {
      margin-left: 2rem; }

.formBox {
  width: 100%;
  position: relative;
  display: none; }
  .formBox._active {
    display: flex; }
  .formBox__title {
    font-size: 2.5rem;
    margin-bottom: 5rem;
    color: #1e314d; }
    @media screen and (min-width: 500px) and (max-width: 1024px) {
      .formBox__title {
        font-size: 2.7rem;
        margin-bottom: 6.5rem; } }
    @media screen and (min-width: 0px) and (max-width: 500px) {
      .formBox__title {
        font-size: 2.9rem;
        line-height: 1.5;
        margin-bottom: 3rem; } }
  .formBox__layer {
    width: 100%;
    justify-content: space-between;
    margin-bottom: 3.8rem; }
    .formBox__layer._end {
      justify-content: flex-end; }
    .formBox__layer._bottom {
      margin-bottom: 1.3rem; }
      @media screen and (min-width: 0px) and (max-width: 500px) {
        .formBox__layer._bottom {
          margin-top: 3rem; } }
    .formBox__layer._error {
      margin-bottom: 4rem; }
      @media screen and (min-width: 0px) and (max-width: 500px) {
        .formBox__layer._error {
          margin-bottom: 2rem; } }
    .formBox__layer._last {
      margin-bottom: 0; }
    .formBox__layer._none._active {
      display: none; }
    @media screen and (min-width: 500px) and (max-width: 1024px) {
      .formBox__layer {
        margin-bottom: 4.5rem; } }
    @media screen and (min-width: 0px) and (max-width: 500px) {
      .formBox__layer {
        flex-direction: column;
        justify-content: flex-start;
        margin-bottom: 2rem; } }
  .formBox__name {
    font-size: 1.65rem;
    color: #4c4c4c;
    margin-top: 1.1rem; }
    @media screen and (min-width: 500px) and (max-width: 1024px) {
      .formBox__name {
        font-size: 2.1rem; } }
    @media screen and (min-width: 0px) and (max-width: 500px) {
      .formBox__name {
        margin: 0 0 1rem 0;
        font-size: 1.9rem; } }
  .formBox__input {
    width: 48rem; }
    @media screen and (min-width: 500px) and (max-width: 1024px) {
      .formBox__input {
        width: 57rem; } }
    @media screen and (min-width: 0px) and (max-width: 500px) {
      .formBox__input {
        width: 100%; } }
  .formBox__label {
    width: 48rem; }
    @media screen and (min-width: 500px) and (max-width: 1024px) {
      .formBox__label {
        width: 57rem; } }
    @media screen and (min-width: 0px) and (max-width: 500px) {
      .formBox__label {
        width: 100%; } }
  .formBox__confirm {
    width: 48rem; }
    @media screen and (min-width: 500px) and (max-width: 1024px) {
      .formBox__confirm {
        width: 57rem; } }
    @media screen and (min-width: 0px) and (max-width: 500px) {
      .formBox__confirm {
        width: 100%; } }
  .formBox__errorBox {
    width: 48rem;
    align-items: center;
    opacity: 0;
    visibility: hidden; }
    @media screen and (min-width: 500px) and (max-width: 1024px) {
      .formBox__errorBox {
        width: 57rem; } }
    @media screen and (min-width: 0px) and (max-width: 500px) {
      .formBox__errorBox {
        width: 100%; } }
    .formBox__errorBox._active {
      opacity: 1;
      visibility: visible; }
  .formBox__warning {
    width: 3rem;
    margin-right: 2.5rem; }
    @media screen and (min-width: 0px) and (max-width: 500px) {
      .formBox__warning {
        width: 4rem; } }
  .formBox__error {
    width: 95%;
    font-family: 'RobotoB';
    font-size: 1.4rem;
    color: #df1330; }
    @media screen and (min-width: 0px) and (max-width: 500px) {
      .formBox__error {
        font-size: 1.8rem; } }
  @media screen and (min-width: 0px) and (max-width: 500px) {
    .formBox__button {
      margin: 0 auto; } }
  .formBox__mask {
    position: absolute;
    background: #dae2ea;
    width: 100%;
    height: calc(100% - 7rem);
    bottom: 0;
    left: 0;
    justify-content: center;
    align-items: center;
    text-align: center;
    z-index: 2;
    display: none; }
    @media screen and (min-width: 0px) and (max-width: 500px) {
      .formBox__mask {
        padding: 5vw; } }
  .formBox__thanks {
    font-size: 2rem;
    line-height: 1.5; }
    @media screen and (min-width: 0px) and (max-width: 500px) {
      .formBox__thanks {
        font-size: 2.4rem; } }

.input {
  width: 100%;
  height: 4.3rem;
  background: #fff;
  border-radius: .6rem;
  font-size: 2rem;
  padding-left: 1rem;
  border: .2rem solid transparent; }
  .input.invalid {
    border-color: #df1330; }
  @media screen and (min-width: 500px) and (max-width: 1024px) {
    .input {
      height: 5rem; } }
  @media screen and (min-width: 0px) and (max-width: 500px) {
    .input {
      height: 6rem; } }

.textarea {
  width: 100%;
  height: 15rem;
  background: #fff;
  border-radius: .6rem;
  font-size: 2rem;
  padding-left: 1.2rem;
  padding-top: 1.5rem;
  resize: none;
  border: .2rem solid transparent; }
  .textarea.invalid {
    border-color: #df1330; }
  @media screen and (min-width: 500px) and (max-width: 1024px) {
    .textarea {
      height: 21rem; } }
  @media screen and (min-width: 0px) and (max-width: 500px) {
    .textarea {
      height: 21rem; } }

.file {
  width: 100%;
  height: 5rem;
  border-radius: .6rem;
  border: .25rem dashed #1e8fd2;
  justify-content: center;
  align-items: center;
  cursor: pointer; }
  .file__input {
    display: none; }
  .file__content {
    font-size: 1.45rem;
    color: #1e8fd2; }
    @media screen and (min-width: 500px) and (max-width: 1024px) {
      .file__content {
        font-size: 1.7rem; } }
    @media screen and (min-width: 0px) and (max-width: 500px) {
      .file__content {
        font-size: 2rem; } }
  @media screen and (min-width: 500px) and (max-width: 1024px) {
    .file {
      height: 6rem;
      border-width: .2rem; } }
  @media screen and (min-width: 0px) and (max-width: 500px) {
    .file {
      height: 6rem;
      border-width: .3rem; } }

.confirmBox {
  width: 100%; }
  .confirmBox__input {
    display: none; }
  .confirmBox__field {
    position: relative;
    width: 3rem;
    height: 3rem;
    background: #fff;
    border-radius: .6rem;
    cursor: pointer;
    margin-right: 2.5rem; }
    @media screen and (min-width: 500px) and (max-width: 1024px) {
      .confirmBox__field {
        width: 3.5rem;
        height: 3.5rem; } }
    @media screen and (min-width: 0px) and (max-width: 500px) {
      .confirmBox__field {
        width: 3.5rem;
        height: 3.5rem;
        margin-right: 3rem; } }
  .confirmBox__icon {
    position: absolute;
    top: -.2rem;
    right: -.6rem;
    width: 3.3rem;
    opacity: 0; }
    .confirmBox__icon.JStrans {
      transition: .2s ease-out; }
    @media screen and (min-width: 500px) and (max-width: 1024px) {
      .confirmBox__icon {
        width: 4rem; } }
    @media screen and (min-width: 0px) and (max-width: 500px) {
      .confirmBox__icon {
        width: 4rem;
        right: -.8rem; } }
  .confirmBox__input:checked ~ .confirmBox__field .confirmBox__icon {
    opacity: 1; }
  .confirmBox__content {
    width: 80%;
    font-size: 1.3rem;
    line-height: 1.5;
    cursor: pointer; }
    @media screen and (min-width: 500px) and (max-width: 1024px) {
      .confirmBox__content {
        font-size: 1.7rem;
        width: 85%; } }
    @media screen and (min-width: 0px) and (max-width: 500px) {
      .confirmBox__content {
        font-size: 1.85rem; } }
  .confirmBox__link {
    color: #1e8fd2; }

.footer {
  padding: 6rem 0;
  background: #e3e6e8; }
  @media screen and (min-width: 500px) and (max-width: 1024px) {
    .footer {
      padding-bottom: 8rem; } }
  .footer__layer {
    width: 100%; }
    .footer__layer._last {
      justify-content: space-between;
      align-items: center;
      margin-top: 4rem; }
      @media screen and (min-width: 0px) and (max-width: 500px) {
        .footer__layer._last {
          margin-top: 6rem;
          flex-direction: column;
          align-items: flex-start; } }
    @media screen and (min-width: 0px) and (max-width: 500px) {
      .footer__layer {
        flex-direction: column;
        align-items: flex-start; } }
  .footer__items {
    width: 26%;
    padding-right: 13rem; }
    .footer__items._right {
      width: auto;
      margin-left: auto;
      padding-right: 4rem; }
      @media screen and (min-width: 500px) and (max-width: 1024px) {
        .footer__items._right {
          width: 22%; } }
      @media screen and (min-width: 0px) and (max-width: 500px) {
        .footer__items._right {
          width: 100%;
          margin-left: 0;
          padding-right: 0; }
          .footer__items._right:last-child {
            margin-bottom: 0; } }
    @media screen and (min-width: 500px) and (max-width: 1024px) {
      .footer__items {
        width: 26%;
        padding-right: 5rem; } }
    @media screen and (min-width: 0px) and (max-width: 500px) {
      .footer__items {
        width: 100%;
        padding-right: 0;
        margin-bottom: 6rem; } }
  .footer__content {
    font-size: 1.45rem;
    color: #464646; }
    @media screen and (min-width: 500px) and (max-width: 1024px) {
      .footer__content {
        font-size: 1.8rem; } }
    @media screen and (min-width: 0px) and (max-width: 500px) {
      .footer__content {
        font-size: 1.8rem; } }
  .footer__inside {
    align-items: center;
    margin-right: 8rem;
    margin-top: -1rem; }
    @media screen and (min-width: 500px) and (max-width: 1024px) {
      .footer__inside {
        margin-right: 2rem; } }
    @media screen and (min-width: 0px) and (max-width: 500px) {
      .footer__inside {
        margin-top: 5rem; } }
  .footer__logo {
    width: 3rem;
    margin-right: 1rem; }
    @media screen and (min-width: 500px) and (max-width: 1024px) {
      .footer__logo {
        width: 4rem; } }
    @media screen and (min-width: 0px) and (max-width: 500px) {
      .footer__logo {
        width: 3rem;
        margin-right: 1.5rem; } }
  .footer__name {
    font-size: 1.45rem;
    color: #c1c3c5; }
    @media screen and (min-width: 500px) and (max-width: 1024px) {
      .footer__name {
        font-size: 1.8rem; } }
    @media screen and (min-width: 0px) and (max-width: 500px) {
      .footer__name {
        font-size: 1.7rem; } }

.footerBox {
  width: 100%; }
  .footerBox__title {
    font-family: 'RobotoB';
    font-size: 1.65rem;
    color: #1e314d;
    margin-bottom: 1rem; }
    @media screen and (min-width: 500px) and (max-width: 1024px) {
      .footerBox__title {
        font-size: 2.2rem;
        margin-bottom: 1.5rem; } }
    @media screen and (min-width: 0px) and (max-width: 500px) {
      .footerBox__title {
        font-size: 2.3rem; } }
  .footerBox__list {
    margin-top: 1rem; }
  .footerBox__items {
    margin: .7rem 0; }
    .footerBox__items._right {
      margin: .5rem 0; }
  .footerBox__link {
    font-size: 1.45rem;
    line-height: 1.4;
    color: #3899d6; }
    @media screen and (min-width: 500px) and (max-width: 1024px) {
      .footerBox__link {
        font-size: 1.85rem;
        line-height: 1.5; } }
    @media screen and (min-width: 0px) and (max-width: 500px) {
      .footerBox__link {
        font-size: 1.9rem;
        line-height: 1.6; } }
    .footerBox__link a {
      font-size: 1.45rem;
      line-height: 1.4;
      color: #464646; }
      @media screen and (min-width: 500px) and (max-width: 1024px) {
        .footerBox__link a {
          font-size: 1.85rem;
          line-height: 1.5; } }
      @media screen and (min-width: 0px) and (max-width: 500px) {
        .footerBox__link a {
          font-size: 1.9rem;
          line-height: 1.6; } }
  .footerBox__items._right .footerBox__link {
    color: #464646; }

.menuMobile {
  position: fixed;
  top: 10rem;
  height: calc(100% - 10rem);
  left: 0;
  width: 100%;
  background: #fff;
  padding: 5rem 5vw;
  z-index: 100;
  display: none; }

.menuIcon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 4rem;
  height: 20px;
  position: relative; }
  .menuIcon * {
    transition: .25s ease-in-out; }
  .menuIcon__line {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
  .menuIcon__line .menuIcon__items {
    width: 4rem;
    height: 2px;
    position: relative;
    top: 0;
    left: 0;
    background: #df1330; }
    .menuIcon__line .menuIcon__items:not(:first-child) {
      margin-top: .6rem; }
    .menuIcon__line .menuIcon__items:nth-child(1) {
      transition-delay: .5s; }
    .menuIcon__line .menuIcon__items:nth-child(2) {
      transition-delay: .625s; }
    .menuIcon__line .menuIcon__items:nth-child(3) {
      transition-delay: .75s; }
  .menuIcon__cross {
    position: absolute;
    height: 100%;
    width: 100%;
    transform: rotate(45deg);
    z-index: 999;
    top: -5.5px;
    left: 7px; }
  .menuIcon__cross .menuIcon__items {
    background: #df1330; }
    .menuIcon__cross .menuIcon__items:nth-child(1) {
      height: 0%;
      width: 2px;
      position: absolute;
      top: 7px;
      left: 50%;
      transition-delay: 0s;
      margin-left: 0; }
    .menuIcon__cross .menuIcon__items:nth-child(2) {
      width: 0%;
      height: 2px;
      position: absolute;
      left: 14px;
      top: 50%;
      transition-delay: .25s;
      margin-left: -11px;
      margin-top: 8px; }
  .menuIcon._open .menuIcon__line .menuIcon__items {
    width: 0%; }
  .menuIcon._open .menuIcon__line .menuIcon__items:nth-child(1) {
    transition-delay: 0s; }
  .menuIcon._open .menuIcon__line .menuIcon__items:nth-child(2) {
    transition-delay: .125s; }
  .menuIcon._open .menuIcon__line .menuIcon__items:nth-child(3) {
    transition-delay: .25s; }
  .menuIcon._open .menuIcon__cross .menuIcon__items:nth-child(1) {
    height: 25px;
    transition-delay: .625s; }
  .menuIcon._open .menuIcon__cross .menuIcon__items:nth-child(2) {
    width: 25px;
    transition-delay: .375s; }

.sectionProduct {
  padding: 0 0 8rem 0; }
  .sectionProduct._kategory {
    padding-bottom: 0; }
  .sectionProduct._product {
    padding-bottom: 0; }
  @media screen and (min-width: 0) and (max-width: 500px) {
    .sectionProduct._contacts {
      padding-bottom: 0; } }
  .sectionProduct__wrapper {
    flex-direction: row;
    justify-content: space-between; }
    @media screen and (min-width: 0px) and (max-width: 500px) {
      .sectionProduct__wrapper {
        flex-direction: column;
        justify-content: flex-start; } }
  .sectionProduct__items._left {
    width: 22.5%;
    margin-top: -6.5rem; }
    @media screen and (min-width: 500px) and (max-width: 1024px) {
      .sectionProduct__items._left {
        width: 23%;
        margin-top: -8rem; } }
    @media screen and (min-width: 0px) and (max-width: 500px) {
      .sectionProduct__items._left {
        width: 100%;
        margin-top: 0;
        padding: 3rem;
        border-radius: .6rem;
        border: .2rem solid #ebedee;
        margin-bottom: 4rem; } }
  .sectionProduct__items._right {
    width: 74.5%; }
    @media screen and (min-width: 500px) and (max-width: 1024px) {
      .sectionProduct__items._right {
        width: 73.5%; } }
    @media screen and (min-width: 0px) and (max-width: 500px) {
      .sectionProduct__items._right {
        width: 100%; } }
  .sectionProduct__layer {
    width: 100%;
    flex-wrap: wrap;
    margin-top: 5rem; }
  .sectionProduct__block {
    width: 31%;
    margin-bottom: 5rem; }
    .sectionProduct__block:not(:nth-child(3n)) {
      margin-right: calc(7% / 2); }
      @media screen and (min-width: 0px) and (max-width: 500px) {
        .sectionProduct__block:not(:nth-child(3n)) {
          margin-right: 0; } }
    .sectionProduct__block:nth-last-child(1) {
      margin-bottom: 0; }
      @media screen and (min-width: 0px) and (max-width: 500px) {
        .sectionProduct__block:nth-last-child(1) {
          margin-bottom: 3rem; } }
    .sectionProduct__block:nth-last-child(2) {
      margin-bottom: 0; }
      @media screen and (min-width: 0px) and (max-width: 500px) {
        .sectionProduct__block:nth-last-child(2) {
          margin-bottom: 3rem; } }
    .sectionProduct__block:nth-last-child(3) {
      margin-bottom: 0; }
      @media screen and (min-width: 0px) and (max-width: 500px) {
        .sectionProduct__block:nth-last-child(3) {
          margin-bottom: 3rem; } }
    @media screen and (min-width: 500px) and (max-width: 1024px) {
      .sectionProduct__block {
        margin-bottom: 5rem; } }
    @media screen and (min-width: 0px) and (max-width: 500px) {
      .sectionProduct__block {
        width: 49%;
        margin-bottom: 3rem; }
        .sectionProduct__block:not(:nth-child(2n)) {
          margin-right: 2%; }
        .sectionProduct__block:nth-last-child(1) {
          margin-bottom: 0; }
        .sectionProduct__block:nth-last-child(2) {
          margin-bottom: 0; } }
  .sectionProduct__content {
    margin-top: 3rem; }
    .sectionProduct__content p {
      font-family: 'RobotoL';
      color: #000;
      font-size: 1.68rem;
      line-height: 2;
      font-size: 1.25rem; }
      @media screen and (min-width: 500px) and (max-width: 1024px) {
        .sectionProduct__content p {
          font-size: 2rem;
          line-height: 1.8; } }
      @media screen and (min-width: 0px) and (max-width: 500px) {
        .sectionProduct__content p {
          font-size: 2rem;
          line-height: 1.55; } }
      @media screen and (min-width: 500px) and (max-width: 1024px) {
        .sectionProduct__content p {
          font-size: 2rem; } }
      @media screen and (min-width: 0) and (max-width: 500px) {
        .sectionProduct__content p {
          font-size: 2rem;
          line-height: 2; } }
  .sectionProduct__box {
    width: 100%;
    margin-top: 6rem; }
    .sectionProduct__box._product {
      margin-top: 1rem; }
      @media screen and (min-width: 500px) and (max-width: 1024px) {
        .sectionProduct__box._product {
          margin-top: 4rem; } }
      @media screen and (min-width: 0) and (max-width: 500px) {
        .sectionProduct__box._product {
          margin-top: 4rem; } }
    .sectionProduct__box._contacts {
      margin-top: 3rem; }
    .sectionProduct__box._content {
      margin-top: 2rem; }
  .sectionProduct__material {
    width: 100%;
    margin-top: 3rem; }
  .sectionProduct__material._imp p {
    margin: 0; }
  .sectionProduct__info {
    width: 100%;
    justify-content: space-between;
    margin-top: 3.5rem; }
    @media screen and (min-width: 0) and (max-width: 500px) {
      .sectionProduct__info {
        flex-direction: column; } }
  .sectionProduct__infoItems._left {
    width: 31%; }
    @media screen and (min-width: 0) and (max-width: 500px) {
      .sectionProduct__infoItems._left {
        width: 100%;
        margin-bottom: 2rem; } }
  .sectionProduct__infoItems._right {
    width: 65%; }
    @media screen and (min-width: 0) and (max-width: 500px) {
      .sectionProduct__infoItems._right {
        width: 100%; } }
  .sectionProduct__infoItems._imp p {
    margin: 0 !important; }
  .sectionProduct__button {
    margin-top: 3rem; }
  .sectionProduct._news .sectionProduct__title {
    margin-bottom: 3rem; }
  .sectionProduct__table {
    width: 100%;
    padding: 3rem 0;
    border-top: .2rem solid #f2f3f4;
    border-bottom: .2rem solid #f2f3f4; }
    .sectionProduct__table._borderNo {
      border: none; }
  .sectionProduct__titleTable {
    font-size: 1.8rem;
    color: #1e314d; }
    @media screen and (min-width: 500px) and (max-width: 1024px) {
      .sectionProduct__titleTable {
        font-size: 2.8rem; } }
    @media screen and (min-width: 0) and (max-width: 500px) {
      .sectionProduct__titleTable {
        font-size: 2.8rem; } }
  .sectionProduct__titleMedium h2,
  .sectionProduct__titleMedium h3 {
    font-size: 1.7rem;
    color: #1e314d;
    margin-top: 2rem; }
    @media screen and (min-width: 500px) and (max-width: 1024px) {
      .sectionProduct__titleMedium h2,
      .sectionProduct__titleMedium h3 {
        font-size: 2.7rem; } }
    @media screen and (min-width: 0) and (max-width: 500px) {
      .sectionProduct__titleMedium h2,
      .sectionProduct__titleMedium h3 {
        font-size: 3rem;
        line-height: 1.3;
        margin-top: 5rem; } }
  .sectionProduct__contacts {
    width: 100%;
    margin-top: 6rem; }

.sideBar {
  width: 100%;
  position: relative; }
  .sideBar__sqrt {
    position: absolute;
    top: 0;
    right: 0;
    width: 3rem; }
  .sideBar__title {
    font-size: 2.2rem;
    color: #1e314d; }
    @media screen and (min-width: 500px) and (max-width: 1024px) {
      .sideBar__title {
        font-size: 3.5rem; } }
    @media screen and (min-width: 0px) and (max-width: 500px) {
      .sideBar__title {
        position: relative;
        z-index: 2;
        font-size: 2.7rem;
        text-transform: uppercase;
        margin-bottom: 0; } }
  .sideBar__wrapper {
    margin-top: 3rem; }
    @media screen and (min-width: 0px) and (max-width: 500px) {
      .sideBar__wrapper {
        display: none;
        margin-top: 3rem; } }
  .sideBar__block {
    padding: 1.9rem 0;
    border-bottom: .1rem solid #ebedee; }
    @media screen and (min-width: 500px) and (max-width: 1024px) {
      .sideBar__block {
        padding: 2.5rem 0; } }
    @media screen and (min-width: 0px) and (max-width: 500px) {
      .sideBar__block:last-child {
        border: none;
        padding-bottom: 0; } }
  .sideBar__layer {
    width: 100%;
    justify-content: space-between;
    align-items: center; }
  .sideBar__name {
    width: 85%;
    font-size: 1.5rem;
    color: #1e314d;
    line-height: 1.3; }
    @media screen and (min-width: 500px) and (max-width: 1024px) {
      .sideBar__name {
        font-size: 2.5rem; } }
    @media screen and (min-width: 0px) and (max-width: 500px) {
      .sideBar__name {
        font-size: 2.5rem; } }
  .sideBar__icon {
    width: 2rem;
    cursor: pointer; }
    .sideBar__icon.JStrans {
      transition: .2s ease-out; }
    .sideBar__icon._active {
      transform: rotate(180deg); }
    @media screen and (min-width: 500px) and (max-width: 1024px) {
      .sideBar__icon {
        width: 3.5rem; } }
    @media screen and (min-width: 0px) and (max-width: 500px) {
      .sideBar__icon {
        width: 3.5rem; } }
  .sideBar__list {
    padding-left: 1.5rem;
    display: none; }
    @media screen and (min-width: 0px) and (max-width: 500px) {
      .sideBar__list {
        padding: 0 2.3rem; } }
  .sideBar__items {
    margin: 1.1rem 0; }
    .sideBar__items:last-child {
      margin-bottom: 0; }
    @media screen and (min-width: 500px) and (max-width: 1024px) {
      .sideBar__items {
        margin: 1.5rem 0; } }
    @media screen and (min-width: 0px) and (max-width: 500px) {
      .sideBar__items {
        margin: 1.8rem 0; } }
  .sideBar__link {
    font-size: 1.3rem;
    color: #1e314d; }
    @media screen and (min-width: 500px) and (max-width: 1024px) {
      .sideBar__link {
        font-size: 2.1rem; } }
    @media screen and (min-width: 0px) and (max-width: 500px) {
      .sideBar__link {
        font-size: 2.3rem; } }

.topBar {
  padding-top: 22rem;
  padding-bottom: 3rem; }
  @media screen and (min-width: 500px) and (max-width: 1024px) {
    .topBar {
      padding-top: 24rem; } }
  @media screen and (min-width: 0px) and (max-width: 500px) {
    .topBar {
      padding-top: 14rem; } }
  .topBar__nav {
    padding: 1.5rem 1.8rem 1.3rem 1.8rem;
    border-radius: .6rem;
    background: #f4f4f4;
    margin-left: 37.5rem; }
    @media screen and (min-width: 500px) and (max-width: 1024px) {
      .topBar__nav {
        margin-left: 40rem;
        padding: 2rem 3.5rem 1.8rem 3.5rem; } }
    @media screen and (min-width: 0px) and (max-width: 500px) {
      .topBar__nav {
        width: 100%;
        margin-left: 0;
        padding: 2.1rem 3.5rem 2.1rem 3.5rem;
        flex-wrap: wrap; } }
  .topBar__link {
    font-size: 1.34rem;
    line-height: 1.5;
    color: #007dc6;
    display: inline; }
    .topBar__link._curry {
      color: #464646; }
    @media screen and (min-width: 500px) and (max-width: 1024px) {
      .topBar__link {
        font-size: 2rem; } }
    @media screen and (min-width: 0px) and (max-width: 500px) {
      .topBar__link {
        font-size: 2.1rem;
        margin: 1rem 0; } }
  .topBar__slash {
    font-size: 1.3rem;
    line-height: 1.5;
    display: inline;
    margin: 0 1rem;
    color: #c5c5c5; }
    @media screen and (min-width: 500px) and (max-width: 1024px) {
      .topBar__slash {
        font-size: 1.9rem;
        margin: 0 2rem; } }
    @media screen and (min-width: 0px) and (max-width: 500px) {
      .topBar__slash {
        font-size: 2rem;
        margin: 0 2rem; } }

.descriptionBox {
  width: 100%;
  padding: 3rem 0;
  border-top: .2rem solid #f2f3f4;
  border-bottom: .2rem solid #f2f3f4; }
  .descriptionBox._item {
    padding: 0;
    border: none; }
  .descriptionBox._top {
    margin-top: 5rem; }
  @media screen and (min-width: 500px) and (max-width: 1024px) {
    .descriptionBox {
      border-width: .3rem; } }
  @media screen and (min-width: 0) and (max-width: 500px) {
    .descriptionBox {
      padding: 5rem 0; } }
  .descriptionBox__block {
    margin-bottom: 3rem; }
    .descriptionBox__block:last-child {
      margin-bottom: 0; }
  .descriptionBox__title,
  .descriptionBox h2,
  .descriptionBox h3 {
    font-size: 2rem;
    color: #1e314d;
    margin-bottom: 1rem;
    margin-top: 4rem; }
    .descriptionBox__title:first-child,
    .descriptionBox h2:first-child,
    .descriptionBox h3:first-child {
      margin-top: 0; }
    @media screen and (min-width: 500px) and (max-width: 1024px) {
      .descriptionBox__title,
      .descriptionBox h2,
      .descriptionBox h3 {
        font-size: 2.7rem;
        margin-bottom: 2rem; } }
    @media screen and (min-width: 0) and (max-width: 500px) {
      .descriptionBox__title,
      .descriptionBox h2,
      .descriptionBox h3 {
        font-size: 3rem;
        margin-bottom: 2rem;
        line-height: 1.3;
        margin-top: 5rem; } }
  .descriptionBox__content,
  .descriptionBox p {
    font-size: 1.6rem;
    line-height: 1.8;
    margin: 1rem 0; }
    .descriptionBox__content._top,
    .descriptionBox p._top {
      margin-top: 0; }
    @media screen and (min-width: 500px) and (max-width: 1024px) {
      .descriptionBox__content,
      .descriptionBox p {
        font-size: 2rem; } }
    @media screen and (min-width: 0) and (max-width: 500px) {
      .descriptionBox__content,
      .descriptionBox p {
        font-size: 2.2rem; } }
  .descriptionBox__list,
  .descriptionBox ul,
  .descriptionBox ol {
    margin: 1rem 0;
    counter-reset: list; }
    @media screen and (min-width: 0) and (max-width: 500px) {
      .descriptionBox__list,
      .descriptionBox ul,
      .descriptionBox ol {
        margin: 4rem 0; } }
  .descriptionBox__items,
  .descriptionBox li {
    position: relative;
    font-size: 1.5rem; }
    @media screen and (min-width: 500px) and (max-width: 1024px) {
      .descriptionBox__items,
      .descriptionBox li {
        font-size: 2rem; } }
    @media screen and (min-width: 0) and (max-width: 500px) {
      .descriptionBox__items,
      .descriptionBox li {
        font-size: 2.1rem;
        line-height: 1.3; } }
  .descriptionBox__list._dot .descriptionBox__items,
  .descriptionBox > ul > li {
    padding-left: 1.5rem;
    margin: 1rem 0; }
    @media screen and (min-width: 500px) and (max-width: 1024px) {
      .descriptionBox__list._dot .descriptionBox__items,
      .descriptionBox > ul > li {
        padding-left: 2.5rem;
        margin: 1.5rem 0; } }
    @media screen and (min-width: 0) and (max-width: 500px) {
      .descriptionBox__list._dot .descriptionBox__items,
      .descriptionBox > ul > li {
        padding-left: 2.5rem;
        margin: 1.5rem 0; } }
    .descriptionBox__list._dot .descriptionBox__items::after,
    .descriptionBox > ul > li::after {
      content: "°";
      font-size: 2.8rem;
      position: absolute;
      left: 0;
      top: 0;
      color: #df1330;
      z-index: 1;
      margin-top: .15rem; }
      @media screen and (min-width: 500px) and (max-width: 1024px) {
        .descriptionBox__list._dot .descriptionBox__items::after,
        .descriptionBox > ul > li::after {
          font-size: 4.4rem;
          margin-top: 0; } }
      @media screen and (min-width: 0) and (max-width: 500px) {
        .descriptionBox__list._dot .descriptionBox__items::after,
        .descriptionBox > ul > li::after {
          font-size: 5rem;
          margin-top: -.7rem; } }
  .descriptionBox__list._num .descriptionBox__items,
  .descriptionBox > ol > li {
    padding-left: 3rem;
    margin: 1.4rem 0; }
    @media screen and (min-width: 500px) and (max-width: 1024px) {
      .descriptionBox__list._num .descriptionBox__items,
      .descriptionBox > ol > li {
        padding-left: 4.5rem;
        margin: 2.3rem 0; } }
    @media screen and (min-width: 0) and (max-width: 500px) {
      .descriptionBox__list._num .descriptionBox__items,
      .descriptionBox > ol > li {
        padding-left: 4.5rem;
        margin: 2.3rem 0; } }
    .descriptionBox__list._num .descriptionBox__items::before,
    .descriptionBox > ol > li::before {
      content: counter(list);
      counter-increment: list;
      font-size: 1.2rem;
      position: absolute;
      left: 0;
      top: 50%;
      transform: translate(0, -50%);
      color: #1e314d;
      z-index: 2;
      border-radius: 36rem;
      border: .1rem solid #f2f2f2;
      width: 1.8rem;
      height: 1.8rem;
      display: flex;
      justify-content: center;
      align-items: center; }
      @media screen and (min-width: 500px) and (max-width: 1024px) {
        .descriptionBox__list._num .descriptionBox__items::before,
        .descriptionBox > ol > li::before {
          width: 3rem;
          height: 3rem;
          font-size: 1.7rem; } }
      @media screen and (min-width: 0) and (max-width: 500px) {
        .descriptionBox__list._num .descriptionBox__items::before,
        .descriptionBox > ol > li::before {
          width: 3rem;
          height: 3rem;
          font-size: 1.7rem;
          border-width: .2rem; } }
  .descriptionBox__name,
  .descriptionBox > span {
    font-size: 1.7rem;
    color: #333333;
    margin-top: 1rem; }
    @media screen and (min-width: 500px) and (max-width: 1024px) {
      .descriptionBox__name,
      .descriptionBox > span {
        font-size: 2.2rem; } }
    @media screen and (min-width: 0) and (max-width: 500px) {
      .descriptionBox__name,
      .descriptionBox > span {
        font-size: 2.3rem; } }
  .descriptionBox__hard,
  .descriptionBox span span {
    font-family: 'RobotoB';
    color: #333333; }
  .descriptionBox__button {
    margin-top: 2rem; }
    @media screen and (min-width: 500px) and (max-width: 1024px) {
      .descriptionBox__button {
        margin-top: 3rem; } }
    @media screen and (min-width: 0) and (max-width: 500px) {
      .descriptionBox__button {
        margin-top: 4rem; } }
  .descriptionBox__layer {
    width: 100%;
    justify-content: space-between;
    margin-top: 2rem; }
    @media screen and (min-width: 0) and (max-width: 500px) {
      .descriptionBox__layer {
        flex-direction: column;
        justify-content: flex-start;
        margin-top: 0; } }
  .descriptionBox__items._left {
    width: 53%; }
    @media screen and (min-width: 0) and (max-width: 500px) {
      .descriptionBox__items._left {
        width: 100%;
        margin-bottom: 2rem; } }
  .descriptionBox__items._right {
    width: 43.5%; }
    @media screen and (min-width: 0) and (max-width: 500px) {
      .descriptionBox__items._right {
        width: 100%; } }
    .descriptionBox__items._right p {
      margin-top: 0; }
  .descriptionBox__map {
    width: 100%;
    margin: 0 !important; }
  .descriptionBox img {
    width: 55rem;
    margin: 2rem 0; }
    @media screen and (min-width: 0) and (max-width: 500px) {
      .descriptionBox img {
        width: 100%; } }
  .descriptionBox > a {
    font-size: 1.5rem;
    text-decoration: underline;
    text-transform: uppercase;
    color: #3397d1;
    margin-top: 5rem; }
    @media screen and (min-width: 500px) and (max-width: 1024px) {
      .descriptionBox > a {
        font-size: 2rem; } }
    @media screen and (min-width: 0) and (max-width: 500px) {
      .descriptionBox > a {
        font-size: 2.3rem; } }
  .descriptionBox > ul > ul {
    margin: 1rem 0;
    margin-left: .5rem; }
    @media screen and (min-width: 0) and (max-width: 500px) {
      .descriptionBox > ul > ul {
        margin-left: 2rem; } }
    .descriptionBox > ul > ul > li {
      position: relative;
      margin: 1rem 0;
      padding-left: 1.5rem; }
      @media screen and (min-width: 0) and (max-width: 500px) {
        .descriptionBox > ul > ul > li {
          margin: 2rem 0; } }
      .descriptionBox > ul > ul > li::before {
        content: "°";
        position: absolute;
        top: .2rem;
        left: 0;
        font-size: 2rem; }
        @media screen and (min-width: 500px) and (max-width: 1024px) {
          .descriptionBox > ul > ul > li::before {
            font-size: 2.7rem;
            top: .2rem; } }
        @media screen and (min-width: 0) and (max-width: 500px) {
          .descriptionBox > ul > ul > li::before {
            font-size: 2.7rem;
            top: 0.2rem; } }
  .descriptionBox > ul > ul > ul {
    margin: 1rem 0;
    margin-left: 2rem; }
    @media screen and (min-width: 0) and (max-width: 500px) {
      .descriptionBox > ul > ul > ul {
        margin: 2rem 0;
        margin-left: 4rem; } }
    .descriptionBox > ul > ul > ul > li {
      position: relative;
      margin: 1rem 0;
      padding-left: 1.5rem; }
      .descriptionBox > ul > ul > ul > li::before {
        content: "-";
        position: absolute;
        top: 50%;
        transform: translate(0, -50%);
        left: 0;
        font-size: 2rem; }
        @media screen and (min-width: 500px) and (max-width: 1024px) {
          .descriptionBox > ul > ul > ul > li::before {
            font-size: 2.7rem; } }
        @media screen and (min-width: 0) and (max-width: 500px) {
          .descriptionBox > ul > ul > ul > li::before {
            font-size: 2.7rem; } }

.materialBox {
  width: 100%; }
  .materialBox__title {
    font-size: 1.9rem;
    color: #1e314d;
    margin-bottom: 2rem; }
    @media screen and (min-width: 500px) and (max-width: 1024px) {
      .materialBox__title {
        font-size: 3rem; } }
    @media screen and (min-width: 0) and (max-width: 500px) {
      .materialBox__title {
        font-size: 3rem; } }
  .materialBox__layer {
    width: 100%;
    flex-wrap: wrap;
    align-items: stretch; }
    @media screen and (min-width: 0) and (max-width: 500px) {
      .materialBox__layer {
        flex-direction: column;
        align-items: center; } }
  .materialBox__items {
    width: 24%;
    margin-bottom: 1.5rem; }
    .materialBox__items._product {
      width: 18%; }
      @media screen and (min-width: 500px) and (max-width: 1024px) {
        .materialBox__items._product {
          width: 32%;
          margin-bottom: 2.5rem; } }
      @media screen and (min-width: 0) and (max-width: 500px) {
        .materialBox__items._product {
          width: 100%; } }
    @media screen and (min-width: 500px) and (max-width: 1024px) {
      .materialBox__items {
        width: 32%;
        margin-bottom: 2.5rem; } }
    @media screen and (min-width: 0) and (max-width: 500px) {
      .materialBox__items {
        width: 100%;
        margin-bottom: 2.5rem; } }
    .materialBox__items:not(:nth-child(4n)) {
      margin-right: calc(4% / 3); }
      @media screen and (min-width: 500px) and (max-width: 1024px) {
        .materialBox__items:not(:nth-child(4n)) {
          margin-right: 0; } }
      @media screen and (min-width: 0) and (max-width: 500px) {
        .materialBox__items:not(:nth-child(4n)) {
          margin-right: 0; } }
    @media screen and (min-width: 500px) and (max-width: 1024px) {
      .materialBox__items:not(:nth-child(3n)) {
        margin-right: calc(4% / 2); } }
  @media screen and (min-width: 500px) and (max-width: 1024px) and (min-width: 0) and (max-width: 500px) {
    .materialBox__items:not(:nth-child(3n)) {
      margin-right: 0; } }

.downloadBox {
  width: 100%;
  padding: 1.2rem 1rem;
  border-radius: .4rem;
  border: .2rem solid #f2f3f4;
  align-items: center; }
  @media screen and (min-width: 500px) and (max-width: 1024px) {
    .downloadBox {
      border-width: .3rem;
      padding: 1.5rem; } }
  @media screen and (min-width: 0) and (max-width: 500px) {
    .downloadBox {
      padding: 2rem; } }
  .downloadBox__icon {
    width: 3.9rem;
    margin-right: 1rem; }
    .downloadBox__icon._imp {
      width: 3.9rem !important;
      margin: 0 1rem 0 0 !important; }
    @media screen and (min-width: 500px) and (max-width: 1024px) {
      .downloadBox__icon {
        width: 6.5rem;
        margin-right: 1.5rem; }
        .downloadBox__icon._imp {
          width: 6.5rem !important;
          margin: 0 1.5rem 0 0 !important; } }
    @media screen and (min-width: 0) and (max-width: 500px) {
      .downloadBox__icon {
        width: 6.5rem;
        margin-right: 2rem; }
        .downloadBox__icon._imp {
          width: 6.5rem !important;
          margin: 0 2rem 0 0 !important; } }
  .downloadBox__name {
    width: 90%;
    font-size: 1.5rem;
    line-height: 1.4;
    color: #1e314d; }
    @media screen and (min-width: 500px) and (max-width: 1024px) {
      .downloadBox__name {
        font-size: 2.4rem; } }
    @media screen and (min-width: 0) and (max-width: 500px) {
      .downloadBox__name {
        font-size: 2.7rem; } }

.propertyBox {
  width: 100%; }
  .propertyBox__layer {
    width: 100%;
    justify-content: space-between;
    align-items: center;
    padding: .9rem 1.5rem; }
    .propertyBox__layer:nth-child(2n) {
      background: #f4f4f4; }
    @media screen and (min-width: 500px) and (max-width: 1024px) {
      .propertyBox__layer {
        padding: 1.5rem; } }
    @media screen and (min-width: 0) and (max-width: 500px) {
      .propertyBox__layer {
        padding: 1.5rem; } }
  .propertyBox__content {
    font-size: 1.2rem; }
    @media screen and (min-width: 500px) and (max-width: 1024px) {
      .propertyBox__content {
        font-size: 2rem; } }
    @media screen and (min-width: 0) and (max-width: 500px) {
      .propertyBox__content {
        font-size: 1.95rem; } }

.tableProduct {
  width: 100%;
  overflow-x: auto; }
  .tableProduct__box {
    width: 107rem; }
    @media screen and (min-width: 500px) and (max-width: 1024px) {
      .tableProduct__box {
        width: 145rem; } }
    @media screen and (min-width: 0) and (max-width: 500px) {
      .tableProduct__box {
        width: 145rem; } }
    .tableProduct__box table td {
      padding: 1.5rem 4rem;
      font-size: 1.2rem;
      line-height: 1.3;
      color: #1d1d1d;
      text-align: center; }
      .tableProduct__box table td:first-child {
        text-align: left;
        padding-left: 0; }
        .tableProduct__box table td:first-child._center {
          text-align: center; }
      @media screen and (min-width: 500px) and (max-width: 1024px) {
        .tableProduct__box table td {
          font-size: 2rem; } }
      @media screen and (min-width: 0) and (max-width: 500px) {
        .tableProduct__box table td {
          font-size: 2rem; } }
    .tableProduct__box table a {
      color: #3397d1;
      font-family: 'RobotoB'; }
    .tableProduct__box table thead {
      padding: 2rem 0; }
    .tableProduct__box table thead tr:first-child {
      border-bottom: .3rem solid #df1330;
      padding-bottom: 2rem;
      padding-top: 1rem; }
    .tableProduct__box table tbody tr:first-child {
      padding-top: 2rem; }
    .tableProduct__box table span {
      color: #b2b2b2; }
  .tableProduct._product .tableProduct__box {
    width: 105rem; }
    @media screen and (min-width: 500px) and (max-width: 1024px) {
      .tableProduct._product .tableProduct__box {
        width: 120rem; } }
    @media screen and (min-width: 0) and (max-width: 500px) {
      .tableProduct._product .tableProduct__box {
        width: 120rem; } }
  .tableProduct._product table td {
    padding: 1.5rem 2rem;
    font-size: 1.2rem;
    line-height: 1.3;
    color: #1d1d1d;
    text-align: center; }
    .tableProduct._product table td:first-child {
      text-align: left;
      padding-left: 0; }
      .tableProduct._product table td:first-child._center {
        text-align: center; }
    @media screen and (min-width: 500px) and (max-width: 1024px) {
      .tableProduct._product table td {
        font-size: 2rem; } }
    @media screen and (min-width: 0) and (max-width: 500px) {
      .tableProduct._product table td {
        font-size: 2rem; } }
  .tableProduct._product table a {
    color: #3397d1;
    font-family: 'RobotoB'; }
  .tableProduct._product table thead {
    padding: 2rem 0; }
  .tableProduct._product table thead tr:last-child td {
    border-bottom: .3rem solid #df1330;
    padding-bottom: 2rem;
    padding-top: 1rem; }
  .tableProduct._product table tbody tr:first-child td {
    padding-top: 2rem; }
  .tableProduct._product table span {
    color: #b2b2b2; }

.dropBox {
  width: 100%;
  border-radius: 0 0 .6rem .6rem;
  box-shadow: 0 0 1rem 0.5rem rgba(0, 0, 0, 0.03);
  position: relative;
  overflow: hidden; }
  @media screen and (min-width: 0px) and (max-width: 500px) {
    .dropBox {
      border-radius: 0 0 2.7rem 2.7rem; } }
  .dropBox__items {
    width: 100%;
    padding: 2rem;
    background: #fff;
    justify-content: space-between;
    border-bottom: .2rem solid #f2f2f2; }
    .dropBox__items:last-child {
      border: none; }
  .dropBox__name {
    font-size: 1.7rem;
    color: #1e314d; }
    @media screen and (min-width: 500px) and (max-width: 1024px) {
      .dropBox__name {
        font-size: 2.2rem; } }
    @media screen and (min-width: 0px) and (max-width: 500px) {
      .dropBox__name {
        font-size: 2.2rem; } }
  .dropBox__description {
    font-size: 1.7rem;
    color: #848484; }
    @media screen and (min-width: 500px) and (max-width: 1024px) {
      .dropBox__description {
        font-size: 2.2rem; } }
    @media screen and (min-width: 0px) and (max-width: 500px) {
      .dropBox__description {
        font-size: 2.2rem; } }

.contactsBox {
  width: 100%;
  padding-bottom: 4rem;
  border-bottom: .2rem solid #f2f3f4; }
  .contactsBox__layer {
    width: 100%;
    justify-content: space-between; }
    @media screen and (min-width: 0) and (max-width: 500px) {
      .contactsBox__layer {
        flex-direction: column;
        justify-content: flex-start; } }
  .contactsBox__items {
    padding-right: 4rem; }
    @media screen and (min-width: 500px) and (max-width: 1024px) {
      .contactsBox__items._right {
        width: 34%; } }
    @media screen and (min-width: 0) and (max-width: 500px) {
      .contactsBox__items {
        margin: 1.5rem 0; } }
  .contactsBox__frame {
    width: 100%;
    height: 100%; }
  .contactsBox__icon {
    width: 2rem;
    margin-right: 2rem; }
    .contactsBox__icon._mail {
      width: 2.5rem; }
      @media screen and (min-width: 0) and (max-width: 500px) {
        .contactsBox__icon._mail {
          width: 3rem; } }
    .contactsBox__icon._imp {
      margin: 0 2rem 0 0 !important;
      width: 2rem !important; }
      @media screen and (min-width: 0) and (max-width: 500px) {
        .contactsBox__icon._imp {
          width: 3rem !important; } }
    @media screen and (min-width: 0) and (max-width: 500px) {
      .contactsBox__icon {
        width: 3rem; } }
  .contactsBox__content {
    font-size: 2rem;
    line-height: 1.3;
    margin: 0 !important; }
    @media screen and (min-width: 500px) and (max-width: 1024px) {
      .contactsBox__content {
        font-size: 2.3rem; } }
    @media screen and (min-width: 0) and (max-width: 500px) {
      .contactsBox__content {
        font-size: 2.3rem; } }
    .contactsBox__content._mail {
      font-size: 1.8rem;
      color: #007dc6; }
      @media screen and (min-width: 500px) and (max-width: 1024px) {
        .contactsBox__content._mail {
          font-size: 2rem; } }
      @media screen and (min-width: 0) and (max-width: 500px) {
        .contactsBox__content._mail {
          font-size: 2rem; } }
    .contactsBox__content._adress {
      font-size: 1.5rem;
      color: #464646; }
      @media screen and (min-width: 500px) and (max-width: 1024px) {
        .contactsBox__content._adress {
          font-size: 2rem; } }
      @media screen and (min-width: 0) and (max-width: 500px) {
        .contactsBox__content._adress {
          font-size: 2rem; } }
  .contactsBox__map {
    width: 100%;
    height: 40rem;
    margin: 4rem 0 0 0 !important;
    background: #f2f2f2; }
    .contactsBox__map .ymaps-layers-pane {
      filter: grayscale(1);
      -ms-filter: grayscale(1);
      -webkit-filter: grayscale(1);
      -moz-filter: grayscale(1);
      -o-filter: grayscale(1); }

.date {
  font-size: 1.1rem;
  color: #fff;
  margin: 2.5rem 0 1rem 0;
  padding: .7rem 1rem;
  border-radius: .5rem;
  margin-right: 2rem;
  background: #0069ab; }
  @media screen and (min-width: 500px) and (max-width: 1024px) {
    .date {
      font-size: 1.5rem;
      margin-bottom: 2rem; } }
  @media screen and (min-width: 0px) and (max-width: 500px) {
    .date {
      padding: 1rem 1.5rem;
      font-size: 1.9rem; } }

/* End */


/* Start:/local/templates/pkmcom/components/bitrix/breadcrumb/.default/style.css?179124447243*/
.topBar__link span{
    color: #007dc6;
}
/* End */
/* /local/templates/pkmcom/css/main.min.css?171257425189380 */
/* /local/templates/pkmcom/components/bitrix/breadcrumb/.default/style.css?179124447243 */