/* Start:/bitrix/templates/vpl_template/css/bootstrap-grid.css?168312133643997*/
/*!
 * Bootstrap Grid v4.0.0 (https://getbootstrap.com)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
@-ms-viewport {
  width: device-width;
}

html {
  box-sizing: border-box;
  -ms-overflow-style: scrollbar;
}

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

.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}

@media (min-width: 1199px) {
  .container {
    max-width: 1200px;
  }
}
@media(min-width: 1440px){
  .container{
      max-width: 1200px;
  }
}

@media(min-width: 1680px){
  .container{
      max-width: 1440px;
  }
}

.container-fluid {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.no-gutters > .col,
.no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}

.col-auto {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: none;
}

.col-1 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 8.333333%;
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}

.col-2 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}

.col-3 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.col-5 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}

.col-6 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 58.333333%;
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}

.col-8 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}

.col-9 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 83.333333%;
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}

.col-11 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 91.666667%;
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}

.col-12 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.order-first {
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1;
}

.order-last {
  -webkit-box-ordinal-group: 14;
  -ms-flex-order: 13;
  order: 13;
}

.order-0 {
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 0;
  order: 0;
}

.order-1 {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

.order-2 {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

.order-3 {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
}

.order-4 {
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 4;
  order: 4;
}

.order-5 {
  -webkit-box-ordinal-group: 6;
  -ms-flex-order: 5;
  order: 5;
}

.order-6 {
  -webkit-box-ordinal-group: 7;
  -ms-flex-order: 6;
  order: 6;
}

.order-7 {
  -webkit-box-ordinal-group: 8;
  -ms-flex-order: 7;
  order: 7;
}

.order-8 {
  -webkit-box-ordinal-group: 9;
  -ms-flex-order: 8;
  order: 8;
}

.order-9 {
  -webkit-box-ordinal-group: 10;
  -ms-flex-order: 9;
  order: 9;
}

.order-10 {
  -webkit-box-ordinal-group: 11;
  -ms-flex-order: 10;
  order: 10;
}

.order-11 {
  -webkit-box-ordinal-group: 12;
  -ms-flex-order: 11;
  order: 11;
}

.order-12 {
  -webkit-box-ordinal-group: 13;
  -ms-flex-order: 12;
  order: 12;
}

.offset-1 {
  margin-left: 8.333333%;
}

.offset-2 {
  margin-left: 16.666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.333333%;
}

.offset-5 {
  margin-left: 41.666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.333333%;
}

.offset-8 {
  margin-left: 66.666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.333333%;
}

.offset-11 {
  margin-left: 91.666667%;
}

@media (min-width: 576px) {
  .col-sm {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-sm-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-sm-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-sm-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-sm-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-sm-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-sm-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-sm-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-sm-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-sm-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-sm-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sm-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-sm-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13;
  }
  .order-sm-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  .order-sm-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .order-sm-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .order-sm-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .order-sm-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .order-sm-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }
  .order-sm-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
  }
  .order-sm-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
  }
  .order-sm-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
  }
  .order-sm-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
  }
  .order-sm-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
  }
  .order-sm-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11;
  }
  .order-sm-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.333333%;
  }
  .offset-sm-2 {
    margin-left: 16.666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.333333%;
  }
  .offset-sm-5 {
    margin-left: 41.666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.333333%;
  }
  .offset-sm-8 {
    margin-left: 66.666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.333333%;
  }
  .offset-sm-11 {
    margin-left: 91.666667%;
  }
}

@media (min-width: 768px) {
  .col-md {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-md-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-md-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-md-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-md-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-md-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-md-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-md-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-md-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-md-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-md-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-md-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13;
  }
  .order-md-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  .order-md-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .order-md-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .order-md-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .order-md-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .order-md-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }
  .order-md-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
  }
  .order-md-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
  }
  .order-md-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
  }
  .order-md-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
  }
  .order-md-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
  }
  .order-md-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11;
  }
  .order-md-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.333333%;
  }
  .offset-md-2 {
    margin-left: 16.666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.333333%;
  }
  .offset-md-5 {
    margin-left: 41.666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.333333%;
  }
  .offset-md-8 {
    margin-left: 66.666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.333333%;
  }
  .offset-md-11 {
    margin-left: 91.666667%;
  }
}

@media (min-width: 992px) {
  .col-lg {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-lg-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-lg-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-lg-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-lg-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-lg-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-lg-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-lg-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-lg-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-lg-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-lg-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-lg-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13;
  }
  .order-lg-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  .order-lg-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .order-lg-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .order-lg-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .order-lg-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .order-lg-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }
  .order-lg-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
  }
  .order-lg-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
  }
  .order-lg-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
  }
  .order-lg-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
  }
  .order-lg-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
  }
  .order-lg-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11;
  }
  .order-lg-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.333333%;
  }
  .offset-lg-2 {
    margin-left: 16.666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.333333%;
  }
  .offset-lg-5 {
    margin-left: 41.666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.333333%;
  }
  .offset-lg-8 {
    margin-left: 66.666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.333333%;
  }
  .offset-lg-11 {
    margin-left: 91.666667%;
  }
}

@media (min-width: 1200px) {
  .col-xl {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-xl-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-xl-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-xl-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-xl-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-xl-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-xl-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-xl-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-xl-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-xl-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-xl-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xl-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-xl-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13;
  }
  .order-xl-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  .order-xl-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .order-xl-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .order-xl-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .order-xl-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .order-xl-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }
  .order-xl-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
  }
  .order-xl-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
  }
  .order-xl-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
  }
  .order-xl-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
  }
  .order-xl-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
  }
  .order-xl-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11;
  }
  .order-xl-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.333333%;
  }
  .offset-xl-2 {
    margin-left: 16.666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.333333%;
  }
  .offset-xl-5 {
    margin-left: 41.666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.333333%;
  }
  .offset-xl-8 {
    margin-left: 66.666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.333333%;
  }
  .offset-xl-11 {
    margin-left: 91.666667%;
  }
}

.d-none {
  display: none !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.d-inline-flex {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-md-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media print {
  .d-print-none {
    display: none !important;
  }
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-print-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

.flex-row {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: row !important;
  flex-direction: row !important;
}

.flex-column {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
}

.flex-row-reverse {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: reverse !important;
  -ms-flex-direction: row-reverse !important;
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: reverse !important;
  -ms-flex-direction: column-reverse !important;
  flex-direction: column-reverse !important;
}

.flex-wrap {
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
}

.flex-nowrap {
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse !important;
  flex-wrap: wrap-reverse !important;
}

.justify-content-start {
  -webkit-box-pack: start !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
}

.justify-content-end {
  -webkit-box-pack: end !important;
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}

.justify-content-center {
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
}

.justify-content-between {
  -webkit-box-pack: justify !important;
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}

.justify-content-around {
  -ms-flex-pack: distribute !important;
  justify-content: space-around !important;
}

.align-items-start {
  -webkit-box-align: start !important;
  -ms-flex-align: start !important;
  align-items: flex-start !important;
}

.align-items-end {
  -webkit-box-align: end !important;
  -ms-flex-align: end !important;
  align-items: flex-end !important;
}

.align-items-center {
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
}

.align-items-baseline {
  -webkit-box-align: baseline !important;
  -ms-flex-align: baseline !important;
  align-items: baseline !important;
}

.align-items-stretch {
  -webkit-box-align: stretch !important;
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
}

.align-content-start {
  -ms-flex-line-pack: start !important;
  align-content: flex-start !important;
}

.align-content-end {
  -ms-flex-line-pack: end !important;
  align-content: flex-end !important;
}

.align-content-center {
  -ms-flex-line-pack: center !important;
  align-content: center !important;
}

.align-content-between {
  -ms-flex-line-pack: justify !important;
  align-content: space-between !important;
}

.align-content-around {
  -ms-flex-line-pack: distribute !important;
  align-content: space-around !important;
}

.align-content-stretch {
  -ms-flex-line-pack: stretch !important;
  align-content: stretch !important;
}

.align-self-auto {
  -ms-flex-item-align: auto !important;
  align-self: auto !important;
}

.align-self-start {
  -ms-flex-item-align: start !important;
  align-self: flex-start !important;
}

.align-self-end {
  -ms-flex-item-align: end !important;
  align-self: flex-end !important;
}

.align-self-center {
  -ms-flex-item-align: center !important;
  align-self: center !important;
}

.align-self-baseline {
  -ms-flex-item-align: baseline !important;
  align-self: baseline !important;
}

.align-self-stretch {
  -ms-flex-item-align: stretch !important;
  align-self: stretch !important;
}

@media (min-width: 576px) {
  .flex-sm-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-sm-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-sm-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-sm-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-sm-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-sm-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-sm-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-sm-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-sm-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-sm-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-sm-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-sm-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}

@media (min-width: 768px) {
  .flex-md-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-md-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-md-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-md-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-md-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-md-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-md-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-md-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-md-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-md-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-md-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-md-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-md-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-md-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-md-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-md-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-md-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-md-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-md-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}

@media (min-width: 992px) {
  .flex-lg-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-lg-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-lg-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-lg-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-lg-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-lg-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-lg-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-lg-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-lg-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-lg-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-lg-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-lg-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}

@media (min-width: 1200px) {
  .flex-xl-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-xl-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-xl-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xl-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-xl-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-xl-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-xl-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-xl-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-xl-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-xl-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-xl-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-xl-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}
/*# sourceMappingURL=bootstrap-grid.css.map */
/* End */


/* Start:/bitrix/templates/vpl_template/css/bootstrap-modal.css?16831213364650*/
.modal-open {
    overflow: hidden;
  }

  .modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
  }

  .modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0;
  }

  .modal-dialog {
    position: relative;
    width: auto;
    margin: 0.5rem;
    pointer-events: none;
  }

  .modal.fade .modal-dialog {
    transition: -webkit-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
    -webkit-transform: translate(0, -50px);
    transform: translate(0, -50px);
  }

  @media (prefers-reduced-motion: reduce) {
    .modal.fade .modal-dialog {
      transition: none;
    }
  }

  .modal.show .modal-dialog {
    -webkit-transform: none;
    transform: none;
  }

  .modal.modal-static .modal-dialog {
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
  }

  .modal-dialog-scrollable {
    display: -ms-flexbox;
    display: flex;
    max-height: calc(100% - 1rem);
  }

  .modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 1rem);
    overflow: hidden;
  }

  .modal-dialog-scrollable .modal-header,
  .modal-dialog-scrollable .modal-footer {
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }

  .modal-dialog-scrollable .modal-body {
    overflow-y: auto;
  }

  .modal-dialog-centered {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - 1rem);
  }

  .modal-dialog-centered::before {
    display: block;
    height: calc(100vh - 1rem);
    height: -webkit-min-content;
    height: -moz-min-content;
    height: min-content;
    content: "";
  }

  .modal-dialog-centered.modal-dialog-scrollable {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
  }

  .modal-dialog-centered.modal-dialog-scrollable .modal-content {
    max-height: none;
  }

  .modal-dialog-centered.modal-dialog-scrollable::before {
    content: none;
  }

  .modal-content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0.3rem;
    outline: 0;
  }

  .modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000;
  }

  .modal-backdrop.fade {
    opacity: 0;
  }

  .modal-backdrop.show {
    opacity: 0.5;
  }

  .modal-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: calc(0.3rem - 1px);
    border-top-right-radius: calc(0.3rem - 1px);
  }

  .modal-header .close {
    padding: 1rem 1rem;
    margin: -1rem -1rem -1rem auto;
  }

  .modal-title {
    margin-bottom: 0;
    line-height: 1.5;
  }

  .modal-body {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1rem;
  }

  .modal-footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 0.75rem;
    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: calc(0.3rem - 1px);
    border-bottom-left-radius: calc(0.3rem - 1px);
  }

  .modal-footer > * {
    margin: 0.25rem;
  }

  .modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
  }

  @media (min-width: 576px) {
    .modal-dialog {
      max-width: 500px;
      margin: 1.75rem auto;
    }
    .modal-dialog-scrollable {
      max-height: calc(100% - 3.5rem);
    }
    .modal-dialog-scrollable .modal-content {
      max-height: calc(100vh - 3.5rem);
    }
    .modal-dialog-centered {
      min-height: calc(100% - 3.5rem);
    }
    .modal-dialog-centered::before {
      height: calc(100vh - 3.5rem);
      height: -webkit-min-content;
      height: -moz-min-content;
      height: min-content;
    }
    .modal-sm {
      max-width: 300px;
    }
  }

  @media (min-width: 992px) {
    .modal-lg,
    .modal-xl {
      max-width: 800px;
    }
  }

  @media (min-width: 1200px) {
    .modal-xl {
      max-width: 1140px;
    }
  }
/* End */


/* Start:/bitrix/templates/vpl_template/css/slick.css?16831213361776*/
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

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

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[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;
}

/* End */


/* Start:/bitrix/templates/vpl_template/css/fancybox.css?168312133615598*/
.carousel{position:relative;box-sizing:border-box}.carousel *,.carousel *:before,.carousel *:after{box-sizing:inherit}.carousel.is-draggable{cursor:move;cursor:grab}.carousel.is-dragging{cursor:move;cursor:grabbing}.carousel__viewport{position:relative;overflow:hidden;max-width:100%;max-height:100%}.carousel__track{display:flex}.carousel__slide{flex:0 0 auto;width:var(--carousel-slide-width, 60%);max-width:100%;padding:1rem;position:relative;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.has-dots{margin-bottom:calc(0.5rem + 22px)}.carousel__dots{margin:0 auto;padding:0;position:absolute;top:calc(100% + 0.5rem);left:0;right:0;display:flex;justify-content:center;list-style:none;user-select:none}.carousel__dots .carousel__dot{margin:0;padding:0;display:block;position:relative;width:22px;height:22px;cursor:pointer}.carousel__dots .carousel__dot:after{content:"";width:8px;height:8px;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background-color:currentColor;opacity:.25;transition:opacity .15s ease-in-out}.carousel__dots .carousel__dot.is-selected:after{opacity:1}.carousel__button{width:var(--carousel-button-width, 48px);height:var(--carousel-button-height, 48px);padding:0;border:0;display:flex;justify-content:center;align-items:center;pointer-events:all;cursor:pointer;color:var(--carousel-button-color, currentColor);background:var(--carousel-button-bg, transparent);border-radius:var(--carousel-button-border-radius, 50%);box-shadow:var(--carousel-button-shadow, none);transition:opacity .15s ease}.carousel__button.is-prev,.carousel__button.is-next{position:absolute;top:50%;transform:translateY(-50%)}.carousel__button.is-prev{left:10px}.carousel__button.is-next{right:10px}.carousel__button[disabled]{cursor:default;opacity:.3}.carousel__button svg{width:var(--carousel-button-svg-width, 50%);height:var(--carousel-button-svg-height, 50%);fill:none;stroke:currentColor;stroke-width:var(--carousel-button-svg-stroke-width, 1.5);stroke-linejoin:bevel;stroke-linecap:round;filter:var(--carousel-button-svg-filter, none);pointer-events:none}html.with-fancybox{scroll-behavior:auto}body.compensate-for-scrollbar{overflow:hidden !important;touch-action:none}.fancybox__container{position:fixed;top:0;left:0;bottom:0;right:0;direction:ltr;margin:0;padding:env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px);box-sizing:border-box;display:flex;flex-direction:column;color:var(--fancybox-color, #fff);-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:hidden;z-index:1050;outline:none;transform-origin:top left;--carousel-button-width: 48px;--carousel-button-height: 48px;--carousel-button-svg-width: 24px;--carousel-button-svg-height: 24px;--carousel-button-svg-stroke-width: 2.5;--carousel-button-svg-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.4))}.fancybox__container *,.fancybox__container *::before,.fancybox__container *::after{box-sizing:inherit}.fancybox__container :focus{outline:none}body:not(.is-using-mouse) .fancybox__container :focus{box-shadow:0 0 0 1px #fff,0 0 0 2px var(--fancybox-accent-color, rgba(1, 210, 232, 0.94))}@media all and (min-width: 1024px){.fancybox__container{--carousel-button-width:48px;--carousel-button-height:48px;--carousel-button-svg-width:27px;--carousel-button-svg-height:27px}}.fancybox__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--fancybox-bg, rgba(24, 24, 27, 0.92))}.fancybox__carousel{position:relative;flex:1 1 auto;min-height:0;height:100%;z-index:10}.fancybox__carousel.has-dots{margin-bottom:calc(0.5rem + 22px)}.fancybox__viewport{position:relative;width:100%;height:100%;overflow:visible;cursor:default}.fancybox__track{display:flex;height:100%}.fancybox__slide{flex:0 0 auto;width:100%;max-width:100%;margin:0;padding:48px 8px 8px 8px;position:relative;overscroll-behavior:contain;display:flex;flex-direction:column;outline:0;overflow:auto;--carousel-button-width: 36px;--carousel-button-height: 36px;--carousel-button-svg-width: 22px;--carousel-button-svg-height: 22px}.fancybox__slide::before,.fancybox__slide::after{content:"";flex:0 0 0;margin:auto}@media all and (min-width: 1024px){.fancybox__slide{padding:64px 100px}}.fancybox__content{margin:0 env(safe-area-inset-right, 0px) 0 env(safe-area-inset-left, 0px);padding:36px;color:var(--fancybox-content-color, #374151);background:var(--fancybox-content-bg, #fff);position:relative;align-self:center;display:flex;flex-direction:column;z-index:20}.fancybox__content :focus:not(.carousel__button.is-close){outline:thin dotted;box-shadow:none}.fancybox__caption{align-self:center;max-width:100%;margin:0;padding:1rem 0 0 0;line-height:1.375;color:var(--fancybox-color, currentColor);visibility:visible;cursor:auto;flex-shrink:0;overflow-wrap:anywhere}.is-loading .fancybox__caption{visibility:hidden}.fancybox__container>.carousel__dots{top:100%;color:var(--fancybox-color, #fff)}.fancybox__nav .carousel__button{z-index:40}.fancybox__nav .carousel__button.is-next{right:8px}@media all and (min-width: 1024px){.fancybox__nav .carousel__button.is-next{right:40px}}.fancybox__nav .carousel__button.is-prev{left:8px}@media all and (min-width: 1024px){.fancybox__nav .carousel__button.is-prev{left:40px}}.carousel__button.is-close{position:absolute;top:8px;right:8px;top:calc(env(safe-area-inset-top, 0px) + 8px);right:calc(env(safe-area-inset-right, 0px) + 8px);z-index:40}@media all and (min-width: 1024px){.carousel__button.is-close{right:40px}}.fancybox__content>.carousel__button.is-close{position:absolute;top:-40px;right:0;color:var(--fancybox-color, #fff)}.fancybox__no-click,.fancybox__no-click button{pointer-events:none}.fancybox__spinner{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:50px;height:50px;color:var(--fancybox-color, currentColor)}.fancybox__slide .fancybox__spinner{cursor:pointer;z-index:1053}.fancybox__spinner svg{animation:fancybox-rotate 2s linear infinite;transform-origin:center center;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:100%;height:100%}.fancybox__spinner svg circle{fill:none;stroke-width:2.75;stroke-miterlimit:10;stroke-dasharray:1,200;stroke-dashoffset:0;animation:fancybox-dash 1.5s ease-in-out infinite;stroke-linecap:round;stroke:currentColor}@keyframes fancybox-rotate{100%{transform:rotate(360deg)}}@keyframes fancybox-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}}.fancybox__backdrop,.fancybox__caption,.fancybox__nav,.carousel__dots,.carousel__button.is-close{opacity:var(--fancybox-opacity, 1)}.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop,.fancybox__container.is-animated[aria-hidden=false] .fancybox__caption,.fancybox__container.is-animated[aria-hidden=false] .fancybox__nav,.fancybox__container.is-animated[aria-hidden=false] .carousel__dots,.fancybox__container.is-animated[aria-hidden=false] .carousel__button.is-close{animation:.15s ease backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__backdrop,.fancybox__container.is-animated.is-closing .fancybox__caption,.fancybox__container.is-animated.is-closing .fancybox__nav,.fancybox__container.is-animated.is-closing .carousel__dots,.fancybox__container.is-animated.is-closing .carousel__button.is-close{animation:.15s ease both fancybox-fadeOut}.fancybox-fadeIn{animation:.15s ease both fancybox-fadeIn}.fancybox-fadeOut{animation:.1s ease both fancybox-fadeOut}.fancybox-zoomInUp{animation:.2s ease both fancybox-zoomInUp}.fancybox-zoomOutDown{animation:.15s ease both fancybox-zoomOutDown}.fancybox-throwOutUp{animation:.15s ease both fancybox-throwOutUp}.fancybox-throwOutDown{animation:.15s ease both fancybox-throwOutDown}@keyframes fancybox-fadeIn{from{opacity:0}to{opacity:1}}@keyframes fancybox-fadeOut{to{opacity:0}}@keyframes fancybox-zoomInUp{from{transform:scale(0.97) translate3d(0, 16px, 0);opacity:0}to{transform:scale(1) translate3d(0, 0, 0);opacity:1}}@keyframes fancybox-zoomOutDown{to{transform:scale(0.97) translate3d(0, 16px, 0);opacity:0}}@keyframes fancybox-throwOutUp{to{transform:translate3d(0, -30%, 0);opacity:0}}@keyframes fancybox-throwOutDown{to{transform:translate3d(0, 30%, 0);opacity:0}}.fancybox__carousel .carousel__slide{scrollbar-width:thin;scrollbar-color:#ccc rgba(255,255,255,.1)}.fancybox__carousel .carousel__slide::-webkit-scrollbar{width:8px;height:8px}.fancybox__carousel .carousel__slide::-webkit-scrollbar-track{background-color:rgba(255,255,255,.1)}.fancybox__carousel .carousel__slide::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:2px;box-shadow:inset 0 0 4px rgba(0,0,0,.2)}.fancybox__carousel.is-draggable .fancybox__slide,.fancybox__carousel.is-draggable .fancybox__slide .fancybox__content{cursor:move;cursor:grab}.fancybox__carousel.is-dragging .fancybox__slide,.fancybox__carousel.is-dragging .fancybox__slide .fancybox__content{cursor:move;cursor:grabbing}.fancybox__carousel .fancybox__slide .fancybox__content{cursor:auto}.fancybox__carousel .fancybox__slide.can-zoom_in .fancybox__content{cursor:zoom-in}.fancybox__carousel .fancybox__slide.can-zoom_out .fancybox__content{cursor:zoom-out}.fancybox__carousel .fancybox__slide.is-draggable .fancybox__content{cursor:move;cursor:grab}.fancybox__carousel .fancybox__slide.is-dragging .fancybox__content{cursor:move;cursor:grabbing}.fancybox__image{transform-origin:0 0;user-select:none;transition:none}.has-image .fancybox__content{padding:0;background:rgba(0,0,0,0);min-height:1px}.is-closing .has-image .fancybox__content{overflow:visible}.has-image[data-image-fit=contain]{overflow:visible;touch-action:none}.has-image[data-image-fit=contain] .fancybox__content{flex-direction:row;flex-wrap:wrap}.has-image[data-image-fit=contain] .fancybox__image{max-width:100%;max-height:100%;object-fit:contain}.has-image[data-image-fit=contain-w]{overflow-x:hidden;overflow-y:auto}.has-image[data-image-fit=contain-w] .fancybox__content{min-height:auto}.has-image[data-image-fit=contain-w] .fancybox__image{max-width:100%;height:auto}.has-image[data-image-fit=cover]{overflow:visible;touch-action:none}.has-image[data-image-fit=cover] .fancybox__content{width:100%;height:100%}.has-image[data-image-fit=cover] .fancybox__image{width:100%;height:100%;object-fit:cover}.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{max-width:100%;flex-shrink:1;min-height:1px;overflow:visible}.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content{width:100%;height:80%}.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{width:960px;height:540px;max-width:100%;max-height:100%}.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{padding:0;background:rgba(24,24,27,.9);color:#fff}.fancybox__carousel .fancybox__slide.has-map .fancybox__content{background:#e5e3df}.fancybox__html5video,.fancybox__iframe{border:0;display:block;height:100%;width:100%;background:rgba(0,0,0,0)}.fancybox-placeholder{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.fancybox__thumbs{flex:0 0 auto;position:relative;padding:0px 3px;opacity:var(--fancybox-opacity, 1)}.fancybox__container.is-animated[aria-hidden=false] .fancybox__thumbs{animation:.15s ease-in backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__thumbs{opacity:0}.fancybox__thumbs .carousel__slide{flex:0 0 auto;width:var(--fancybox-thumbs-width, 96px);margin:0;padding:8px 3px;box-sizing:content-box;display:flex;align-items:center;justify-content:center;overflow:visible;cursor:pointer}.fancybox__thumbs .carousel__slide .fancybox__thumb::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-width:5px;border-style:solid;border-color:var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));opacity:0;transition:opacity .15s ease;border-radius:var(--fancybox-thumbs-border-radius, 4px)}.fancybox__thumbs .carousel__slide.is-nav-selected .fancybox__thumb::after{opacity:.92}.fancybox__thumbs .carousel__slide>*{pointer-events:none;user-select:none}.fancybox__thumb{position:relative;width:100%;padding-top:calc(100%/(var(--fancybox-thumbs-ratio, 1.5)));background-size:cover;background-position:center center;background-color:rgba(255,255,255,.1);background-repeat:no-repeat;border-radius:var(--fancybox-thumbs-border-radius, 4px)}.fancybox__toolbar{position:absolute;top:0;right:0;left:0;z-index:20;background:linear-gradient(to top, hsla(0deg, 0%, 0%, 0) 0%, hsla(0deg, 0%, 0%, 0.006) 8.1%, hsla(0deg, 0%, 0%, 0.021) 15.5%, hsla(0deg, 0%, 0%, 0.046) 22.5%, hsla(0deg, 0%, 0%, 0.077) 29%, hsla(0deg, 0%, 0%, 0.114) 35.3%, hsla(0deg, 0%, 0%, 0.155) 41.2%, hsla(0deg, 0%, 0%, 0.198) 47.1%, hsla(0deg, 0%, 0%, 0.242) 52.9%, hsla(0deg, 0%, 0%, 0.285) 58.8%, hsla(0deg, 0%, 0%, 0.326) 64.7%, hsla(0deg, 0%, 0%, 0.363) 71%, hsla(0deg, 0%, 0%, 0.394) 77.5%, hsla(0deg, 0%, 0%, 0.419) 84.5%, hsla(0deg, 0%, 0%, 0.434) 91.9%, hsla(0deg, 0%, 0%, 0.44) 100%);padding:0;touch-action:none;display:flex;justify-content:space-between;--carousel-button-svg-width: 20px;--carousel-button-svg-height: 20px;opacity:var(--fancybox-opacity, 1);text-shadow:var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.4))}@media all and (min-width: 1024px){.fancybox__toolbar{padding:8px}}.fancybox__container.is-animated[aria-hidden=false] .fancybox__toolbar{animation:.15s ease-in backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__toolbar{opacity:0}.fancybox__toolbar__items{display:flex}.fancybox__toolbar__items--left{margin-right:auto}.fancybox__toolbar__items--center{position:absolute;left:50%;transform:translateX(-50%)}.fancybox__toolbar__items--right{margin-left:auto}@media(max-width: 640px){.fancybox__toolbar__items--center:not(:last-child){display:none}}.fancybox__counter{min-width:72px;padding:0 10px;line-height:var(--carousel-button-height, 48px);text-align:center;font-size:17px;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased}.fancybox__progress{background:var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:30;user-select:none}.fancybox__container:fullscreen::backdrop{opacity:0}.fancybox__button--fullscreen g:nth-child(2){display:none}.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(1){display:none}.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(2){display:block}.fancybox__button--slideshow g:nth-child(2){display:none}.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(1){display:none}.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(2){display:block}
/* End */


/* Start:/bitrix/templates/vpl_template/css/style.css?1710424656234151*/
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@700&family=Open+Sans:wght@300;400;700&display=swap');
@font-face {
	font-family: 'Open Sans';
	src: local('Open Sans Light'), local('OpenSans-Light'),
        url('/bitrix/templates/vpl_template/css/../fonts/OpenSans-Light.eot'),
		url('/bitrix/templates/vpl_template/css/../fonts/OpenSans-Light.eot?#iefix') format('embedded-opentype'),
		url('/bitrix/templates/vpl_template/css/../fonts/OpenSans-Light.woff') format('woff'),
		url('/bitrix/templates/vpl_template/css/../fonts/OpenSans-Light.ttf') format('truetype');
	font-weight: 300;
	font-display: swap;
}


@font-face {
	font-family: 'Open Sans';
	src: local('Open Sans Regular'), local('OpenSans-Regular'),
        url('/bitrix/templates/vpl_template/css/../fonts/OpenSans-Regular.eot'),
		url('/bitrix/templates/vpl_template/css/../fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
		url('/bitrix/templates/vpl_template/css/../fonts/OpenSans-Regular.woff') format('woff'),
		url('/bitrix/templates/vpl_template/css/../fonts/OpenSans-Regular.ttf') format('truetype');
	font-weight: 400;
	font-display: swap;
}
@font-face {
	font-family: 'Open Sans';
	src: local('Open Sans Bold'), local('OpenSans-Bold'),
        url('/bitrix/templates/vpl_template/css/../fonts/OpenSans-Bold.eot'),
		url('/bitrix/templates/vpl_template/css/../fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
		url('/bitrix/templates/vpl_template/css/../fonts/OpenSans-Bold.woff') format('woff'),
		url('/bitrix/templates/vpl_template/css/../fonts/OpenSans-Bold.ttf') format('truetype');
	font-weight: 700;
	font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: local('Gilroy SemiBold'), local('Gilroy-SemiBold'),
        url('/bitrix/templates/vpl_template/css/../fonts/Gilroy-SemiBold.eot'),
        url('/bitrix/templates/vpl_template/css/../fonts/Gilroy-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('/bitrix/templates/vpl_template/css/../fonts/Gilroy-SemiBold.woff') format('woff'),
        url('/bitrix/templates/vpl_template/css/../fonts/Gilroy-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: local('Gilroy Regular'), local('Gilroy-Regular'),
        url('/bitrix/templates/vpl_template/css/../fonts/Gilroy-Regular.eot'),
        url('/bitrix/templates/vpl_template/css/../fonts/Gilroy-Regular.eot?#iefix') format('embedded-opentype'),
        url('/bitrix/templates/vpl_template/css/../fonts/Gilroy-Regular.woff') format('woff'),
        url('/bitrix/templates/vpl_template/css/../fonts/Gilroy-Regular.ttf') format('truetype');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: local('Inter Bold'), local('Inter-Bold'),
        url('/bitrix/templates/vpl_template/css/../fonts/Inter-Bold.eot')б
        url('/bitrix/templates/vpl_template/css/../fonts/Inter-Bold.eot?#iefix') format('embedded-opentype'),
        url('/bitrix/templates/vpl_template/css/../fonts/Inter-Bold.woff2') format('woff2'),
        url('/bitrix/templates/vpl_template/css/../fonts/Inter-Bold.woff') format('woff'),
        url('/bitrix/templates/vpl_template/css/../fonts/Inter-Bold.ttf') format('truetype');
    font-weight: 700;
    font-display: swap;
}

.wrapper > *{
    overflow: hidden;
}

* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
a,
button,
span {
    display: inline-block;
}
input,
textarea {
    display: block;
    width: 100%;
}
table {
    width: 100%;
    border-collapse: collapse;
}
a {
    background-color: transparent;
    text-decoration: none;
    color: inherit;
}

.content a:hover{
    color: #CD032A;
}

.content a:visited{
    color: #8D9195;
}

.content a:focus{
    color: #5CA3FF;
}

img {
    border: none;
    max-width: 100%;
    height: auto;
}
a,
button {
    outline: 0;
    cursor: pointer;
}
li {
    list-style: none;
}
button {
    background: 0 0;
    border: none;
}
a,
button,
input,
textarea {
    outline: 0;
    font-weight: inherit;
    -webkit-appearance: none;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
button {
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
:after,
:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
textarea {
    resize: none;
    outline: 0;
    border: none;
    -webkit-appearance: none;
    border-radius: 0;
    background: 0 0;
}
input {
    outline: 0;
    -webkit-appearance: none;
    border-radius: 0;
    background: 0;
}
input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
    -webkit-appearance: none;
}
input[type="submit"] {
    cursor: pointer;
    -webkit-appearance: none;
    display: inline-block;
}
input[type="search"]::-webkit-search-cancel-button {
    background: 0 0;
    display: none;
}

[hidden] {
    display: none !important;
}

.slick-list.dragging,
.slick-list.draggable:active:hover,
.slick-list.dragging a,
.slick-list.draggable a:active:hover {
cursor: -webkit-grabbing;
cursor: grabbing;
}


input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-transition: all 5000s ease-in-out 0s;
  transition: all 5000s ease-in-out 0s;
}

.slick-list.dragging,
.slick-list.draggable:active:hover,
.slick-list.dragging a,
.slick-list.draggable a:active:hover {
cursor: -webkit-grabbing;
cursor: grabbing;
}


.slick-no-transform .slick-track{
    -webkit-transform: none!important;
	-ms-transform: none!important;
	transform: none!important;
    margin-left: 0;
}

html{
    height: 100%;
}
body{
    font-family:'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    color: #212121;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    min-height: 100%;
}

body.modal-open{
    overflow: hidden;
    padding-right: 17px;
}

.wrapper{
    width: 100%;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    width: 100%;
}
.footer{
    width: 100%;
}

main{
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    display: block;
}

.icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    stroke-width: 0;
    stroke: currentColor;
    fill: currentColor;
  }

.header__main{
    padding: 20px 0;
    background: #F7F7F7;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.header__main::before{
    position: absolute;
    content: "";
    width: 40px;
    top: 0;
    bottom: 0;
    left: -40px;
    display: block;
    background: #F7F7F7;
    border-bottom-left-radius: 30px;
}

.header__main::after{
    position: absolute;
    content: "";
    width: 40px;
    top: 0;
    bottom: 0;
    right: -40px;
    display: block;
    background: #F7F7F7;
    border-bottom-right-radius: 30px;
}

.header__main-logo{
    max-width: 180px;
    width: 100%;
    height: 24px;
    margin-right: 37px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.header__main-search{
    max-width: 330px;
    width: 100%;
    position: relative;
    border: 1px solid #D1D1D1;
    border-radius: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-right: 40px;
}

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

.header__main-search-input{
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    color: #999999;
    color: #1A1A1A;
    border: none;
    outline: none;
    padding: 10px 40px 10px 20px;
    margin: 0;
    height: 40px;
    width: 100%;
}

.header__main-search-clear{
    border: none;
    background: none;
    cursor: pointer;
    padding: 0;
    margin: 0;
    height: 26px;
    margin-top: 5px;
    position: relative;
    margin-right: 8px;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.header__main-search-clear svg{
    font-size: 12px;
    fill: #6685FF;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.header__main-search-clear:hover svg{
    fill: #4F71F9;
}

.header__main-search-send{
    cursor: pointer;
    padding: 0;
    margin-right: 5px;
    height: 30px;
    max-width: 30px;
    width: 100%;
    background: #6685FF;
    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;
    border-radius: 32px;
    padding: 7px;
}

.header__main-search-send:hover{
    background: #4F71F9;
}

.header__main-search-send svg{
    fill: #FFFFFF;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.header__main-info{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
}

.header__main-info-contacts{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-right: 30px;
}

.header__main-info-contacts-phone{
    font-weight: 300;
    font-size: 20px;
    line-height: 27px;
    color: #212121;
}

.header__main-info-contacts-request{
    font-weight: 400;
    font-size: 12px;
    line-height: 19px;
    color: #6685FF;
}

.header__main-info-mail{
    margin-right: 10px;
    padding: 5px 30px;
    border-left: 1px solid #E1E1E1;
    border-right: 1px solid #E1E1E1;
    -webkit-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
}

.header__main-info-mail-link{
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #212121;
}

.header__main-info-mail-link:hover{
    color: #6685FF;
}

.header__main-info-social{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
}

.header__main-info-social-icon{
    width: 30px;
    height: 30px;
    margin-right: 8px;
    border: 1px solid #D1D1D1;
    border-radius: 36px;
    padding: 6px;
    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;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.header__main-info-social-icon:hover{
    border-color: #D7EAFF;
}


.header__main-info-social-icon svg{
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    font-size: 18px;
    fill: #6685FF;
}

.header__main-info-social-icon:hover svg{
    fill: #4F71F9;
}

.header__main-info-social-icon:last-of-type{
    margin-right: 0;
}

.header__main-info-contacts-request:hover{
    color: #4F71F9;
}

.header__bottom-nav-list{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.header__bottom-nav-list-item-link{
    padding: 22px 44px 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 16px;
    line-height: 22px;
    color: #212121;
    white-space: nowrap;
}


.header__main-fixed-list-item:first-child .header__bottom-nav-list-item-link{
    padding-left: 0;
}

.header__main-fixed-list-item:last-child .header__bottom-nav-list-item-link{
    padding-left: 0;
}

@media(max-width: 1679px){
    .header__bottom-nav-list-item-link{
        padding: 22px 29px 25px;
    }
}

@media(max-width: 1439px){
    .header__bottom-nav-list-item-link{
        padding: 22px 29px 25px;
    }
}


@media(max-width: 1199px){
    .header__bottom-nav-list-item-link{
        padding: 22px 0;
    }
}

.header__bottom-nav-list-item-link.is-active{
    color: #6685FF;
}

.header__bottom-nav-list-item-link.is-active svg{
    fill: #6685FF;
}

.header__bottom-nav-list-item-link-icon{
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    margin-left: 5px;
    margin-top: 2px;
}

.header__bottom-nav-list-item-link-icon svg{
    font-size: 12px;
    fill: #444444;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.header__bottom-nav-list-item-link:hover{
    color: #6685FF;
}

.header__bottom-nav-list-item-link:hover svg{
    fill: #6685FF;
}

.header__bottom-nav-list-item-link.is-active{
    color: #6685FF;
}

.header__bottom-nav-list-item-link.is-active svg{
    fill: #6685FF;
}

.header__bottom-dropdown {
    padding: 40px 0;
    background: #FFFFFF;
    position: absolute;
    top: 155px;
    width: 100%;
    height: auto;
    left: 0;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    -webkit-box-shadow: 0 5px 15px -5px rgba(34, 34, 34, 0.1);
            box-shadow: 0 5px 15px -5px rgba(34, 34, 34, 0.1);
    z-index: -100;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
}

@media(max-width: 1199px){
    .header__bottom-dropdown{
        top: 191px;
    }
}

.header__bottom-dropdown.is-open{
    z-index: 10;
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}

.header__bottom-dropdown-list{
    display: -ms-grid;
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    row-gap: 30px;
    column-gap: 30px;
    z-index: 11;
}

.header__bottom-dropdown-list-item-link-img{
    max-width: 64px;
    width: 100%;
    height: 65px;
    background: #B7D9FF;
    border-radius: 36px;
    margin-right: 12px;
    padding: 12px;
    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;
}
.header__bottom-dropdown-list-item-link-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.header__bottom-dropdown-list-item-link{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 17px;
    line-height: 23px;
    color: #222222;
}
.header__bottom-dropdown-list-item-link:hover{
    color: #6685FF;
}
.header{
    width: 100%;
    /*border-bottom: 1px solid #EEEEEE;*/
    height: 155px;
    z-index: 10;
}

@media(max-width: 1199px){
    .header{
        height: 191px;
    }
}

.header__main-fixed{
    display: none;
}

.header.is-fixed{
    position: fixed;
    top: 0;
    height: 64px;
}

.header.is-fixed .header__main-info-mail,
.header.is-fixed .header__main-info-social{
    position: absolute;
    top: -500px;
    pointer-events: none;
    visibility: hidden;
    opacity: 0;
}

.header.is-fixed .header__main-fixed{
    display: block;
    margin-right: 25px;
}

.header.is-fixed .header__main{
    background: #FFFFFF;
}

.header.is-fixed .header__main::before,
.header.is-fixed .header__main::after{
    content: none;
}

.header.is-fixed .header__bottom{
    position: absolute;
    top: -500px;
    pointer-events: none;
    visibility: hidden;
    opacity: 0;
}

.header__wrapper{
    background: #FFFFFF;
}

body.header-fixed{
    padding-top: 156px;
}

.header.is-fixed .header__main{
    padding: 0;
}

.header.is-fixed .header__main-info-contacts{
    margin-right: 0;
}

.header.is-fixed .header__main-info{
    width: auto;
}

.header__main-fixed-list{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
}

.header__main-fixed-list-item-link{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 21px 0;
    font-size: 16px;
    line-height: 22px;
}

.header__main-fixed-list-item-link svg{
    font-size: 12px;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.header__main-fixed-list-item-link .header__main-fixed-list-item-link-icon{
    margin-left: 5px;
}

.header__bottom-dropdown--fixed{
    top: 64px;
    position: fixed;
    border-top: 1px solid #EEEEEE;
}

.header__main-fixed-list-item-link.is-active{
    color: #6685FF;
}

.header__main-fixed-list-item-link.is-active svg{
    fill: #6685FF;
}

.header__main-burger{
    display: none;
}

.header__main-contacts-mob{
    display: none;
}

.header__mobile-contacts{
    position: fixed;
    top: 60px;
    left: 0;
    width: 100%;
    height: 100vh;
    overflow: auto;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    left: -10000px;
    background: #FFFFFF;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    padding: 30px 0;
}

.header__main-search-result{
    height: auto;
    position: absolute;
    z-index: 999;
    padding: 20px 20px 30px;
    width: 100%;
    top: 48px;
    background: #fff;
    -webkit-box-shadow: 0px 0px 30px rgba(34, 34, 34, 0.1);
            box-shadow: 0px 0px 30px rgba(34, 34, 34, 0.1);
    border-radius: 5px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.header__main-search-result.is-active{
    opacity: 1;
    visibility: visible;
    pointer-events: auto;

}

.header__main-search-result-list-item{
    margin-bottom: 15px;
}

.header__main-search-result-list-item:last-of-type{
    margin-bottom: 0;
}

.header__main-search-result-list-item-link{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-weight: 400;
    font-size: 14px;
    line-height: 23px;
    color: #212121;
}

.header__main-search-result-list-item-link b{
    color: #6685FF;
    font-weight: 400;
    font-size: 14px;
    line-height: 23px;
}

.header__main-search-result-list-item-link-img{
    max-width: 24px;
    height: 24px;
    width: 100%;
    margin-right: 8px;
}

.header__main-search-result-list-item-link-img img{
    -o-object-fit: contain;
       object-fit: contain;
}

.header__main-search-result-all{
    width: 100%;
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #D7EAFF;
    font-weight: 400;
    font-size: 14px;
    line-height: 23px;
    color: #6685FF;
}

.header__main-search-result-all:hover{
    color: #4F71F9;
}

.header__main-search-result-list-item-link:hover{
    color: #4F71F9;
}

.header__main-search-result-list-item-link:hover b{
    color: #4F71F9;
}

.header__main-search.is-active .header__main-search-clear{
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}

.header__mobile-menu{
    position: fixed;
    top: 66px;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    left: -10000px;
    background: #EAF4FF;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.header__main-close{
    display: none;
    pointer-events: none;
    visibility: hidden;
    margin-left: auto;
    width: 36px;
    height: 36px;
    border: 1px solid #D7EAFF;
    border-radius: 42px;
    padding: 9px;
    cursor: pointer;
}

.header__main-close img{
    -o-object-fit: contain;
       object-fit: contain;
}


.header.is-fixed .header__main-search{
    max-width: 280px;
    z-index: 999;
    background: #FFFFFF;
}

.header.is-fixed .header__main-search .header__main-search-result.is-active{
    z-index: 999;
}



@media(max-width: 1439px){
    .header__main::after{
        width: 15px;
        right: -15px;
    }

    .header__main::before{
        width: 15px;
        left: -15px;
    }
}

@media(max-width: 1199px){
    .header__main-logo{
        max-width: 140px;
        margin-right: 20px;
    }

    .header__main-info-mail{
        padding: 5px 15px;
    }

    .header__main-search{
        max-width: 250px;
        margin-right: 20px;
    }

    .header__main-info-contacts-phone{
        font-size: 17px;
        line-height: 21px;
    }

    .header__main-info-contacts{
        margin-right: 20px;
    }

    .header__main-info-social-icon{
        width: 30px;
        height: 30px;
        padding: 6px;
    }

    .header__main-info-contacts-request{
        font-size: 10px;
        line-height: 15px;
    }

    .header__main-fixed-list{
        -webkit-column-gap: 20px;
           -moz-column-gap: 20px;
                column-gap: 20px;
    }

    .header.is-fixed .header__main-info-contacts-phone{
        font-size: 15px;
        line-height: 21px;
    }

    .header.is-fixed .header__main-search{
        max-width: 250px;
    }

    .header__main-fixed-list-item-link{
        font-size: 15px;
    }
}

@media(max-width: 991px){
    .header__main-burger{
        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;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 10px 20px;
        -webkit-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
        position: relative;
        width: 60px;
        cursor: pointer;
        position: relative;
        background: #6685FF;
        margin-right: 19px;
        margin-top: 6px;
    }

    .header__main-burger::before{
        position: absolute;
        content: "";
        left: 0;
        top: -14px;
        height: calc(100% + 22px);
        width: 100%;
        z-index: 0;
        display: block;
        background: #6685FF;
    }

    .header__main-search-result{
        background: #EAF4FF;
        border-radius: 12px;
        -webkit-box-shadow: none;
                box-shadow: none;
    }

    .header__main-burger span{
        background: #FFFFFF;
        height: 2px;
        width: 36px;
        margin-bottom: 6px;
        -webkit-transition: all 0.5s ease-out;
        -o-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
        z-index: 1;
    }

    .header.is-fixed .header__main-fixed{
        display: none;
    }

    .header__main-info{
        display: none;
    }

    .header__bottom{
        display: none;
    }

    .header__main{
        background: #FFFFFF;
        padding: 8px 0;
    }

    .header__main::before,
    .header__main::after{
        content: none;
    }

    .header__main-logo{
        max-width: 128px;
    }

    .header__main-contacts-mob{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        margin-left: auto;
        -webkit-column-gap: 8px;
           -moz-column-gap: 8px;
                column-gap: 8px;
    }

    .header__main-contacts-mob-btn{
        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;
        padding: 9px;
        width: 36px;
        height: 36px;
        border-radius: 32px;
        border: 1px solid #D7EAFF;
        cursor: pointer;
    }

    .header__main-contacts-mob-btn-active{
        position: absolute;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        -webkit-transition: opacity 0.3s ease-out;
        -o-transition: opacity 0.3s ease-out;
        transition: opacity 0.3s ease-out;
    }

    .header__main-contacts-mob-btn.is-active .header__main-contacts-mob-btn-active{
        position: relative;
        opacity: 1;
        visibility: visible;
        pointer-events: all;
    }

    .header__main-contacts-mob-btn.is-active .header__main-contacts-mob-btn-img{
        position: absolute;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        -webkit-transition: opacity 0.3s ease-out;
        -o-transition: opacity 0.3s ease-out;
        transition: opacity 0.3s ease-out;
    }

    .header{
        height: 67px;
        /*border-bottom: 1px solid #D7EAFF;*/
    }

    .header.is-fixed{
        height: 67px;
    }

    .header.is-fixed .header__main{
        padding: 8px 0;
    }

    body.header-fixed{
        padding-top: 67px;
    }

    .header__mobile-contacts.is-open{
        left: 0;
        opacity: 1;
        visibility: visible;
        pointer-events: all;
        z-index: 11;
    }

    .header__mobile-contacts-info-item{
        margin-bottom: 25px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }


    .header__mobile-contacts-info-item-title{
        font-weight: 400;
        font-size: 14px;
        line-height: 23px;
        color: #555555;
        margin-bottom: 15px;
    }

    .header__mobile-contacts-info-item-link{
        font-size: 15px;
        line-height: 20px;
        color: #222222;
        margin-bottom: 5px;
    }

    .header__mobile-contacts-info-item-link-modal{
        font-size: 15px;
        line-height: 20px;
        color: #6685FF;
    }

    .header__mobile-contacts-info-social{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-column-gap: 8px;
           -moz-column-gap: 8px;
                column-gap: 8px;
        margin-top: -10px;
    }

    .header__mobile-contacts-info-social-link{
        width: 30px;
        height: 30px;
        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;
        padding: 7px;
        border: 1px solid #D7EAFF;
        border-radius: 36px;
    }

    .header__mobile-contacts-info-social-link svg{
        fill: #6685FF;
    }

    .header__main-search{
        position: absolute;
        left: -1000px;
        top: 80px;
        visibility: hidden;
        opacity: 0;
        pointer-events: none;
        z-index: -1000;
        -webkit-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
        margin-right: 0;
        max-width: none;
        width: 100%;
        background: #FFFFFF;
        z-index: 10;
    }

    .header__main-search form{
        z-index: 10;
        border: 1px solid #D1D1D1;
        border-radius: 40px;
    }

    .header__main-search::before{
        position: absolute;
        content: "";
        top: -21px;
        left: -1000px;
        right: -1000px;
        height: calc(100% + 40px);
        display: block;
        background: #FFFFFF;
        z-index: 0;
    }

    .header__main-search.is-open{
        left: 0;
        visibility: visible;
        opacity: 1;
        pointer-events: all;
        z-index: 10;
    }

    .header__main-search.is-active{
        height: 100vh;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
    }

    .header__mobile-menu.is-open{
        opacity: 1;
        visibility: visible;
        pointer-events: all;
        left: 0;
        z-index: 10;
    }

    .header__mobile-menu-list-item-link-wp{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }

    .header__mobile-menu-list-item-link{
        padding: 15px 0;
        font-size: 15px;
        line-height: 20px;
        color: #222222;
        width: calc(100% - 30px);
    }

    .header__mobile-menu-list-item-icon{
        margin-left: auto;
        padding: 9px;
        margin-right: -9px;
        -webkit-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
                transform: rotate(0deg);
    }

    .header__mobile-menu-list-item-icon.is-active{
        -webkit-transform: rotate(0deg) scale(-1);
            -ms-transform: rotate(0deg) scale(-1);
                transform: rotate(0deg) scale(-1);
    }

    .header__mobile-menu-list-item-icon svg{
        -webkit-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
        fill: #777777;
        font-size: 16px;
    }

    .header__mobile-menu-list-item{
        position: relative;
    }

    .header__mobile-menu-list-item.is-active{
        padding-bottom: 30px;
    }

    .header__mobile-menu-list-item::after{
        position: absolute;
        content: "";
        bottom: 0;
        left: -1000px;
        right: -1000px;
        height: 1px;
        display: block;
        background:#D7EAFF;
    }

    .header__mobile-menu-list-item:last-of-type:after{
        content: none;
    }

    .header__mobile-menu-wp{
        padding: 30px 0 20px;
        background: #FFFFFF;
    }

    .header__mobile-submenu-list{
        margin-top: 5px;
        padding: 20px;
        border: 1px solid #D7EAFF;
        border-radius: 12px;
        display: none;
    }

    .header__mobile-submenu-list-item-link{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        width: 100%;
        font-weight: 400;
        font-size: 14px;
        line-height: 23px;
        color: #444444;
    }

    .header__mobile-submenu-list-item-link-img{
        max-width: 36px;
        width: 100%;
        height: 36px;
        padding: 7px;
        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;
        margin-right: 8px;
        background: #B7D9FF;
        border-radius: 36px;
    }

    .header__mobile-submenu-list-item-link-img img{
        -o-object-fit: contain;
           object-fit: contain;
        height: 100%;
    }

    .header__mobile-submenu-list-item{
        margin-bottom: 15px;
    }

    .header__mobile-submenu-list-item:last-of-type{
        margin-bottom: 0;
    }

    .header__mobile-menu-contacts{
        padding: 30px 0 90px;
    }

    .header__mobile-menu-contacts-item{
        margin-bottom: 14px;
    }

    .header__mobile-menu-contacts-item:last-of-type{
        margin-bottom: 0;
    }

    .header__mobile-menu-contacts-item-title{
        font-weight: 400;
        font-size: 14px;
        line-height: 23px;
        color: #555555;
        margin-bottom: 12px;
    }

    .header__mobile-menu-contacts-item-links{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }

    .header__mobile-menu-contacts-item-link{
        font-weight: 300;
        font-size: 15px;
        line-height: 20px;
        color: #222222;
        margin-bottom: 6px;
    }

    .header__mobile-menu-contacts-item-request{
        font-weight: 300;
        font-size: 15px;
        line-height: 20px;
        color: #6685FF;
        margin-bottom: 6px;
    }

    .header__mobile-menu-contacts-item p{
        font-weight: 300;
        font-size: 15px;
        line-height: 20px;
        color: #222222;
        margin-bottom: 6px;
    }
    .header__mobile-menu-contacts-item-links--social{
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-column-gap: 8px;
           -moz-column-gap: 8px;
                column-gap: 8px;
    }

    .header__main-close.is-active{
        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;
        opacity: 1;
        visibility: visible;
        pointer-events: all;
    }

    .header.mobmenu-open .header__main-contacts-mob{
        display: none;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
    }

    .header.mobmenu-open .header__main-burger{
        display: none;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
    }
    .header__main{
        height: 66px;
    }
}

@media(max-width: 767px){
    .header__main-burger span{
        width: 27px;
    }

    .header__main-burger{
        width: 55px;
    }

}

@media(max-width: 576px){
    .header__main-burger::before{
        left: -20px;
        width: calc(100% + 20px);
    }

    .header__main-burger{
        margin-left: -10px;
    }
}

.footer{
    background: #263E9B;
    overflow: hidden;
    position: relative;
}

.footer::after{
    position: absolute;
    content: "";
    bottom: -350px;
    right: 10%;
    width: 700px;
    height: 700px;
    background: url('/bitrix/templates/vpl_template/css/../img/svg/footer-decor.svg') no-repeat;
    background-size: contain;
    z-index: 0;
}



@media(max-width: 1679px){
    .footer::after{
        right: 0;
    }
}

@media(max-width: 1439px){
    .footer::after{
        right: -14%;
    }
}

@media(max-width: 991px){
    .footer::after{
        right: -24%;
    }
}

@media(max-width: 767px){
    .footer::after{
        width: 300px;
        height: 300px;
        bottom: -129px;
        right: -149px;
    }
}


.footer__top{
    padding: 70px 0 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    position: relative;
    z-index: 1;
}

.footer__top-logo{
    max-width: 180px;
    width: 100%;
    margin-right: 120px;
}

.footer__top-logo-link img{
    -o-object-fit: contain;
       object-fit: contain;
    height: 100%;
}

.footer__top-info{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.footer__top-info-menu{
    margin-bottom: 44px;
}

.footer__top-info-menu-list{
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 30px 1fr 30px 1fr 30px 1fr;
    grid-template-columns: repeat(4, 1fr);
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
    row-gap: 20px;
    max-width: 565px;
}

.footer__top-info-menu-list-item-link{
    font-weight: 300;
    font-size: 17px;
    line-height: 23px;
    color: #FFFFFF;
}

.footer__top-info-contacts-list{
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 30px;
}

.footer__top-info-contacts-item-title{
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    color: #D7EAFF;
    margin-bottom: 15px;
}

.footer__top-info-contacts-item-link{
    font-weight: 300;
    font-size: 17px;
    line-height: 23px;
    color: #FFFFFF;
    display: block;
}

.footer__top-info-contacts-item-link a{
    font-weight: 300;
    font-size: 17px;
    line-height: 23px;
    color: #FFFFFF;
    display: block;
}

.footer__top-info-contacts-item-link-request{
    font-size: 17px;
    line-height: 23px;
    text-decoration-line: underline;
    color: #FFFFFF;
    margin: 5px 0 15px;
}

.footer__top-info-contacts-item p{
    font-size: 17px;
    line-height: 23px;
    color: #FFFFFF;
    margin-bottom: 12px;
}

.footer__top-info-contacts-item p:last-of-type{
    margin-bottom: 0;
}

.footer__top-info-contacts-item-social-link{
    max-width: 36px;
    width: 100%;
    height: 36px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    border-radius: 36px;
    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;
    margin-right: 8px;
    padding: 6px;
}

.footer__top-info-contacts-item-social-link svg{
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    fill: #D7EAFF;
}

.footer__top-info-contacts-item-social-link:last-of-type{
    margin-right: 0;
}

.footer__top-info-contacts-item-links{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.footer__bottom-inner{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 9px 0 11px;
}

.footer__bottom{
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    position: relative;
    z-index: 1;
}

.footer__bottom-copyright{
    max-width: 180px;
    width: 100%;
    margin-right: 120px;
    font-size: 14px;
    line-height: 19px;
    color: #FFFFFF;
}

.footer__bottom-logo{
    margin-left: auto;
}

.footer__bottom-logo svg{
    font-size: 40px;
    fill: #FFFFFF;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.footer__bottom-logo:hover svg{
    fill: #D7EAFF;
}

.footer__bottom-conf-link{
    font-size: 14px;
    line-height: 19px;
    color: #FFFFFF;
    margin-right: 30px;
}

.footer__top-info-menu-list-item-link:hover{
    color: #D7EAFF;
}

.footer__top-info-contacts-item-link:hover{
    color: #D7EAFF;
}

.footer__top-info-contacts-item-link-request:hover{
    color: #D7EAFF;
}

.footer__top-info-contacts-item-social-link:hover{
    border-color: rgba(255, 255, 255, 0.5);
}

.footer__top-info-contacts-item-social-link:hover svg{
    fill: #FFFFFF;
}

.footer__bottom-conf-link:hover{
    color: #D7EAFF;
}

.footer__top-info-menu-mob{
    display: none;
}

@media(max-width: 1199px){
    .footer__top-logo{
        margin-right: 105px;
    }

    .footer__bottom-copyright{
        margin-right: 105px;
    }
}

@media(max-width: 991px){
    .footer__top{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }

    .footer__top-logo{
        margin-right: 0;
        margin-bottom: 30px;
    }

    .footer__bottom-copyright{
        margin-right: 10px;
    }

    .footer__bottom-conf{
        margin: 0 auto;
    }
}

@media(max-width: 767px){
    .footer__top{
        padding: 25px 0 0;
    }

    .footer__top-logo{
        margin: 0 auto 25px;
        max-width: 128px;
    }

    .footer__top-info{
        position: relative;
        padding: 0;
        width: 100%;
    }

    .footer__top-info::before{
        position: absolute;
        content: "";
        top: 0;
        left: -1000px;
        right: -1000px;
        height: 1px;
        display: block;
        background: rgba(255, 255, 255, 0.15);
    }

    .footer__top-info-menu-mob{
        display: block;
        padding: 16px 0;
        width: 100%;
    }
    .footer__top-info-menu-list{
        display: none;
        margin: 5px 0 10px;
        -webkit-column-count: 2;
           -moz-column-count: 2;
                column-count: 2;
    }

    .footer__top-info-menu-list-item{
        margin-bottom: 10px;
    }



    .footer__top-info-menu{
        margin-bottom: 0;
        width: 100%;
        position: relative;
    }

    .footer__top-info-menu::after{
        position: absolute;
        content: "";
        left: -1000px;
        right: -1000px;
        bottom: 0;
        height: 1px;
        display: block;
        background: rgba(255, 255, 255, 0.15);
    }

    .footer__top-info-contacts-list{
        margin: 5px 0 20px;
    }

    .footer__top-info-contacts-item-title{
        font-size: 14px;
        line-height: 23px;
        margin-bottom: 12px;
    }

    .footer__top-info-contacts-item-link{
        font-size: 15px;
        line-height: 20px;
    }

    .footer__top-info-contacts-item-link-request{
        margin: 2px 0;
        font-size: 15px;
        line-height: 20px;
    }

    .footer__top-info-contacts-item p{
        margin-bottom: 2px;
        font-size: 15px;
        line-height: 20px;
    }

    .footer__top-info-contacts-item-social-link{
        max-width: 30px;
        height: 30px;
    }

    .footer__bottom-inner{
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse;
        position: relative;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: start;
        padding: 25px 0;
    }

    .footer__bottom-logo{
        position: absolute;
        top: 25px;
        right: 0;
    }

    .footer__bottom-conf{
        margin: 0 0 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }

    .footer__bottom-conf-link{
        font-size: 13px;
        line-height: 18px;
        margin-bottom: 10px;
    }

    .footer__bottom-conf-link:last-of-type{
        margin-bottom: 0;
    }

    .footer__bottom-copyright{
        margin-right: 0;
        font-size: 13px;
        line-height: 18px;
    }

    .footer__top-info-menu-list-item-link{
        font-size: 14px;
        line-height: 23px;
    }

    .footer__top-info-contacts-list{
        display: none;
    }

    .footer__top-info-menu-mob{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }

    .footer__top-info-menu-mob-link{
        font-size: 16px;
        line-height: 22px;
        color: #FFFFFF;
        width: calc(100% - 30px);
        margin-right: 3px;
    }

    .footer__top-info-menu-mob-icon{
        padding: 0 5px;
        margin-right: -5px;
        line-height: 22px;
        margin-top: 5px;
    }



    .footer__top-info-menu-mob-icon svg{
        -webkit-transition: all .3s ease-out;
        -o-transition: all .3s ease-out;
        transition: all .3s ease-out;
        fill: #D7EAFF;
        font-size: 20px;
        -webkit-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
                transform: rotate(0deg);
    }

    .footer__top-info-menu-mob-icon.is-active svg{
        -webkit-transform: rotate(0deg) scale(-1);
            -ms-transform: rotate(0deg) scale(-1);
                transform: rotate(0deg) scale(-1);
    }

    .footer__top-info-contacts-item{
        margin-bottom: 15px;
    }

    .footer__top-info-contacts-item:last-of-type{
        margin-bottom: 0;
    }

}

.mp-slider__slider{
    opacity: 0;
    height: 560px;
}

.mp-slider__slider-slide{
    height: 100%;
    width: 100%;
    position: relative;
    padding: 100px 0;
    height: 560px;
}

.mp-slider{
    position: relative;
    background: #6886fd;
    height: 560px;
    width: 100%;
    overflow: hidden;
    height: 560px;
}

/* .mp-slider .container{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
} */

.mp-slider__slider-slide-img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.mp-slider__slider-slide-img picture{
    height: 100%;
    width: 100%;
}

.mp-slider__slider-slide-img img{
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
    height: 100%;
    width: 100%;
}

.mp-slider__slider-slide-title{
    position: relative;
    z-index: 1;
    font-size: 44px;
    line-height: 60px;
    color: #FFFFFF;
    margin-bottom: 25px;
    max-width: 600px;
}

.mp-slider__slider-slide-subtitle{
    position: relative;
    z-index: 1;
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    color: #FFFFFF;
    max-width: 450px;
}


.mp-slider__nav{
    position: absolute;
    left: 15px;
    bottom: 100px;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.mp-slider__nav-arrow{
    width: 48px;
    height: 48px;
    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;
    padding: 14px;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    border: 1px solid #D7EAFF;
    border-radius: 64px;
    cursor: pointer;
}

.mp-slider__nav-arrow svg{
    font-size: 20px;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    fill: #FFFFFF;
}

.mp-slider__nav-progress{
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #FFFFFF;
    margin: 0 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.mp-slider__nav-progress-prev.is-active{
    font-weight: 300;
    font-size: 20px;
    line-height: 27px;
    margin-right: 7px;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.mp-slider__nav-arrow:hover{
    background: #D7EAFF;
}

.mp-slider__nav-arrow:hover svg{
    fill: #6685FF;
}

@media(max-width: 991px){
    .mp-slider{
        height: 400px;
    }

    .mp-slider__slider{
        height: 4000px;
    }

    .mp-slider__slider-slide{
        height: 400px;
    }

    .mp-slider__slider-slide{
        height: 400px;
        padding: 50px 0;
    }

    .mp-slider__slider-slide-title{
        max-width: 536px;
        font-size: 38px;
        line-height: 47px;
    }

    .mp-slider__slider-slide-img img{
        -o-object-position: -280px;
           object-position: -280px;
    }

    .mp-slider__nav{
        bottom: 36px;
    }
}

@media(max-width: 767px){
    .mp-slider__nav{
        display: none;
    }


    .mp-slider__slider-slide{
        padding: 50px 0;
    }




    .mp-slider__slider-slide-img img{
        -o-object-position: center;
           object-position: center;
    }

    .mp-slider__slider-slide-title{
        font-size: 26px;
        line-height: 35px;
        margin-bottom: 15px;
        max-width: 350px;
    }

    .mp-slider__slider-slide-subtitle{
        font-weight: 400;
        font-size: 14px;
        line-height: 23px;
        max-width: 270px;
    }

    .mp-slider .slick-dots{
        position: absolute;
        bottom: 30px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        max-width: 540px;
        padding: 0 15px;
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0;
    }

    .mp-slider .slick-dots li{
        position: relative;
        display: inline-block;
        width: 12px;
        height: 20px;
        margin: 0 5px;
        padding: 0;
        cursor: pointer;
        -webkit-transition: all .3s ease-out;
        -o-transition: all .3s ease-out;
        transition: all .3s ease-out;
        padding: 4px;
    }

    .mp-slider .slick-dots li button{
        font-size: 0;
        line-height: 0;
        display: block;
        height: 12px;
        width: 12px;
        background: #D7EAFF;
        border-radius: 20px;
        padding: 0;
        margin-right: 15px;
        -webkit-transition: all .3s ease-out;
        -o-transition: all .3s ease-out;
        transition: all .3s ease-out;
    }

    .mp-slider .slick-dots li.slick-active{
        width: 24px;
    }

    .mp-slider .slick-dots li.slick-active button{
        width: 24px;
        background: #FFFFFF;
    }
}

@media(max-width: 576px){
    .mp-slider .slick-dots{
        bottom: 50%;
    }

    .mp-slider{
        height: 680px;
    }

    .mp-slider__slider-slide{
        height: 680px;
    }

    .mp-slider__slider{
        opacity: 0;
        height: 600px;
    }


    .mp-slider__slider-slide-title{
        max-width: none;
    }

    .mp-slider__slider-slide-subtitle{
        max-width: none;
    }
}

.mp-catalog{
    padding: 80px 0 100px;
}

.section__title{
    text-align: center;
    font-weight: 300;
    margin-bottom: 41px;
    font-size: 36px;
    line-height: 49px;
    color: #000000;
}
.mp-catalog__list{
    display: -ms-grid;
display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: auto;
    row-gap: 30px;
    column-gap: 30px;
}
.mp-catalog__list-item{
    padding: 35px 30px;
    background: #D7EAFF;
    position: relative;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}



.mp-catalog__list-item::after{
    position: absolute;
    content: "";
    bottom: -110px;
    right: -110px;
    width: 300px;
    height: 300px;
    /* background: url('/bitrix/templates/vpl_template/css/../img/svg/card-dec.svg') no-repeat; */
    background: #B7D9FF;
    border-radius: 270px;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    z-index: 0;
}

.mp-catalog__list-item:hover{
    background: #B7D9FF;
}

.mp-catalog__list-item--height{
    grid-row-start: 1;
    grid-row-end: 3;
}

.mp-catalog__list-item--width{
    grid-column-start: 3;
    grid-column-end: 5;
    flex-direction: row;
    align-items: center;
}

.mp-catalog__list-item--width-mid{
    grid-column-start: 2;
    grid-column-end: 4;
    flex-direction: row;
    align-items: center;
}

.mp-catalog__list-item-info-amount{
    font-size: 17px;
    line-height: 23px;
    color: #212121;
    margin-bottom: 10px;
    position: relative;
    z-index: 1;
}

.mp-catalog__list-item-info-title{
    font-size: 24px;
    line-height: 33px;
    color: #212121;
    position: relative;
    z-index: 1;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.mp-catalog__list-item-img{
    max-height: 296px;
    position: relative;
    z-index: 1;
}

.mp-catalog__list-item-img img{
    -o-object-fit: contain;
       object-fit: contain;
    height: 100%;
}

.mp-catalog__list-item .mp-catalog__list-item-img{
    max-height: 140px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}

.mp-catalog__list-item--height .mp-catalog__list-item-img{
    max-height: 296px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.mp-catalog__list-item--width .mp-catalog__list-item-img,
.mp-catalog__list-item--width-mid .mp-catalog__list-item-img{
    height: 200px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.mp-catalog__list-item:hover .mp-catalog__list-item-info-title{
    color: #6685FF;
}

.mp-catalog__list-item--show{
    background: #FFFFFF;
    border: 1px solid #D7EAFF;
    border-radius: 20px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.mp-catalog__list-item--show::after{
    content: none;
}

.mp-catalog__list-item-show{
    max-width: 119px;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    color: #212121;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.mp-catalog__list-item--show:hover .mp-catalog__list-item-show{
    color: #6685FF;
}

.mp-catalog__list-item-icon{
    margin-top: 15px;
    width: 48px;
    height: 48px;
    border: 1px solid #849DFF;
    border-radius: 64px;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    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;
    padding: 13px;
}

.mp-catalog__list-item-icon svg{
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    font-size: 20px;
    fill: #849DFF;
}

.mp-catalog__list-item--show:hover{
    background: #FFFFFF;
}

.mp-catalog__list-item--show:hover .mp-catalog__list-item-icon{
    background: #849DFF;
}

.mp-catalog__list-item--show:hover .mp-catalog__list-item-icon svg{
    fill: #FFFFFF;
}

@media(max-width: 991px){
    .mp-catalog__list{
        row-gap: 15px;
        column-gap: 15px;
        grid-template-columns: repeat(2, 1fr);
    }

    .mp-catalog__list-item--height{
        grid-row-start: 1;
        grid-row-end: 3;
        grid-column-start: 1;
        grid-column-end: 2;
    }

    .mp-catalog__list-item--width{
        grid-row-start: 3;
        grid-row-end: 4;
        grid-column-start: 1;
        grid-column-end: 3;
    }

    .mp-catalog__list-item--width-mid{
        grid-column-start: 1;
        grid-column-end: 3;
    }

    .mp-catalog__list-item:nth-child(9){
        grid-row-start: 5;
        grid-row-end: 6;
        grid-column-start: 2;
        grid-column-end: 3;
    }

}

@media(max-width: 767px){
    .mp-catalog{
        padding: 50px 0;
    }

    .mp-catalog__list{
        row-gap: 10px;
        -webkit-column-gap: 10px;
           -moz-column-gap: 10px;
                column-gap: 10px;
    }

    .section__title{
        font-size: 25px;
        line-height: 34px;
        margin-bottom: 30px;
    }

    .mp-catalog__list-item{
        padding: 20px 15px 15px;
    }

    .mp-catalog__list-item-info-amount{
        font-size: 15px;
        line-height: 20px;
        margin-bottom: 5px;
    }

    .mp-catalog__list-item-info-title{
        font-size: 17px;
        line-height: 28px;
    }

    .mp-catalog__list-item .mp-catalog__list-item-img{
        max-height: 55px;
    }

    .mp-catalog__list-item--height .mp-catalog__list-item-img{
        max-height: 115px;
    }

    .mp-catalog__list-item--width .mp-catalog__list-item-img,
    .mp-catalog__list-item--width-mid .mp-catalog__list-item-img{
        height: 80px;
        max-height: none;
    }

    .mp-catalog__list-item-show{
        font-size: 15px;
        line-height: 20px;
    }

    .mp-catalog__list-item-icon{
        margin-top: 10px;
        width: 36px ;
        height: 36px;
        padding: 12px;
    }

    .mp-catalog__list-item::after{
        width: 150px;
        height: 150px;
        bottom: -60px;
        right: -60px;
    }

    .mp-catalog__list-item-icon svg{
        font-size: 14px;
    }
}

@media(max-width: 576px){

    .mp-catalog__list-item::after{
        bottom: -70px;
        right: -70px;
    }

    /* .mp-catalog__list-item-info-title{
        word-break: break-all;
    } */
}


.mp-service{
    background: url('/bitrix/templates/vpl_template/css/../img/content/serv-bg.png') no-repeat;
    background-position: center;
    position: relative;
    background-size: cover;
}

@media(max-width: 991px){
    .mp-service{
        background: #3a54b7;
    }
}

.mp-service::before{
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: block;
    background: -o-linear-gradient(346.7deg, rgba(59, 90, 210, 0.85) 0%, rgba(59, 90, 210, 0.85) 100%);
    background: linear-gradient(103.3deg, rgba(59, 90, 210, 0.85) 0%, rgba(59, 90, 210, 0.85) 100%);
}



.mp-service__list{
    position: relative;
    z-index: 1;
    display: -ms-grid;
display: grid;
    grid-template-columns: repeat(4, 1fr);
}


.mp-service__title{
    font-weight: 300;
    font-size: 36px;
    line-height: 49px;
    color: #FFFFFF;
    margin-bottom: 10px;
}

.mp-service__subtitle{
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    color: #FFFFFF;
}

.mp-service__list-item:first-child{
    margin-left: 0;
}

.mp-service__list-item{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding: 30px 30px 40px 30px;
    position: relative;
    border-bottom: none;
    min-height: 351px;
}

.mp-service__list-item-icon{
    width: 48px;
    height: 48px;
    padding: 12px;
    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;
    border: 1px solid #D7EAFF;
    border-radius: 64px;
    margin-left: auto;
    cursor: pointer;
    position: absolute;
    right: 30px;
    top: 30px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.mp-service__list-item-icon svg{
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    font-size: 20px;
    fill: #FFFFFF;
}

.mp-service__list-item-num{
    font-size: 17px;
    line-height: 23px;
    color: #FFFFFF;
    margin-bottom: 15px;
}

.mp-service__list-item-name{
    font-size: 24px;
    line-height: 33px;
    color: #FFFFFF;
    font-weight: 300;
    cursor: pointer;
}

.mp-service__list-item-desc{
    height: 0;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    color: #FFFFFF;
    -webkit-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
}

.mp-service__list-item.is-active .mp-service__list-item-icon{
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}

.mp-service__list-item.is-hover .mp-service__list-item-icon{
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}

.mp-service__list-item--heading{
    padding: 80px 20px 40px 0;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
}



.mp-service__list-item.is-active{
    background: #6685FF;
    border-left: none;
    border-right: none;
}

.mp-service__list-item.is-hover{
    background: #6685FF;
    border-left: none;
    border-right: none;
}

.mp-service__list-item.is-active .mp-service__list-item-desc{
    margin-top: 15px;
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    height: auto;
}

.mp-service__list-item.is-hover .mp-service__list-item-desc{
    margin-top: 15px;
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    height: auto;
}


.mp-service__list-item{
    border-right: 1px solid rgba(255, 255, 255, 0.15);
}

.mp-service__list-item:nth-child(4n + 4){
    border-right: none;
}

.mp-service__list-item:nth-child(4n + 1)::before{
    position: absolute;
    content: "";
    bottom: 0;
    left: -10000px;
    right: -10000px;
    height: 1px;
    display: block;
    background: rgba(255, 255, 255, 0.15);
}

 .mp-service__list-item-icon:hover{
    background: #D7EAFF;
}

.mp-service__list-item-icon:hover svg{
    fill: #6685FF;
}


@media(max-width: 1199px){
    .mp-service__list-item{
        min-height: 408px;
    }

    .mp-service::after{
        top: 408px;
    }

    .mp-service__list-item-desc{
        -o-text-overflow: ellipsis;
           text-overflow: ellipsis;
        display: -moz-box;
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
        line-clamp: 5;
        box-orient: vertical;
        overflow: hidden;
    }
}

@media(max-width: 991px){
    .mp-service__list{
        grid-template-columns: repeat(2, 1fr);
    }

    .mp-service__list-item{
        min-height: 262px;
    }

    .mp-service__list-item:nth-child(2n){
        border-right: none;
    }

    .mp-service__list-item:nth-child(4n + 1)::before{
        content: none;
    }

    .mp-service::after{
        content: none;
    }

    .mp-service__list-item:nth-child(2n + 1)::before{
        position: absolute;
        content: "";
        bottom: 0;
        left: -10000px;
        right: -10000px;
        height: 1px;
        display: block;
        background: rgba(255, 255, 255, 0.15);
    }



    .mp-service__list-item{
        overflow: visible;
    }



}

@media(max-width: 767px){
    .mp-service__title{
        font-size: 28px;
        line-height: 38px;
    }

    .mp-service__subtitle{
        font-size: 14px;
        line-height: 23px;
    }

    .mp-service__list-item{
        padding: 19px 5px 25px 15px;
    }

    .mp-service__list-item--heading{
        padding: 50px 15px 52px;
    }

    .mp-service__list-item-icon{
        width: 36px;
        height: 36px;
        padding: 12px;
        top: 19px;
        right: 5px;
    }

    .mp-service__list-item-icon svg{
        font-size: 14px;
    }

    .mp-service__list-item-num{
        margin-bottom: 10px;
    }

    .mp-service__list-item-name{
        font-size: 18px;
        line-height: 28px;
    }

    .mp-service__list-item-desc{
        font-size: 14px;
        line-height: 23px;
    }

    .mp-service__list-item.is-active .mp-service__list-item-desc{
        margin-top: 10px;
    }

    .mp-service__list-item{
        min-height: 269px;
    }

    .mp-service__list-item:last-child{
        border-bottom: none;
    }

    .mp-service__list-item:nth-child(7){
        border-bottom: none;
    }
}

@media(max-width: 576px){
    .mp-service .container{
        padding: 0;
    }

    .mp-service__list-item{
        padding-right: 21px;
        padding-left: 15px;
    }

    .mp-service__list-item-icon{
        right: 21px;
    }
}

.mp-advan{
    padding: 80px 0 48px;
}

.mp-advan__list{
    display: -ms-grid;
display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 30px;
    row-gap: 40px;
}

.mp-advan__list-item{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
}

.mp-advan__list-item-icon{
    min-width: 128px;
    max-width: 128px;
    width: 100%;
    padding: 32px;
    position: relative;
    margin-right: 50px;
    border: 3px solid #D7EAFF;
    border-radius: 20px;
    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;
}

.mp-advan__list-item-icon img{
    -o-object-fit: contain;
       object-fit: contain;
}

.mp-advan__list-item-icon-num{
    position: absolute;
    right: -24px;
    top: calc(50% - 24px);
    width: 48px;
    height: 48px;
    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;
    background: #D7EAFF;
    border-radius: 48px;
    font-size: 20px;
    line-height: 30px;
    color: #212121;
}

.mp-advan__list-item-info-name{
    font-size: 20px;
    line-height: 30px;
    color: #212121;
    margin-bottom: 5px;
}

.mp-advan__list-item-info-text{
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    color: #212121;
}

@media(max-width: 991px){
    .mp-advan__list-item-icon{
        max-width: 80px;
        min-width: 80px;
        padding: 18px;
        margin-right: 0;
        margin-bottom: 15px;
    }

    .mp-advan__list-item-icon-num{
        width: 32px;
        height: 32px;
        right: -16px;
        top: calc(50% - 16px);
        font-size: 18px;
        line-height: 28px;
    }

    .mp-advan__list-item{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
}

@media(max-width: 767px){
    .mp-advan__list{
        grid-template-columns: repeat(1, 1fr);
        row-gap: 25px;
    }

    .mp-advan__list-item-info-name{
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 7px;
    }

    .mp-advan__list-item-info-text{
        font-size: 14px;
        line-height: 23px;
    }

    .mp-advan{
        padding: 50px 0;
    }
}

.mp-promo{
    padding: 45px 0 40px;
}

.mp-promo__block{
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    background: url('/bitrix/templates/vpl_template/css/../img/content/promo-bg.png') no-repeat;
    border-radius: 30px;
    background-size: cover;
    /* overflow: hidden; */
    padding: 0 50px;
    height: 100%;
}

.mp-promo__block-item{
    padding: 80px 30px 80px;
    border-right: 1px solid rgba(255, 255, 255, 0.15);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.mp-promo__block-item:last-child{
    border-right: none;
}

.mp-promo__title{
    font-weight: 300;
    font-size: 36px;
    line-height: 49px;
    color: #FFFFFF;
    margin-bottom: 15px;
}

.mp-promo__subtitle{
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    color: #FFFFFF;
    margin-bottom: 25px;
}

.mp-promo__btn{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 12px 30px;
    border: 1px solid #D7EAFF;
    border-radius: 64px;
    font-size: 17px;
    line-height: 23px;
    color: #FFFFFF;
    max-width: 242px;
}

.mp-promo__btn svg{
    fill: #FFFFFF;
    margin-left: 15px;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    font-size: 20px;
}

.mp-promo__block-item-date{
    font-size: 17px;
    line-height: 23px;
    color: #FFFFFF;
    margin-bottom: 15px;
}

.mp-promo__block-item-name{
    font-size: 24px;
    line-height: 33px;
    color: #FFFFFF;
    margin-bottom: 15px;
}

.mp-promo__block-item-desc{
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    color: #FFFFFF;
    margin-bottom: 34px;
}

.mp-promo__block-item-btn{
    width: 48px;
    height: 48px;
    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;
    border: 1px solid #D7EAFF;
    border-radius: 64px;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.mp-promo__block-item-btn svg{
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    fill: #FFFFFF;
    font-size: 20px;
}

.mp-promo__btn:hover{
    background: #D7EAFF;
    color: #6685FF;
}

.mp-promo__btn:hover svg{
    fill: #6685FF;
}

.mp-promo__block-item-btn:hover{
    background: #D7EAFF;
}

.mp-promo__block-item-btn:hover svg{
    fill: #6685FF;
}

@media(max-width: 1199px){
    .mp-promo__block{
        padding: 0 15px;
    }
}

@media(max-width: 991px){
    .mp-promo__block{
        grid-template-columns: repeat(1, 1fr);
    }

    .mp-promo__block-item{
        border-right: none;
        padding: 30px 15px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    }

    .mp-promo__block-item:last-child{
        border-bottom: none;
    }

    .mp-promo__block{
        padding: 20px 0;
    }
}

@media(max-width: 767px){
    .mp-promo__title{
        font-size: 28px;
        line-height: 38px;
    }

    .mp-promo__subtitle{
        margin-bottom: 15px;
        font-size: 14px;
        line-height: 23px;
    }

    .mp-promo__btn{
        padding: 11px 25px;
        font-size: 15px;
        line-height: 20px;
        max-width: 215px;
    }

    .mp-promo__btn svg{
        font-size: 16px;
    }

    .mp-promo__block-item-date{
        font-size: 15px;
        line-height: 20px;
        margin-bottom: 10px;
    }

    .mp-promo__block-item-name{
        font-size: 22px;
        line-height: 30px;
        margin-bottom: 10px;
    }

    .mp-promo__block-item-desc{
        font-size: 14px;
        line-height: 23px;
        margin-bottom: 25px;
    }

    .mp-promo__block-item-btn{
        width: 36px;
        height: 36px;
    }

    .mp-promo__block-item-btn svg{
        font-size: 14px;
    }
}

@media(max-width: 576px){
    .mp-promo{
        padding: 0;
    }

    .mp-promo__block{
        border-radius: 0;
        width: calc(100% + 30px);
        margin-left: -15px;
    }
}

.mp-reviews{
    padding: 40px 0 85px;
}

.mp-reviews__list{
    display: -ms-grid;
display: grid;
    grid-template-columns: repeat(3, 1fr);
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    row-gap: 30px;
}




.mp-reviews__list-item{
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    padding: 80px 30px 41px 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}

.mp-reviews__list-item::before{
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: block;
    /* background: linear-gradient(180deg, rgba(87, 119, 244, 0.2) 0%, rgba(87, 119, 244, 0.805208) 65.94%, #5777F4 100%); */
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(87, 119, 244, 0.6)), color-stop(50%, rgba(87, 119, 244, 0.9)), to(#5777F4));
    background: -o-linear-gradient(top, rgba(87, 119, 244, 0.6) 0%, rgba(87, 119, 244, 0.9) 50%, #5777F4 100%);
    background: linear-gradient(180deg, rgba(87, 119, 244, 0.6) 0%, rgba(87, 119, 244, 0.9) 50%, #5777F4 100%);
    opacity: .7;
    z-index: 0;
    -webkit-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
}

.mp-reviews__list-item-img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    border-radius: 20px;
    -o-object-fit: cover;
    object-fit: cover;
}

.mp-reviews__list-item-icon{
    position: absolute;
    top: 30px;
    right: 30px;
    width: 48px;
    height: 48px;
    background: #6685FF;
    border-radius: 48px;
    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;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    padding: 9px 8px 9px 12px;
    z-index: 1;
}

.mp-reviews__list-item-icon svg{
    fill: #FFFFFF;
    font-size: 26px;
}

.mp-reviews__list-item-name{
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    color: #FFFFFF;
    margin-bottom: 10px;
    position: relative;
    z-index: 1;
}

.mp-reviews__list-item-text{
    font-size: 20px;
    line-height: 30px;
    color: #FFFFFF;
    margin-bottom: 10px;
    position: relative;
    z-index: 1;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.mp-reviews__list-item-location{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    color: #FFFFFF;
    position: relative;
    z-index: 1;
}

.mp-reviews__list-item-location svg{
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    fill: #FFFFFF;
    margin-right: 4px;
    font-size: 20px;
}

.mp-reviews__list-item--height{
    grid-row-start: 1;
    grid-row-end: 3;
}

.mp-reviews__list-item--show::before{
    content: none;
}

.mp-reviews__list-item--no-img::before{
    content: none;
}

.mp-reviews__list-item--no-img{
    border: 1px solid #D7EAFF;
}

.mp-reviews__list-item--show{
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border: 1px solid #D7EAFF;
}

.mp-reviews__list-item-text--show{
    max-width: 107px;
    text-align: center;
    font-size: 20px;
    line-height: 30px;
    color: #212121;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.mp-reviews__list-item-show{
    width: 48px;
    height: 48px;
    border: 1px solid #6685FF;
    border-radius: 64px;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    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;
    margin-top: 15px;
}

.mp-reviews__list-item-show svg{
    fill: #6685FF;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.mp-reviews__list-item--no-img .mp-reviews__list-item-name,
.mp-reviews__list-item--no-img .mp-reviews__list-item-text,
.mp-reviews__list-item--no-img .mp-reviews__list-item-location{
    color: #212121;
}

.mp-reviews__list-item--no-img .mp-reviews__list-item-location svg{
    fill: #6685FF;
}

.mp-reviews__list-item:hover::before{
    opacity: 1;
}

.mp-reviews__list-item--no-img:hover .mp-reviews__list-item-text{
    color: #6685FF;
}

.mp-reviews__list-item--show:hover .mp-reviews__list-item-text--show{
    color: #6685FF;
}

.mp-reviews__list-item--show:hover .mp-reviews__list-item-show{
    background: #6685FF;
}

.mp-reviews__list-item--show:hover .mp-reviews__list-item-show svg{
    fill: #FFFFFF;
}

@media(min-width: 1680px){
    .mp-reviews__list-item{
        padding-top: 157px;
    }

    .mp-reviews__list-item--show{
        padding: 80px 30px 41px 30px;
    }
}

@media(max-width: 1199px){
    .mp-reviews__list-item{
        padding: 70px 18px 25px 20px;
    }

    .mp-reviews__list-item-icon{
        top: 20px;
        right: 20px;
    }

    .mp-reviews__list-item-text{
        font-size: 18px;
        line-height: 28px;
    }
}

@media(max-width: 991px){
    .mp-reviews__list{
        grid-template-columns: repeat(2, 1fr);
    }

    .mp-reviews__list-item--height{
        grid-row-end: 2;
    }

}

@media(max-width: 768px){


    .mp-reviews__list-item:nth-child(n + 5){
        display: none;
    }

    .mp-reviews__list-item{
        -webkit-box-ordinal-group: 4;
            -ms-flex-order: 3;
                order: 3;
    }

    .mp-reviews__list-item--no-img{
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2;
    }

    .mp-reviews__list-item--height{
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1;
    }

    .mp-reviews__list-item--show{
        -webkit-box-ordinal-group: 5;
            -ms-flex-order: 4;
                order: 4;
    }
    .mp-reviews{
        padding: 10px 0 50px;
    }

    .mp-reviews__list-item-icon{
        width: 36px;
        height: 36px;
        padding-left: 11px;
    }

    .mp-reviews__list-item-icon svg{
        font-size: 18px;
    }

    .mp-reviews__list-item-name{
        font-size: 14px;
        line-height: 23px;
        margin-bottom: 8px;
    }

    .mp-reviews__list-item-text{
        margin-bottom: 8px;
    }

    .mp-reviews__list-item-location{
        font-size: 14px;
        line-height: 23px;
    }

    .mp-reviews__list-item-location svg{
        font-size: 18px;
        margin-right: 6px;
    }

    .mp-reviews__list-item--show{
        padding: 29px;
    }

    .mp-reviews__list-item-text--show{
        font-size: 18px;
        line-height: 28px;
    }

    .mp-reviews__list-item-show{
        width: 36px;
        height: 36px;
        margin-top: 10px;
    }
}

@media(max-width: 576px){
    .mp-reviews{
        padding: 50px 0;
    }
    .mp-reviews__list{
        grid-template-columns: repeat(1, 1fr);
        row-gap: 15px;
    }
}

.section__title--white{
    color: #FFFFFF
}

.mp-video{
    padding: 80px 0 150px;
    background: url('/bitrix/templates/vpl_template/css/../img/content/blue-bg.png') no-repeat;
    background-position: center;
}

.mp-video__list{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
}



.mp-video__list-item{
    position: relative;
    padding: 70px 52px 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    border-radius: 20px;
    overflow: hidden;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    height: 480px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    min-width: 170px;
    cursor: pointer;
}

.mp-video__list-item.is-active{
    min-width: 570px;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}



.mp-video__list-item-img{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    border-radius: 20px;
    z-index: 0;
}

.mp-video__list-item::before{
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: block;
    background:  -webkit-gradient(linear, left top, left bottom, from(rgba(34, 34, 34, 0.4)), color-stop(66.98%, rgba(34, 34, 34, 0.8)), to(rgba(34, 34, 34, 0.9)));
    background:  -o-linear-gradient(top, rgba(34, 34, 34, 0.4) 0%, rgba(34, 34, 34, 0.8) 66.98%, rgba(34, 34, 34, 0.9) 100%);
    background:  linear-gradient(180deg, rgba(34, 34, 34, 0.4) 0%, rgba(34, 34, 34, 0.8) 66.98%, rgba(34, 34, 34, 0.9) 100%);
    opacity: .8;
    -webkit-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
    z-index: 1;
}

.mp-video__list-item:hover::before{
    opacity: 1;
}

.mp-video__list-item-play{
    position: absolute;
    top: calc(50% - 24px);
    left: calc(50% - 24px);
    width: 48px;
    height: 48px;
    background: #6685FF;
    border-radius: 48px;
    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;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    padding: 9px 8px 9px 12px;
    z-index: 2;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.mp-video__list-item.is-active .mp-video__list-item-play{
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}

.mp-video__list-item:hover .mp-video__list-item-play{
    background: #4F71F9;
}

.mp-video__list-item-play svg{
    fill: #FFFFFF;
    font-size: 26px;
}

.mp-video__list-item-name{
    font-size: 24px;
    line-height: 33px;
    color: #FFFFFF;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);

    width: 100%;
    z-index: 2;
    -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
            writing-mode: vertical-rl;
    -webkit-backface-visibility: hidden;
}


.mp-video__list-item.is-active .mp-video__list-item-name{
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    -webkit-writing-mode: inherit;
        -ms-writing-mode: inherit;
    writing-mode: inherit;
    opacity: 1;
    -webkit-animation: opacityText 0.7s;
    animation: opacityText 0.7s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

@-webkit-keyframes opacityText {
    0% {
      opacity: 0;
    }
    95% {
      opacity: 1;
    }
}

@keyframes opacityText {
    0% {
      opacity: 0;
    }
    95% {
      opacity: 1;
    }
}

@media(max-width: 1199px){
    .mp-video__list-item.is-active{
        min-width: 400px;
    }

    .mp-video__list-item{
        padding: 70px 32px 50px;
        height: 460px;
        min-width: 130px;
    }
}

@media(max-width: 991px){
    .mp-video__list{
       -webkit-box-orient: vertical;
       -webkit-box-direction: normal;
           -ms-flex-direction: column;
               flex-direction: column;
        row-gap: 15px;
    }

    .mp-video__list-item{
        padding: 22px 20px;
        max-width: none;
        min-width: 0;
        width: 100%;
        max-height: 200px;
    }

    .mp-video__list-item.is-active{
        min-width: 0;
        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
        padding: 50px 20px 22px;
        max-height: 340px;
    }

    .mp-video__list-item-name{
        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
        -webkit-writing-mode: inherit;
            -ms-writing-mode: inherit;
                writing-mode: inherit;
    }
}

@media(max-width: 767px){
    .mp-video{
        padding: 50px 0;
    }

    .mp-video__list-item-name{
        font-size: 18px;
        line-height: 28px;
    }

    .mp-video__list-item{
        max-height: 100px;
    }

    .mp-video__list-item.is-active{
        max-height: 240px;
    }
}

.mp-about{
    padding: 80px 0 90px;
}

.mp-about__intra-img{
    height: 480px;
}

.mp-about__intra-img img{
    height: 100%;
}

.mp-about__intra-wp{
    position: relative;
    max-width: 370px;
}

.mp-about__intra-wp::before{
    position: absolute;
    content: "";
    top: 40px;
    left: 40px;
    height: 100%;
    width: 100%;
    display: block;
    border: 10px solid #D7EAFF;
    border-radius: 20px;
    z-index: -1;
}

.mp-about__intra-list{
    position: absolute;
    bottom: 40px;
    right: -80px;
}

.mp-about__intra-list-item{
    padding: 14px 30px;
    background: #849DFF;
    border-radius: 12px;
    margin-bottom: 15px;
    font-size: 17px;
    line-height: 23px;
    color: #FFFFFF;
}

.mp-about__intra-list-item:last-of-type{
    margin-bottom: 0;
}

.mp-about__intra-list-item-num{
    font-size: 24px;
    line-height: 33px;
}

.article-title{
    font-size: 30px;
    line-height: 41px;
    color: #212121;
    margin-bottom: 20px;
}

.article-subtitle{
    font-size: 20px;
    line-height: 30px;
    color: #212121;
    margin-bottom: 30px;
}

.mp-about__info-list-item{
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    color: #212121;
    margin-bottom: 20px;
    position: relative;
    padding-left: 44px;
}

.mp-about__info-list-item::before{
    position: absolute;
    content: "";
    top: -4px;
    left: 0;
    max-width: 32px;
    width: 100%;
    height: 32px;
    border: 2px solid #D7EAFF;
    border-radius: 32px;
    background: url('/bitrix/templates/vpl_template/css/../img/done.svg') no-repeat;
    background-position: center;
}

.mp-about__info-list-item:last-of-type{
    margin-bottom: 0;
}

@media(max-width: 1199px){
    .mp-about__intra-img{
        height: 400px;
    }

    .mp-about__intra-wp::before{
        width: 90%;
    }

    .mp-about__intra-list{
        right: -20px;
    }
}

@media(max-width: 991px){
    .mp-about__intra-wp{
        margin: 0 auto 60px;
    }
}

@media(max-width: 767px){
    .mp-about__intra-wp{
        margin: 0 0 60px;
        max-width: 260px;
    }

    .mp-about__info-title{
        font-size: 22px;
        line-height: 30px;
        margin-bottom: 30px;
    }

    .mp-about{
        padding: 50px 0;
    }

    .mp-about__intra-img{
        height: 285px;
    }
    .mp-about__intra-list{
        right: -70px;
    }
    .mp-about__intra-wp::before{
        width: 100%;
        border-width: 6px;
    }

    .mp-about__intra-list-item{
        padding: 14px 20px;
        font-size: 15px;
        line-height: 20px;
        margin-bottom: 8px;
    }

    .mp-about__intra-list-item:last-of-type{
        margin-bottom: 0;
    }

    .mp-about__intra-list-item-num{
        font-size: 15px;
        line-height: 20px;
    }

    .article-subtitle{
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 20px;
    }

    .mp-about__info-list-item{
        padding-left: 34px;
        font-size: 14px;
        line-height: 23px;
    }

    .mp-about__info-list-item::before{
        width: 24px;
        height: 24px;
        background-size: 45%;
        top: 0;
    }
}

@media(max-width: 576px){
    .mp-about__intra-list{
        right: -30px;
    }

    .mp-about__intra-wp::before{
        width: 100%;
        max-width: 220px;
    }
}

.content-entry {
    position: relative;
    overflow: hidden;
    padding: 40px 0;
}
.content-entry.is-hide {
    display: none;
}
.content-entry h1{
    font-size: 44px;
    line-height: 60px;
    font-weight: 300;
}

.breadcrumb{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.breadcrumb__item-list{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.breadcrumb__item-link{
    font-weight: 400;
    font-size: 13px;
    line-height: 21px;
    color: #888888;
    padding: 0 6px;
}

.breadcrumb__item-link:hover{
  color: #6685FF;
}

.breadcrumb__item-link-icon{
    padding: 0 6px 0 0;
}

.breadcrumb__item-link-icon svg{
    fill: #888888;
    font-size: 9px;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.breadcrumb__item-link:hover .breadcrumb__item-link-icon svg{
   fill: #6685FF;
}

.content{
    padding-top: 0;
    padding-left: 100px;
    padding-bottom: 60px;
    width: 100%;
}

.content p{
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    margin: 0 0 30px;
}

.content__img{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0 auto 40px;
}

.content p.content__img-subtitle{
    padding: 15px;
    text-align: center;
    font-family: 'Gilroy';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #212121;
    background: #D7EAFF;
    margin-bottom: 0;
}

h2{
    font-weight: 300;
    font-size: 36px;
    line-height: 49px;
    margin-bottom: 25px;
}

h3{
    font-weight: 300;
    font-size: 30px;
    line-height: 41px;
    margin-bottom: 20px;
}

h4{
    font-weight: 300;
    font-size: 24px;
    line-height: 33px;
    margin-bottom: 20px;
}

h5{
    font-weight: 300;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 15px;
}

h6{
    font-weight: 300;
    font-size: 17px;
    line-height: 23px;
    margin-bottom: 15px;
}

.content ul:not(.slick-dots){
    list-style: none;
    margin: 0 0 30px;
    padding: 0;
    padding: 0 0 0 30px;
}

.content ul:not(.slick-dots) > li{
    position: relative;
    margin-bottom: 10px;
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    padding-left: 18px;
}

.content ul:not(.slick-dots) > li:after{
    content: "";
    background: #6685FF;
    border-radius: 9px;
    width: 6px;
    height: 6px;
    position: absolute;
    left: 0;
    top: 9px;
}

.content ul:not(.slick-dots) > li > ul,
.content ul:not(.slick-dots) > li > ol{
    margin-top: 10px;
    margin-bottom: 10px;
}

.content a{
    color: #6685FF;
}

.content a:visited{
    color: #8D9195;
}

.content a:hover{
    color: #183FD9;
}

.content a:active{
    color: #849DFF;
}

.content a:focus{
    color: #2A75D7;
}

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

.content ol > li{
    counter-increment: counter;
    padding-left: 32px;
    margin-bottom: 12px;
    position: relative;
}

.content ol > li:before{
    content: counter(counter);
    background: #6685FF;
    border-radius: 20px;
    font-family: 'Gilroy';
    font-weight: 600;
    font-size: 14px;
    line-height: 21px;
    color: #FFFFFF;
    height: 21px;
    position: absolute;
    left: 0px;
    top: 1px;
    text-align: center;
    width: 21px;
}

blockquote{
    padding: 40px 30px 40px 77px;
    background: #D7EAFF;
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    position: relative;
    margin: 0 0 30px;
}

blockquote::before{
    position: absolute;
    content: "";
    top: 40px;
    left: 30px;
    width: 32px;
    height: 32px;
    background: url('/bitrix/templates/vpl_template/css/../img/svg/quote.svg') no-repeat;
    background-size: contain;
}

.table-responsive{
    margin-bottom: 20px;
    overflow-x: auto;
}

.content .table-responsive table{
    overflow: hidden;
    width: 100%;
    border: 1px solid #D7EAFF;
}

.content table tr{
    border-bottom: 1px solid #D7EAFF;
}

.content table tbody tr:last-of-type{
    border-bottom: none;
}

.content table thead tr{
    border-bottom: 1px solid #D7EAFF;
}

.content table thead th{
    padding: 20px 0;
    font-weight: 300;
    font-size: 17px;
    line-height: 23px;
    text-align: center;
}

.content table tr > td{
    padding: 20px 0;
    text-align: center;
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    color: #545A60;
}

.content ol > li{
    font-weight: 400;
font-size: 15px;
line-height: 24px;
}

.breadcrumb__item-link:first-of-type{
    padding-left: 0;
}

@media(max-width: 991px){
    .content{
        padding-left: 0;
    }
}

@media(max-width: 767px){

    .content{
        padding: 0 0 50px 0;
    }
    .content-entry{
        padding: 30px 0;
    }

    .breadcrumb__item-link{
        font-size: 12px;
        line-height: 16px;
        padding: 0 5px;
    }

    .breadcrumb__item-link:first-of-type{
        padding-left: 0;
    }

    .breadcrumb__item-link-icon{
        padding: 0 5px 0 0;
    }

    .content-entry h1{
        font-size: 28px;
        line-height: 38px;
    }

    .content p{
        margin: 0 0 25px;
        font-size: 14px;
        line-height: 17px;
    }
    .content p.content__img-subtitle{
        padding: 9px;
        font-size: 14px;
        line-height: 17px;
    }

    .content__img{
        margin-bottom: 25px;
    }

    h2{
        font-size: 25px;
        line-height: 35px;
    }

    h3{
        font-size: 22px;
        line-height: 32px;
    }

    h4{
        font-size: 19px;
        line-height: 26px;
    }

    h5{
        font-size: 18px;
        line-height: 28px;
    }

    h5{
        font-size: 17px;
        line-height: 25px;
    }

    .content ul:not(.slick-dots){
        padding-left: 0;
    }

    .content ul:not(.slick-dots) > li{
        font-size: 14px;
        line-height: 17px;
    }

    .content ul:not(.slick-dots) > li:after{
        top: 6px;
    }

    .content ol{
        padding-left: 0;
        margin-bottom: 25px;
    }

    .content ol > li{
        font-size: 14px;
        line-height: 17px;
        padding-left: 28px;
    }

    .content ol > li:before{
        width: 17px;
        height: 17px;
        line-height: 17px;
        top: 0;
    }

    blockquote{
        padding: 30px 20px 30px 55px;
        font-size: 14px;
        line-height: 18px;
        margin: 0 0 25px;
    }

    blockquote::before{
        top: 30px;
        left: 13px;
        width: 25px;
        height: 25px;
    }

    .content table thead th{
        font-size: 16px;
        line-height: 18px;
        padding: 10px 0;
    }

    .content table tr > td{
        font-size: 13px;
        line-height: 17px;
        padding: 8px 0;
    }
}



.catalog{
    padding: 0 0 80px;
}

.catalog__list{
    display: -ms-grid;
display: grid;
    grid-template-columns: repeat(4, 1fr);
    row-gap: 30px;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
            column-gap: 30px;
}



.catalog__list-item-img{
    height: 180px;
    padding: 30px;
    background: #FFFFFF;
    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;
    border: 1px solid #EAF4FF;
}

.catalog__list-item-name{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;
    padding: 30px;
    font-size: 20px;
    line-height: 30px;
    color: #222222;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    height: calc(100% - 180px);
    background: #EAF4FF;
}

.catalog__list-item:hover .catalog__list-item-name{
    color: #6685FF;
}

.content-nav{
    padding-top: 40px;
}

.content-nav__list{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.content-nav__list-item{
    padding: 0;
    margin-right: 10px;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.content-nav__list-item a{
    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;
    padding: 9px 13px;
    width: 44px;
    height: 44px;
    border: 1px solid #D7EAFF;
    border-radius: 50%;
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    color: #212121;
}

.content-nav__list-item:first-of-type a svg{
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
}

.content-nav__list-item:last-of-type a svg{
    -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
}

.content-nav__list-item.active a{
    background: #6685FF;
    border-color: #6685FF;
    color: #FFFFFF;
}

.content-nav__list-item a:hover{
    background: #D7EAFF;
}

.btn-back{
    margin-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 9px 30px;
    border: 1px solid #D7EAFF;
    border-radius: 64px;
    font-size: 17px;
    line-height: 23px;
    color: #6685FF;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.btn-back:hover{
    background: #D7EAFF;
}

.btn-back svg{
    fill: #6685FF;
    font-size: 20px;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    margin-right: 15px;
}

.btn-more{
    padding: 5px 25px;
    font-size: 15px;
    line-height: 20px;
    color: #212121;
    text-align: center;
    margin: 20px auto 0;
    border: 1px solid #D7EAFF;
    border-radius: 64px;
    max-width: 160px;
    display: none;
}

.btn-more:hover{
    background: #D7EAFF;
    color: #6685FF;
}

.no-photo{
    background: #D7EAFF;
    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: 100%;
}

.no-photo.typical-content{
    min-height: 400px;
    margin-bottom: 30px;
}

.no-photo img{
    max-width: 256px;
    width: 80%;
    height: 80%;
}



@media(max-width: 767px){
    .no-photo.typical-content {
        min-height: 250px;
    }

    .no-photo img{
        max-width: 150px;
    }
}

@media(max-width: 991px){
    .catalog__list{
        grid-template-columns: repeat(3, 1fr);
    }
}

@media(max-width: 767px){
    .catalog__list{
        grid-template-columns: repeat(2, 1fr);
        column-gap: 10px;
        row-gap: 10px;
    }

    .catalog__list-item-img{
        height: 95px;
        padding: 15px;
    }

    .catalog__list-item-name{
        height: calc(100% - 95px);
        font-size: 18px;
        line-height: 28px;
        padding: 15px 15px 20px;
    }

    .catalog__list-item-img img{
        height: 100%;
    }

    .btn-more{
        display: block;
    }

    .content-nav{
        padding-top: 20px;
    }

    .content-nav__list-item{
        margin-right: 5px;
    }

    .content-nav__list-item a{
        width: 27px;
        height: 27px;
        font-size: 14px;
        line-height: 23px;
        padding: 2px 8px;
    }

    .btn-back{
        margin-top: 35px;
        padding: 9px 25px;
    }

    .btn-back svg{
        font-size: 14px;
        margin-right: 10px;
    }

    .catalog{
        padding: 0 0 65px;
    }
}

@media(max-width: 576px){
    .breadcrumb{
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
}

.other-article{
    padding: 80px 0;
    background: #F5F5F5;
}

.section__heading{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 40px;
}

.section__heading .section__title{
    margin-bottom: 0;
}

.section__heading-nav{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 5px;
}

.slider-btn{
    width: 44px;
    height: 44px;
    border: 1px solid #6685FF;
    border-radius: 50%;
    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;
    margin-left: 10px;
}

.slider-btn span{
    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;
}

.slider-btn svg{
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    fill: #6685FF;
    font-size: 18px;
}

.section__heading-nav .btn_prev svg{
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
    padding-right: 2px;
}

.section__heading-nav .btn_next svg{
    -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
    padding-left: 2px;
}

.slider-btn:hover{
    background: #6685FF;
}

.slider-btn:hover svg{
    fill: #FFFFFF;
}

.other-article__slider{
    margin: 0 -15px;
    opacity: 0;
}

.other-article__slide{
    padding: 0 15px;
    position: relative;
    display: block;
}

.other-article__slide::before{
    position: absolute;
    content: "";
    top: 0;
    left: 15px;
    height: 100%;
    width: calc(100% - 30px);
    display: block;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(87, 119, 244, 0.2)), color-stop(65.94%, rgba(87, 119, 244, 0.805208)), to(#5777F4));
    background: -o-linear-gradient(top, rgba(87, 119, 244, 0.2) 0%, rgba(87, 119, 244, 0.805208) 65.94%, #5777F4 100%);
    background: linear-gradient(180deg, rgba(87, 119, 244, 0.2) 0%, rgba(87, 119, 244, 0.805208) 65.94%, #5777F4 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(87, 119, 244, 0.6)), color-stop(50%, rgba(87, 119, 244, 0.9)), to(#5777F4));
    background: -o-linear-gradient(top, rgba(87, 119, 244, 0.6) 0%, rgba(87, 119, 244, 0.9) 50%, #5777F4 100%);
    background: linear-gradient(180deg, rgba(87, 119, 244, 0.6) 0%, rgba(87, 119, 244, 0.9) 50%, #5777F4 100%);
    opacity: .7;
    z-index: 1;
    -webkit-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
}

.other-article__slide:hover::before{
    opacity: 1;
}

.other-article__slide-bg{
    position: absolute;
    top: 0;
    left: 15px;
    height: 100%;
    width: calc(100% - 30px);
    z-index: 0;
    -o-object-fit: cover;
    object-fit: cover;
}

.other-article__slide-text{
    position: relative;
    z-index: 2;
    padding: 157px 30px 30px;

}

.other-article__slide-topic{
    font-size: 17px;
    line-height: 23px;
    color: #FFFFFF;
    margin-bottom: 10px;
}

.other-article__slide-title{
    font-size: 20px;
    line-height: 30px;
    color: #FFFFFF;
}

.btn-show{
    margin: 30px auto 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    max-width: 190px;
    border: 1px solid #6685FF;
    border-radius: 64px;
    padding: 12px 30px;
    font-size: 17px;
    line-height: 23px;
    color: #212121;
}

.btn-show:hover{
    background: #6685FF;
    color: #FFFFFF;
}

.btn-show svg{
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    font-size: 20px;
    fill: #212121;
    margin-left: 15px;
}

.btn-show:hover svg{
    fill: #FFFFFF;
}

@media(max-width: 991px){
    .other-article__slider{
        margin: 0 -5px;
    }

    .other-article__slide{
        padding: 0 5px;
    }

    .other-article__slide::before{
        left: 5px;
        width: calc(100% - 10px);
    }

    .other-article__slide-bg{
        left: 5px;
        width: calc(100% - 10px);
    }
}

@media(max-width: 767px){
    .section__nav{
        display: none;
    }

    .other-article{
        padding: 50px 0;
    }

    .section__heading{
        margin-bottom: 25px;
    }

    .other-article__slide-text{
        padding: 139px 20px 25px;
    }

    .other-article__slide-topic{
        display: none;
    }

    .other-article__slide-title{
        font-size: 18px;
        line-height: 28px;
    }

    .slick-dots{
        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;
        margin-top: 26px;
    }

    .slick-dots li{
        width: 20px;
        height: 20px;
        padding: 6px 4px;
        margin-right: 10px;
        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;
    }

    .slick-dots li:last-of-type{
        margin-right: 0;
    }

    .slick-dots li button{
        width: 12px;
        height: 12px;
        font-size: 0;
        line-height: 0;
        display: block;
        padding: 5px;
        cursor: pointer;
        color: transparent;
        background: #C3DFFF;
        border-radius: 12px;

    }

    .slick-dots li:hover button{
        opacity: .7;
    }

    .slick-dots li.slick-active{
        width: 32px;
    }

    .slick-dots li.slick-active button{
        width: 24px;
        background: #6685FF;
    }

    .btn-show{
        padding: 9px 25px;
        font-size: 15px;
        line-height: 20px;
        max-width: 158px;
        margin: 25px auto 0;
    }

    .btn-show svg{
        font-size: 16px;
        margin-left: 10px;
    }
}

.about-intra{
    padding: 70px 0;
    background-color: #6685FF;
    position: relative;
}

.about-intra__title{
    font-size: 30px;
    line-height: 41px;
    color: #FFFFFF;
    margin-bottom: 20px;
}
.about-intra__subtitle{
    font-size: 20px;
    line-height: 30px;
    color: #FFFFFF;
    margin-bottom: 20px;
}

.about-intra__desc{
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    color: #FFFFFF;
}

.about-intra__info{
    max-width: 645px;
    margin-left: auto;
}

.other-article__bg{
    position: absolute;
    z-index: 0;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.other-article__bg img{
    -o-object-fit: cover;
       object-fit: cover;
    height: 100%;
    width: 100%;
}

@media(max-width: 991px){
    .other-article__bg img{
        -o-object-position: right;
           object-position: right;
    }
}

@media(max-width: 767px){
    .about-intra{
        padding: 27px 0;
    }

    .about-intra__title{
        font-size: 22px;
        line-height: 30px;
        margin-bottom: 0;
    }

    .about-intra__subtitle{
        font-size: 18px;
        line-height: 28px;
    }

    .about-intra__desc{
        font-size: 14px;
        line-height: 23px;
    }

    .about-intra__info{
        max-width: 380px;
    }
}

@media(max-width: 576px){
    .about-intra__info{
        max-width: none;
    }

    .other-article__bg img{
        -o-object-fit: cover;
           object-fit: cover;
        -o-object-position: center;
           object-position: center;
        width: 100%;
    }

    .about-intra__title{
        margin-bottom: 365px;
    }
}

.catalog-detail__container{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 40px;
}

.catalog-detail{
    padding: 0 0 80px;
}

.catalog-detail__gallery{
    max-width: 470px;
    min-width: 470px;
    width: 100%;
    margin-right: 30px;
    border: 1px solid #D7EAFF;
    border-radius: 20px;
    padding: 90px 10px 30px;
    background: #FFFFFF;
    opacity: 0;
    overflow: hidden;
    max-height: 470px;
}

.catalog-detail__gallery-slide{
    height: 267px;
    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;
}

.catalog-detail__gallery-slide img{
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
}

.catalog-detail__gallery-slider-nav{
    margin-top: 16px;
    margin-left: auto;
    margin-right: -32px;
    width: 360px;
    overflow: hidden;
}

.catalog-detail__gallery-slider-nav-slide{
    cursor: pointer;
    padding:0 6px;
    height: 65px;
}

.catalog-detail__gallery-slider-nav-slide-img{
    padding: 14px 6px;
    border: 1px solid #D7EAFF;
    border-radius: 20px;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.catalog-detail__gallery-slider-nav-slide-img img{
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
}

.catalog-detail__desc-chars{
    margin-bottom: 20px;
    margin-top: -17px;
}

.catalog-detail__desc-chars-item{
    padding: 17px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-bottom: 1px solid #D7EAFF;
}

.catalog-detail__desc-chars-item-name{
    font-size: 17px;
    line-height: 23px;
    min-width: 41%;
    max-width: 41%;
    margin-right: 15px;
}

.catalog-detail__desc-chars-item-value{
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
}

.text-title{
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 20px;
}

.text-subtitle{
    margin-bottom: 20px;
    font-size: 17px;
    line-height: 30px;
}

.catalog-detail__desc-text.content{
    padding: 0;
}

.catalog-detail__desc-btn-show{
    font-weight: 400;
    font-size: 15px;
    line-height: 27px;
    -webkit-text-decoration-line: underline;
            text-decoration-line: underline;
    color: #6685FF;
    margin-top: 20px;
}

.catalog-detail__desc-btn-show:hover{
    color: #4F71F9;
}

.catalog-detail__desc-btn-show.is-active{
    margin-top: 0;
}

.catalog-detail__desc-text{
    overflow: hidden;
    -webkit-transition: max-height .5s ease-out;
    -o-transition: max-height .5s ease-out;
    transition: max-height .5s ease-out;
    max-height: 48px;
}

.catalog-detail__desc-text.text-show{
    max-height: 7000px;
}

.catalog-detail__chars-list{
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
    -webkit-column-gap: 40px;
       -moz-column-gap: 40px;
            column-gap: 40px;
}

.catalog-detail__chars-list-item{
    padding: 27px 0;
    border-bottom: 1px solid #D7EAFF;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
}

.catalog-detail__chars-list-item-name{
    min-width: 50%;
    max-width: 50%;
    font-size: 17px;
    line-height: 23px;
    margin-right: 10px;
}

.catalog-detail__chars-list-item-value{
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
}

.catalog-detail__gallery-slider-nav .slick-current .catalog-detail__gallery-slider-nav-slide-img{
    border-width: 2px;
}



@media(max-width: 991px){
    .catalog-detail__container{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }

    .catalog-detail__gallery{
        margin: 0 auto 25px;
    }

    .catalog-detail__chars-list{
        -webkit-column-count: 1;
           -moz-column-count: 1;
                column-count: 1;
    }
}

@media(max-width: 767px){
    .catalog-detail__gallery{
        border: none;
        margin-bottom: 30px;
        padding: 0;
        overflow: inherit;
        min-width: 0;
    }

    .catalog-detail__gallery-slider{
        padding: 62px 30px;
        border: 1px solid #D7EAFF;
        border-radius: 12px;
    }

    .catalog-detail__gallery-slide{
        height: 166px;
    }

    .catalog-detail__gallery-slide img{
        width: 100%;
    }

    .catalog-detail__gallery-slider-nav{
        margin: 15px auto 0;
        width: auto;
    }

    .catalog-detail__gallery-slider-nav-slide{
        padding: 0 4px;
        height: 48px;
    }

    .catalog-detail__gallery-slider-nav-slide-img{
        padding: 10px 3px;
        height: 48px;
    }

    .catalog-detail__gallery-slider-nav-slide-img img{
        width: 100%;
    }

    .catalog-detail__desc-chars{
        display: none;
    }

    .text-title{
        font-size: 17px;
        line-height: 23px;
        margin-bottom: 12px;
    }

    .text-subtitle{
        font-size: 15px;
        line-height: 20px;
        margin-bottom: 12px;
    }

    .catalog-detail__desc-text{
        max-height: 0;
    }

    .catalog-detail__desc-btn-show{
        margin-top: 0;
    }

    .catalog-detail__desc-text.content p{
        margin-bottom: 12px;
    }

    .catalog-detail__chars-list-item{
        padding: 18px 0;
    }

    .catalog-detail__container{
        margin-bottom: 32px;
    }

    .catalog-detail__chars-list-item-name{
        min-width: 50%;
        max-width: 50%;
        font-size: 15px;
        line-height: 20px;
    }

    .catalog-detail__chars-list-item-value{
        font-size: 14px;
        line-height: 23px;
    }

    .catalog-detail{
        padding: 0 0 50px;
    }
}

@media(max-width: 576px){
    .catalog-detail__chars-list-item-name{
       word-wrap: break-word;
    }
}

.request{
    padding: 75px 0 66px;
    background: url('/bitrix/templates/vpl_template/css/../img/catalog/request-bg.png') no-repeat;
    background-size: cover;
}

.request__form-title{
    color: #FFFFFF;
    margin-bottom: 45px;
}

.request__form-top{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
}

.form-field{
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-bottom: 30px;
    position: relative;
    padding-left: 15px;
    padding-right: 15px;
    min-width: 50%;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.form-label{
    font-size: 17px;
    line-height: 23px;
    color: #FFFFFF;
}

.field__error-text{
    font-size: 12px;
    line-height: 16px;
    color: #CD2425;
    opacity: 0;
    height: 0;
    visibility: hidden;
    pointer-events: none;
    position: absolute;
    top: -1000px;
}

.form-field.is-error .field__error-text{
    height: auto;
    visibility: visible;
    pointer-events: all;
    opacity: 1;
    margin-top: 10px;
    position: relative;
    top: inherit;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.form-field.is-error .form-input{
    border-color: #CD2425;
}

.form-field:last-of-type{
    margin-bottom: 0;
}

.form-input{
    height: 50px;
    border: 1px solid #D7EAFF;
    border-radius: 30px;
    padding: 13px 30px;
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    color: #FFFFFF;
    margin-top: 10px;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.form-input:focus{
    border-color: #FFFFFF;
}

.form-input:hover{
    border-color: #FFFFFF;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
}

textarea{
    resize: none;
    outline: 0;
    border: none;
    -webkit-appearance: none;
    border-radius: 0;
    background: 0 0;
}

.form-field--textarea .form-input{
    height: 100px;
}

.form__submit-container{
    margin-top: 10px;
}

.form__submit-container-btn{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    margin-bottom: 30px;
}

.form-btn{
    padding: 13px 35px;
    font-weight: 400;
    font-size: 18px;
    line-height: 23px;
    background: #FFA500;
    border-radius: 4px;
    /*margin-left: 30px;*/
    border: none;
    max-width: 160px;
	color: #fff;
}

.form-btn:hover{
    background: #D78B00;
}

.checkbox__input{
    position: relative;
    max-width: 20px;
    width: 100%;
    height: 20px;
    top: 0px;
    left: 0px;
    border: 1px solid #D7EAFF;
    background: #D7EAFF;
    border-radius: 5px;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.checkbox.is-error .checkbox__input{
    border-color: #CD2425;
}

.checkbox__input::after{
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    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;
    cursor: pointer;
    z-index: 1;
}

.checkbox__input:checked:after{
    background: url('/bitrix/templates/vpl_template/css/../img/svg/checked.svg') no-repeat;
    background-position: center;
}

.checkbox__label{
    padding-left: 10px;
    font-size: 13px;
    line-height: 20px;
    color: #FFFFFF;

}

.checkbox__label a{
    font-size: 13px;
    line-height: 20px;
    -webkit-text-decoration-line: underline;
            text-decoration-line: underline;
    color: #D7EAFF;
}

.checkbox{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.request__title{
    color: #222222;
    margin-bottom: 35px;
    position: relative;
    z-index: 1;
}

.request__info-item{
    padding: 30px 0;
    border-top: 1px solid #C0DEFF;
}

.request__info-item:last-of-type{
    border-bottom: 1px solid #C0DEFF;
}


.request__wp{
    padding-left: 30px;
}

.request__form-wp{
    padding-right: 30px;
}

.request__info-item-wp-link{
    font-size: 20px;
    line-height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.request__wp::before{
    position: absolute;
    content: "";
    top: -75px;
    bottom: -66px;
    left: 0;
    right: -1000px;
    z-index: 0;
    background: #EAF4FF;
}

.request__info-item-wp-icon{
    width: 32px;
    height: 32px;
    border: 1px solid #C0DEFF;
    border-radius: 50%;
    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;
    margin-left: auto;
    cursor: pointer;
}


.request__info-item-wp-icon svg{
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    font-size: 18px;
    fill: #6685FF;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
}

.request__info-item-wp-link:hover .request__info-item-wp-icon svg{
    fill: #4F71F9;
}

.request__info{
    position: relative;
    z-index: 1;
}

.request__info-sublist{
    display: none;
    position: relative;
    margin-top: 15px;
}

.request__info-sublist-item{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
}

.request__info-sublist-item-icon{
    max-width: 65px;
    width: 100%;
    min-width: 65px;
    border: 2px solid #C0DEFF;
    border-radius: 20px;
    position: relative;
    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;
    padding: 15px;
    margin-right: 20px;
    background: #EAF4FF;
    z-index: 1;
}

.request__info-sublist-item-icon-num{
    background: #C0DEFF;
    border-radius: 50%;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    width: 30px;
    height: 30px;
    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;
    position: absolute;
    bottom: -15px;
    left: calc(50% - 15px);
}

.request__info-sublist-item{
    margin-bottom: 30px;
    position: relative;
}

.request__info-sublist-item::after{
    position: absolute;
    content: "";
    top: 0;
    left: 33px;
    width: 2px;
    height: calc(100% + 30px);
    z-index: 0;
    border-right: 2px dashed #C0DEFF;
}

.request__info-sublist-item:last-of-type::after{
    content: none;
}

.request__info-sublist-item:last-of-type{
    margin-bottom: 0;
}

.request__info-sublist-item-info-step{
    font-size: 17px;
    line-height: 23px;
    margin-bottom: 5px;
}

.request__info-sublist-item-info-text{
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
}
.request__info-sublist-item-info-text a {
    color: #6685FF;
}
.request__info-sublist-item-info-text a:hover {
    color: #315bff;
}



.request__info-item-wp-link.is-active .request__info-item-wp-icon svg{
    -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            transform: rotate(0deg);
}

@media(max-width: 991px){
    .request__wp::before{
        content: none;
    }

    .request__form-wp{
        padding-bottom: 50px;
        padding-right: 0;
        position: relative;
    }

    .request__wp{
        padding-top: 50px;
        padding-left: 0;
    }

    .request__form-wp::before{
        position: absolute;
        content: "";
        top: -75px;
        left: -500px;
        bottom: 0;
        right: -500px;
        display: block;
        background: url('/bitrix/templates/vpl_template/css/../img/catalog/request-bg.png') no-repeat;
        background-size: cover;
    }

    .request{
        background: #EAF4FF;
    }

    .request__form-title{
        position: relative;
        z-index: 1;
    }

    .request__form-wp form{
        position: relative;
        z-index: 1;
    }
}


@media(max-width: 767px){
    .request{
        padding: 50px 0;
    }

    .request__form-wp::before{
        top: -50px;
    }

    .request__form-title{
        margin-bottom: 35px;
    }

    .form-label{
        font-size: 15px;
        line-height: 20px;
    }

    .form-field{
        margin-bottom: 20px;
        width: 100%;
    }

    .form-field:last-of-type{
        margin-bottom: 0;
    }

    .form-input{
        height: 44px;
        padding: 10px 15px;
        font-size: 14px;
        line-height: 22px;
    }

    .form-field--textarea .form-input{
        height: 88px;
    }

    .form__submit-container-btn{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: start;
    }
    .form__submit-container {
        margin-top: 10px;
    }

    .form-btn{
        margin-left: 0;
        margin-top: 0px;
        padding: 12px 30px;
        font-size: 15px;
        line-height: 20px;
    }

    .checkbox__input{
        max-width: 18px;
        height: 18px;
    }

    .checkbox__input::after{
        height: 18px;
        width: 18px;
        background-size: 60%;
    }

    .checkbox__label{
        padding-left: 7px;
        font-size: 12px;
        line-height: 18px;
    }

    .checkbox__label a{
        font-size: 12px;
        line-height: 18px;
    }

    .request__info-item{
        padding: 25px 0;
    }

    .request__info-item-wp-link{
        font-size: 18px;
        line-height: 28px;
    }

    .request__info-item-wp-icon{
        width: 24px;
        height: 24px;
    }

    .request__info-item-wp-icon svg{
        font-size: 15px;
    }

    .request__info-sublist-item{
        margin-bottom: 25px;
    }

    .request__info-sublist-item:last-of-type{
        margin-bottom: 0;
    }

    .request__info-sublist-item-icon{
        max-width: 45px;
        min-width: 45px;
        height: 45px;
        padding: 11px;
        border-radius: 16px;
    }

    .request__info-sublist-item-icon-num{
        width: 24px;
        height: 24px;
        font-size: 12px;
        line-height: 22px;
        bottom: -12px;
        left: calc(50% - 12px);
    }

    .request__info-sublist::after{
        left: 22px;
        height: calc(100% - 89px);
    }

    .request__info-sublist-item-info-step{
        font-size: 15px;
        line-height: 20px;
    }

    .request__info-sublist-item-info-text{
        font-size: 14px;
        line-height: 23px;
    }

    .request__info-sublist-item::after{
        left: 22px;
    }
}

@media(max-width: 400px){
    .request__info-sublist::after{
        height: calc(100% - 120px);
    }
}

.works{
    padding: 80px 0 115px;
}

.works .section__title{
    text-align: left;
}

.works__list-item{
    position: relative;
    padding: 86px 30px 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: end;
}

.works__list-item::before{
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: block;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(87, 119, 244, 0.6)), color-stop(50%, rgba(87, 119, 244, 0.9)), to(#5777F4));
    background: -o-linear-gradient(top, rgba(87, 119, 244, 0.6) 0%, rgba(87, 119, 244, 0.9) 50%, #5777F4 100%);
    background: linear-gradient(180deg, rgba(87, 119, 244, 0.6) 0%, rgba(87, 119, 244, 0.9) 50%, #5777F4 100%);
    opacity: .8;
    z-index: 0;
    -webkit-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
}

.works__list-item-bg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    -o-object-position: center;
    object-position: center;
}

.works__list-item-info{
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}

.works__list-item-info-amount{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    color: #FFFFFF;
    margin-bottom: 12px;
}

.works__list-item-info-amount-icon{
    height: 20px;
    margin-right: 3px;
}

.works__list-item-info-amount-icon img{
    -o-object-fit: contain;
       object-fit: contain;
    height: 100%;
}

.works__list-item-info-name{
    font-size: 20px;
    line-height: 30px;
    color: #FFFFFF;
}

.works__list-item--show.works__list-item--show::before{
    content: none;
}

.works__list{
    display: -ms-grid;
display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: auto;
    row-gap: 30px;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
            column-gap: 30px;
}

.works__list-item--height{
    grid-row-start: 1;
    grid-row-end: 3;
}

.works__list-item--width{
    grid-column-start: 3;
    grid-column-end: 5;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
            align-items: center;
}

.works__list-item:hover::before{
    opacity: 1;
}

.works__list-item--show{
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border: 1px solid #D7EAFF;
    border-radius: 20px;
}

.works__list-item--show .works__list-item-info{
    max-width: 108px;
    text-align: center;
    font-size: 20px;
    line-height: 30px;
}

.works__list-item-show{
    margin-top: 15px;
    width: 48px;
    height: 48px;
    border: 1px solid #849DFF;
    border-radius: 64px;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    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;
    padding: 13px;
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
}

.works__list-item-show svg{
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    font-size: 20px;
    fill: #849DFF;
}

.works__list-item:hover .works__list-item-show{
    background: #849DFF;
}

.works__list-item:hover .works__list-item-show svg{
    fill: #FFFFFF;
}

.works__list-item:hover .works__list-item-info{
    color: #6685FF;
}
@media(max-width: 991px){
    .works__list{
        row-gap: 15px;
        -webkit-column-gap: 15px;
        -moz-column-gap: 15px;
                column-gap: 15px;
        grid-template-columns: repeat(2, 1fr);
    }

    .works__list-item--height{
        grid-row-start: 1;
        grid-row-end: 3;
        grid-column-start: 1;
        grid-column-end: 2;
    }

    .works__list-item--width{
        grid-row-start: 3;
        grid-row-end: 4;
        grid-column-start: 1;
        grid-column-end: 3;
    }
}

@media(max-width: 767px){
    .works{
        padding: 50px 0;
    }

    .works__list{
        grid-template-columns: repeat(1, 1fr);
        row-gap: 15px;
    }

    .works__list-item--height{
        grid-row-end: 2;
    }

    .works__list-item--width{
        grid-row-end: 2;
        grid-column-end: 1;
        display: none;
    }

    .works__list-item{
        padding: 85px 20px 40px;
    }

    .works__list-item-info{
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse;
    }

    .works__list-item-info-amount{
        margin-bottom: 0;
        font-size: 14px;
        line-height: 23px;
    }

    .works__list-item-info-amount-icon{
        margin-right: 6px;
        height: 16px;
        line-height: 16px;
    }

    .works__list-item-info-name{
        font-size: 18px;
        margin-bottom: 8px;
    }

    .works__list-item:nth-child(n + 6){
        display: none;
    }

    .works__list-item--show{
        padding: 29px 30px;
    }

    .works__list-item--show .works__list-item-info{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        font-size: 18px;
        line-height: 28px;
    }

    .works__list-item--show .works__list-item-show{
        width: 36px;
        height: 36px;
        margin-top: 10px;
        padding: 9px;
    }
}


@media(max-width: 576px){
    .mp-service__list-item{
        min-height: 347px;
    }
}

.services{
    padding: 0 0 40px;
}

.services__img{
    position: relative;
}

@media(min-width: 1680px){
    .services__img{
        max-width: 430px;
    }
}

.services__img-back{
    height: 440px;
    max-width: 370px;
    position: relative;
}

.services__img-back::before{
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: block;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 52, 255, 0.2)), to(rgba(0, 52, 255, 0.2)));
    background: -o-linear-gradient(bottom, rgba(0, 52, 255, 0.2), rgba(0, 52, 255, 0.2));
    background: linear-gradient(0deg, rgba(0, 52, 255, 0.2), rgba(0, 52, 255, 0.2));
}

.services__img-front{
    height: 280px;
    max-width: 200px;
    position: absolute;
    bottom: -40px;
    right: 0;
    border: 10px solid #FFFFFF;
}

.services__img-front::after{
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: calc(100% - 10px);
    width: 100%;
    display: block;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 52, 255, 0.2)), to(rgba(0, 52, 255, 0.2)));
    background: -o-linear-gradient(bottom, rgba(0, 52, 255, 0.2), rgba(0, 52, 255, 0.2));
    background: linear-gradient(0deg, rgba(0, 52, 255, 0.2), rgba(0, 52, 255, 0.2));
}

.services__title{
    font-size: 30px;
    line-height: 41px;
    color: #222222;
    margin-bottom: 20px;
}

.services__subtitle{
    font-size: 20px;
    line-height: 30px;
    color: #222222;
    margin-bottom: 20px;
}

.services__text{
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    color: #222222;
    margin-bottom: 20px;
}
.services__bottom{
    font-size: 24px;
    line-height: 33px;
    text-align: center;
    color: #222222;
    max-width: 850px;
    margin: 40px auto 0;
}


@media(max-width: 991px){
    .services__img{
        max-width: 430px;
        margin: 0 auto 30px;
    }
}

@media(max-width: 767px){
    .services__img{
        max-width: 290px;
        margin: 0 auto 30px;
    }

    .services__img-back{
        height: 285px;
        max-width: 240px;
    }

    .services__img-front{
        max-width: 150px;
        height: 210px;
    }

    .services__title{
        font-size: 22px;
        line-height: 30px;
    }

    .services__subtitle{
        font-size: 18px;
        line-height: 28px;
    }

    .services__text{
        font-size: 14px;
        line-height: 23px;
    }

    .services__bottom{
        font-size: 18px;
        line-height: 28px;
        margin-top: 30px;
    }
}

.services-request{
    padding: 40px 0 80px;
}

.services-request__form{
    background: url('/bitrix/templates/vpl_template/css/../img/catalog/request-bg.png') no-repeat;
    padding: 50px;
    border-radius: 20px;
}

@media(max-width: 767px){
    .services-request{
        padding: 0 0 50px;
    }

    .services-request__form{
        background-size: cover;
    }
}

@media(max-width: 576px){
    .services-request__form{
        border-radius: 0;
        margin-left: -15px;
        margin-right: -15px;
    }

    .services-request{
        padding: 0;
    }
}

.section--secondary-color{
    background: #EAF4FF;
}

.section--secondary-title .section__title{
    text-align: left;
}

.section--secondary-color .mp-reviews__list-item-img{
    z-index: 0;
}

.section--secondary-color .mp-reviews__list-item::before{
    z-index: 1;
}







.section--secondary{
    padding-top: 0;
}

.works__list-item--width-mid{
    grid-column-start: 2;
    grid-column-end: 4;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
            align-items: center;
}

@media(max-width: 1199px){

    .works.section--secondary   .works__list{
        grid-template-columns: repeat(3, 1fr);
    }
    .works.section--secondary .works__list-item--width{
        grid-column-start: 2;
        grid-column-end: 4;
        grid-row-start: 1;
        grid-row-end: 2;
    }

    .works__list-item--width-mid{
        grid-column-start: 1;
        grid-column-end: 3;
    }
}

@media(max-width: 767px){
    .works.section--secondary   .works__list{
        grid-template-columns: repeat(1, 1fr);
    }

    .works.section--secondary .works__list-item--width{
        display: -webkit-box;display: -ms-flexbox;display: flex;
        grid-column-start: 1;
        grid-column-end: 2;
        grid-row-start: 2;
        grid-row-end: 2;
    }

    .works__list-item:nth-child(n + 6){
        display: -webkit-box;display: -ms-flexbox;display: flex;
    }

    .works__list-item--width-mid{
        grid-column-start: 1;
        grid-column-end: 2;
    }
}

.content__location{
    position: absolute;
    bottom: 0;
    right: 15px;
    font-size: 17px;
    line-height: 23px;
    color: #222222;
}

.content__location span{
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    color: #222222;
    margin-right: 5px;
}

.content-entry .container{
    position: relative;
}

.works-detail{
    padding-bottom: 40px;
}

.works-detail__gallery{
    display: -ms-grid;
display: grid;
    grid-template-columns: repeat(5, 1fr);
    row-gap: 30px;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
            column-gap: 30px;
}

.works-detail__gallery-item--width{
    grid-column-start: 1;
    grid-column-end: 3;
}

.works-detail__gallery-item--height{
    grid-row-start: 1;
    grid-row-end: 3;
    grid-column-start: 4;
    grid-column-end: 5;
}

.works-detail__gallery-item--width-mid{
    grid-column-start: 2;
    grid-column-end: 4;
}

.works-detail__gallery-item img{
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}

.works-detail__gallery-item--show{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background: #D7EAFF;
    padding: 23px
}

.works-detail__gallery-item-text{
    max-width: 125px;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.works-detail__gallery-item--show:hover .works-detail__gallery-item-text{
    color: #6685FF;
}

.works-detail__gallery-item--show:hover .mp-reviews__list-item-show{
    background: #6685FF;
}

.works-detail__gallery-item--show:hover .mp-reviews__list-item-show svg{
    fill: #FFFFFF;
}

.works-detail h2{
    margin-bottom: 40px;
}

.works-detail__product{
    padding: 40px 0 80px;
}

.works-detail__product-wp{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
}

.works-detail__product-img{
    max-width: 270px;
    width: 100%;
    height: 100%;
    min-height: 223px;
    padding: 34px;
    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;
    border: 1px solid #D7EAFF;
    border-radius: 10px;
}

.works-detail__product-chars-item{
    padding: 17px 0;
    border-bottom: 1px solid #D7EAFF;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.works-detail__product-chars-title{
    font-size: 24px;
    line-height: 33px;
    color: #222222;
    margin-bottom: 13px;
}

.works-detail__product-chars{
    min-width: 430px;
}

.works-detail__product-chars-item-name{
    min-width: 50%;
    max-width: 50%;
    font-size: 17px;
    line-height: 23px;
    color: #222222;
    margin-right: 5px;
}

.works-detail__product-chars-item-value{
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    color: #222222;
}

.works-detail__product-desc-title{
    font-size: 17px;
    line-height: 23px;
    color: #222222;
    margin-bottom: 15px;
}

.works-detail__product-desc-subtitle{
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    color: #222222;
}

.works-detail__product-img img{
    -o-object-fit: contain;
       object-fit: contain;
}

.section-back{
    padding: 50px 0;
    background: #EAF4FF;
}

.section-back .btn-back{
    margin-top: 0;
}


@media(max-width: 991px){
    .works-detail__gallery{
        row-gap: 10px;
        -webkit-column-gap: 10px;
           -moz-column-gap: 10px;
                column-gap: 10px;
    }

    .works-detail__product-wp{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        row-gap: 25px;
    }

    .secondary-service .mp-service__list-item:nth-child(2n + 1){
        margin-right: 1px;
        border-right: 1px solid rgba(255, 255, 255, 0.15);
    }

    .secondary-service .mp-service__list-item:nth-child(2n){
        border-left: none;
    }
}

@media(max-width: 767px){
    .works-detail__gallery{
        opacity: 0;
        display: block;
    }

    .works-detail__gallery-item{
        height: 140px;
    }

    .works-detail__gallery-item img{
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover;
    }

    .breadcrumb{
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }

    .content__location{
        position: relative;
        right: inherit;
        bottom: inherit;
        margin-top: 15px;
        font-size: 15px;
        line-height: 20px;
    }

    .content__location span{
        font-size: 14px;
        line-height: 23px;
    }

    .works-detail{
        padding: 30px 0;
        background: #EAF4FF;
    }

    .works-detail__gallery .slick-dots{
        margin-top: 20px;
    }

    .works-detail__gallery .slick-dots li{
        width: 12px;
        height: 12px;
        margin-right: 4px;
    }

    .works-detail__gallery .slick-dots li button{
        width: 9px;
        height: 9px;
    }

    .works-detail__gallery .slick-dots li.slick-active{
        width: 26px;
    }

    .works-detail__gallery .slick-dots li.slick-active button{
        width: 20px;
    }

    .works-detail__product{
        padding: 50px 0;
    }

    .works-detail__product-img{
        max-width: none;
        min-height: 240px;
    }

    .works-detail__product-chars-title{
        font-size: 22px;
        line-height: 30px;
        margin-bottom: 30px;
    }

    .works-detail__product-chars{
        min-width: 0;
        width: 100%;
    }

    .works-detail__product-desc-title{
        font-size: 15px;
        line-height: 20px;
    }

    .works-detail__product-desc-subtitle{
        font-size: 14px;
        line-height: 23px;
    }

    .works-detail__product-chars-item-name{
        font-size: 15px;
        line-height: 20px;
        margin-right: 15px;
    }

    .works-detail__product-chars-item-value{
        font-size: 14px;
        line-height: 23px;
    }

    .secondary-service .mp-service__title{
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
        -ms-word-break: break-all;
        word-break: break-all;
        word-break: break-word;
        font-size: 25px;
        line-height: 34px;
    }

    .section-back{
        padding: 30px 0;
    }

    .section-back .btn-back{
        font-size: 15px;
        line-height: 20px;
        margin: 0 auto;
    }
}

.fancybox__backdrop{
    background: rgba(102, 133, 255, 0.8);
}

.fancybox__nav .carousel__button{
    background: #FFFFFF;
}

.about-office{
    padding: 80px 0;
    background: #F5F5F5;
}
.about-office__slide-inner{
    display: -ms-grid;
display: grid;
    grid-template-columns: repeat(3, 1fr);
}

.about-office__slide-info{
    position: relative;
    padding: 209px 30px 40px;
}

.about-office__slide-info::before{
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    background:  -webkit-gradient(linear, left top, left bottom, from(rgba(87, 119, 244, 0.4)), color-stop(31.04%, rgba(87, 119, 244, 0.7)), to(#5777F4));
    background:  -o-linear-gradient(top, rgba(87, 119, 244, 0.4) 0%, rgba(87, 119, 244, 0.7) 31.04%, #5777F4 100%);
    background:  linear-gradient(180deg, rgba(87, 119, 244, 0.4) 0%, rgba(87, 119, 244, 0.7) 31.04%, #5777F4 100%);
    z-index: 1;
}

.about-office__slide-info-bg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}
.about-office__slide-contacts-item{
    font-size: 17px;
    line-height: 23px;
    color: #222222;
}

.about-office__slide-info-num{
    font-size: 17px;
    line-height: 23px;
    color: #FFFFFF;
    margin-bottom: 15px;
    position: relative;
    z-index: 2;
}

.about-office__slide-info-name{
    font-size: 24px;
    line-height: 33px;
    color: #FFFFFF;
    margin-bottom: 15px;
    position: relative;
    z-index: 2;
}

.about-office__slide-info-desc{
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    color: #FFFFFF;
    position: relative;
    z-index: 2;
}

.about-office__slide-contacts{
    padding: 40px 30px;
    background: #D7EAFF;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 20px;
}

.about-office__slide-contacts-item-title{
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    color: #222222;
    margin-bottom: 7px;
}

.about-office__slide-contacts-item-links{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 5px;
}

.about-office__slide-contacts-item-link{
    font-size: 17px;
    line-height: 23px;
    color: #222222;
}

.about-office__slide-contacts-item-link:hover{
    color: #6685FF;
}

.office-map{
    height: 100%;
}

@media(max-width: 991px){
    .about-office__slide-inner{
        grid-template-columns: repeat(2, 1fr);
    }
    .office-map{
        height: 290px;

    }

    .about-office__slide-map{
        grid-column-start: 1;
        grid-column-end: 4;
    }
}

@media(max-width: 767px){
    /* .mp-video.section--secondary-title .mp-video__list{
        opacity: 0;
        display: block;
        margin: 0 -10px;
    } */

    .mp-video__list-item-play{
        left: calc(50% - 32px);
    }
/*
    .mp-video.section--secondary-title .mp-video__list-item{
        height: 240px;
        margin: 0 10px;
        grid-column-end: 1;
        padding: 159px 15px 25px;
    }

    .mp-video.section--secondary-title .mp-video__list-item .mp-video__list-item-name{
        display: block;
        position: relative;
        z-index: 2;
    }

    .mp-video.section--secondary-title .mp-video__list-item .mp-video__list-item-img{
        width: calc(100% - 20px);
    }

    .mp-video.section--secondary-title .mp-video__list-item::before{
        width: calc(100% - 20px);
        border-radius: 20px;
    } */

    .about-office__slide-inner{
        grid-template-columns: repeat(1, 1fr);
    }

    .about-office__slide-map{
        grid-column-start: 1;
        grid-column-end: 2;
    }

    .about-office__slide-info{
        padding: 126px 15px 25px;
    }

    .about-office__slide-info-num{
        font-size: 15px;
        line-height: 20px;
        margin-bottom: 10px;
    }

    .about-office__slide-info-name{
        font-size: 22px;
        line-height: 30px;
        margin-bottom: 10px;
    }

    .about-office__slide-info-desc{
        font-size: 14px;
        line-height: 23px;
    }

    .about-office__slide-contacts{
        padding: 35px 15px;
        row-gap: 15px;
    }

    .about-office__slide-contacts-item{
        font-size: 15px;
        line-height: 20px;
    }

    .about-office__slide-contacts-item-title{
        font-size: 14px;
        line-height: 23px;
    }

    .about-office__slide-contacts-item-link{
        font-size: 15px;
        line-height: 20px;
    }


}

.about-office__slider{
    opacity: 0;
    margin: 0 -15px;
}

.about-office__slide{
    padding: 0 15px;
}

.contacts{
    padding: 0 0 50px;
}

.contacts__info{
    display: -ms-grid;
display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 30px;
}

.contacts__info-wp{
    display: -ms-grid;
display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 30px;
}

.contacts__info-block{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 30px;
}

.contacts__info-block-item{
    font-size: 17px;
    line-height: 23px;
    color: #222222;
}

.contacts__info-block-item-title{
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    color: #666666;
    margin-bottom: 10px;
}

.contacts__info-block-item-links{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 5px;
}

.contacts__info-block-item-link{
    font-size: 17px;
    line-height: 23px;
    color: #222222;
}

.contacts__info-block-item-link:hover{
    color: #6685FF;
}


.contacts__info-block-item-link--mail{
    color: #222222;
}

.contacts__info-block-item-link:hover{
    color: #4F71F9;
}

.contacts__info-block-item-social{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-column-gap: 8px;
       -moz-column-gap: 8px;
            column-gap: 8px;
}

.contacts__info-block-item-social-icon{
    width: 36px;
    height: 36px;
    border: 1px solid #D7EAFF;
    border-radius: 50%;
    padding: 9px;
    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;
}

.contacts__info-block-item-social-icon svg{
    font-size: 18px;
    fill: #6685FF;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.contacts__info-block-item-social-icon:hover{
    background: #D7EAFF;
}

.contacts__info-block-item-callback{
    font-size: 17px;
    line-height: 23px;
    color: #6685FF;
}

.contacts__info-block-item-callback:hover{
    color: #4F71F9;
}

.contacts__info-map{
    border-radius: 20px;
    overflow: hidden;
}

.contact-work,
.contact-address{
    display: none;
}

@media(max-width: 991px){
    .contacts__info-wp{
        grid-template-columns: repeat(1, 1fr);
        row-gap: 20px;
    }

    .contacts__info-block{
        row-gap: 20px;
    }
}

@media(max-width: 767px){
    .contacts{
        padding: 0 0 50px;
    }
    .contacts__info{
        grid-template-columns: repeat(1, 1fr);
        row-gap: 30px;
    }

    .contacts__info-map{
        height: 320px;
    }

    .contacts__info-block-item{
        font-size: 15px;
        line-height: 20px;
    }

    .contacts__info-block-item-title{
        font-size: 14px;
        line-height: 23px;
    }

    .contacts__info-block-item-link{
        font-size: 15px;
        line-height: 20px;
    }

    .contacts__info-block-item-callback{
        font-size: 15px;
        line-height: 20px;
    }

    .contact-work,
    .contact-address{
        display: block;
    }

    .contacts__info-block--mob{
        display: none;
    }

}

.office .section__title{
    text-align-last: left;
    border-top: 1px solid #E1E1E1;
    padding-top: 50px;
    margin-bottom: 0;
}

.office__list-item{
    padding: 35px 0 35px;
    border-bottom: 1px solid #E1E1E1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
    font-size: 17px;
    line-height: 23px;
    color: #212121;
}

.office__list-item:last-of-type{
    border-bottom: none;
}

.office__list-item:first-of-type{
    border-bottom: none;
    padding-bottom: 0;
}


.office__list-item--title{
    font-size: 15px;
    line-height: 24px;
    color: #666666;
}

.office__list-item-address{
    max-width: 40%;
    min-width: 40%;
}

.office__list-item-mail,
.office__list-item-time,
.office__list-item-phone{
    max-width: 17%;
    min-width: 17%;
}

.office__list-item-phone a:hover,
.office__list-item-mail a:hover{
    color: #6685FF;
}

.office{
    padding: 0 0 45px;
}

@media(max-width: 1199px){
    .office__list-item-address{
        max-width: 30%;
        min-width: 30%;
    }
}

@media(max-width: 991px){
    .office__list-item--title{
        display: none;
    }

    .office__list-item-address{
        max-width: none;
        min-width: 0;
        width: 100%;
    }

    .office__list-item-mail, .office__list-item-time, .office__list-item-phone{
        max-width: none;
        min-width: 0;
        width: 100%;
    }

    .office__list-item{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        row-gap: 25px;
    }

    .office__list-item-phone{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        row-gap: 5px;
    }
}

@media(max-width: 767px){
    .office .section__title{
        padding-top: 42px;
        margin-bottom: 0;
    }

    .office__list-item{
        padding: 25px 0;
        font-size: 15px;
        line-height: 20px;
    }

    .office{
        padding: 0 0 55px;
    }
}

.promo{
    padding: 0 0 80px;
}
.promo__list{
    display: -ms-grid;
display: grid;
    grid-template-columns: repeat(3, 1fr);
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    row-gap: 30px;
}

.promo__list-item{
    padding: 50px 30px;
    border: 1px solid #D7EAFF;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.promo__list-item-info{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 15px;
}

.promo__list-item-info-date{
    font-size: 17px;
    line-height: 23px;
    color: #222222;
}

.promo__list-item-info-title{
    font-size: 24px;
    line-height: 33px;
    color: #222222;
}

.promo__list-item-info-title:hover{
    color: #6685FF;
}

.promo__list-item-info-desc{
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    color: #222222;
}

.promo__list-item-btn{
    width: 48px;
    height: 48px;
    border: 1px solid #D7EAFF;
    border-radius: 50%;
    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;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    margin-top: 34px;
}

.promo__list-item-btn svg{
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    font-size: 20px;
    fill: #6685FF;
}

.promo__list-item-btn:hover{
    background: #D7EAFF;
}
@media(max-width: 991px){
    .promo__list{
        grid-template-columns: repeat(2, 1fr);
        -webkit-column-gap: 15px;
        -moz-column-gap: 15px;
        column-gap: 15px;
        row-gap: 15px;
    }
}

@media(max-width: 767px){
    .promo__list{
        grid-template-columns: repeat(1, 1fr);
        -webkit-column-gap: 10px;
        -moz-column-gap: 10px;
        column-gap: 10px;
        row-gap: 10px;
    }

    .promo{
        padding: 0 0 50px;
    }

    .promo__list-item-info{
        row-gap: 10px;
    }

    .promo__list-item-info-date{
        font-size: 15px;
        line-height: 20px;
    }

    .promo__list-item-info-title{
        font-size: 22px;
        line-height: 30px;
    }

    .promo__list-item-info-desc{
        font-size: 14px;
        line-height: 23px;
    }

    .promo__list-item-btn{
        width: 36px;
        height: 36px;
        margin-top: 25px;
    }

    .promo__list-item-btn svg{
        font-size: 14px;
    }

    .promo__list-item{
        padding: 25px 15px;
    }
}

.promo-detail{
    padding: 0 0 80px;
}

.promo-detail__img{
    width: 100%;
}

.promo-detail__img img{
    -o-object-fit: cover;
       object-fit: cover;
}

.promo-detail__info{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 20px;
}

.promo-detail__info-date{
    font-size: 17px;
    line-height: 23px;
    color: #6685FF;
}

.promo-detail__info-title{
    font-size: 20px;
    line-height: 30px;
    color: #222222;
}

.promo-detail__info-subtitle{
    font-size: 17px;
    line-height: 30px;
    color: #222222;
}

.promo-detail__info-text{
    font-weight: 400;
    font-size: 15px;
    line-height: 27px;
    color: #222222;
}

@media(max-width: 991px){
    .promo-detail__info-date{
        margin-bottom: 20px;
    }

    .promo-detail__info-title{
        margin-bottom: 20px;
    }
}

@media(max-width: 767px){
    .promo-detail__info-date{
        margin-bottom: 20px;
        font-size: 15px;
        line-height: 18px;
    }

    .promo-detail__info-title{
        font-size: 17px;
        line-height: 23px;
    }

    .promo-detail__info-subtitle{
        font-size: 15px;
        line-height: 20px;
    }

    .promo-detail__info-text{
        font-size: 14px;
        line-height: 23px;
    }

    .btn-back{
        font-size: 15px;
        line-height: 21px;
    }
}

.order{
    padding: 0 0 40px;
}

.order__list{
    display: -ms-grid;
display: grid;
    grid-template-columns: repeat(4, 1fr);
    -webkit-column-gap: 25px; -moz-column-gap: 25px; column-gap: 25px;
}

.order__list-item-icon{
    max-width: 96px;
    width: 100%;
    height: 96px;
    border: 2px solid #D7EAFF;
    border-radius: 20px;
    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;
    padding: 24px;
    position: relative;
    background: #FFFFFF;
}

.order__list-item-icon img{
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
}

.order__list-item-icon-num{
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #D7EAFF;
    padding: 6px;
    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;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    position: absolute;
    top: calc(50% - 18px);
    right: -18px;
}

.order__list-item{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 20px;
    position: relative;
}

.order__list-item-info-step{
    font-size: 17px;
    line-height: 23px;
    color: #000000;
    margin-bottom: 5px;
}

.order__list-item-info-desc{
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    color: #222222;
}

.order__list-item::before{
    position: absolute;
    content: "";
    top: 48px;
    left: 114px;
    height: 2px;
    width: calc(100% - 89px);
    border-top: 2px dashed #D7EAFF;
}

.order__list-item:last-of-type::before{
    content: none;
}
@media(max-width: 991px){
    .order__list{
        grid-template-columns: repeat(1, 1fr);
        row-gap: 30px;
    }

    .order__list-item{
        flex-direction: row;
        column-gap: 20px;
    }

    .order__list-item-icon-num{
        right: calc(50% - 18px);
        top: inherit;
        bottom: -18px;
    }

    .order__list-item::before{
        top: 0;
        left: 48px;
        width: 2px;
        height: calc(100% + 30px);
        border-top: none;
        border-right: 2px dashed #D7EAFF;
    }
}

@media(max-width: 767px){
    .order__list-item-icon{
        max-width: 45px;
        height: 45px;
        padding: 14px;
    }

    .order__list-item-icon-num{
        width: 24px;
        height: 24px;
        padding: 2px;
        font-size: 12px;
        line-height: 22px;
        bottom: -12px;
        right: calc(50% - 12px);
    }

    .order__list-item::before{
        left: 23px;
        height: calc(100% + 25px);
    }

    .order__list{
        row-gap: 25px;
    }

    .order__list-item-info-step{
        font-size: 15px;
        line-height: 20px;
    }

    .order__list-item-info-desc{
        font-size: 14px;
        line-height: 23px;
    }
}

.faq{
    padding: 0 0 80px;
}

.faq__list-item{
    padding: 30px 0;
    border-bottom: 1px solid #E1E1E1;
}

.faq__list-item:first-of-type{
    border-top: 1px solid #E1E1E1;
}

.faq__list-item-link-wp{
    display: flex;
    align-items: center;
    column-gap: 30px;
}

.faq__list-item-link{
    font-size: 20px;
    line-height: 30px;
    width: 100%;
}

.faq__list-item-link:hover{
    color:#6685FF;
}

.faq__list-item-icon{
    max-width: 32px;
    width: 100%;
    height: 32px;
    border: 1px solid #D7EAFF;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px;
    transition: all .3s ease-out;
    cursor: pointer;
    margin-left: auto;
}

.faq__list-item-icon svg{
    font-size: 18px;
    transform: rotate(45deg);
    fill: #6685FF;
    transition: all .3s ease-out;
}

.faq__list-item-icon:hover svg{
    fill: #4F71F9;
}

.faq__list-item-text{
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    margin-top: 15px;
    display: none;
}

.faq__list-item.is-active .faq__list-item-icon svg{
    transform: rotate(0deg);
}

@media(max-width: 767px){
    .faq{
        padding: 0 0 50px;
    }

    .faq__list-item{
        padding: 25px 0;
    }

    .faq__list-item-link{
        font-size: 18px;
        line-height: 28px;
    }

    .faq__list-item-link-wp{
        column-gap: 20px;
    }

    .faq__list-item-icon{
        max-width: 24px;
        height: 24px;
        padding: 2px;
    }

    .faq__list-item-icon svg{
        font-size: 14px;
    }

    .faq__list-item-text{
        margin-top: 10px;
        font-size: 14px;
        line-height: 23px;
    }
}

.installation{
    padding: 0 0 40px;
}

.installation__info-title{
    font-size: 20px;
    line-height: 30px;
    color: #000000;
    margin-bottom: 15px;
}

.installation__info-desc{
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    color: #000000;
}

.installation__info-img{
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    display: flex;
}

.installation__info-img img{
    border-radius: 20px;
    width: 100%;
    height: 100%;
}

.installation__info-img::before{
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: block;
    border-radius: 20px;
    background: linear-gradient(0deg, rgba(0, 52, 255, 0.2), rgba(0, 52, 255, 0.2));
}

.installation__info-img-wp{
    position: relative;
}

.installation__info-num{
    position: absolute;
    top: calc(50% - 32px);
    left: -32px;
    width: 64px;
    height: 64px;
    background: #6685FF;
    border-radius: 48px;
    padding: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    line-height: 41px;
    color: #FFFFFF;
}

.installation .row{
    margin-bottom: 30px;
}

.installation .row:last-of-type{
    margin-bottom: 0;
}

.row--reverse-img .installation__info-num{
    left: inherit;
    right: -32px;
}

.row--reverse-img  .installation__info{
    padding-left: 30px;
}

.installation__info-img::after{
    position: absolute;
    content: "";
    width: 196px;
    height: 196px;
    display: block;
    background: url('/bitrix/templates/vpl_template/css/../img/svg/inst-decor.svg') no-repeat;
    background-size: contain;
    top: calc(50% - 98px);
    left: -98px;
}

.row--reverse-img .installation__info-img::after{
    left: inherit;
    right: -98px;
}

@media(max-width: 991px){
    .installation__info{
        margin-bottom: 30px;
    }

    .row--reverse-img .installation__info{
        padding-left: 0;
    }

    .installation__info-img::after{
        top: inherit;
        bottom: -98px;
        left: calc(50% - 98px);
    }

    .row--reverse-img .installation__info-img::after{
        top: inherit;
        bottom: -98px;
        left: calc(50% - 98px);
    }

    .installation__info-num{
        left: calc(50% - 32px);
        bottom: -32px;
        top: inherit;
    }

    .row--reverse-img .installation__info-num{
        right: inherit;
        bottom: -32px;
        top: inherit;
        left: calc(50% - 32px);
    }

    .installation .row{
        margin-bottom: 45px;
    }
}

@media(max-width: 767px){
    .installation__info-title{
        font-size: 18px;
        line-height: 28px;
    }

    .installation__info-desc{
        font-size: 15px;
        line-height: 24px;
    }

    .installation__info{
        margin-bottom: 25px;
    }

    .installation__info-num{
        width: 42px;
        height: 42px;
        bottom: -21px;
        left: calc(50% - 21px);
    }

    .row--reverse-img .installation__info-num{
        bottom: -21px;
        left: calc(50% - 21px);
    }

    .installation__info-num{
        font-size: 20px;
        line-height: 30px;
    }

    .installation__info-img::after{
        width: 140px;
        height: 140px;
        bottom: -70px;
        left: calc(50% - 70px);
    }

    .row--reverse-img .installation__info-img::after{
        bottom: -70px;
        left: calc(50% - 70px);
    }
}

.articles{
    padding: 0 0 80px;
}

.articles__list{
    display: -ms-grid;
display: grid;
    grid-template-columns: repeat(2, 1fr);
    row-gap: 40px;
    column-gap: 30px;
}

.articles__list-item{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    padding: 109px 30px 40px;
    min-height: 340px;
}

.articles__list-item::before{
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: block;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(87, 119, 244, 0.6)), color-stop(50%, rgba(87, 119, 244, 0.9)), to(#5777F4));
    background: -o-linear-gradient(top, rgba(87, 119, 244, 0.6) 0%, rgba(87, 119, 244, 0.9) 50%, #5777F4 100%);
    background: linear-gradient(180deg, rgba(87, 119, 244, 0.6) 0%, rgba(87, 119, 244, 0.9) 50%, #5777F4 100%);
    opacity: .8;
    z-index: 0;
    -webkit-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
    z-index: 1;
}

.articles__list-item:hover::before{
    opacity: 1;
}

.articles__list-item-bg{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 0;
}

.articles__list-item-bg img{
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.articles__list-item-info{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    z-index: 1;
}

.articles__list-item-icon{
    position: absolute;
    top: 50px;
    right: 30px;
    width: 48px;
    height: 48px;
    border: 1px solid #FFFFFF;
    border-radius: 64px;
    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;
    padding: 9px;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    z-index: 1;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
}

.articles__list-item.is-active .articles__list-item-icon{
    opacity: 1;
    pointer-events: all;
    visibility: visible;
}

.articles__list-item-icon svg{
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    font-size: 20px;
    fill: #FFFFFF;
}

.articles__list-item-info-topic{
    font-size: 17px;
    line-height: 23px;
    color: #FFFFFF;
    margin-bottom: 15px;
}

.articles__list-item-info-title{
    font-size: 24px;
    line-height: 33px;
    color: #D7EAFF;
}

.articles__list-item-info-desc{
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    display: -moz-box;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-clamp: 3;
    box-orient: vertical;
    overflow: hidden;
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    color: #FFFFFF;
    margin-top: 15px;
    height: 0;
    opacity: 0;
    -webkit-transition: max-height .5s ease-out;
    -o-transition: max-height .5s ease-out;
    transition: max-height .5s ease-out;
}

.articles__list-item.is-active .articles__list-item-info-desc{
    height: 100%;
    -webkit-animation: pickupItem 0.7s;
    animation: pickupItem 0.7s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

@-webkit-keyframes pickupItem {
    from {
      opacity: 0;
      height: 0px;
    }
    to {
      opacity: 1;
      height: 100%;
    }
}

@keyframes pickupItem {
    from {
      opacity: 0;
      height: 0px;
    }
    to {
      opacity: 1;
      height: 100%;
    }
}

@media(min-width: 1680px){
    .articles__list-item{
        min-height: 380px;
    }
}

@media(max-width: 991px){
    .articles__list-item{
        padding: 80px 15px 20px;
        min-height: 300px;
    }

    .articles__list-item-info-topic{
        font-size: 14px;
        line-height: 23px;
        margin-bottom: 10px;
    }

    .articles__list-item-info-title{
        font-size: 18px;
        line-height: 28px;
    }

    .articles__list-item-info-desc{
        font-size: 14px;
        line-height: 19px;
        margin-top: 10px;
    }

    .articles__list{
        -webkit-column-gap: 15px;
           -moz-column-gap: 15px;
                column-gap: 15px;
        row-gap: 15px;
    }

    .articles__list-item-icon{
        top: 30px;
        right: 15px;
    }
}
@media(max-width: 767px){
    .articles__list{
        grid-template-columns: repeat(1, 1fr);
        row-gap: 10px;
    }

    .articles__list-item{
        padding: 60px 20px 25px;
        min-height: 280px;
    }

    .articles__list-item-icon{
        width: 36px;
        height: 36px;
        padding: 4px;
        top: 25px;
        right: 20px;
    }

    .articles__list-item-icon svg{
        font-size: 14px;
    }

    .articles__list-item-info-topic{
        margin-bottom: 8px;
    }

    .articles__list-item-info-desc{
        margin-top: 8px;
    }
}

.article-detail{
    padding: 0 0 80px;
}

.article-detail__title{
    font-size: 20px;
    line-height: 30px;
    color: #222222;
    margin-bottom: 20px;
}

 .article-detail__text{
    margin-bottom: 50px;
}

.content .article-detail__text p{
    margin-bottom: 20px;
    font-size: 17px;
    line-height: 23px;
    font-weight: 300;
    color: #222222;
}

.content .article-detail__text p:last-of-type{
    margin-bottom: 0;
}

.article-detail .content__img{
    max-width: 680px;
    margin-bottom: 50px;
}

.article-detail blockquote{
    background: transparent;
    padding: 0 0 0 94px;
    max-width: 900px;
    margin: 0 auto 30px;
    font-size: 24px;
    line-height: 33px;
    color: #222222;
    font-weight: 300;
}

.article-detail blockquote::before{
    top: 0;
    width: 64px;
    height: 64px;
    left: 0;
}

.article-detail .content{
    padding-bottom: 0;
}

@media(max-width: 767px){
    .article-detail__title{
        font-size: 18px;
        line-height: 28px;
    }

    .content .article-detail__text p{
        font-size: 15px;
        line-height: 20px;
        margin-bottom: 15px;
    }

    .article-detail__text{
        margin-bottom: 30px;
    }

    .article-detail blockquote{
        padding-left: 46px;
        font-size: 18px;
        line-height: 25px;
    }

    .article-detail blockquote::before{
        width: 32px;
        height: 32px;
    }
}

.article-detail__slider{
    padding: 50px 0;
    background: #EAF4FF;
    position: relative;
    display: -ms-grid;
display: grid;
    grid-template-columns: 80% 65px;
    -webkit-column-gap: 50px;-moz-column-gap: 50px;column-gap: 50px;
    margin: 50px 0;
}

.article-detail__slider::before{
    position: absolute;
    content: "";
    top: 0;
    left: -1000000px;
    right: -1000000px;
    height: 100%;
    background: #EAF4FF;
    display: block;
    z-index: -1;
}

.article-detail__slider-main{
    opacity: 0;
}

.article-detail__slider-nav{
    opacity: 0;
}

.article-detail__slider-main-wp{
    position: relative;
}

.article-detail__slide-icon{
    position: absolute;
    bottom: 30px;
    right: 30px;
    cursor: pointer;
    width: 48px;
    height: 48px;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    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;
    padding: 12px;
    z-index: 0;
}

.article-detail__slide-icon img{
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
}

.article-detail__slide{
    height: 480px;
    z-index: 1;
    position: relative;
}

.article-detail__slide img{
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}

.article-detail__slider-nav-wp .btn_prev{
    margin: 0 auto 10px;
}

.article-detail__slider-nav-wp .btn_prev svg{
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
}

.article-detail__slider-nav-wp .btn_next{
    margin: 10px auto 0;
}

.article-detail__slider-nav-slide{
    height: 65px;
    border: 1px solid #6685FF;
    border-radius: 20px;
    overflow: hidden;
    background: #6685FF;
}

.article-detail__slider-nav-slide img{
    border-radius: 20px;
    overflow: hidden;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}


.article-detail__slider-nav .slick-current .article-detail__slider-nav-slide{
    border-width: 2px;
}

.article-detail__slider-nav-wp{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.article-detail__btns{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-column-gap: 10px;
       -moz-column-gap: 10px;
            column-gap: 10px;
}

.btn-show-article{
    padding: 12px 30px;
    background: #D7EAFF;
    border-radius: 30px;
    font-size: 17px;
    line-height: 23px;
    color: #6685FF;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    border: 1px solid #D7EAFF;
}

.btn-show-article:hover{
    background: transparent;
}

.article-detail__btns .btn-back{
    margin: 0;
    padding: 12px 30px;
}


@media(max-width: 991px){
    .article-detail__slider{
        -webkit-column-gap: 15px;
           -moz-column-gap: 15px;
                column-gap: 15px;
    }
}

@media(max-width: 767px){
    .article-detail__slider-nav-wp{
        display: none;
    }

    .article-detail__slider{
        display: block;
        padding: 25px 0;
    }

    .article-detail__slide{
        height: 300px;
    }

    .article-detail__slide-icon{
        bottom: inherit;
        width: 35px;
        height: 35px;
        padding: 7px;
        right: 18px;
        top: calc(300px - 50px);
    }

    .article-detail__btns{
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }

    .article-detail__btns .btn-back{
        padding: 9px 25px;
    }

    .btn-show-article{
        font-size: 15px;
        line-height: 21px;
        padding: 9px 25px;
    }
}

@media(max-width: 576px){
    .article-detail__btns{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        row-gap: 15px;
    }
}

.promo-other{
    padding: 80px 0;
    background: url('/bitrix/templates/vpl_template/css/../img/catalog/request-bg.png') no-repeat;
    background-size: cover;
}

.promo-other__slider{
    margin: 0 -15px;
    opacity: 0;
}

.promo-other__slide{
    padding: 0 15px;
}

.promo-other__slide .promo__list-item{
    border-color: rgba(255, 255, 255, 0.3);
}

.promo-other__slide .promo__list-item-info-date,
.promo-other__slide .promo__list-item-info-title,
.promo-other__slide .promo__list-item-info-desc{
    color: #FFFFFF;
}

.promo-other__slide .promo__list-item-btn svg{
    fill: #FFFFFF;
}

.promo-other__slide .promo__list-item-btn:hover svg{
    fill: #6685FF;
}

.promo-other__slide .promo__list-item-info-title:hover{
    color: #D7EAFF;
}

.promo-other .section__title{
    color: #FFFFFF;
}

.promo-other .slider-btn{
    border-color: #D7EAFF;
}

.promo-other .slider-btn:hover{
    background: #D7EAFF;
}

.promo-other .slider-btn svg{
    fill: #FFFFFF;
}

.promo-other .slider-btn:hover svg{
    fill: #6685FF;
}

@media(max-width: 767px){
    .promo-other{
        padding: 50px 0;
    }
}

.not-found{
    width: 100%;
}

.not-found .section{
    width: 100%;
}

.not-found__head{
    padding: 49px 0;
    background: #F7F7F7;
}

.not-found__logo{
    max-width: 180px;
}

.not-found__body .content{
    padding: 0;
}

.not-found__body{
    padding-top: 98px;
}

@media(max-width: 767px){
    .not-found__body{
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .not-found__img img{
        margin: 0 auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .not-found__head{
        padding: 20px 0;
    }

    .not-found__logo{
        max-width: 160px;
    }
}

.modal-request .modal-dialog{
    max-width: 900px;
    margin-top: 4rem;
}

.modal-content{
    border-radius: 20px;
}

.modal-header{
    padding: 50px 50px 20px;
    border: none;
}

.modal-body{
    padding: 20px 50px 50px;
}

.modal-title{
    font-weight: 300;
    font-size: 36px;
    line-height: 49px;
    color: #212121;
}

.modal-header .close{
    width: 48px;
    height: 48px;
    border: 1px solid #D7EAFF;
    border-radius: 50%;
    padding: 4px;
    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;
    margin: 0;
}

.modal-header .close span{
    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;
}

.modal-header .close svg{
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    font-size: 27px;
    fill: #6685FF;
}

.modal-request .form-field{
    margin-bottom: 25px;
}

.modal-request .form-label{
    color: #212121;
}

.modal-request .form-input{
    border-color: #E1E1E1;
    color: #000000;
}

.modal-request .form-input:focus{
    border-color: #6685FF;
}

.modal-request .checkbox__label{
    color: #212121;
}

.modal-request .checkbox__label a{
    color: #6685FF;
}

.modal-request .checkbox__label a:hover{
    color: #4F71F9;
}

.modal-request .checkbox__input{
    background: #6685FF;
}

.modal-request .checkbox__input:checked:after{
    background: url('/bitrix/templates/vpl_template/css/../img/svg/checked-white.svg') no-repeat;
    background-position: center;
}

.modal-request .form-btn{
    background: #6685FF;
    color: #FFFFFF;
}

.modal-request .form-btn:hover{
    background: #4F71F9;
}

.modal-header .close:hover{
    background: #D7EAFF;
}

.modal-header .close:hover svg{
    fill: #FFFFFF;
}

.modal-success .modal-dialog{
    max-width: 420px;
    margin-top: 4rem;
}

.modal-success .modal-header .close{
    position: absolute;
    top: 30px;
    right: 30px;
}

.modal-success .modal-title{
    text-align: center;
    margin-bottom: 25px;
}

.modal-body__text{
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    color: #212121;
    margin-bottom: 30px;
}

.modal-body__button{
    background: #6685FF;
    border-radius: 4px;
    padding: 13px 35px;
    font-weight: 400;
    font-size: 17px;
    line-height: 23px;
    color: #FFFFFF;
    margin: 0 auto;
    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;
    max-width: 150px;
}

.modal-content{
    border: none;
}
.modal-backdrop {
    background-color: rgba(102, 133, 255, 0.8);
 }

.modal-body__button:hover{
    background: #4F71F9;
}

@media(max-width: 767px){
    .modal-header{
        padding: 20px 20px 10px;
    }

    .modal-body{
        padding: 10px 20px 20px;
    }

    .modal-title{
        font-size: 25px;
        line-height: 30px;
    }

    .modal-header .close{
        width: 36px;
        height: 36px;
    }

    .modal-header .close svg{
        font-size: 22px;
    }

    .modal-success .modal-header .close{
        top: 13px;
        right: 12px;
    }

    .modal-body__text{
        text-align: center;
    }

    .modal-body__button{
        padding: 10px 20px;
        font-size: 15px;
        line-height: 20px;
    }
}

.search-result__container form{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    border: 1px solid #D1D1D1;
    border-radius: 40px;
}

.search-result__container-input{
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    color: #999999;
    color: #1A1A1A;
    border: none;
    outline: none;
    padding: 15px 60px 15px 35px;
    margin: 0;
    height: 50px;
    width: 100%;
}

.search-result__container-clear{
    border: none;
    background: none;
    cursor: pointer;
    padding: 0;
    margin: 0;
    height: 26px;
    margin-top: 5px;
    position: relative;
    margin-right: 8px;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.search-result__container-clear svg{
    font-size: 12px;
    fill: #6685FF;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.search-result__container-clear:hover svg{
    fill: #4F71F9;
}

.search-result__container-send{
    cursor: pointer;
    padding: 0;
    margin-right: 5px;
    height: 36px;
    max-width: 36px;
    width: 100%;
    background: #6685FF;
    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;
    border-radius: 32px;
    padding: 7px;
}

.search-result__container-send svg{
    fill: #FFFFFF;
}

.search-result__container-send:hover{
    background: #4F71F9;
}

.search-result__container-num{
    margin-top: 20px;
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    color: #999999;
}

.search-result__container.is-active .search-result__container-clear{
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}

.search-result{
    padding: 0 0 40px;
}

.search-result-list{
    padding: 0 0 80px;
}

.search-result-list b{
    color: #6685FF;
    font-weight: 300;
}

@media(max-width: 767px){
    .search-result__container-input{
        height: 42px;
        padding: 10px 18px 10px 10px;
    }

    .search-result__container-send{
        height: 30px;
        max-width: 30px;
    }

    .search-result__container-num{
        margin-top: 15px;
    }
}

.overlay{
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(23, 11, 59, 0.2);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    z-index: -1;
    top: 0;
    left: 0;
}

.overlay.is-active{
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    z-index: 5;
}

.popover__inner{
    position: relative;
    background: #6685FF;
    border-radius: 20px;
}

.popover{
    max-width: 300px;
    border-radius: 20px;
    border: none;
    background: #6685FF;
    position: absolute;
    padding: 20px;
}

.popover__close{
    position: absolute;
    top: 0px;
    right: 0;
    padding: 5px;
    font-size: 9px;
    z-index: 2;
}

.popover__close svg{
    fill: #FFFFFF;
}

.popover__content{
    width: 100%;
    max-width: 278px;
}

.baloon__props--bottom{
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
}

.baloon__line{
    font-weight: 300;
font-size: 17px;
line-height: 23px;
color: #FFFFFF;
margin-bottom: 5px;
}

.baloon__line:last-of-type{
    margin-bottom: 0;
}

.baloon__line a:hover{
    color: #D7EAFF;
}

.popover__tail{
    position: absolute;
	background-color: #6685FF;
	text-align: left;
    top: 110%;
    left: calc(50% - 7px);
}

.popover__tail:before,
.popover__tail:after {
	content: '';
	position: absolute;
	background-color: inherit;
}
.popover__tail,
.popover__tail:before,
.popover__tail:after {
	width:  14px;
	height: 14px;
	border-top-right-radius: 30%;
}

.popover__tail {
	-webkit-transform: rotate(0) skewX(-30deg) scale(1,.866);
	    -ms-transform: rotate(0) skewX(-30deg) scale(1,.866);
	        transform: rotate(0) skewX(-30deg) scale(1,.866);
}
.popover__tail:before {
	-webkit-transform: rotate(-135deg) skewX(-45deg) scale(1.414,.707) translate(0,-50%);
	    -ms-transform: rotate(-135deg) skewX(-45deg) scale(1.414,.707) translate(0,-50%);
	        transform: rotate(-135deg) skewX(-45deg) scale(1.414,.707) translate(0,-50%);
}
.popover__tail:after {
	-webkit-transform: rotate(135deg) skewY(-45deg) scale(.707,1.414) translate(50%);
	    -ms-transform: rotate(135deg) skewY(-45deg) scale(.707,1.414) translate(50%);
	        transform: rotate(135deg) skewY(-45deg) scale(.707,1.414) translate(50%);
}

@media(max-width: 1199px){
    .baloon__line{
        color: #212121;
    }

    .baloon__line a:hover{
        color: #6685FF;
    }

    .popover__content{
        max-width: none;
    }

    .baloon__props--bottom{
        border-color: #D7EAFF;
    }

   .contacts .ymaps-2-1-79-balloon_layout_panel {
        border-bottom-right-radius: 20px;
        border-bottom-left-radius: 22px;
        overflow: hidden;
    }
}

@media(max-width: 767px){
    .popover__content{
        max-width: 258px;
    }

    .baloon__line{
        color: #FFFFFF;
    }

    .baloon__line a:hover{
        color: #D7EAFF;
    }
}

@media(max-width: 576px){
    .popover__content{
        max-width: none;
    }

    .baloon__line{
        color: #212121;
        font-size: 14px;
    line-height: 19px;
    }

    .baloon__line a:hover{
        color:#6685FF;
    }
}

@media(max-width: 767px){
    .other-article__bg img{
        -o-object-position: center;
           object-position: center;
        width: 100%;
        height: 100%;
    }

    .about-intra__info{
        max-width: none;

    }

    .about-intra__title{
        margin-bottom: 361px;
    }

    .about-intra__subtitle{
        margin-top: -50px;
    }
}

@media(max-width: 576px){
    .other-article__bg img{
        -o-object-fit: contain;
           object-fit: contain;
    }
}

@media(max-width: 375px){
    .other-article__bg img{
           -o-object-position: top;
           object-position: top;
    }
}

.modal-open{
    padding-right: 17px;
}

.header__main-search.is-active{
    z-index: 999;
    background: #F7F7F7;
}

.footer__top-info-contacts-item{
    max-width: 268px;
}

@media(min-width: 1680px){
    .content-entry h1{
        max-width: 90%;
    }
}

@media(max-width: 991px){
    .header.is-fixed .header__main-search{
        max-width: none;
    }
}

@media(max-width: 767px){
    .footer__top-info-contacts-item{
        max-width: none;
    }

    .footer__top-info-contacts-item-link-request{
        text-decoration: none;
    }

}

@media(max-width: 576px){
    .mp-slider .slick-dots{
        justify-content: start;
    }
}

.works__list-item--show{
    padding: 30px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.office__list-item-phone,
.office__list-item-mail{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
            flex-direction: column;
}

.about-title--mob{
    display: none;
}

@media(max-width: 991px){
    .about-title--mob{
        display: block;
    }
    .mp-about__info-title{
        display: none;
    }
    .about-title--mob .mp-about__info-title{
        display: block;
    }
}

@media(max-width: 767px){
    .promo-detail__info{
        margin-top: 20px;
    }

    .about-title--mob{
        display: block;
    }

}

@media(max-width: 576px){
    .mp-reviews__list-item-img{
        object-position: top;
    }
    .mp-reviews__list{
        grid-template-columns: repeat(2, 1fr);
    }

}

@media(max-width: 425px){
    .mp-reviews__list{
        grid-template-columns: repeat(1, 1fr);
    }

}

.modal-video .modal-dialog{
    max-width: 850px;
    margin-top: 10rem;
}

.modal-video .modal-header{
    justify-content: flex-end;
    padding: 15px 20px 0;
}

.modal-body__video{
    position: relative;
    padding-top: 56%;
}

.modal-body__video iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-width: 0;
    outline-width: 0;
}

@media(max-width: 576px){
    .modal-body__video{
        padding-top: 70%;
    }
}

.mp-video__list-item.is-active.no-photo{
    align-items: flex-end;
}

.mp-video__list-item.no-photo img{
    width: 50%;
    top: 50%; left: 50%;
	-webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
}

.services .text-subtitle{
    line-height: 24px;
}

.modal-request .checkbox__input{
    border: 1px solid #6685FF;
}


.modal-request .checkbox.is-error  .checkbox__input{
    background: transparent;
    border-color: #CD2425;
}

.captcha.is-error > div{
    border: 1px solid #CD2425;
}

.content table.map-columns tr > td{
    text-align: left;
}

.search-result-list .catalog__list-item-img img{
    height: 100%;
}

.works-detail__product .works-detail__product-wp{
    margin-bottom: 50px;
}

.works-detail__product .works-detail__product-wp:last-of-type{
    margin-bottom: 0;
}





@media(min-width: 992px) and (max-width: 1679px){
    .about-office .baloon__line{
        color: #222222;
    }
}

@media(max-width: 991px){
    .popover{
        max-width: none;
    }
}

.catalog-detail__gallery-slide video{
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.catalog-detail__gallery-slide-video-link{
    height: 100%;
}


@media(max-width: 1199px){
    .works-detail__product .works-detail__product-wp{
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        row-gap: 15px;
    }
}

.catalog-detail__gallery-slider-nav-slide-img.no-photo{
    height: 65px;
}

.catalog-detail__gallery-slider-nav-slide-img{
    height: 100%;
}

@media(max-width: 767px){
    .catalog-detail__gallery-slider-nav-slide-img{
        height: 50px;
    }

    .catalog-detail__gallery-slider-nav-slide-img.no-photo{
        height: 50px;
    }
}

.faq__list-item-text p{
    margin-bottom: 10px;
}

.faq__list-item-text p:last-of-type{
    margin-bottom: 0;
}

@media(max-width: 991px){
    .about__slide-icon{
        height: 70px;
    }

    .about__slide-info-name{
        font-size: 23px;
        line-height: 25px;
        margin-bottom: 16px;
    }

    .about__slide-info-text{
        font-size: 16px;
        line-height: 22px;
    }

    .about__slider{
        column-gap: 20px;
    }
}

.modal-open .header.is-fixed{
    padding-right: 17px;
}


.catalog__list-item-price{
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    color: #222222;
    margin-top: 10px;
}

.catalog-detail__desc-price{
    font-weight: 500;
    font-size: 25px;
    line-height: 30px;
    margin-bottom: 20px;
}

@media(max-width: 767px){
    .catalog-detail__desc-price{
        font-size: 20px;
        line-height: 25px;
        margin-bottom: 15px;
    }
}

@media(min-width: 992px) and (max-width: 1199px){
  .request .form__submit-container-btn{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    row-gap: 10px;
  }

  .request .form-btn{
    margin-left: 0;
  }
}
.catalog-detail__desc{
    width: 100%;
}

@media(max-width: 991px){
    .catalog-detail__desc-chars{
        display: none;
    }
    .catalog-detail__desc-chars-item-name{
        min-width: 50%;
        max-width: 50%;
    }
}

@media(max-width: 767px){

    .catalog-detail__container{
        margin-bottom: 13px;
    }
    .catalog-detail__desc-text{
        max-height: 129px;
        position: relative;
    }

    .catalog-detail__desc-text::after{
        position: absolute;
        content: "";
        width: 100%;
        height: 30px;
        display: block;
        left: 0;
        bottom: 0;
        background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(0,0,0,0) 100%);

    }

    .catalog-detail__desc-text.text-show::after{
        content: none;
    }
}

.services__more-text.content{
    padding: 0;
    /* margin-top: 40px; */
}

.mp-service::before{
    content: none;
}

body{
    overflow-y: scroll;
}

.services-request--help{
    padding-top: 0;
}

.services-request--help .form__submit-container{
    margin: 0;
}

.services-request--help .form__submit-container-btn{
    margin: 0;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.services-request--help .form-btn{
    max-width: 100%;
    height: 53px;
}

.services-request--help .request__form-title{
    margin-bottom: 15px;
}

.request__form-subtitle{
    font-weight: 300;
    font-size: 20px;
    line-height: 30px;
    color: #FFFFFF;
    margin-bottom: 40px;
}

.form__wp{
    position: relative;
    display: -ms-grid;
    display: grid;
    grid-template-columns: 70% 30%;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: end;
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
    margin-bottom: 25px;
}

@media(max-width: 991px){
    .form__wp{
        grid-template-columns: 100%;
        row-gap: 20px;
        margin-bottom: 20px;
    }
}

@media(max-width: 767px){
    .request__form-subtitle{
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 20px;
    }

    .services-request--help .form-btn{
        max-width: 304px;
    }
}

@media(max-width: 576px){

    .services-request--help .captcha > div{
        transform: scale(.78);
    }

    .services-request--help .form-btn{
        max-width: 237px;
        height: auto;
        margin-top: 0px;
    }

    .services-request--help .services-request__form{
        padding: 30px;
    }
}

.header__main-location{
    margin-right: 37px;
}

.header-link__region{
    margin-top: 0!important;
    position: relative;
    padding-left: 14px!important;
    color: #222;
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
}

.header-link__region::before{
    position: absolute;
    content: "";
    left: 0;
    top: calc(50% - 6px);
    height: 12px;
    width: 9px;
    background: url('/bitrix/templates/vpl_template/css/../img/svg/location-icon.svg') no-repeat center center;
}

.header-link__region svg{
    display: none;
}

.header-link__region:hover{
    color: #6685FF;
}

.popup__bg{
    background-color: rgba(102, 133, 255, 0.80)!important;
}

#popup-region{
    padding: 50px!important;
    border-radius: 20px;
    background: #FFF;
}

.mod__title{
    margin: 0 0 40px!important;
    color: #212121;
    font-size: 36px!important;
    font-weight: 300!important;
    line-height: 49px!important;
}

.mod__close{
    top: 50px!important;
    right: 50px!important;
    border: 1px solid #D7EAFF;
    width: 48px!important;
    height: 48px!important;
    border-radius: 100%;
    transition: all 0.3s ease;
}

.mod__close:hover{
    background: #D7EAFF;
}

.mod__close:hover::before,
.mod__close:hover::after{
    background: #FFF!important;
}

.region-choice__list{
    padding: 0!important;
    margin-bottom: 0!important;
}

.region-choice__link{
    color: #212121!important;
    font-size: 15px!important;
    font-weight: 400!important;
    line-height: 21px!important;
}

.region-choice__link:hover{
    text-decoration: none!important;
    color: #6685FF!important;
}

.header.is-fixed .header__main-location{
    display: none;
}

@media(max-width: 1679px){
    .header--location .header__main-logo{
        max-width: 170px;
        margin-right: 25px;
    }

    .header__main-location{
        margin-right: 20px;
    }

    .header--location .header__main-search{
        margin-right: 25px;
    }

    .header--location .header__main-info-contacts{
        margin-right: 25px;
    }
}

@media(max-width: 1439px){
    .header--location .header__main-logo{
        max-width: 165px;
        margin-right: 20px;
    }

    .header--location .header__main-search{
        margin-right: 20px;
    }

}

@media(max-width: 1199px){
    .header--location .header__main-info{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        row-gap: 5px;
    }

    .header--location .header__main-info-contacts{
        margin-right: 0;
    }

    .header--location .header__main-info-mail{
        margin-right: 0;
        border: none;
        border-top: 1px solid #E1E1E1;
        padding-top: 3px;
    }
}


@media(max-width: 991px){
    .header__main .header__main-location{
        display: none;
    }

    .header__main-location--mob{
        margin-right: 0;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 14px;
        background: #F7F7F7;
    }

    .header-link__region{
        font-size: 14px;
    }

    .header--location.mobmenu-open{
        border-bottom: none;
    }

    .header--location .header__mobile-menu-wp{
        padding-top: 10px;
    }
    .header--location {
        margin-bottom: -1px;
    }

}

@media(max-width: 767px){
    #popup-region{
        padding: 25px!important;
    }

    .mod__title{
        margin: 0 0 20px!important;
        font-size: 20px!important;
        line-height: 28px!important;
    }

    .mod__close{
        top: 20px!important;
        right: 20px!important;
        width: 25px!important;
        height: 25px!important;
    }

    .mod__close:before, .mod__close:after{
        width: 11px!important;
    }
}

.biostations{
    background: -webkit-gradient(linear, left top, right top, from(#6B89FD), color-stop(0.01%, #6987FA), color-stop(65.28%, #263E9B));
    background: -o-linear-gradient(left, #6B89FD 0%, #6987FA 0.01%, #263E9B 65.28%);
    background: linear-gradient(90deg, #6B89FD 0%, #6987FA 0.01%, #263E9B 65.28%);
    /*margin-top: 25px;*/
}

.biostations__wp{
    padding: 30px 0 21px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 431px 30px auto;
    grid-template-columns: 431px auto;
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px
}

.biostations__img{
    width: 100%;
    height: 100%;
    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;
    position: relative;
    z-index: 0;
}
.biostations__img::before{
    position: absolute;
    content: "";
    width: calc(100% + 50px);
    height: 100%;
    left: -50px;
    top: 0;
    z-index: 0;
    border-radius: 431px;
    background: rgba(255, 255, 255, 0.89);
    -webkit-filter: blur(70.5px);
            filter: blur(70.5px);
}


.biostations__img img{
    height: auto;
    -o-object-fit: contain;
       object-fit: contain;
    position: relative;
    z-index: 1;
}

.biostations__info{
    width: 100%;
    position: relative;
}

.biostations__info-bg{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 0;
    pointer-events: none;
}

.biostations__info-bg img{
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
}

.biostations__info-heading{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 10px;
    margin-bottom: 22px;
    position: relative;
}

.biostations__info-title{
    color: #FFF;
    font-size: 48px;
    font-weight: 700;
    line-height: 48px;
}

.biostations__info-subtitle{
    color: #FFF;
    font-size: 36px;
    font-weight: 400;
    letter-spacing: -0.36px;
    line-height: 36px;
}

.biostations__info-price{
    color: #FFF;
    font-size: 40px;
    font-weight: 700;
    letter-spacing: -0.4px;
    line-height: 40px;
}

.biostations__info-chars{
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 55% 42px 39%;
    grid-template-columns: 55% 39%;
    -webkit-column-gap: 42px;
       -moz-column-gap: 42px;
            column-gap: 42px;
    row-gap: 17px;
    margin-bottom: 27px;
}

.biostations__info-chars-item{
    padding-left: 40px;
    color: #FFF;
    font-size: 20px;
    font-weight: 400;
    line-height: 27px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.biostations__info-chars-item::before{
    position: absolute;
    content: '';
    left: 0;
    top: calc(50% - 14px);
    height: 28px;
    width: 30px;
    background: url('/bitrix/templates/vpl_template/css/../img/svg/list-dot.svg') no-repeat center;
    background-size: contain;
}

.bio__form-top{
    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-column-gap: 57px;
       -moz-column-gap: 57px;
            column-gap: 57px;
}

.bio__form .form-field{
    padding: 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    -webkit-box-flex: 0;
        -ms-flex: 0;
            flex: 0;
    margin: 0;
    position: relative;
}

.bio__form .form-field.is-error .form-input{
    border-color: #CD2425;
}

.bio__form .form__submit-container-btn{
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
}
.form__submit-container{
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
}

.bio__form .form-input{
    margin-top: 0;
    border-radius: 50px;
    border: 1px solid #FFF;
    background: #FFF;
    color: #000;
    padding: 16px 30px 10px;
}

.bio__form .form-label{
    position: absolute;
    top: 17px;
    left: 30px;
    color: #000;
    font-size: 16px;
    font-weight: 300;
    line-height: 16px;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.bio__form .form__submit-container-btn{
    margin-bottom: 0;
    margin-left: auto;
}

.bio__form .form-btn{
    max-width: 225px;
    min-width: 225px;
    padding: 15px 20px;
    text-align: center;
    font-size: 20px;
    line-height: 27px;
    font-weight: 600;
    color: #FFF;
    z-index: 1;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.bio__form .checkbox__input{
    background: #fff;
    border-color: #FFF;
    top: 4px;
}

.bio__form .checkbox__label{
    font-size: 10px;
    line-height: 14px;
    font-weight: 300;
}

.bio__form .checkbox__label a{
    font-size: 10px;
    line-height: 14px;
    text-decoration: none;
}

.bio__form{
    max-width: 800px;
}

@media(max-width: 1199px){
    .biostations__wp{
        -ms-grid-columns: 230px auto;
        grid-template-columns: 230px auto;
    }

    .biostations__info-chars{
        -webkit-column-gap: 18px;
           -moz-column-gap: 18px;
                column-gap: 18px;
        row-gap: 18px;
        -ms-grid-columns: 55% 18px 40%;
        grid-template-columns: 55% 40%;
    }

    .bio__form-top{
        -webkit-column-gap: 20px;
           -moz-column-gap: 20px;
                column-gap: 20px;
    }

    .bio__form .form-field{
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
    }
}

@media(max-width: 991px){
    .biostations__info-chars{
        -ms-grid-columns: 100%;
        grid-template-columns: 100%;
    }

    .bio__form-top{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        row-gap: 15px;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: start;
    }

    .bio__form .form__submit-container-btn{
        -webkit-box-ordinal-group: 4;
            -ms-flex-order: 3;
                order: 3;
    }
    .form__submit-container{
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2;
    }

    .bio__form .form-field{
        width: 100%;
    }

    .bio__form .form__submit-container-btn{
        margin-left: 0;
        width: 100%;
    }

    .bio__form .form-btn{
        width: 100%;
        max-width: none;
        min-width: 0;
    }
}

@media(max-width: 767px){
    .biostations__wp{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse;
        padding: 30px 0 60px;
        row-gap: 58px;
    }

    .biostations__info-title{
        font-size: 34px;
        line-height: 46px;
        text-align: center;
    }

    .biostations__info-subtitle{
        font-size: 26px;
        line-height: 35px;
        letter-spacing: -0.26px;
        margin-bottom: 10px;
        text-align: center;
    }

    .biostations__info-price{
        font-size: 30px;
        line-height: 41px;
        letter-spacing: -0.3px;
        text-align: center;
    }

    .biostations__info-heading{
        margin-bottom: 18px;
    }

    .biostations__info-chars-item{
        padding-left: 35px;
        font-size: 18px;
        line-height: 25px;
    }

    .biostations__info-chars-item::before{
        height: 26px;
        width: 26px;
        top: calc(50% - 13px);
    }

    .biostations__info-chars{
        margin-bottom: 30px;
    }

    .bio__form .form-input{
        height: 48px;
    }

    .bio__form .form-label{
        top: 16px;
    }

    .bio__form-top{
        row-gap: 20px;
    }
}

@media(max-width: 576px){
    .biostations__info-bg{
        left: -15px;
        width: calc(100% + 30px);
    }

    .biostations__info-chars-item{
        font-size: 15px;
        line-height: 22px;
    }
}

.section__desc{
    padding: 48px 0 20px;
}

.section__desc .content{
    padding: 0;
    max-width: 1017px;
    margin: 0 auto;
}

.section__desc .content p{
    font-size: 20px;
    font-weight: 300;
    line-height: 27px;
    margin:  0 0 20px;
}

.section__desc .content p:last-child{
    margin-bottom: 0;
}

@media(max-width: 767px){
    .section__desc{
        padding: 33px 0;
    }


    .section__desc .content p{
        margin:  0 0 15px;
    }
}

.catalog__list-item-btns{
    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-column-gap: 14px;
       -moz-column-gap: 14px;
            column-gap: 14px;
    margin-top: 18px;
    row-gap: 14px;
}

.catalog__list-item-btns .btn{
    padding: 3px 15px;
    font-size: 16px;
    border-radius: 3px;
    line-height: 22px;
    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;
}

.catalog__list-item-btns .btn--order{
    background: #FFA500;
    color: #FFF;
    font-size: 16px;
    font-weight: 400;

}

.catalog__list-item-btns .btn--order:hover{
    background: #D78B00;
}

.catalog__list-item-btns .btn--more{
    font-weight: 300;
    background: #FFF;
}

.catalog__list-item--btns:hover .catalog__list-item-name{
    color: #222222;
}

.catalog__list-item-name-link{
    color: #000;
    font-size: 20px;
    font-weight: 300;
    line-height: 27px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 13px;
}

.catalog__list-item-desk{
    font-size: 16px;
    line-height: 22px;
}

.catalog__list-item-name-link:hover{
    color: #6685FF;
}

.catalog__list-item-name-link:hover span{
    color: #6685FF;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.catalog__list-item-btns .btn--more:hover{
    background: #f4f4f4;
}

.catalog__list-item--btns .catalog__list-item-price{
    font-size: 20px;
    font-weight: 600;
    line-height: 27px;
}

@media(max-width: 1679px){
    .catalog__list-item-btns .btn{
        width: 100%;
    }
}

@media(max-width: 767px){
    .catalog__list-item-name-link{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        row-gap: 4px;
        text-align: center;
        font-weight: 600;
    }

    .catalog__list-item-name-link span{
        color: #000;
        font-size: 20px;
        line-height: 27px;
        font-weight: 300;
    }

    .catalog__list-item--btns .catalog__list-item-name{
        padding: 13px 33px 22px;
    }

    .catalog__list-item--btns .catalog__list-item-price{
        text-align: center;
    }

    .catalog__list-item-btns{
        margin: 16px auto 0;
        max-width: 113px;
    }
}

@media(max-width: 576px){
    .catalog__list-item--btns .catalog__list-item-name{
        padding: 13px 13px 22px;
    }
}

.catalog--card{
    padding: 0 0 20px;
}

.bio-advan{
    padding: 15px 0 50px;
}

.section__title-catalog{
    font-size: 30px;
    line-height: 41px;
    margin-bottom: 35px;
}

.bio-advan__wp{
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: calc(33% - 18px) 36px calc(33% - 18px) 36px calc(33% - 18px);
    grid-template-columns: repeat(3, calc(33% - 18px));
    row-gap: 44px;
    -webkit-column-gap: 36px;
       -moz-column-gap: 36px;
            column-gap: 36px;
    max-width: 1000px;
    margin: 0 auto;
}

.bio-advan__item{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 14px;
}

.bio-advan__item-img{
    height: 84px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.bio-advan__item-img img{
    height: auto;
    -o-object-fit: contain;
       object-fit: contain;
}

.bio-advan__item-text{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    row-gap: 21px;
    color: #000;
    font-size: 18px;
    line-height: 25px;
    text-align: center;
}

.bio-advan__item-text-title{
    font-size: 20px;
    font-weight: 400;
    line-height: 27px;
}

.bio-advan__tasks{
    margin-top: 56px;
    color: #000;
    font-size: 20px;
    font-weight: 300;
    line-height: 27px;
}

.bio-advan__tasks-title{
    color: #000;
    font-size: 20px;
    font-weight: 300;
    line-height: 27px;
}

.bio-advan__tasks-list-item{
    padding-left: 28px;
    position: relative;
}

.bio-advan__tasks-list-item::before{
    position: absolute;
    content: "";
    left: 13px;
    top: calc(50% - 2px);
    width: 4px;
    height: 4px;
    border-radius: 100%;
    background: #000;
    display: block;
}

@media(max-width: 991px){
    .bio-advan__tasks-list-item::before{
        top: 11px;
    }
}

@media(max-width: 767px){
    .catalog--card{
        padding: 0 0 12px;
    }

    .bio-advan{
        padding: 12px 0 44px;
    }

    .section__title-catalog{
        margin-bottom: 34px;
    }

    .bio-advan__item{
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }

    .bio-advan__wp{
        -ms-grid-columns: 100%;
        grid-template-columns: 100%;
        row-gap: 28px;
    }

    .bio-advan__item-text{
        max-width: 300px;
    }

    .bio-advan__tasks{
        margin-top: 27px;
        max-width: 335px;
    }
}

.bio-order__wp{
    border-radius: 20px;
    padding: 45px 212px;
    background: url('/bitrix/templates/vpl_template/css/../img/catalog/request-bg.png') no-repeat;
}

.bio-order__title{
    margin: 0 auto 30px;
    max-width: 555px;
    color: #FFF;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    line-height: 27px;
}

.bio-order__title span{
    font-weight: 500;
}


.bio__form .form-field.focus .form-label,
.bio__form .form-field.active .form-label{
    top: 6px;
    font-size: 9px;
    line-height: 12px;
}

@media(max-width: 1199px){
    .bio-order__wp{
        padding: 45px 80px;
    }
}

@media(max-width: 991px){
    .bio-order__wp{
        padding: 24px 50px 34px 50px;
    }
}

@media(max-width: 767px){
    .bio-order__wp{
        padding: 37px 55px;
    }


}

@media(max-width: 576px){
    .bio-order__wp{
       margin-left: -15px;
       width: calc(100% + 30px);
       border-radius: 0;
    }

    .bio__form .form-btn{
        max-width: 205px;
        margin:  0 auto;
    }

    .bio-order__wp{
        padding: 37px 30px;
    }
}

.bio-reason{
    padding: 48px 0 35px;
}

.bio-reason .bio-advan__wp{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.bio-reason .bio-advan__item{
    width: 30%;
}

@media(max-width: 991px){
    .bio-reason .bio-advan__item{
        width: 28%;
    }

}

@media(max-width: 767px){
    .bio-reason .bio-advan__item{
        width: 100%;
    }

    .bio-reason{
        padding: 32px 0;
    }

}

.bio-help .section__title-catalog{
    color: #FFF;
    margin-bottom: 28px;
}

.bio-help .bio-order__wp{
    padding: 49px 83px 51px;
}

.section__subtitle-catalog{
    color: #FFF;
    font-size: 20px;
    font-weight: 300;
    line-height: 27px;
    margin-bottom: 48px;
}

@media(max-width: 767px){
    .bio-help .bio-order__wp{
        padding: 40px;
    }

    .bio-help .section__title-catalog{
        font-size: 25px;
        line-height: 34px;
        margin-bottom: 19px;
    }
    .section__subtitle-catalog{
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 33px;
    }
}

.section--secondary .content{
    padding: 0;
}

.modal-bio-order .modal-dialog{
    max-width: 900px;
    margin: 10rem auto;
}

.modal-bio-order .bio__form .form-input{
    border-color: #E1E1E1;
}

.modal-bio-order .bio__form .checkbox__label{
    color: #000;
}

.modal-bio-order .bio__form .checkbox__label a{
    color: #6685FF;
}

.modal-bio-order .bio__form .checkbox__input{
    border-color: #6685FF;
    background: #6685FF;
}

.modal-bio-order .modal-body{
    padding-bottom: 80px;
}

@media(max-width: 767px){
    .modal-bio-order .modal-body{
        padding-bottom: 20px;
    }
}

.catalog-detail__desc-top{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    row-gap: 20px;
    -webkit-column-gap: 44px;
       -moz-column-gap: 44px;
            column-gap: 44px;
    margin-bottom: 21px;
}

.catalog-detail--chars .catalog-detail__desc-price{
    margin-bottom: 0;
    color: #000;
    font-size: 30px;
    font-weight: 400;
    line-height: 41px;
}

.catalog-detail--chars .btn--order{
    color: #FFF;
    font-size: 20px;
    font-weight: 400;
    line-height: 20px;
    max-width: 214px;
    width: 100%;
    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;
    background: #FFA500;
    border-radius: 3px;
    padding: 15px;
}

.catalog-detail--chars .btn--order:hover{
    background: #D78B00;
}

.catalog-detail--chars .catalog-detail__gallery{
    max-width: 502px;
    min-width: 502px;
    margin-right: 30px;
}

.catalog-detail__chars{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.catalog-detail__chars-block-item{
    min-height: 31px;
}

.catalog-detail__chars-block-item{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-column-gap: 5px;
       -moz-column-gap: 5px;
            column-gap: 5px;
    color: #000;
    font-size: 23px;
    font-weight: 300;
    line-height: 31px;
}



.catalog-detail--chars .catalog-detail__desc-text{
    max-height: none;
}

.catalog-detail__detail-text .bio-order{
    margin-bottom: 41px;
}

.catalog-detail--chars{
    padding: 0 0 10px;
}

.bio-call .bio-order__wp{
    padding: 49px 83px 51px;
}

.bio-call .section__title-catalog{
    color: #FFF;
    margin-bottom: 28px;
}

.catalog-detail--chars .catalog-detail__desc-btn-show{
    display: none;
}


@media(max-width: 991px){
    .catalog-detail--chars .catalog-detail__gallery{
        margin: 0 auto 25px;
        margin-right: auto;
    }

    .catalog-detail__desc-top{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
}

@media(max-width: 767px){
    .catalog-detail__desc-top{
        row-gap: 27px;
        margin-bottom: 30px;
    }

    .catalog-detail--chars .catalog-detail__container{
        margin-bottom: 22px;
    }

    .catalog-detail--chars .catalog-detail__desc-btn-show{
        display: block;
    }

    .catalog-detail--chars .catalog-detail__desc-text{
        max-height: 243px;
    }

    .catalog-detail--chars .catalog-detail__desc-text.text-show{
        max-height: -webkit-fit-content;
        max-height: -moz-fit-content;
        max-height: fit-content;
    }

    /* .catalog-detail--chars .catalog-detail__desc-text.content p{
        font-size: 20px;
        line-height: 27px;
    }

    .catalog-detail--chars  .content ul:not(.slick-dots) > li{
        font-size: 20px;
        line-height: 27px;
    }
    .catalog-detail--chars .content ul:not(.slick-dots) > li:after{
        top: 11px;
    }

    .catalog-detail--chars .content ol > li{
        font-size: 20px;
        line-height: 27px;
    }

    .catalog-detail--chars .content ol > li:before{
        top: 7px;
    }

    .catalog-detail--chars  .content h2{
        font-size: 28px;
        font-weight: 500;
    } */
    .bio-call .bio-order__wp{
        padding: 37px 30px 51px 15px;
    }
}

.request--bio{
    background: #EAF4FF;
    padding: 50px 0 23px;
}

.request--bio .request__wp::before{
    content: none;
}

.request--bio .request__info{
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: calc(50% - 10px) 20px calc(50% - 10px);
    grid-template-columns: repeat(2, calc(50% - 10px));
    -webkit-column-gap: 20px;
       -moz-column-gap: 20px;
            column-gap: 20px;
}

.request--bio .request__info-item{
    border-bottom: none;
}

.request--bio .request__info-item-wp-link{
    position: relative;
}

.request--bio .request__info-item-wp-link::after{
    position: absolute;
    content: '';
    width: 100%;
    height: .5px;
    left: 0;
    bottom: -30px;
    display: block;
    background: #C0DEFF;
    -webkit-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
}

.request--bio .request__info-item.is-active .request__info-item-wp-link::after{
    content: none;
}

.request--bio .request__info-item.is-active{
    border-bottom: 1px solid #C0DEFF;
}

.catalog-detail__chars-block{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

@media(max-width: 991px){
    .request--bio .request__wp{
        padding-top: 0;
    }
}

@media(max-width: 767px){
    .request--bio .request__info{
        -ms-grid-columns: 100%;
        grid-template-columns: 100%;
    }

    .request--bio .request__info-item-wp-link::after{
        content: none;
    }

    .request--bio .request__info-item:last-child{
        border-bottom: 1px solid #C0DEFF;
    }

    .catalog-detail--chars .catalog-detail__gallery{
        min-width: 0;
    }

    .catalog-detail__chars-block-item{
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        row-gap: 5px;
        font-size: 17px;
        line-height: 20px;
        font-weight: 500;
        min-height: 20px;
    }

    .section__desc .content p{
        font-size: 14px;
        line-height: 17px;
        font-weight: 400;
    }

    .section__title-catalog{
        font-size: 25px;
        line-height: 35px;
    }

    .bio-advan__item-text{
        font-size: 15px;
        line-height: 18px;
    }

    .bio-advan__item-text-title{
        font-size: 18px;
        line-height: 25px;
    }

    .bio-advan__item-text{
        row-gap: 10px;
    }

    .bio-advan__tasks-title{
        font-size: 14px;
        line-height: 17px;
    }

    .bio-advan__tasks-list-item{
        font-size: 14px;
        line-height: 17px;
    }

    .bio-advan__tasks-list-item::before{
        top: 7px;
    }
    .request--bio{
        padding: 30px 0;
    }

    .catalog-detail--chars .catalog-detail__desc-price{
        font-size: 22px;
        line-height: 29px;
    }
}

@media(max-width: 576px){
    .request--bio{
        margin-top: 0;
    }
}

.bio-call {
	padding-bottom: 80px;
}

.catalog__list-item-promo{
    display: none;
}

.catalog--promo .catalog__list-item-promo{
    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;
    color: #FFF;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    width: 100%;
    background: -webkit-gradient(linear, left top, right top, color-stop(0.39%, #A046E3), to(#F60410));
    background: -o-linear-gradient(left, #A046E3 0.39%, #F60410 100%);
    background: linear-gradient(90deg, #A046E3 0.39%, #F60410 100%);
}



.catalog__list-item-promo span{
    font-weight: 700;
    padding: 0 5px;
}

.catalog--promo .catalog__list-item{
    background: #EAF4FF;
}

.catalog--promo .catalog__list-item:not(.catalog__list-item--promo) .catalog__list-item-name{
    padding-top: 60px;
}

@media(max-width: 767px){
    .catalog--promo .catalog__list-item:not(.catalog__list-item--promo) .catalog__list-item-name{
        padding-top: 43px;
    }
}



.catalog--promo .catalog__list-item-name{
    height: auto;
}




.catalog__list-item-price-old{
    color:  #212121;
    font-size: 17px;
    font-weight: 400;
    line-height: 23px;
    text-decoration: line-through;
}

.catalog__list-item-price{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-column-gap: 10px;
       -moz-column-gap: 10px;
            column-gap: 10px;
}

@media(max-width: 1199px){
    .catalog__list-item-price{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: start;
        row-gap: 2px;
    }

    .catalog--promo .catalog__list-item-promo{
        font-size: 13px;
    }

    .catalog__list-item-price{
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }


}

@media(max-width: 767px){
    .catalog--promo .catalog__list-item-promo{
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        padding: 9px 12px;
        line-height: 12px;
    }
    .catalog--promo .catalog__list-item-name-link{
        font-weight: 700;
        font-size: 18px;
        line-height: 25px;
    }

    .catalog--promo .catalog__list-item-desk{
        font-weight: 400;
        font-size: 14px;
        line-height: 17px;
    }
}

.promo-line{
    padding: 10px 0;
    background: -webkit-gradient(linear, left top, right top, color-stop(0.39%, #A046E3), to(#F60410));
    background: -o-linear-gradient(left, #A046E3 0.39%, #F60410 100%);
    background: linear-gradient(90deg, #A046E3 0.39%, #F60410 100%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    clear: both;
}

.promo-line__link{
    text-align: center;
    color: #FFF;
    font-size: 21px;
    font-weight: 400;
    line-height: 30px;
    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%;
}

.promo-line__link:hover{
    color: #6685FF;
}

.promo-line__link span{
    font-weight: 700;
    margin: 0 5px;
    display: contents;
}



.is-fixed.promo-line{
    position: fixed;
    width: 100%;
    left: 0;
    top: 64px;
    z-index: 9;
}

.catalog-detail--chars .catalog-detail__desc-price{
    display: flex;
    align-items: center;
    column-gap: 10px;
}

.catalog-detail__desc-price-old{
    font-size: 23px;
    line-height: 25px;
    text-decoration: line-through;
    font-weight: 300;
    color: #F60410;
}


@media(max-width: 991px){
    .header-fixed .promo-line{
        top: 66px;
        position: fixed;
        width: 100%;
        z-index: 10;
    }


}

@media(max-width: 767px){
    .promo-line{
        padding: 6px 0;
    }
    .promo-line__link{
        font-size: 15px;
        line-height: 18px;
        padding: 0 40px;
    }

    .catalog-detail__desc-price-old{
        font-size: 16px;
        line-height: 20px;
    }

    .catalog-detail--chars .catalog-detail__desc-price{
        flex-wrap: wrap;
        row-gap: 10px;
    }
}


@media(min-width: 320px) and (max-width: 575px){
    .catalog__list-item-promo-wp{
        max-width: 93px;
    }
    .catalog--promo .catalog__list-item:not(.catalog__list-item--promo) .catalog__list-item-name{
        padding-top: 55px;
    }
}

@media(max-width: 1199px){
    .header--social{
        height: 220px;
    }

    .header--social .header__bottom-dropdown{
        top: 220px;
    }
}

@media(max-width: 991px){
    .header--social{
        height: 67px;
    }
}

@media(max-width: 576px){
    .bio-call{
        padding-bottom: 0;
    }
}
/* End */


/* Start:/bitrix/components/apriori.regions/regions-list/templates/.default/style.css?16886559593229*/
/* POPUP */

.header-link__region {
    font-size: 15px;
    display: inline-block;
    margin-top: 5px;
    white-space: nowrap;
}

.header-link__region svg {
    margin-right: 3px;
}

.header-link__region svg path {
    stroke: #999
}

.mod {
    display: none;
    position: relative;
    background: #fff;
    box-shadow: 5px 15px 40px rgb(30 35 66 / 15%);
}

.mod__title {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 10px;
    margin-top: 5px;
}

.mod__close {
    position: absolute;
    width: 15px;
    height: 15px;
    top: 15px;
    right: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    transition: .3s;
    cursor: pointer;
    z-index: 5;
}

.mod__close:before,
.mod__close:after {
    position: absolute;
    content: "";
    width: 25px;
    height: 1px;
    background: #333;
    border-radius: 50px;
    display: block;
    transition: .3s;
}

.mod__close:before {
    transform: rotate(-45deg);
}

.mod__close:after {
    transform: rotate(45deg);
}

.mod__close:hover:before,
.mod__close:hover:after {
    background: #888;
}

.popup__item {
    display: block !important;
}

.popup__inner {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    flex-direction: column;
    overflow-y: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 15px;
}

.popup__bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.8);
}

.popup {
    z-index: 999999;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: .3s;
    opacity: 0;
    visibility: hidden;
}

.popup.--show {
    opacity: 1;
    visibility: visible;
}


/* end of POPUP */

.region-choice__list {
    column-count: 3;
    margin-bottom: -10px;
    padding: 15px 0px;
    list-style: none;
}

.region-choice__item {
    margin-bottom: 10px;
    padding-right: 10px;
}

.region-choice__link,
.region-choice__link:visited,
.region-choice__link:active,
.region-choice__link:focus {
    text-decoration: none;
    color: #666;
    font-weight: 500;
}

.region-choice__link:hover {
    text-decoration: underline;
}

#popup-region {
    padding: 25px 30px;
    overflow-y: auto;
    height: auto;
    max-height: 70vh;
}

#popup-region::-webkit-scrollbar {
    width: 10px;
}

#popup-region::-webkit-scrollbar-track {
    -webkit-box-shadow: 5px 5px 5px -5px rgba(60, 60, 80, 0.2) inset;
    background-color: #f9f9fd;
}

#popup-region::-webkit-scrollbar-thumb {
    background-color: #aaaaaa;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, rgba(255, 255, 255, .25)), color-stop(.5, transparent), to(transparent));
}

@media (max-width: 640px) {
    .region-choice__list {
        column-count: 2;
        padding: 15px 10px;
    }
    .region-choice__item {
        font-size: 14px;
    }
    #popup-region .mod__title {
        font-size: 28px;
    }
    #popup-region::-webkit-scrollbar {
        width: 7px;
    }
    #popup-region::-webkit-scrollbar-track {
        -webkit-box-shadow: 3px 3px 3px -3px rgba(34, 60, 80, 0.2) inset;
        background-color: #f9f9fd;
    }
}
/* End */


/* Start:/bitrix/templates/vpl_template/styles.css?174912936025710*/
@font-face {
    font-family: 'SpecialRubleFont';
    src: "/bitrix/templates/vpl_template/fonts/Gilroy-SemiBold.ttf";
}

.catalog--promo .catalog__list-item:not(.catalog__list-item--promo) .catalog__list-item-name{
	padding-top: 20px;
}

.ruble{
    font-family: 'Inter';
	display: contents;
}

.septiki_category .catalog__list-item--btns .catalog__list-item-price{
	flex-direction: row;
}

.catalog__list-item-current-price, .catalog__list-item-old-price{
	display: flex;
    flex-direction: row-reverse;
    gap: 4px;
	align-items: center;
}

#scrolltop{
	position: fixed;
	bottom: 50px;
	right: 50px;
	width: 66px;
	height: 66px;
	z-index: 9999;
	border: 1px solid #6685FF;
	cursor: pointer;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
display: none;
}

.septiki_category .catalog.catalog--card .catalog_section_box{
	display: flex;
	gap: 30px;
}

.septiki_category  .catalog__list{
	grid-template-columns: repeat(3, 1fr);
}

.septiki_category  .bx_filter .bx_filter_section{
	background: none;
    text-shadow: none;
    border: none;
	padding: 0;
}

.septiki_category  .bx_filter_parameters_box{
	margin-bottom: 60px;
}

.septiki_category .bx_filter .bx_filter_parameters_box_title{
	border: none;
	font-size: 21px;
	font-weight: 500;
}

.septiki_category  .bx_filter .bx_filter_parameters_box_title:after{
	display: none;
}

.septiki_category  .bx_filter .bx_filter_input_checkbox .bx_filter_param_text{
	font-size: 16px;
	line-height: 1;
	margin-left: 30px;
}

.septiki_category  .bx_filter .bx_filter_input_checkbox input[type=checkbox]:before{
	content: "";
	width: 20px;
	height: 20px;
	border: 1px solid #93999e;
	border-radius: 5px;
	display: block;
	position: relative;
	top: 20px;
	left: 0;
}

.septiki_category .bx_filter .bx_filter_input_checkbox input[type=checkbox]:checked:before{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' enable-background='new 0 0 24 24' height='10px' id='Layer_1' version='1.1' viewBox='0 0 24 24' width='10px' xml:space='preserve'%3E%3Cpath clip-rule='evenodd' d='M21.652,3.211c-0.293-0.295-0.77-0.295-1.061,0L9.41,14.34 c-0.293,0.297-0.771,0.297-1.062,0L3.449,9.351C3.304,9.203,3.114,9.13,2.923,9.129C2.73,9.128,2.534,9.201,2.387,9.351 l-2.165,1.946C0.078,11.445,0,11.63,0,11.823c0,0.194,0.078,0.397,0.223,0.544l4.94,5.184c0.292,0.296,0.771,0.776,1.062,1.07 l2.124,2.141c0.292,0.293,0.769,0.293,1.062,0l14.366-14.34c0.293-0.294,0.293-0.777,0-1.071L21.652,3.211z' fill-rule='evenodd'/%3E%3C/svg%3E");
	background-position: center;
	background-repeat: no-repeat;
}

.septiki_category .bx_filter_container_modef{
	display: none;
}

.septiki_category .bx_filter_search_button{
    width: 130px;
    height: 40px;
    border: none;
    background: #EAF4FF;
    font-size: 16px;
}

.septiki_category .sort{
	display: flex;
	align-items: center;
	gap: 30px;
	margin-bottom: 40px;
}

.septiki_category .sort h4{
	font-size: 21px;
	font-weight: 500;
	margin: 0;
}

.septiki_category .sort a{
	font-size: 21px;
}

.septiki_category .sort_aktisya{
	background: linear-gradient(90deg, #A046E3 0.39%, #F60410 100%);
	color: white;
	padding: 3px 10px;
	font-weight: 400;
}

.septiki_category .bx_filter .bx_filter_button_box, .septiki_category .bx_filter .bx_filter_parameters_box {
    margin-bottom: 50px;
}

.septiki_category .bx_filter .bx_filter_search_button{
	background: #EAF4FF;
	border: none;
	color: black;
	font-weight: 400;
	font-size: 15px;
	height: 43px;
	line-height: 43px;
	box-shadow: 0;
}

.septiki_category #catalog_section{
	margin-top: -150px;
	position: absolute;
}

.septiki_category .btn-back .icon-arrow-next{
	margin-right: 0;
	margin-left: 15px;
}

.septiki_category .section_links{
	display: flex;
	gap: 40px;
}

.septiki_category .content ul:not(.slick-dots){
	padding: 0 !important;
}

.septiki_category .content ul p{
	margin-bottom: 0;
}

.septiki_category .content ul li{
	margin-bottom: 0 !important;
}

.septiki_category .content ul li::after{
	background: black !important;
	width: 4px !important;
	height: 4px !important;
	left: 5px !important;
    top: 11px !important;
}

.hide_mobile_btn{
	display: none;
    margin-top: 20px;
    margin-bottom: 40px;
    font-size: 14px;
    color: black !important;
    text-decoration: underline;
	text-align: right;
}

.hide_mobile_text.expanded{
	max-height: 100%;
}

.hide_mobile_text.expanded::after {
    display: none !important;
}

.septiki_category .catalog__list-item-char .catalog__list-item-desk{
	display: flex;
	justify-content: space-between;
	gap: 8px;
	font-size: 15px;
}

.septiki_category .catalog__list-item-desk{
	font-weight: 400;
}

.septiki_category .catalog__list-item-char{
	display: flex;
    flex-direction: column;
    gap: 5px;
	padding-bottom: 10px;
}

.septiki_category .catalog__list-item-name-link{
	font-weight: 600;
}

.septiki_category .catalog__list-item-promo{
	display: block;
	background: #EAF4FF;
	text-align: center;
	color: #989898;
	border: 1px solid #989898;
	font-weight: 400;
    padding: 3px;
}

.septiki_category .catalog__list-item-promo span{
	padding: 0;
}

.septiki_category .catalog__list-item-char .catalog__list-item-desk span:first-of-type{
	display: flex;
	align-items: center;
	gap: 10px;
}

.septiki_category .catalog__list-item-btns{
	flex-wrap: nowrap;
}

.septiki_category .catalog__list-item-btns .btn--more{
	background: none;
	color: #989898;
	border: 1px solid #989898;
}

.septiki_category .catalog__list-item-name{
	padding: 20px;
    height: calc(100% - 200px);
}

.septiki_category .catalog__list-item-price-old{
	color: #989898;
	font-size: 17px;
}

.septiki_category .section__desc .content{
	padding: 0;
	max-width: 100%;
	margin-bottom: 40px;
}

.septiki_category .section__desc .content p{
	font-size: 15px;
	line-height: 24px;
}

.septiki_category .biostations.banner-no-img{
	background-repeat: no-repeat;
	background-size: cover;
}

.septiki_category .biostations.banner-no-img .biostations__wp{
	display: flex;
}

.septiki_category .biostations.banner-no-img .biostations__info{
	display: flex;
    justify-content: space-between;
	gap: 40px;
}

.septiki_category .biostations.banner-no-img .biostations__info_right{
	background: #6685FF;
	border-radius: 20px;
	width: 300px;
	padding: 40px 24px;
}

.septiki_category .biostations.banner-no-img .biostations__info_left{
	width: calc(100% - 340px);
}

.septiki_category .biostations.banner-no-img .biostations__info_right h2{
    color: #FFF;
    font-size: 36px;
    font-weight: 400;
    letter-spacing: -0.36px;
    line-height: 36px;
	margin-bottom: 40px;
}

.septiki_category .biostations.banner-no-img .bio__form .form-input{
	width: 100%;
}

.septiki_category .biostations.banner-no-img .bio__form .form-field{
	flex: auto;
}

.septiki_category .biostations.banner-no-img .form__submit-container{
	order: 2;
	margin-top: 20px;
}

.septiki_category .biostations.banner-no-img .bio__form .form__submit-container-btn{
	margin-top: 20px;
	margin-left: 0;
}

.septiki_category .biostations__info-subtitle2{
	font-size: 20px;
	font-weight: 700;
	line-height: 27px;
	color: white;
	margin-top: 48px;
	max-width: 656px;
}

.septiki_category .biostations__info-badge{
	font-size: 32px;
    font-weight: 700;
    line-height: 48px;
    text-align: center;
    position: absolute;
    left: 470px;
    top: calc(50% - 15px);
    background: #FFE81A;
    padding: 12px 24px;
    border-radius: 20px;
	transform: rotate(-20deg);
	width: 210px;
}

.septiki_category .biostations.banner-no-img .biostations__info-title span{
	max-width: 800px;
}

.septiki_category .septiki-i-biostancii .bio-advan__tasks{
	display: none;
}

.septiki_category .septiki-i-biostancii .bio-order, .septiki-i-biostancii .bio-help {
	margin-bottom: 50px;
}

.septiki_category .septiki-i-biostancii .bio-order__title{
	max-width: 100%;
}

.septiki_category .biostations__info_left .biostations__info_right .bio__form{
	display: flex;
}

.septiki_category .bio_form_box_mobile{
	display: none;
}

.septiki_category .bx_filter .bx_filter_section form .bx_filter_parameters_box:first-of-type{
	display: none;
}

.septiki_category .sort a:nth-of-type(1) span, .sort a:nth-of-type(2).active span{
    position: relative;
    top: -2px;
	transform: rotate(0);
}

.septiki_category .sort a:nth-of-type(2) span, .sort a:nth-of-type(1).active span{
	transform: rotate(180deg);
    position: relative;
    top: 5px;
}

.septiki_category .content-entry {
	display: none;
}

.section_links_text{
	justify-content: center;
}

.septiki_category .filter_vertical.bx_filter.bx_blue{
	width: 300px;
}

.septiki_category .bx_filter .bx_filter_button_box, .septiki_category .bx_filter .bx_filter_parameters_box{
	padding: 0;
}

.septiki_category .catalog__list-item-btns .btn--more{
	border: none;
    background: white;
    color: #222222;
}

.septiki_category .catalog__list-item-btns{
	flex-direction: column;
}

.septiki_category .biostations.banner-no-img .bio__form .form__submit-container-btn{
	width: 100%;
}

.septiki_category .biostations.banner-no-img .bio__form .form-btn{
	max-width: 100%;
	width: 100%;
}

.catalog--promo .catalog__list-item-name{
    display: flex !important;
    justify-content: space-between !important;
    flex-direction: column !important;
    height: calc(100% - 200px);
}

.septiki_category .biostations__info-badge{
	min-width: fit-content;
}

.septiki_category .bx_filter .bx_filter_input_checkbox .bx_filter_param_text {
        width: max-content;
        margin-left: 8px;
}

.septiki_category .bx_filter .bx_filter_input_checkbox .bx_filter_param_text{
	height: 20px;
    display: flex;
    align-items: center;
}

.bx_filter .bx_filter_input_checkbox input[type=radio], .bx_filter .bx_filter_input_checkbox input[type=checkbox] {
    position: relative;
    top: auto;
    float: left;
    width: fit-content;
}


.septiki_category .bx_filter .bx_filter_input_checkbox input[type=checkbox]:before {
	top: 0 !important;
}

.bx_filter .bx_filter_input_checkbox{
	display: flex;
	align-items: center;
}

.bx_filter .bx_filter_param_label{
	margin-bottom: 10px;
}

	.bx_filter .bx_filter_button_box .bx_filter_block, .bx_filter .bx_filter_parameters_box.active .bx_filter_block{margin-top: 10px;}

.bx_filter .bx_filter_input_checkbox input[type=radio], .bx_filter .bx_filter_input_checkbox input[type=checkbox]{
	height: 20px;
}

.septiki_category .bx_filter .bx_filter_button_box, .septiki_category .bx_filter .bx_filter_parameters_box{
	margin-bottom: 37px;
}

.septiki_category .catalog__list-item-promo{
	min-height: 30px;
	align-items: center;
	display: flex;
	gap: 3px;
}

.septiki_category .catalog__list-item-price-old{
	font-weight: 600;
}

.biostations__info-chars-item{
	width: max-content;
}

.biostations__info-chars{
	column-gap: 0;
}

.bio__form .checkbox__label{
	font-family: "OpenSans";
	font-weight: 300;
	color: #D7EAFF;
}

.bio__form .checkbox__label a{
	display: contents;
	color: #D7EAFF;
}

.septiki_category .biostations.banner-no-img .biostations__info_right{
	height: fit-content;
}

.septiki_category .section__desc .content p, .section--secondary .content{
	font-weight: 400;
	font-size: 15px;
	line-height: 24px;
}

.septiki_category .bio-advan__wp{
	display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.septiki_category .bio-advan__item{
	width: calc(33.33% - 30px) !important;
}

.catalog__list-item-name-link{
	font-weight: 600;
}

.catalog__list-item-btns{
	flex-direction: column;
}

.septiki_category .section_links a{
	color: #6685FF;
}

.catalog__list-item-btns .btn--order{
	min-width: 115px;
}

.catalog__list-item-btns .btn--more{
	color: #989898 !important;
	border: 1px solid #989898 !important;
	background: transparent !important;
}

.catalog__list-item-btns{
	flex-direction: row !Important;
}

.catalog__list-item-current-price, .catalog__list-item-old-price{
	flex-direction: row !important;
}

.catalog__list-item-old-price{
	text-decoration: none;
	position: relative;
}

.catalog__list-item-old-price:before{
	content: "";
	width: 100%;
	height: 1px;
	background: #989898;
	position: absolute;
}

.section_links a{
	gap: 20px;
	color: #212121 !important;
	border-color: #6685FF;
    padding: 12px 30px;
}

.catalog.catalog--card.catalog--promo{
	padding-bottom: 55px;
}

.works{
	padding-top: 15px;
}

@media all and (max-width: 1250px){
	.septiki_category .catalog.catalog--card .catalog_section_box{flex-direction: column;}
	.septiki_category .bx_filter .bx_filter_section form .bx_filter_parameters_box:nth-of-type(2) .bx_filter_parameters_box_container, .septiki_category .bx_filter .bx_filter_section form .bx_filter_parameters_box:nth-of-type(5) .bx_filter_parameters_box_container, .septiki_category .bx_filter .bx_filter_section form .bx_filter_parameters_box:nth-of-type(6) .bx_filter_parameters_box_container, .septiki_category .bx_filter .bx_filter_section form .bx_filter_parameters_box:nth-of-type(7) .bx_filter_parameters_box_container{display: flex;gap: 30px; flex-wrap: wrap;}
	.septiki_category .filter_vertical.bx_filter.bx_blue{width: 100%;}
	.septiki_category .bx_filter .bx_filter_section form .bx_filter_parameters_box:nth-of-type(2) .bx_filter_parameters_box_container label, .septiki_category .bx_filter .bx_filter_section form .bx_filter_parameters_box:nth-of-type(5) .bx_filter_parameters_box_container label, .septiki_category .bx_filter .bx_filter_section form .bx_filter_parameters_box:nth-of-type(6) .bx_filter_parameters_box_container label, .septiki_category .bx_filter .bx_filter_section form .bx_filter_parameters_box:nth-of-type(7) .bx_filter_parameters_box_container label{width: calc(33.33% - 25px);}
	.septiki_category .bx_filter .bx_filter_section form .bx_filter_parameters_box:nth-of-type(2) .bx_filter_parameters_box_container, .septiki_category .bx_filter .bx_filter_section form .bx_filter_parameters_box:nth-of-type(5) .bx_filter_parameters_box_container, .septiki_category .bx_filter .bx_filter_section form .bx_filter_parameters_box:nth-of-type(6) .bx_filter_parameters_box_container, .septiki_category .bx_filter .bx_filter_section form .bx_filter_parameters_box:nth-of-type(7) .bx_filter_parameters_box_container{gap: 10px;}
}

@media all and (max-width: 1198px){
	.septiki_category .biostations__info-badge{left: 420px;}
	.septiki_category .catalog.catalog--card .catalog_section_box{flex-direction: column;}
	.septiki_category .bx_filter .bx_filter_section form .bx_filter_parameters_box:nth-of-type(2) .bx_filter_parameters_box_container, .septiki_category .bx_filter .bx_filter_section form .bx_filter_parameters_box:nth-of-type(5) .bx_filter_parameters_box_container, .septiki_category .bx_filter .bx_filter_section form .bx_filter_parameters_box:nth-of-type(6) .bx_filter_parameters_box_container, .septiki_category .bx_filter .bx_filter_section form .bx_filter_parameters_box:nth-of-type(7) .bx_filter_parameters_box_container{display: flex;gap: 30px; flex-wrap: wrap;}
	.septiki_category .filter_vertical.bx_filter.bx_blue{width: 100%;}
	.septiki_category .bx_filter .bx_filter_section form .bx_filter_parameters_box:nth-of-type(2) .bx_filter_parameters_box_container label, .septiki_category .bx_filter .bx_filter_section form .bx_filter_parameters_box:nth-of-type(5) .bx_filter_parameters_box_container label, .septiki_category .bx_filter .bx_filter_section form .bx_filter_parameters_box:nth-of-type(6) .bx_filter_parameters_box_container label, .septiki_category .bx_filter .bx_filter_section form .bx_filter_parameters_box:nth-of-type(7) .bx_filter_parameters_box_container label{width: calc(33.33% - 25px);}
	.septiki_category .bx_filter .bx_filter_section form .bx_filter_parameters_box:nth-of-type(2) .bx_filter_parameters_box_container, .septiki_category .bx_filter .bx_filter_section form .bx_filter_parameters_box:nth-of-type(5) .bx_filter_parameters_box_container, .septiki_category .bx_filter .bx_filter_section form .bx_filter_parameters_box:nth-of-type(6) .bx_filter_parameters_box_container, .septiki_category .bx_filter .bx_filter_section form .bx_filter_parameters_box:nth-of-type(7) .bx_filter_parameters_box_container{gap: 10px;}
	.septiki_category .catalog.catalog--card .catalog_section_box{gap: 0;}
	.septiki_category .bx_filter .bx_filter_button_box, .septiki_category .bx_filter .bx_filter_parameters_box{margin-bottom: 25px;}
	.septiki_category .biostations__info-badge{line-height: 1; font-size: 27px;}
	.catalog__list{grid-template-columns: repeat(3, 1fr);}
	.biostations__info-chars-item{width: initial;}
}

@media all and (max-width: 990px){
	.septiki_category .biostations.banner-no-img .biostations__info{flex-direction: column;}
	.septiki_category .biostations.banner-no-img .biostations__info_left, .biostations.banner-no-img .biostations__info_right{width: 100%;}
	.septiki_category .biostations__info-badge{left: 430px;}
	.septiki_category .bio_form_box_mobile{display: block; margin-bottom: 30px;}
	.septiki_category .bio_form_box_desctop{display: none;}
	.septiki_category .catalog__list{grid-template-columns: repeat(2, 1fr);}
	.septiki_category .sort{flex-wrap: wrap;}
	.septiki_category .sort h4{width: 100%;}
	.septiki_category .biostations.banner-no-img .biostations__info_right{width: 100%;}
	.septiki_category .section_links{flex-wrap: wrap; justify-content: center; gap: 20px; margin-top: 30px;}
	.septiki_category .section_links a{margin-top: 0;}
	.septiki_category .biostations.banner-no-img .biostations__info{padding: 0 35px;}
	.septiki_category .biostations.banner-no-img .biostations__wp{padding-bottom: 0;}
	.septiki_category .section__desc{padding-bottom: 0;}
	.septiki_category .bio-advan__item{width: 100% !important;}
	.catalog__list{grid-template-columns: repeat(2, 1fr);}
	.catalog.catalog--card.catalog--promo{padding-bottom: 30px;}
}

@media all and (max-width: 767px){
    .catalog--promo .catalog__list-item-name{height: calc(100% - 130px);}
	.septiki_category .biostations__info_left .biostations__info-title, .biostations__info_left .biostations__info-subtitle, .biostations__info_left .biostations__info-price{text-align: left; margin: 0;}
	.septiki_category .biostations__info-subtitle2{margin-top: 0;}
	.septiki_category .biostations__info-badge{left: auto;right: 0;font-size: 20px;padding: 10px;width: fit-content;line-height: 1; top: calc(50% + 10px);}
	.septiki_category .biostations__info_left .biostations__info-subtitle{max-width: calc(100% - 100px);}
	.septiki_category .biostations.banner-no-img .biostations__info_right h2{font-size: 26px; text-align: center;}
	.septiki_category .catalog__list-item-name{height: calc(100% - 130px);}
	.septiki_category .catalog__list-item-btns{flex-direction: column;}
	.septiki_category .sort{gap: 10px 5px;}
	.septiki_category .sort h4{font-size: 18px; margin-bottom: 20px;}
	.septiki_category .sort a{font-size: 14px; line-height: 14px;}
	.septiki_category .sort_aktisya{padding: 3px;}
	.septiki_category .bx_filter .bx_filter_parameters_box_title{font-size: 18px; line-height: 30px; margin-bottom: 0;}
	.septiki_category .bx_filter .bx_filter_input_checkbox .bx_filter_param_text{font-size: 14px; line-height: 20px;}
	.septiki_category .bx_filter .bx_filter_button_box, .bx_filter .bx_filter_parameters_box{margin-bottom: 30px;}
	.septiki_category .bx_filter .bx_filter_input_checkbox input[type=checkbox]:before{top: 24px;}
	.septiki_category .catalog__list-item--btns .catalog__list-item-price{flex-direction: column; height: 52px; align-items: center; justify-content: center;}
	.septiki_category .sort a:nth-of-type(1) span{top: 1px;}
	.septiki_category .sort a:nth-of-type(2) span{top: 3px;}
	.septiki_category .bx_filter .bx_filter_input_checkbox .bx_filter_param_text{width: max-content;}
	.septiki_category .bx_filter .bx_filter_section form .bx_filter_parameters_box:nth-of-type(2) .bx_filter_parameters_box_container, .septiki_category .bx_filter .bx_filter_section form .bx_filter_parameters_box:nth-of-type(5) .bx_filter_parameters_box_container, .septiki_category .bx_filter .bx_filter_section form .bx_filter_parameters_box:nth-of-type(6) .bx_filter_parameters_box_container, .septiki_category .bx_filter .bx_filter_section form .bx_filter_parameters_box:nth-of-type(7) .bx_filter_parameters_box_container{gap: 0; width: 100vw;}
	.septiki_category .bx_filter .bx_filter_section form .bx_filter_parameters_box:nth-of-type(2) .bx_filter_parameters_box_container label, .septiki_category .bx_filter .bx_filter_section form .bx_filter_parameters_box:nth-of-type(5) .bx_filter_parameters_box_container label, .septiki_category .bx_filter .bx_filter_section form .bx_filter_parameters_box:nth-of-type(6) .bx_filter_parameters_box_container label, .septiki_category .bx_filter .bx_filter_section form .bx_filter_parameters_box:nth-of-type(7) .bx_filter_parameters_box_container label{width: calc(33.33% - 5px);}
	.septiki_category .catalog__list-item-price-old{font-size: 16px;}
	.septiki_category .biostations.banner-no-img .biostations__info_right{padding: 24px;}
	.septiki_category .biostations.banner-no-img .form__submit-container{margin-top: 0;}
	.septiki_category .biostations.banner-no-img .biostations__info_right h2{margin-bottom: 20px;}
	.septiki_category .biostations.banner-no-img .bio__form .form__submit-container-btn{margin-top: 0;}
	.septiki_category .biostations__info_left .biostations__info-subtitle{max-width: 100%;}
	.catalog--promo .catalog__list-item:not(.catalog__list-item--promo) .catalog__list-item-name{padding-top: 14px;}
	.septiki_category .section__desc .content p, .section--secondary .content{font-size: 14px;}
	.content ul:not(.slick-dots) > li{line-height: 24px;}
	.catalog__list-item-btns{flex-direction: column !important;}
	.septiki_category .biostations__info-badge-big{font-size: 16px;}
	.section__nav{display: none !important;}
}

@media all and (max-width: 600px){
	.septiki-i-biostancii .bio-help{margin-bottom: 0;}
	.septiki_category .bx_filter .bx_filter_section form .bx_filter_parameters_box:nth-of-type(2) .bx_filter_parameters_box_container, .septiki_category .bx_filter .bx_filter_section form .bx_filter_parameters_box:nth-of-type(5) .bx_filter_parameters_box_container, .septiki_category .bx_filter .bx_filter_section form .bx_filter_parameters_box:nth-of-type(6) .bx_filter_parameters_box_container, .septiki_category .bx_filter .bx_filter_section form .bx_filter_parameters_box:nth-of-type(7) .bx_filter_parameters_box_container{width: calc(100vw + 10%);}
}

@media all and (max-width: 550px){
	 .catalog__list-item-name-link span{font-size: 14px !important;}
	 .catalog__list-item-char .catalog__list-item-desk span:first-of-type{font-size: 0 !important;}
	 .catalog__list-item-char{flex-direction: row !important; gap: 8px !important; justify-content: space-between !important; display: flex; margin-top: 20px;}
	 .catalog__list-item-char .catalog__list-item-desk{gap: 0 !important; font-size: 12px !important;}
	 .catalog__list-item-char .catalog__list-item-desk span:first-of-type{gap: 4px !important;}
	 .catalog__list-item-promo{font-size: 13px !important;}
	 .catalog__list-item-name-link{font-size: 19px !important;}
	 .catalog__list-item--btns .catalog__list-item-name{padding: 14px 8px !important;}
	 .section__heading-nav{display: none;}
	.hide_mobile_text{max-height: 90px; overflow: hidden; position: relative;}
	.hide_mobile_text::after{content: ""; width: 100%; height: 100%; position: absolute; bottom: 0; left: 0; box-shadow: 0px 2px 4px rgba(255, 255, 255, 0.8);}
	.hide_mobile_text:after {width: 100%;height: 100%;background: linear-gradient(0deg, #fff, transparent);position: absolute;top: 0;left: 0;content: close-quote;}
	.hide_mobile_btn{display: block;}
	#scrolltop{right: 20px; bottom: 100px;}
	.septiki_category .biostations__info-badge{max-width: 100%; min-width: auto;}
	.septiki_category .biostations__info-badge-big{font-size: 16px;}
	.septiki_category .sort{margin-bottom: 30px;}
	.septiki_category .catalog__list-item-name-link{height: 50px; min-height: 50px; display: flex; align-items: center; justify-content: center; font-weight: bold;}
	.septiki_category .catalog__list-item-promo{padding: 10px; line-height: 10px;}
}

@media all and (max-width: 470px){
	.septiki_category .biostations__info-badge{right: -30px;}
	.biostations__info_left .biostations__info-price{margin-top: -10px;}
	.septiki_category .bx_filter .bx_filter_section form .bx_filter_parameters_box:nth-of-type(2) .bx_filter_parameters_box_container, .septiki_category .bx_filter .bx_filter_section form .bx_filter_parameters_box:nth-of-type(5) .bx_filter_parameters_box_container, .septiki_category .bx_filter .bx_filter_section form .bx_filter_parameters_box:nth-of-type(6) .bx_filter_parameters_box_container, .septiki_category .bx_filter .bx_filter_section form .bx_filter_parameters_box:nth-of-type(7) .bx_filter_parameters_box_container{width: calc(100vw + 5%);}
	.banner_badge_box{position:relative;}
	.septiki_category .biostations__info-badge{top: auto !Important; bottom: 20px;}
	.septiki_category .biostations__info-badge-big{top: -100% !Important; bottom: 25px; height: fit-content;}
	.catalog__list-item-desk span{white-space: nowrap;}
}

@media all and (max-width: 427px){
	.septiki_category .biostations__info-badge{top: calc(50% + 20px); right: 0; font-size: 16px;}
	.septiki_category .biostations__info-badge-big{right: -25px;}
	.septiki_category .biostations__info-badge-big{font-size: 12px; top: -20px !important;}
	.septiki_category .sort a{font-size: 13px;}
}

@media all and (max-width: 390px){
	.septiki_category .biostations__info-badge{right: -30px;}
}

@media all and (max-width: 380px){
	.septiki_category .catalog__list{grid-template-columns: repeat(1, 1fr);}
	.septiki_category .catalog__list-item-char{margin-top: 10px;}
}
/* End */
/* /bitrix/templates/vpl_template/css/bootstrap-grid.css?168312133643997 */
/* /bitrix/templates/vpl_template/css/bootstrap-modal.css?16831213364650 */
/* /bitrix/templates/vpl_template/css/slick.css?16831213361776 */
/* /bitrix/templates/vpl_template/css/fancybox.css?168312133615598 */
/* /bitrix/templates/vpl_template/css/style.css?1710424656234151 */
/* /bitrix/components/apriori.regions/regions-list/templates/.default/style.css?16886559593229 */
/* /bitrix/templates/vpl_template/styles.css?174912936025710 */