@charset "UTF-8";
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
/* @import url(../fonts/geometria/stylesheet.css);
@import url(../fonts/helveticaneuecyr/stylesheet.css);
@import url(../fonts/icomoon/style.css); */

html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

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

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

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

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

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

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

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

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

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

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

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

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#my-menu {
  --mm-color-background: #fff;
  --mm-color-button: #20323f;
  --mm-color-text: #20323f; }
  #my-menu .mm-navbar__title {
    color: #20323f; }
  #my-menu .mm-listitem:after {
    left: 0; }

.mm-menu_offcanvas {
  padding-top: 60px; }

html {
  font-size: 16px;
  height: 100%;
  overflow-x: hidden; }

body {
  min-height: 100vh;
  scroll-behavior: smooth;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
  overflow-x: hidden;
  overflow-y: hidden;
  -webkit-font-smoothing: antialiased; }

* {
  font-family: "Geometria";
  font-weight: 400; }

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

ul[class],
ol[class] {
  list-style: none;
  padding: 0; }

body,
h1,
h2,
h3,
h4,
p,
ul[class],
ol[class],
li,
figure,
figcaption,
blockquote,
dl,
dd {
  margin: 0; }

a {
  text-decoration: none; }

a:not([class]) {
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto; }

img {
  max-width: 100%;
  display: block; }

input,
button,
textarea,
select {
  font: inherit; }

/* Удаляем все анимации и переходы для людей, которые предпочитай их не использовать */
@media (prefers-reduced-motion: reduce) {
  * {
    -webkit-animation-duration: 0.01ms !important;
            animation-duration: 0.01ms !important;
    -webkit-animation-iteration-count: 1 !important;
            animation-iteration-count: 1 !important;
    -webkit-transition-duration: 0.01ms !important;
         -o-transition-duration: 0.01ms !important;
            transition-duration: 0.01ms !important;
    scroll-behavior: auto !important; } }

audio,
canvas,
iframe,
img,
svg,
video,
textarea {
  vertical-align: middle; }

textarea {
  resize: none; }

section {
  position: relative; }

input,
select,
button {
  outline: none; }

/* my styles */
.hidden-content-quiz .quiz, .hidden-content-quiz-2 .quiz, .hidden-content-quiz-3 .quiz {
  padding-left: 50px;
  padding-right: 50px;
}

.articles .container .main__title > p {
  font-weight: bold;
}

#init-quiz .form-wrap {
  position: relative;
}

#init-quiz .form-wrap .error-message-text {
  margin: 0;
  font-size: 22px;
  position: absolute;
  top: -5px;
  left: -10px;
}

#quiz-wrapper #error-answer {
  color: #fff;
  margin-bottom: 10px;
}

.category .container .filters-category .swiper .swiper-filter-category .swiper-slide {
  flex-grow: 1;
}

.video {
  padding-top: 146px;
}

@media screen and (max-width: 1000px) {
  .video {
    padding-top: 60px;
  }
}

.article .container .article-wrap a {
	color: #292929;
}

.article .container .article-wrap a:hover {
	color: #00aeff;
	transition: color .2s ease;
}

.cases .cases-prev-next.bottom a:first-of-type {
  padding-right: 80px;
}

.cases .cases-prev-next {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.cases .cases-prev-next a {
  font-size: calc(14px + 2 * (100vw / 1920));
  text-transform: uppercase;
  color: #333333;
  font-weight: 400;
}

.cases .cases-prev-next a:hover, .cases .cases-prev-next a:focus {
  color: #666666;
}

.category .container .swiper .swiper-category .swiper-slide .slide-wrap__text .wrap__text ul li.services-red-text::before {
  content: unset;
}

.category .container .swiper .swiper-category .swiper-slide .slide-wrap__text .wrap__text ul li.services-red-text a {
  color: #ff4b48;
}

.error-message-text {
  font-size: 12px;
  color: #ff4b48;
  margin-bottom: 20px;
}

.feedback .container .form .wrap-form input,
.popup .formpath .form input:last-of-type,
.popup .formpath .form select:last-of-type,
.service-feedback .container .form .wrap-form input {
  margin-bottom: 0 !important;
}

/* #popup-form .error-message-text {
  margin-top: -20px;
  padding-bottom: 1px;
}

#popup-form textarea + .error-message-text {
  margin: 0;
} */

#contact-form-page .error-message-text,
#popup-form textarea + .error-message-text {
  margin: 0;
}

.page-numbers {
  font-size: 17px;
  transition: all 0.2s;
  font-weight: normal;
  color: #363635;
}

.page-numbers.current, .page-numbers:hover {
  transform: scale(1.3);
  font-weight: 500;
  color: #48b6ed;
}

.category .container .swiper .swiper-category .slides-navigation .slides-btns .swiper-btn::after {
  content: '';
}

.service .container .service__title a:first-child::after {
  content: '' !important;
  margin: 0 !important;
}

.main-breadcrumb span, .main-breadcrumb a {
  font-size: 15px;
  font-weight: 300;
  text-align: left;
  color: #000000;
}

.page-numbers {
  margin: 0 4px;
}

.page-numbers.dots {
  margin: 0;
}
/* my styles */

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

.content {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto; }

.container {
  margin: 0 auto;
  padding: 0 10px;
  max-width: 1020px;
  width: 100%;
  height: 100%; }

.button {
  position: relative;
  overflow: hidden;
  width: 178px;
  height: 43px;
  background-color: #f6d152;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #363635;
  border: none;
  cursor: pointer; }
  .button:after {
    background: #fff;
    content: "";
    height: 120px;
    left: -50px;
    opacity: 0.3;
    position: absolute;
    -webkit-transform: rotate(35deg);
        -ms-transform: rotate(35deg);
            transform: rotate(35deg);
    -webkit-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    width: 30px; }
  .button:hover:after {
    left: 110%;
    -webkit-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1); }

.footer {
  background-color: #e8e8e8;
  padding-top: 30px;
  position: relative;
  z-index: 1; }
  .footer .footer__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 30px; }
    @media only screen and (max-width: 900px) {
      .footer .footer__wrap {
        padding-bottom: 0; } }
    @media only screen and (max-width: 900px) {
      .footer .footer__wrap:first-child .footer-inner {
        border-top: 1px solid #9e9b9b; } }
    .footer .footer__wrap .footer-inner {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-flex: 0;
          -ms-flex: 0 0 75%;
              flex: 0 0 75%;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
    .footer .footer__wrap .footer__column {
      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;
      -webkit-box-flex: 0;
          -ms-flex: 0 0 22%;
              flex: 0 0 22%; }
      .footer .footer__wrap .footer__column .footer-logo {
        margin-bottom: 30px; }
        .footer .footer__wrap .footer__column .footer-logo img {
          width: 130px;
          height: 73px; }
      .footer .footer__wrap .footer__column.contacts {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 24%;
                flex: 0 0 24%;
        margin-right: 40px; }
        .footer .footer__wrap .footer__column.contacts .row {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: end;
              -ms-flex-align: end;
                  align-items: end;
          margin: 5px 0; }
          @media only screen and (max-width: 900px) {
            .footer .footer__wrap .footer__column.contacts .row {
              margin: 15px 0; } }
          .footer .footer__wrap .footer__column.contacts .row .icon {
            background-position: center !important;
            background-size: contain !important;
            background-repeat: no-repeat !important;
            height: 20px;
            width: 20px;
            margin-right: 15px; }
          .footer .footer__wrap .footer__column.contacts .row .text {
            font-size: 16px;
            font-weight: 300;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.13;
            letter-spacing: 0.4px;
            text-align: left;
            color: #20323f; }
        .footer .footer__wrap .footer__column.contacts .contacts-links a {
          margin-bottom: 20px; }
        @media only screen and (max-width: 1140px) {
          .footer .footer__wrap .footer__column.contacts .contacts-links {
            margin-bottom: 0;
            width: 72%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                    justify-content: space-between; }
            .footer .footer__wrap .footer__column.contacts .contacts-links a {
              -webkit-box-flex: 1;
                  -ms-flex: auto;
                      flex: auto; } }
        @media only screen and (max-width: 900px) {
          .footer .footer__wrap .footer__column.contacts .contacts-links {
            width: 100%; } }
        @media only screen and (max-width: 767px) {
          .footer .footer__wrap .footer__column.contacts .contacts-links {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                    justify-content: space-between;
            width: -webkit-fit-content;
            width: -moz-fit-content;
            width: fit-content;
            margin: auto;
            -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; } }
    .footer .footer__wrap .title {
      text-transform: uppercase;
      background-color: #e8e8e8;
      padding: 25px 0 10px;
      border-bottom: 1px solid #c7c5c5;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      border: none; }
      @media only screen and (max-width: 1140px) {
        .footer .footer__wrap .title {
          border-color: transparent; } }
      .footer .footer__wrap .title span {
        font-size: 15px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        letter-spacing: 0.38px;
        text-align: center;
        color: #20323f;
        border-bottom: 1px solid transparent;
        -webkit-transition: all 0.2s;
        -o-transition: all 0.2s;
        transition: all 0.2s; }
    .footer .footer__wrap .text span {
      position: relative;
      font-size: 14px;
      font-weight: 300;
      font-stretch: normal;
      font-style: normal;
      letter-spacing: 0.35px;
      margin-left: 10px;
      text-align: left;
      color: #20323f;
      -webkit-transition: all 0.2s;
      -o-transition: all 0.2s;
      transition: all 0.2s;
      border-bottom: 1px solid transparent; }
      .footer .footer__wrap .text span:before {
        content: "";
        display: block;
        position: absolute;
        top: 8px;
        width: 4px;
        height: 4px;
        border-radius: 50%;
        background-color: #fade45; }
      .footer .footer__wrap .text span:hover, .footer .footer__wrap .text span:focus {
        border-color: #20323f; }
    .footer .footer__wrap .text-contact {
      font-size: 16px;
      font-weight: 300;
      line-height: 1.13;
      letter-spacing: 0.4px;
      text-align: left;
      color: #20323f;
      border-bottom: 1px solid transparent;
      -webkit-transition: all 0.2s;
      -o-transition: all 0.2s;
      transition: all 0.2s; }
      .footer .footer__wrap .text-contact.text-address:hover, .footer .footer__wrap .text-contact.text-address:focus {
        border-color: transparent; }
      .footer .footer__wrap .text-contact:hover, .footer .footer__wrap .text-contact:focus {
        border-color: #20323f; }
    .footer .footer__wrap .text-all {
      text-transform: uppercase;
      font-size: 11px;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: normal;
      text-align: left;
      padding-top: 15px;
      margin: 10px 0;
      padding-left: 10px;
      border-top: 1px solid #9e9b9b; }
      .footer .footer__wrap .text-all span {
        font-weight: 500;
        color: #20323f;
        border-bottom: 1px solid transparent;
        -webkit-transition: all 0.2s;
        -o-transition: all 0.2s;
        transition: all 0.2s; }
        .footer .footer__wrap .text-all span:hover, .footer .footer__wrap .text-all span:focus {
          border-bottom-color: #20323f; }
      @media only screen and (max-width: 900px) {
        .footer .footer__wrap .text-all {
          margin-top: 0;
          border-top: 0; } }
  .footer .footer__legal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    border-top: 1px solid #9e9b9b;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 10px 0; }
    .footer .footer__legal a,
    .footer .footer__legal p {
      font-weight: 300;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: 0.9px;
      text-align: left;
      color: #1b1b1b; }
      @media (max-width: 767px) {
        .footer .footer__legal a,
        .footer .footer__legal p {
          font-size: calc( 12px + 6.8 * ((100vw - 320px) / 1920)); } }
      @media (min-width: 767px) {
        .footer .footer__legal a,
        .footer .footer__legal p {
          font-size: calc(12px + 4 * (100vw / 1920)); } }
      .footer .footer__legal a img,
      .footer .footer__legal p img {
        display: inline-block;
        margin-left: 10px;
        max-height: 80px; }
    .footer .footer__legal a:hover,
    .footer .footer__legal a:focus {
      text-decoration: underline; }
  @media only screen and (max-width: 1140px) {
    .footer .footer__wrap {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      .footer .footer__wrap .footer__column.contacts {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        margin-right: 0; }
        .footer .footer__wrap .footer__column.contacts a {
          -webkit-box-flex: 0;
              -ms-flex: 0 0 22%;
                  flex: 0 0 22%; }
        .footer .footer__wrap .footer__column.contacts .footer-logo {
          margin-bottom: 10px; }
        .footer .footer__wrap .footer__column.contacts .row {
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center; }
      .footer .footer__wrap .footer-inner {
        margin: 0;
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%; } }
  @media only screen and (max-width: 900px) {
    .footer .footer__wrap + .footer__wrap {
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
          -ms-flex-direction: column-reverse;
              flex-direction: column-reverse; }
    .footer .footer__wrap .footer-inner {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
    .footer .footer__wrap .footer__column {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-flex: 0;
          -ms-flex: 0 0 48%;
              flex: 0 0 48%; }
      .footer .footer__wrap .footer__column .text-all {
        text-align: center;
        width: 100%; }
      .footer .footer__wrap .footer__column.contacts {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        margin-right: 0; }
        .footer .footer__wrap .footer__column.contacts a {
          -webkit-box-flex: 0;
              -ms-flex: 0 0 33%;
                  flex: 0 0 33%; }
        .footer .footer__wrap .footer__column.contacts.footer-tesla {
          border-top: 1px solid #9e9b9b; }
    .footer .footer__wrap .title {
      width: 100%;
      padding-top: 20px; }
    .footer .footer__legal {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
      .footer .footer__legal a {
        margin-bottom: 10px; } }
  @media only screen and (max-width: 560px) {
    .footer .footer__wrap {
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      .footer .footer__wrap .footer__column.contacts {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 80%;
                flex: 0 0 80%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; }
        .footer .footer__wrap .footer__column.contacts .row {
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center; }
        .footer .footer__wrap .footer__column.contacts a {
          -webkit-box-flex: 0;
              -ms-flex: 0 0 100%;
                  flex: 0 0 100%;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center; }
        .footer .footer__wrap .footer__column.contacts .footer-logo {
          margin-bottom: 20px; }
      .footer .footer__wrap .footer-inner {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; }
      .footer .footer__wrap .footer__column {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 80%;
                flex: 0 0 80%; }
        .footer .footer__wrap .footer__column .panel-btn {
          cursor: pointer;
          background-color: #e8e8e8; }
          .footer .footer__wrap .footer__column .panel-btn.active span {
            border-color: #20323f; }
          .footer .footer__wrap .footer__column .panel-btn.active + .text-wrap {
            opacity: 1;
            -webkit-transform: scale(1) rotateX(0);
                    transform: scale(1) rotateX(0); }
        .footer .footer__wrap .footer__column .text-wrap {
          -webkit-transition: all 0.45s ease-out;
          -o-transition: all 0.45s ease-out;
          transition: all 0.45s ease-out;
          max-height: 0;
          opacity: 0;
          -webkit-transform: scale(0.9) rotateX(-60deg);
                  transform: scale(0.9) rotateX(-60deg);
          overflow: hidden; }
        .footer .footer__wrap .footer__column .title {
          width: 100%; }
        .footer .footer__wrap .footer__column .text-all {
          width: 100%; } }

header {
  background-color: #fff;
  padding-bottom: 46px;
  position: fixed;
  width: 100%;
  z-index: 999;
  opacity: 1; }
  @media screen and (max-width: 1000px) {
    header {
      padding-bottom: 0; } }
  header .container {
    position: relative; }
  header .header__sup {
    position: relative;
    z-index: 20;
    padding: 10px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    header .header__sup .header__sup-box {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      header .header__sup .header__sup-box .menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        border: none;
        background-color: transparent;
        cursor: pointer;
        padding: 0; }
        header .header__sup .header__sup-box .menu p {
          width: 60px;
          height: 20px;
          text-transform: uppercase;
          font-size: 14px;
          color: #20323f;
          margin-top: 3px;
          margin-left: 10px;
          background: -webkit-gradient(linear, left top, right top, from(#20323f), color-stop(10%, #fff), color-stop(30%, #20323f));
          background: -o-linear-gradient(left, #20323f 0%, #fff 10%, #20323f 30%);
          background: linear-gradient(to right, #20323f 0%, #fff 10%, #20323f 30%);
          background-position: -5px;
          -webkit-background-clip: text;
                  background-clip: text;
          -webkit-text-fill-color: transparent;
          -webkit-animation-fill-mode: forwards;
                  animation-fill-mode: forwards;
          -webkit-text-size-adjust: none;
          -webkit-transition: all 1s;
          -o-transition: all 1s;
          transition: all 1s; }
          @media screen and (max-width: 1000px) {
            header .header__sup .header__sup-box .menu p {
              display: none; } }
          header .header__sup .header__sup-box .menu p span {
            overflow: hidden;
            font-weight: 500; }
            header .header__sup .header__sup-box .menu p span::after {
              content: "";
              display: block;
              opacity: 0;
              width: 50%;
              margin: 0 auto;
              height: 1px;
              background: #ffd800;
              -webkit-transition: all 0.5s 0.3s;
              -o-transition: all 0.5s 0.3s;
              transition: all 0.5s 0.3s; }
        header .header__sup .header__sup-box .menu .burger-toggle {
          width: 30px;
          height: 40px;
          z-index: 11;
          opacity: 1;
          -webkit-transform: translateY(0);
              -ms-transform: translateY(0);
                  transform: translateY(0);
          background-color: transparent; }
          header .header__sup .header__sup-box .menu .burger-toggle span {
            width: 26px;
            height: 2px;
            background: #20323f;
            position: absolute;
            left: 50%;
            top: 50%;
            -webkit-transition: all 0.2s;
            -o-transition: all 0.2s;
            transition: all 0.2s;
            -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
                -ms-transform: matrix(1, 0, 0, 1, 0, 0);
                    transform: matrix(1, 0, 0, 1, 0, 0);
            margin: -1px 0 0 -13px; }
            header .header__sup .header__sup-box .menu .burger-toggle span:first-child {
              -webkit-transform: matrix(1, 0, 0, 1, 0, -10);
                  -ms-transform: matrix(1, 0, 0, 1, 0, -10);
                      transform: matrix(1, 0, 0, 1, 0, -10); }
              header .header__sup .header__sup-box .menu .burger-toggle span:first-child.active {
                -webkit-transform: matrix(0.7071, 0.7071, -0.7071, 0.7071, 0, 0);
                    -ms-transform: matrix(0.7071, 0.7071, -0.7071, 0.7071, 0, 0);
                        transform: matrix(0.7071, 0.7071, -0.7071, 0.7071, 0, 0); }
            header .header__sup .header__sup-box .menu .burger-toggle span:nth-child(2).active {
              opacity: 0; }
            header .header__sup .header__sup-box .menu .burger-toggle span:last-child {
              -webkit-transform: matrix(1, 0, 0, 1, 0, 10);
                  -ms-transform: matrix(1, 0, 0, 1, 0, 10);
                      transform: matrix(1, 0, 0, 1, 0, 10); }
              header .header__sup .header__sup-box .menu .burger-toggle span:last-child.active {
                -webkit-transform: matrix(0.7071, -0.7071, 0.7071, 0.7071, 0, 0);
                    -ms-transform: matrix(0.7071, -0.7071, 0.7071, 0.7071, 0, 0);
                        transform: matrix(0.7071, -0.7071, 0.7071, 0.7071, 0, 0); }
        header .header__sup .header__sup-box .menu:hover span:first-child,
        header .header__sup .header__sup-box .menu:focus span:first-child {
          -webkit-transform: matrix(1, 0, 0, 1, 0, -12);
              -ms-transform: matrix(1, 0, 0, 1, 0, -12);
                  transform: matrix(1, 0, 0, 1, 0, -12); }
        header .header__sup .header__sup-box .menu:hover span:last-child,
        header .header__sup .header__sup-box .menu:focus span:last-child {
          -webkit-transform: matrix(1, 0, 0, 1, 0, 12);
              -ms-transform: matrix(1, 0, 0, 1, 0, 12);
                  transform: matrix(1, 0, 0, 1, 0, 12); }
        header .header__sup .header__sup-box .menu:hover span:after,
        header .header__sup .header__sup-box .menu:focus span:after {
          opacity: 1; }
        header .header__sup .header__sup-box .menu:hover p,
        header .header__sup .header__sup-box .menu:focus p {
          background-position: 50px; }
        @media only screen and (max-width: 1000px) {
          header .header__sup .header__sup-box .menu#desktop-menu {
            display: none; } }
        header .header__sup .header__sup-box .menu#mmenu-icon {
          display: none; }
          @media only screen and (max-width: 1000px) {
            header .header__sup .header__sup-box .menu#mmenu-icon {
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex; } }
      header .header__sup .header__sup-box .social {
        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;
        width: 100px;
        margin: 0 25px; }
        @media screen and (max-width: 1000px) {
          header .header__sup .header__sup-box .social {
            display: none; } }
        header .header__sup .header__sup-box .social a {
          cursor: pointer;
          color: #20323f;
          font-size: 20px;
          -webkit-transition: all 0.2s;
          -o-transition: all 0.2s;
          transition: all 0.2s; }
          header .header__sup .header__sup-box .social a:hover, header .header__sup .header__sup-box .social a:focus {
            -webkit-transition: all 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86);
            -o-transition: all 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86);
            transition: all 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86);
            -webkit-transform: scale(1.5);
                -ms-transform: scale(1.5);
                    transform: scale(1.5); }
      header .header__sup .header__sup-box .mail {
        font-size: 15px;
        font-weight: 500;
        width: 130px;
        height: 20px;
        color: #20323f;
        background: -webkit-gradient(linear, left top, right top, from(#20323f), color-stop(10%, #fff), color-stop(30%, #20323f));
        background: -o-linear-gradient(left, #20323f 0%, #fff 10%, #20323f 30%);
        background: linear-gradient(to right, #20323f 0%, #fff 10%, #20323f 30%);
        background-position: -28px;
        -webkit-background-clip: text;
                background-clip: text;
        -webkit-text-fill-color: transparent;
        -webkit-animation-fill-mode: forwards;
                animation-fill-mode: forwards;
        -webkit-text-size-adjust: none;
        -webkit-transition: all 1s;
        -o-transition: all 1s;
        transition: all 1s; }
        header .header__sup .header__sup-box .mail:hover::after, header .header__sup .header__sup-box .mail:focus::after {
          opacity: 1; }
        header .header__sup .header__sup-box .mail span {
          display: inline-block;
          overflow: hidden;
          font-weight: 500; }
          header .header__sup .header__sup-box .mail span::after {
            content: "";
            display: block;
            opacity: 0;
            width: 50%;
            margin: 0 auto;
            height: 1px;
            background: #ffd800;
            -webkit-transition: all 0.5s 0.5s;
            -o-transition: all 0.5s 0.5s;
            transition: all 0.5s 0.5s; }
          header .header__sup .header__sup-box .mail span:hover::after, header .header__sup .header__sup-box .mail span:focus::after {
            opacity: 1; }
        header .header__sup .header__sup-box .mail:hover, header .header__sup .header__sup-box .mail:focus {
          background-position: 100px; }
        @media screen and (max-width: 1000px) {
          header .header__sup .header__sup-box .mail {
           display: none;} }
      header .header__sup .header__sup-box .call-text {
        cursor: pointer;
        width: 150px;
        background-color: transparent;
        border: none;
        font-size: 15px;
        font-weight: 500;
        color: #20323f;
        padding: 0;
        line-height: 16px;
        margin-right: 10px;
        background: -webkit-gradient(linear, left top, right top, from(#20323f), color-stop(10%, #fff), color-stop(30%, #20323f));
        background: -o-linear-gradient(left, #20323f 0%, #fff 10%, #20323f 30%);
        background: linear-gradient(to right, #20323f 0%, #fff 10%, #20323f 30%);
        background-position: -20px;
        -webkit-background-clip: text;
                background-clip: text;
        -webkit-text-fill-color: transparent;
        -webkit-animation-fill-mode: forwards;
                animation-fill-mode: forwards;
        -webkit-text-size-adjust: none;
        -webkit-transition: all 1s;
        -o-transition: all 1s;
        transition: all 1s; }
        header .header__sup .header__sup-box .call-text span {
          overflow: hidden;
          border-bottom: 1px solid #20323f;
          font-weight: 500; }
        header .header__sup .header__sup-box .call-text:hover, header .header__sup .header__sup-box .call-text:focus {
          background-position: 130px; }
        @media screen and (max-width: 1000px), screen and (max-height: 500px) {
          header .header__sup .header__sup-box .call-text {
            display: none; } }
      header .header__sup .header__sup-box .phone {
        font-size: 16px;
        opacity: 1;
        height: 24px;
        color: #20323f;
        width: 170px;
        text-align: right;
        -webkit-transition: all 0.2s;
        -o-transition: all 0.2s;
        transition: all 0.2s;
        background: -webkit-gradient(linear, left top, right top, from(#20323f), color-stop(5%, #fff), color-stop(15%, #20323f));
        background: -o-linear-gradient(left, #20323f 0%, #fff 5%, #20323f 15%);
        background: linear-gradient(to right, #20323f 0%, #fff 5%, #20323f 15%);
        background-position: -5px;
        -webkit-background-clip: text;
                background-clip: text;
        -webkit-text-fill-color: transparent;
        -webkit-animation-fill-mode: forwards;
                animation-fill-mode: forwards;
        -webkit-text-size-adjust: none;
        -webkit-transition: all 1s;
        -o-transition: all 1s;
        transition: all 1s; }
        header .header__sup .header__sup-box .phone span {
          overflow: hidden;
          font-weight: bold; }
        header .header__sup .header__sup-box .phone:hover, header .header__sup .header__sup-box .phone:focus {
          background-position: 165px; }
  header .header__sub {
    margin: 0 -10px; }
    @media screen and (max-width: 1000px) {
      header .header__sub {
        display: none; } }
    header .header__sub .nav ul {
      height: 40px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      padding: 0;
      margin: 0; }
      header .header__sub .nav ul li {
        list-style: none;
        text-align: center; }

        @supports (-ms-ime-align:auto) {
          header .header__sub .nav ul li a,
          header .nav-mobile .links-wrapper .box-links .link p {
            -webkit-text-fill-color: unset !important;
          }
        }
        header .header__sub .nav ul li a {
          cursor: pointer;
          display: inline-block;
          height: 22px;
          width: 100px;
          color: #20323f;
          font-size: 16px;
          background: -webkit-gradient(linear, left top, right top, from(#20323f), color-stop(10%, #fff), color-stop(15%, #20323f));
          background: -o-linear-gradient(left, #20323f 0%, #fff 10%, #20323f 15%);
          background: linear-gradient(to right, #20323f 0%, #fff 10%, #20323f 15%);
          background-position: -10px;
          -webkit-background-clip: text;
                  background-clip: text;
          -webkit-text-fill-color: transparent;
          -webkit-animation-fill-mode: forwards;
                  animation-fill-mode: forwards;
          -webkit-text-size-adjust: none;
          -webkit-transition: all 1s;
          -o-transition: all 1s;
          transition: all 1s; }
          header .header__sub .nav ul li a span {
            display: inline-block;
            overflow: hidden;
            font-weight: 500; }
            header .header__sub .nav ul li a span::after {
              content: "";
              display: block;
              opacity: 0;
              width: 50%;
              margin: 0 auto;
              height: 1px;
              background: #ffd800;
              -webkit-transition: all 0.5s 0.5s;
              -o-transition: all 0.5s 0.5s;
              transition: all 0.5s 0.5s; }
            header .header__sub .nav ul li a span:hover::after, header .header__sub .nav ul li a span:focus::after {
              opacity: 1; }
          header .header__sub .nav ul li a:hover, header .header__sub .nav ul li a:focus {
            background-position: 90px; }
        header .header__sub .nav ul li .logo-link {
          position: relative;
          width: auto;
          bottom: 15px;
          height: auto;
          border-bottom: 0px;
          background-position: -20px; }
          header .header__sub .nav ul li .logo-link:hover, header .header__sub .nav ul li .logo-link:focus {
            background-position: 170px;
            border-bottom: 0px; }
          header .header__sub .nav ul li .logo-link p {
            font-size: 10.5px;
            text-transform: uppercase;
            font-weight: bold;
            letter-spacing: 0.53px;
            text-align: center;
            color: #20323f; }
      header .header__sub .nav ul li[id^='accardion-btn'] .accardion-link::after {
        width: 0;
        height: 0px;
        border: 4px solid transparent;
        border-bottom: none;
        border-top-color: #20323f;
        content: "";
        vertical-align: middle;
        display: inline-block;
        position: relative;
        right: -5px;
        top: -35%;
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s; }
      header .header__sub .nav ul li[id^='accardion-btn'].active .accardion-link::after {
        -webkit-transform: scale(1, -1);
            -ms-transform: scale(1, -1);
                transform: scale(1, -1); }
      header .header__sub .nav ul li[id^='accardion-btn'].active span::after {
        opacity: 1; }
  header .nav-mobile {
    min-height: 480px;
    padding: 115px 0 70px;
    background-color: #fff;
    position: fixed;
    opacity: 0;
    top: 0;
    left: 0;
    width: 100vw;
    z-index: 10;
    -webkit-transform: translateY(-120%);
        -ms-transform: translateY(-120%);
            transform: translateY(-120%);
    -webkit-transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1); }
    @media screen and (max-width: 1000px), screen and (max-height: 500px) {
      header .nav-mobile {
        height: 100%;
        padding-top: 80px; } }
    @media screen and (max-width: 1000px), screen and (max-height: 500px) {
      header .nav-mobile .container {
        overflow-x: hidden; } }
    header .nav-mobile .image {
      position: absolute;
      right: -20%;
      top: -30px;
      z-index: -1;
      background-size: cover !important;
      background: url("../images/content/header/menu_img.webp");
      background-repeat: no-repeat !important;
      width: 430px;
      height: 480px; }
      @media screen and (max-width: 900px) {
        header .nav-mobile .image {
          display: none; } }
    header .nav-mobile .title {
      width: 70%;
      padding-bottom: 10px;
      border-bottom: 1px solid #20323f;
      text-transform: uppercase;
      text-shadow: 0.6px 0.8px 2px rgba(0, 0, 0, 0.27);
      font-family: Geometria;
      font-size: 20px;
      font-weight: 500;
      color: #20323f; }
      @media screen and (max-width: 1000px), screen and (max-height: 500px) {
        header .nav-mobile .title {
          width: 80%; } }
    header .nav-mobile .links-wrapper {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      margin-top: 70px; }
      @media screen and (max-width: 1000px), screen and (max-height: 500px) {
        header .nav-mobile .links-wrapper {
          margin-top: 40px; } }
      header .nav-mobile .links-wrapper .box-links {
        margin-right: 40px; }
        @media screen and (max-width: 1000px), screen and (max-height: 500px) {
          header .nav-mobile .links-wrapper .box-links {
            -webkit-box-flex: 0;
                -ms-flex: 0 0 35%;
                    flex: 0 0 35%; } }
        header .nav-mobile .links-wrapper .box-links .link {
          margin-bottom: 25px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center; }
          header .nav-mobile .links-wrapper .box-links .link img {
            min-width: 20px;
            max-height: 24px;
            -o-object-fit: contain;
               object-fit: contain; }
          header .nav-mobile .links-wrapper .box-links .link p {
            width: 220px;
            margin-left: 10px;
            font-size: 20px;
            font-weight: 500;
            color: #20323f;
            line-height: 20px;
            white-space: nowrap;
            background: -webkit-gradient(linear, left top, right top, from(#20323f), color-stop(5%, #fff), color-stop(15%, #20323f));
            background: -o-linear-gradient(left, #20323f 0%, #fff 5%, #20323f 15%);
            background: linear-gradient(to right, #20323f 0%, #fff 5%, #20323f 15%);
            background-position: -25px;
            -webkit-background-clip: text;
                    background-clip: text;
            -webkit-text-fill-color: transparent;
            -webkit-animation-fill-mode: forwards;
                    animation-fill-mode: forwards;
            -webkit-text-size-adjust: none;
            -webkit-transition: all 1s;
            -o-transition: all 1s;
            transition: all 1s; }
            header .nav-mobile .links-wrapper .box-links .link p span {
              display: inline-block;
              overflow: hidden;
              font-weight: 500; }
              header .nav-mobile .links-wrapper .box-links .link p span::after {
                content: "";
                display: block;
                opacity: 0;
                width: 50%;
                margin: 0 auto;
                height: 1px;
                background: #ffd800;
                -webkit-transition: all 0.5s 0.5s;
                -o-transition: all 0.5s 0.5s;
                transition: all 0.5s 0.5s; }
              header .nav-mobile .links-wrapper .box-links .link p span:hover::after, header .nav-mobile .links-wrapper .box-links .link p span:focus::after {
                opacity: 1; }
            header .nav-mobile .links-wrapper .box-links .link p:hover, header .nav-mobile .links-wrapper .box-links .link p:focus {
              background-position: 195px; }
    header .nav-mobile.active {
      -webkit-transform: translateY(0);
          -ms-transform: translateY(0);
              transform: translateY(0);
      opacity: 1; }

.accardion {
  position: fixed;
  z-index: 999;
  background-color: white;
  width: 100%;
  margin-top: 150px;
  -webkit-transform: translateY(-180%);
      -ms-transform: translateY(-180%);
          transform: translateY(-180%);
  -webkit-transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1); }
  .accardion .container .accardion-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    height: 120px;
    margin-top: 20px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    @media screen and (max-width: 1000px), screen and (max-height: 500px) {
      .accardion .container .accardion-wrapper {
        margin-top: 40px; } }
    .accardion .container .accardion-wrapper .link {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 25%;
              flex: 1 1 25%;
      margin-bottom: 20px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-transition: all 1s;
      -o-transition: all 1s;
      transition: all 1s; }
      .accardion .container .accardion-wrapper .link span {
        display: inline-block;
        overflow: hidden;
        font-weight: 500; }
        .accardion .container .accardion-wrapper .link span::after {
          content: "";
          display: block;
          opacity: 0;
          width: 50%;
          margin: 4px auto 0;
          height: 1px;
          background: #ffd800;
          -webkit-transition: all 0.5s;
          -o-transition: all 0.5s;
          transition: all 0.5s; }
        .accardion .container .accardion-wrapper .link span:hover::after, .accardion .container .accardion-wrapper .link span:focus::after {
          opacity: 1; }
      .accardion .container .accardion-wrapper .link:hover, .accardion .container .accardion-wrapper .link:focus {
        background-position: 230px; }
      .accardion .container .accardion-wrapper .link img {
        min-width: 20px;
        max-height: 24px;
        -o-object-fit: contain;
           object-fit: contain; }
      .accardion .container .accardion-wrapper .link p {
        margin-left: 10px;
        font-size: 18px;
        font-weight: 500;
        color: #20323f;
        line-height: 20px;
        white-space: nowrap; }
  .accardion.active {
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0); }

.popup {
  max-width: 530px;
  background-color: #fff;
  position: relative; }
  .popup .formpath {
    position: relative;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 35px;
    background: #fff; }
    .popup .formpath .form {
      width: 64%; }
      @media only screen and (max-width: 600px) {
        .popup .formpath .form {
          width: 100%; } }
      .popup .formpath .form h4 {
        text-align: center;
        color: #292929;
        line-height: 1; }
        @media (max-width: 767px) {
          .popup .formpath .form h4 {
            font-size: calc( 16px + 5.1 * ((100vw - 320px) / 1920)); } }
        @media (min-width: 767px) {
          .popup .formpath .form h4 {
            font-size: calc(16px + 3 * (100vw / 1920)); } }
        .popup .formpath .form h4 span {
          text-transform: uppercase;
          font-weight: bold;
          display: block;
          margin-bottom: 8px; }
          @media (max-width: 767px) {
            .popup .formpath .form h4 span {
              font-size: calc( 16px + 5.1 * ((100vw - 320px) / 1920)); } }
          @media (min-width: 767px) {
            .popup .formpath .form h4 span {
              font-size: calc(16px + 3 * (100vw / 1920)); } }
      .popup .formpath .form input,
      .popup .formpath .form select {
        width: 100%;
        border: none;
        display: block;
        height: 40px;
        border: 1px solid #333;
        background-color: #fff;
        margin-bottom: 23px;
        font-size: 13px;
        font-weight: 400;
        color: #292929;
        padding: 0 15px; }
        .popup .formpath .form input:last-of-type,
        .popup .formpath .form select:last-of-type {
          margin-bottom: 20px; }
      .popup .formpath .form textarea {
        outline: none;
        width: 100%;
        height: 90px;
        font-size: 13px;
        font-weight: 400;
        color: #292929;
        border: 1px solid #333;
        padding: 10px; }
      .popup .formpath .form label {
        position: relative;
        display: inline-block;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        padding: 0 5px;
        top: 36px;
        left: 10px;
        background-color: #fff;
        font-size: 13px;
        font-weight: 400;
        margin-bottom: 8px;
        color: #292929;
        -webkit-transition: all 0.2s;
        -o-transition: all 0.2s;
        transition: all 0.2s; }
        .popup .formpath .form label[for="services"] {
          top: 16px;
          font-size: 12px; }
        .popup .formpath .form label span {
          color: #48b6ed; }
        .popup .formpath .form label.active {
          top: 16px; }
      .popup .formpath .form .button {
        width: 145px;
        height: 38px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 20px auto;
        font-weight: normal;
        text-align: justify;
        color: #ffffff;
        background-color: #48b6ed; }
        @media (max-width: 767px) {
          .popup .formpath .form .button {
            font-size: calc( 14px + 3.4 * ((100vw - 320px) / 1920)); } }
        @media (min-width: 767px) {
          .popup .formpath .form .button {
            font-size: calc(14px + 2 * (100vw / 1920)); } }
      .popup .formpath .form .soglasen {
        font-size: 12px;
        text-align: center;
        color: #4d4c4c; }
      .popup .formpath .form .form-wrap {
        position: relative; }
        .popup .formpath .form .form-wrap input[name="phone"],
        .popup .formpath .form .form-wrap input[name="phone_popup"]
         {
          color: transparent; }
        .popup .formpath .form .form-wrap input[name="phone"]:focus,
        .popup .formpath .form .form-wrap input[name="phone_popup"]:focus
        {
          color: #292929; }
        .popup .formpath .form .form-wrap label.active + input[name="phone"],
        .popup .formpath .form .form-wrap label.active + input[name="phone_popup"]
         {
          color: #292929; }
    .popup .formpath .img {
      position: absolute;
      right: -45px; }
      @media only screen and (max-width: 600px) {
        .popup .formpath .img {
          display: none; } }
  .popup .hrest {
    position: absolute;
    cursor: pointer;
    width: 40px;
    height: 40px;
    top: 25px;
    right: 0px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
    .popup .hrest:hover, .popup .hrest:focus {
      opacity: 0.8;
      -webkit-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s; }
    .popup .hrest span {
      content: "";
      display: block;
      width: 25px;
      height: 2px;
      background-color: #292929;
      -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
              transform: rotate(45deg); }
      .popup .hrest span:first-child {
        -webkit-transform: rotate(-45deg) translate(-1px, 1px);
            -ms-transform: rotate(-45deg) translate(-1px, 1px);
                transform: rotate(-45deg) translate(-1px, 1px); }

.fancybox-content {
  padding: 0; }

.hidden-content-credit {
  background-color: #fff;
  position: relative; }
  .hidden-content-credit .credit {
    position: relative;
    padding: 40px 20px 40px 20px;
    width: auto;
    max-width: 700px;
    margin: 20px auto;
    background-size: cover !important;
    background: url("../images/content/popup/logo-tinkoff.png");
    background-repeat: no-repeat !important;
    background-size: 85% auto !important;
    background-repeat: no-repeat !important;
    background-position: center !important; }
    .hidden-content-credit .credit .title {
      text-align: center;
      position: relative;
      padding-bottom: 15px;
      margin-bottom: 15px; }
      .hidden-content-credit .credit .title h3 {
        color: #333;
        font-weight: 500;
        margin-bottom: 10px;
        line-height: 1; }
        @media (max-width: 767px) {
          .hidden-content-credit .credit .title h3 {
            font-size: calc( 24px + 18.7 * ((100vw - 320px) / 1920)); } }
        @media (min-width: 767px) {
          .hidden-content-credit .credit .title h3 {
            font-size: calc(24px + 11 * (100vw / 1920)); } }
      @media (max-width: 767px) {
        .hidden-content-credit .credit .title p {
          font-size: calc( 18px + 10.2 * ((100vw - 320px) / 1920)); } }
      @media (min-width: 767px) {
        .hidden-content-credit .credit .title p {
          font-size: calc(18px + 6 * (100vw / 1920)); } }
      .hidden-content-credit .credit .title p span {
        color: #3f94db; }
      .hidden-content-credit .credit .title::after {
        content: "";
        position: absolute;
        bottom: 0px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 35px;
        height: 4px;
        background-color: #ffdf3f; }
    .hidden-content-credit .credit .description {
      text-align: center;
      font-weight: 500;
      margin-bottom: 45px; }
      @media (max-width: 767px) {
        .hidden-content-credit .credit .description {
          font-size: calc( 18px + 10.2 * ((100vw - 320px) / 1920)); } }
      @media (min-width: 767px) {
        .hidden-content-credit .credit .description {
          font-size: calc(18px + 6 * (100vw / 1920)); } }
      .hidden-content-credit .credit .description p {
        z-index: 5;
        position: relative; }
        .hidden-content-credit .credit .description p span {
          color: #3f94db; }
    .hidden-content-credit .credit .buttons-wrap {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      @media only screen and (max-width: 440px) {
        .hidden-content-credit .credit .buttons-wrap {
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column; } }
      .hidden-content-credit .credit .buttons-wrap a.button {
        cursor: pointer;
        border: 1px solid #3f94db;
        padding: 10px 10px;
        background-color: #3f94db;
        color: #fff;
        -webkit-transition: background-color 0.2s ease;
        -o-transition: background-color 0.2s ease;
        transition: background-color 0.2s ease;
        font-weight: 400; }
        @media (max-width: 767px) {
          .hidden-content-credit .credit .buttons-wrap a.button {
            font-size: calc( 10px + 3.4 * ((100vw - 320px) / 1920)); } }
        @media (min-width: 767px) {
          .hidden-content-credit .credit .buttons-wrap a.button {
            font-size: calc(10px + 2 * (100vw / 1920)); } }
        @media only screen and (max-width: 440px) {
          .hidden-content-credit .credit .buttons-wrap a.button {
            width: 100%; } }
        .hidden-content-credit .credit .buttons-wrap a.button:last-child {
          margin-left: 10px;
          color: #3f94db;
          background-color: #fff; }
          @media only screen and (max-width: 440px) {
            .hidden-content-credit .credit .buttons-wrap a.button:last-child {
              margin: 20px; } }
          .hidden-content-credit .credit .buttons-wrap a.button:last-child::after {
            display: none; }
          .hidden-content-credit .credit .buttons-wrap a.button:last-child:hover {
            background-color: #3f94db;
            color: #fff; }

.fancybox-slide .fancybox-content {
  background: none; }
  .fancybox-slide .fancybox-content .fancybox-button svg path {
    fill: #fff;
    -webkit-transform: scale(1.5) translate(-4px, -4px);
        -ms-transform: scale(1.5) translate(-4px, -4px);
            transform: scale(1.5) translate(-4px, -4px); }

.hidden-content-quiz,
.hidden-content-quiz-2,
.hidden-content-quiz-3 {
  background-image: -o-linear-gradient(315deg, #5a32b2 0%, #12c1cd 100%);
  background-image: linear-gradient(135deg, #5a32b2 0%, #12c1cd 100%);
  position: relative;
  overflow: hidden; }
  .hidden-content-quiz .bg__img,
  .hidden-content-quiz-2 .bg__img,
  .hidden-content-quiz-3 .bg__img {
    position: absolute;
    z-index: 0; }
    .hidden-content-quiz .bg__img.bg__img-1,
    .hidden-content-quiz-2 .bg__img.bg__img-1,
    .hidden-content-quiz-3 .bg__img.bg__img-1 {
      left: 0;
      top: 0%;
      width: 50%; }
    .hidden-content-quiz .bg__img.bg__img-2,
    .hidden-content-quiz-2 .bg__img.bg__img-2,
    .hidden-content-quiz-3 .bg__img.bg__img-2 {
      right: 0%;
      bottom: 0;
      width: 45%; }
    .hidden-content-quiz .bg__img.bg__img-3,
    .hidden-content-quiz-2 .bg__img.bg__img-3,
    .hidden-content-quiz-3 .bg__img.bg__img-3 {
      right: -5%;
      top: -30%;
      width: 32%;
      -webkit-transform: rotate(-140deg);
          -ms-transform: rotate(-140deg);
              transform: rotate(-140deg); }
      @media screen and (max-width: 500px) {
        .hidden-content-quiz .bg__img.bg__img-3,
        .hidden-content-quiz-2 .bg__img.bg__img-3,
        .hidden-content-quiz-3 .bg__img.bg__img-3 {
          display: none; } }
    .hidden-content-quiz .bg__img.bg__img-4,
    .hidden-content-quiz-2 .bg__img.bg__img-4,
    .hidden-content-quiz-3 .bg__img.bg__img-4 {
      left: -5%;
      bottom: -16%;
      width: 32%;
      -webkit-transform: rotate(40deg);
          -ms-transform: rotate(40deg);
              transform: rotate(40deg); }
      @media screen and (max-width: 500px) {
        .hidden-content-quiz .bg__img.bg__img-4,
        .hidden-content-quiz-2 .bg__img.bg__img-4,
        .hidden-content-quiz-3 .bg__img.bg__img-4 {
          display: none; } }
  .hidden-content-quiz .quiz,
  .hidden-content-quiz-2 .quiz,
  .hidden-content-quiz-3 .quiz {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: auto;
    max-width: 800px;
    min-height: 40vh;
    margin: 50px auto; }
    .hidden-content-quiz .quiz .title,
    .hidden-content-quiz-2 .quiz .title,
    .hidden-content-quiz-3 .quiz .title {
      text-align: center;
      position: relative;
      padding-bottom: 15px;
      margin: 15px 100px; }
      @media screen and (max-width: 700px) {
        .hidden-content-quiz .quiz .title,
        .hidden-content-quiz-2 .quiz .title,
        .hidden-content-quiz-3 .quiz .title {
          margin: 15px 30px; } }
      .hidden-content-quiz .quiz .title h3,
      .hidden-content-quiz-2 .quiz .title h3,
      .hidden-content-quiz-3 .quiz .title h3 {
        text-transform: uppercase;
        color: #fff;
        font-weight: 500;
        margin-bottom: 10px;
        line-height: 1; }
        @media (max-width: 767px) {
          .hidden-content-quiz .quiz .title h3,
          .hidden-content-quiz-2 .quiz .title h3,
          .hidden-content-quiz-3 .quiz .title h3 {
            font-size: calc( 20px + 17 * ((100vw - 320px) / 1920)); } }
        @media (min-width: 767px) {
          .hidden-content-quiz .quiz .title h3,
          .hidden-content-quiz-2 .quiz .title h3,
          .hidden-content-quiz-3 .quiz .title h3 {
            font-size: calc(20px + 10 * (100vw / 1920)); } }
        .hidden-content-quiz .quiz .title h3 span,
        .hidden-content-quiz-2 .quiz .title h3 span,
        .hidden-content-quiz-3 .quiz .title h3 span {
          color: #ffdf3f;
          font-weight: 500; }
      .hidden-content-quiz .quiz .title p,
      .hidden-content-quiz-2 .quiz .title p,
      .hidden-content-quiz-3 .quiz .title p {
        color: #fff; }
        @media (max-width: 767px) {
          .hidden-content-quiz .quiz .title p,
          .hidden-content-quiz-2 .quiz .title p,
          .hidden-content-quiz-3 .quiz .title p {
            font-size: calc( 16px + 17 * ((100vw - 320px) / 1920)); } }
        @media (min-width: 767px) {
          .hidden-content-quiz .quiz .title p,
          .hidden-content-quiz-2 .quiz .title p,
          .hidden-content-quiz-3 .quiz .title p {
            font-size: calc(16px + 10 * (100vw / 1920)); } }
        .hidden-content-quiz .quiz .title p.request,
        .hidden-content-quiz-2 .quiz .title p.request,
        .hidden-content-quiz-3 .quiz .title p.request {
          margin-top: 10px;
          font-weight: 300; }
          @media (max-width: 767px) {
            .hidden-content-quiz .quiz .title p.request,
            .hidden-content-quiz-2 .quiz .title p.request,
            .hidden-content-quiz-3 .quiz .title p.request {
              font-size: calc( 12px + 17 * ((100vw - 320px) / 1920)); } }
          @media (min-width: 767px) {
            .hidden-content-quiz .quiz .title p.request,
            .hidden-content-quiz-2 .quiz .title p.request,
            .hidden-content-quiz-3 .quiz .title p.request {
              font-size: calc(12px + 10 * (100vw / 1920)); } }
        .hidden-content-quiz .quiz .title p span,
        .hidden-content-quiz-2 .quiz .title p span,
        .hidden-content-quiz-3 .quiz .title p span {
          color: #ffdf3f; }
        .hidden-content-quiz .quiz .title p.quiz-ask::after,
        .hidden-content-quiz-2 .quiz .title p.quiz-ask::after,
        .hidden-content-quiz-3 .quiz .title p.quiz-ask::after {
          display: block;
          content: "";
          width: 100px;
          height: 2px;
          background-color: #f6d152;
          margin: 20px auto 10px; }
    .hidden-content-quiz .quiz .description,
    .hidden-content-quiz-2 .quiz .description,
    .hidden-content-quiz-3 .quiz .description {
      text-align: center;
      font-weight: 500;
      margin-bottom: 45px; }
      @media (max-width: 767px) {
        .hidden-content-quiz .quiz .description,
        .hidden-content-quiz-2 .quiz .description,
        .hidden-content-quiz-3 .quiz .description {
          font-size: calc( 18px + 10.2 * ((100vw - 320px) / 1920)); } }
      @media (min-width: 767px) {
        .hidden-content-quiz .quiz .description,
        .hidden-content-quiz-2 .quiz .description,
        .hidden-content-quiz-3 .quiz .description {
          font-size: calc(18px + 6 * (100vw / 1920)); } }
      .hidden-content-quiz .quiz .description p,
      .hidden-content-quiz-2 .quiz .description p,
      .hidden-content-quiz-3 .quiz .description p {
        color: #fff;
        z-index: 5;
        position: relative; }
        .hidden-content-quiz .quiz .description p span,
        .hidden-content-quiz-2 .quiz .description p span,
        .hidden-content-quiz-3 .quiz .description p span {
          color: #3f94db; }
    .hidden-content-quiz .quiz .quiz-wrap,
    .hidden-content-quiz-2 .quiz .quiz-wrap,
    .hidden-content-quiz-3 .quiz .quiz-wrap {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      @media only screen and (max-width: 700px) {
        .hidden-content-quiz .quiz .quiz-wrap,
        .hidden-content-quiz-2 .quiz .quiz-wrap,
        .hidden-content-quiz-3 .quiz .quiz-wrap {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          margin-bottom: 20px; } }
      .hidden-content-quiz .quiz .quiz-wrap .form-quiz,
      .hidden-content-quiz-2 .quiz .quiz-wrap .form-quiz,
      .hidden-content-quiz-3 .quiz .quiz-wrap .form-quiz {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between; }
        @media only screen and (max-width: 700px) {
          .hidden-content-quiz .quiz .quiz-wrap .form-quiz,
          .hidden-content-quiz-2 .quiz .quiz-wrap .form-quiz,
          .hidden-content-quiz-3 .quiz .quiz-wrap .form-quiz {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            margin-bottom: 20px; } }
        .hidden-content-quiz .quiz .quiz-wrap .form-quiz .form-wrap,
        .hidden-content-quiz-2 .quiz .quiz-wrap .form-quiz .form-wrap,
        .hidden-content-quiz-3 .quiz .quiz-wrap .form-quiz .form-wrap {
          margin-right: 15px; }
          @media only screen and (max-width: 700px) {
            .hidden-content-quiz .quiz .quiz-wrap .form-quiz .form-wrap,
            .hidden-content-quiz-2 .quiz .quiz-wrap .form-quiz .form-wrap,
            .hidden-content-quiz-3 .quiz .quiz-wrap .form-quiz .form-wrap {
              margin-right: 0;
              margin-bottom: 10px; } }
          .hidden-content-quiz .quiz .quiz-wrap .form-quiz .form-wrap input,
          .hidden-content-quiz-2 .quiz .quiz-wrap .form-quiz .form-wrap input,
          .hidden-content-quiz-3 .quiz .quiz-wrap .form-quiz .form-wrap input {
            padding: 5px 10px;
            height: 38px;
            font-size: 16px;
            font-weight: 300;
            text-align: left;
            color: #3e3e3e; }
      .hidden-content-quiz .quiz .quiz-wrap .buttons-wrap,
      .hidden-content-quiz-2 .quiz .quiz-wrap .buttons-wrap,
      .hidden-content-quiz-3 .quiz .quiz-wrap .buttons-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; }
        @media only screen and (max-width: 440px) {
          .hidden-content-quiz .quiz .quiz-wrap .buttons-wrap,
          .hidden-content-quiz-2 .quiz .quiz-wrap .buttons-wrap,
          .hidden-content-quiz-3 .quiz .quiz-wrap .buttons-wrap {
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column; } }
        .hidden-content-quiz .quiz .quiz-wrap .buttons-wrap a.button,
        .hidden-content-quiz-2 .quiz .quiz-wrap .buttons-wrap a.button,
        .hidden-content-quiz-3 .quiz .quiz-wrap .buttons-wrap a.button,
        .hidden-content-quiz-4 .quiz .quiz-wrap .buttons-wrap a.button{
          height: 38px;
          max-width: 187px;
          cursor: pointer;
          background-color: #f6d152;
          padding: 10px 10px;
          background-color: #f6d152;
          color: #363635;
          -webkit-transition: background-color 0.2s ease;
          -o-transition: background-color 0.2s ease;
          transition: background-color 0.2s ease;
          font-weight: 400; }
          @media (max-width: 767px) {
            .hidden-content-quiz .quiz .quiz-wrap .buttons-wrap a.button,
            .hidden-content-quiz-2 .quiz .quiz-wrap .buttons-wrap a.button,
            .hidden-content-quiz-3 .quiz .quiz-wrap .buttons-wrap a.button {
              font-size: calc( 12px + 5.1 * ((100vw - 320px) / 1920)); } }
          @media (min-width: 767px) {
            .hidden-content-quiz .quiz .quiz-wrap .buttons-wrap a.button,
            .hidden-content-quiz-2 .quiz .quiz-wrap .buttons-wrap a.button,
            .hidden-content-quiz-3 .quiz .quiz-wrap .buttons-wrap a.button {
              font-size: calc(12px + 3 * (100vw / 1920)); } }
          @media only screen and (max-width: 440px) {
            .hidden-content-quiz .quiz .quiz-wrap .buttons-wrap a.button,
            .hidden-content-quiz-2 .quiz .quiz-wrap .buttons-wrap a.button,
            .hidden-content-quiz-3 .quiz .quiz-wrap .buttons-wrap a.button {
              width: 100%; } }

.hidden-content-quiz-2 .quiz .title {
  padding-bottom: 0; }

.hidden-content-quiz-2 .quiz .quiz-wrap {
  -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; }
  .hidden-content-quiz-2 .quiz .quiz-wrap .form-quiz {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 30px; }
    .hidden-content-quiz-2 .quiz .quiz-wrap .form-quiz .wrap-radio {
      margin-bottom: 2px; }
      .hidden-content-quiz-2 .quiz .quiz-wrap .form-quiz .wrap-radio:last-child {
        margin-top: 3px; }
      .hidden-content-quiz-2 .quiz .quiz-wrap .form-quiz .wrap-radio label {
        font-size: 17px;
        font-weight: normal;
        text-align: left;
        color: #ffffff; }
        .hidden-content-quiz-2 .quiz .quiz-wrap .form-quiz .wrap-radio label label {
          font-size: 14px; }
        .hidden-content-quiz-2 .quiz .quiz-wrap .form-quiz .wrap-radio label input {
          color: #fff;
          background-color: transparent;
          border: none;
          border-bottom: 1px solid #fff; }
      .hidden-content-quiz-2 .quiz .quiz-wrap .form-quiz .wrap-radio [type="radio"]:checked,
      .hidden-content-quiz-2 .quiz .quiz-wrap .form-quiz .wrap-radio [type="radio"]:not(:checked) {
        position: absolute;
        left: -9999px; }
      .hidden-content-quiz-2 .quiz .quiz-wrap .form-quiz .wrap-radio [type="radio"]:checked + label,
      .hidden-content-quiz-2 .quiz .quiz-wrap .form-quiz .wrap-radio [type="radio"]:not(:checked) + label {
        position: relative;
        padding-left: 28px;
        cursor: pointer;
        line-height: 20px;
        display: inline-block;
        color: #fff; }
      .hidden-content-quiz-2 .quiz .quiz-wrap .form-quiz .wrap-radio [type="radio"]:checked + label:before,
      .hidden-content-quiz-2 .quiz .quiz-wrap .form-quiz .wrap-radio [type="radio"]:not(:checked) + label:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 18px;
        height: 18px;
        border: 2px solid #fff;
        border-radius: 100%;
        background: transparent; }
      .hidden-content-quiz-2 .quiz .quiz-wrap .form-quiz .wrap-radio [type="radio"]:checked + label:after,
      .hidden-content-quiz-2 .quiz .quiz-wrap .form-quiz .wrap-radio [type="radio"]:not(:checked) + label:after {
        content: "";
        width: 10px;
        height: 10px;
        background: #fff;
        position: absolute;
        top: 4px;
        left: 4px;
        border-radius: 100%;
        -webkit-transition: all 0.2s ease;
        -o-transition: all 0.2s ease;
        transition: all 0.2s ease; }
      .hidden-content-quiz-2 .quiz .quiz-wrap .form-quiz .wrap-radio [type="radio"]:not(:checked) + label:after {
        opacity: 0;
        -webkit-transform: scale(0);
            -ms-transform: scale(0);
                transform: scale(0); }
      .hidden-content-quiz-2 .quiz .quiz-wrap .form-quiz .wrap-radio [type="radio"]:checked + label:after {
        opacity: 1;
        -webkit-transform: scale(1);
            -ms-transform: scale(1);
                transform: scale(1); }

.error {
  padding: 180px 0 35px;
  background-color: #5a32b2;
  background-image: -o-linear-gradient(320deg, #5a32b2 0%, #12c1cd 100%);
  background-image: linear-gradient(130deg, #5a32b2 0%, #12c1cd 100%); }
  @media screen and (max-width: 1000px) {
    .error {
      padding-top: 120px; } }
  .error .bg__img {
    position: absolute;
    z-index: 0; }
    @media screen and (max-width: 1100px) {
      .error .bg__img {
        display: none; } }
    .error .bg__img.bg__img-1 {
      left: 0;
      top: 5%;
      width: 50%; }
    .error .bg__img.bg__img-2 {
      right: 0;
      bottom: 0;
      width: 45%; }
    .error .bg__img.bg__img-3 {
      right: 10%;
      bottom: 8%;
      width: 16%; }
    .error .bg__img.bg__img-4 {
      left: 2%;
      bottom: -15%;
      width: 20%; }
  .error .container .decor_404 {
    position: relative; }
    .error .container .decor_404 .digit {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      .error .container .decor_404 .digit img.digit-img {
        width: 25%;
        display: inline-block; }
        .error .container .decor_404 .digit img.digit-img:last-child {
          margin-left: 7%;
          z-index: 1; }
    .error .container .decor_404 .donut-wrap {
      top: 62%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      cursor: default;
      position: absolute;
      width: 80vw;
      height: 80vh;
      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;
      margin: 0;
      overflow: hidden;
      -webkit-perspective: 1000px;
              perspective: 1000px; }
      .error .container .decor_404 .donut-wrap #donut {
        width: 25vmin;
        min-width: 220px;
        height: 25vmin;
        min-height: 220px;
        position: relative;
        border-radius: 50%;
        cursor: pointer;
        -webkit-backface-visibility: visible;
        backface-visibility: visible; }
        @media screen and (max-height: 500px) {
          .error .container .decor_404 .donut-wrap #donut {
            width: 40vmin;
            height: 40vmin; } }
        @media screen and (max-width: 767px) {
          .error .container .decor_404 .donut-wrap #donut {
            min-width: auto;
            min-height: auto; } }
        .error .container .decor_404 .donut-wrap #donut:hover #topPart, .error .container .decor_404 .donut-wrap #donut:focus #topPart {
          -webkit-transform: rotate(720deg);
          -ms-transform: rotate(720deg);
          transform: rotate(720deg); }
          .error .container .decor_404 .donut-wrap #donut:hover #topPart #donutTop, .error .container .decor_404 .donut-wrap #donut:focus #topPart #donutTop {
            background-color: #7b3333; }
        .error .container .decor_404 .donut-wrap #donut:hover #glow, .error .container .decor_404 .donut-wrap #donut:focus #glow {
          -webkit-box-shadow: 0vmin 0vmin 10vmin 0vmin #bd7272,
 inset 0vmin 0vmin 10vmin -1vmin #bd7272;
          box-shadow: 0vmin 0vmin 10vmin 0vmin #bd7272,
 inset 0vmin 0vmin 10vmin -1vmin #bd7272; }
      .error .container .decor_404 .donut-wrap #topPart {
        -webkit-transition: 0.4s all ease-in-out;
        -o-transition: 0.4s all ease-in-out;
        transition: 0.4s all ease-in-out;
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 1;
        will-change: transform; }
      .error .container .decor_404 .donut-wrap #glow {
        width: 70%;
        height: 70%;
        background-color: transparent;
        border-radius: 50%;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        z-index: 3;
        -webkit-transition: 0.5s all ease-in-out;
        -o-transition: 0.5s all ease-in-out;
        transition: 0.5s all ease-in-out;
        -webkit-box-shadow: 0vmin 0vmin 10vmin 0vmin #e6a0b5, inset 0vmin 0vmin 10vmin -1vmin #e6a0b5;
        box-shadow: 0vmin 0vmin 10vmin 0vmin #e6a0b5, inset 0vmin 0vmin 10vmin -1vmin #e6a0b5; }
      .error .container .decor_404 .donut-wrap #shadowTop {
        width: 100%;
        height: 100%;
        border-radius: 50%;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        position: absolute;
        z-index: 2;
        -webkit-box-shadow: inset 2vmin -2vmin 2vmin 0.1vmin rgba(136, 14, 79, 0.2);
        box-shadow: inset 2vmin -2vmin 2vmin 0.1vmin rgba(136, 14, 79, 0.2); }
      .error .container .decor_404 .donut-wrap #donutTop {
        width: 96%;
        height: 96%;
        background-color: #f06292;
        border-radius: 50%;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-51%, -51%);
        -ms-transform: translate(-51%, -51%);
        transform: translate(-51%, -51%);
        position: absolute;
        z-index: 1;
        -webkit-transition: 0.5s all ease-in-out;
        -o-transition: 0.5s all ease-in-out;
        transition: 0.5s all ease-in-out;
        -webkit-filter: url("#scatter") drop-shadow(0vmin 0vmin 0.1vmin rgba(45, 10, 23, 0.9));
        filter: url("#scatter") drop-shadow(0vmin 0vmin 0.1vmin rgba(45, 10, 23, 0.9)); }
        @media (max-width: 600px) {
          .error .container .decor_404 .donut-wrap #donutTop {
            width: 94%;
            height: 94%; } }
      .error .container .decor_404 .donut-wrap #donutBottom {
        width: 100%;
        height: 100%;
        background-color: #ffb375;
        position: absolute;
        top: 0;
        border-radius: 50%;
        -webkit-box-shadow: -1vmin 2vmin 4vmin 0.5vmin rgba(0, 0, 0, 0.2), -0.3vmin 0.5vmin 0.6vmin 0vmin rgba(0, 0, 0, 0.2), inset 0.5vmin -1vmin 2vmin 0vmin rgba(86, 41, 28, 0.4);
        box-shadow: -1vmin 2vmin 4vmin 0.5vmin rgba(0, 0, 0, 0.2), -0.3vmin 0.5vmin 0.6vmin 0vmin rgba(0, 0, 0, 0.2), inset 0.5vmin -1vmin 2vmin 0vmin rgba(86, 41, 28, 0.4);
        will-change: transform;
        -webkit-backface-visibility: visible;
        backface-visibility: visible; }
      .error .container .decor_404 .donut-wrap #donutHole {
        position: absolute;
        width: 25%;
        height: 25%;
        background-color: #437fbe;
        z-index: 10;
        border-radius: 50%;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -45%);
        -ms-transform: translate(-50%, -45%);
        transform: translate(-50%, -45%);
        -webkit-box-shadow: -0.5vmin 0.8vmin 2.5vmin 2.5vmin rgba(136, 14, 79, 0.2), inset 0vmin 0vmin 0.3vmin 0.1vmin rgba(45, 22, 17, 0.3), inset 0vmin 0.5vmin 2vmin 0vmin rgba(86, 41, 28, 0.3), inset 0vmin 0vmin 0vmin 0vmin #eca66c, inset -1vmin 1vmin 2vmin 0.1vmin rgba(0, 0, 0, 0.2);
        box-shadow: -0.5vmin 0.8vmin 2.5vmin 2.5vmin rgba(136, 14, 79, 0.2), inset 0vmin 0vmin 0.3vmin 0.1vmin rgba(45, 22, 17, 0.3), inset 0vmin 0.5vmin 2vmin 0vmin rgba(86, 41, 28, 0.3), inset 0vmin 0vmin 0vmin 0vmin #eca66c, inset -1vmin 1vmin 2vmin 0.1vmin rgba(0, 0, 0, 0.2); }
      .error .container .decor_404 .donut-wrap .sprinkle {
        position: absolute;
        top: 20%;
        left: 20%;
        width: 1%;
        height: 6%;
        border-radius: 16%;
        background-color: #ebebeb;
        z-index: 30;
        -webkit-box-shadow: -0.1vmin 0.1vmin 0.2vmin 0.1vmin rgba(136, 14, 79, 0.2);
        box-shadow: -0.1vmin 0.1vmin 0.2vmin 0.1vmin rgba(136, 14, 79, 0.2);
        -webkit-transform: rotate(-40deg);
        -ms-transform: rotate(-40deg);
        transform: rotate(-40deg);
        -webkit-transition: 0.5s all ease-in-out;
        -o-transition: 0.5s all ease-in-out;
        transition: 0.5s all ease-in-out; }
        .error .container .decor_404 .donut-wrap .sprinkle:before {
          content: "";
          display: block;
          position: absolute;
          z-index: 1;
          background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 100%);
          background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0)));
          background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 100%);
          width: 100%;
          height: 100%; }
      .error .container .decor_404 .donut-wrap #sprinkle2 {
        top: 45%;
        left: 25%;
        -webkit-transform: rotate(-17deg);
        -ms-transform: rotate(-17deg);
        transform: rotate(-17deg);
        background-color: #1976d2; }
      .error .container .decor_404 .donut-wrap #sprinkle3 {
        top: 77%;
        left: 57%;
        -webkit-transform: rotate(-32deg);
        -ms-transform: rotate(-32deg);
        transform: rotate(-32deg);
        background-color: #689f38; }
      .error .container .decor_404 .donut-wrap #sprinkle4 {
        top: 82%;
        left: 29%;
        -webkit-transform: rotate(-82deg);
        -ms-transform: rotate(-82deg);
        transform: rotate(-82deg);
        background-color: #689f38; }
      .error .container .decor_404 .donut-wrap #sprinkle5 {
        top: 22%;
        left: 28%;
        -webkit-transform: rotate(-72deg);
        -ms-transform: rotate(-72deg);
        transform: rotate(-72deg);
        background-color: #689f38; }
      .error .container .decor_404 .donut-wrap #sprinkle6 {
        top: 52%;
        left: 78%;
        -webkit-transform: rotate(-2deg);
        -ms-transform: rotate(-2deg);
        transform: rotate(-2deg);
        background-color: #689f38; }
      .error .container .decor_404 .donut-wrap #sprinkle7 {
        top: 12%;
        left: 68%;
        -webkit-transform: rotate(-76deg);
        -ms-transform: rotate(-76deg);
        transform: rotate(-76deg);
        background-color: #689f38; }
      .error .container .decor_404 .donut-wrap #sprinkle7 {
        top: 45%;
        left: 8%;
        -webkit-transform: rotate(-56deg);
        -ms-transform: rotate(-56deg);
        transform: rotate(-56deg);
        background-color: #fbc02d; }
      .error .container .decor_404 .donut-wrap #sprinkle8 {
        top: 66%;
        left: 83%;
        -webkit-transform: rotate(-126deg);
        -ms-transform: rotate(-126deg);
        transform: rotate(-126deg);
        background-color: #fbc02d; }
      .error .container .decor_404 .donut-wrap #sprinkle9 {
        top: 16%;
        left: 53%;
        -webkit-transform: rotate(13deg);
        -ms-transform: rotate(13deg);
        transform: rotate(13deg);
        background-color: #fbc02d; }
      .error .container .decor_404 .donut-wrap #sprinkle10 {
        top: 73%;
        left: 33%;
        -webkit-transform: rotate(33deg);
        -ms-transform: rotate(33deg);
        transform: rotate(33deg);
        background-color: #fbc02d; }
      .error .container .decor_404 .donut-wrap #sprinkle11 {
        top: 23%;
        left: 83%;
        -webkit-transform: rotate(-93deg);
        -ms-transform: rotate(-93deg);
        transform: rotate(-93deg); }
      .error .container .decor_404 .donut-wrap #sprinkle12 {
        top: 53%;
        left: 87%;
        -webkit-transform: rotate(-53deg);
        -ms-transform: rotate(-53deg);
        transform: rotate(-53deg); }
      .error .container .decor_404 .donut-wrap #sprinkle13 {
        top: 61%;
        left: 21%;
        -webkit-transform: rotate(-73deg);
        -ms-transform: rotate(-73deg);
        transform: rotate(-73deg); }
      .error .container .decor_404 .donut-wrap #sprinkle14 {
        top: 71%;
        left: 25%;
        -webkit-transform: rotate(-183deg);
        -ms-transform: rotate(-183deg);
        transform: rotate(-183deg);
        background-color: #fbc02d; }
      .error .container .decor_404 .donut-wrap #sprinkle15 {
        top: 31%;
        left: 17%;
        -webkit-transform: rotate(-93deg);
        -ms-transform: rotate(-93deg);
        transform: rotate(-93deg);
        background-color: #fbc02d; }
      .error .container .decor_404 .donut-wrap #sprinkle16 {
        top: 41%;
        left: 87%;
        -webkit-transform: rotate(27deg);
        -ms-transform: rotate(27deg);
        transform: rotate(27deg);
        background-color: #fbc02d; }
      .error .container .decor_404 .donut-wrap #sprinkle17 {
        top: 35%;
        left: 70%;
        -webkit-transform: rotate(25deg);
        -ms-transform: rotate(25deg);
        transform: rotate(25deg);
        background-color: #1976d2; }
      .error .container .decor_404 .donut-wrap #sprinkle18 {
        top: 28%;
        left: 40%;
        -webkit-transform: rotate(-24deg);
        -ms-transform: rotate(-24deg);
        transform: rotate(-24deg);
        background-color: #689f38; }
      .error .container .decor_404 .donut-wrap #sprinkle19 {
        top: 7%;
        left: 66%;
        -webkit-transform: rotate(-35deg);
        -ms-transform: rotate(-35deg);
        transform: rotate(-35deg);
        background-color: #689f38; }
      .error .container .decor_404 .donut-wrap #sprinkle20 {
        top: 11%;
        left: 39%;
        -webkit-transform: rotate(35deg);
        -ms-transform: rotate(35deg);
        transform: rotate(35deg);
        background-color: #1976d2; }
      .error .container .decor_404 .donut-wrap #sprinkle21 {
        top: 15%;
        left: 40%;
        -webkit-transform: rotate(-21deg);
        -ms-transform: rotate(-21deg);
        transform: rotate(-21deg);
        background-color: #fbc02d; }
      .error .container .decor_404 .donut-wrap #sprinkle22 {
        top: 69%;
        left: 62%;
        -webkit-transform: rotate(19deg);
        -ms-transform: rotate(19deg);
        transform: rotate(19deg);
        background-color: #1976d2; }
      .error .container .decor_404 .donut-wrap #sprinkle23 {
        top: 87%;
        left: 44%;
        -webkit-transform: rotate(-40deg);
        -ms-transform: rotate(-40deg);
        transform: rotate(-40deg);
        background-color: #1976d2; }
      .error .container .decor_404 .donut-wrap #sprinkle24 {
        top: 64%;
        left: 67%;
        -webkit-transform: rotate(-55deg);
        -ms-transform: rotate(-55deg);
        transform: rotate(-55deg); }
      .error .container .decor_404 .donut-wrap #sprinkle25 {
        top: 79%;
        left: 71%;
        -webkit-transform: rotate(-85deg);
        -ms-transform: rotate(-85deg);
        transform: rotate(-85deg); }
  .error .container .title {
    margin-top: 5%;
    text-align: center; }
    .error .container .title p {
      font-weight: 500;
      color: #ffffff; }
      @media (max-width: 767px) {
        .error .container .title p {
          font-size: calc( 18px + 10.2 * ((100vw - 320px) / 1920)); } }
      @media (min-width: 767px) {
        .error .container .title p {
          font-size: calc(18px + 6 * (100vw / 1920)); } }
      .error .container .title p.error-text {
        text-transform: uppercase;
        font-weight: bold; }
        @media (max-width: 767px) {
          .error .container .title p.error-text {
            font-size: calc( 20px + 15.3 * ((100vw - 320px) / 1920)); } }
        @media (min-width: 767px) {
          .error .container .title p.error-text {
            font-size: calc(20px + 9 * (100vw / 1920)); } }
  .error .container a.button {
    margin: 20px auto;
    padding: 10px 40px;
    white-space: nowrap;
    max-width: 190px;
    max-height: 46px;
    -webkit-box-shadow: 2.3px 3.3px 19.3px 1.7px rgba(0, 0, 0, 0.11);
            box-shadow: 2.3px 3.3px 19.3px 1.7px rgba(0, 0, 0, 0.11);
    color: #363635; }
    @media (max-width: 767px) {
      .error .container a.button {
        font-size: calc( 12px + 9.35 * ((100vw - 320px) / 1920)); } }
    @media (min-width: 767px) {
      .error .container a.button {
        font-size: calc(12px + 5.5 * (100vw / 1920)); } }
    @media screen and (max-width: 700px) {
      .error .container a.button {
        width: 40%; } }

.thanks {
  padding: 180px 0 35px;
  background-color: #5a32b2;
  background-image: -o-linear-gradient(320deg, #008bbf 1%, #12c1cd 100%);
  background-image: linear-gradient(130deg, #008bbf 1%, #12c1cd 100%); }
  @media screen and (max-width: 1000px) {
    .thanks {
      padding-top: 120px; } }
  .thanks .bg__img {
    position: absolute;
    z-index: 0; }
    @media screen and (max-width: 1100px) {
      .thanks .bg__img {
        display: none; } }
    .thanks .bg__img.bg__img-1 {
      left: 0;
      top: 5%;
      width: 50%; }
    .thanks .bg__img.bg__img-2 {
      right: -10%;
      bottom: 0;
      width: 45%; }
    .thanks .bg__img.bg__img-3 {
      right: 2%;
      bottom: 2%;
      width: 20%; }
    .thanks .bg__img.bg__img-4 {
      left: 4%;
      bottom: -9%;
      width: 20%; }
  .thanks .container {
    padding: 8% 0 5%; }
    .thanks .container .decor {
      position: relative;
      margin: 0 10px; }
      .thanks .container .decor .thanks-img {
        margin: 0 auto; }
    .thanks .container .title {
      margin: 0 auto;
      max-width: 555px;
      margin-top: 2%;
      text-align: center; }
      .thanks .container .title p {
        font-weight: 500;
        color: #ffffff; }
        @media (max-width: 767px) {
          .thanks .container .title p {
            font-size: calc( 18px + 10.2 * ((100vw - 320px) / 1920)); } }
        @media (min-width: 767px) {
          .thanks .container .title p {
            font-size: calc(18px + 6 * (100vw / 1920)); } }
        .thanks .container .title p.thanks-text {
          text-transform: uppercase;
          font-weight: bold; }
          @media (max-width: 767px) {
            .thanks .container .title p.thanks-text {
              font-size: calc( 20px + 15.3 * ((100vw - 320px) / 1920)); } }
          @media (min-width: 767px) {
            .thanks .container .title p.thanks-text {
              font-size: calc(20px + 9 * (100vw / 1920)); } }
    .thanks .container a.button {
      margin: 20px auto;
      padding: 10px 40px;
      white-space: nowrap;
      max-width: 190px;
      max-height: 46px;
      -webkit-box-shadow: 2.3px 3.3px 19.3px 1.7px rgba(0, 0, 0, 0.11);
              box-shadow: 2.3px 3.3px 19.3px 1.7px rgba(0, 0, 0, 0.11);
      color: #363635; }
      @media (max-width: 767px) {
        .thanks .container a.button {
          font-size: calc( 12px + 9.35 * ((100vw - 320px) / 1920)); } }
      @media (min-width: 767px) {
        .thanks .container a.button {
          font-size: calc(12px + 5.5 * (100vw / 1920)); } }
      @media screen and (max-width: 700px) {
        .thanks .container a.button {
          width: 40%; } }

.reviews {
  position: relative;
  background-color: #fff;
  background-position: 0 14% !important; }
  .reviews .bg__img {
    width: 15%;
    position: absolute; }
    @media screen and (max-width: 1100px) {
      .reviews .bg__img {
        display: none; } }
    .reviews .bg__img.bg__img-3 {
      left: 0;
      bottom: -7%;
      z-index: 2; }
    .reviews .bg__img.bg__img-4 {
      right: 0;
      bottom: 0; }
  .reviews .container {
    padding: 0 95px 80px; }
    @media only screen and (max-width: 1000px) {
      .reviews .container {
        padding: 0 10px 50px; } }
    .reviews .container .reviews-wrapper {
      padding: 50px 0; }
      .reviews .container .reviews-wrapper .reviews__title h3 {
        text-transform: uppercase;
        font-weight: bold;
        text-align: center;
        color: #333333;
        margin-bottom: 20px; }
        @media (max-width: 767px) {
          .reviews .container .reviews-wrapper .reviews__title h3 {
            font-size: calc( 20px + 17 * ((100vw - 320px) / 1920)); } }
        @media (min-width: 767px) {
          .reviews .container .reviews-wrapper .reviews__title h3 {
            font-size: calc(20px + 10 * (100vw / 1920)); } }
      .reviews .container .reviews-wrapper .reviews__title p {
        font-weight: 300;
        line-height: 1.26;
        text-align: center;
        color: #292929;
        margin: 10px 0 50px; }
        @media (max-width: 767px) {
          .reviews .container .reviews-wrapper .reviews__title p {
            font-size: calc( 14px + 8.5 * ((100vw - 320px) / 1920)); } }
        @media (min-width: 767px) {
          .reviews .container .reviews-wrapper .reviews__title p {
            font-size: calc(14px + 5 * (100vw / 1920)); } }
      .reviews .container .reviews-wrapper .reviews__swiper {
        position: relative; }
        .reviews .container .reviews-wrapper .reviews__swiper .reviews__swiper-container {
          height: 530px;
          -webkit-box-shadow: 2.3px 3.3px 19.3px 1.7px rgba(0, 0, 0, 0.11);
                  box-shadow: 2.3px 3.3px 19.3px 1.7px rgba(0, 0, 0, 0.11); }
          @media only screen and (max-width: 600px) {
            .reviews .container .reviews-wrapper .reviews__swiper .reviews__swiper-container {
              height: 430px; } }
          .reviews .container .reviews-wrapper .reviews__swiper .reviews__swiper-container .swiper-wrapper .swiper-slide {
            position: relative;
            background-size: cover !important;
            background-repeat: no-repeat !important; }
            .reviews .container .reviews-wrapper .reviews__swiper .reviews__swiper-container .swiper-wrapper .swiper-slide:nth-child(2n) .text {
              padding: 80px 0 0 50px; }
              @media only screen and (max-width: 600px) {
                .reviews .container .reviews-wrapper .reviews__swiper .reviews__swiper-container .swiper-wrapper .swiper-slide:nth-child(2n) .text {
                  padding: 40px 0 0 20px; } }
              .reviews .container .reviews-wrapper .reviews__swiper .reviews__swiper-container .swiper-wrapper .swiper-slide:nth-child(2n) .text .title {
                text-transform: uppercase;
                font-weight: 500;
                text-align: left;
                color: #333333; }
                @media (max-width: 767px) {
                  .reviews .container .reviews-wrapper .reviews__swiper .reviews__swiper-container .swiper-wrapper .swiper-slide:nth-child(2n) .text .title {
                    font-size: calc( 20px + 17 * ((100vw - 320px) / 1920)); } }
                @media (min-width: 767px) {
                  .reviews .container .reviews-wrapper .reviews__swiper .reviews__swiper-container .swiper-wrapper .swiper-slide:nth-child(2n) .text .title {
                    font-size: calc(20px + 10 * (100vw / 1920)); } }
                .reviews .container .reviews-wrapper .reviews__swiper .reviews__swiper-container .swiper-wrapper .swiper-slide:nth-child(2n) .text .title span {
                  font-weight: 300; }
                  @media (max-width: 767px) {
                    .reviews .container .reviews-wrapper .reviews__swiper .reviews__swiper-container .swiper-wrapper .swiper-slide:nth-child(2n) .text .title span {
                      font-size: calc( 20px + 17 * ((100vw - 320px) / 1920)); } }
                  @media (min-width: 767px) {
                    .reviews .container .reviews-wrapper .reviews__swiper .reviews__swiper-container .swiper-wrapper .swiper-slide:nth-child(2n) .text .title span {
                      font-size: calc(20px + 10 * (100vw / 1920)); } }
              .reviews .container .reviews-wrapper .reviews__swiper .reviews__swiper-container .swiper-wrapper .swiper-slide:nth-child(2n) .text .city {
                font-weight: 500;
                text-align: left;
                color: #48b6ed; }
                @media (max-width: 767px) {
                  .reviews .container .reviews-wrapper .reviews__swiper .reviews__swiper-container .swiper-wrapper .swiper-slide:nth-child(2n) .text .city {
                    font-size: calc( 20px + 17 * ((100vw - 320px) / 1920)); } }
                @media (min-width: 767px) {
                  .reviews .container .reviews-wrapper .reviews__swiper .reviews__swiper-container .swiper-wrapper .swiper-slide:nth-child(2n) .text .city {
                    font-size: calc(20px + 10 * (100vw / 1920)); } }
                @media (max-width: 767px) {
                  .reviews .container .reviews-wrapper .reviews__swiper .reviews__swiper-container .swiper-wrapper .swiper-slide:nth-child(2n) .text .city {
                    font-size: calc( 16px + 8.5 * ((100vw - 320px) / 1920)); } }
                @media (min-width: 767px) {
                  .reviews .container .reviews-wrapper .reviews__swiper .reviews__swiper-container .swiper-wrapper .swiper-slide:nth-child(2n) .text .city {
                    font-size: calc(16px + 5 * (100vw / 1920)); } }
            .reviews .container .reviews-wrapper .reviews__swiper .reviews__swiper-container .swiper-wrapper .swiper-slide .text {
              padding: 80px 90px 0 0; }
              @media only screen and (max-width: 600px) {
                .reviews .container .reviews-wrapper .reviews__swiper .reviews__swiper-container .swiper-wrapper .swiper-slide .text {
                  padding: 40px 20px 0 0; } }
              .reviews .container .reviews-wrapper .reviews__swiper .reviews__swiper-container .swiper-wrapper .swiper-slide .text .title {
                text-transform: uppercase;
                font-weight: 500;
                text-align: right;
                color: #333333;
                opacity: 0;
                -webkit-transform: translateY(-50%);
                    -ms-transform: translateY(-50%);
                        transform: translateY(-50%);
                -webkit-transition: all 1s 0.6s;
                -o-transition: all 1s 0.6s;
                transition: all 1s 0.6s; }
                @media (max-width: 767px) {
                  .reviews .container .reviews-wrapper .reviews__swiper .reviews__swiper-container .swiper-wrapper .swiper-slide .text .title {
                    font-size: calc( 20px + 17 * ((100vw - 320px) / 1920)); } }
                @media (min-width: 767px) {
                  .reviews .container .reviews-wrapper .reviews__swiper .reviews__swiper-container .swiper-wrapper .swiper-slide .text .title {
                    font-size: calc(20px + 10 * (100vw / 1920)); } }
                .reviews .container .reviews-wrapper .reviews__swiper .reviews__swiper-container .swiper-wrapper .swiper-slide .text .title span {
                  font-weight: 300;
                  opacity: 0;
                  -webkit-transform: translateY(-50%);
                      -ms-transform: translateY(-50%);
                          transform: translateY(-50%);
                  -webkit-transition: all 1s 0.7s;
                  -o-transition: all 1s 0.7s;
                  transition: all 1s 0.7s; }
                  @media (max-width: 767px) {
                    .reviews .container .reviews-wrapper .reviews__swiper .reviews__swiper-container .swiper-wrapper .swiper-slide .text .title span {
                      font-size: calc( 20px + 17 * ((100vw - 320px) / 1920)); } }
                  @media (min-width: 767px) {
                    .reviews .container .reviews-wrapper .reviews__swiper .reviews__swiper-container .swiper-wrapper .swiper-slide .text .title span {
                      font-size: calc(20px + 10 * (100vw / 1920)); } }
              .reviews .container .reviews-wrapper .reviews__swiper .reviews__swiper-container .swiper-wrapper .swiper-slide .text .city {
                font-weight: 500;
                text-align: right;
                color: #48b6ed;
                opacity: 0;
                -webkit-transform: translateY(-50%);
                    -ms-transform: translateY(-50%);
                        transform: translateY(-50%);
                -webkit-transition: all 1s 0.8s;
                -o-transition: all 1s 0.8s;
                transition: all 1s 0.8s; }
                @media (max-width: 767px) {
                  .reviews .container .reviews-wrapper .reviews__swiper .reviews__swiper-container .swiper-wrapper .swiper-slide .text .city {
                    font-size: calc( 20px + 17 * ((100vw - 320px) / 1920)); } }
                @media (min-width: 767px) {
                  .reviews .container .reviews-wrapper .reviews__swiper .reviews__swiper-container .swiper-wrapper .swiper-slide .text .city {
                    font-size: calc(20px + 10 * (100vw / 1920)); } }
            .reviews .container .reviews-wrapper .reviews__swiper .reviews__swiper-container .swiper-wrapper .swiper-slide .play {
              width: 200px;
              outline: #48b6ed;
              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;
              -webkit-box-orient: vertical;
              -webkit-box-direction: normal;
                  -ms-flex-direction: column;
                      flex-direction: column;
              position: absolute;
              bottom: 0;
              left: 0;
              opacity: 0;
              -webkit-transition: all 1.5s 0.5s;
              -o-transition: all 1.5s 0.5s;
              transition: all 1.5s 0.5s; }
              @media only screen and (max-width: 599px) {
                .reviews .container .reviews-wrapper .reviews__swiper .reviews__swiper-container .swiper-wrapper .swiper-slide .play {
                  bottom: -10px;
                  left: -20px; } }
              .reviews .container .reviews-wrapper .reviews__swiper .reviews__swiper-container .swiper-wrapper .swiper-slide .play:hover .img,
              .reviews .container .reviews-wrapper .reviews__swiper .reviews__swiper-container .swiper-wrapper .swiper-slide .play:focus .img {
                -webkit-box-shadow: 0px 4px 19.32px 1.68px rgba(0, 0, 0, 0.3);
                        box-shadow: 0px 4px 19.32px 1.68px rgba(0, 0, 0, 0.3); }
              .reviews .container .reviews-wrapper .reviews__swiper .reviews__swiper-container .swiper-wrapper .swiper-slide .play .img {
                position: relative;
                width: 81px;
                height: 81px;
                margin-bottom: 15px;
                border-radius: 50%;
                -webkit-box-shadow: 0px 4px 19.32px 1.68px rgba(0, 0, 0, 0.11);
                        box-shadow: 0px 4px 19.32px 1.68px rgba(0, 0, 0, 0.11);
                background-color: #ffffff;
                -webkit-transition: all 0.2s;
                -o-transition: all 0.2s;
                transition: all 0.2s; }
                @media only screen and (max-width: 599px) {
                  .reviews .container .reviews-wrapper .reviews__swiper .reviews__swiper-container .swiper-wrapper .swiper-slide .play .img {
                    margin-bottom: 0;
                    width: 61px;
                    height: 61px; } }
                .reviews .container .reviews-wrapper .reviews__swiper .reviews__swiper-container .swiper-wrapper .swiper-slide .play .img .triangle {
                  position: absolute;
                  right: 42%;
                  top: 50%;
                  -webkit-transform: translate(50%, -50%);
                      -ms-transform: translate(50%, -50%);
                          transform: translate(50%, -50%);
                  width: 35px;
                  height: 40px;
                  background-color: #48b6ed;
                  -webkit-clip-path: polygon(0 1%, 0% 100%, 100% 52%);
                          clip-path: polygon(0 1%, 0% 100%, 100% 52%); }
                  @media only screen and (max-width: 599px) {
                    .reviews .container .reviews-wrapper .reviews__swiper .reviews__swiper-container .swiper-wrapper .swiper-slide .play .img .triangle {
                      width: 25px;
                      height: 30px; } }
              .reviews .container .reviews-wrapper .reviews__swiper .reviews__swiper-container .swiper-wrapper .swiper-slide .play .description {
                font-weight: 500;
                margin-bottom: 25px;
                color: #48b6ed; }
                @media (max-width: 767px) {
                  .reviews .container .reviews-wrapper .reviews__swiper .reviews__swiper-container .swiper-wrapper .swiper-slide .play .description {
                    font-size: calc( 14px + 5.1 * ((100vw - 320px) / 1920)); } }
                @media (min-width: 767px) {
                  .reviews .container .reviews-wrapper .reviews__swiper .reviews__swiper-container .swiper-wrapper .swiper-slide .play .description {
                    font-size: calc(14px + 3 * (100vw / 1920)); } }
            .reviews .container .reviews-wrapper .reviews__swiper .reviews__swiper-container .swiper-wrapper .swiper-slide-active .text .title {
              opacity: 1;
              -webkit-transform: translateY(0);
                  -ms-transform: translateY(0);
                      transform: translateY(0); }
              .reviews .container .reviews-wrapper .reviews__swiper .reviews__swiper-container .swiper-wrapper .swiper-slide-active .text .title span {
                opacity: 1;
                -webkit-transform: translateY(0);
                    -ms-transform: translateY(0);
                        transform: translateY(0); }
            .reviews .container .reviews-wrapper .reviews__swiper .reviews__swiper-container .swiper-wrapper .swiper-slide-active .text .city {
              opacity: 1;
              -webkit-transform: translateY(0);
                  -ms-transform: translateY(0);
                      transform: translateY(0); }
            .reviews .container .reviews-wrapper .reviews__swiper .reviews__swiper-container .swiper-wrapper .swiper-slide-active .play {
              opacity: 1; }
        .reviews .container .reviews-wrapper .reviews__swiper .reviews-pagination {
          right: -55px;
          bottom: 50%;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          -webkit-transform: translateY(50%);
              -ms-transform: translateY(50%);
                  transform: translateY(50%); }
          .reviews .container .reviews-wrapper .reviews__swiper .reviews-pagination .swiper-pagination-bullet {
            width: 28px;
            height: 28px;
            margin-bottom: 8px;
            -webkit-transform: scale(1);
                -ms-transform: scale(1);
                    transform: scale(1);
            opacity: 1;
            border: solid 3px #333333;
            background-color: transparent;
            outline: none;
            -webkit-transition: all 0.2s;
            -o-transition: all 0.2s;
            transition: all 0.2s; }
            .reviews .container .reviews-wrapper .reviews__swiper .reviews-pagination .swiper-pagination-bullet:after {
              content: "";
              position: absolute;
              top: 50%;
              left: 50%;
              -webkit-transform: translate(-50%, -50%) scale(0, 0);
                  -ms-transform: translate(-50%, -50%) scale(0, 0);
                      transform: translate(-50%, -50%) scale(0, 0);
              opacity: 0;
              width: 75%;
              height: 75%;
              border-radius: 50%;
              background-color: #333333;
              -webkit-transition: 300ms;
              -o-transition: 300ms;
              transition: 300ms; }
            .reviews .container .reviews-wrapper .reviews__swiper .reviews-pagination .swiper-pagination-bullet-active:after {
              -webkit-transform: translate(-50%, -50%) scale(1, 1);
                  -ms-transform: translate(-50%, -50%) scale(1, 1);
                      transform: translate(-50%, -50%) scale(1, 1);
              opacity: 1; }
      .reviews .container .reviews-wrapper .mouse {
        position: absolute;
        left: -80px;
        bottom: 50%;
        min-width: 50px;
        height: 80px;
        border-radius: 30px;
        border: 3px solid #333333;
        -webkit-transform: translateY(50%);
            -ms-transform: translateY(50%);
                transform: translateY(50%); }
        @media only screen and (max-width: 1024px) {
          .reviews .container .reviews-wrapper .mouse {
            display: none; } }
        .reviews .container .reviews-wrapper .mouse:after {
          content: "";
          position: absolute;
          top: 15px;
          left: 50%;
          -webkit-transform: translate(-50%, 0);
              -ms-transform: translate(-50%, 0);
                  transform: translate(-50%, 0);
          width: 3px;
          height: 15px;
          border-radius: 50%;
          background-color: #333333;
          -webkit-animation: scroll 1s infinite alternate;
                  animation: scroll 1s infinite alternate; }

@-webkit-keyframes scroll {
  100% {
    -webkit-transform: translate(-50%, 15px);
            transform: translate(-50%, 15px); } }

@keyframes scroll {
  100% {
    -webkit-transform: translate(-50%, 15px);
            transform: translate(-50%, 15px); } }
      .reviews .container .reviews-wrapper .reviews-hand {
        display: none;
        background-size: cover !important;
        background: url("../images/content/services/hand.png");
        background-repeat: no-repeat !important;
        position: absolute;
        right: 3%;
        top: 8px;
        z-index: 3;
        width: 33px;
        height: 40px;
        -webkit-animation-duration: 2s;
                animation-duration: 2s;
        -webkit-animation-iteration-count: infinite;
                animation-iteration-count: infinite;
        -webkit-animation-name: motion-hand;
                animation-name: motion-hand; }

@-webkit-keyframes motion-hand {
  0% {
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px); }
  50% {
    -webkit-transform: translateX(10px);
            transform: translateX(10px); }
  100% {
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px); } }

@keyframes motion-hand {
  0% {
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px); }
  50% {
    -webkit-transform: translateX(10px);
            transform: translateX(10px); }
  100% {
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px); } }
        @media only screen and (max-width: 900px) {
          .reviews .container .reviews-wrapper .reviews-hand {
            display: block; } }

.feedback {
  position: relative;
  background-image: -webkit-gradient(linear, left bottom, left top, from(#f7e6a8), to(#fae186));
  background-image: -o-linear-gradient(bottom, #f7e6a8, #fae186);
  background-image: linear-gradient(to top, #f7e6a8, #fae186); }
  .feedback .feedback-img {
    position: absolute;
    z-index: 1;
    right: 0;
    width: 45%;
    height: 100%;
    background-position-y: 50% !important;
    background-size: cover !important;
    background: url("../images/content/feedback/feedback_bg.webp");
    background-repeat: no-repeat !important; }
    @media only screen and (max-width: 1100px) {
      .feedback .feedback-img {
        display: none; } }
  .feedback .container {
    padding-top: 90px;
    padding-bottom: 90px; }
    .feedback .container .form {
      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: 1;
      background-color: #fff;
      -webkit-box-shadow: 2.3px 3.3px 19.3px 1.7px rgba(0, 0, 0, 0.11);
              box-shadow: 2.3px 3.3px 19.3px 1.7px rgba(0, 0, 0, 0.11);
      width: 55%;
      min-height: 510px;
      padding: 40px 40px 20px; }
      @media screen and (max-width: 1100px) {
        .feedback .container .form {
          width: 80%;
          margin: 0 auto; } }
      @media screen and (max-width: 600px) {
        .feedback .container .form {
          width: 100%;
          margin: 0 auto; } }
      .feedback .container .form h4 {
        text-transform: uppercase;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: left;
        color: #333333;
        margin-bottom: 30px; }
        @media (max-width: 767px) {
          .feedback .container .form h4 {
            font-size: calc( 22px + 17 * ((100vw - 320px) / 1920)); } }
        @media (min-width: 767px) {
          .feedback .container .form h4 {
            font-size: calc(22px + 10 * (100vw / 1920)); } }
      .feedback .container .form p {
        font-weight: 300;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.04;
        letter-spacing: normal;
        text-align: left;
        color: #333333;
        margin-bottom: 30px; }
        @media (max-width: 767px) {
          .feedback .container .form p {
            font-size: calc( 18px + 15.3 * ((100vw - 320px) / 1920)); } }
        @media (min-width: 767px) {
          .feedback .container .form p {
            font-size: calc(18px + 9 * (100vw / 1920)); } }
      .feedback .container .form .wrap-form {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; }
        .feedback .container .form .wrap-form input {
          font-weight: 400;
          text-align: left;
          color: #333333;
          background-color: transparent;
          border: none;
          border-bottom: 2px solid #717171;
          margin-bottom: 20px;
          padding-bottom: 10px; }
          @media (max-width: 767px) {
            .feedback .container .form .wrap-form input {
              font-size: calc( 18px + 5.1 * ((100vw - 320px) / 1920)); } }
          @media (min-width: 767px) {
            .feedback .container .form .wrap-form input {
              font-size: calc(18px + 3 * (100vw / 1920)); } }
          .feedback .container .form .wrap-form input::-webkit-input-placeholder {
            font-weight: 300;
            text-align: left;
            color: #777676; }
          .feedback .container .form .wrap-form input::-moz-placeholder {
            font-weight: 300;
            text-align: left;
            color: #777676; }
          .feedback .container .form .wrap-form input:-ms-input-placeholder {
            font-weight: 300;
            text-align: left;
            color: #777676; }
          .feedback .container .form .wrap-form input::-ms-input-placeholder {
            font-weight: 300;
            text-align: left;
            color: #777676; }
          .feedback .container .form .wrap-form input::placeholder {
            font-weight: 300;
            text-align: left;
            color: #777676; }
            @media (max-width: 767px) {
              .feedback .container .form .wrap-form input::-webkit-input-placeholder {
                font-size: calc( 18px + 5.1 * ((100vw - 320px) / 1920)); }
              .feedback .container .form .wrap-form input::-moz-placeholder {
                font-size: calc( 18px + 5.1 * ((100vw - 320px) / 1920)); }
              .feedback .container .form .wrap-form input:-ms-input-placeholder {
                font-size: calc( 18px + 5.1 * ((100vw - 320px) / 1920)); }
              .feedback .container .form .wrap-form input::-ms-input-placeholder {
                font-size: calc( 18px + 5.1 * ((100vw - 320px) / 1920)); }
              .feedback .container .form .wrap-form input::placeholder {
                font-size: calc( 18px + 5.1 * ((100vw - 320px) / 1920)); } }
            @media (min-width: 767px) {
              .feedback .container .form .wrap-form input::-webkit-input-placeholder {
                font-size: calc(18px + 3 * (100vw / 1920)); }
              .feedback .container .form .wrap-form input::-moz-placeholder {
                font-size: calc(18px + 3 * (100vw / 1920)); }
              .feedback .container .form .wrap-form input:-ms-input-placeholder {
                font-size: calc(18px + 3 * (100vw / 1920)); }
              .feedback .container .form .wrap-form input::-ms-input-placeholder {
                font-size: calc(18px + 3 * (100vw / 1920)); }
              .feedback .container .form .wrap-form input::placeholder {
                font-size: calc(18px + 3 * (100vw / 1920)); } }
      .feedback .container .form button {
        width: 40%;
        height: 53px;
        text-transform: uppercase;
        color: #fff;
        font-size: 15px;
        font-weight: normal;
        background-color: #48b6ed;
        margin: 20px 0 30px; }
        @media screen and (max-width: 1100px) {
          .feedback .container .form button {
            width: 90%;
            margin: 0 auto; } }
      .feedback .container .form .soglasen {
        font-size: 17px;
        font-weight: 300;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.12;
        letter-spacing: normal;
        text-align: left;
        color: #777676;
        padding-top: 10px; }

.advantages {
  background-color: #fff;
  padding: 45px 0;
  position: relative; }
  .advantages .advant_bg {
    position: absolute;
    top: 10%;
    width: 15%;
    right: 0;
    z-index: 1; }
    @media only screen and (max-width: 1100px) {
      .advantages .advant_bg {
        display: none; } }
  .advantages .container {
    position: relative;
    z-index: 2; }
    .advantages .container .advantages__title {
      text-transform: uppercase;
      font-weight: bold;
      color: #333333;
      margin-bottom: 30px; }
      @media (max-width: 767px) {
        .advantages .container .advantages__title {
          font-size: calc( 22px + 13.6 * ((100vw - 320px) / 1920)); } }
      @media (min-width: 767px) {
        .advantages .container .advantages__title {
          font-size: calc(22px + 8 * (100vw / 1920)); } }
    .advantages .container .advantages__wrap {
      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; }
      @media only screen and (max-width: 950px) {
        .advantages .container .advantages__wrap {
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center; } }
      .advantages .container .advantages__wrap .advantages-item {
        background-color: #fff;
        -webkit-box-flex: 1;
            -ms-flex: 1 1 215px;
                flex: 1 1 215px;
        overflow: hidden;
        -webkit-box-flex: 0;
            -ms-flex: 0 0 calc(25% - 15px);
                flex: 0 0 calc(25% - 15px);
        -webkit-box-shadow: 2.3px 3.3px 19.3px 1.7px rgba(0, 0, 0, 0.11);
                box-shadow: 2.3px 3.3px 19.3px 1.7px rgba(0, 0, 0, 0.11); }
        @media only screen and (max-width: 950px) {
          .advantages .container .advantages__wrap .advantages-item {
            -webkit-box-flex: 0;
                -ms-flex: 0 0 35%;
                    flex: 0 0 35%;
            margin: 15px; } }
        @media only screen and (max-width: 676px) {
          .advantages .container .advantages__wrap .advantages-item {
            -webkit-box-flex: 0;
                -ms-flex: 0 0 80%;
                    flex: 0 0 80%;
            margin: 15px; } }
        .advantages .container .advantages__wrap .advantages-item .item-description {
          width: 100%;
          height: 100%;
          position: relative; }
          .advantages .container .advantages__wrap .advantages-item .item-description .item-bg {
            background-position: right -50px top 0 !important;
            -webkit-transition: all 0.4s;
            -o-transition: all 0.4s;
            transition: all 0.4s; }
        .advantages .container .advantages__wrap .advantages-item:nth-child(1) .item-description .item-bg {
          width: 100%;
          height: 100%;
          position: absolute;
          background-size: cover !important;
          background: url("../images/content/advantages/pen.webp");
          background-repeat: no-repeat !important;
          background-size: auto !important; }
        .advantages .container .advantages__wrap .advantages-item:nth-child(2) .item-description .item-bg {
          width: 100%;
          height: 100%;
          position: absolute;
          background-size: cover !important;
          background: url("../images/content/advantages/cogwheel.webp");
          background-repeat: no-repeat !important;
          background-size: auto !important; }
        .advantages .container .advantages__wrap .advantages-item:nth-child(3) .item-description .item-bg {
          width: 100%;
          height: 100%;
          position: absolute;
          background-size: cover !important;
          background: url("../images/content/advantages/pencil.webp");
          background-repeat: no-repeat !important;
          background-position: 80px 20px !important;
          background-size: auto !important; }
          @media only screen and (max-width: 950px) {
            .advantages .container .advantages__wrap .advantages-item:nth-child(3) .item-description .item-bg {
              background-position: right -30px top 0 !important; } }
        .advantages .container .advantages__wrap .advantages-item:nth-child(4) .item-description .item-bg {
          width: 100%;
          height: 100%;
          position: absolute;
          background-size: cover !important;
          background: url("../images/content/advantages/palette.webp");
          background-repeat: no-repeat !important;
          background-size: auto !important; }
        .advantages .container .advantages__wrap .advantages-item:hover .digit::before,
        .advantages .container .advantages__wrap .advantages-item:focus .digit::before {
          -webkit-transform: translate(50%, -50%) scale(25);
              -ms-transform: translate(50%, -50%) scale(25);
                  transform: translate(50%, -50%) scale(25); }
        .advantages .container .advantages__wrap .advantages-item:hover p,
        .advantages .container .advantages__wrap .advantages-item:focus p {
          opacity: 1;
          border-color: #fff; }
        .advantages .container .advantages__wrap .advantages-item:hover .item-title h3,
        .advantages .container .advantages__wrap .advantages-item:focus .item-title h3 {
          color: #fff; }
        .advantages .container .advantages__wrap .advantages-item:hover .item-description .item-bg,
        .advantages .container .advantages__wrap .advantages-item:focus .item-description .item-bg {
          -webkit-filter: grayscale(1);
                  filter: grayscale(1); }
        .advantages .container .advantages__wrap .advantages-item .item-title {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center; }
          .advantages .container .advantages__wrap .advantages-item .item-title .digit {
            position: relative;
            z-index: 1;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            font-family: HelveticaNeueCyr;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            font-size: 60px;
            font-weight: bold;
            letter-spacing: 1.49px;
            color: #ffffff;
            margin: 0 13px; }
            .advantages .container .advantages__wrap .advantages-item .item-title .digit::before {
              position: absolute;
              z-index: -1;
              content: "";
              width: 42px;
              height: 75px;
              background-color: #48b6ed;
              opacity: 0.8;
              -webkit-transition: all 0.6s;
              -o-transition: all 0.6s;
              transition: all 0.6s; }
          .advantages .container .advantages__wrap .advantages-item .item-title h3 {
            display: inline-block;
            font-weight: 500;
            color: #292929;
            position: relative;
            z-index: 2;
            -webkit-transition: all 0.4s;
            -o-transition: all 0.4s;
            transition: all 0.4s; }
            @media (max-width: 767px) {
              .advantages .container .advantages__wrap .advantages-item .item-title h3 {
                font-size: calc( 16px + 5.1 * ((100vw - 320px) / 1920)); } }
            @media (min-width: 767px) {
              .advantages .container .advantages__wrap .advantages-item .item-title h3 {
                font-size: calc(16px + 3 * (100vw / 1920)); } }
        .advantages .container .advantages__wrap .advantages-item p {
          position: relative;
          z-index: 2;
          font-size: 16px;
          font-weight: 500;
          margin: 0 10px;
          padding-top: 15px;
          padding-bottom: 45px;
          text-align: center;
          color: #ffffff;
          border-top: 1px solid transparent;
          opacity: 0;
          -webkit-transition: all 0.6s;
          -o-transition: all 0.6s;
          transition: all 0.6s; }

.portfolio {
  background-color: #fff;
  position: relative;
  padding: 45px 0; }
  .portfolio .portfolio_bg {
    position: absolute;
    top: 10%;
    left: 0;
    width: 15%; }
    .portfolio .portfolio_bg.portfolio_bg_2 {
      z-index: 1;
      top: 700px; }
    .portfolio .portfolio_bg.portfolio_bg_3 {
      z-index: 0;
      top: -40%;
      left: auto;
      right: 0; }
    @media only screen and (max-width: 1100px) {
      .portfolio .portfolio_bg {
        display: none; } }
  .portfolio .container {
    position: relative;
    z-index: 2; }
    .portfolio .container .portfolio__title {
      text-align: center; }
      .portfolio .container .portfolio__title h2 {
        text-transform: uppercase;
        font-weight: bold;
        color: #333333;
        margin-bottom: 20px; }
        @media (max-width: 767px) {
          .portfolio .container .portfolio__title h2 {
            font-size: calc( 22px + 13.6 * ((100vw - 320px) / 1920)); } }
        @media (min-width: 767px) {
          .portfolio .container .portfolio__title h2 {
            font-size: calc(22px + 8 * (100vw / 1920)); } }
      .portfolio .container .portfolio__title p {
        font-weight: 300;
        line-height: 1.26;
        color: #292929; }
        @media (max-width: 767px) {
          .portfolio .container .portfolio__title p {
            font-size: calc( 16px + 5.1 * ((100vw - 320px) / 1920)); } }
        @media (min-width: 767px) {
          .portfolio .container .portfolio__title p {
            font-size: calc(16px + 3 * (100vw / 1920)); } }

.wrap-cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: -20px; }

.card-wrap {
  margin: 20px;
  -webkit-transform: perspective(800px);
          transform: perspective(800px);
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  cursor: pointer;
  position: relative;
  z-index: 1; }
  .card-wrap:hover .card-info, .card-wrap:focus .card-info {
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0); }
  .card-wrap:hover .card-info p, .card-wrap:focus .card-info p {
    opacity: 1; }
  .card-wrap:hover .card-info,
  .card-wrap:hover .card-info p, .card-wrap:focus .card-info,
  .card-wrap:focus .card-info p {
    -webkit-transition: 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    transition: 0.6s cubic-bezier(0.23, 1, 0.32, 1); }
  .card-wrap:hover .card-info:after, .card-wrap:focus .card-info:after {
    -webkit-transition: 5s cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: 5s cubic-bezier(0.23, 1, 0.32, 1);
    transition: 5s cubic-bezier(0.23, 1, 0.32, 1);
    opacity: 1;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0); }
  .card-wrap:hover .card-bg, .card-wrap:focus .card-bg {
    -webkit-transition: 0.6s cubic-bezier(0.23, 1, 0.32, 1), opacity 5s cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: 0.6s cubic-bezier(0.23, 1, 0.32, 1), opacity 5s cubic-bezier(0.23, 1, 0.32, 1);
    transition: 0.6s cubic-bezier(0.23, 1, 0.32, 1), opacity 5s cubic-bezier(0.23, 1, 0.32, 1); }
  .card-wrap:hover .card, .card-wrap:focus .card {
    -webkit-transition: 0.6s cubic-bezier(0.23, 1, 0.32, 1), -webkit-box-shadow 2s cubic-bezier(0.23, 1, 0.32, 1);
    transition: 0.6s cubic-bezier(0.23, 1, 0.32, 1), -webkit-box-shadow 2s cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: 0.6s cubic-bezier(0.23, 1, 0.32, 1), box-shadow 2s cubic-bezier(0.23, 1, 0.32, 1);
    transition: 0.6s cubic-bezier(0.23, 1, 0.32, 1), box-shadow 2s cubic-bezier(0.23, 1, 0.32, 1);
    transition: 0.6s cubic-bezier(0.23, 1, 0.32, 1), box-shadow 2s cubic-bezier(0.23, 1, 0.32, 1), -webkit-box-shadow 2s cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-box-shadow: rgba(255, 255, 255, 0.2) 0 0 40px 5px, white 0 0 0 1px, rgba(0, 0, 0, 0.66) 0 30px 60px 0, inset #333 0 0 0 5px, inset white 0 0 0 6px;
            box-shadow: rgba(255, 255, 255, 0.2) 0 0 40px 5px, white 0 0 0 1px, rgba(0, 0, 0, 0.66) 0 30px 60px 0, inset #333 0 0 0 5px, inset white 0 0 0 6px; }

.card {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 240px;
          flex: 0 0 240px;
  width: 300px;
  height: 390px;
  background-color: #333;
  overflow: hidden;
  -webkit-box-shadow: 2.3px 3.3px 26.7px 2.3px rgba(39, 39, 39, 0.33);
          box-shadow: 2.3px 3.3px 26.7px 2.3px rgba(39, 39, 39, 0.33);
  -webkit-transition: 1s cubic-bezier(0.445, 0.05, 0.55, 0.95);
  -o-transition: 1s cubic-bezier(0.445, 0.05, 0.55, 0.95);
  transition: 1s cubic-bezier(0.445, 0.05, 0.55, 0.95); }

.card-bg {
  position: absolute;
  top: -20px;
  left: -20px;
  width: 120%;
  height: 120%;
  padding: 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  -webkit-transition: 1s cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity 5s 1s cubic-bezier(0.445, 0.05, 0.55, 0.95);
  -o-transition: 1s cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity 5s 1s cubic-bezier(0.445, 0.05, 0.55, 0.95);
  transition: 1s cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity 5s 1s cubic-bezier(0.445, 0.05, 0.55, 0.95);
  pointer-events: none; }

.card-info {
  padding: 20px;
  position: absolute;
  bottom: 0;
  color: #fff;
  -webkit-transform: translateY(40%);
      -ms-transform: translateY(40%);
          transform: translateY(40%);
  -webkit-transition: 0.6s 1.6s cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: 0.6s 1.6s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: 0.6s 1.6s cubic-bezier(0.215, 0.61, 0.355, 1); }
  .card-info p {
    font-size: 18px;
    font-weight: 300;
    line-height: 1.11;
    color: #ffffff;
    opacity: 0;
    -webkit-transition: 0.6s 1.6s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: 0.6s 1.6s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: 0.6s 1.6s cubic-bezier(0.215, 0.61, 0.355, 1); }
  .card-info * {
    position: relative;
    z-index: 1; }
  .card-info:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(30%, rgba(0, 0, 0, 0.4)));
    background-image: -o-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.4) 30%);
    background-image: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.4) 30%);
    background-blend-mode: overlay;
    opacity: 1; }

.card-info h3 {
  text-transform: uppercase;
  font-size: 18px;
  font-weight: bold;
  color: #ffffff; }

.btn-card {
  width: 226px;
  height: 42px;
  position: relative;
  z-index: 1;
  font-size: 15.5px;
  font-weight: normal;
  text-align: center;
  color: #ffffff;
  margin: 60px auto 0;
  background-color: #48b6ed; }

.seo {
  background-color: #fff;
  position: relative;
  padding: 80px 0; }
  .seo .seo_main {
    position: absolute;
    /* bottom: 350px; */
    top: 0;
    right: 0;
    width: 53%; }
    @media only screen and (max-width: 1100px) {
      .seo .seo_main {
        display: none; } }
  .seo .seo_bg {
    position: absolute;
    top: 10%;
    left: 0;
    width: 15%; }
    @media only screen and (max-width: 1100px) {
      .seo .seo_bg {
        display: none; } }
  .seo .container {
    position: relative;
    z-index: 2; }
    .seo .container .seo__title h2 {
      text-transform: uppercase;
      font-weight: bold;
      color: #333333;
      margin-bottom: 20px; }
      @media (max-width: 767px) {
        .seo .container .seo__title h2 {
          font-size: calc( 22px + 13.6 * ((100vw - 320px) / 1920)); } }
      @media (min-width: 767px) {
        .seo .container .seo__title h2 {
          font-size: calc(22px + 8 * (100vw / 1920)); } }
    .seo .container .seo__box {
      width: 45%; }
      @media only screen and (max-width: 1100px) {
        .seo .container .seo__box {
          width: 100%; } }
      .seo .container .seo__box p {
        font-size: 19px;
        font-weight: 300;
        line-height: 1.26;
        color: #292929;
        margin-bottom: 30px; }
        .seo .container .seo__box p span {
          font-weight: 500; }
    .seo .container .seo__box-last {
      width: 100%; }
      .seo .container .seo__box-last p {
        font-size: 19px;
        font-weight: 300;
        line-height: 1.26;
        color: #292929;
        margin-bottom: 30px; }
        .seo .container .seo__box-last p span {
          font-weight: 500; }

.faq {
  background-color: #fff;
  position: relative;
  padding: 45px 0; }
  .faq .container {
    position: relative;
    z-index: 2; }
    .faq .container .faq__title h2 {
      text-transform: uppercase;
      font-weight: bold;
      color: #333333;
      text-align: center;
      margin-bottom: 20px; }
      @media (max-width: 767px) {
        .faq .container .faq__title h2 {
          font-size: calc( 22px + 13.6 * ((100vw - 320px) / 1920)); } }
      @media (min-width: 767px) {
        .faq .container .faq__title h2 {
          font-size: calc(22px + 8 * (100vw / 1920)); } }
    .faq .container .faq-tab {
      -webkit-box-shadow: 2.3px 3.3px 19.3px 1.7px rgba(0, 0, 0, 0.11);
              box-shadow: 2.3px 3.3px 19.3px 1.7px rgba(0, 0, 0, 0.11);
      background: #ffffff;
      margin-bottom: 24px; }
      .faq .container .faq-tab .title {
        position: relative;
        cursor: pointer;
        background-color: #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        padding: 16px 25px;
        -webkit-transition: all 0.2s;
        -o-transition: all 0.2s;
        transition: all 0.2s; }
        .faq .container .faq-tab .title .gradient {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          z-index: 0;
          opacity: 0;
          -webkit-transition: all 0.2s;
          -o-transition: all 0.2s;
          transition: all 0.2s;
          background: -o-linear-gradient(320deg, #48b6ed 0%, #48dfed 99%);
          background: linear-gradient(130deg, #48b6ed 0%, #48dfed 99%); }
        .faq .container .faq-tab .title.active h3 {
          color: #fff; }
        .faq .container .faq-tab .title.active .gradient {
          opacity: 1; }
        .faq .container .faq-tab .title.active .arrow-box {
          -webkit-transform: rotate(180deg);
              -ms-transform: rotate(180deg);
                  transform: rotate(180deg); }
        .faq .container .faq-tab .title h3 {
          position: relative;
          margin-right: 10px;
          z-index: 1;
          font-size: 19px;
          font-weight: 500;
          letter-spacing: 0.48px;
          text-align: left;
          color: #363635;
          -webkit-transition: all 0.2s;
          -o-transition: all 0.2s;
          transition: all 0.2s; }
        .faq .container .faq-tab .title .arrow-box {
          position: relative;
          width: 30px;
          height: 30px;
          border: 2px solid #000;
          -webkit-transition: all 0.2s;
          -o-transition: all 0.2s;
          transition: all 0.2s;
          border-radius: 50%;
          -ms-flex-negative: 0;
              flex-shrink: 0; }
          .faq .container .faq-tab .title .arrow-box .arrow {
            position: absolute;
            top: 16%;
            right: 26%;
            border: 2px solid #000;
            border-left: none;
            border-top: none;
            -webkit-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                    transform: rotate(45deg);
            -webkit-transition: all 0.2s;
            -o-transition: all 0.2s;
            transition: all 0.2s;
            width: 12px;
            height: 12px; }
        .faq .container .faq-tab .title.active .arrow-box,
        .faq .container .faq-tab .title.active .arrow-box .arrow {
          border-color: #fff; }
        .faq .container .faq-tab .title.active + .text-wrap {
          opacity: 1;
          -webkit-transform: scale(1) rotateX(0);
                  transform: scale(1) rotateX(0); }
      .faq .container .faq-tab .text-wrap {
        -webkit-transition: all 0.45s ease-out;
        -o-transition: all 0.45s ease-out;
        transition: all 0.45s ease-out;
        max-height: 0;
        opacity: 0;
        -webkit-transform: scale(0.9) rotateX(-60deg);
                transform: scale(0.9) rotateX(-60deg);
        overflow: hidden; }
        .faq .container .faq-tab .text-wrap p {
          padding: 28px 100px 30px 28px;
          font-size: 16px;
          font-weight: 300;
          line-height: 1.25;
          text-align: left;
          color: #2f302f; }
          @media only screen and (max-width: 767px) {
            .faq .container .faq-tab .text-wrap p {
              padding: 28px; } }
    .faq .container .question {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      .faq .container .question p {
        font-size: 21px;
        font-weight: 300;
        line-height: 1.14;
        text-align: left;
        color: #292929;
        margin-right: 20px; }
      .faq .container .question a {
        position: relative;
        font-size: 17px;
        text-transform: uppercase;
        font-weight: normal;
        color: #0b89c8;
        -ms-flex-negative: 0;
            flex-shrink: 0;
        -webkit-transition: all 0.2s;
        -o-transition: all 0.2s;
        transition: all 0.2s; }
        .faq .container .question a::after {
          background-color: #0b89c8;
          display: block;
          content: "";
          height: 1px;
          width: 0%;
          left: 50%;
          position: absolute;
          -webkit-transition: width 0.2s ease-in-out;
          -o-transition: width 0.2s ease-in-out;
          transition: width 0.2s ease-in-out;
          -webkit-transform: translateX(-50%);
              -ms-transform: translateX(-50%);
                  transform: translateX(-50%); }
        .faq .container .question a:hover:after, .faq .container .question a:focus:after {
          width: 100%; }

.intro {
  padding-top: 146px;
  background-image: -o-linear-gradient(135deg, #b2fefa 20%, #0ed2f7);
  background-image: linear-gradient(-45deg, #b2fefa 20%, #0ed2f7);
  position: relative;
  background-color: #fff;
  background-position: 0 14% !important; }
  @media only screen and (max-width: 1000px) {
    .intro {
      padding-top: 40px; } }
  .intro .bg__img {
    width: 15%;
    position: absolute; }
    @media screen and (max-width: 1100px) {
      .intro .bg__img {
        display: none; } }
    .intro .bg__img.bg__img-1 {
      left: 9%;
      top: 0; }
    .intro .bg__img.bg__img-2 {
      left: 0;
      top: 10%; }
    .intro .bg__img.bg__img-3 {
      left: 15%;
      bottom: -15%;
      width: 12%; }
    .intro .bg__img.bg__img-4 {
      right: 0;
      top: 0; }
    .intro .bg__img.bg__img-5 {
      right: -2%;
      bottom: -38%; }
    .intro .bg__img.bg__img-6 {
      right: 8%;
      bottom: -36%;
      width: 20%; }
  .intro .container {
    padding: 90px 95px; }
    @media only screen and (max-width: 1000px) {
      .intro .container {
        padding: 90px 10px; } }
    @media only screen and (max-width: 1000px) {
      .intro .container {
        padding: 50px 10px 30px; } }
    .intro .container .intro__title h3 {
      text-transform: uppercase;
      font-weight: bold;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: normal;
      text-align: center;
      color: #383737; }
      @media (max-width: 767px) {
        .intro .container .intro__title h3 {
          font-size: calc( 22px + 13.6 * ((100vw - 320px) / 1920)); } }
      @media (min-width: 767px) {
        .intro .container .intro__title h3 {
          font-size: calc(22px + 8 * (100vw / 1920)); } }
    .intro .container .intro__title img {
      margin: 30px auto; }
    .intro .container .intro__title p {
      font-weight: normal;
      line-height: 1.41;
      text-align: center;
      color: #292929; }
      @media (max-width: 767px) {
        .intro .container .intro__title p {
          font-size: calc( 14px + 8.5 * ((100vw - 320px) / 1920)); } }
      @media (min-width: 767px) {
        .intro .container .intro__title p {
          font-size: calc(14px + 5 * (100vw / 1920)); } }
      @media only screen and (max-width: 600px) {
        .intro .container .intro__title p {
          margin: 10px 0 30px; } }

/* .video {
  background-size: cover !important;
  background: url("../images/content/intro/intro_bg.png");
  background-repeat: no-repeat !important;
  background-position: center !important;
  width: 100vw;
  height: 100vh; } */

.intro-articles {
  padding-top: 146px;
  background-image: -o-linear-gradient(320deg, #00c9ff 0%, #92fecf 100%);
  background-image: linear-gradient(130deg, #00c9ff 0%, #92fecf 100%);
  position: relative;
  background-color: #fff;
  background-position: 0 14% !important; }
  @media only screen and (max-width: 1000px) {
    .intro-articles {
      padding-top: 40px; } }
  .intro-articles .bg__img {
    width: 10%;
    position: absolute; }
    @media screen and (max-width: 1100px) {
      .intro-articles .bg__img {
        display: none; } }
    .intro-articles .bg__img.bg__img-1 {
      left: 13%;
      top: 25%;
      width: 9%; }
    .intro-articles .bg__img.bg__img-2 {
      left: 0;
      bottom: -35%; }
    .intro-articles .bg__img.bg__img-3 {
      left: 18%;
      bottom: -25%;
      width: 11%; }
    .intro-articles .bg__img.bg__img-4 {
      right: 8%;
      bottom: -10%;
      width: 11%; }
    .intro-articles .bg__img.bg__img-5 {
      right: -5%;
      bottom: -15%;
      width: 11%; }
    .intro-articles .bg__img.bg__img-6 {
      right: 17%;
      top: 5%;
      width: 16%; }
  .intro-articles .container {
    padding: 90px 95px; }
    @media only screen and (max-width: 1000px) {
      .intro-articles .container {
        padding: 90px 10px; } }
    @media only screen and (max-width: 1000px) {
      .intro-articles .container {
        padding: 50px 10px 30px; } }
    .intro-articles .container .intro__title h3 {
      text-transform: uppercase;
      font-weight: bold;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: normal;
      text-align: center;
      color: #383737;
      max-width: 600px;
      margin: 0 auto; }
      @media (max-width: 767px) {
        .intro-articles .container .intro__title h3 {
          font-size: calc( 22px + 13.6 * ((100vw - 320px) / 1920)); } }
      @media (min-width: 767px) {
        .intro-articles .container .intro__title h3 {
          font-size: calc(22px + 8 * (100vw / 1920)); } }
    .intro-articles .container .intro__title img {
      margin: 20px auto; }
    .intro-articles .container .intro__title p {
      font-weight: normal;
      line-height: 1.41;
      text-align: center;
      color: #292929; }
      @media (max-width: 767px) {
        .intro-articles .container .intro__title p {
          font-size: calc( 14px + 8.5 * ((100vw - 320px) / 1920)); } }
      @media (min-width: 767px) {
        .intro-articles .container .intro__title p {
          font-size: calc(14px + 5 * (100vw / 1920)); } }
      @media only screen and (max-width: 600px) {
        .intro-articles .container .intro__title p {
          margin: 10px 0 30px; } }

.intro-faq {
  position: relative;
  z-index: 1;
  padding-top: 146px;
  background-image: -o-linear-gradient(320deg, #7b74ed 0%, #d07ed4 100%);
  background-image: linear-gradient(130deg, #7b74ed 0%, #d07ed4 100%);
  position: relative;
  background-color: #fff;
  background-position: 0 14% !important; }
  @media only screen and (max-width: 1000px) {
    .intro-faq {
      padding-top: 40px; } }
  .intro-faq .bg__img {
    width: 12%;
    position: absolute; }
    @media screen and (max-width: 1100px) {
      .intro-faq .bg__img {
        display: none; } }
    .intro-faq .bg__img.bg__img-1 {
      left: 0%;
      top: 25%; }
    .intro-faq .bg__img.bg__img-2 {
      left: 14%;
      bottom: -12%; }
    .intro-faq .bg__img.bg__img-3 {
      left: 20%;
      top: 10%;
      width: 11%; }
    .intro-faq .bg__img.bg__img-4 {
      right: 8%;
      bottom: -25%;
      width: 15%; }
    .intro-faq .bg__img.bg__img-5 {
      right: 0%;
      top: 10%;
      width: 15%; }
  .intro-faq .container {
    padding: 90px 95px; }
    @media only screen and (max-width: 1000px) {
      .intro-faq .container {
        padding: 90px 10px; } }
    @media only screen and (max-width: 1000px) {
      .intro-faq .container {
        padding: 50px 10px 30px; } }
    .intro-faq .container .intro__title h3 {
      text-transform: uppercase;
      font-weight: bold;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: normal;
      text-align: center;
      color: #383737; }
      @media (max-width: 767px) {
        .intro-faq .container .intro__title h3 {
          font-size: calc( 22px + 13.6 * ((100vw - 320px) / 1920)); } }
      @media (min-width: 767px) {
        .intro-faq .container .intro__title h3 {
          font-size: calc(22px + 8 * (100vw / 1920)); } }
    .intro-faq .container .intro__title img {
      margin: 20px auto; }
    .intro-faq .container .intro__title p {
      font-weight: normal;
      line-height: 1.41;
      text-align: center;
      color: #292929; }
      @media (max-width: 767px) {
        .intro-faq .container .intro__title p {
          font-size: calc( 14px + 8.5 * ((100vw - 320px) / 1920)); } }
      @media (min-width: 767px) {
        .intro-faq .container .intro__title p {
          font-size: calc(14px + 5 * (100vw / 1920)); } }
      @media only screen and (max-width: 600px) {
        .intro-faq .container .intro__title p {
          margin: 10px 0 30px; } }

.intro-contacts {
  position: relative;
  z-index: 1;
  padding-top: 146px;
  background-image: -o-linear-gradient(320deg, #4cec81 0%, #f8f772 100%);
  background-image: linear-gradient(130deg, #4cec81 0%, #f8f772 100%);
  position: relative;
  background-color: #fff;
  background-position: 0 14% !important; }
  @media only screen and (max-width: 1000px) {
    .intro-contacts {
      padding-top: 40px; } }
  .intro-contacts .bg__img {
    width: 10%;
    position: absolute; }
    @media screen and (max-width: 1100px) {
      .intro-contacts .bg__img {
        display: none; } }
    .intro-contacts .bg__img.bg__img-1 {
      left: 0%;
      top: 5%; }
    .intro-contacts .bg__img.bg__img-2 {
      left: 9%;
      bottom: -25%; }
    .intro-contacts .bg__img.bg__img-3 {
      left: 8%;
      top: 10%;
      width: 20%; }
    .intro-contacts .bg__img.bg__img-4 {
      right: 6%;
      bottom: -24%;
      width: 20%; }
    .intro-contacts .bg__img.bg__img-5 {
      right: 3%;
      top: 20%;
      width: 8%; }
  .intro-contacts .container {
    position: relative;
    padding: 90px 95px; }
    @media only screen and (max-width: 1000px) {
      .intro-contacts .container {
        padding: 90px 10px; } }
    @media only screen and (max-width: 1000px) {
      .intro-contacts .container {
        padding: 50px 10px 30px; } }
    .intro-contacts .container .intro__title {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      .intro-contacts .container .intro__title h3 {
        text-transform: uppercase;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        color: #383737; }
        @media (max-width: 767px) {
          .intro-contacts .container .intro__title h3 {
            font-size: calc( 22px + 13.6 * ((100vw - 320px) / 1920)); } }
        @media (min-width: 767px) {
          .intro-contacts .container .intro__title h3 {
            font-size: calc(22px + 8 * (100vw / 1920)); } }
      .intro-contacts .container .intro__title img {
        margin: 20px auto; }
      .intro-contacts .container .intro__title p {
        font-weight: 300;
        line-height: 1.41;
        text-align: center;
        color: #292929;
        max-width: 660px; }
        @media (max-width: 767px) {
          .intro-contacts .container .intro__title p {
            font-size: calc( 14px + 5.1 * ((100vw - 320px) / 1920)); } }
        @media (min-width: 767px) {
          .intro-contacts .container .intro__title p {
            font-size: calc(14px + 3 * (100vw / 1920)); } }
        @media only screen and (max-width: 600px) {
          .intro-contacts .container .intro__title p {
            margin: 10px 0 30px; } }

.intro-cases {
  padding-top: 146px;
  background-image: -o-linear-gradient(320deg, #4a67ba 0%, #48b6ed 100%);
  background-image: linear-gradient(130deg, #4a67ba 0%, #48b6ed 100%);
  position: relative;
  background-color: #fff;
  background-position: 0 14% !important; }
  @media only screen and (max-width: 1000px) {
    .intro-cases {
      padding-top: 40px; } }
  .intro-cases .bg__img {
    width: 15%;
    position: absolute; }
    @media screen and (max-width: 1100px) {
      .intro-cases .bg__img {
        display: none; } }
    .intro-cases .bg__img.bg__img-1 {
      left: 12%;
      top: 10%; }
    .intro-cases .bg__img.bg__img-2 {
      left: 0;
      bottom: -20%; }
    .intro-cases .bg__img.bg__img-3 {
      right: 0%;
      bottom: -15%;
      width: 10%; }
    .intro-cases .bg__img.bg__img-4 {
      right: 10%;
      bottom: -15%;
      width: 20%; }
  .intro-cases .container {
    padding: 60px 95px 20px; }
    @media only screen and (max-width: 1000px) {
      .intro-cases .container {
        padding: 50px 10px 30px; } }
    .intro-cases .container .intro__title h3 {
      text-transform: uppercase;
      font-weight: bold;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: normal;
      text-align: center;
      color: #383737; }
      @media (max-width: 767px) {
        .intro-cases .container .intro__title h3 {
          font-size: calc( 22px + 13.6 * ((100vw - 320px) / 1920)); } }
      @media (min-width: 767px) {
        .intro-cases .container .intro__title h3 {
          font-size: calc(22px + 8 * (100vw / 1920)); } }
    .intro-cases .container .intro__title p {
      text-transform: uppercase;
      font-weight: normal;
      text-align: center;
      color: #313232; }
      @media (max-width: 767px) {
        .intro-cases .container .intro__title p {
          font-size: calc( 16px + 6.8 * ((100vw - 320px) / 1920)); } }
      @media (min-width: 767px) {
        .intro-cases .container .intro__title p {
          font-size: calc(16px + 4 * (100vw / 1920)); } }
      .intro-cases .container .intro__title p.text-portfolio {
        position: relative;
        z-index: 1;
        margin: 10px 10% 30px;
        text-transform: unset;
        font-size: 17px;
        font-weight: normal;
        line-height: 1.12;
        text-align: center;
        color: #292929; }
        @media only screen and (max-width: 700px) {
          .intro-cases .container .intro__title p.text-portfolio {
            margin: 10px 0 30px; } }
      @media only screen and (max-width: 600px) {
        .intro-cases .container .intro__title p {
          margin: 10px 0 30px; } }
    .intro-cases .container .intro__title img {
      margin: 20px auto; }

.intro-about {
  padding-top: 146px;
  background-image: -o-linear-gradient(320deg, #86a8e7 0%, #91eae4 100%);
  background-image: linear-gradient(130deg, #86a8e7 0%, #91eae4 100%);
  position: relative;
  background-color: #fff;
  background-position: 0 14% !important; }
  @media only screen and (max-width: 1000px) {
    .intro-about {
      padding-top: 40px; } }
  .intro-about .bg__img {
    width: 10%;
    position: absolute; }
    @media screen and (max-width: 1100px) {
      .intro-about .bg__img {
        display: none; } }
    .intro-about .bg__img.bg__img-1 {
      left: 0%;
      top: 20%; }
    .intro-about .bg__img.bg__img-2 {
      left: 12%;
      bottom: -14%;
      width: 14%; }
    .intro-about .bg__img.bg__img-3 {
      right: 8%;
      bottom: -5%;
      width: 15%; }
    .intro-about .bg__img.bg__img-4 {
      right: 2%;
      top: 25%;
      width: 6%; }
  .intro-about .container {
    position: relative;
    z-index: 1;
    padding: 90px 95px; }
    @media only screen and (max-width: 1000px) {
      .intro-about .container {
        padding: 90px 10px; } }
    @media only screen and (max-width: 1000px) {
      .intro-about .container {
        padding: 50px 10px 30px; } }
    .intro-about .container .about__title h3 {
      text-transform: uppercase;
      font-weight: bold;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: normal;
      text-align: center;
      color: #383737; }
      @media (max-width: 767px) {
        .intro-about .container .about__title h3 {
          font-size: calc( 22px + 13.6 * ((100vw - 320px) / 1920)); } }
      @media (min-width: 767px) {
        .intro-about .container .about__title h3 {
          font-size: calc(22px + 8 * (100vw / 1920)); } }
    .intro-about .container .about__title img {
      margin: 30px auto; }
    .intro-about .container .about__title p {
      font-weight: normal;
      line-height: 1.41;
      text-align: center;
      color: #292929; }
      @media (max-width: 767px) {
        .intro-about .container .about__title p {
          font-size: calc( 14px + 5.1 * ((100vw - 320px) / 1920)); } }
      @media (min-width: 767px) {
        .intro-about .container .about__title p {
          font-size: calc(14px + 3 * (100vw / 1920)); } }
      @media only screen and (max-width: 600px) {
        .intro-about .container .about__title p {
          margin: 10px 0 30px; } }

.services {
  position: relative;
  background-color: #fff;
  background-position: 0 14% !important; }
  .services .bg__img {
    width: 15%;
    position: absolute; }
    @media screen and (max-width: 1100px) {
      .services .bg__img {
        display: none; } }
    .services .bg__img.bg__img-1 {
      right: 0;
      top: 0; }
    .services .bg__img.bg__img-2 {
      left: 0;
      top: 10%; }
  .services .container {
    padding: 90px 95px 0; }
    @media only screen and (max-width: 1000px) {
      .services .container {
        padding: 90px 10px; } }
    .services .container .services__title h3 {
      text-transform: uppercase;
      font-weight: bold;
      text-align: center;
      color: #333333;
      margin-bottom: 20px; }
      @media (max-width: 767px) {
        .services .container .services__title h3 {
          font-size: calc( 22px + 13.6 * ((100vw - 320px) / 1920)); } }
      @media (min-width: 767px) {
        .services .container .services__title h3 {
          font-size: calc(22px + 8 * (100vw / 1920)); } }
    .services .container .services__title p {
      font-weight: 300;
      line-height: 1.26;
      text-align: center;
      color: #292929;
      margin: 10px 0 50px; }
      @media (max-width: 767px) {
        .services .container .services__title p {
          font-size: calc( 14px + 8.5 * ((100vw - 320px) / 1920)); } }
      @media (min-width: 767px) {
        .services .container .services__title p {
          font-size: calc(14px + 5 * (100vw / 1920)); } }
      @media only screen and (max-width: 600px) {
        .services .container .services__title p {
          margin: 10px 0 30px; } }
    .services .container .services__tabs {
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-shadow: 2.3px 3.3px 19.3px 1.7px rgba(0, 0, 0, 0.11);
              box-shadow: 2.3px 3.3px 19.3px 1.7px rgba(0, 0, 0, 0.11); }
      @media only screen and (max-width: 900px) {
        .services .container .services__tabs {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column; } }
      @media only screen and (max-width: 600px) {
        .services .container .services__tabs {
          -webkit-box-shadow: none;
                  box-shadow: none; } }
      .services .container .services__tabs .services-hand {
        display: none;
        background-size: cover !important;
        background: url("../images/content/services/hand.png");
        background-repeat: no-repeat !important;
        position: absolute;
        right: 3%;
        top: 30px;
        z-index: 3;
        width: 33px;
        height: 40px;
        -webkit-animation-duration: 2s;
                animation-duration: 2s;
        -webkit-animation-iteration-count: infinite;
                animation-iteration-count: infinite;
        -webkit-animation-name: motion-hand;
                animation-name: motion-hand; }

@keyframes motion-hand {
  0% {
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px); }
  50% {
    -webkit-transform: translateX(10px);
            transform: translateX(10px); }
  100% {
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px); } }
        @media only screen and (max-width: 900px) {
          .services .container .services__tabs .services-hand {
            display: block; } }
      .services .container .services__tabs .services-mouse {
        position: absolute;
        top: 210px;
        left: -80px;
        min-width: 50px;
        height: 80px;
        border-radius: 30px;
        border: 3px solid #333333; }
        @media only screen and (max-width: 1024px) {
          .services .container .services__tabs .services-mouse {
            display: none; } }
        .services .container .services__tabs .services-mouse:after {
          content: "";
          position: absolute;
          top: 15px;
          left: 50%;
          -webkit-transform: translate(-50%, 0);
              -ms-transform: translate(-50%, 0);
                  transform: translate(-50%, 0);
          width: 3px;
          height: 15px;
          border-radius: 50%;
          background-color: #333333;
          -webkit-animation: scroll 1s infinite alternate;
                  animation: scroll 1s infinite alternate; }

@keyframes scroll {
  100% {
    -webkit-transform: translate(-50%, 15px);
            transform: translate(-50%, 15px); } }
      .services .container .services__tabs .services__swiper .swiper-tabs {
        height: 500px; }
        @media only screen and (max-width: 900px) {
          .services .container .services__tabs .services__swiper .swiper-tabs {
            height: auto; } }
        .services .container .services__tabs .services__swiper .swiper-tabs .slide-click {
          padding: 10px;
          cursor: pointer;
          background-color: #fff;
          text-transform: uppercase;
          width: 270px;
          font-weight: 500;
          color: #959494;
          -webkit-box-shadow: 2.3px 3.3px 19.3px 1.7px rgba(0, 0, 0, 0.11);
                  box-shadow: 2.3px 3.3px 19.3px 1.7px rgba(0, 0, 0, 0.11);
          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; }
          @media (max-width: 767px) {
            .services .container .services__tabs .services__swiper .swiper-tabs .slide-click {
              font-size: calc( 14px + 10.2 * ((100vw - 320px) / 1920)); } }
          @media (min-width: 767px) {
            .services .container .services__tabs .services__swiper .swiper-tabs .slide-click {
              font-size: calc(14px + 6 * (100vw / 1920)); } }
          @media only screen and (max-width: 600px) {
            .services .container .services__tabs .services__swiper .swiper-tabs .slide-click {
              -webkit-box-shadow: 0 0 3.7px 0.3px rgba(0, 0, 0, 0.11);
                      box-shadow: 0 0 3.7px 0.3px rgba(0, 0, 0, 0.11); } }
          .services .container .services__tabs .services__swiper .swiper-tabs .slide-click.swiper-slide {
            height: 71px !important; }
            @media only screen and (max-width: 900px) {
              .services .container .services__tabs .services__swiper .swiper-tabs .slide-click.swiper-slide {
                height: 40px !important;
                font-size: 13px;
                font-weight: 500;
                text-align: center;
                color: #626161; } }
          .services .container .services__tabs .services__swiper .swiper-tabs .slide-click.swiper-slide-active {
            min-height: 80px;
            border-left: 10px solid #48b6ed;
            -webkit-box-shadow: none;
                    box-shadow: none;
            z-index: 10;
            -webkit-box-shadow: 2.3px 3.3px 21px 0 rgba(0, 0, 0, 0.11);
                    box-shadow: 2.3px 3.3px 21px 0 rgba(0, 0, 0, 0.11);
            font-weight: 500;
            color: #383737; }
            @media (max-width: 767px) {
              .services .container .services__tabs .services__swiper .swiper-tabs .slide-click.swiper-slide-active {
                font-size: calc( 15px + 11.9 * ((100vw - 320px) / 1920)); } }
            @media (min-width: 767px) {
              .services .container .services__tabs .services__swiper .swiper-tabs .slide-click.swiper-slide-active {
                font-size: calc(15px + 7 * (100vw / 1920)); } }
            @media only screen and (max-width: 900px) {
              .services .container .services__tabs .services__swiper .swiper-tabs .slide-click.swiper-slide-active {
                min-height: auto;
                border: solid 1px #48b6ed;
                font-size: 13px;
                font-weight: 500;
                text-align: center;
                color: #626161; } }
      .services .container .services__tabs .services__description {
        background-color: #ffffff;
        width: 100%;
        -webkit-box-shadow: 2.3px 3.3px 19.3px 1.7px rgba(0, 0, 0, 0.11);
                box-shadow: 2.3px 3.3px 19.3px 1.7px rgba(0, 0, 0, 0.11);
        z-index: 2; }
        @media only screen and (max-width: 600px) {
          .services .container .services__tabs .services__description {
            -webkit-box-shadow: none;
                    box-shadow: none; } }
        .services .container .services__tabs .services__description .swiper-full {
          height: 500px;
          width: 100%; }
          @media only screen and (max-width: 900px) {
            .services .container .services__tabs .services__description .swiper-full {
              height: auto; } }
          .services .container .services__tabs .services__description .swiper-full .slide-content {
            width: 100%;
            padding: 35px 10px 40px 33px;
            background-size: auto 90% !important;
            background-repeat: no-repeat !important;
            background-position: right bottom !important;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                    justify-content: space-between;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column; }
            .services .container .services__tabs .services__description .swiper-full .slide-content.notready {
              -webkit-box-pack: center;
                  -ms-flex-pack: center;
                      justify-content: center; }
              .services .container .services__tabs .services__description .swiper-full .slide-content.notready .wrap-text {
                width: 50%;
                margin-left: 20px; }
                .services .container .services__tabs .services__description .swiper-full .slide-content.notready .wrap-text p {
                  font-size: 29px;
                  font-weight: 300;
                  text-align: left;
                  color: #292929; }
                  .services .container .services__tabs .services__description .swiper-full .slide-content.notready .wrap-text p.main {
                    font-size: 30px;
                    font-weight: 500;
                    color: #333333;
                    margin-bottom: 40px; }
                  .services .container .services__tabs .services__description .swiper-full .slide-content.notready .wrap-text p span {
                    color: #48b6ed; }
            @media only screen and (max-width: 600px) {
              .services .container .services__tabs .services__description .swiper-full .slide-content {
                /*background: none !important;*/
                -webkit-box-align: center;
                    -ms-flex-align: center;
                        align-items: center;
                padding: 10px; } }
            .services .container .services__tabs .services__description .swiper-full .slide-content p {
              text-transform: uppercase;
              font-size: 24px;
              font-weight: 500;
              color: #333333; }
              @media only screen and (max-width: 600px) {
                .services .container .services__tabs .services__description .swiper-full .slide-content p {
                  /*display: none;*/ } }
                  .services .container .services__tabs .services__description .swiper-full .slide-content.notready .wrap-text p {
                    font-size: 20px;
                  }
                  .services .container .services__tabs .services__description .swiper-full .slide-content.notready .wrap-text p.main {
                    font-size: 21px;
                  }
            .services .container .services__tabs .services__description .swiper-full .slide-content ul {
              padding: 0;
              margin-left: 22px; }
              @media only screen and (max-width: 600px) {
                .services .container .services__tabs .services__description .swiper-full .slide-content ul {
                  margin-bottom: 30px; } }
              .services .container .services__tabs .services__description .swiper-full .slide-content ul li {
                color: #48b6ed; }
                .services .container .services__tabs .services__description .swiper-full .slide-content ul li span {
                  display: inline-block;
                  font-size: 20px;
                  font-weight: 300;
                  color: #292929;
                  -webkit-transition: all 0.2s;
                  -o-transition: all 0.2s;
                  transition: all 0.2s; }
                  .services .container .services__tabs .services__description .swiper-full .slide-content ul li span:hover, .services .container .services__tabs .services__description .swiper-full .slide-content ul li span:focus {
                    -webkit-transform: scale(1.05);
                        -ms-transform: scale(1.05);
                            transform: scale(1.05);
                    font-weight: 500;
                    color: #383737; }
                    @media only screen and (max-width: 600px) {
                      .services .container .services__tabs .services__description .swiper-full .slide-content ul li span:hover, .services .container .services__tabs .services__description .swiper-full .slide-content ul li span:focus {
                        -webkit-transform: scale(1);
                            -ms-transform: scale(1);
                                transform: scale(1);
                        font-weight: 300;
                        color: #48b6ed; } }

.service {
  position: relative;
  z-index: 1;
  background-color: #fff;
  background-position: 0 14% !important; }
  .service .bg__img {
    width: 15%;
    position: absolute; }
    @media screen and (max-width: 1100px) {
      .service .bg__img {
        display: none; } }
    .service .bg__img.bg__img-1 {
      right: 0;
      top: 25%; }
    .service .bg__img.bg__img-2 {
      left: 0;
      top: 0; }
  .service .container {
    padding: 30px 95px 0; }
    @media screen and (max-width: 1000px) {
      .service .container {
        padding: 30px 65px 0; } }
    @media screen and (max-width: 766px) {
      .service .container {
        padding: 30px 45px 0; } }
    .container .service__title {
      margin-bottom: 40px; }
      .service .container .service__title a {
        font-size: 15px;
        font-weight: 300;
        text-align: left;
        color: #000000; }
        .service .container .service__title a:first-child:after {
          content: ">";
          margin: 0 5px; }
    .service .container .swiper {
      position: relative; }
      .service .container .swiper .service-swiper {
        padding: 20px 0; }
        .service .container .swiper .service-swiper .swiper-slide {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: justify;
              -ms-flex-pack: justify;
                  justify-content: space-between;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          min-height: 430px;
          background-color: #fff;
          -webkit-box-shadow: 2.3px 3.3px 19.3px 1.7px rgba(0, 0, 0, 0.11);
                  box-shadow: 2.3px 3.3px 19.3px 1.7px rgba(0, 0, 0, 0.11); }
          .service .container .swiper .service-swiper .swiper-slide .title {
            padding: 15px 0;
            text-transform: uppercase;
            text-align: center;
            background: -webkit-gradient(linear, left top, right top, from(#20323f), color-stop(10%, #fff), color-stop(20%, #20323f));
            background: -o-linear-gradient(left, #20323f 0%, #fff 10%, #20323f 20%);
            background: linear-gradient(to right, #20323f 0%, #fff 10%, #20323f 20%);
            background-position: -25px;
            -webkit-background-clip: text;
                    background-clip: text;
            -webkit-text-fill-color: transparent;
            -webkit-animation-fill-mode: forwards;
                    animation-fill-mode: forwards;
            -webkit-text-size-adjust: none;
            -webkit-transition: all 1s;
            -o-transition: all 1s;
            transition: all 1s; }
            .service .container .swiper .service-swiper .swiper-slide .title span {
              overflow: hidden;
              font-size: 14.5px;
              font-weight: bold;
              font-stretch: normal;
              font-style: normal;
              letter-spacing: normal;
              color: #000000; }
            .service .container .swiper .service-swiper .swiper-slide .title:hover, .service .container .swiper .service-swiper .swiper-slide .title:focus {
              background-position: 240px; }
          .service .container .swiper .service-swiper .swiper-slide .image {
            width: 100%;
            height: 175px;
            background-repeat: no-repeat !important;
            background-size: cover !important; }
          .service .container .swiper .service-swiper .swiper-slide .description {
            margin: 25px;
            font-size: 12px;
            font-weight: 300;
            line-height: 1.08;
            text-align: left;
            color: #000000; }
          .service .container .swiper .service-swiper .swiper-slide .button {
            margin-left: 25px;
            margin-bottom: 25px;
            width: 117px;
            height: 32px;
            border-radius: 1px;
            background-color: #f6d152;
            font-size: 12.5px;
            font-weight: normal;
            text-align: center;
            color: #363635;
            text-transform: unset; }
      .service .container .swiper .swiper-service-next,
      .service .container .swiper .swiper-service-prev {
        width: 36px;
        height: 36px;
        border: 2px solid #5a5959;
        border-radius: 50%;
        right: -60px;
        outline: none;
        -webkit-transition: all 0.2s;
        -o-transition: all 0.2s;
        transition: all 0.2s; }
        @media screen and (max-width: 766px) {
          .service .container .swiper .swiper-service-next,
          .service .container .swiper .swiper-service-prev {
            right: -45px; } }
        .service .container .swiper .swiper-service-next:hover .arrow div,
        .service .container .swiper .swiper-service-next:focus .arrow div,
        .service .container .swiper .swiper-service-next:hover .arrow div::before,
        .service .container .swiper .swiper-service-next:focus .arrow div::before,
        .service .container .swiper .swiper-service-next:hover .arrow div::after,
        .service .container .swiper .swiper-service-next:focus .arrow div::after,
        .service .container .swiper .swiper-service-prev:hover .arrow div,
        .service .container .swiper .swiper-service-prev:focus .arrow div,
        .service .container .swiper .swiper-service-prev:hover .arrow div::before,
        .service .container .swiper .swiper-service-prev:focus .arrow div::before,
        .service .container .swiper .swiper-service-prev:hover .arrow div::after,
        .service .container .swiper .swiper-service-prev:focus .arrow div::after {
          background-color: #000000; }
        .service .container .swiper .swiper-service-next:hover, .service .container .swiper .swiper-service-next:focus,
        .service .container .swiper .swiper-service-prev:hover,
        .service .container .swiper .swiper-service-prev:focus {
          border-color: #000000; }
        .service .container .swiper .swiper-service-next::after,
        .service .container .swiper .swiper-service-prev::after {
          content: "";
          display: block;
          background-color: #fff;
          width: 10px;
          height: 10px;
          position: absolute;
          right: -5px;
          z-index: -1; }
        .service .container .swiper .swiper-service-next .arrow,
        .service .container .swiper .swiper-service-prev .arrow {
          -webkit-transform: rotate(180deg);
              -ms-transform: rotate(180deg);
                  transform: rotate(180deg);
          cursor: pointer;
          position: relative;
          width: 22px;
          height: 42px;
          -webkit-animation: arrow 1s linear infinite;
                  animation: arrow 1s linear infinite; }
          .service .container .swiper .swiper-service-next .arrow div,
          .service .container .swiper .swiper-service-prev .arrow div {
            position: relative;
            top: 20px;
            width: 22px;
            height: 2px;
            background-color: #5a5959;
            -webkit-transition: all 0.2s;
            -o-transition: all 0.2s;
            transition: all 0.2s;
            -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
                    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
            left: -10px;
            display: block; }
            .service .container .swiper .swiper-service-next .arrow div::after,
            .service .container .swiper .swiper-service-prev .arrow div::after {
              content: "";
              position: absolute;
              width: 10px;
              height: 2px;
              top: -3px;
              right: -3px;
              background-color: #5a5959;
              -webkit-transition: all 0.2s;
              -o-transition: all 0.2s;
              transition: all 0.2s;
              -webkit-transform: rotate(45deg);
                  -ms-transform: rotate(45deg);
                      transform: rotate(45deg); }
            .service .container .swiper .swiper-service-next .arrow div::before,
            .service .container .swiper .swiper-service-prev .arrow div::before {
              content: "";
              position: absolute;
              width: 10px;
              height: 2px;
              top: 3px;
              right: -3px;
              -webkit-transition: all 0.2s;
              -o-transition: all 0.2s;
              transition: all 0.2s;
              background-color: #5a5959;
              -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
                      box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
              -webkit-transform: rotate(-45deg);
                  -ms-transform: rotate(-45deg);
                      transform: rotate(-45deg); }
          .service .container .swiper .swiper-service-next .arrow:hover, .service .container .swiper .swiper-service-next .arrow:focus,
          .service .container .swiper .swiper-service-prev .arrow:hover,
          .service .container .swiper .swiper-service-prev .arrow:focus {
            -webkit-animation-play-state: paused;
                    animation-play-state: paused;
            border-color: #000000; }

@-webkit-keyframes arrow {
  0% {
    right: 0; }
  50% {
    right: 6px; }
  100% {
    right: 0; } }

@keyframes arrow {
  0% {
    right: 0; }
  50% {
    right: 6px; }
  100% {
    right: 0; } }
      .service .container .swiper .swiper-service-prev {
        right: auto;
        left: -65px; }
        @media screen and (max-width: 850px) {
          .service .container .swiper .swiper-service-prev {
            left: -45px; } }
      .service .container .swiper .swiper-service-next {
        -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
                transform: rotate(180deg); }
    .service .container .offer {
      margin: 40px 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      @media screen and (max-width: 850px) {
        .service .container .offer {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          text-align: center; } }
      .service .container .offer .offer-title {
        -webkit-box-flex: 0;
            -ms-flex: 0 1 70%;
                flex: 0 1 70%; }
        .service .container .offer .offer-title h3 {
          text-transform: uppercase;
          font-size: 19px;
          line-height: 20px;
          font-weight: 500;
          color: #292929;
          margin-bottom: 5px; }
        .service .container .offer .offer-title p {
          font-size: 17px;
          font-weight: 300;
          line-height: 1.41;
          color: #292929; }
      .service .container .offer .button {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s;
        overflow: hidden;
        height: auto;
        background-color: transparent;
        font-size: 15px;
        font-weight: 500;
        letter-spacing: -0.38px;
        text-align: center;
        color: #20a6e9;
        text-transform: unset; }
        @media screen and (max-width: 850px) {
          .service .container .offer .button {
            margin: 20px auto;
            height: 53px; } }
        @media screen and (max-width: 766px) {
          .service .container .offer .button {
            width: 90%; } }
        .service .container .offer .button::after {
          display: none; }
        .service .container .offer .button span {
          position: absolute;
          display: block; }
          .service .container .offer .button span:nth-child(1) {
            top: 0;
            left: 0;
            width: 100%;
            height: 2px;
            background: -webkit-gradient(linear, left top, right top, from(transparent), to(#20a6e9));
            background: -o-linear-gradient(left, transparent, #20a6e9);
            background: linear-gradient(90deg, transparent, #20a6e9);
            -webkit-animation: animate1 1s linear infinite;
                    animation: animate1 1s linear infinite; }

@-webkit-keyframes animate1 {
  0% {
    left: -100%; }
  50%,
  100% {
    left: 100%; } }

@keyframes animate1 {
  0% {
    left: -100%; }
  50%,
  100% {
    left: 100%; } }
          .service .container .offer .button span:nth-child(2) {
            top: -100%;
            right: 0;
            width: 2px;
            height: 100%;
            background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#20a6e9));
            background: -o-linear-gradient(top, transparent, #20a6e9);
            background: linear-gradient(180deg, transparent, #20a6e9);
            -webkit-animation: animate2 1s linear infinite;
                    animation: animate2 1s linear infinite;
            -webkit-animation-delay: 0.25s;
                    animation-delay: 0.25s; }

@-webkit-keyframes animate2 {
  0% {
    top: -100%; }
  50%,
  100% {
    top: 100%; } }

@keyframes animate2 {
  0% {
    top: -100%; }
  50%,
  100% {
    top: 100%; } }
          .service .container .offer .button span:nth-child(3) {
            bottom: 0;
            right: 0;
            width: 100%;
            height: 2px;
            background: -webkit-gradient(linear, right top, left top, from(transparent), to(#20a6e9));
            background: -o-linear-gradient(right, transparent, #20a6e9);
            background: linear-gradient(270deg, transparent, #20a6e9);
            -webkit-animation: animate3 1s linear infinite;
                    animation: animate3 1s linear infinite;
            -webkit-animation-delay: 0.5s;
                    animation-delay: 0.5s; }

@-webkit-keyframes animate3 {
  0% {
    right: -100%; }
  50%,
  100% {
    right: 100%; } }

@keyframes animate3 {
  0% {
    right: -100%; }
  50%,
  100% {
    right: 100%; } }
          .service .container .offer .button span:nth-child(4) {
            bottom: -100%;
            left: 0;
            width: 2px;
            height: 100%;
            background: -webkit-gradient(linear, left bottom, left top, from(transparent), to(#20a6e9));
            background: -o-linear-gradient(bottom, transparent, #20a6e9);
            background: linear-gradient(360deg, transparent, #20a6e9);
            -webkit-animation: animate4 1s linear infinite;
                    animation: animate4 1s linear infinite;
            -webkit-animation-delay: 0.75s;
                    animation-delay: 0.75s; }

@-webkit-keyframes animate4 {
  0% {
    bottom: -100%; }
  50%,
  100% {
    bottom: 100%; } }

@keyframes animate4 {
  0% {
    bottom: -100%; }
  50%,
  100% {
    bottom: 100%; } }
        .service .container .offer .button:hover, .service .container .offer .button:focus {
          background-image: -webkit-gradient(linear, right top, left top, from(#20a6e9), to(#66c2f0));
          background-image: -o-linear-gradient(right, #20a6e9, #66c2f0);
          background-image: linear-gradient(to left, #20a6e9, #66c2f0);
          color: #ffffff; }
    .service .container .decor {
      width: 100%;
      height: 2px;
      background: -o-radial-gradient(circle, rgba(0, 0, 0, 0.2) 50%, transparent 100%);
      background: radial-gradient(circle, rgba(0, 0, 0, 0.2) 50%, transparent 100%); }

.service-feedback {
  position: relative;
  background-image: -o-linear-gradient(320deg, #48b6ed 0%, #48dfed 99%);
  background-image: linear-gradient(130deg, #48b6ed 0%, #48dfed 99%); }
  .service-feedback .feedback-img {
    position: absolute;
    z-index: 1;
    left: 55%;
    bottom: 0;
    width: 530px;
    height: 110%;
    background-position-y: 50% !important;
    background-size: cover !important;
    background: url("../images/content/feedback/feedback_woman.png");
    background-repeat: no-repeat !important; }
    @media only screen and (max-width: 1100px) {
      .service-feedback .feedback-img {
        display: none; } }
  .service-feedback .container {
    padding: 90px 0; }
    @media screen and (max-width: 600px) {
      .service-feedback .container {
        padding: 30px 0; } }
    .service-feedback .container .form {
      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: 1;
      background-color: transparent;
      -webkit-box-shadow: none;
              box-shadow: none;
      width: 62%;
      min-height: 510px;
      padding: 40px 40px 20px; }
      @media screen and (max-width: 1100px) {
        .service-feedback .container .form {
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          width: 100%;
          margin: 0 auto;
          padding: 10px; } }
      .service-feedback .container .form h4 {
        text-transform: uppercase;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: left;
        color: #333333;
        margin-bottom: 30px; }
        @media (max-width: 767px) {
          .service-feedback .container .form h4 {
            font-size: calc( 22px + 17 * ((100vw - 320px) / 1920)); } }
        @media (min-width: 767px) {
          .service-feedback .container .form h4 {
            font-size: calc(22px + 10 * (100vw / 1920)); } }
        @media screen and (max-width: 1100px) {
          .service-feedback .container .form h4 {
            text-align: center; } }
      .service-feedback .container .form p {
        font-weight: 300;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.04;
        letter-spacing: normal;
        text-align: left;
        color: #333333;
        margin-bottom: 30px;
        width: 90%; }
        @media (max-width: 767px) {
          .service-feedback .container .form p {
            font-size: calc( 18px + 15.3 * ((100vw - 320px) / 1920)); } }
        @media (min-width: 767px) {
          .service-feedback .container .form p {
            font-size: calc(18px + 9 * (100vw / 1920)); } }
        @media screen and (max-width: 1100px) {
          .service-feedback .container .form p {
            text-align: center; } }
      .service-feedback .container .form .wrap-form {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        width: 80%; }
        .service-feedback .container .form .wrap-form input {
          font-weight: 400;
          text-align: left;
          color: #333333;
          background-color: transparent;
          border: none;
          border-bottom: 2px solid #333;
          margin-bottom: 20px;
          padding-bottom: 10px; }
          @media (max-width: 767px) {
            .service-feedback .container .form .wrap-form input {
              font-size: calc( 18px + 5.1 * ((100vw - 320px) / 1920)); } }
          @media (min-width: 767px) {
            .service-feedback .container .form .wrap-form input {
              font-size: calc(18px + 3 * (100vw / 1920)); } }
          .service-feedback .container .form .wrap-form input::-webkit-input-placeholder {
            font-weight: 300;
            text-align: left;
            color: #333; }
          .service-feedback .container .form .wrap-form input::-moz-placeholder {
            font-weight: 300;
            text-align: left;
            color: #333; }
          .service-feedback .container .form .wrap-form input:-ms-input-placeholder {
            font-weight: 300;
            text-align: left;
            color: #333; }
          .service-feedback .container .form .wrap-form input::-ms-input-placeholder {
            font-weight: 300;
            text-align: left;
            color: #333; }
          .service-feedback .container .form .wrap-form input::placeholder {
            font-weight: 300;
            text-align: left;
            color: #333; }
            @media (max-width: 767px) {
              .service-feedback .container .form .wrap-form input::-webkit-input-placeholder {
                font-size: calc( 18px + 5.1 * ((100vw - 320px) / 1920)); }
              .service-feedback .container .form .wrap-form input::-moz-placeholder {
                font-size: calc( 18px + 5.1 * ((100vw - 320px) / 1920)); }
              .service-feedback .container .form .wrap-form input:-ms-input-placeholder {
                font-size: calc( 18px + 5.1 * ((100vw - 320px) / 1920)); }
              .service-feedback .container .form .wrap-form input::-ms-input-placeholder {
                font-size: calc( 18px + 5.1 * ((100vw - 320px) / 1920)); }
              .service-feedback .container .form .wrap-form input::placeholder {
                font-size: calc( 18px + 5.1 * ((100vw - 320px) / 1920)); } }
            @media (min-width: 767px) {
              .service-feedback .container .form .wrap-form input::-webkit-input-placeholder {
                font-size: calc(18px + 3 * (100vw / 1920)); }
              .service-feedback .container .form .wrap-form input::-moz-placeholder {
                font-size: calc(18px + 3 * (100vw / 1920)); }
              .service-feedback .container .form .wrap-form input:-ms-input-placeholder {
                font-size: calc(18px + 3 * (100vw / 1920)); }
              .service-feedback .container .form .wrap-form input::-ms-input-placeholder {
                font-size: calc(18px + 3 * (100vw / 1920)); }
              .service-feedback .container .form .wrap-form input::placeholder {
                font-size: calc(18px + 3 * (100vw / 1920)); } }
      .service-feedback .container .form button {
        width: 50%;
        height: 53px;
        text-transform: uppercase;
        color: #000;
        font-size: 15px;
        font-weight: normal;
        background-color: #f6d152;
        margin: 20px 0 30px; }
        @media screen and (max-width: 1100px) {
          .service-feedback .container .form button {
            width: 90%;
            margin: 0 auto; } }
      .service-feedback .container .form .soglasen {
        font-size: 17px;
        font-weight: 300;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.12;
        letter-spacing: normal;
        text-align: left;
        color: #777676;
        padding-top: 10px; }
        @media screen and (max-width: 1100px) {
          .service-feedback .container .form .soglasen {
            text-align: center; } }

.articles {
  position: relative;
  z-index: 1;
  background-color: #fff;
  background-position: 0 14% !important; }
  .articles .bg__img {
    width: 15%;
    position: absolute; }
    @media screen and (max-width: 1100px) {
      .articles .bg__img {
        display: none; } }
    .articles .bg__img.bg__img-1 {
      left: 0;
      bottom: 25%; }
    .articles .bg__img.bg__img-2 {
      right: 0;
      top: 0; }
  .articles .container {
    padding: 30px 95px 0; }
    @media screen and (max-width: 1000px) {
      .articles .container {
        padding: 30px 65px 0; } }
    @media screen and (max-width: 766px) {
      .articles .container {
        padding: 30px 15px 0; } }
    .articles .container .articles__title {
      margin-bottom: 30px; }
      .articles .container .articles__title a {
        font-size: 15px;
        font-weight: 300;
        text-align: left;
        color: #000000; }
        .articles .container .articles__title a:first-child:after {
          content: ">";
          margin: 0 5px; }
    .articles .container .filters {
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding-bottom: 20px; }
      .articles .container .filters .all {
        cursor: pointer;
        min-width: 120px;
        -webkit-box-flex: 0;
            -ms-flex: 0 0 24%;
                flex: 0 0 24%;
        padding: 5px 0;
        margin-right: 10px;
        font-size: 16px;
        font-weight: normal;
        text-align: center;
        color: #626161;
        -webkit-box-shadow: 0 0 3.7px 0.3px rgba(0, 0, 0, 0.11);
                box-shadow: 0 0 3.7px 0.3px rgba(0, 0, 0, 0.11);
        background-color: #ffffff;
        border: solid 1px #48b6ed;
        -webkit-transition: border-color 0.2s;
        -o-transition: border-color 0.2s;
        transition: border-color 0.2s; }
        .articles .container .filters .all:hover, .articles .container .filters .all.active, .articles .container .filters .all:focus {
          border-color: #48b6ed; }
      .articles .container .filters .swiper {
        width: 77%; }
        .articles .container .filters .swiper .swiper-filter .swiper-slide {
          cursor: pointer;
          text-align: center;
          width: 176px;
          margin-bottom: 5px;
          padding: 5px 0;
          font-size: 16px;
          font-weight: normal;
          text-align: center;
          color: #626161;
          -webkit-box-shadow: 0 0 3.7px 0.3px rgba(0, 0, 0, 0.11);
                  box-shadow: 0 0 3.7px 0.3px rgba(0, 0, 0, 0.11);
          background-color: #ffffff;
          border: solid 1px transparent;
          -webkit-transition: border-color 0.2s;
          -o-transition: border-color 0.2s;
          transition: border-color 0.2s; }
          .articles .container .filters .swiper .swiper-filter .swiper-slide:hover, .articles .container .filters .swiper .swiper-filter .swiper-slide:focus, .articles .container .filters .swiper .swiper-filter .swiper-slide.swiper-slide-active {
            border-color: #48b6ed; }
        .articles .container .filters .swiper .filter-button-next {
          top: 30%;
          outline: none;
          right: -60px;
          -webkit-transform: rotate(-135deg);
              -ms-transform: rotate(-135deg);
                  transform: rotate(-135deg); }
          .articles .container .filters .swiper .filter-button-next div {
            padding: 11px;
            background-color: #fff;
            border-radius: 50%;
            border: 1px solid #000; }
          .articles .container .filters .swiper .filter-button-next:after {
            position: absolute;
            -webkit-transform: translate(10%, -10%);
                -ms-transform: translate(10%, -10%);
                    transform: translate(10%, -10%);
            content: "";
            width: 10px;
            height: 10px;
            border-bottom: 1px solid #000;
            border-left: 1px solid #000; }
          @media screen and (max-width: 400px) {
            .articles .container .filters .swiper .filter-button-next {
              display: none; } }
        .articles .container .filters .swiper .filter-button-prev {
          top: 30%;
          outline: none;
          left: -50px;
          -webkit-transform: rotate(45deg);
              -ms-transform: rotate(45deg);
                  transform: rotate(45deg); }
          .articles .container .filters .swiper .filter-button-prev div {
            padding: 11px;
            background-color: #fff;
            border-radius: 50%;
            border: 1px solid #000; }
          .articles .container .filters .swiper .filter-button-prev:after {
            position: absolute;
            -webkit-transform: translate(10%, -10%);
                -ms-transform: translate(10%, -10%);
                    transform: translate(10%, -10%);
            content: "";
            width: 10px;
            height: 10px;
            border-bottom: 1px solid #000;
            border-left: 1px solid #000; }
          @media screen and (max-width: 400px) {
            .articles .container .filters .swiper .filter-button-prev {
              display: none; } }
    .articles .container .cards {
      width: 100%;
      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; }
      @media only screen and (max-width: 940px) {
        .articles .container .cards {
          -webkit-box-pack: space-evenly;
              -ms-flex-pack: space-evenly;
                  justify-content: space-evenly; } }
    .articles .container .card--1 .card__img--hover {
      background-size: cover !important;
      background: url("../images/content/articles/article_img_1.png");
      background-repeat: no-repeat !important; }
    .articles .container .card--2 .card__img--hover {
      background-size: cover !important;
      background: url("../images/content/articles/article_img_2.png");
      background-repeat: no-repeat !important; }
    .articles .container .card--3 .card__img--hover {
      background-size: cover !important;
      background: url("../images/content/articles/article_img_3.png");
      background-repeat: no-repeat !important; }
    .articles .container .card--4 .card__img--hover {
      background-size: cover !important;
      background: url("../images/content/articles/article_img_4.png");
      background-repeat: no-repeat !important; }
    .articles .container .card--5 .card__img--hover {
      background-size: cover !important;
      background: url("../images/content/articles/article_img_5.png");
      background-repeat: no-repeat !important; }
    .articles .container .card--6 .card__img--hover {
      background-size: cover !important;
      background: url("../images/content/articles/article_img_6.png");
      background-repeat: no-repeat !important; }
    .articles .container .card__img--hover {
      -webkit-transition: 0.2s all ease-out;
      -o-transition: 0.2s all ease-out;
      transition: 0.2s all ease-out;
      background-position: center !important;
      width: 100%;
      position: absolute;
      height: 180px;
      top: 75px; }
    .articles .container .article-card {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin-bottom: 20px;
      -webkit-box-flex: 0;
          -ms-flex: 0 0 264px;
              flex: 0 0 264px;
      min-height: 352px;
      -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;
      -webkit-transition: all 0.4s cubic-bezier(0.175, 0.885, 0, 1);
      -o-transition: all 0.4s cubic-bezier(0.175, 0.885, 0, 1);
      transition: all 0.4s cubic-bezier(0.175, 0.885, 0, 1);
      background-color: #fff;
      width: 33.3%;
      position: relative;
      overflow: hidden;
      -webkit-box-shadow: 2.3px 3.3px 19.3px 1.7px rgba(0, 0, 0, 0.11);
              box-shadow: 2.3px 3.3px 19.3px 1.7px rgba(0, 0, 0, 0.11); }
      .articles .container .article-card:hover, .articles .container .article-card:focus {
        -webkit-box-shadow: 0px 30px 18px -8px rgba(0, 0, 0, 0.1);
                box-shadow: 0px 30px 18px -8px rgba(0, 0, 0, 0.1);
        -webkit-transform: scale(1.1, 1.1);
            -ms-transform: scale(1.1, 1.1);
                transform: scale(1.1, 1.1); }
        .articles .container .article-card:hover .card__img--hover, .articles .container .article-card:focus .card__img--hover {
          overflow: hidden;
          -webkit-transform: scale(1.1, 1.1);
              -ms-transform: scale(1.1, 1.1);
                  transform: scale(1.1, 1.1); }
        .articles .container .article-card:hover .card__info, .articles .container .article-card:focus .card__info {
          background-color: transparent;
          position: relative; }
        .articles .container .article-card:hover .card__info-hover, .articles .container .article-card:focus .card__info-hover {
          opacity: 1; }
    .articles .container .main__title {
      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;
      z-index: 2;
      padding: 20px;
      height: 75px;
      font-size: 17px;
      font-weight: bold;
      line-height: 1.18;
      text-align: center;
      color: #000000; }
    .articles .container .card__info {
      z-index: 2;
      background-color: #fff;
      padding: 20px 24px 20px 24px; }
    .articles .container .card__time {
      text-transform: uppercase;
      font-size: 12px;
      font-weight: 300;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.08;
      letter-spacing: normal;
      text-align: left;
      color: #000000; }
    .articles .container .card__text {
      font-size: 12px;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.08;
      letter-spacing: normal;
      text-align: left;
      color: #000000; }
    .articles .container .show__more {
      width: 164px;
      height: 34px;
      background-color: #48b6ed;
      margin: 20px auto;
      font-size: 13px;
      font-weight: normal;
      text-align: center;
      color: #ffffff; }
    .articles .container .pagination {
      padding: 40px 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      border-top: 1px solid #aba9a9; }
      .articles .container .pagination button {
        cursor: pointer;
        border: none;
        -webkit-transition: all 0.2s;
        -o-transition: all 0.2s;
        transition: all 0.2s;
        background-color: transparent; }
        .articles .container .pagination button.to {
          font-size: 15px;
          font-weight: normal;
          color: #363635; }
        .articles .container .pagination button.prev, .articles .container .pagination button.next {
          font-size: 17px;
          font-weight: normal;
          color: #363635; }
        .articles .container .pagination button:hover, .articles .container .pagination button:focus {
          font-weight: 500;
          color: #48b6ed; }
      .articles .container .pagination .digit-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 60px;
        margin: 0 10px;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between; }
        .articles .container .pagination .digit-box a.digit {
          font-size: 17px;
          font-weight: normal;
          color: #363635;
          -webkit-transition: all 0.2s;
          -o-transition: all 0.2s;
          transition: all 0.2s; }
          .articles .container .pagination .digit-box a.digit.active, .articles .container .pagination .digit-box a.digit:hover, .articles .container .pagination .digit-box a.digit:focus {
            -webkit-transform: scale(1.3);
                -ms-transform: scale(1.3);
                    transform: scale(1.3);
            font-weight: 500;
            color: #48b6ed; }

.article {
  position: relative;
  z-index: 1;
  background-color: #fff;
  background-position: 0 14% !important; }
  .article .bg__img {
    width: 15%;
    position: absolute; }
    @media screen and (max-width: 1100px) {
      .article .bg__img {
        display: none; } }
    .article .bg__img.bg__img-1 {
      position: -webkit-sticky;
      position: sticky;
      top: 20%;
      float: left;
      margin: 250px 0; }
    .article .bg__img.bg__img-2 {
      right: 0;
      top: 0; }
    .article .bg__img.bg__img-3 {
      right: 0;
      bottom: 0; }
  .article .container {
    padding: 30px 95px 60px; }
    @media screen and (max-width: 1000px) {
      .article .container {
        padding: 30px 65px 30px; } }
    @media screen and (max-width: 766px) {
      .article .container {
        padding: 30px 15px 0; } }
    .article .container .article__title {
      margin-bottom: 30px; }
      .article .container .article__title a {
        font-size: 15px;
        font-weight: 300;
        text-align: left;
        color: #000000; }
        .article .container .article__title a:after {
          content: ">";
          margin: 0 5px; }
        .article .container .article__title a:last-child:after {
          display: none; }
    .article .container .article-wrap img {
      float: right;
      /* min-width: 38%; */
      max-width: 400px;
      margin-left: 20px; }
      @media screen and (max-width: 600px) {
        .article .container .article-wrap img {
          float: none;
          margin: 0 auto;
          margin-bottom: 20px;
          width: 100%; } }
    .article .container .article-wrap p {
      font-size: 19px;
      font-weight: 300;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.26;
      letter-spacing: normal;
      text-align: justify;
      color: #292929;
      margin-bottom: 25px; }
      .article .container .article-wrap p span {
        font-weight: 500; }

.category {
  position: relative;
  padding-bottom: 110px;
  background-color: #fff;
  background-position: 0 14% !important; }
  .category .bg__img {
    width: 15%;
    position: absolute; }
    @media screen and (max-width: 1100px) {
      .category .bg__img {
        display: none; } }
    .category .bg__img.bg__img-1 {
      left: 0;
      top: 0; }
    .category .bg__img.bg__img-2 {
      z-index: 0;
      right: 0;
      bottom: -18%; }
    .category .bg__img.bg__img-3 {
      z-index: 1;
      left: 0;
      bottom: -12%; }
  .category .container {
    padding: 50px 95px 0; }
    @media screen and (max-width: 1000px) {
      .category .container {
        padding: 30px 65px 0; } }
    @media screen and (max-width: 766px) {
      .category .container {
        padding: 30px 15px 0; } }
    .category .container .category__title {
      margin-bottom: 50px; }
      .category .container .category__title a {
        font-weight: 300;
        text-align: left;
        color: #000000; }
        @media (max-width: 767px) {
          .category .container .category__title a {
            font-size: calc( 12px + 5.1 * ((100vw - 320px) / 1920)); } }
        @media (min-width: 767px) {
          .category .container .category__title a {
            font-size: calc(12px + 3 * (100vw / 1920)); } }
        .category .container .category__title a:after {
          content: ">";
          margin: 0 5px; }
        .category .container .category__title a:last-child:after {
          display: none; }
    .category .container .filters-category {
      margin-bottom: 25px; }
      .category .container .filters-category .swiper {
        -webkit-box-shadow: none;
                box-shadow: none; }
        .category .container .filters-category .swiper .swiper-filter-category .swiper-slide {
          cursor: pointer;
          padding-bottom: 10px;
          border-bottom: 1px solid #b4b2b2; }
          .category .container .filters-category .swiper .swiper-filter-category .swiper-slide p {
            text-transform: uppercase;
            font-size: 15px;
            font-weight: normal;
            line-height: 1.2;
            text-align: center;
            color: #333333; }
          .category .container .filters-category .swiper .swiper-filter-category .swiper-slide.swiper-slide-thumb-active {
            border-bottom: 2px solid #48b6ed; }
        .category .container .filters-category .swiper .filter-category-button-next {
          outline: none;
          right: -60px;
          -webkit-transform: rotate(-135deg);
              -ms-transform: rotate(-135deg);
                  transform: rotate(-135deg); }
          .category .container .filters-category .swiper .filter-category-button-next div {
            padding: 11px;
            background-color: #fff;
            border-radius: 50%;
            border: 1px solid #000; }
          .category .container .filters-category .swiper .filter-category-button-next:after {
            position: absolute;
            -webkit-transform: translate(10%, -10%);
                -ms-transform: translate(10%, -10%);
                    transform: translate(10%, -10%);
            content: "";
            width: 10px;
            height: 10px;
            border-bottom: 1px solid #000;
            border-left: 1px solid #000; }
          .category .container .filters-category .swiper .filter-category-button-next.swiper-button-disabled {
            opacity: 0; }
        .category .container .filters-category .swiper .filter-category-button-prev {
          outline: none;
          left: -60px;
          -webkit-transform: rotate(45deg);
              -ms-transform: rotate(45deg);
                  transform: rotate(45deg); }
          .category .container .filters-category .swiper .filter-category-button-prev div {
            padding: 11px;
            background-color: #fff;
            border-radius: 50%;
            border: 1px solid #000; }
          .category .container .filters-category .swiper .filter-category-button-prev:after {
            position: absolute;
            -webkit-transform: translate(10%, -10%);
                -ms-transform: translate(10%, -10%);
                    transform: translate(10%, -10%);
            content: "";
            width: 10px;
            height: 10px;
            border-bottom: 1px solid #000;
            border-left: 1px solid #000; }
          .category .container .filters-category .swiper .filter-category-button-prev.swiper-button-disabled {
            opacity: 0; }
    .category .container .swiper {
      position: relative;
      -webkit-box-shadow: 2.3px 3.3px 19.3px 1.7px rgba(0, 0, 0, 0.11);
              box-shadow: 2.3px 3.3px 19.3px 1.7px rgba(0, 0, 0, 0.11); }
      .category .container .swiper .swiper-category .swiper-slide {
        background-color: #ffffff;
        padding: 33px 40px 20px; }
        @media screen and (max-width: 766px) {
          .category .container .swiper .swiper-category .swiper-slide {
            padding: 25px 5px 20px; } }
        .category .container .swiper .swiper-category .swiper-slide .slide-title h3 {
          font-weight: bold;
          text-transform: uppercase;
          text-align: center;
          color: #333333;
          margin-bottom: 5px; }
          @media (max-width: 767px) {
            .category .container .swiper .swiper-category .swiper-slide .slide-title h3 {
              font-size: calc( 20px + 17 * ((100vw - 320px) / 1920)); } }
          @media (min-width: 767px) {
            .category .container .swiper .swiper-category .swiper-slide .slide-title h3 {
              font-size: calc(20px + 10 * (100vw / 1920)); } }
        .category .container .swiper .swiper-category .swiper-slide .slide-title p {
          font-weight: 300;
          line-height: 1.26;
          text-align: center;
          color: #292929;
          margin-bottom: 30px; }
          @media (max-width: 767px) {
            .category .container .swiper .swiper-category .swiper-slide .slide-title p {
              font-size: calc( 14px + 8.5 * ((100vw - 320px) / 1920)); } }
          @media (min-width: 767px) {
            .category .container .swiper .swiper-category .swiper-slide .slide-title p {
              font-size: calc(14px + 5 * (100vw / 1920)); } }
        .category .container .swiper .swiper-category .swiper-slide .slide-wrap__text {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: justify;
              -ms-flex-pack: justify;
                  justify-content: space-between; }
          @media screen and (max-width: 767px) {
            .category .container .swiper .swiper-category .swiper-slide .slide-wrap__text {
              -webkit-box-orient: vertical;
              -webkit-box-direction: normal;
                  -ms-flex-direction: column;
                      flex-direction: column; } }
          .category .container .swiper .swiper-category .swiper-slide .slide-wrap__text .wrap__text .title {
            cursor: default;
            font-weight: 500;
            text-align: center;
            color: #333333; }
            @media (max-width: 767px) {
              .category .container .swiper .swiper-category .swiper-slide .slide-wrap__text .wrap__text .title {
                font-size: calc( 15px + 13.6 * ((100vw - 320px) / 1920)); } }
            @media (min-width: 767px) {
              .category .container .swiper .swiper-category .swiper-slide .slide-wrap__text .wrap__text .title {
                font-size: calc(15px + 8 * (100vw / 1920)); } }
          .category .container .swiper .swiper-category .swiper-slide .slide-wrap__text .wrap__text ul {
            margin: 0;
            padding-left: 30px;
            list-style: none; }
            .category .container .swiper .swiper-category .swiper-slide .slide-wrap__text .wrap__text ul li {
              margin-bottom: 5px; }
              .category .container .swiper .swiper-category .swiper-slide .slide-wrap__text .wrap__text ul li::before {
                content: "\2022";
                color: #48b6ed;
                font-weight: bold;
                display: inline-block;
                width: 1em;
                margin-left: -1em; }
              .category .container .swiper .swiper-category .swiper-slide .slide-wrap__text .wrap__text ul li a {
                position: relative;
                font-weight: 300;
                text-align: left;
                color: #292929; }
                @media (max-width: 767px) {
                  .category .container .swiper .swiper-category .swiper-slide .slide-wrap__text .wrap__text ul li a {
                    font-size: calc( 14px + 3.4 * ((100vw - 320px) / 1920)); } }
                @media (min-width: 767px) {
                  .category .container .swiper .swiper-category .swiper-slide .slide-wrap__text .wrap__text ul li a {
                    font-size: calc(14px + 2 * (100vw / 1920)); } }
          .category .container .swiper .swiper-category .swiper-slide .slide-wrap__text .wrap__text.wrap-aside {
            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; }
            .category .container .swiper .swiper-category .swiper-slide .slide-wrap__text .wrap__text.wrap-aside .aside-box ul li a {
              cursor: default; }
            .category .container .swiper .swiper-category .swiper-slide .slide-wrap__text .wrap__text.wrap-aside .aside-box ul li::before {
              color: #f6d152; }
            .category .container .swiper .swiper-category .swiper-slide .slide-wrap__text .wrap__text.wrap-aside .aside-box:last-child ul li::before {
              color: #e96588; }
          .category .container .swiper .swiper-category .swiper-slide .slide-wrap__text .wrap__text.wrap__text-hints ul li a {
            outline: none; }
            .category .container .swiper .swiper-category .swiper-slide .slide-wrap__text .wrap__text.wrap__text-hints ul li a::after,
            .category .container .swiper .swiper-category .swiper-slide .slide-wrap__text .wrap__text.wrap__text-hints ul li a::before {
              position: absolute;
              opacity: 0;
              visibility: hidden;
              -webkit-transition: 0.4s ease-in-out;
              -o-transition: 0.4s ease-in-out;
              transition: 0.4s ease-in-out; }

              .category .container .swiper .swiper-category .swiper-slide .slide-wrap__text .wrap__text.wrap__text-hints ul li a.visible::after,
              .category .container .swiper .swiper-category .swiper-slide .slide-wrap__text .wrap__text.wrap__text-hints ul li a.visible::before {
                opacity: 1;
                visibility: visible;
              }
            .category .container .swiper .swiper-category .swiper-slide .slide-wrap__text .wrap__text.wrap__text-hints ul li a::before {
              content: attr(data-tooltip);
              width: 100px;
              height: 26px;
              text-align: center;
              line-height: 22px;
              font-weight: normal;
              color: #545353;
              background: transparent;
              border: solid 1px #e96588;
              right: -110px;
              bottom: -6px; }
              @media (max-width: 767px) {
                .category .container .swiper .swiper-category .swiper-slide .slide-wrap__text .wrap__text.wrap__text-hints ul li a::before {
                  font-size: calc( 12px + 1.7 * ((100vw - 320px) / 1920)); } }
              @media (min-width: 767px) {
                .category .container .swiper .swiper-category .swiper-slide .slide-wrap__text .wrap__text.wrap__text-hints ul li a::before {
                  font-size: calc(12px + 1 * (100vw / 1920)); } }
            .category .container .swiper .swiper-category .swiper-slide .slide-wrap__text .wrap__text.wrap__text-hints ul li a::after {
              content: "";
              width: 10px;
              height: 10px;
              background-color: #fff;
              border-top: 1px solid #e96588;
              border-left: 1px solid #e96588;
              bottom: 2px;
              right: -16px;
              -webkit-transform: rotate(-45deg);
                  -ms-transform: rotate(-45deg);
                      transform: rotate(-45deg); }
            .category .container .swiper .swiper-category .swiper-slide .slide-wrap__text .wrap__text.wrap__text-hints ul li a:hover::before, .category .container .swiper .swiper-category .swiper-slide .slide-wrap__text .wrap__text.wrap__text-hints ul li a:hover::after {
              opacity: 1;
              visibility: visible;
              -webkit-transition: 0.2s ease-in-out 0.4s;
              -o-transition: 0.2s ease-in-out 0.4s;
              transition: 0.2s ease-in-out 0.4s; }
            .category .container .swiper .swiper-category .swiper-slide .slide-wrap__text .wrap__text.wrap__text-hints ul li a:hover::before {
              right: -120px; }
            .category .container .swiper .swiper-category .swiper-slide .slide-wrap__text .wrap__text.wrap__text-hints ul li a:hover::after {
              right: -26px; }
        .category .container .swiper .swiper-category .swiper-slide .slide-buttons {
          padding: 38px 40px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: justify;
              -ms-flex-pack: justify;
                  justify-content: space-between;
          border-bottom: 1px solid #cfcece; }
          @media screen and (max-width: 767px) {
            .category .container .swiper .swiper-category .swiper-slide .slide-buttons {
              -webkit-box-orient: vertical;
              -webkit-box-direction: reverse;
                  -ms-flex-direction: column-reverse;
                      flex-direction: column-reverse; } }
          .category .container .swiper .swiper-category .swiper-slide .slide-buttons .price {
            font-weight: bold;
            text-align: center;
            color: #e96588; }
            @media (max-width: 767px) {
              .category .container .swiper .swiper-category .swiper-slide .slide-buttons .price {
                font-size: calc( 18px + 10.2 * ((100vw - 320px) / 1920)); } }
            @media (min-width: 767px) {
              .category .container .swiper .swiper-category .swiper-slide .slide-buttons .price {
                font-size: calc(18px + 6 * (100vw / 1920)); } }
          .category .container .swiper .swiper-category .swiper-slide .slide-buttons a {
            margin-right: 5px; }
            @media screen and (max-width: 767px) {
              .category .container .swiper .swiper-category .swiper-slide .slide-buttons a {
                margin: 0 auto 10px; } }
            .category .container .swiper .swiper-category .swiper-slide .slide-buttons a:last-child {
              margin-right: 0; }
              @media screen and (max-width: 767px) {
                .category .container .swiper .swiper-category .swiper-slide .slide-buttons a:last-child {
                  margin: 0 auto 10px; } }
          .category .container .swiper .swiper-category .swiper-slide .slide-buttons a.button {
            font-weight: normal;
            text-align: center;
            color: #4e4f4f;
            width: 157px;
            min-height: 34px;
            border: solid 1px #3f94db;
            background-color: #fff;
            -webkit-transition: all 0.2s;
            -o-transition: all 0.2s;
            transition: all 0.2s;
            text-transform: unset; }
            @media (max-width: 767px) {
              .category .container .swiper .swiper-category .swiper-slide .slide-buttons a.button {
                font-size: calc( 12px + 1.7 * ((100vw - 320px) / 1920)); } }
            @media (min-width: 767px) {
              .category .container .swiper .swiper-category .swiper-slide .slide-buttons a.button {
                font-size: calc(12px + 1 * (100vw / 1920)); } }
            @media screen and (max-width: 767px) {
              .category .container .swiper .swiper-category .swiper-slide .slide-buttons a.button {
                width: 100%; } }
            .category .container .swiper .swiper-category .swiper-slide .slide-buttons a.button:hover {
              background-color: #3f94db;
              color: #fff; }
            .category .container .swiper .swiper-category .swiper-slide .slide-buttons a.button::after {
              display: none; }
            .category .container .swiper .swiper-category .swiper-slide .slide-buttons a.button.order {
              text-transform: uppercase;
              background-color: #3f94db;
              font-weight: 500;
              text-align: center;
              color: #ffffff; }
              @media (max-width: 767px) {
                .category .container .swiper .swiper-category .swiper-slide .slide-buttons a.button.order {
                  font-size: calc( 12px + 1.7 * ((100vw - 320px) / 1920)); } }
              @media (min-width: 767px) {
                .category .container .swiper .swiper-category .swiper-slide .slide-buttons a.button.order {
                  font-size: calc(12px + 1 * (100vw / 1920)); } }
              .category .container .swiper .swiper-category .swiper-slide .slide-buttons a.button.order::after {
                display: block; }
      .category .container .swiper .swiper-category .slides-navigation {
        position: relative;
        padding: 40px 40px 0; }
        @media screen and (max-width: 766px) {
          .category .container .swiper .swiper-category .slides-navigation {
            padding: 40px 10px 30px; } }
        .category .container .swiper .swiper-category .slides-navigation .slides-btns {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: justify;
              -ms-flex-pack: justify;
                  justify-content: space-between;
          margin-bottom: 10px; }
          .category .container .swiper .swiper-category .slides-navigation .slides-btns a.express {
            position: relative;
            top: 50%;
            width: calc(var(--swiper-navigation-size) / 44 * 27);
            height: var(--swiper-navigation-size);
            margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
            z-index: 10;
            color: #4a4949;
            cursor: pointer;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center; }
          .category .container .swiper .swiper-category .slides-navigation .slides-btns .swiper-btn {
            padding: 0 10px;
            outline: none;
            position: relative;
            text-transform: uppercase;
            top: auto;
            bottom: 5%;
            min-width: 185px;
            width: auto;
            height: 43px;
            border-color: #fff;
            -webkit-box-shadow: none;
                    box-shadow: none;
            background-color: #ffffff;
            font-weight: 500;
            letter-spacing: -0.35px;
            text-align: center;
            color: #4a4949;
            white-space: nowrap;
            -webkit-transform-style: flat;
                    transform-style: flat;
            -webkit-transition: all 0.2s ease-out;
            -o-transition: all 0.2s ease-out;
            transition: all 0.2s ease-out;
            box-shadow: none;
            border-color: #dedede; }
            @media (max-width: 767px) {
              .category .container .swiper .swiper-category .slides-navigation .slides-btns .swiper-btn {
                font-size: calc( 12px + 3.4 * ((100vw - 320px) / 1920)); } }
            @media (min-width: 767px) {
              .category .container .swiper .swiper-category .slides-navigation .slides-btns .swiper-btn {
                font-size: calc(12px + 2 * (100vw / 1920)); } }
            @media screen and (max-width: 767px) {
              .category .container .swiper .swiper-category .slides-navigation .slides-btns .swiper-btn {
                min-width: auto;
                -webkit-box-flex: 0;
                    -ms-flex: 0 1 50%;
                        flex: 0 1 50%; } }
            .category .container .swiper .swiper-category .slides-navigation .slides-btns .swiper-btn::before {
              content: "";
              position: absolute;
              z-index: -2;
              -webkit-transition: all 0.2s ease-out;
              -o-transition: all 0.2s ease-out;
              transition: all 0.2s ease-out;
              top: 0;
              left: 0;
              width: 100%;
              height: 100%;
              -webkit-box-shadow: 2.3px 3.3px 14.7px 1.3px rgba(188, 192, 193, 0.51);
                      box-shadow: 2.3px 3.3px 14.7px 1.3px rgba(188, 192, 193, 0.51); }
            .category .container .swiper .swiper-category .slides-navigation .slides-btns .swiper-btn:hover {
              border-color: #dedede; }
              .category .container .swiper .swiper-category .slides-navigation .slides-btns .swiper-btn:hover:before {
                -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
                        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); }
          .category .container .swiper .swiper-category .slides-navigation .slides-btns .category-button-prev {
            left: 0;
            margin-right: 10px; }
            .category .container .swiper .swiper-category .slides-navigation .slides-btns .category-button-prev span {
              margin-left: 5px; }
          .category .container .swiper .swiper-category .slides-navigation .slides-btns .category-button-next {
            right: 0; }
            .category .container .swiper .swiper-category .slides-navigation .slides-btns .category-button-next span {
              margin-right: 5px; }
        .category .container .swiper .swiper-category .slides-navigation .additional {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: justify;
              -ms-flex-pack: justify;
                  justify-content: space-between; }
          .category .container .swiper .swiper-category .slides-navigation .additional p {
            width: 185px;
            font-weight: normal;
            color: #3f94db;
            text-align: center; }
            @media (max-width: 767px) {
              .category .container .swiper .swiper-category .slides-navigation .additional p {
                font-size: calc( 14px + 3.4 * ((100vw - 320px) / 1920)); } }
            @media (min-width: 767px) {
              .category .container .swiper .swiper-category .slides-navigation .additional p {
                font-size: calc(14px + 2 * (100vw / 1920)); } }

.faq {
  background-color: #fff;
  position: relative;
  padding: 45px 0; }
  .faq .container {
    position: relative;
    z-index: 2; }
    .faq .container .faq__title h2 {
      text-transform: uppercase;
      font-weight: bold;
      color: #333333;
      text-align: center;
      margin-bottom: 20px; }
      @media (max-width: 767px) {
        .faq .container .faq__title h2 {
          font-size: calc( 22px + 13.6 * ((100vw - 320px) / 1920)); } }
      @media (min-width: 767px) {
        .faq .container .faq__title h2 {
          font-size: calc(22px + 8 * (100vw / 1920)); } }
    .faq .container .faq-tab {
      -webkit-box-shadow: 2.3px 3.3px 19.3px 1.7px rgba(0, 0, 0, 0.11);
              box-shadow: 2.3px 3.3px 19.3px 1.7px rgba(0, 0, 0, 0.11);
      background: #ffffff;
      margin-bottom: 24px; }
      .faq .container .faq-tab .title {
        position: relative;
        cursor: pointer;
        background-color: #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        padding: 16px 25px;
        -webkit-transition: all 0.2s;
        -o-transition: all 0.2s;
        transition: all 0.2s; }
        .faq .container .faq-tab .title .gradient {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          z-index: 0;
          opacity: 0;
          -webkit-transition: all 0.2s;
          -o-transition: all 0.2s;
          transition: all 0.2s;
          background: -o-linear-gradient(320deg, #48b6ed 0%, #48dfed 99%);
          background: linear-gradient(130deg, #48b6ed 0%, #48dfed 99%); }
        .faq .container .faq-tab .title.active h3 {
          color: #fff; }
        .faq .container .faq-tab .title.active .gradient {
          opacity: 1; }
        .faq .container .faq-tab .title.active .arrow-box {
          -webkit-transform: rotate(180deg);
              -ms-transform: rotate(180deg);
                  transform: rotate(180deg); }
        .faq .container .faq-tab .title h3 {
          position: relative;
          margin-right: 10px;
          z-index: 1;
          font-weight: 500;
          letter-spacing: 0.48px;
          text-align: left;
          color: #363635;
          -webkit-transition: all 0.2s;
          -o-transition: all 0.2s;
          transition: all 0.2s; }
          @media (max-width: 767px) {
            .faq .container .faq-tab .title h3 {
              font-size: calc( 16px + 5.1 * ((100vw - 320px) / 1920)); } }
          @media (min-width: 767px) {
            .faq .container .faq-tab .title h3 {
              font-size: calc(16px + 3 * (100vw / 1920)); } }
        .faq .container .faq-tab .title .arrow-box {
          position: relative;
          width: 30px;
          height: 30px;
          border: 2px solid #000;
          -webkit-transition: all 0.2s;
          -o-transition: all 0.2s;
          transition: all 0.2s;
          border-radius: 50%;
          -ms-flex-negative: 0;
              flex-shrink: 0; }
          .faq .container .faq-tab .title .arrow-box .arrow {
            position: absolute;
            top: 16%;
            right: 26%;
            border: 2px solid #000;
            border-left: none;
            border-top: none;
            -webkit-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                    transform: rotate(45deg);
            -webkit-transition: all 0.2s;
            -o-transition: all 0.2s;
            transition: all 0.2s;
            width: 12px;
            height: 12px; }
        .faq .container .faq-tab .title.active .arrow-box,
        .faq .container .faq-tab .title.active .arrow-box .arrow {
          border-color: #fff; }
        .faq .container .faq-tab .title.active + .text-wrap {
          opacity: 1;
          -webkit-transform: scale(1) rotateX(0);
                  transform: scale(1) rotateX(0); }
      .faq .container .faq-tab .text-wrap {
        -webkit-transition: all 0.45s ease-out;
        -o-transition: all 0.45s ease-out;
        transition: all 0.45s ease-out;
        max-height: 0;
        opacity: 0;
        -webkit-transform: scale(0.9) rotateX(-60deg);
                transform: scale(0.9) rotateX(-60deg);
        overflow: hidden; }
        .faq .container .faq-tab .text-wrap p {
          padding: 28px 100px 30px 28px;
          font-weight: 300;
          line-height: 1.25;
          text-align: left;
          color: #2f302f; }
          @media (max-width: 767px) {
            .faq .container .faq-tab .text-wrap p {
              font-size: calc( 14px + 3.4 * ((100vw - 320px) / 1920)); } }
          @media (min-width: 767px) {
            .faq .container .faq-tab .text-wrap p {
              font-size: calc(14px + 2 * (100vw / 1920)); } }
          @media only screen and (max-width: 767px) {
            .faq .container .faq-tab .text-wrap p {
              padding: 28px; } }
    .faq .container .question {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      .faq .container .question p {
        font-weight: 300;
        line-height: 1.14;
        text-align: left;
        color: #292929;
        margin-right: 20px; }
        @media (max-width: 767px) {
          .faq .container .question p {
            font-size: calc( 18px + 5.1 * ((100vw - 320px) / 1920)); } }
        @media (min-width: 767px) {
          .faq .container .question p {
            font-size: calc(18px + 3 * (100vw / 1920)); } }
      .faq .container .question a {
        position: relative;
        text-transform: uppercase;
        font-weight: normal;
        color: #0b89c8;
        -ms-flex-negative: 0;
            flex-shrink: 0;
        -webkit-transition: all 0.2s;
        -o-transition: all 0.2s;
        transition: all 0.2s; }
        @media (max-width: 767px) {
          .faq .container .question a {
            font-size: calc( 14px + 5.1 * ((100vw - 320px) / 1920)); } }
        @media (min-width: 767px) {
          .faq .container .question a {
            font-size: calc(14px + 3 * (100vw / 1920)); } }
        .faq .container .question a::after {
          background-color: #0b89c8;
          display: block;
          content: "";
          height: 1px;
          width: 0%;
          left: 50%;
          position: absolute;
          -webkit-transition: width 0.2s ease-in-out;
          -o-transition: width 0.2s ease-in-out;
          transition: width 0.2s ease-in-out;
          -webkit-transform: translateX(-50%);
              -ms-transform: translateX(-50%);
                  transform: translateX(-50%); }
        .faq .container .question a:hover:after, .faq .container .question a:focus:after {
          width: 100%; }

.faq-page {
  position: relative;
  overflow: hidden;
  z-index: 1;
  background-color: #fff;
  background-position: 0 14% !important; }
  .faq-page .bg__img {
    width: 16%;
    position: absolute;
    z-index: 0; }
    @media screen and (max-width: 1100px) {
      .faq-page .bg__img {
        display: none; } }
    .faq-page .bg__img.bg__img-1 {
      left: 0;
      top: -100px; }
    .faq-page .bg__img.bg__img-2 {
      right: 0;
      bottom: -200px; }
  .faq-page .container {
    padding: 30px 80px 100px; }
    @media only screen and (max-width: 1000px) {
      .faq-page .container {
        padding: 90px 10px; } }
    .faq-page .container .nav__title {
      margin-bottom: 30px; }
      .faq-page .container .nav__title a {
        font-size: 15px;
        font-weight: 300;
        text-align: left;
        color: #000000; }
        .faq-page .container .nav__title a:first-child:after {
          content: ">";
          margin: 0 5px; }
    .faq-page .container .faq__title h3 {
      text-transform: uppercase;
      font-weight: bold;
      text-align: center;
      color: #333333;
      margin-bottom: 20px; }
      @media (max-width: 767px) {
        .faq-page .container .faq__title h3 {
          font-size: calc( 22px + 13.6 * ((100vw - 320px) / 1920)); } }
      @media (min-width: 767px) {
        .faq-page .container .faq__title h3 {
          font-size: calc(22px + 8 * (100vw / 1920)); } }
    .faq-page .container .faq__title p {
      font-weight: 300;
      line-height: 1.26;
      text-align: center;
      color: #292929;
      margin: 10px 0 50px; }
      @media (max-width: 767px) {
        .faq-page .container .faq__title p {
          font-size: calc( 14px + 8.5 * ((100vw - 320px) / 1920)); } }
      @media (min-width: 767px) {
        .faq-page .container .faq__title p {
          font-size: calc(14px + 5 * (100vw / 1920)); } }
      @media only screen and (max-width: 600px) {
        .faq-page .container .faq__title p {
          margin: 10px 0 30px; } }
    .faq-page .container .faq__tabs {
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      @media only screen and (max-width: 900px) {
        .faq-page .container .faq__tabs {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column; } }
      @media only screen and (max-width: 600px) {
        .faq-page .container .faq__tabs {
          -webkit-box-shadow: none;
                  box-shadow: none; } }
      .faq-page .container .faq__tabs .faq-hand {
        display: none;
        background-size: cover !important;
        background: url("../images/content/services/hand.png");
        background-repeat: no-repeat !important;
        position: absolute;
        right: 3%;
        top: 30px;
        z-index: 3;
        width: 33px;
        height: 40px;
        -webkit-animation-duration: 2s;
                animation-duration: 2s;
        -webkit-animation-iteration-count: infinite;
                animation-iteration-count: infinite;
        -webkit-animation-name: motion-hand;
                animation-name: motion-hand; }

@keyframes motion-hand {
  0% {
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px); }
  50% {
    -webkit-transform: translateX(10px);
            transform: translateX(10px); }
  100% {
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px); } }
        @media only screen and (max-width: 900px) {
          .faq-page .container .faq__tabs .faq-hand {
            display: block; } }
      .faq-page .container .faq__tabs .faq-mouse {
        position: absolute;
        top: 210px;
        left: -80px;
        min-width: 50px;
        height: 80px;
        border-radius: 30px;
        border: 3px solid #333333; }
        @media only screen and (max-width: 1024px) {
          .faq-page .container .faq__tabs .faq-mouse {
            display: none; } }
        .faq-page .container .faq__tabs .faq-mouse:after {
          content: "";
          position: absolute;
          top: 15px;
          left: 50%;
          -webkit-transform: translate(-50%, 0);
              -ms-transform: translate(-50%, 0);
                  transform: translate(-50%, 0);
          width: 3px;
          height: 15px;
          border-radius: 50%;
          background-color: #333333;
          -webkit-animation: scroll 1s infinite alternate;
                  animation: scroll 1s infinite alternate; }

@keyframes scroll {
  100% {
    -webkit-transform: translate(-50%, 15px);
            transform: translate(-50%, 15px); } }
      .faq-page .container .faq__tabs .faq__swiper .swiper-tabs-faq {
        padding: 6px 14px;
        height: 500px; }
        @media only screen and (max-width: 900px) {
          .faq-page .container .faq__tabs .faq__swiper .swiper-tabs-faq {
            height: auto; } }
        .faq-page .container .faq__tabs .faq__swiper .swiper-tabs-faq .slide-click {
          padding: 10px;
          cursor: pointer;
          background-color: #fff;
          text-transform: uppercase;
          width: 210px;
          font-size: 16px;
          font-weight: 500;
          text-align: center;
          color: #959494;
          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;
          border: solid 1px transparent;
          -webkit-box-shadow: 2.3px 3.3px 19.3px 1.7px rgba(0, 0, 0, 0.11);
                  box-shadow: 2.3px 3.3px 19.3px 1.7px rgba(0, 0, 0, 0.11); }
          @media only screen and (max-width: 600px) {
            .faq-page .container .faq__tabs .faq__swiper .swiper-tabs-faq .slide-click {
              -webkit-box-shadow: 0 0 3.7px 0.3px rgba(0, 0, 0, 0.11);
                      box-shadow: 0 0 3.7px 0.3px rgba(0, 0, 0, 0.11); } }
          @media only screen and (max-width: 900px) {
            .faq-page .container .faq__tabs .faq__swiper .swiper-tabs-faq .slide-click.swiper-slide {
              font-size: 13px;
              font-weight: 500;
              text-align: center;
              color: #626161; } }
          .faq-page .container .faq__tabs .faq__swiper .swiper-tabs-faq .slide-click.swiper-slide-active {
            border-left: 10px solid #7b74ed;
            -webkit-box-shadow: none;
                    box-shadow: none;
            z-index: 10;
            -webkit-box-shadow: 2.3px 3.3px 21px 0 rgba(0, 0, 0, 0.11);
                    box-shadow: 2.3px 3.3px 21px 0 rgba(0, 0, 0, 0.11);
            font-size: 18px;
            font-weight: 500;
            color: #383737; }
            @media only screen and (max-width: 900px) {
              .faq-page .container .faq__tabs .faq__swiper .swiper-tabs-faq .slide-click.swiper-slide-active {
                min-height: auto;
                border: solid 1px #7b74ed;
                font-size: 13px;
                font-weight: 500;
                text-align: center;
                color: #626161; } }
      .faq-page .container .faq__tabs .faq-tabs.swiper-full-faq {
        -webkit-box-shadow: 2.3px 3.3px 19.3px 1.7px rgba(0, 0, 0, 0.11);
                box-shadow: 2.3px 3.3px 19.3px 1.7px rgba(0, 0, 0, 0.11); }
        @media only screen and (max-width: 900px) {
          .faq-page .container .faq__tabs .faq-tabs.swiper-full-faq {
            width: 100%; } }
        .faq-page .container .faq__tabs .faq-tabs.swiper-full-faq .swiper-wrapper .swiper-slide .faq-tab {
          background: #ffffff; }
          .faq-page .container .faq__tabs .faq-tabs.swiper-full-faq .swiper-wrapper .swiper-slide .faq-tab .title {
            position: relative;
            cursor: pointer;
            background-color: #fff;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                    justify-content: space-between;
            padding: 12px 20px;
            -webkit-transition: all 0.2s;
            -o-transition: all 0.2s;
            transition: all 0.2s; }
            .faq-page .container .faq__tabs .faq-tabs.swiper-full-faq .swiper-wrapper .swiper-slide .faq-tab .title .gradient {
              position: absolute;
              top: 0;
              left: 0;
              width: 100%;
              height: 100%;
              z-index: 0;
              opacity: 0;
              -webkit-transition: all 0.2s;
              -o-transition: all 0.2s;
              transition: all 0.2s;
              background: -o-linear-gradient(320deg, #7b74ed 0%, #d07ed4 100%);
              background: linear-gradient(130deg, #7b74ed 0%, #d07ed4 100%); }
            .faq-page .container .faq__tabs .faq-tabs.swiper-full-faq .swiper-wrapper .swiper-slide .faq-tab .title.active h3 {
              color: #fff; }
            .faq-page .container .faq__tabs .faq-tabs.swiper-full-faq .swiper-wrapper .swiper-slide .faq-tab .title.active .gradient {
              opacity: 1; }
            .faq-page .container .faq__tabs .faq-tabs.swiper-full-faq .swiper-wrapper .swiper-slide .faq-tab .title.active .arrow-box {
              -webkit-transform: rotate(180deg);
                  -ms-transform: rotate(180deg);
                      transform: rotate(180deg); }
            .faq-page .container .faq__tabs .faq-tabs.swiper-full-faq .swiper-wrapper .swiper-slide .faq-tab .title h3 {
              position: relative;
              margin-right: 10px;
              z-index: 1;
              font-size: 16px;
              font-weight: 500;
              letter-spacing: 0.4px;
              text-align: left;
              color: #363635;
              -webkit-transition: all 0.2s;
              -o-transition: all 0.2s;
              transition: all 0.2s; }
            .faq-page .container .faq__tabs .faq-tabs.swiper-full-faq .swiper-wrapper .swiper-slide .faq-tab .title .arrow-box {
              position: relative;
              width: 30px;
              height: 30px;
              border: 2px solid #c52eca;
              -webkit-transition: all 0.2s;
              -o-transition: all 0.2s;
              transition: all 0.2s;
              border-radius: 50%;
              -ms-flex-negative: 0;
                  flex-shrink: 0; }
              .faq-page .container .faq__tabs .faq-tabs.swiper-full-faq .swiper-wrapper .swiper-slide .faq-tab .title .arrow-box .arrow {
                position: absolute;
                top: 16%;
                right: 26%;
                border: 2px solid #c52eca;
                border-left: none;
                border-top: none;
                -webkit-transform: rotate(45deg);
                    -ms-transform: rotate(45deg);
                        transform: rotate(45deg);
                -webkit-transition: all 0.2s;
                -o-transition: all 0.2s;
                transition: all 0.2s;
                width: 12px;
                height: 12px; }
            .faq-page .container .faq__tabs .faq-tabs.swiper-full-faq .swiper-wrapper .swiper-slide .faq-tab .title.active .arrow-box,
            .faq-page .container .faq__tabs .faq-tabs.swiper-full-faq .swiper-wrapper .swiper-slide .faq-tab .title.active .arrow-box .arrow {
              border-color: #fff; }
            .faq-page .container .faq__tabs .faq-tabs.swiper-full-faq .swiper-wrapper .swiper-slide .faq-tab .title.active + .text-wrap {
              opacity: 1;
              -webkit-transform: scale(1) rotateX(0);
                      transform: scale(1) rotateX(0); }
          .faq-page .container .faq__tabs .faq-tabs.swiper-full-faq .swiper-wrapper .swiper-slide .faq-tab .text-wrap {
            -webkit-transition: all 0.45s ease-out;
            -o-transition: all 0.45s ease-out;
            transition: all 0.45s ease-out;
            max-height: 0;
            opacity: 0;
            -webkit-transform: scale(0.9) rotateX(-60deg);
                    transform: scale(0.9) rotateX(-60deg);
            overflow: hidden; }
            .faq-page .container .faq__tabs .faq-tabs.swiper-full-faq .swiper-wrapper .swiper-slide .faq-tab .text-wrap p {
              padding: 28px 22px;
              font-size: 16px;
              font-weight: 300;
              line-height: 1.25;
              text-align: left;
              color: #2f302f; }
              @media only screen and (max-width: 767px) {
                .faq-page .container .faq__tabs .faq-tabs.swiper-full-faq .swiper-wrapper .swiper-slide .faq-tab .text-wrap p {
                  padding: 28px; } }

.contacts-page {
  position: relative;
  overflow: hidden;
  z-index: 1;
  background-color: #fff;
  background-position: 0 14% !important; }
  .contacts-page .bg__img {
    width: 20%;
    position: absolute;
    z-index: 0; }
    @media screen and (max-width: 1100px) {
      .contacts-page .bg__img {
        display: none; } }
    .contacts-page .bg__img.bg__img-1 {
      left: 0;
      top: 0;
      width: 25%; }
    .contacts-page .bg__img.bg__img-2 {
      right: 0;
      bottom: 15%; }
    .contacts-page .bg__img.bg__img-3 {
      left: 2%;
      bottom: 5%; }
  .contacts-page .container {
    padding: 30px 80px 90px; }
    @media only screen and (max-width: 1000px) {
      .contacts-page .container {
        padding: 30px 10px 90px; } }
    .contacts-page .container .nav__title {
      margin-bottom: 30px; }
      .contacts-page .container .nav__title a {
        font-size: 15px;
        font-weight: 300;
        text-align: left;
        color: #000000; }
        .contacts-page .container .nav__title a:first-child:after {
          content: ">";
          margin: 0 5px; }
    .contacts-page .container .contacts__title h3 {
      text-transform: uppercase;
      font-weight: bold;
      text-align: center;
      color: #333333;
      margin-bottom: 20px; }
      @media (max-width: 767px) {
        .contacts-page .container .contacts__title h3 {
          font-size: calc( 22px + 13.6 * ((100vw - 320px) / 1920)); } }
      @media (min-width: 767px) {
        .contacts-page .container .contacts__title h3 {
          font-size: calc(22px + 8 * (100vw / 1920)); } }
    .contacts-page .container .contacts__title p {
      font-weight: 300;
      line-height: 1.26;
      text-align: center;
      color: #292929;
      padding: 0 30px; }
      @media (max-width: 767px) {
        .contacts-page .container .contacts__title p {
          font-size: calc( 14px + 5.1 * ((100vw - 320px) / 1920)); } }
      @media (min-width: 767px) {
        .contacts-page .container .contacts__title p {
          font-size: calc(14px + 3 * (100vw / 1920)); } }
      .contacts-page .container .contacts__title p:last-of-type {
        margin: 10px 0 50px; }
      @media only screen and (max-width: 600px) {
        .contacts-page .container .contacts__title p {
          margin: 10px 0 30px;
          padding: 0; } }
      .contacts-page .container .contacts__title p span {
        color: #48b6ed; }
    .contacts-page .container .contacts-form {
      position: relative;
      -webkit-box-shadow: 2.3px 3.3px 19.3px 1.7px rgba(0, 0, 0, 0.11);
              box-shadow: 2.3px 3.3px 19.3px 1.7px rgba(0, 0, 0, 0.11);
      background-color: #ffffff;
      padding: 40px 25px 30px; }
      .contacts-page .container .contacts-form .our-contacts {
        padding-bottom: 30px;
        border-bottom: 1px solid #9d9a9a; }
        .contacts-page .container .contacts-form .our-contacts h3 {
          text-transform: uppercase;
          font-weight: bold;
          text-align: center;
          color: #333333;
          margin-bottom: 35px; }
          @media (max-width: 767px) {
            .contacts-page .container .contacts-form .our-contacts h3 {
              font-size: calc( 18px + 10.2 * ((100vw - 320px) / 1920)); } }
          @media (min-width: 767px) {
            .contacts-page .container .contacts-form .our-contacts h3 {
              font-size: calc(18px + 6 * (100vw / 1920)); } }
        .contacts-page .container .contacts-form .our-contacts .contacts-links {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: justify;
              -ms-flex-pack: justify;
                  justify-content: space-between; }
          @media only screen and (max-width: 767px) {
            .contacts-page .container .contacts-form .our-contacts .contacts-links {
              width: -webkit-fit-content;
              width: -moz-fit-content;
              width: fit-content;
              margin: auto;
              -webkit-box-orient: vertical;
              -webkit-box-direction: normal;
                  -ms-flex-direction: column;
                      flex-direction: column; } }
          @media only screen and (max-width: 767px) {
            .contacts-page .container .contacts-form .our-contacts .contacts-links li {
              margin-bottom: 20px; } }
          .contacts-page .container .contacts-form .our-contacts .contacts-links li .text {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: start;
                -ms-flex-align: start;
                    align-items: start; }
            .contacts-page .container .contacts-form .our-contacts .contacts-links li .text:hover span,
            .contacts-page .container .contacts-form .our-contacts .contacts-links li .text:focus span {
              color: #48b6ed;
              -webkit-transition: all 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86);
              -o-transition: all 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86);
              transition: all 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86);
              -webkit-transform: scale(1.4);
                  -ms-transform: scale(1.4);
                      transform: scale(1.4); }
            .contacts-page .container .contacts-form .our-contacts .contacts-links li .text span {
              color: #20323f;
              font-size: 24px;
              margin-right: 15px;
              -webkit-transition: all 0.2s;
              -o-transition: all 0.2s;
              transition: all 0.2s; }
            .contacts-page .container .contacts-form .our-contacts .contacts-links li .text p {
              max-width: 200px;
              font-size: 16px;
              font-weight: 300;
              letter-spacing: 0.4px;
              color: #292929; }
              .contacts-page .container .contacts-form .our-contacts .contacts-links li .text p.tel {
                font-size: 19px;
                font-weight: normal;
                letter-spacing: 0.48px; }
          .contacts-page .container .contacts-form .our-contacts .contacts-links li .messenger {
            text-align: right; }
            @media only screen and (max-width: 767px) {
              .contacts-page .container .contacts-form .our-contacts .contacts-links li .messenger {
                text-align: left;
                margin-left: 20px; } }
            .contacts-page .container .contacts-form .our-contacts .contacts-links li .messenger a {
              position: relative;
              font-size: 12px;
              font-weight: 400;
              letter-spacing: 0.3px;
              color: #35a0d5;
              margin-left: 20px; }
              .contacts-page .container .contacts-form .our-contacts .contacts-links li .messenger a::after {
                content: "";
                background-color: #35a0d5;
                width: 100%;
                height: 1px;
                position: absolute;
                left: 50%;
                bottom: -1px;
                -webkit-transition: all 0.5s ease;
                -o-transition: all 0.5s ease;
                transition: all 0.5s ease;
                -webkit-transform: translateX(-50%);
                    -ms-transform: translateX(-50%);
                        transform: translateX(-50%); }
              .contacts-page .container .contacts-form .our-contacts .contacts-links li .messenger a:hover::after, .contacts-page .container .contacts-form .our-contacts .contacts-links li .messenger a:focus::after {
                width: 0; }
      .contacts-page .container .contacts-form .form-wrapper .form-title {
        padding: 25px 0 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between; }
        .contacts-page .container .contacts-form .form-wrapper .form-title p {
          text-transform: uppercase;
          font-size: 20px;
          font-weight: bold;
          color: #333333; }
        .contacts-page .container .contacts-form .form-wrapper .form-title .social-link {
          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;
          width: 100px; }
          .contacts-page .container .contacts-form .form-wrapper .form-title .social-link a {
            cursor: pointer;
            color: #20323f;
            font-size: 20px;
            -webkit-transition: all 0.2s;
            -o-transition: all 0.2s;
            transition: all 0.2s; }
            .contacts-page .container .contacts-form .form-wrapper .form-title .social-link a:hover, .contacts-page .container .contacts-form .form-wrapper .form-title .social-link a:focus {
              -webkit-transition: all 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86);
              -o-transition: all 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86);
              transition: all 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86);
              -webkit-transform: scale(1.5);
                  -ms-transform: scale(1.5);
                      transform: scale(1.5);
              color: #48b6ed; }
      .contacts-page .container .contacts-form .form-wrapper .form .form-row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between; }
        @media only screen and (max-width: 767px) {
          .contacts-page .container .contacts-form .form-wrapper .form .form-row {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column; } }
      .contacts-page .container .contacts-form .form-wrapper .form h4 {
        text-align: center;
        color: #292929;
        line-height: 1; }
        @media (max-width: 767px) {
          .contacts-page .container .contacts-form .form-wrapper .form h4 {
            font-size: calc( 16px + 5.1 * ((100vw - 320px) / 1920)); } }
        @media (min-width: 767px) {
          .contacts-page .container .contacts-form .form-wrapper .form h4 {
            font-size: calc(16px + 3 * (100vw / 1920)); } }
        .contacts-page .container .contacts-form .form-wrapper .form h4 span {
          text-transform: uppercase;
          font-weight: bold;
          display: block;
          margin-bottom: 8px; }
          @media (max-width: 767px) {
            .contacts-page .container .contacts-form .form-wrapper .form h4 span {
              font-size: calc( 16px + 5.1 * ((100vw - 320px) / 1920)); } }
          @media (min-width: 767px) {
            .contacts-page .container .contacts-form .form-wrapper .form h4 span {
              font-size: calc(16px + 3 * (100vw / 1920)); } }
      .contacts-page .container .contacts-form .form-wrapper .form input,
      .contacts-page .container .contacts-form .form-wrapper .form select {
        width: 100%;
        border: none;
        display: block;
        height: 40px;
        border: 1px solid #333;
        background-color: #fff;
        margin-bottom: 0;
        font-size: 13px;
        font-weight: 400;
        color: #292929;
        padding: 0 15px; }
        .contacts-page .container .contacts-form .form-wrapper .form input:last-of-type,
        .contacts-page .container .contacts-form .form-wrapper .form select:last-of-type {
          margin-bottom: 0; }
        @media only screen and (max-width: 767px) {
          .contacts-page .container .contacts-form .form-wrapper .form input,
          .contacts-page .container .contacts-form .form-wrapper .form select {
            margin-bottom: 0; }
            .contacts-page .container .contacts-form .form-wrapper .form input:last-of-type,
            .contacts-page .container .contacts-form .form-wrapper .form select:last-of-type {
              margin-bottom: 0px; } }
      .contacts-page .container .contacts-form .form-wrapper .form textarea {
        width: 100%;
        height: 90px;
        font-size: 13px;
        font-weight: 400;
        color: #292929;
        border: 1px solid #333;
        padding: 10px;
        outline: none; }
      .contacts-page .container .contacts-form .form-wrapper .form label {
        position: relative;
        display: inline-block;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        padding: 0 5px;
        top: 36px;
        left: 12px;
        background-color: #fff;
        font-size: 13px;
        font-weight: 400;
        margin-bottom: 8px;
        color: #292929;
        -webkit-transition: all 0.2s;
        -o-transition: all 0.2s;
        transition: all 0.2s; }
        .contacts-page .container .contacts-form .form-wrapper .form label[for="services"] {
          top: 16px;
          font-size: 12px; }
        .contacts-page .container .contacts-form .form-wrapper .form label span {
          color: #48b6ed; }
        .contacts-page .container .contacts-form .form-wrapper .form label.active {
          top: 16px; }
      .contacts-page .container .contacts-form .form-wrapper .form .button {
        text-transform: unset;
        width: 145px;
        height: 38px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 20px auto;
        font-weight: normal;
        text-align: justify;
        color: #ffffff;
        background-color: #48b6ed; }
        @media (max-width: 767px) {
          .contacts-page .container .contacts-form .form-wrapper .form .button {
            font-size: calc( 14px + 3.4 * ((100vw - 320px) / 1920)); } }
        @media (min-width: 767px) {
          .contacts-page .container .contacts-form .form-wrapper .form .button {
            font-size: calc(14px + 2 * (100vw / 1920)); } }
      .contacts-page .container .contacts-form .form-wrapper .form .soglasen {
        font-size: 12px;
        text-align: center;
        color: #4d4c4c; }
      .contacts-page .container .contacts-form .form-wrapper .form .form-wrap {
        position: relative;
        -webkit-box-flex: 0;
            -ms-flex: 0 1 30%;
                flex: 0 1 30%; }
        .contacts-page .container .contacts-form .form-wrapper .form .form-wrap input[name="phone"],
        .contacts-page .container .contacts-form .form-wrapper .form .form-wrap input[name="phone_popup"] {
          color: transparent; }
        .contacts-page .container .contacts-form .form-wrapper .form .form-wrap input[name="phone"]:focus,
        .contacts-page .container .contacts-form .form-wrapper .form .form-wrap input[name="phone_popup"]:focus {
          color: #292929; }
        .contacts-page .container .contacts-form .form-wrapper .form .form-wrap label.active + input[name="phone"],
        .contacts-page .container .contacts-form .form-wrapper .form .form-wrap label.active + input[name="phone_popup"] {
          color: #292929; }

.mm-wrapper {
  overflow: initial; }

.cases {
  position: relative;
  z-index: 1;
  background-color: #fff;
  background-position: 0 14% !important;
  padding-bottom: 30px; }
  .cases .bg__img {
    width: 15%;
    position: absolute; }
    @media screen and (max-width: 1100px) {
      .cases .bg__img {
        display: none; } }
    .cases .bg__img.bg__img-1 {
      left: 0;
      top: 0%; }
    .cases .bg__img.bg__img-2 {
      right: 0;
      top: 10%; }
    .cases .bg__img.bg__img-3 {
      left: 0;
      bottom: 10%; }
    .cases .bg__img.bg__img-4 {
      right: 0;
      bottom: 0%; }
  .cases .container {
    padding: 30px 95px 0; }
    @media screen and (max-width: 1000px) {
      .cases .container {
        padding: 30px 65px 0; } }
    @media screen and (max-width: 766px) {
      .cases .container {
        padding: 30px 30px 0; } }
    .cases .container .cases__title {
      margin-bottom: 30px; }
      .cases .container .cases__title a {
        font-size: 15px;
        font-weight: 300;
        text-align: left;
        color: #000000; }
        .cases .container .cases__title a:after {
          content: ">";
          margin: 0 5px; }
        .cases .container .cases__title a:last-child:after {
          content: none; }
    .cases .container .cases-wrap .cases-nav {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      margin-bottom: 30px;
      border-bottom: 1px solid #b4b2b2; }
      @media screen and (max-width: 520px) {
        .cases .container .cases-wrap .cases-nav .button {
          display: none; } }
      @media screen and (max-width: 520px) {
        .cases .container .cases-wrap .cases-nav .cases-tabs {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: justify;
              -ms-flex-pack: justify;
                  justify-content: space-between;
          -ms-flex-preferred-size: 100%;
              flex-basis: 100%; } }
      .cases .container .cases-wrap .cases-nav .cases-tabs .tab-link {
        cursor: pointer;
        padding: 10px;
        text-transform: uppercase;
        font-weight: normal;
        text-align: center;
        color: #191919;
        margin-right: 35px;
        border: none;
        border-bottom: 2px solid transparent;
        background-color: transparent;
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s; }
        @media (max-width: 767px) {
          .cases .container .cases-wrap .cases-nav .cases-tabs .tab-link {
            font-size: calc( 14px + 3.4 * ((100vw - 320px) / 1920)); } }
        @media (min-width: 767px) {
          .cases .container .cases-wrap .cases-nav .cases-tabs .tab-link {
            font-size: calc(14px + 2 * (100vw / 1920)); } }
        @media screen and (max-width: 520px) {
          .cases .container .cases-wrap .cases-nav .cases-tabs .tab-link {
            -ms-flex-preferred-size: 50%;
                flex-basis: 50%;
            margin-right: 0; } }
        .cases .container .cases-wrap .cases-nav .cases-tabs .tab-link.active, .cases .container .cases-wrap .cases-nav .cases-tabs .tab-link:hover, .cases .container .cases-wrap .cases-nav .cases-tabs .tab-link:focus {
          border-color: #48b6ed; }
    .cases .container .cases-wrap .cases-description .tab-content {
      -webkit-animation: fadeEffect 0.5s;
              animation: fadeEffect 0.5s; }

@-webkit-keyframes fadeEffect {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fadeEffect {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
    .cases .container .cases-wrap .cases-description .cases-img {
      position: relative;
      margin-top: -270px;
      margin-bottom: 30px; }
      @media screen and (max-width: 520px) {
        .cases .container .cases-wrap .cases-description .cases-img {
          margin-top: -120px; } }
      .cases .container .cases-wrap .cases-description .cases-img .change-cases-wrap {
        z-index: 1;
        position: -webkit-sticky;
        position: sticky;
        top: 300px;
        margin-bottom: 300px; }
        @media screen and (max-width: 520px) {
          .cases .container .cases-wrap .cases-description .cases-img .change-cases-wrap {
            top: 150px;
            margin-bottom: 150px; } }
      .cases .container .cases-wrap .cases-description .cases-img .change-cases {
        position: absolute;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        z-index: 1;
        top: 25px;
        left: -20px;
        -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
                transform: rotate(45deg);
        padding: 10px;
        background-color: #fff;
        border-radius: 50%; }
        .cases .container .cases-wrap .cases-description .cases-img .change-cases div {
          padding: 10px;
          background-color: #fff;
          border-radius: 50%;
          border: 2px solid #000; }
        .cases .container .cases-wrap .cases-description .cases-img .change-cases.next-cases {
          left: auto;
          right: -25px;
          -webkit-transform: rotate(-135deg);
              -ms-transform: rotate(-135deg);
                  transform: rotate(-135deg); }
        .cases .container .cases-wrap .cases-description .cases-img .change-cases:after {
          position: absolute;
          -webkit-transform: translate(80%, 60%);
              -ms-transform: translate(80%, 60%);
                  transform: translate(80%, 60%);
          content: "";
          width: 10px;
          height: 10px;
          border-bottom: 2px solid #000;
          border-left: 2px solid #000; }
    .cases .container .cases-wrap .cases-description .cases-text {
      margin: 30px 0; }
      .cases .container .cases-wrap .cases-description .cases-text h3 {
        font-weight: bold;
        text-align: center;
        color: #333333;
        margin-bottom: 20px; }
        @media (max-width: 767px) {
          .cases .container .cases-wrap .cases-description .cases-text h3 {
            font-size: calc( 22px + 13.6 * ((100vw - 320px) / 1920)); } }
        @media (min-width: 767px) {
          .cases .container .cases-wrap .cases-description .cases-text h3 {
            font-size: calc(22px + 8 * (100vw / 1920)); } }
      .cases .container .cases-wrap .cases-description .cases-text p {
        font-weight: 400;
        line-height: 1.26;
        text-align: left;
        color: #292929;
        margin-bottom: 15px; }
        @media (max-width: 767px) {
          .cases .container .cases-wrap .cases-description .cases-text p {
            font-size: calc( 16px + 5.1 * ((100vw - 320px) / 1920)); } }
        @media (min-width: 767px) {
          .cases .container .cases-wrap .cases-description .cases-text p {
            font-size: calc(16px + 3 * (100vw / 1920)); } }
    .cases .container .cases-wrap .button {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin-left: auto;
      width: 133px;
      height: 29px;
      font-size: 15px;
      font-weight: normal;
      text-align: center;
      color: #fff;
      -webkit-box-shadow: 0 0 3.7px 0.3px rgba(0, 0, 0, 0.11);
              box-shadow: 0 0 3.7px 0.3px rgba(0, 0, 0, 0.11);
      border: solid 1px #48b6ed;
      background-color: #48b6ed; }
      @media screen and (max-width: 520px) {
        .cases .container .cases-wrap .button {
          margin-right: auto; } }

.portfolio-about {
  background-color: #fff;
  position: relative;
  padding: 90px 0; }
  @media only screen and (max-width: 676px) {
    .portfolio-about {
      padding: 40px 0; } }
  .portfolio-about .portfolio_bg {
    position: absolute;
    top: 10%;
    right: 0;
    width: 15%; }
    .portfolio-about .portfolio_bg:nth-child(2) {
      z-index: 1;
      right: auto;
      left: 0;
      top: 300px; }
    .portfolio-about .portfolio_bg:nth-child(3) {
      z-index: 1;
      top: auto;
      bottom: -12%;
      left: auto;
      right: 0; }
    @media only screen and (max-width: 1100px) {
      .portfolio-about .portfolio_bg {
        display: none; } }
  .portfolio-about .container {
    position: relative;
    z-index: 2; }
    .portfolio-about .container .portfolio__title {
      text-align: center;
      margin-bottom: 85px; }
      .portfolio-about .container .portfolio__title h2 {
        text-transform: uppercase;
        font-weight: bold;
        color: #333333;
        margin-bottom: 20px; }
        @media (max-width: 767px) {
          .portfolio-about .container .portfolio__title h2 {
            font-size: calc( 22px + 13.6 * ((100vw - 320px) / 1920)); } }
        @media (min-width: 767px) {
          .portfolio-about .container .portfolio__title h2 {
            font-size: calc(22px + 8 * (100vw / 1920)); } }
      .portfolio-about .container .portfolio__title p {
        font-weight: 300;
        line-height: 1.26;
        color: #292929;
        padding: 0 90px; }
        @media (max-width: 767px) {
          .portfolio-about .container .portfolio__title p {
            font-size: calc( 16px + 5.1 * ((100vw - 320px) / 1920)); } }
        @media (min-width: 767px) {
          .portfolio-about .container .portfolio__title p {
            font-size: calc(16px + 3 * (100vw / 1920)); } }
        @media only screen and (max-width: 800px) {
          .portfolio-about .container .portfolio__title p {
            padding: 0; } }
    .portfolio-about .container .portfolio-card {
      min-height: 320px;
      margin-bottom: 60px;
      margin-left: 20px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-shadow: 2.3px 3.3px 19.3px 1.7px rgba(0, 0, 0, 0.11);
              box-shadow: 2.3px 3.3px 19.3px 1.7px rgba(0, 0, 0, 0.11);
      background-color: #ffffff; }
      @media only screen and (max-width: 1000px) {
        .portfolio-about .container .portfolio-card {
          margin-left: 0;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column; } }
      .portfolio-about .container .portfolio-card:nth-child(2n + 1) {
        margin-left: 0;
        margin-right: 20px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
            -ms-flex-direction: row-reverse;
                flex-direction: row-reverse; }
        @media only screen and (max-width: 1000px) {
          .portfolio-about .container .portfolio-card:nth-child(2n + 1) {
            margin-right: 0;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column; } }
        .portfolio-about .container .portfolio-card:nth-child(2n + 1) .image {
          right: auto;
          left: 20px; }
          @media only screen and (max-width: 1000px) {
            .portfolio-about .container .portfolio-card:nth-child(2n + 1) .image {
              -webkit-box-flex: 1;
                  -ms-flex: auto;
                      flex: auto;
              height: 300px;
              right: auto;
              left: auto; } }
          @media only screen and (max-width: 500px) {
            .portfolio-about .container .portfolio-card:nth-child(2n + 1) .image {
              height: 200px; } }
        .portfolio-about .container .portfolio-card:nth-child(2n + 1) .description {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          -webkit-box-pack: justify;
              -ms-flex-pack: justify;
                  justify-content: space-between;
          padding: 0 0 30px 20px; }
        .portfolio-about .container .portfolio-card:nth-child(2n + 1) .buttons {
          -webkit-box-pack: start;
              -ms-flex-pack: start;
                  justify-content: start; }
      .portfolio-about .container .portfolio-card .image {
        position: relative;
        bottom: 30px;
        right: 20px;
        -webkit-box-flex: 0;
            -ms-flex: 0 1 50%;
                flex: 0 1 50%;
        background-size: cover !important;
        background-position: center !important;
        background-repeat: no-repeat !important; }
        @media only screen and (max-width: 1000px) {
          .portfolio-about .container .portfolio-card .image {
            -webkit-box-flex: 1;
                -ms-flex: auto;
                    flex: auto;
            height: 300px;
            right: auto;
            left: auto; } }
        @media only screen and (max-width: 500px) {
          .portfolio-about .container .portfolio-card .image {
            height: 200px; } }
      .portfolio-about .container .portfolio-card .description {
        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;
        -webkit-box-flex: 0;
            -ms-flex: 0 1 50%;
                flex: 0 1 50%;
        padding: 0 20px 30px 0; }
        @media only screen and (max-width: 1000px) {
          .portfolio-about .container .portfolio-card .description {
            padding: 0 20px 30px; } }
        .portfolio-about .container .portfolio-card .description .title {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: baseline;
              -ms-flex-align: baseline;
                  align-items: baseline;
          margin-bottom: 24px; }
          @media only screen and (max-width: 1000px) {
            .portfolio-about .container .portfolio-card .description .title {
              -webkit-box-align: center;
                  -ms-flex-align: center;
                      align-items: center; } }
          .portfolio-about .container .portfolio-card .description .title .digit {
            width: 31px;
            height: 55px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            font-size: 43.5px;
            font-weight: bold;
            color: #fff;
            background-color: #48b6ed; }
          .portfolio-about .container .portfolio-card .description .title h3 {
            font-weight: bold;
            text-align: left;
            color: #333333;
            margin-left: 20px; }
            @media (max-width: 767px) {
              .portfolio-about .container .portfolio-card .description .title h3 {
                font-size: calc( 18px + 6.8 * ((100vw - 320px) / 1920)); } }
            @media (min-width: 767px) {
              .portfolio-about .container .portfolio-card .description .title h3 {
                font-size: calc(18px + 4 * (100vw / 1920)); } }
        .portfolio-about .container .portfolio-card .description p {
          font-weight: 300;
          line-height: normal;
          text-align: left;
          color: #000000;
          margin-bottom: 20px; }
          @media (max-width: 767px) {
            .portfolio-about .container .portfolio-card .description p {
              font-size: calc( 14px + 3.4 * ((100vw - 320px) / 1920)); } }
          @media (min-width: 767px) {
            .portfolio-about .container .portfolio-card .description p {
              font-size: calc(14px + 2 * (100vw / 1920)); } }
      .portfolio-about .container .portfolio-card .buttons {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end; }
        .portfolio-about .container .portfolio-card .buttons .button {
          width: 141px;
          height: 31px;
          border-radius: 1px;
          border: solid 1px transparent;
          font-size: 13px;
          font-weight: normal;
          text-align: center;
          color: #363635;
          background-color: #f6d152; }
          .portfolio-about .container .portfolio-card .buttons .button:first-child {
            text-transform: unset;
            background-color: #fff;
            font-size: 14px;
            font-weight: normal;
            color: #4e4f4f;
            margin-right: 10px;
            border: solid 1px #3f94db;
            -webkit-transition: all 0.2s;
            -o-transition: all 0.2s;
            transition: all 0.2s; }
            .portfolio-about .container .portfolio-card .buttons .button:first-child::after {
              display: none; }
            .portfolio-about .container .portfolio-card .buttons .button:first-child:hover, .portfolio-about .container .portfolio-card .buttons .button:first-child:focus {
              background-color: #3f94db;
              color: #fff; }
    .portfolio-about .container .btn-all {
      margin: 0 auto;
      width: 226px;
      height: 42px;
      font-size: 15.5px;
      font-weight: normal;
      text-align: center;
      color: #ffffff;
      background-color: #48b6ed; }

.about-page {
  position: relative;
  overflow: hidden;
  z-index: 1;
  background-color: #fff;
  background-position: 0 14% !important; }
  .about-page .bg__img {
    width: 16%;
    position: absolute;
    z-index: 0; }
    @media screen and (max-width: 1100px) {
      .about-page .bg__img {
        display: none; } }
    .about-page .bg__img.bg__img-1 {
      left: 0;
      top: -50px; }
    .about-page .bg__img.bg__img-2 {
      right: 0;
      top: 0; }
  .about-page .container {
    position: relative;
    z-index: 1;
    padding: 30px 80px 100px; }
    @media only screen and (max-width: 1000px) {
      .about-page .container {
        padding: 90px 10px; } }
    @media only screen and (max-width: 600px) {
      .about-page .container {
        padding: 40px 10px; } }
    .about-page .container .nav__title {
      margin-bottom: 50px; }
      .about-page .container .nav__title a {
        font-weight: 300;
        text-align: left;
        color: #000000; }
        @media (max-width: 767px) {
          .about-page .container .nav__title a {
            font-size: calc( 12px + 5.1 * ((100vw - 320px) / 1920)); } }
        @media (min-width: 767px) {
          .about-page .container .nav__title a {
            font-size: calc(12px + 3 * (100vw / 1920)); } }
        .about-page .container .nav__title a:first-child:after {
          content: ">";
          margin: 0 5px; }
    .about-page .container .about__tabs {
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      @media only screen and (max-width: 900px) {
        .about-page .container .about__tabs {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column; } }
      @media only screen and (max-width: 600px) {
        .about-page .container .about__tabs {
          -webkit-box-shadow: none;
                  box-shadow: none; } }
      .about-page .container .about__tabs .about-hand {
        display: none;
        background-size: cover !important;
        background: url("../images/content/services/hand.png");
        background-repeat: no-repeat !important;
        position: absolute;
        right: 3%;
        top: 30px;
        z-index: 3;
        width: 33px;
        height: 40px;
        -webkit-animation-duration: 2s;
                animation-duration: 2s;
        -webkit-animation-iteration-count: infinite;
                animation-iteration-count: infinite;
        -webkit-animation-name: motion-hand;
                animation-name: motion-hand; }

@keyframes motion-hand {
  0% {
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px); }
  50% {
    -webkit-transform: translateX(10px);
            transform: translateX(10px); }
  100% {
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px); } }
        @media only screen and (max-width: 900px) {
          .about-page .container .about__tabs .about-hand {
            display: block; } }
      .about-page .container .about__tabs .about-mouse {
        position: absolute;
        top: 210px;
        left: -80px;
        min-width: 50px;
        height: 80px;
        border-radius: 30px;
        border: 3px solid #333333; }
        @media only screen and (max-width: 1024px) {
          .about-page .container .about__tabs .about-mouse {
            display: none; } }
        .about-page .container .about__tabs .about-mouse:after {
          content: "";
          position: absolute;
          top: 15px;
          left: 50%;
          -webkit-transform: translate(-50%, 0);
              -ms-transform: translate(-50%, 0);
                  transform: translate(-50%, 0);
          width: 3px;
          height: 15px;
          border-radius: 50%;
          background-color: #333333;
          -webkit-animation: scroll 1s infinite alternate;
                  animation: scroll 1s infinite alternate; }

@keyframes scroll {
  100% {
    -webkit-transform: translate(-50%, 15px);
            transform: translate(-50%, 15px); } }
      .about-page .container .about__tabs .about__swiper .swiper-tabs-about {
        padding: 6px 14px;
        height: 500px; }
        @media only screen and (max-width: 900px) {
          .about-page .container .about__tabs .about__swiper .swiper-tabs-about {
            height: auto; } }
        .about-page .container .about__tabs .about__swiper .swiper-tabs-about .slide-click {
          overflow: hidden;
          cursor: pointer;
          background-color: #fff;
          width: 235px;
          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;
          border: solid 1px transparent;
          -webkit-box-shadow: 2.3px 3.3px 19.3px 1.7px rgba(0, 0, 0, 0.11);
                  box-shadow: 2.3px 3.3px 19.3px 1.7px rgba(0, 0, 0, 0.11); }
          @media only screen and (max-width: 600px) {
            .about-page .container .about__tabs .about__swiper .swiper-tabs-about .slide-click {
              -webkit-box-shadow: 0 0 3.7px 0.3px rgba(0, 0, 0, 0.11);
                      box-shadow: 0 0 3.7px 0.3px rgba(0, 0, 0, 0.11); } }
          .about-page .container .about__tabs .about__swiper .swiper-tabs-about .slide-click p {
            margin: 15px 15px;
            padding: 0px 50px 0px 10px;
            font-weight: 500;
            line-height: 22px;
            text-align: left;
            color: #959494; }
            @media (max-width: 767px) {
              .about-page .container .about__tabs .about__swiper .swiper-tabs-about .slide-click p {
                font-size: calc( 15px + 6.8 * ((100vw - 320px) / 1920)); } }
            @media (min-width: 767px) {
              .about-page .container .about__tabs .about__swiper .swiper-tabs-about .slide-click p {
                font-size: calc(15px + 4 * (100vw / 1920)); } }
          .about-page .container .about__tabs .about__swiper .swiper-tabs-about .slide-click .img {
            position: absolute;
            right: -30px;
            width: 80px;
            min-width: 80px;
            height: 120%;
            background-position: 0% 50% !important;
            background-size: contain !important;
            background-repeat: no-repeat !important; }
            @media only screen and (max-width: 500px) {
              .about-page .container .about__tabs .about__swiper .swiper-tabs-about .slide-click .img {
                display: none; } }
          @media only screen and (max-width: 900px) {
            .about-page .container .about__tabs .about__swiper .swiper-tabs-about .slide-click.swiper-slide {
              font-size: 13px;
              font-weight: 500;
              text-align: center;
              color: #626161; } }
          .about-page .container .about__tabs .about__swiper .swiper-tabs-about .slide-click.swiper-slide-active p {
            color: #292929;
            border-left: 3px solid #4ac5e7; }
            @media only screen and (max-width: 900px) {
              .about-page .container .about__tabs .about__swiper .swiper-tabs-about .slide-click.swiper-slide-active p {
                border-left: none; } }
          @media only screen and (max-width: 900px) {
            .about-page .container .about__tabs .about__swiper .swiper-tabs-about .slide-click.swiper-slide-active {
              min-height: auto;
              border: solid 1px #4ac5e7;
              font-size: 13px;
              font-weight: 500;
              text-align: center;
              color: #626161; } }
      .about-page .container .about__tabs .about-tabs.swiper-full-faq {
        -webkit-box-shadow: 2.3px 3.3px 19.3px 1.7px rgba(0, 0, 0, 0.11);
                box-shadow: 2.3px 3.3px 19.3px 1.7px rgba(0, 0, 0, 0.11); }
        @media only screen and (max-width: 900px) {
          .about-page .container .about__tabs .about-tabs.swiper-full-faq {
            width: 100%; } }
        .about-page .container .about__tabs .about-tabs.swiper-full-faq .swiper-wrapper .swiper-slide {
          background-color: #fff;
          padding: 30px 0; }
          .about-page .container .about__tabs .about-tabs.swiper-full-faq .swiper-wrapper .swiper-slide .about-tab {
            padding: 0 22px;
            margin-right: 22px;
            overflow-y: scroll;
            max-height: 440px; }
            .about-page .container .about__tabs .about-tabs.swiper-full-faq .swiper-wrapper .swiper-slide .about-tab::-webkit-scrollbar {
              width: 3px; }
            .about-page .container .about__tabs .about-tabs.swiper-full-faq .swiper-wrapper .swiper-slide .about-tab::-webkit-scrollbar-thumb {
              background-color: #3d3d3d; }
            .about-page .container .about__tabs .about-tabs.swiper-full-faq .swiper-wrapper .swiper-slide .about-tab::-webkit-scrollbar-track-piece {
              background-color: #eae9e9; }
            .about-page .container .about__tabs .about-tabs.swiper-full-faq .swiper-wrapper .swiper-slide .about-tab p {
              font-weight: 300;
              line-height: 1.24;
              letter-spacing: 0.43px;
              text-align: left;
              color: #1a1a1a;
              margin-bottom: 20px; }
              @media (max-width: 767px) {
                .about-page .container .about__tabs .about-tabs.swiper-full-faq .swiper-wrapper .swiper-slide .about-tab p {
                  font-size: calc( 14px + 5.1 * ((100vw - 320px) / 1920)); } }
              @media (min-width: 767px) {
                .about-page .container .about__tabs .about-tabs.swiper-full-faq .swiper-wrapper .swiper-slide .about-tab p {
                  font-size: calc(14px + 3 * (100vw / 1920)); } }

.certificate-about {
  background-color: #eeeeee;
  position: relative;
  padding: 90px 0; }
  @media only screen and (max-width: 676px) {
    .certificate-about {
      padding: 40px 0; } }
  .certificate-about .container {
    position: relative;
    z-index: 2; }
    @media only screen and (max-width: 1200px) {
      .certificate-about .container {
        padding: 0 100px;
        max-width: unset; } }
    @media only screen and (max-width: 800px) {
      .certificate-about .container {
        padding: 0 40px; } }
    .certificate-about .container .certificate__title {
      text-align: center; }
      .certificate-about .container .certificate__title h2 {
        text-transform: uppercase;
        font-weight: bold;
        color: #333333;
        margin-bottom: 20px; }
        @media (max-width: 767px) {
          .certificate-about .container .certificate__title h2 {
            font-size: calc( 22px + 13.6 * ((100vw - 320px) / 1920)); } }
        @media (min-width: 767px) {
          .certificate-about .container .certificate__title h2 {
            font-size: calc(22px + 8 * (100vw / 1920)); } }
      .certificate-about .container .certificate__title p {
        font-weight: 300;
        line-height: 1.26;
        color: #292929;
        padding: 0 90px; }
        @media (max-width: 767px) {
          .certificate-about .container .certificate__title p {
            font-size: calc( 16px + 5.1 * ((100vw - 320px) / 1920)); } }
        @media (min-width: 767px) {
          .certificate-about .container .certificate__title p {
            font-size: calc(16px + 3 * (100vw / 1920)); } }
        @media only screen and (max-width: 800px) {
          .certificate-about .container .certificate__title p {
            padding: 0; } }
    .certificate-about .container .swiper {
      position: relative; }
      .certificate-about .container .swiper .swiper-certificate .swiper-wrapper .swiper-slide {
        padding: 20px 8px; }
        .certificate-about .container .swiper .swiper-certificate .swiper-wrapper .swiper-slide .slide-wrap {
          position: relative;
          overflow: hidden;
          padding: 40px 20px 210px;
          min-height: 350px;
          -webkit-box-shadow: 2.3px 3.3px 19.3px 1.7px rgba(0, 0, 0, 0.11);
                  box-shadow: 2.3px 3.3px 19.3px 1.7px rgba(0, 0, 0, 0.11);
          background-color: #ffffff; }
          .certificate-about .container .swiper .swiper-certificate .swiper-wrapper .swiper-slide .slide-wrap .title p {
            font-weight: normal;
            text-align: center;
            color: #2d2d2d; }
            @media (max-width: 767px) {
              .certificate-about .container .swiper .swiper-certificate .swiper-wrapper .swiper-slide .slide-wrap .title p {
                font-size: calc( 16px + 7.65 * ((100vw - 320px) / 1920)); } }
            @media (min-width: 767px) {
              .certificate-about .container .swiper .swiper-certificate .swiper-wrapper .swiper-slide .slide-wrap .title p {
                font-size: calc(16px + 4.5 * (100vw / 1920)); } }
          .certificate-about .container .swiper .swiper-certificate .swiper-wrapper .swiper-slide .slide-wrap .title p.main {
            font-weight: bold;
            text-align: center;
            color: #292929; }
            @media (max-width: 767px) {
              .certificate-about .container .swiper .swiper-certificate .swiper-wrapper .swiper-slide .slide-wrap .title p.main {
                font-size: calc( 18px + 10.2 * ((100vw - 320px) / 1920)); } }
            @media (min-width: 767px) {
              .certificate-about .container .swiper .swiper-certificate .swiper-wrapper .swiper-slide .slide-wrap .title p.main {
                font-size: calc(18px + 6 * (100vw / 1920)); } }
          .certificate-about .container .swiper .swiper-certificate .swiper-wrapper .swiper-slide .slide-wrap a.visual {
            overflow: hidden;
            position: absolute;
            outline: none;
            bottom: -80px;
            right: -50px;
            display: block;
            width: 260px;
            height: 260px;
            border: 2px solid #fff;
            border-radius: 50%;
            -webkit-box-shadow: 0px 4px 19.32px 1.68px rgba(0, 0, 0, 0.11);
                    box-shadow: 0px 4px 19.32px 1.68px rgba(0, 0, 0, 0.11);
            background-size: cover !important;
            background: url("../images/content/documents/example.png");
            background-repeat: no-repeat !important; }
            .certificate-about .container .swiper .swiper-certificate .swiper-wrapper .swiper-slide .slide-wrap a.visual .img-filter {
              background-color: rgba(0, 0, 0, 0.15);
              width: 100%;
              height: 100%; }
            .certificate-about .container .swiper .swiper-certificate .swiper-wrapper .swiper-slide .slide-wrap a.visual .zoom {
              background-size: cover !important;
              background: url("../images/content/about/zoom.png");
              background-repeat: no-repeat !important;
              opacity: 0;
              position: absolute;
              top: 0;
              width: 100%;
              height: 100%;
              background-position: 50% 40% !important;
              background-size: auto !important;
              -webkit-transition: opacity 0.3s;
              -o-transition: opacity 0.3s;
              transition: opacity 0.3s; }
            .certificate-about .container .swiper .swiper-certificate .swiper-wrapper .swiper-slide .slide-wrap a.visual:hover .zoom {
              opacity: 1; }
      .certificate-about .container .swiper .swiper-certificate-button {
        position: absolute;
        cursor: pointer;
        outline: none;
        background-size: cover !important;
        background: url("../images/content/about/arrow.png");
        background-repeat: no-repeat !important;
        width: 66px;
        height: 88px;
        left: -90px;
        top: 50%;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%); }
        @media only screen and (max-width: 800px) {
          .certificate-about .container .swiper .swiper-certificate-button {
            left: -40px;
            width: 36px;
            height: 48px; } }
        .certificate-about .container .swiper .swiper-certificate-button.swiper-certificate-button-next {
          -webkit-transform: scale(-1, 1) translateY(-50%);
              -ms-transform: scale(-1, 1) translateY(-50%);
                  transform: scale(-1, 1) translateY(-50%);
          left: auto;
          right: -90px; }
          @media only screen and (max-width: 800px) {
            .certificate-about .container .swiper .swiper-certificate-button.swiper-certificate-button-next {
              right: -40px;
              width: 36px;
              height: 48px; } }

.team-about {
  background-color: #fff;
  position: relative;
  padding: 90px 0; }
  @media only screen and (max-width: 676px) {
    .team-about {
      padding: 40px 0; } }
  .team-about .container {
    position: relative;
    z-index: 2; }
    @media only screen and (max-width: 1200px) {
      .team-about .container {
        padding: 0 100px;
        max-width: unset; } }
    @media only screen and (max-width: 800px) {
      .team-about .container {
        padding: 0 40px; } }
    .team-about .container .team__title {
      text-align: center;
      margin-bottom: 20px; }
      .team-about .container .team__title h2 {
        text-transform: uppercase;
        font-weight: bold;
        color: #333333;
        margin-bottom: 20px; }
        @media (max-width: 767px) {
          .team-about .container .team__title h2 {
            font-size: calc( 22px + 13.6 * ((100vw - 320px) / 1920)); } }
        @media (min-width: 767px) {
          .team-about .container .team__title h2 {
            font-size: calc(22px + 8 * (100vw / 1920)); } }
      .team-about .container .team__title p {
        font-weight: 300;
        line-height: 1.26;
        color: #292929;
        padding: 0 90px; }
        @media (max-width: 767px) {
          .team-about .container .team__title p {
            font-size: calc( 16px + 5.1 * ((100vw - 320px) / 1920)); } }
        @media (min-width: 767px) {
          .team-about .container .team__title p {
            font-size: calc(16px + 3 * (100vw / 1920)); } }
        @media only screen and (max-width: 800px) {
          .team-about .container .team__title p {
            padding: 0; } }
    .team-about .container .swiper {
      position: relative; }
      .team-about .container .swiper .swiper-team .swiper-wrapper .swiper-slide .slide-wrap {
        text-align: center; }
        .team-about .container .swiper .swiper-team .swiper-wrapper .swiper-slide .slide-wrap .photo {
          -webkit-filter: grayscale(1);
                  filter: grayscale(1);
          background-size: cover !important;
          background-repeat: no-repeat !important;
          background-position: top !important;
          height: 480px;
          -webkit-transition: all 0.2s;
          -o-transition: all 0.2s;
          transition: all 0.2s; }
          .team-about .container .swiper .swiper-team .swiper-wrapper .swiper-slide .slide-wrap .photo:hover {
            -webkit-filter: grayscale(0);
                    filter: grayscale(0); }
          @media only screen and (max-width: 650px) {
            .team-about .container .swiper .swiper-team .swiper-wrapper .swiper-slide .slide-wrap .photo {
              height: 400px; } }
        .team-about .container .swiper .swiper-team .swiper-wrapper .swiper-slide .slide-wrap .title {
          margin-top: 20px; }
          .team-about .container .swiper .swiper-team .swiper-wrapper .swiper-slide .slide-wrap .title p {
            margin: 0 auto;
            width: 280px;
            font-weight: 500;
            text-align: center;
            color: #4d4d4d; }
            @media (max-width: 767px) {
              .team-about .container .swiper .swiper-team .swiper-wrapper .swiper-slide .slide-wrap .title p {
                font-size: calc( 14px + 8.5 * ((100vw - 320px) / 1920)); } }
            @media (min-width: 767px) {
              .team-about .container .swiper .swiper-team .swiper-wrapper .swiper-slide .slide-wrap .title p {
                font-size: calc(14px + 5 * (100vw / 1920)); } }
          .team-about .container .swiper .swiper-team .swiper-wrapper .swiper-slide .slide-wrap .title .name {
            margin: 0 auto;
            font-weight: bold;
            line-height: 1;
            color: #4d4d4d; }
            @media (max-width: 767px) {
              .team-about .container .swiper .swiper-team .swiper-wrapper .swiper-slide .slide-wrap .title .name {
                font-size: calc( 18px + 8.5 * ((100vw - 320px) / 1920)); } }
            @media (min-width: 767px) {
              .team-about .container .swiper .swiper-team .swiper-wrapper .swiper-slide .slide-wrap .title .name {
                font-size: calc(18px + 5 * (100vw / 1920)); } }
      .team-about .container .swiper .swiper-team-button {
        position: absolute;
        cursor: pointer;
        outline: none;
        background-size: cover !important;
        background: url("../images/content/about/arrow.png");
        background-repeat: no-repeat !important;
        width: 66px;
        height: 88px;
        left: -90px;
        top: 50%;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%); }
        @media only screen and (max-width: 800px) {
          .team-about .container .swiper .swiper-team-button {
            left: -40px;
            width: 36px;
            height: 48px; } }
        .team-about .container .swiper .swiper-team-button.swiper-team-button-next {
          -webkit-transform: scale(-1, 1) translateY(-50%);
              -ms-transform: scale(-1, 1) translateY(-50%);
                  transform: scale(-1, 1) translateY(-50%);
          left: auto;
          right: -90px; }
          @media only screen and (max-width: 800px) {
            .team-about .container .swiper .swiper-team-button.swiper-team-button-next {
              right: -40px;
              width: 36px;
              height: 48px; } }

.portfolio-page {
  position: relative;
  background-color: #fff;
  background-position: 0 14% !important; }
  .portfolio-page .bg__img {
    width: 15%;
    position: absolute; }
    @media screen and (max-width: 1100px) {
      .portfolio-page .bg__img {
        display: none; } }
    .portfolio-page .bg__img.bg__img-1 {
      left: 0;
      top: 50%; }
    .portfolio-page .bg__img.bg__img-2 {
      right: 0;
      bottom: -10%; }
  .portfolio-page .container {
    padding: 30px 95px 0; }
    @media screen and (max-width: 1000px) {
      .portfolio-page .container {
        padding: 30px 65px 0; } }
    @media screen and (max-width: 766px) {
      .portfolio-page .container {
        padding: 30px 15px 0; } }
    .portfolio-page .container .portfolio__title {
      margin-bottom: 30px; }
      .portfolio-page .container .portfolio__title a {
        font-size: 15px;
        font-weight: 300;
        text-align: left;
        color: #000000; }
        .portfolio-page .container .portfolio__title a:first-child:after {
          content: ">";
          margin: 0 5px; }
    .portfolio-page .container .filters {
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding-bottom: 20px; }
      .portfolio-page .container .filters .all {
        cursor: pointer;
        min-width: 120px;
        -webkit-box-flex: 0;
            -ms-flex: 0 0 24%;
                flex: 0 0 24%;
        padding: 5px 0;
        margin-right: 10px;
        font-size: 16px;
        font-weight: normal;
        text-align: center;
        color: #626161;
        -webkit-box-shadow: 0 0 3.7px 0.3px rgba(0, 0, 0, 0.11);
                box-shadow: 0 0 3.7px 0.3px rgba(0, 0, 0, 0.11);
        background-color: #ffffff;
        border: solid 1px #48b6ed;
        -webkit-transition: border-color 0.2s;
        -o-transition: border-color 0.2s;
        transition: border-color 0.2s; }
        .portfolio-page .container .filters .all:hover, .portfolio-page .container .filters .all.active, .portfolio-page .container .filters .all:focus {
          border-color: #48b6ed; }
      .portfolio-page .container .filters .swiper {
        width: 100%; }
        .portfolio-page .container .filters .swiper .swiper-filter .swiper-slide {
          cursor: pointer;
          text-align: center;
          width: 176px;
          margin-bottom: 5px;
          padding: 5px 0;
          font-size: 16px;
          font-weight: normal;
          text-align: center;
          color: #626161;
          -webkit-box-shadow: 0 0 3.7px 0.3px rgba(0, 0, 0, 0.11);
                  box-shadow: 0 0 3.7px 0.3px rgba(0, 0, 0, 0.11);
          background-color: #ffffff;
          border: solid 1px transparent;
          -webkit-transition: border-color 0.2s;
          -o-transition: border-color 0.2s;
          transition: border-color 0.2s; }
          .portfolio-page .container .filters .swiper .swiper-filter .swiper-slide:hover, .portfolio-page .container .filters .swiper .swiper-filter .swiper-slide:focus, .portfolio-page .container .filters .swiper .swiper-filter .swiper-slide.swiper-slide-active {
            border-color: #48b6ed; }
        .portfolio-page .container .filters .swiper .filter-button-next {
          top: 30%;
          outline: none;
          right: -60px;
          -webkit-transform: rotate(-135deg);
              -ms-transform: rotate(-135deg);
                  transform: rotate(-135deg); }
          .portfolio-page .container .filters .swiper .filter-button-next div {
            padding: 11px;
            background-color: #fff;
            border-radius: 50%;
            border: 1px solid #000; }
          .portfolio-page .container .filters .swiper .filter-button-next:after {
            position: absolute;
            -webkit-transform: translate(10%, -10%);
                -ms-transform: translate(10%, -10%);
                    transform: translate(10%, -10%);
            content: "";
            width: 10px;
            height: 10px;
            border-bottom: 1px solid #000;
            border-left: 1px solid #000; }
          @media screen and (max-width: 400px) {
            .portfolio-page .container .filters .swiper .filter-button-next {
              display: none; } }
        .portfolio-page .container .filters .swiper .filter-button-prev {
          top: 30%;
          outline: none;
          left: -50px;
          -webkit-transform: rotate(45deg);
              -ms-transform: rotate(45deg);
                  transform: rotate(45deg); }
          .portfolio-page .container .filters .swiper .filter-button-prev div {
            padding: 11px;
            background-color: #fff;
            border-radius: 50%;
            border: 1px solid #000; }
          .portfolio-page .container .filters .swiper .filter-button-prev:after {
            position: absolute;
            -webkit-transform: translate(10%, -10%);
                -ms-transform: translate(10%, -10%);
                    transform: translate(10%, -10%);
            content: "";
            width: 10px;
            height: 10px;
            border-bottom: 1px solid #000;
            border-left: 1px solid #000; }
          @media screen and (max-width: 400px) {
            .portfolio-page .container .filters .swiper .filter-button-prev {
              display: none; } }
    .portfolio-page .container .show__more {
      width: 164px;
      height: 34px;
      background-color: #48b6ed;
      margin: 20px auto;
      font-size: 13px;
      font-weight: normal;
      text-align: center;
      color: #ffffff; }
    .portfolio-page .container .pagination {
      padding: 40px 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      border-top: 1px solid #aba9a9; }
      .portfolio-page .container .pagination button {
        cursor: pointer;
        border: none;
        -webkit-transition: all 0.2s;
        -o-transition: all 0.2s;
        transition: all 0.2s;
        background-color: transparent; }
        .portfolio-page .container .pagination button.to {
          font-size: 15px;
          font-weight: normal;
          color: #363635; }
        .portfolio-page .container .pagination button.prev, .portfolio-page .container .pagination button.next {
          font-size: 17px;
          font-weight: normal;
          color: #363635; }
        .portfolio-page .container .pagination button:hover, .portfolio-page .container .pagination button:focus {
          font-weight: 500;
          color: #48b6ed; }
      .portfolio-page .container .pagination .digit-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 60px;
        margin: 0 10px;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between; }
        .portfolio-page .container .pagination .digit-box a.digit {
          font-size: 17px;
          font-weight: normal;
          color: #363635;
          -webkit-transition: all 0.2s;
          -o-transition: all 0.2s;
          transition: all 0.2s; }
          .portfolio-page .container .pagination .digit-box a.digit.active, .portfolio-page .container .pagination .digit-box a.digit:hover, .portfolio-page .container .pagination .digit-box a.digit:focus {
            -webkit-transform: scale(1.3);
                -ms-transform: scale(1.3);
                    transform: scale(1.3);
            font-weight: 500;
            color: #48b6ed; }

.portfolio-page-card .wrap-cards .card-wrap .card {
  width: 254px;
  height: 330px; }
  .portfolio-page-card .wrap-cards .card-wrap .card .card-info h3 {
    font-size: 20px; }
  .portfolio-page-card .wrap-cards .card-wrap .card .card-info p {
    font-size: 16px; }

    .articles .container .pagination .digit-box,
    .portfolio-page .container .pagination .digit-box {
      width: auto;
    }

.button.quiz-home__button
{
  margin-top: 15px;
  margin-right: auto;
  margin-left: auto;
  font-size: 14px;
  font-weight: 400;
}

.services .container .services__title h1, .reviews .container .reviews-wrapper .reviews__title h2, .reviews .container .reviews-wrapper .reviews__title .__p_title
{
  text-transform: uppercase;
  font-weight: bold;
  text-align: center;
  color: #333333;
  margin-bottom: 20px;
  font-size: calc(22px + 8 * (100vw / 1920));
}

.intro-about .container .about__title h1,
.intro .container .intro__title h1,
.intro-cases .container .intro__title h1,
.intro-articles .container .intro__title h1,
.intro-faq .container .intro__title h1,
.intro-contacts .container .intro__title h1
{
  text-transform: uppercase;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #383737;
  font-size: calc(22px + 8 * (100vw / 1920));
}

.service .container .offer .offer-title .__p_offer-title
{
  text-transform: uppercase;
  font-size: 19px;
  line-height: 20px;
  font-weight: 500;
  color: #292929;
  margin-bottom: 5px;
}

.category .container .swiper .swiper-category .swiper-slide .slide-title .__p_slide-title
{
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  color: #333333;
  margin-bottom: 5px;
  font-size: calc(20px + 10 * (100vw / 1920));
}

.service .container .swiper .service-swiper .swiper-slide .title h2
{
  overflow: hidden;
  font-size: 14.5px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #000000;
}

.articles .container .main__title > h2
{
  font-weight: bold;
  font-size: 17px;
}

.faq .container .faq__title h3
{
  text-transform: uppercase;
  font-weight: bold;
  color: #333333;
  text-align: center;
  margin-bottom: 20px;
  font-size: calc(22px + 8 * (100vw / 1920));
}

.faq .container .faq-tab .title.active .__p_question-title
{
  position: relative;
  margin-right: 10px;
  z-index: 1;
  font-weight: 500;
  letter-spacing: 0.48px;
  text-align: left;
  color: #363635;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  font-size: calc(16px + 3 * (100vw / 1920));
  color: #fff;
}

.feedback .container .form .__p_feedback-title
{
  text-transform: uppercase;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #333333;
  margin-bottom: 30px;
  font-size: calc(22px + 10 * (100vw / 1920));
}

.advantages .container .advantages__wrap .advantages-item .item-title .__p_adventage-item
{
  display: inline-block;
  font-weight: 500;
  color: #292929;
  position: relative;
  z-index: 2;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  font-size: calc(16px + 3 * (100vw / 1920));
  opacity: 1;
}

.advantages .container .advantages__wrap .advantages-item:hover .item-title .__p_adventage-item,
.advantages .container .advantages__wrap .advantages-item:focus .item-title .__p_adventage-item
{
  color: #fff;
}

.portfolio .container .portfolio__title .__p_portfolio-title
{
  text-transform: uppercase;
  font-weight: bold;
  color: #333333;
  margin-bottom: 20px;
  font-size: calc(22px + 8 * (100vw / 1920));
}

.card-info .__p_portfolio-cart
{
  text-transform: uppercase;
  font-size: 18px;
  font-weight: bold;
  color: #ffffff;
}