html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5,
h6, p, blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small,
strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt,
dd, ol, ul, li, fieldset, form, label, legend, table, caption,
tbody, tfoot, thead, tr, th, td, article, aside, canvas, details,
embed, figure, figcaption, footer, header, hgroup, menu, nav,
output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}

html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

img, fieldset, a img {
  border: none;
}

input[type="text"],
input[type="email"],
input[type="tel"],
textarea {
  -webkit-appearance: none;
}

input[type="submit"],
button {
  cursor: pointer;
}

input[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

textarea {
  overflow: auto;
}

input, button {
  margin: 0;
  padding: 0;
  border: 0;
}

div, input, textarea, select, button,
h1, h2, h3, h4, h5, h6, a, span, a:focus {
  outline: none;
}

ul, ol {
  list-style-type: none;
}

table {
  border-spacing: 0;
  border-collapse: collapse;
  width: 100%;
}

html {
  box-sizing: border-box;
}

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

@media (prefers-reduced-motion: reduce) {
  * {
    transition: none !important;
  }
}

@font-face {
  font-family: 'Jost';
  src: url("../fonts/Jost-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Jost';
  src: url("../fonts/Jost-Regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Jost';
  src: url("../fonts/Jost-Bold.woff2") format("woff2");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Jost';
  src: url("../fonts/Jost-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

html,
body {
  height: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-overflow-scrolling: touch;
  text-rendering: optimizelegibility;
  -webkit-font-feature-settings: "liga" 1;
  -moz-font-feature-settings: "liga" 1;
  -ms-font-feature-settings: "liga" 1;
  font-feature-settings: "liga" 1;
}

body {
  margin: 0;
  font-family: 'Jost', sans-serif;
  background-color: #fff;
  min-width: 320px;
  overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5 {
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
}

a [x-apple-data-detectors] {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  text-decoration: none;
  color: inherit;
}

input[required]:-moz-ui-invalid,
textarea[required]:-moz-ui-invalid {
  box-shadow: none;
}

textarea {
  max-width: 100%;
}

button {
  margin: 0;
  padding: 0;
  border: none;
  background-color: transparent;
  cursor: pointer;
}

.container {
  margin: 0 auto;
  max-width: 1150px;
  padding: 0 20px;
}

@font-face {
  font-family: 'swiper-icons';
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
  font-weight: 400;
  font-style: normal;
}

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

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-pointer-events {
  touch-action: pan-y;
}

.swiper-pointer-events.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

/* 3D Effects */

.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-wrapper,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

/* CSS Mode */

.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-vertical.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

.swiper-centered > .swiper-wrapper::before {
  content: '';
  flex-shrink: 0;
  order: 9999;
}

.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  width: var(--swiper-centered-offset-after);
}

.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  height: var(--swiper-centered-offset-after);
}

.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
}

.lb-loader, .lightbox {
  text-align: center;
  line-height: 0;
  position: absolute;
  left: 0;
}

body.lb-disable-scrolling {
  overflow: hidden;
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: #000;
  filter: alpha(Opacity=80);
  opacity: .8;
  display: none;
}

.lightbox {
  width: 100%;
  z-index: 10000;
  font-weight: 400;
  outline: 0;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  max-height: none;
  border-radius: 3px;
  border: 4px solid #fff;
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  border-radius: 4px;
  background-color: #fff;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-loader {
  top: 43%;
  height: 25%;
  width: 100%;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(../../images/loading.gif) no-repeat;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: 0;
  background-image: url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==);
}

.lb-next, .lb-prev {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(../../images/prev.png) left 48% no-repeat;
  filter: alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity .6s;
  -moz-transition: opacity .6s;
  -o-transition: opacity .6s;
  transition: opacity .6s;
}

.lb-nav a.lb-prev:hover {
  filter: alpha(Opacity=100);
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(../../images/next.png) right 48% no-repeat;
  filter: alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity .6s;
  -moz-transition: opacity .6s;
  -o-transition: opacity .6s;
  transition: opacity .6s;
}

.lb-nav a.lb-next:hover {
  filter: alpha(Opacity=100);
  opacity: 1;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  width: 100%;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: 700;
  line-height: 1em;
}

.lb-data .lb-caption a {
  color: #4ae;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999;
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(../../images/close.png) top right no-repeat;
  text-align: right;
  outline: 0;
  filter: alpha(Opacity=70);
  opacity: .7;
  -webkit-transition: opacity .2s;
  -moz-transition: opacity .2s;
  -o-transition: opacity .2s;
  transition: opacity .2s;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: alpha(Opacity=100);
  opacity: 1;
}

.button-blue {
  background-color: #7CAFF4;
  border-radius: 32px;
  display: inline-block;
  width: 100%;
  text-decoration: none;
  font-family: 'Jost';
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 1;
  text-align: center;
  color: #fff;
  padding: 12px 15px;
  transition-property: background-color;
  transition-duration: .3s;
}

.button-blue:hover {
  background-color: #1a65ca;
}

.button-yellow, .card__action {
  background-color: #FFE98A;
  border-radius: 32px;
  display: inline-block;
  width: 100%;
  text-decoration: none;
  font-family: 'Jost';
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 1;
  text-align: center;
  color: #333;
  padding: 12px 15px;
  transition-property: background-color;
  transition-duration: .3s;
}

.button-yellow:hover, .card__action:hover {
  background-color: #e0b30f;
}

.button-yellow.lg, .lg.card__action {
  font-size: 24px;
  font-weight: 700;
  padding: 19px 15px;
  text-transform: uppercase;
}

.button-green {
  background-color: #11B493;
  border-radius: 32px;
  display: inline-block;
  width: 100%;
  text-decoration: none;
  font-family: 'Jost';
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 1;
  text-align: center;
  color: #fff;
  padding: 12px 15px;
  transition-property: background-color;
  transition-duration: .3s;
}

.button-green.lg {
  padding: 21px 15px;
  font-size: 24px;
  font-weight: 700;
  text-transform: uppercase;
}

.button-green.md {
  padding: 18px 15px;
  font-size: 24px;
  font-weight: 700;
  text-transform: uppercase;
}

.button-green:hover {
  background-color: #0e9479;
}

.button-white {
  background-color: #fff;
  border-radius: 32px;
  display: inline-block;
  width: 100%;
  text-decoration: none;
  font-family: 'Jost';
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
  color: #11B493;
  padding: 22px 15px;
  transition-property: opacity;
  transition-duration: .3s;
}

.button-white.lg {
  font-size: 24px;
  font-weight: 700;
  padding: 19px 15px;
  text-transform: uppercase;
}

.button-white:hover {
  opacity: .8;
}

.button-dark {
  background-color: #333;
  border-radius: 32px;
  display: inline-block;
  width: 100%;
  text-decoration: none;
  font-family: 'Jost';
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 1;
  text-align: center;
  color: #fff;
  padding: 12px 15px;
  transition-property: background-color;
  transition-duration: .3s;
}

.button-dark.lg {
  font-size: 24px;
  font-weight: 700;
  padding: 19px 15px;
  text-transform: uppercase;
}

.button-dark:hover {
  background-color: #1a65ca;
}

.button-grey {
  background-color: #F8F8F8;
  border-radius: 32px;
  display: inline-block;
  width: 100%;
  text-decoration: none;
  font-family: 'Jost';
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 1;
  text-align: center;
  color: #333;
  padding: 12px 15px;
  transition-property: background-color, color;
  transition-duration: .3s;
}

.button-grey.lg {
  font-size: 24px;
  font-weight: 700;
  padding: 19px 15px;
  text-transform: uppercase;
}

.button-grey:hover {
  background-color: #333;
  color: #fff;
}

.main {
  position: relative;
  padding-top: 39px;
}

h1 {
  display: block;
  font-style: normal;
  font-weight: 600;
  font-size: 48px;
  line-height: 1.2;
}

@media only screen and (max-width: 767px) {
  h1 {
    font-size: 36px;
  }
}

@media only screen and (max-width: 400px) {
  h1 {
    font-size: 32px;
  }
}

h1.lg {
  font-size: 60px;
}

@media only screen and (max-width: 767px) {
  h1.lg {
    font-size: 42px;
  }
}

@media only screen and (max-width: 400px) {
  h1.lg {
    font-size: 36px;
  }
}

h2 {
  display: block;
  font-style: normal;
  font-weight: 900;
  font-size: 24px;
  line-height: 1.2;
}

@media only screen and (max-width: 767px) {
  h2 {
    font-size: 22px;
  }
}

h2.lg {
  font-size: 36px;
}

@media only screen and (max-width: 1023px) {
  h2.lg {
    font-size: 32px;
  }
}

@media only screen and (max-width: 767px) {
  h2.lg {
    font-size: 26px;
  }
}

strong {
  display: block;
  font-style: normal;
  font-weight: bold;
  font-size: 24px;
  line-height: 1.4;
  color: #333;
}

@media only screen and (max-width: 1023px) {
  strong {
    font-size: 22px;
  }
}

@media only screen and (max-width: 767px) {
  strong {
    font-size: 20px;
  }
}

p {
  display: block;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 1.4;
  color: #333;
}

@media only screen and (max-width: 1023px) {
  p {
    font-size: 17px;
  }
}

@media only screen and (max-width: 767px) {
  p {
    font-size: 16px;
  }
}

p.lg {
  font-size: 24px;
}

@media only screen and (max-width: 1023px) {
  p.lg {
    font-size: 22px;
  }
}

@media only screen and (max-width: 767px) {
  p.lg {
    font-size: 20px;
  }
}

.text-medium {
  font-weight: 500;
}

.color-white {
  color: #fff;
}

.color-yellow {
  color: #FED130;
}

.color-black {
  color: #333;
}

.color-grey {
  color: #828282;
}

.color-grey2 {
  color: rgba(51, 51, 51, 0.8);
}

.color-green {
  color: #11B493;
}

.color-blue {
  color: #7CAFF4;
}

.text-uppercase {
  text-transform: uppercase;
}

.field-input {
  display: block;
  padding: 0 16px;
  width: 100%;
  height: 42px;
  border: none;
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: 32px;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 1;
  color: #fff;
  font-family: 'Jost';
}

.field-input::placeholder {
  color: #fff;
  opacity: 0.7;
}

.field-input.placeholder-white::placeholder {
  opacity: 1;
}

.field-input.theme-grey {
  background-color: #fff;
  color: #333;
}

.field-input.theme-grey::placeholder {
  color: #333;
  opacity: .7;
}

.field-input.border-green {
  border: 1px solid #11B493;
  height: 60px;
  padding: 0 30px;
  color: #11B493;
}

.field-input.border-green::placeholder {
  color: #11B493;
  opacity: 1;
}

.field-input.border-grey {
  border: 1px solid #333;
  height: 60px;
  padding: 0 30px;
  color: #333;
}

.field-input.border-grey::placeholder {
  color: #c4c4c4;
  opacity: 1;
}

.field-input.border-dark {
  border: 1px solid #E0E0E0;
  height: 60px;
  padding: 0 30px;
  color: #333;
}

.field-input.border-dark::placeholder {
  color: #333;
  opacity: 1;
}

.field-input.bg-white {
  background-color: #fff;
  color: #333;
}

.field-input.bg-white::placeholder {
  opacity: 0.7;
  color: #333;
}

.field-textarea {
  display: block;
  padding: 10px 20px;
  width: 100%;
  height: 240px;
  border: none;
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: 22px;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 1;
  color: #fff;
  font-family: 'Jost';
  resize: none;
}

.field-textarea::placeholder {
  color: #fff;
  opacity: 0.7;
}

.field-textarea.placeholder-white::placeholder {
  opacity: 1;
}

.field-textarea.bg-white {
  background-color: #fff;
  color: #333;
}

.field-textarea.bg-white::placeholder {
  color: #333;
  opacity: 0.7;
}

.field-textarea.min {
  height: 150px;
}

.field-textarea.theme-grey {
  background-color: #fff;
  color: #333;
}

.field-textarea.theme-grey::placeholder {
  color: #333;
  opacity: .7;
}

.field-checkbox {
  cursor: pointer;
  display: flex !important;
  align-items: flex-start;
  padding-left: 0 !important;
}

.field-checkbox input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
}

.field-checkbox input:checked ~ .field-checkbox__mark {
  background-color: #333;
}

.field-checkbox__mark {
  width: 18px;
  height: 18px;
  border: 2px solid #333;
  border-radius: 5px;
  flex: 0 0 auto;
}

.field-checkbox__title {
  flex: 1 1 auto;
  padding-left: 10px;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 1.3;
  color: #828282;
}

@media only screen and (max-width: 500px) {
  .field-checkbox__title {
    font-size: 16px;
  }
}

.pagination {
  display: flex;
  align-items: center;
  justify-content: center;
}

.pagination a {
  display: inline-block;
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 40px;
  text-align: center;
  color: #333;
  width: 40px;
  height: 40px;
  margin: 0 6px;
  border-radius: 50%;
  transition-property: background-color, color;
  transition-duration: .3s;
}

.pagination a.is-active, .pagination a:hover {
  background-color: #FFE98A;
  color: #333;
}

.pagination a.next {
  margin-left: 16px;
  width: 24px;
  height: 26px;
  background-image: url("../images/icon-next.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.pagination a.next:hover {
  background-color: transparent;
  transform: translateX(5px);
  transition-property: transform;
  transition-duration: .3s;
}

.overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 15;
  background-color: rgba(0, 0, 0, 0.7);
}

.modal {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 770px;
  background-color: #fff;
  border-radius: 20px;
  padding: 40px 20px;
  z-index: 20;
  max-height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}

@media only screen and (max-width: 820px) {
  .modal {
    width: 100%;
  }
}

.modal__close {
  position: absolute;
  top: 50px;
  right: 20px;
  width: 32px;
  height: 32px;
  background-image: url("../images/icon-close.svg");
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
  z-index: 1;
  transition-property: opacity;
  transition-duration: .3s;
}

.modal__close:hover {
  opacity: .8;
}

@media only screen and (max-width: 1023px) {
  .modal__close {
    top: 20px;
  }
}

.header {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
}

@media only screen and (max-width: 1023px) {
  .header {
    background-color: #fff;
  }
}

.header__top {
  background-color: #fff;
}

.header__top .header__content {
  padding: 8px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.header__inner {
  display: flex;
  align-items: center;
}

@media only screen and (max-width: 600px) {
  .header__inner:nth-child(2) {
    flex-direction: column;
    align-items: flex-end;
  }
}

@media only screen and (max-width: 400px) {
  .header__inner:nth-child(1) {
    flex-direction: column;
    align-items: flex-start;
  }
}

.header__languages {
  display: flex;
  align-items: center;
}

.header__languages li {
  display: inline-block;
  margin-right: 8px;
}

.header__languages li:last-child {
  margin-right: 0;
}

.header__languages li a {
  display: inline-block;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 1;
  color: #000;
  transition-property: color;
  transition-duration: .3s;
}

.header__languages li a:hover {
  color: #0C6DFF;
}

.header__social {
  display: flex;
  align-items: center;
  margin-left: 16px;
}

@media only screen and (max-width: 400px) {
  .header__social {
    margin: 3px 0 0 0;
  }
}

.header__social li {
  display: inline-block;
  margin-right: 8px;
  font-size: 0;
}

.header__social li:last-child {
  margin-right: 0;
}

.header__social li a.youtube svg path {
  transition-property: fill;
  transition-duration: .3s;
}

.header__social li a.youtube:hover svg path {
  fill: #FF0000;
}

.header__social li a.facebook svg path {
  transition-property: fill;
  transition-duration: .3s;
}

.header__social li a.facebook:hover svg path {
  fill: #0A80EC;
}

.header__social li a.instagram svg path:nth-child(1), .header__social li a.instagram svg path:nth-child(2) {
  transition-property: fill, stroke;
  transition-duration: .3s;
}

.header__social li a.instagram:hover svg path:nth-child(1), .header__social li a.instagram:hover svg path:nth-child(2) {
  fill: #BB358B;
  stroke: #BB358B;
}

.header__email {
  display: inline-block;
  padding-left: 23px;
  position: relative;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 1;
  color: #000;
  transition-property: color;
  transition-duration: .3s;
}

@media only screen and (max-width: 600px) {
  .header__email {
    margin-bottom: 8px;
  }
}

.header__email:hover {
  color: #0C6DFF;
}

.header__email::before {
  position: absolute;
  content: '';
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 15px;
  height: 12px;
  background-image: url("../images/icon-email.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.header__phone {
  display: inline-block;
  margin-left: 20px;
  padding-left: 19px;
  position: relative;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 1;
  color: #000;
  transition-property: color;
  transition-duration: .3s;
}

.header__phone:hover {
  color: #0C6DFF;
}

.header__phone::before {
  position: absolute;
  content: '';
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 11px;
  height: 12px;
  background-image: url("../images/icon-phone.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

@media only screen and (max-width: 1023px) {
  .header__bottom {
    position: relative;
  }
}

.header__bottom .header__content {
  padding: 18px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.header__nav {
  display: flex;
  align-items: center;
  flex: 1 1 auto;
}

@media only screen and (max-width: 1023px) {
  .header__nav {
    position: absolute;
    top: 100%;
    left: -20px;
    transform: translateX(-100%);
    width: calc(100% + 40px);
    background-color: #fff;
    padding: 20px;
    display: block;
    transition-property: transform;
    transition-duration: .4s;
  }
  .header__nav.is-open {
    transform: translateX(0);
  }
}

.header__logo {
  display: inline-block;
}

@media only screen and (max-width: 1023px) {
  .header__logo {
    display: block;
    margin: 0 auto;
  }
}

.header__logo img {
  display: inline-block;
  max-width: 122px;
  width: 100%;
  transition-property: opacity;
  transition-duration: .3s;
}

@media only screen and (max-width: 1200px) {
  .header__logo img {
    max-width: 100px;
  }
}

@media only screen and (max-width: 1023px) {
  .header__logo img.logo-desk {
    display: none;
  }
}

.header__logo img.logo-mob {
  display: none;
}

@media only screen and (max-width: 1023px) {
  .header__logo img.logo-mob {
    display: block;
  }
}

.header__logo:hover img {
  opacity: .7;
}

.header__menu {
  display: flex;
  align-items: center;
  margin: 0 auto;
}

@media only screen and (max-width: 1023px) {
  .header__menu {
    display: block;
  }
}

.header__menu > li {
  position: relative;
  display: inline-block;
  margin: 0 12px;
}

@media only screen and (max-width: 1200px) {
  .header__menu > li {
    margin: 0 6px;
  }
}

.header__menu > li:first-child {
  margin: 0 12px 0 0;
}

@media only screen and (max-width: 1200px) {
  .header__menu > li:first-child {
    margin-right: 6px;
  }
}

.header__menu > li:last-child {
  margin: 0 0 0 12px;
}

@media only screen and (max-width: 1200px) {
  .header__menu > li:last-child {
    margin-left: 6px;
  }
}

.header__menu > li:hover > svg {
  transform: rotate3d(1, 0, 0, 180deg);
}

.header__menu > li:hover > ul {
  top: calc(100% + 6px);
  opacity: 1;
  visibility: visible;
}

@media only screen and (max-width: 1100px) {
  .header__menu > li {
    margin: 0 6px;
  }
}

@media only screen and (max-width: 1023px) {
  .header__menu > li {
    display: block;
    text-align: center;
    margin: 15px 0;
  }
}

.header__menu > li span {
  display: inline-block;
  cursor: pointer;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 1;
  color: #fff;
  border-bottom: 1px solid transparent;
  transition-property: border-bottom-color;
  transition-duration: .3s;
}

@media only screen and (max-width: 1023px) {
  .header__menu > li span {
    color: #333;
    font-size: 22px;
  }
}

.header__menu > li span:hover {
  border-bottom-color: #fff;
}

.header__menu > li a {
  display: inline-block;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 1;
  color: #fff;
  border-bottom: 1px solid transparent;
  transition-property: border-bottom-color;
  transition-duration: .3s;
}

@media only screen and (max-width: 1023px) {
  .header__menu > li a {
    color: #333;
    font-size: 22px;
  }
}

.header__menu > li a:hover {
  border-bottom-color: #fff;
}

.header__menu > li svg {
  transition: all .3s ease 0s;
}

@media only screen and (max-width: 1023px) {
  .header__menu > li svg path {
    fill: #333;
  }
}

.header__menu > li ul {
  position: absolute;
  top: 100%;
  left: 50%;
  width: max-content;
  padding: 20px;
  background: #f3f7fb;
  opacity: 0;
  z-index: 2;
  visibility: hidden;
  transform: translateX(-50%);
  transition: all .3s ease 0s;
}

.header__menu > li ul::before {
  content: '';
  position: absolute;
  bottom: 100%;
  left: 50%;
  border-width: 0 8px 6px;
  border-style: solid;
  border-color: transparent transparent #f3f7fb;
  transform: translateX(-50%);
}

.header__menu > li ul li:not(:last-child) {
  margin: 0 0 10px;
}

.header__menu > li ul li a {
  color: #333;
}

.header__menu > li ul li a:hover {
  border-bottom-color: #333;
}

.header__actions {
  display: flex;
  align-items: center;
}

@media only screen and (max-width: 1023px) {
  .header__actions {
    justify-content: center;
    margin-top: 30px;
  }
}

@media only screen and (max-width: 500px) {
  .header__actions {
    display: block;
  }
}

.header__actions * {
  max-width: 170px;
  min-width: 160px;
  margin-left: 10px;
  width: 100%;
}

@media only screen and (max-width: 500px) {
  .header__actions * {
    display: block;
    margin: 10px auto 0 auto !important;
  }
}

.header__actions *:first-child {
  margin-left: 0;
}

.header__burger {
  display: none;
  position: absolute;
  width: 30px;
  height: 30px;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}

@media only screen and (max-width: 1023px) {
  .header__burger {
    display: block;
  }
}

.header__burger::before {
  position: absolute;
  content: '';
  background-color: #333;
  width: 20px;
  height: 2px;
  top: 7px;
  left: 5px;
  transition-property: transform;
  transition-duration: .3s;
}

.header__burger span {
  position: absolute;
  content: '';
  background-color: #333;
  width: 20px;
  height: 2px;
  top: 50%;
  transform: translateY(-50%);
  left: 5px;
  transition-property: opacity;
  transition-duration: .3s;
}

.header__burger::after {
  position: absolute;
  content: '';
  background-color: #333;
  width: 20px;
  height: 2px;
  bottom: 7px;
  left: 5px;
  transition-property: transform;
  transition-duration: .3s;
}

.header__burger.is-open span {
  opacity: 0;
}

.header__burger.is-open::before {
  transform: translate(0, 6px) rotate(45deg);
}

.header__burger.is-open::after {
  transform: translate(0, -8px) rotate(-45deg);
}

.hero {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.hero__top {
  position: relative;
}

.hero__top::before {
  position: absolute;
  content: '';
  width: 100%;
  height: 20%;
  top: 0;
  left: 0;
  background: linear-gradient(to right, #3a477c 5%, #164d4d 80%);
  filter: blur(240px);
}

.hero__top::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(84, 84, 84, 0.3);
}

.hero__top .hero__content {
  padding: 190px 0 145px 0;
  position: relative;
  z-index: 2;
}

@media only screen and (max-width: 1440px) {
  .hero__top .hero__content {
    padding: 140px 0 80px 0;
  }
}

@media only screen and (max-width: 767px) {
  .hero__top .hero__content {
    padding: 180px 0 80px 0;
  }
}

.hero__title {
  margin: 0 auto;
  max-width: 580px;
  line-height: 1.4;
}

@media only screen and (max-width: 767px) {
  .hero__title {
    text-align: center;
  }
}

.hero__title span {
  background-color: #7CAFF4;
  padding: 0 5px;
  line-height: 1;
}

.hero__bottom {
  display: flex;
  align-items: stretch;
  background: rgba(124, 175, 244, 0.9);
}

@media only screen and (max-width: 1200px) {
  .hero__bottom {
    display: block;
  }
}

.hero__lside {
  padding: 60px 70px 60px;
  flex: 0 0 auto;
  width: 55%;
  display: flex;
  justify-content: flex-end;
}

@media only screen and (max-width: 1200px) {
  .hero__lside {
    width: 100%;
    padding: 40px 20px;
    justify-content: center;
  }
}

.hero__lside-content {
  max-width: calc(555px + 5%);
}

.hero__lside-content h2 {
  line-height: 1.7;
}

@media only screen and (max-width: 767px) {
  .hero__lside-content h2 {
    text-align: center;
  }
}

.hero__lside-inners {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin: 30px -25px 0 -25px;
}

@media only screen and (max-width: 767px) {
  .hero__lside-inners {
    flex-wrap: wrap;
    margin: 25px -10px 0 -10px;
  }
}

@media only screen and (max-width: 440px) {
  .hero__lside-inners {
    display: block;
    margin: 20px 0 0 0;
  }
}

.hero__lside-inner {
  padding: 0 25px;
  position: relative;
  min-width: 170px;
  flex: 0 0 auto;
}

@media only screen and (max-width: 767px) {
  .hero__lside-inner {
    flex: 0 0 50%;
    padding: 15px 10px;
  }
}

@media only screen and (max-width: 440px) {
  .hero__lside-inner {
    max-width: 240px;
    text-align: center;
    margin: 0 auto;
  }
}

.hero__lside-inner p {
  max-width: 170px;
}

@media only screen and (max-width: 440px) {
  .hero__lside-inner p {
    max-width: 100%;
  }
}

.hero__lside-number {
  display: block;
  font-style: normal;
  font-weight: bold;
  font-size: 60px;
  line-height: 1.2;
  color: #ffffff;
  white-space: nowrap;
}

.hero__lside-number-plus {
  position: absolute;
  top: -17px;
  right: 25px;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 1.2;
  color: #fff;
}

@media only screen and (max-width: 767px) {
  .hero__lside-number-plus {
    top: 0;
    right: 0;
  }
}

.hero__lside-number-plus span {
  color: #FED130;
}

.hero__rside {
  padding: 60px 70px 60px;
  flex: 0 0 auto;
  width: 45%;
  text-align: center;
}

@media only screen and (max-width: 1200px) {
  .hero__rside {
    width: 100%;
    padding: 40px 20px;
  }
}

.hero__rside-content {
  max-width: calc(555px - 5%);
  padding-top: 40px;
}

@media only screen and (max-width: 1200px) {
  .hero__rside-content {
    margin: 0 auto;
    padding-top: 0;
  }
}

.hero__rside-content .button-yellow, .hero__rside-content .card__action {
  max-width: 290px;
  padding: 22px 0;
  margin: 38px auto 0 auto;
  font-size: 24px;
  font-weight: 700;
  text-transform: uppercase;
}

.card__top {
  position: relative;
  height: 260px;
  border-radius: 1px 1px 0 0;
}

.card__quickly {
  position: absolute;
  top: 20px;
  left: 20px;
  font-style: normal;
  font-weight: bold;
  font-size: 13px;
  line-height: 1;
  text-transform: uppercase;
  color: #fff;
  border-radius: 2px;
  padding: 9px 43px 9px 15px;
  background-color: #EB5757;
  background-image: url("../images/icon-quickly.svg");
  background-repeat: no-repeat;
  background-position: center right 18px;
  z-index: 2;
}

.card__photo {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
  height: 100%;
  border-radius: 1px 1px 0 0;
}

.card__title {
  position: absolute;
  bottom: 40px;
  padding: 0 20px;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 1.2;
  color: #fff;
  z-index: 2;
}

.card__progress {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 4px;
  z-index: 2;
  background: #7caff4;
}

.card__progress-percent {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -20px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  font-style: normal;
  font-weight: bold;
  font-size: 13px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  background: #7caff4;
}

.card__progress-percent span {
  font-size: 10px;
}

.card__bottom {
  padding: 20px 20px 60px 20px;
  border-width: 1px;
  border-style: solid;
  border-color: #E0E0E0;
  border-radius: 0 0 1px 1px;
}

.card__name {
  display: block;
  font-style: normal;
  font-weight: normal;
  font-size: 24px;
  line-height: 1.3;
  color: #333;
}

.card__items {
  margin-top: 20px;
}

.card__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.card__item p:nth-child(1) {
  flex: 1 1 auto;
  padding-right: 20px;
}

.card__item p:nth-child(2) {
  flex: 0 0 auto;
  min-width: 110px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.card__description {
  margin-top: 20px;
}

.card__action {
  border-radius: 32px;
  display: inline-block;
  width: 100%;
  max-width: 154px;
  margin-top: 25px;
  text-decoration: none;
  font-family: 'Jost';
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 1;
  text-align: center;
  padding: 12px 15px;
  transition-property: background-color;
  transition-duration: .3s;
}

.card.green .card__progress {
  background-color: #11B493;
}

.card.green .card__progress-percent {
  background-color: #11B493;
}

.card.green .card__item:first-child p:nth-child(2) {
  color: #11B493;
}

.card.green .card__description span {
  color: #11B493;
}

.card.green .card__action {
  background-color: #11B493;
}

.card.green .card__action:hover {
  background-color: #0e9479;
}

.card.yellow .card__progress {
  background-color: #FED130;
}

.card.yellow .card__progress-percent {
  background-color: #FED130;
}

.card.yellow .card__item:first-child p:nth-child(2) {
  color: #FED130;
}

.card.yellow .card__description span {
  color: #FED130;
}

.card.yellow .card__action {
  background-color: #FED130;
}

.card.yellow .card__action:hover {
  background-color: #e0b30f;
}

.card.blue .card__progress {
  background-color: #2F80ED;
}

.card.blue .card__progress-percent {
  background-color: #2F80ED;
}

.card.blue .card__item:first-child p:nth-child(2) {
  color: #2F80ED;
}

.card.blue .card__description span {
  color: #2F80ED;
}

.card.blue .card__action {
  background-color: #2F80ED;
}

.card.blue .card__action:hover {
  background-color: #1a65ca;
}

.cards-slider__content {
  padding: 100px 0;
}

@media only screen and (max-width: 767px) {
  .cards-slider__content {
    padding: 60px 0;
  }
}

.cards-slider__holder {
  padding-bottom: 50px;
}

.cards-slider__holder .swiper-button-next {
  display: none;
  position: absolute;
  z-index: 2;
  bottom: 0;
  right: calc(50% - 40px);
  width: 24px;
  height: 26px;
  background-image: url("../images/icon-next-grey.svg");
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
  transition-property: opacity;
  transition-duration: .3s;
}

@media only screen and (max-width: 620px) {
  .cards-slider__holder .swiper-button-next {
    display: block;
  }
}

.cards-slider__holder .swiper-button-next.swiper-button-disabled {
  opacity: .5;
}

.cards-slider__holder .swiper-button-next:hover {
  opacity: .7;
}

.cards-slider__holder .swiper-button-prev {
  display: none;
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: calc(50% - 40px);
  transform: rotate(180deg);
  width: 24px;
  height: 26px;
  background-image: url("../images/icon-next-grey.svg");
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
  transition-property: opacity;
  transition-duration: .3s;
}

.cards-slider__holder .swiper-button-prev.swiper-button-disabled {
  opacity: .5;
}

.cards-slider__holder .swiper-button-prev:hover {
  opacity: .7;
}

@media only screen and (max-width: 620px) {
  .cards-slider__holder .swiper-button-prev {
    display: block;
  }
}

.cards-slider__holder .swiper-pagination {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media only screen and (max-width: 620px) {
  .cards-slider__holder .swiper-pagination {
    display: none;
  }
}

.cards-slider__holder .swiper-pagination .swiper-pagination-bullet {
  border: 2px solid #BDBDBD;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  margin: 0 10px;
  cursor: pointer;
  transition-property: background-color;
  transition-duration: .3s;
}

.cards-slider__holder .swiper-pagination .swiper-pagination-bullet:hover, .cards-slider__holder .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #BDBDBD;
}

.help {
  background-color: #F3F7FB;
}

.help__content {
  padding: 60px 0 40px 0;
}

@media only screen and (max-width: 767px) {
  .help__content {
    padding: 60px 0;
  }
}

.help__tabs {
  margin-top: 50px;
}

@media only screen and (max-width: 440px) {
  .help__tabs {
    margin-top: 30px;
  }
}

.help__tabs-buttons {
  display: inline-flex;
  align-items: center;
  background: #E4EDF6;
  border-radius: 50px;
  padding: 6px;
}

@media only screen and (max-width: 1023px) {
  .help__tabs-buttons {
    display: flex;
  }
}

.help__tabs-button {
  flex: 0 0 auto;
  cursor: pointer;
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 1;
  color: #333;
  padding: 23px 20px;
  margin-right: 6px;
  border-radius: 50px;
  transition-property: background-color;
  transition-duration: .3s;
}

@media only screen and (max-width: 1023px) {
  .help__tabs-button {
    padding: 16px;
    font-size: 20px;
    flex: 1 1 auto;
    text-align: center;
  }
}

@media only screen and (max-width: 767px) {
  .help__tabs-button {
    font-size: 16px;
    padding: 12px;
  }
}

@media only screen and (max-width: 440px) {
  .help__tabs-button {
    font-size: 14px;
    padding: 10px 8px;
  }
}

.help__tabs-button:hover, .help__tabs-button.is-open {
  background-color: #fff;
}

.help__tabs-button:last-child {
  margin-right: 0;
}

.help__tabs-contents {
  margin-top: 40px;
}

@media only screen and (max-width: 440px) {
  .help__tabs-contents {
    margin-top: 30px;
  }
}

.help__tabs-content {
  display: none;
}

.help__tabs-content.is-open {
  display: block;
}

.help__inners {
  display: flex;
  align-items: stretch;
  margin: 30px -30px 0 -30px;
}

@media only screen and (max-width: 1023px) {
  .help__inners {
    flex-wrap: wrap;
  }
}

@media only screen and (max-width: 650px) {
  .help__inners {
    display: block;
    margin: 20px 0 0 0;
  }
}

.help__inner {
  flex: 0 0 calc(33.3333333% - 20px);
  margin: 10px;
  padding: 20px 20px 40px 20px;
  transition-property: background-color;
  transition-duration: .3s;
}

@media only screen and (max-width: 1023px) {
  .help__inner {
    flex: 0 0 calc(50% - 20px);
  }
}

@media only screen and (max-width: 650px) {
  .help__inner {
    margin: 20px 0 0 0;
  }
}

.help__inner:hover {
  background-color: #fff;
}

.help__inner p.lg {
  margin-bottom: 20px;
}

.help__inner p:nth-child(2) {
  min-height: 230px;
}

@media only screen and (max-width: 650px) {
  .help__inner p:nth-child(2) {
    min-height: auto;
  }
}

.help__inner.blue p.lg {
  color: #2F80ED;
}

.help__inner.blue .help__action {
  background-color: #2F80ED;
}

.help__inner.blue .help__action:hover {
  background-color: #1a65ca;
}

.help__inner.green p.lg {
  color: #11B493;
}

.help__inner.green .help__action {
  background-color: #11B493;
}

.help__inner.green .help__action:hover {
  background-color: #0e9479;
}

.help__inner.yellow p.lg {
  color: #FAC60C;
}

.help__inner.yellow .help__action {
  background-color: #FED130;
}

.help__inner.yellow .help__action:hover {
  background-color: #e0b30f;
}

.help__action {
  border-radius: 32px;
  display: inline-block;
  width: 100%;
  max-width: 250px;
  margin-top: 30px;
  text-decoration: none;
  font-family: 'Jost';
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
  color: #333;
  padding: 21px 15px;
  transition-property: background-color;
  transition-duration: .3s;
}

.team__content {
  padding: 100px 0;
}

@media only screen and (max-width: 767px) {
  .team__content {
    padding: 60px 0;
  }
}

.team__content strong {
  margin: 0 0 60px;
}

.team__content .button-yellow, .team__content .card__action {
  max-width: 265px;
}

.team__header {
  max-width: 825px;
  margin: 0 0 60px;
}

@media only screen and (max-width: 1200px) {
  .team__header {
    padding: 0 0 30px 0;
    text-align: center;
    max-width: 100%;
  }
}

.team__header p {
  margin-top: 30px;
}

.team__header .button-yellow, .team__header .card__action {
  max-width: 320px;
  margin-top: 38px;
}

.team__members {
  display: flex;
  align-items: flex-start;
  margin: 0 -20px 60px -20px;
  justify-content: center;
  flex-wrap: wrap;
}

@media only screen and (max-width: 550px) {
  .team__members {
    margin: 0 -10px 30px -10px;
  }
}

.team__member {
  width: 100%;
  max-width: 255px;
  text-align: center;
  padding: 20px;
}

@media only screen and (max-width: 1023px) {
  .team__member {
    flex: 0 0 50%;
    max-width: inherit;
  }
}

@media only screen and (max-width: 550px) {
  .team__member {
    padding: 10px;
  }
}

.team__member .color-grey {
  margin: 0 0 10px;
}

.team__member-name {
  font-weight: 600;
}

.team__photo {
  width: 200px;
  height: 200px;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
  margin: 0 auto 40px auto;
}

@media only screen and (max-width: 550px) {
  .team__photo {
    width: 140px;
    height: 140px;
    margin-bottom: 20px;
  }
}

.team__targets {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
  margin: 0 -20px 60px -20px;
}

.team__target {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 20px;
}

.team__target svg {
  margin-right: 30px;
}

.team__target-name {
  font-size: 24px;
  font-weight: 600;
  line-height: 34px;
}

.team__inners {
  display: flex;
  align-items: flex-start;
  margin: 10px -50px 0 -50px;
  flex-wrap: wrap;
}

@media only screen and (max-width: 1023px) {
  .team__inners {
    margin: 10px -20px 0 -20px;
  }
}

@media only screen and (max-width: 767px) {
  .team__inners {
    display: block;
    margin: 20px 0 0 0;
  }
}

.team__inner {
  flex: 0 0 50%;
  padding: 50px;
  display: flex;
  align-items: flex-start;
}

@media only screen and (max-width: 1023px) {
  .team__inner {
    padding: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .team__inner {
    padding: 20px 0 0 0;
  }
}

.team__inner-number {
  flex: 0 0 auto;
  font-style: normal;
  font-weight: bold;
  font-size: 60px;
  line-height: 1;
  padding-top: 10px;
}

@media only screen and (max-width: 767px) {
  .team__inner-number {
    font-size: 48px;
    padding-top: 0;
  }
}

.team__inner-description {
  flex: 1 1 auto;
  padding-left: 20px;
}

@media only screen and (max-width: 767px) {
  .team__inner-description {
    padding-left: 10px;
  }
}

.team__inner-link {
  display: inline-block;
  margin-top: 18px;
  position: relative;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 1;
  text-decoration: none;
}

.team__inner-link::after {
  position: absolute;
  content: '';
  left: calc(100% + 10px);
  top: 3px;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-size: contain;
  transition-property: transform;
  transition-duration: .3s;
}

.team__inner-link:hover::after {
  transform: translateX(8px);
}

.team__inner.yellow .team__inner-number {
  color: #FED130;
}

.team__inner.yellow .team__inner-link {
  color: #FED130;
}

.team__inner.yellow .team__inner-link::after {
  background-image: url("../images/icon-arrow-right-yellow.svg");
}

.team__inner.red .team__inner-number {
  color: #EB5757;
}

.team__inner.red .team__inner-link {
  color: #EB5757;
}

.team__inner.red .team__inner-link::after {
  background-image: url("../images/icon-arrow-right-red.svg");
}

.team__inner.blue .team__inner-number {
  color: #2F80ED;
}

.team__inner.blue .team__inner-link {
  color: #2F80ED;
}

.team__inner.blue .team__inner-link::after {
  background-image: url("../images/icon-arrow-right-blue.svg");
}

.team__inner.green .team__inner-number {
  color: #11B493;
}

.team__inner.green .team__inner-link {
  color: #11B493;
}

.team__inner.green .team__inner-link::after {
  background-image: url("../images/icon-arrow-right-green.svg");
}

.events {
  background-color: #F3F7FB;
}

.events__content {
  padding: 60px 0 100px 0;
}

.events__title {
  color: #333333;
  font-size: 24px;
  line-height: 35px;
  text-transform: uppercase;
}

.events__inners {
  display: flex;
  align-items: flex-start;
  margin: 10px -60px 0 -60px;
  flex-wrap: wrap;
}

@media only screen and (max-width: 1023px) {
  .events__inners {
    margin: 10px -20px 0 -20px;
  }
}

@media only screen and (max-width: 767px) {
  .events__inners {
    display: block;
    margin: 20px 0 0 0;
  }
}

.events__inner {
  flex: 0 0 50%;
  padding: 30px 60px;
  display: flex;
  align-items: flex-start;
}

@media only screen and (max-width: 1023px) {
  .events__inner {
    padding: 30px 20px;
  }
}

@media only screen and (max-width: 767px) {
  .events__inner {
    padding: 20px 0 0 0;
  }
}

.events__inner-lside {
  flex: 0 0 auto;
}

.events__inner-date {
  padding: 10px 14px;
  text-align: center;
  background: #7caff4;
}

.events__inner-day {
  font-style: normal;
  font-weight: 900;
  font-size: 24px;
  line-height: 1.2;
  text-transform: uppercase;
  color: #fff;
}

.events__inner-mounth {
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 1;
  color: #fff;
}

.events__inner-time {
  margin-top: 10px;
  display: block;
  color: #7caff4;
  font-style: normal;
  font-weight: bold;
  font-size: 13px;
  line-height: 1.2;
  text-align: center;
  text-transform: uppercase;
}

.events__inner-rside {
  flex: 1 1 auto;
  padding-left: 30px;
  margin-top: -7px;
}

@media only screen and (max-width: 767px) {
  .events__inner-rside {
    padding-left: 20px;
  }
}

.events__inner-title {
  font-size: 24px;
  line-height: 35px;
}

.events__inner-link {
  display: inline-block;
  margin-top: 20px;
  position: relative;
  color: #333333;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
  text-decoration: none;
}

.events__inner-link::after {
  position: absolute;
  content: '';
  left: calc(100% + 10px);
  top: 8px;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/icon-arrow-right-black.svg");
  transition-property: transform;
  transition-duration: .3s;
}

.events__inner-link:hover::after {
  transform: translateX(8px);
}

.events__inner.yellow .events__inner-date {
  background-color: #FED130;
}

.events__inner.yellow .events__inner-time {
  color: #FED130;
}

.events__inner.yellow .events__inner-link {
  color: #FED130;
}

.events__inner.yellow .events__inner-link::after {
  background-image: url("../images/icon-arrow-right-yellow.svg");
}

.events__inner.yellow .events__inner-rside strong {
  color: #FED130;
}

.events__inner.red .events__inner-date {
  background-color: #EB5757;
}

.events__inner.red .events__inner-link {
  color: #EB5757;
}

.events__inner.red .events__inner-link::after {
  background-image: url("../images/icon-arrow-right-red.svg");
}

.events__inner.red .events__inner-time {
  color: #EB5757;
}

.events__inner.red .events__inner-rside strong {
  color: #EB5757;
}

.events__inner.blue .events__inner-date {
  background-color: #2F80ED;
}

.events__inner.blue .events__inner-time {
  color: #2F80ED;
}

.events__inner.blue .events__inner-link {
  color: #2F80ED;
}

.events__inner.blue .events__inner-link::after {
  background-image: url("../images/icon-arrow-right-blue.svg");
}

.events__inner.blue .events__inner-rside strong {
  color: #2F80ED;
}

.events__inner.green .events__inner-date {
  background-color: #11B493;
}

.events__inner.green .events__inner-time {
  color: #11B493;
}

.events__inner.green .events__inner-link {
  color: #11B493;
}

.events__inner.green .events__inner-link::after {
  background-image: url("../images/icon-arrow-right-green.svg");
}

.events__inner.green .events__inner-rside strong {
  color: #11B493;
}

.blog__content {
  padding: 100px 0;
}

@media only screen and (max-width: 767px) {
  .blog__content {
    padding: 60px 0;
  }
}

.blog__header {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-content: center;
  align-items: center;
  margin: 0 0 50px;
}

.blog__header .button-yellow, .blog__header .card__action {
  width: max-content;
}

.blog__title {
  color: #333333;
  font-size: 24px;
  font-weight: bold;
  line-height: 35px;
  text-transform: uppercase;
}

.blog__holder {
  display: flex;
  align-items: flex-start;
  margin-top: 35px;
}

@media only screen and (max-width: 1023px) {
  .blog__holder {
    display: block;
  }
}

.blog__slider {
  width: 100%;
  flex: 0 0 auto;
}

@media only screen and (max-width: 1023px) {
  .blog__slider {
    max-width: 600px;
    width: 100%;
  }
}

.blog__slider .swiper-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
}

.blog__slider .swiper-pagination .swiper-pagination-bullet {
  border: 2px solid #BDBDBD;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  margin: 0 10px;
  cursor: pointer;
  transition-property: background-color;
  transition-duration: .3s;
}

.blog__slider .swiper-pagination .swiper-pagination-bullet:hover, .blog__slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #BDBDBD;
}

.blog__slider .swiper-button-next {
  position: absolute;
  z-index: 2;
  bottom: 0;
  right: 50%;
  width: 24px;
  height: 26px;
  background-image: url("../images/icon-next-grey.svg");
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
  transition-property: opacity;
  transition-duration: .3s;
}

@media only screen and (max-width: 600px) {
  .blog__slider .swiper-button-next {
    display: none;
  }
}

.blog__slider .swiper-button-next:hover {
  opacity: .7;
}

.blog__slider .swiper-button-next.swiper-button-disabled {
  display: none;
}

.blog__slider .swiper-button-prev {
  position: absolute;
  z-index: 2;
  bottom: 0;
  right: calc(50% + 40px);
  transform: rotate(180deg);
  width: 24px;
  height: 26px;
  background-image: url("../images/icon-next-grey.svg");
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
  transition-property: opacity;
  transition-duration: .3s;
}

@media only screen and (max-width: 600px) {
  .blog__slider .swiper-button-prev {
    display: none;
  }
}

.blog__slider .swiper-button-prev:hover {
  opacity: .7;
}

.blog__slider .swiper-button-prev.swiper-button-disabled {
  display: none;
}

.blog__card {
  display: flex;
  flex-flow: column wrap;
  justify-content: space-between;
  align-content: flex-start;
  align-items: flex-start;
  height: 470px;
  padding: 20px;
  margin-bottom: 38px;
  border: 1px solid #E0E0E0;
  border-radius: 1px;
}

@media only screen and (max-width: 600px) {
  .blog__card {
    display: block;
  }
}

.blog__card:last-child {
  margin-bottom: 0;
}

.blog__card-description {
  display: flex;
  flex-flow: column wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
}

.blog__card-photo {
  width: 100%;
  max-width: 310px;
  height: 260px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
}

.blog__card-photo img {
  width: 100%;
  height: 100%;
}

.blog__card-name {
  margin: 20px 0 10px;
  font-size: 24px;
  font-weight: bold;
  line-height: 35px;
}

.blog__card-info {
  display: inline-flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-content: center;
  align-items: center;
  width: 100%;
}

.blog__card-info .color-grey {
  font-size: 18px;
  line-height: 26px;
}

.blog__card-title {
  color: #fff;
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 1.1;
  padding: 10px 20px;
}

.blog__card-link {
  display: inline-block;
  margin-top: 18px;
  position: relative;
  color: #333333;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
  text-decoration: none;
}

.blog__card-link::after {
  position: absolute;
  content: '';
  left: calc(100% + 10px);
  top: 8px;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/icon-arrow-right-black.svg");
  transition-property: transform;
  transition-duration: .3s;
}

.blog__card-link:hover::after {
  transform: translateX(8px);
}

.blog__card.green .blog__card-title {
  background-color: #11B493;
}

.blog__card.green .blog__card-link {
  color: #11B493;
}

.blog__card.green .blog__card-link::after {
  background-image: url("../images/icon-arrow-right-green.svg");
}

.blog__card.yellow .blog__card-title {
  background-color: #FAC60C;
}

.blog__card.yellow .blog__card-link {
  color: #FAC60C;
}

.blog__card.yellow .blog__card-link::after {
  background-image: url("../images/icon-arrow-right-yellow.svg");
}

.blog__cards {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  margin: 0 -15px;
}

@media only screen and (max-width: 620px) {
  .blog__cards {
    margin: 0;
    display: block;
  }
}

.blog__cards .blog__card {
  flex: 0 0 calc(33.3333333% - 30px);
  margin: 15px;
  display: block;
  border: 1px solid #E0E0E0;
  border-radius: 1px;
}

@media only screen and (max-width: 1023px) {
  .blog__cards .blog__card {
    flex: 0 0 calc(50% - 30px);
  }
}

@media only screen and (max-width: 620px) {
  .blog__cards .blog__card {
    margin: 15px 0;
  }
}

.blog .pagination {
  margin-top: 30px;
}

.banner {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
}

.banner--page .banner__content {
  padding-top: 323px;
}

@media only screen and (max-width: 767px) {
  .banner--page .banner__content {
    padding-top: 300px;
  }
}

.banner::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: '';
  background: linear-gradient(89.89deg, rgba(25, 77, 142, 0.29) -2.1%, rgba(24, 53, 166, 0.66) 29.32%, rgba(24, 103, 89, 0.66) 58.97%, rgba(26, 109, 109, 0.26) 97.77%);
  z-index: 1;
}

.banner__content {
  position: relative;
  z-index: 2;
  padding: 151px 0 40px 0;
}

.banner__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media only screen and (max-width: 767px) {
  .banner__top {
    display: block;
    text-align: center;
  }
}

.banner__top .percent {
  color: #fff;
  font-size: 130px;
  line-height: 1;
  font-weight: 700;
}

@media only screen and (max-width: 1023px) {
  .banner__top .percent {
    font-size: 98px;
  }
}

@media only screen and (max-width: 767px) {
  .banner__top .percent {
    margin-top: 20px;
  }
}

.banner__title {
  line-height: 1.4;
}

@media only screen and (max-width: 767px) {
  .banner__title {
    text-align: center;
    line-height: 1.2;
  }
}

.banner__title.fix-width {
  max-width: 350px;
}

@media only screen and (max-width: 767px) {
  .banner__title.fix-width {
    margin: 0 auto;
  }
}

.banner__title span {
  padding: 0 5px;
  line-height: 1;
  background: #7CAFF4;
}

.banner__tabs {
  display: flex;
  align-items: center;
  margin-top: 72px;
}

@media only screen and (max-width: 767px) {
  .banner__tabs {
    justify-content: center;
  }
}

@media only screen and (max-width: 500px) {
  .banner__tabs {
    display: block;
    text-align: center;
  }
}

.banner__tab {
  display: inline-block;
  font-style: normal;
  font-weight: bold;
  cursor: pointer;
  font-size: 24px;
  line-height: 1.2;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.5);
  margin-right: 110px;
  border-bottom: 5px solid transparent;
  transition-property: color, border-bottom-color;
  transition-duration: .3s;
}

@media only screen and (max-width: 767px) {
  .banner__tab {
    font-size: 18px;
    border-bottom-width: 3px;
    margin: 0 20px;
  }
}

@media only screen and (max-width: 500px) {
  .banner__tab {
    margin: 0 10px 20px 10px;
    font-size: 17px;
  }
  .banner__tab:last-child {
    margin: 0;
  }
}

.banner__tab:last-child {
  margin-right: 0;
}

.banner__tab:hover {
  color: #fff;
}

.banner__tab.is-open {
  color: #fff;
  border-bottom-color: #fff;
}

.banner__info {
  display: flex;
  align-items: center;
  margin-top: 72px;
}

@media only screen and (max-width: 767px) {
  .banner__info {
    display: block;
  }
}

.banner__info-item {
  display: flex;
  align-items: center;
  margin-right: 130px;
}

@media only screen and (max-width: 767px) {
  .banner__info-item {
    margin: 20px 0 0 0;
    justify-content: center;
  }
}

.banner__info-item h2 {
  margin-right: 35px;
}

.banner__info-item h2:last-child {
  margin-right: 0;
}

.banner__info-item:last-child {
  margin-right: 0;
}

.cards__content {
  padding: 30px 0 70px 0;
}

@media only screen and (max-width: 767px) {
  .cards__content {
    padding: 60px 0;
  }
}

.cards__inners {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  margin: 0 -15px;
}

@media only screen and (max-width: 620px) {
  .cards__inners {
    display: block;
    margin: 0;
  }
}

.cards__inner {
  flex: 0 0 33.3333333%;
  padding: 30px 15px;
}

@media only screen and (max-width: 1023px) {
  .cards__inner {
    flex: 0 0 50%;
  }
}

@media only screen and (max-width: 620px) {
  .cards__inner {
    padding: 20px 0 0 0;
  }
}

.cards__holder {
  display: none;
}

.cards__holder.is-open {
  display: block;
}

.mission-holder.bg-grey {
  background-color: #F3F7FB;
}

.mission-holder.bg-grey .mission__content {
  padding: 0;
}

.mission-holder.bg-grey .mission__description {
  padding: 60px 30px 60px 0;
}

@media only screen and (max-width: 767px) {
  .mission-holder.bg-grey .mission__description {
    padding: 60px 0;
  }
}

.mission__content {
  padding: 75px 0;
}

@media only screen and (max-width: 767px) {
  .mission__content {
    padding: 60px 0;
  }
}

.mission__box {
  display: flex;
  align-items: center;
}

@media only screen and (max-width: 767px) {
  .mission__box {
    display: block;
  }
}

.mission__description {
  flex: 1 1 auto;
  padding-right: 30px;
}

@media only screen and (max-width: 767px) {
  .mission__description {
    padding: 0 0 30px 0;
  }
}

.mission__description-top {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

@media only screen and (max-width: 767px) {
  .mission__description-top {
    align-items: flex-start;
  }
}

.mission__description-top strong {
  font-style: normal;
  font-weight: normal;
  font-size: 96px;
  line-height: 30px;
  color: rgba(51, 51, 51, 0.8);
  flex: 0 0 auto;
  margin-right: 15px;
}

@media only screen and (max-width: 767px) {
  .mission__description-top strong {
    padding-top: 20px;
    margin-right: 10px;
    font-size: 80px;
  }
}

.mission__description p {
  color: rgba(51, 51, 51, 0.8);
}

.mission__rside {
  flex: 0 0 auto;
  width: 350px;
}

@media only screen and (max-width: 767px) {
  .mission__rside {
    max-width: 350px;
    width: 100%;
    margin: 0 auto;
  }
}

.mission__slogan {
  background: #F3F7FB;
  padding: 26px 10px 28px 10px;
  text-align: center;
}

.mission__slogan strong {
  font-style: italic;
}

.mission__slogan-photo {
  display: block;
  margin: 25px auto;
  width: 150px;
  height: 150px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: 50%;
}

.mission__inners {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 -15px;
}

.mission__inner {
  flex: 0 0 33.3333333%;
  padding: 0 15px;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .mission__inner {
    flex: 0 0 50%;
    padding: 20px 10px;
  }
}

.mission__inner-icon {
  min-height: 100px;
  text-align: center;
}

.mission__inner p {
  display: block;
  margin-top: 28px;
  text-align: center;
  font-weight: 600;
  font-size: 18px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #A3A3A3;
}

.main-form {
  background-color: #7CAFF4;
  display: block;
  padding: 40px 27px;
}

.main-form strong {
  margin-bottom: 22px;
  text-align: center;
}

.main-form__item {
  margin-bottom: 18px;
}

.main-form__item:last-child {
  margin-bottom: 0;
}

.main-form__item button {
  max-width: 120px;
}

.main-form-section {
  background-color: #F3F7FB;
}

.main-form-section__content {
  padding: 60px 0 51px 0;
}

@media only screen and (max-width: 767px) {
  .main-form-section__content {
    padding: 60px 0;
  }
}

.main-form-section .main-form {
  max-width: 600px;
  margin: 0 auto;
  padding: 0;
  background-color: transparent;
}

.main-form-section .main-form__items {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: 0 -15px;
}

.main-form-section .main-form__item {
  flex: 0 0 100%;
  padding: 9px 15px;
  margin: 0;
}

.main-form-section .main-form__item.w50 {
  flex: 0 0 50%;
}

@media only screen and (max-width: 767px) {
  .main-form-section .main-form__item.w50 {
    flex: 0 0 100%;
  }
}

.main-form-section--yellow {
  background-color: #FAC60C;
}

.main-form-section--yellow .main-form-section__content {
  padding-top: 150px;
}

@media only screen and (max-width: 767px) {
  .main-form-section--yellow .main-form-section__content {
    padding-top: 60px;
  }
}

.tabs {
  background-color: #F3F7FB;
}

.tabs__content {
  padding: 60px 0;
}

@media only screen and (max-width: 1023px) {
  .tabs__content {
    padding: 10px 0;
  }
}

@media only screen and (max-width: 500px) {
  .tabs__content {
    padding: 20px 0;
  }
}

.tabs__buttons {
  display: flex;
  align-items: flex-start;
  margin: 0 -15px;
}

@media only screen and (max-width: 1023px) {
  .tabs__buttons {
    flex-wrap: wrap;
    margin: 0 -10px;
  }
}

@media only screen and (max-width: 500px) {
  .tabs__buttons {
    display: block;
    margin: 0;
  }
}

.tabs__button {
  flex: 0 0 calc(25% - 30px);
  margin: 15px;
  cursor: pointer;
  transition-property: box-shadow;
  transition-duration: .3s;
}

@media only screen and (max-width: 1023px) {
  .tabs__button {
    margin: 10px;
    flex: 0 0 calc(50% - 20px);
  }
}

@media only screen and (max-width: 500px) {
  .tabs__button {
    margin: 0 0 20px 0;
    display: block;
  }
  .tabs__button:last-child {
    margin-bottom: 0;
  }
}

.tabs__button-top {
  padding: 25px 15px;
  text-align: center;
  background-color: #FFE98A;
  transition-property: background-color;
  transition-duration: .3s;
}

.tabs__button-top strong {
  color: #333;
  transition-property: color;
  transition-duration: .3s;
}

.tabs__button-bottom {
  min-height: 242px;
  padding: 25px 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background-color: #fff;
  transition-property: background-color;
  transition-duration: .3s;
}

@media only screen and (max-width: 1023px) {
  .tabs__button-bottom {
    min-height: 200px;
  }
}

@media only screen and (max-width: 500px) {
  .tabs__button-bottom {
    min-height: auto;
  }
}

.tabs__button-bottom strong {
  color: #333;
  font-weight: 500;
  transition-property: color;
  transition-duration: .3s;
}

.tabs__button:hover {
  box-shadow: 0px 5px 26px 5px rgba(0, 0, 0, 0.2);
}

.tabs__button:hover .tabs__button-top {
  background-color: #fff;
}

.tabs__button:hover .tabs__button-top strong {
  color: #333;
}

.tabs__button:hover .tabs__button-bottom {
  background-color: #FFE98A;
}

.tabs__button:hover .tabs__button-bottom strong {
  color: #333;
}

.tabs-section__content {
  padding: 75px 0;
  display: flex;
  align-items: flex-start;
}

@media only screen and (max-width: 767px) {
  .tabs-section__content {
    padding: 60px 0;
    display: block;
  }
}

.tabs-section__holders {
  flex: 1 1 auto;
  padding-right: 40px;
}

@media only screen and (max-width: 767px) {
  .tabs-section__holders {
    padding: 0 0 30px 0;
  }
}

.tabs-section__rside {
  flex: 0 0 auto;
  width: 350px;
}

@media only screen and (max-width: 767px) {
  .tabs-section__rside {
    max-width: 350px;
    width: 100%;
    margin: 0 auto;
  }
}

.tabs-section__holder h2 {
  font-size: 36px;
  font-weight: 600;
  font-size: 36px;
  line-height: 1.2;
  color: rgba(51, 51, 51, 0.8);
  margin-bottom: 32px;
}

.tabs-section__holder-top {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

@media only screen and (max-width: 767px) {
  .tabs-section__holder-top {
    align-items: flex-start;
  }
}

.tabs-section__holder-top strong {
  font-style: normal;
  font-weight: normal;
  font-size: 96px;
  line-height: 30px;
  color: rgba(51, 51, 51, 0.8);
  flex: 0 0 auto;
  margin-right: 15px;
}

@media only screen and (max-width: 767px) {
  .tabs-section__holder-top strong {
    padding-top: 20px;
    margin-right: 10px;
    font-size: 80px;
  }
}

.tabs-style.ui-tabs {
  display: flex;
  flex-flow: column wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
}

.tabs-style .ui-tabs-nav {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-content: center;
  align-items: center;
  height: 87px;
  padding: 6px;
  margin: 0 0 50px;
  background: #e4edf6;
  border-radius: 200px;
}

.tabs-style .ui-tabs-tab:not(:last-child) {
  margin-right: 20px;
}

.tabs-style .ui-tabs-anchor {
  padding: 20px;
  color: #333333;
  font-size: 24px;
  font-weight: 600;
  line-height: 35px;
  border-radius: 200px;
  transition: all .3s ease 0s;
}

.tabs-style .ui-tabs-active .ui-tabs-anchor {
  background: #fff;
}

.tabs-style .ui-tabs-panel {
  flex: 0 0 100%;
}

.reports__content {
  padding: 80px 0 100px 0;
}

@media only screen and (max-width: 767px) {
  .reports__content {
    padding: 60px 0;
  }
}

.reports__inner {
  display: flex;
  align-items: center;
  width: 100%;
  background-color: #F3F7FB;
}

@media only screen and (max-width: 767px) {
  .reports__inner {
    display: block;
    text-align: center;
  }
}

.reports__inner:nth-child(odd) {
  background-color: #fff;
}

.reports__lside {
  flex: 0 0 auto;
  padding: 24px 36px;
}

@media only screen and (max-width: 767px) {
  .reports__lside {
    padding-bottom: 10px;
  }
}

.reports__lside h2 {
  font-weight: 600;
  font-size: 36px;
  line-height: 1.2;
  color: #333;
}

.reports__rside {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  flex: 1 1 auto;
}

@media only screen and (max-width: 600px) {
  .reports__rside {
    display: block;
  }
}

.reports__rside a {
  align-items: center;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 1;
  color: #333;
  display: inline-flex;
  margin: 0 25px;
}

@media only screen and (max-width: 600px) {
  .reports__rside a {
    margin: 10px 0 0 0;
    text-align: left;
  }
  .reports__rside a:first-child {
    margin-top: 0;
  }
}

.reports__rside a img {
  width: 40px;
  flex: 0 0 auto;
  margin-right: 10px;
}

.reports--sales .reports__rside {
  justify-content: flex-start;
}

.help-section__content {
  padding: 90px 0 75px 0;
}

@media only screen and (max-width: 767px) {
  .help-section__content {
    padding: 40px 0;
  }
}

.help-section__holder {
  margin-top: 40px;
}

.help-section__holder:first-child {
  margin-top: 0;
}

.help-section__date {
  font-style: normal;
  font-weight: 600;
  font-size: 36px;
  line-height: 1.2;
  color: rgba(51, 51, 51, 0.8);
}

@media only screen and (max-width: 1023px) {
  .help-section__date {
    font-size: 32px;
  }
}

@media only screen and (max-width: 767px) {
  .help-section__date {
    font-size: 26px;
  }
}

.help-section__inners {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: 10px -20px 0 -10px;
}

@media only screen and (max-width: 1023px) {
  .help-section__inners {
    display: block;
    margin: 10px 0 0 0;
  }
}

.help-section__inner {
  flex: 0 0 50%;
  display: flex;
  align-items: center;
  padding: 20px;
}

@media only screen and (max-width: 1023px) {
  .help-section__inner {
    padding: 20px 0 0 0;
  }
}

.help-section__photo {
  flex: 0 0 auto;
  width: 160px;
  height: 160px;
  margin-right: 30px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

@media only screen and (max-width: 500px) {
  .help-section__photo {
    width: 80px;
    height: 80px;
    margin-right: 20px;
  }
}

.help-section__title {
  display: inline-block;
  flex: 1 1 auto;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 1.4;
  letter-spacing: 0.01em;
  text-decoration: underline;
  color: #333;
}

@media only screen and (max-width: 500px) {
  .help-section__title {
    font-size: 14px;
  }
}

.help-section__title:hover {
  text-decoration: none;
}

.help-section .pagination {
  margin-top: 100px;
}

.help-section__description h2 {
  margin-bottom: 40px;
  font-weight: 600;
}

.help-section__checks {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  margin: 45px -15px 0 -15px;
}

@media only screen and (max-width: 500px) {
  .help-section__checks {
    display: block;
    margin: 30px 0 0 0;
  }
}

.help-section__check {
  flex: 0 0 33.3333333%;
  padding: 15px;
}

@media only screen and (max-width: 767px) {
  .help-section__check {
    flex: 0 0 50%;
  }
}

@media only screen and (max-width: 500px) {
  .help-section__check {
    padding: 15px 0 0 0;
  }
}

.help-section__check img {
  width: 100%;
}

.feedback__content {
  padding: 80px 0 40px 0;
}

@media only screen and (max-width: 767px) {
  .feedback__content {
    padding: 60px 0;
  }
}

.feedback__inner {
  display: flex;
  align-items: stretch;
  border: 1px solid #E0E0E0;
  margin-bottom: 30px;
}

@media only screen and (max-width: 767px) {
  .feedback__inner {
    display: block;
    max-width: 600px;
    margin: 0 auto 20px auto;
  }
}

.feedback__inner:last-child {
  margin-bottom: 0;
}

.feedback__inner-photo {
  flex: 0 0 auto;
  width: 350px;
  min-height: 250px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
}

@media only screen and (max-width: 767px) {
  .feedback__inner-photo {
    width: 100%;
  }
}

.feedback__inner-description {
  flex: 1 1 auto;
  padding: 18px 20px 20px 20px;
}

.feedback__inner-description strong {
  margin-bottom: 10px;
}

.feedback .pagination {
  margin-top: 50px;
}

.gallery__content {
  padding: 40px 0 80px 0;
}

.gallery__holder {
  margin-top: 20px;
}

.gallery__items {
  display: flex;
  align-items: stretch;
  margin: 10px -15px 0 -15px;
  flex-wrap: wrap;
}

@media only screen and (max-width: 500px) {
  .gallery__items {
    display: block;
    margin: 10px 0 0 0;
  }
}

.gallery__item {
  flex: 0 0 calc(25% - 30px);
  margin: 15px;
  position: relative;
}

@media only screen and (max-width: 1023px) {
  .gallery__item {
    flex: 0 0 calc(50% - 30px);
  }
}

@media only screen and (max-width: 500px) {
  .gallery__item {
    margin: 20px 0 0 0;
  }
}

.gallery__item img {
  width: 100%;
  height: 400px;
  object-fit: cover;
  object-position: center top;
}

.gallery__item a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 400px;
  z-index: 1;
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 1.2;
  text-align: center;
  color: #fff;
  padding: 150px 10px 0 10px;
  background-color: rgba(0, 0, 0, 0.5);
}

.gallery__item a img {
  width: 50px;
  height: 50px;
  display: block;
  margin: 0 auto 20px auto;
}

.partners__content {
  padding: 65px 0;
}

@media only screen and (max-width: 767px) {
  .partners__content {
    padding: 60px 0;
  }
}

.partners__inners {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  margin: 0 -25px;
}

@media only screen and (max-width: 600px) {
  .partners__inners {
    display: block;
    margin: 0;
  }
}

.partners__inner {
  flex: 0 0 33.3333333%;
  padding: 40px 25px;
}

@media only screen and (max-width: 1023px) {
  .partners__inner {
    flex: 0 0 50%;
    padding: 30px 25px;
  }
}

@media only screen and (max-width: 600px) {
  .partners__inner {
    padding: 0 0 30px 0;
  }
  .partners__inner:last-child {
    padding-bottom: 0;
  }
}

.partners__inner-logo {
  min-height: 102px;
  display: flex;
  align-items: center;
}

@media only screen and (max-width: 600px) {
  .partners__inner-logo {
    justify-content: center;
  }
}

.partners__inner-logo img {
  max-width: 100%;
}

.partners__inner-link {
  display: inline-block;
  margin-top: 18px;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 1.2;
  text-decoration-line: underline;
  color: #2F80ED;
}

.partners__inner-link:hover {
  text-decoration: none;
}

.partners__inner strong {
  line-height: 1.2;
  margin-bottom: 12px;
}

.partners__inner-social {
  display: flex;
  align-items: center;
  margin: 15px 0 25px 0;
}

.partners__inner-social li {
  display: inline-block;
  margin-right: 15px;
}

.partners__inner-social li:last-child {
  margin-right: 0;
}

.partners__inner-social li a.facebook svg path {
  transition-property: fill;
  transition-duration: .3s;
}

.partners__inner-social li a.facebook:hover svg path {
  fill: #0A80EC;
  fill-opacity: 1;
}

.partners__inner-social li a.instagram svg path:nth-child(1), .partners__inner-social li a.instagram svg path:nth-child(2) {
  transition-property: fill, stroke;
  transition-duration: .3s;
}

.partners__inner-social li a.instagram:hover svg path:nth-child(1) {
  fill: #BB358B;
  stroke: #BB358B;
  fill-opacity: 1;
}

.team-section__content {
  padding: 75px 0;
}

.team-section__inner {
  display: flex;
  align-items: flex-start;
  margin-bottom: 70px;
}

@media only screen and (max-width: 550px) {
  .team-section__inner {
    display: block;
    margin-bottom: 40px;
  }
}

.team-section__inner:last-child {
  margin-bottom: 0;
}

.team-section__inner-photo {
  width: 228px;
  height: 228px;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  flex: 0 0 auto;
}

@media only screen and (max-width: 767px) {
  .team-section__inner-photo {
    width: 160px;
    height: 160px;
  }
}

@media only screen and (max-width: 550px) {
  .team-section__inner-photo {
    margin: 0 auto;
  }
}

.team-section__inner-description {
  flex: 1 1 auto;
  padding-left: 44px;
}

@media only screen and (max-width: 767px) {
  .team-section__inner-description {
    padding-left: 20px;
  }
}

@media only screen and (max-width: 550px) {
  .team-section__inner-description {
    padding: 20px 0 0 0;
    text-align: center;
  }
}

.team-section__inner-description strong {
  margin-bottom: 5px;
  font-size: 36px;
  font-weight: 600;
}

@media only screen and (max-width: 1023px) {
  .team-section__inner-description strong {
    font-size: 32px;
  }
}

@media only screen and (max-width: 767px) {
  .team-section__inner-description strong {
    font-size: 26px;
  }
}

.team-section__inner-description p {
  margin-bottom: 20px;
}

.team-section__inner-description p:last-child {
  margin-bottom: 0;
}

.faq {
  background-color: #F3F7FB;
}

.faq__content {
  padding: 80px 0;
}

@media only screen and (max-width: 1023px) {
  .faq__content {
    padding: 70px 0;
  }
}

@media only screen and (max-width: 767px) {
  .faq__content {
    padding: 60px 0;
  }
}

.faq__items {
  max-width: 920px;
  width: 100%;
  background-color: #fff;
  border-radius: 20px;
  padding: 40px 120px 70px 100px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}

@media only screen and (max-width: 1023px) {
  .faq__items {
    padding: 40px;
    margin: 0;
  }
}

@media only screen and (max-width: 767px) {
  .faq__items {
    padding: 30px 20px;
    border-radius: 10px;
  }
}

.faq__item {
  display: block;
  margin-bottom: 40px;
}

.faq__item:last-child {
  margin-bottom: 0;
}

.faq__item-header {
  display: flex;
  align-items: center;
  cursor: pointer;
}

.faq__item-header strong {
  flex: 1 1 auto;
  padding-left: 38px;
}

@media only screen and (max-width: 767px) {
  .faq__item-header strong {
    padding-left: 20px;
  }
}

.faq__item-header.is-open .faq__item-icon::after {
  opacity: 0;
}

.faq__item-icon {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  position: relative;
  background-color: #FFE98A;
  flex: 0 0 auto;
}

@media only screen and (max-width: 767px) {
  .faq__item-icon {
    width: 30px;
    height: 30px;
  }
}

.faq__item-icon::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 25px;
  height: 6px;
  background-color: #333;
  content: '';
}

@media only screen and (max-width: 767px) {
  .faq__item-icon::before {
    width: 20px;
    height: 4px;
  }
}

.faq__item-icon::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 6px;
  height: 25px;
  background-color: #333;
  content: '';
  transition-property: opacity;
  transition-duration: .3s;
}

@media only screen and (max-width: 767px) {
  .faq__item-icon::after {
    width: 4px;
    height: 20px;
  }
}

.faq__item-body {
  display: none;
  padding: 10px 0 0 88px;
}

@media only screen and (max-width: 767px) {
  .faq__item-body {
    padding: 10px 0 0 53px;
  }
}

.kid__content {
  padding: 60px 0 0 0;
}

.kid__container {
  display: flex;
  align-items: stretch;
}

@media only screen and (max-width: 1023px) {
  .kid__container {
    display: block;
  }
}

.kid__photo {
  flex: 1 1 auto;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
}

@media only screen and (max-width: 1023px) {
  .kid__photo {
    height: 300px;
    max-width: 500px;
    width: 100%;
    margin: 0 auto;
  }
}

.kid__photo-quickly {
  position: absolute;
  top: 20px;
  left: 20px;
  font-style: normal;
  font-weight: bold;
  font-size: 13px;
  line-height: 1;
  text-transform: uppercase;
  color: #fff;
  border-radius: 2px;
  padding: 9px 43px 9px 15px;
  background-color: #EB5757;
  background-image: url("../images/icon-quickly.svg");
  background-repeat: no-repeat;
  background-position: center right 18px;
  z-index: 2;
}

.kid__progress {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 4px;
  z-index: 2;
  background-color: #7CAFF4;
}

.kid__progress-percent {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -20px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  font-style: normal;
  font-weight: bold;
  font-size: 13px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  background-color: #7CAFF4;
}

.kid__progress-percent span {
  font-size: 10px;
}

.kid__info {
  background-color: #7CAFF4;
  width: 350px;
  flex: 0 0 auto;
  padding: 80px 24px;
  text-align: center;
}

@media only screen and (max-width: 1023px) {
  .kid__info {
    max-width: 500px;
    width: 100%;
    margin: 0 auto;
  }
}

.kid__info strong {
  margin: 10px 0 5px 0;
}

.kid__info .button-yellow, .kid__info .card__action {
  margin-top: 35px;
}

.kid__holder {
  display: flex;
  align-items: stretch;
}

@media only screen and (max-width: 1023px) {
  .kid__holder {
    display: block;
  }
}

.kid__lside {
  flex: 1 1 auto;
  padding: 10px 30px 0 0;
}

@media only screen and (max-width: 1023px) {
  .kid__lside {
    padding: 10px 0 0 0;
  }
}

.kid__buttons {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media only screen and (max-width: 767px) {
  .kid__buttons {
    flex-wrap: wrap;
    justify-content: center;
  }
}

.kid__button {
  display: inline-block;
  cursor: pointer;
  font-size: 24px;
  line-height: 1.4;
  color: #333;
  font-weight: 500;
  border-bottom: 3px solid transparent;
  transition-property: border-bottom-color;
  transition-duration: .3s;
}

@media only screen and (max-width: 767px) {
  .kid__button {
    margin: 10px;
    font-size: 22px;
  }
}

@media only screen and (max-width: 550px) {
  .kid__button {
    font-size: 20px;
  }
}

.kid__button:nth-child(1).is-open {
  border-bottom-color: #333;
}

.kid__button:nth-child(1):hover {
  border-bottom-color: #333;
}

.kid__button.is-open {
  border-bottom-color: #333;
}

.kid__button:hover {
  border-bottom-color: #333;
}

.kid__body {
  margin-top: 40px;
}

.kid__body iframe {
  display: block;
  width: 100%;
  height: 410px;
}

@media only screen and (max-width: 500px) {
  .kid__body iframe {
    height: 240px;
  }
}

.kid__box {
  margin-bottom: 30px;
  padding-top: 35px;
}

@media only screen and (max-width: 767px) {
  .kid__box {
    margin-bottom: 10px;
  }
}

.kid__box:last-child {
  margin-bottom: 0;
}

.kid__doc {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #E0E0E0;
  padding: 8px 20px 8px 8px;
  margin-bottom: 20px;
}

.kid__doc:last-child {
  margin-bottom: 0;
}

.kid__doc a {
  display: inline-block;
  font-size: 18px;
  font-weight: 700;
  color: #333;
  line-height: 1;
  border-bottom: 1px solid transparent;
  transition-property: border-bottom-color;
  transition-duration: .3s;
  text-decoration: none;
}

@media only screen and (max-width: 500px) {
  .kid__doc a {
    margin-left: 10px;
  }
}

.kid__doc a:hover {
  border-bottom-color: #333;
}

.kid__doc-inner {
  display: flex;
  align-items: center;
}

.kid__doc-inner img {
  flex: 0 0 auto;
  width: 63px;
}

@media only screen and (max-width: 500px) {
  .kid__doc-inner img {
    width: 40px;
  }
}

.kid__doc-inner p {
  flex: 1 1 auto;
  margin-left: 20px;
}

@media only screen and (max-width: 500px) {
  .kid__doc-inner p {
    margin-left: 15px;
  }
}

.kid__donates {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  margin: 0 -15px;
}

@media only screen and (max-width: 500px) {
  .kid__donates {
    display: block;
    margin: 0;
  }
}

.kid__donate {
  flex: 0 0 calc(50% - 30px);
  border: 1px solid #E0E0E0;
  padding: 26px 20px;
  margin: 10px 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media only screen and (max-width: 500px) {
  .kid__donate {
    margin: 10px 0 0 0;
  }
}

.kid__rside {
  flex: 0 0 auto;
  width: 350px;
  background-color: #F3F7FB;
  padding: 50px 40px;
}

@media only screen and (max-width: 1023px) {
  .kid__rside {
    max-width: 100%;
    padding: 30px;
    margin: 0 auto;
    width: 100%;
  }
}

@media only screen and (max-width: 500px) {
  .kid__rside {
    padding: 30px 20px;
  }
}

.kid__rside h2 {
  text-align: center;
}

.kid__rside-form {
  margin-top: 35px;
}

.kid__rside-form-item {
  margin-bottom: 20px;
}

.kid__rside-form-item label {
  display: block;
  color: #828282;
  font-size: 18px;
  padding-left: 24px;
  margin-bottom: 5px;
}

.kid__rside-form-item:last-child {
  margin-bottom: 0;
}

.kid__rside-form-item button {
  max-width: 220px;
}

.kid__comments {
  margin: 20px 0 30px 0;
}

.kid__comment {
  display: flex;
  align-items: flex-start;
  padding: 20px 0;
  border-bottom: 2px solid #7CAFF4;
}

.kid__comment:last-child {
  border-bottom: 0;
}

.kid__comment-photo {
  flex: 0 0 auto;
  width: 53px;
  height: 53px;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.kid__comment-description {
  flex: 1 1 auto;
  padding-left: 20px;
}

.kid__bottom {
  display: flex;
  align-items: stretch;
}

@media only screen and (max-width: 1023px) {
  .kid__bottom {
    display: block;
  }
}

.kid__bottom-lside {
  flex: 1 1 auto;
  padding: 60px 30px 110px 0;
}

@media only screen and (max-width: 1023px) {
  .kid__bottom-lside {
    padding: 50px 0;
  }
}

.kid__bottom-items {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: 20px -25px 0 -25px;
}

@media only screen and (max-width: 1023px) {
  .kid__bottom-items {
    margin: 20px -10px 0 -10px;
  }
}

@media only screen and (max-width: 450px) {
  .kid__bottom-items {
    display: block;
    margin: 20px 0 0 0;
  }
}

.kid__bottom-item {
  flex: 0 0 33.3333333%;
  padding: 10px 25px;
}

@media only screen and (max-width: 1023px) {
  .kid__bottom-item {
    padding: 10px;
  }
}

@media only screen and (max-width: 767px) {
  .kid__bottom-item {
    flex: 0 0 50%;
  }
}

@media only screen and (max-width: 450px) {
  .kid__bottom-item {
    padding: 10px 0 0 0;
  }
}

.kid__bottom-form {
  margin-top: 35px;
}

.kid__bottom-form-item {
  margin-bottom: 18px;
}

.kid__bottom-form-item:last-child {
  margin-bottom: 0;
  margin-top: 36px;
}

.kid__bottom-form-item button {
  max-width: 260px;
}

.kid__bottom-rside {
  flex: 0 0 auto;
  width: 350px;
  background-color: #7CAFF4;
  padding: 65px 40px;
}

@media only screen and (max-width: 1023px) {
  .kid__bottom-rside {
    max-width: 500px;
    width: 100%;
    margin: 0 auto;
    padding: 40px 20px;
  }
}

.kid__bottom-rside h2 {
  margin-bottom: 50px;
}

.kid__bottom-rside p {
  display: block;
  margin-bottom: 25px;
}

.kid__bottom-rside a {
  display: block;
  margin-bottom: 10px;
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  text-decoration: none;
}

.kid__bottom-rside a:last-child {
  margin-bottom: 0;
}

.kid__bottom-rside a:hover {
  text-decoration: underline;
}

.kid__tabs {
  margin-top: 50px;
}

@media only screen and (max-width: 440px) {
  .kid__tabs {
    margin-top: 30px;
  }
}

.kid__tabs-buttons {
  display: inline-flex;
  align-items: center;
  background: #E4EDF6;
  border-radius: 50px;
  padding: 6px;
}

@media only screen and (max-width: 1023px) {
  .kid__tabs-buttons {
    display: flex;
  }
}

.kid__tabs-button {
  flex: 0 0 auto;
  cursor: pointer;
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 1;
  color: #333;
  padding: 23px 20px;
  margin-right: 6px;
  border-radius: 50px;
  transition-property: background-color;
  transition-duration: .3s;
}

@media only screen and (max-width: 1023px) {
  .kid__tabs-button {
    padding: 16px;
    font-size: 20px;
    flex: 1 1 auto;
    text-align: center;
  }
}

@media only screen and (max-width: 767px) {
  .kid__tabs-button {
    font-size: 16px;
    padding: 12px;
  }
}

@media only screen and (max-width: 440px) {
  .kid__tabs-button {
    font-size: 14px;
    padding: 10px 8px;
  }
}

.kid__tabs-button:hover, .kid__tabs-button.is-open {
  background-color: #fff;
}

.kid__tabs-button:last-child {
  margin-right: 0;
}

.kid__tabs-contents {
  margin-top: 40px;
}

@media only screen and (max-width: 440px) {
  .kid__tabs-contents {
    margin-top: 30px;
  }
}

.kid__tabs-content {
  display: none;
}

.kid__tabs-content.is-open {
  display: block;
}

.contacts {
  background-color: #F3F7FB;
}

.contacts__content {
  display: flex;
  align-items: center;
}

@media only screen and (max-width: 767px) {
  .contacts__content {
    display: block;
  }
}

.contacts__lside {
  flex: 1 1 auto;
  padding: 50px 90px 50px 0;
}

@media only screen and (max-width: 1110px) {
  .contacts__lside {
    padding: 50px 70px 50px 0;
  }
}

@media only screen and (max-width: 1023px) {
  .contacts__lside {
    padding: 50px 50px 50px 0;
  }
}

@media only screen and (max-width: 767px) {
  .contacts__lside {
    padding: 40px 0;
  }
}

.contacts__inners {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  margin: 0 -20px;
}

@media only screen and (max-width: 1023px) {
  .contacts__inners {
    display: block;
    margin: 0;
  }
}

.contacts__inner {
  flex: 0 0 50%;
  padding: 20px;
}

@media only screen and (max-width: 1023px) {
  .contacts__inner {
    padding: 20px 0;
  }
}

.contacts__inner span {
  display: block;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.2;
  color: #333;
}

.contacts__inner strong {
  margin-top: 10px;
  display: block;
  font-style: normal;
  font-weight: 600;
  font-size: 25px;
  line-height: 1.2;
  color: #333;
}

.contacts__inner a {
  margin-top: 10px;
  display: inline-block;
  font-style: normal;
  font-weight: 600;
  font-size: 25px;
  line-height: 1.2;
  color: #333;
  border-bottom: 1px solid transparent;
  transition-property: border-bottom-color;
  transition-duration: .3s;
}

.contacts__inner a:hover {
  border-bottom-color: #333;
}

.contacts__rside {
  flex: 0 0 auto;
}

@media only screen and (max-width: 767px) {
  .contacts__rside {
    max-width: 350px;
    width: 100%;
    margin: 0 auto;
  }
}

@media only screen and (max-width: 440px) {
  .contacts__rside {
    margin: 0 -20px;
    max-width: inherit;
    width: inherit;
  }
}

.requisites__content {
  padding: 90px 0;
}

@media only screen and (max-width: 767px) {
  .requisites__content {
    padding: 60px 0;
  }
}

@media only screen and (max-width: 767px) {
  .requisites__title {
    text-align: center;
  }
}

.requisites__inner {
  display: flex;
  margin-top: 90px;
  align-items: flex-start;
}

@media only screen and (max-width: 767px) {
  .requisites__inner {
    display: block;
    margin: 0;
  }
}

.requisites__inner-lside {
  flex: 0 0 300px;
  padding: 13px 0;
}

@media only screen and (max-width: 767px) {
  .requisites__inner-lside {
    text-align: center;
  }
}

.requisites__inner-lside strong {
  display: block;
  font-style: normal;
  font-weight: 600;
  font-size: 25px;
  line-height: 1.2;
  color: #333;
}

.requisites__inner-lside p {
  display: block;
  margin-top: 35px;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 1.2;
  color: #333;
}

@media only screen and (max-width: 767px) {
  .requisites__inner-lside p {
    margin-top: 10px;
  }
}

.requisites__inner-rside {
  flex: 1 1 auto;
  padding-left: 50px;
  display: flex;
  align-items: flex-start;
  margin: 0 -20px;
  flex-wrap: wrap;
}

@media only screen and (max-width: 767px) {
  .requisites__inner-rside {
    padding: 30px 0 0 0;
  }
}

@media only screen and (max-width: 440px) {
  .requisites__inner-rside {
    padding-top: 10px;
  }
}

.requisites__inner-item {
  flex: 0 0 33.3333333%;
  padding: 20px;
}

.requisites__inner-item strong {
  display: block;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.2;
  color: #333;
}

.requisites__inner-item p {
  display: block;
  margin-top: 15px;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 1.2;
  color: #333;
}

.about-holder.bg-grey {
  background-color: #F3F7FB;
}

.about-holder.bg-grey .about__content {
  padding: 0;
}

.about-holder.bg-grey .about__description {
  padding: 60px 30px 60px 0;
}

@media only screen and (max-width: 767px) {
  .about-holder.bg-grey .about__description {
    padding: 60px 0;
  }
}

.about__content {
  padding: 75px 0;
}

@media only screen and (max-width: 767px) {
  .about__content {
    padding: 60px 0;
  }
}

.about__title {
  display: block;
  font-style: normal;
  font-weight: 600;
  font-size: 36px;
  line-height: 1.3;
  color: #333;
  margin-bottom: 20px;
}

.about__box {
  display: flex;
  align-items: flex-start;
}

@media only screen and (max-width: 767px) {
  .about__box {
    display: block;
  }
}

.about__description {
  flex: 1 1 auto;
  padding-right: 30px;
}

@media only screen and (max-width: 767px) {
  .about__description {
    padding: 0 0 30px 0;
  }
}

.about__description-block {
  display: flex;
  align-items: flex-start;
  margin-bottom: 20px;
}

@media only screen and (max-width: 767px) {
  .about__description-block {
    display: block;
    text-align: center;
  }
}

.about__description-block b {
  flex: 0 0 auto;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 1.2;
  color: #333;
}

.about__description-block-rside {
  flex: 1 1 auto;
  padding-left: 38px;
}

@media only screen and (max-width: 767px) {
  .about__description-block-rside {
    padding: 20px 0 0 0;
  }
}

.about__description-block-rside p {
  margin-bottom: 20px;
}

.about__description-block-rside p:last-child {
  margin-bottom: 0;
}

.about__description strong {
  margin-top: 40px;
}

.about__description-top {
  display: flex;
  align-items: flex-start;
  margin: 20px 0;
}

@media only screen and (max-width: 767px) {
  .about__description-top {
    align-items: flex-start;
  }
}

.about__description-top strong {
  font-style: normal;
  font-weight: normal;
  font-size: 96px;
  line-height: .8;
  color: rgba(51, 51, 51, 0.8);
  flex: 0 0 auto;
  margin-right: 15px;
  margin-top: 0;
}

@media only screen and (max-width: 767px) {
  .about__description-top strong {
    padding-top: 20px;
    margin-right: 10px;
    font-size: 80px;
  }
}

.about__description p {
  color: rgba(51, 51, 51, 0.8);
}

.about__description ul {
  display: block;
  margin: 20px 0;
}

.about__description ul li {
  display: block;
  padding-left: 12px;
  position: relative;
}

.about__description ul li::before {
  position: absolute;
  content: '';
  top: 12px;
  left: 0;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  background-color: rgba(51, 51, 51, 0.8);
}

.about__rside {
  flex: 0 0 auto;
  width: 350px;
}

@media only screen and (max-width: 767px) {
  .about__rside {
    max-width: 350px;
    width: 100%;
    margin: 0 auto;
  }
}

@media only screen and (max-width: 440px) {
  .about__rside {
    margin: 0 -20px;
    max-width: inherit;
    width: inherit;
  }
}

.about__slogan {
  background: #F3F7FB;
  padding: 26px 10px 28px 10px;
  text-align: center;
}

.about__slogan strong {
  font-style: italic;
}

.about__slogan-photo {
  display: block;
  margin: 25px auto;
  width: 150px;
  height: 150px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: 50%;
}

.documents__content {
  padding: 80px 0;
}

.documents__title {
  display: block;
  font-style: normal;
  font-weight: 600;
  font-size: 36px;
  line-height: 1.3;
  color: #333;
}

.documents__slider {
  margin-top: 50px;
  padding-bottom: 50px;
}

.documents__slider .swiper-pagination {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.documents__slider .swiper-pagination .swiper-pagination-bullet {
  border: 2px solid #BDBDBD;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  margin: 0 10px;
  cursor: pointer;
  transition-property: background-color;
  transition-duration: .3s;
}

.documents__slider .swiper-pagination .swiper-pagination-bullet:hover, .documents__slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #BDBDBD;
}

.documents__slide {
  height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #E0E0E0;
}

.documents__slide img {
  max-width: 100%;
  max-height: 100%;
}

.sales__content {
  padding: 100px 0;
}

@media only screen and (max-width: 767px) {
  .sales__content {
    padding: 60px 0;
  }
}

.sales__inners {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  margin: 0 -15px;
}

@media only screen and (max-width: 600px) {
  .sales__inners {
    display: block;
    margin: 0;
  }
}

.sales__inner {
  flex: 0 0 calc(50% - 30px);
  margin: 15px;
  position: relative;
  overflow: hidden;
  height: 540px;
}

@media only screen and (max-width: 1023px) {
  .sales__inner {
    height: 400px;
  }
}

@media only screen and (max-width: 767px) {
  .sales__inner {
    height: 320px;
  }
}

@media only screen and (max-width: 600px) {
  .sales__inner {
    margin: 15px 0;
    display: block;
  }
}

@media only screen and (max-width: 440px) {
  .sales__inner {
    height: 280px;
  }
}

.sales__inner img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  z-index: 1;
  transition-property: transform;
  transition-duration: .3s;
}

.sales__inner strong {
  position: absolute;
  bottom: 38px;
  font-style: normal;
  font-weight: 600;
  font-size: 25px;
  line-height: 1.1;
  color: #fff;
  z-index: 2;
  padding: 0 40px;
}

@media only screen and (max-width: 767px) {
  .sales__inner strong {
    padding: 0 20px;
    font-size: 20px;
    bottom: 20px;
  }
}

.sales__inner:hover img {
  transform: translate(-50%, -50%) scale(1.1);
}

.sales__tabs-buttons {
  display: inline-flex;
  align-items: center;
  background: #E4EDF6;
  border-radius: 50px;
  padding: 6px;
}

@media only screen and (max-width: 1023px) {
  .sales__tabs-buttons {
    display: flex;
  }
}

.sales__tabs-button {
  flex: 0 0 auto;
  cursor: pointer;
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 1;
  color: #333;
  padding: 23px 20px;
  margin-right: 6px;
  border-radius: 50px;
  transition-property: background-color;
  transition-duration: .3s;
}

@media only screen and (max-width: 1023px) {
  .sales__tabs-button {
    padding: 16px;
    font-size: 20px;
    flex: 1 1 auto;
    text-align: center;
  }
}

@media only screen and (max-width: 767px) {
  .sales__tabs-button {
    font-size: 16px;
    padding: 12px;
  }
}

@media only screen and (max-width: 440px) {
  .sales__tabs-button {
    font-size: 14px;
    padding: 10px 8px;
  }
}

.sales__tabs-button:hover, .sales__tabs-button.is-open {
  background-color: #fff;
}

.sales__tabs-button:last-child {
  margin-right: 0;
}

.sales__tabs-contents {
  margin-top: 40px;
}

@media only screen and (max-width: 440px) {
  .sales__tabs-contents {
    margin-top: 30px;
  }
}

.sales__tabs-content {
  display: none;
}

.sales__tabs-content.is-open {
  display: block;
}

.sales__holder img {
  display: block;
  width: 100%;
}

.sales__holder h2 {
  display: block;
  margin: 35px 0 25px 0;
  font-style: normal;
  font-weight: 600;
  font-size: 36px;
  line-height: 1.2;
  color: #333;
}

.sales__holder ul {
  list-style-type: decimal;
  padding-left: 20px;
  margin-top: 25px;
}

.sales__holder ul li {
  margin-bottom: 14px;
}

.sales__holder ul li:last-child {
  margin-bottom: 0;
}

.sales__cards {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  margin: 0 -15px;
}

@media only screen and (max-width: 620px) {
  .sales__cards {
    margin: 0;
    display: block;
  }
}

.sales__card {
  flex: 0 0 calc(33.3333333% - 30px);
  margin: 15px;
  display: block;
  border: 1px solid #E0E0E0;
  border-radius: 1px;
}

@media only screen and (max-width: 1023px) {
  .sales__card {
    flex: 0 0 calc(50% - 30px);
  }
}

@media only screen and (max-width: 620px) {
  .sales__card {
    margin: 15px 0;
  }
}

.sales__card-description {
  display: block;
  padding: 20px 20px 50px 20px;
}

.sales__card-description .button-yellow, .sales__card-description .card__action {
  max-width: 170px;
  margin-top: 30px;
}

.sales__card-photo {
  display: block;
  width: 100%;
  height: 260px;
}

.sales__card-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.sales__card-name {
  font-size: 24px;
  font-weight: 400;
  line-height: 1.2;
}

.sales__card-text {
  display: block;
  margin-top: 10px;
}

.sales__slider {
  margin-top: 30px;
  padding-bottom: 50px;
}

.sales__slider .swiper-pagination {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sales__slider .swiper-pagination .swiper-pagination-bullet {
  border: 2px solid #BDBDBD;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  margin: 0 10px;
  cursor: pointer;
  transition-property: background-color;
  transition-duration: .3s;
}

.sales__slider .swiper-pagination .swiper-pagination-bullet:hover, .sales__slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #BDBDBD;
}

.sales__slide {
  border: 1px solid #E0E0E0;
  padding: 10px;
}

.sales__slide img {
  width: 100%;
  display: block;
}

.sales__table {
  display: block;
  margin: 40px -20px 0 -20px;
}

@media only screen and (max-width: 767px) {
  .sales__table {
    overflow-x: auto;
    max-width: 100%;
    margin: 30px 0 0 0;
  }
}

@media only screen and (max-width: 767px) {
  .sales__table table {
    min-width: 800px;
  }
}

.sales__table table thead tr th {
  text-align: left;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 1.2;
  color: #333;
  padding-bottom: 10px;
}

.sales__table table thead tr th:first-child {
  padding-left: 20px;
}

.sales__table table thead tr th:last-child {
  padding-right: 20px;
}

.sales__table table tbody tr:nth-child(even) {
  background: #F3F7FB;
  position: relative;
}

.sales__table table tbody tr:nth-child(even)::after {
  position: absolute;
  content: '';
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 200vw;
  height: 100%;
  background: #F3F7FB;
}

@media only screen and (max-width: 767px) {
  .sales__table table tbody tr:nth-child(even)::after {
    display: none;
  }
}

.sales__table table tbody tr td {
  padding: 20px 0;
  position: relative;
  z-index: 2;
}

.sales__table table tbody tr td:first-child {
  padding-left: 20px;
}

.sales__table table tbody tr td:last-child {
  padding-right: 20px;
}

.sales__table table tbody tr td .button-yellow, .sales__table table tbody tr td .card__action {
  max-width: 86px;
}

.sales__table table tbody tr td p.status {
  position: relative;
  padding-right: 20px;
}

.sales__table table tbody tr td p.status::after {
  position: absolute;
  top: 8px;
  right: 0;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  content: '';
}

.sales__table table tbody tr td p.status.active::after {
  background-color: #7DD8C7;
}

.sales__table table tbody tr td p.status.closed::after {
  background-color: #EB5757;
}

.birthday__content {
  padding: 80px 0;
}

@media only screen and (max-width: 767px) {
  .birthday__content {
    padding: 60px 0;
  }
}

.birthday__img {
  display: block;
  width: 100%;
  margin-bottom: 30px;
}

.birthday strong {
  display: block;
  margin-top: 10px;
  font-style: normal;
  font-weight: 600;
  font-size: 25px;
  line-height: 1.2;
  color: #333;
}

.birthday__description {
  max-width: 685px;
}

.need-help__content {
  padding: 80px 0;
}

@media only screen and (max-width: 767px) {
  .need-help__content {
    padding: 60px 0;
  }
}

.need-help__title {
  max-width: 870px;
}

.need-help__steps {
  margin-top: 100px;
}

@media only screen and (max-width: 600px) {
  .need-help__steps {
    margin-top: 50px;
  }
}

.need-help__step {
  display: block;
  padding: 13px 0 50px 96px;
  position: relative;
}

@media only screen and (max-width: 600px) {
  .need-help__step {
    padding: 8px 0 30px 50px;
  }
}

.need-help__step::before {
  position: absolute;
  top: 1px;
  left: 28px;
  border-left: 1px dashed #828282;
  content: '';
  height: 100%;
  z-index: 1;
}

@media only screen and (max-width: 600px) {
  .need-help__step::before {
    left: 20px;
  }
}

.need-help__step:last-child {
  padding-bottom: 0;
}

.need-help__step:last-child::before {
  display: none;
}

.need-help__step-number {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  background-color: #fff;
  width: 56px;
  height: 56px;
  border: 1px solid #333;
  border-radius: 50%;
  line-height: 54px;
  text-align: center;
  font-style: normal;
  font-weight: 600;
  font-size: 25px;
  color: #333;
}

@media only screen and (max-width: 600px) {
  .need-help__step-number {
    width: 40px;
    height: 40px;
    line-height: 38px;
    font-size: 18px;
  }
}

.need-help__step-name {
  margin-bottom: 16px;
}

.need-help__step-description {
  max-width: 540px;
}

.need-help__step .button-yellow, .need-help__step .card__action {
  max-width: 320px;
  margin-top: 20px;
}

@media only screen and (max-width: 600px) {
  .need-help__step .button-yellow, .need-help__step .card__action {
    font-size: 20px;
  }
}

.need-help__step-inners {
  display: flex;
  align-items: flex-start;
  margin: 0 -70px;
}

@media only screen and (max-width: 1023px) {
  .need-help__step-inners {
    display: block;
    margin: 0;
  }
}

.need-help__step-inner {
  flex: 0 0 50%;
  padding: 0 70px;
}

@media only screen and (max-width: 1023px) {
  .need-help__step-inner {
    padding: 20px 0;
  }
}

.need-help__step-inner:nth-child(1) {
  position: relative;
}

.need-help__step-inner:nth-child(1)::after {
  position: absolute;
  top: -15px;
  right: 10px;
  content: '';
  width: 65px;
  height: 65px;
  background-image: url("../images/icon-arrows-right.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

@media only screen and (max-width: 1023px) {
  .need-help__step-inner:nth-child(1)::after {
    display: none;
  }
}

.need-help__step-inner p {
  margin-bottom: 12px;
}

.need-help__step-inner p:last-child {
  margin-bottom: 0;
}

.footer {
  position: relative;
  background: #7caff4;
}

.footer__content {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-content: flex-start;
  align-items: flex-start;
  padding: 80px 0 100px 0;
  position: relative;
  z-index: 2;
}

@media only screen and (max-width: 1023px) {
  .footer__content {
    display: block;
    padding: 0;
  }
}

.footer__lside {
  flex: 0 0 25%;
  max-width: 160px;
}

@media only screen and (max-width: 1200px) {
  .footer__lside {
    padding-right: 45px;
  }
}

@media only screen and (max-width: 1023px) {
  .footer__lside {
    padding: 40px 20px;
    max-width: 200px;
    margin: 0 auto;
  }
}

.footer__logo {
  display: block;
  max-width: 190px;
  margin: 0 0 40px;
}

@media only screen and (max-width: 600px) {
  .footer__logo {
    margin: 0 auto;
  }
}

.footer__logo img {
  width: 100%;
}

.footer__contacts {
  margin-top: 50px;
}

@media only screen and (max-width: 600px) {
  .footer__contacts {
    text-align: center;
  }
}

.footer__contacts-inners {
  display: flex;
  align-items: flex-start;
  margin-top: 20px;
}

@media only screen and (max-width: 600px) {
  .footer__contacts-inners {
    display: block;
  }
}

.footer__contacts-inner {
  flex: 1 1 auto;
}

@media only screen and (max-width: 1023px) {
  .footer__contacts-inner {
    display: flex;
    flex-direction: column;
  }
}

@media only screen and (max-width: 600px) {
  .footer__contacts-inner {
    align-items: center;
  }
}

.footer__contacts-link {
  font-style: normal;
  font-weight: normal;
  font-size: 24px;
  line-height: 1.1;
  color: #fff;
  display: inline-block;
  border-bottom: 1px solid transparent;
  transition-property: border-bottom-color;
  transition-duration: .3s;
  margin-bottom: 5px;
}

.footer__contacts-link:last-child {
  margin-bottom: 0;
}

.footer__contacts-link:hover {
  border-bottom-color: #fff;
}

.footer__contacts-social {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-content: center;
  align-items: center;
  margin: 0;
}

@media only screen and (max-width: 600px) {
  .footer__contacts-social {
    margin: 20px 0 0 0;
    justify-content: center;
  }
}

.footer__contacts-social li {
  display: inline-block;
  margin-right: 14px;
  font-size: 0;
}

.footer__contacts-social li:last-child {
  margin-right: 0;
}

.footer__contacts-social li a.youtube svg path {
  transition-property: fill;
  transition-duration: .3s;
}

.footer__contacts-social li a.youtube:hover svg path {
  fill: #FF0000;
}

.footer__contacts-social li a.facebook svg path {
  transition-property: fill;
  transition-duration: .3s;
}

.footer__contacts-social li a.facebook:hover svg path {
  fill: #0A80EC;
}

.footer__contacts-social li a.instagram svg path:nth-child(1), .footer__contacts-social li a.instagram svg path:nth-child(2) {
  transition-property: fill, stroke;
  transition-duration: .3s;
}

.footer__contacts-social li a.instagram:hover svg path:nth-child(1), .footer__contacts-social li a.instagram:hover svg path:nth-child(2) {
  fill: #BB358B;
  stroke: #BB358B;
}

.footer__center {
  flex: 0 0 50%;
}

@media only screen and (max-width: 600px) {
  .footer__center {
    text-align: center;
  }
}

.footer__subscribe {
  max-width: 345px;
  margin: 0 auto 40px;
}

.footer__subscribe-title {
  margin: 0 0 20px;
  font-size: 24px;
  line-height: 35px;
}

@media only screen and (max-width: 1023px) {
  .footer__subscribe-title {
    text-align: center;
  }
}

.footer__form {
  display: flex;
  align-items: center;
  margin-top: 18px;
}

@media only screen and (max-width: 600px) {
  .footer__form {
    display: block;
  }
}

.footer__form .field-input {
  width: auto;
  max-width: 190px;
}

@media only screen and (max-width: 600px) {
  .footer__form .field-input {
    width: 100%;
    max-width: 100%;
  }
}

.footer__form button {
  max-width: 160px;
  margin-left: 15px;
}

@media only screen and (max-width: 600px) {
  .footer__form button {
    margin: 15px 0 0 0;
    max-width: 100%;
  }
}

.footer__rside {
  flex: 0 0 25%;
  padding: 0 0 0 60px;
  display: flex;
  flex-direction: column;
}

@media only screen and (max-width: 1023px) {
  .footer__rside {
    width: 100%;
    padding: 40px 20px;
    align-items: center;
  }
}

.footer__text {
  margin-top: 25px;
  text-align: center;
}

@media only screen and (max-width: 1023px) {
  .footer__text br {
    display: none;
  }
}

.footer__email {
  display: inline-block;
  padding-left: 40px;
  position: relative;
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 1;
  color: #fff;
  transition-property: color;
  transition-duration: .3s;
}

@media only screen and (max-width: 600px) {
  .footer__email {
    margin-bottom: 8px;
  }
}

.footer__email:hover {
  color: #0C6DFF;
}

.footer__email::before {
  position: absolute;
  content: '';
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 26px;
  height: 24px;
  background-image: url("../images/icon-email-ft.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.footer__phone {
  display: inline-block;
  margin-top: 30px;
  padding-left: 40px;
  position: relative;
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 1;
  color: #fff;
  transition-property: color;
  transition-duration: .3s;
}

.footer__phone:hover {
  color: #0C6DFF;
}

.footer__phone::before {
  position: absolute;
  content: '';
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 25px;
  height: 25px;
  background-image: url("../images/icon-phone-ft.svg");
  background-repeat: no-repeat;
  background-size: contain;
}