/* Start:/local/templates/sb2018/static/css/main.css?1743163446330936*/
/* normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif /* 1 */;
  -ms-text-size-adjust: 100% /* 2 */;
  -webkit-text-size-adjust: 100% /* 2 */;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block /* 1 */;
  vertical-align: baseline /* 2 */;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background-color: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
mark {
  background: #ff0;
  color: #000;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 0;
}
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit /* 1 */;
  font: inherit /* 2 */;
  margin: 0 /* 3 */;
}
fieldset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button /* 2 */;
  cursor: pointer /* 3 */;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box /* 1 */;
          box-sizing: border-box /* 1 */;
  padding: 0 /* 2 */;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield /* 1 */;
  -webkit-box-sizing: content-box /* 2 */;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
legend {
  border: 0 /* 1 */;
  padding: 0 /* 2 */;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
blockquote {
  margin: 0;
}
/* Libraries, which is used in current project. */
/*@font-face {*/
/*  font-family: 'suisse';*/
/*  src: url("/local/templates/sb2018/static/css/../fonts/SuisseIntl-Bold.woff2") format("woff2"), url("/local/templates/sb2018/static/css/../fonts/SuisseIntl-Bold.woff") format("woff");*/
/*  font-weight: 700;*/
/*  font-display: swap;*/
/*  font-style: normal;*/
/*}*/
/*@font-face {*/
/*  font-family: 'suisse';*/
/*  src: url("/local/templates/sb2018/static/css/../fonts/SuisseIntl-Book.woff2") format("woff2"), url("/local/templates/sb2018/static/css/../fonts/SuisseIntl-Book.woff") format("woff");*/
/*  font-weight: 600;*/
/*  font-display: swap;*/
/*  font-style: normal;*/
/*}*/
/*@font-face {*/
/*  font-family: 'suisse';*/
/*  src: url("/local/templates/sb2018/static/css/../fonts/SuisseIntl-Thin.woff2") format("woff2"), url("/local/templates/sb2018/static/css/../fonts/SuisseIntl-Thin.woff") format("woff");*/
/*  font-weight: 100;*/
/*  font-display: swap;*/
/*  font-style: normal;*/
/*}*/
#__bs_notify__ {
  display: none !important;
}
.pink {
  color: #eb006e;
}
.blue {
  color: #439bff;
}
.text_mark {
  background-color: #d0e9ec;
  padding: 0.2rem;
}
.text--30 {
  font-size: 3rem;
  line-height: 4rem;
  font-weight: 100;
}
.text--20,
.projects__item_header {
  font-size: 2rem;
  line-height: 3rem;
}
.text--18,
.section--article p,
.section--article li,
.hero_article__text,
.firstBit_item__descr,
.hero_product__content p {
  font-size: 1.8rem;
  line-height: 3rem;
}
.text--16 {
  font-size: 1.6rem;
  line-height: 3rem;
}
.text--14,
.section--history p,
.list__item p {
  font-size: 1.4rem;
  line-height: 2.2rem;
}
.text--12 {
  font-size: 1.2rem;
  line-height: 2.6rem;
}
.title--large {
  font-size: 6.4rem;
  line-height: 7rem;
  letter-spacing: -0.14rem;
}
.title--contacts {
  padding: 6rem 0 0 0;
}
.title--num {
  font-weight: 700;
  font-size: 4.8rem;
  line-height: 5.2rem;
}
.title--h1,
.page-404__content .title {
  font-size: 5rem;
  line-height: 6rem;
  letter-spacing: -0.15rem;
}
.title--h2 {
  font-size: 4rem;
  line-height: 4.8rem;
  letter-spacing: -0.08rem;
  display: block;
  font-weight: 700;
}

@media (min-width: 1024px) {
  .title--h2 {
    margin-bottom: 6rem;
  }
}

.title--h3,
.projects__more a span,
.progress_step--pink .progress_step__text,
.launched__more a span,
.thanks h3 {
  font-size: 4rem;
  line-height: 4.8rem;
  letter-spacing: -0.08rem;
}
.title--h4,
.article h4 {
  font-size: 3rem;
  line-height: 4rem;
  letter-spacing: -0.11rem;
}
.title .text--20 {
  font-size: 2rem;
  line-height: 3rem;
}
.title .text--18 {
  font-size: 1.8rem;
  line-height: 3.8rem;
}

@media (max-width: 1359px) {
  .menu_nav--branches .text--14 {
    font-size: 1.4rem;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .title--large {
    font-size: 5.6rem;
    line-height: 6.4rem;
    color: #2b2b2b;
    letter-spacing: -0.13rem;
  }
  .title--num {
    font-size: 4.8rem;
  }
  .title--h2,
  .section--article h2 {
    font-size: 2.4rem;
    line-height: 3.8rem;
    letter-spacing: -0.05rem;
  }
  .title--h3,
  .projects__more a span,
  .progress_step--pink .progress_step__text,
  .launched__more a span,
  .thanks h3 {
    font-size: 3rem;
    line-height: 4.8rem;
    letter-spacing: -0.06rem;
  }
  .title--h4,
  .article h4 {
    font-size: 3rem;
    line-height: 4rem;
    letter-spacing: -0.11rem;
  }
  .text--20,
  .projects__item_header {
    font-size: 1.8rem;
    line-height: 3rem;
  }
  .text--18,
  .section--article p,
  .section--article li,
  .hero_article__text,
  .firstBit_item__descr,
  .hero_product__content p {
    font-size: 1.4rem;
    line-height: 2.5rem;
  }
}
@media screen and (max-width: 767px) {
  .title--large {
    font-size: 2.8rem;
    line-height: 3.6rem;
    color: #2b2b2b;
    letter-spacing: -0.065rem;
  }
  .title--h1,
  .page-404__content .title {
    font-size: 2.375rem;
    line-height: 3rem;
  }
  .title--h2 {
    font-size: 2rem;
    line-height: 3rem;
    letter-spacing: -0.04rem;
  }
  .title--h3,
  .projects__more a span,
  .progress_step--pink .progress_step__text,
  .launched__more a span,
  .thanks h3 {
    font-size: 2.2rem;
    line-height: 3rem;
    letter-spacing: -0.05rem;
  }
  .title--h4,
  .article h4 {
    font-size: 2rem;
    line-height: 4rem;
    letter-spacing: -0.07rem;
  }
  .text--20 {
    font-size: 1.8rem;
    line-height: 3rem;
  }

  .projects__item_header {
    font-size: 1.7rem;
    line-height: 2.3rem;
  }

  .text--18,
  .section--article p,
  .section--article li,
  .hero_article__text,
  .firstBit_item__descr,
  .hero_product__content p {
    font-size: 1.4rem;
    line-height: 2.5rem;
  }
}
html {
  height: 100%;
  font-size: 12px;
  font-family: 'suisse', sans-serif;
  color: #2b2b2b;
}
@media screen and (max-width: 767px) {
  html {
    font-size: calc(10px + 13 * (100vw - 320px) / 447);
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  html {
    font-size: calc(10px + 4 * (100vw - 768px) / 255);
  }
}
@media (min-width: 1024px) and (max-width: 1359px) {
  html {
    font-size: calc(8.5px + 1.5 * (100vw - 1024px) / 336);
  }
}
@media (min-width: 1360px) and (max-width: 1680px) {
  html {
    font-size: calc(10px + 2 * (100vw - 1360px) / 320);
  }
}
_:default:not(:root:root),
html {
  -webkit-animation: webkitfix 1s forwards infinite;
          animation: webkitfix 1s forwards infinite;
}
@-webkit-keyframes webkitfix {
  100% {
    z-index: auto;
  }
}
body {
  width: 100%;
  height: 100%;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 32px;
  font-family: "SuisseIntl", "Arial", sans-serif;
  color: #2b2b2b;
  background-color: #ffffff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body.popup__scroll--locked {
  overflow: hidden;
  overflow-scrolling: auto;
  -webkit-overflow-scrolling: auto;
}
body.preloading {
  overflow: hidden;
}
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.page {
  min-height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #fff;
}
.page .page__content {
  color: #2b2b2b;
}
.page__wrapper,
.page__footer {
  width: 100%;
}
.page__content {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-weight: 700;
}
img {
  max-width: 100%;
}
b,
strong {
  font-weight: 700;
}
a {
  color: #2b2b2b;
  text-decoration: none;
}
a.link-underline {
  text-decoration: underline;
}
p {
  margin: 0;
}
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
svg {
  width: 100%;
  height: 100%;
  display: block;
}
button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  background-color: transparent;
}
.visually_hidden:not(.navigation__container) {
  position: absolute !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0);
  height: 1px !important;
  width: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  border: 0 !important;
}
@media screen and (min-width: 1024px) {
  .visually_hidden--desktop {
    position: absolute !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0);
    height: 1px !important;
    width: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    border: 0 !important;
  }
}
@media screen and (max-width: 767px) {
  .visually_hidden--mobile {
    position: absolute !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0);
    height: 1px !important;
    width: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    border: 0 !important;
  }
}
.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.row.ai-c {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.row.ai-b {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.row.jc-sb {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.row.jc-c {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.row.jc-fe {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.row >.col {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  max-width: 100%;
}
.row >.col.no-grow {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}
.row >[class^=col-] {
  position: relative;
  min-height: 1px;
  width: 100%;
}
.row .col-1 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 8.333333333333334%;
          flex: 0 0 8.333333333333334%;
  max-width: 8.333333333333334%;
}
.row .col-2 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 16.666666666666668%;
          flex: 0 0 16.666666666666668%;
  max-width: 16.666666666666668%;
}
.row .col-3 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
  max-width: 25%;
}
.row .col-4 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 33.333333333333336%;
          flex: 0 0 33.333333333333336%;
  max-width: 33.333333333333336%;
}
.row .col-5 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 41.666666666666664%;
          flex: 0 0 41.666666666666664%;
  max-width: 41.666666666666664%;
}
.row .col-6 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  max-width: 50%;
}
.row .col-7 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 58.333333333333336%;
          flex: 0 0 58.333333333333336%;
  max-width: 58.333333333333336%;
}
.row .col-8 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 66.66666666666667%;
          flex: 0 0 66.66666666666667%;
  max-width: 66.66666666666667%;
}
.row .col-9 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 75%;
          flex: 0 0 75%;
  max-width: 75%;
}
.row .col-10 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 83.33333333333333%;
          flex: 0 0 83.33333333333333%;
  max-width: 83.33333333333333%;
}
.row .col-11 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 91.66666666666667%;
          flex: 0 0 91.66666666666667%;
  max-width: 91.66666666666667%;
}
.row .col-12 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}
@media screen and (min-width: 1024px) {
  .row.gut {
    margin: -1.5rem;
  }
  .row.gut >[class^=col] {
    padding: 1.5rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .row.gut {
    margin: -0.8rem;
  }
  .row.gut >[class^=col] {
    padding: 0.8rem;
  }
  .row .col-t-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8.333333333333334%;
            flex: 0 0 8.333333333333334%;
    max-width: 8.333333333333334%;
  }
  .row .col-t-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.666666666666668%;
            flex: 0 0 16.666666666666668%;
    max-width: 16.666666666666668%;
  }
  .row .col-t-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .row .col-t-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333333333336%;
            flex: 0 0 33.333333333333336%;
    max-width: 33.333333333333336%;
  }
  .row .col-t-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41.666666666666664%;
            flex: 0 0 41.666666666666664%;
    max-width: 41.666666666666664%;
  }
  .row .col-t-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .row .col-t-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58.333333333333336%;
            flex: 0 0 58.333333333333336%;
    max-width: 58.333333333333336%;
  }
  .row .col-t-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66666666666667%;
            flex: 0 0 66.66666666666667%;
    max-width: 66.66666666666667%;
  }
  .row .col-t-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
  }
  .row .col-t-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333333333333%;
            flex: 0 0 83.33333333333333%;
    max-width: 83.33333333333333%;
  }
  .row .col-t-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66666666666667%;
            flex: 0 0 91.66666666666667%;
    max-width: 91.66666666666667%;
  }
  .row .col-t-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .row.gut {
    margin: 0;
  }
  .row.gut >[class^=col] + [class^=col] {
    margin-top: 1.5rem;
  }
  .row .col-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .row .col-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .row .col-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .row .col-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .row .col-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .row .col-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .row .col-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .row .col-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .row .col-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .row .col-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .row .col-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .row .col-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}
/* Libraries, which is used in current project. */
/*!
 * OverlayScrollbars
 * https://github.com/KingSora/OverlayScrollbars
 *
 * Version: 1.5.2
 *
 * Copyright KingSora.
 * https://github.com/KingSora
 *
 * Released under the MIT license.
 * Date: 09.09.2018
 */

/*
OVERLAY SCROLLBARS CORE:
*/

html.os-html,
html.os-html > .os-host {
    display: block;
    overflow: hidden;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    height: 100% !important;
    width: 100% !important;
    min-width: 100% !important;
    min-height: 100% !important;
    margin: 0 !important;
    position: absolute !important; /* could be position: fixed; but it causes issues on iOS (-webkit-overflow-scrolling: touch) */
}
html.os-html > .os-host > .os-padding {
    position: absolute; /* could be position: fixed; but it causes issues on iOS (-webkit-overflow-scrolling: touch) */
}
body.os-dragging,
body.os-dragging * {
    cursor: default;
}
.os-host,
.os-host-textarea {
    position: relative;
    overflow: visible !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-line-pack: start;
        align-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}
.os-host-flexbox {
    overflow: hidden !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.os-host-flexbox > .os-padding > .os-viewport > .os-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
#hs-dummy-scrollbar-size {
    position: fixed;
    opacity: 0;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
    visibility: hidden;
    overflow: scroll;
    height: 500px;
    width: 500px;
}
#hs-dummy-scrollbar-size,
.os-viewport {
    -ms-overflow-style: scrollbar !important;
}
.os-viewport-native-scrollbars-invisible#hs-dummy-scrollbar-size::-webkit-scrollbar,
.os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar,
.os-viewport-native-scrollbars-invisible#hs-dummy-scrollbar-size::-webkit-scrollbar-corner,
.os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar-corner {
    display: none !important;
    width: 0px !important;
    height: 0px !important;
    visibility: hidden !important;
    background: transparent !important;
}
.os-content-glue {
    max-height: 100%;
    max-width: 100%;
    width: 100%;
    pointer-events: none;
}
.os-padding {
    direction: inherit;
    position: absolute;
    overflow: visible;
    padding: 0;
    margin: 0;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: auto !important;
    height: auto !important;
    z-index: 1;
}
.os-host-overflow > .os-padding {
    overflow: hidden;
}
.os-viewport {
    direction: inherit !important;
    -webkit-box-sizing: inherit !important;
            box-sizing: inherit !important;
    resize: none !important;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0;
    margin: 0;
    -webkit-overflow-scrolling: touch;
}
.os-content-arrange {
    position: absolute;
    z-index: -1;
    min-height: 1px;
    min-width: 1px;
    pointer-events: none;
}
.os-content {
    direction: inherit;
    -webkit-box-sizing: border-box !important;
            box-sizing: border-box !important;
    position: relative;
    display: block;
    height: 100%;
    width: 100%;
    height: 100%;
    width: 100%;
    visibility: visible;
}
.os-content > .os-textarea {
    direction: inherit !important;
    float: none !important;
    margin: 0 !important;
    max-height: none !important;
    max-width: none !important;
    border: none !important;
    border-radius: 0px !important;
    background: transparent !important;
    outline: 0px none transparent !important;
    overflow: hidden !important;
    resize: none !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    z-index: 1;
    padding: 0px;
}
.os-host-rtl > .os-padding > .os-viewport > .os-content > .os-textarea {
    right: 0 !important;
}
.os-content > .os-textarea-cover {
    z-index: -1;
    pointer-events: none;
}
.os-content > .os-textarea[wrap='off'] {
    white-space: pre !important;
    margin: 0px !important;
}
.os-text-inherit {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    font-style: inherit;
    font-variant: inherit;
    text-transform: inherit;
    text-decoration: inherit;
    text-indent: inherit;
    text-align: inherit;
    text-shadow: inherit;
    text-overflow: inherit;
    letter-spacing: inherit;
    word-spacing: inherit;
    line-height: inherit;
    unicode-bidi: inherit;
    direction: inherit;
    color: inherit;
    cursor: text;
}
.os-resize-observer,
.os-resize-observer-host {
    -webkit-box-sizing: inherit;
            box-sizing: inherit;
    display: block;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
    pointer-events: none;
    z-index: -1;
}
.os-resize-observer-host {
    padding: inherit;
    border: inherit;
    border-color: transparent;
    border-style: solid;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.os-resize-observer-host:after {
    content: '';
}
.os-resize-observer-host > .os-resize-observer,
.os-resize-observer-host:after {
    height: 200%;
    width: 200%;
    padding: inherit;
    border: inherit;
    margin: 0px;
    display: block;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
}
.os-resize-observer.observed,
object.os-resize-observer {
    -webkit-box-sizing: border-box !important;
            box-sizing: border-box !important;
}
.os-size-auto-observer {
    -webkit-box-sizing: inherit !important;
            box-sizing: inherit !important;
    height: 100%;
    width: inherit;
    max-width: 1px;
    position: relative;
    float: left;
    max-height: 1px;
    overflow: hidden;
    z-index: -1;
    padding: 0;
    margin: 0;
    pointer-events: none;
    -webkit-box-flex: inherit;
        -ms-flex-positive: inherit;
            flex-grow: inherit;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
}
.os-size-auto-observer > .os-resize-observer {
    width: 1000%;
    height: 1000%;
    min-height: 1px;
    min-width: 1px;
}
.os-resize-observer-item {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: -1;
    opacity: 0;
    direction: ltr !important;
    -webkit-box-flex: 0 !important;
    -ms-flex: none !important;
    flex: none !important;
}
.os-resize-observer-item-final {
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transition: none !important;
    transition: none !important;
    -webkit-box-flex: 0 !important;
    -ms-flex: none !important;
    flex: none !important;
}
.os-resize-observer {
    -webkit-animation-duration: 0.001s;
    animation-duration: 0.001s;
    -webkit-animation-name: hs-resize-observer-dummy-animation;
    animation-name: hs-resize-observer-dummy-animation;
}

/*
CUSTOM SCROLLBARS AND CORNER CORE:
*/

.os-host-transition > .os-scrollbar,
.os-host-transition > .os-scrollbar-corner {
    -webkit-transition: opacity 0.3s, visibility 0.3s, top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
    transition: opacity 0.3s, visibility 0.3s, top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
}
html.os-html > .os-host > .os-scrollbar {
    position: absolute; /* could be position: fixed; but it causes issues on iOS (-webkit-overflow-scrolling: touch) */
    z-index: 999999; /* highest z-index of the page */
}
.os-scrollbar,
.os-scrollbar-corner {
    position: absolute;
    opacity: 1;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
    z-index: 1;
}
.os-scrollbar-corner {
    bottom: 0;
    right: 0;
}
.os-scrollbar {
    pointer-events: none;
}
.os-scrollbar-track {
    pointer-events: auto;
    position: relative;
    height: 100%;
    width: 100%;
    padding: 0 !important;
    border: none !important;
}
.os-scrollbar-handle {
    pointer-events: auto;
    position: absolute;
    width: 100%;
    height: 100%;
}
.os-scrollbar-handle-off,
.os-scrollbar-track-off {
    pointer-events: none;
}
.os-scrollbar.os-scrollbar-unusable,
.os-scrollbar.os-scrollbar-unusable * {
    pointer-events: none !important;
}
.os-scrollbar.os-scrollbar-unusable .os-scrollbar-handle {
    opacity: 0 !important;
}
.os-scrollbar-horizontal {
    bottom: 0;
    left: 0;
}
.os-scrollbar-vertical {
    top: 0;
    right: 0;
}
.os-host-rtl > .os-scrollbar-horizontal {
    right: 0;
}
.os-host-rtl > .os-scrollbar-vertical {
    right: auto;
    left: 0;
}
.os-host-rtl > .os-scrollbar-corner {
    right: auto;
    left: 0;
}
.os-scrollbar-auto-hidden,
.os-padding + .os-scrollbar-corner,
.os-host-resize-disabled.os-host-scrollbar-horizontal-hidden > .os-scrollbar-corner,
.os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal,
.os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-corner,
.os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical,
.os-scrollbar-horizontal.os-scrollbar-auto-hidden + .os-scrollbar-vertical + .os-scrollbar-corner,
.os-scrollbar-horizontal + .os-scrollbar-vertical.os-scrollbar-auto-hidden + .os-scrollbar-corner,
.os-scrollbar-horizontal.os-scrollbar-auto-hidden + .os-scrollbar-vertical.os-scrollbar-auto-hidden + .os-scrollbar-corner {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}
.os-scrollbar-corner-resize-both {
    cursor: nwse-resize;
}
.os-host-rtl > .os-scrollbar-corner-resize-both {
    cursor: nesw-resize;
}
.os-scrollbar-corner-resize-horizontal {
    cursor: ew-resize;
}
.os-scrollbar-corner-resize-vertical {
    cursor: ns-resize;
}
.os-dragging .os-scrollbar-corner.os-scrollbar-corner-resize {
    cursor: default;
}
.os-host-resize-disabled.os-host-scrollbar-horizontal-hidden > .os-scrollbar-vertical {
    top: 0;
    bottom: 0;
}
.os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-horizontal,
.os-host-rtl.os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-horizontal {
    right: 0;
    left: 0;
}
.os-scrollbar:hover,
.os-scrollbar-corner.os-scrollbar-corner-resize {
    opacity: 1 !important;
    visibility: visible !important;
}
.os-scrollbar-corner.os-scrollbar-corner-resize {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB3aWR0aD0iMTAiICAgaGVpZ2h0PSIxMCIgICB2ZXJzaW9uPSIxLjEiPiAgPGcgICAgIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsLTEwNDIuMzYyMikiICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojMDAwMDAwO2ZpbGwtb3BhY2l0eTowLjQ5NDExNzY1O2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDcuNDI0MjE4NywxMDQyLjM2MjIgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjYgLTEuMzEwMTU2MiwxLjMxMDIgMCwwLjI5OSAwLjEwNDM0MTksMC41NzEgMC4yNzI5NDkyLDAuNzkxNSAwLjIwOTEwMjQsMC4xNDEzIDAuNDY1NjIwNiwwLjIxODQgMC43MzY5NjI5LDAuMjE4NCAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NiAxLjMxMDE1NjMsLTEuMzEwMiAwLC0wLjI3MTMgLTAuMDc3MDkzLC0wLjUyNzggLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0MSwtMC4xNjg2IC0wLjQ5MjU0NDMsLTAuMjcyOSAtMC43OTE1NTI4LC0wLjI3MjkgeiBtIDAsMy4wODQzIGMgLTAuNzIzNTc5MiwwIC0xLjMxMDE1NjIsMC41ODY2IC0xLjMxMDE1NjIsMS4zMTAyIDAsMC4yOTkgMC4xMDQzNDE5LDAuNTcxIDAuMjcyOTQ5MiwwLjc5MTUgMC4yMDkxMDI0LDAuMTQxMyAwLjQ2NTYyMDYsMC4yMTg0IDAuNzM2OTYyOSwwLjIxODQgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjYgMS4zMTAxNTYzLC0xLjMxMDIgMCwtMC4yNzEzIC0wLjA3NzA5MywtMC41Mjc4IC0wLjIxODM1OTQsLTAuNzM2OSAtMC4yMjA0OTQxLC0wLjE2ODYgLTAuNDkyNTQ0MywtMC4yNzMgLTAuNzkxNTUyOCwtMC4yNzMgeiBtIC0zLjA4NDMyNjEsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NiAtMS4zMTAxNTYzLDEuMzEwMiAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MSAwLjI3Mjk0OTIsMC43OTE1IDAuMjA5MTAyNCwwLjE0MTMgMC40NjU2MjA3LDAuMjE4NCAwLjczNjk2MjksMC4yMTg0IDAuNzIzNTc5MywwIDEuMzEwMTU2MywtMC41ODY2IDEuMzEwMTU2MywtMS4zMTAyIDAsLTAuMjcxMyAtMC4wNzcwOTMsLTAuNTI3OCAtMC4yMTgzNTk0LC0wLjczNjkgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzMgLTAuNzkxNTUyNywtMC4yNzMgeiBtIC0zLjAyOTczNjQsMy4wMjk4IEMgMC41ODY1NzY5MywxMDQ4LjQ3NjMgMCwxMDQ5LjA2MjggMCwxMDQ5Ljc4NjQgYyAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyMiwwLjc5MTYgMC4yMDkxMDIyOSwwLjE0MTIgMC40NjU2MjA2NSwwLjIxODMgMC43MzY5NjI4OCwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHogbSAzLjAyOTczNjQsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NSAtMS4zMTAxNTYzLDEuMzEwMSAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyLDAuNzkxNiAwLjIwOTEwMjQsMC4xNDEyIDAuNDY1NjIwNywwLjIxODMgMC43MzY5NjI5LDAuMjE4MyAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NSAxLjMxMDE1NjMsLTEuMzEwMSAwLC0wLjI3MTQgLTAuMDc3MDkzLC0wLjUyNzkgLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzI5IC0wLjc5MTU1MjcsLTAuMjcyOSB6IG0gMy4wODQzMjYxLDAgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjUgLTEuMzEwMTU2MiwxLjMxMDEgMCwwLjI5OSAwLjEwNDM0MTksMC41NzExIDAuMjcyOTQ5MiwwLjc5MTYgMC4yMDkxMDI0LDAuMTQxMiAwLjQ2NTYyMDYsMC4yMTgzIDAuNzM2OTYyOSwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHoiLz4gIDwvZz4gIDxnICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDguMjE1NzcxNSwwLjI3Mjk0OTIyIGMgMC4xNDEyNjY3LDAuMjA5MTAyMjkgMC4yMTgzNTk0LDAuNDY1NjIwNjUgMC4yMTgzNTk0LDAuNzM2OTYyODggMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDc2IC0wLjIwNTUxNzYsLTAuNzk3Nzk2NTkgLTAuNTE4NjAzNSwtMS4wMzcyMDY5OCB6IG0gMCwzLjA4NDMyNjE4IGMgMC4xNDEyNjY3LDAuMjA5MTAyMyAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MiAtMS4zMTAxNTYzLDEuMzEwMTU2MiAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTkzIDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAtMy4wODQzMjYyLDAgYyAwLjE0MTI2NjcsMC4yMDkxMDIzIDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYyIC0xLjMxMDE1NjMsMS4zMTAxNTYyIC0wLjI3MTM0MjIsMCAtMC41Mjc4NjA1LC0wLjA3NzA5MyAtMC43MzY5NjI5LC0wLjIxODM1OTMgMC4yMzk0MTA0LDAuMzEzMDg1OSAwLjYxMjYzNjMsMC41MTg2MDM1IDEuMDM3MjA3MSwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYyLC0wLjU4NjU3NyAxLjMxMDE1NjIsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NSwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogTSAyLjEwMTcwOSw2LjM4NzAxMTcgYyAwLjE0MTI2NjcsMC4yMDkxMDI0IDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYzIC0xLjMxMDE1NjMsMS4zMTAxNTYzIC0wLjI3MTM0MjIzLDAgLTAuNTI3ODYwNTksLTAuMDc3MDkzIC0wLjczNjk2Mjg4LC0wLjIxODM1OTQgMC4yMzk0MTAzOSwwLjMxMzA4NTkgMC42MTI2MzYyMiwwLjUxODYwMzUgMS4wMzcyMDY5OCwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAzLjAyOTczNjMsMCBjIDAuMTQxMjY2NywwLjIwOTEwMjQgMC4yMTgzNTk0LDAuNDY1NjIwNiAwLjIxODM1OTQsMC43MzY5NjI5IDAsMC43MjM1NzkzIC0wLjU4NjU3NywxLjMxMDE1NjMgLTEuMzEwMTU2MywxLjMxMDE1NjMgLTAuMjcxMzQyMiwwIC0wLjUyNzg2MDUsLTAuMDc3MDkzIC0wLjczNjk2MjksLTAuMjE4MzU5NCAwLjIzOTQxMDQsMC4zMTMwODU5IDAuNjEyNjM2MywwLjUxODYwMzUgMS4wMzcyMDcxLDAuNTE4NjAzNSAwLjcyMzU3OTMsMCAxLjMxMDE1NjIsLTAuNTg2NTc3IDEuMzEwMTU2MiwtMS4zMTAxNTYzIDAsLTAuNDI0NTcwOCAtMC4yMDU1MTc1LC0wLjc5Nzc5NjYgLTAuNTE4NjAzNSwtMS4wMzcyMDcgeiBtIDMuMDg0MzI2MiwwIGMgMC4xNDEyNjY3LDAuMjA5MTAyNCAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHoiIC8+ICA8L2c+PC9zdmc+);
    background-repeat: no-repeat;
    background-position: 100% 100%;
    pointer-events: auto !important;
}
.os-host-rtl > .os-scrollbar-corner.os-scrollbar-corner-resize {
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1);
}
.os-host-overflow {
    overflow: hidden !important;
}
.os-host-overflow-x {
}
.os-host-overflow-y {
}
@-webkit-keyframes hs-resize-observer-dummy-animation {
    from {
        z-index: 0;
    }
    to {
        z-index: -1;
    }
}
@keyframes hs-resize-observer-dummy-animation {
    from {
        z-index: 0;
    }
    to {
        z-index: -1;
    }
}

/*
THEMES:
*/

/* NONE THEME: */
.os-theme-none > .os-scrollbar-horizontal,
.os-theme-none > .os-scrollbar-vertical,
.os-theme-none > .os-scrollbar-corner {
    display: none !important;
}
.os-theme-none > .os-scrollbar-corner-resize {
    display: block !important;
    min-width: 10px;
    min-height: 10px;
}
/* DARK & LIGHT THEME: */
.os-theme-dark > .os-scrollbar-horizontal,
.os-theme-light > .os-scrollbar-horizontal {
    right: 10px;
    height: 10px;
}
.os-theme-dark > .os-scrollbar-vertical,
.os-theme-light > .os-scrollbar-vertical {
    bottom: 10px;
    width: 10px;
}
.os-theme-dark.os-host-rtl > .os-scrollbar-horizontal,
.os-theme-light.os-host-rtl > .os-scrollbar-horizontal {
    left: 10px;
    right: 0;
}
.os-theme-dark > .os-scrollbar-corner,
.os-theme-light > .os-scrollbar-corner {
    height: 10px;
    width: 10px;
}
.os-theme-dark > .os-scrollbar-corner,
.os-theme-light > .os-scrollbar-corner {
    background-color: transparent;
}
.os-theme-dark > .os-scrollbar,
.os-theme-light > .os-scrollbar {
    padding: 2px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background: transparent;
}
.os-theme-dark > .os-scrollbar.os-scrollbar-unusable,
.os-theme-light > .os-scrollbar.os-scrollbar-unusable {
    background: transparent;
}
.os-theme-dark > .os-scrollbar > .os-scrollbar-track,
.os-theme-light > .os-scrollbar > .os-scrollbar-track {
    background: transparent;
}
.os-theme-dark > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-light > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle {
    min-width: 30px;
}
.os-theme-dark > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-light > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle {
    min-height: 30px;
}
.os-theme-dark.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-light.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
}
.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-dark > .os-scrollbar > .os-scrollbar-track,
.os-theme-light > .os-scrollbar > .os-scrollbar-track {
    border-radius: 10px;
}
.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
    background: rgba(0, 0, 0, 0.4);
}
.os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
    background: rgba(255, 255, 255, 0.4);
}
.os-theme-dark > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle {
    background: rgba(0, 0, 0, .55);
}
.os-theme-light > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle {
    background: rgba(255, 255, 255, .55);
}
.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active {
    background: rgba(0, 0, 0, .7);
}
.os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active {
    background: rgba(255, 255, 255, .7);
}
.os-theme-dark > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-dark > .os-scrollbar-vertical .os-scrollbar-handle:before,
.os-theme-light > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-light > .os-scrollbar-vertical .os-scrollbar-handle:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: block;
}
.os-theme-dark.os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-dark.os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical .os-scrollbar-handle:before,
.os-theme-light.os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-light.os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical .os-scrollbar-handle:before {
    display: none;
}
.os-theme-dark > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-light > .os-scrollbar-horizontal .os-scrollbar-handle:before {
    top: -6px;
    bottom: -2px;
}
.os-theme-dark > .os-scrollbar-vertical .os-scrollbar-handle:before,
.os-theme-light > .os-scrollbar-vertical .os-scrollbar-handle:before {
    left: -6px;
    right: -2px;
}
.os-host-rtl.os-theme-dark > .os-scrollbar-vertical .os-scrollbar-handle:before,
.os-host-rtl.os-theme-light > .os-scrollbar-vertical .os-scrollbar-handle:before {
    right: -6px;
    left: -2px;
}

.os-content {
  padding-right: 2rem !important;
}
.os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-horizontal {
  z-index: 3;
}
.os-theme-dark > .os-scrollbar,
.os-theme-light > .os-scrollbar {
  padding: 0;
  width: 0.8rem;
}
.os-theme-dark > .os-scrollbar-horizontal,
.os-theme-light > .os-scrollbar-horizontal {
  height: 1rem;
  padding: 0.5rem 0 0;
}
.os-theme-dark.mobile > .os-scrollbar-horizontal {
  height: 0.6rem;
}
.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
  background: #b80000;
  opacity: 1;
}
.os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
  background: #d8d8d8;
  opacity: 1;
}
.os-theme-dark > .os-scrollbar {
  background-color: #2b2b2b;
}
.os-theme-light > .os-scrollbar {
  background-color: #f7f7f7;
}
.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-dark > .os-scrollbar > .os-scrollbar-track,
.os-theme-light > .os-scrollbar > .os-scrollbar-track {
  border-radius: 0 !important;
}
.os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
  width: 100%;
}
.os-theme-light > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle {
  background: #d8d8d8;
}
/* Plugins, which is used in current project. */
/* Components, which is used in current project. */
.page--dark .preloader {
  background: #000;
}
.page--dark .preloader__logo:after,
.page--dark .preloader__logo:before {
  border-color: #b80000;
}
.preloader {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  z-index: 9999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.preloader__container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.preloader__logo {
  width: 100px;
  height: 100px;
  position: relative;
  color: #eb006e;
}
.preloader .cubes {
  display: block;
  width: 100%;
  height: 50px;
}
.page.page--contents {
  background-color: #fff;
  color: #000;
}
.page.page--contents a {
  color: #000;
}
.debug-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  z-index: 1000000;
  display: none;
}
.debug-wrapper .debug-service {
  position: absolute;
  top: 0;
  right: 0;
  padding: 2rem;
  background: rgba(0,0,0,0.5);
  font-size: 1.2rem;
}
.debug-wrapper .debug-service a {
  color: #fff;
  text-decoration: underline;
}
.is-debug .debug-wrapper {
  display: block;
}
#debug {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
#debug .debug-container {
  padding-top: 0;
  padding-bottom: 0;
  -webkit-box-shadow: -10rem 0 0 0 rgba(0,255,255,0.2), 10rem 0 0 0 rgba(0,255,255,0.2);
          box-shadow: -10rem 0 0 0 rgba(0,255,255,0.2), 10rem 0 0 0 rgba(0,255,255,0.2);
}
#debug .debug-content {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-auto-rows: minmax(100%, auto);
  grid-column-gap: 3rem;
  width: 100%;
  height: 100%;
  background: transparent;
  padding: 0;
}
#debug .debug-content div {
  outline: 1px solid #0dd;
  margin: 0;
  background-color: rgba(200,200,200,0.5);
}
@media screen and (max-width: 767px) {
  #debug .debug-content {
    grid-template-columns: repeat(4, 1fr);
  }
  #debug .debug-content div:nth-child(5),
  #debug .debug-content div:nth-child(6),
  #debug .debug-content div:nth-child(7),
  #debug .debug-content div:nth-child(8),
  #debug .debug-content div:nth-child(9),
  #debug .debug-content div:nth-child(10),
  #debug .debug-content div:nth-child(11),
  #debug .debug-content div:nth-child(12) {
    display: none;
  }
}
.is-debug-outline * {
  outline: 1px dotted rgba(255,0,0,0.5);
}
.is-debug-outline * * {
  outline: 1px dotted rgba(0,128,0,0.5);
}
.is-debug-outline * * * {
  outline: 1px dotted rgba(255,165,0,0.5);
}
.is-debug-outline * * * * {
  outline: 1px dotted rgba(0,0,255,0.5);
}
.is-debug-outline * * * * * {
  outline: 1px solid rgba(255,0,0,0.5);
}
.is-debug-outline * * * * * * {
  outline: 1px solid rgba(0,128,0,0.5);
}
.is-debug-outline * * * * * * * {
  outline: 1px solid rgba(255,165,0,0.5);
}
.is-debug-outline * * * * * * * * {
  outline: 1px solid rgba(0,0,255,0.5);
}
.is-debug-outline * * * * * * * * * {
  outline: 1px solid rgba(240,248,255,0.5);
}
.is-debug-outline * * * * * * * * * * {
  outline: 1px solid rgba(250,235,215,0.5);
}
.is-debug-outline * * * * * * * * * * * {
  outline: 1px solid rgba(0,255,255,0.5);
}
.is-debug-outline * * * * * * * * * * * * {
  outline: 1px solid rgba(127,255,212,0.5);
}
.is-debug-outline * * * * * * * * * * * * * {
  outline: 1px solid rgba(138,43,226,0.5);
}
.is-debug-outline * * * * * * * * * * * * * * {
  outline: 1px solid rgba(165,42,42,0.5);
}
.is-debug-outline * * * * * * * * * * * * * * * {
  outline: 1px solid rgba(222,184,135,0.5);
}
.is-debug-outline * * * * * * * * * * * * * * * * {
  outline: 1px solid rgba(95,158,160,0.5);
}
.table-of-contents .contents-wrapper {
  width: 100%;
  margin-top: 2rem;
}
.table-of-contents .contents-wrapper h2 {
  font-size: 3rem;
  margin: 3rem 0;
}
.table-of-contents .contents-wrapper .contents-row {
  display: grid;
  grid-template-columns: 4rem 1fr 15rem 10rem;
  grid-auto-rows: 5rem;
  grid-column-gap: 0rem;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
.table-of-contents .contents-wrapper .contents-row .contents-col {
  text-align: left;
  padding: 1rem;
  font-size: 2rem;
  border-top: 1px solid #ccc;
}
.table-of-contents .contents-wrapper .contents-row .contents-col.done,
.table-of-contents .contents-wrapper .contents-row .contents-col.wait,
.table-of-contents .contents-wrapper .contents-row .contents-col.wip {
  border-left: 1px solid #ccc;
}
.table-of-contents .contents-wrapper .contents-row a {
  text-decoration: underline;
}
.table-of-contents .legend {
  margin-top: 1rem;
}
.table-of-contents .legend .status {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 100%;
}
.table-of-contents .legend .status div {
  font-size: 1.8rem;
  border: 1px solid #ccc;
  padding: 1rem;
}
.table-of-contents .done {
  background: #64ffda;
}
.table-of-contents .wip {
  background: #ffff8d;
}
.ui h1 {
  margin-bottom: 5rem;
}
.ui h2 {
  margin-top: 4rem;
  margin-bottom: 2rem;
  padding-bottom: 2rem;
  border-bottom: 1px solid rgba(0,0,0,0.3);
}
.ui h3 {
  margin: 2rem 0 2rem 0rem;
}
.ui h4 {
  margin: 2rem 0 2rem 0rem;
}
.ui .descr {
  font-size: 1.4rem;
  color: #ccc;
  padding: 1rem 0 2rem;
}
.ui .descr p {
  font-size: 1.2rem;
}
.ui .descr p + p {
  margin-top: 0.5rem;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  #debug .debug-content {
    grid-column-gap: 1.6rem;
  }
}
@media screen and (max-width: 767px) {
  .table-of-contents .contents-wrapper .contents-row {
    grid-template-columns: 2rem 1fr 10rem 5rem;
    grid-auto-rows: auto;
  }
  .table-of-contents .contents-wrapper .contents-row .contents-col {
    font-size: 1.6rem;
  }
  .table-of-contents .legend .status {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
svg {
  width: 100%;
  height: 100%;
  display: block;
}
.color {
  display: inline-block;
  width: 9rem;
  height: 9rem;
  border-radius: 50%;
  line-height: 2.5rem;
  text-align: center;
  font-weight: 600;
  padding-top: 2rem;
  color: #fff;
}
@media screen and (min-width: 1024px) {
  .color + .color {
    margin-left: 3rem;
  }
}
@media screen and (max-width: 767px) {
  .color {
    display: inline-block;
    width: 8rem;
    height: 8rem;
    margin: 0 2rem 2rem 0;
  }
}
.popup {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: auto;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: all 200ms ease-out;
  transition: all 200ms ease-out;
  pointer-events: none;
  overflow-scrolling: touch;
  -webkit-overflow-scrolling: touch;
}
.popup.popup--show {
  opacity: 1;
  pointer-events: auto;
}
.popup-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 5;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.6);
}
.popup-content {
  width: 98rem;
  height: 100%;
  margin: auto;
  z-index: 6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.popup-hide {
  position: absolute;
  top: 0;
  right: 0;
  width: 6rem;
  height: 6rem;
  padding: 2rem;
  z-index: 10001;
}
.popup-hide button {
  display: block;
  width: inherit;
  height: inherit;
  background: transparent;
  padding: 0;
  margin: 0;
  border: none;
  color: #2b2b2b;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  width: 2rem;
  height: 2rem;
}
.popup-hide button:focus {
  outline: 0;
}
.popup-hide button:hover {
  color: #2b2b2b;
}
.popup-present {
  padding: 6rem 0;
  background: #fff;
  position: relative;
  z-index: 10;
  -webkit-transition: -webkit-transform 300ms ease-in;
  transition: -webkit-transform 300ms ease-in;
  transition: transform 300ms ease-in;
  transition: transform 300ms ease-in, -webkit-transform 300ms ease-in;
  will-change: transform;
}
.popup-present:focus {
  outline: 0;
}
.popup-present > form {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
}
.popup-present.popup-present--show {
  -webkit-transition: -webkit-transform 300ms ease-out;
  transition: -webkit-transform 300ms ease-out;
  transition: transform 300ms ease-out;
  transition: transform 300ms ease-out, -webkit-transform 300ms ease-out;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
body.popup-scroll--locked {
  position: fixed;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .popup-present {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .popup {
    padding: 0;
  }
  .popup-content {
    width: 100%;
    margin: auto;
  }
  .popup-present .container {
    padding-top: 0;
    padding-bottom: 0;
  }
}
.navigation {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 102;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  pointer-events: none;
  overflow-scrolling: auto;
  -webkit-overflow-scrolling: auto;
}
.navigation.navigation--show .navigation__container {
  pointer-events: auto;
}
.navigation__container {
  width: 100%;
  height: 100%;
  margin-top: 6.5rem;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
  will-change: transform;
  position: relative;
}
.navigation__container.visually_hidden {
  opacity: 0;
}
.navigation__container.navigation__container--show {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  opacity: 1;
}
.navigation__flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.navigation__content {
  margin: 0;
  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-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  height: calc(100vh - 6.5rem);
  width: 100%;
  background: #fff;
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  position: relative;
  overflow-y: auto;
  overflow-x: hidden;
}
.navigation__content.portfolio {
  margin: 0;
}
.navigation__content.active {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.navigation__content.subcontent {
  position: absolute;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.navigation__content.subcontent .navigation__list a:first-child {
  border: none;
}
.navigation__content.subcontent.active {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.navigation__header {
  cursor: pointer;
  height: 6.5rem;
  background: #f7f7f7;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 2rem;
  font-size: 1.6rem;
  line-height: 3rem;
}
.navigation__header button.back {
  margin: 0.25rem 1.2rem 0 0;
  outline: none;
}
.navigation__header button.back svg {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.navigation__list,
.navigation__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: 0 2rem;
}
.navigation__list a,
.navigation__footer a,
.navigation__list button,
.navigation__footer button {
  font-size: 1.6rem;
  line-height: 3rem;
  padding: 1rem 0;
  outline: none;
  text-align: left;
}
.navigation__list a{
  padding: 0;
  line-height: 5rem;
}
.navigation__list > li {
  border-top: 1px solid rgba(43,43,43,0.1);
}
.navigation__list .submenu {
  display: none;
}
.navigation__list a.branch {
  display: block;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.navigation__list a.icon-arrow{
  height: 100%;
  width: 60px;
}
.navigation__list a.icon-arrow:after,
.navigation__list a.icon-arrow:before{
  top: 50%;
}

.navigation__list a.branch,
.navigation__footer a.branch,
.navigation__list button.branch,
.navigation__footer button.branch {
  font-weight: 700;
}
.navigation__list a.submenu,
.navigation__footer a.submenu,
.navigation__list button.submenu,
.navigation__footer button.submenu {
  position: relative;
}
.navigation__list a.submenu:before,
.navigation__footer a.submenu:before,
.navigation__list button.submenu:before,
.navigation__footer button.submenu:before {
  position: absolute;
  background: url("/static/img/minified-svg/icon-arrow-small.svg") no-repeat center center/100%;
  color: #eb006e;
  top: 0;
  bottom: 0;
  margin: auto 0;
  right: 0;
  display: block;
  width: 1rem;
  height: 1.6rem;
  content: '';
}
.navigation__list a:active,
.navigation__footer a:active,
.navigation__list button:active,
.navigation__footer button:active,
.navigation__list a:focus,
.navigation__footer a:focus,
.navigation__list button:focus,
.navigation__footer button:focus,
.navigation__list a.active,
.navigation__footer a.active,
.navigation__list button.active,
.navigation__footer button.active {
  color: #eb006e;
}
.navigation__footer {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  background: #f7f7f7;
}
.navigation__footer a:first-child {
  border: none;
}
@media screen and (min-width: 1024px) {
  .navigation {
    display: none;
  }
}
/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
  padding: 15px 15px;
  display: inline-block;
  cursor: pointer;
  -webkit-transition-property: opacity, -webkit-filter;
  transition-property: opacity, -webkit-filter;
  transition-property: opacity, filter;
  transition-property: opacity, filter, -webkit-filter;
  -webkit-transition-duration: 0.15s;
          transition-duration: 0.15s;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible; }
  .hamburger:hover {
    opacity: 0.7; }

.hamburger-box {
  width: 40px;
  height: 24px;
  display: inline-block;
  position: relative; }

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px; }
  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 40px;
    height: 4px;
    background-color: #000;
    border-radius: 4px;
    position: absolute;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: 0.15s;
            transition-duration: 0.15s;
    -webkit-transition-timing-function: ease;
            transition-timing-function: ease; }
  .hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block; }
  .hamburger-inner::before {
    top: -10px; }
  .hamburger-inner::after {
    bottom: -10px; }

/*
   * 3DX
   */
.hamburger--3dx .hamburger-box {
  -webkit-perspective: 80px;
          perspective: 80px; }

.hamburger--3dx .hamburger-inner {
  -webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dx .hamburger-inner::before, .hamburger--3dx .hamburger-inner::after {
    -webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dx.is-active .hamburger-inner {
  background-color: transparent;
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg); }
  .hamburger--3dx.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
            transform: translate3d(0, 10px, 0) rotate(45deg); }
  .hamburger--3dx.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
            transform: translate3d(0, -10px, 0) rotate(-45deg); }

/*
   * 3DX Reverse
   */
.hamburger--3dx-r .hamburger-box {
  -webkit-perspective: 80px;
          perspective: 80px; }

.hamburger--3dx-r .hamburger-inner {
  -webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dx-r .hamburger-inner::before, .hamburger--3dx-r .hamburger-inner::after {
    -webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dx-r.is-active .hamburger-inner {
  background-color: transparent;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg); }
  .hamburger--3dx-r.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
            transform: translate3d(0, 10px, 0) rotate(45deg); }
  .hamburger--3dx-r.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
            transform: translate3d(0, -10px, 0) rotate(-45deg); }

/*
   * 3DY
   */
.hamburger--3dy .hamburger-box {
  -webkit-perspective: 80px;
          perspective: 80px; }

.hamburger--3dy .hamburger-inner {
  -webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dy .hamburger-inner::before, .hamburger--3dy .hamburger-inner::after {
    -webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dy.is-active .hamburger-inner {
  background-color: transparent;
  -webkit-transform: rotateX(-180deg);
          transform: rotateX(-180deg); }
  .hamburger--3dy.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
            transform: translate3d(0, 10px, 0) rotate(45deg); }
  .hamburger--3dy.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
            transform: translate3d(0, -10px, 0) rotate(-45deg); }

/*
   * 3DY Reverse
   */
.hamburger--3dy-r .hamburger-box {
  -webkit-perspective: 80px;
          perspective: 80px; }

.hamburger--3dy-r .hamburger-inner {
  -webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dy-r .hamburger-inner::before, .hamburger--3dy-r .hamburger-inner::after {
    -webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dy-r.is-active .hamburger-inner {
  background-color: transparent;
  -webkit-transform: rotateX(180deg);
          transform: rotateX(180deg); }
  .hamburger--3dy-r.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
            transform: translate3d(0, 10px, 0) rotate(45deg); }
  .hamburger--3dy-r.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
            transform: translate3d(0, -10px, 0) rotate(-45deg); }

/*
   * 3DXY
   */
.hamburger--3dxy .hamburger-box {
  -webkit-perspective: 80px;
          perspective: 80px; }

.hamburger--3dxy .hamburger-inner {
  -webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dxy .hamburger-inner::before, .hamburger--3dxy .hamburger-inner::after {
    -webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dxy.is-active .hamburger-inner {
  background-color: transparent;
  -webkit-transform: rotateX(180deg) rotateY(180deg);
          transform: rotateX(180deg) rotateY(180deg); }
  .hamburger--3dxy.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
            transform: translate3d(0, 10px, 0) rotate(45deg); }
  .hamburger--3dxy.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
            transform: translate3d(0, -10px, 0) rotate(-45deg); }

/*
   * 3DXY Reverse
   */
.hamburger--3dxy-r .hamburger-box {
  -webkit-perspective: 80px;
          perspective: 80px; }

.hamburger--3dxy-r .hamburger-inner {
  -webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dxy-r .hamburger-inner::before, .hamburger--3dxy-r .hamburger-inner::after {
    -webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dxy-r.is-active .hamburger-inner {
  background-color: transparent;
  -webkit-transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg);
          transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg); }
  .hamburger--3dxy-r.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
            transform: translate3d(0, 10px, 0) rotate(45deg); }
  .hamburger--3dxy-r.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
            transform: translate3d(0, -10px, 0) rotate(-45deg); }

/*
   * Arrow
   */
.hamburger--arrow.is-active .hamburger-inner::before {
  -webkit-transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
          transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1); }

.hamburger--arrow.is-active .hamburger-inner::after {
  -webkit-transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
          transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1); }

/*
   * Arrow Right
   */
.hamburger--arrow-r.is-active .hamburger-inner::before {
  -webkit-transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
          transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1); }

.hamburger--arrow-r.is-active .hamburger-inner::after {
  -webkit-transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
          transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1); }

/*
   * Arrow Alt
   */
.hamburger--arrowalt .hamburger-inner::before {
  -webkit-transition: top 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: top 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }

.hamburger--arrowalt .hamburger-inner::after {
  -webkit-transition: bottom 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: bottom 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }

.hamburger--arrowalt.is-active .hamburger-inner::before {
  top: 0;
  -webkit-transform: translate3d(-8px, -10px, 0) rotate(-45deg) scale(0.7, 1);
          transform: translate3d(-8px, -10px, 0) rotate(-45deg) scale(0.7, 1);
  -webkit-transition: top 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: top 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }

.hamburger--arrowalt.is-active .hamburger-inner::after {
  bottom: 0;
  -webkit-transform: translate3d(-8px, 10px, 0) rotate(45deg) scale(0.7, 1);
          transform: translate3d(-8px, 10px, 0) rotate(45deg) scale(0.7, 1);
  -webkit-transition: bottom 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: bottom 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }

/*
   * Arrow Alt Right
   */
.hamburger--arrowalt-r .hamburger-inner::before {
  -webkit-transition: top 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: top 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }

.hamburger--arrowalt-r .hamburger-inner::after {
  -webkit-transition: bottom 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: bottom 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }

.hamburger--arrowalt-r.is-active .hamburger-inner::before {
  top: 0;
  -webkit-transform: translate3d(8px, -10px, 0) rotate(45deg) scale(0.7, 1);
          transform: translate3d(8px, -10px, 0) rotate(45deg) scale(0.7, 1);
  -webkit-transition: top 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: top 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }

.hamburger--arrowalt-r.is-active .hamburger-inner::after {
  bottom: 0;
  -webkit-transform: translate3d(8px, 10px, 0) rotate(-45deg) scale(0.7, 1);
          transform: translate3d(8px, 10px, 0) rotate(-45deg) scale(0.7, 1);
  -webkit-transition: bottom 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: bottom 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }

/*
 * Arrow Turn
 */
.hamburger--arrowturn.is-active .hamburger-inner {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg); }
  .hamburger--arrowturn.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
            transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1); }
  .hamburger--arrowturn.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
            transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1); }

/*
 * Arrow Turn Right
 */
.hamburger--arrowturn-r.is-active .hamburger-inner {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg); }
  .hamburger--arrowturn-r.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
            transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1); }
  .hamburger--arrowturn-r.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
            transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1); }

/*
   * Boring
   */
.hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner::before, .hamburger--boring .hamburger-inner::after {
  -webkit-transition-property: none;
  transition-property: none; }

.hamburger--boring.is-active .hamburger-inner {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg); }
  .hamburger--boring.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0; }
  .hamburger--boring.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg); }

/*
   * Collapse
   */
.hamburger--collapse .hamburger-inner {
  top: auto;
  bottom: 0;
  -webkit-transition-duration: 0.13s;
          transition-duration: 0.13s;
  -webkit-transition-delay: 0.13s;
          transition-delay: 0.13s;
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
          transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--collapse .hamburger-inner::after {
    top: -20px;
    -webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; }
  .hamburger--collapse .hamburger-inner::before {
    -webkit-transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--collapse.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
          transform: translate3d(0, -10px, 0) rotate(-45deg);
  -webkit-transition-delay: 0.22s;
          transition-delay: 0.22s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--collapse.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    -webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; }
  .hamburger--collapse.is-active .hamburger-inner::before {
    top: 0;
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
    -webkit-transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Collapse Reverse
   */
.hamburger--collapse-r .hamburger-inner {
  top: auto;
  bottom: 0;
  -webkit-transition-duration: 0.13s;
          transition-duration: 0.13s;
  -webkit-transition-delay: 0.13s;
          transition-delay: 0.13s;
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
          transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--collapse-r .hamburger-inner::after {
    top: -20px;
    -webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; }
  .hamburger--collapse-r .hamburger-inner::before {
    -webkit-transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--collapse-r.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, -10px, 0) rotate(45deg);
          transform: translate3d(0, -10px, 0) rotate(45deg);
  -webkit-transition-delay: 0.22s;
          transition-delay: 0.22s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--collapse-r.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    -webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; }
  .hamburger--collapse-r.is-active .hamburger-inner::before {
    top: 0;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    -webkit-transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Elastic
   */
.hamburger--elastic .hamburger-inner {
  top: 2px;
  -webkit-transition-duration: 0.275s;
          transition-duration: 0.275s;
  -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
          transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }
  .hamburger--elastic .hamburger-inner::before {
    top: 10px;
    -webkit-transition: opacity 0.125s 0.275s ease;
    transition: opacity 0.125s 0.275s ease; }
  .hamburger--elastic .hamburger-inner::after {
    top: 20px;
    -webkit-transition: -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55), -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); }

.hamburger--elastic.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, 10px, 0) rotate(135deg);
          transform: translate3d(0, 10px, 0) rotate(135deg);
  -webkit-transition-delay: 0.075s;
          transition-delay: 0.075s; }
  .hamburger--elastic.is-active .hamburger-inner::before {
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
    opacity: 0; }
  .hamburger--elastic.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -20px, 0) rotate(-270deg);
            transform: translate3d(0, -20px, 0) rotate(-270deg);
    -webkit-transition-delay: 0.075s;
            transition-delay: 0.075s; }

/*
   * Elastic Reverse
   */
.hamburger--elastic-r .hamburger-inner {
  top: 2px;
  -webkit-transition-duration: 0.275s;
          transition-duration: 0.275s;
  -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
          transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }
  .hamburger--elastic-r .hamburger-inner::before {
    top: 10px;
    -webkit-transition: opacity 0.125s 0.275s ease;
    transition: opacity 0.125s 0.275s ease; }
  .hamburger--elastic-r .hamburger-inner::after {
    top: 20px;
    -webkit-transition: -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55), -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); }

.hamburger--elastic-r.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, 10px, 0) rotate(-135deg);
          transform: translate3d(0, 10px, 0) rotate(-135deg);
  -webkit-transition-delay: 0.075s;
          transition-delay: 0.075s; }
  .hamburger--elastic-r.is-active .hamburger-inner::before {
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
    opacity: 0; }
  .hamburger--elastic-r.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -20px, 0) rotate(270deg);
            transform: translate3d(0, -20px, 0) rotate(270deg);
    -webkit-transition-delay: 0.075s;
            transition-delay: 0.075s; }

/*
   * Emphatic
   */
.hamburger--emphatic {
  overflow: hidden; }
  .hamburger--emphatic .hamburger-inner {
    -webkit-transition: background-color 0.125s 0.175s ease-in;
    transition: background-color 0.125s 0.175s ease-in; }
    .hamburger--emphatic .hamburger-inner::before {
      left: 0;
      -webkit-transition: top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
      transition: top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
      transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in;
      transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335); }
    .hamburger--emphatic .hamburger-inner::after {
      top: 10px;
      right: 0;
      -webkit-transition: top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
      transition: top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
      transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in;
      transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335); }
  .hamburger--emphatic.is-active .hamburger-inner {
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
    -webkit-transition-timing-function: ease-out;
            transition-timing-function: ease-out;
    background-color: transparent; }
    .hamburger--emphatic.is-active .hamburger-inner::before {
      left: -80px;
      top: -80px;
      -webkit-transform: translate3d(80px, 80px, 0) rotate(45deg);
              transform: translate3d(80px, 80px, 0) rotate(45deg);
      -webkit-transition: left 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
      transition: left 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
      transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
      transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }
    .hamburger--emphatic.is-active .hamburger-inner::after {
      right: -80px;
      top: -80px;
      -webkit-transform: translate3d(-80px, 80px, 0) rotate(-45deg);
              transform: translate3d(-80px, 80px, 0) rotate(-45deg);
      -webkit-transition: right 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
      transition: right 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
      transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
      transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }

/*
   * Emphatic Reverse
   */
.hamburger--emphatic-r {
  overflow: hidden; }
  .hamburger--emphatic-r .hamburger-inner {
    -webkit-transition: background-color 0.125s 0.175s ease-in;
    transition: background-color 0.125s 0.175s ease-in; }
    .hamburger--emphatic-r .hamburger-inner::before {
      left: 0;
      -webkit-transition: top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
      transition: top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
      transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in;
      transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335); }
    .hamburger--emphatic-r .hamburger-inner::after {
      top: 10px;
      right: 0;
      -webkit-transition: top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
      transition: top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
      transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in;
      transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335); }
  .hamburger--emphatic-r.is-active .hamburger-inner {
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
    -webkit-transition-timing-function: ease-out;
            transition-timing-function: ease-out;
    background-color: transparent; }
    .hamburger--emphatic-r.is-active .hamburger-inner::before {
      left: -80px;
      top: 80px;
      -webkit-transform: translate3d(80px, -80px, 0) rotate(-45deg);
              transform: translate3d(80px, -80px, 0) rotate(-45deg);
      -webkit-transition: left 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
      transition: left 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
      transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
      transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }
    .hamburger--emphatic-r.is-active .hamburger-inner::after {
      right: -80px;
      top: 80px;
      -webkit-transform: translate3d(-80px, -80px, 0) rotate(45deg);
              transform: translate3d(-80px, -80px, 0) rotate(45deg);
      -webkit-transition: right 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
      transition: right 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
      transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
      transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }

/*
   * Minus
   */
.hamburger--minus .hamburger-inner::before, .hamburger--minus .hamburger-inner::after {
  -webkit-transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear;
  transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear; }

.hamburger--minus.is-active .hamburger-inner::before, .hamburger--minus.is-active .hamburger-inner::after {
  opacity: 0;
  -webkit-transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear;
  transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear; }

.hamburger--minus.is-active .hamburger-inner::before {
  top: 0; }

.hamburger--minus.is-active .hamburger-inner::after {
  bottom: 0; }

/*
   * Slider
   */
.hamburger--slider .hamburger-inner {
  top: 2px; }
  .hamburger--slider .hamburger-inner::before {
    top: 10px;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-transition-timing-function: ease;
            transition-timing-function: ease;
    -webkit-transition-duration: 0.15s;
            transition-duration: 0.15s; }
  .hamburger--slider .hamburger-inner::after {
    top: 20px; }

.hamburger--slider.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
          transform: translate3d(0, 10px, 0) rotate(45deg); }
  .hamburger--slider.is-active .hamburger-inner::before {
    -webkit-transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
            transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
    opacity: 0; }
  .hamburger--slider.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -20px, 0) rotate(-90deg);
            transform: translate3d(0, -20px, 0) rotate(-90deg); }

/*
   * Slider Reverse
   */
.hamburger--slider-r .hamburger-inner {
  top: 2px; }
  .hamburger--slider-r .hamburger-inner::before {
    top: 10px;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-transition-timing-function: ease;
            transition-timing-function: ease;
    -webkit-transition-duration: 0.15s;
            transition-duration: 0.15s; }
  .hamburger--slider-r .hamburger-inner::after {
    top: 20px; }

.hamburger--slider-r.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, 10px, 0) rotate(-45deg);
          transform: translate3d(0, 10px, 0) rotate(-45deg); }
  .hamburger--slider-r.is-active .hamburger-inner::before {
    -webkit-transform: rotate(45deg) translate3d(5.71429px, -6px, 0);
            transform: rotate(45deg) translate3d(5.71429px, -6px, 0);
    opacity: 0; }
  .hamburger--slider-r.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -20px, 0) rotate(90deg);
            transform: translate3d(0, -20px, 0) rotate(90deg); }

/*
   * Spin
   */
.hamburger--spin .hamburger-inner {
  -webkit-transition-duration: 0.22s;
          transition-duration: 0.22s;
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
          transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--spin .hamburger-inner::before {
    -webkit-transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
    transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }
  .hamburger--spin .hamburger-inner::after {
    -webkit-transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spin.is-active .hamburger-inner {
  -webkit-transform: rotate(225deg);
          transform: rotate(225deg);
  -webkit-transition-delay: 0.12s;
          transition-delay: 0.12s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--spin.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    -webkit-transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
    transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }
  .hamburger--spin.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
    -webkit-transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Spin Reverse
   */
.hamburger--spin-r .hamburger-inner {
  -webkit-transition-duration: 0.22s;
          transition-duration: 0.22s;
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
          transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--spin-r .hamburger-inner::before {
    -webkit-transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
    transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }
  .hamburger--spin-r .hamburger-inner::after {
    -webkit-transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spin-r.is-active .hamburger-inner {
  -webkit-transform: rotate(-225deg);
          transform: rotate(-225deg);
  -webkit-transition-delay: 0.12s;
          transition-delay: 0.12s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--spin-r.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    -webkit-transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
    transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }
  .hamburger--spin-r.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    -webkit-transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Spring
   */
.hamburger--spring .hamburger-inner {
  top: 2px;
  -webkit-transition: background-color 0s 0.13s linear;
  transition: background-color 0s 0.13s linear; }
  .hamburger--spring .hamburger-inner::before {
    top: 10px;
    -webkit-transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--spring .hamburger-inner::after {
    top: 20px;
    -webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spring.is-active .hamburger-inner {
  -webkit-transition-delay: 0.22s;
          transition-delay: 0.22s;
  background-color: transparent; }
  .hamburger--spring.is-active .hamburger-inner::before {
    top: 0;
    -webkit-transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
            transform: translate3d(0, 10px, 0) rotate(45deg); }
  .hamburger--spring.is-active .hamburger-inner::after {
    top: 0;
    -webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 10px, 0) rotate(-45deg);
            transform: translate3d(0, 10px, 0) rotate(-45deg); }

/*
   * Spring Reverse
   */
.hamburger--spring-r .hamburger-inner {
  top: auto;
  bottom: 0;
  -webkit-transition-duration: 0.13s;
          transition-duration: 0.13s;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
          transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--spring-r .hamburger-inner::after {
    top: -20px;
    -webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear; }
  .hamburger--spring-r .hamburger-inner::before {
    -webkit-transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spring-r.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
          transform: translate3d(0, -10px, 0) rotate(-45deg);
  -webkit-transition-delay: 0.22s;
          transition-delay: 0.22s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--spring-r.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    -webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear; }
  .hamburger--spring-r.is-active .hamburger-inner::before {
    top: 0;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    -webkit-transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Stand
   */
.hamburger--stand .hamburger-inner {
  -webkit-transition: background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear;
  transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--stand .hamburger-inner::before {
    -webkit-transition: top 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--stand .hamburger-inner::after {
    -webkit-transition: bottom 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--stand.is-active .hamburger-inner {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  background-color: transparent;
  -webkit-transition: background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear;
  transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--stand.is-active .hamburger-inner::before {
    top: 0;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    -webkit-transition: top 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--stand.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-transition: bottom 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Stand Reverse
   */
.hamburger--stand-r .hamburger-inner {
  -webkit-transition: background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear;
  transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--stand-r .hamburger-inner::before {
    -webkit-transition: top 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--stand-r .hamburger-inner::after {
    -webkit-transition: bottom 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--stand-r.is-active .hamburger-inner {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  background-color: transparent;
  -webkit-transition: background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear;
  transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--stand-r.is-active .hamburger-inner::before {
    top: 0;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    -webkit-transition: top 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--stand-r.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-transition: bottom 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Squeeze
   */
.hamburger--squeeze .hamburger-inner {
  -webkit-transition-duration: 0.075s;
          transition-duration: 0.075s;
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
          transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--squeeze .hamburger-inner::before {
    -webkit-transition: top 0.075s 0.12s ease, opacity 0.075s ease;
    transition: top 0.075s 0.12s ease, opacity 0.075s ease; }
  .hamburger--squeeze .hamburger-inner::after {
    -webkit-transition: bottom 0.075s 0.12s ease, -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.075s 0.12s ease, -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--squeeze.is-active .hamburger-inner {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transition-delay: 0.12s;
          transition-delay: 0.12s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--squeeze.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    -webkit-transition: top 0.075s ease, opacity 0.075s 0.12s ease;
    transition: top 0.075s ease, opacity 0.075s 0.12s ease; }
  .hamburger--squeeze.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
    -webkit-transition: bottom 0.075s ease, -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.075s ease, -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Vortex
   */
.hamburger--vortex .hamburger-inner {
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
          transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
  .hamburger--vortex .hamburger-inner::before, .hamburger--vortex .hamburger-inner::after {
    -webkit-transition-duration: 0s;
            transition-duration: 0s;
    -webkit-transition-delay: 0.1s;
            transition-delay: 0.1s;
    -webkit-transition-timing-function: linear;
            transition-timing-function: linear; }
  .hamburger--vortex .hamburger-inner::before {
    -webkit-transition-property: top, opacity;
    transition-property: top, opacity; }
  .hamburger--vortex .hamburger-inner::after {
    -webkit-transition-property: bottom, -webkit-transform;
    transition-property: bottom, -webkit-transform;
    transition-property: bottom, transform;
    transition-property: bottom, transform, -webkit-transform; }

.hamburger--vortex.is-active .hamburger-inner {
  -webkit-transform: rotate(765deg);
          transform: rotate(765deg);
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
          transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
  .hamburger--vortex.is-active .hamburger-inner::before, .hamburger--vortex.is-active .hamburger-inner::after {
    -webkit-transition-delay: 0s;
            transition-delay: 0s; }
  .hamburger--vortex.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0; }
  .hamburger--vortex.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg); }

/*
   * Vortex Reverse
   */
.hamburger--vortex-r .hamburger-inner {
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
          transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
  .hamburger--vortex-r .hamburger-inner::before, .hamburger--vortex-r .hamburger-inner::after {
    -webkit-transition-duration: 0s;
            transition-duration: 0s;
    -webkit-transition-delay: 0.1s;
            transition-delay: 0.1s;
    -webkit-transition-timing-function: linear;
            transition-timing-function: linear; }
  .hamburger--vortex-r .hamburger-inner::before {
    -webkit-transition-property: top, opacity;
    transition-property: top, opacity; }
  .hamburger--vortex-r .hamburger-inner::after {
    -webkit-transition-property: bottom, -webkit-transform;
    transition-property: bottom, -webkit-transform;
    transition-property: bottom, transform;
    transition-property: bottom, transform, -webkit-transform; }

.hamburger--vortex-r.is-active .hamburger-inner {
  -webkit-transform: rotate(-765deg);
          transform: rotate(-765deg);
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
          transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
  .hamburger--vortex-r.is-active .hamburger-inner::before, .hamburger--vortex-r.is-active .hamburger-inner::after {
    -webkit-transition-delay: 0s;
            transition-delay: 0s; }
  .hamburger--vortex-r.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0; }
  .hamburger--vortex-r.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg); }

@supports ((position: -webkit-sticky) or (position: sticky)) {
  .page__header {
    position: -webkit-sticky;
    position: sticky !important;
    top: 0;
    z-index: 102;
  }
}
.page--light .header.scrolled .menu li.active {
  border-color: #eb006e;
}
.header {
  background: transparent;
  position: relative;
  color: #2b2b2b;
  will-change: transform;
  -webkit-transition: -webkit-box-shadow 0.2s ease;
  transition: -webkit-box-shadow 0.2s ease;
  transition: box-shadow 0.2s ease;
  transition: box-shadow 0.2s ease, -webkit-box-shadow 0.2s ease;
}
.header.scrolled {
  -webkit-box-shadow: 0 0 5rem rgba(43,43,43,0.3);
          box-shadow: 0 0 5rem rgba(43,43,43,0.3);
  background: #fff;
}
.page--light .header:not(.scrolled) .logo {
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}
.page--light .header:not(.scrolled) .header__top button {
  color: #fff;
}
.page--light .header:not(.scrolled) .header__top a {
  color: #fff;
}
.page--light .header:not(.scrolled) .menu_nav > li > a,
.page--light .header:not(.scrolled) .menu_nav > li > button {
  color: #fff;
}
.page--light .header:not(.scrolled) .menu_nav--branches > li > a,
.page--light .header:not(.scrolled) .menu_nav--branches > li > button {
  color: #fff;
}
.page--light .header:not(.scrolled) .location button:before,
.page--light .header:not(.scrolled) .portfolio button:before,
.page--light .header:not(.scrolled) .location button:after,
.page--light .header:not(.scrolled) .portfolio button:after {
  background: #fff;
}
.page--light .header:not(.scrolled) .hamburger-inner,
.page--light .header:not(.scrolled) .burger-inner {
  background: #fff;
}
.page--light .header:not(.scrolled) .hamburger-inner:before,
.page--light .header:not(.scrolled) .burger-inner:before,
.page--light .header:not(.scrolled) .hamburger-inner:after,
.page--light .header:not(.scrolled) .burger-inner:after {
  background: #fff;
}
.header a:focus,
.header button:focus,
.header a:active,
.header button:active {
  outline: none;
  color: #eb006e;
}
.header .container {
  padding-top: 2rem;
  padding-bottom: 2rem;
  position: relative;
}
.header .menu {
  display: none;
}
.header__top {
  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;
  position: relative;
}
.header__actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.header .logo {
  display: block;
  width: 20rem;
  height: 2.3rem;
}

.header .logo svg.icon__icon-logo{
  fill: #000000;
  color: #eb006e;
}

@media screen and (min-width: 1024px) {
  .header {
    height: 11rem;
  }
  .header a {
    -webkit-transition: color 0.2s ease;
    transition: color 0.2s ease;
  }
  .header a:hover {
    color: #eb006e;
  }
  .header .menu {
    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 .menu_nav a,
  .header .menu_nav--branches a,
  .header .menu_nav button,
  .header .menu_nav--branches button {
    font-weight: 700;
  }
  .header .menu_nav .dropdown a,
  .header .menu_nav--branches .dropdown a {
    font-weight: 600;
  }
  .header .menu_nav > li,
  .header .menu_nav--branches > li {
    display: inline-block;
    border-bottom: 1px solid transparent;
  }
  .header .menu_nav > li + li,
  .header .menu_nav--branches > li + li {
    margin: 0 0 0 2rem;
  }
  .header .menu_nav > li.portfolio,
  .header .menu_nav--branches > li.portfolio {
    position: relative;
    cursor: pointer;
    -webkit-transition: color 0.2s ease;
    transition: color 0.2s ease;
  }
  .header .menu_nav > li.portfolio:hover,
  .header .menu_nav--branches > li.portfolio:hover {
    color: #eb006e;
  }
  .header .menu_nav > li.portfolio > button,
  .header .menu_nav--branches > li.portfolio > button {
    padding-right: 2rem;
    position: relative;
    pointer-events: none;
    -webkit-appearance: none;
    padding-bottom: 0;
  }
  .header .menu_nav > li.portfolio > button:before,
  .header .menu_nav--branches > li.portfolio > button:before,
  .header .menu_nav > li.portfolio > button:after,
  .header .menu_nav--branches > li.portfolio > button:after {
    font-family: serif;
    content: '';
    position: absolute;
    right: 0.4rem;
    top: 1.7rem;
    display: block;
    background: #eb006e;
    width: 7px;
    height: 1px;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
  }
  .header .menu_nav > li.portfolio > button:before,
  .header .menu_nav--branches > li.portfolio > button:before {
    -webkit-transform: rotate(45deg) translateX(-3px);
            transform: rotate(45deg) translateX(-3px);
  }
  .header .menu_nav > li.portfolio > button:after,
  .header .menu_nav--branches > li.portfolio > button:after {
    -webkit-transform: rotate(-45deg) translateX(3px);
            transform: rotate(-45deg) translateX(3px);
  }
  .header .menu_nav > li.active,
  .header .menu_nav--branches > li.active {
    border-color: #eb006e;
  }
  .page--light .header .menu_nav > li.active,
  .page--light .header .menu_nav--branches > li.active {
    border-color: #fff;
  }
  .header .menu_nav > li.toggle > button:before,
  .header .menu_nav--branches > li.toggle > button:before,
  .header .menu_nav > li.toggle > button:after,
  .header .menu_nav--branches > li.toggle > button:after {
    top: 1.2rem;
  }
  .header .menu_nav > li.toggle > button:before,
  .header .menu_nav--branches > li.toggle > button:before {
    -webkit-transform: rotate(-45deg) translate(-3px);
            transform: rotate(-45deg) translate(-3px);
  }
  .header .menu_nav > li.toggle > button:after,
  .header .menu_nav--branches > li.toggle > button:after {
    -webkit-transform: rotate(45deg) translate(3px);
            transform: rotate(45deg) translate(3px);
  }
  .header__top {
    margin-bottom: 1.3rem;
  }
  .header__actions {
    display: none;
  }
  .header .location {
    position: absolute;
    bottom: 0;
    left: 25rem;
    cursor: pointer;
    -webkit-transition: color 0.2s ease;
    transition: color 0.2s ease;
  }
  .header .location:hover {
    color: #eb006e;
  }
  .header .location > button {
    padding-right: 2rem;
    position: relative;
    pointer-events: none;
    -webkit-appearance: none;
    padding-bottom: 0;
  }
  .header .location > button:before,
  .header .location > button:after {
    font-family: serif;
    content: '';
    position: absolute;
    right: 0.4rem;
    top: 1.6rem;
    display: block;
    background: #eb006e;
    width: 6px;
    height: 1px;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
  }
  .header .location > button:before {
    -webkit-transform: rotate(45deg) translateX(-3px);
            transform: rotate(45deg) translateX(-3px);
  }
  .header .location > button:after {
    -webkit-transform: rotate(-45deg) translateX(3px);
            transform: rotate(-45deg) translateX(3px);
  }
  .header .location > button > span {
    margin-left: 0.5rem;
  }
  .header .location.toggle > button:before,
  .header .location.toggle > button:after {
    top: 1.1rem;
  }
  .header .location.toggle > button:before {
    -webkit-transform: rotate(-45deg) translate(-3px);
            transform: rotate(-45deg) translate(-3px);
  }
  .header .location.toggle > button:after {
    -webkit-transform: rotate(45deg) translate(3px);
            transform: rotate(45deg) translate(3px);
  }
  .header .feedback .tel {
    -webkit-transition: color 200ms ease-out;
    transition: color 200ms ease-out;
    margin-left: 3.3rem;
  }
  .header .hamburger,
  .header .burger {
    display: none;
  }
}
@media screen and (max-width: 1023px) {
  .header {
    height: 6.5rem;
  }
  .header .menu {
    display: none;
  }
  .header .location,
  .header .feedback {
    display: none;
  }
  .header .phone {
    width: 2.1rem;
    height: 2.1rem;
    margin: 0 1.5rem 0 0;
  }
  .header .hamburger {
    padding: 0;
    outline: none;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
  }
  .header .hamburger-box {
    width: 2.5rem;
    max-width: 30px;
    height: 20px;
  }
  .header .hamburger-inner,
  .header .hamburger-inner::before,
  .header .hamburger-inner::after {
    width: 100%;
    height: 2px;
    border-radius: 0;
  }
  .header .hamburger-inner::before {
    top: -8px;
  }
  .header .hamburger-inner::after {
    top: -16px;
    bottom: -8px;
  }
  .header .hamburger:hover {
    opacity: 1;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .header .phone {
    width: 2rem;
    height: 2rem;
    margin: 0 1.5rem 0 0;
  }
}
.footer .container {
  height: auto;
}
.footer_container {
  position: relative;
}
.footer a {
  -webkit-transition: color 200ms ease-out;
  transition: color 200ms ease-out;
}
.footer a:focus,
.footer a:active {
  outline: none;
  color: #eb006e;
}
.footer_location .location__header {
  position: relative;
  padding-left: 1.3rem;
}
.footer_location .location__header:before {
  content: '';
  position: absolute;
  display: block;
  top: 1.1rem;
  left: -20px;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
  background-color: #eb006e;
}
.footer_location__contacts span {
  display: block;
}
.footer_social {
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 3rem;
}
.footer .creator {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}
.footer .creator a,
.footer .creator span {
  display: block;
  color: #878787;
  font-size: 1rem;
}
.footer .creator a.bit {
  width: 11rem;
}
.footer .creator a.pinkman {
  width: 7rem;
}
.footer .creator svg {
  -webkit-transition: color 200ms ease-out;
  transition: color 200ms ease-out;
}
@media screen and (min-width: 1024px) {
  .footer {
    min-height: 11rem;
  }
  .footer > .container {
    padding: 4rem 0;
    border-top: 1px solid #e5e5e5;
  }
  .footer a:hover {
    color: rgba(0,0,0,0.5);
  }
  .footer .logo {
    display: block;
    height: 2.3rem;
    width: 20rem;
  }
  .footer_location .location__header {
    /* font-weight: 600; */
    font-size: 1.6rem;
    line-height: 2.6rem;
  }
  .footer_location__contacts span {
    font-weight: 100;
    font-size: 1.4rem;
    line-height: 3rem;
  }
  .footer .copyright {
    position: absolute;
  }
  .footer .copyright {
    top: 5.3rem;
    font-size: 1.4rem;
    line-height: 3rem;
  }
  .footer .creator {
    text-align: right;
    font-size: 1.4rem;
  }
  .footer .creator a.pinkman {
    height: 1rem;
  }
  .footer .creator a.pinkman:hover svg {
    color: #f20080;
  }
  .footer .creator a.bit:hover svg {
    color: #eb006e;
  }
  .footer .creator span {
    margin: 0 0.5rem;
  }
  .footer_social a:hover {
    color: #eb006e;
  }
}
@media screen and (max-width: 1023px) {
  .footer > .container {
    border-top: 1px solid #e5e5e5;
  }
  .footer_location h4 {
    font-weight: 600;
    font-size: 1.4rem;
    line-height: 2.5rem;
    margin-bottom: 0.5rem;
  }
  .footer_location__contacts span {
    font-weight: 600;
    opacity: 0.7;
    font-size: 1.4rem;
    line-height: 2.5rem;
  }
  .footer .logo {
    display: block;
    height: 2.3rem;
    width: 20rem;
  }
  .footer_social {
    margin-top: calc(2rem - (0.8rem * 2));
  }
  .footer .copyright {
    opacity: 0.7;
    font-size: 1.4rem;
    line-height: 2.5rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .footer {
    padding: 0 0 4rem 0;
  }
  .footer_location h4:before {
    width: 0.6rem;
    height: 0.6rem;
  }
  .footer .copyright {
    position: absolute;
  }
  .footer .copyright span,
  .footer .creator span {
    margin: 0 0.5rem;
  }
  .footer .copyright {
    top: 5.5rem;
  }
  .footer .creator {
    text-align: right;
  }
}
@media screen and (max-width: 767px) {
  .footer > .container {
    padding-top: 0;
    border: none;
  }
  .footer_container {
    padding-top: 3rem;
    border-top: 1px solid #e5e5e5;
  }
  .footer_location h4 {
    margin-top: calc(2rem - (0.8rem * 2));
  }
  .footer .copyright {
    margin: 2rem 0;
  }
  .footer .creator {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    overflow: hidden;
  }
  .footer .creator a,
  .footer .creator span {
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .footer .creator a.pinkman {
    width: 6.5rem;
  }
  .footer .creator a.bit {
    width: 10rem;
  }
  .footer .creator a + span {
    margin: 0 0.5rem;
  }
  .footer .creator span + .pinkman {
    margin: 0 0 0 0.5rem;
  }
}
.creator-wrap .creator span {
  margin-left: 0;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .row.creator-wrap {
    margin: -0.8rem;
  }
  .row.creator-wrap >[class^=col] {
    padding-right: 0.8rem;
    padding-left: 0.8rem;
  }
}
@media screen and (min-width: 1024px) {
  .creator-wrap {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .row.creator-wrap {
    margin: -1.5rem;
  }
  .row.creator-wrap >[class^=col] {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
  }
}
.section:last-child {
  margin-bottom: 4rem;
}
.section--gray {
  background-color: #f7f7f7;
}
.section--hero,
.section--case {
  overflow: hidden;
}
.section--pinkman {
  background-color: #eb006e;
}
.section--hero_bg {
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}
.section--hero_bg:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0,0,0,0.6);
  width: 100%;
  height: 100%;
}
.top.section--border >.container {
  border-top: 1px solid #e5e5e5;
}
.bottom.section--border >.container {
  border-bottom: 1px solid #e5e5e5;
}
.section--history .title--h2 {
  margin-bottom: 2.5rem;
}
.section--history p {
  opacity: 0.7;
}
.section--history p + p {
  margin-top: 3rem;
}
.section--scheme > .container {
  padding-bottom: 0;
}
.container {
  position: relative;
  padding: 3rem 2rem;
  height: inherit;
}
.container.short {
  padding: 0 2rem;
}
@media screen and (min-width: 1024px) {
  .section:last-child {
    margin-bottom: 6rem;
  }
  .section--hero,
  .section--hero_bg {
    margin-top: -14rem;
    padding-top: 11rem;
    margin-bottom: 2rem;
  }
  .section--association .title--h2 {
    padding-right: 5rem;
  }
  .section--association p {
    max-width: 70%;
    margin-top: 2rem;
  }
  .section--association .recap {
    padding-top: 5rem;
    margin-bottom: 2rem;
  }
  .section--chronology {
    margin: 8rem 0 2rem;
  }
  .section--chronology > .container {
    padding-top: 8rem;
  }
  .container {
    width: 105rem;
    padding: 6rem 0;
    margin: 0 auto;
  }
  .container.short {
    padding: 0 0;
  }
}
@media screen and (min-width: 1360px) {
  .section:last-child {
    margin-bottom: 6rem;
  }
  .section--hero,
  .section--hero_bg {
    margin-top: calc(-11rem - 25px);
    padding-top: 11rem;
    margin-bottom: 2rem;
  }
  .section--chronology {
    margin: 8rem 0 2rem;
  }
  .section--chronology > .container {
    padding-top: 8rem;
  }
  .container {
    width: 120rem;
    padding: 6rem 0;
    margin: 0 auto;
  }
  .container.short {
    padding: 0 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .section:last-child {
    margin-bottom: 6rem;
  }
  .section--hero,
  .section--hero_bg {
    margin-top: -9rem;
    padding-top: 6.5rem;
  }
  .section--chronology {
    margin: 6rem 0 2rem;
  }
  .container {
    width: 66rem;
    padding: 5rem 0;
    margin: 0 auto;
  }
  .container.short {
    padding: 0 0;
  }
}
@media screen and (max-width: 767px) {
  .section:last-child {
    margin-bottom: 1rem;
  }
  .section--hero,
  .section--hero_bg {
    margin-top: -6.5rem;
    padding-top: 6.5rem;
  }
  .section--chronology.top > .container,
  .section--chronology.bottom > .container {
    margin-top: 2rem;
    border: none;
  }
  .section--pinkman .hero_branches__content p {
    font-size: 1.2rem;
    line-height: 1.9rem;
  }
}
@media screen and (min-width: 1024px) {
  .section_text {
    padding-right: 4rem;
  }
  .section_text.perfomance {
    margin-top: 4rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .section_text.perfomance {
    margin-top: 3rem;
  }
}
@media screen and (max-width: 767px) {
  .section_text {
    opacity: 0.7;
  }
  .section_text.perfomance {
    margin-top: 2rem;
  }
}
@media screen and (min-width: 1024px) {
  .section_title h1 {
    text-indent: -0.2rem;
  }
}
.field__error {
  display: none;
  color: #b80000;
  font-size: 1rem;
  margin-top: 1rem;
}
.field--error .field__error {
  display: block;
}
.field__label {
  color: rgba(0,0,0,0.5);
  padding-bottom: 1.3rem;
  line-height: 1.6rem;
  font-size: 1.4rem;
}
.ripple {
  position: relative;
}
.ripple__circle {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  opacity: 0;
  width: 0;
  height: 0;
  border-radius: 50%;
  background: rgba(255,255,255,0.3);
  -webkit-animation: a-ripple 1s ease-in;
          animation: a-ripple 1s ease-in;
}
@-webkit-keyframes a-ripple {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  100% {
    width: 200%;
    padding-bottom: 200%;
    opacity: 0;
  }
}
@keyframes a-ripple {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  100% {
    width: 200%;
    padding-bottom: 200%;
    opacity: 0;
  }
}
.btn {
  position: relative;
  display: inline-block;
  text-align: center;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
  min-width: 20rem;
  padding: 0;
  margin: 0;
  overflow: hidden;
  font-size: 1.4rem;
  vertical-align: middle;
  background-color: #eb006e;
  color: #fff;
  height: 4.8rem;
}
.btn:focus,
.btn.focus {
  outline: none;
}
.btn-label {
  height: 100%;
  color: inherit;
  display: block;
  padding: 0 3.5rem;
  -webkit-transition: color 200ms ease-out;
  transition: color 200ms ease-out;
  line-height: 4.8rem;
}
.btn-circle {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translatex(50%) translatey(50%);
          transform: translatex(50%) translatey(50%);
}
.btn:disabled {
  opacity: 0.45;
}
.btn.w-100 {
  display: block;
  width: 100%;
}
.btn.btn--t-pink {
  background-color: transparent;
  border: 1px solid #eb006e;
  color: #eb006e;
}
.btn.btn--white {
  background-color: #fff;
  color: #2b2b2b;
}
.btn.btn--t-white {
  background-color: transparent;
  border: 1px solid #fff;
  color: #fff;
}
.btn.btn--t-gray {
  background-color: transparent;
  border: 1px solid #dedede;
  color: #2b2b2b;
}
.dark .btn.btn--t-gray {
  color: #fff;
}
.btn.btn--pink {
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
}
.btn--black {
  background-color: #2b2b2b;
  color: #fff;
}
[ripple] {
  background-color: #000;
}
@media screen and (min-width: 1024px) {
  .btn.btn--t-pink:hover,
  .btn.btn--white:hover,
  .btn.btn--black:hover {
    color: #fff;
  }
  .btn.btn--t-white:hover {
    color: #eb006e;
  }
  .btn.btn--white:not(:disabled):hover,
  .btn.btn--t-pink:not(:disabled):hover {
    background-color: #eb006e;
  }
  .proposal .btn.btn--white:not(:disabled):hover,
  .btn.btn--t-pink:not(:disabled):hover {
    background-color: #fed0e5;
    color: #2b2b2b;
  }
  .proposal .btn.btn--reset.btn--white:hover {
    background-color: #fed0e5;
    color: #2b2b2b;
  }
  .btn.btn--pink:not(:disabled):hover {
    background-color: #ff4cad;
  }
  .btn.btn--t-white:not(:disabled):hover {
    background-color: #fff;
  }
  .btn.btn--t-gray:not(:disabled):hover {
    border-color: #eb006e;
    background-color: #eb006e;
    color: #fff;
  }
  .btn.btn--black:not(:disabled):hover {
    background-color: #eb006e;
  }
}
@media screen and (max-width: 1023px) {
  .btn:focus,
  .btn:active,
  .btn.focus {
    outline: none;
    -webkit-tap-highlight-color: #eb006e;
  }
}
input::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}
input::-webkit-input-placeholder {
  opacity: 0.5;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
input:-moz-placeholder {
  opacity: 0.5;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
input:-ms-input-placeholder {
  opacity: 0.5;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
::-webkit-input-placeholder {
  color: rgba(0,0,0,0.5);
}
::-ms-input-placeholder {
  color: rgba(0,0,0,0.5);
}
::placeholder {
  color: rgba(0,0,0,0.5);
}
:-webkit-autofill,
input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 1000px #fff inset;
  -webkit-text-fill-color: #2b2b2b;
  border-color: #2b2b2b;
}
@media screen and (min-width: 1024px) {
  input:hover::-webkit-input-placeholder {
    opacity: 0.8;
  }
  input:hover::-moz-placeholder {
    opacity: 0.8;
  }
  input:hover:-moz-placeholder {
    opacity: 0.8;
  }
  input:hover:-ms-input-placeholder {
    opacity: 0.8;
  }
}
.ui-page .field + .field {
  margin-top: 1.5rem;
}

.page-404__content {
  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: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 10rem 0;
}
.page-404__content .error {
  font-size: 2.2rem;
  line-height: 3rem;
  opacity: 0.5;
}
.page-404__content .title {
  color: #eb006e;
}
.page-404__content .text {
  margin: 8rem 0 0 0;
  font-size: 4rem;
  line-height: 5.2rem;
  font-weight: 100;
  max-width: 100rem;
}
.page-404__content .text a {
  font-weight: 600;
  text-decoration: underline;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .page-404__content .text {
    font-size: 2.6rem;
    line-height: 3.2rem;
  }
}
@media screen and (max-width: 767px) {
  .page-404__content {
    padding: 7rem 0;
  }
  .page-404__content .text {
    margin: 4rem 0 0 0;
    font-size: 1.8rem;
    line-height: 3rem;
  }
}
.recap__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.recap__item span {
  font-size: 2rem;
}
.recap__num {
  white-space: nowrap;
}
.recap__description {
  opacity: 0.7;
  font-size: 1.2rem;
  line-height: 2.5rem;
}
.recap.product_recap {
  padding: 1rem 0;
}
.recap.product_recap .recap__item +.recap__item {
  margin-left: 3rem;
}
.recap.product_recap .recap__icon {
  width: 8rem;
  height: 8rem;
  margin-bottom: 3rem;
}
.recap.product_recap .recap__text {
  opacity: 0.7;
  font-size: 1.4rem;
  line-height: 2rem;
}
@media screen and (min-width: 1024px) {
  .recap {
    padding-top: 4rem;
  }
  .recap__item {
    max-width: 27rem;
  }
  .recap__item + .recap__item {
    margin-left: 12rem;
  }
  .recap__description {
    font-size: 1.4rem;
    margin-top: 2rem;
  }
  .recap.product_recap {
    padding: 1rem 0;
  }
  .recap.product_recap .recap__item h3 {
    font-weight: 600;
    font-size: 2.2rem;
    letter-spacing: -0.05rem;
    line-height: 3rem;
    margin-bottom: 2rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .recap {
    overflow: hidden;
    padding-top: 4rem;
  }
  .recap__item {
    max-width: 21rem;
  }
  .recap__item + .recap__item {
    margin-left: 2rem;
  }
  .section--association .recap__item + .recap__item {
    margin-left: 5rem;
  }
  .recap__description {
    margin-top: 1.5rem;
  }
}
@media screen and (max-width: 767px) {
  .recap {
    margin: 0 -2rem;
    padding: 3rem 2rem 2rem;
    overflow-x: scroll;
    overflow-scrolling: touch;
    -webkit-overflow-scrolling: touch;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
  }
  .recap.product_recap {
    padding: 3rem 2rem;
  }
  .recap__item {
    min-width: 20rem;
    padding-right: 2rem;
  }
  .recap__item span {
    font-size: 1.4rem;
  }
  .recap__item + .recap__item {
    margin-left: 2rem;
  }
  .section--association .recap__item + .recap__item {
    margin-left: 4.5rem;
  }
  .recap__description {
    margin-top: 1.5rem;
  }
}
.projects .stack-swiper {
  margin: 4rem 0 0 0;
}
.projects__more {
  border: 1px solid #b4b4b4;
  width: fit-content;
  margin: 0 auto;
  padding: 10px 15px 5px 35px;
}
.projects__more a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #eb006e;
}
.projects__more a span {
  font-weight: 700;
  font-size: 22px;
}
.projects__more a .icon {
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
  margin: 0 0 0 2rem;
}
.projects__more a .icon svg {
  width: 25px;
  height: 17px;
}
@media (max-width: 540px) {
  .projects__more a span {
    font-size: 17px;
  }
}

.projects__item {
  height: 100%;
  padding: 4rem 4rem 2rem 4rem;
  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;
}
.projects__item.dark {
  color: #fff;
}
.projects__item.dark a {
  color: #fff;
}
.projects__item.light {
  color: #2b2b2b;
}
.projects__item_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.projects__item_content .img {
  max-width: 20rem;
}
.projects__item_content .img img {
  user-drag: none;
  pointer-events: none;
  max-width: 100%;
  max-height: 14rem;
  margin: 0 0 1rem 0;
}
.projects__item_content .img .caption {
  font-size: 1.8rem;
  font-weight: 100;
}
.projects__item_content .actions {
  opacity: 0;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}
.projects__item_content .actions span {
  text-decoration: underline;
  font-size: 1.8rem;
  font-weight: 100;
}
@media screen and (min-width: 1024px) {
  .projects {
    padding-bottom: 3rem;
  }
  .projects__item:hover .projects__item_content .actions {
    opacity: 1;
  }
  .projects__more {
    margin: 6rem auto 0;
  }
  .projects__more a:hover .icon {
    -webkit-transform: translateX(1rem);
            transform: translateX(1rem);
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .projects__more {
    margin: 4rem 0 0 0;
  }
}
@media screen and (max-width: 767px) {
  .projects .stack-swiper {
    margin: 2rem 0 0 0;
  }
  .projects__content .img img {
    width: 12rem;
  }
  .projects__item {
    padding: 3rem 2rem;
  }
  .projects__more {
    margin: 3rem 0 0 0;
  }
  .projects__more a .icon {
    -webkit-transition: none;
    transition: none;
    margin: 0 2rem;
  }
}
/**
 * Swiper 4.3.5
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2018 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: July 31, 2018
 */
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}
.swiper-container-no-flexbox .swiper-slide {
  float: left;
}
.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-slide {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}
.swiper-invisible-blank-slide {
  visibility: hidden;
}
/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform;
}
/* 3D Effects */
.swiper-container-3d {
  -webkit-perspective: 1200px;
  perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
/* IE10 Windows Phone 8 Fixes */
.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal > .swiper-wrapper {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical > .swiper-wrapper {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto;
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto;
}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-lock {
  display: none;
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms opacity;
  transition: 300ms opacity;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(0.33);
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(0.66);
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(0.33);
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(0.66);
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(0.33);
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff;
}
.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
  transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: 200ms top, 200ms -webkit-transform;
  transition: 200ms top, 200ms -webkit-transform;
  transition: 200ms transform, 200ms top;
  transition: 200ms transform, 200ms top, 200ms -webkit-transform;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms left, 200ms -webkit-transform;
  transition: 200ms left, 200ms -webkit-transform;
  transition: 200ms transform, 200ms left;
  transition: 200ms transform, 200ms left, 200ms -webkit-transform;
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms right, 200ms -webkit-transform;
  transition: 200ms right, 200ms -webkit-transform;
  transition: 200ms transform, 200ms right;
  transition: 200ms transform, 200ms right, 200ms -webkit-transform;
}
/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
  transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}
.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #ffffff;
}
.swiper-pagination-progressbar.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.25);
}
.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
  background: #ffffff;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000000;
}
.swiper-pagination-progressbar.swiper-pagination-black {
  background: rgba(0, 0, 0, 0.25);
}
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
  background: #000000;
}
.swiper-pagination-lock {
  display: none;
}
/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.swiper-slide-zoomed {
  cursor: move;
}
/* Preloader */
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite;
}
.swiper-lazy-preloader:after {
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat;
}
.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube {
  overflow: visible;
}
.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}
.swiper-container-flip {
  overflow: visible;
}
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-container-coverflow .swiper-wrapper {
  /* Windows 8 IE 10 fix */
  -ms-perspective: 1200px;
}

.swiper-tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 100%;
  overflow: auto;
  padding: 0 0 2rem 0;
}
.swiper-tabs .swiper-pagination-bullet + .swiper-pagination-bullet {
  margin: 0 0 0 3rem;
}
.swiper-tabs .swiper-pagination-bullet {
  width: auto;
  height: auto;
  background: none;
  display: inline;
  outline: none;
  cursor: pointer;
  font-size: 1.8rem;
  line-height: 3.8rem;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  border-bottom: 1px solid transparent;
  border-radius: 0;
  opacity: 0.4;
  display: block;
  white-space: nowrap;
}
.swiper-tabs .swiper-pagination-bullet:hover {
  opacity: 1;
}
.swiper-tabs .swiper-pagination-bullet-active {
  border-color: #2b2b2b;
  opacity: 1;
}
.swiper-pagination-counter {
  font-size: 2rem;
  line-height: 3rem;
  font-weight: 100;
}
.swiper-pagination {
  margin: 1rem 0 0 0;
  position: static;
  text-align: left;
}
.swiper-pagination .swiper-pagination-bullet {
  width: 0.8rem;
  height: 0.8rem;
  margin: 0 2rem 0 0 !important;
}
.swiper-pagination .swiper-pagination-bullet-active {
  background: #eb006e;
}
.swiper-navigation {
  width: 9.6rem;
  height: 4.8rem;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.swiper-navigation .swiper-prev,
.swiper-navigation .swiper-next {
  border: 1px solid #d8d8d8;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 4.8rem;
  height: 4.8rem;
  outline: none;
}
.swiper-navigation .swiper-prev .icon,
.swiper-navigation .swiper-next .icon {
  width: 1rem;
  height: 2rem;
}
.swiper-navigation .swiper-next {
  border-left: none;
}
.swiper-navigation .swiper-prev {
  border-right: none;
}
.swiper-navigation .swiper-prev .icon {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.swiper-navigation.absolute {
  position: absolute;
  bottom: 5rem;
  left: 4rem;
  z-index: 1;
}
.swiper-navigation.article {
  position: absolute;
  width: auto;
  height: auto;
  bottom: 3rem;
  top: 6rem;
  left: 0;
  right: 0;
  z-index: 1;
  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;
  background: transparent;
}
.swiper-navigation.article > div {
  border: none;
  color: #fff;
  height: 100%;
}
@media screen and (min-width: 1024px) {
  .swiper-navigation .swiper-prev,
  .swiper-navigation .swiper-next {
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
  }
  .swiper-navigation .swiper-prev:hover,
  .swiper-navigation .swiper-next:hover {
    border-color: #fff;
    -webkit-box-shadow: 0 0.2rem 3rem rgba(84,84,84,0.2);
            box-shadow: 0 0.2rem 3rem rgba(84,84,84,0.2);
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .swiper-navigation.absolute {
    bottom: 4rem;
    left: 3rem;
  }
}
@media screen and (max-width: 767px) {
  .swiper-navigation.absolute {
    bottom: auto;
    left: auto;
    right: 2rem;
    top: 16.5rem;
  }
}
section.section.section--stack-swiper {
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .stack-swiper:not(.initialized) {
    pointer-events: none;
  }
  .stack-swiper__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
    margin: 0 0 -3rem 0;
    position: relative;
  }
  .stack-swiper__item {
    width: 51rem;
    height: 36rem;
    margin: 0 0 3rem 0;
  }
}
@media screen and (min-width: 1360px) {
  .stack-swiper__item {
    width: 58.5rem;
    height: 36rem;
    margin: 0 0 3rem 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .stack-swiper__wrapper {
    margin: 0 0 -2rem 0;
  }
  .stack-swiper__item {
    width: 32rem;
    height: 32rem;
    margin: 0 0 2rem 0;
  }
}
@media screen and (max-width: 767px) {
  .stack-swiper__wrapper {
    width: 100%;
    height: 26rem;
    position: relative;
  }
  .stack-swiper__item {
    width: 26rem;
    height: 26rem;
    background: #ccc;
    position: absolute;
  }
  .stack-swiper__item:not(.isDragging) {
    -webkit-transition: -webkit-transform 0.2s ease;
    transition: -webkit-transform 0.2s ease;
    transition: transform 0.2s ease;
    transition: transform 0.2s ease, -webkit-transform 0.2s ease;
  }
}

form > .btn {
  height: 6rem;
}
form > .btn .btn-label {
  line-height: 6rem;
}

.branches_card {
  position: relative;
  background-color: #000;
  color: #fff;
}
.branches_card .title--h4 {
  position: relative;
  font-weight: 700;
  display: block;
}
.branches_card p {
  opacity: 0.7;
  position: relative;
  z-index: 1;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}
.branches_card__index {
  position: absolute;
  opacity: 0.7;
  font-size: 1.6rem;
  font-weight: 100;
  -webkit-transition: opacity 0.3s 0.1s ease;
  transition: opacity 0.3s 0.1s ease;
}
.branches_card__bg {
  -webkit-transition: height 0.3s ease-in-out;
  transition: height 0.3s ease-in-out;
  background-color: #eb006e;
  height: 0;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  -webkit-transition: background 0.2s ease, height 0.4s ease;
  transition: background 0.2s ease, height 0.4s ease;
}
@media screen and (min-width: 768px) {
  .branches_card {
    padding: 5rem 4rem 4rem 4rem;
    position: relative;
  }
  .branches_card .title--h4 {
    margin-bottom: 2rem;
  }
  .branches_card__index {
    bottom: 2rem;
    opacity: 1;
  }
  .branches_card__more {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    padding: 3rem 4rem;
    color: #fff;
    z-index: 1;
  }
}
@media screen and (min-width: 1024px) {
  .branches_card {
    width: 33rem;
    height: 33rem;
    margin: 0 3rem 3rem 0;
  }
  .branches_card:before {
    display: block;
    height: 1px;
    background: rgba(255,255,255,0.3);
    content: '';
    position: absolute;
    left: 4rem;
    right: 4rem;
    z-index: 1;
    bottom: 7rem;
    opacity: 0;
    -webkit-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
  }
  .branches_card__index {
    bottom: 3rem;
    opacity: 1;
  }
  .branches_card__more {
    opacity: 0;
    -webkit-transition: opacity 0.1s ease;
    transition: opacity 0.1s ease;
  }
  .branches_card:hover:before {
    opacity: 1;
  }
  .branches_card:hover .title--h4 {
    text-decoration: underline;
  }
  .branches_card:hover .branches_card__container p {
    opacity: 1;
  }
  .branches_card:hover .branches_card__bg {
    height: 100%;
  }
  .branches_card:hover .branches_card__more {
    opacity: 1;
    -webkit-transition: opacity 0.1s 0.25s ease;
    transition: opacity 0.1s 0.25s ease;
  }
  .branches_card:hover .branches_card__index {
    opacity: 0;
  }
  .branches_card__bg.isColored {
    -webkit-transition: background 0.4s ease, height 0.2s ease;
    transition: background 0.4s ease, height 0.2s ease;
    height: 100%;
  }
}
@media screen and (min-width: 1360px) {
  .branches_card {
    width: 38rem;
    height: 38rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .branches_card {
    width: 32rem;
    height: 32rem;
    margin: 0 1.7rem 1.7rem 0;
  }
  .branches_card__more {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    text-decoration: underline;
    text-transform: lowercase;
  }
}
@media screen and (max-width: 767px) {
  .branches_card {
    width: 100%;
    max-height: 27rem;
    padding: 2rem 2rem;
  }
  .branches_card:before {
    display: block;
    height: 1px;
    background: rgba(255,255,255,0.2);
    content: '';
    position: absolute;
    left: 2rem;
    right: 2rem;
    z-index: 1;
    bottom: 0;
  }
  .branches_card.isActive .title--h4 {
    text-decoration: underline;
  }
  .branches_card.isActive .branches_card__bg {
    background: #eb006e;
  }
  .branches_card.isActive .branches_card__container {
    max-height: 19.4rem;
  }
  .branches_card.isActive .branches_card__container p {
    opacity: 1;
  }
  .branches_card .title--h4 {
    position: relative;
    z-index: 2;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
  }
  .branches_card__container {
    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;
    position: relative;
    z-index: 2;
    max-height: 0;
    height: 27rem;
    overflow: hidden;
    -webkit-transition: max-height 0.4s ease;
    transition: max-height 0.4s ease;
  }
  .branches_card__container p {
    padding: 1rem 0 0 0;
  }
  .branches_card__bg {
    height: 100%;
    -webkit-transition: background 0.2s ease;
    transition: background 0.2s ease;
    background: #000;
  }
  .branches_card__more {
    display: block;
    color: #fff;
    padding: 2.6rem 0 1.6rem 0;
    border-top: 1px solid rgba(255,255,255,0.6);
  }
  .branches_card__index {
    top: 2.6rem;
    right: 2rem;
  }
}
.section--branches .section_title > p {
  margin-top: 1.5rem;
  opacity: 0.7;
}
@media screen and (min-width: 768px) {
  .section--branches {
    padding-top: 6rem;
  }
  .section--branches .section_title {
    margin-bottom: 48px;
  }
  .section--branches .section_title > p {
    margin-top: 1.5rem;
  }
  .branches {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    margin: 0 -3rem -3rem 0;
  }
}
@media screen and (max-width: 767px) {
  .section--branches .section_title {
    margin-bottom: 1rem;
  }
  .section--branches .section_title > p {
    margin-top: 1.2rem;
  }
  .branches {
    margin: 0 -2rem;
  }
}
.news_card {
  position: relative;
  background-color: #f7f7f7;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.news_card .text--30 {
  opacity: 0.8;
}
.news_card p {
  opacity: 0.7;
  margin: 2rem 0;
}
.news_card span {
  margin-top: auto;
  opacity: 0.3;
  text-transform: uppercase;
}
@media screen and (min-width: 768px) {
  .news_card {
    padding: 5rem 4rem 4rem 4rem;
  }
}
@media screen and (min-width: 1024px) {
  .news_card {
    width: 33rem;
    height: 33rem;
    margin: 0 3rem 3rem 0;
  }
}
@media screen and (min-width: 1360px) {
  .news_card {
    width: 38rem;
    height: 38rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .news_card {
    width: 32rem;
    height: 32rem;
    margin: 0 1.7rem 1.7rem 0;
    padding: 5rem 4rem 3rem 4rem;
  }
}
@media screen and (max-width: 767px) {
  .news_card {
    width: 100%;
    height: 27rem;
    padding: 3rem 2rem 4rem;
  }
}
.dropdown {
  position: absolute;
  top: 4rem;
  left: -2.5rem;
  min-width: 19rem;
  background-color: #fff;
  -webkit-box-shadow: 0 2px 8px 0 rgba(0,0,0,0.2);
          box-shadow: 0 2px 8px 0 rgba(0,0,0,0.2);
  padding: 0.8rem 3.5rem;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transition: -webkit-transform 0.13s ease-in-out;
  transition: -webkit-transform 0.13s ease-in-out;
  transition: transform 0.13s ease-in-out;
  transition: transform 0.13s ease-in-out, -webkit-transform 0.13s ease-in-out;
}
.dropdown__list {
  opacity: 0;
}
.dropdown__list li {
  padding: 1rem 0;
}
.dropdown__list li + li {
  border-top: 1px solid #dedede;
}
.dropdown__list a {
  display: block;
  font-weight: 600;
  color: #2b2b2b !important;
}
.isOpened .dropdown__list {
   columns: 3;
  -webkit-transition: opacity 0.13s 0.1s ease;
  transition: opacity 0.13s 0.1s ease;
  opacity: 1;
}
.dropdown.isOpened {
  min-width: 41rem;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.light .dropdown {
  -webkit-box-shadow: 0 5px 25px 0 rgba(0,0,0,0.86);
          box-shadow: 0 5px 25px 0 rgba(0,0,0,0.86);
}
.light .dropdown a {
  color: #2b2b2b;
}
@media screen and (min-width: 1024px) {
  .dropdown__list a:hover {
    color: #eb006e !important;
  }
}
.title--portfolio ~p {
  opacity: 0.7;
}
.portfolio {
  margin: 2rem 0 0 0;
  position: relative;
}
.portfolio .portfolio-pagination-counter {
  display: none;
}
.portfolio__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 61rem;
}
.portfolio__item_view {
  padding: 4rem;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  height: 100%;
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}
.portfolio__item_view .description {
  font-size: 1.8rem;
  font-weight: 100;
  line-height: 3rem;
  margin: 0 0 1rem 0;
}
.portfolio__item_view .title {
  font-size: 4rem;
  color: #ffffff;
  line-height: 4.8rem;
  min-height: 13rem;
}
.portfolio__item_content {
  width: 36rem;
  background: #000;
  color: #fff;
  padding: 6.5rem 4rem 5rem 4rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  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: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.design .portfolio__item_content {
  background: transparent;
}
.portfolio__item_content .info {
  height: 100%;
}
.portfolio__item_content .info .title {
  font-size: 2.4rem;
  line-height: 3.8rem;
  margin: 0 0 3rem 0;
}
.design .portfolio__item_content .info .title {
  font-weight: 700;
  font-size: 3rem;
  line-height: 4rem;
  margin: 6rem 0 2.5rem 0;
}
.design .portfolio__item_content .info .description {
  font-size: 1.4rem;
  line-height: 2.2rem;
}
.portfolio__item_content .info ul {
  font-size: 1.4rem;
  line-height: 2.5rem;
  max-height: 36rem;
  overflow-y: auto;
}
.portfolio__item_content .info ul li {
  padding: 0 0 0 1.5rem;
  position: relative;
}
.portfolio__item_content .info ul li:before {
  content: '•';
  font-size: 1.6rem;
  line-height: 2.2rem;
  position: absolute;
  left: 0;
  top: 0.2rem;
}
.portfolio__item_content .info ul li + li {
  margin: 2rem 0 0 0;
}
.portfolio.design .swiper-navigation {
  background: transparent;
}
.portfolio.design .swiper-navigation .swiper-prev,
.portfolio.design .swiper-navigation .swiper-next {
  color: #fff;
}
@media screen and (min-width: 1024px) {
  .title--portfolio {
    padding: 6rem 0 8.5rem 0;
  }
  .portfolio__item_content .btn--t-white:hover {
    color: #2b2b2b;
  }
  .portfolio.design .swiper-navigation .swiper-prev:hover,
  .portfolio.design .swiper-navigation .swiper-next:hover {
    background: #fff;
    color: #2b2b2b;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .title--portfolio {
    padding: 5rem 0 6rem 0;
  }
  .portfolio__item {
    height: 40rem;
  }
  .portfolio__item_view {
    padding: 4rem 3rem;
  }
  .portfolio__item_view .title {
    font-size: 1.8rem;
    line-height: 3rem;
  }
  .portfolio__item_content {
    padding: 4rem 3rem;
    width: 32rem;
  }
  .design .portfolio__item_content {
    width: 26rem;
  }
  .portfolio__item_content .info .title {
    font-size: 1.8rem;
    line-height: 3rem;
    margin: 0 0 2rem;
  }
  .design .portfolio__item_content .info .title {
    font-size: 1.8rem;
    line-height: 2.4rem;
    margin: 2rem 0 1rem;
  }
  .design .portfolio__item_content .info .description {
    font-size: 1.4rem;
    line-height: 2.5rem;
    margin: 0;
  }
  .portfolio__item_content .info ul {
    max-height: 20rem;
  }
  .portfolio__item_content .info ul li {
    padding: 0;
  }
  .portfolio__item_content .info ul li:before {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .title--portfolio {
    padding: 2rem 0 3rem 0;
  }
  .title--portfolio br {
    display: none;
  }
  .title--portfolio span.pink {
    margin: 0 3rem 0 0.6rem;
  }
  .portfolio__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    /*height: 54.5rem;*/
  }
  .portfolio__item_view {
    padding: 3rem 2rem;
  }
  .design .portfolio__item_view {
    max-height: 20rem;
  }
  .portfolio__item_view .description {
    display: none;
  }
  .portfolio__item_view .title {
    font-size: 1.8rem;
    line-height: 3rem;
  }
  .portfolio__item_content {
    padding: 3rem 2rem;
    width: 100%;
  }
  .portfolio__item_content .info .title {
    font-size: 1.8rem;
    line-height: 3rem;
    margin: 0 0 2rem;
  }
  .design .portfolio__item_content .info .title {
    font-size: 1.8rem;
    line-height: 2.4rem;
    margin: 0 0 1rem;
  }
  .design .portfolio__item_content .info .description {
    font-size: 1.4rem;
    line-height: 2.5rem;
    margin: 0;
  }
  .portfolio__item_content .info ul {
    max-height: 17rem;
  }
  .portfolio__item_content .info ul li {
    padding: 0;
  }
  .portfolio__item_content .info ul li:before {
    display: none;
  }
  .portfolio__item_content .actions {
    margin: 3rem 0 0 0;
    width: 100%;
  }
  .portfolio__item_content .actions .btn {
    width: 100%;
  }
  .portfolio.design {
    margin: 2rem -2rem 0 -2rem;
  }
  .portfolio.design .portfolio__item_content {
    margin: 9.5rem 0 0 0;
    border-top: 1px solid rgba(255,255,255,0.2);
  }
  .portfolio.design .swiper-navigation {
    top: 22.5rem;
  }
  .portfolio.design .portfolio-pagination-counter {
    z-index: 1;
    display: block;
    position: absolute;
    left: 2rem;
    top: 24rem;
    bottom: auto;
    color: #fff;
    font-size: 2.2rem;
    line-height: 3rem;
    font-weight: 100;
    width: auto;
  }
}
.filter_branches__list ul li a.current {
  color: #eb006e;
}
@media screen and (min-width: 1024px) {
  .filter_branches {
    padding: 0 0 2rem 0;
  }
  .filter_branches__header {
    font-weight: 700;
    font-size: 2rem;
    letter-spacing: -0.04rem;
    line-height: 3rem;
    margin-bottom: 2rem;
  }
  .filter_branches__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .filter_branches__list ul {
    width: 24rem;
  }
  .filter_branches__list ul li a {
    font-weight: 600;
    font-size: 1.6rem;
    letter-spacing: -0.06rem;
    line-height: 3rem;
    -webkit-transition: color 200ms ease-out;
    transition: color 200ms ease-out;
  }
  .filter_branches__list ul li a:hover {
    color: #eb006e;
  }
  .filter_branches__list ul li a.active {
    color: #eb006e;
  }
  .filter_branches__list.main_branches a {
    font-weight: 700;
  }
}
@media screen and (max-width: 1023px) {
  .filter_branches {
    padding: 0 0 4rem 0;
  }
  .filter_branches__header {
    opacity: 0.5;
    font-size: 1.2rem;
    line-height: 3rem;
    text-transform: uppercase;
  }
}
.hero_branches__content > p {
  opacity: 0.7;
}
.hero_branches__worker {
  position: absolute;
  right: 0;
}
.hero_branches__worker p {
  display: inline-block;
  font-size: 1.6rem;
  margin-right: 2.1rem;
}
.hero_branches__worker span {
  opacity: 0.7;
  font-weight: 100;
  font-size: 1.4rem;
  letter-spacing: 0.23rem;
  line-height: 2.5rem;
}
.hero_branches__pinkman {
  width: 16rem;
  margin-top: 1rem;
}
.hero_branches__img {
  max-height: 100%;
}
@media screen and (min-width: 1024px) {
  .hero_branches {
    padding-top: 12rem;
    min-height: calc(60rem - (6rem * 2));
  }
  .hero_branches__content {
    max-width: 63rem;
    padding-right: 2rem;
  }
  .hero_branches__content > p {
    margin-top: 2rem;
    font-size: 1.8rem;
    line-height: 3rem;
    max-width: 80%;
  }
  .hero_branches .info {
    opacity: 0.7;
    position: absolute;
    bottom: 6rem;
  }
  .hero_branches__img {
    position: absolute;
    bottom: 0;
    right: 6rem;
    width: 42rem;
  }
  .hero_branches__img img {
    display: block;
  }
  .hero_branches__worker {
    bottom: 3rem;
    -webkit-transform: rotate(-90deg) translatex(100%);
            transform: rotate(-90deg) translatex(100%);
    -webkit-transform-origin: 100% 0;
            transform-origin: 100% 0;
  }
}
@media screen and (min-width: 1360px) {
  .hero_branches__img img {
    width: 100%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .hero_branches {
    padding-top: 6rem;
  }
  .hero_branches__content {
    max-width: 30rem;
    padding-right: 2rem;
  }
  .hero_branches__content h1 {
    font-size: 3rem;
    line-height: 4rem;
  }
  .hero_branches__content > p {
    margin-top: 2rem;
    font-size: 1.4rem;
    line-height: 2.5rem;
    padding-right: 2rem;
  }
  .hero_branches .info {
    margin-top: 6rem;
    margin-bottom: -1rem;
    opacity: 0.7;
  }
  .hero_branches__img {
    position: absolute;
    bottom: 0;
    right: 4rem;
    width: 29rem;
  }
  .hero_branches__img img {
    display: block;
  }
  .hero_branches__worker {
    bottom: 1rem;
    -webkit-transform: rotate(-90deg) translateX(100%) translateY(-50%);
            transform: rotate(-90deg) translateX(100%) translateY(-50%);
    -webkit-transform-origin: 100% 0;
            transform-origin: 100% 0;
  }
  .hero_branches__worker span {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .hero_branches {
    position: relative;
    min-height: calc(40rem - 7.5rem - (4rem * 2));
  }
  .hero_branches__content {
    margin-bottom: 1rem;
  }
  .hero_branches__content h1 {
    font-size: 2rem;
    line-height: 3rem;
  }
  .hero_branches__content > p {
    margin-top: 1rem;
    font-size: 1.4rem;
    line-height: 2.5rem;
  }
  .hero_branches .info {
    display: none;
  }
  .hero_branches__img {
    width: 21rem;
    margin: 0 0 -3rem 0;
  }
  .hero_branches__img img {
    display: block;
  }
  .hero_branches__worker {
    -webkit-transform: rotate(-90deg) translateX(100%) translateY(-100%);
            transform: rotate(-90deg) translateX(100%) translateY(-100%);
    -webkit-transform-origin: 100% 0;
            transform-origin: 100% 0;
  }
  .hero_branches__worker span {
    margin-top: 0.5rem;
    display: block;
  }
  .hero_branches__pinkman {
    width: 10rem;
  }
}
@media screen and (min-width: 768px) {
  .request {
    max-width: 75%;
    padding: 2rem 0;
  }
  .request.short {
    max-width: 58.333%;
  }
  .request p {
    margin-bottom: 4rem;
    font-size: 1.8rem;
    line-height: 3.8rem;
  }
  .request.rate {
    max-width: 80%;
    padding: 0;
  }
  .request.rate p {
    font-weight: 100;
    margin-bottom: 0;
  }
  .request.rate b {
    font-weight: 600;
  }
  .request.rate p,
  .request.rate b {
    font-size: 3.6rem;
    line-height: 6rem;
  }
  .request.rate .btn {
    margin-top: 2rem;
    display: block;
    max-width: 20rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .request.rate {
    max-width: 100%;
  }
  .request.rate p,
  .request.rate b {
    font-size: 3.3rem;
    line-height: 5rem;
  }
}
@media screen and (max-width: 767px) {
  .request p {
    opacity: 0.7;
    margin-bottom: 2rem;
    font-size: 1.4rem;
    line-height: 2.5rem;
  }
  .request.rate {
    max-width: 100%;
    padding: 0;
  }
  .request.rate p {
    font-weight: 100;
    margin-bottom: 0;
  }
  .request.rate b {
    font-weight: 600;
  }
  .request.rate p,
  .request.rate b {
    font-size: 1.8rem;
    line-height: 3rem;
  }
  .request.rate .btn {
    margin-top: 2rem;
    display: block;
  }
}
.solution__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
}
.solution__item {
  margin: 6rem 0 0 0;
}
.solution__item button {
  display: none;
}
.solution__header {
  min-height: 6rem;
  font-size: 2.2rem;
  line-height: 3rem;
  font-weight: bold;
  margin: 0 0 2rem 0;
  position: relative;
}
.solution__list {
  display: block;
  font-size: 1.4rem;
  line-height: 2rem;
  opacity: 0.7;
}
.solution__list li + li {
  margin: 2rem 0 0 0;
}
.solution_about__title {
  font-weight: 100;
  padding-right: 5rem;
}
@media screen and (min-width: 768px) {
  .solution_about .solution__container {
    margin-top: -6rem;
  }
  .solution_about .solution__header {
    font-weight: 700;
    font-size: 3rem;
    color: #eb006e;
    letter-spacing: -0.11rem;
    line-height: 4rem;
    margin: 0;
  }
  .solution_about .solution__item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    width: 50%;
  }
}
@media screen and (min-width: 1024px) {
  .solution__container {
    margin: 0 -3.3rem;
  }
  .solution__item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333%;
            flex: 0 0 33.333%;
    width: 33.333%;
    padding: 0 3.3rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .solution__container {
    margin: 0 -1.5rem;
  }
  .solution__item {
    padding: 0 1.5rem;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    width: 50%;
    margin: 4rem 0 0 0;
  }
  .solution__list li + li {
    margin: 1rem 0 0 0;
  }
}
@media screen and (max-width: 767px) {
  .solution {
    padding: 2rem 0 0 0;
  }
  .solution__item {
    cursor: pointer;
    margin: 0;
    width: 100%;
    height: auto;
    position: relative;
  }
  .solution__header {
    height: 8rem;
    font-size: 1.6rem;
    line-height: 2.4rem;
    margin: 0;
    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;
    border-bottom: 1px solid rgba(43,43,43,0.1);
    -webkit-transition: border-color 0.4s ease;
    transition: border-color 0.4s ease;
    padding-right: 2rem;
  }
  .solution__list {
    display: none;
    background: #f7f7f7;
    margin: 0 -2rem;
    padding: 3rem 2rem;
  }
  .solution__list li + li {
    margin: 1rem 0 0 0;
  }
}
.section-reviews__devops {
  margin-bottom: 50px;
}
.section-reviews__devops .swiper-navigation .swiper-prev .icon,
.section-reviews__devops .swiper-navigation .swiper-next .icon {
  height: auto;
}
.reviews .swiper-navigation.absolute {
  left: 0;
  bottom: 0;
}
.reviews__side {
  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: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding-bottom: 2rem;
}
.reviews__side .section_title {
  margin: 0 0 4rem 0;
}
.reviews__item {
  margin: 0 1.2rem;
}
.reviews__item_text {
  font-size: 1.8rem;
  line-height: 3.8rem;
}
.reviews__item_text a {
  color: rgba(43,43,43,0.4);
  text-decoration: underline;
}
.reviews__item_author {
  margin: 3rem 0 1.5rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.reviews__item_author .img {
  width: 10rem;
  height: 10rem;
  border-radius: 50%;
  background: #fff;
  -webkit-box-shadow: 0 0.2rem 1.2rem #ccc;
          box-shadow: 0 0.2rem 1.2rem #ccc;
  overflow: hidden;
  padding: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.reviews__item_author .img img {
  width: 100%;
}
.reviews__item_author .caption {
  margin: 0 0 0 2rem;
}
.reviews__item_author .caption .name {
  font-size: 2.2rem;
  line-height: 3rem;
  font-weight: bold;
  margin: 0 0 0.4rem 0;
}
.reviews__item_author .caption .role {
  font-size: 1.4rem;
  line-height: 2.5rem;
}
@media screen and (min-width: 1024px) {
  .reviews__item_text a {
    -webkit-transition: color 0.2s ease;
    transition: color 0.2s ease;
  }
  .reviews__item_text a:hover {
    color: #2b2b2b;
  }
}
@media screen and (max-width: 767px) {
  .reviews__side {
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0;
  }
  .reviews__side .section_title {
    margin: 0;
  }
  .reviews__item_text {
    font-size: 1.4rem;
    line-height: 2.5rem;
  }
  .reviews__item_author {
    margin: 2rem 0 0 0;
  }
  .reviews__item_author .img {
    width: 7.5rem;
    height: 7.5rem;
  }
  .reviews__item_author .caption {
    margin: 0 0 0 1rem;
  }
  .reviews__item_author .caption .name {
    font-size: 1.6rem;
    line-height: 2.4rem;
  }
  .reviews__item_author .caption .role {
    font-size: 1.4rem;
    line-height: 2rem;
  }
}
.facts__slider {
  -webkit-box-shadow: 0 2.4rem 5.4rem rgba(0,0,0,0.2);
          box-shadow: 0 2.4rem 5.4rem rgba(0,0,0,0.2);
  border-radius: 1rem;
  overflow: hidden;
  margin: 4rem 0 0 0;
}
.gallery .facts__slider {
  border-radius: 0;
  -webkit-box-shadow: 0 0.2rem 3rem rgba(0,0,0,0.2);
          box-shadow: 0 0.2rem 3rem rgba(0,0,0,0.2);
}
.facts__item {
  height: 33rem;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.gallery .facts__item {
  height: auto;
  min-height: 59rem;
}
.facts__item_img {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 39rem;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.gallery .facts__item_img {
  width: 100%;
}
.facts__item_img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.facts__item_content {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  font-size: 3.6rem;
  line-height: 5.2rem;
  padding: 5.5rem;
  font-weight: 100;
}
.gallery .facts__item_content {
  display: none;
}
@media screen and (min-width: 1024px) {
  .facts__navigation {
    display: none;
  }
  .facts__pagination {
    margin: 3rem 0 0 0;
    padding: 0;
  }
}
@media screen and (max-width: 1023px) {
  .facts__side {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .gallery .facts__side {
    padding: 8rem 0 0 0;
  }
  .gallery .facts__side .section_title h1 {
    position: absolute;
    top: 0;
  }
  .facts__pagination {
    display: none;
  }
  .gallery .facts__pagination {
    display: block;
    position: absolute;
    left: 2rem;
    top: 10.5rem;
    overflow: hidden;
    max-width: 55%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 7.5rem;
  }
  .gallery .facts__pagination .swiper-pagination-bullet {
    display: none;
    margin-left: 0;
    border: none;
    opacity: 0.7;
    font-weight: 100;
    white-space: pre-wrap;
    line-height: 2.4rem;
  }
  .gallery .facts__pagination .swiper-pagination-bullet-active {
    display: block;
  }
  .facts__slider {
    -webkit-box-shadow: none;
            box-shadow: none;
    border-radius: 0;
    margin: 1rem 0 0 0;
  }
  .facts__item {
    height: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .gallery .facts__item {
    height: auto;
    min-height: auto;
  }
  .facts__item_img {
    width: 100%;
    height: auto;
  }
  .gallery .facts__item_img {
    width: 100%;
  }
  .facts__item_content {
    padding: 1.4rem 0 0 0;
    font-size: 1.8rem;
    line-height: 3rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .gallery .facts__pagination {
    top: 12.5rem;
    left: 0;
  }
}
.team__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.team__info {
  width: 45rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  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;
}
.team__info h2 {
  font-size: 4rem;
  letter-spacing: -0.08rem;
  line-height: 4.8rem;
  margin: 0 0 3rem 0;
}
.team__staff {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.team__staff_item {
  color: #eb006e;
}
.team__staff_item + .team__staff_item {
  margin: 0 0 0 3rem;
}
.team__staff_item p {
  font-size: 1.4rem;
  line-height: 2.5rem;
  font-weight: 600;
  margin: 0 0 0.5rem 0;
}
.team__staff_item span {
  font-size: 4.8rem;
  line-height: 4.8rem;
  font-weight: 100;
  display: block;
}
.team__actions .btn i {
  display: inline-block;
  vertical-align: middle;
  margin: 0 1rem 0 0;
  width: 2rem;
  height: 2rem;
}
.team__items {
  background: #f7f7f7;
  width: 42rem;
  height: 40rem;
}
.team__item {
  height: 100%;
  position: relative;
}
.team__item:not(.active) {
  display: none;
}
.team__item .img {
  width: 37rem;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.team__item .img img {
  height: 37rem;
}
.team__item .name {
  position: absolute;
  right: 7rem;
  bottom: 4rem;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  height: 0;
  width: 0;
  white-space: nowrap;
  line-height: 0;
}
.team__item .name h5 {
  font-size: 1.8rem;
  line-height: 3rem;
  font-weight: 600;
}
.team__item .name span {
  font-size: 1.4rem;
  line-height: 2.5rem;
  font-weight: 100;
  text-transform: uppercase;
  display: block;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .team__wrapper {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .team__info {
    width: 28rem;
  }
  .team__info h2 {
    font-size: 3rem;
    line-height: 3rem;
  }
  .team__staff_item + .team__staff_item {
    margin: 0 0 0 2rem;
  }
  .team__staff_item p {
    font-size: 1.2rem;
    line-height: 2.2rem;
  }
  .team__staff_item span {
    font-size: 3.8rem;
    line-height: 3.8rem;
  }
  .team__items {
    background: #f7f7f7;
    width: 36rem;
    height: 36rem;
  }
  .team__item {
    height: 100%;
  }
  .team__item .img {
    width: 32rem;
  }
  .team__item .img img {
    height: 32rem;
  }
}
@media screen and (max-width: 767px) {
  .team__wrapper {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    position: relative;
    padding-top: 8rem;
  }
  .team__info {
    width: auto;
  }
  .team__info h2 {
    font-size: 2.2rem;
    line-height: 3rem;
    position: absolute;
    top: 0;
  }
  .team__staff_item {
    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;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    max-width: 10rem;
  }
  .team__staff_item + .team__staff_item {
    margin: 0 0 0 2rem;
  }
  .team__staff_item p {
    font-size: 1.2rem;
    line-height: 2.2rem;
  }
  .team__staff_item span {
    font-size: 3.8rem;
    line-height: 3.8rem;
  }
  .team__items {
    background: #f7f7f7;
    width: 32rem;
    height: 32rem;
    margin: 0 -2rem 2rem -2rem;
  }
  .team__item {
    height: 100%;
  }
  .team__item .img {
    width: 32rem;
  }
  .team__item .img img {
    height: 28rem;
  }
  .team__item .name {
    right: 7rem;
    bottom: 2rem;
  }
  .team__actions {
    margin: 1.5rem 0 0 0;
  }
  .team__actions .btn {
    border: none;
    background: none;
    color: #eb006e;
    position: absolute;
    min-width: 0;
    right: 0;
    bottom: 4rem;
    height: auto;
  }
  .team__actions .btn .btn-label {
    padding: 0;
    text-transform: uppercase;
    line-height: 2.8rem;
  }
  .team__actions .btn .btn-label i {
    display: block;
    margin: 0 0 1rem 0;
  }
}
.team-old {
  position: relative;
}
.team-old_member__content h5 {
  font-weight: 600;
}
.team-old_member__content span {
  font-weight: 100;
  letter-spacing: 0.22rem;
  text-transform: uppercase;
}
.team-old_member:not(.active) {
  display: none;
}
.team-old_banner {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.team-old_banner__more {
  text-transform: uppercase;
}
.team-old_banner__more:active,
.team-old_banner__more:focus {
  outline: none;
}
.team-old_banner__more svg {
  position: absolute;
  width: 2.6rem;
  height: 2.6rem;
  -webkit-transition: -webkit-transform 0.35s ease;
  transition: -webkit-transform 0.35s ease;
  transition: transform 0.35s ease;
  transition: transform 0.35s ease, -webkit-transform 0.35s ease;
}
.team-old_banner__section {
  color: #eb006e;
}
.team-old_overlay {
  position: absolute;
  pointer-events: none;
  overflow: hidden;
  height: 17.8rem;
  left: 0;
  right: 0;
  bottom: 0;
}
.team-old_overlay .clone {
  height: 17.8rem;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  overflow: hidden;
  -webkit-filter: blur(0.6rem);
          filter: blur(0.6rem);
  background: #fff;
}
.team-old_overlay .clone .team_overlay,
.team-old_overlay .clone .team_banner {
  display: none;
}
@media screen and (min-width: 768px) {
  .team-old {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
  }
  .team-old h2 {
    font-size: 4rem;
    letter-spacing: -0.08rem;
    line-height: 4.8rem;
    position: absolute;
    top: 0;
  }
  .team-old_member {
    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%;
    min-height: 66rem;
  }
  .team-old_member__content {
    max-width: 31rem;
    margin-bottom: 23rem;
  }
  .team-old_member__content h5 {
    font-size: 2.4rem;
    margin-bottom: 1rem;
  }
  .team-old_member__content span {
    font-size: 1.6rem;
    margin-bottom: 1rem;
  }
  .team-old_member__content p {
    margin-top: 3.8rem;
    font-size: 1.8rem;
    line-height: 3rem;
  }
  .team-old_member__img {
    margin-right: 17rem;
  }
  .team-old_member__img img {
    max-height: 65rem;
  }
  .team-old_banner {
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 3rem;
    overflow: hidden;
    z-index: 2;
    background: rgba(105,105,105,0.05);
    height: 17.8rem;
  }
  .team-old_banner__section {
    width: 33rem;
    height: 12rem;
    padding: 2rem 0 0 7rem;
  }
  .team-old_banner__section:nth-of-type(1) {
    border-right: 1px solid #e5e5e5;
  }
  .team-old_banner__more {
    vertical-align: middle;
    padding: 3rem 4rem 3rem 5.5rem;
    position: relative;
  }
  .team-old_banner__more svg {
    top: 2.5rem;
    left: 1.5rem;
  }
  .team-old_banner__staff p {
    margin-bottom: 1rem;
  }
  .team-old_banner__staff span {
    font-weight: 700;
    font-size: 4.8rem;
    line-height: 4.8rem;
  }
}
@media screen and (min-width: 1360px) {
  .team-old h2__content,
  .team-old_member__content {
    margin-bottom: 14rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .team-old h2 {
    font-size: 3rem;
    line-height: 3.8rem;
  }
  .team-old_member__name h5 {
    font-size: 2rem;
  }
  .team-old_member__img {
    margin-right: 0;
  }
  .team-old_member__content {
    margin-bottom: 0;
  }
  .team-old_member__content p {
    font-size: 1.6rem;
    line-height: 2.5rem;
    margin-top: 2rem;
  }
  .team-old_banner__section {
    padding: 2rem 0 3rem;
  }
  .team-old_banner__more {
    padding-right: 3rem;
  }
}
@media screen and (max-width: 767px) {
  .team-old {
    position: relative;
  }
  .team-old h2 {
    font-size: 2.4rem;
    letter-spacing: -0.06rem;
    line-height: 3.6rem;
    margin-bottom: 2rem;
  }
  .team-old_overlay {
    -webkit-filter: none;
            filter: none;
    display: none;
  }
  .team-old_member {
    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%;
  }
  .team-old_member__content h5 {
    font-size: 1.6rem;
  }
  .team-old_member__content span {
    font-size: 1.4rem;
  }
  .team-old_member__content p {
    display: none;
  }
  .team-old_member__name {
    position: absolute;
    width: 100%;
    top: 45%;
    -webkit-transform: rotate(-90deg) translatey(-12rem);
            transform: rotate(-90deg) translatey(-12rem);
  }
  .team-old_member__img {
    width: 24rem;
    margin-right: 2rem;
  }
  .team-old_banner {
    bottom: 2.5rem;
    left: 0;
    right: 0;
    margin: 0 -2rem;
    background-color: rgba(247,247,247,0.8);
    padding: 3rem;
  }
  .team-old_banner__more {
    position: absolute;
    top: -10rem;
    right: 2rem;
    padding-top: 3rem;
  }
  .team-old_banner__more svg {
    top: 0;
    left: 0.9rem;
  }
  .team-old_banner__staff {
    padding: 0 1rem;
  }
  .team-old_banner__staff p {
    margin-bottom: 1rem;
  }
  .team-old_banner__staff span {
    font-weight: 700;
    font-size: 3rem;
    line-height: 3rem;
  }
}
.partners__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 1024px) {
  .partners {
    margin-top: 8rem;
    overflow: hidden;
  }
  .partners__item {
    height: 5.4rem;
    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;
  }
  .partners__item + .partners__item {
    margin: 0 0 0 5.3rem;
  }
  .partners__item img {
    max-width: 15rem;
    max-height: 100%;
    display: block;
  }
  .partners.designlab {
    margin-top: 8rem;
  }
}
@media screen and (max-width: 1023px) {
  .partners {
    margin: 0 -2rem;
    padding: 0 2rem 4rem;
    overflow-x: scroll;
    overflow-scrolling: touch;
    -webkit-overflow-scrolling: touch;
  }
  .partners__item {
    height: 5.4rem;
    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;
  }
  .partners__item + .partners__item {
    margin: 0 0 0 5.3rem;
  }
  .partners__item img {
    max-width: 15rem;
    max-height: 100%;
    display: block;
  }
  .partners.designlab {
    padding-bottom: 1rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .partners {
    padding: 3rem 2rem 4rem;
  }
}
@media screen and (max-width: 767px) {
  .partners {
    padding: 0 2rem 4rem;
    margin: 4rem -2rem 0;
  }
  .partners__item + .partners__item {
    margin: 0 0 0 3rem;
  }
}
.differences__card {
  background-color: #f7f7f7;
  -webkit-box-shadow: 0 0 0 1px #fff;
          box-shadow: 0 0 0 1px #fff;
  -webkit-transition: background 0.3s, -webkit-box-shadow 0.3s ease;
  transition: background 0.3s, -webkit-box-shadow 0.3s ease;
  transition: background 0.3s, box-shadow 0.3s ease;
  transition: background 0.3s, box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
}
.differences__card p {
  opacity: 0.7;
  font-size: 1.4rem;
  line-height: 2.5rem;
}
@media screen and (min-width: 1024px) {
  .differences {
    margin: 4rem 0 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
  }
  .differences.small .differences__card {
    height: 22rem;
  }
  .differences.medium .differences__card {
    height: 28rem;
  }
  .differences__card {
    position: relative;
    width: 52rem;
    height: 36rem;
    padding: 4rem 5rem;
  }
  .differences__card h4 {
    font-weight: 600;
    font-size: 2.2rem;
    letter-spacing: -0.05;
    line-height: 3rem;
    margin-bottom: 4rem;
  }
  .differences__card p {
    bottom: 0;
    position: absolute;
    padding: 0 5rem 4rem 0;
  }
  .differences__card .text_mark {
    background-color: transparent;
    -webkit-transition: background 0.2s ease;
    transition: background 0.2s ease;
  }
  .differences__card:hover {
    background-color: #fff;
    -webkit-box-shadow: 0 3.5rem 7rem 0 rgba(0,0,0,0.23);
            box-shadow: 0 3.5rem 7rem 0 rgba(0,0,0,0.23);
    z-index: 1;
  }
  .differences__card:hover .text_mark {
    background-color: #d0e9ec;
  }
}
@media screen and (min-width: 1360px) {
  .differences__card {
    width: 60rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .differences {
    margin: 2rem 0 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
  }
  .differences__card {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
            flex-flow: column wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 4rem 3rem;
  }
  .differences__card h4 {
    font-weight: 600;
    font-size: 2.2rem;
    letter-spacing: -0.05;
    line-height: 3rem;
    margin-bottom: 4rem;
  }
  .differences__card:hover {
    background-color: #fff;
    -webkit-box-shadow: 0 3.5rem 7rem 0 rgba(0,0,0,0.23);
            box-shadow: 0 3.5rem 7rem 0 rgba(0,0,0,0.23);
    z-index: 1;
  }
}
@media screen and (max-width: 767px) {
  .differences {
    margin: -2rem;
    margin-top: 2rem;
  }
  .differences__card {
    padding: 3rem 2rem;
  }
  .differences__card h4 {
    font-size: 1.6rem;
    letter-spacing: -0.03;
    line-height: 2.4rem;
    margin-bottom: 2rem;
  }
}
.scope__side {
  padding: 2.5rem 0 0 0;
}
.scope-popup {
  position: relative;
}
@media screen and (min-width: 1024px) {
  .scope__tabs {
    margin: 3rem 0 0 0;
  }
  .scope__tabs a {
    display: block;
    font-size: 1.4rem;
    line-height: 3.8rem;
    text-transform: uppercase;
    position: relative;
    -webkit-transition: opacity 0.4s ease;
    transition: opacity 0.4s ease;
    cursor: pointer;
  }
  .scope__tabs a:not(.active) {
    opacity: 0.4;
  }
  .scope__tabs a.active:before {
    width: 0.6rem;
    height: 0.6rem;
    background: #eb006e;
    position: absolute;
    content: '';
    left: -1.6rem;
    top: 0;
    bottom: 0;
    margin: auto;
  }
  .scope__tabs a:hover {
    opacity: 1;
  }
  .scope__swiper {
    height: 54rem;
  }
  .scope__item {
    width: 50rem;
    height: 54rem;
    background: #fff;
    -webkit-box-shadow: 0 0.2rem 3rem rgba(43,43,43,0.2);
            box-shadow: 0 0.2rem 3rem rgba(43,43,43,0.2);
    position: absolute;
    padding: 8rem 6rem;
  }
  .scope__item:not(.isDragging) {
    -webkit-transition: -webkit-transform 0.2s ease;
    transition: -webkit-transform 0.2s ease;
    transition: transform 0.2s ease;
    transition: transform 0.2s ease, -webkit-transform 0.2s ease;
  }
  .scope__item .title {
    font-size: 2.4rem;
    line-height: 3.6rem;
    margin: 0 0 3.5rem 0;
  }
  .scope__item p {
    font-size: 1.4rem;
    line-height: 2.5rem;
    margin-bottom: 4rem;
    opacity: 0.7;
  }
  .scope__item ul {
    max-height: 22rem;
    padding: 4rem 0;
    border-top: 1px solid rgba(43,43,43,0.2);
    font-size: 1.4rem;
    line-height: 2.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .scope__item ul li {
    position: relative;
    padding: 0 0 0 1.8rem;
    max-width: 19rem;
  }
  .scope__item ul li:before {
    position: absolute;
    width: 0.8rem;
    height: 0.2rem;
    background: #eb006e;
    content: '';
    top: 1.1rem;
    left: 0;
  }
}
@media screen and (min-width: 1360px) {
  .scope__swiper {
    padding-left: 8rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .scope__side {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .scope__side .section_title {
    max-width: 50%;
    padding-right: 6rem;
  }
  .scope__tabs {
    margin: 0;
    max-width: 50%;
  }
}
@media screen and (max-width: 1023px) {
  .scope__tabs a {
    display: block;
    font-size: 1.2rem;
    line-height: 2rem;
    text-transform: uppercase;
    border: 1px solid rgba(43,43,43,0.2);
    border-bottom: none;
    padding: 1.4rem 1rem;
    cursor: pointer;
  }
  .scope__tabs a:last-child {
    border-bottom: 1px solid rgba(43,43,43,0.2);
  }
  .scope__swiper {
    display: none;
  }
  .scope-popup .title {
    font-size: 2.2rem;
    line-height: 3rem;
    margin: 0 0 2rem 0;
  }
  .scope-popup p {
    font-size: 1.4rem;
    line-height: 2.5rem;
    opacity: 0.7;
    margin-bottom: 2rem;
  }
  .scope-popup ul {
    padding: 2rem 0;
    border-top: 1px solid rgba(43,43,43,0.2);
    font-size: 1.4rem;
    line-height: 2.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .scope-popup ul li {
    position: relative;
    padding: 0 0 0 1.8rem;
  }
  .scope-popup ul li:before {
    position: absolute;
    width: 0.8rem;
    height: 0.2rem;
    background: #eb006e;
    content: '';
    top: 1.1rem;
    left: 0;
  }
}
@media screen and (max-width: 767px) {
  .scope__tabs {
    margin: 3rem 0 0 0;
  }
}
.spread__side {
  padding: 6rem 0 0 0;
}
.spread__side_content {
  padding: 7rem 0 0 0;
  min-height: 28rem;
}
.spread__side_content h3 {
  margin: 0 0 2rem 0;
}
.spread__side_content p {
  font-size: 1.4rem;
  line-height: 2.5rem;
  opacity: 0.7;
  margin: 0 0 4.5rem 0;
}
.spread__side_content .img {
  height: 6.4rem;
}
.spread__side_content .img img {
  max-height: 100%;
}
.spread__side_actions {
  margin: 3.5rem 0 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.spread__side_actions .swiper-navigation {
  margin: 0 2rem 0 0;
}
.spread__recap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0 0 4rem 0;
  margin: 0 0 4rem 0;
  border-bottom: 1px solid rgba(0,0,0,0.2);
}
.spread__recap_item {
  width: 50%;
  margin: 2rem 0 0 0;
}
.spread__recap_item .caption {
  font-size: 1.4rem;
  line-height: 2.2rem;
  opacity: 0.7;
  margin: 0 0 0.5rem 0;
}
.spread__recap_item .num {
  color: #eb006e;
  font-size: 4rem;
  line-height: 4.8rem;
}
.spread__list ul {
  font-size: 1.4rem;
  line-height: 2.5rem;
  width: 100%;
  max-width: 28rem;
}
.spread__list ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.spread__list ul li span {
  min-width: 6rem;
}
.spread__list ul li span:first-child {
  opacity: 0.7;
}
@media screen and (min-width: 1024px) {
  .spread__swiper {
    height: 62rem;
  }
  .spread__item {
    width: 50rem;
    height: 62rem;
    background: #fff;
    -webkit-box-shadow: 0 0.2rem 3rem rgba(43,43,43,0.2);
            box-shadow: 0 0.2rem 3rem rgba(43,43,43,0.2);
    position: absolute;
    padding: 6rem 6rem;
  }
  .spread__item:not(.isDragging) {
    -webkit-transition: -webkit-transform 0.2s ease;
    transition: -webkit-transform 0.2s ease;
    transition: transform 0.2s ease;
    transition: transform 0.2s ease, -webkit-transform 0.2s ease;
  }
  .spread__item .title {
    font-size: 2.4rem;
    line-height: 2.8rem;
    margin: 0 0 3.5rem 0;
  }
}
@media screen and (min-width: 1360px) {
  .spread__swiper {
    padding-left: 8rem;
  }
}
@media screen and (max-width: 1023px) {
  .spread__side_content {
    min-height: auto;
    padding: 4rem 0 0 0;
    margin: 0;
  }
  .spread__side_content h3 {
    margin: 0;
  }
  .spread__side_content p,
  .spread__side_content .img {
    display: none;
  }
  .spread__side_actions {
    margin: 2rem 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  .spread__side_actions .swiper-navigation {
    margin: 0 0 0 2rem;
  }
  .spread__side_actions .btn {
    min-width: auto;
    width: 100%;
  }
  .spread__swiper {
    height: 40rem;
  }
  .spread__item {
    width: 28rem;
    height: 40rem;
    background: #fff;
    -webkit-box-shadow: 0 0.2rem 3rem rgba(43,43,43,0.2);
            box-shadow: 0 0.2rem 3rem rgba(43,43,43,0.2);
    position: absolute;
    padding: 2rem;
  }
  .spread__item:not(.isDragging) {
    -webkit-transition: -webkit-transform 0.2s ease;
    transition: -webkit-transform 0.2s ease;
    transition: transform 0.2s ease;
    transition: transform 0.2s ease, -webkit-transform 0.2s ease;
  }
  .spread__item .title {
    font-size: 1.6rem;
    line-height: 2.4rem;
    margin: 0 0 2rem 0;
  }
  .spread__recap {
    border-bottom: none;
    padding: 0;
    margin: 0 0 2rem 0;
  }
  .spread__recap_item {
    width: 50%;
    margin: 0 0 2rem 0;
  }
  .spread__recap_item .caption {
    font-size: 1.2rem;
    line-height: 2rem;
    opacity: 0.7;
    margin: 0 0 0.5rem 0;
  }
  .spread__recap_item .num {
    color: #eb006e;
    font-size: 3rem;
    line-height: 3rem;
  }
  .spread__list ul {
    font-size: 1.4rem;
    line-height: 2.5rem;
    width: 100%;
    max-width: 28rem;
  }
  .spread__list ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .spread__list ul li span {
    min-width: 6rem;
  }
  .spread__list ul li span:first-child {
    opacity: 0.7;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .spread__swiper {
    padding-left: 3rem;
  }
  .spread__side {
    padding: 3rem 0 0 0;
  }
  .spread__side_content p,
  .spread__side_content .img {
    display: block;
  }
  .spread__side_actions .btn {
    width: 90%;
  }
}
.partners__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 1024px) {
  .partners {
    margin-top: 8rem;
    overflow: hidden;
  }
  .partners__item {
    height: 5.4rem;
    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;
  }
  .partners__item + .partners__item {
    margin: 0 0 0 5.3rem;
  }
  .partners__item img {
    max-width: 15rem;
    max-height: 100%;
    display: block;
  }
  .partners.designlab {
    margin-top: 8rem;
  }
}
@media screen and (max-width: 1023px) {
  .partners {
    margin: 0 -2rem;
    padding: 0 2rem 4rem;
    overflow-x: scroll;
    overflow-scrolling: touch;
    -webkit-overflow-scrolling: touch;
  }
  .partners__item {
    height: 5.4rem;
    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;
  }
  .partners__item + .partners__item {
    margin: 0 0 0 5.3rem;
  }
  .partners__item img {
    max-width: 15rem;
    max-height: 100%;
    display: block;
  }
  .partners.designlab {
    padding-bottom: 1rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .partners {
    padding: 3rem 2rem 4rem;
  }
}
@media screen and (max-width: 767px) {
  .partners {
    padding: 0 2rem 4rem;
    margin: 4rem -2rem 0;
  }
  .partners__item + .partners__item {
    margin: 0 0 0 3rem;
  }
}
.section--progress {
  overflow: hidden;
}
.progress_step {
  position: relative;
}
.progress_step__icon {
  background-color: #fff;
  border-radius: 50%;
}
.progress_step__icon svg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translatey(-50%) translatex(-50%);
          transform: translatey(-50%) translatex(-50%);
}
.progress_step__text {
  opacity: 0.7;
  line-height: 2.5rem;
}
.progress_step:before {
  content: '-----------';
  display: block;
  position: absolute;
  color: #979797;
  font-weight: 400;
  font-family: monospace;
}
.progress_step:nth-last-of-type(1):before {
  display: none;
}
.progress_step--pink:before {
  color: #eb006e;
}
.progress_step--pink:after {
  content: '-----------';
  display: block;
  position: absolute;
  color: #eb006e;
  bottom: 1rem;
  left: 1rem;
  font-weight: 400;
  font-family: monospace;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
@media screen and (min-width: 1024px) {
  .section--progress {
    padding: 4rem 0 3rem;
    margin-bottom: 2rem;
  }
  .progress {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 14rem;
    margin-top: 7rem;
  }
  .progress_step {
    width: 21rem;
  }
  .progress_step__icon {
    position: relative;
    width: 10.5rem;
    height: 10.5rem;
    -webkit-box-shadow: 0 2rem 3rem 0 #ccc;
            box-shadow: 0 2rem 3rem 0 #ccc;
    z-index: 2;
  }
  .progress_step__icon svg {
    width: 5.5rem;
    height: 5.5rem;
  }
  .progress_step__text {
    margin-top: 2rem;
    max-width: 75%;
  }
  .progress_step--pink .progress_step__text {
    opacity: 1;
    color: #eb006e;
    position: absolute;
    bottom: -12rem;
    left: -4rem;
    white-space: nowrap;
    font-weight: 700;
    position: relative;
  }
  .progress_step--pink .progress_step__text:before,
  .progress_step--pink .progress_step__text:after {
    content: '';
    display: block;
    position: absolute;
    border-radius: 5rem;
  }
  .progress_step--pink .progress_step__text:before {
    top: -3rem;
    left: 9rem;
    width: 0.8rem;
    height: 0.8rem;
    background-color: #eb006e;
  }
  .progress_step--pink .progress_step__text:after {
    top: -3.5rem;
    left: 8.5rem;
    background-color: transparent;
    border: 1px solid #eb006e;
    width: 1.6rem;
    height: 1.6rem;
  }
  .progress_step--done .progress_step__text {
    padding-left: 3rem;
  }
  .progress_step:before {
    top: 4rem;
    left: 11.1rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .section--progress {
    padding: 2rem 0 2rem;
  }
  .progress {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 3.5rem;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-bottom: 6rem;
  }
  .progress_step {
    min-width: 14.5rem;
  }
  .progress_step__icon {
    position: relative;
    width: 8.5rem;
    height: 8.5rem;
    -webkit-box-shadow: 0 2rem 3rem 0 #ccc;
            box-shadow: 0 2rem 3rem 0 #ccc;
    z-index: 2;
  }
  .progress_step__icon svg {
    width: 4.5rem;
    height: 4.5rem;
  }
  .progress_step__text {
    margin: 2rem auto 0;
  }
  .progress_step--pink .progress_step__text {
    position: absolute;
    font-size: 2.4rem;
    line-height: 3rem;
    opacity: 1;
    color: #eb006e;
    font-weight: 700;
    margin-top: 9rem;
    display: block;
    width: 20rem;
  }
  .progress_step--pink .progress_step__text:before,
  .progress_step--pink .progress_step__text:after {
    content: '';
    display: block;
    position: absolute;
    border-radius: 5rem;
  }
  .progress_step--pink .progress_step__text:before {
    top: -2.5rem;
    left: 3.75rem;
    width: 8px;
    height: 8px;
    background-color: #eb006e;
  }
  .progress_step--pink .progress_step__text:after {
    top: -3rem;
    left: 3.3rem;
    background-color: transparent;
    border: 1px solid #eb006e;
    width: 16px;
    height: 16px;
  }
  .progress_step:before {
    content: '-----';
    top: 3.5rem;
    left: 9.5rem;
  }
  .progress_step--pink:after {
    content: '-----';
    left: 2.3rem;
    bottom: 3rem;
  }
}
@media screen and (max-width: 767px) {
  .progress {
    margin-top: 3.5rem;
  }
  .progress_step {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .progress_step + .progress_step {
    margin-top: 4rem;
  }
  .progress_step__icon {
    position: relative;
    width: 9rem;
    height: 9rem;
    -webkit-box-shadow: 0 2rem 3rem 0 #ccc;
            box-shadow: 0 2rem 3rem 0 #ccc;
    z-index: 2;
    display: inline-block;
  }
  .progress_step__icon svg {
    width: 4.5rem;
    height: 4.5rem;
  }
  .progress_step__text {
    max-width: 50%;
    margin-left: 2rem;
    display: inline-block;
  }
  .progress_step--pink .progress_step__text {
    opacity: 1;
    color: #eb006e;
    font-weight: 700;
  }
  .progress_step--done .progress_step__text {
    opacity: 1;
    font-weight: 700;
    font-size: 2.2rem;
    line-height: 3rem;
    letter-spacing: -0.05rem;
  }
  .progress_step:before {
    content: '---';
    bottom: -2.8rem;
    left: 3.8rem;
    font-size: 1.1rem;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
  .progress_step--pink:after {
    display: none;
  }
}
.banner_pink {
  background-color: #eb006e;
  border-radius: 0.8rem;
  -webkit-box-shadow: 0 2rem 4rem 0 rgba(212,23,140,0.3);
          box-shadow: 0 2rem 4rem 0 rgba(212,23,140,0.3);
  color: #fff;
}
@media screen and (min-width: 1024px) {
  .banner_pink {
    padding: 4.3rem 6rem;
    margin-top: 6rem;
  }
  .banner_pink h2 {
    font-size: 4rem;
    line-height: 4.8rem;
    letter-spacing: -0.08rem;
    margin-bottom: 2rem;
    max-width: 75%;
  }
  .banner_pink.banner_pink--big {
    padding: 9rem 6rem;
  }
  .banner_pink.banner_pink--big p {
    font-size: 1.8rem;
    line-height: 3.2rem;
    max-width: 80%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .banner_pink {
    padding: 3rem 4rem;
    margin-top: 6rem;
  }
  .banner_pink h2 {
    font-size: 3.4rem;
    line-height: 4.4rem;
    margin-bottom: 1.5rem;
  }
  .banner_pink.banner_pink--big p {
    font-size: 1.8rem;
    line-height: 3.2rem;
    max-width: 80%;
  }
}
@media screen and (max-width: 767px) {
  .banner_pink {
    padding: 3rem 2rem;
    margin: 4rem -2rem 0;
    border-radius: 0;
  }
  .banner_pink h2 {
    font-size: 2.4rem;
    line-height: 3.6rem;
    letter-spacing: -0.06rem;
    margin-bottom: 2rem;
    padding-right: 2rem;
  }
  .banner_pink .btn {
    width: 100%;
  }
  .banner_pink.banner_pink--big {
    position: relative;
    padding: 4rem 2rem 9rem;
  }
  .banner_pink.banner_pink--big .col-5 {
    position: static;
  }
  .banner_pink.banner_pink--big .banner_pink__btn {
    position: absolute;
    bottom: 4rem;
    right: 2rem;
    left: 2rem;
  }
  .banner_pink.banner_pink--big .banner_pink__btn .btn {
    width: 100%;
  }
  .banner_pink.banner_pink--big .banner_pink__content {
    padding-bottom: 5rem;
    padding-right: 1rem;
  }
  .banner_pink.banner_pink--big .banner_pink__content p {
    font-size: 1.4rem;
    line-height: 2.2rem;
  }
}
.products_card {
  background-color: #f7f7f7;
}
.products_card__icon {
  width: 12.5rem;
  height: 9.7rem;
  margin: auto;
}
.products_card__icon img {
  width: 100%;
}
.products_card__info p {
  font-size: 1.6rem;
  line-height: 2.6rem;
  margin-bottom: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 10rem;
}
.products_card__info p .link {
  font-size: 1.4rem;
  font-weight: 600;
  color: #2b2b2b;
  opacity: 0.4;
  line-height: 1.4rem;
  border-bottom: 1px solid #2b2b2b;
  display: inline-block;
  margin: 0.5rem 0 0 0;
}
@media screen and (min-width: 1024px) {
  .products_card {
    padding: 6rem;
    width: 33rem;
    height: 47rem;
  }
  .products_card__info {
    margin: 5rem 0 1.5rem;
  }
  .products_card__info span {
    font-size: 3rem;
    color: #eb006e;
    line-height: 3.8rem;
    display: block;
  }
}
@media screen and (min-width: 1360px) {
  .products_card {
    width: 38rem;
  }
}
@media screen and (max-width: 1023px) {
  .products_card {
    padding: 4rem 3rem;
  }
  .products_card__info {
    margin: 4rem 0 1.5rem;
  }
  .products_card__info span {
    font-size: 3rem;
    color: #eb006e;
    line-height: 3.8rem;
    display: block;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .products_card {
    width: 48%;
  }
  .products_card__info p {
    margin-bottom: 2rem;
  }
}
.products {
  position: relative;
}
@media screen and (min-width: 1024px) {
  .products__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .products__title {
    margin: 4rem 0;
    max-width: 70rem;
  }
  .products__navigation {
    position: absolute;
    top: 0;
    right: 0;
    background-color: transparent;
  }
  .products__navigation .swiper-pagination-counter {
    display: none;
  }
  .products__navigation {
    position: absolute;
    top: 1rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .products__title {
    max-width: 80%;
  }
  .products__slider {
    margin-top: 2rem;
  }
  .products__navigation {
    position: absolute;
    top: 0;
  }
}
@media screen and (max-width: 1023px) {
  .products__title {
    margin: 2rem 0 2rem;
    max-width: 70rem;
  }
  .products__navigation {
    margin: 0 0 1rem 0;
    position: static;
    top: auto;
    right: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media screen and (max-width: 767px) {
  .products__title {
    padding-bottom: 2rem;
  }
}
.service_card {
  background-color: #f7f7f7;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.service_card h4 {
  font-size: 2rem;
  letter-spacing: -0.04rem;
  line-height: 3rem;
}
.service_card__caption {
  height: 8rem;
  border-bottom: 1px solid #eb006e;
}
.simple .service_card__caption {
  height: 5rem;
}
.service_card__content {
  margin-top: 2rem;
}
.service_card__content li {
  font-size: 1.4rem;
  line-height: 2rem;
}
.service_card__content li + li {
  margin-top: 1.2rem;
}
.simple .service_card__content li + li {
  margin-top: 2rem;
}
.service_card__content p {
  font-size: 1.4rem;
  line-height: 3rem;
}
.service_card__price {
  font-size: 3rem;
  color: #eb006e;
  line-height: 3.8rem;
  margin-top: auto;
}
.service_card__actions {
  margin-top: 1.5rem;
}
.service_card.dark {
  background-color: #000;
  color: #fff;
}
@media screen and (min-width: 1024px) {
  .service_card {
    padding: 4rem 6rem;
    height: 48rem;
    width: 33rem;
  }
  .service_card.full {
    padding: 4rem;
  }
  .service_card .btn {
    width: 100%;
  }
}
@media screen and (min-width: 1360px) {
  .service_card {
    width: 38rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .service_card {
    width: 50%;
    padding: 4rem 3rem;
    height: 48rem;
  }
  .service_card__price {
    margin-top: 2.7rem;
  }
}
@media screen and (max-width: 767px) {
  .service_card {
    padding: 4rem 3rem;
    width: 100%;
    height: 46rem;
  }
  .service_card.full {
    padding: 4rem 2rem;
  }
  .service_card__price {
    margin-top: 3.5rem;
  }
}
.service {
  position: relative;
}
.service__navigation {
  display: none;
}
@media screen and (min-width: 1024px) {
  .service__container {
    margin-top: 4rem;
  }
  .service__title {
    margin: 4rem 0 0;
    max-width: 70rem;
  }
  .service__title p {
    line-height: 3.8rem;
  }
  .service__slider {
    margin-top: 4rem;
  }
  .service .swiper-pagination {
    display: none;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .service__container {
    margin-top: 3rem;
  }
  .service__title {
    margin: 3rem 0 0;
  }
  .service__slider {
    margin-top: 3rem;
  }
}
@media screen and (max-width: 767px) {
  .service__container {
    margin-top: 2rem;
  }
  .service__title {
    margin: 2rem 0 0;
    max-width: 70rem;
  }
  .service__slider {
    margin-top: 3rem;
  }
  .service__navigation {
    position: absolute;
    top: 0;
    right: 0;
    background-color: transparent;
  }
}
.technologies__item p {
  opacity: 0.7;
  line-height: 2.4rem;
}
@media screen and (min-width: 768px) {
  .technologies {
    padding: 6rem 0 4rem;
  }
  .technologies__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: stretch;
        -ms-flex-pack: stretch;
            justify-content: stretch;
    margin-top: -3rem;
  }
  .technologies__item {
    margin-top: 3rem;
    width: 31rem;
    padding-right: 5rem;
  }
  .technologies__item h2 {
    margin-bottom: 2rem;
    font-size: 2.2rem;
    letter-spacing: -0.05rem;
    line-height: 3rem;
  }
  .technologies__item button {
    display: none;
  }
}
@media screen and (min-width: 1024px) {
  .technologies__container__item {
    margin-right: 3rem;
  }
}
@media screen and (min-width: 1360px) {
  .technologies__item {
    width: 39rem;
  }
}
@media screen and (max-width: 767px) {
  .technologies {
    margin-top: 4.8rem;
  }
  .technologies__item {
    position: relative;
  }
  .technologies__item h2,
  .technologies__item p {
    padding: 2.8rem 0;
  }
  .technologies__item h2 {
    font-weight: 600;
    font-size: 1.6rem;
    letter-spacing: -0.03rem;
    line-height: 2.4rem;
  }
  .technologies__title {
    border-bottom: 1px solid #f7f7f7;
    min-height: 6rem;
    font-size: 2.2rem;
    line-height: 3rem;
    font-weight: bold;
    position: relative;
  }
  .technologies__text {
    background-color: #f7f7f7;
    margin: 0 -2rem;
    padding: 0 2rem;
    display: block;
    font-size: 1.4rem;
    line-height: 2rem;
    opacity: 0.7;
  }
}
.ymaps-2-1-68-ground-pane {
  opacity: 0.5;
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
}
.contacts__item_map #contacts-map {
  height: 50rem;
}

.contacts__item_content {
  margin-top: 35px;
}

.contacts__item_content.hidden {
  display: none;
}
.contacts__item_content .title {
  font-size: 2.2rem;
  line-height: 3rem;
  margin: 0 0 2rem 0;
}
.address {
  font-size: 1.4rem;
  line-height: 3rem;
  color: rgba(0,0,0,0.5);
}
.address.second {
  margin: 5rem 0 0 0;
}
.address .underground {
  padding-left: 2rem;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.address .underground.map {
  padding-left: 0;
  color: #2b2b2b;
  font-size: 1.5rem;
  margin-bottom: 0.5rem;
  font-weight: 600;
}
.address .underground .cube {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translatey(-50%);
          transform: translatey(-50%);
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
}
.address .link a {
  color: #eb006e;
  text-decoration: underline;
}
.address p + p {
  margin-top: 0.3rem;
}
@media screen and (min-width: 1024px) {
  .contacts__tabs {
    flex-flow: row wrap;
    padding: 0 0 2rem 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .contacts__tabs select {
    display: none;
  }
  .contacts__tabs a {
    margin: 0 0 0 4rem;
    display: block;
    font-size: 1.4rem;
    line-height: 3.8rem;
    position: relative;
    -webkit-transition: opacity 0.4s ease;
    transition: opacity 0.4s ease;
    cursor: pointer;
  }
  .contacts__tabs a + a {
    margin: 0 0 0 4rem;
  }
  .contacts__tabs a:not(.active) {
    opacity: 0.4;
  }
  .contacts__tabs a.active:before {
    width: 0.6rem;
    height: 0.6rem;
    background: #eb006e;
    position: absolute;
    content: '';
    left: -1.2rem;
    top: 0;
    bottom: 0;
    margin: auto;
  }
  .contacts__tabs a:hover {
    opacity: 1;
  }
}
@media screen and (max-width: 1023px) {
  .contacts__item_map #contacts__map {
    height: 40rem;
  }
  .contacts__item_content ul.second {
    margin: 0 0 2rem 0;
  }
  .contacts__tabs {
    padding: 0 0 3rem 0;
  }
  .contacts__tabs a {
    display: none;
  }
  .mobile_select {
    position: relative;
    border-top: 1px solid rgba(235,235,235,0.4);
    -webkit-box-shadow: 0 0.7rem 1.3rem rgba(0,0,0,0.08);
            box-shadow: 0 0.7rem 1.3rem rgba(0,0,0,0.08);
  }
  .mobile_select:before {
    position: absolute;
    background: url("/static/img/minified-svg/icon-arrow-small.svg") no-repeat center center/100%;
    color: #2b2b2b;
    top: 1.8rem;
    right: 2rem;
    display: block;
    width: 0.8rem;
    height: 1.2rem;
    content: '';
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    pointer-events: none;
  }
  .mobile_select select {
    -webkit-appearance: none;
    width: 100%;
    height: 4.8rem;
    border-radius: 0;
    padding: 0.9rem 2rem;
    outline: none;
    background: #fff;
    border: none;
    -webkit-box-shadow: 0 0.1rem 0.2rem rgba(0,0,0,0.14);
            box-shadow: 0 0.1rem 0.2rem rgba(0,0,0,0.14);
  }
}
@media screen and (max-width: 767px) {
  .contacts__item {
    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;
  }
  .contacts__item_map {
    padding-bottom: 2rem;
  }
  .contacts__tabs {
    padding: 0;
  }
}
.article__title {
  margin-bottom: 2rem;
}
.section--article ol {
  padding-left: 2rem;
}
.section--article li {
  padding-left: 2rem;
}
.hero_article {
  color: #fff;
}
.hero_article__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2em;
  margin-top: 25px;
}
.hero_article__item {
  font-size: 16px;
  display: flex;
  gap: 0.5em;
  line-height: normal;
  align-items: center;
  margin-bottom: 0.5em;
}

@media (max-width: 767px){
  .hero_article__item.date{
    flex-direction: column;
    align-items: flex-start;
  }
}

.hero_article__icon{
  flex: 0 0 30px;
  width: 30px;
  text-align: center;
}
.hero_article__icon svg{
  height: 18px;
}
@media screen and (min-width: 768px) {
  .section--article p,
  .section--article li {
    line-height: 3.8rem;
  }
  .section--article ol {
    padding-left: 2rem;
  }
  .section--article li {
    padding-left: 2rem;
  }
  .section--article li + li {
    margin-top: 3rem;
  }
  .case__title {
    margin-bottom: 4rem;
  }
  .hero_article {
    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: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    min-height: calc(60rem - 11rem - (6rem * 2));
  }
  .hero_article__title {
    max-width: 75%;
  }
  .hero_article__text {
    max-width: 61rem;
    opacity: 0.7;
  }
  .hero_article__scroll {
    margin-top: 13rem;
    margin-bottom: -2rem;
    opacity: 0.7;
  }
}
@media screen and (min-width: 1024px) {
  .section--article > .container {
    padding-right: 25%;
  }
}
@media screen and (max-width: 767px) {
  .section--article p,
  .section--article li {
    opacity: 0.7;
  }
  .section--article ol {
    padding-left: 1.5rem;
  }
  .section--article li {
    padding-left: 1rem;
  }
  .section--article li + li {
    margin-top: 1.5rem;
  }
  .case__title {
    padding: 0 0 2rem;
  }
  .hero_article {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: calc(40rem - 7.5rem - (4rem * 2));
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .hero_article__text {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
  }
}

.launched .stack-swiper {
  margin: 4rem 0 0 0;
}
.launched .stack-swiper__item.long .launched__title {
  max-width: 40%;
}
.launched .stack-swiper__item.short .launched__title {
  max-width: 80%;
}
.launched .stack-swiper__item.light {
  color: #2b2b2b;
}
.launched .stack-swiper__item.dark {
  color: #fff;
}
.launched__more a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #eb006e;
}
.launched__more a span {
  font-weight: 700;
}
.launched__more a .icon {
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
  width: 7.7rem;
  height: 3.9rem;
  margin: 0 0 0 2rem;
}
.launched__item {
  height: 100%;
  padding: 4rem 4rem 2rem 4rem;
  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;
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}
.launched__item:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0,0,0,0.5);
  width: 100%;
  height: 100%;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.launched__title {
  font-size: 1.8rem;
  line-height: 3rem;
  color: #fff;
  position: relative;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
@media screen and (min-width: 1024px) {
  .launched .stack-swiper__item {
    margin: 0;
    display: block;
    will-change: opacity, transform;
  }
  .launched .stack-swiper__item.long {
    width: 66.6666%;
  }
  .launched .stack-swiper__item.long .launched__title {
    max-width: 40%;
  }
  .launched .stack-swiper__item.short {
    width: 33.3333%;
  }
  .launched .stack-swiper__item.short .launched__title {
    max-width: 80%;
  }
  .launched__item {
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
  }
  .launched__item:before {
    opacity: 0;
  }
  .launched__item:hover.launched__item:before,
  .launched__item:hover .launched__title {
    opacity: 1;
  }
  .launched__title {
    opacity: 0;
  }
  .launched__more {
    margin: 7rem 0 0 0;
  }
  .launched__more a:hover .icon {
    -webkit-transform: translateX(1rem);
            transform: translateX(1rem);
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .launched .stack-swiper__item {
    margin: 0;
  }
  .launched .stack-swiper__item.long,
  .launched .stack-swiper__item.short {
    width: 50%;
  }
  .launched__more {
    margin: 4rem 0 0 0;
  }
}
@media screen and (max-width: 767px) {
  .launched .stack-swiper {
    margin: 2rem 0 0 0;
  }
  .launched__item {
    padding: 3rem 2rem;
  }
  .launched__more {
    margin: 3rem 0 0 0;
  }
  .launched__more a .icon {
    -webkit-transition: none;
    transition: none;
    margin: 0 2rem;
  }
}
.scheme__item_head .number {
  font-size: 1.6rem;
  color: #eb006e;
  display: block;
  min-width: 2rem;
  width: 2rem;
  height: 2rem;
}
@media screen and (min-width: 768px) {
  .scheme {
    margin-top: 9rem;
    display: grid;
    grid-template-columns: 35rem 6rem 35rem;
    grid-auto-rows: minmax(13rem, auto);
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: relative;
  }
  .scheme.process {
    grid-auto-rows: minmax(17rem, auto);
  }
  .scheme__item {
    padding: 2rem 0 0;
    position: relative;
  }
  .scheme__item:before {
    content: '';
    display: block;
    position: absolute;
    top: 2rem;
    height: 100%;
    width: 1px;
    border-left: 1px dashed rgba(43,43,43,0.2);
  }
  .scheme__item:last-child:before {
    display: none;
  }
  .scheme__item_head .number {
    position: absolute;
    top: 1rem;
    line-height: 4.1rem;
    text-align: center;
    z-index: 1;
    width: 4rem;
    height: 4rem;
  }
  .scheme__item_head .number:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translatey(-50%) translatex(-50%);
            transform: translatey(-50%) translatex(-50%);
    background-color: #fff;
    border-radius: 50%;
    -webkit-box-shadow: 0 2px 12px 0 rgba(204,204,204,0.86);
            box-shadow: 0 2px 12px 0 rgba(204,204,204,0.86);
    width: 4rem;
    height: 4rem;
    z-index: -1;
  }
  .scheme__item.left {
    text-align: right;
    padding-right: 7rem;
    grid-column: 1/3;
  }
  .scheme__item.left:before {
    right: 2.7rem;
  }
  .scheme__item.left .number {
    right: 1rem;
  }
  .scheme__item.right {
    text-align: left;
    padding-left: 7rem;
    grid-column: 2/4;
  }
  .scheme__item.right:before {
    left: 3rem;
  }
  .scheme__item.right .number {
    left: 1rem;
  }
  .scheme__item h4 {
    text-transform: uppercase;
    line-height: 2.5rem;
  }
  .scheme__item p {
    margin-top: 0.5rem;
    opacity: 0.7;
    line-height: 2.5rem;
  }
}
@media screen and (max-width: 767px) {
  .scheme__item {
    border-bottom: 1px solid #f7f7f7;
  }
  .scheme__item_head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 2rem 0;
    position: relative;
  }
  .scheme__item h4 {
    font-weight: 600;
    max-width: 80%;
    margin-right: 2rem;
  }
  .scheme__item .number {
    margin-right: 2rem;
  }
  .scheme__item p {
    margin: 0 -2rem;
    padding: 2rem 2rem;
    background-color: #f7f7f7;
    opacity: 0.7;
  }
}
.subscribe {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.subscribe__content {
  width: 69rem;
  padding: 3rem 0 0 0;
}
.subscribe__content .title {
  font-size: 3.6rem;
  line-height: 5.2rem;
  font-weight: 100;
}
.subscribe__content .title span {
  font-weight: 600;
}
.subscribe form {
  margin: 4rem 0 0 0;
}
.subscribe__form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 51rem;
}
.subscribe__form .field {
  width: 100%;
}

.subscribe__form .btn {
  height: 7rem;
}
.subscribe__form .btn .btn-label {
  line-height: 7rem;
}
.subscribe__agreement {
  margin: 1rem 0 0 0;
  font-size: 1.2rem;
  line-height: 2rem;
  color: rgba(43,43,43,0.4);
  max-width: 33rem;
}
.subscribe__agreement a {
  color: rgba(43,43,43,0.4);
}
.subscribe__img {
  width: 31.5rem;
}
.subscribe__img img {
  max-width: 100%;
}
@media screen and (min-width: 1024px) {
  .subscribe__agreement a {
    -webkit-transition: color 0.2s ease;
    transition: color 0.2s ease;
  }
  .subscribe__agreement a:hover {
    color: #2b2b2b;
  }
}
@media screen and (max-width: 767px) {
  .subscribe {
    display: block;
  }
  .subscribe__content {
    padding: 0;
    width: auto;
  }
  .subscribe__content .title {
    font-size: 1.8rem;
    line-height: 3rem;
  }
  .subscribe form {
    margin: 2rem 0 0 0;
  }
  .subscribe__form {
    width: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .subscribe__form .field {
    margin: 0 0 1rem 0;
  }
  .subscribe__img {
    display: none;
  }
  .subscribe__agreement {
    font-size: 1.1rem;
    line-height: 2rem;
  }
}
.js-feedback-form_popup {
  margin: auto;
}
.service_form_popup {
  -webkit-box-shadow: 0 2px 30px 0 rgba(43,43,43,0.2);
          box-shadow: 0 2px 30px 0 rgba(43,43,43,0.2);
  width: 100%;
  padding: 3rem 2rem;
  background-color: #fff;
  position: relative;
}
.service_form_popup h4 {
  font-size: 2.2rem;
  letter-spacing: -0.05rem;
  line-height: 3rem;
  margin-bottom: 3rem;
}

.service_form_popup__agreement {
  margin: 1rem 0 3rem;
  font-weight: 100;
  font-size: 1.4rem;
  line-height: 2rem;
}
@media screen and (min-width: 1024px) {
  .service_form_popup {
    -webkit-box-shadow: 0 2px 30px 0 rgba(43,43,43,0.2);
            box-shadow: 0 2px 30px 0 rgba(43,43,43,0.2);
    width: 60rem;
    margin: 5rem auto;
    padding: 5rem 6rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .service_form_popup {
    -webkit-box-shadow: 0 2px 30px 0 rgba(43,43,43,0.2);
            box-shadow: 0 2px 30px 0 rgba(43,43,43,0.2);
    width: 50rem;
    margin: 5rem auto;
    padding: 5rem 4rem;
  }
}
.chronology .os-scrollbar-horizontal {
  display: none !important;
}
.chronology__block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.chronology__pagination {
  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;
  width: 7.5rem;
  height: 56rem !important;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin: 0 3rem 0 0;
}
.chronology__pagination:before {
  position: absolute;
  content: '';
  top: 0;
  bottom: 0;
  right: 0.6rem;
  background: #eb006e;
  width: 0.4rem;
  height: 100%;
}
.chronology__pagination span {
  outline: none;
  margin: 4.5rem 3rem 0 0;
  font-size: 1.8rem;
  line-height: 3rem;
  font-weight: 100;
  position: relative;
  background: none;
  width: auto;
  height: auto;
  -webkit-transition: top 0.4s ease;
  transition: top 0.4s ease;
  opacity: 1;
  -webkit-transform: none !important;
          transform: none !important;
}
.chronology__pagination span:before {
  position: absolute;
  content: '';
  top: 0.5rem;
  right: -3rem;
  width: 1.6rem;
  height: 1.6rem;
  background: #fff;
  border-radius: 50%;
  -webkit-box-shadow: 0 0.2rem 0.7rem rgba(43,43,43,0.15);
          box-shadow: 0 0.2rem 0.7rem rgba(43,43,43,0.15);
}
.chronology__pagination span.swiper-pagination-bullet-active:after {
  position: absolute;
  content: '';
  top: 0.9rem;
  right: -2.6rem;
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  background: #eb006e;
}
.chronology__swiper {
  position: relative;
  width: 43rem;
  height: 56rem;
  background: #fff;
  -webkit-box-shadow: 0 0.2rem 2rem rgba(43,43,43,0.15);
          box-shadow: 0 0.2rem 2rem rgba(43,43,43,0.15);
  z-index: 0;
}
.chronology__swiper:before {
  z-index: -1;
  left: -1rem;
  top: -14.5rem;
  bottom: 0;
  width: 3rem;
  height: 3rem;
  margin: auto 0;
  position: absolute;
  content: '';
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  background: #fff;
  -webkit-box-shadow: -0.5rem 0.5rem 1.5rem rgba(43,43,43,0.04);
          box-shadow: -0.5rem 0.5rem 1.5rem rgba(43,43,43,0.04);
}
.chronology__swiper .swiper-container {
  max-height: 56rem;
}
.chronology__item {
  padding: 5rem 4rem;
  height: 100%;
}
.chronology__item .title {
  font-size: 3rem;
  line-height: 4rem;
  font-weight: bold;
}
.chronology__list {
  height: calc(100% - 5rem);
  overflow-y: scroll;
}
.chronology__list_item {
  padding: 2rem 0;
  font-size: 1.4rem;
  line-height: 2.5rem;
  border-bottom: 1px dashed rgba(43,43,43,0.1);
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .chronology__block {
    padding: 2rem 0 0 5rem;
  }
}
@media screen and (max-width: 767px) {
  section.section--chronology .container {
    padding-left: 0;
    padding-right: 0;
  }
  section.section--chronology .section_title {
    padding: 0 2rem;
    position: absolute;
    margin: 6.5rem 0 0 0;
    z-index: 1;
    background: #fff;
  }
  .chronology {
    margin: -2rem 0 0 0;
  }
  .chronology__block {
    padding: 2rem 0 0 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    overflow: hidden;
  }
  .chronology__swiper {
    width: 100%;
    height: 35rem;
  }
  .chronology__swiper:before {
    left: 0;
    right: 0;
    bottom: -1rem;
    top: auto;
    width: 3rem;
    height: 3rem;
    margin: 0 auto;
    -webkit-box-shadow: 1rem 1rem 1.5rem rgba(43,43,43,0.04);
            box-shadow: 1rem 1rem 1.5rem rgba(43,43,43,0.04);
  }
  .chronology__swiper .swiper-container {
    max-height: 35rem;
  }
  .chronology__item {
    padding: 3rem 2rem;
    max-height: 35rem;
  }
  .chronology__item .title {
    text-align: right;
    font-size: 1.8rem;
    line-height: 3rem;
    font-weight: 100;
    margin: 0 0 2rem 0;
  }
  .chronology__list {
    width: 100%;
    height: calc(35rem - 12.5rem);
    max-height: 32rem;
  }
  .chronology__pagination {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    width: 100%;
    height: auto !important;
    margin: 0;
    padding: 3rem 0 0 0;
  }
  .chronology__pagination:before {
    width: auto;
    height: 0.4rem;
    left: 0;
    right: 0;
    top: 3rem;
    bottom: auto;
  }
  .chronology__pagination span {
    margin: 1.7rem 9.5% 0 0;
    -webkit-transition: left 0.4s ease;
    transition: left 0.4s ease;
  }
  .chronology__pagination span:before {
    left: 0;
    right: 0;
    top: -2.4rem;
    margin: 0 auto;
  }
  .chronology__pagination span.swiper-pagination-bullet-active:after {
    top: -2rem;
    right: 0;
    left: 0;
    margin: 0 auto;
  }
}
.article_caption {
  border-bottom: 1px solid #e5e5e5;
}
.article_caption__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.article_caption__item h2 {
  font-size: 2rem;
  line-height: 3rem;
}
.article_caption__item p {
  margin-top: 2rem;
  opacity: 0.7;
}
@media screen and (min-width: 1024px) {
  .article_caption {
    margin-top: 4rem;
    padding-bottom: 4rem;
  }
  .article_caption__item {
    padding-right: 2rem;
  }
  .article_caption__item + .caption__item {
    margin-left: 3rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .article_caption {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    padding: 3rem 2rem;
    overflow-x: scroll;
    overflow-scrolling: touch;
    -webkit-overflow-scrolling: touch;
  }
  .article_caption__container {
    padding-bottom: 1rem;
  }
  .article_caption__item {
    min-width: 20rem;
  }
}
@media screen and (max-width: 767px) {
  .article_caption {
    margin: 0 -2rem;
    padding: 3rem 2rem;
    overflow-x: scroll;
    overflow-scrolling: touch;
    -webkit-overflow-scrolling: touch;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
  }
  .article_caption__container {
    padding-bottom: 1rem;
  }
  .article_caption__item {
    min-width: 20rem;
  }
}
.article {
  margin-top: -6rem;
}
.article a {
  color: #eb006e;
}
.article p {
  font-size: 1.8rem;
  color: #000;
  line-height: 3.2rem;
}
.article p + ul,
.article p + ul + ul {
  margin-top: 6rem;
}
.article ul {
  width: 50%;
  float: left;
}
.article ul li {
  position: relative;
  padding-left: 3rem;
  opacity: 0.7;
  font-size: 1.4rem;
  line-height: 3rem;
}
.article ul li:before {
  content: '-';
  position: absolute;
  left: 0;
  top: -0.2rem;
  font-size: 2rem;
  font-family: monospace;
  color: #eb006e;
}
.article ul + p {
  clear: both;
}
.article ol {
  padding-left: 1.5rem;
}
.article ol li {
  padding-left: 2rem;
  font-weight: 600;
  font-size: 1.8rem;
  color: #000;
  line-height: 3.2rem;
}
.article ol li + li {
  margin-top: 3rem;
}
.article hr {
  display: block;
  width: 100%;
  height: 1px;
  background: #e6e6e6;
  border: none;
  clear: both;
}
.article hr + p {
  margin-top: 8rem;
}
.article hr + .col-2 {
  margin-top: 8rem;
}
.article figure {
  margin: 4rem 0;
}
.article figure img {
  -o-object-fit: cover;
     object-fit: cover;
}
.article figure figcaption {
  opacity: 0.7;
  font-size: 1.4rem;
  line-height: 2.8rem;
  padding: 0.5rem 0 0.2rem;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 2.8rem;
}
.article__cke.small {
  max-width: 70rem;
}
.article__cke .col-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.article__cke .col-2 flex-wrap,
.article__cke .col-2 > * {
  width: 48%;
}
.article__cke .col-2 + .col-2 {
  margin-top: 4rem;
}
.article .row img {
  max-height: 35rem;
  margin-top: 4rem;
}
.article .row.gut img {
  width: 100%;
  height: 100%;
  max-height: 100%;
  margin: 0;
}
.article .row.gut + .row.gut {
  margin-top: 8rem;
}
.article__full {
  position: relative;
  z-index: 2;
}
.article__full:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #f7f7f7;
  z-index: -1;
}
.banner_bitrix_blue.article__full:after {
  background-color: #1faee5;
}
.article__full_item {
  display: inline-block;
}
.article__full_item .icon {
  background-color: #fff;
  border-radius: 50%;
}
.article__full_item .icon svg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translatey(-50%) translatex(-50%);
          transform: translatey(-50%) translatex(-50%);
}
.article__full_item p {
  opacity: 0.7;
  font-size: 1.4rem;
  color: #2b2b2b;
  line-height: 2.5rem;
  margin-top: 2rem;
}
.article__full.banner_bitrix_blue {
  text-align: center;
}
.article__full.banner_bitrix_gold {
  margin-bottom: 11rem;
}
.article__full.banner_bitrix_gold img {
  position: absolute;
  top: -9rem;
  left: -3rem;
  width: auto !important;
  max-height: inherit !important;
  height: auto !important;
  margin-top: 0;
}
.article__full.banner_bitrix_gold p {
  opacity: 0.7;
  color: #2b2b2b;
  line-height: 2.8rem;
}
.article__swiper {
  margin: 4rem 0;
}
.article__swiper figure {
  margin: 0;
  position: relative;
}
.article__swiper figure img {
  width: 100%;
}
.article__swiper figure figcaption {
  margin: 0;
  padding: 0;
  position: absolute;
  bottom: 2rem;
  left: 4rem;
  border: none;
  color: #fff;
  opacity: 0.7;
}
.article .differences__card {
  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;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 6rem 9rem;
}
.article .differences__card h4 {
  margin: 0;
  font-size: 2.2rem;
  line-height: 3rem;
  font-weight: 700;
}
.article .differences__card p {
  margin: 0;
  padding: 0 0 1rem 0;
  position: static;
  font-size: 1.4rem;
  line-height: 2.5rem;
  opacity: 0.7;
}
@media screen and (min-width: 1024px) {
  .article a:hover {
    text-decoration: underline;
  }
  .article h4 {
    margin-bottom: 3rem;
    margin-top: 8rem;
  }
  .section--case .article h4 {
    margin-top: 5rem;
  }
  .article ul {
    margin-bottom: 8rem;
  }
  .section--case .article ul {
    margin-bottom: 1rem;
  }
  .article p + p {
    margin: 2rem 0 0 0;
  }
  .article h3 {
    font-size: 3rem;
    letter-spacing: -0.06rem;
    line-height: 3.8rem;
    margin-bottom: 2rem;
  }
  .article .row.gut >[class^=col] {
    padding: 1rem 1.8rem;
  }
  .article__full {
    padding: 8rem 0;
    margin: 8rem 0;
  }
  .article__full:after {
    width: 100vw;
    left: calc((100vw - 105rem) / 2 * -1);
  }
  .article__full_item {
    max-width: 33rem;
  }
  .article__full_item .icon {
    position: relative;
    width: 10.5rem;
    height: 10.5rem;
    -webkit-box-shadow: 0 2rem 3rem 0 #ccc;
            box-shadow: 0 2rem 3rem 0 #ccc;
    z-index: 2;
  }
  .article__full_item .icon svg {
    width: 5.5rem;
    height: 5.5rem;
  }
  .article__full h4 {
    margin-top: 0;
    margin-bottom: 4rem;
  }
}
@media screen and (min-width: 1360px) {
  .article__full:after {
    width: 100vw;
    left: calc((100vw - 120rem) / 2 * -1);
  }
  .article__full.banner_bitrix_gold img {
    left: 2rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .article h4 {
    margin-bottom: 2rem;
    margin-top: 6rem;
  }
  .article ul {
    margin-bottom: 6rem;
  }
  .article p + p {
    margin: 2rem 0 0 0;
  }
  .article h3 {
    font-size: 3rem;
    letter-spacing: -0.06rem;
    line-height: 3.8rem;
    margin-bottom: 2rem;
  }
  .article .row.gut >[class^=col] {
    padding: 1rem 1.8rem;
  }
  .article__full {
    padding: 8rem 0;
    margin: 8rem 0;
  }
  .article__full:after {
    left: -10rem;
    right: -10rem;
    width: auto;
  }
  .article__full_item {
    max-width: 32rem;
  }
  .article__full_item .icon {
    position: relative;
    width: 10.5rem;
    height: 10.5rem;
    -webkit-box-shadow: 0 2rem 3rem 0 #ccc;
            box-shadow: 0 2rem 3rem 0 #ccc;
    z-index: 2;
  }
  .article__full_item .icon svg {
    width: 5.5rem;
    height: 5.5rem;
  }
  .article__full.banner_bitrix_gold {
    margin-bottom: 8rem;
  }
  .article__full.banner_bitrix_gold img {
    top: 4rem;
    left: -2rem;
  }
  .article__full h4 {
    margin-top: 0;
    margin-bottom: 4rem;
  }
  .article__cke .col-2 > * {
    width: 48%;
  }
  .article .differences__card {
    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;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 4rem 6rem;
  }
}
@media screen and (max-width: 767px) {
  .article h4 {
    margin-bottom: 2rem;
    margin-top: 4rem;
  }
  .article ul {
    margin-bottom: 4rem;
    float: none;
    width: auto;
  }
  .article p {
    font-size: 1.4rem;
    line-height: 2.5rem;
  }
  .article p + p {
    margin: 2rem 0 0 0;
  }
  .article h3 {
    font-size: 1.9rem;
    letter-spacing: -0.04rem;
    line-height: 3rem;
    margin-bottom: 2rem;
  }
  .article ol {
    padding-left: 1.5rem;
  }
  .article ol li {
    padding-left: 1rem;
    font-weight: 600;
    font-size: 1.4rem;
    color: #000;
    line-height: 2.5rem;
  }
  .article ol li + li {
    margin-top: 3rem;
  }
  .article hr + .col-2 {
    margin-top: 4rem;
  }
  .article .row.gut >[class^=col] {
    padding: 1rem 1.8rem;
  }
  .article__full {
    padding: 4rem 0;
    margin: 4rem 0;
  }
  .article__full:after {
    left: -2rem;
    right: -2rem;
    width: auto;
  }
  .article__full_item {
    max-width: 100%;
  }
  .article__full_item .icon {
    position: relative;
    width: 10.5rem;
    height: 10.5rem;
    -webkit-box-shadow: 0 2rem 3rem 0 #ccc;
            box-shadow: 0 2rem 3rem 0 #ccc;
    z-index: 2;
  }
  .article__full_item .icon svg {
    width: 5.5rem;
    height: 5.5rem;
  }
  .article__full h4 {
    margin-top: 0;
    margin-bottom: 4rem;
  }
  .article__full.banner_bitrix_gold {
    margin-bottom: 4rem;
  }
  .article__full.banner_bitrix_gold img {
    position: static;
    top: auto;
    left: auto;
    width: auto !important;
    max-height: inherit !important;
    height: auto !important;
    margin-top: 2rem;
  }
  .article__full.banner_bitrix_gold .row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .article__cke .col-2 {
    display: block;
  }
  .article__cke .col-2 > * {
    width: 100%;
  }
  .article__cke .col-2 > * img {
    margin: 2rem 0;
  }
  .article .differences {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow-x: auto;
    overflow-scrolling: touch;
    -webkit-overflow-scrolling: touch;
  }
  .article .differences__card {
    padding: 2rem 3rem;
  }
  .article__swiper {
    margin: 2rem 0;
  }
  .article__swiper figure figcaption {
    bottom: 1rem;
    left: 1rem;
  }
}
.blog_card {
  display: block;
  background-color: #000;
  color: #fff;
  padding: 4rem;
  position: relative;
  overflow: hidden;
  -webkit-transition: background 0.23s ease;
  transition: background 0.23s ease;
  height: 100%;
  min-height: 33rem;
}
.blog_card__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-animation: distance 1s cubic-bezier(0.28, 0.28, 0, 1.02);
          animation: distance 1s cubic-bezier(0.28, 0.28, 0, 1.02);
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.blog_card__img img {
  width: 100%;
  height: 100%;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
  -o-object-fit: cover;
     object-fit: cover;
}
.blog_card__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -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;
  position: relative;
  z-index: 1;
}
.blog_card:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.4);
  z-index: 0;
  -webkit-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
}
.blog_card h3 {
  font-size: 2rem;
  letter-spacing: -0.04rem;
  line-height: 3rem;
}
.blog_card .date {
  padding-left: 6rem;
  position: relative;
}
.blog_card .date .day {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 4rem;
}
.blog_card .date > p {
  text-transform: uppercase;
  font-size: 1.2rem;
  margin-top: 0.7rem;
}
.blog_card .date > p + p {
  margin-top: 0.5rem;
}
.blog_card .info {
  position: absolute;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-width: 7.5rem;
}
.blog_card .info p {
  margin-top: 0.4rem;
  font-size: 1.2rem;
  line-height: 1;
}
.blog_card .info svg {
  width: 2rem;
  display: inline-block;
}
.blog_card .time {
  font-size: 1.2rem;
  text-transform: uppercase;
  line-height: 1.6rem;
  height: 1.7rem;
}
.blog_card .time span {
  vertical-align: super;
}
.blog_card.giant h3 {
  font-size: 4rem;
  letter-spacing: -0.08rem;
  line-height: 4.8rem;
}
@media screen and (min-width: 1024px) {
  .blog_card:hover .blog_card__img {
    -webkit-animation: approximation 1s cubic-bezier(0.28, 0.28, 0, 1.02);
            animation: approximation 1s cubic-bezier(0.28, 0.28, 0, 1.02);
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
  }
  .blog_card:hover.blog_card:after {
    background: rgba(0,0,0,0.6);
  }
  .blog_card:hover .info {
    opacity: 1;
  }
  .blog_card .info {
    opacity: 0;
    -webkit-transition: opacity 0.3s ease 0.15s;
    transition: opacity 0.3s ease 0.15s;
  }
}
@media screen and (max-width: 767px) {
  .blog_card {
    padding: 3rem;
  }
  .blog_card__img {
    -webkit-transform: translatex(7.5rem);
            transform: translatex(7.5rem);
  }
  .blog_card.giant h3 {
    font-size: 2rem;
    line-height: 3rem;
  }
}
@-webkit-keyframes approximation {
  0% {
    -webkit-transition: all 0.3s cubic-bezier(0.97, 0.07, 0.8, 0.67);
    transition: all 0.3s cubic-bezier(0.97, 0.07, 0.8, 0.67);
    -webkit-transform: translatex(10rem);
            transform: translatex(10rem);
  }
  80% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: translatex(0rem) scale(1.1);
            transform: translatex(0rem) scale(1.1);
  }
}
@keyframes approximation {
  0% {
    -webkit-transition: all 0.3s cubic-bezier(0.97, 0.07, 0.8, 0.67);
    transition: all 0.3s cubic-bezier(0.97, 0.07, 0.8, 0.67);
    -webkit-transform: translatex(10rem);
            transform: translatex(10rem);
  }
  80% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: translatex(0rem) scale(1.1);
            transform: translatex(0rem) scale(1.1);
  }
}
@-webkit-keyframes approximation {
  0% {
    -webkit-transform: translatex(10rem);
            transform: translatex(10rem);
  }
  100% {
    -webkit-transform: scale(1.1) translatex(0);
            transform: scale(1.1) translatex(0);
  }
}
@keyframes approximation {
  0% {
    -webkit-transform: translatex(10rem);
            transform: translatex(10rem);
  }
  100% {
    -webkit-transform: scale(1.1) translatex(0);
            transform: scale(1.1) translatex(0);
  }
}
@-webkit-keyframes distance {
  0% {
    -webkit-transform: scale(1.1) translatex(0);
            transform: scale(1.1) translatex(0);
  }
  100% {
    -webkit-transform: translatex(10rem);
            transform: translatex(10rem);
  }
}
@keyframes distance {
  0% {
    -webkit-transform: scale(1.1) translatex(0);
            transform: scale(1.1) translatex(0);
  }
  100% {
    -webkit-transform: translatex(10rem);
            transform: translatex(10rem);
  }
}
.blog {
  display: grid;
  grid-auto-columns: 1fr 1fr 1fr;
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-auto-flow: dense;
  -webkit-transition: max-height 1s ease;
  transition: max-height 1s ease;
}
.blog_actions {
  width: 100%;
  margin-top: 3rem;
}
@media screen and (min-width: 1024px) {
  .blog {
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: minmax(33rem, auto);
    grid-auto-columns: repeat(3, 1fr);
    overflow: hidden;
    max-height: 140rem;
  }
  .blog_card.long {
    grid-column-end: span 2;
  }
  .blog_card.giant {
    grid-column-end: span 2;
    grid-row-end: span 2;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .blog {
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: minmax(25rem, auto);
    grid-auto-columns: repeat(2s, 1fr);
  }
  .blog_card.long {
    grid-column: 1/3;
    grid-row-start: 2;
  }
  .blog_card.giant {
    grid-column: 1/3;
  }
}
@media screen and (max-width: 767px) {
  .blog {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .blog_actions {
    text-align: center;
  }
  .blog_card {
    min-height: 28rem;
  }
  .blog_card h3 {
    margin-bottom: 10rem;
  }
  .blog_card.long {
    min-height: 15rem;
  }
  .blog_card.long h3 {
    margin-bottom: 1rem;
  }
  .blog_card.giant {
    min-height: 33rem;
  }
  .blog_card + .blog_card {
    margin-top: 2rem;
  }
}
.blog_filter {
  padding: 1rem 0;
  margin-bottom: 2rem;
}
.blog_filter li {
  display: inline-block;
}
.blog_filter li + li {
  margin-left: 2rem;
}
.blog_filter a {
  text-transform: uppercase;
  position: relative;
  -webkit-transition: color 200ms ease-out;
  transition: color 200ms ease-out;
  padding: 0 1.3rem 0 0;
}
.blog_filter a.current {
  color: #eb006e;
}
.blog_filter a:active,
.blog_filter a:focus {
  outline: none;
}
.blog_filter a:not([data-type='all']):before {
  content: '#';
  position: absolute;
  display: block;
  right: 0;
  top: 0.1;
  opacity: 0.3;
}
@media screen and (min-width: 1024px) {
  .blog_filter a:hover {
    color: #eb006e;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .blog_filter {
    padding: 1rem 0 2rem;
    margin-bottom: 2rem;
    overflow: scroll;
    white-space: nowrap;
  }
}
.section--firstBit {
  background-color: #f7f7f7;
}
.firstBit_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.firstBit_item__num {
  position: relative;
  -webkit-text-stroke: 1px #2b2b2b;
  color: transparent;
  font-size: 5rem;
  font-weight: 700;
  letter-spacing: -0.12rem;
  line-height: 5rem;
}
.firstBit_item__descr {
 /* text-transform: capitalize;*/
}

.plus:after {
  position: absolute;
  top: -5px;
  --tw-translate-y: -50%;
  --tw-translate-x: 100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-content: "+";
  content: var(--tw-content);
}
.num:before {
  position: absolute;
  --tw-content: "\2116";
  content: var(--tw-content);
}

@media screen and (min-width: 768px) {
  .section--firstBit {
    background-color: #f7f7f7;
  }
  .section--firstBit .title--h2 {
    margin-bottom: 7rem;
  }
  .firstBit {
    margin-top: -8rem;
  }
  .firstBit_item {
    border-top: 1px solid #2b2b2b;
    margin-top: 8rem;
    padding-top: 2rem;
  }
}
@media screen and (max-width: 767px) {
  .section--firstBit {
    padding: 3rem 0;
  }
  .firstBit .row >[class*='col'] {
    width: 50%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
  }
  .firstBit .row >[class^=col] + [class^=col] {
    margin-top: 0;
  }
  .firstBit_item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 3rem;
  }
  .firstBit_item__num {
    font-size: 4rem;
  }
  .firstBit_item__num.mobile {
    font-size: 3rem;
  }
}
.banner_bitrix__title {
  font-weight: 100;
  margin-bottom: 2rem;
}
.banner_bitrix__title span {
  font-weight: 600;
}
.banner_bitrix__title_1c {
  font-size: 4rem;
  line-height: 4.8rem;
  font-weight: 600;
  margin: 0 0 3rem 0;
}
.banner_bitrix p {
  opacity: 0.7;
  line-height: 2.8rem;
}
.banner_bitrix ul {
  font-size: 1.4rem;
  line-height: 2.5rem;
  max-width: 33rem;
}
.banner_bitrix ul li {
  position: relative;
  padding: 0 0 0 3rem;
}
.banner_bitrix ul li:before {
  display: block;
  position: absolute;
  content: '';
  left: 0;
  top: 1.2rem;
  width: 1rem;
  height: 0.1rem;
  background: rgba(0,0,0,0.5);
}
.banner_bitrix ul li + li {
  margin: 1.5rem 0 0 0;
}
@media screen and (min-width: 1024px) {
  .banner_bitrix__title {
    font-size: 4rem;
    line-height: 5.2rem;
  }
  .banner_bitrix p {
    max-width: 80%;
  }
}
@media screen and (max-width: 767px) {
  .banner_bitrix__title {
    font-size: 1.8rem;
  }
  .banner_bitrix__title_1c {
    font-size: 2.2rem;
    line-height: 3rem;
    font-weight: 700;
  }
  .banner_bitrix p {
    margin-bottom: 1rem;
  }
  .banner_bitrix ul li + li {
    margin: 0.5rem 0 0 0;
  }
}
.banner_law {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 4rem 0;
}
.banner_law__content {
  max-width: 72rem;
}
.banner_law__content .title {
  font-size: 3rem;
  line-height: 4rem;
  margin: 3rem 0;
}
.banner_law__content span {
  color: #eb006e;
}
.banner_law__content p {
  font-size: 1.8rem;
  line-height: 3.2rem;
}
.banner_law__view {
  width: 30rem;
  height: 30rem;
  border-radius: 50%;
  background: #f7f7f7;
  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;
}
.banner_law__view span {
  font-size: 8rem;
  line-height: 8rem;
  font-weight: 100;
  color: #eb006e;
  display: block;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .banner_law {
    padding: 2rem 0;
  }
  .banner_law__view {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .banner_law {
    padding: 0;
  }
  .banner_law__content .title {
    font-size: 2.2rem;
    line-height: 3rem;
    margin: 0 0 2rem 0;
  }
  .banner_law__content p {
    font-size: 1.4rem;
    line-height: 2.5rem;
  }
  .banner_law__view {
    display: none;
  }
}
.thanks {
  display: none;
  text-align: center;
  background-color: #fff;
  border-radius: 0.2rem;
  position: relative;
}
.thanks p {
  margin: 2rem 0 4rem;
  font-weight: 600;
}
.thanks.shadow {
  display: block;
  -webkit-box-shadow: 0 2px 30px 0 rgba(43,43,43,0.2);
          box-shadow: 0 2px 30px 0 rgba(43,43,43,0.2);
  width: 100%;
  padding: 3rem 2rem;
  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: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 15rem auto;
}
.thanks.shadow p {
  font-size: 2.2rem;
  letter-spacing: -0.05rem;
  line-height: 3rem;
}
.thanks.shadow .btn {
  max-width: 21rem;
}
.thanks__social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 16rem;
  margin: 6rem auto 0 auto;
}
.thanks__social a + a {
  margin: 0 0 0 2rem;
}
@media screen and (min-width: 1024px) {
  .thanks.shadow {
    -webkit-box-shadow: 0 2px 30px 0 rgba(43,43,43,0.2);
            box-shadow: 0 2px 30px 0 rgba(43,43,43,0.2);
    width: 60rem;
    min-height: 53rem;
    margin: 15rem auto;
    padding: 5rem 6rem;
  }
  .thanks__social a {
    -webkit-transition: color 0.2s ease;
    transition: color 0.2s ease;
  }
  .thanks__social a:hover {
    color: #eb006e;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .thanks.shadow {
    -webkit-box-shadow: 0 2px 30px 0 rgba(43,43,43,0.2);
            box-shadow: 0 2px 30px 0 rgba(43,43,43,0.2);
    width: 50rem;
    margin: 5rem auto;
    padding: 5rem 4rem;
  }
  .thanks h3 {
    margin: 6rem 0 0 0;
  }
  .thanks__social {
    margin: 4rem auto;
  }
}
@media screen and (max-width: 767px) {
  .thanks h3 {
    margin: 8rem 0 0 0;
  }
  .thanks__social {
    margin: 6rem auto;
  }
}
.hero_product {
  position: relative;
}
.hero_product__content h2 {
  margin-bottom: 1rem;
  font-size: 2.2rem;
  line-height: 3rem;
}
.hero_product__content p {
  opacity: 0.7;
}
.hero_product__item {
  display: inline-block;
}
.hero_product__item .price {
  margin-bottom: 1rem;
  font-size: 3rem;
  letter-spacing: -0.1rem;
  line-height: 4rem;
}
.hero_product__item .price > i {
  font-style: normal;
  margin-left: 0.5rem;
}
.old.hero_product__item .price > i {
  font-weight: 100;
}
.old.hero_product__item .price > span {
  font-weight: 100;
  position: relative;
}
.old.hero_product__item .price > span:after {
  content: '';
  display: block;
  position: absolute;
  bottom: 2.5rem;
  left: -5%;
  width: 110%;
  height: 2px;
  background-color: #eb006e;
}
@media screen and (min-width: 1024px) {
  .hero_product {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-top: 6rem;
    padding-bottom: 8rem;
  }
  .hero_product__content {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
    padding-right: 5rem;
  }
  .hero_product__content h2 {
    font-size: 5rem;
    line-height: 6rem;
    letter-spacing: -0.15rem;
    margin-bottom: 2rem;
  }
  .hero_product__actions {
    margin-top: 4rem;
  }
  .hero_product__item {
    display: inline-block;
  }
  .hero_product__item .price {
    margin-bottom: 1.5rem;
  }
  .hero_product__item + .hero_product__item {
    margin-left: 2rem;
  }
  .hero_product__media {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .hero_product__media img {
    position: absolute;
    top: 0;
    right: 0;
    width: 65rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .hero_product {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-top: 4rem;
    padding-bottom: 8rem;
  }
  .hero_product__content {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.666%;
            flex: 0 0 66.666%;
    max-width: 66.666%;
    padding-right: 5rem;
  }
  .hero_product__content h2 {
    font-size: 5rem;
    line-height: 6rem;
    letter-spacing: -0.15rem;
    margin-bottom: 2rem;
  }
  .hero_product__actions {
    margin-top: 4rem;
  }
  .hero_product__item {
    display: inline-block;
  }
  .hero_product__item .price {
    margin-bottom: 1.5rem;
  }
  .hero_product__item + .hero_product__item {
    margin-left: 2rem;
  }
  .hero_product__media {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333%;
            flex: 0 0 33.333%;
    max-width: 33.333%;
  }
  .hero_product__media img {
    position: absolute;
    top: 6rem;
    right: calc(((100vw - 66rem) / 2 + 12rem) * -1);
    width: 42rem;
  }
  .hero_product .btn {
    min-width: 18rem;
  }
}
@media screen and (max-width: 767px) {
  .hero_product__media {
    margin: 1rem 0;
  }
  .hero_product__actions {
    position: relative;
  }
  .hero_product__item {
    width: 100%;
  }
  .hero_product__item.old {
    margin-top: 1rem;
  }
  .hero_product__item.old .price {
    position: absolute;
    top: 0;
    right: 0;
  }
  .hero_product__item .btn {
    width: 100%;
  }
}
.section--capabilities .section_title h1 {
  margin-bottom: 1rem;
}
.section--capabilities .section_title p {
  opacity: 0.7;
}
.capability_item__icon {
  width: 6.5rem;
  height: 6.5rem;
}
.capability_item__content h2 {
  font-weight: 600;
  font-size: 2.2rem;
  letter-spacing: -0.05rem;
  line-height: 3rem;
  margin-bottom: 2rem;
}
.capability_item__content p {
  opacity: 0.7;
  font-size: 1.4rem;
  line-height: 2.5rem;
}
@media screen and (min-width: 768px) {
  .section--capabilities .section_title h1 {
    margin-bottom: 2rem;
  }
  .section--capabilities .section_title p {
    opacity: 0.7;
  }
  .capability {
    margin-top: 4rem;
  }
  .capability_item {
    position: relative;
    padding-left: calc(6.5rem + 2.8rem);
    max-width: 45rem;
    margin-top: 4rem;
  }
  .capability_item__icon {
    position: absolute;
    top: 0;
    left: 0;
  }
}
@media screen and (max-width: 767px) {
  .capability {
    margin-top: -1rem;
  }
  .capability_item {
    margin-top: 4rem;
  }
  .capability_item__content h2 {
    font-weight: 700;
    font-size: 1.6rem;
    letter-spacing: -0.03rem;
    line-height: 2.4rem;
    margin: 2rem 0 1rem;
  }
}
.by-pinkman {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.by-pinkman a {
  font-size: 1.4rem;
  color: #fff;
  min-height: 3.5rem;
  font-weight: bold;
  background: #eb006e;
  padding: 0 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
  cursor: pointer;
}
.by-pinkman a:hover {
  background: #ff4cad;
}
@media screen and (max-width: 1023px) {
  .by-pinkman a {
    width: 100%;
    margin-top: 3rem;
    line-height: normal;
    line-height: 1.4;
    padding: 1rem 2rem;
  }
}
@media screen and (max-width: 767px) {
  .by-pinkman a {
    font-size: 1.1rem;
  }
}
.list__item {
  position: relative;
}
.list__item h5 {
  font-weight: 600;
  color: #000;
  letter-spacing: -0.05rem;
}
.list__item:before {
  content: '–';
  display: block;
  position: absolute;
  font-family: monospace;
}
@media screen and (min-width: 1024px) {
  .list {
    padding-left: 9rem;
  }
  .list__item h5 {
    font-size: 2.4rem;
    line-height: 3.8rem;
    margin-bottom: 1rem;
  }
  .list__item + .list__item {
    margin-top: 6rem;
  }
  .list__item:before {
    left: -8.8rem;
    top: 0;
    font-size: 3rem;
  }
  .list--start {
    margin-top: 6rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .list {
    padding-left: 9rem;
  }
  .list__item h5 {
    font-size: 2.4rem;
    line-height: 3.8rem;
    margin-bottom: 1rem;
  }
  .list__item + .list__item {
    margin-top: 3rem;
  }
  .list__item:before {
    left: -8.5rem;
    top: 0;
    font-size: 3rem;
  }
  .list--start {
    margin-top: 4rem;
  }
}
@media screen and (max-width: 767px) {
  .list__item h5 {
    font-size: 2.2rem;
    line-height: 3rem;
    padding-left: 3.6rem;
    margin-bottom: 1.5rem;
  }
  .list__item p {
    opacity: 0.7;
  }
  .list__item:before {
    left: 0;
    top: 0;
    font-size: 2.5rem;
  }
  .list__item + .list__item {
    margin-top: 3rem;
  }
  .list--start {
    margin-top: 3rem;
  }
}
[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{-webkit-transition-duration:50ms;transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{-webkit-transition-delay:0s;transition-delay:0s}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{-webkit-transition-delay:50ms;transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{-webkit-transition-duration:.1s;transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{-webkit-transition-delay:0s;transition-delay:0s}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{-webkit-transition-delay:.1s;transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{-webkit-transition-duration:.15s;transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{-webkit-transition-delay:0s;transition-delay:0s}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{-webkit-transition-delay:.15s;transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{-webkit-transition-duration:.2s;transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{-webkit-transition-delay:0s;transition-delay:0s}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{-webkit-transition-delay:.2s;transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{-webkit-transition-duration:.25s;transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{-webkit-transition-delay:0s;transition-delay:0s}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{-webkit-transition-delay:.25s;transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{-webkit-transition-duration:.3s;transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{-webkit-transition-delay:0s;transition-delay:0s}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{-webkit-transition-delay:.3s;transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{-webkit-transition-duration:.35s;transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{-webkit-transition-delay:0s;transition-delay:0s}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{-webkit-transition-delay:.35s;transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{-webkit-transition-duration:.4s;transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{-webkit-transition-delay:0s;transition-delay:0s}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{-webkit-transition-delay:.4s;transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{-webkit-transition-duration:.45s;transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{-webkit-transition-delay:0s;transition-delay:0s}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{-webkit-transition-delay:.45s;transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{-webkit-transition-duration:.5s;transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{-webkit-transition-delay:0s;transition-delay:0s}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{-webkit-transition-delay:.5s;transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{-webkit-transition-duration:.55s;transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{-webkit-transition-delay:0s;transition-delay:0s}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{-webkit-transition-delay:.55s;transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{-webkit-transition-duration:.6s;transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{-webkit-transition-delay:0s;transition-delay:0s}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{-webkit-transition-delay:.6s;transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{-webkit-transition-duration:.65s;transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{-webkit-transition-delay:0s;transition-delay:0s}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{-webkit-transition-delay:.65s;transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{-webkit-transition-duration:.7s;transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{-webkit-transition-delay:0s;transition-delay:0s}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{-webkit-transition-delay:.7s;transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{-webkit-transition-duration:.75s;transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{-webkit-transition-delay:0s;transition-delay:0s}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{-webkit-transition-delay:.75s;transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{-webkit-transition-duration:.8s;transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{-webkit-transition-delay:0s;transition-delay:0s}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{-webkit-transition-delay:.8s;transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{-webkit-transition-duration:.85s;transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{-webkit-transition-delay:0s;transition-delay:0s}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{-webkit-transition-delay:.85s;transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{-webkit-transition-duration:.9s;transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{-webkit-transition-delay:0s;transition-delay:0s}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{-webkit-transition-delay:.9s;transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{-webkit-transition-duration:.95s;transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{-webkit-transition-delay:0s;transition-delay:0s}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{-webkit-transition-delay:.95s;transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{-webkit-transition-duration:1s;transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{-webkit-transition-delay:0s;transition-delay:0s}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{-webkit-transition-delay:1s;transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{-webkit-transition-duration:1.05s;transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{-webkit-transition-delay:0s;transition-delay:0s}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{-webkit-transition-delay:1.05s;transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{-webkit-transition-duration:1.1s;transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{-webkit-transition-delay:0s;transition-delay:0s}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{-webkit-transition-delay:1.1s;transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{-webkit-transition-duration:1.15s;transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{-webkit-transition-delay:0s;transition-delay:0s}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{-webkit-transition-delay:1.15s;transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{-webkit-transition-duration:1.2s;transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{-webkit-transition-delay:0s;transition-delay:0s}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{-webkit-transition-delay:1.2s;transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{-webkit-transition-duration:1.25s;transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{-webkit-transition-delay:0s;transition-delay:0s}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{-webkit-transition-delay:1.25s;transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{-webkit-transition-duration:1.3s;transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{-webkit-transition-delay:0s;transition-delay:0s}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{-webkit-transition-delay:1.3s;transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{-webkit-transition-duration:1.35s;transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{-webkit-transition-delay:0s;transition-delay:0s}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{-webkit-transition-delay:1.35s;transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{-webkit-transition-duration:1.4s;transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{-webkit-transition-delay:0s;transition-delay:0s}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{-webkit-transition-delay:1.4s;transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{-webkit-transition-duration:1.45s;transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{-webkit-transition-delay:0s;transition-delay:0s}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{-webkit-transition-delay:1.45s;transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{-webkit-transition-duration:1.5s;transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{-webkit-transition-delay:0s;transition-delay:0s}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{-webkit-transition-delay:1.5s;transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{-webkit-transition-duration:1.55s;transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{-webkit-transition-delay:0s;transition-delay:0s}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{-webkit-transition-delay:1.55s;transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{-webkit-transition-duration:1.6s;transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{-webkit-transition-delay:0s;transition-delay:0s}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{-webkit-transition-delay:1.6s;transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{-webkit-transition-duration:1.65s;transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{-webkit-transition-delay:0s;transition-delay:0s}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{-webkit-transition-delay:1.65s;transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{-webkit-transition-duration:1.7s;transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{-webkit-transition-delay:0s;transition-delay:0s}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{-webkit-transition-delay:1.7s;transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{-webkit-transition-duration:1.75s;transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{-webkit-transition-delay:0s;transition-delay:0s}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{-webkit-transition-delay:1.75s;transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{-webkit-transition-duration:1.8s;transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{-webkit-transition-delay:0s;transition-delay:0s}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{-webkit-transition-delay:1.8s;transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{-webkit-transition-duration:1.85s;transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{-webkit-transition-delay:0s;transition-delay:0s}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{-webkit-transition-delay:1.85s;transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{-webkit-transition-duration:1.9s;transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{-webkit-transition-delay:0s;transition-delay:0s}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{-webkit-transition-delay:1.9s;transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{-webkit-transition-duration:1.95s;transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{-webkit-transition-delay:0s;transition-delay:0s}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{-webkit-transition-delay:1.95s;transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{-webkit-transition-duration:2s;transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{-webkit-transition-delay:0s;transition-delay:0s}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{-webkit-transition-delay:2s;transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{-webkit-transition-duration:2.05s;transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{-webkit-transition-delay:0s;transition-delay:0s}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{-webkit-transition-delay:2.05s;transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{-webkit-transition-duration:2.1s;transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{-webkit-transition-delay:0s;transition-delay:0s}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{-webkit-transition-delay:2.1s;transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{-webkit-transition-duration:2.15s;transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{-webkit-transition-delay:0s;transition-delay:0s}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{-webkit-transition-delay:2.15s;transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{-webkit-transition-duration:2.2s;transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{-webkit-transition-delay:0s;transition-delay:0s}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{-webkit-transition-delay:2.2s;transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{-webkit-transition-duration:2.25s;transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{-webkit-transition-delay:0s;transition-delay:0s}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{-webkit-transition-delay:2.25s;transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{-webkit-transition-duration:2.3s;transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{-webkit-transition-delay:0s;transition-delay:0s}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{-webkit-transition-delay:2.3s;transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{-webkit-transition-duration:2.35s;transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{-webkit-transition-delay:0s;transition-delay:0s}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{-webkit-transition-delay:2.35s;transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{-webkit-transition-duration:2.4s;transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{-webkit-transition-delay:0s;transition-delay:0s}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{-webkit-transition-delay:2.4s;transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{-webkit-transition-duration:2.45s;transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{-webkit-transition-delay:0s;transition-delay:0s}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{-webkit-transition-delay:2.45s;transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{-webkit-transition-duration:2.5s;transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{-webkit-transition-delay:0s;transition-delay:0s}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{-webkit-transition-delay:2.5s;transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{-webkit-transition-duration:2.55s;transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{-webkit-transition-delay:0s;transition-delay:0s}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{-webkit-transition-delay:2.55s;transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{-webkit-transition-duration:2.6s;transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{-webkit-transition-delay:0s;transition-delay:0s}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{-webkit-transition-delay:2.6s;transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{-webkit-transition-duration:2.65s;transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{-webkit-transition-delay:0s;transition-delay:0s}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{-webkit-transition-delay:2.65s;transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{-webkit-transition-duration:2.7s;transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{-webkit-transition-delay:0s;transition-delay:0s}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{-webkit-transition-delay:2.7s;transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{-webkit-transition-duration:2.75s;transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{-webkit-transition-delay:0s;transition-delay:0s}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{-webkit-transition-delay:2.75s;transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{-webkit-transition-duration:2.8s;transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{-webkit-transition-delay:0s;transition-delay:0s}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{-webkit-transition-delay:2.8s;transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{-webkit-transition-duration:2.85s;transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{-webkit-transition-delay:0s;transition-delay:0s}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{-webkit-transition-delay:2.85s;transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{-webkit-transition-duration:2.9s;transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{-webkit-transition-delay:0s;transition-delay:0s}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{-webkit-transition-delay:2.9s;transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{-webkit-transition-duration:2.95s;transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{-webkit-transition-delay:0s;transition-delay:0s}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{-webkit-transition-delay:2.95s;transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{-webkit-transition-duration:3s;transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{-webkit-transition-delay:0s;transition-delay:0s}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{-webkit-transition-delay:3s;transition-delay:3s}[data-aos]{pointer-events:none}[data-aos].aos-animate{pointer-events:auto}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{-webkit-transition-timing-function:cubic-bezier(.25,.25,.75,.75);transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{-webkit-transition-timing-function:ease;transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{-webkit-transition-timing-function:cubic-bezier(.6,-.28,.735,.045);transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.275);transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{-webkit-transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{-webkit-transition-timing-function:cubic-bezier(.47,0,.745,.715);transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{-webkit-transition-timing-function:cubic-bezier(.39,.575,.565,1);transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{-webkit-transition-timing-function:cubic-bezier(.445,.05,.55,.95);transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{-webkit-transition-timing-function:cubic-bezier(.55,.085,.68,.53);transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{-webkit-transition-timing-function:cubic-bezier(.25,.46,.45,.94);transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{-webkit-transition-timing-function:cubic-bezier(.455,.03,.515,.955);transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{-webkit-transition-timing-function:cubic-bezier(.55,.085,.68,.53);transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{-webkit-transition-timing-function:cubic-bezier(.25,.46,.45,.94);transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{-webkit-transition-timing-function:cubic-bezier(.455,.03,.515,.955);transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{-webkit-transition-timing-function:cubic-bezier(.55,.085,.68,.53);transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{-webkit-transition-timing-function:cubic-bezier(.25,.46,.45,.94);transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{-webkit-transition-timing-function:cubic-bezier(.455,.03,.515,.955);transition-timing-function:cubic-bezier(.455,.03,.515,.955)}@media screen{html:not(.no-js) [data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,-webkit-transform;-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform}html:not(.no-js) [data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;-webkit-transform:none;transform:none}html:not(.no-js) [data-aos=fade-up]{-webkit-transform:translate3d(0,100px,0);transform:translate3d(0,100px,0)}html:not(.no-js) [data-aos=fade-down]{-webkit-transform:translate3d(0,-100px,0);transform:translate3d(0,-100px,0)}html:not(.no-js) [data-aos=fade-right]{-webkit-transform:translate3d(-100px,0,0);transform:translate3d(-100px,0,0)}html:not(.no-js) [data-aos=fade-left]{-webkit-transform:translate3d(100px,0,0);transform:translate3d(100px,0,0)}html:not(.no-js) [data-aos=fade-up-right]{-webkit-transform:translate3d(-100px,100px,0);transform:translate3d(-100px,100px,0)}html:not(.no-js) [data-aos=fade-up-left]{-webkit-transform:translate3d(100px,100px,0);transform:translate3d(100px,100px,0)}html:not(.no-js) [data-aos=fade-down-right]{-webkit-transform:translate3d(-100px,-100px,0);transform:translate3d(-100px,-100px,0)}html:not(.no-js) [data-aos=fade-down-left]{-webkit-transform:translate3d(100px,-100px,0);transform:translate3d(100px,-100px,0)}html:not(.no-js) [data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,-webkit-transform;-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform}html:not(.no-js) [data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}html:not(.no-js) [data-aos=zoom-in]{-webkit-transform:scale(.6);transform:scale(.6)}html:not(.no-js) [data-aos=zoom-in-up]{-webkit-transform:translate3d(0,100px,0) scale(.6);transform:translate3d(0,100px,0) scale(.6)}html:not(.no-js) [data-aos=zoom-in-down]{-webkit-transform:translate3d(0,-100px,0) scale(.6);transform:translate3d(0,-100px,0) scale(.6)}html:not(.no-js) [data-aos=zoom-in-right]{-webkit-transform:translate3d(-100px,0,0) scale(.6);transform:translate3d(-100px,0,0) scale(.6)}html:not(.no-js) [data-aos=zoom-in-left]{-webkit-transform:translate3d(100px,0,0) scale(.6);transform:translate3d(100px,0,0) scale(.6)}html:not(.no-js) [data-aos=zoom-out]{-webkit-transform:scale(1.2);transform:scale(1.2)}html:not(.no-js) [data-aos=zoom-out-up]{-webkit-transform:translate3d(0,100px,0) scale(1.2);transform:translate3d(0,100px,0) scale(1.2)}html:not(.no-js) [data-aos=zoom-out-down]{-webkit-transform:translate3d(0,-100px,0) scale(1.2);transform:translate3d(0,-100px,0) scale(1.2)}html:not(.no-js) [data-aos=zoom-out-right]{-webkit-transform:translate3d(-100px,0,0) scale(1.2);transform:translate3d(-100px,0,0) scale(1.2)}html:not(.no-js) [data-aos=zoom-out-left]{-webkit-transform:translate3d(100px,0,0) scale(1.2);transform:translate3d(100px,0,0) scale(1.2)}html:not(.no-js) [data-aos^=slide][data-aos^=slide]{transition-property:-webkit-transform;-webkit-transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;transition-property:transform,-webkit-transform;visibility:hidden}html:not(.no-js) [data-aos^=slide][data-aos^=slide].aos-animate{visibility:visible;-webkit-transform:translateZ(0);transform:translateZ(0)}html:not(.no-js) [data-aos=slide-up]{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}html:not(.no-js) [data-aos=slide-down]{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}html:not(.no-js) [data-aos=slide-right]{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}html:not(.no-js) [data-aos=slide-left]{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}html:not(.no-js) [data-aos^=flip][data-aos^=flip]{-webkit-backface-visibility:hidden;backface-visibility:hidden;transition-property:-webkit-transform;-webkit-transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;transition-property:transform,-webkit-transform}html:not(.no-js) [data-aos=flip-left]{-webkit-transform:perspective(2500px) rotateY(-100deg);transform:perspective(2500px) rotateY(-100deg)}html:not(.no-js) [data-aos=flip-left].aos-animate{-webkit-transform:perspective(2500px) rotateY(0);transform:perspective(2500px) rotateY(0)}html:not(.no-js) [data-aos=flip-right]{-webkit-transform:perspective(2500px) rotateY(100deg);transform:perspective(2500px) rotateY(100deg)}html:not(.no-js) [data-aos=flip-right].aos-animate{-webkit-transform:perspective(2500px) rotateY(0);transform:perspective(2500px) rotateY(0)}html:not(.no-js) [data-aos=flip-up]{-webkit-transform:perspective(2500px) rotateX(-100deg);transform:perspective(2500px) rotateX(-100deg)}html:not(.no-js) [data-aos=flip-up].aos-animate{-webkit-transform:perspective(2500px) rotateX(0);transform:perspective(2500px) rotateX(0)}html:not(.no-js) [data-aos=flip-down]{-webkit-transform:perspective(2500px) rotateX(100deg);transform:perspective(2500px) rotateX(100deg)}html:not(.no-js) [data-aos=flip-down].aos-animate{-webkit-transform:perspective(2500px) rotateX(0);transform:perspective(2500px) rotateX(0)}}
@media screen and (max-width: 767px) {
  .js-accordion__item {
    position: relative;
    cursor: pointer;
    margin: 0;
    width: 100%;
    height: auto;
  }
  .js-accordion__item.isOpen .solution__header {
    border-color: #fff;
  }
  .js-accordion__button {
    position: absolute;
    right: 0;
    top: 50%;
    width: 8px;
    height: 8px;
  }
  .js-accordion__button:before,
  .js-accordion__button:after {
    font-family: serif;
    content: '';
    position: absolute;
    right: 0.4rem;
    display: block;
    background: #2b2b2b;
    width: 8px;
    height: 1px;
    -webkit-transition: -webkit-transform 0.2s ease;
    transition: -webkit-transform 0.2s ease;
    transition: transform 0.2s ease;
    transition: transform 0.2s ease, -webkit-transform 0.2s ease;
  }
  .isOpen .js-accordion__button {
    top: 45%;
  }
  .js-accordion__button:before {
    -webkit-transform: rotate(45deg) translateX(-4px);
            transform: rotate(45deg) translateX(-4px);
  }
  .js-accordion__button:after {
    -webkit-transform: rotate(-45deg) translateX(4px);
            transform: rotate(-45deg) translateX(4px);
  }
  .isOpen .js-accordion__button:before,
  .isOpen .js-accordion__button:after {
    top: 45%;
  }
  .isOpen .js-accordion__button:before {
    -webkit-transform: rotate(-45deg) translate(-4px);
            transform: rotate(-45deg) translate(-4px);
  }
  .isOpen .js-accordion__button:after {
    -webkit-transform: rotate(45deg) translate(4px);
            transform: rotate(45deg) translate(4px);
  }
}
/* Additional style files. */

/*# sourceMappingURL=main.css.map */





.section--branches .menu {
  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;
}

.section--branches .menu_nav a,
.section--branches .menu_nav--branches a,
.section--branches .menu_nav button,
.section--branches .menu_nav--branches button {
  font-weight: 700;
  position: relative;
}

.section--branches .menu_nav .dropdown a,
.section--branches .menu_nav--branches .dropdown a {
  font-weight: 600;
}

.section--branches .menu_nav > li,
.section--branches .menu_nav--branches > li {
  display: inline-block;
  border-bottom: 1px solid transparent;
}

.section--branches .menu_nav > li,
.section--branches .menu_nav--branches > li {
  margin: 0 32px 0 0;
}

.section--branches .menu_nav > li.portfolio,
.section--branches .menu_nav--branches > li.portfolio {
  position: relative;
  cursor: pointer;
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.section--branches .menu_nav > li.portfolio:hover,
.section--branches .menu_nav--branches > li.portfolio:hover {
  color: #eb006e;
}

.section--branches .menu_nav > li.portfolio > button,
.section--branches .menu_nav--branches > li.portfolio > button {
  padding-right: 2rem;
  position: relative;
  pointer-events: none;
  -webkit-appearance: none;
  padding-bottom: 0;
}

.section--branches .menu_nav > li.portfolio > button:before,
.section--branches .menu_nav--branches > li.portfolio > button:before,
.section--branches .menu_nav > li.portfolio > button:after,
.section--branches .menu_nav--branches > li.portfolio > button:after {
  font-family: serif;
  content: '';
  position: absolute;
  right: 0.4rem;
  top: 1.7rem;
  display: block;
  background: #eb006e;
  width: 7px;
  height: 1px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.section--branches .menu_nav > li.portfolio > button:before,
.section--branches .menu_nav--branches > li.portfolio > button:before {
  -webkit-transform: rotate(45deg) translateX(-3px);
  transform: rotate(45deg) translateX(-3px);
}

.section--branches .menu_nav > li.portfolio > button:after,
.section--branches .menu_nav--branches > li.portfolio > button:after {
  -webkit-transform: rotate(-45deg) translateX(3px);
  transform: rotate(-45deg) translateX(3px);
}

.section--branches .menu_nav > li.active,
.section--branches .menu_nav--branches > li.active {
  border-color: #eb006e;
}

.page--light .section--branches .menu_nav > li.active,
.page--light .section--branches .menu_nav--branches > li.active {
  border-color: #fff;
}

.section--branches .menu_nav > li.toggle > button:before,
.section--branches .menu_nav--branches > li.toggle > button:before,
.section--branches .menu_nav > li.toggle > button:after,
.section--branches .menu_nav--branches > li.toggle > button:after {
  top: 1.2rem;
}

.section--branches .menu_nav > li.toggle > button:before,
.section--branches .menu_nav--branches > li.toggle > button:before {
  -webkit-transform: rotate(-45deg) translate(-3px);
  transform: rotate(-45deg) translate(-3px);
}

.section--branches .menu_nav > li.toggle > button:after,
.section--branches .menu_nav--branches > li.toggle > button:after {
  -webkit-transform: rotate(45deg) translate(3px);
  transform: rotate(45deg) translate(3px);
}

.section--branches .menu {
  margin-bottom: 3rem;
}

.section--branches .menu a:hover {
  color: #eb006e;
}

@media screen and (max-width: 767px) {
  .custom_banner {
    display: none;
  }
}

@media screen and (max-width: 1359px) {
  .menu_nav--branches li a.text--16,
  .menu_nav li a.text--16 {
    font-size: 1.44rem;
  }
}


.blog-detail a,
.form_feedback__agreement a,
.form-order__agreement a {
  color: #eb006e;
  text-decoration: underline;
}

.text-normal{
  color: #2b2b2b;
}
.footer_social i{
  font-size: 23px;
  margin: 0 10px;
}
.footer_social a:hover {
  color: #23527c;
}
.text-normal{
  color: #2b2b2b;
}

/* End */


/* Start:/local/templates/sb2018/static/js/vendor/fancybox/source/jquery.fancybox.min.css?17412685577175*/
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,.fancybox-skin,.fancybox-outer,.fancybox-inner,.fancybox-image,.fancybox-wrap iframe,.fancybox-wrap object,.fancybox-nav,.fancybox-nav span,.fancybox-tmp{padding:0;margin:0;border:0;outline:none;vertical-align:top}.fancybox-wrap{position:absolute;top:0;left:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:8020}.fancybox-skin{position:relative;background:#f9f9f9;color:#444;text-shadow:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.fancybox-opened{z-index:8030}.fancybox-opened .fancybox-skin{-webkit-box-shadow:0 10px 25px rgba(0,0,0,.5);-moz-box-shadow:0 10px 25px rgba(0,0,0,.5);box-shadow:0 10px 25px rgba(0,0,0,.5)}.fancybox-outer,.fancybox-inner{position:relative}.fancybox-inner{overflow:hidden}.fancybox-type-iframe .fancybox-inner{-webkit-overflow-scrolling:touch}.fancybox-error{color:#444;font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin:0;padding:15px;white-space:nowrap}.fancybox-image,.fancybox-iframe{display:block;width:100%;height:100%}.fancybox-image{max-width:100%;max-height:100%}#fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAACYCAMAAACoAftQAAAAvVBMVEUAAAAAAAAAAAAODg4AAAAAAAAAAADNzc0BAQHZ2dkDAwMHBwcAAADf398CAgI/Pz8BAQEAAACCgoIcHBzl5eUAAAC/v7/x8fEGBgZnZ2cAAADs7OwGBgb4+Pg/Pz/Jycmenp5nZ2f39/eDg4MAAADQ0ND4+Piurq7a2tr8/Pzs7OwAAAD5+fn9/f3e3t4AAAD///9OTk7BwcE1NTWsrKyNjY2cnJx6enpdXV1oaGgsLCy6uroiIiLOzs5BQUFt3PCNAAAAL3RSTlMAAQMIDRIZHSMnLTpESFNVXWlpbG15en+HiZCWoaGssrO2vsDFydPU3uL4+fr9/Ywv6xsAAAQVSURBVHhe7JZbc6JMGIQXAUOQEMi3uMYkrmopZgqs5ujZ//+zvpdNzMsMlli1N3uRvtCbpzo9I+nmhyqN9OO6GNQ6Ha1SG0mcrhskXe90rvKE6kbX7r9MF4vp2887nfBrqPW0xJemD4w32e7jHIj2602SbNZ7Qfgd0zJLtgKi2B0+tSsE3h8u0RX7HGGfHWrK9oiIbrK69SiQHxTliO5VWtP0rrNEemhoj6muaYqx2XuGyJrwbgUKohhb3hIFM6wCC7Zm4+M5Zs5fpKNiTYndEOUHDFRYCeADLvGiy7DtL7E5/12gJPacalPlqEc2eoFAdmCa2UOGyOhoUuQgwo7PxCwJMGXYGcQMlyCVX3DchCkGs3V6h0iFgyUSZsuS6QQLGaYDhueUHxhf3RpzOqB8dRMcz84lf5FS9A1Ngi2PQm8PF7RBZOnEyqFnSC/BKX6bHQmucpB13mRzCJtTsPUowlpl14if2JifUXcwgeqdA2OLn1C+PdsbzCKkW0a3KeKxbbAxF4FJ9EgAaXGqyFORAuLZNrkMZNoNKnNS9PE5dpltFofjB4PJXIAk5rP/HMu4Ukmm7XjEkwLfc2yT66tJk7lp2T2H1LMtk2wVVsWpcE0SlW4DbeLE/xG3eRvfQv7Fptw4KvpDNRKLt1/3rZty/xbjrPef1+5D018ITYttkiTrfAUsrmzK3RTIT/woHxH3DaZl9h2rRH2aX0ydaYb1BVK1zNdA32RvNn7DkVmmoyeVJvYBMcdl5Vg2/lW0zpSbUNIKT12KLV8wVjsmNvGW63feU3qj86veGQmAA1e5qzbStNZdmVTlRzzbSjG+4+t4u1iqjxxjR6pczaiNBCCVXoGx25X7mUNGgJBHM/QsXWp+dk4U5xJjX4EXSM7ACcCxnnnm2zI8rxVoFgMr/lUwUpyNPvYVx/eRfaUSQzkzLWxEOVhiwynCAd2GvCm/2bquBPEo+LxnDv0YXdyfFOHQP+8EV/kY0enSorxyitoLxxwiabDRqDImWF2JJVBIeVNEk2HgsDGn7vkhcPy67lMOiBGF4AGS3tX8yYqAfb5eF/kRiMPX4cDjEDLd8wezJT4lwtHrMHBtbg6V9oLhYDYLw3A2eSVbn0elSdMCecFg+Ee0Kq7dlftLXSCrRxNE8lzH7hp0Nu3qpHQty7Ztq2sabHvtpb/SLauisVTye1O+N2Ubbxhu2xSAq6x1UwoAWfum8P3Gu5ZNYaUA2jaFJYCofVPYOWnZFD4TcLpxU1ZAnN24KRnfxQ2bshEE/Vub8r0p35vi/t9eHRoBDMNQDJUvMLkOkDMM+8D7b9cR+kOKLPy4juojnQeAkWWVAyLLLINVdovj44N8LOqi/3Djxo0bN5ZvdbWJuwHhrw2ILYdqBwDT2fEEXtrZFmVcCWLiAAAAAElFTkSuQmCC)}#fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-22px;margin-left:-22px;background-position:0 -108px;opacity:.8;cursor:pointer;z-index:8060}#fancybox-loading div{width:44px;height:44px;background:url(/local/templates/sb2018/static/js/vendor/fancybox/source/fancybox_loading.gif) center center no-repeat}.fancybox-close{position:absolute;top:-18px;right:-18px;width:36px;height:36px;cursor:pointer;z-index:8040}.fancybox-nav{position:absolute;top:0;width:40%;height:100%;cursor:pointer;text-decoration:none;background:transparent url(data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==);-webkit-tap-highlight-color:rgba(0,0,0,0);z-index:8040}.fancybox-prev{left:0}.fancybox-next{right:0}.fancybox-nav span{position:absolute;top:50%;width:36px;height:34px;margin-top:-18px;cursor:pointer;z-index:8040;visibility:hidden}.fancybox-prev span{left:10px;background-position:0 -36px}.fancybox-next span{right:10px;background-position:0 -72px}.fancybox-nav:hover span{visibility:visible}.fancybox-tmp{position:absolute;top:-99999px;left:-99999px;max-width:99999px;max-height:99999px;overflow:visible!important}.fancybox-lock{overflow:visible!important;width:auto}.fancybox-lock body{overflow:hidden!important}.fancybox-lock-test{overflow-y:hidden!important}.fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index:8010;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpCMEM4NDgzQjlDRTNFMTExODE4NUVDOTdFQ0I0RDgxRSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpGREU5OEVCQzAzMjYxMUUyOTg5OURDMDlDRTJDMTc0RSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpGREU5OEVCQjAzMjYxMUUyOTg5OURDMDlDRTJDMTc0RSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkIxQzg0ODNCOUNFM0UxMTE4MTg1RUM5N0VDQjREODFFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkIwQzg0ODNCOUNFM0UxMTE4MTg1RUM5N0VDQjREODFFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+s3YRAQAAABtJREFUeNpiFODh2cBABGBiIBKMKqSOQoAAAwBokQDs5F/8FAAAAABJRU5ErkJggg==)}.fancybox-overlay-fixed{position:fixed;bottom:0;right:0}.fancybox-lock .fancybox-overlay{overflow:auto;overflow-y:scroll}.fancybox-title{visibility:hidden;font:normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;position:relative;text-shadow:none;z-index:8050}.fancybox-opened .fancybox-title{visibility:visible}.fancybox-title-float-wrap{position:absolute;bottom:0;right:50%;margin-bottom:-35px;z-index:8050;text-align:center}.fancybox-title-float-wrap .child{display:inline-block;margin-right:-100%;padding:2px 20px;background:transparent;background:rgba(0,0,0,.8);-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;text-shadow:0 1px 2px #222;color:#FFF;font-weight:700;line-height:24px;white-space:nowrap}.fancybox-title-outside-wrap{position:relative;margin-top:10px;color:#fff}.fancybox-title-inside-wrap{padding-top:10px}.fancybox-title-over-wrap{position:absolute;bottom:0;left:0;color:#fff;padding:10px;background:#000;background:rgba(0,0,0,.8)}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){#fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span{background-image:url(/local/templates/sb2018/static/js/vendor/fancybox/source/fancybox_sprite@2x.png);background-size:44px 152px}#fancybox-loading div{background-image:url(/local/templates/sb2018/static/js/vendor/fancybox/source/fancybox_loading@2x.gif);background-size:24px 24px}}
/* End */


/* Start:/local/templates/sb2018/static/css/form.min.css?17412685573967*/
.input_text{height:7rem;border:1px solid #dedede;border-bottom-color:transparent;overflow:hidden;-webkit-transition:border 0.2s,color 0.2s ease;transition:border 0.2s,color 0.2s ease;position:relative}.input_text input{display:block;border:none;border-radius:0;background:transparent;width:100%;-webkit-appearance:none;color:rgba(0,0,0,.5);position:absolute;padding:2.2rem 2rem;top:0;height:100%}.input_text input:invalid{-webkit-box-shadow:none;box-shadow:none}.input_text input:focus{outline:0}.input_text textarea{background:transparent;line-height:1.4rem;position:absolute;top:0;border:1px solid transparent;font-size:1.6rem;display:block;width:100%;height:100%;color:#2b2b2b;padding:0;line-height:1.4;resize:none}.input_text textarea:invalid{-webkit-box-shadow:none;box-shadow:none}.input_text textarea:focus{outline:0}.field--correct .input_text{opacity:1;border-color:#dedede}.field--error .input_text{color:#ff1c2d;border-color:#ff1c2d}.field--textarea .input_text{height:14rem;border-bottom-color:#dedede}.field--search .input_text{max-width:100%}.input_text.input_text--focused{border-color:rgba(0,0,0,.5)!important}.field--error .input_text.input_text--filled{border-color:#ff1c2d}.input_text.input_text--filled input{padding-top:4rem;color:#2b2b2b;height:7rem}.input_text.input_text--filled textarea{margin:4rem 2rem 0;height:10rem}.input_text__label{display:inline-block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%;height:100%;padding:2.5rem 2rem;will-change:transform;position:relative;z-index:1;pointer-events:none}.input_text__label span{display:inherit;-webkit-transform-origin:0% 50%;transform-origin:0% 50%;-webkit-transition:color 200ms ease-out,-webkit-transform 0.3s;transition:color 200ms ease-out,-webkit-transform 0.3s;transition:transform 0.3s,color 200ms ease-out;transition:transform 0.3s,color 200ms ease-out,-webkit-transform 0.3s;font-size:1.4rem;color:rgba(0,0,0,.5)}.input_text--filled .input_text__label span{color:rgba(0,0,0,.5);-webkit-transform:translate3d(0,-.8em,0) scale3d(.9,.9,1) translateZ(1px);transform:translate3d(0,-.8em,0) scale3d(.9,.9,1) translateZ(1px)}.field--error .input_text__label span{color:#ff1c2d}.input_text--filled .input_text__label{padding-top:2.5rem}.field__error{font-weight:600;font-size:1.2rem;color:#ff1c2d;line-height:2.5rem}@media screen and (min-width:1024px){.input_text:hover .input_text__label span{color:#000}}@media screen and (max-width:767px){.input_text.input_text--filled input{padding-top:3.5rem}.input_text.input_text--filled textarea{height:16rem}.field--textarea .input_text{height:9rem}.input_text--filled .input_text__label{padding-top:2rem}.field--textarea .input_text__label{padding-top:3rem}.field--textarea .input_text--filled .input_text__label{padding-top:2rem}}.subscribe__form .field .input_text{border-color:#dedede}.service_form_popup .field:nth-of-type(3) .input_text{border-bottom-color:#dedede}@media screen and (min-width:1024px){.form_feedback__upload button{-webkit-transition:color 200ms ease-out;transition:color 200ms ease-out;cursor:pointer}.form_feedback__upload button:hover{color:#eb006e}}.form_feedback__upload{display:block;margin:2rem 0 2.5rem}.form_feedback__upload svg{display:inline-block;height:3rem;width:2.6rem;vertical-align:middle;margin-right:1rem}.form_feedback__upload button{position:relative}.form_feedback__upload button:focus,.form_feedback__upload button:hover{outline:none}.form_feedback__upload input[type='file']{display:none}.form_feedback__agreement{font-weight:100;font-size:1.4rem;line-height:2rem;margin-bottom:1rem}.form_feedback__content{max-height:100%;-webkit-transition:max-height 0.3s ease,opacity 0.2s ease;transition:max-height 0.3s ease,opacity 0.2s ease}.form_feedback__content.hidden{max-height:0;opacity:0}@media screen and (max-width:767px){.form_feedback__agreement{font-size:1.1rem;font-weight:600;opacity:.7;line-height:2rem}.form_feedback .btn--pink{width:100%}}
/* End */


/* Start:/local/templates/sb2018/static_new/css/style.css?1747739733314447*/
@charset "UTF-8";
/* stylelint-disable */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/* Sections
 ========================================================================== */
/**
* Remove the margin in all browsers.
*/
body {
  margin: 0; }

/**
* Render the `main` element consistently in IE.
*/
main {
  display: block; }

/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/* Grouping content
 ========================================================================== */
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/* Text-level semantics
 ========================================================================== */
/**
* Remove the gray background on active links in IE 10.
*/
a {
  background-color: transparent; }

/**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  /* 2 */ }

/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
  font-weight: bolder; }

/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
* Add the correct font size in all browsers.
*/
small {
  font-size: 80%; }

/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content
 ========================================================================== */
/**
* Remove the border on images inside links in IE 10.
*/
img {
  border-style: none; }

/* Forms
 ========================================================================== */
/**
* 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input {
  /* 1 */
  overflow: visible; }

/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select {
  /* 1 */
  text-transform: none; }

/**
* Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
* Correct the padding in Firefox.
*/
fieldset {
  padding: 0.35em 0.75em 0.625em; }

/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
*    `fieldset` elements in all browsers.
*/
legend {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
  vertical-align: baseline; }

/**
* Remove the default vertical scrollbar in IE 10+.
*/
textarea {
  overflow: auto; }

/**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/
[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

/**
* Remove the inner padding in Chrome and Safari on macOS.
*/
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/* Interactive
 ========================================================================== */
/*
* Add the correct display in Edge, IE 10+, and Firefox.
*/
details {
  display: block; }

/*
* Add the correct display in all browsers.
*/
summary {
  display: list-item; }

/* Misc
 ========================================================================== */
/**
* Add the correct display in IE 10+.
*/
template {
  display: none; }

/**
* Add the correct display in IE 10.
*/
[hidden] {
  display: none; }

:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-color: var(--swiper-theme-color);
  */ }

:root {
  --swiper-theme-color: #007aff; }

:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  */ }

:root {
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  */ }

.new-design {
  /* stylelint-disable */
  /**
  * Swiper 5.3.6
  * Most modern mobile touch slider and framework with hardware accelerated transitions
  * http://swiperjs.com
  *
  * Copyright 2014-2020 Vladimir Kharlampidi
  *
  * Released under the MIT License
  *
  * Released on: February 29, 2020
  */
  /* Auto Height */
  /* 3D Effects */
  /* CSS Mode */
  /* Common Styles */
  /* Bullets */
  /* Progress */
  /* Scrollbar */
  /* Preloader */
  /* a11y */ }

@font-face {
.new-design {
  font-family: 'swiper-icons';
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
  font-weight: 400;
  font-style: normal; } }
.new-design .swiper-notification {
  display: none !important; }
.new-design .swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1; }
.new-design .swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }
.new-design .swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }
.new-design .swiper-container-android .swiper-slide,
.new-design .swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0); }
.new-design .swiper-container-multirow > .swiper-wrapper {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
.new-design .swiper-container-multirow-column > .swiper-wrapper {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }
.new-design .swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto; }
.new-design .swiper-slide {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform; }
.new-design .swiper-slide-invisible-blank {
  visibility: hidden; }
.new-design .swiper-container-autoheight,
.new-design .swiper-container-autoheight .swiper-slide {
  height: auto; }
.new-design .swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform; }
.new-design .swiper-container-3d {
  -webkit-perspective: 1200px;
  perspective: 1200px; }
.new-design .swiper-container-3d .swiper-wrapper,
.new-design .swiper-container-3d .swiper-slide,
.new-design .swiper-container-3d .swiper-slide-shadow-left,
.new-design .swiper-container-3d .swiper-slide-shadow-right,
.new-design .swiper-container-3d .swiper-slide-shadow-top,
.new-design .swiper-container-3d .swiper-slide-shadow-bottom,
.new-design .swiper-container-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d; }
.new-design .swiper-container-3d .swiper-slide-shadow-left,
.new-design .swiper-container-3d .swiper-slide-shadow-right,
.new-design .swiper-container-3d .swiper-slide-shadow-top,
.new-design .swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10; }
.new-design .swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
.new-design .swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
.new-design .swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
.new-design .swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
.new-design .swiper-container-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */ }
.new-design .swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none; }
.new-design .swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start; }
.new-design .swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
  -ms-scroll-snap-type: x mandatory;
  scroll-snap-type: x mandatory; }
.new-design .swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  -ms-scroll-snap-type: y mandatory;
  scroll-snap-type: y mandatory; }
.new-design .swiper-button-prev,
.new-design .swiper-button-next {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 50px;
  height: 100%;
  margin: 0;
  border-radius: 5px;
  z-index: 9;
  cursor: pointer;
  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: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.new-design .swiper-button-prev:hover,
.new-design .swiper-button-next:hover{
  background-color: #f2f2f2;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.new-design .img-slider .swiper-button-next {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.new-design .swiper-button-prev.swiper-button-disabled,
.new-design .swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none; }
.new-design .swiper-button-prev:after,
.new-design .swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial; }
.new-design .swiper-button-prev,
.new-design .swiper-container-rtl .swiper-button-next {
  left: 0px;
  right: auto; }
.new-design .swiper-button-prev:after,
.new-design .swiper-container-rtl .swiper-button-next:after {
  content: 'prev'; }
.new-design .swiper-button-next,
.new-design .swiper-container-rtl .swiper-button-prev {
  right: 0px;
  left: auto; }
.new-design .swiper-button-next:after,
.new-design .swiper-container-rtl .swiper-button-prev:after {
  content: 'next'; }
.new-design .swiper-button-prev.swiper-button-white,
.new-design .swiper-button-next.swiper-button-white {
  --swiper-navigation-color: #ffffff; }
.new-design .swiper-button-prev.swiper-button-black,
.new-design .swiper-button-next.swiper-button-black {
  --swiper-navigation-color: #000000; }
.new-design .swiper-button-lock {
  display: none; }
.new-design .swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms opacity;
  transition: 300ms opacity;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10; }
.new-design .swiper-pagination.swiper-pagination-hidden {
  opacity: 0; }
.new-design .swiper-pagination-fraction,
.new-design .swiper-pagination-custom,
.new-design .swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%; }
.new-design .swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0; }
.new-design .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(0.33);
  transform: scale(0.33);
  position: relative; }
.new-design .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -webkit-transform: scale(1);
  transform: scale(1); }
.new-design .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
  transform: scale(1); }
.new-design .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(0.66);
  transform: scale(0.66); }
.new-design .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(0.33);
  transform: scale(0.33); }
.new-design .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(0.66);
  transform: scale(0.66); }
.new-design .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(0.33);
  transform: scale(0.33); }
.new-design .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2; }
.new-design button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }
.new-design .swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer; }
.new-design .swiper-pagination-bullet-active {
  opacity: 1;
  background: var(--swiper-pagination-color, var(--swiper-theme-color)); }
.new-design .swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
  transform: translate3d(0px, -50%, 0); }
.new-design .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block; }
.new-design .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px; }
.new-design .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: 200ms top, 200ms -webkit-transform;
  transition: 200ms top, 200ms -webkit-transform;
  transition: 200ms transform, 200ms top;
  transition: 200ms transform, 200ms top, 200ms -webkit-transform; }
.new-design .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px; }
.new-design .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap; }
.new-design .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms left, 200ms -webkit-transform;
  transition: 200ms left, 200ms -webkit-transform;
  transition: 200ms transform, 200ms left;
  transition: 200ms transform, 200ms left, 200ms -webkit-transform; }
.new-design .swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms right, 200ms -webkit-transform;
  transition: 200ms right, 200ms -webkit-transform;
  transition: 200ms transform, 200ms right;
  transition: 200ms transform, 200ms right, 200ms -webkit-transform; }
.new-design .swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute; }
.new-design .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  transform-origin: left top; }
.new-design .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
  transform-origin: right top; }
.new-design .swiper-container-horizontal > .swiper-pagination-progressbar,
.new-design .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0; }
.new-design .swiper-container-vertical > .swiper-pagination-progressbar,
.new-design .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0; }
.new-design .swiper-pagination-white {
  --swiper-pagination-color: #ffffff; }
.new-design .swiper-pagination-black {
  --swiper-pagination-color: #000000; }
.new-design .swiper-pagination-lock {
  display: none; }
.new-design .swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1); }
.new-design .swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%; }
.new-design .swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%; }
.new-design .swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0; }
.new-design .swiper-scrollbar-cursor-drag {
  cursor: move; }
.new-design .swiper-scrollbar-lock {
  display: none; }
.new-design .swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center; }
.new-design .swiper-zoom-container > img,
.new-design .swiper-zoom-container > svg,
.new-design .swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain; }
.new-design .swiper-slide-zoomed {
  cursor: move; }
.new-design .swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s infinite linear;
  animation: swiper-preloader-spin 1s infinite linear;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent; }
.new-design .swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff; }
.new-design .swiper-lazy-preloader-black {
  --swiper-preloader-color: #000; }

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

@keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
.new-design .swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000; }
.new-design .swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out; }
.new-design .swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  transition-property: opacity; }
.new-design .swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none; }
.new-design .swiper-container-fade .swiper-slide-active,
.new-design .swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto; }
.new-design .swiper-container-cube {
  overflow: visible; }
.new-design .swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%; }
.new-design .swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none; }
.new-design .swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0; }
.new-design .swiper-container-cube .swiper-slide-active,
.new-design .swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto; }
.new-design .swiper-container-cube .swiper-slide-active,
.new-design .swiper-container-cube .swiper-slide-next,
.new-design .swiper-container-cube .swiper-slide-prev,
.new-design .swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible; }
.new-design .swiper-container-cube .swiper-slide-shadow-top,
.new-design .swiper-container-cube .swiper-slide-shadow-bottom,
.new-design .swiper-container-cube .swiper-slide-shadow-left,
.new-design .swiper-container-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }
.new-design .swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0; }
.new-design .swiper-container-flip {
  overflow: visible; }
.new-design .swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1; }
.new-design .swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none; }
.new-design .swiper-container-flip .swiper-slide-active,
.new-design .swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto; }
.new-design .swiper-container-flip .swiper-slide-shadow-top,
.new-design .swiper-container-flip .swiper-slide-shadow-bottom,
.new-design .swiper-container-flip .swiper-slide-shadow-left,
.new-design .swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

/* @mixin viewport--md {
  @media (min-width: $viewport--md) {
    @content;
  }
}

@mixin viewport--lg {
  @media (min-width: $viewport--lg) {
    @content;
  }
}

@mixin viewport--xl {
  @media (min-width: $viewport--xl) {
    @content;
  }
}

@mixin viewport--xxl {
  @media (min-width: $viewport--xxl) {
    @content;
  }
} */

@font-face {
  font-style: normal;
  font-weight: 400;
  font-family: "Roboto";
  font-display: swap;
  src: local("roboto regular"), local("roboto-regular"), url("/local/templates/sb2018/static_new/css/../fonts/roboto-regular.woff2") format("woff2"), url("/local/templates/sb2018/static_new/css/../fonts/roboto-regular.woff") format("woff"); }

@font-face {
  font-style: normal;
  font-weight: 700;
  font-family: "Roboto";
  font-display: swap;
  src: local("roboto bold"), local("roboto-bold"), url("/local/templates/sb2018/static_new/css/../fonts/roboto-bold.woff2") format("woff2"), url("/local/templates/sb2018/static_new/css/../fonts/roboto-bold.woff") format("woff"); }

@font-face {
  font-style: normal;
  font-weight: 600;
  font-family: "Montserrat";
  font-display: swap;
  src: url("/local/templates/sb2018/static_new/css/../fonts/Montserrat-SemiBold.woff2") format("woff2"), url("/local/templates/sb2018/static_new/css/../fonts/Montserrat-SemiBold.woff") format("woff"); }

@font-face {
  font-style: normal;
  font-weight: 500;
  font-family: "Montserrat";
  font-display: swap;
  src: url("/local/templates/sb2018/static_new/css/../fonts/Montserrat-Medium.woff2") format("woff2"), url("/local/templates/sb2018/static_new/css/../fonts/Montserrat-Medium.woff") format("woff"); }

@font-face {
  font-style: normal;
  font-weight: 400;
  font-family: "Montserrat";
  font-display: swap;
  src: url("/local/templates/sb2018/static_new/css/../fonts/Montserrat-Regular.woff2") format("woff2"), url("/local/templates/sb2018/static_new/css/../fonts/Montserrat-Regular.woff") format("woff"); }

@font-face {
  font-style: normal;
  font-weight: 300;
  font-family: "Montserrat";
  font-display: swap;
  src: url("/local/templates/sb2018/static_new/css/../fonts/Montserrat-Light.woff2") format("woff2"), url("/local/templates/sb2018/static_new/css/../fonts/Montserrat-Light.woff") format("woff"); }

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

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

html,
body {
  margin: 0;
  padding: 0; }


a {
  color: #2b2b2b;
  text-decoration: none; }

img,
video {
  display: block;
  max-width: 100%;
  height: auto; }

textarea {
  resize: none; }

/* :focus {
  outline: none;
} */
input:-webkit-autofill {
  -webkit-box-shadow: inset 0 0 0 1000px #ffffff;
  box-shadow: inset 0 0 0 1000px #ffffff;
  -webkit-text-fill-color: #000000; }

input,
textarea {
  border-radius: 0; }
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  opacity: 1; }
input::-moz-placeholder,
textarea::-moz-placeholder {
  opacity: 1; }
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  opacity: 1; }
input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
  opacity: 1; }
input::placeholder,
textarea::placeholder {
  opacity: 1; }
input:invalid,
textarea:invalid {
  -webkit-box-shadow: none;
  box-shadow: none; }

select {
  border-radius: 0; }

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

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  -webkit-appearance: none;
  appearance: none; }

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
  appearance: none; }

input[type="number"] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield; }

select,
textarea,
input:matches([type="email"],
[type="number"],
[type="password"],
[type="search"],
[type="tel"],
[type="text"],
[type="url"]) {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  clip: rect(0 0 0 0); }

.wrapper {
  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;
  min-height: 100vh;
  overflow-x: hidden; }
.wrapper--no-scrollbar {
  height: 100vh;
  -ms-overflow-style: none;
  scrollbar-width: none; }
.wrapper--no-scrollbar::-webkit-scrollbar {
  display: none; }
.wrapper .header,
.wrapper .footer {
  -ms-flex-negative: 0;
  flex-shrink: 0; }
.wrapper main {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1; }

.new-design {
  overflow: hidden; }

ul {
  margin: 0;
  padding: 0;
  list-style: none; }

a {
  text-decoration: none;
  cursor: pointer; }
a:focus {
  outline: none; }

h1,
h2,
h3 {
  margin: 0; }

.scroll-lock {
  position: fixed;
  overflow-y: auto; }

.new-design svg {
  width: initial;
  height: initial; }

.new-design .btn--reset,
.new-design .button-reset {
  padding: 0;
  background: rgba(255, 255, 255, 0);
  border: none;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease; }
.new-design .btn--reset:hover,
.new-design .button-reset:hover {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease; }
.new-design .btn--reset:focus,
.new-design .button-reset:focus {
  outline: none; }

.new-design section {
  padding-top: 84px;
  padding-bottom: 20px; }
@media (max-width: 1439px) {
  .new-design section {
    padding-top: 76px;
    padding-bottom: 20px; } }
@media (max-width: 1023px) {
  .new-design section {
    padding-top: 60px;
    padding-bottom: 20px; } }
@media (max-width: 767px) {
  .new-design section {
    padding-top: 50px;
    padding-bottom: 20px; } }
@media (max-width: 1439px) {
  .new-design section.works {
    padding-top: 25px; } }
@media (max-width: 1023px) {
  .new-design section.works {
    padding-top: 37px; } }
@media (max-width: 767px) {
  .new-design section.works {
    padding-top: 30px; } }
.new-design section.works--store {
  padding-top: 100px;
  padding-bottom: 85px; }
@media (max-width: 1439px) {
  .new-design section.works--store {
    padding-top: 75px;
    padding-bottom: 46px; } }
@media (max-width: 1023px) {
  .new-design section.works--store {
    padding-top: 60px;
    padding-bottom: 46px; } }
@media (max-width: 767px) {
  .new-design section.works--store {
    padding-bottom: 44px; } }
.new-design section.works--design {
  padding-top: 85px; }
@media (max-width: 1439px) {
  .new-design section.works--design {
    padding-top: 77px; } }
@media (max-width: 1023px) {
  .new-design section.works--design {
    padding-top: 60px; } }
@media (max-width: 767px) {
  .new-design section.works--design {
    padding-top: 43px; } }
@media (max-width: 1439px) {
  .new-design section.adv {
    padding-top: 65px;
    padding-bottom: 48px; } }
@media (max-width: 1023px) {
  .new-design section.adv {
    padding-top: 68px;
    padding-bottom: 52px; } }
@media (max-width: 767px) {
  .new-design section.adv {
    padding-top: 44px;
    padding-bottom: 34px; } }
@media (max-width: 1439px) {
  .new-design section.adv--store {
    padding-top: 75px;
    padding-bottom: 15px; } }
@media (max-width: 1023px) {
  .new-design section.adv--store {
    padding-top: 60px;
    padding-bottom: 21px; } }
@media (max-width: 767px) {
  .new-design section.adv--store {
    padding-bottom: 25px; } }
.new-design section.adv--design {
  padding-top: 64px; }
@media (max-width: 1439px) {
  .new-design section.adv--design {
    padding-top: 67px;
    padding-bottom: 15px; } }
@media (max-width: 1023px) {
  .new-design section.adv--design {
    padding-top: 50px; } }
@media (max-width: 767px) {
  .new-design section.adv--design {
    padding-top: 29px; } }
@media (max-width: 1439px) {
  .new-design section.steps {
    padding-top: 75px;
    padding-bottom: 73px; } }
@media (max-width: 1023px) {
  .new-design section.steps {
    padding-top: 60px;
    padding-bottom: 56px; } }
@media (max-width: 1439px) {
  .new-design section.steps--store {
    padding-bottom: 75px; } }
@media (max-width: 1023px) {
  .new-design section.steps--store {
    padding-bottom: 3px; } }
.new-design section.steps--design {
  padding-bottom: 64px; }
@media (max-width: 1439px) {
  .new-design section.steps--design {
    padding-bottom: 33px; } }
@media (max-width: 1023px) {
  .new-design section.steps--design {
    padding-bottom: 10px; } }
.new-design section.companies {
  padding-bottom: 51px; }
@media (max-width: 1439px) {
  .new-design section.companies {
    padding-bottom: 27px; } }
@media (max-width: 1023px) {
  .new-design section.companies {
    padding-bottom: 22px; } }
.new-design section.companies--store {
  padding-bottom: 53px; }
@media (max-width: 1439px) {
  .new-design section.companies--store {
    padding-bottom: 30px; } }
@media (max-width: 1023px) {
  .new-design section.companies--store {
    padding-bottom: 25px; } }
@media (max-width: 767px) {
  .new-design section.companies--store {
    padding-top: 58px;
    padding-bottom: 25px; } }
.new-design section.feedback {
  padding-bottom: 52px; }
@media (max-width: 1439px) {
  .new-design section.feedback {
    padding-bottom: 36px; } }
@media (max-width: 767px) {
  .new-design section.feedback {
    padding-top: 60px;
    padding-bottom: 20px; } }
.new-design section.feedback--store {
  padding-top: 80px; }
@media (max-width: 1439px) {
  .new-design section.feedback--store {
    padding-top: 76px; } }
@media (max-width: 1023px) {
  .new-design section.feedback--store {
    padding-top: 60px;
    padding-bottom: 39px; } }
@media (max-width: 767px) {
  .new-design section.feedback--store {
    padding-top: 60px;
    padding-bottom: 25px; } }
@media (max-width: 1439px) {
  .new-design section.result {
    padding-top: 75px;
    padding-bottom: 47px; } }
@media (max-width: 1023px) {
  .new-design section.result {
    padding-top: 58px;
    padding-bottom: 32px; } }
.new-design section.result--design {
  padding-top: 25px; }
@media (max-width: 1439px) {
  .new-design section.result--design {
    padding-top: 35px; } }
@media (max-width: 1023px) {
  .new-design section.result--design {
    padding-top: 25px; } }
@media (max-width: 767px) {
  .new-design section.result--design {
    padding-top: 23px; } }
.new-design section.form-order {
  padding-top: 115px; }
@media (max-width: 1439px) {
  .new-design section.form-order--store {
    padding-top: 102px; } }
@media (max-width: 1023px) {
  .new-design section.form-order--store {
    padding-top: 76px; } }
@media (max-width: 767px) {
  .new-design section.form-order--store {
    padding-top: 58px; } }
.new-design section.form-order--prices {
  margin-bottom: 85px;
  padding-top: 85px; }
@media (max-width: 1439px) {
  .new-design section.form-order--prices {
    margin-bottom: 60px;
    padding-top: 70px; } }
@media (max-width: 1023px) {
  .new-design section.form-order--prices {
    margin-bottom: 40px;
    padding-top: 45px; } }
@media (max-width: 767px) {
  .new-design section.form-order--prices {
    margin-bottom: 40px;
    padding-top: 27px; } }
.new-design section.form-order--design {
  padding-top: 110px;
  padding-bottom: 110px; }
@media (max-width: 1439px) {
  .new-design section.form-order--design {
    padding-top: 100px;
    padding-bottom: 10px; } }
@media (max-width: 1023px) {
  .new-design section.form-order--design {
    padding-top: 75px; } }
.new-design section.form-order--support {
  padding-top: 125px;
  padding-bottom: 110px; }
@media (max-width: 1439px) {
  .new-design section.form-order--support {
    padding-top: 100px;
    padding-bottom: 10px; } }
@media (max-width: 1023px) {
  .new-design section.form-order--support {
    padding-top: 75px; } }
@media (max-width: 767px) {
  .new-design section.form-order--support {
    padding-top: 34px; } }
.new-design section.form-order--modal {
  padding-top: 0; }
.new-design section.offer {
  padding-top: 40px;
  padding-bottom: 75px; }
@media (max-width: 1439px) {
  .new-design section.offer {
    padding-bottom: 69px; } }
@media (max-width: 1023px) {
  .new-design section.offer {
    padding-bottom: 53px; } }
@media (max-width: 767px) {
  .new-design section.offer {
    padding-bottom: 55px; } }

.centered {
  -ms-flex-item-align: start;
  align-self: flex-start;
  margin: 0 auto; }

.new-design .container {
  width: 100%;
  max-width: 1440px;
  padding: 0 87px; }
@media (max-width: 1439px) {
  .new-design .container {
    padding: 0 64px; } }
@media (max-width: 1023px) {
  .new-design .container {
    padding: 0 55px; } }
@media (max-width: 767px) {
  .new-design .container {
    padding: 0 23px; } }
@media (max-width: 767px) {
  .new-design .container--no-padding {
    padding: 0; } }
.new-design .container--gym {
  padding-left: 302px;
  padding-right: 117px; }
@media (max-width: 1439px) {
  .new-design .container--gym {
    padding-left: 216px;
    padding-right: 64px; } }
@media (max-width: 1023px) {
  .new-design .container--gym {
    padding-left: 54px;
    padding-right: 54px; } }
@media (max-width: 767px) {
  .new-design .container--gym {
    padding-left: 22px;
    padding-right: 22px; } }


.new-design h1,
.new-design h2,
.new-design h3,
.new-design h4,
.new-design h5,
.new-design h6 {
  margin-top: 40px;
  margin-bottom: 15px;
}

.new-design h1 {
  font-weight: 700;
  font-size: 60px;
  line-height: 72px;
  letter-spacing: -0.01em;
}
@media (max-width: 1439px) {
  .new-design h1 {
    font-size: 50px;
    line-height: 64px;
  }
}
@media (max-width: 767px) {
  .new-design h1 {
    font-size: 34px;
    line-height: 42px;
  }
}

.new-design h2 {
  font-weight: 700;
  font-size: 42px;
  line-height: 56px;
  width: 90%;
}
@media (max-width: 1439px) {
  .new-design h2 {
    font-size: 38px;
    line-height: 52px;
    width: 75%;
  }
}
@media (max-width: 1439px) {
  .new-design h2 {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .new-design h2 {
    font-size: 24px;
    line-height: 36px;
  }
}

.new-design h3 {
  font-size: 30px;
  line-height: 57px;
}
@media (max-width: 1439px) {
  .new-design h3 {
    font-size: 36px;
    line-height: 50px;
  }
}
@media (max-width: 767px) {
  .new-design h3 {
    font-size: 22px;
    line-height: 32px;
  }
}

.new-design h4 {
  font-size: 26px;
  line-height: 52px;
}
@media (max-width: 1439px) {
  .new-design h4 {
    font-size: 20px;
    line-height: 44px;
  }
}
@media (max-width: 767px) {
  .new-design h4 {
    font-size: 20px;
    line-height: 30px;
  }
}

.new-design h5 {
  font-weight: 700;
  font-size: 24px;
  line-height: 36px;
}
@media (max-width: 1439px) {
  .new-design h5 {
    font-size: 18px;
    line-height: 30px;
  }
}
@media (max-width: 767px) {
  .new-design h5 {
    font-size: 18px;
    line-height: 26px;
  }
}

.new-design h6 {
  font-weight: 700;
  font-size: 20px;
  line-height: 32px;
  letter-spacing: 0.01em;
}
@media (max-width: 1439px) {
  .new-design h6 {
    font-size: 16px;
    line-height: 24px;
  }
}
@media (max-width: 767px) {
  .new-design h6 {
    font-size: 14px;
    line-height: 26px;
  }
}


.components section {
  margin-bottom: 20px;
  border-bottom: 1px solid #eb006e; }

.components li {
  margin-bottom: 20px; }

.new-design .modal,
.blog-page .modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow-y: auto;
  background-color: rgba(0, 0, 0, 0.6);
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.6s cubic-bezier(0.55, 0, 0.1, 1), visibility 0.6s cubic-bezier(0.55, 0, 0.1, 1), -webkit-transform 0.6s cubic-bezier(0.55, 0, 0.1, 1);
  transition: opacity 0.6s cubic-bezier(0.55, 0, 0.1, 1), visibility 0.6s cubic-bezier(0.55, 0, 0.1, 1), -webkit-transform 0.6s cubic-bezier(0.55, 0, 0.1, 1);
  transition: opacity 0.6s cubic-bezier(0.55, 0, 0.1, 1), transform 0.6s cubic-bezier(0.55, 0, 0.1, 1), visibility 0.6s cubic-bezier(0.55, 0, 0.1, 1);
  transition: opacity 0.6s cubic-bezier(0.55, 0, 0.1, 1), transform 0.6s cubic-bezier(0.55, 0, 0.1, 1), visibility 0.6s cubic-bezier(0.55, 0, 0.1, 1), -webkit-transform 0.6s cubic-bezier(0.55, 0, 0.1, 1);
  pointer-events: none;
  -ms-overflow-style: none;
  scrollbar-width: none; }
.blog-page .modal::-webkit-scrollbar,
.new-design .modal::-webkit-scrollbar {
  display: none; }
.blog-page .modal__wrapper,
.new-design .modal__wrapper {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  min-height: 100%;
  padding: 60px 40px; }
@media (max-width: 767px) {
  .blog-page .modal__wrapper,
  .new-design .modal__wrapper {
    padding: 60px 16px; } }
.blog-page .modal__overlay,
.new-design .modal__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer; }
.blog-page .modal__content,
.new-design .modal__content {
  position: relative;
  width: 600px;
  padding: 40px;
  background-color: #ffffff; }
@media (max-width: 767px) {
  .blog-page .modal__content,
  .new-design .modal__content {
    width: 100%;
    padding: 20px; } }
.blog-page .modal__close-btn,
.new-design .modal__close-btn {
  position: absolute;
  top: 15px;
  right: 15px; }
.blog-page .modal--responsive .modal__content,
.new-design .modal--responsive .modal__content {
  width: 100%; }
.blog-page .modal--fit-content .modal__content,
.new-design .modal--fit-content .modal__content {
  width: auto; }
@media (max-width: 767px) {
  .blog-page .modal--fit-content .modal__content,
  .new-design .modal--fit-content .modal__content {
    width: 100%; } }
.blog-page .modal--no-scale,
.new-design .modal--no-scale {
  -webkit-transform: none;
  transform: none; }
.blog-page .modal--preload,
.new-design .modal--preload {
  display: none; }
.blog-page .modal--active,
.new-design .modal--active {
  -webkit-transform: scale(1);
  transform: scale(1);
  visibility: visible;
  opacity: 1;
  pointer-events: auto; }
.blog-page .modal .modal__close-btn svg,
.new-design .modal .modal__close-btn svg {
  width: initial;
  height: initial;
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease; }
.blog-page .modal--call .modal__close-btn:hover svg,
.new-design .modal--call .modal__close-btn:hover svg {
  fill: #eb006e; }

.btn_modal_request_crm {
  position: relative;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-item-align: start;
  align-self: flex-start;
  min-width: 243px;
  min-height: 56px;
  height: inherit;
  padding: 18px 48px;
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  vertical-align: middle;
  text-align: center;
  letter-spacing: -0.01em;
  word-wrap: break-word;
  word-break: normal;
  border: 1px solid transparent;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #ffffff;
  background-color: #eb006e;
}
.btn_modal_request_crm:hover {
  background-color: #F14A98FF;
}
.section_btn .btn_modal_request_crm {
  margin-top: 15px;
}

@media (max-width: 1023px) {
  .new-design .dev-online-store {
    font-size: 16px;
    line-height: 24px; } }

@media (max-width: 1439px) {
  .new-design .dev-online-store {
    font-size: 16px;
    line-height: 24px; } }

@media (max-width: 767px) {
  .new-design .dev-online-store {
    font-size: 14px;
    line-height: 20px; } }

.new-design .dev-online-store__container {
  margin-bottom: 65px;
  padding-top: 85px; }
@media (max-width: 1439px) {
  .new-design .dev-online-store__container {
    margin-bottom: 41px;
    padding-top: 76px; }
  .new-design .dev-online-store__container p {
    width: 92%;
    margin: 0;
    margin-bottom: 12px;
    padding-right: 9px;
    letter-spacing: -0.05px; }
  .new-design .dev-online-store__container h2 {
    width: 80%;
    margin-bottom: 20px; } }
@media (max-width: 1023px) {
  .new-design .dev-online-store__container {
    margin-bottom: 38px;
    padding-top: 60px; }
  .new-design .dev-online-store__container h2 {
    width: 100%; } }
@media (max-width: 767px) {
  .new-design .dev-online-store__container {
    margin-bottom: 25px; }
  .new-design .dev-online-store__container h2 {
    margin-bottom: 14px; }
  .new-design .dev-online-store__container p {
    padding-right: 0; } }
.new-design .dev-online-store__container h2 {
  margin-bottom: 30px; }
.new-design .dev-online-store__container p {
  padding-right: 10%; }

.new-design .dev-online-store-proposal {
  margin-top: 20px;
  margin-bottom: 60px; }
@media (max-width: 1439px) {
  .new-design .dev-online-store-proposal {
    margin-bottom: 36px; } }
@media (max-width: 1023px) {
  .new-design .dev-online-store-proposal {
    margin-bottom: 18px; } }
@media (max-width: 767px) {
  .new-design .dev-online-store-proposal {
    margin-bottom: 35px; } }

.advantages {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
@media (max-width: 1439px) {
  .advantages {
    font-size: 16px;
    line-height: 24px; }
  .advantages p {
    width: 60%;
    padding: 44px 5%;
    padding-bottom: 35px; } }
@media (max-width: 1023px) {
  .advantages {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
  .advantages p {
    width: 100%;
    padding: 22px 38px;
    padding-bottom: 32px; }
  .advantages::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    width: 125px;
    height: 36px;
    background-image: -webkit-gradient(linear, right top, left top, color-stop(28%, #ffffff), color-stop(97.6%, rgba(255, 255, 255, 0)));
    background-image: linear-gradient(270deg, #ffffff 28%, rgba(255, 255, 255, 0) 97.6%); } }
@media (max-width: 767px) {
  .advantages {
    font-size: 14px;
    line-height: 20px; }
  .advantages p {
    padding: 24px; }
  .advantages::before {
    display: none; } }
.advantages p {
  width: 66%;
  margin-bottom: 108px;
  padding: 54px 6%;
  padding-right: 5%;
  padding-bottom: 60px;
  background-color: #f7f7f7;
  border-radius: 20px;
  -webkit-box-shadow: 0 12px 30px rgba(43, 43, 43, 0.17);
  box-shadow: 0 12px 30px rgba(43, 43, 43, 0.17); }

.advantages__list {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none; }
@media (max-width: 1023px) {
  .advantages__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow-x: scroll; } }

.advantages__item {
  margin-bottom: 16px; }
@media (max-width: 1439px) {
  .advantages__item {
    margin-bottom: 21px; } }
@media (max-width: 1023px) {
  .advantages__item {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 32px; }
  .advantages__item:last-child {
    padding-right: 20%; } }
@media (max-width: 767px) {
  .advantages__item {
    margin-right: 23px; } }
@media (max-width: 1439px) {
  .advantages__item--active .advantages__button {
    padding-right: 27px; }
  .advantages__item--active .advantages__button svg {
    top: 2px; } }
.advantages__item--active .advantages__button {
  display: block;
  padding-bottom: 4px;
  color: #181818;
  border-bottom: 1px solid #181818; }
.advantages__item--active .advantages__button svg {
  top: 4px;
  display: block; }

.advantages__button {
  position: relative;
  padding-right: 26px;
  padding-bottom: 7px;
  padding-left: 0;
  color: #aaaaaa;
  background: transparent;
  border: none;
  cursor: pointer;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s; }
@media (max-width: 1439px) {
  .advantages__button {
    padding-right: 16px;
    padding-bottom: 2px; } }
@media (max-width: 767px) {
  .advantages__button svg {
    fill: #181818; } }
.advantages__button:hover, .advantages__button:focus {
  color: #181818; }
.advantages__button svg {
  position: absolute;
  top: 0;
  right: 0;
  display: none;
  fill: #eb006e;
  stroke: #eb006e; }

.new-design .adv h2 {
  padding-bottom: 50px; }
@media (max-width: 1439px) {
  .new-design .adv h2 {
    width: 95%;
    padding-bottom: 40px; } }
@media (max-width: 1023px) {
  .new-design .adv h2 {
    width: 100%;
    padding-bottom: 40px; } }
@media (max-width: 767px) {
  .new-design .adv h2 {
    width: 98%;
    padding-right: 23px;
    padding-bottom: 35px; } }

@media (max-width: 1439px) {
  .new-design .adv .adv__container {
    padding-bottom: 20px; } }

@media (max-width: 767px) {
  .new-design .adv .adv__container {
    padding-right: 0;
    padding-bottom: 0; } }

.new-design .adv .advantages__text {
  max-width: 88%; }
.new-design .adv .advantages__text p {
  margin: 0;
  margin-bottom: 12px;
  letter-spacing: -0.11px; }

.new-design .adv .adv__wrapper {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
@media (max-width: 1023px) {
  .new-design .adv .adv__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
  .new-design .adv .adv__wrapper::before {
    content: "";
    position: absolute;
    top: -3%;
    right: -35px;
    z-index: 2;
    width: 125px;
    height: 36px;
    background-image: -webkit-gradient(linear, right top, left top, color-stop(28%, #ffffff), color-stop(97.6%, rgba(255, 255, 255, 0)));
    background-image: linear-gradient(270deg, #ffffff 28%, rgba(255, 255, 255, 0) 97.6%); } }
@media (max-width: 767px) {
  .new-design .adv .adv__wrapper {
    padding-bottom: 0; }
  .new-design .adv .adv__wrapper::before {
    display: none; } }
.new-design .adv .adv__wrapper--mobile {
  display: none; }
@media (max-width: 1023px) {
  .new-design .adv .adv__wrapper--mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; } }

.new-design .adv .adv__content {
  max-width: 66%;
  height: 100%;
  margin-top: 12px;
  padding: 35px 80px 38px 79px;
  letter-spacing: -0.12px;
  background-color: #f7f7f7;
  border-radius: 20px;
  -webkit-box-shadow: 0 12px 30px rgba(43, 43, 43, 0.17);
  box-shadow: 0 12px 30px rgba(43, 43, 43, 0.17); }
@media (max-width: 1439px) {
  .new-design .adv .adv__content {
    width: 79%;
    padding: 44px 50px 40px;
    font-size: 16px;
    line-height: 24px; } }
@media (max-width: 1023px) {
  .new-design .adv .adv__content {
    width: 100%;
    max-width: unset;
    margin-top: 27px;
    padding: 30px 39px 31px; } }
@media (max-width: 767px) {
  .new-design .adv .adv__content {
    width: calc(100% - 23px);
    margin-top: 10px;
    margin-right: 23px;
    padding: 27px 20px 28px 24px;
    font-size: 14px;
    line-height: 20px; } }
.new-design .adv .adv__content p {
  display: none;
  margin: 0; }
@media (max-width: 1023px) {
  .new-design .adv .adv__content p {
    display: block;
    width: 0;
    height: 0;
    visibility: hidden;
    opacity: 0;
    will-change: transform;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: opacity 1s;
    transition: opacity 1s; } }
.new-design .adv .adv__content p.active {
  display: block; }
@media (max-width: 1023px) {
  .new-design .adv .adv__content p.active {
    display: block;
    width: auto;
    height: auto;
    visibility: visible;
    opacity: 1; } }

.new-design .adv__list {
  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;
  padding-top: 40px; }
@media (max-width: 1439px) {
  .new-design .adv__list {
    padding-top: 35px; } }
@media (max-width: 1023px) {
  .new-design .adv__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-top: 0;
    overflow-x: scroll; } }

.new-design .adv__tab {
  width: 76%;
  height: auto;
  margin-bottom: 19px; }
@media (max-width: 1439px) {
  .new-design .adv__tab {
    width: 91%;
    margin-bottom: 17px; } }
@media (max-width: 1023px) {
  .new-design .adv__tab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 50.9%;
    margin-right: 32px; }
  .new-design .adv__tab:last-child {
    padding-right: 60px; } }
@media (max-width: 767px) {
  .new-design .adv__tab {
    width: 254px;
    margin-right: 27px; }
  .new-design .adv__tab:last-child {
    padding-right: 23px; } }
.new-design .adv__tab p {
  position: relative;
  display: inline-block;
  width: auto;
  margin: 0;
  padding-right: 25px;
  padding-left: 0;
  font-size: 18px;
  line-height: 26px;
  text-align: left;
  color: #aaaaaa;
  background: transparent;
  border-bottom: 1px solid transparent;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease; }
@media (max-width: 1439px) {
  .new-design .adv__tab p {
    padding-right: 25px;
    padding-bottom: 4px;
    font-size: 16px;
    line-height: 24px; } }
@media (max-width: 1023px) {
  .new-design .adv__tab p {
    display: block;
    padding-bottom: 0;
    font-size: 16px;
    line-height: 22px; } }
@media (max-width: 767px) {
  .new-design .adv__tab p {
    margin-bottom: 2px;
    font-size: 14px;
    line-height: 20px; } }
.new-design .adv__tab p::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 14px;
  height: 14px;
  background-image: url("/local/templates/sb2018/static_new/css/../img/sprite/arrow-right.svg");
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease; }
@media (max-width: 1023px) {
  .new-design .adv__tab p::after {
    top: 39%;
    right: -2px;
    width: 16px;
    height: 16px; } }
@media (max-width: 767px) {
  .new-design .adv__tab p::after {
    top: 41%;
    right: -2px; } }
.new-design .adv__tab p:hover, .new-design .adv__tab p:focus {
  color: #181818; }
.new-design .adv__tab--active {
  display: inline-block;
  color: #181818; }
.new-design .adv__tab--active p {
  width: auto;
  margin: 0;
  padding-right: 25px;
  color: #181818;
  border-bottom: 1px solid #181818; }
@media (max-width: 767px) {
  .new-design .adv__tab--active p {
    margin-bottom: 2px; } }
.new-design .adv__tab--active p::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 14px;
  height: 14px;
  background-image: url("/local/templates/sb2018/static_new/css/../img/sprite/arrow-right.svg");
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 1; }
@media (max-width: 1023px) {
  .new-design .adv__tab--active p::after {
    top: 39%;
    right: -2px;
    width: 16px;
    height: 16px; } }
@media (max-width: 767px) {
  .new-design .adv__tab--active p::after {
    top: 41%;
    right: -2px; } }

.new-design .adv__pagination {
  visibility: hidden; }
@media (max-width: 767px) {
  .new-design .adv__pagination {
    position: relative;
    bottom: 0;
    margin-top: 22px;
    visibility: visible; } }
.new-design .adv--store h2 {
  padding-bottom: 30px; }
@media (max-width: 1439px) {
  .new-design .adv--store h2 {
    max-width: 80%;
    padding-bottom: 23px; } }
@media (max-width: 1023px) {
  .new-design .adv--store h2 {
    max-width: 100%;
    padding-bottom: 20px; } }
@media (max-width: 767px) {
  .new-design .adv--store h2 {
    padding-bottom: 12px; } }
@media (max-width: 1439px) {
  .new-design .adv--store .advantages__text {
    max-width: 91%; } }
@media (max-width: 1023px) {
  .new-design .adv--store .advantages__text {
    max-width: 95%; } }
.new-design .adv--store .adv__wrapper {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 15px;
  padding-bottom: 30px; }
@media (max-width: 1439px) {
  .new-design .adv--store .adv__wrapper {
    padding-bottom: 15px; } }
@media (max-width: 1023px) {
  .new-design .adv--store .adv__wrapper::before {
    top: 20px; } }
.new-design .adv--store .adv__tab {
  width: 100%;
  margin-bottom: 16px;
  border-bottom: none; }
@media (max-width: 1023px) {
  .new-design .adv--store .adv__tab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: auto; } }
.new-design .adv--store .adv__tab p {
  display: inline-block;
  width: auto;
  max-width: inherit;
  margin-bottom: 0; }
@media (max-width: 1439px) {
  .new-design .adv--store .adv__tab p {
    margin-bottom: 6px;
    padding-bottom: 0;
    line-height: 20px; } }
@media (max-width: 1023px) {
  .new-design .adv--store .adv__tab p {
    padding-bottom: 5px; } }
@media (max-width: 767px) {
  .new-design .adv--store .adv__tab p {
    padding-bottom: 2px; } }
.new-design .adv--store .adv__tab--active p {
  border-bottom: 1px solid #2b2b2b; }
@media (max-width: 1439px) {
  .new-design .adv--store .adv__tab--active p::after {
    top: 40%; } }
.new-design .adv--store .adv__content {
  width: 66%;
  height: 100%;
  min-height: 269px;
  margin: 0;
  margin-top: 22px;
  padding-top: 50px; }
@media (max-width: 1439px) {
  .new-design .adv--store .adv__content {
    width: 60.5%;
    min-height: 232px;
    margin-top: -10px;
    padding-top: 35px;
    padding-bottom: 30px; } }
@media (max-width: 1023px) {
  .new-design .adv--store .adv__content {
    width: 100%;
    min-height: 184px;
    margin-top: -10px;
    padding-top: 35px;
    padding-bottom: 30px; } }
@media (max-width: 767px) {
  .new-design .adv--store .adv__content {
    width: 94%;
    margin-right: 23px;
    padding-bottom: 26px; } }
.new-design .adv--store .adv__content p {
  max-width: 100%; }
.new-design .adv--store .adv__list {
  width: 25%;
  padding-top: 37px; }
@media (max-width: 1439px) {
  .new-design .adv--store .adv__list {
    width: 30%;
    padding-top: 14px; } }
@media (max-width: 1023px) {
  .new-design .adv--store .adv__list {
    width: 100%;
    margin-bottom: 27px; } }
@media (max-width: 767px) {
  .new-design .adv--store .adv__list {
    margin-bottom: 2px;
    padding-top: 2px; } }
.new-design .adv--store .adv__item {
  width: 100%; }
.new-design .adv--store .adv__button {
  width: auto; }

.new-design .adv--design {
  margin-bottom: 68px; }
@media (max-width: 1439px) {
  .new-design .adv--design {
    margin-bottom: 0; } }
.new-design .adv--design .adv__tab {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: 270px;
  margin-bottom: 14px; }
@media (max-width: 1439px) {
  .new-design .adv--design .adv__tab {
    min-height: 34px;
    margin-bottom: 12px; } }
@media (max-width: 1023px) {
  .new-design .adv--design .adv__tab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 32px; } }
@media (max-width: 767px) {
  .new-design .adv--design .adv__tab {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    min-height: 23px;
    margin-bottom: 0; } }
@media (max-width: 1439px) {
  .new-design .adv--design .adv__tab--active p {
    padding-bottom: 0; } }
@media (max-width: 1439px) {
  .new-design .adv--design .adv__list {
    padding-top: 30px; } }
@media (max-width: 1023px) {
  .new-design .adv--design .adv__list {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 17px;
    padding-top: 0; } }
@media (max-width: 767px) {
  .new-design .adv--design .adv__list {
    margin-bottom: 8px; } }
.new-design .adv--design h2 {
  padding-bottom: 30px; }
@media (max-width: 767px) {
  .new-design .adv--design h2 {
    padding-bottom: 28px; } }
.new-design .adv--design .advantages__text {
  max-width: 1200px;
  margin-bottom: 37px;
  font-size: 25px;
  line-height: 40px;
  color: #727173; }
@media (max-width: 1439px) {
  .new-design .adv--design .advantages__text {
    margin-bottom: 28px;
    font-size: 23px;
    line-height: 36px; } }
@media (max-width: 1023px) {
  .new-design .adv--design .advantages__text {
    margin-bottom: 35px;
    font-size: 19px;
    line-height: 28px;
    color: #000000; } }
@media (max-width: 767px) {
  .new-design .adv--design .advantages__text {
    margin-bottom: 29px; } }
.new-design .adv--design .advantages__text p {
  letter-spacing: normal; }
.new-design .adv--design .adv__content {
  padding-top: 60px;
  padding-bottom: 50px; }
@media (max-width: 1439px) {
  .new-design .adv--design .adv__content {
    max-width: 539px;
    padding-top: 40px;
    padding-bottom: 30px; } }
@media (max-width: 1023px) {
  .new-design .adv--design .adv__content {
    max-width: 100%;
    margin-top: 0; } }
@media (max-width: 767px) {
  .new-design .adv--design .adv__content {
    padding-top: 31px; } }

.new-design .proposal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-top: 50px;
  padding-right: 9%;
  padding-bottom: 75px;
  padding-left: 5.5%;
  color: #ffffff;
  background-color: #eb006e;
  border-radius: 20px;
  -webkit-box-shadow: 0 12px 46px rgba(235, 0, 110, 0.4);
  box-shadow: 0 12px 46px rgba(235, 0, 110, 0.4); }
.proposal .btn.btn--white:not(:disabled):hover,
.btn.btn--t-pink:not(:disabled):hover {
  background-color: #fed0e5;
  color: #2b2b2b;
}
.proposal .btn.btn--reset.btn--white:hover {
  background-color: #fed0e5;
  color: #2b2b2b;
}
@media (max-width: 1439px) {
  .new-design .proposal {
    padding-top: 50px;
    padding-right: 4%;
    padding-bottom: 56px;
    padding-left: 25px; } }
@media (max-width: 1023px) {
  .new-design .proposal {
    padding-right: 2.5%;
    padding-bottom: 59px;
    padding-left: 6%; } }
@media (max-width: 767px) {
  .new-design .proposal {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: 33px;
    padding-right: 32px;
    padding-bottom: 43px;
    padding-left: 32px; } }
.new-design .proposal .proposal__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: start;
  align-self: flex-start;
  min-width: 261px;
  margin-top: 14px; }
@media (max-width: 1439px) {
  .new-design .proposal .proposal__button {
    margin-top: -2px; } }
@media (max-width: 1023px) {
  .new-design .proposal .proposal__button {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    margin-top: -2px; } }
@media (max-width: 767px) {
  .new-design .proposal .proposal__button {
    width: 92%;
    min-width: auto;
    min-height: auto;
    margin-top: 0;
    margin-left: 0;
    padding-top: 14px;
    padding-right: 20px;
    padding-bottom: 14px;
    padding-left: 20px;
    font-size: 14px;
    line-height: 18px; } }
.new-design .proposal--support {
  margin-bottom: 95px;
  padding-top: 67px;
  padding-bottom: 60px; }
@media (max-width: 1439px) {
  .new-design .proposal--support {
    margin-bottom: 75px;
    padding-top: 60px;
    padding-right: 32px;
    padding-bottom: 35px; } }
@media (max-width: 1023px) {
  .new-design .proposal--support {
    margin-bottom: 56px;
    padding-top: 53px;
    padding-right: 40px;
    padding-bottom: 42px; } }
@media (max-width: 767px) {
  .new-design .proposal--support {
    margin-bottom: 59px;
    padding-top: 35px;
    padding-right: 30px;
    padding-bottom: 38px; } }
.new-design .proposal--support .proposal__title {
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 0;
  order: 0;
  width: 70%;
  height: 100%;
  margin-top: 0;
  margin-bottom: 12px; }
@media (max-width: 1439px) {
  .new-design .proposal--support .proposal__title {
    width: 50%; } }
@media (max-width: 1023px) {
  .new-design .proposal--support .proposal__title {
    width: 100%;
    padding-right: 0; } }
@media (max-width: 767px) {
  .new-design .proposal--support .proposal__title {
    margin-bottom: 5px; } }
.new-design .proposal--support .proposal__text {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  width: 60%; }
.new-design .proposal--support .proposal__text-opacity {
  margin-bottom: 40px;
  font-weight: 700;
  letter-spacing: 0.05px;
  opacity: 0.7; }
@media (max-width: 1439px) {
  .new-design .proposal--support .proposal__text {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2; }
  .new-design .proposal--support .proposal__text-opacity {
    margin-bottom: 28px; } }
@media (max-width: 1023px) {
  .new-design .proposal--support .proposal__text {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: 85%;
    margin-top: 0;
    margin-bottom: 12px; }
  .new-design .proposal--support .proposal__text p {
    margin-top: 0; }
  .new-design .proposal--support .proposal__text-opacity {
    margin-top: 0;
    margin-bottom: 19px; } }
@media (max-width: 767px) {
  .new-design .proposal--support .proposal__text {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: 100%;
    margin-top: 0;
    margin-bottom: 10px; }
  .new-design .proposal--support .proposal__text p {
    margin-top: 0; }
  .new-design .proposal--support .proposal__text-opacity {
    margin-top: 0;
    margin-bottom: 15px; } }
.new-design .proposal--support .proposal__price {
  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-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  margin-bottom: 0;
  padding-top: 6px; }
@media (max-width: 1439px) {
  .new-design .proposal--support .proposal__price {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    padding-top: 27px; }
  .new-design .proposal--support .proposal__price span {
    font-size: 16px;
    line-height: 32px; } }
@media (max-width: 1023px) {
  .new-design .proposal--support .proposal__price {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    padding-top: 0;
    padding-left: 0; } }
@media (max-width: 767px) {
  .new-design .proposal--support .proposal__price span {
    font-size: 14px;
    line-height: 26px; } }
.new-design .proposal--support .proposal__wrapper {
  margin-top: 6px; }
.new-design .proposal--support .proposal__button {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
  margin-top: 17px; }
@media (max-width: 1439px) {
  .new-design .proposal--support .proposal__button {
    margin-top: 23px; } }
@media (max-width: 1023px) {
  .new-design .proposal--support .proposal__button {
    margin-top: 25px; } }
@media (max-width: 767px) {
  .new-design .proposal--support .proposal__button {
    min-height: 56px;
    margin-top: 7px; } }

.new-design .proposal__title {
  width: 50%;
  margin-bottom: 45px;
  padding-right: 20px; }
@media (max-width: 1439px) {
  .new-design .proposal__title {
    width: 60%;
    margin-bottom: 32px; } }
@media (max-width: 1023px) {
  .new-design .proposal__title {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    width: 100%;
    margin-bottom: 32px; } }
@media (max-width: 767px) {
  .new-design .proposal__title {
    margin-bottom: 25px; } }

.new-design .proposal__price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-bottom: 45px;
  padding-right: 18px;
  font-size: 42px;
  line-height: 56px; }
@media (max-width: 1439px) {
  .new-design .proposal__price {
    margin-bottom: 32px;
    padding-right: 30px;
    padding-bottom: 12px;
    font-size: 38px;
    line-height: 52px; } }
@media (max-width: 1023px) {
  .new-design .proposal__price {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    width: 50%;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-left: 2%; } }
@media (max-width: 767px) {
  .new-design .proposal__price {
    width: 100%;
    margin-bottom: 0;
    padding-bottom: 10px;
    padding-left: 0;
    font-size: 24px;
    line-height: 36px; } }

.new-design .proposal__text {
  width: 50%;
  margin: 0;
  padding-right: 20px; }
@media (max-width: 1439px) {
  .new-design .proposal__text {
    width: 65%;
    padding-top: 12px;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.15px; } }
@media (max-width: 1023px) {
  .new-design .proposal__text {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: 85%;
    margin-bottom: 40px;
    padding-top: 2px;
    padding-right: 0; } }
@media (max-width: 767px) {
  .new-design .proposal__text {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: 99%;
    margin-bottom: 22px;
    padding-top: 2px;
    padding-right: 0;
    font-size: 14px;
    line-height: 20px; } }

.new-design .proposal__footnote {
  display: block;
  font-size: 18px;
  line-height: 40px;
  text-align: center; }
.new-design .proposal__footnote--bold {
  font-weight: 700; }

@media (max-width: 1439px) {
  .blog-page .form-order,
  .new-design .form-order {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 50px;
    padding-top: 100px; } }

@media (max-width: 1023px) {
  .blog-page .form-order,
  .new-design .form-order {
    padding-top: 77px; } }

@media (max-width: 767px) {
  .blog-page .form-order,
  .new-design .form-order {
    padding-top: 59px; } }

.blog-page .form-order .form-order__container,
.new-design .form-order .form-order__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
@media (max-width: 1439px) {
  .blog-page .form-order .form-order__container,
  .new-design .form-order .form-order__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; } }

.blog-page .form-order form,
.new-design .form-order form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.blog-page .form-order .form-order__row1,
.new-design .form-order .form-order__row1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%; }
@media (max-width: 767px) {
  .blog-page .form-order .form-order__row1,
  .new-design .form-order .form-order__row1 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; } }
.blog-page .form-order .form-order__row1 .form-order__input,
.new-design .form-order .form-order__row1 .form-order__input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 50%; }
@media (max-width: 767px) {
  .blog-page .form-order .form-order__row1 .form-order__input,
  .new-design .form-order .form-order__row1 .form-order__input {
    width: 100%; } }

.blog-page .form-order .form-order__input,
.new-design .form-order .form-order__input {
  position: relative;
  width: 100%;
  min-height: 82px;
  padding: 0 24px;
  padding-top: 42px;
  font-size: 14px;
  line-height: 16px;
  border: 1px solid #d8d8d8; }
@media (max-width: 767px) {
  .blog-page .form-order .form-order__input,
  .new-design .form-order .form-order__input {
    width: 100%;
    margin-bottom: -1px; } }
.blog-page .form-order .form-order__input:first-child,
.new-design .form-order .form-order__input:first-child {
  border-right: none; }
@media (max-width: 767px) {
  .blog-page .form-order .form-order__input:first-child,
  .new-design .form-order .form-order__input:first-child {
    border: 1px solid #d8d8d8; } }
.blog-page .form-order .form-order__input input,
.new-design .form-order .form-order__input input {
  width: 100%;
  padding: 0;
  font-size: 16px;
  line-height: 19px;
  border: none;
  outline: none; }
.new-design .form-order .form-order__input.input_text--filled input ~ label,
.blog-page .form-order .form-order__input input:focus ~ label,
.new-design .form-order .form-order__input input:focus ~ label {
  font-size: 14px;
  line-height: 16.21px;
  -webkit-transform: translateY(-25px);
  transform: translateY(-25px); }

.blog-page .form-order .form-order__input.input_text--filled input ~ label,
.blog-page .form-order .form-order__input input:focus ~ label {
  -webkit-transform: translateY(-45px);
  transform: translateY(-45px);
}

.blog-page .form-order .form-order__input--value input ~ label,
.new-design .form-order .form-order__input--value input ~ label {
  font-size: 14px;
  line-height: 16.21px;
  -webkit-transform: translateY(-25px);
  transform: translateY(-25px); }
.new-design .color-black {
  color: #000000 !important; }

.blog-page .form-order label,
.new-design .form-order label {
  position: absolute;
  top: 55%;
  left: 24px;
  font-size: 16px;
  line-height: 18.53px;
  color: #727173;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease; }

.blog-page .form-order .form-order__brief,
.new-design .form-order .form-order__brief {
  position: relative;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-item-align: start;
  align-self: flex-start;
  margin: 0;
  margin-top: 20px;
  margin-bottom: 25px;
  padding-left: 58px;
  font-size: 16px;
  line-height: 18.53px;
  color: #2b2b2b;
  cursor: pointer;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s; }
@media (max-width: 767px) {
  .blog-page .form-order .form-order__brief,
  .new-design .form-order .form-order__brief {
    margin-top: 27px;
    margin-bottom: 22px;
    padding-left: 55px;
    font-size: 14px;
    line-height: 20px; } }
.blog-page .form-order .form-order__brief:hover,
.new-design .form-order .form-order__brief:hover,
.blog-page .form-order .form-order__brief:focus,
.new-design .form-order .form-order__brief:focus {
  opacity: 0.6; }
.blog-page .form-order .form-order__brief:active,
.new-design .form-order .form-order__brief:active {
  opacity: 0.3; }
.blog-page .form-order .form-order__brief svg,
.new-design .form-order .form-order__brief svg {
  position: absolute;
  top: 50%;
  left: 2px;
  width: 31px;
  height: 37px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); }

.blog-page .form-order .form-order__textarea,
.new-design .form-order .form-order__textarea {
  position: relative;
  width: 100%; }
.blog-page .form-order .form-order__textarea label,
.new-design .form-order .form-order__textarea label {
  top: 45px;
  left: 25px;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease; }
.blog-page .form-order .form-order__textarea--value textarea ~ label,
.new-design .form-order .form-order__textarea--value textarea ~ label {
  font-size: 14px;
  line-height: 16.21px;
  -webkit-transform: translateY(-30px);
  transform: translateY(-30px); }

.blog-page .form-order textarea,
.new-design .form-order textarea {
  width: 100%;
  height: 175px;
  margin-bottom: 17px;
  padding: 0 25px;
  padding-top: 34.5px;
  border: 1px solid #d8d8d8;
  outline: none; }
@media (max-width: 1439px) {
  .blog-page .form-order textarea,
  .new-design .form-order textarea {
    margin-bottom: 23px; } }
@media (max-width: 1023px) {
  .blog-page .form-order textarea,
  .new-design .form-order textarea {
    margin-bottom: 22px; } }
@media (max-width: 767px) {
  .blog-page .form-order textarea,
  .new-design .form-order textarea {
    margin-bottom: 5px; } }
.blog-page .form-order textarea:focus ~ label,
.new-design .form-order textarea:focus ~ label {
  font-size: 14px;
  line-height: 16.21px;
  -webkit-transform: translateY(-30px);
  transform: translateY(-30px); }

.blog-page .form-order textarea:focus:-moz-placeholder,
.new-design .form-order textarea:focus:-moz-placeholder {
  color: #181818; }

.blog-page .form-order textarea:focus::-webkit-input-placeholder,
.new-design .form-order textarea:focus::-webkit-input-placeholder {
  color: #181818; }

.blog-page .form-order textarea:hover:-moz-placeholder,
.new-design .form-order textarea:hover:-moz-placeholder {
  color: #181818; }

.blog-page .form-order textarea:hover::-webkit-input-placeholder,
.new-design .form-order textarea:hover::-webkit-input-placeholder {
  color: #181818; }

.blog-page .form-order .form-order__email,
.new-design .form-order .form-order__email {
  width: 100%;
  margin-top: -1px;
  margin-bottom: -1px;
  padding-top: 18px; }
@media (max-width: 767px) {
  .blog-page .form-order .form-order__email,
  .new-design .form-order .form-order__email {
    margin-top: 0; } }
.blog-page .form-order .form-order__email input,
.new-design .form-order .form-order__email input {
  margin-top: 10px; }

@media (max-width: 1439px) {
  .blog-page .form-order--design .form-order__text,
  .new-design .form-order--design .form-order__text {
    margin-bottom: 47px; } }

@media (max-width: 1023px) {
  .blog-page .form-order--design .form-order__text,
  .new-design .form-order--design .form-order__text {
    margin-bottom: 35px; } }

@media (max-width: 767px) {
  .blog-page .form-order--design .form-order__text,
  .new-design .form-order--design .form-order__text {
    margin-bottom: 0; } }

.blog-page .form-order--design .form-order__text p,
.new-design .form-order--design .form-order__text p {
  margin-top: 51px; }
@media (max-width: 1439px) {
  .blog-page .form-order--design .form-order__text p,
  .new-design .form-order--design .form-order__text p {
    max-width: 350px;
    margin-top: 12px;
    margin-right: 5px;
    letter-spacing: -0.11px; } }
@media (max-width: 1023px) {
  .blog-page .form-order--design .form-order__text p,
  .new-design .form-order--design .form-order__text p {
    max-width: 100%; } }
@media (max-width: 767px) {
  .blog-page .form-order--design .form-order__text p,
  .new-design .form-order--design .form-order__text p {
    margin-bottom: 0; } }

@media (max-width: 1023px) {
  .blog-page .form-order--design .form-order__text b,
  .new-design .form-order--design .form-order__text b {
    margin-bottom: 30px; } }

@media (max-width: 767px) {
  .blog-page .form-order--design .form-order__text b,
  .blog-page .form-order--design .form-order__text b {
    margin-bottom: 11px; } }

@media (max-width: 767px) {
  .blog-page .form-order--design .form-order__wrapper,
  .new-design .form-order--design .form-order__wrapper {
    margin-top: 23px; } }

@media (max-width: 1439px) {
  .blog-page .form-order--design textarea,
  .new-design .form-order--design textarea {
    margin-bottom: 20px; } }

@media (max-width: 767px) {
  .blog-page .form-order--design textarea,
  .new-design .form-order--design textarea {
    margin-bottom: 3px; } }

@media (max-width: 1023px) {
  .blog-page .form-order--design .form-order__brief-wrap,
  .new-design .form-order--design .form-order__brief-wrap {
    width: 100%; } }

@media (max-width: 1439px) {
  .blog-page .form-order--design .form-order__brief-wrap p,
  .new-design .form-order--design .form-order__brief-wrap p {
    padding-left: 0; } }

@media (max-width: 1023px) {
  .blog-page .form-order--design .form-order__brief-wrap p,
  .new-design .form-order--design .form-order__brief-wrap p {
    letter-spacing: -0.06px; } }

@media (max-width: 767px) {
  .blog-page .form-order--design .form-order__brief-wrap p,
  .new-design .form-order--design .form-order__brief-wrap p {
    padding-left: 2px;
    font-size: 11px;
    line-height: 16px;
    letter-spacing: normal; } }

@media (max-width: 1439px) {
  .blog-page .form-order--design .form-order__button,
  .new-design .form-order--design .form-order__button {
    margin-left: 11.4%; } }

@media (max-width: 1023px) {
  .blog-page .form-order--design .form-order__button,
  .new-design .form-order--design .form-order__button {
    margin-left: 0; } }

@media (max-width: 1439px) {
  .blog-page .form-order--prices .form-order__text,
  .new-design .form-order--prices .form-order__text {
    margin-bottom: 51px; } }

@media (max-width: 1023px) {
  .blog-page .form-order--prices .form-order__text,
  .new-design .form-order--prices .form-order__text {
    margin-bottom: 35px; } }

@media (max-width: 767px) {
  .blog-page .form-order--prices .form-order__text,
  .new-design .form-order--prices .form-order__text {
    margin-bottom: 0; } }

@media (max-width: 1023px) {
  .blog-page .form-order--prices .form-order__text b,
  .new-design .form-order--prices .form-order__text b {
    margin-bottom: 30px; } }

@media (max-width: 767px) {
  .blog-page .form-order--prices .form-order__text b,
  .new-design .form-order--prices .form-order__text b {
    margin-bottom: 10px; } }

.blog-page .form-order--prices .form-order__text p,
.new-design .form-order--prices .form-order__text p {
  margin-top: 50px; }
@media (max-width: 1439px) {
  .blog-page .form-order--prices .form-order__text p,
  .new-design .form-order--prices .form-order__text p {
    margin-top: 10px; } }
@media (max-width: 767px) {
  .blog-page .form-order--prices .form-order__text p,
  .new-design .form-order--prices .form-order__text p {
    margin-bottom: 0; } }

@media (max-width: 1439px) {
  .blog-page .form-order--prices textarea,
  .new-design .form-order--prices textarea {
    margin-bottom: 17px; } }

@media (max-width: 767px) {
  .blog-page .form-order--prices textarea,
  .new-design .form-order--prices textarea {
    margin-bottom: 3px; } }

@media (max-width: 1439px) {
  .blog-page .form-order--prices .form-order__button,
  .new-design .form-order--prices .form-order__button {
    margin-left: 11%; } }

@media (max-width: 1023px) {
  .blog-page .form-order--prices .form-order__button,
  .new-design .form-order--prices .form-order__button {
    margin-left: 0; } }

@media (max-width: 1439px) {
  .blog-page .form-order--support .form-order__text,
  .new-design .form-order--support .form-order__text {
    margin-bottom: 51px; } }

@media (max-width: 1023px) {
  .blog-page .form-order--support .form-order__text,
  .new-design .form-order--support .form-order__text {
    margin-bottom: 35px; } }

@media (max-width: 767px) {
  .blog-page .form-order--support .form-order__text,
  .new-design .form-order--support .form-order__text {
    margin-bottom: 0; } }

@media (max-width: 1023px) {
  .blog-page .form-order--support .form-order__text b,
  .new-design .form-order--support .form-order__text b {
    margin-bottom: 30px; } }

@media (max-width: 767px) {
  .blog-page .form-order--support .form-order__text b,
  .new-design .form-order--support .form-order__text b {
    margin-bottom: 10px; } }

.blog-page .form-order--support .form-order__text p,
.new-design .form-order--support .form-order__text p {
  margin-top: 50px; }
@media (max-width: 1439px) {
  .blog-page .form-order--support .form-order__text p,
  .new-design .form-order--support .form-order__text p {
    margin-top: 10px; } }
@media (max-width: 767px) {
  .blog-page .form-order--support .form-order__text p,
  .new-design .form-order--support .form-order__text p {
    margin-bottom: 0; } }

@media (max-width: 1439px) {
  .blog-page .form-order--support textarea,
  .new-design .form-order--support textarea {
    margin-bottom: 17px; } }

@media (max-width: 767px) {
  .blog-page .form-order--support textarea,
  .new-design .form-order--support textarea {
    margin-bottom: 3px; } }

@media (max-width: 1439px) {
  .blog-page .form-order--support .form-order__button,
  .new-design .form-order--support .form-order__button {
    margin-left: 11%; } }

@media (max-width: 1023px) {
  .blog-page .form-order--support .form-order__button,
  .new-design .form-order--support .form-order__button {
    margin-left: 0; } }

.blog-page .form-order.form-order--modal,
.new-design .form-order.form-order--modal {
  padding-top: 0;
  margin-bottom: 0; }
.blog-page .form-order.form-order--modal .form-order__container,
.new-design .form-order.form-order--modal .form-order__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }
.blog-page .form-order.form-order--modal .form-order__text,
.new-design .form-order.form-order--modal .form-order__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%; }
.blog-page .form-order.form-order--modal .form-order__text b,
.new-design .form-order.form-order--modal .form-order__text b {
  width: 80%; }
@media (max-width: 767px) {
  .blog-page .form-order.form-order--modal .form-order__text b,
  .new-design .form-order.form-order--modal .form-order__text b {
    margin-bottom: 0; } }
.blog-page .form-order.form-order--modal .form-order__text p,
.new-design .form-order.form-order--modal .form-order__text p {
  width: 80%;
  margin-top: 10px;
  margin-bottom: 40px; }
@media (max-width: 1439px) {
  .blog-page .form-order.form-order--modal .form-order__text p,
  .new-design .form-order.form-order--modal .form-order__text p {
    margin-bottom: 20px; } }
@media (max-width: 767px) {
  .blog-page .form-order.form-order--modal .form-order__text p,
  .new-design .form-order.form-order--modal .form-order__text p {
    margin-bottom: 0;
    width: 95%; } }
@media (max-width: 1439px) {
  .blog-page .form-order.form-order--modal .form-order__text,
  .new-design .form-order.form-order--modal .form-order__text {
    margin-bottom: 20px; } }
@media (max-width: 767px) {
  .blog-page .form-order.form-order--modal .form-order__text,
  .new-design .form-order.form-order--modal .form-order__text {
    margin-bottom: 20px; } }
.blog-page .form-order.form-order--modal .form-order__wrapper,
.new-design .form-order.form-order--modal .form-order__wrapper {
  width: 100%; }
@media (max-width: 767px) {
  .blog-page .form-order.form-order--modal .form-order__wrapper,
  .new-design .form-order.form-order--modal .form-order__wrapper {
    margin-top: 0; } }
.blog-page .form-order.form-order--modal .form-order__wrap,
.new-design .form-order.form-order--modal .form-order__wrap {
  margin-top: 40px; }
@media (max-width: 1023px) {
  .blog-page .form-order.form-order--modal .form-order__wrap,
  .new-design .form-order.form-order--modal .form-order__wrap {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row; } }
@media (max-width: 767px) {
  .blog-page .form-order.form-order--modal .form-order__wrap,
  .new-design .form-order.form-order--modal .form-order__wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 20px; } }
@media (max-width: 1023px) {
  .blog-page .form-order.form-order--modal .form-order__button,
  .new-design .form-order.form-order--modal .form-order__button {
    margin-top: 0; } }
@media (max-width: 767px) {
  .blog-page .form-order.form-order--modal .form-order__button,
  .new-design .form-order.form-order--modal .form-order__button {
    margin-top: 20px; } }
.blog-page .form-order.form-order--modal .form-order__input,
.new-design .form-order.form-order--modal .form-order__input {
  padding: 0; }
@media (max-width: 767px) {
  .blog-page .form-order.form-order--modal .form-order__input,
  .new-design .form-order.form-order--modal .form-order__input {
    min-height: 60px;
    z-index: 3;
    position: relative; } }
.blog-page .form-order.form-order--modal .form-order__input input,
.new-design .form-order.form-order--modal .form-order__input input {
  padding: 25px 24px 10px;
  position: relative;
  height: 100%;
  z-index: 2;
  opacity: 0;
  cursor: pointer; }
.blog-page .form-order.form-order--modal .form-order__input label,
.new-design .form-order.form-order--modal .form-order__input label {
  z-index: 1;
  cursor: pointer;
  line-height: 0; }
@media (max-width: 767px) {
  .blog-page .form-order.form-order--modal .form-order__input label,
  .new-design .form-order.form-order--modal .form-order__input label {
    font-size: 14px;
    line-height: 16px; } }
@media (max-width: 767px) {
  .blog-page .form-order.form-order--modal .form-order__input--value input ~ label,
  .new-design .form-order.form-order--modal .form-order__input--value input ~ label {
    font-size: 12px;
    -webkit-transform: translateY(-23px);
    transform: translateY(-23px); } }
.blog-page .form-order.form-order--modal .form-order__input--value input,
.new-design .form-order.form-order--modal .form-order__input--value input {
  z-index: 1;
  opacity: 1; }
.blog-page .form-order.form-order--modal .form-order__input.input_text--filled:not(.error) input,
.new-design .form-order.form-order--modal .form-order__input.input_text--filled:not(.error) input,
.blog-page .form-order.form-order--modal .form-order__input input:focus,
.new-design .form-order.form-order--modal .form-order__input input:focus {
  z-index: 1;
  opacity: 1; }
@media (max-width: 767px) {
  .blog-page .form-order.form-order--modal .form-order__input input:focus ~ label,
  .new-design .form-order.form-order--modal .form-order__input input:focus ~ label {
    font-size: 12px;
    -webkit-transform: translateY(-23px);
    transform: translateY(-23px); } }

.blog-page .form-order .form-order__text,
.new-design .form-order .form-order__text {
  width: 40%; }
@media (max-width: 1439px) {
  .blog-page .form-order .form-order__text,
  .new-design .form-order .form-order__text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 35px; } }
@media (max-width: 1023px) {
  .blog-page .form-order .form-order__text,
  .new-design .form-order .form-order__text {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 33px; } }
@media (max-width: 767px) {
  .blog-page .form-order .form-order__text,
  .new-design .form-order .form-order__text {
    margin-bottom: -2px; } }
.blog-page .form-order .form-order__text span,
.new-design .form-order .form-order__text span {
  color: #eb006e; }
.blog-page .form-order .form-order__text b,
.new-design .form-order .form-order__text b {
  display: block;
  width: 100%;
  font-size: 42px;
  line-height: 56px; }
@media (max-width: 1439px) {
  .blog-page .form-order .form-order__text b,
  .new-design .form-order .form-order__text b {
    width: 50%;
    margin-bottom: -4px;
    font-size: 38px;
    line-height: 52px; } }
@media (max-width: 1023px) {
  .blog-page .form-order .form-order__text b,
  .new-design .form-order .form-order__text b {
    width: 70%;
    margin-bottom: 22px; } }
@media (max-width: 767px) {
  .blog-page .form-order .form-order__text b,
  .new-design .form-order .form-order__text b {
    width: 100%;
    font-size: 24px;
    line-height: 36px; } }
.blog-page .form-order .form-order__text p,
.new-design .form-order .form-order__text p {
  width: 72%;
  margin-top: 46px; }
@media (max-width: 1439px) {
  .blog-page .form-order .form-order__text p,
  .new-design .form-order .form-order__text p {
    width: 40%;
    margin: 0;
    margin-top: 12px;
    font-size: 16px;
    line-height: 24px; } }
@media (max-width: 1023px) {
  .blog-page .form-order .form-order__text p,
  .new-design .form-order .form-order__text p {
    width: 100%;
    margin-top: 8px;
    padding-right: 6%;
    letter-spacing: -0.1px; } }
@media (max-width: 767px) {
  .blog-page .form-order .form-order__text p,
  .new-design .form-order .form-order__text p {
    margin-top: 2px;
    margin-bottom: 5px;
    padding-right: 0;
    font-size: 14px;
    line-height: 20px; } }
.blog-page .form-order .form-order__text a,
.new-design .form-order .form-order__text a {
  font-weight: 700;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s; }
.blog-page .form-order .form-order__text a:hover,
.new-design .form-order .form-order__text a:hover,
.blog-page .form-order .form-order__text a:focus,
.new-design .form-order .form-order__text a:focus {
  border-bottom: 1px solid #181818; }
.blog-page .form-order .form-order__text a:active,
.new-design .form-order .form-order__text a:active {
  opacity: 0.3; }

.blog-page .form-order .form-order__wrapper,
.new-design .form-order .form-order__wrapper {
  width: 57.5%;
  margin-top: -3px; }
@media (max-width: 1439px) {
  .blog-page .form-order .form-order__wrapper,
  .new-design .form-order .form-order__wrapper {
    width: 100%; } }
@media (max-width: 767px) {
  .blog-page .form-order .form-order__wrapper,
  .new-design .form-order .form-order__wrapper {
    margin-top: 28px; } }

.blog-page .form-order .form-order__wrap,
.new-design .form-order .form-order__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
@media (max-width: 1439px) {
  .blog-page .form-order .form-order__wrap,
  .new-design .form-order .form-order__wrap {
    width: 100%; } }
@media (max-width: 1023px) {
  .blog-page .form-order .form-order__wrap,
  .new-design .form-order .form-order__wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; } }
@media (max-width: 767px) {
  .blog-page .form-order .form-order__wrap,
  .new-design .form-order .form-order__wrap {
    width: 100%; } }

.blog-page .form-order .form-order__brief-wrap,
.new-design .form-order .form-order__brief-wrap {
  padding-right: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }
.blog-page .form-order .form-order__brief-wrap span,
.new-design .form-order .form-order__brief-wrap span {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden; }
@media (max-width: 1439px) {
  .blog-page .form-order .form-order__brief-wrap,
  .new-design .form-order .form-order__brief-wrap {
    width: 50%;
    padding-right: 20px; } }
@media (max-width: 1023px) {
  .blog-page .form-order .form-order__brief-wrap,
  .new-design .form-order .form-order__brief-wrap {
    width: 100%;
    padding: 0; } }
@media (max-width: 767px) {
  .blog-page .form-order .form-order__brief-wrap,
  .new-design .form-order .form-order__brief-wrap {
    padding-right: 5px; } }

.blog-page .form-order .form-order__agreement,
.new-design .form-order .form-order__agreement {
  margin-top: 0;
  padding-left: 3px;
  font-size: 12px;
  line-height: 15px;
  color: #727173; }
@media (max-width: 1439px) {
  .blog-page .form-order .form-order__agreement,
  .new-design .form-order .form-order__agreement {
    width: 100%;
    letter-spacing: -0.15px; } }
@media (max-width: 1023px) {
  .blog-page .form-order .form-order__agreement,
  .new-design .form-order .form-order__agreement {
    width: 100%; } }
@media (max-width: 767px) {
  .blog-page .form-order .form-order__agreement,
  .new-design .form-order .form-order__agreement {
    padding-left: 0;
    font-size: 11px;
    line-height: 16px; } }

.blog-page .form-order .btn.form-order__button,
.new-design .form-order .btn.form-order__button {
  min-height: 74px; }
@media (max-width: 1439px) {
  .blog-page .form-order .btn.form-order__button,
  .new-design .form-order .btn.form-order__button {
    margin-left: 10.5%; } }
@media (max-width: 1023px) {
  .blog-page .form-order .btn.form-order__button,
  .new-design .form-order .btn.form-order__button {
    width: 245px;
    margin-top: 27px;
    margin-left: 0;
    font-size: 16px !important;
    line-height: 18.53px !important; } }
@media (max-width: 767px) {
  .blog-page .form-order .btn.form-order__button,
  .new-design .form-order .btn.form-order__button {
    min-height: 60px;
    margin-top: 11px; } }

.new-design .offer {
  padding-bottom: 58px; }
@media (max-width: 1439px) {
  .new-design .offer {
    padding-bottom: 54px; } }
@media (max-width: 1023px) {
  .new-design .offer {
    padding-bottom: 40px; } }
@media (max-width: 767px) {
  .new-design .offer br {
    display: block; } }
.new-design .offer h2 {
  width: 80%;
  margin-bottom: 32px;
  font-weight: 400;
  line-height: 52px; }
@media (max-width: 1439px) {
  .new-design .offer h2 {
    width: 90%;
    margin-bottom: 22px;
    font-size: 36px;
    line-height: 44px; } }
@media (max-width: 1023px) {
  .new-design .offer h2 {
    width: 100%; } }
@media (max-width: 767px) {
  .new-design .offer h2 {
    margin-bottom: 15px;
    font-size: 22px;
    line-height: 30px; } }
.new-design .offer p {
  max-width: 90%;
  margin: 0;
  letter-spacing: -0.12px; }
@media (max-width: 1439px) {
  .new-design .offer p {
    max-width: 95%;
    font-size: 16px;
    line-height: 24px; } }
@media (max-width: 1023px) {
  .new-design .offer p {
    max-width: 100%; } }
@media (max-width: 767px) {
  .new-design .offer p {
    font-size: 14px;
    line-height: 20px; } }
.new-design .offer blockquote {
  position: relative;
  margin: 0 140px 30px 78px;
  letter-spacing: -0.12px; }
@media (max-width: 1439px) {
  .new-design .offer blockquote {
    margin: 0 0 25px 49px; } }
@media (max-width: 1023px) {
  .new-design .offer blockquote {
    padding-right: 20px; } }
@media (max-width: 767px) {
  .new-design .offer blockquote {
    margin: 0 0 16px 20px;
    padding-right: 0; } }
.new-design .offer blockquote::before {
  content: "";
  position: absolute;
  top: 8px;
  left: -78px;
  width: 2px;
  height: 90%;
  background-color: #eb006e; }
@media (max-width: 1439px) {
  .new-design .offer blockquote::before {
    left: -49px; } }
@media (max-width: 767px) {
  .new-design .offer blockquote::before {
    top: 5px;
    left: -20px;
    height: 96%; } }

.new-design .statistics {
  position: relative;
  padding: 100px 0;
  padding-bottom: 44px;
  color: #ffffff;
  background-color: #181818; }
@media (max-width: 1439px) {
  .new-design .statistics {
    padding-top: 75px;
    padding-bottom: 19px; } }
@media (max-width: 767px) {
  .new-design .statistics {
    padding-top: 58px;
    padding-bottom: 29px;
    font-size: 14px;
    line-height: 20px; } }
.new-design .statistics img {
  position: absolute;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  min-height: auto;
  opacity: 0.2;
  -webkit-filter: grayscale(0.8);
  filter: grayscale(0.8);
  -o-object-fit: cover;
  object-fit: cover; }

.new-design .statistics__container {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.new-design .statistics__title {
  display: block;
  margin-bottom: 55px;
  font-size: 48px;
  line-height: 67px; }
@media (max-width: 1439px) {
  .new-design .statistics__title {
    margin-bottom: 58px;
    font-size: 38px;
    line-height: 52px; } }
@media (max-width: 767px) {
  .new-design .statistics__title {
    margin-bottom: 33px;
    font-size: 24px;
    line-height: 36px; } }

.new-design .statistics__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 63.5%;
  margin: 0;
  padding: 0;
  list-style: none; }
@media (max-width: 1439px) {
  .new-design .statistics__list {
    width: 64.5%; } }
@media (max-width: 1023px) {
  .new-design .statistics__list {
    width: calc(100% + 17px);
    margin-right: -20px;
    margin-left: -10px; } }

.new-design .statistics__item {
  width: 33%;
  margin-bottom: 48px; }
@media (max-width: 1439px) {
  .new-design .statistics__item {
    margin-bottom: 60px; } }
@media (max-width: 1023px) {
  .new-design .statistics__item {
    width: calc(100% / 3 - 20px);
    margin-right: 10px;
    margin-left: 10px; } }
@media (max-width: 767px) {
  .new-design .statistics__item {
    width: calc(100% / 2 - 20px);
    margin-bottom: 24px; } }
.new-design .statistics__item p {
  margin: 0; }

.new-design .statistics__count {
  font-size: 60px;
  line-height: 67px;
  color: #eb006e; }
@media (max-width: 1439px) {
  .new-design .statistics__count {
    font-size: 46px;
    line-height: 53px; } }
@media (max-width: 767px) {
  .new-design .statistics__count {
    font-size: 30px;
    line-height: 39px; } }

.new-design .statistics__text {
  position: relative;
  width: 23%;
  padding-top: 34px;
  font-size: 16px;
  line-height: 30px; }
@media (max-width: 1439px) {
  .new-design .statistics__text {
    padding-top: 30px;
    padding-right: 2px;
    padding-left: 2px;
    font-size: 13px;
    line-height: 20px; }
  .new-design .statistics__text::before {
    top: -8px;
    left: 2px; } }
@media (max-width: 1023px) {
  .new-design .statistics__text {
    display: none; } }
.new-design .statistics__text::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 75px;
  height: 1px;
  background-color: #727173; }

.new-design .prices {
  padding-top: 21px; }
@media (max-width: 1023px) {
  .new-design .prices {
    padding-bottom: 17px; } }
@media (max-width: 767px) {
  .new-design .prices {
    padding-bottom: 10px; } }
.new-design .prices h1 {
  padding-top: 45px;
  padding-bottom: 40px; }
@media (max-width: 1439px) {
  .new-design .prices h1 {
    padding-top: 27px;
    padding-bottom: 0; } }
@media (max-width: 1023px) {
  .new-design .prices h1 {
    width: 665px;
    padding-top: 35px; } }
@media (max-width: 767px) {
  .new-design .prices h1 {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding-top: 35px;
    padding-bottom: 24px; } }
.new-design .prices .breadcrumbs {
  padding-top: 30px; }

.new-design .prices-info {
  padding-top: 45px; }
.new-design .prices-info h2 {
  margin-bottom: 27px; }
@media (max-width: 1439px) {
  .new-design .prices-info h2 {
    margin-bottom: 15px; } }
@media (max-width: 1023px) {
  .new-design .prices-info h2 {
    margin-bottom: 20px; } }
@media (max-width: 767px) {
  .new-design .prices-info h2 {
    margin-bottom: 15px; } }

.new-design .prices-info__text {
  max-width: 1200px; }
.new-design .prices-info__text p {
  margin: 0;
  margin-bottom: 10px; }
@media (max-width: 1439px) {
  .new-design .prices-info__text p {
    font-size: 16px;
    line-height: 24px; } }
@media (max-width: 767px) {
  .new-design .prices-info__text p {
    font-size: 14px;
    line-height: 20px; } }

.new-design .prices__list-type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0;
  margin-top: -10px;
  margin-bottom: 32px;
  padding: 0;
  list-style: none; }
@media (max-width: 1439px) {
  .new-design .prices__list-type {
    margin-top: 36px;
    margin-bottom: 23px; } }
@media (max-width: 1023px) {
  .new-design .prices__list-type {
    margin-bottom: 17px; } }
@media (max-width: 767px) {
  .new-design .prices__list-type {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-top: -7px;
    margin-bottom: 11px;
    overflow-x: scroll; } }

.new-design .prices__item-type {
  margin-right: 3.2%; }
@media (max-width: 1439px) {
  .new-design .prices__item-type {
    margin-right: 4.5%; } }
@media (max-width: 1023px) {
  .new-design .prices__item-type {
    margin-right: 6%; } }
.new-design .prices__item-type--active .prices__button-type {
  color: #2b2b2b;
  border-bottom: 1px solid #2b2b2b; }

.new-design .prices__button-type {
  padding: 0;
  color: #aaaaaa;
  background: transparent;
  border: none;
  outline: none;
  cursor: pointer;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s; }
@media (max-width: 1439px) {
  .new-design .prices__button-type {
    font-size: 18px;
    line-height: 26px; } }
@media (max-width: 1023px) {
  .new-design .prices__button-type {
    font-weight: 400;
    font-size: 16px;
    line-height: 32px; } }
@media (max-width: 767px) {
  .new-design .prices__button-type {
    font-size: 14px;
    line-height: 24px; } }
.new-design .prices__button-type:hover, .new-design .prices__button-type:focus {
  color: #2b2b2b; }
.new-design .prices__button-type:active {
  opacity: 0.3; }

.new-design .servises {
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0px; }
.new-design .servises--support {
  margin-bottom: 93px; }
@media (max-width: 1439px) {
  .new-design .servises--support {
    margin-bottom: 0;
    padding-bottom: 20px; } }
@media (max-width: 1023px) {
  .new-design .servises--support {
    padding-bottom: 27px; } }
@media (max-width: 767px) {
  .new-design .servises--support {
    padding-bottom: 30px; } }
.new-design .servises--support h2 {
  max-width: 80%; }
@media (max-width: 1023px) {
  .new-design .servises--support h2 {
    max-width: 100%; } }
.new-design .servises--support .servises__text {
  max-width: 85%;
  margin-bottom: 50px;
  font-size: 21px;
  line-height: 36px; }
@media (max-width: 1439px) {
  .new-design .servises--support .servises__text {
    max-width: 100%;
    margin-bottom: 45px; } }
@media (max-width: 1023px) {
  .new-design .servises--support .servises__text {
    margin-bottom: 30px; } }
.new-design .servises--support .servises__text p {
  margin-top: 30px;
  letter-spacing: -0.12px; }
@media (max-width: 1439px) {
  .new-design .servises--support .servises__text p {
    font-size: 19px;
    line-height: 30px; } }
@media (max-width: 767px) {
  .new-design .servises--support .servises__text p {
    margin-top: 15px;
    font-size: 17px;
    line-height: 26px; } }
.new-design .servises--support .servises__title {
  margin-bottom: 22px;
  border-bottom: none; }
@media (max-width: 1439px) {
  .new-design .servises--support .servises__title {
    margin-bottom: 19px; } }
@media (max-width: 767px) {
  .new-design .servises--support .servises__title {
    margin-bottom: 13px; } }
.new-design .servises--support .servises__list {
  margin-bottom: 61px;
  border-bottom: 2px solid #727173; }
@media (max-width: 1439px) {
  .new-design .servises--support .servises__list {
    margin-bottom: 50px; } }
@media (max-width: 767px) {
  .new-design .servises--support .servises__list {
    margin-bottom: 25px; } }
.new-design .servises--support li:nth-of-type(even) {
  background-color: #f7f7f7; }
.new-design .servises--support li:last-of-type .servises__item {
  border-bottom: none; }
.new-design .servises--support .servises__item {
  padding-top: 25px;
  padding-bottom: 13px;
  padding-right: 51px;
  padding-left: 24px;
  will-change: transform;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease; }
@media (max-width: 1439px) {
  .new-design .servises--support .servises__item {
    padding-top: 17px;
    padding-bottom: 10px;
    padding-right: 23px;
    padding-left: 24px; } }
@media (max-width: 1023px) {
  .new-design .servises--support .servises__item {
    padding-right: 23px;
    padding-left: 24px; } }
@media (max-width: 767px) {
  .new-design .servises--support .servises__item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 12px;
    padding-left: 12px; } }
.new-design .servises--support .servises__item:hover, .new-design .servises--support .servises__item:focus {
  padding-top: 24px;
  padding-bottom: 14px;
  padding-right: 51px;
  padding-left: 24px; }
@media (max-width: 1439px) {
  .new-design .servises--support .servises__item:hover, .new-design .servises--support .servises__item:focus {
    padding-top: 17px;
    padding-bottom: 10px;
    padding-right: 23px;
    padding-left: 24px; } }
@media (max-width: 1023px) {
  .new-design .servises--support .servises__item:hover, .new-design .servises--support .servises__item:focus {
    padding-right: 23px;
    padding-left: 24px; } }
@media (max-width: 767px) {
  .new-design .servises--support .servises__item:hover, .new-design .servises--support .servises__item:focus {
    padding-right: 12px;
    padding-left: 12px; } }
.new-design .servises--support .servises__item:hover .servises__name, .new-design .servises--support .servises__item:focus .servises__name {
  position: static;
  color: white;
  -webkit-transform: translateX(0);
  transform: translateX(0); }
@media (max-width: 1023px) {
  .new-design .servises--support .servises__item:hover .servises__name, .new-design .servises--support .servises__item:focus .servises__name {
    left: 0;
    width: 85%;
    margin-right: 0; } }
@media (max-width: 767px) {
  .new-design .servises--support .servises__item:hover .servises__name, .new-design .servises--support .servises__item:focus .servises__name {
    width: 65%;
    padding-left: 0; } }
.new-design .servises--support .servises__item:hover .servises__name svg, .new-design .servises--support .servises__item:focus .servises__name svg {
  top: 5px; }
.new-design .servises--support .servises__item:hover .servises__order, .new-design .servises--support .servises__item:focus .servises__order {
  left: 0;
  padding-right: 0; }
.new-design .servises--support .servises__name {
  margin: 0;
  padding-left: 0; }
@media (max-width: 1439px) {
  .new-design .servises--support .servises__name {
    width: 68%; } }
@media (max-width: 1023px) {
  .new-design .servises--support .servises__name {
    width: 85%;
    margin-right: 0;
    padding-right: 0; } }
@media (max-width: 767px) {
  .new-design .servises--support .servises__name {
    width: 65%; } }
.new-design .servises--support .servises__order {
  padding-top: 0;
  padding-right: 0; }
@media (max-width: 767px) {
  .new-design .servises--support .servises__order {
    padding-right: 0; } }
.new-design .servises--support .servises__order svg {
  top: 7px;
  left: -12px; }
@media (max-width: 1439px) {
  .new-design .servises--support .servises__order svg {
    top: 3px; } }
@media (max-width: 767px) {
  .new-design .servises--support .servises__order svg {
    top: 2px; } }

.new-design .servises__title {
  display: inline-block;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  margin-bottom: 24px;
  font-weight: 700;
  font-size: 26px;
  line-height: 30px;
  border-bottom: 1px solid #eb006e; }
@media (max-width: 1439px) {
  .new-design .servises__title {
    margin-bottom: 23px;
    font-size: 22px;
    line-height: 33px; } }
@media (max-width: 767px) {
  .new-design .servises__title {
    font-size: 17.8px;
    line-height: 26px; } }
.new-design .servises__title:hover {
  color: rgba(0, 0, 0, 0.6); }

.new-design .servises__list {
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: 2px solid #727173; }
.new-design .servises__list:not(:last-child) {
  margin-bottom: 85px; }
@media (max-width: 1439px) {
  .new-design .servises__list:not(:last-child) {
    margin-bottom: 55px; } }
@media (max-width: 1023px) {
  .new-design .servises__list:not(:last-child) {
    margin-bottom: 50px; } }
@media (max-width: 767px) {
  .new-design .servises__list:not(:last-child) {
    margin-bottom: 60px; } }

.new-design .servises__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 17px 0;
  padding-bottom: 11px;
  border-bottom: 1px solid #aaaaaa;
  will-change: transform;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer; }
@media (max-width: 1439px) {
  .new-design .servises__item {
    padding-top: 15px; } }
@media (max-width: 1023px) {
  .new-design .servises__item {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 3px;
    padding-bottom: 18px; } }
@media (max-width: 767px) {
  .new-design .servises__item {
    padding-bottom: 15px; } }
.new-design .servises__item:hover, .new-design .servises__item:active, .new-design .servises__item:focus {
  padding-right: 44px;
  padding-left: 44px;
  color: #ffffff;
  background-color: #eb006e; }
@media (max-width: 1439px) {
  .new-design .servises__item:hover, .new-design .servises__item:active, .new-design .servises__item:focus {
    padding-right: 20px;
    padding-left: 20px; } }
@media (max-width: 1023px) {
  .new-design .servises__item:hover, .new-design .servises__item:active, .new-design .servises__item:focus {
    padding-right: 15px;
    padding-left: 15px; } }
@media (max-width: 767px) {
  .new-design .servises__item:hover, .new-design .servises__item:active, .new-design .servises__item:focus {
    padding-right: 15px;
    padding-left: 15px; } }
.new-design .servises__item:hover .servises__name, .new-design .servises__item:active .servises__name, .new-design .servises__item:focus .servises__name {
  color: #ffffff; }
.new-design .servises__item:hover .servises__name span.link, .new-design .servises__item:active .servises__name span.link, .new-design .servises__item:focus .servises__name span.link,
.new-design .servises__item:hover .servises__name a, .new-design .servises__item:active .servises__name a, .new-design .servises__item:focus .servises__name a {
  color: #ffffff; }
.new-design .servises__item:hover .servises__name span.link::after, .new-design .servises__item:active .servises__name span.link::after, .new-design .servises__item:focus .servises__name span.link::after,
.new-design .servises__item:hover .servises__name a::after, .new-design .servises__item:active .servises__name a::after, .new-design .servises__item:focus .servises__name a::after {
  background-image: url("/local/templates/sb2018/static_new/css/../img/sprite/icon-types-white.svg"); }
.new-design .servises__item:hover .servises__order, .new-design .servises__item:active .servises__order, .new-design .servises__item:focus .servises__order {
  color: #ffffff; }
.new-design .servises__item:hover .servises__order a, .new-design .servises__item:active .servises__order a, .new-design .servises__item:focus .servises__order a {
  color: #ffffff; }
.new-design .servises__item:hover .servises__order svg, .new-design .servises__item:active .servises__order svg, .new-design .servises__item:focus .servises__order svg {
  opacity: 1; }

.new-design .servises__name {
  display: inline-block;
  width: 61%;
  padding-right: 40px;
  margin-top: 16px;
  margin-bottom: 16px;
  letter-spacing: -0.11px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease; }
@media (max-width: 1439px) {
  .new-design .servises__name {
    width: 60.3%;
    font-size: 16px;
    line-height: 24px; } }
@media (max-width: 1023px) {
  .new-design .servises__name {
    width: 100%;
    margin-bottom: 7px; } }
@media (max-width: 767px) {
  .new-design .servises__name {
    margin-top: 5px;
    padding-right: 25px;
    font-size: 14px;
    line-height: 20px; } }
.new-design .servises__name span.link,
.new-design .servises__name a {
  position: relative;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease; }
.new-design .servises__name span.link:after,
.new-design .servises__name a::after {
  content: "";
  position: absolute;
  right: -25px;
  bottom: 50%;
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
  width: 15px;
  height: 18px;
  background-image: url("/local/templates/sb2018/static_new/css/../img/sprite/icon-types.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat; }
@media (max-width: 1439px) {
  .new-design .servises__name span.link:after,
  .new-design .servises__name a::after {
    width: 13px;
    height: 13px; } }
@media (max-width: 767px) {
  .new-design .servises__name span.link:after,
  .new-design .servises__name a::after {
    bottom: 0px;
    -webkit-transform: none;
    transform: none; } }
.new-design .servises__name span.link:hover,
.new-design .servises__name a:hover {
  opacity: 0.7; }

.new-design .servises__cost {
  display: inline-block;
  min-width: 160px;
  padding-top: 16px;
  font-size: 26px;
  line-height: 36px; }
@media (max-width: 1439px) {
  .new-design .servises__cost {
    margin-right: auto;
    padding-top: 11px;
    font-size: 22px;
    line-height: 30px; } }
@media (max-width: 1023px) {
  .new-design .servises__cost {
    padding-top: 0; } }
@media (max-width: 767px) {
  .new-design .servises__cost {
    font-size: 18px;
    line-height: 26px; } }

.new-design .servises__order {
  position: relative;
  display: inline-block;
  padding-top: 19px;
  padding-right: 4%;
  padding-left: 15px;
  color: #eb006e;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease; }
.new-design .servises__order a {
  color: #eb006e;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease; }
.new-design .servises__order a:hover {
  opacity: 0.7; }
@media (max-width: 1439px) {
  .new-design .servises__order {
    padding-top: 16px;
    padding-right: 1.8%;
    padding-left: 10px;
    font-size: 16px;
    line-height: 24px; } }
@media (max-width: 1023px) {
  .new-design .servises__order {
    padding-top: 4px;
    padding-right: 0; } }
@media (max-width: 767px) {
  .new-design .servises__order {
    font-size: 14px;
    line-height: 20px; } }
.new-design .servises__order svg {
  position: absolute;
  top: 27px;
  left: -17px;
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  fill: #ffffff; }
@media (max-width: 1439px) {
  .new-design .servises__order svg {
    top: 19px;
    left: -22px; } }
@media (max-width: 1023px) {
  .new-design .servises__order svg {
    top: 7px;
    left: -19px; } }
@media (max-width: 767px) {
  .new-design .servises__order svg {
    top: 6px; } }

.new-design .support__about {
  padding-top: 100px;
  padding-bottom: 92px;
  background-color: #f7f7f7; }
@media (max-width: 1439px) {
  .new-design .support__about {
    padding-top: 75px;
    padding-bottom: 71px; } }
@media (max-width: 1023px) {
  .new-design .support__about {
    padding-top: 75px;
    padding-bottom: 25px; } }
@media (max-width: 767px) {
  .new-design .support__about {
    padding-top: 60px;
    padding-bottom: 25px; } }

.new-design .support__title h2 {
  margin-bottom: 20px; }

.new-design .support__title p {
  margin: 0;
  margin-top: 31px;
  margin-bottom: 28px;
  padding-right: 6%;
  font-size: 25px;
  line-height: 40px; }
@media (max-width: 1439px) {
  .new-design .support__title p {
    margin-top: 25px;
    margin-bottom: 9px;
    font-size: 23px;
    line-height: 36px; } }
@media (max-width: 767px) {
  .new-design .support__title p {
    margin-top: -4px;
    padding-right: 1%;
    font-size: 19px;
    line-height: 28px; } }

.new-design .support__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -34px;
  margin-left: -34px;
  padding-top: 43px; }
@media (max-width: 1023px) {
  .new-design .support__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: 15px; } }

.new-design .support__item {
  position: relative;
  width: calc(100% / 3 - 80px);
  margin-right: 34px;
  margin-bottom: 0;
  margin-left: 34px; }
@media (max-width: 1439px) {
  .new-design .support__item {
    width: calc(100% / 3 - 70px);
    margin-right: 23px;
    font-size: 16px;
    line-height: 24px; } }
@media (max-width: 1023px) {
  .new-design .support__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 84%;
    margin-bottom: 16px;
    padding-top: 14px;
    padding-left: 0; } }
@media (max-width: 767px) {
  .new-design .support__item {
    width: 81%;
    margin-bottom: 17px;
    padding-top: 9px;
    padding-right: 1%;
    padding-left: 0;
    font-size: 14px;
    line-height: 20px; } }
.new-design .support__item p {
  margin: 0;
  margin-top: 19px; }
@media (max-width: 1023px) {
  .new-design .support__item p {
    margin-top: 0;
    letter-spacing: -0.11px; } }
@media (max-width: 767px) {
  .new-design .support__item p {
    margin-top: -3px; } }
.new-design .support__item svg {
  fill: #ffffff;
  width: initial;
  height: initial; }
@media (max-width: 1023px) {
  .new-design .support__item svg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 37px; } }
@media (max-width: 767px) {
  .new-design .support__item svg {
    margin-right: 20px; } }
@media (max-width: 1023px) {
  .new-design .support__item:nth-child(1) svg {
    width: 56.04px;
    height: 56.12px;
    margin-right: 40px; } }
@media (max-width: 767px) {
  .new-design .support__item:nth-child(1) svg {
    width: 36.24px;
    height: 35.8px;
    margin-right: 21px; } }
@media (max-width: 767px) {
  .new-design .support__item:nth-child(2) p {
    margin: 0; } }
@media (max-width: 1023px) {
  .new-design .support__item:nth-child(2) svg {
    width: 58.91px;
    height: 50px; } }
@media (max-width: 767px) {
  .new-design .support__item:nth-child(2) svg {
    width: 37px;
    height: 31px; } }
@media (max-width: 1023px) {
  .new-design .support__item:nth-child(3) svg {
    width: 59.11px;
    height: 56px; } }
@media (max-width: 767px) {
  .new-design .support__item:nth-child(3) svg {
    width: 39px;
    height: 37px;
    margin-right: 17px; } }

.new-design .support__container {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 106px; }
@media (max-width: 1439px) {
  .new-design .support__container {
    padding: 0 65px; } }
@media (max-width: 1023px) {
  .new-design .support__container {
    padding: 0 54px; } }
@media (max-width: 767px) {
  .new-design .support__container {
    padding: 0 23px; } }

.new-design .support__standarts {
  padding-top: 100px;
  padding-bottom: 55px;
  background-color: #f7f7f7; }
@media (max-width: 1439px) {
  .new-design .support__standarts {
    padding-top: 80px;
    padding-bottom: 45px;
    font-size: 16px;
    line-height: 24px; } }
@media (max-width: 1023px) {
  .new-design .support__standarts {
    padding-top: 60px;
    padding-bottom: 0; } }
@media (max-width: 767px) {
  .new-design .support__standarts {
    padding-top: 55px;
    font-size: 14px;
    line-height: 20px; }
  .new-design .support__standarts p:nth-child(2) {
    margin-top: 0; } }
.new-design .support__standarts h2 {
  margin-bottom: 38px; }
@media (max-width: 1439px) {
  .new-design .support__standarts h2 {
    margin-bottom: 23px; } }
@media (max-width: 767px) {
  .new-design .support__standarts h2 {
    margin-bottom: 12px; } }
.new-design .support__standarts .support__text p {
  margin: 0;
  letter-spacing: -0.12px; }
.new-design .support__standarts ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0;
  margin-top: 57px;
  margin-left: -5%;
  padding: 0;
  list-style: none; }
@media (max-width: 1439px) {
  .new-design .support__standarts ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 51px;
    margin-left: 0; } }
@media (max-width: 1023px) {
  .new-design .support__standarts ul {
    margin-top: 32px;
    padding-bottom: 21px; } }
@media (max-width: 767px) {
  .new-design .support__standarts ul {
    padding-bottom: 30px; } }
.new-design .support__standarts li {
  position: relative;
  width: 45%;
  margin-bottom: 42px;
  margin-left: 5%;
  padding-left: 11%;
  color: #727173;
  letter-spacing: -0.12px; }
.new-design .support__standarts li svg {
  width: initial;
  height: initial; }
.new-design .support__standarts li svg {
  width: initial;
  height: initial; }
@media (max-width: 1439px) {
  .new-design .support__standarts li {
    width: 100%;
    margin-bottom: 33px;
    margin-left: 0;
    padding-right: 8%;
    padding-left: 17%; }
  .new-design .support__standarts li:nth-child(3) {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1; }
  .new-design .support__standarts li:nth-child(3) span {
    padding-right: 50%; } }
@media (max-width: 1023px) {
  .new-design .support__standarts li {
    padding-right: 0;
    padding-left: 17.4%; }
  .new-design .support__standarts li:first-child svg {
    width: 71px;
    height: 66px; }
  .new-design .support__standarts li:nth-child(2) svg {
    width: 73px;
    height: 62px; }
  .new-design .support__standarts li:nth-child(3) span {
    padding-right: 0; }
  .new-design .support__standarts li:nth-child(3) svg {
    width: 66px;
    height: 70px; }
  .new-design .support__standarts li:nth-child(4) svg {
    width: 66px;
    height: 66px; } }
@media (max-width: 767px) {
  .new-design .support__standarts li {
    margin-bottom: 29px;
    padding-top: 65px;
    padding-left: 0; }
  .new-design .support__standarts li p {
    margin-top: 9px; }
  .new-design .support__standarts li:first-child svg {
    width: 49px;
    height: 46px; }
  .new-design .support__standarts li:nth-child(2) svg {
    width: 52px;
    height: 45px; }
  .new-design .support__standarts li:nth-child(3) span {
    margin-top: -5px;
    padding-right: 10%; }
  .new-design .support__standarts li:nth-child(3) svg {
    width: 50px;
    height: 50px; }
  .new-design .support__standarts li:nth-child(4) svg {
    width: 50px;
    height: 53px; } }
.new-design .support__standarts li p {
  margin-top: 14px;
  margin-bottom: 0; }
.new-design .support__standarts span {
  display: block;
  font-weight: 400;
  font-size: 25px;
  line-height: 40px;
  color: #000000; }
@media (max-width: 1439px) {
  .new-design .support__standarts span {
    padding-right: 3%;
    font-size: 23px;
    line-height: 36px; } }
@media (max-width: 1023px) {
  .new-design .support__standarts span {
    padding-right: 17%; } }
@media (max-width: 767px) {
  .new-design .support__standarts span {
    padding-right: 0;
    font-size: 19px;
    line-height: 28px; } }
.new-design .support__standarts svg {
  position: absolute;
  top: 5px;
  left: 5px; }
@media (max-width: 1023px) {
  .new-design .support__standarts svg {
    top: 2px;
    left: 2px; } }

.new-design .support__services {
  margin-bottom: 96px; }
.new-design .support__services h2 {
  width: 70%;
  margin-bottom: 31px; }
.new-design .support__services p:nth-child(2) {
  width: 88%;
  margin-bottom: 52px;
  font-size: 21px;
  line-height: 36px; }

.new-design .tariffs {
  margin-bottom: 100px;
  padding-top: 100px; }
@media (max-width: 1439px) {
  .new-design .tariffs {
    margin-bottom: 75px;
    padding-top: 75px;
    font-size: 16px;
    line-height: 24px; } }
@media (max-width: 1023px) {
  .new-design .tariffs {
    margin-bottom: 60px;
    padding-top: 59px; } }
@media (max-width: 767px) {
  .new-design .tariffs {
    margin-bottom: 35px;
    font-size: 14px;
    line-height: 20px; } }

.new-design .tariffs__title {
  margin-bottom: 32px; }
@media (max-width: 1439px) {
  .new-design .tariffs__title {
    margin-bottom: 22px; } }
@media (max-width: 1023px) {
  .new-design .tariffs__title {
    margin-top: 25px; } }
@media (max-width: 767px) {
  .new-design .tariffs__title {
    margin-bottom: 13px; } }

.new-design .tariffs__text {
  max-width: 95%;
  margin-top: 14px;
  margin-bottom: 20px; }
@media (max-width: 1023px) {
  .new-design .tariffs__text {
    padding-right: 0; } }
.new-design .tariffs__text p {
  margin: 0;
  margin-bottom: 12px;
  letter-spacing: -0.1px; }

.new-design .tariffs__text-services {
  margin-bottom: 37px;
  padding-right: 8%;
  font-weight: 300;
  font-size: 37px;
  line-height: 54px;
  letter-spacing: -0.01em; }
@media (max-width: 1439px) {
  .new-design .tariffs__text-services {
    margin-bottom: 33px;
    font-size: 30px;
    line-height: 46px; } }
@media (max-width: 1023px) {
  .new-design .tariffs__text-services {
    margin-bottom: 25px; } }
@media (max-width: 767px) {
  .new-design .tariffs__text-services {
    font-size: 22px;
    line-height: 34px; } }

.new-design .tariffs__table-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 8px;
  letter-spacing: -0.1px; }
@media (max-width: 1439px) {
  .new-design .tariffs__table-head {
    margin-top: 49px; } }
@media (max-width: 1023px) {
  .new-design .tariffs__table-head {
    margin-top: 32px;
    margin-bottom: 16px; } }
@media (max-width: 767px) {
  .new-design .tariffs__table-head {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: 44px;
    margin-bottom: 4px;
    font-size: 11px;
    line-height: 16px; } }

.new-design .tariffs__name {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding-top: 32px;
  padding-left: 2%;
  color: #727173; }
@media (max-width: 1439px) {
  .new-design .tariffs__name {
    padding-top: 23px;
    padding-left: 2.7%; } }
@media (max-width: 1023px) {
  .new-design .tariffs__name {
    display: none; } }

.new-design .tariffs__type {
  width: 14.5%;
  margin-right: 3.7%;
  text-align: center; }
@media (max-width: 1439px) {
  .new-design .tariffs__type {
    width: 17.5%;
    margin-right: 0; } }
@media (max-width: 1023px) {
  .new-design .tariffs__type {
    width: 33%; } }
.new-design .tariffs__type:last-child {
  margin-right: 0; }
.new-design .tariffs__type span {
  display: block;
  color: #eb006e; }
.new-design .tariffs__type em {
  display: block;
  font-style: normal;
  font-size: 12px;
  line-height: 15px;
  color: #727173; }
@media (max-width: 1023px) {
  .new-design .tariffs__type em {
    padding: 0 5%;
    font-size: 11px;
    line-height: 13px; } }
@media (max-width: 767px) {
  .new-design .tariffs__type em {
    font-size: 9px;
    line-height: 11px; } }

.new-design .tariffs__table {
  width: 100%;
  margin-bottom: 27px;
  letter-spacing: -0.1px;
  border-top: 2px solid #727173;
  border-bottom: 2px solid #727173; }
@media (max-width: 1439px) {
  .new-design .tariffs__table {
    margin-bottom: 13px; } }
@media (max-width: 1023px) {
  .new-design .tariffs__table {
    margin-bottom: 16px;
    padding-bottom: 1px;
    border-top: none; } }
@media (max-width: 767px) {
  .new-design .tariffs__table {
    margin-bottom: 4px;
    font-size: 11px;
    line-height: 16px; } }
.new-design .tariffs__table tr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 13px 0; }
@media (max-width: 1023px) {
  .new-design .tariffs__table tr {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 6px 0;
    border-top: 2px solid #727173;
  }
  .new-design .tariffs__table_buttons .tariffs__table-name{
    display: none;
  }
  .new-design .tariffs__table_buttons tr{
    border: 0;
  }
}
@media (max-width: 767px) {
  .new-design .tariffs__table tr {
    padding: 0; } }
.new-design .tariffs__table tr:nth-of-type(even) {
  background-color: #f7f7f7; }
.new-design .tariffs__table td {
  position: relative;
  width: 14.5%;
  margin-right: 3.7%;
  text-align: center; }
@media (max-width: 1439px) {
  .new-design .tariffs__table td {
    width: 17.5%;
    margin-right: 5px; }
  .new-design .tariffs__table td:last-child {
    width: 19%; } }
@media (max-width: 1023px) {
  .new-design .tariffs__table td {
    width: 31%;
    min-height: 30px; }
  .new-design .tariffs__table td:last-child {
    width: 31%; } }
@media (max-width: 767px) {
  .new-design .tariffs__table td {
    width: 32%;
    min-height: 28.5px;
    padding-right: 0;
    padding-left: 0; } }
.new-design .tariffs__table td:last-child, .new-design .tariffs__table td:first-child {
  margin-right: 0; }
.new-design .tariffs__table .tariffs__table-name {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin-left: 0;
  padding-left: 1.8%;
  text-align: left; }
@media (max-width: 1439px) {
  .new-design .tariffs__table .tariffs__table-name {
    padding-left: 2.4%; } }
@media (max-width: 1023px) {
  .new-design .tariffs__table .tariffs__table-name {
    width: 100%;
    padding-bottom: 4px;
    padding-left: 4%;
    text-align: center;
    border-bottom: 1px solid #d8d8d8; } }
@media (max-width: 767px) {
  .new-design .tariffs__table .tariffs__table-name {
    padding: 0;
    padding-top: 6px; } }
.new-design .tariffs__table svg {
  position: absolute;
  top: 8px;
  left: 50%;
  width: 19px;
  height: 16px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%); }
@media (max-width: 1439px) {
  .new-design .tariffs__table svg {
    top: 5px; } }
@media (max-width: 1023px) {
  .new-design .tariffs__table svg {
    top: 12px; } }
@media (max-width: 767px) {
  .new-design .tariffs__table svg {
    top: 6px;
    width: 21px;
    height: 18px; } }
.new-design .tariffs__table caption {
  margin-bottom: 8px;
  padding-left: 1.8%;
  font-weight: 700;
  text-align: left; }
@media (max-width: 1439px) {
  .new-design .tariffs__table caption {
    padding-left: 2.8%; } }
@media (max-width: 1023px) {
  .new-design .tariffs__table caption {
    padding-left: 0;
    text-align: center; } }
@media (max-width: 767px) {
  .new-design .tariffs__table caption {
    margin-bottom: 5px;
    font-size: 14px;
    line-height: 20px; } }
@media (max-width: 767px) {
  .new-design .tariffs__table--inf .tariffs__table-name {
    padding: 0 9%;
    padding-top: 5px;
    padding-bottom: 3px; } }
@media (max-width: 1439px) {
  .new-design .tariffs__table--services td:first-child {
    padding-right: 0; } }
@media (max-width: 1023px) {
  .new-design .tariffs__table--services .tariffs__table-name {
    padding-top: 3px;
    padding-left: 0; }
  .new-design .tariffs__table--services td {
    padding-top: 6px; } }
@media (max-width: 767px) {
  .new-design .tariffs__table--services .tariffs__table-name {
    padding-top: 3px;
    padding-bottom: 0; }
  .new-design .tariffs__table--services td {
    padding-top: 4px; } }

.new-design .tariffs__important-info {
  max-width: 95%; }
@media (max-width: 1439px) {
  .new-design .tariffs__important-info {
    margin-top: 32px; } }
@media (max-width: 1023px) {
  .new-design .tariffs__important-info {
    margin-top: 38px; } }
@media (max-width: 767px) {
  .new-design .tariffs__important-info {
    margin-top: 19px; } }
.new-design .tariffs__important-info b {
  display: block;
  color: #eb006e; }
@media (max-width: 1439px) {
  .new-design .tariffs__important-info b {
    margin-bottom: 7px; } }
@media (max-width: 767px) {
  .new-design .tariffs__important-info b {
    margin-bottom: 11px; } }
.new-design .tariffs__important-info p {
  margin-top: 2px;
  margin-right: 2%;
  color: #727173;
  letter-spacing: -0.12px; }
@media (max-width: 767px) {
  .new-design .tariffs__important-info p {
    margin-right: 0; } }

.new-design .works h2 {
  margin-bottom: 39px; }
@media (max-width: 1439px) {
  .new-design .works h2 {
    margin-bottom: 42px; } }
@media (max-width: 1023px) {
  .new-design .works h2 {
    margin-bottom: 28px; } }
@media (max-width: 767px) {
  .new-design .works h2 {
    width: 80%;
    margin-bottom: 18px; } }

.new-design .tariffs__table_buttons {
  border-top: 0;
  border-bottom: 0;
}
.new-design .tariffs__table_buttons tr{
  padding: 0;
}
.new-design .tariffs__table_buttons .btn{
  min-width: 0;
  width: 100%;
  padding-left: 6px;
  padding-right: 6px;
}

.new-design .works .works__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }

.new-design .works ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }
@media (max-width: 1023px) {
  .new-design .works ul {
    margin-right: 0;
    margin-left: 0; } }

.new-design .works li {
  width: calc((100% - 60px) / 2);
  margin-right: 15px;
  margin-bottom: 30px;
  margin-left: 15px; }
@media (max-width: 1023px) {
  .new-design .works li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 16px;
    margin-left: 0; } }
@media (max-width: 767px) {
  .new-design .works li {
    margin-bottom: 8px; } }

.new-design .works .works__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-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  min-height: 352px;
  padding: 28px 42px 40px 40px;
  background-color: #181818;
  -webkit-transition: -webkit-box-shadow 0.3s ease;
  transition: -webkit-box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease; }
@media (max-width: 1439px) {
  .new-design .works .works__link {
    min-height: 304px;
    padding: 32px 25px 32px 24px; } }
@media (max-width: 1023px) {
  .new-design .works .works__link {
    padding: 33px 32px 32px 30px; } }
@media (max-width: 767px) {
  .new-design .works .works__link {
    min-height: 288px;
    padding: 32px 24px 31px 24px; } }
.new-design .works .works__link:hover {
  -webkit-box-shadow: 0 12px 30px rgba(43, 43, 43, 0.17);
  box-shadow: 0 12px 30px rgba(43, 43, 43, 0.17); }

.new-design .works .works__link-header {
  margin-bottom: 60px; }
@media (max-width: 1439px) {
  .new-design .works .works__link-header {
    margin-bottom: 40px; } }
.new-design .works .works__link-header p {
  margin: 0;
  font-size: 16px;
  line-height: 19px;
  color: #ffffff;
  opacity: 0.7; }
@media (max-width: 1439px) {
  .new-design .works .works__link-header p {
    font-size: 14px;
    line-height: 16px; } }
@media (max-width: 767px) {
  .new-design .works .works__link-header p {
    font-size: 12px;
    line-height: 14px; } }
.new-design .works .works__link-header .works__link-title {
  margin: 0;
  margin-top: 12px;
  font-weight: bold;
  font-size: 26px;
  line-height: 36px;
  color: #ffffff; }
@media (max-width: 1439px) {
  .new-design .works .works__link-header .works__link-title {
    margin-top: 18px;
    font-size: 22px;
    line-height: 30px; } }
@media (max-width: 767px) {
  .new-design .works .works__link-header .works__link-title {
    margin-top: 10px;
    font-size: 18px;
    line-height: 26px; } }

.new-design .works .works__link-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end; }
.new-design .works .works__link-footer span {
  width: 40%;
  font-size: 18px;
  line-height: 21px;
  text-align: right;
  color: #d8d8d8; }
@media (max-width: 1439px) {
  .new-design .works .works__link-footer span {
    width: 50%;
    letter-spacing: -1px; } }
@media (max-width: 767px) {
  .new-design .works .works__link-footer span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 40%;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0; } }
.new-design .works .works__link-footer .works__link-pic {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 190px;
  height: 96px;
  padding: 9px 35px;
  border: 1px solid rgba(255, 255, 255, 0.2); }
@media (max-width: 1439px) {
  .new-design .works .works__link-footer .works__link-pic {
    width: 134px;
    height: 72px;
    padding: 0; } }
@media (max-width: 1023px) {
  .new-design .works .works__link-footer .works__link-pic {
    width: 148px;
    height: 72px; } }
@media (max-width: 767px) {
  .new-design .works .works__link-footer .works__link-pic {
    width: 118px;
    height: 64px; } }
@media (max-width: 1439px) {
  .new-design .works .works__link-footer .works__link-pic svg {
    width: 60%;
    height: auto; } }
.new-design .works .works__link-footer .works__link-pic img {
  max-height: 78px;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center; }
@media (max-width: 1439px) {
  .new-design .works .works__link-footer .works__link-pic img {
    width: 60%;
    height: auto;
    margin: 0 auto; } }

@media (max-width: 1439px) {
  .new-design .works--store h2 {
    margin-bottom: 29px; } }

@media (max-width: 1023px) {
  .new-design .works--store h2 {
    margin-bottom: 27px; } }

@media (max-width: 767px) {
  .new-design .works--store h2 {
    margin-bottom: 20px; } }

.new-design .works--store .works__link {
  padding-top: 42px; }
@media (max-width: 1439px) {
  .new-design .works--store .works__link {
    padding-top: 32px; } }
@media (max-width: 767px) {
  .new-design .works--store .works__link {
    padding-top: 33px; } }

.new-design .works--store .works__link-header .works__link-title {
  margin-top: 18px; }
@media (max-width: 767px) {
  .new-design .works--store .works__link-header .works__link-title {
    margin-top: 10px; } }

@media (max-width: 1023px) {
  .new-design .works--store .link--arrow {
    margin-top: 32px; } }

@media (max-width: 767px) {
  .new-design .works--store .link--arrow {
    margin-top: 26px; } }

@media (max-width: 1439px) {
  .new-design .works--design h2 {
    margin-bottom: 25px; } }

@media (max-width: 767px) {
  .new-design .works--design h2 {
    margin-bottom: 22px; } }

.new-design .works--design .link--arrow {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start; }
@media (max-width: 1023px) {
  .new-design .works--design .link--arrow svg {
    padding-bottom: 4px; } }

.new-design .works--design .works__link {
  padding-top: 42px; }
@media (max-width: 1439px) {
  .new-design .works--design .works__link {
    padding-top: 35px; } }
@media (max-width: 767px) {
  .new-design .works--design .works__link {
    padding-top: 33px; } }

.new-design .works--design .works__link-header .works__link-title {
  margin-top: 18px; }
@media (max-width: 767px) {
  .new-design .works--design .works__link-header .works__link-title {
    margin-top: 9px; } }

.new-design .works--design .works__link-footer .works__link-pic {
  padding: 0; }

.new-design .types {
  padding-top: 85px;
  padding-bottom: 71px;
  background-color: #f7f7f7; }
@media (max-width: 1439px) {
  .new-design .types {
    padding-top: 75px;
    padding-bottom: 56px; } }
@media (max-width: 1023px) {
  .new-design .types {
    padding-top: 58px;
    padding-bottom: 41px; } }
@media (max-width: 767px) {
  .new-design .types {
    padding-top: 58px;
    padding-bottom: 50px; } }
.new-design .types b {
  display: block;
  margin-bottom: 27px;
  font-weight: 300;
  font-size: 37px;
  line-height: 54px;
  letter-spacing: -0.01em; }
@media (max-width: 1439px) {
  .new-design .types b {
    margin-bottom: 21px;
    font-size: 30px;
    line-height: 46px; } }
@media (max-width: 767px) {
  .new-design .types b {
    margin-bottom: 12px;
    padding-left: 39px;
    font-size: 22px;
    line-height: 34px; } }
.new-design .types ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: calc(95% + 16px);
  margin-right: -8px;
  margin-left: -8px; }
@media (max-width: 1439px) {
  .new-design .types ul {
    width: calc(100% + 16px); } }
@media (max-width: 767px) {
  .new-design .types ul {
    -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: flex-start;
    padding-left: 39px; } }
.new-design .types ul li {
  margin-right: 8px;
  margin-bottom: 15px;
  margin-left: 8px; }
@media (max-width: 767px) {
  .new-design .types ul li {
    margin-bottom: 10px; } }

.new-design .companies b {
  display: block;
  margin-bottom: 30px;
  font-size: 42px;
  line-height: 56px; }
@media (max-width: 1439px) {
  .new-design .companies b {
    margin-bottom: 42px;
    font-size: 38px;
    line-height: 52px; } }
@media (max-width: 767px) {
  .new-design .companies b {
    margin-bottom: 20px;
    font-size: 24px;
    line-height: 36px; } }

.new-design .companies .companies__swiper {
  padding-bottom: 15px; }
@media (max-width: 1439px) {
  .new-design .companies .companies__swiper {
    padding-bottom: 25px; } }
@media (max-width: 1023px) {
  .new-design .companies .companies__swiper {
    padding-bottom: 13px; } }

.new-design .companies .companies__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 124px;
  margin-right: 30px;
  opacity: 0.6;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease; }
@media (max-width: 1439px) {
  .new-design .companies .companies__item {
    height: 84px;
    padding: 23px 33px; } }
@media (max-width: 767px) {
  .new-design .companies .companies__item {
    height: 64px;
    padding: 5px 10px;
    margin-right: 13px; } }
.new-design .companies .companies__item svg {
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  width: initial;
  height: initial;
  -webkit-transition: -webkit-filter 0.3s ease;
  transition: -webkit-filter 0.3s ease;
  transition: filter 0.3s ease;
  transition: filter 0.3s ease, -webkit-filter 0.3s ease; }
.new-design .companies .companies__item img {
  max-height: 124px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transition: -webkit-filter 0.3s ease;
  transition: -webkit-filter 0.3s ease;
  transition: filter 0.3s ease;
  transition: filter 0.3s ease, -webkit-filter 0.3s ease;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center; }
@media (max-width: 1439px) {
  .new-design .companies .companies__item img {
    max-height: 84px; } }
.new-design .companies .companies__item:hover {
  opacity: 1; }
.new-design .companies .companies__item:hover svg {
  -webkit-filter: grayscale(0);
  filter: grayscale(0); }
.new-design .companies .companies__item:hover img {
  -webkit-filter: grayscale(0);
  filter: grayscale(0); }

.new-design .companies .companies__list {
  padding-bottom: 20px; }
@media (max-width: 1439px) {
  .new-design .companies .companies__list {
    padding-bottom: 12px; } }
@media (max-width: 1023px) {
  .new-design .companies .companies__list {
    padding-bottom: 13px; } }
@media (max-width: 767px) {
  .new-design .companies .companies__list {
    margin-bottom: 13px;
    padding-bottom: 0; } }

.new-design .companies .companies__pagination {
  position: relative;
  bottom: 0; }

.new-design .feedback {
  background-color: #f7f7f7; }
@media (max-width: 767px) {
  .new-design .feedback .feedback__container {
    padding-right: 15px;
    padding-left: 15px; } }
.new-design .feedback b {
  display: block;
  margin-bottom: 5px;
  font-size: 42px;
  line-height: 56px; }
@media (max-width: 1439px) {
  .new-design .feedback b {
    font-size: 38px;
    line-height: 52px; } }
@media (max-width: 767px) {
  .new-design .feedback b {
    margin-bottom: 0;
    padding-left: 7px;
    font-size: 24px;
    line-height: 36px; } }
.new-design .feedback .feedback__item {
  height: auto;
  padding: 0 50px; }
@media (max-width: 1024px) {
  .new-design .feedback .feedback__item {
    padding: 0; } }
.new-design .feedback .feedback__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  padding: 58px 66px 56px;
  letter-spacing: -0.13px;
  background-color: #ffffff;
  -webkit-box-shadow: 0 12px 30px rgba(43, 43, 43, 0.17);
  box-shadow: 0 12px 30px rgba(43, 43, 43, 0.17); }
@media (max-width: 1439px) {
  .new-design .feedback .feedback__wrapper {
    padding: 58px 22px 80px 48px; } }
@media (max-width: 1023px) {
  .new-design .feedback .feedback__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 58px 40px 48px 46px; } }
@media (max-width: 767px) {
  .new-design .feedback .feedback__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 26px 24px 32px; } }
.new-design .feedback .feedback__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 73%;
  margin-right: 49px; }
@media (max-width: 1439px) {
  .new-design .feedback .feedback__content {
    width: 75%;
    margin-right: 20px; } }
@media (max-width: 1023px) {
  .new-design .feedback .feedback__content {
    width: 100%;
    margin-bottom: 30px; } }
@media (max-width: 767px) {
  .new-design .feedback .feedback__content {
    width: 100%;
    margin-bottom: 57px; } }
.new-design .feedback .feedback__content .feedback__text p {
  margin: 0;
  margin-bottom: 40px;
  font-size: 16px;
  line-height: 36px; }
@media (max-width: 1439px) {
  .new-design .feedback .feedback__content .feedback__text p {
    width: 97%; } }
@media (max-width: 1439px) {
  .new-design .feedback .feedback__content .feedback__text p {
    width: 100%; } }
@media (max-width: 767px) {
  .new-design .feedback .feedback__content .feedback__text p {
    width: 100%;
    margin-bottom: 24px;
    font-size: 14px;
    line-height: 28px; } }
.new-design .feedback .feedback__logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 246px;
  height: 220px;
  margin-bottom: 34px;
  border: 1px solid #f7f7f7; }
@media (max-width: 1439px) {
  .new-design .feedback .feedback__logo {
    width: 211px;
    height: 189px;
    margin-bottom: 62px; } }
@media (max-width: 1023px) {
  .new-design .feedback .feedback__logo {
    display: none; } }
.new-design .feedback .feedback__logo img {
  max-height: 220px;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center; }
@media (max-width: 1439px) {
  .new-design .feedback .feedback__logo img {
    width: 80%;
    height: auto;
    max-height: 189px;
    margin: 0 auto; } }
.new-design .feedback .feedback__user {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
.new-design .feedback .feedback__user .feedback__avatar {
  -ms-flex-negative: 1;
  flex-shrink: 1;
  width: 90px;
  height: 90px; }
@media (max-width: 767px) {
  .new-design .feedback .feedback__user .feedback__avatar {
    width: 72px;
    height: 72px; } }
.new-design .feedback .feedback__user img {
  max-height: 90px;
  border-radius: 50%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center; }
@media (max-width: 767px) {
  .new-design .feedback .feedback__user img {
    max-height: 72px;
    -o-object-position: center top;
    object-position: center top; } }
.new-design .feedback .feedback__user-about {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 80%; }
.new-design .feedback .feedback__user-about:not(.no-avatar) {
  margin-left: 32px; }
@media (max-width: 1439px) {
  .new-design .feedback .feedback__user-about:not(.no-avatar) {
    margin-left: 30px; } }
@media (max-width: 1023px) {
  .new-design .feedback .feedback__user-about:not(.no-avatar) {
    margin-left: 32px; } }
@media (max-width: 767px) {
  .new-design .feedback .feedback__user-about {
    width: 70%; } }
@media (max-width: 767px) {
  .new-design .feedback .feedback__user-about:not(.no-avatar) {
    margin-left: 15px; } }
.new-design .feedback .feedback__user-about .feedback__user-name {
  margin: 0;
  margin-bottom: 16px;
  font-weight: 700;
  font-size: 26px;
  line-height: 36px;
  letter-spacing: -0.05px; }
@media (max-width: 1439px) {
  .new-design .feedback .feedback__user-about .feedback__user-name {
    font-size: 22px;
    line-height: 30px; } }
@media (max-width: 767px) {
  .new-design .feedback .feedback__user-about .feedback__user-name {
    margin-bottom: 8px;
    font-size: 18px;
    line-height: 26px; } }
.new-design .feedback .feedback__user-about .feedback__user-work {
  width: 80%;
  margin: 0;
  font-size: 16px;
  line-height: 30px;
  color: #727173;
  letter-spacing: -0.01px; }
@media (max-width: 1439px) {
  .new-design .feedback .feedback__user-about .feedback__user-work {
    width: 90%;
    font-size: 14px;
    line-height: 24px; } }
@media (max-width: 767px) {
  .new-design .feedback .feedback__user-about .feedback__user-work {
    width: 90%;
    font-size: 12px;
    line-height: 18px; } }
.new-design .feedback .feedback__load {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
.new-design .feedback .feedback__load svg {
  width: initial;
  height: initial; }
.new-design .feedback .feedback__load span {
  margin-left: 24px;
  padding-top: 5px;
  font-size: 16px;
  line-height: 18px;
  letter-spacing: -0.02px;
  border-bottom: 1px solid transparent;
  -webkit-transition: border-bottom 0.3s ease;
  transition: border-bottom 0.3s ease; }
@media (max-width: 1439px) {
  .new-design .feedback .feedback__load span {
    font-size: 14px;
    line-height: 24px; } }
@media (max-width: 767px) {
  .new-design .feedback .feedback__load span {
    margin-left: 15px;
    font-size: 12px;
    line-height: 18px; } }
.new-design .feedback .feedback__load:hover span {
  border-bottom: 1px solid #2b2b2b; }
.new-design .feedback .swiper-button-next svg,
.new-design .feedback .swiper-button-prev svg {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #727173; }
@media (max-width: 767px) {
  .new-design .feedback .swiper-button-next svg,
  .new-design .feedback .swiper-button-prev svg {
    width: 6px;
    height: 14px; } }
.new-design .feedback .swiper-button-next:hover svg,
.new-design .feedback .swiper-button-prev:hover svg {
  fill: #181818; }
.new-design .feedback .swiper-button-next::after,
.new-design .feedback .swiper-button-prev::after {
  content: ""; }
.new-design .feedback .swiper-button-next {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg); }

.new-design .feedback .feedback__pagination{
  bottom: -65px;
}
.feedback__swiper-wrapper{
  position: relative;
}
.new-design .feedback .feedback__swiper{
  position: static;
  margin-bottom: 126px;
  margin-top: 70px;
}
@media (max-width: 1439px) {
  .new-design .feedback .feedback__swiper {
    margin-top: 54px;
    margin-bottom: 159px;
  }
}
@media (max-width: 767px) {
  .new-design .feedback .feedback__swiper {
    margin-top: 47px;
    margin-bottom: 87px;
  }
}
@media (max-width: 1439px) {
  .new-design .feedback--store .swiper-button-next,
  .new-design .feedback--store .swiper-button-prev {
    top: 45.5%; } }
@media (max-width: 1023px) {
  .new-design .feedback--store .swiper-button-next,
  .new-design .feedback--store .swiper-button-prev {
    top: 45.5%; } }
@media (max-width: 767px) {
  .new-design .feedback--store .swiper-button-next,
  .new-design .feedback--store .swiper-button-prev {
    top: -2.5%; } }

.new-design .result h2 {
  margin-bottom: 46px; }
@media (max-width: 1439px) {
  .new-design .result h2 {
    margin-bottom: 30px; } }
@media (max-width: 767px) {
  .new-design .result h2 {
    margin-bottom: 23px; } }

.new-design .result li {
  position: relative;
  margin-bottom: 24px;
  padding-left: 87px;
  color: #282728;
  letter-spacing: -0.12px; }
@media (max-width: 1439px) {
  .new-design .result li {
    padding-left: 49px;
    font-size: 16px;
    line-height: 24px; } }
@media (max-width: 767px) {
  .new-design .result li {
    padding-left: 39px;
    font-size: 14px;
    line-height: 20px; } }
.new-design .result li::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 12px;
  width: 19px;
  height: 16px;
  background-image: url("/local/templates/sb2018/static_new/css/../img/sprite/icon-check.svg");
  background-repeat: no-repeat;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); }
@media (max-width: 1439px) {
  .new-design .result li::before {
    left: 0; } }
@media (max-width: 767px) {
  .new-design .result li::before {
    top: 5px;
    width: 12px;
    height: 10px;
    background-size: cover;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

.new-design .result--design h2 {
  margin-bottom: 48px; }
@media (max-width: 1439px) {
  .new-design .result--design h2 {
    margin-bottom: 40px; } }
@media (max-width: 767px) {
  .new-design .result--design h2 {
    margin-bottom: 25px; } }

.new-design .result--design li {
  padding-left: 80px; }
@media (max-width: 1439px) {
  .new-design .result--design li {
    margin-bottom: 28px;
    padding-left: 60px;
    font-size: 14px;
    line-height: 20px; } }
@media (max-width: 1023px) {
  .new-design .result--design li {
    margin-bottom: 24px;
    padding-left: 44px;
    font-size: 16px;
    line-height: 24px; } }
@media (max-width: 767px) {
  .new-design .result--design li {
    margin-bottom: 18px;
    padding-left: 38px;
    font-size: 14px;
    line-height: 20px; } }
.new-design .result--design li::before {
  top: 45%;
  left: 2px; }
@media (max-width: 767px) {
  .new-design .result--design li::before {
    top: 4px; } }

.new-design .result__link-wrapper {
  margin-top: 58px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }

.new-design .result__link {
  position: relative;
  display: inline-block;
  padding-left: 78px;
  font-weight: normal;
  font-size: 42px;
  line-height: 52px;
  color: #eb006e; }
.new-design .result__link::before {
  content: "";
  position: absolute;
  left: 5px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background-image: url("/local/templates/sb2018/static_new/css/../img/sprite/icon-types.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center; }

.new-design .highlighted {
  margin-top: 52px; }
@media (max-width: 767px) {
  .new-design .highlighted {
    margin-top: 29px; } }
.new-design .highlighted .result {
  padding-bottom: 70px;
  background: #F7F7F7;
  padding-top: 76px;
  padding-bottom: 68px; }
.new-design .highlighted .result .result__wrapper {
  padding: 0 17%; }
.new-design .highlighted .result h2 {
  margin-bottom: 38px; }
.new-design .highlighted .result li {
  padding-left: 75px; }
.new-design .highlighted .result li:last-child {
  margin-bottom: 0; }
.new-design .highlighted .result li::before {
  top: 14px;
  left: 4px; }
.new-design .highlighted .result .result__link {
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease; }
.new-design .highlighted .result .result__link:hover {
  opacity: 0.5; }
.new-design .highlighted .result .result__link:active {
  opacity: 0.3; }
@media (max-width: 1439px) {
  .new-design .highlighted .result .result__wrapper {
    padding: 0;
    padding-left: 17.5%; }
  .new-design .highlighted .result h2 {
    margin-bottom: 42px; }
  .new-design .highlighted .result li {
    padding-left: 80px;
    padding-right: 7.3%; }
  .new-design .highlighted .result li::before {
    top: 10px;
    left: 3px; }
  .new-design .highlighted .result .result__link {
    font-size: 36px;
    line-height: 44px; } }
@media (max-width: 1023px) {
  .new-design .highlighted .result .result__wrapper {
    padding: 0; }
  .new-design .highlighted .result li {
    padding-left: 80px;
    padding-right: 0; } }
@media (max-width: 767px) {
  .new-design .highlighted .result h2 {
    margin-bottom: 23px; }
  .new-design .highlighted .result li {
    padding-left: 58px; }
  .new-design .highlighted .result li::before {
    top: 5px; }
  .new-design .highlighted .result .result__link-wrapper {
    margin-top: 41px; }
  .new-design .highlighted .result .result__link {
    padding-left: 57px;
    font-size: 22px;
    line-height: 30px; }
  .new-design .highlighted .result .result__link::before {
    width: 18px;
    height: 18px; } }
@media (max-width: 1439px) {
  .new-design .highlighted .result {
    padding-bottom: 69px; } }
@media (max-width: 1023px) {
  .new-design .highlighted .result {
    padding-bottom: 70px; } }
@media (max-width: 767px) {
  .new-design .highlighted .result {
    padding-top: 50px;
    padding-bottom: 44px; } }

.new-design .promo {
  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;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  min-height: 605px;
  padding-top: 52px;
  padding-bottom: 35px;
  margin-bottom: 20px;
  background-color: #181818; }
@media (max-width: 1439px) {
  .new-design .promo {
    padding-top: 50px; } }
@media (max-width: 1023px) {
  .new-design .promo {
    min-height: 484px;
    padding-top: 33px;
    padding-bottom: 32px; } }
@media (max-width: 767px) {
  .new-design .promo {
    min-height: 498px;
    padding-top: 32px;
    padding-bottom: 20px; } }
.new-design .promo img {
  position: absolute;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  min-height: 100%;
  opacity: 0.3;
  -o-object-fit: cover;
  object-fit: cover; }
.new-design .promo .promo__content {
  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;
  max-width: 50%;
  padding-bottom: 138px;
  color: #ffffff; }
@media (max-width: 1439px) {
  .new-design .promo .promo__content {
    max-width: 60%; } }
@media (max-width: 1023px) {
  .new-design .promo .promo__content {
    max-width: 80%;
    padding-bottom: 88px; } }
@media (max-width: 767px) {
  .new-design .promo .promo__content {
    max-width: 100%;
    padding-bottom: 117px; } }
.new-design .promo .breadcrumbs a {
  color: #ffffff; }
.new-design .promo h1 {
  padding-top: 92px;
  padding-bottom: 23px; }
@media (max-width: 1439px) {
  .new-design .promo h1 {
    padding-top: 94px;
    padding-bottom: 30px; } }
@media (max-width: 1023px) {
  .new-design .promo h1 {
    padding-top: 79px;
    padding-bottom: 13px; } }
@media (max-width: 767px) {
  .new-design .promo h1 {
    padding-top: 38%;
    padding-bottom: 13px; } }
.new-design .promo p {
  width: 90%;
  margin: 0;
  margin-bottom: 36px;
  font-size: 21px;
  line-height: 36px;
  color: #ffffff;
  letter-spacing: -0.01em;
  opacity: 0.7; }
@media (max-width: 1439px) {
  .new-design .promo p {
    width: 100%;
    margin-bottom: 50px;
    font-size: 19px;
    line-height: 30px;
    letter-spacing: -0.005em; } }
@media (max-width: 1023px) {
  .new-design .promo p {
    margin-bottom: 30px; } }
@media (max-width: 767px) {
  .new-design .promo p {
    width: 90%;
    font-size: 17px;
    line-height: 26px; } }
.new-design .promo .promo__btn {
  -ms-flex-item-align: start;
  align-self: flex-start; }
.new-design .promo .promo__scroll {
  display: block;
  max-width: 30%;
  font-size: 16px;
  line-height: 19px;
  color: #ffffff;
  letter-spacing: -0.01em;
  opacity: 0.7; }
@media (max-width: 1439px) {
  .new-design .promo .promo__scroll {
    font-size: 14px;
    line-height: 14px; } }
@media (max-width: 767px) {
  .new-design .promo .promo__scroll {
    max-width: 50%;
    font-size: 12px;
    line-height: 14px; } }
@media (max-width: 767px) {
  .new-design .promo--site {
    min-height: 484px; } }
.new-design .promo--site .promo__content {
  padding-bottom: 136px; }
@media (max-width: 767px) {
  .new-design .promo--site .promo__content {
    padding-bottom: 105px; } }
.new-design .promo--site .promo__content--case {
  padding-bottom: 164px; }
@media (max-width: 767px) {
  .new-design .promo--store {
    min-height: 484px; } }
.new-design .promo--store .promo__content {
  max-width: 90%;
  padding-bottom: 130px; }
@media (max-width: 1439px) {
  .new-design .promo--store .promo__content {
    max-width: 100%;
    padding-bottom: 150px; } }
@media (max-width: 1023px) {
  .new-design .promo--store .promo__content {
    padding-bottom: 48px; } }
@media (max-width: 767px) {
  .new-design .promo--store .promo__content {
    padding-bottom: 92px; } }
@media (max-width: 1023px) {
  .new-design .promo--store h1 {
    width: 83%;
    padding-top: 55px; } }
@media (max-width: 767px) {
  .new-design .promo--store h1 {
    width: 83%;
    padding-top: 33px; } }
.new-design .promo--store p {
  width: 70%;
  margin-bottom: 38px; }
@media (max-width: 1439px) {
  .new-design .promo--store p {
    width: 85%;
    margin-bottom: 38px; } }
@media (max-width: 1023px) {
  .new-design .promo--store p {
    margin-bottom: 30px; } }
@media (max-width: 767px) {
  .new-design .promo--store p {
    width: 100%;
    margin-bottom: 22px; } }
.new-design .promo--store .promo__btn {
  padding-right: 67px;
  padding-left: 67px; }
@media (max-width: 374px) {
  .new-design .promo--store .promo__btn {
    width: 97%;
    padding-right: 20px;
    padding-left: 20px; } }
.new-design .promo--design {
  padding-top: 45px;
  padding-bottom: 32px; }
@media (max-width: 1439px) {
  .new-design .promo--design {
    padding-top: 50px;
    padding-bottom: 35px; } }
@media (max-width: 1023px) {
  .new-design .promo--design {
    padding-top: 32px;
    padding-bottom: 32px; } }
@media (max-width: 767px) {
  .new-design .promo--design {
    min-height: 484px;
    padding-top: 25px;
    padding-bottom: 24px; } }
@media (max-width: 1023px) {
  .new-design .promo--design h1 {
    padding-top: 35px; } }
@media (max-width: 767px) {
  .new-design .promo--design img {
    height: 484px; } }
.new-design .promo--design .promo__content {
  max-width: 100%;
  padding-bottom: 130px; }
@media (max-width: 1439px) {
  .new-design .promo--design .promo__content {
    max-width: 100%;
    padding-bottom: 180px; } }
@media (max-width: 1023px) {
  .new-design .promo--design .promo__content {
    padding-bottom: 67px; } }
@media (max-width: 767px) {
  .new-design .promo--design .promo__content {
    padding-bottom: 75px; } }
.new-design .promo--design p {
  width: 60%;
  margin-bottom: 36px; }
@media (max-width: 1439px) {
  .new-design .promo--design p {
    width: 100%;
    margin-bottom: 38px; } }
@media (max-width: 1023px) {
  .new-design .promo--design p {
    margin-bottom: 31px; } }
@media (max-width: 767px) {
  .new-design .promo--design p {
    margin-bottom: 23px; } }
.new-design .promo--design .promo__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
@media (max-width: 767px) {
  .new-design .promo--design .promo__buttons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; } }
.new-design .promo--design .promo__btn.btn--fill {
  margin-right: 40px;
  padding-right: 66px;
  padding-left: 66px; }
@media (max-width: 767px) {
  .new-design .promo--design .promo__btn.btn--fill {
    margin-right: 0;
    margin-bottom: 13px; } }
.new-design .promo--design .promo__btn.btn--border {
  padding-right: 66px;
  padding-left: 66px;
  color: #ffffff;
  border-color: #ffffff; }
@media (max-width: 767px) {
  .new-design .promo--design .promo__btn.btn--border {
    width: 100%;
    max-width: 310px;
    padding: 16px 24px; } }
.new-design .promo--support {
  padding-top: 48px;
  padding-bottom: 35px; }
@media (max-width: 1023px) {
  .new-design .promo--support {
    padding-top: 33px;
    padding-bottom: 32px; } }
@media (max-width: 767px) {
  .new-design .promo--support {
    min-height: 484px;
    padding-top: 25px;
    padding-bottom: 24px; } }
.new-design .promo--support .promo__content {
  max-width: 90%;
  padding-bottom: 87px; }
@media (max-width: 1439px) {
  .new-design .promo--support .promo__content {
    max-width: 100%;
    padding-bottom: 120px; } }
@media (max-width: 1023px) {
  .new-design .promo--support .promo__content {
    padding-bottom: 74px; } }
@media (max-width: 767px) {
  .new-design .promo--support .promo__content {
    padding-bottom: 35px; } }
.new-design .promo--support h1 {
  padding-top: 69px;
  padding-bottom: 20px; }
@media (max-width: 1439px) {
  .new-design .promo--support h1 {
    padding-top: 95px;
    padding-bottom: 30px; } }
@media (max-width: 1023px) {
  .new-design .promo--support h1 {
    width: 83%;
    padding-top: 35px;
    padding-bottom: 12px; } }
@media (max-width: 767px) {
  .new-design .promo--support h1 {
    width: 83%;
    padding-top: 33px;
    padding-bottom: 15px; } }
.new-design .promo--support p {
  width: 65%;
  margin-bottom: 39px; }
@media (max-width: 1439px) {
  .new-design .promo--support p {
    width: 85%;
    margin-bottom: 38px; } }
@media (max-width: 1023px) {
  .new-design .promo--support p {
    width: 100%;
    margin-bottom: 30px; } }
@media (max-width: 767px) {
  .new-design .promo--support p {
    width: 100%;
    margin-bottom: 22px; } }
.new-design .promo--support .promo__btn {
  padding-right: 67px;
  padding-left: 67px; }
@media (max-width: 374px) {
  .new-design .promo--support .promo__btn {
    width: 97%;
    padding-right: 20px;
    padding-left: 20px; } }
.new-design .promo--case .promo__content {
  max-width: 73%;
  padding-bottom: 164px; }
.new-design .promo--case h1 {
  padding-top: 123px;
  padding-bottom: 34px; }
@media (max-width: 1439px) {
  .new-design .promo--case {
    padding-top: 33px;
    padding-bottom: 22px; }
  .new-design .promo--case .promo__content {
    max-width: 85%;
    padding-bottom: 238px; }
  .new-design .promo--case h1 {
    padding-top: 106px; }
  .new-design .promo--case .promo__scroll {
    font-size: 16px;
    line-height: 19px; } }
@media (max-width: 1023px) {
  .new-design .promo--case {
    padding-bottom: 31px; }
  .new-design .promo--case .promo__content {
    max-width: 100%;
    padding-bottom: 135px; }
  .new-design .promo--case h1 {
    padding-top: 136px; } }
@media (max-width: 767px) {
  .new-design .promo--case {
    min-height: 484px;
    padding-bottom: 23px; }
  .new-design .promo--case .promo__content {
    padding-bottom: 69px; }
  .new-design .promo--case h1 {
    padding-top: 38px;
    padding-bottom: 34px; }
  .new-design .promo--case .promo__scroll {
    font-size: 12px;
    line-height: 14px;
    opacity: 0.7; } }
.new-design .promo--gym {
  background-image: url("/local/templates/sb2018/static_new/css/../img/bg/bg-gym.png");
  background-repeat: no-repeat;
  background-color: #161616;
  background-position: top -9px left -48px;
  background-size: auto;
  overflow: hidden;
  min-height: 720px;
  padding-bottom: 38px; }
.new-design .promo--gym .container {
  position: relative; }
@media (min-width: 1441px) {
  .new-design .promo--gym {
    background-size: cover;
    background-position: top center; } }
.new-design .promo--gym .promo__scroll {
  color: #aaaaaa; }
.new-design .promo--gym .promo__content {
  max-width: 60%;
  padding-bottom: 120px; }
.new-design .promo--gym .promo__gym-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
.new-design .promo--gym .promo__gym-wrapper .promo__scroll {
  padding-top: 65px;
  letter-spacing: 0.9px; }
.new-design .promo--gym h1 {
  padding-top: 123px;
  padding-bottom: 35px;
  font-size: 50px;
  line-height: 64px; }
.new-design .promo--gym img {
  opacity: 1; }
@media (max-width: 1439px) {
  .new-design .promo--gym {
    min-height: 718px;
    background-position: top left -97px;
    background-size: cover; }
  .new-design .promo--gym .promo__content {
    max-width: 72%; } }
@media (max-width: 1023px) {
  .new-design .promo--gym {
    padding-top: 51px;
    padding-bottom: 36px;
    background-size: 1413px 562px;
    background-position: top left -96px; }
  .new-design .promo--gym h1 {
    padding-top: 87px; }
  .new-design .promo--gym .promo__content {
    padding-bottom: 40px; }
  .new-design .promo--gym .promo__gym-wrapper .promo__scroll {
    padding-top: 56px; } }
@media (max-width: 767px) {
  .new-design .promo--gym {
    padding-top: 140px;
    padding-bottom: 15px;
    background-size: 830px 319px;
    background-position: top left -64px;
    min-height: 484px; }
  .new-design .promo--gym .btn--file {
    padding: 16px 20px 14px 69px;
    min-width: 198px; }
  .new-design .promo--gym .btn--file::before {
    left: 37px; }
  .new-design .promo--gym h1 {
    padding-top: 0;
    padding-bottom: 22px;
    font-size: 34px;
    line-height: 42px; }
  .new-design .promo--gym .promo__content {
    max-width: 100%;
    padding-bottom: 31px; }
  .new-design .promo--gym .promo__gym-wrapper .promo-list {
    display: none; }
  .new-design .promo--gym .promo__gym-wrapper .promo__scroll {
    letter-spacing: 0;
    font-size: 14px;
    line-height: 20px;
    padding-top: 0; } }
@media (max-width: 500px) {
  .new-design .promo--gym {
    background-size: 606px 241px;
    background-position: top left -64px; } }
.new-design .promo .promo-list {
  padding-right: 39px; }
@media (max-width: 1439px) {
  .new-design .promo .promo-list {
    padding-right: 0; } }

.new-design .promo-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 1; }
.new-design .promo-list .promo-item {
  margin-right: 100px;
  padding-top: 27px;
  width: 126px; }
.new-design .promo-list .promo-item:last-child {
  margin-right: 0; }
@media (max-width: 1439px) {
  .new-design .promo-list .promo-item {
    margin-right: 27px; } }
@media (max-width: 1023px) {
  .new-design .promo-list .promo-item {
    width: 104px;
    margin-right: 29px; } }

.new-design .promo-item {
  position: relative;
  color: white;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: 0.7px;
  font-weight: 600; }
.new-design .promo-item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 15px;
  height: 5px;
  background-color: #d9d714;
  border-radius: 1px; }
@media (max-width: 1023px) {
  .new-design .promo-item {
    font-size: 16px;
    line-height: 24px; } }

.new-design .promo__iphone {
  position: absolute;
  top: -52px;
  right: 52px;
  width: 549px;
  height: 617px; }
.new-design .promo__iphone img {
  min-height: unset; }
@media (max-width: 1439px) {
  .new-design .promo__iphone {
    right: -17px; } }
@media (max-width: 1023px) {
  .new-design .promo__iphone {
    right: -97px; } }
@media (max-width: 767px) {
  .new-design .promo__iphone {
    width: 363px;
    height: 413px;
    top: -148px;
    right: -92px; } }

.new-design .breadcrumbs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 1199px) {
  .new-design .breadcrumbs {
    overflow-x: auto;
  }
}
.new-design .breadcrumbs li {
  position: relative;
  padding-right: 21px; }
.new-design .breadcrumbs li::after {
  content: "/";
  position: absolute;
  top: 0.2em;
  right: 8px;
  font-size: 12px;
  opacity: 0.5;
  line-height: 1;
}
.new-design .breadcrumbs li:last-of-type a,
.new-design .breadcrumbs li:last-of-type span.breadcrumbs__link {
  pointer-events: none;
  color: #fff;
}
.new-design .breadcrumbs li:last-of-type::after {
  content: ""; }
.new-design .breadcrumbs li:not(:last-of-type) a {
  color: #eb006e; }
.new-design .breadcrumbs .breadcrumbs__link {
  position: relative;
  display: block;
  font-size: 12px;
  line-height: 15px;
  padding-bottom: 3px;
  border-bottom: 1px solid transparent;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease; }
@media (max-width: 1439px) {
  .new-design .breadcrumbs .breadcrumbs__link {
    font-size: 11px;
    line-height: 14px;
    white-space: nowrap;
  }
}
.new-design .breadcrumbs .breadcrumbs__link:hover {
  color: #eb006e;
  border-bottom: 1px solid #eb006e; }
.new-design .breadcrumbs.breadcrumbs--dark li::after {
  color: #2b2b2b; }
.new-design .breadcrumbs.breadcrumbs--light li::after {
  color: #ffffff; }

.new-design .dev .dev__super-title {
  padding-bottom: 47px; }
@media (max-width: 1439px) {
  .new-design .dev .dev__super-title {
    padding-bottom: 34px; } }
@media (max-width: 1023px) {
  .new-design .dev .dev__super-title {
    display: block;
    padding-bottom: 29px; } }
@media (max-width: 767px) {
  .new-design .dev .dev__super-title {
    padding-bottom: 14px; } }

.new-design .dev .dev__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }
@media (max-width: 1023px) {
  .new-design .dev .dev__list {
    margin-right: -9px;
    margin-left: -9px; } }
@media (max-width: 767px) {
  .new-design .dev .dev__list {
    margin-right: 0;
    margin-left: 0; } }
.new-design .dev .dev__list .dev__item {
  width: calc((100% - 92px) / 3);
  min-height: 544px;
  margin-right: 15px;
  margin-bottom: 30px;
  margin-left: 15px;
  padding: 54px 40px 40px;
  background-color: #f7f7f7;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease; }
@media (max-width: 1439px) {
  .new-design .dev .dev__list .dev__item {
    min-height: 397px;
    padding: 34px 25px 32px 25px; } }
@media (max-width: 1023px) {
  .new-design .dev .dev__list .dev__item {
    width: calc((100% - 36px) / 2);
    min-height: 413px;
    margin-right: 9px;
    margin-bottom: 18px;
    margin-left: 9px;
    padding: 34px 23px 32px 23px; } }
@media (max-width: 767px) {
  .new-design .dev .dev__list .dev__item {
    width: 100%;
    min-height: 216px;
    margin-right: 0;
    margin-bottom: 8px;
    margin-left: 0;
    padding: 25px 23px 21px 23px; } }
.new-design .dev .dev__list .dev__item:hover {
  background-color: #181818;
  -webkit-box-shadow: 0 12px 30px rgba(43, 43, 43, 0.17);
  box-shadow: 0 12px 30px rgba(43, 43, 43, 0.17); }
.new-design .dev .dev__list .dev__item:hover .dev__title {
  color: #ffffff; }
.new-design .dev .dev__list .dev__item:hover .dev__text {
  color: #ffffff; }
.new-design .dev .dev__list .dev__item:hover .dev__btn {
  color: #ffffff;
  background-color: transparent;
  border-color: #ffffff; }
.new-design .dev .dev__list .dev__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-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 100%; }
.new-design .dev .dev__list .dev__item--accent {
  background-color: #181818;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease; }
.new-design .dev .dev__list .dev__item--accent .dev__title {
  color: #ffffff; }
.new-design .dev .dev__list .dev__item--accent .dev__link {
  color: #ffffff;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease; }
.new-design .dev .dev__list .dev__item--accent .dev__btn {
  color: #ffffff;
  border-color: #ffffff;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease; }
.new-design .dev .dev__list .dev__item--accent:hover {
  background-color: #eb006e; }
.new-design .dev .dev__list .dev__item--accent:hover .dev__title {
  color: #ffffff; }
.new-design .dev .dev__list .dev__item--accent:hover .dev__text {
  border-top: 1px solid #181818; }
.new-design .dev .dev__list .dev__item--accent:hover .dev__price {
  color: #181818; }
.new-design .dev .dev__list .dev__item--accent:hover .dev__btn {
  color: #181818;
  border-color: #181818; }
.new-design .dev .dev__list .dev__item--accent:hover .dev__btn svg {
  stroke: #000000; }

.new-design .dev .dev__title {
  display: block;
  min-height: 80px;
  margin: 0;
  font-weight: 700;
  font-size: 20px;
  line-height: 32px;
  letter-spacing: 0.01em;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease; }
@media (max-width: 1439px) {
  .new-design .dev .dev__title {
    min-height: 72px;
    font-size: 16px;
    line-height: 24px; } }
@media (max-width: 1023px) {
  .new-design .dev .dev__title {
    min-height: 56px; } }
@media (max-width: 767px) {
  .new-design .dev .dev__title {
    min-height: 48px; } }

.new-design .dev .dev__text {
  margin: 0;
  padding-top: 30px;
  padding-bottom: 20px;
  letter-spacing: -0.08px;
  border-top: 1px solid #eb006e;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease; }
@media (max-width: 1439px) {
  .new-design .dev .dev__text {
    padding-top: 18px;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: 0.05px; } }
@media (max-width: 1023px) {
  .new-design .dev .dev__text {
    padding-top: 25px; } }
@media (max-width: 767px) {
  .new-design .dev .dev__text {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.08px; } }

@media (max-width: 767px) {
  .new-design .dev .dev__about {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .new-design .dev.dev--devops .dev__about {
    justify-content: flex-end;
  }


}

.new-design .dev .dev__price {
  display: block;
  margin-bottom: 20px;
  font-size: 36px;
  line-height: 42px;
  color: #eb006e;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease; }
@media (max-width: 1439px) {
  .new-design .dev .dev__price {
    margin-bottom: 5px;
    font-size: 25px;
    line-height: 40px; } }
@media (max-width: 767px) {
  .new-design .dev .dev__price {
    margin-bottom: 0;
    font-size: 19px;
    line-height: 21px; } }

.new-design .dev .dev__btn {
  width: 100%;
  font-size: 14px;
  line-height: 24px;
  border: 1px solid #d8d8d8; }
.new-design .dev .dev__btn svg {
  display: none; }
@media (max-width: 1439px) {
  .new-design .dev .dev__btn {
    min-width: 100%;
    min-height: 50px;
    padding: 12px 48px;
    font-size: 14px;
    line-height: 16px; } }
@media (max-width: 1023px) {
  .new-design .dev .dev__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    min-width: 100%;
    min-height: 50px;
    padding: 12px 46px 12px 48px;
    font-size: 14px;
    line-height: 16px;
    border: 1px solid #d8d8d8; }
  .new-design .dev .dev__btn svg {
    display: none; } }
@media (max-width: 767px) {
  .new-design .dev .dev__btn {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: auto;
    min-width: auto;
    min-height: auto;
    padding: 0;
    font-size: 11px;
    line-height: 13px;
    border: none; }
  .new-design .dev .dev__btn svg {
    display: block;
    margin-left: 10px;
    stroke: #eb006e; } }
.new-design .dev .dev__btn:hover {
  color: inherit;
  background-color: transparent; }
.new-design .dev ul.dev__item-list {
  list-style: disc;
  padding-left: 1em;
}
.new-design .dev ul.dev__item-list li{
  font-size: 16px;
  line-height: normal;
  margin-bottom: 0.3em;
}
@media (max-width: 1199px) {
  .new-design .dev ul.dev__item-list li{
    font-size: 13px;
  }
}
.new-design .dev.dev--devops .dev__list {
  gap: 30px;
  margin-left: 0;
  margin-right: 0;
}
.new-design .dev.dev--devops .dev__list .dev__item{
  flex: 1 0 calc(33.3333333% - (30px * 2));
  width: auto;
  min-height: unset;
  margin: 0;
}
@media (max-width: 1199px) {
  .new-design .dev.dev--devops .dev__list .dev__item{
    flex: 1 0 calc(50% - 30px);
  }
}
@media (max-width: 1199px) {
  .new-design .dev.dev--devops .dev__list .dev__item{
    flex: 1 0 100%;
  }
}
.new-design .steps {
  background-color: #f7f7f7; }
.new-design .steps .steps__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }
.new-design .steps h2 {
  padding-bottom: 32px; }
@media (max-width: 1439px) {
  .new-design .steps h2 {
    padding-bottom: 30px; } }
@media (max-width: 1023px) {
  .new-design .steps h2 {
    padding-bottom: 15px; } }
@media (max-width: 767px) {
  .new-design .steps h2 {
    padding-bottom: 16px; } }
.new-design .steps__text {
  width: 75%;
  margin: 0;
  margin-bottom: 0;
  font-size: 25px;
  line-height: 40px;
  color: #727173; }
@media (max-width: 1439px) {
  .new-design .steps__text {
    width: 100%;
    margin-bottom: 45px;
    font-size: 23px;
    line-height: 36px; } }
@media (max-width: 1023px) {
  .new-design .steps__text {
    margin-bottom: 11px; } }
@media (max-width: 767px) {
  .new-design .steps__text {
    margin-bottom: 12px;
    font-size: 19px;
    line-height: 28px; } }
.new-design .steps .steps__wrapper--desktop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 7px; }
@media (max-width: 1439px) {
  .new-design .steps .steps__wrapper--desktop {
    padding-top: 0; } }
@media (max-width: 1023px) {
  .new-design .steps .steps__wrapper--desktop {
    display: none; } }
.new-design .steps .steps__wrapper--desktop p {
  width: 75%;
  margin: 0;
  font-size: 25px;
  line-height: 40px;
  color: #727173; }
@media (max-width: 1439px) {
  .new-design .steps .steps__wrapper--desktop p {
    width: 100%;
    font-size: 23px;
    line-height: 36px; } }
@media (max-width: 1023px) {
  .new-design .steps .steps__wrapper--desktop p {
    margin-bottom: 11px;
    font-size: 14px;
    line-height: 24px; } }
@media (max-width: 767px) {
  .new-design .steps .steps__wrapper--desktop p {
    margin-bottom: 12px;
    font-size: 14px;
    line-height: 20px; } }
.new-design .steps .steps__wrapper--desktop .steps__point {
  width: calc((538 / 1256) * 100%); }
@media (max-width: 1439px) {
  .new-design .steps .steps__wrapper--desktop .steps__point {
    width: 48.5%; } }
.new-design .steps .steps__wrapper--desktop .steps__point ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }
.new-design .steps .steps__wrapper--desktop .steps__point .steps__point-item {
  min-height: 52px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease; }
@media (max-width: 1439px) {
  .new-design .steps .steps__wrapper--desktop .steps__point .steps__point-item {
    height: 100%;
    min-height: 100%; } }
.new-design .steps .steps__wrapper--desktop .steps__point .steps__point-item .bullet-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  min-height: 52px;
  margin-bottom: 0;
  padding-left: 35px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease; }
@media (max-width: 1439px) {
  .new-design .steps .steps__wrapper--desktop .steps__point .steps__point-item .bullet-wrapper {
    min-height: 40px;
    padding-left: 18px; } }
.new-design .steps .steps__wrapper--desktop .steps__point .steps__point-item .bullet-wrapper p {
  width: 90%;
  margin: 0;
  margin-left: 22px;
  font-size: 16px;
  line-height: 19px;
  color: #727173; }
@media (max-width: 1439px) {
  .new-design .steps .steps__wrapper--desktop .steps__point .steps__point-item .bullet-wrapper p {
    margin-left: 7px;
    font-size: 14px;
    line-height: 16px; } }
.new-design .steps .steps__wrapper--desktop .steps__point .steps__point-item .bullet-wrapper span {
  width: 22px;
  font-size: 16px;
  line-height: 19px;
  color: #aaaaaa; }
@media (max-width: 1439px) {
  .new-design .steps .steps__wrapper--desktop .steps__point .steps__point-item .bullet-wrapper span {
    font-size: 14px;
    line-height: 16px; } }
.new-design .steps .steps__wrapper--desktop .steps__point .steps__point-item--active {
  height: 100%;
  padding-top: 14px;
  padding-bottom: 16px;
  cursor: pointer; }
@media (max-width: 1439px) {
  .new-design .steps .steps__wrapper--desktop .steps__point .steps__point-item--active {
    min-height: 48px;
    margin: 0;
    padding-top: 10px;
    padding-bottom: 10px; } }
.new-design .steps .steps__wrapper--desktop .steps__point .steps__point-item--active .bullet-wrapper {
  min-height: 56px;
  color: #eb006e;
  background-color: #ffffff;
  border-radius: 4px;
  -webkit-box-shadow: 0 12px 30px rgba(43, 43, 43, 0.17);
  box-shadow: 0 12px 30px rgba(43, 43, 43, 0.17); }
@media (max-width: 1439px) {
  .new-design .steps .steps__wrapper--desktop .steps__point .steps__point-item--active .bullet-wrapper {
    min-height: 48px; } }
.new-design .steps .steps__wrapper--desktop .steps__point .steps__point-item--active .bullet-wrapper p,
.new-design .steps .steps__wrapper--desktop .steps__point .steps__point-item--active .bullet-wrapper span {
  color: #eb006e; }
.new-design .steps .steps__wrapper--desktop .steps__description {
  z-index: 1;
  width: 52%;
  height: 457px;
  overflow: hidden;
  position: relative; }
@media (max-width: 1439px) {
  .new-design .steps .steps__wrapper--desktop .steps__description {
    width: 51.5%;
    height: 422px; } }
.new-design .steps .steps__wrapper--desktop .steps__description::before {
  content: "";
  position: absolute;
  top: -40px;
  z-index: 10;
  width: 100%;
  height: 100px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(35.42%, #f7f7f7), to(rgba(247, 247, 247, 0)));
  background: linear-gradient(180deg, #f7f7f7 35.42%, rgba(247, 247, 247, 0) 100%); }
.new-design .steps .steps__wrapper--desktop .steps__description::after {
  content: "";
  position: absolute;
  bottom: -40px;
  z-index: 10;
  width: 100%;
  height: 100px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(35.42%, #f7f7f7), to(rgba(247, 247, 247, 0)));
  background: linear-gradient(180deg, #f7f7f7 35.42%, rgba(247, 247, 247, 0) 100%);
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg); }
.new-design .steps .steps__wrapper--desktop .steps__description ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-transition: -webkit-transform linear 0.3s;
  transition: -webkit-transform linear 0.3s;
  transition: transform linear 0.3s;
  transition: transform linear 0.3s, -webkit-transform linear 0.3s; }
.new-design .steps .steps__wrapper--desktop .steps__description li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 40px;
  height: auto;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 30px;
  position: relative; }
@media (max-width: 1439px) {
  .new-design .steps .steps__wrapper--desktop .steps__description li {
    padding-left: 45px; } }
.new-design .steps .steps__wrapper--desktop .steps__description li::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 92px;
  z-index: -1;
  width: 1px;
  height: calc(100% + 20px);
  background-image: url("/local/templates/sb2018/static_new/css/../img/sprite/dashed.svg"); }
@media (max-width: 1439px) {
  .new-design .steps .steps__wrapper--desktop .steps__description li::after {
    height: calc(100% + 30px); } }
.new-design .steps .steps__wrapper--desktop .steps__description li:last-of-type .steps__description-pic::after {
  display: none; }
.new-design .steps .steps__wrapper--desktop .steps__description li:last-of-type::after {
  bottom: 17px; }
.new-design .steps .steps__wrapper--desktop .steps__description li:first-of-type::after {
  height: 100%;
  bottom: -50px; }
.new-design .steps .steps__wrapper--desktop .steps__description p {
  position: relative;
  display: block;
  max-width: 78%;
  padding-left: 47px;
  font-size: 16px;
  line-height: 30px;
  opacity: 0.5;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease; }
@media (max-width: 1439px) {
  .new-design .steps .steps__wrapper--desktop .steps__description p {
    width: 78%;
    padding-left: 40px;
    font-size: 14px;
    line-height: 24px; } }
.new-design .steps .steps__wrapper--desktop .steps__description .steps__description-pic {
  position: relative;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 108px;
  height: 108px;
  background-color: #ffffff;
  border-radius: 50%;
  -webkit-box-shadow: 0 12px 30px rgba(43, 43, 43, 0.17);
  box-shadow: 0 12px 30px rgba(43, 43, 43, 0.17);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease; }
@media (max-width: 1439px) {
  .new-design .steps .steps__wrapper--desktop .steps__description .steps__description-pic {
    width: 97px;
    height: 97px; } }
.new-design .steps .steps__wrapper--desktop .steps__description .steps__description-pic svg {
  opacity: 0.5;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  fill: transparent;
  stroke: #2b2b2b; }
.new-design .steps .steps__wrapper--desktop .steps__description .steps__description-pic svg {
  width: 58px;
  height: auto; }
.new-design .steps .steps__wrapper--desktop .steps__description-item--active span {
  opacity: 1; }
.new-design .steps .steps__wrapper--desktop .steps__description-item--active .steps__description-pic {
  position: relative;
  background-color: #eb006e; }
.new-design .steps .steps__wrapper--desktop .steps__description-item--active .steps__description-pic svg {
  opacity: 1;
  fill: transparent;
  stroke: #ffffff; }
.new-design .steps .steps__wrapper--desktop .steps__description-item--active .steps__description-pic::before {
  content: "";
  position: absolute;
  width: 170px;
  height: 170px;
  background-image: url("/local/templates/sb2018/static_new/css/../img/sprite/ellipse.svg");
  background-size: contain; }
@media (max-width: 1439px) {
  .new-design .steps .steps__wrapper--desktop .steps__description-item--active .steps__description-pic::before {
    width: 153px;
    height: 153px; } }
.new-design .steps .steps__wrapper--desktop .steps__description-item--active p {
  color: #2b2b2b;
  opacity: 1; }
.new-design .steps .steps__wrapper--desktop .steps__description-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative; }
.new-design .steps .steps__wrapper--desktop .steps__point-item {
  width: 100%;
  height: 50px;
  margin: 0;
  background-color: transparent;
  border-radius: 0;
  opacity: 1; }
.new-design .steps .steps__wrapper--desktop .steps__point-item:focus {
  outline: none; }
.new-design .steps .steps__wrapper--desktop .swiper-pagination-custom {
  bottom: 0; }
.new-design .steps .steps__wrapper--mobile {
  display: none; }
@media (max-width: 1023px) {
  .new-design .steps .steps__wrapper--mobile {
    display: block;
    height: auto;
    margin-right: -20px;
    margin-left: -20px;
    padding-bottom: 40px;
    overflow-x: visible;
    overflow-y: hidden; } }
.new-design .steps .steps__wrapper--mobile p {
  width: 75%;
  margin: 0;
  margin-bottom: 35px;
  font-size: 25px;
  line-height: 40px;
  color: #727173; }
@media (max-width: 1439px) {
  .new-design .steps .steps__wrapper--mobile p {
    width: 100%;
    margin-bottom: 45px;
    font-size: 23px;
    line-height: 36px; } }
@media (max-width: 1023px) {
  .new-design .steps .steps__wrapper--mobile p {
    margin-bottom: 11px;
    font-size: 14px;
    line-height: 24px; } }
@media (max-width: 767px) {
  .new-design .steps .steps__wrapper--mobile p {
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px; } }
.new-design .steps .steps__wrapper--mobile .steps__point-list-mobile {
  width: 100%;
  padding-right: 20px;
  padding-left: 20px; }
.new-design .steps .steps__wrapper--mobile .steps__point-list-mobile li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }
.new-design .steps .steps__wrapper--mobile .steps__point-list-mobile li .steps__description-mobile {
  display: none; }
.new-design .steps .steps__wrapper--mobile .steps__point-list-mobile .bullet-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  min-height: 40px;
  margin-bottom: 0;
  padding-left: 18px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease; }
@media (max-width: 767px) {
  .new-design .steps .steps__wrapper--mobile .steps__point-list-mobile .bullet-wrapper {
    min-height: 37px; } }
.new-design .steps .steps__wrapper--mobile .steps__point-list-mobile .bullet-wrapper p {
  width: 90%;
  margin: 0;
  margin-left: 7px;
  font-size: 14px;
  line-height: 16px;
  color: #727173; }
@media (max-width: 767px) {
  .new-design .steps .steps__wrapper--mobile .steps__point-list-mobile .bullet-wrapper p {
    margin-left: 9px; } }
.new-design .steps .steps__wrapper--mobile .steps__point-list-mobile .bullet-wrapper span {
  width: 22px;
  font-size: 14px;
  line-height: 16px;
  color: #aaaaaa; }
.new-design .steps .steps__wrapper--mobile .steps__point-list-mobile .steps__point-item-mobile--active {
  min-height: 225px;
  margin-top: 11px;
  margin-bottom: 13px;
  padding: 17px 30px 0 18px;
  overflow: visible;
  background-color: #ffffff;
  border-radius: 4px;
  -webkit-box-shadow: 0 12px 30px rgba(43, 43, 43, 0.17);
  box-shadow: 0 12px 30px rgba(43, 43, 43, 0.17); }
@media (max-width: 767px) {
  .new-design .steps .steps__wrapper--mobile .steps__point-list-mobile .steps__point-item-mobile--active {
    min-height: 160px;
    margin-top: 12px;
    margin-bottom: 17px;
    padding: 20px 10px 0 18px; } }
.new-design .steps .steps__wrapper--mobile .steps__point-list-mobile .steps__point-item-mobile--active .bullet-wrapper {
  min-height: auto;
  margin-bottom: 17px;
  padding-left: 0; }
.new-design .steps .steps__wrapper--mobile .steps__point-list-mobile .steps__point-item-mobile--active .bullet-wrapper span,
.new-design .steps .steps__wrapper--mobile .steps__point-list-mobile .steps__point-item-mobile--active .bullet-wrapper p {
  color: #eb006e; }
.new-design .steps .steps__wrapper--mobile .steps__point-list-mobile .steps__point-item-mobile--active .steps__description-mobile {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  padding: 35px 0 39px 22px; }
@media (max-width: 767px) {
  .new-design .steps .steps__wrapper--mobile .steps__point-list-mobile .steps__point-item-mobile--active .steps__description-mobile {
    min-height: 100px;
    padding: 0 0 10px 5px; } }
.new-design .steps .steps__wrapper--mobile .steps__point-list-mobile .steps__point-item-mobile--active .steps__description-mobile span {
  position: relative;
  display: block;
  width: 75%;
  margin-left: 40px;
  font-size: 14px;
  line-height: 24px;
  opacity: 0.5;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease; }
@media (max-width: 767px) {
  .new-design .steps .steps__wrapper--mobile .steps__point-list-mobile .steps__point-item-mobile--active .steps__description-mobile span {
    width: 75%;
    margin-left: 20px;
    line-height: 20px; } }
.new-design .steps .steps__wrapper--mobile .steps__point-list-mobile .steps__point-item-mobile--active .steps__description-mobile .steps__description-pic-mobile {
  position: relative;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 97px;
  height: 97px;
  background-color: #eb006e;
  border-radius: 50%;
  -webkit-box-shadow: 0 12px 30px rgba(43, 43, 43, 0.17);
  box-shadow: 0 12px 30px rgba(43, 43, 43, 0.17);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease; }
@media (max-width: 1023px) {
  .new-design .steps .steps__wrapper--mobile .steps__point-list-mobile .steps__point-item-mobile--active .steps__description-mobile .steps__description-pic-mobile {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 41px; } }
@media (max-width: 767px) {
  .new-design .steps .steps__wrapper--mobile .steps__point-list-mobile .steps__point-item-mobile--active .steps__description-mobile .steps__description-pic-mobile {
    width: 54px;
    height: 54px;
    margin-right: 22px; } }
.new-design .steps .steps__wrapper--mobile .steps__point-list-mobile .steps__point-item-mobile--active .steps__description-mobile .steps__description-pic-mobile svg {
  width: 58px;
  height: auto;
  opacity: 1;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  fill: transparent;
  stroke: #ffffff; }
@media (max-width: 767px) {
  .new-design .steps .steps__wrapper--mobile .steps__point-list-mobile .steps__point-item-mobile--active .steps__description-mobile .steps__description-pic-mobile svg {
    width: 34px; } }
.new-design .steps .steps__wrapper--mobile .steps__point-list-mobile .steps__point-item-mobile--active .steps__description-mobile .steps__description-pic-mobile::before {
  content: "";
  position: absolute;
  width: 153px;
  height: 153px;
  background-image: url("/local/templates/sb2018/static_new/css/../img/sprite/ellipse.svg");
  background-size: contain; }
@media (max-width: 767px) {
  .new-design .steps .steps__wrapper--mobile .steps__point-list-mobile .steps__point-item-mobile--active .steps__description-mobile .steps__description-pic-mobile::before {
    width: 85px;
    height: 85px; } }
.new-design .steps .steps__wrapper--mobile .steps__point-list-mobile .steps__point-item-mobile--active .steps__description-mobile::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 70px;
  z-index: -1;
  width: 1px;
  height: 100%;
  background-image: url("/local/templates/sb2018/static_new/css/../img/sprite/dashed.svg"); }
@media (max-width: 767px) {
  .new-design .steps .steps__wrapper--mobile .steps__point-list-mobile .steps__point-item-mobile--active .steps__description-mobile::after {
    left: 30px; } }
.new-design .steps .steps__wrapper--mobile .steps__point-list-mobile .steps__point-item-mobile--active .steps__description-item-mobile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
.new-design .steps .steps__btn {
  margin-top: 62px; }
@media (max-width: 1439px) {
  .new-design .steps .steps__btn {
    min-height: 54px;
    margin-top: 52px;
    padding: 17px 48px;
    font-size: 14px;
    line-height: 16px; } }
@media (max-width: 1023px) {
  .new-design .steps .steps__btn {
    margin-top: 0; } }
@media (max-width: 767px) {
  .new-design .steps .steps__btn {
    width: 90%;
    min-height: 50px;
    margin-top: 0;
    font-size: 12px;
    line-height: 14px; } }
.new-design .steps--store h2 {
  padding-bottom: 65px; }
@media (max-width: 767px) {
  .new-design .steps--store h2 {
    padding-bottom: 12px; } }
@media (max-width: 1439px) {
  .new-design .steps--store .steps__point {
    margin-top: -30px; } }
.new-design .steps--store .steps__wrapper--desktop .steps__description {
  height: 460px; }
@media (max-width: 1439px) {
  .new-design .steps--store .steps__wrapper--desktop .steps__description {
    padding-top: 0;
    height: 420px; } }
.new-design .steps--store .steps__wrapper--desktop .steps__description span {
  max-width: 80%; }
.new-design .steps--store .steps__wrapper--desktop .steps__description li {
  margin-bottom: 28px;
  min-height: 133px; }
@media (max-width: 1439px) {
  .new-design .steps--store .steps__wrapper--desktop .steps__description li {
    margin-bottom: 15px;
    padding-top: 5px;
    padding-bottom: 5px; } }
@media (max-width: 1439px) {
  .new-design .steps--store .steps__wrapper--desktop .steps__description li::after {
    height: calc(100% + 15px); } }
.new-design .steps--store .steps__description-item {
  margin-bottom: 20px; }
.new-design .steps--store .steps__description-item p {
  margin-bottom: 0; }
@media (max-width: 1023px) {
  .new-design .steps--store .steps__wrapper--mobile .steps__point-list-mobile .steps__point-item-mobile--active .steps__description-mobile {
    padding-bottom: 30px; } }
@media (max-width: 767px) {
  .new-design .steps--store .steps__wrapper--mobile .steps__point-list-mobile .steps__point-item-mobile--active .steps__description-mobile {
    padding-bottom: 21px; } }
.new-design .steps--store .steps__wrapper--mobile .steps__point-list-mobile .steps__point-item-mobile--active .bullet-wrapper {
  margin-bottom: 20px; }
.new-design .steps--design h2 {
  padding-bottom: 38px; }
@media (max-width: 1439px) {
  .new-design .steps--design h2 {
    padding-bottom: 12px; } }
@media (max-width: 1023px) {
  .new-design .steps--design h2 {
    padding-bottom: 30px; } }
@media (max-width: 767px) {
  .new-design .steps--design h2 {
    padding-bottom: 29px; } }
.new-design .steps--design .steps__wrapper--mobile .steps__point-list-mobile .steps__point-item-mobile--active {
  margin-top: 0;
  padding-top: 17px; }
@media (max-width: 1023px) {
  .new-design .steps--design .steps__wrapper--mobile .steps__point-list-mobile .steps__point-item-mobile--active {
    margin-top: 11px; } }
@media (max-width: 767px) {
  .new-design .steps--design .steps__wrapper--mobile .steps__point-list-mobile .steps__point-item-mobile--active {
    margin-top: 0; } }
@media (max-width: 767px) {
  .new-design .steps--design .steps__wrapper--mobile .steps__point-list-mobile .steps__point-item-mobile--active .bullet-wrapper {
    margin-bottom: 0; } }
@media (max-width: 767px) {
  .new-design .steps--design .steps__wrapper--mobile .steps__point-list-mobile .steps__point-item-mobile--active .steps__description-mobile p {
    padding-top: 15px;
    padding-bottom: 8px; } }
.new-design .steps--design .steps__wrapper--desktop .steps__description {
  padding-top: 0; }
@media (max-width: 1439px) {
  .new-design .steps--design .steps__wrapper--desktop .steps__description::before {
    top: 0; } }
@media (max-width: 1439px) {
  .new-design .steps--design .steps__wrapper--desktop .steps__description::after {
    bottom: -10px; } }
@media (max-width: 1439px) {
  .new-design .steps--design .steps__wrapper--desktop .steps__description li::after {
    height: calc(100% + 30px); } }
.new-design .steps--design .steps__wrapper--desktop .steps__description p {
  margin: 0;
  padding-top: 20px; }
@media (max-width: 1439px) {
  .new-design .steps--design .steps__wrapper--desktop .steps__description p {
    padding-top: 0; } }
@media (max-width: 1023px) {
  .new-design .steps--design .steps__description-mobile p {
    padding-top: 20px; } }
@media (max-width: 1439px) {
  .new-design .steps--design .steps__point {
    margin-top: -20px; } }

.new-design .content-block {
  margin-top: 100px; }
.new-design .content-block .container {
  position: relative;
  padding: 0 21%; }
@media (min-width: 1440px) {
  .new-design .content-block .container {
    padding: 0 303px; } }
.new-design .content-block .container > p {
  margin: 0;
  letter-spacing: -0.1px;
  font-weight: normal;
  font-size: 18px;
  line-height: 32px;
  margin-bottom: 12px; }
.new-design .content-block .container .content-block__desc {
  margin-bottom: 30px;
  font-weight: 300;
  font-size: 37px;
  line-height: 54px;
  letter-spacing: -0.01em; }
.new-design .content-block blockquote {
  margin-bottom: 56px; }
.new-design .content-block b {
  display: block;
  margin-bottom: 24px;
  margin-top: 32px;
  font-weight: bold;
  font-size: 18px;
  line-height: 28px; }
.new-design .content-block h2 {
  margin-top: 32px;
  margin-bottom: 32px;
}
.new-design .content-block h3 {
  font-weight: 500;
  margin-top: 0;
  margin-bottom: 34px;
  font-size: 42px;
  line-height: 52px; }
.new-design .content-block img {
  width: 151.5%;
  max-width: 1100px;
  max-width: unset;
  margin-top: 50px;
  margin-bottom: 50px;
  margin-left: -25.8%; }
.new-design .content-block .info {
  margin-top: 54px;
  margin-bottom: 59px; }
.new-design .content-block .quote {
  margin-bottom: 55px; }
.new-design .content-block .counter-list {
  margin-top: 32px; }
.new-design .content-block .content-block__desc {
  margin-bottom: 30px;
  font-weight: 300;
  font-size: 37px;
  line-height: 54px;
  letter-spacing: -0.01em; }
.new-design .content-block .img-slider {
  width: 151.5%;
  margin-left: -25.8%; }
.new-design .content-block .img-slider img {
  width: 100%;
  height: auto;
  max-width: 100%; }

.new-design .content-block__img-text {
  width: 151.8%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 50px;
  margin-bottom: 50px;
  margin-left: -25.8%; }
.new-design .content-block__img-text .content-block__img-wrapper {
  width: 68.2%;
  height: 405px;
  margin-right: 8.5%;
  -ms-flex-item-align: start;
  -ms-grid-row-align: start;
  align-self: start; }
.new-design .content-block__img-text img {
  margin: 0;
  width: 100%;
  height: 100%; }
.new-design .content-block__img-text p {
  width: 23%;
  margin: 0;
  padding-top: 38px; }

.new-design .content-block__text-big {
  display: block;
  margin-bottom: 72px;
  font-style: normal;
  font-weight: normal;
  font-size: 25px;
  line-height: 40px; }

.new-design .text-lead {
  position: relative;
  margin-right: 0;
  margin-left: 0;
  padding-left: 8.7%; }
.new-design .text-lead::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 2px;
  height: 100%;
  background-color: #eb006e; }

.new-design .text-uppercase {
  position: relative; }
.new-design .text-uppercase::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 26.5%;
  height: 4px;
  background-color: #eb006e; }

@media (max-width: 1439px) {
  .new-design .content-block img {
    width: 120.8%;
    margin-left: -20.8%;
    margin-top: 50px;
    margin-bottom: 50px; }
  .new-design .content-block h3 {
    margin-bottom: 31px;
    font-size: 36px;
    line-height: 44px; }
  .new-design .content-block blockquote {
    font-size: 16px;
    line-height: 24px; }
  .new-design .content-block b {
    font-size: 16px;
    line-height: 24px; }
  .new-design .content-block .quote {
    margin-bottom: 42px; }
  .new-design .content-block .img-slider {
    width: 121.3%;
    margin-left: -21.1%; }
  .new-design .content-block .img-slider img {
    width: 100%;
    height: auto; }
  .new-design .content-block .container {
    padding-right: 6.3%;
    padding-left: 21.4%; }
  .new-design .content-block .container > p {
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    padding-right: 25px; }
  .new-design .content-block .container .content-block__desc {
    font-weight: 300;
    font-size: 30px;
    line-height: 46px; }
  .new-design .content-block .container h2 {
    margin-bottom: 35px; }
  .new-design .content-block__img-text {
    width: 120.8%;
    margin-left: -20.8%;
    margin-top: 50px;
    margin-bottom: 50px; }
  .new-design .content-block__img-text .content-block__img-wrapper {
    width: 74.1%;
    height: 311px;
    margin-right: 3.4%; }
  .new-design .content-block__img-text img {
    margin: 0;
    width: 100%;
    height: 100%; }
  .new-design .content-block__img-text p {
    width: 22.5%;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px; }
  .new-design .text-uppercase::before {
    width: 38.5%; }
  .new-design .text-lead {
    padding-left: 6.5%;
    padding-right: 20px; }
  .new-design .content-block__text-big {
    margin-bottom: 55px;
    font-size: 23px;
    line-height: 36px; } }

@media (max-width: 1023px) {
  .new-design .content-block {
    margin-top: 76px; }
  .new-design .content-block img {
    width: 100vw;
    margin-left: -53px;
    margin-top: 50px;
    margin-bottom: 50px; }
  .new-design .content-block .container {
    padding: 0 53px; }
  .new-design .content-block .container > p {
    padding-right: 0; }
  .new-design .content-block .socials-list {
    display: none; }
  .new-design .content-block blockquote {
    margin-bottom: 40px; }
  .new-design .content-block .info {
    margin-top: 46px;
    margin-bottom: 47px; }
  .new-design .content-block .quote {
    margin-bottom: 50px; }
  .new-design .content-block .counter-list {
    margin-top: 24px; }
  .new-design .content-block .img-slider {
    width: 100%;
    margin-left: 0; }
  .new-design .content-block .img-slider img {
    height: auto;
    width: 100%; }
  .new-design .content-block__img-text {
    width: 100%;
    margin-top: 50px;
    margin-bottom: 50px;
    margin-left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0; }
  .new-design .content-block__img-text .content-block__img-wrapper {
    width: 100%;
    margin-right: 0; }
  .new-design .content-block__img-text p {
    margin-top: 32px;
    width: 100%; }
  .new-design .content-block__img-text img {
    margin: 0;
    width: 100%;
    height: 100%; }
  .new-design .text-uppercase::before {
    width: 12.4%; }
  .new-design .text-lead {
    padding-left: 7.4%;
    padding-right: 0; }
  .new-design .content-block__text-big {
    margin-bottom: 47px; } }

@media (max-width: 767px) {
  .new-design .content-block {
    margin-top: 50px; }
  .new-design .content-block .container {
    padding: 0 23px; }
  .new-design .content-block .container h2 {
    margin-bottom: 24px; }
  .new-design .content-block .container > p {
    font-weight: normal;
    font-size: 14px;
    line-height: 20px; }
  .new-design .content-block .container .content-block__desc {
    font-weight: 300;
    font-size: 22px;
    line-height: 34px; }
  .new-design .content-block blockquote {
    margin-bottom: 48px;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px; }
  .new-design .content-block b {
    margin-bottom: 16px;
    margin-top: 24px;
    font-size: 14px;
    line-height: 20px; }
  .new-design .content-block .info {
    padding: 24px 25px 21px 80px;
    width: 100vw;
    margin-left: -23px;
    margin-top: 29px;
    margin-bottom: 50px; }
  .new-design .content-block .info::before {
    top: 27px;
    left: 33px;
    width: 7px;
    height: 16px;
    background-size: contain;
    background-repeat: no-repeat; }
  .new-design .content-block .img-slider {
    width: 100vw;
    margin-left: -23px; }
  .new-design .content-block .img-slider img {
    width: 100%;
    height: auto; }
  .new-design .content-block .text-lead {
    padding-left: 11.8%; }
  .new-design .content-block .text-lead::before {
    width: 4px; }
  .new-design .content-block .content-block__text-big {
    font-size: 19px;
    line-height: 28px; }
  .new-design .content-block h3 {
    margin-bottom: 15px;
    font-size: 22px;
    line-height: 30px; }
  .new-design .content-block .content-block__desc {
    font-weight: 300;
    font-size: 22px;
    line-height: 34px; }
  .new-design .content-block img {
    margin-top: 50px;
    margin-bottom: 50px;
    width: 100vw;
    margin-left: -23px; }
  .new-design .content-block .content-block__img-text {
    padding: 0;
    margin-top: 45px;
    margin-bottom: 48px; }
  .new-design .content-block .content-block__img-text .content-block__img-wrapper {
    width: 100vw;
    height: 220px;
    margin-right: 0;
    margin-left: -23px; }
  .new-design .content-block .content-block__img-text img {
    margin: 0;
    width: 100%;
    height: 100%; }
  .new-design .content-block .content-block__img-text .text-uppercase {
    margin: 0 23px;
    margin-left: 0;
    padding-top: 21px;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px; }
  .new-design .content-block .content-block__img-text .text-uppercase::before {
    height: 2px; }
  .new-design .content-block .quote {
    margin-bottom: 36px; }
  .new-design .content-block .quote img {
    width: 72px;
    height: 72px; } }

.new-design .recommended-articles {
  background: #F7F7F7;
  padding-top: 98px;
  padding-bottom: 103px; }
.new-design .recommended-articles a {
  display: block;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease; }
.new-design .recommended-articles a:hover {
  opacity: 0.8; }
.new-design .recommended-articles a:active {
  opacity: 0.5; }
.new-design .recommended-articles h2 {
  font-weight: normal; }
.new-design .recommended-articles .link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 54px; }

.new-design .articles-slider {
  overflow-x: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
.new-design .articles-slider img {
  height: 260px;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover; }
.new-design .articles-slider .swiper-slide {
  height: auto;
  background-color: #fff; }
.new-design .articles-slider .swiper-slide a {
  height: 100%; }
.new-design .articles-slider .swiper-slide p {
  margin-top: 0;
  padding-top: 35px;
  margin-bottom: 0;
  padding-left: 31px;
  padding-right: 31px;
  padding-bottom: 62px;
  font-weight: normal;
  font-size: 21px;
  line-height: 36px; }

.new-design .recommended-articles__wrapper {
  position: relative;
  margin-bottom: 26px; }

.new-design .articles-buttons {
  position: absolute;
  right: 0;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
.new-design .articles-buttons button {
  background-color: #fff;
  cursor: pointer;
  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: 50px;
  height: 50px;
  border: 1px solid #D8D8D8; }
.new-design .articles-buttons button svg {
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease; }
.new-design .articles-buttons button:hover svg {
  fill: #181818; }
.new-design .articles-buttons button:focus {
  outline: none; }
.new-design .articles-buttons button:last-child {
  margin-left: -1px;
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg); }

@media (max-width: 1439px) {
  .new-design .recommended-articles {
    padding-top: 83px;
    padding-bottom: 90px; }
  .new-design .recommended-articles h2 {
    font-size: 36px;
    line-height: 44px; }
  .new-design .recommended-articles .link {
    margin-top: 44px; }
  .new-design .recommended-articles__wrapper {
    margin-bottom: 36px; }
  .new-design .articles-slider img {
    height: 180px; }
  .new-design .articles-slider .swiper-slide p {
    margin-top: 26px;
    padding: 0 24px;
    padding-bottom: 39px;
    font-size: 19px;
    line-height: 30px; } }

@media (max-width: 1023px) {
  .new-design .articles-slider img {
    height: 208px; }
  .new-design .articles-slider .swiper-slide p {
    margin-top: 26px;
    padding-right: 50px;
    padding-bottom: 67px;
    font-size: 19px;
    line-height: 30px; }
  .new-design .recommended-articles {
    padding-bottom: 100px; }
  .new-design .recommended-articles .link {
    margin-top: 47px; } }

@media (max-width: 767px) {
  .new-design .recommended-articles {
    padding-top: 58px;
    padding-bottom: 59px;
    margin-bottom: 40px; }
  .new-design .recommended-articles img {
    height: 176px; }
  .new-design .recommended-articles h2 {
    min-height: 60px;
    font-size: 22px;
    line-height: 30px;
    padding-right: 35%; }
  .new-design .recommended-articles .swiper-slide {
    margin-right: 18px;
    width: 83%;
    -webkit-transition: 0.3s;
    transition: 0.3s; }
  .new-design .recommended-articles .swiper-slide img {
    width: 100%; }
  .new-design .recommended-articles .swiper-slide p {
    padding-right: 20px;
    padding-bottom: 78px;
    font-size: 17px;
    line-height: 26px; }
  .new-design .recommended-articles .link {
    margin-top: 46px; }
  .new-design .recommended-articles .swiper-slide-prev {
    margin-right: 36px;
    margin-left: -18px; }
  .new-design .articles-slider {
    overflow: visible; }
  .new-design .recommended-articles__wrapper {
    margin-bottom: 22px; }
  .new-design .articles-buttons button {
    width: 42px;
    height: 42px; }
  .new-design .articles-buttons button svg {
    width: 6px;
    height: 15px; } }

.new-design .about-company {
  padding-top: 99px;
  padding-bottom: 117px;
  background-color: #f7f7f7; }
.new-design .about-company .container {
  position: relative; }
.new-design .about-company h2 {
  margin-bottom: 51px; }
.new-design .about-company .socials-list p {
  color: #727173;
  font-size: 12px; }

.new-design .about-company__text-wrapper {
  padding: 0 216px; }
.new-design .about-company__text-wrapper p {
  margin: 0;
  font-size: 37px;
  line-height: 54px;
  letter-spacing: -0.01em;
  font-weight: 300; }

.new-design .about-company__logo {
  margin-bottom: 26px; }

@media (max-width: 1439px) {
  .new-design .about-company {
    padding-top: 100px;
    padding-bottom: 95px; }
  .new-design .about-company h2 {
    margin-bottom: 36px; }
  .new-design .about-company__text-wrapper {
    padding-left: 154px;
    padding-right: 45px; }
  .new-design .about-company__text-wrapper p {
    font-size: 30px;
    line-height: 46px; }
  .new-design .about-company__logo {
    margin-bottom: 24px;
    width: 276px;
    height: 72px; } }

@media (max-width: 1023px) {
  .new-design .about-company {
    padding-top: 76px;
    padding-bottom: 72px; }
  .new-design .about-company .socials-list {
    display: none; }
  .new-design .about-company__text-wrapper {
    padding: 0; } }

@media (max-width: 767px) {
  .new-design .about-company {
    padding-top: 51px;
    padding-bottom: 49px; }
  .new-design .about-company h2 {
    margin-bottom: 28px; }
  .new-design .about-company__logo {
    margin-bottom: 17px;
    width: 184px;
    height: 48px; }
  .new-design .about-company__text-wrapper p {
    font-size: 22px;
    line-height: 34px; } }

.new-design .gym-main {
  padding-top: 100px;
  padding-bottom: 165px;
  color: white;
  background-color: #181818; }
.new-design .gym-main .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 435px;
  position: relative; }
.new-design .gym-main h2 {
  font-weight: 500;
  margin-bottom: 35px; }

.new-design .gym-main__text-wrapper {
  width: 40%; }

.new-design .gym-main-list {
  font-size: 18px;
  line-height: 32px; }
.new-design .gym-main-list li {
  position: relative;
  padding-left: 77px;
  margin-bottom: 12px;
  color: #d8d8d8; }
.new-design .gym-main-list li:last-child {
  margin-bottom: 0; }
.new-design .gym-main-list li::before {
  content: "";
  position: absolute;
  left: 2px;
  top: 6px;
  width: 17px;
  height: 17px;
  background-image: url("/local/templates/sb2018/static_new/css/../img/svg/mediator.svg");
  background-repeat: no-repeat;
  background-size: contain; }

.new-design .gym-main__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.new-design .gym-main__images-wrapper {
  width: 60%;
  position: relative; }
.new-design .gym-main__images-wrapper .swipe {
  position: absolute;
  right: 391px;
  top: 241px;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg); }

.new-design .gym-main__phone-2 {
  position: absolute;
  right: -5px;
  top: -22px;
  width: 218px;
  height: 455px; }
.new-design .gym-main__phone-2 img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover; }

.new-design .gym-main__phone-1 {
  position: absolute;
  z-index: 1;
  right: 176px;
  top: 12px;
  width: 252px;
  height: 503px; }
.new-design .gym-main__phone-1 img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover; }

@media (max-width: 1439px) {
  .new-design .gym-main {
    padding-bottom: 84px; }
  .new-design .gym-main .container {
    min-height: unset;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
  .new-design .gym-main h2 {
    margin-bottom: 39px;
    font-size: 36px;
    line-height: 44px; }
  .new-design .gym-main__text-wrapper {
    width: 66%; }
  .new-design .gym-main__images-wrapper {
    width: 100%;
    height: 577px; }
  .new-design .gym-main__images-wrapper .swipe {
    right: 50%;
    top: 304px;
    -webkit-transform: translateX(-249px) rotate(-90deg);
    transform: translateX(-249px) rotate(-90deg); }
  .new-design .gym-main-list {
    font-size: 16px;
    line-height: 24px; }
  .new-design .gym-main-list li::before {
    left: 1px;
    top: 3px; }
  .new-design .gym-main__phone-1 {
    right: 50%;
    top: 75px;
    -webkit-transform: translateX(-41px);
    transform: translateX(-41px); }
  .new-design .gym-main__phone-2 {
    right: 50%;
    top: 41px;
    -webkit-transform: translateX(199px);
    transform: translateX(199px); } }

@media (max-width: 1023px) {
  .new-design .gym-main {
    padding-top: 75px;
    padding-bottom: 80px; }
  .new-design .gym-main__text-wrapper {
    width: 75%; }
  .new-design .gym-main__images-wrapper .swipe {
    -webkit-transform: translateX(-208px) rotate(-90deg);
    transform: translateX(-208px) rotate(-90deg); }
  .new-design .gym-main__phone-1 {
    -webkit-transform: translateX(1px);
    transform: translateX(1px); }
  .new-design .gym-main__phone-2 {
    -webkit-transform: translateX(241px);
    transform: translateX(241px); } }

@media (max-width: 767px) {
  .new-design .gym-main {
    padding-top: 50px;
    padding-bottom: 50px; }
  .new-design .gym-main h2 {
    margin-bottom: 32px;
    font-size: 22px;
    line-height: 30px; }
  .new-design .gym-main__images-wrapper {
    height: 345px; }
  .new-design .gym-main__images-wrapper .swipe {
    top: 183px;
    -webkit-transform: translateX(-96px) rotate(-90deg);
    transform: translateX(-96px) rotate(-90deg); }
  .new-design .gym-main__text-wrapper {
    width: 100%; }
  .new-design .gym-main-list {
    font-size: 14px;
    line-height: 20px; }
  .new-design .gym-main-list li {
    padding-left: 41px; }
  .new-design .gym-main-list li::before {
    left: 2px;
    top: 5px;
    width: 9px;
    height: 9px; }
  .new-design .gym-main__phone-1 {
    top: 51px;
    -webkit-transform: translateX(26px);
    transform: translateX(26px);
    width: 147px;
    height: 293px; }
  .new-design .gym-main__phone-2 {
    top: 28px;
    -webkit-transform: translateX(169px);
    transform: translateX(169px);
    width: 130px;
    height: 271px; } }

@media (max-width: 375px) {
  .new-design .gym-main__phone-2 {
    -webkit-transform: translateX(138px);
    transform: translateX(138px); }
  .new-design .gym-main__images-wrapper .swipe {
    -webkit-transform: translateX(-84px) rotate(-90deg);
    transform: translateX(-84px) rotate(-90deg);
    z-index: 2; } }

.new-design .gym-elements {
  overflow: hidden;
  color: white;
  padding-top: 100px;
  padding-bottom: 93px;
  background-image: url("/local/templates/sb2018/static_new/css/../img/svg/elements-bg.svg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; }
.new-design .gym-elements .container {
  position: relative; }
.new-design .gym-elements h2 {
  margin-bottom: 45px;
  font-size: 42px;
  line-height: 52px;
  font-weight: 500; }
.new-design .gym-elements h3 {
  font-weight: 500;
  font-size: 25px;
  line-height: 40px; }
.new-design .gym-elements .timer {
  margin-left: 58px;
  margin-top: 15px;
  margin-right: 141px;
  -ms-flex-negative: 0;
  flex-shrink: 0; }

.new-design .gym-elements__cards-img {
  padding-top: 15px; }

.new-design .gym-elements__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 105px; }
.new-design .gym-elements__wrapper .clock {
  padding-top: 31px; }

.new-design .gym-elements__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.new-design .gym-elements__text-wrapper {
  width: 32%;
  margin-right: 151px; }
.new-design .gym-elements__text-wrapper h3 {
  margin-bottom: 32px; }
.new-design .gym-elements__text-wrapper p {
  margin: 0;
  font-size: 18px;
  line-height: 32px;
  font-weight: normal;
  color: #aaaaaa; }

.new-design .gym-elements__play-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 20px; }
.new-design .gym-elements__play-wrapper .clock__start {
  display: none; }
.new-design .gym-elements__play-wrapper .clock {
  margin-right: 30px;
  padding-top: 55px; }
.new-design .gym-elements__play-wrapper .play {
  margin-left: 26px;
  margin-top: 29px; }
.new-design .gym-elements__play-wrapper .clock__time-wrapper p {
  padding: 2px 3px 1px 4px; }

@media (max-width: 1439px) {
  .new-design .gym-elements h2 {
    margin-bottom: 54px;
    font-size: 36px;
    line-height: 44px; }
  .new-design .gym-elements h3 {
    font-size: 23px;
    line-height: 36px; }
  .new-design .gym-elements .timer {
    margin-left: 47px;
    margin-top: 15px;
    margin-right: 84px; }
  .new-design .gym-elements__wrapper {
    margin-bottom: 82px; }
  .new-design .gym-elements__play-wrapper .clock {
    padding-top: 46px; }
  .new-design .gym-elements__play-wrapper .play {
    margin-top: 20px; }
  .new-design .gym-elements__timer {
    position: relative;
    margin-left: 37px;
    margin-right: 75px; }
  .new-design .gym-elements__cards-img {
    -ms-flex-negative: 0;
    flex-shrink: 0; }
  .new-design .gym-elements__text-wrapper {
    width: 44%;
    margin-right: 125px; }
  .new-design .gym-elements__text-wrapper h3 {
    margin-bottom: 34px; }
  .new-design .gym-elements__text-wrapper p {
    font-size: 16px;
    line-height: 24px; } }

@media (max-width: 1023px) {
  .new-design .gym-elements {
    padding-top: 75px;
    padding-bottom: 85px; }
  .new-design .gym-elements h2 {
    margin-bottom: 38px; }
  .new-design .gym-elements .timer {
    margin-left: 41px;
    margin-top: 15px;
    margin-right: 36px; }
  .new-design .gym-elements__cards-img {
    width: 379px;
    height: 154px; }
  .new-design .gym-elements__wrapper {
    margin-bottom: 101px; }
  .new-design .gym-elements__text-wrapper {
    width: 50%;
    margin-right: 40px; } }

@media (max-width: 767px) {
  .new-design .gym-elements {
    padding-top: 50px;
    padding-bottom: 31px; }
  .new-design .gym-elements h2 {
    margin-bottom: 21px;
    font-size: 22px;
    line-height: 30px; }
  .new-design .gym-elements h3 {
    font-size: 22px;
    line-height: 30px; }
  .new-design .gym-elements .clock {
    padding-top: 8px; }
  .new-design .gym-elements .timer {
    margin-top: 0;
    margin-left: 24px;
    margin-right: 32px; }
  .new-design .gym-elements__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
  .new-design .gym-elements__wrapper {
    margin-bottom: 51px; }
  .new-design .gym-elements__wrapper .clock {
    width: 90px; }
  .new-design .gym-elements__text-wrapper {
    width: 85%;
    margin-right: 0;
    margin-bottom: 28px; }
  .new-design .gym-elements__text-wrapper h3 {
    margin-bottom: 24px; }
  .new-design .gym-elements__text-wrapper p {
    font-size: 14px;
    line-height: 20px; }
  .new-design .gym-elements__play-wrapper {
    padding-top: 0; }
  .new-design .gym-elements__play-wrapper .clock {
    margin-left: 39px;
    margin-right: 0;
    padding-top: 20px; }
  .new-design .gym-elements__play-wrapper .play {
    margin-top: 0;
    margin-left: 24px;
    width: 81px;
    height: 81px; }
  .new-design .gym-elements__play-wrapper .play svg {
    width: 50px; }
  .new-design .gym-elements__play-wrapper .clock__time--min {
    margin-right: 23px; }
  .new-design .gym-elements__play-wrapper .clock__wrapper {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content; }
  .new-design .gym-elements__play-wrapper .clock__wrapper::after {
    font-size: 20px;
    line-height: 28px; }
  .new-design .gym-elements__play-wrapper .clock__desc {
    font-size: 12px;
    line-height: 27px; }
  .new-design .gym-elements__play-wrapper .clock__time-wrapper p {
    margin-right: 5px;
    padding: 2px 2px 1px 4px;
    font-size: 20px;
    line-height: 24px; }
  .new-design .gym-elements__cards-img {
    padding-top: 0;
    width: 319.94px;
    height: 130px; } }

.new-design .gym-booking {
  padding-top: 125px;
  padding-bottom: 120px;
  background-color: #111111;
  background-image: url("/local/templates/sb2018/static_new/css/../img/bg/bg-script.png");
  background-repeat: no-repeat;
  background-position: top left; }
.new-design .gym-booking h2 {
  margin-bottom: 127px;
  color: white;
  max-width: 500px; }

.new-design .gym-booking__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 71%;
  margin-top: -60px;
  margin-bottom: 66px;
  color: #aaaaaa;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  counter-reset: gymBookingList;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
.new-design .gym-booking__list li {
  margin-top: 60px;
  width: 185px;
  position: relative; }
.new-design .gym-booking__list li::before {
  counter-increment: gymBookingList;
  content: counter(gymBookingList, decimal-leading-zero);
  position: absolute;
  left: 1px;
  top: -48px;
  font-size: 25px;
  line-height: 40px;
  color: #d9d714; }

.new-design .gym-booking__img-wrapper {
  position: relative;
  min-height: 504px; }
.new-design .gym-booking__img-wrapper img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain; }
.new-design .gym-booking__img-wrapper .swipe {
  position: absolute;
  z-index: 1;
  right: 1px;
  top: 311px; }

.new-design .gym-booking__iphone-1 {
  position: absolute;
  top: 0;
  left: -29px; }

.new-design .gym-booking__iphone-2 {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 256px; }

.new-design .gym-booking__iphone-3 {
  position: absolute;
  top: 23px;
  right: 93px; }

@media (max-width: 1439px) {
  .new-design .gym-booking {
    background-position: top left -86px;
    padding-bottom: 100px; }
  .new-design .gym-booking h2 {
    margin-bottom: 136px; }
  .new-design .gym-booking__list {
    margin-bottom: 82px;
    width: 66.8%;
    font-size: 16px;
    line-height: 24px; }
  .new-design .gym-booking__list li::before {
    font-size: 23px;
    line-height: 36px; }
  .new-design .gym-booking__img-wrapper .swipe {
    right: 0;
    top: 312px;
    width: 146px; }
  .new-design .gym-booking__img-wrapper .swipe__scale {
    width: 129px; }
  .new-design .gym-booking__iphone-2 {
    right: 209px; }
  .new-design .gym-booking__iphone-3 {
    right: 46px; } }

@media (max-width: 1023px) {
  .new-design .gym-booking {
    padding-top: 75px;
    padding-bottom: 95px;
    background-size: 1445px 627px;
    background-position: top -43px left -70px; }
  .new-design .gym-booking h2 {
    margin-bottom: 118px; }
  .new-design .gym-booking__list {
    width: 74.8%;
    margin-bottom: 53px;
    font-size: 16px;
    line-height: 24px; }
  .new-design .gym-booking__list li {
    width: 156px; }
  .new-design .gym-booking__img-wrapper {
    min-height: 440px; }
  .new-design .gym-booking__img-wrapper .swipe {
    top: 274px;
    width: 128px; }
  .new-design .gym-booking__img-wrapper .swipe__pin {
    width: 41px;
    height: 41px; }
  .new-design .gym-booking__img-wrapper .swipe__pin::before {
    width: 27px;
    height: 27px; }
  .new-design .gym-booking__img-wrapper .swipe__scale {
    width: 110px;
    height: 39px; }
  .new-design .gym-booking__iphone-1 {
    left: -5px;
    width: 240px;
    height: 440px; }
  .new-design .gym-booking__iphone-2 {
    right: 173px;
    width: 240px;
    height: 440px; }
  .new-design .gym-booking__iphone-3 {
    right: 41px;
    height: 398px;
    width: 191px; } }

@media (max-width: 767px) {
  .new-design .gym-booking {
    padding-top: 40px;
    padding-bottom: 53px;
    background-size: 995px 413px;
    background-position: -185px -39px; }
  .new-design .gym-booking h2 {
    margin-bottom: 79px;
    max-width: 245px; }
  .new-design .gym-booking__list {
    width: 93.8%;
    margin-bottom: 48px;
    font-size: 14px;
    line-height: 20px; }
  .new-design .gym-booking__list li {
    width: 135px; }
  .new-design .gym-booking__list li::before {
    top: -40px;
    font-size: 19px;
    line-height: 28px; }
  .new-design .gym-booking__img-wrapper {
    min-height: 250px; }
  .new-design .gym-booking__img-wrapper .swipe {
    right: 50%;
    top: 151px;
    height: 20px;
    width: 67px;
    -webkit-transform: translateX(171px);
    transform: translateX(171px); }
  .new-design .gym-booking__img-wrapper .swipe__scale {
    height: 20px;
    width: 51px; }
  .new-design .gym-booking__img-wrapper .swipe__pin {
    width: 20px;
    height: 20px; }
  .new-design .gym-booking__img-wrapper .swipe__pin::before {
    width: 13px;
    height: 13px; }
  .new-design .gym-booking__iphone-1 {
    left: 50%;
    width: 132px;
    height: 249px;
    -webkit-transform: translateX(-164px);
    transform: translateX(-164px); }
  .new-design .gym-booking__iphone-2 {
    right: 50%;
    width: 108px;
    height: 215px;
    top: 18px;
    -webkit-transform: translateX(77px);
    transform: translateX(77px); }
  .new-design .gym-booking__iphone-3 {
    right: 50%;
    height: 192px;
    width: 92px;
    top: 30px;
    -webkit-transform: translateX(146px);
    transform: translateX(146px); } }

@media (max-width: 375px) {
  .new-design .gym-booking__iphone-1 {
    -webkit-transform: translateX(-137px);
    transform: translateX(-137px);
    z-index: 3; }
  .new-design .gym-booking__img-wrapper .swipe {
    -webkit-transform: translateX(153px);
    transform: translateX(153px); } }

.new-design .gym-hall-card {
  position: relative;
  overflow: hidden;
  padding-top: 123px;
  padding-bottom: 85px;
  background-color: #181818; }
.new-design .gym-hall-card::before {
  content: "";
  position: absolute;
  z-index: 1;
  left: -131px;
  bottom: -423px;
  width: 897px;
  height: 1450px;
  background: radial-gradient(50% 50% at 50% 50%, #2d2d2d 0%, rgba(29, 29, 29, 0) 91.15%);
  opacity: 0.5;
  -webkit-transform: rotate(-40.26deg);
  transform: rotate(-40.26deg); }
.new-design .gym-hall-card h2 {
  margin-bottom: 39px;
  font-size: 26px;
  line-height: 36px;
  color: white; }

.new-design .gym-hall-card__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 1;
  margin-bottom: 125px; }

.new-design .gym-hall-card__img-top {
  position: relative;
  width: 100%;
  padding-top: 73px;
  padding-left: 116px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
.new-design .gym-hall-card__img-top .swipe {
  position: absolute;
  left: 311px;
  top: 298px;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg); }
.new-design .gym-hall-card__img-top img {
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%;
  height: 100%; }

.new-design .gym-hall-card__img-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative; }
.new-design .gym-hall-card__img-bottom::before {
  content: "";
  position: absolute;
  right: -116px;
  bottom: -85px;
  z-index: 0;
  width: 1059px;
  height: 662px;
  background-image: url("/local/templates/sb2018/static_new/css/../img/bg/bg-map.png");
  background-repeat: no-repeat;
  background-position: bottom right;
  background-size: contain; }

.new-design .gym-hall-card__iphone-1 {
  margin-right: 70px;
  width: 252px;
  height: 504px; }

.new-design .gym-hall-card__iphone-2 {
  width: 294px;
  height: 482px; }

.new-design .gym-hall-card__iphone-3 {
  z-index: 1;
  margin-right: 20px; }

.new-design .gym-hall-card__iphone-4 {
  z-index: 1;
  margin-right: 20px; }

.new-design .gym-hall-card__text {
  width: 28.7%; }
.new-design .gym-hall-card__text .gym-hall-card__desc {
  margin-bottom: 0;
  margin-top: 0;
  font-size: 18px;
  line-height: 32px;
  color: #aaaaaa; }

.new-design .gym-hall-card__text-wrapper {
  margin-bottom: 87px; }

.new-design .gym-buttons-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: "Montserrat", sans-serif; }
.new-design .gym-buttons-list li {
  position: relative;
  width: 72px;
  margin-right: 12px;
  padding: 35px 10px 12px 10px;
  border: 1px solid #454545;
  border-radius: 8px;
  text-align: center; }
.new-design .gym-buttons-list li svg {
  position: absolute;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  top: 13px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%); }
.new-design .gym-buttons-list li:last-child {
  margin-right: 0; }
.new-design .gym-buttons-list li.active {
  padding: 15px 5px 15px 32px;
  padding-top: 15px;
  width: 121px;
  background-color: #424242; }
.new-design .gym-buttons-list li.active svg {
  top: 14px;
  left: 11px;
  -webkit-transform: none;
  transform: none; }
.new-design .gym-buttons-list li.active p {
  text-align: left;
  font-size: 12px;
  line-height: 15px; }
.new-design .gym-buttons-list p {
  margin: 0;
  font-weight: 500;
  font-size: 10px;
  line-height: 12px;
  color: #dddddd; }

@media (max-width: 1439px) {
  .new-design .gym-hall-card {
    padding-top: 105px;
    padding-bottom: 91px;
    background-position: bottom right -318px; }
  .new-design .gym-hall-card h2 {
    margin-bottom: 40px;
    font-size: 22px;
    line-height: 30px; }
  .new-design .gym-hall-card::before {
    left: -286px;
    bottom: -152px; }
  .new-design .gym-hall-card__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 87px; }
  .new-design .gym-hall-card__text-wrapper {
    width: 36%;
    margin-bottom: 0; }
  .new-design .gym-hall-card__text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 54px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 89.4%; }
  .new-design .gym-hall-card__text .gym-hall-card__desc {
    font-size: 16px;
    line-height: 24px; }
  .new-design .gym-buttons-list {
    margin-top: 73px;
    -ms-flex-item-align: start;
    -ms-grid-row-align: start;
    align-self: start; }
  .new-design .gym-hall-card__img-top {
    padding: 0;
    width: 89.4%; }
  .new-design .gym-hall-card__img-top .swipe {
    left: 202px;
    top: 225px; }
  .new-design .gym-hall-card__iphone-1 {
    margin-right: auto;
    margin-left: -27px; }
  .new-design .gym-hall-card__img-bottom {
    margin-left: -20px; }
  .new-design .gym-hall-card__img-bottom::before {
    right: -380px;
    bottom: -92px; }
  .new-design .gym-hall-card__iphone-3 {
    margin-right: 24px; } }

@media (max-width: 1023px) {
  .new-design .gym-hall-card {
    padding-top: 76px;
    padding-bottom: 75px; }
  .new-design .gym-hall-card__text {
    width: 100%;
    margin-bottom: 61px; }
  .new-design .gym-hall-card__text-wrapper {
    width: 38%; }
  .new-design .gym-hall-card__iphone-1 {
    margin-left: 0;
    width: 241px;
    height: 482px; }
  .new-design .gym-hall-card__img-top {
    width: 100%; }
  .new-design .gym-hall-card__img-top .swipe {
    left: 214px;
    top: 218px; }
  .new-design .gym-hall-card__iphone-2 {
    width: 280px;
    height: 460px; }
  .new-design .gym-hall-card__iphone-3 {
    margin-right: 22px;
    width: 220px;
    height: 460px; }
  .new-design .gym-hall-card__iphone-4 {
    width: 220px;
    height: 460px; }
  .new-design .gym-hall-card__wrapper {
    margin-bottom: 69px; }
  .new-design .gym-hall-card__img-bottom {
    margin-left: 0; }
  .new-design .gym-hall-card__img-bottom::before {
    right: -208px;
    bottom: 20px;
    width: 726px;
    height: 476px; } }

@media (max-width: 767px) {
  .new-design .gym-hall-card {
    padding-top: 50px;
    padding-bottom: 42px; }
  .new-design .gym-hall-card h2 {
    margin-bottom: 23px;
    font-size: 18px;
    line-height: 26px; }
  .new-design .gym-buttons-list {
    margin-top: 0; }
  .new-design .gym-hall-card__text-wrapper {
    margin-bottom: 28px;
    width: 70%; }
  .new-design .gym-hall-card__wrapper {
    margin-bottom: 124px; }
  .new-design .gym-hall-card__iphone-1 {
    margin-left: -13px;
    width: 250px;
    height: 312px; }
  .new-design .gym-hall-card__iphone-2 {
    width: 220px;
    height: 253px; }
  .new-design .gym-hall-card__iphone-3 {
    width: 151px;
    height: 314px; }
  .new-design .gym-hall-card__iphone-4 {
    width: 150px;
    height: 314px; }
  .new-design .gym-hall-card__img-top {
    width: 332px;
    margin: 0 auto;
    max-width: 100%; }
  .new-design .gym-hall-card__img-top .swipe {
    left: 125px;
    top: 129px; }
  .new-design .gym-hall-card__img-bottom {
    width: 332px;
    max-width: 100%;
    margin: 0 auto; }
  .new-design .gym-hall-card__img-bottom::before {
    right: 50%;
    -webkit-transform: translateX(34%);
    transform: translateX(34%);
    bottom: 251px;
    width: 397px;
    height: 476px; }
  .new-design .gym-hall-card__text {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 48px; }
  .new-design .gym-hall-card__text .gym-hall-card__desc {
    font-size: 14px;
    line-height: 20px; } }

.new-design .gym-time {
  padding-top: 124px;
  padding-bottom: 142px;
  overflow: hidden;
  background-color: #181818; }
.new-design .gym-time h2 {
  font-size: 26px;
  line-height: 36px;
  color: white; }

.new-design .gym-time__text-wrapper {
  margin-bottom: 41px;
  width: 92.6%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start; }
.new-design .gym-time__text-wrapper h2 {
  width: 19%;
  margin-right: auto; }
.new-design .gym-time__text-wrapper p {
  width: 42.8%;
  margin: 0;
  font-size: 18px;
  line-height: 32px;
  color: #aaaaaa; }

.new-design .gym-time__wrapper {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
.new-design .gym-time__wrapper::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translate(-267px, -50%);
  transform: translate(-267px, -50%);
  width: 750px;
  height: 750px;
  background: radial-gradient(50% 50% at 50% 50%, #2d2d2d 0%, rgba(29, 29, 29, 0) 91.15%);
  opacity: 0.8; }
.new-design .gym-time__wrapper .swipe {
  position: absolute;
  z-index: 2;
  top: 222px;
  left: 288px; }
.new-design .gym-time__wrapper img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain; }

.new-design .gym-time__img-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 1; }

.new-design .gym-time__iphone-1 {
  z-index: 1;
  margin-left: -29px;
  margin-right: auto; }

.new-design .gym-time__iphone-2 {
  margin-right: 44px; }

@media (max-width: 1439px) {
  .new-design .gym-time {
    padding-top: 96px;
    padding-bottom: 96px; }
  .new-design .gym-time h2 {
    width: 21%;
    font-size: 22px;
    line-height: 30px; }
  .new-design .gym-time__text-wrapper p {
    width: 54.3%;
    font-size: 16px;
    line-height: 24px; }
  .new-design .gym-time__wrapper {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline; }
  .new-design .gym-time__wrapper::before {
    -webkit-transform: translate(-295px, -50%);
    transform: translate(-295px, -50%); }
  .new-design .gym-time__wrapper .swipe {
    z-index: 2;
    top: 232px;
    left: 198px; }
  .new-design .gym-time__iphone-2 {
    margin-right: 0; } }

@media (max-width: 1023px) {
  .new-design .gym-time {
    padding-top: 62px;
    padding-bottom: 75px; }
  .new-design .gym-time__text-wrapper {
    margin-bottom: 41px;
    width: 100%; }
  .new-design .gym-time__text-wrapper p {
    width: 48.4%; }
  .new-design .gym-time__text-wrapper h2 {
    width: 22%; }
  .new-design .gym-time__wrapper .swipe {
    width: 168px;
    top: 198px;
    left: 194px; }
  .new-design .gym-time__wrapper .swipe__pin {
    width: 40px;
    height: 40px; }
  .new-design .gym-time__wrapper .swipe__pin::before {
    height: 27px;
    width: 27px; }
  .new-design .gym-time__wrapper .swipe__scale {
    height: 39px;
    width: 145px; }
  .new-design .gym-time__iphone-1 {
    margin-left: 0;
    width: 216px;
    height: 431px; }
  .new-design .gym-time__iphone-2 {
    width: 191px;
    height: 402px; }
  .new-design .gym-time__iphone-3 {
    width: 191px;
    height: 402px; } }

@media (max-width: 767px) {
  .new-design .gym-time {
    padding-top: 43px;
    padding-bottom: 49px; }
  .new-design .gym-time h2 {
    font-size: 18px;
    line-height: 26px; }
  .new-design .gym-time__text-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 38px; }
  .new-design .gym-time__text-wrapper h2 {
    width: 100%;
    margin-bottom: 12px; }
  .new-design .gym-time__text-wrapper p {
    width: 100%;
    font-size: 14px;
    line-height: 20px; }
  .new-design .gym-time__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
  .new-design .gym-time__wrapper .swipe {
    width: 152px;
    height: 39px;
    top: 452px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%); }
  .new-design .gym-time__wrapper .swipe::before {
    width: 17px;
    height: 13px; }
  .new-design .gym-time__iphone-1 {
    margin: 0 auto;
    margin-bottom: 82px; }
  .new-design .gym-time__img-wrapper {
    width: 282px;
    max-width: 100%;
    margin: 0 auto; }
  .new-design .gym-time__iphone-2 {
    margin-right: 10px;
    width: 136px;
    height: 284px; }
  .new-design .gym-time__iphone-3 {
    width: 136px;
    height: 284px; } }

.new-design .gym-registration {
  position: relative;
  overflow: hidden;
  padding-top: 124px;
  padding-bottom: 134px;
  background-color: #181818; }
.new-design .gym-registration h2 {
  font-size: 26px;
  line-height: 36px;
  color: white; }

.new-design .gym-registration__text-wrapper {
  width: 92.5%;
  margin-bottom: 61px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
.new-design .gym-registration__text-wrapper h2 {
  margin-right: auto;
  width: 30%; }
.new-design .gym-registration__text-wrapper p {
  width: 42.8%;
  margin: 0;
  font-size: 18px;
  line-height: 32px;
  color: #aaaaaa; }

.new-design .gym-registration__img-wrapper {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 88.3%; }
.new-design .gym-registration__img-wrapper::after {
  content: "";
  position: absolute;
  z-index: -1;
  left: 426px;
  bottom: -434px;
  width: 897px;
  height: 1450px;
  background: radial-gradient(50% 50% at 50% 50%, #2D2D2D 0%, rgba(29, 29, 29, 0) 91.15%);
  opacity: 0.5;
  -webkit-transform: rotate(-40.26deg);
  transform: rotate(-40.26deg); }
.new-design .gym-registration__img-wrapper::before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 415px;
  bottom: -50px;
  width: 446px;
  height: 290px;
  background-image: url("/local/templates/sb2018/static_new/css/../img/svg/sign.svg");
  background-repeat: no-repeat;
  background-size: contain; }
.new-design .gym-registration__img-wrapper img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain; }

.new-design .gym-registration__img {
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 19px;
  margin-right: auto; }

.new-design .gym-registration__iphone-1 {
  margin-right: 14px;
  z-index: 2;
  width: 223px;
  height: 465px; }

.new-design .gym-registration__iphone-2 {
  width: 223px;
  height: 465px; }

.new-design .gym-registration__iphone-3 {
  width: 254px;
  height: 504px; }

@media (max-width: 1439px) {
  .new-design .gym-registration {
    padding-top: 83px; }
  .new-design .gym-registration h2 {
    font-size: 22px;
    line-height: 30px; }
  .new-design .gym-registration__text-wrapper {
    margin-bottom: 39px; }
  .new-design .gym-registration__text-wrapper p {
    width: 54.6%;
    font-size: 16px;
    line-height: 24px; }
  .new-design .gym-registration__img-wrapper {
    width: 100%; } }

@media (max-width: 1023px) {
  .new-design .gym-registration {
    padding-top: 73px;
    padding-bottom: 78px; }
  .new-design .gym-registration__text-wrapper {
    width: 100%;
    margin-bottom: 73px; }
  .new-design .gym-registration__text-wrapper p {
    width: 48.8%; }
  .new-design .gym-registration__img-wrapper::before {
    bottom: -46px;
    left: 368px;
    width: 396px;
    height: 257px; }
  .new-design .gym-registration__iphone-1 {
    margin-right: 12px;
    width: 196px;
    height: 415px; }
  .new-design .gym-registration__iphone-2 {
    width: 196px;
    height: 415px; }
  .new-design .gym-registration__iphone-3 {
    width: 225px;
    height: 448px; } }

@media (max-width: 767px) {
  .new-design .gym-registration {
    padding-top: 49px;
    padding-bottom: 41px; }
  .new-design .gym-registration h2 {
    font-size: 18px;
    line-height: 26px; }
  .new-design .gym-registration__text-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 23px; }
  .new-design .gym-registration__text-wrapper h2 {
    margin-bottom: 16px;
    width: 100%; }
  .new-design .gym-registration__text-wrapper p {
    width: 100%;
    font-size: 14px;
    line-height: 20px; }
  .new-design .gym-registration__img {
    max-width: 100%;
    margin: 0 auto;
    margin-bottom: 46px; }
  .new-design .gym-registration__img-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
  .new-design .gym-registration__img-wrapper::before {
    bottom: 229px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%); }
  .new-design .gym-registration__iphone-1 {
    margin-right: 22px;
    width: 154px;
    height: 327px; }
  .new-design .gym-registration__iphone-2 {
    width: 154px;
    height: 327px; }
  .new-design .gym-registration__iphone-3 {
    margin: 0 auto;
    width: 226px;
    height: 448px; } }

.new-design .gym-ui {
  overflow: hidden;
  padding-top: 119px;
  padding-bottom: 140px;
  font-family: "Montserrat", sans-serif;
  background-color: #121212; }
.new-design .gym-ui .container {
  padding: 0 198px; }

.new-design .gym-ui__colors-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -20px;
  margin-top: -20px;
  margin-bottom: 142px; }
.new-design .gym-ui__colors-list li {
  margin-top: 20px;
  margin-right: 20px;
  width: calc(25% - 20px); }
.new-design .gym-ui__colors-list li p {
  margin-top: 0;
  margin-bottom: 30px;
  font-weight: 500;
  font-size: 18px;
  line-height: 170%;
  color: white; }
.new-design .gym-ui__colors-list li p span {
  margin-left: 18px;
  color: #999999; }

.new-design .gym-ui__color {
  width: 100%;
  height: 125px;
  border-radius: 9px; }

.new-design .gym-ui__headers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: white;
  margin-bottom: 65px; }
.new-design .gym-ui__headers p {
  padding-top: 16px;
  margin: 0;
  margin-right: 119px;
  color: #999999;
  font-weight: 300;
  font-size: 24px;
  line-height: 170%; }
.new-design .gym-ui__headers b {
  margin-right: 165px;
  font-weight: 700;
  font-size: 48px;
  line-height: 59px;
  letter-spacing: 2px;
  text-transform: uppercase; }

.new-design .gym-ui__headers-size {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 24px; }
.new-design .gym-ui__headers-size span {
  font-weight: 600;
  margin-right: 49px; }
.new-design .gym-ui__headers-size span:last-child {
  margin-right: 0; }

.new-design .gym-ui__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: white; }
.new-design .gym-ui__text p {
  margin: 0;
  margin-right: 184px;
  font-weight: 300;
  font-size: 24px;
  line-height: 29px;
  color: #999999; }
.new-design .gym-ui__text b {
  margin-right: 263px;
  font-weight: normal;
  font-size: 24px;
  line-height: 29px;
  letter-spacing: 2px; }

.new-design .gym-ui__text-size span {
  margin-right: 23px;
  font-weight: 300;
  font-size: 18px;
  line-height: 29px; }
.new-design .gym-ui__text-size span:last-child {
  margin-right: 0; }

@media (max-width: 1439px) {
  .new-design .gym-ui {
    padding-top: 88px;
    padding-bottom: 91px; }
  .new-design .gym-ui .container {
    padding: 0 142px; }
  .new-design .gym-ui__colors-list {
    margin-bottom: 100px; }
  .new-design .gym-ui__colors-list li p {
    margin-bottom: 13px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px; }
  .new-design .gym-ui__colors-list li p span {
    margin-left: auto; }
  .new-design .gym-ui__headers {
    margin-bottom: 78px; }
  .new-design .gym-ui__headers p {
    padding-top: 9px;
    margin-right: 46px; }
  .new-design .gym-ui__headers b {
    margin-right: 67px;
    font-size: 40px;
    line-height: 49px; }
  .new-design .gym-ui__text-size span {
    margin-right: 11px;
    font-size: 14px; }
  .new-design .gym-ui__text p {
    margin-right: 111px; }
  .new-design .gym-ui__text b {
    margin-right: 107px; }
  .new-design .gym-ui__headers-size {
    padding-top: 17px; }
  .new-design .gym-ui__headers-size span {
    margin-right: 86px; } }

@media (max-width: 1023px) {
  .new-design .gym-ui {
    padding-top: 71px;
    padding-bottom: 73px; }
  .new-design .gym-ui .container {
    padding: 0 55px; }
  .new-design .gym-ui__colors-list {
    margin-bottom: 86px; }
  .new-design .gym-ui__colors-list li p {
    margin-bottom: 17px;
    font-size: 12px; }
  .new-design .gym-ui__headers-size {
    padding-top: 9px; }
  .new-design .gym-ui__headers-size span {
    margin-right: 84px; }
  .new-design .gym-ui__headers {
    margin-bottom: 95px; }
  .new-design .gym-ui__headers p {
    margin-right: 48px;
    padding-top: 6px;
    font-size: 20px; }
  .new-design .gym-ui__headers b {
    margin-right: 65px;
    font-size: 32px;
    line-height: 39px; }
  .new-design .gym-ui__text p {
    margin-right: 102px;
    font-size: 20px;
    line-height: 24px; }
  .new-design .gym-ui__text b {
    margin-right: 86px;
    font-size: 20px;
    line-height: 24px; }
  .new-design .gym-ui__text-size span {
    font-size: 14px;
    line-height: 24px; } }

@media (max-width: 767px) {
  .new-design .gym-ui {
    padding-top: 48px;
    padding-bottom: 55px; }
  .new-design .gym-ui .container {
    padding: 0 23px; }
  .new-design .gym-ui__colors-list {
    margin-bottom: 37px;
    margin-right: -42px;
    margin-top: -19px; }
  .new-design .gym-ui__colors-list li {
    margin-top: 19px;
    margin-right: 42px;
    width: calc(50% - 42px); }
  .new-design .gym-ui__colors-list li p {
    margin-bottom: 9px;
    font-size: 10px; }
  .new-design .gym-ui__color {
    height: 100px; }
  .new-design .gym-ui__headers {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 36px; }
  .new-design .gym-ui__headers p {
    margin-right: 0;
    margin-bottom: 12px;
    width: 100%;
    font-size: 14px; }
  .new-design .gym-ui__headers b {
    margin-right: auto;
    padding-right: 10px;
    font-size: 24px;
    line-height: 29px; }
  .new-design .gym-ui__headers-size {
    padding-top: 4px; }
  .new-design .gym-ui__headers-size span {
    margin-right: 21px;
    font-size: 14px;
    line-height: 29px; }
  .new-design .gym-ui__text {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .new-design .gym-ui__text p {
    margin-bottom: 7px;
    font-size: 14px;
    width: 100%;
    margin-right: 0; }
  .new-design .gym-ui__text b {
    margin-right: auto;
    padding-right: 10px;
    font-size: 14px; }
  .new-design .gym-ui__text-size {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    margin-top: -6px; }
  .new-design .gym-ui__text-size span {
    margin-top: -4px;
    margin-right: 4px;
    font-size: 10px; } }

.new-design .gym-onboarding {
  overflow: hidden;
  padding-top: 124px;
  padding-bottom: 120px;
  background-image: url("/local/templates/sb2018/static_new/css/../img/bg/bg-noise.png");
  background-color: #181818; }
.new-design .gym-onboarding h2 {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 70px;
  font-size: 26px;
  line-height: 36px;
  color: white; }
.new-design .gym-onboarding p {
  font-size: 18px;
  line-height: 32px;
  color: #aaaaaa; }

.new-design .gym-onboarding__wrapper {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start; }
.new-design .gym-onboarding__wrapper::after {
  content: "";
  position: absolute;
  left: 470px;
  top: -98px;
  width: 639px;
  height: 1028px;
  background: radial-gradient(50% 50% at 50% 50%, #2d2d2d 0%, rgba(29, 29, 29, 0) 91.15%);
  opacity: 0.8;
  -webkit-transform: rotate(-40.26deg);
  transform: rotate(-40.26deg); }
.new-design .gym-onboarding__wrapper img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain; }

.new-design .gym-onboarding__img-wrapper-1 {
  position: relative;
  z-index: 1;
  width: 34%;
  margin-left: 174px;
  padding-top: 88px;
  padding-bottom: 510px; }

.new-design .gym-onboarding__img-wrapper-2 {
  position: relative;
  z-index: 1;
  width: 25%;
  margin-left: -25px;
  padding-top: 538px; }

.new-design .gym-onboarding__img-1 {
  position: absolute;
  z-index: 1;
  left: -28px;
  top: 104px;
  width: 252px;
  height: 504px; }

.new-design .gym-onboarding__img-2 {
  position: absolute;
  left: -3px;
  bottom: 0;
  height: 467px;
  width: 222px; }

.new-design .gym-onboarding__img-3 {
  position: absolute;
  left: 154px;
  top: 8px;
  height: 460px;
  width: 222px; }

@media (max-width: 1439px) {
  .new-design .gym-onboarding {
    padding-top: 81px;
    padding-bottom: 74px; }
  .new-design .gym-onboarding h2 {
    margin-bottom: 78px;
    font-size: 22px;
    line-height: 30px; }
  .new-design .gym-onboarding p {
    font-size: 16px;
    line-height: 24px; }
  .new-design .gym-onboarding__img-wrapper-1 {
    padding-top: 91px;
    width: 29%;
    margin-left: 20.2%; }
  .new-design .gym-onboarding__img-wrapper-2 {
    width: 25%;
    padding-top: 540px;
    margin-left: 4.2%; }
  .new-design .gym-onboarding__p2 {
    margin-left: 70.9%; }
  .new-design .gym-onboarding__img-2 {
    left: -6px; }
  .new-design .gym-onboarding__img-3 {
    left: 0; } }

@media (max-width: 1023px) {
  .new-design .gym-onboarding {
    padding-top: 74px;
    padding-bottom: 33px; }
  .new-design .gym-onboarding__img-wrapper-1 {
    padding-top: 76px;
    padding-bottom: 407px;
    margin-left: 17.2%; }
  .new-design .gym-onboarding__img-wrapper-2 {
    width: 27%;
    padding-top: 439px;
    margin-left: 5.2%; }
  .new-design .gym-onboarding__img-1 {
    left: 2px;
    top: 92px;
    width: 214px;
    height: 428px; }
  .new-design .gym-onboarding__img-2 {
    left: 13px;
    height: 398px;
    width: 189px; }
  .new-design .gym-onboarding__img-3 {
    left: 1px;
    height: 396px;
    width: 191px; } }

@media (max-width: 767px) {
  .new-design .gym-onboarding {
    padding-top: 47px;
    padding-bottom: 70px; }
  .new-design .gym-onboarding p {
    font-size: 14px;
    line-height: 20px; }
  .new-design .gym-onboarding h2 {
    margin-bottom: 32px;
    font-size: 18px;
    line-height: 26px; }
  .new-design .gym-onboarding__img-1 {
    top: 64px;
    width: 156px;
    height: 311px; }
  .new-design .gym-onboarding__img-2 {
    left: -3px;
    width: 156px;
    height: 326px; }
  .new-design .gym-onboarding__img-3 {
    top: 437px;
    left: 7px;
    width: 159px;
    height: 326px; }
  .new-design .gym-onboarding__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 734px; }
  .new-design .gym-onboarding__img-wrapper-1 {
    padding-bottom: 385px;
    margin-bottom: 38px;
    width: 46.2%;
    padding-top: 0;
    margin-left: auto; }
  .new-design .gym-onboarding__img-wrapper-2 {
    margin-left: auto;
    position: static;
    width: 46%;
    padding-top: 0; } }

@media (max-width: 375px) {
  .new-design .gym-onboarding__img-1,
  .new-design .gym-onboarding__img-2,
  .new-design .gym-onboarding__img-3 {
    width: 135px;
    height: 270px; }
  .new-design .gym-onboarding__img-wrapper-1 {
    padding-bottom: 285px; } }

.new-design .gym-promo {
  overflow: hidden;
  padding-top: 134px;
  padding-bottom: 117px;
  background-color: #121212;
  background-image: url("/local/templates/sb2018/static_new/css/../img/bg/bg-workout.png");
  background-repeat: no-repeat;
  background-position: top right; }
.new-design .gym-promo h2 {
  font-size: 26px;
  line-height: 36px;
  color: white; }
.new-design .gym-promo p {
  font-size: 18px;
  line-height: 32px;
  color: #aaaaaa; }

.new-design .gym-promo__workout-text-wrapper {
  padding-top: 214px;
  width: 37%; }
.new-design .gym-promo__workout-text-wrapper h2 {
  margin-bottom: 31px; }
.new-design .gym-promo__workout-text-wrapper p {
  margin: 0; }

.new-design .gym-promo__workout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 65px; }

.new-design .gym-promo__workout-img-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -19px;
  margin-right: 138px; }
.new-design .gym-promo__workout-img-wrapper img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain; }

.new-design .gym-promo__workout-img-1 {
  margin-right: -54px;
  z-index: 1;
  width: 255px;
  height: 524px; }

.new-design .gym-promo__workout-img-2 {
  margin-top: 20px;
  width: 221px;
  height: 467px; }

.new-design .gym-promo__hall {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 47px; }

.new-design .gym-promo__hall-text-wrapper {
  width: 33%;
  padding-top: 37px; }
.new-design .gym-promo__hall-text-wrapper h2 {
  margin-bottom: 31px; }
.new-design .gym-promo__hall-text-wrapper p {
  margin: 0; }

.new-design .gym-promo__hall-img-wrapper {
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.new-design .gym-promo__hall-img-1 {
  margin-right: 31px;
  width: 222px;
  height: 470px; }

.new-design .gym-promo__hall-img-2 {
  width: 240px;
  height: 470px; }

.new-design .gym-promo__current {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.new-design .gym-promo__current-text-wrapper {
  padding-top: 96px;
  margin-left: 98px;
  width: 40%; }
.new-design .gym-promo__current-text-wrapper p {
  margin: 0; }
.new-design .gym-promo__current-text-wrapper h2 {
  margin-bottom: 31px; }

.new-design .gym-promo__current-img-1 {
  margin-left: -19px;
  width: 252px;
  height: 503px; }
.new-design .gym-promo__current-img-1 img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain; }

.new-design .gym-promo__shop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: -56px; }

.new-design .gym-promo__shop-text-wrapper {
  width: 33%;
  margin-left: 32.4%; }
.new-design .gym-promo__shop-text-wrapper h2 {
  margin-bottom: 31px; }

.new-design .gym-promo__shop-img-1 {
  margin-left: auto;
  width: 269px;
  height: 464px;
  margin-top: -73px; }
.new-design .gym-promo__shop-img-1 img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain; }

.new-design .gym-promo__layouts {
  margin-top: -20px; }

.new-design .gym-promo__layouts-number b {
  display: block;
  margin-bottom: 2px;
  font-size: 60px;
  line-height: 70px;
  color: white; }

.new-design .gym-promo__layouts-number p {
  margin: 0;
  color: white; }

.new-design .gym-promo__layouts__wrapper {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 434px;
  margin-bottom: 86px; }

.new-design .gym-promo__layouts-img-1 {
  position: absolute;
  width: 1068px;
  left: -48px;
  top: 23px; }

.new-design .gym-promo__layouts-img-2 {
  padding-top: 123px;
  margin-left: 78px; }

.new-design .gym-promo__layouts-list {
  counter-reset: layouts-list;
  width: 200px;
  font-size: 18px;
  line-height: 32px;
  color: #f7f7f7; }
.new-design .gym-promo__layouts-list li {
  position: relative;
  margin-bottom: 104px;
  counter-increment: layouts-list; }
.new-design .gym-promo__layouts-list li::before {
  content: counter(layouts-list, decimal-leading-zero);
  position: absolute;
  top: -48px;
  left: 0;
  font-size: 25px;
  line-height: 40px;
  color: #d9d714; }
.new-design .gym-promo__layouts-list li:last-child {
  margin-bottom: 0; }

.new-design .gym-promo__layouts-text-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
.new-design .gym-promo__layouts-text-wrapper p {
  width: 37.7%;
  margin: 0;
  margin-right: 15.6%; }
.new-design .gym-promo__layouts-text-wrapper p:last-child {
  margin-right: 0; }

@media (max-width: 1439px) {
  .new-design .gym-promo {
    padding-top: 127px;
    padding-bottom: 77px;
    background-position: right -88px top -25px;
    background-size: 800px 495px; }
  .new-design .gym-promo h2 {
    font-size: 22px;
    line-height: 30px; }
  .new-design .gym-promo p {
    font-size: 16px;
    line-height: 24px; }
  .new-design .gym-promo__workout-img-wrapper {
    margin-left: -26px;
    margin-right: 55px; }
  .new-design .gym-promo__workout-img-1 {
    margin-right: -41px; }
  .new-design .gym-promo__current {
    margin-bottom: 68px; }
  .new-design .gym-promo__hall-img-1 {
    margin-right: -21px; }
  .new-design .gym-promo__hall {
    margin-bottom: 2px; }
  .new-design .gym-promo__current-img-1 {
    margin-left: -26px;
    margin-top: -80px; }
  .new-design .gym-promo__current-text-wrapper {
    margin-left: 84px;
    width: 49%; }
  .new-design .gym-promo__shop {
    margin-top: 0; }
  .new-design .gym-promo__shop-text-wrapper {
    width: 37%;
    margin-left: 10.6%; }
  .new-design .gym-promo__shop-img-1 {
    margin-top: -88px; }
  .new-design .gym-promo__layouts {
    margin-top: -5px; }
  .new-design .gym-promo__layouts-number {
    padding-left: 80px; }
  .new-design .gym-promo__layouts-number p {
    font-size: 18px;
    line-height: 31px; }
  .new-design .gym-promo__layouts-list {
    width: 156px;
    font-size: 14px;
    line-height: 20px; }
  .new-design .gym-promo__layouts-list li::before {
    font-size: 23px;
    line-height: 36px; }
  .new-design .gym-promo__layouts__wrapper {
    padding-top: 515px;
    margin-bottom: 76px; }
  .new-design .gym-promo__layouts-img-2 {
    margin-left: 10.5%;
    z-index: 1;
    padding-top: 0;
    margin-top: -100px; }
  .new-design .gym-promo__layouts-text-wrapper p {
    width: 41.9%;
    margin-right: 10.3%; }
  .new-design .gym-promo__layouts-img-1 {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 25px;
    width: 768px;
    height: 708px; } }

@media (max-width: 1023px) {
  .new-design .gym-promo {
    padding-top: 102px;
    padding-bottom: 67px;
    background-position: right -49px top -29px;
    background-size: 551px 345px; }
  .new-design .gym-promo__workout-img-1 {
    width: 239px;
    height: 491px; }
  .new-design .gym-promo__workout-img-2 {
    width: 207px;
    height: 439px; }
  .new-design .gym-promo__workout-img-wrapper {
    margin-right: 7%;
    margin-left: 4px; }
  .new-design .gym-promo__workout-text-wrapper {
    padding-top: 183px; }
  .new-design .gym-promo__workout-text-wrapper h2 {
    margin-bottom: 24px; }
  .new-design .gym-promo__workout {
    margin-bottom: 45px; }
  .new-design .gym-promo__hall-img-1 {
    margin-right: 3px;
    width: 206px;
    height: 435px; }
  .new-design .gym-promo__hall {
    margin-bottom: 52px; }
  .new-design .gym-promo__hall-img-2 {
    width: 224px;
    height: 435px; }
  .new-design .gym-promo__hall-text-wrapper {
    width: 32.3%;
    padding-top: 115px; }
  .new-design .gym-promo__hall-text-wrapper h2 {
    margin-bottom: 24px;
    padding-right: 35px; }
  .new-design .gym-promo__current-img-1 {
    margin-left: 2px;
    margin-top: 0;
    width: 236px;
    height: 472px; }
  .new-design .gym-promo__current-text-wrapper {
    padding-top: 136px;
    margin-left: 15.4%;
    width: 45%; }
  .new-design .gym-promo__current {
    margin-bottom: 0; }
  .new-design .gym-promo__shop-text-wrapper {
    width: 33%;
    margin-left: 0;
    padding-top: 126px; }
  .new-design .gym-promo__shop-img-1 {
    margin-top: -5px;
    margin-right: 37px; }
  .new-design .gym-promo__layouts-number {
    padding-left: 0; }
  .new-design .gym-promo__layouts-img-1 {
    width: 655px;
    height: 605px; }
  .new-design .gym-promo__layouts-img-2 {
    margin-left: 8.4%;
    margin-top: -97px;
    width: 237px;
    height: 469px; }
  .new-design .gym-promo__layouts__wrapper {
    padding-top: 448px; }
  .new-design .gym-promo__layouts-text-wrapper p {
    width: 45.9%;
    margin-right: 5.9%; } }

@media (max-width: 767px) {
  .new-design .gym-promo {
    padding-top: 51px;
    padding-bottom: 52px;
    background-image: url("/local/templates/sb2018/static_new/css/../img/bg/bg-workout-mobile.png");
    background-repeat: no-repeat;
    background-position: top 0 right -113px;
    background-size: auto; }
  .new-design .gym-promo h2 {
    font-size: 18px;
    line-height: 26px; }
  .new-design .gym-promo p {
    font-size: 14px;
    line-height: 20px; }
  .new-design .gym-promo__workout {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 40px; }
  .new-design .gym-promo__workout-img-wrapper {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin-left: 0;
    margin-right: 0; }
  .new-design .gym-promo__workout-text-wrapper {
    margin-bottom: 35px;
    padding-top: 0;
    width: 62%; }
  .new-design .gym-promo__workout-text-wrapper h2 {
    margin-bottom: 16px; }
  .new-design .gym-promo__workout-img-1 {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: -46px;
    width: 209px;
    height: 355px; }
  .new-design .gym-promo__workout-img-2 {
    margin-top: 14px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 150px;
    height: 318px; }
  .new-design .gym-promo__hall {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 51px; }
  .new-design .gym-promo__hall-text-wrapper {
    width: 100%;
    margin-bottom: 27px;
    padding-top: 0; }
  .new-design .gym-promo__hall-text-wrapper h2 {
    margin-bottom: 15px; }
  .new-design .gym-promo__hall-img-wrapper {
    margin-left: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 100%; }
  .new-design .gym-promo__hall-img-1 {
    width: 148px;
    margin-right: 22px;
    height: 312px; }
  .new-design .gym-promo__hall-img-2 {
    width: 161px;
    height: 312px; }
  .new-design .gym-promo__current {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 55px; }
  .new-design .gym-promo__current-img-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin: 0 auto;
    max-width: 100%; }
  .new-design .gym-promo__current-text-wrapper {
    margin-bottom: 29px;
    padding-top: 0;
    margin-left: 0;
    width: 100%; }
  .new-design .gym-promo__current-text-wrapper h2 {
    margin-bottom: 15px; }
  .new-design .gym-promo__shop {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 41px; }
  .new-design .gym-promo__shop-text-wrapper {
    margin-bottom: 20px;
    padding-top: 0;
    width: 100%; }
  .new-design .gym-promo__shop-text-wrapper h2 {
    margin-bottom: 15px; }
  .new-design .gym-promo__shop-img-1 {
    margin-right: 0;
    width: 233px;
    height: 403px; }
  .new-design .gym-promo__layouts-number b {
    margin-bottom: -4px;
    font-size: 46px;
    line-height: 54px; }
  .new-design .gym-promo__layouts-number p {
    font-size: 16px;
    line-height: 24px; }
  .new-design .gym-promo__layouts__wrapper {
    padding-top: 233px;
    margin-bottom: 46px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
  .new-design .gym-promo__layouts-img-1 {
    width: 335px;
    height: 309px; }
  .new-design .gym-promo__layouts-img-2 {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    margin-bottom: 85px;
    margin-left: 0;
    width: 193px;
    height: 385px; }
  .new-design .gym-promo__layouts-list {
    width: calc(100% + 23px);
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: -60px;
    margin-right: -23px; }
  .new-design .gym-promo__layouts-list li {
    width: 151px;
    margin-right: 23px;
    margin-top: 60px;
    margin-bottom: 0; }
  .new-design .gym-promo__layouts-list li::before {
    top: -36px;
    font-size: 19px;
    line-height: 28px; }
  .new-design .gym-promo__layouts-text-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
  .new-design .gym-promo__layouts-text-wrapper p {
    width: 100%;
    margin-right: 0;
    margin-bottom: 19px; }
  .new-design .gym-promo__layouts-text-wrapper p:last-child {
    margin-bottom: 0; } }

@media (max-width: 375px) {
  .new-design .gym-promo__workout-img-1 {
    width: 173px; } }

.new-design .gym-trainings {
  overflow: hidden;
  padding-top: 268px;
  padding-bottom: 136px;
  margin-top: -1px;
  background-image: url("/local/templates/sb2018/static_new/css/../img/bg/bg-yellow.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }
.new-design .gym-trainings h2 {
  font-size: 26px;
  line-height: 36px; }
.new-design .gym-trainings .container {
  padding-left: 304px;
  padding-right: 175px; }
.new-design .gym-trainings p {
  font-size: 18px;
  line-height: 32px; }

.new-design .gym-trainings__wrapper {
  position: relative;
  margin-bottom: 226px; }

.new-design .gym-trainings__img-1 {
  position: absolute;
  right: 62px;
  top: -266px;
  width: 899px;
  height: 900px; }
.new-design .gym-trainings__img-1 img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain; }

.new-design .gym-trainings__img-2 {
  width: 252px;
  height: 502px;
  margin-right: 96px; }
.new-design .gym-trainings__img-2 img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain; }

.new-design .gym-trainings__img-3 {
  margin-right: 106px;
  width: 221px;
  height: 467px; }
.new-design .gym-trainings__img-3 img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain; }

.new-design .gym-trainings__img-4 {
  width: 221px;
  height: 467px; }
.new-design .gym-trainings__img-4 img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain; }

.new-design .gym-trainings__img-wrapper {
  margin-left: -31px;
  margin-bottom: 129px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.new-design .gym-trainings__text-wrapper {
  z-index: 1;
  position: relative;
  width: 34%; }
.new-design .gym-trainings__text-wrapper h2 {
  color: white;
  margin-bottom: 38px; }
.new-design .gym-trainings__text-wrapper p {
  margin: 0;
  margin-bottom: 24px;
  color: #aaaaaa; }
.new-design .gym-trainings__text-wrapper p:last-child {
  margin-bottom: 0; }

.new-design .gym-trainings__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  color: #2b2b2b; }
.new-design .gym-trainings__footer h2 {
  width: unset;
  margin-right: 100px; }
.new-design .gym-trainings__footer a {
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease; }
.new-design .gym-trainings__footer a:hover {
  opacity: 0.7; }
.new-design .gym-trainings__footer ul li {
  margin-bottom: 16px; }
.new-design .gym-trainings__footer ul li:last-child {
  margin-bottom: 0; }

@media (max-width: 1439px) {
  .new-design .gym-trainings {
    padding-top: 226px;
    padding-bottom: 70px; }
  .new-design .gym-trainings p {
    font-size: 16px;
    line-height: 24px; }
  .new-design .gym-trainings h2 {
    font-size: 22px;
    line-height: 30px; }
  .new-design .gym-trainings .container {
    padding-left: 218px;
    padding-right: 66px; }
  .new-design .gym-trainings__text-wrapper h2 {
    margin-bottom: 46px; }
  .new-design .gym-trainings__img-1 {
    right: -78px;
    top: -265px; }
  .new-design .gym-trainings__img-wrapper {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 113px; }
  .new-design .gym-trainings__img-2 {
    margin-right: 0; }
  .new-design .gym-trainings__img-3 {
    margin-right: 0; }
  .new-design .gym-trainings__wrapper {
    margin-bottom: 241px; }
  .new-design .gym-trainings__footer {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 662px; }
  .new-design .gym-trainings__footer li {
    font-size: 16px;
    line-height: 24px; }
  .new-design .gym-trainings__footer h2 {
    width: 100%;
    margin-bottom: 29px; } }

@media (max-width: 1023px) {
  .new-design .gym-trainings {
    padding-top: 200px;
    padding-bottom: 66px; }
  .new-design .gym-trainings .container {
    padding-left: 55px;
    padding-right: 56px; }
  .new-design .gym-trainings__text-wrapper {
    width: 31%; }
  .new-design .gym-trainings__text-wrapper h2 {
    margin-bottom: 25px;
    padding-right: 20px; }
  .new-design .gym-trainings__img-wrapper {
    margin-left: 0;
    margin-bottom: 77px; }
  .new-design .gym-trainings__img-1 {
    right: -70px;
    top: -236px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 820px;
    height: 822px; }
  .new-design .gym-trainings__img-2 {
    width: 215px;
    height: 429px; }
  .new-design .gym-trainings__img-3 {
    width: 189px;
    height: 399px; }
  .new-design .gym-trainings__img-4 {
    width: 189px;
    height: 399px; }
  .new-design .gym-trainings__wrapper {
    margin-bottom: 198px; }
  .new-design .gym-trainings__footer {
    width: 93.4%; } }

@media (max-width: 767px) {
  .new-design .gym-trainings {
    padding-bottom: 43px; }
  .new-design .gym-trainings h2 {
    font-size: 18px;
    line-height: 26px; }
  .new-design .gym-trainings p {
    font-size: 14px;
    line-height: 20px; }
  .new-design .gym-trainings .container {
    padding-left: 25px;
    padding-right: 20px; }
  .new-design .gym-trainings__img-1 {
    right: 50%;
    -webkit-transform: translateX(191px);
    transform: translateX(191px);
    top: -270px;
    width: 617px;
    height: 617px; }
  .new-design .gym-trainings__img-wrapper {
    margin-bottom: 58px; }
  .new-design .gym-trainings__wrapper {
    padding-top: 215px;
    margin-bottom: 44px; }
  .new-design .gym-trainings__img-2 {
    width: 107.73px;
    height: 215.45px; }
  .new-design .gym-trainings__img-3 {
    width: 94.7px;
    height: 200.25px; }
  .new-design .gym-trainings__img-4 {
    width: 94.7px;
    height: 200.25px; }
  .new-design .gym-trainings__text-wrapper {
    width: 65%;
    margin: 0 auto; }
  .new-design .gym-trainings__text-wrapper h2 {
    margin-bottom: 24px;
    padding-right: 0; }
  .new-design .gym-trainings__text-wrapper p {
    margin-bottom: 14px; }
  .new-design .gym-trainings__footer {
    margin: 0 auto;
    width: 73.4%; }
  .new-design .gym-trainings__footer h2 {
    margin-bottom: 22px; }
  .new-design .gym-trainings__footer ul {
    margin-bottom: 12px; }
  .new-design .gym-trainings__footer ul:last-child {
    margin-bottom: 0; }
  .new-design .gym-trainings__footer ul li {
    margin-bottom: 8px;
    font-size: 14px;
    line-height: 20px; } }

.new-design .btn {
  position: relative;
  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;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-item-align: start;
  align-self: flex-start;
  min-width: 243px;
  min-height: 56px;
  height: inherit;
  padding: 18px 48px;
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  vertical-align: middle;
  text-align: center;
  letter-spacing: -0.01em;
  word-wrap: break-word;
  word-break: normal;
  /* для Opera и FireFox */
  /* stylelint-disable */
  word-break: break-word;
  /* для Chrome */
  /* stylelint-enable */
  color: #2b2b2b;
  background-color: initial;
  border: 1px solid transparent;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease; }
@media (max-width: 767px) {
  .new-design .btn {
    min-width: 229px;
    min-height: 46px;
    padding: 16px 48px;
    font-size: 14px;
    line-height: 16px; } }
.new-design .btn--fill {
  color: #ffffff;
  background-color: #eb006e; }
.new-design .btn--fill:hover {
  opacity: 0.5; }
.new-design .btn--border {
  background-color: transparent;
  border: 1px solid #eb006e; }
.new-design .btn--border:hover {
  color: #ffffff;
  background-color: #eb006e; }
.new-design .btn--white {
  background-color: #ffffff; }
.new-design .btn--white:hover {
  color: #ffffff;
  background-color: #181818; }
.new-design .btn--icon-mobile {
  display: block;
  min-width: auto;
  min-height: 46px;
  padding: 13px 23px;
  font-weight: 700;
  font-size: 16px;
  line-height: 18px;
  letter-spacing: 0.03em; }
@media (max-width: 1439px) {
  .new-design .btn--icon-mobile {
    min-height: 43px;
    padding: 7px 23px;
    font-size: 14px;
    line-height: 26px; } }
@media (max-width: 767px) {
  .new-design .btn--icon-mobile {
    position: relative;
    min-height: auto;
    padding: 0;
    padding-right: 19px;
    letter-spacing: 0;
    border: none; }
  .new-design .btn--icon-mobile:hover {
    color: inherit;
    background-color: transparent; }
  .new-design .btn--icon-mobile::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 12px;
    height: 12px;
    background-image: url("/local/templates/sb2018/static_new/css/../img/sprite/icon-types.svg");
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); } }
.new-design .btn--border-blog {
  font-weight: 700;
  font-family: "Roboto", "Helvetica", sans-serif;
  font-size: 18px;
  line-height: 21px;
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 15px 33px;
  min-width: auto;
  min-height: 54px;
  font-style: normal;
  vertical-align: middle;
  text-align: center;
  color: #ae127b;
  border: 1px solid #ae127b;
  border-radius: 4px; }
.new-design .btn--border-blog:not(:hover) {
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease; }
.new-design .btn--border-blog:hover, .new-design .btn--border-blog:focus {
  outline: none;
  cursor: pointer;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  background-color: #ae127b;
  color: #ffffff; }
@media (max-width: 767px) {
  .new-design .btn--border-blog {
    padding: 12px 33px;
    min-height: 45px; } }
@media (max-width: 359px) and (min-width: 250px) {
  .new-design .btn--border-blog {
    padding: 12px 25px; } }
.new-design .btn--file {
  position: relative;
  padding: 20px 21px 16px 82px;
  min-width: 239px;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start; }
.new-design .btn--file::before {
  content: "";
  position: absolute;
  left: 48px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background-image: url("/local/templates/sb2018/static_new/css/../img/svg/file.svg"); }
@media (max-width: 767px) {
  .new-design .btn--file {
    padding: 16px 21px 14px 84px;
    min-width: 226px; } }

.new-design .link {
  text-decoration: none;
  cursor: pointer; }
.new-design .link--arrow {
  position: relative;
  left: -5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-item-align: start;
  align-self: flex-start;
  max-width: 300px;
  margin-top: 40px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease; }
@media (max-width: 1439px) {
  .new-design .link--arrow {
    left: 0;
    margin: 23px auto 0; } }
@media (max-width: 1023px) {
  .new-design .link--arrow {
    left: -3px;
    margin: 30px auto 0; } }
@media (max-width: 767px) {
  .new-design .link--arrow {
    left: 0;
    margin: 25px auto 0; } }
.new-design .link--arrow span {
  margin-right: 16px;
  font-weight: 700;
  font-size: 18px;
  line-height: 31px; }
@media (max-width: 1439px) {
  .new-design .link--arrow span {
    margin-right: 15px;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: -1px; } }
@media (max-width: 1023px) {
  .new-design .link--arrow span {
    margin-right: 15px;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0; } }
@media (max-width: 767px) {
  .new-design .link--arrow span {
    margin-right: 15px;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0; } }
.new-design .link--arrow svg {
  width: initial;
  height: initial; }
.new-design .link--arrow:hover {
  fill: #eb006e; }

.new-design .swiper-pagination {
  margin: 0; }

.new-design .swiper-pagination .swiper-pagination-bullet {
  margin-right: 0 !important; }

.new-design .bullet-slider .swiper-pagination-bullet {
  position: relative;
  width: auto;
  height: auto;
  padding: 10px;
  background-color: transparent;
  opacity: 1; }

@media(max-width: 480px){
  .new-design .bullet-slider .swiper-pagination-bullet {
    padding: 6px;
  }
}

.new-design .bullet-slider .swiper-pagination-bullet:focus, .new-design .bullet-slider .swiper-pagination-bullet:hover {
  outline: none; }

.new-design .bullet-slider .swiper-pagination-bullet span {
  position: relative;
  display: block;
  width: 10px;
  height: 10px;
  background-color: #d8d8d8;
  border-radius: 50%; }

.new-design .bullet-slider .swiper-pagination-bullet-active span {
  width: 18px;
  height: 10px;
  background-color: #eb006e;
  border-radius: 5px; }

.new-design .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0; }

.pagination {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
@media (max-width: 1023px) {
  .pagination {
    width: 48%; } }
.pagination--close {
  display: none; }

.pagination__item {
  display: inline-block;
  padding: 0 8px;
  height: 24px;
  font-weight: 700;
  font-weight: 400;
  font-family: "Roboto", "Helvetica", sans-serif;
  font-size: 18px;
  line-height: 21px;
  text-align: center;
  text-transform: uppercase;
  position: relative; }
@media (max-width: 767px) {
  .pagination__item--mobile {
    display: none; } }
.pagination__item span {
  display: block;
  width: 100%;
  height: 100%;
  padding: 3px 0; }
.pagination__item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 100%;
  color: #000000;
  text-decoration: none;
  cursor: pointer; }
.pagination__item a:not(:hover) {
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease; }
.pagination__item a:hover, .pagination__item a:focus {
  outline: none;
  cursor: pointer;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  color: #919fb7;
  text-decoration: underline; }
.pagination__item--current a {
  color: #919fb7;
  text-decoration: underline;
  pointer-events: none; }
.pagination__item--disabled {
  pointer-events: none; }
.pagination__item--prew {
  padding: 0;
  margin-right: 9px;
  width: 24px; }
.pagination__item--prew svg {
  fill: none;
  stroke: #919fb7; }
.pagination__item--next {
  padding: 0;
  margin-left: 9px;
  margin-right: 0;
  width: 24px; }
.pagination__item--next svg {
  fill: none;
  stroke: #2b2b2b; }
.pagination__item--next:hover svg,
.pagination__item--next:focus svg {
  outline: none;
  cursor: pointer;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  stroke: #eb006e; }
.pagination__item--next:not(:hover) svg:not(:hover),
.pagination__item--next:not(:focus) svg:not(:hover) {
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease; }

@media (max-width: 1023px) {
  .pagination {
    width: 48%; }
  .pagination__item {
    margin-right: 8px;
    padding: 0; }
  .pagination__item--next {
    margin-right: 0; } }

@media (max-width: 767px) {
  .pagination {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px; } }
@media (max-width: 767px) and (max-width: 359px) and (min-width: 250px) {
  .pagination {
    width: 100%; } }

@media (max-width: 767px) {
  .pagination__item {
    font-size: 16px;
    line-height: 18px; }
  .pagination__item--prew svg {
    font-size: 16px;
    line-height: 18px;
    width: 24px; }
  .pagination__item--next svg {
    font-size: 16px;
    line-height: 18px;
    width: 24px; } }

.new-design .img-slider {
  position: relative;
  margin-bottom: 126px;
  margin-top: 70px;
  padding: 0 41px; }
.new-design .img-slider .swiper-button-next svg,
.new-design .img-slider .swiper-button-prev svg {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #727173; }
@media (max-width: 767px) {
  .new-design .img-slider .swiper-button-next svg,
  .new-design .img-slider .swiper-button-prev svg {
    width: 6px;
    height: 14px; } }
.new-design .img-slider .swiper-button-next:hover svg,
.new-design .img-slider .swiper-button-prev:hover svg {
  fill: #181818;
}
.new-design .img-slider .swiper-button-next::after,
.new-design .img-slider .swiper-button-prev::after {
  display: none; }
.new-design .img-slider .swiper-button-next:focus,
.new-design .img-slider .swiper-button-prev:focus {
  outline: none; }

.new-design .img-slider__wrapper {
  overflow: hidden; }
.new-design .img-slider__wrapper img {
  margin: 0; }

.new-design .img-slider__pagination {
  bottom: -65px;
  left: 0;
  width: 100%; }

@media (max-width: 1439px) {
  .new-design .img-slider {
    margin-top: 54px;
    margin-bottom: 159px; }
  .new-design .img-slider__pagination {
    bottom: -56px; } }

@media (max-width: 1023px) {
  .new-design .img-slider {
    margin-top: 70px;
    padding: 0;
    margin-left: 54px;
    margin-right: 55px;
    margin-bottom: 107px; }
  .new-design .swiper-button-next,
  .new-design .swiper-button-prev {
    display: none; }
  .new-design .img-slider__pagination {
    bottom: -54px; } }

@media (max-width: 767px) {
  .new-design .img-slider {
    margin-top: 47px;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 87px; }
}

.new-design .info {
  position: relative;
  display: block;
  padding: 33px 54px 31px 108px;
  font-weight: normal;
  font-style: normal;
  font-size: 14px;
  line-height: 26px;
  background-color: #f7f7f7;
  color: #727173; }
.new-design .info p {
  margin-top: 0; }
.new-design .info p:last-child {
  margin-bottom: 0; }
.new-design .info::before {
  content: "";
  position: absolute;
  top: 37px;
  left: 52px;
  width: 11px;
  height: 27px;
  background-image: url("/local/templates/sb2018/static_new/css/../img/svg/info.svg"); }

@media (max-width: 1439px) {
  .new-design .info {
    padding: 34px 50px 31px 101px;
    font-size: 13px;
    line-height: 20px; }
  .new-design .info::before {
    top: 37px;
    left: 47px; } }

@media (max-width: 1023px) {
  .new-design .info {
    padding: 34px 45px 31px 95px; }
  .new-design .info::before {
    top: 37px;
    left: 48px; } }

@media (max-width: 767px) {
  .new-design .info {
    font-size: 11px;
    line-height: 16px; } }

.new-design .q {
  position: relative;
  display: block;
  margin-bottom: 40px;
  padding-left: 13%;
  margin: 0;
  font-weight: normal;
  font-size: 18px;
  line-height: 36px;
  color: #727173; }
.new-design .q::before {
  content: "";
  position: absolute;
  left: 3px;
  top: 7px;
  width: 53px;
  height: 41px;
  background-image: url("/local/templates/sb2018/static_new/css/../img/svg/quote.svg"); }

.new-design .quote-user__avatar {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 5.2%; }
.new-design .quote-user__avatar img {
  margin: 0;
  width: 90px;
  height: 90px;
  border-radius: 50%; }

.new-design .quote-user__about {
  padding-top: 3px; }

.new-design .quote-user {
  padding-left: 13%;
  padding-right: 13%;
  margin-top: 37px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.new-design .quote-user__name {
  margin-top: 0;
  margin-bottom: 15px;
  font-weight: bold;
  font-size: 26px;
  line-height: 36px; }

.new-design .quote-user__work {
  font-weight: normal;
  font-size: 16px;
  line-height: 30px; }

@media (max-width: 1439px) {
  .new-design .q {
    padding-left: 13.5%;
    font-size: 18px;
    line-height: 30px; }
  .new-design .quote-user {
    padding-left: 13.5%;
    padding-right: 0;
    margin-top: 38px; }
  .new-design .quote-user__name {
    font-size: 22px;
    line-height: 30px; }
  .new-design .quote-user__work {
    font-size: 14px;
    line-height: 24px; } }

@media (max-width: 767px) {
  .blog-page .form-order textarea,
  .new-design .form-order textarea {
    height: 9rem; }
  .new-design .q {
    padding-left: 17.5%;
    font-size: 17px;
    line-height: 26px; }
  .new-design .q::before {
    left: -1px;
    top: 5px;
    width: 32px;
    height: 24px;
    background-size: contain;
    background-repeat: no-repeat; }
  .new-design .quote img {
    width: 72px;
    height: 72px; }
  .new-design .quote .quote-user {
    padding-left: 18%; }
  .new-design .quote .quote-user__name {
    font-size: 18px;
    line-height: 26px; }
  .new-design .quote .quote-user__work {
    font-size: 12px;
    line-height: 18px; } }

.new-design .counter-list {
  padding-left: 0;
  list-style-type: none;
  counter-reset: li; }
.new-design .counter-list li {
  position: relative;
  margin-bottom: 16px;
  padding-left: 75px; }
.new-design .counter-list li:last-child {
  margin-bottom: 0; }
.new-design .counter-list li::before {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  counter-increment: li;
  content: counter(li, decimal-leading-zero) ".";
  color: #eb006e; }

@media (max-width: 1439px) {
  .new-design .counter-list li {
    padding-left: 80px;
    font-size: 16px;
    line-height: 24px; } }

@media (max-width: 767px) {
  .new-design .counter-list li {
    padding-left: 58px;
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 20px; } }

.new-design .socials-list {
  position: absolute;
  left: 6.1%;
  top: 83px; }
@media (min-width: 1440px) {
  .new-design .socials-list {
    left: 88px; } }
.new-design .socials-list p {
  margin-bottom: 33px;
  font-weight: normal;
  font-size: 12px;
  line-height: 15px;
  color: #727173; }
.new-design .socials-list a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  padding: 10px 0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
.new-design .socials-list a svg {
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease; }
.new-design .socials-list a:hover svg {
  fill: #eb006e; }
.new-design .socials-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-right: 26px;
  margin-bottom: 29px; }

@media (max-width: 1439px) {
  .new-design .socials-list p {
    margin-bottom: 40px;
    font-size: 11px;
    line-height: 13px; }
  .new-design .socials-list li {
    padding-right: 20px;
    margin-bottom: 12px;
  }
}

.new-design .swipe {
  position: relative;
  width: 191px; }
.new-design .swipe::before {
  content: "";
  position: absolute;
  right: 19px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 20px;
  height: 15px;
  background-image: url("/local/templates/sb2018/static_new/css/../img/svg/gym-arrows.svg");
  background-size: contain;
  background-repeat: no-repeat; }

.new-design .swipe__scale {
  margin-left: 18px;
  width: 173px;
  height: 45px;
  background: -webkit-gradient(linear, right top, left top, from(#353535), color-stop(96.33%, rgba(52, 52, 52, 0)));
  background: linear-gradient(to left, #353535 0%, rgba(52, 52, 52, 0) 96.33%);
  border-radius: 0 25px 25px 0; }

.new-design .swipe__pin {
  position: absolute;
  left: 0;
  top: 0;
  width: 47px;
  height: 47px;
  background: rgba(198, 198, 198, 0.2);
  border-radius: 50%; }
.new-design .swipe__pin::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 31px;
  height: 31px;
  background-color: #828282;
  border-radius: 50%; }

@media (max-width: 767px) {
  .new-design .swipe {
    width: 112px;
    height: 28px; }
  .new-design .swipe::before {
    right: 11px;
    width: 12px;
    height: 9px; }
  .new-design .swipe__scale {
    margin-left: 12px;
    width: 100px;
    height: 28px; }
  .new-design .swipe__pin {
    width: 28px;
    height: 28px; }
  .new-design .swipe__pin::before {
    width: 18px;
    height: 18px; } }

.new-design .clock {
  width: 137px;
  font-family: "Montserrat", sans-serif; }

.new-design .clock__start {
  margin-top: 0;
  margin-bottom: 8px;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  letter-spacing: 0.045em; }

.new-design .clock__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative; }
.new-design .clock__wrapper::after {
  content: ":";
  position: absolute;
  left: 50%;
  top: 1px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  font-weight: 600;
  font-size: 24px;
  line-height: 29px;
  letter-spacing: 0.045em; }

.new-design .clock__desc {
  margin: 0;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  letter-spacing: 0.045em;
  color: #8a8a8a; }

.new-design .clock__time-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 9px; }
.new-design .clock__time-wrapper p {
  margin: 0;
  margin-right: 6px;
  padding: 1px 3px 2px 6px;
  font-weight: 600;
  font-size: 24px;
  line-height: 29px;
  text-align: center;
  letter-spacing: 0.045em;
  background-color: #424242;
  border-radius: 4px; }
.new-design .clock__time-wrapper p:last-child {
  margin-right: 0; }

.new-design .clock__time--min {
  margin-right: 28px; }

@media (max-width: 767px) {
  .new-design .clock__time-wrapper {
    margin-bottom: 1px; }
  .new-design .clock__time-wrapper p {
    margin-right: 3px;
    padding: 1px 3px 0 4px;
    font-size: 16px;
    line-height: 20px; }
  .new-design .clock__start {
    margin-bottom: 1px;
    font-size: 9px;
    line-height: 18px; }
  .new-design .clock__time--min {
    margin-right: 16px; }
  .new-design .clock__wrapper::after {
    top: 0;
    font-size: 17px;
    line-height: 18px; }
  .new-design .clock__desc {
    font-size: 9px;
    line-height: 18px; } }

.timer {
  position: relative;
  width: 98px;
  height: 98px;
  fill: none; }
.timer svg {
  z-index: 1;
  position: relative; }
.timer::before {
  content: "";
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  width: 59px;
  height: 59px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: #2d2d2d;
  -webkit-box-shadow: 0 -4px 10px rgba(149, 149, 149, 0.25), inset 0 6px 10px rgba(0, 0, 0, 0.25);
  box-shadow: 0 -4px 10px rgba(149, 149, 149, 0.25), inset 0 6px 10px rgba(0, 0, 0, 0.25); }
.timer::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  height: 100%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: #2d2d2d;
  -webkit-box-shadow: 0 -4px 10px rgba(149, 149, 149, 0.25), inset 0 6px 10px rgba(0, 0, 0, 0.25);
  box-shadow: 0 -4px 10px rgba(149, 149, 149, 0.25), inset 0 6px 10px rgba(0, 0, 0, 0.25); }

@media (max-width: 767px) {
  .timer {
    width: 62px;
    height: 62px; }
  .timer svg {
    width: 62px;
    height: 62px; }
  .timer::before {
    width: 36px;
    height: 36px; } }

.play {
  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: 97px;
  height: 97px;
  background: #111111;
  border-radius: 50%;
  -webkit-box-shadow: 0 -4px 26px rgba(149, 149, 149, 0.25), inset 0 6px 10px rgba(0, 0, 0, 0.25);
  box-shadow: 0 -4px 26px rgba(149, 149, 149, 0.25), inset 0 6px 10px rgba(0, 0, 0, 0.25); }
.play svg {
  -webkit-box-shadow: 0 -4px 10px rgba(149, 149, 149, 0.25), inset 0 6px 10px rgba(0, 0, 0, 0.25);
  box-shadow: 0 -4px 10px rgba(149, 149, 149, 0.25), inset 0 6px 10px rgba(0, 0, 0, 0.25);
  border-radius: 50%; }

/* @media (hover: hover), screen and (min-width: 0\0) {
  &:hover,
  &:focus {
    color: red;
  }
} */

.swiper-button-prev, .swiper-button-next {
  background-image: none;
}


.prices-info ol,
.prices-info ul
{
  list-style-type: none; /* Убираем исходные маркеры */
  counter-reset: num; /* Задаём имя счетчика */
  margin-bottom: 48px;
}
.prices-info ol li::before {
  content: counter(num) '.'; /* Выводим число */
  counter-increment: num; /* Увеличиваем значение счётчика */
  color: #959595;
  position:absolute;
  left: -20px;
  line-height: 38px;
  font-size: 18px;
  mix-blend-mode: normal;
}

.prices-info ul
{
  list-style-type: none;
}
.prices-info ul li::before {
  content: '—';
  line-height: 32px;
  font-size: 18px;
  color: #EB016E;
  position:absolute;
  left: 0px;
}

.prices-info ol li,
.prices-info ul li
{
  line-height: 32px !important;
  font-size: 18px !important;
  color: #000000 !important;
  position:relative;
  margin-bottom: 24px;
}
.prices-info ol li
{
  padding-left: 18px !important;
}
.prices-info ul li
{
  padding-left: 40px !important;
}

.new-design .support__item-inner {
  margin-top: 20px;
}
.new-design .support__item-title {
  font-weight: 600;
  font-size: 22px;
  line-height: 105%;
  margin-bottom: 10px;
  min-height: 56px;
}
.new-design .support__item-inner ul {
  list-style: disc;
  margin-left: 20px;
}
.new-design .support__list {
  margin-right: -45px;
}

.youtube-player {
  position: absolute;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  width: 100%;
  max-width: 100%;
  background: #bdbdbd;
  background-image: url(/local/templates/sb2018/static_new/css/../img/yt-2.png);
  background-position: center;
  background-repeat: no-repeat;
  margin: 5px;
}
.youtube-player iframe {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
.youtube-player .play {
  height: 48px;
  width: 68px;
  left: 50%;
  top: 50%;
  margin-left: -34px;
  margin-top: -24px;
  position: absolute;
  background: url(/local/templates/sb2018/static_new/css/../img/yt.png) no-repeat;
  cursor: pointer;
}

@media (max-width: 1023px) {
  .new-design .support__item {
    width: 90%;
  }
  .service_card__content li {
    font-size: 1.1rem;
    line-height: 110%;
  }
  .simple .service_card__caption {
    height: auto;
    min-height: 58px;
    line-height: 110%;
  }
}

/* full page */
.new-design section {
  padding-top: 10px;
  padding-bottom: 10px;
}
.new-design section.promo {
  margin-bottom: 50px;
}
.new-design section.works,
.new-design section.adv--store,
.new-design section.result,
.new-design section.steps--store {

}
.new-design .dev-online-store-proposal {
  margin-top: 50px;
  margin-bottom: 50px;
}
.new-design .steps--store h2 {
  padding-bottom: 0;
}
.steps__text {
  margin-bottom: 0;
}
.new-design .steps .steps__btn {
  margin-top: 40px;
  margin-bottom: 80px;
}
.new-design section.form-order {
  padding-top: 100px;
}
.container__proposal {
  padding-top: 50px;
  padding-bottom: 50px;
}



/* End */


/* Start:/local/components/x5/special.banner/templates/.default/style.min.css?1741268556167*/
.custom_banner{text-align:center;margin-bottom:-5px}.custom_banner picture{max-width:100%;display:inline-block}.custom_banner source,.custom_banner img{max-width:100%}
/* End */


/* Start:/local/templates/sb2018/include/reading-progress/reading_progress.min.css?1741268557602*/
.reading-progress{position:absolute;left:0;bottom:-.25em;width:100%;height:.25em;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background-color:transparent;color:#EB016E}.reading-progress::-webkit-progress-bar{background-color:transparent}.reading-progress::-webkit-progress-value{background-color:#EB016E}.reading-progress::-moz-progress-bar{background-color:#EB016E}.reading-progress__inner{width:100%;background-color:transparent;position:fixed;top:0;left:0;height:.25em;display:block}.reading-progress__bar{background-color:#EB016E;width:50%;display:block;height:inherit}
/* End */


/* Start:/local/templates/sb2018/components/bitrix/breadcrumb/.default/style.css?17477397332090*/
.container-breadcrumb{
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 40px;
    margin-bottom: -40px;
}

@media (max-width: 1199px) {
    .container-breadcrumb .bx-breadcrumb{
        overflow-x: auto;
        white-space: nowrap;
    }
}

.bx-breadcrumb {
    font-style: normal;
    font-weight: 300;
    font-size: 11px;
    line-height: 16px;
	box-sizing: border-box;
	position: relative;
	z-index: 101;
}

.bx-breadcrumb i {
    color: #727272;
    line-height: 13px;
    font-size: 12px;
    font-style: normal;
    vertical-align: middle;
    margin-right: 10px;
    margin-left: 10px;
    /*opacity: 0.5;*/
}


.bx-breadcrumb .bx-breadcrumb-item {
    display: inline-block;
    margin-bottom: 10px;
    white-space: nowrap;
    line-height: 13px;
    vertical-align: middle;
}

.bx-breadcrumb .bx-breadcrumb-item span {
    font-size: 12px;
    font-weight: 400;
    color: #727272;
}
.breadcrumb_2.bx-breadcrumb .bx-breadcrumb-item a span,
.bx-breadcrumb .bx-breadcrumb-item a span {
    color: #eb006e;
}

.bx-breadcrumb .bx-breadcrumb-item a {
    border-bottom: none;
    position: relative;
}

.bx-breadcrumb .bx-breadcrumb-item a:hover,
.bx-breadcrumb .bx-breadcrumb-item a:hover span {
    color: #eb006e;
    text-decoration: none;
}

.bx-breadcrumb .bx-breadcrumb-item a::before {
    content: '';
    display: inline-block;
    width: 100%;
    position: absolute;
    bottom: -4px;
    height: 1px;
    background: #eb006e;
    opacity: 0;
}
.bx-breadcrumb .bx-breadcrumb-item a:hover::before {
    opacity: 1;
}

.breadcrumb_1.bx-breadcrumb .bx-breadcrumb-item a:hover {
    color: #000;
}

.breadcrumb_1.bx-breadcrumb .bx-breadcrumb-item a:hover::before {
    background: #fff;
}

.breadcrumb_2.bx-breadcrumb .bx-breadcrumb-item span {
    color: #fff;
}


.bx-breadcrumb .bx-breadcrumb-item a,
.bx-breadcrumb .bx-breadcrumb-item a::before,
.bx-breadcrumb .bx-breadcrumb-item a:hover::before,
.bx-breadcrumb .bx-breadcrumb-item span,
.bx-breadcrumb .bx-breadcrumb-item a:hover span {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

/* End */


/* Start:/local/templates/sb2018/components/bezr/form.result.new.befsend/request/style.min.css?1741268556105*/
.input_text.text.error .input_text__label span{color:#eb006e}.upload-file-button-caption{margin-left:3px}
/* End */


/* Start:/local/templates/sb2018/components/bitrix/menu/mobile_menu/style.min.css?1741268557598*/
.child-inner{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}.icon-arrow{position:relative;display:block;width:32px;height:32px;padding:0!important;transition:transform .25s ease-out}.icon-arrow::after,.icon-arrow::before{content:'';position:absolute;top:16px;width:14px;height:2px;background:#eb006e}.icon-arrow::after{transform:rotate(-45deg);right:-1px}.icon-arrow::before{transform:rotate(45deg);right:9px}.icon-arrow--open{transform:scale(1,-1)}
/* End */


/* Start:/local/templates/sb2018/components/bezr/form.result.new.befsend/request_modal/style.min.css?174126855761*/
.input_text.text.error .input_text__label span{color:#eb006e}
/* End */


/* Start:/local/templates/sb2018/styles.min.css?17477372231964*/
.menu_nav--branches .submenu{display:none;position:absolute;background-color:#fff;box-shadow:0 2px 8px rgba(204,204,204,.859686);border-radius:2px;padding:15px 30px;min-width:245px;transition:300ms}.menu_nav--branches .submenu li{border-bottom:1px solid rgba(43,43,43,.1);padding:9px 0}.menu_nav--branches .submenu li:nth-last-of-type(1){border-bottom:none}.menu_nav--branches .submenu a{color:#2b2b2b;font-size:16px;line-height:30px;white-space: nowrap;transition: all 0.3s;}.menu_nav--branches .submenu a:hover{color: #e50071;}.menu_nav--branches .child,.navigation__list .child{position:relative}.navigation__list .submenu{margin-bottom:12px}.navigation__list .submenu a{position:relative;font-size:1.3rem;padding:.5rem 0;line-height:2.5rem}.navigation__list .submenu a::after{content:"";position:absolute;right:-25px;bottom:50%;-webkit-transform:translateY(50%);transform:translateY(50%);width:15px;height:18px;background-image:url(/local/templates/sb2018/static_new/img/sprite/icon-types.svg);background-size:contain;background-position:center;background-repeat:no-repeat}@media (max-width:767px){.menu_nav--branches a::after{content:"";position:absolute;right:-25px;bottom:1.05em;-webkit-transform:translateY(50%);transform:translateY(50%);width:15px;height:18px;background-image:url(/local/templates/sb2018/static_new/img/sprite/icon-types.svg);background-size:contain;background-position:center;background-repeat:no-repeat}}.menu_nav--branches .child:after,.menu_nav--branches .child:before{transform:rotate(-45deg) translateX(3px);font-family:serif;content:'';position:absolute;right:-14px;top:1.6rem;display:block;background:#eb006e;width:6px;height:1px;transition:all .2s ease}.menu_nav--branches .child:before{transform:rotate(45deg) translateX(-3px)}.menu_nav--branches .child:hover>.submenu{display:block;transition:300ms}.dropdown{z-index:1}
.new-design .adv {display: block !important;color: inherit !important;background-color: unset !important;}

/* End */


/* Start:/local/templates/sb2018/template_styles.css?17440277106109*/
.st-number {
    font-size: 54px;
    font-weight: 700;
    line-height: 48px;
}
.action_banner{
    text-align:center;
    margin-bottom:-1rem;
}

.scroll-top {
    position: fixed;
    cursor: pointer;
    z-index: 10;
    width: 48px;
    height: 48px;
    bottom: 150px;
    right: 60px;
    background: #fff;
    border: 2px solid #eb006e;
    transition: all 0.2s ease-in;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    color: #eb006e;
    padding-bottom: 6px;
    border-radius: 50px;
    box-shadow: 0 0 25px #eb006e;
    opacity: 0;
}

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

.scroll-top__arrow {

}

.article__cke img {
    max-width: 100%!important;
    height: auto!important;
}


.input_text.error{
    position: relative;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}
.input_text:after{
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    top: calc(50% - 15px);
    right: 2rem;
    background-image: url('/local/templates/sb2018/static/img/forms/alert.svg');
    background-position: center right;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}
.input_text.error:after{
    opacity: 1;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}
.new-design .tariffs__table-bezopasnost{
    border-bottom:2px solid #727173;
}
.new-design .tariffs__table-bezopasnost td{
    text-align:left;
    padding: 10px;
    vertical-align: top;
    font-size:14px;
    line-height:21px;
}
.new-design .tariffs__table-bezopasnost tr:nth-child(1) td{
    color: #727173;
    border-bottom:2px solid #727173;
    font-weight: 600;
}
.new-design .tariffs__table-bezopasnost td:nth-child(1){
color: #eb006e;
}
.new-design .tariffs__table-bezopasnost td:nth-child(2){
    font-weight: 600;
}
.new-design .tariffs__table-bezopasnost td:nth-child(5){
    min-width: 130px;
    font-weight: 600;
}
.new-design .tariffs__table-bezopasnost td .btn{
    min-width: 170px;
}



@media screen and (max-width: 876px) {
    .new-design .tariffs__table-bezopasnost tr:nth-child(1){
        display: none;
    }
    .new-design .tariffs__table-bezopasnost tr{
        display: flex;
        flex-wrap: wrap;
        margin-top: 25px;
    }
    .new-design .tariffs__table-bezopasnost td {
        width: 100%;
        padding: 5px 0;
    }
    .new-design .tariffs__table-bezopasnost td:nth-child(1){
        width: 10%;
    }
    .new-design .tariffs__table-bezopasnost td:nth-child(2){
        width: 90%;
    }
}
@media screen and (max-width: 767px) {
    .input_text:after{
        content: '';
        right: 1rem;
    }
    .section .form_feedback .input_text:after{
        content: '';
        width: 50px;
        height: 50px;
        top: calc(50% - 25px);
        right: 2rem;
    }
}

@media screen and (max-width: 1024px) {
    .scroll-top {
        right: 30px;
        bottom: 80px;
    }
    ._orientationLeft_c621.wrap_e42b {
        bottom: 50px !important;
    }
    .footer {
        min-height: 11rem;
        padding-bottom: 90px;
    }
}

@media screen and (max-width: 480px) {
    ._orientationLeft_c621.wrap_e42b {
        /*bottom: 50px !important;
        right: 0px !important;
        left: auto !important;*/
    }
    ._orientationLeft_c621 .button_af6a {
        /*margin-left: auto;
        margin-right: 25px;*/
    }
    .footer {
        padding-bottom: 90px;
    }
}

.hint {
    font-size: 15px;
    color: #878787;
    font-weight: normal;
}

.pt-4 {
	padding-top: 3rem!important;
}

.pb-0 {
	padding-bottom: 0!important;
}

.mb-0 {
	margin-bottom: 0!important;
}
.mt-0 {
	margin-top: 0!important;
}

.section_title .section_title_custom_h1 {
	font-size: 55px;
}
.section--default-custom + section.result {
	padding-top: 0px;
}

/* advantages */
.advantages__wrapper {
    display: flex;
}
@media (max-width: 1023px) {
    .advantages__wrapper {
        flex-direction: column;
    }
}

.homepage__blocks .section-reviews__devops {
    margin-bottom: 0;
}
.homepage__blocks .adv.adv--store {
    padding-top: 0;
    padding-bottom: 0;
}
.new-design .homepage__blocks section.form-order {
    padding-top: 0;
}
.homepage__blocks h2.title--contacts {
    margin-top: 0;
}

@media screen and (max-width: 767px) {
    .homepage__blocks .reviews__item_author .img {
        max-width: 7.5rem;
        max-height: 7.5rem;
        height: auto;
        width: auto;
    }
}

/* logo */
.logo__desktop {
    display: flex;
    align-items: center;
    margin-left: 60px;
}
.logo__mobile {
    display: none;
    align-items: center;
    margin-top: 5px;
}
.logo__desktop img,
.logo__mobile img {
    position: relative;
    top: -2px;
    width: 16px;
    height: 16px;
    margin-right: 5px;
}
.logo__mobile img {
    width: 20px;
    height: 20px;
}
.logo__text {
    font-size: 14px;
    line-height: 108%;
    font-weight: 700;
    text-transform: uppercase;
    color: #0090ff;
    background-image: linear-gradient(45deg, #0090ff 18%, #4abdff 34%, #0090ff 58%, #4abdff 79%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.logo__text span {
    white-space: nowrap;
}

@media (max-width: 1359px) {
    .logo__desktop {
        position: absolute;
        margin-left: unset;
        left: 39%;
        top: 9px;
    }
}
@media (max-width: 1076px) {
    .logo__desktop {
        left: 38%;
        top: 6px;
    }
}
@media (max-width: 1024px) {
    .logo__desktop {
        display: none;
    }
    .logo__mobile {
        display: flex;
        align-items: center;
        margin-top: 3px;
    }
    .logo__mobile img {
        top: 0;
    }
    .logo__text {
        font-size: 1.01rem;
    }
}
@media (max-width: 896px) {
    .logo__text {
        font-size: 1rem;
    }
    .header .logo {
        position: relative;
    }
}

@media (max-width: 440px) {
    .header .logo {
        position: relative;
    }
    .logo__mobile img {
        width: 15px;
        height: 15px;
    }
}

/* End */
/* /local/templates/sb2018/static/css/main.css?1743163446330936 */
/* /local/templates/sb2018/static/js/vendor/fancybox/source/jquery.fancybox.min.css?17412685577175 */
/* /local/templates/sb2018/static/css/form.min.css?17412685573967 */
/* /local/templates/sb2018/static_new/css/style.css?1747739733314447 */
/* /local/components/x5/special.banner/templates/.default/style.min.css?1741268556167 */
/* /local/templates/sb2018/include/reading-progress/reading_progress.min.css?1741268557602 */
/* /local/templates/sb2018/components/bitrix/breadcrumb/.default/style.css?17477397332090 */
/* /local/templates/sb2018/components/bezr/form.result.new.befsend/request/style.min.css?1741268556105 */
/* /local/templates/sb2018/components/bitrix/menu/mobile_menu/style.min.css?1741268557598 */
/* /local/templates/sb2018/components/bezr/form.result.new.befsend/request_modal/style.min.css?174126855761 */
/* /local/templates/sb2018/styles.min.css?17477372231964 */
/* /local/templates/sb2018/template_styles.css?17440277106109 */