/* Start:/local/templates/sb2018/static/css/main.css?1751975866330937*/
/* 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: -6px;
  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/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/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/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/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?1751975866330937 */
/* /local/templates/sb2018/static/css/form.min.css?17412685573967 */
/* /local/components/x5/special.banner/templates/.default/style.min.css?1741268556167 */
/* /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/styles.min.css?17477372231964 */
/* /local/templates/sb2018/template_styles.css?17440277106109 */