@font-face {
  font-family: Assistant;
  font-display: swap;
  src: url("../fonts/Assistant-Bold.woff2") format("woff2"), url("../fonts/Assistant-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}

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

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

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

@font-face {
  font-family: SegoeUI;
  font-display: swap;
  src: url("../fonts/Segoe UI Bold.woff2") format("woff2"), url("../fonts/Segoe UI Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: SegoeUI;
  font-display: swap;
  src: url("../fonts/SegoeUI.woff2") format("woff2"), url("../fonts/SegoeUI.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}

/* NORMALIZE */

/* ================================================ */

html,
body,
div,
span,
applet,
main,
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;
  font-size: 100%;
}

article,
aside,
details,
main,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after {
  content: "";
  content: none;
}

q:before,
q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-width: 0px;
  padding: 0px;
  margin: 0px;
}

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

input,
textarea {
  color: #333;
  outline: none;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -webkit-appearance: none;
}

input[type=button],
input[type=submit] {
  cursor: pointer;
  -webkit-appearance: none;
  outline: none;
}

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

button {
  cursor: pointer;
  -webkit-appearance: none;
  outline: none;
}

td,
form {
  margin: 0px;
  padding: 0px;
}

a {
  color: inherit;
  font-family: inherit;
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  text-decoration: none;
  outline: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

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

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

*:focus,
*:active {
  outline: none;
}

a:focus,
a:active {
  outline: none;
}

html {
  font-size: 62.5%;
}

html.lock,
html.lock body {
  overflow: hidden;
}

html.navLock,
html.navLock body {
  overflow: hidden;
}

body {
  color: #1D1E1D;
  font: 400 2rem "Assistant", Arial, sans-serif;
  line-height: 1.4;
  background: #fff;
  min-height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0px;
  padding: 0px;
  position: relative;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Normalize ====================================== */

/* TYPOGRAPHY */

/* ================================================ */

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: bold;
  line-height: 1.2;
}

h1,
.h1 {
  font-size: 4rem;
}

h2,
.h2 {
  font-size: 3.5rem;
}

h3,
.h3 {
  font-size: 2.6rem;
}

h4,
.h4 {
  font-size: 2.5rem;
}

h5,
.h5 {
  font-size: 1.8rem;
}

h6,
.h6 {
  font-size: 1.6rem;
}

a {
  color: #1D1E1D;
}

a:hover {
  text-decoration: underline;
}

p {
  margin-bottom: 2rem;
}

p:last-child {
  margin-bottom: 0;
}

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

blockquote {
  border-left: 0.2rem solid rgba(29, 30, 29, 0.5);
  margin-bottom: 2rem;
  padding: 1rem 0 1rem 2rem;
}

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

.color-info {
  color: #19689C;
}

.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.nowrap {
  white-space: nowrap;
}

.ttu {
  text-transform: uppercase;
}

.italic {
  font-style: italic;
}

.font-700 {
  font-weight: 700;
}

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

.font-400 {
  font-weight: 400;
}

.font-300 {
  font-weight: 300;
}

.font-100 {
  font-weight: 100;
}

.margin > *:last-child {
  margin-bottom: 0;
}

.margin > *:first-child {
  margin-top: 0;
}

.inline-block {
  display: inline-block;
  vertical-align: top;
}

.show-tablet {
  display: none;
}

.w-50 {
  width: 50%;
}

/* HEADER */

/* ================================================ */

.header {
  width: 100%;
  min-width: 32rem;
  text-align: left;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background: #fff;
  z-index: 20;
}

.header__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 7rem;
}

.header__left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 26rem;
  margin-right: 3rem;
}

.header__lang {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-right: 3rem;
}

.header__search-block {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

.header__user-block {
  margin-left: 3rem;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.header__middle {
  padding: 2rem 0;
  text-align: center;
}

.header__middle .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.header__logo {
  display: block;
  font-size: 0;
  margin-left: auto;
  margin-right: auto;
}

.header__logo img {
  max-height: 3.6rem;
  display: block;
}

.header__bottom {
  background: #1D1E1D;
}

.lang {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  text-transform: uppercase;
}

.lang__button {
  cursor: pointer;
  height: 3rem;
  padding: 0 1.8rem 0 1rem;
  position: relative;
  line-height: 3rem;
  font-weight: 600;
  color: #1579BE;
  font-size: 1.5rem;
  border: 0.1rem solid #1579BE;
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.lang__button:after {
  content: "";
  position: absolute;
  top: 1.4rem;
  right: 0.5rem;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0.4rem 0.3rem 0 0.3rem;
  border-color: #4F4F4F transparent transparent transparent;
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.lang__drop {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  border: 0.1rem solid #1579BE;
  border-top: none;
  background: #1579BE;
  z-index: 5;
}

.lang__drop-item {
  font-weight: 600;
  color: #fff;
  font-size: 1.5rem;
  padding: 0.5rem 1rem;
}

.lang._open .lang__button {
  background: #1579BE;
  color: #fff;
}

.lang._open .lang__button:after {
  border-top-color: #fff;
}

.lang._open .lang__drop {
  display: block;
}

.search-block {
  position: relative;
  width: 20rem;
}

.search-block form {
  display: block;
  height: auto;
}

.search-block__input {
  border: none;
  border-bottom: 0.1rem solid transparent;
  padding-left: 2rem;
  color: #4F4F4F;
  font-family: "Assistant";
  font-size: 1.2rem;
  height: 3rem;
  display: block;
  background-color: transparent;
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.search-block__input:focus {
  border-bottom-color: #4F4F4F;
}

.search-block__icon {
  position: absolute;
  top: 1rem;
  left: 0;
}

.search-block__icon img {
  width: 1.2rem;
}

.user-block {
  position: relative;
  top: 1.5rem;
}

.user-block__img {
  width: 6rem;
  height: 6rem;
  border-radius: 50%;
  position: relative;
  cursor: pointer;
}

.user-block__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: relative;
  z-index: 1;
}

.user-block__img:before {
  content: "";
  display: block;
  position: absolute;
  right: -0.7rem;
  top: -0.2rem;
  width: 2.8rem;
  height: 2.8rem;
  border-radius: 50%;
  background: #1D1E1D;
  pointer-events: none;
}

.user-block__img:after {
  content: "";
  display: block;
  position: absolute;
  left: -0.1rem;
  bottom: -0.1rem;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background: #ECECEC;
  pointer-events: none;
}

.main-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  /* display: flex; */
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
          align-items: center;
}

.main-menu__item {
  margin: 0 3rem;
}

.main-menu__link {
  color: #fff;
  font-size: 2.1rem;
  display: block;
  line-height: 1.2;
  border-bottom: 0.4rem solid transparent;
  -webkit-transition: border-color 0.2s linear;
  -o-transition: border-color 0.2s linear;
  transition: border-color 0.2s linear;
}

.main-menu__link._active {
  border-color: #1579BE;
}


.logo {
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

/* begin Mobile Menu */

.navbar__container {
  background: #1D1E1D;
  width: 30rem;
  position: absolute;
  top: 0;
  height: 100%;
  z-index: 99;
  max-height: 100%;
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%);
  overflow: hidden;
  overflow-y: auto;
  padding: 6rem 2rem 2rem;
}

.navbar__close {
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
  width: 3rem;
  height: 3rem;
  cursor: pointer;
}

.navbar__close:after,
.navbar__close:before {
  content: "";
  display: block;
  width: 2.6rem;
  height: 0.2rem;
  background: #fff;
  position: absolute;
  left: 0.2rem;
  top: 47%;
}

.navbar__close:after {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.navbar__close:before {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.navbar__overlay {
  background: rgba(29, 30, 29, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 98;
  opacity: 0;
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%);
  -webkit-transition: opacity 0.2s ease-in-out, -webkit-transform 0.1ms ease-in-out 0.2s;
  transition: opacity 0.2s ease-in-out, -webkit-transform 0.1ms ease-in-out 0.2s;
  -o-transition: opacity 0.2s ease-in-out, transform 0.1ms ease-in-out 0.2s;
  transition: opacity 0.2s ease-in-out, transform 0.1ms ease-in-out 0.2s;
  transition: opacity 0.2s ease-in-out, transform 0.1ms ease-in-out 0.2s, -webkit-transform 0.1ms ease-in-out 0.2s;
}

.navbar._open {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 100vh;
  height: 100%;
  z-index: 99;
}

.navbar._open .navbar__container {
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
  -webkit-box-shadow: 2px 0 6px rgba(51, 51, 51, 0.26);
          box-shadow: 2px 0 6px rgba(51, 51, 51, 0.26);
}

.navbar._open .navbar__overlay {
  opacity: 1;
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}

.navbar-menu {
  margin-left: -0.5rem;
}

.navbar-menu__item {
  margin-bottom: 0.3rem;
}

.navbar-menu__link {
  display: block;
  color: #fff;
  font-size: 2.4rem;
  padding: 0.7rem 2rem;
  position: relative;
  border-left: 0.2rem solid transparent;
}

.navbar-menu__link._active {
  border-left-color: #19689C;
}

/* end Mobile Menu */

/*  Burger button */

.burger {
  height: 3.4rem;
  width: 3.4rem;
  cursor: pointer;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  position: relative;
  display: block;
}

.burger__icon {
  height: 0.3rem;
  width: 3.4rem;
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 2.5rem;
  background-color: #fff;
  -webkit-transform: translate(-50%, -50%) rotate(0deg);
      -ms-transform: translate(-50%, -50%) rotate(0deg);
          transform: translate(-50%, -50%) rotate(0deg);
  -webkit-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.burger__icon:before,
.burger__icon:after {
  content: "";
  position: absolute;
  height: inherit;
  border-radius: 0.5rem;
  background-color: #fff;
  margin: auto;
  width: 100%;
  -webkit-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.burger__icon:before {
  top: -1.1rem;
  left: 0;
  -webkit-transform-origin: left;
      -ms-transform-origin: left;
          transform-origin: left;
}

.burger__icon:after {
  bottom: -1.1rem;
  right: 0;
  -webkit-transform-origin: right;
      -ms-transform-origin: right;
          transform-origin: right;
}

/* MAIN */

/* ================================================ */

.main-wrapper {
  padding: 0;
  min-width: 32rem;
  position: relative;
  overflow: hidden;
  opacity: 1;
  z-index: 2;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  min-height: 100vh;
  width: 100%;
}

.main {
  width: 100%;
  min-width: 32rem;
  text-align: left;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  /* padding-bottom: 10.5rem; */
}

.main__body {
  padding-top: 7.5rem;
}

.main__head {
  margin-bottom: 5rem;
}

.main__title {
  font-size: 5rem;
  font-weight: 700;
  color: #fff;
  text-align: center;
  line-height: 1.2;
  text-transform: uppercase;
}

.main__title span {
  background: #19689C;
  display: inline-block;
  padding: 0.6rem 8% 1.4rem;
  -webkit-clip-path: polygon(1% 12%, 90% 0%, 100% 81%, 0% 95%);
          clip-path: polygon(1% 12%, 90% 0%, 100% 81%, 0% 95%);
  -webkit-transition: padding 0.2s linear, background 0.2s linear, color 0.2s linear;
  -o-transition: padding 0.2s linear, background 0.2s linear, color 0.2s linear;
  transition: padding 0.2s linear, background 0.2s linear, color 0.2s linear;
}

.main__subtitle {
  text-align: center;
  margin-top: 1rem;
  font-size: 3.6rem;
}

.main__button {
  margin-top: 6.5rem;
  margin-bottom: 1rem;
}

.main--null {
  padding: 0;
}

.main--null .contacts {
  margin-bottom: -11rem;
}

.section__head {
  /* margin-bottom: 5rem; */
}

.section__title {
  font-size: 5rem;
  font-weight: 700;
  margin-bottom: 1rem;
  text-align: center;
}

.section__title span {
  display: inline-block;
  color: #088fdd;
  padding-left: 9%;
  padding-bottom: 1rem;
  padding-right: 9%;
  -webkit-transition: padding 0.2s linear, background 0.2s linear, color 0.2s linear;
  -o-transition: padding 0.2s linear, background 0.2s linear, color 0.2s linear;
  transition: padding 0.2s linear, background 0.2s linear, color 0.2s linear;
}

.section__title--info span {
  /* background: #19689C; */
}

.section__title--reverse span {
  -webkit-clip-path: polygon(7% 0%, 98% 2%, 100% 100%, 0% 90%);
          clip-path: polygon(7% 0%, 98% 2%, 100% 100%, 0% 90%);
}

.section__subtitle {
  text-align: center;
  font-size: 3rem;
  font-weight: 600;
}

.container {
  width: 100%;
  min-width: 32rem;
  max-width: 1420px;
  padding: 0 30px;
  margin: 0 auto;
  position: relative;
}

/* Home */

.welcome {
  position: relative;
  padding: 7rem 0 10rem;
  text-align: center;
  margin-bottom: 10rem;
  padding-top: 0rem;
}

.welcome .container {
  position: relative;
  z-index: 2;
}

.welcome__title {
  font-size: 50px;
  font-weight: 600;
  color: #19689C;
  line-height: 0.9;
  margin-bottom: 6rem;
  padding-top: 40px;
}

.welcome__title div {
  color: #1D1E1D;
  font-size: 170%;
  font-weight: 800;
}

.welcome__button {
  margin-bottom: 5rem;
}

.welcome__button .read-more-btn {
  height: 7rem;
}

.welcome__button .read-more-btn > span {
  line-height: 6.6rem;
  padding-left: 8rem;
  padding-right: 8rem;
}

.welcome__path {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 100%;
  max-height: 75%;
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  pointer-events: none;
  -webkit-clip-path: polygon(0 1%, 34% 18%, 84% 10%, 100% 40%, 100% 98%, 80% 93%, 60% 100%, 53% 93%, 0 99%);
          clip-path: polygon(0 1%, 34% 18%, 84% 10%, 100% 40%, 100% 98%, 80% 93%, 60% 100%, 53% 93%, 0 99%);
}

.play-button {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}

.about-us {
  text-align: center;
  margin-bottom: 10rem;
}

.about-us__text {
  max-width: 102rem;
  margin-left: auto;
  margin-right: auto;
  font-size: 2.8rem;
  font-weight: 300;
  line-height: 1.2;
}

.about-us__button {
  margin-top: 3.5rem;
}

.services {
  position: relative;
  text-align: center;
  padding: 0 0 8rem 0;
  margin-bottom: 10rem;
}

.services .container {
  z-index: 2;
}

.services__path {
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  /* background: #19689C; */
  pointer-events: none;
  /* -webkit-clip-path: polygon(0 3%, 6% 12%, 26% 0, 85% 9%, 100% 0, 100% 100%, 78% 94%, 29% 99%, 0 96%);
          clip-path: polygon(0 3%, 6% 12%, 26% 0, 85% 9%, 100% 0, 100% 100%, 78% 94%, 29% 99%, 0 96%); */
}

.services-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: -3rem;
  margin-right: -3rem;
  margin-bottom: -4rem;
}

.services-wrap__item {
  width: 33.33%;
  padding-left: 3rem;
  padding-right: 3rem;
  margin-bottom: 4rem;
}

.item-service__img {
  height: 17rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 1.5rem;
}

.item-service__img img {
  max-height: 100%;
  -webkit-transition: -webkit-transform 0.2s linear;
  transition: -webkit-transform 0.2s linear;
  -o-transition: transform 0.2s linear;
  transition: transform 0.2s linear;
  transition: transform 0.2s linear, -webkit-transform 0.2s linear;
}

.item-service__title {
  display: inline-block;
  font-size: 2.6rem;
  font-weight: 600;
  color: #1D1E1D;
  padding: 0.5rem 5%;
  line-height: 1.2;
  -webkit-clip-path: polygon(0 0, 100% 0, 97% 100%, 5% 98%);
          clip-path: polygon(0 0, 100% 0, 97% 100%, 5% 98%);
  -webkit-transition: padding 0.2s linear, background 0.2s linear, color 0.2s linear;
  -o-transition: padding 0.2s linear, background 0.2s linear, color 0.2s linear;
  transition: padding 0.2s linear, background 0.2s linear, color 0.2s linear;
}

.campings-sec {
  margin-bottom: 12rem;
}

.campings-sec .section__title span {
  -webkit-clip-path: polygon(0 10%, 100% 0, 97% 100%, 8% 92%);
          clip-path: polygon(0 10%, 100% 0, 97% 100%, 8% 92%);
}

.slider-multimple {
  position: relative;
}

.slider-multimple__container {
  overflow: hidden;
  margin-left: -1rem;
  margin-right: -1rem;
}

.slider-multimple__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.slider-multimple__item {
  width: calc(33.33% - 2rem);
  margin-right: 1rem;
  margin-left: 1rem;
  background: #1579BE;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

.slider-multimple__item:last-child {
  margin-right: 0;
}

.slider-multimple__item._active {
  background: #19689C;
}

.slider-multimple__prev,
.slider-multimple__next {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 4rem;
  height: 4rem;
  position: absolute;
  top: calc(50% - 4.7rem);
  -webkit-transition: -webkit-transform 0.2s linear;
  transition: -webkit-transform 0.2s linear;
  -o-transition: transform 0.2s linear;
  transition: transform 0.2s linear;
  transition: transform 0.2s linear, -webkit-transform 0.2s linear;
}

.slider-multimple__prev {
  left: -6rem;
}

.slider-multimple__next {
  right: -6rem;
}

.slider-multimple__next img {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.slider-multimple__pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 4rem;
}

.slider-multimple__bullet {
  width: 1.4rem;
  height: 1.4rem;
  border-radius: 50%;
  cursor: pointer;
  margin: 0 0.7rem;
  background: #1D1E1D;
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.slider-multimple__bullet._active {
  background: #ED604F;
}

.banner {
  padding-bottom: 26.5%;
  background-image: url("../img/banner.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  
}

.koach {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  margin-bottom: 4rem;
}

.koach__item {
  text-transform: uppercase;
  font-size: 6.3rem;
  font-weight: 700;
  color: #19689C;
  line-height: 1;
}

.koach__eters {
  font-size: 4.6rem;
  font-weight: 600;
  line-height: 1;
}

.koach__left {
  width: 50%;
}

.koach__right {
  width: 50%;
  padding-left: 6rem;
}

.promo {
  padding-top: 2rem;
}

.promo__title {
  font-size: 4.4rem;
  font-weight: 700;
  line-height: 1.05;
  border-bottom: 0.1rem solid #1579BE;
  padding-bottom: 2rem;
  margin-bottom: 3rem;
}

.promo__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 7rem;
}

.promo__slider {
  width: 52%;
  padding-top: 1rem;
}

.promo__side {
  width: 42%;
  margin-left: 6%;
}

.promo__context {
  font-size: 2rem;
  line-height: 1.3;
}

.promo__context-buttons {
  margin-top: 3.5rem;
}

.promo__context-buttons .btn {
  margin-top: 2.4rem;
}

.promo__social {
  margin-top: 3rem;
  text-align: center;
}

.slider {
  position: relative;
  padding-bottom: 4rem;
}

.slider__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.slider_stop_block {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}

.slider__item {
  width: 100%;
  display: none;
}

.slider__item img {
  width: 100%;
}

.slider__item._active {
  display: block;
}

.slider__prev,
.slider__next {
  position: absolute;
  top: 50%;
  margin-top: -4rem;
  width: 4rem;
  height: 4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
}

.slider__prev img,
.slider__next img {
  width: 4rem;
  height: 4rem;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

.slider__prev {
  left: 1rem;
}

.slider__next {
  right: 1rem;
}

.slider__next img {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.slider__dots {
  position: absolute;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
}

.slider__bullet {
  width: 1.4rem;
  height: 1.4rem;
  border-radius: 50%;
  background: #D8D8D8;
  margin: 0 0.4rem;
  cursor: pointer;
}

.slider__bullet._active {
  background: #19689C;
}

.side-promo__title {
  font-size: 30px;
  font-weight: 900;
  line-height: 1;
  margin-bottom: 1.8rem;
  color: black;
}

/* .side-promo__price {
  font-size: 140%;
  font-weight: 700;
  color: #19689C;
} */

.side-promo__progress {
  margin-bottom: 3.4rem;
}

.side-promo__icons-grid {
  margin-bottom: 4rem;
}

.side-promo__social {
  text-align: center;
  margin-bottom: 3rem;
}

.icons-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: -1.5rem;
  margin-right: -1.5rem;
}

.icons-grid__item {
  width: 33.33%;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  text-align: center;
  position: relative;
}

/* .icons-grid__item:after {
  content: "";
  display: block;
  position: absolute;
  left: 100%;
  margin-left: 0.3rem;
  top: 5%;
  width: 0.2rem;
  -webkit-transform: rotate(6deg);
      -ms-transform: rotate(6deg);
          transform: rotate(6deg);
  height: 90%;
  background: #1579BE;
} */

.icons-grid__item:last-child:after {
  display: none;
}

.icons-grid__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 1rem;
}

.icons-grid__icon img {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  height: 6rem;
}

.icons-grid__title {
  font-size: 12px;
  line-height: 1.2;
  color: black;
}

.icons-grid__title span {
  display: block;
  font-size: 140%;
  font-weight: 700;
}

.box {
  /* border: 0.2rem solid #1D1E1D; */
  margin-bottom: 5.5rem;
}

.box__top {
  background: #1D1E1D;
  padding: 0.6rem 3.5rem;
}

.box__title {
  font-size: 3.4rem;
  color: #fff;
  font-weight: 700;
  line-height: 1.2;
}

.box__body {
  padding: 3rem 3.5rem;
}

.donations {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}

.donations__item {
  width: calc(20% - 1rem);
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  margin-bottom: 1.7rem;
}

.donations__input {
  width: calc(30% - 1rem);
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.donations__button {
  width: calc(30% - 1rem);
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}

.donations__button .btn {
  height: 5.1rem;
  font-size: 3.5rem;
  letter-spacing: 0.12rem;
  -webkit-clip-path: polygon(6% 0, 99% 7%, 100% 100%, 0% 95%);
          clip-path: polygon(6% 0, 99% 7%, 100% 100%, 0% 95%);
}

.donations__info {
  width: calc(40% - 3rem);
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  font-size: 2.2rem;
  color: #19689C;
  line-height: 0.9;
  padding: 0.1rem;
  background: #19689C;
  -webkit-clip-path: polygon(0 0, 100% 0%, 99.4% 100%, 3.8% 99%);
          clip-path: polygon(0 0, 100% 0%, 99.4% 100%, 3.8% 99%);
}

.donations__info-inner {
  background: #fff;
  padding: 0.5rem 4rem;
  -webkit-clip-path: polygon(0 0, 100% 0%, 99.4% 100%, 3.8% 99%);
          clip-path: polygon(0 0, 100% 0%, 99.4% 100%, 3.8% 99%);
}

.donations__info-inner span {
  font-weight: 600;
}

.donations-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #19689C;
  color: #fff;
  -webkit-clip-path: polygon(0 0, 100% 2%, 97% 100%, 4% 94%);
          clip-path: polygon(0 0, 100% 2%, 97% 100%, 4% 94%);
}

.donations-card__img {
  width: 40%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../img/donate-img.jpg");
}

.donations-card__content {
  width: 60%;
  padding: 0.9rem 2.5rem 0.9rem 1.5rem;
  font-size: 0;
}

.donations-card__title {
  font-size: 1.6rem;
  line-height: 1;
  padding-left: 0.6rem;
  font-weight: 700;
}

.donations-card__text {
  font-size: 1.2rem;
  line-height: 1;
  margin-bottom: 0.2rem;
  margin-top: -0.1rem;
  padding-left: 0.6rem;
}

.donations-card__donate {
  font-size: 1.4rem;
  background: #000000;
  display: inline-block;
  padding: 0 1rem;
  line-height: 1.2;
  font-weight: 600;
  text-align: center;
  -webkit-clip-path: polygon(0 0, 100% 0%, 97% 100%, 0% 96%);
          clip-path: polygon(0 0, 100% 0%, 97% 100%, 0% 96%);
}

.donate-form {
  position: relative;
}

.donate-form__buttons {
  position: absolute;
  z-index: 2;
  top: 50%;
  margin-top: -1rem;
  left: 2.7rem;
}

.donate-form__minus,
.donate-form__plus {
  display: block;
  width: 1.5rem;
  height: 1rem;
  cursor: pointer;
  position: relative;
}

.donate-form__minus:after,
.donate-form__plus:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.donate-form__minus:after {
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 1rem 0.75rem 0 0.75rem;
  border-color: #1D1E1D transparent transparent transparent;
}

.donate-form__plus {
  margin-bottom: 0.2rem;
}

.donate-form__plus:after {
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 0.75rem 1rem 0.75rem;
  border-color: transparent transparent #1D1E1D transparent;
}

.donate-form__sel {
  position: absolute !important;
  right: 1.8rem;
  top: 50%;
  margin-top: -0.9rem;
  z-index: 5;
}

.donate-form__input {
  background: #19689C;
  font-family: "Assistant";
  font-size: 2rem;
  color: #fff;
  font-weight: 400;
  border: none;
  display: block;
  width: 100%;
  height: 4.3rem;
  padding: 0 9rem 0 6.5rem;
  -webkit-clip-path: polygon(0 0, 100% 8%, 98.9% 98%, 3.8% 100%);
          clip-path: polygon(0 0, 100% 8%, 98.9% 98%, 3.8% 100%);
}

.donate-form--lg .donate-form__input {
  height: 6rem;
}

.donate-form--lg .form-sel__button {
  height: 2.5rem;
  line-height: 2.5rem;
}

.donate-form--default .donate-form__wrap-input {
  background: #1D1E1D;
  padding: 0.2rem;
  -webkit-clip-path: polygon(0 0, 100% 8%, 98.9% 98%, 3.8% 100%);
          clip-path: polygon(0 0, 100% 8%, 98.9% 98%, 3.8% 100%);
}

.donate-form--default .donate-form__input {
  background: #fff;
  border: none;
  padding-left: 3rem;
  color: #1D1E1D;
  -webkit-clip-path: polygon(0 0, 100% 8%, 98.9% 98%, 3.8% 100%);
          clip-path: polygon(0 0, 100% 8%, 98.9% 98%, 3.8% 100%);
}

.form-sel {
  position: relative;
  background: #46A1D3;
  color: #fff;
  font-size: 1.4rem;
}

.form-sel__button {
  padding: 0 1.5rem 0 0.8rem;
  height: 1.9rem;
  line-height: 1.9rem;
  white-space: nowrap;
  font-weight: 600;
  cursor: pointer;
  position: relative;
}

.form-sel__button:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -0.3rem;
  right: 0.4rem;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0.5rem 0.35rem 0 0.35rem;
  border-color: #fff transparent transparent transparent;
}

.form-sel__drop {
  display: none;
  z-index: 5;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background: #46A1D3;
  padding: 0.5rem 0;
}

.form-sel__drop-item {
  padding: 0.2rem 0.8rem;
  cursor: pointer;
}

.form-sel._open .form-sel__drop {
  display: block;
}

.form-sel--dark {
  background: #1D1E1D;
}

.form-sel--dark .form-sel__drop {
  background: #1D1E1D;
}

.context__wrap {
  overflow: hidden;
  font-family: "SegoeUI";
}

.context__side {
  float: right;
  width: 45rem;
  margin-left: 2rem;
  margin-bottom: 3rem;
  margin-top: 1rem;
  font-family: "Assistant";
}

.context__side-button {
  margin-top: 2.3rem;
  text-align: center;
}

.context__side-button .btn {
  height: 6rem;
  padding: 0 9rem;
  font-size: 3.5rem;
}

.context__buttons {
  text-align: center;
  margin-top: 7.2rem;
}

.context__buttons .btn {
  height: 6.1rem;
  font-size: 3.7rem;
  width: 46.5rem;
  padding-bottom: 0.2rem;
  padding-left: 3rem;
  padding-right: 3rem;
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}

.context__buttons .btn--info {
  -webkit-clip-path: polygon(6.5% 0, 98% 7%, 99% 100%, 0% 95%);
          clip-path: polygon(6.5% 0, 98% 7%, 99% 100%, 0% 95%);
  font-size: 4.4rem;
  height: 6.4rem;
}

.side-context {
  border: 0.2rem solid #000;
}

.side-context__top {
  background: #1D1E1D;
  padding: 3rem;
  color: #fff;
}

.side-context__title {
  line-height: 1.2;
  font-size: 2.6rem;
  font-weight: 700;
  letter-spacing: 0.12rem;
}

.side-context__title div {
  font-size: 80%;
  font-weight: 400;
}

.side-context__body {
  max-height: 50rem;
  overflow: hidden;
  overflow-y: auto;
}

.side-context__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  color: #fff;
  height: 6rem;
  font-weight: 600;
  font-size: 2rem;
  letter-spacing: 0.1rem;
  -webkit-transition: background 0.2s linear;
  -o-transition: background 0.2s linear;
  transition: background 0.2s linear;
  background: #19689C;
}

.side-context__button:hover {
  text-decoration: none;
}

.sc-list__item {
  position: relative;
  padding: 1.2rem 3rem 1.2rem 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1.2;
  border-bottom: 0.1rem solid #000;
  transform: translateY(100%);
  transition: transformY 1s;
}

.sc-list__item.active {
  transform: translateY(0);
}

.sc-list__item:last-child {
  border: none;
}

.sc-list__title {
  font-size: 2rem;
  font-weight: 600;
  margin-bottom: 0.3rem;
}

.sc-list__subtitle {
  font-size: 1.4rem;
}

.sc-list__text {
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.1;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  max-height: 3.4rem;
}

.sc-list__content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 1px;
}

.sc-list__price {
  margin-left: 2rem;
  font-size: 2.8rem;
  font-weight: 700;
  color: #000;
}

.article-content h3 {
  margin-bottom: 2rem;
  margin-top: 4rem;
}

.donate-fixed {
  position: fixed;
  bottom: 7.5rem;
  left: 0;
  right: 0;
  height: 0;
  z-index: 10;
}

.donate-fixed__inner {
  background: #1D1E1D;
  height: 7.5rem;
  padding: 0 8rem;
  max-width: 74rem;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-shadow: -0.5rem -0.2rem 0.3rem rgba(0, 0, 0, 0.47);
          box-shadow: -0.5rem -0.2rem 0.3rem rgba(0, 0, 0, 0.47);
  -webkit-clip-path: polygon(4% 0, 99% 7%, 100% 100%, 0% 100%);
          clip-path: polygon(4% 0, 99% 7%, 100% 100%, 0% 100%);
}

.donate-fixed__button {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  background: #1579BE;
  color: #fff;
  font-size: 2.6rem;
  font-weight: 700;
  height: 4.5rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 2rem;
  white-space: nowrap;
}

.donate-fixed__button img {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-left: 1rem;
  max-width: 3rem;
}

.donate-fixed__button:hover {
  text-decoration: none;
}

.donate-fixed__social {
  margin-left: auto;
}

.donate-fixed__social .social__link {
  width: 3.3rem;
  height: 3.3rem;
  margin-bottom: 0;
}

.donate-fixed__social .social__link img {
  max-width: 1.8rem;
  max-height: 1.8rem;
}

.donate-fixed__social .social__link--link img {
  max-width: 2.2rem;
  max-height: 2.2rem;
}

/*campaings -----------------------------------------------------------------------------*/

.campaigns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -1rem;
  margin-right: -1rem;
}

.campaigns__item {
  width: 33.33%;
  padding-left: 1rem;
  padding-right: 1rem;
  margin-bottom: 2.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.item-campaign {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #EFEFEF;
  -webkit-transition: background 0.2s linear;
  -o-transition: background 0.2s linear;
  transition: background 0.2s linear;
}

.item-campaign__img {
  height: 19rem;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 95%);
          clip-path: polygon(0 0, 100% 0, 100% 100%, 0 95%);
  overflow: hidden;
  width: 100%;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

.item-campaign__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.item-campaign__body {
  padding: 2.5rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.item-campaign__title {
  font-weight: 700;
  font-size: 2.5rem;
  line-height: 0.9;
  margin-bottom: 1.6rem;
  padding-bottom: 0.3rem;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  max-height: 4.8rem;
  -webkit-transition: color 0.2s linear;
  -o-transition: color 0.2s linear;
  transition: color 0.2s linear;
}

.item-campaign__text {
  font-size: 1.8rem;
  line-height: 1.2;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  max-height: 6.5rem;
  margin-bottom: 2.8rem;
}

.item-campaign__progress {
  height: 2.4rem !important;
  margin-bottom: 1rem;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-top: auto;
}

.item-campaign__icons-grid {
  margin-left: -1rem;
  margin-right: -1rem;
}

.item-campaign__icons-grid .icons-grid__item {
  padding-left: 1rem;
  padding-right: 1rem;
}

.item-campaign__icons-grid .icons-grid__item:after {
  margin-left: -0.5rem;
  height: 100%;
  -webkit-transform: rotate(15deg);
      -ms-transform: rotate(15deg);
          transform: rotate(15deg);
}

.item-campaign__icons-grid .icons-grid__title {
  font-size: 1.6rem;
  letter-spacing: -0.02rem;
}

.item-campaign__icons-grid .icons-grid__title span {
  margin-top: 0.5rem;
}

.item-campaign:hover {
  text-decoration: none;
}

.head-section {
  background: #444;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  text-align: center;
  padding: 5rem 0 17rem;
  color: #fff;
}

.head-section__title {
  font-size: 6rem;

}

.head-section__text {
  max-width: 99.2rem;
  margin-left: auto;
  margin-right: auto;
  font-size: 2rem;
  font-family: "SegoeUI";
}

.head-section__subtitle {
  font-weight: 600;
  font-size: 3rem;
  line-height: 1.2;
}

.head-section__devider {
  color: #1D1E1D;
  font-size: 6rem;
  font-weight: 600;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1.2;
}

.head-section__devider:after,
.head-section__devider:before {
  content: "";
  display: block;
  height: 0.2rem;
  background: #fff;
  width: 9.4rem;
}

.head-section__devider span {
  margin: 0 1rem;
}

.head-section__devider--1 span {
  -webkit-transform: rotate(11deg);
      -ms-transform: rotate(11deg);
          transform: rotate(11deg);
}

.head-section__devider--2 span {
  -webkit-transform: rotate(-11deg);
      -ms-transform: rotate(-11deg);
          transform: rotate(-11deg);
}

.about {
  max-width: 125.8rem;
  margin-left: auto;
  margin-right: auto;
}

.about__title {
  font-size: 4.4rem;
  font-weight: 700;
  margin-top: -11rem;
  text-align: center;
}

.about__title span {
  display: inline-block;
  color: #088fdd;
  padding-left: 5%;
  padding-right: 5%;
}

.devider {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 4rem 0;
}

.devider:after,
.devider:before {
  content: "";
  display: block;
  height: 0.2rem;
  background: #1D1E1D;
  width: 9.4rem;
}

.devider img {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}

.send {
  margin-top: 10rem;
}

.send-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -1rem;
  margin-right: -1rem;
}

.send-form__item {
  width: 33.33%;
  padding-left: 1rem;
  padding-right: 1rem;
  margin-bottom: 2rem;
}

.send-form__message {
  margin-bottom: 2rem;
}

.send-form__button,
.send-form__message {
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}

.send-form--campaign .send-form__message {
  width: 50%;
}

.contacts__title {
  font-size: 5rem;
  font-weight: 700;
  margin-top: -2rem;
  margin-bottom: -7.6rem;
  text-align: center;
  position: relative;
  z-index: 2;
}

.contacts__title span {
  display: inline-block;
  padding-bottom: 1rem;
  padding-left: 10%;
  -webkit-transition: padding 0.2s linear, background 0.2s linear;
  -o-transition: padding 0.2s linear, background 0.2s linear;
  transition: padding 0.2s linear, background 0.2s linear;
  padding-right: 10%;
  -webkit-clip-path: polygon(2% 0%, 92% 10%, 100% 88%, 0% 100%);
          clip-path: polygon(2% 0%, 92% 10%, 100% 88%, 0% 100%);
}

.contacts__title--left {
  text-align: left;
}

.contacts__path {
  color: #000;
  padding-top: 15.4rem;
  padding-bottom: 18.4rem;
  -webkit-clip-path: polygon(0 0, 25% 9%, 74% 4%, 100% 5%, 100% 96%, 93% 100%, 77% 88%, 43% 87%, 17% 96%, 0 91%);
          clip-path: polygon(0 0, 25% 9%, 74% 4%, 100% 5%, 100% 96%, 93% 100%, 77% 88%, 43% 87%, 17% 96%, 0 91%);
}

.contacts + .send {
  margin-top: -11rem;
}

/* .contacts + .send .section__title span {
  background: #19689C;
} */

.contacts-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -2.5rem;
  margin-right: -2.5rem;
  margin-bottom: -3rem;
}

.contacts-wrap__item {
  width: 25%;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 3rem;
}

.contacts-wrap__icon {
  margin-bottom: 3.7rem;
  height: 5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.contacts-wrap__icon img {
  /* max-height: 50%; */
  max-width: 6rem;
}

.contacts-wrap__text {
  font-size: 10px;
}

.contacts-wrap__text small {
  font-size: 90%;
}

.services-list__top {
  padding-top: 10.3rem;
  margin-bottom: 5rem;
  position: relative;
}

.services-list__top .container {
  z-index: 3;
}

.services-list__path {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
  background: #19689C;
  -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 89% 68%, 64% 88%, 10% 60%, 0 82%);
          clip-path: polygon(0 0, 100% 0%, 100% 100%, 89% 68%, 64% 88%, 10% 60%, 0 82%);
}

.services-row {
  padding: 3rem 10%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}

.services-row__img {
  width: 45%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  position: relative;
  z-index: 2;
}

.services-row__content {
  width: 55%;
  padding-left: 3rem;
  padding-top: 7rem;
}

.services-row__title {
  font-size: 4rem;
  font-weight: 700;
  margin-bottom: 3rem;
}

.services-row__title span {
  display: inline-block;
  background: #1D1E1D;
  color: #fff;
  padding: 1rem 6rem 1rem 12rem;
  -webkit-clip-path: polygon(0 0, 100% 0%, 96% 99%, 0 100%);
          clip-path: polygon(0 0, 100% 0%, 96% 99%, 0 100%);
}

.services-row__text {
  font-size: 2rem;
  line-height: 1.2;
}

.services-row__text .selection-text {
  display: inline;
  background: #1D1E1D;
  font-weight: 600;
  color: #fff;
}

.services-row__text .selection-text--info {
  background: #19689C;
}

.services-row:nth-child(even) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.services-row:nth-child(even) .services-row__content {
  padding-left: 0;
  padding-right: 3rem;
}

.services-row:nth-child(even) .services-row__title {
  text-align: right;
}

.services-row:nth-child(even) .services-row__title span {
  padding-left: 6rem;
  padding-right: 12rem;
  -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 4% 99%);
          clip-path: polygon(0 0, 100% 0%, 100% 100%, 4% 99%);
}

.services-row:nth-child(even) .services-row__img {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.services-row--1 {
  position: relative;
}

.services-row--1 .services-row__title {
  margin-left: -25rem;
}

.services-row--1 .services-row__title span {
  background: #19689C;
}

.services-row--1:before {
  content: "";
  display: block;
  position: absolute;
  bottom: -10rem;
  top: -18rem;
  left: calc((136rem - 100vw) / 2);
  width: 100vw;
  background: #EFEFEF;
  z-index: -1;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 95%, 68% 100%, 29% 95%, 13% 100%, 0 97%);
          clip-path: polygon(0 0, 100% 0, 100% 95%, 68% 100%, 29% 95%, 13% 100%, 0 97%);
}

.services-row--2 .services-row__content {
  padding-top: 13rem;
}

.services-row--2 .services-row__title {
  margin-right: -10rem;
}

.services-row--3 {
  z-index: 2;
}

.services-row--3 .services-row__title {
  margin-left: -23rem;
}

.services-row--4 {
  position: relative;
  color: #fff;
}

.services-row--4 .services-row__title {
  margin-right: -19rem;
}

.services-row--4 .services-row__title span {
  background: #fff;
  padding-right: 20rem !important;
  color: #19689C;
}

.services-row--4 .services-row__img img {
  margin-left: -4rem;
}

.services-row--4:before {
  content: "";
  display: block;
  position: absolute;
  bottom: -4rem;
  top: -23.6rem;
  left: calc((136rem - 100vw) / 2);
  width: 100vw;
  background: #19689C;
  z-index: -1;
  -webkit-clip-path: polygon(0 0, 10% 7%, 34% 5%, 82% 6%, 100% 3%, 100% 100%, 75% 95%, 32% 100%, 0 98%);
          clip-path: polygon(0 0, 10% 7%, 34% 5%, 82% 6%, 100% 3%, 100% 100%, 75% 95%, 32% 100%, 0 98%);
}

.services-row--5 .services-row__title {
  margin-left: -12rem;
}

.services-row--5 .services-row__img {
  width: 36%;
}

.services-row--5 .services-row__content {
  width: 55%;
}

.color-white {
  color: #fff;
}

.get-started {
  max-width: 115.8rem;
  margin-left: auto;
  margin-right: auto;
}

.get-started__title {
  font-size: 4.4rem;
  font-weight: 700;
  margin-top: -11rem;
  margin-bottom: 0.2rem;
  text-transform: uppercase;
  text-align: center;
}

.get-started__title span {
  display: inline-block;
  background: #1D1E1D;
  color: #fff;
  padding-left: 5%;
  padding-bottom: 1rem;
  padding-right: 5%;
  -webkit-clip-path: polygon(5% 0, 99% 10%, 100% 100%, 0% 77%);
          clip-path: polygon(5% 0, 99% 10%, 100% 100%, 0% 77%);
  -webkit-transition: padding 0.2s linear, background 0.2s linear, color 0.2s linear;
  -o-transition: padding 0.2s linear, background 0.2s linear, color 0.2s linear;
  transition: padding 0.2s linear, background 0.2s linear, color 0.2s linear;
}

.get-started__subtitle {
  text-align: center;
  font-size: 3.5rem;
  margin-bottom: 2rem;
}

.get-started__content {
  padding-top: 2.5rem;
  font-size: 2rem;
}

.get-started__content strong {
  font-size: 115%;
}

.read-more {
  margin-bottom: 2rem;
}

.steps {
  background: #EFEFEF;
  padding: 12.9rem 0 9rem;
  -webkit-clip-path: polygon(0 0, 17% 2%, 41% 3%, 71% 0%, 89% 2%, 100% 0, 100% 99%, 87% 100%, 69% 95%, 24% 99%, 0 95%);
          clip-path: polygon(0 0, 17% 2%, 41% 3%, 71% 0%, 89% 2%, 100% 0, 100% 99%, 87% 100%, 69% 95%, 24% 99%, 0 95%);
}

.steps__item {
  margin-bottom: 2.4rem;
}

.item-step {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}

.item-step:before {
  content: attr(data-step);
  position: absolute;
  top: -4rem;
  left: 50%;
  color: #B2B2B2;
  font-size: 6rem;
  font-weight: 700;
  -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  -webkit-transition: opacity 0.2s linear, color 0.2s linear, height 0.2s linear;
  -o-transition: opacity 0.2s linear, color 0.2s linear, height 0.2s linear;
  transition: opacity 0.2s linear, color 0.2s linear, height 0.2s linear;
  opacity: 0;
  -webkit-transition-delay: 0.1s;
       -o-transition-delay: 0.1s;
          transition-delay: 0.1s;
}

.item-step:after {
  content: "";
  width: 0.2rem;
  background: #19689C;
  height: 0;
  position: absolute;
  left: 50%;
  margin-left: -0.1rem;
  top: 4rem;
  -webkit-transition: opacity 0.2s linear, color 0.2s linear, height 0.2s linear;
  -o-transition: opacity 0.2s linear, color 0.2s linear, height 0.2s linear;
  transition: opacity 0.2s linear, color 0.2s linear, height 0.2s linear;
  opacity: 0;
  -webkit-transition-delay: 0.1s;
       -o-transition-delay: 0.1s;
          transition-delay: 0.1s;
}

.item-step__img {
  width: 45rem;
  margin-right: 7rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.item-step__img img {
  -webkit-transition: -webkit-transform 0.2s linear;
  transition: -webkit-transform 0.2s linear;
  -o-transition: transform 0.2s linear;
  transition: transform 0.2s linear;
  transition: transform 0.2s linear, -webkit-transform 0.2s linear;
}

.item-step__text {
  width: 45rem;
  margin-left: 7rem;
  font-size: 2.4rem;
  line-height: 1.2;
}

.item-step--reverse .item-step__img {
  margin-left: 7rem;
  margin-right: 0 !important;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.item-step--reverse .item-step__text {
  margin-right: 7rem;
  margin-left: 0 !important;
}

.item-step.active:before {
  color: #19689C;
}

.item-step.active:after {
  height: calc(100% - 5.6rem);
}

.item-step._active:after,
.item-step._active:before {
  opacity: 1;
}

.item-step-end {
  text-align: center;
  margin-top: 5rem;
}

.item-step-end__img img {
  margin-left: auto;
  margin-right: auto;
  -webkit-transition: -webkit-transform 0.2s linear;
  transition: -webkit-transform 0.2s linear;
  -o-transition: transform 0.2s linear;
  transition: transform 0.2s linear;
  transition: transform 0.2s linear, -webkit-transform 0.2s linear;
}

.item-step-end__text {
  text-transform: uppercase;
  color: #B2B2B2;
  font-weight: 700;
  font-size: 4rem;
}

.item-step-end.active .item-step-end__text {
  color: #19689C;
}

.login-page {
  margin-top: 2rem;
}

.login-page__title {
  font-size: 5rem;
  font-weight: 700;
  color: #fff;
  text-align: center;
  line-height: 1.2;
  margin-bottom: 5rem;
}

.login-page__title span {
  color: #19689C;

}

.login-form {
  max-width: 100rem;
  margin-left: auto;
  margin-right: auto;
}

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

.login-form__left {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 1px;
}

.login-form__right {
  width: 41.5rem;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-left: 10%;
}

.login-form__user-block {
  margin-left: auto;
  margin-right: auto;
  width: 10rem;
  top: 0 !important;
  margin-bottom: 5rem;
}

.login-form__user-block .user-block__img {
  width: 10rem;
  height: 10rem;
}

.login-form__user-block .user-block__img:after {
  height: 3.1rem;
  width: 3.1rem;
}

.login-form__user-block .user-block__img:before {
  width: 4.4rem;
  height: 4.4rem;
}

.coming,
.error-404 {
  padding-top: 10.5rem;
  padding-bottom: 10.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}

.coming img,
.error-404 img {
  max-width: 80rem;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.coming:after,
.error-404:after {
  content: "";
  display: block;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  height: 100vh;
  background: inherit;
}

.error-404 {
  background: #C9C9C9;
}

.donate-page__donate-form {
  max-width: 60rem;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 4rem;
}

.fieldset {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 4rem;
  max-width: 120rem;
  margin-left: auto;
  margin-right: auto;
}

.fieldset__title {
  font-size: 3rem;
  font-weight: 700;
  color: #1579BE;
  text-transform: uppercase;
  position: relative;
  padding: 0 6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.fieldset__title img {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  max-width: 7rem;
  max-height: 6rem;
  margin-right: 3rem;
}

.fieldset__title:after,
.fieldset__title:before {
  content: "";
  position: absolute;
  top: 50%;
  height: 0.2rem;
  margin-top: -0.1rem;
  background: #1579BE;
  width: 120vw;
}

.fieldset__title:after {
  left: 100%;
}

.fieldset__title:before {
  right: 100%;
}

.fieldset-body {
  margin-bottom: 4rem;
  max-width: 120rem;
  margin-left: auto;
  margin-right: auto;
}

.don-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.don-wrap__input {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.don-wrap__rad {
  width: 30rem;
  margin-left: 4rem;
  padding-top: 4rem;
}

.fev-wrap {
  max-width: 60rem;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 4rem;
}

.fev-wrap__text {
  font-size: 2rem;
  text-align: center;
  margin-bottom: 3rem;
}

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

.fev-wrap__label {
  font-weight: 600;
  font-size: 2rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.fev-wrap__input {
  width: 30rem;
  margin-left: 4rem;
}

.fev-buttons {
  text-align: center;
  margin-bottom: 1rem;
}

._fadeDown {
  opacity: 0;
  -webkit-transform: translate(0, -6rem);
      -ms-transform: translate(0, -6rem);
          transform: translate(0, -6rem);
  -webkit-transition: opacity 0.3s linear, -webkit-transform 0.3s linear;
  transition: opacity 0.3s linear, -webkit-transform 0.3s linear;
  -o-transition: opacity 0.3s linear, transform 0.3s linear;
  transition: opacity 0.3s linear, transform 0.3s linear;
  transition: opacity 0.3s linear, transform 0.3s linear, -webkit-transform 0.3s linear;
}

._fadeDown._active {
  opacity: 1;
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
}

._fadeUp {
  opacity: 0;
  -webkit-transform: translate(0, 6rem);
      -ms-transform: translate(0, 6rem);
          transform: translate(0, 6rem);
  -webkit-transition: opacity 0.3s linear, -webkit-transform 0.3s linear;
  transition: opacity 0.3s linear, -webkit-transform 0.3s linear;
  -o-transition: opacity 0.3s linear, transform 0.3s linear;
  transition: opacity 0.3s linear, transform 0.3s linear;
  transition: opacity 0.3s linear, transform 0.3s linear, -webkit-transform 0.3s linear;
}

._fadeUp._active {
  opacity: 1;
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
}

._fadeLeft {
  opacity: 0;
  -webkit-transform: translate(-10rem, 0);
      -ms-transform: translate(-10rem, 0);
          transform: translate(-10rem, 0);
  -webkit-transition: opacity 0.3s linear, -webkit-transform 0.3s linear;
  transition: opacity 0.3s linear, -webkit-transform 0.3s linear;
  -o-transition: opacity 0.3s linear, transform 0.3s linear;
  transition: opacity 0.3s linear, transform 0.3s linear;
  transition: opacity 0.3s linear, transform 0.3s linear, -webkit-transform 0.3s linear;
}

._fadeLeft._active {
  opacity: 1;
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
}

._fadeRight {
  opacity: 0;
  -webkit-transform: translate(10rem, 0);
      -ms-transform: translate(10rem, 0);
          transform: translate(10rem, 0);
  -webkit-transition: opacity 0.3s linear, -webkit-transform 0.3s linear;
  transition: opacity 0.3s linear, -webkit-transform 0.3s linear;
  -o-transition: opacity 0.3s linear, transform 0.3s linear;
  transition: opacity 0.3s linear, transform 0.3s linear;
  transition: opacity 0.3s linear, transform 0.3s linear, -webkit-transform 0.3s linear;
}

._fadeRight._active {
  opacity: 1;
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
}

._fadeScale {
  opacity: 0;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  -webkit-transition: opacity 0.3s linear, -webkit-transform 0.3s linear;
  transition: opacity 0.3s linear, -webkit-transform 0.3s linear;
  -o-transition: opacity 0.3s linear, transform 0.3s linear;
  transition: opacity 0.3s linear, transform 0.3s linear;
  transition: opacity 0.3s linear, transform 0.3s linear, -webkit-transform 0.3s linear;
}

._fadeScale._active {
  opacity: 1;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}

._fade {
  opacity: 0;
  -webkit-transition: opacity 0.3s linear;
  -o-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
}

._fade._active {
  opacity: 1;
}

[data-animate-delay="01"] {
  -webkit-transition-delay: 0.1s;
       -o-transition-delay: 0.1s;
          transition-delay: 0.1s;
}

[data-animate-delay="02"] {
  -webkit-transition-delay: 0.2s;
       -o-transition-delay: 0.2s;
          transition-delay: 0.2s;
}

[data-animate-delay="03"] {
  -webkit-transition-delay: 0.3s;
       -o-transition-delay: 0.3s;
          transition-delay: 0.3s;
}

[data-animate-delay="04"] {
  -webkit-transition-delay: 0.4s;
       -o-transition-delay: 0.4s;
          transition-delay: 0.4s;
}

[data-animate-delay="05"] {
  -webkit-transition-delay: 0.5s;
       -o-transition-delay: 0.5s;
          transition-delay: 0.5s;
}

[data-animate-delay="06"] {
  -webkit-transition-delay: 0.6s;
       -o-transition-delay: 0.6s;
          transition-delay: 0.6s;
}

[data-animate-delay="07"] {
  -webkit-transition-delay: 0.7s;
       -o-transition-delay: 0.7s;
          transition-delay: 0.7s;
}

[data-animate-delay="08"] {
  -webkit-transition-delay: 0.8s;
       -o-transition-delay: 0.8s;
          transition-delay: 0.8s;
}

/* Elements ============ */

/* Tabs */

[data-tabs-button]._active,
[data-tabs-head]._active {
  color: red;
}

[data-tabs-block] {
  display: none;
}

[data-tabs-block]._active {
  display: block;
}

/* Accoordion */

[data-spollers]._init [data-spoller] {
  position: relative;
  padding: 1rem 4rem 1rem 0;
  cursor: pointer;
}

[data-spollers]._init [data-spoller]:before,
[data-spollers]._init [data-spoller]:after {
  content: "";
  width: 2rem;
  height: 0.1rem;
  background: #1D1E1D;
  position: absolute;
  right: 1rem;
  top: 2rem;
  -webkit-transition: -webkit-transform 0.3s linear;
  transition: -webkit-transform 0.3s linear;
  -o-transition: transform 0.3s linear;
  transition: transform 0.3s linear;
  transition: transform 0.3s linear, -webkit-transform 0.3s linear;
}

[data-spollers]._init [data-spoller]:after {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}

[data-spollers]._init [data-spoller]._active:after {
  -webkit-transform: rotate(0);
      -ms-transform: rotate(0);
          transform: rotate(0);
}

/* Toggle Block */

[data-toggle-item=hidden] {
  display: none;
}

/* Crumbs */

.breadcrumbs__link {
  color: #1D1E1D;
  text-decoration: underline;
}

.breadcrumbs__link:hover {
  text-decoration: none;
}

._text-collapse .more-wrap {
  display: none;
}

._text-collapse._full .more-wrap {
  display: block;
}

._text-collapse-block {
  overflow: hidden;
  position: relative;
}

._text-collapse-block._short:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 2rem;
  width: 100%;
  right: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(251, 251, 251, 0)), to(#fbfbfb));
  background: -o-linear-gradient(top, rgba(251, 251, 251, 0), #fbfbfb);
  background: linear-gradient(to bottom, rgba(251, 251, 251, 0), #fbfbfb);
}

._text-collapse-block._full {
  max-height: none;
}

._text-collapse-block._full:after {
  display: none;
}

.progress {
  height: 3.2rem;
  background: #C1C1C1;
  border-radius: 4px;
}

.progress__track {
  background: #19689C;
  height: 100%;
  width: 20%;
}

.social {
  font-size: 0;
}

.social__link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  vertical-align: middle;
  margin: 0 0.3rem 0.3rem;
  width: 3.9rem;
  height: 3.9rem;
}

.social__link img {
  max-height: 2.2rem;
  max-width: 2.2rem;
}

.social__link--whatsapp {
  background: #22B133;
}

.social__link--twitter {
  background: #41A7DC;
}

.social__link--facebook {
  background: #485694;
}

.social__link--mail {
  background: #F90629;
}

.social__link--link {
  background: #067DBF;
}

.social__link--link img {
  max-height: 2.6rem;
  max-width: 2.6rem;
}

/* Video */

.video {
  position: relative;
  overflow: hidden;
  height: 0;
  padding-bottom: 56.25%;
}

.video video,
.video iframe,
.video object,
.video embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.videobg video,
.videobg iframe,
.videobg object,
.videobg embed {
  position: fixed;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -100;
  -webkit-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  background-size: cover;
}

.btn,
a.btn {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  vertical-align: middle;
  height: 6rem;
  padding: 0 8.5rem 0.3rem;
  color: #fff;
  font: 700 3.6rem/1.2 "Assistant", Arial, sans-serif;
  text-align: center;
  text-decoration: none;
  border: none;
  background-color: #1D1E1D;
  border-radius: 0;
  cursor: pointer;
  -webkit-transition: -webkit-clip-path 0.2s linear;
  transition: -webkit-clip-path 0.2s linear;
  -o-transition: clip-path 0.2s linear;
  transition: clip-path 0.2s linear;
  transition: clip-path 0.2s linear, -webkit-clip-path 0.2s linear;
  overflow: hidden;
  -webkit-clip-path: polygon(4% 0, 98% 7%, 100% 100%, 0% 95%);
          clip-path: polygon(4% 0, 98% 7%, 100% 100%, 0% 95%);
}

.btn--block,
a.btn--block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  min-width: none;
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.btn--info,
a.btn--info {
  background: #19689C;
}

input.btn,
button.btn {
  display: inline-block;
}

input.btn--block,
button.btn--block {
  display: block;
  width: 100%;
}

.f-close-btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0.6rem 2rem;
  font-size: 2.7rem;
  font-family: "Assistant";
  border: none;
}

.f-close-btn:hover {
  text-decoration: none;
}

.form-btn {
  display: inline-block;
  vertical-align: middle;
  background: #1D1E1D;
  color: #fff;
  padding: 0 5rem 0.2rem;
  height: 7rem;
  font-family: "Assistant";
  font-size: 3rem;
  font-weight: 700;
  text-align: center;
  border: none;
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.form-btn--block {
  width: 100%;
  display: block;
}

.form-btn--info {
  background: #19689C;
}

.read-more-btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: middle;
  background: #19689C;
  font-size: 2.6rem;
  color: #19689C;
  text-align: center;
  height: 4.8rem;
  padding: 0.2rem;
  -webkit-clip-path: polygon(0% 12%, 100% 0%, 98% 90%, 4% 100%);
          clip-path: polygon(0% 12%, 100% 0%, 98% 90%, 4% 100%);
  white-space: nowrap;
}

.read-more-btn > span {
  background: #fff;
  line-height: 4.3rem;
  display: block;
  padding: 0 3.4rem;
  -webkit-transition: color 0.2s linear, background 0.2s linear;
  -o-transition: color 0.2s linear, background 0.2s linear;
  transition: color 0.2s linear, background 0.2s linear;
  -webkit-clip-path: polygon(0% 12%, 100% 0%, 98% 90%, 4% 100%);
          clip-path: polygon(0% 12%, 100% 0%, 98% 90%, 4% 100%);
}

.read-more-btn:hover {
  text-decoration: none;
}

.read-more-btn--rotate {
  -webkit-clip-path: polygon(5% 0, 100% 8%, 100% 100%, 0% 87%);
          clip-path: polygon(5% 0, 100% 8%, 100% 100%, 0% 87%);
}

.read-more-btn--rotate > span {
  -webkit-clip-path: polygon(5% 0, 100% 8%, 100% 100%, 0% 87%);
          clip-path: polygon(5% 0, 100% 8%, 100% 100%, 0% 87%);
}

.read-more-btn--black {
  background: #1D1E1D;
}

.read-more-btn--black > span {
  background: #1D1E1D;
  color: #fff;
}

.read-more-btn--lg {
  font-size: 2.9rem;
  height: 6rem;
}

.read-more-btn--lg > span {
  padding-left: 4.6rem;
  padding-right: 4.6rem;
  line-height: 5.4rem;
}

.btn-def {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: middle;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 7rem;
  border: 0.1rem solid #1A2E35;
  font-family: "Assistant";
  font-size: 3rem;
  font-weight: 600;
  color: #1D1E1D;
  -webkit-transition: color 0.2s linear, background 0.2s linear;
  -o-transition: color 0.2s linear, background 0.2s linear;
  transition: color 0.2s linear, background 0.2s linear;
}

.btn-def:hover {
  text-decoration: none;
}

.btn-def--block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

/* Form =========================================== */

.form-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -1.1rem;
}

.form-grid__item {
  padding: 0 1.1rem;
}

.form-grid__item.col-12 {
  width: 100%;
}

.form-grid__item.col-6 {
  width: 50%;
}

.form-grid__item.col-5 {
  width: 37.5%;
}

.form-grid__item.col-9 {
  width: 75%;
}

.form-grid__item.col-8 {
  width: 66.66%;
}

.form-grid__item.col-4 {
  width: 33.33%;
}

.form-grid__item.col-2 {
  width: 16.666%;
}

.form-grid__item.col-3 {
  width: 25%;
}

.form-field {
  margin-bottom: 15px;
  position: relative;
}

.form-input {
  display: block;
  width: 100%;
  height: 5.5rem;
  padding: 0 2rem;
  color: #fff;
  font: 400 2rem "Assistant", Arial, sans-serif;
  line-height: normal;
  border: none;
  background: #19689C;
  border-radius: 0;
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.form-input:focus:-ms-input-placeholder {
  opacity: 0;
}

.form-input:focus::-moz-placeholder {
  opacity: 0;
}

.form-input:focus::-webkit-input-placeholder {
  opacity: 0;
}

.form-input:focus::-ms-input-placeholder {
  opacity: 0;
}

.form-input:focus::placeholder {
  opacity: 0;
}

.form-input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.48);
  -ms-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}

.form-input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.48);
  -moz-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}

.form-input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.48);
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}

.form-input::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.48);
  -ms-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}

.form-input::placeholder {
  color: rgba(255, 255, 255, 0.48);
  -webkit-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}

.form-insel {
  position: relative;
}

.form-insel__legend {
  top: -1.1rem;
  left: 2.2rem;
  font-size: 1.8rem;
  color: #1D1E1D;
  position: absolute;
  z-index: 2;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  max-width: calc(100% - 4.4rem);
  pointer-events: none;
  padding: 0.3rem 0.8rem;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
  background: #fff;
  line-height: 1.4rem;
}

.form-insel__input {
  display: block;
  width: 100%;
  height: 5.5rem;
  padding: 0 2rem;
  color: #1D1E1D;
  font: 600 2rem "Assistant", Arial, sans-serif;
  line-height: normal;
  border: 0.1rem solid #0F0F0F;
  background: transparent;
  border-radius: 0;
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.form-insel__input:focus:-ms-input-placeholder {
  opacity: 0;
}

.form-insel__input:focus::-moz-placeholder {
  opacity: 0;
}

.form-insel__input:focus::-webkit-input-placeholder {
  opacity: 0;
}

.form-insel__input:focus::-ms-input-placeholder {
  opacity: 0;
}

.form-insel__input:focus::placeholder {
  opacity: 0;
}

.form-insel__input:-ms-input-placeholder {
  color: #666666;
  font-weight: 400;
  -ms-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}

.form-insel__input::-moz-placeholder {
  color: #666666;
  font-weight: 400;
  -moz-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}

.form-insel__input::-webkit-input-placeholder {
  color: #666666;
  font-weight: 400;
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}

.form-insel__input::-ms-input-placeholder {
  color: #666666;
  font-weight: 400;
  -ms-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}

.form-insel__input::placeholder {
  color: #666666;
  font-weight: 400;
  -webkit-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}

.form-insel__input.jb-search {
  padding-right: 7rem;
}

.form-insel__icon {
  position: absolute;
  top: 0;
  right: 0;
  width: 5.5rem;
  height: 5.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.form-insel__icon::after {
  content: "";
  display: block;
  position: absolute;
  right: 100%;
  top: 1.2rem;
  bottom: 1.2rem;
  width: 0.1rem;
  background: #0F0F0F;
}

.form-insel__icon img {
  width: 1.8rem;
}

.form-jq-wrapper {
  position: relative;
}

.form-jq-wrapper._focus .form-jq-legend {
  top: -1.2rem;
}

.form-jq-legend {
  top: 1.4rem;
  left: 0;
  font-size: 2rem;
  font-weight: 400;
  color: #1D1E1D;
  position: absolute;
  z-index: 2;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  pointer-events: none;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
  line-height: 1;
}

.form-jq-input {
  display: block;
  width: 100%;
  height: 5rem;
  padding: 0;
  color: #1D1E1D;
  font: 600 2rem "Assistant", Arial, sans-serif;
  line-height: normal;
  border: none;
  border-bottom: 0.1rem solid #0F0F0F;
  background: transparent;
  border-radius: 0;
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.form-jq-input:focus:-ms-input-placeholder {
  opacity: 0;
}

.form-jq-input:focus::-moz-placeholder {
  opacity: 0;
}

.form-jq-input:focus::-webkit-input-placeholder {
  opacity: 0;
}

.form-jq-input:focus::-ms-input-placeholder {
  opacity: 0;
}

.form-jq-input:focus::placeholder {
  opacity: 0;
}

.form-jq-input:focus:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.48);
  -ms-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}

.form-jq-input:focus::-moz-placeholder {
  color: rgba(255, 255, 255, 0.48);
  -moz-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}

.form-jq-input:focus::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.48);
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}

.form-jq-input:focus::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.48);
  -ms-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}

.form-jq-input:focus::placeholder {
  color: rgba(255, 255, 255, 0.48);
  -webkit-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}

.form-def {
  position: relative;
}

.form-def__icon {
  position: absolute;
  top: 0;
  height: 5.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 3rem;
  pointer-events: none;
  left: 2rem;
}

.form-def__icon img {
  max-width: 2rem;
  max-height: 2rem;
}

.form-def__input {
  display: block;
  width: 100%;
  height: 5.5rem;
  padding: 0 2rem 0 6.5rem;
  color: #1D1E1D;
  font: 600 2rem "Assistant", Arial, sans-serif;
  line-height: normal;
  border: none;
  background: #ECECEC;
  border-radius: 0;
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.form-def__input:focus:-ms-input-placeholder {
  opacity: 0;
}

.form-def__input:focus::-moz-placeholder {
  opacity: 0;
}

.form-def__input:focus::-webkit-input-placeholder {
  opacity: 0;
}

.form-def__input:focus::-ms-input-placeholder {
  opacity: 0;
}

.form-def__input:focus::placeholder {
  opacity: 0;
}

.form-def__input:-ms-input-placeholder {
  color: #1D1E1D;
  font-weight: 400;
  -ms-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}

.form-def__input::-moz-placeholder {
  color: #1D1E1D;
  font-weight: 400;
  -moz-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}

.form-def__input::-webkit-input-placeholder {
  color: #1D1E1D;
  font-weight: 400;
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}

.form-def__input::-ms-input-placeholder {
  color: #1D1E1D;
  font-weight: 400;
  -ms-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}

.form-def__input::placeholder {
  color: #1D1E1D;
  font-weight: 400;
  -webkit-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}

.form-button {
  margin-top: 4rem;
}

.form-text {
  font-size: 1.6rem;
  margin-top: 0.5rem;
}

.form-legend {
  font-size: 2rem;
  font-weight: 400;
  color: #1D1E1D;
  line-height: 1.4;
  margin-bottom: 0.5rem;
}

.star-t {
  color: #ED0A0A;
}

.form-section {
  margin-bottom: 1rem;
}

.form-section__label {
  color: #19689C;
  font-weight: 600;
  font-size: 2.6rem;
  margin-bottom: 3rem;
}

textarea {
  height: auto;
  min-height: 19.7rem;
  resize: none;
  overflow: auto;
}

textarea.form-input {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

textarea.form-jq-input {
  padding-top: 1.1rem;
  padding-bottom: 1.1rem;
}

textarea.textarea-min {
  min-height: 1px;
  height: 5rem;
  overflow: hidden;
}

label {
  display: block;
  font-weight: 700;
  font-size: 2rem;
  margin-bottom: 0.5rem;
}

.remember {
  margin-top: 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.remember-link {
  font-size: 2.2rem;
  color: #19689C;
  font-weight: 600;
  line-height: 2.2rem;
}

.or-devider {
  margin: 2.5rem 0;
  text-align: center;
  position: relative;
}

.or-devider span {
  background: #fff;
  padding: 0 2rem;
  display: inline-block;
  font-size: 18px;
  color: black;
  font-weight: 600;
  z-index: 2;
  position: relative;
}

.or-devider:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  height: 0.3rem;
  width: 100%;
  background: black;
}


/* Form ============================================ */

/* Checkbox  ======================================= */

.checkbox,
.radio {
  display: block;
  cursor: pointer;
  font-size: 2.2rem;
  font-weight: 600;
  margin: 0;
  line-height: 2.2rem;
  position: relative;
}

.checkbox input,
.radio input {
  display: none;
}

.checkbox__text,
.radio__text {
  padding-left: 4rem;
  display: block;
}

.checkbox__text:before,
.radio__text:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 2.2rem;
  height: 2.2rem;
  background: #fff;
  border: 0.1rem solid #0F0F0F;
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.checkbox__text:after,
.radio__text:after {
  content: "";
  position: absolute;
  left: 0.3rem;
  top: 0.3rem;
  height: 1.6rem;
  width: 1.6rem;
  background: #1579BE;
  opacity: 0;
}

.checkbox input:checked ~ .radio__text:before,
.checkbox input:checked ~ .checkbox__text:before,
.radio input:checked ~ .radio__text:before,
.radio input:checked ~ .checkbox__text:before {
  border-color: #1579BE;
}

.checkbox input:checked ~ .radio__text:after,
.checkbox input:checked ~ .checkbox__text:after,
.radio input:checked ~ .radio__text:after,
.radio input:checked ~ .checkbox__text:after {
  opacity: 1;
}

.radio__text:after {
  border-radius: 50%;
}

.radio__text:before {
  border-radius: 50%;
}

.checkbox-small,
.radio-small {
  display: block;
  cursor: pointer;
  font-size: 2.2rem;
  font-weight: 600;
  margin: 0;
  line-height: 2.3rem;
  position: relative;
}

.checkbox-small input,
.radio-small input {
  display: none;
}

.checkbox-small__text,
.radio-small__text {
  padding-left: 3.2rem;
  display: block;
}

.checkbox-small__text:before,
.radio-small__text:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 2.3rem;
  height: 2.3rem;
  background: #fff;
  border: 0.1rem solid #1A2E35;
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  border-radius: 0.4rem;
}

.checkbox-small input:checked ~ .checkbox-small__text:after {
  content: "";
  display: block;
  position: absolute;
  top: 0.4rem;
  left: 0.8rem;
  width: 0.8rem;
  height: 1.2rem;
  -webkit-transform: rotate(35deg);
      -ms-transform: rotate(35deg);
          transform: rotate(35deg);
  border-right: 0.2rem solid #1D1E1D;
  border-bottom: 0.2rem solid #1D1E1D;
}

.radio-button {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  font-size: 2.2rem;
  font-weight: 600;
  margin: 0 1rem 2rem;
  position: relative;
}

.radio-button input {
  display: none;
}

.radio-button__text {
  padding: 1.2rem 2rem 1.2rem 6.2rem;
  display: block;
  background: #EFEFEF;
  min-height: 6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: left;
  position: relative;
}

.radio-button__text:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 1.5rem;
  margin-top: -1.1rem;
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 50%;
  border: 0.1rem solid #0F0F0F;
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.radio-button__text:after {
  content: "";
  position: absolute;
  left: 1.8rem;
  top: 50%;
  margin-top: -0.8rem;
  height: 1.6rem;
  width: 1.6rem;
  border-radius: 50%;
  background: #1579BE;
  opacity: 0;
}

.radio-button__img {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-right: 1.5rem;
  width: 3.2rem;
  height: 2.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.radio-button__img img {
  max-width: 3.2rem;
  max-height: 2.3rem;
}

.radio-button__img img[src*=fev-btn-img-1] {
  max-width: 2.5rem;
}

.radio-button input:checked ~ .radio-button__text:before {
  border-color: #1579BE;
}

.radio-button input:checked ~ .radio-button__text:after {
  opacity: 1;
}

/* Checkbox  ======================================= */

/* Selectbox  ======================================= */

.selectbox {
  position: relative;
}

.selectbox__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 5.5rem;
  border: 0.1rem solid #0F0F0F;
  border-radius: 0;
  cursor: pointer;
  position: relative;
}

.selectbox__legend {
  top: 0;
  left: 1.2rem;
  font-size: 1.8rem;
  line-height: 5rem;
  color: #1D1E1D;
  position: absolute;
  z-index: 2;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  max-width: calc(100% - 4.4rem);
  pointer-events: none;
  padding: 0 0.8rem;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.selectbox__text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 1px;
  padding: 0 2rem;
  max-width: 100%;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  font: 600 2rem "Assistant", Arial, sans-serif;
  color: #1D1E1D;
  line-height: 5.3rem;
}

.selectbox__text.placeholder {
  color: #aaa;
}

.selectbox__caret {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-right: 1.3rem;
  font-size: 0;
}

.selectbox__caret:after {
  content: "";
  display: block;
  width: 1rem;
  height: 1rem;
  position: relative;
  top: -0.2rem;
  border-left: 0.2rem solid #1D1E1D;
  border-bottom: 0.2rem solid #1D1E1D;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.selectbox__drop {
  display: none;
  border: 0.1rem solid #1D1E1D;
  border-top: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  z-index: 10;
  background: #fff;
  margin-top: -0.1rem;
}

.selectbox__drop ul {
  max-height: 17.2rem;
  overflow: hidden;
  overflow-y: auto;
}

.selectbox__drop ul li {
  padding: 0.8rem 1.3rem;
  font-size: 1.8rem;
  color: #1D1E1D;
  cursor: pointer;
}

.selectbox__drop ul li._selected {
  background: #eee;
}

.selectbox._open .selectbox__head {
  z-index: 11;
}

.selectbox._open .selectbox__caret {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.selectbox._open .selectbox__drop {
  display: block;
}

.selectbox._change .selectbox__legend {
  top: -1.1rem;
  background: #F7F7F7;
  padding-top: 0.3rem;
  padding-bottom: 0.3rem;
  line-height: 1.4rem;
}

.scrollbar::-webkit-scrollbar {
  width: 0.3rem;
}

.scrollbar::-webkit-scrollbar-track {
  background: #fff;
}

.scrollbar::-webkit-scrollbar-thumb {
  background: #19689C;
}

.scrollbar::-webkit-scrollbar-button {
  display: none;
}

/* File  ======================================= */

.upload input {
  display: none;
}

.upload__button {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  vertical-align: middle;
  height: 6rem;
  white-space: nowrap;
  padding: 0 8.5rem 0.3rem;
  color: #fff;
  font: 700 3.6rem/1.2 "Assistant", Arial, sans-serif;
  text-align: center;
  text-decoration: none;
  border: none;
  background-color: #1579BE;
  border-radius: 0;
  cursor: pointer;
  -webkit-transition: -webkit-clip-path 0.2s linear;
  transition: -webkit-clip-path 0.2s linear;
  -o-transition: clip-path 0.2s linear;
  transition: clip-path 0.2s linear;
  transition: clip-path 0.2s linear, -webkit-clip-path 0.2s linear;
  overflow: hidden;
  -webkit-clip-path: polygon(4% 0, 98% 7%, 100% 100%, 0% 95%);
          clip-path: polygon(4% 0, 98% 7%, 100% 100%, 0% 95%);
}

.upload__button:after {
  content: "+";
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 2.4rem;
  display: inline-block;
  vertical-align: middle;
  background: #289CDD;
  width: 2.4rem;
  height: 2.4rem;
  position: absolute;
  right: 3.5rem;
  top: 2rem;
}

/* icons ============ */

.icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  stroke-width: 0;
  stroke: currentColor;
  fill: currentColor;
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  position: relative;
}

.popup {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.popup._open {
  opacity: 1;
  visibility: visible;
  z-index: 100;
}

.popup._open .popup__content {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  opacity: 1;
}

.popup__body {
  width: 100%;
  min-height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 3.5rem 1rem;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.popup__content {
  background-color: white;
  color: #000;
  width: 100%;
  max-width: 82rem;
  padding: 40px 45px;
  position: relative;
  font-size: 1.6rem;
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
          transform: scale(0.8);
}

.popup__content--image {
  width: auto;
  padding: 0;
}

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

.popup__close {
  position: absolute;
  right: 1rem;
  top: 1rem;
  cursor: pointer;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  background: #1D1E1D;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: background 0.2s linear;
  -o-transition: background 0.2s linear;
  transition: background 0.2s linear;
}

.popup__close img {
  width: 1.6rem;
  height: 1.5rem;
  fill: #fff;
}

.popup__head {
  margin-left: -6rem;
  margin-right: -6rem;
  margin-top: -5rem;
  padding: 3rem 7rem 2rem 6rem;
  border-bottom: 0.1rem solid #19689C;
  margin-bottom: 3rem;
}

.popup__title {
  font-size: 3.4rem;
  font-weight: 700;
  color: #19689C;
  line-height: 1;
}

.popup__logo {
  width: 63.3rem;
  height: 8.5rem;
  margin-left: auto;
  margin-right: auto;
  margin-top: -8rem;
  margin-bottom: 3rem;
  background: #1D1E1D;
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-clip-path: polygon(6.5% 0, 99% 11%, 100% 100%, 0% 87%);
          clip-path: polygon(6.5% 0, 99% 11%, 100% 100%, 0% 87%);
}

.popup__logo img {
  max-width: 45rem;
}

.popup .form-field {
  margin-bottom: 4rem;
}

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

.embed__form {
  width: 55%;
  padding-right: 2rem;
}

.embed__preview {
  width: 45%;
  padding-left: 2rem;
}

.preview__title {
  font-size: 2.6rem;
  line-height: 1.2;
  margin-bottom: 0.8rem;
}

.preview__img {
  margin-bottom: 0.8rem;
}

.preview__text {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.2;
}

/* Coming */

#popup-comming .popup__content {
  max-width: 59.8rem;
  padding: 8rem;
}

.popup-comming img {
  margin-left: auto;
  margin-right: auto;
}

/* Checks */

.checks {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.checks__item {
  padding: 2rem;
  width: 50%;
}

.checks__img {
  margin-bottom: 1rem;
  height: 10rem;
  padding-left: 4rem;
}

.checks__img img {
  max-height: 100%;
}

.checks__content {
  font-size: 2.4rem;
  line-height: 1;
}

.checks__title {
  font-weight: 700;
}

.checks__mes {
  font-weight: 700;
  color: #19689C;
}

/* login */

#popup-login .popup__content {
  max-width: 53rem;
}

#popup-login .login-form__user-block {
  margin-bottom: 1rem;
}

#popup-login .form-field {
  margin-bottom: 2rem;
}

#popup-login .form-button {
  margin-top: 3rem;
}

#popup-login .remember {
  margin-top: 2rem;
}

#popup-login .or-devider {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

#popup-login .or-devider span {
  background: white;
}

.login-form__title {
  text-align: center;
  font-size: 3.4rem;
  margin-bottom: 2rem;
  font-weight: 700;
  color: #19689C;
}

/* atboard */

#popup-atboard .popup__content {
  max-width: 90rem;
}

#popup-atboard .popup__title {
  text-align: center;
  margin-bottom: 4rem;
}

.jb-wrap {
  max-width: 82.1rem;
  margin-left: auto;
  margin-right: auto;
}

.jq-title {
  font-size: 3rem;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  margin: 0 0 4rem;
  color: #1579BE;
}

.jq-title__inner {
  background: #1579BE;
  padding: 0.1rem;
  display: inline-block;
  min-width: 40rem;
  -webkit-clip-path: polygon(4% 0, 98% 7%, 100% 100%, 0% 95%);
          clip-path: polygon(4% 0, 98% 7%, 100% 100%, 0% 95%);
}

.jq-title__inner span {
  display: block;
  background: #F7F7F7;
  padding: 0.5rem 4rem;
  -webkit-clip-path: polygon(4% 0, 98% 7%, 100% 100%, 0% 95%);
          clip-path: polygon(4% 0, 98% 7%, 100% 100%, 0% 95%);
}

.jq-title--black {
  color: #fff;
}

.jq-title--black .jq-title__inner {
  background: #1D1E1D;
}

.jq-title--black .jq-title__inner span {
  background: #1D1E1D;
}

.jb-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -2rem;
  margin-right: -2rem;
  margin-bottom: -3rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.jb-grid__item {
  width: 50%;
  padding-left: 2rem;
  padding-right: 2rem;
}

.jb-grid__item--full {
  width: 100%;
}

.jb-grid + .jq-title {
  margin-top: 5rem;
}

/* Partners */

#popup-partners .popup__content {
  max-width: 90rem;
}

.jb-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 4rem;
}

.jb-top__search {
  width: 45.5rem;
  margin-right: 2.9rem;
}

.jb-top__sel {
  width: 20.1rem;
}

.cross-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -1rem -1rem -2rem;
}

.cross-wrap__item {
  padding-left: 1rem;
  padding-right: 1rem;
  margin-bottom: 2rem;
  width: 33.33%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.item-cross {
  border: 0.2rem solid #1D1E1D;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
}

.item-cross__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #1D1E1D;
  color: #fff;
  padding: 1.5rem 2rem;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

.item-cross__title {
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.1;
  margin-right: auto;
}

.item-cross__price {
  font-weight: 700;
  font-size: 2.4rem;
  line-height: 1.1;
  margin-left: 1rem;
}

.item-cross__body {
  padding: 1rem 2rem 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.item-cross__value {
  font-size: 1.8rem;
  font-weight: 600;
  margin-bottom: 0.2rem;
}

.item-cross__progress {
  margin-top: auto;
  height: 2.4rem !important;
}

/* Thanks */

#popup-thanks .popup__content {
  max-width: 80rem;
}

.p-thanks {
  text-align: center;
}

.p-thanks__title {
  font-size: 3rem;
  margin-bottom: 2rem;
}

/* FOOTER */

/* ================================================ */

.footer {
  width: 100%;
  min-width: 32rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.footer__clip {
  padding-top: 11.6rem;
  padding-bottom: 5.5rem;
  /* -webkit-clip-path: polygon(0 0, 15% 4rem, 35% 0, 65% 0, 85% 4rem, 100% 0, 100% 100%, 0 100%);
          clip-path: polygon(0 0, 15% 4rem, 35% 0, 65% 0, 85% 4rem, 100% 0, 100% 100%, 0 100%);
  background: #EFEFEF; */
}

.footer__logo {
  width: 73.3rem;
  height: 9.5rem;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: -6rem;
  /* background: #1D1E1D; */
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-clip-path: polygon(6.5% 0, 99% 11%, 100% 100%, 0% 87%);
          clip-path: polygon(6.5% 0, 99% 11%, 100% 100%, 0% 87%);
}

.footer__logo img {
  max-width: 55rem;
}

.footer__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.footer__text {
  font-size: 2.2rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 1px;
  margin-bottom: 3rem;
  letter-spacing: 0.02rem;
  font-weight: 600;
}

.footer__btext {
  font-size: 14px;
  text-align: center;
  font-weight: 300;
  color: white;
}

.footer__contacts {
  width: 40.4rem;
  margin-left: 20rem;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  position: relative;
  font-size: 2.2rem;
  margin-bottom: 3rem;
  letter-spacing: 0.02rem;
  color: #19689C;
}

.footer__contacts:after,
.footer__contacts:before {
  content: "";
  display: block;
  position: absolute;
  left: -10rem;
  top: 50%;
  opacity: 0;
  -webkit-transform: rotate(18.4deg) translate(0, -50%);
      -ms-transform: rotate(18.4deg) translate(0, -50%);
          transform: rotate(18.4deg) translate(0, -50%);
  height: 90%;
  width: 0.2rem;
  -webkit-transition: opacity 0.4s linear;
  -o-transition: opacity 0.4s linear;
  transition: opacity 0.4s linear;
  -webkit-transition-delay: 0.5s;
       -o-transition-delay: 0.5s;
          transition-delay: 0.5s;
  background: white;
}

.footer__contacts:before {
  left: -12.2rem;
  background: #0078B9;
}

.footer__contacts._active:after,
.footer__contacts._active:before {
  opacity: 1;
}

.footer__bottom {
  background: #0078B9;
  padding: 1.5rem 0;
}

.btn.btn--info.black{
  background: #0f0f0f;
}
.center{
  text-align: center;
}
.f-18{
  font-size: 18px;
  line-height: 1.4;
}
.container-fluid {
  width: 100%;
  min-width: 32rem;
  max-width: 1620px;
  padding: 0 30px;
  margin: 0 auto;
  position: relative;
}

/* MEDIA */

/* ================================================ */

/* Desktop =========================*/

/* laptop =========================*/

/* Ipad ===========================*/

/* Mobile =========================*/

/* Mobile sm ======================*/

/* Mobile xs ======================*/

@media screen and (min-width: 371px) {
  .visible-iphone-xs {
    display: none !important;
  }
}

@media screen and (min-width: 576px) {
  .visible-iphone-sm {
    display: none !important;
  }
}

@media screen and (min-width: 768px) {
  .visible-iphone {
    display: none !important;
  }
}

@media screen and (min-width: 1025px) {
  .burger {
    display: none;
  }

  .visible-ipad {
    display: none !important;
  }
}

@media screen and (min-width: 1200px) {
  .visible-laptop {
    display: none !important;
  }
}

@media screen and (min-width: 1501px) {
  .visible-desktop {
    display: none !important;
  }
}

@media screen and (max-width: 1500px) {
  .container {
    max-width: 1130px;
  }

  .koach {
    max-width: 70rem;
    margin-bottom: 4rem;
  }

  .koach__item {
    font-size: 6rem;
  }

  .koach__eters {
    font-size: 4rem;
  }

  .icons-grid__title {
    font-size: 12px;
    color: black;
  }

  .box__top {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .box__body {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .donations-card__content {
    padding-right: 1.5rem;
    padding-left: 1rem;
  }

  .donations-card__title {
    font-size: 1.4rem;
  }

  .donations__info {
    font-size: 1.6rem;
    line-height: 1.1;
  }

  .donations__info-inner {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .context__buttons {
    margin-top: 5rem;
  }

  .context__buttons .btn {
    width: 40rem;
  }

  .side-context__top {
    padding: 2rem 2.5rem 2.5rem;
  }

  .sc-list__item {
    padding: 1.2rem 2.5rem;
  }

  /*campaings */

  .item-campaign__icons-grid .icons-grid__title {
    font-size: 1.2rem;
  }

  .head-section {
    padding: 5rem 0 13rem;
   
  }

  .head-section__devider {
    font-size: 5rem;
  }

  .about__title {
    margin-top: -8rem;
  }

  .services-row {
    padding-left: 0;
    padding-right: 0;
  }

  .services-row__title {
    font-size: 3.4rem;
  }

  .services-row__text {
    font-size: 1.8rem;
  }

  .services-row__content {
    padding-top: 4rem;
  }

  .services-row--1:before {
    left: calc((107rem - 100vw) / 2);
    bottom: -6rem;
  }

  .services-row--1 .services-row__title {
    margin-left: -22rem;
  }

  .services-row--2 .services-row__content {
    padding-top: 8rem;
  }

  .services-row--3 .services-row__content {
    padding-top: 8rem;
  }

  .services-row--4:before {
    left: calc((107rem - 100vw) / 2);
  }

  .get-started__title {
    margin-top: -8rem;
  }

  .login-page {
    margin-top: 2rem;
  }

  .coming,
  .error-404 {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }

  .btn,
  a.btn {
    height: 6rem;
    padding: 0 7.5rem 0.3rem;
    font-size: 3.2rem;
  }

  .upload__button {
    height: 6rem;
    padding: 0 9.5rem 0.3rem 7.5rem;
    font-size: 3.2rem;
  }

  .hidden-desktop {
    display: none !important;
  }

  body {
    font-size: 2rem;
  }

  .main-menu__item {
    margin: 0 2rem;
  }

  /* Main */

  .main__body {
    padding-top: 6rem;
  }

  .main__head {
    margin-bottom: 4rem;
  }

  .main__button {
    margin-top: 4rem;
  }

  .welcome__title {
    font-size: 50px;
  }

  .welcome__title div {
    font-size: 50px;
  }

  .item-service__img {
    height: 18rem;
  }

  .item-service__title {
    font-size: 2.4rem;
  }

  /* Footer */

  .footer__logo {
    width: 70rem;
  }

  .footer__logo img {
    max-width: 50rem;
  }

  .footer__text,
  .footer__contacts,
  .footer__btext {
    font-size: 14px;
  }

  .footer__contacts {
    margin-left: 15rem;
  }

  .footer__contacts:before {
    left: -8rem;
  }

  .footer__contacts:after {
    left: -6rem;
  }

  .footer__clip {
    padding-bottom: 2rem;
  }
}

@media screen and (max-width: 1199px) {
  .container {
    max-width: 960px;
  }

  .promo__title {
    font-size: 4rem;
  }

  .promo__slider {
    width: 52%;
  }

  .promo__side {
    width: 44%;
    margin-left: 4%;
  }

  .donations__item {
    width: calc(33.33% - 1rem);
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }

  .donations__input {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    width: calc(60% - 1.5rem);
  }

  .donations__button {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    width: calc(40% - 1.5rem);
    margin-right: 0;
  }

  .donations__info {
    font-size: 1.6rem;
    line-height: 1.1;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    width: calc(33.33% - 1rem);
    margin-bottom: 1.7rem;
  }

  .donations__info-inner {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .context__side {
    width: 37rem;
  }

  .context__side-button .btn {
    height: 5rem;
    font-size: 2.8rem;
    padding: 0 5rem;
  }

  .context__buttons .btn {
    width: 35rem;
    font-size: 3.2rem;
  }

  .side-context__top {
    padding: 1.5rem 2.5rem 2rem;
  }

  .side-context__button {
    height: 5rem;
  }

  .sc-list__item {
    padding: 0.8rem 2.5rem;
  }

  .sc-list__price {
    font-size: 2.4rem;
  }

  /* Ca,paigns */

  .campaigns__item {
    width: 50%;
  }

  .contacts-wrap__icon {
    height: 4.3rem;
    margin-bottom: 2rem;
  }

  .contacts-wrap__text {
    font-size: 1.8rem;
  }

  .services-list__top {
    padding-top: 8rem;
    margin-bottom: 3rem;
  }

  .services-row--1:before {
    left: calc((90rem - 100vw) / 2);
  }

  .services-row--4:before {
    left: calc((90rem - 100vw) / 2);
  }

  .login-page {
    margin-top: 0;
  }

  .login-page__title {
    font-size: 3.8rem;
    margin-bottom: 4rem;
  }

  .login-form__right {
    width: 35rem;
  }

  .hidden-laptop {
    display: none !important;
  }

  body {
    font-size: 1.6rem;
  }

  p {
    margin-bottom: 2rem;
  }

  .h3,
  h3 {
    font-size: 2.2rem;
  }

  .article-content h3 {
    margin-bottom: 2rem;
  }

  .header__top .container {
    height: 5rem;
  }

  .header__middle {
    padding: 2rem 0;
  }

  .user-block {
    top: 1rem;
  }

  .user-block__img {
    width: 5rem;
    height: 5rem;
  }

  .user-block__img:after {
    bottom: -0.3rem;
    left: -0.3rem;
    width: 1.6rem;
    height: 1.6rem;
  }

  .user-block__img:before {
    width: 2.2rem;
    height: 2.2rem;
    top: -0.2rem;
    right: -0.2rem;
  }

  .main-menu__item {
    margin-left: 1rem;
    margin-right: 1rem;
  }

  /* Main */

  .main {
    /* padding-bottom: 8rem; */
  }

  .main__body {
    padding-top: 5rem;
  }

  .main__head {
    margin-bottom: 3rem;
  }

  .main__button {
    margin-top: 3rem;
  }

  .welcome {
    padding-bottom: 7rem;
  }

  .welcome__path {
    max-height: 80%;
  }

  .welcome__title {
    font-size: 6rem;
  }

  .welcome__title div {
    font-size: 8rem;
  }

  .welcome__button .read-more-btn {
    height: 6rem;
    font-size: 2.8rem;
  }

  .welcome__button .read-more-btn > span {
    padding-left: 6rem;
    padding-right: 6rem;
    line-height: 5.5rem;
  }

  .play-button {
    width: 10rem;
  }

  .about-us__text {
    font-size: 2.4rem;
    max-width: 70rem;
  }

  .item-service__img {
    height: 15rem;
  }

  .item-service__title {
    font-size: 1.8rem;
  }

  .slider-multimple__next,
  .slider-multimple__prev {
    width: 4rem;
    height: 5rem;
    top: calc(50% - 5rem);
  }

  .slider-multimple__next {
    right: -5rem;
  }

  .slider-multimple__prev {
    left: -5rem;
  }

  .slider-multimple__pagination {
    margin-top: 3rem;
  }

  .slider-multimple__bullet {
    width: 1.8rem;
    height: 1.8rem;
    margin: 0 0.7rem;
  }

  .campings-sec {
    margin-bottom: 10rem;
  }

  /* Footer */

  .footer__logo {
    width: 50rem;
    height: 7.7rem;
    margin-bottom: -4.5rem;
  }

  .footer__logo img {
    max-width: 38rem;
  }

  .footer__clip {
    padding-top: 8rem;
    /* -webkit-clip-path: polygon(0 0, 15% 3rem, 35% 0, 65% 0, 85% 3rem, 100% 0, 100% 100%, 0 100%);
            clip-path: polygon(0 0, 15% 3rem, 35% 0, 65% 0, 85% 3rem, 100% 0, 100% 100%, 0 100%); */
  }

  .footer__text,
  .footer__contacts,
  .footer__btext {
    font-size: 1.8rem;
  }

  .footer__contacts {
    margin-left: 15rem;
    width: 27rem;
  }

  .footer__contacts:before {
    left: -8rem;
  }

  .footer__contacts:after {
    left: -6rem;
  }

  .footer__clip {
    padding-bottom: 2rem;
  }
}

@media screen and (max-width: 1024px) {
  .container {
    max-width: none;
  }

  .banner {
    padding-bottom: 35%;
  }

  .koach {
    max-width: none;
    margin-bottom: 2rem;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }

  .koach__left {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    text-align: left;
  }

  .koach__right {
    width: 20rem;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    padding-left: 0;
    margin-left: 2rem;
  }

  .koach__item {
    font-size: 4.5rem;
  }

  .koach__eters {
    font-size: 2.6rem;
  }

  .promo {
    padding-top: 1rem;
  }

  .promo__title {
    padding-bottom: 1.5rem;
    margin-bottom: 1rem;
  }

  .promo__wrap {
    display: block;
    margin-bottom: 5rem;
  }

  .promo__slider {
    width: auto;
    margin-bottom: 4rem;
  }

  .promo__side {
    width: auto;
    margin-left: auto;
    background: #F2F2F2;
    padding: 3rem 4rem;
  }

  .side-promo__title {
    font-size: 4rem;
  }

  .icons-grid__title {
    font-size: 2rem;
  }

  .context__wrap {
    overflow: visible;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .context__content {
    margin-bottom: 3rem;
  }

  .context__side {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    width: 100%;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .context__side-button {
    margin-top: auto;
    margin-bottom: 2rem;
  }

  .context__side-button .btn {
    padding-left: 9rem;
    padding-right: 9rem;
    height: 6rem;
    width: 60%;
  }

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

  .context__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 2rem;
  }

  .context__buttons .btn {
    width: 60%;
  }

  .context__buttons .btn--info {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    margin-top: 1rem;
  }

  .donate-fixed {
    bottom: 6rem;
  }

  .donate-fixed__inner {
    height: 6rem;
    padding: 0 5rem;
    max-width: 66.3rem;
  }

  .donate-fixed__button {
    height: 4rem;
  }

  .head-section {
    padding: 4rem 0 10rem;
  }

  .head-section__title {
    font-size: 4rem;
    margin-bottom: 2.2rem;
  }

  .head-section__text {
    font-size: 1.6rem;
  }

  .head-section__subtitle {
    font-size: 2rem;
  }

  .about__title {
    font-size: 3.4rem;
    margin-top: -6rem;
  }

  .send {
    margin-top: 5rem;
  }

  .send-form {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }

  .send-form__item {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    margin-bottom: 1rem;
  }

  .send-form__message {
    margin-bottom: 1rem;
  }

  .send-form__button,
  .send-form__message {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  .contacts {
    margin-top: 5rem;
  }

  .contacts__title {
    margin-bottom: -4rem;
    font-size: 4rem;
  }

  .contacts__title span {
    padding-top: 0.5rem;
    padding-bottom: 0.8rem;
  }

  .contacts__path {
    padding: 9rem 0 11rem;
    -webkit-clip-path: polygon(0 0, 25% 6%, 74% 1%, 100% 3%, 100% 96%, 92% 100%, 77% 93%, 43% 95%, 17% 92%, 0 97%);
            clip-path: polygon(0 0, 25% 6%, 74% 1%, 100% 3%, 100% 96%, 92% 100%, 77% 93%, 43% 95%, 17% 92%, 0 97%);
  }

  .contacts + .send {
    margin-top: -6rem;
  }

  .contacts-wrap {
    margin-left: -1rem;
    margin-right: -1rem;
  }

  .contacts-wrap__item {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .contacts-wrap__icon {
    height: 3.6rem;
    margin-bottom: 1.5rem;
  }

  .contacts-wrap__text {
    font-size: 1.6rem;
  }

  .services-row__title {
    font-size: 2.8rem;
  }

  .services-row__img {
    width: 28rem;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }

  .services-row__content {
    width: auto;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    min-width: 1px;
  }

  .services-row--1:before {
    left: -3rem;
    right: -3rem;
  }

  .services-row--1 .services-row__title {
    margin-left: -16rem;
  }

  .services-row--3 .services-row__content {
    padding-top: 4rem;
  }

  .services-row--3 .services-row__title {
    margin-left: -19rem;
  }

  .services-row--4:before {
    left: -3rem;
    top: -4rem;
  }

  .services-row--5 .services-row__img {
    width: 28rem;
  }

  .services-row--5 .services-row__title {
    margin-left: -11rem;
  }

  .color-white {
    color: #1D1E1D;
  }

  .get-started__title {
    font-size: 3.6rem;
    margin-top: -6rem;
  }

  .get-started__subtitle {
    font-size: 2.8rem;
  }

  .get-started__content {
    font-size: 1.8rem;
  }

  .item-step:before {
    font-size: 4.5rem;
    top: -3rem;
  }

  .item-step__img {
    width: calc(50% - 4rem);
    margin-right: 4rem;
  }

  .item-step__img img {
    max-width: 90%;
  }

  .item-step__text {
    width: calc(50% - 4rem);
    font-size: 2.4rem;
    margin-left: 4rem;
  }

  .item-step--reverse .item-step__img {
    margin-left: 4rem;
  }

  .item-step--reverse .item-step__text {
    margin-right: 4rem;
  }

  .item-step-end__text {
    font-size: 4.5rem;
  }

  .login-form__right {
    display: none;
  }

  .login-page__title {
    font-size: 4rem;
  }

  .coming,
  .error-404 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .fieldset__title {
    font-size: 2.4rem;
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }

  .fieldset__title img {
    max-width: 5rem;
    max-height: 5rem;
    margin-right: 2rem;
  }

  .form-section__label {
    font-size: 2.4rem;
    margin-bottom: 3rem;
  }

  .form-field {
    margin-bottom: 2.5rem;
  }

  .remember {
    margin-top: 2rem;
  }

  .or-devider {
    margin: 2rem 0;
  }

  .popup__content {
    padding: 4rem;
  }

  .popup__head {
    margin-left: -4rem;
    margin-right: -4rem;
    margin-top: -4rem;
    padding: 3rem 7rem 2rem 4rem;
  }

  .popup__title {
    font-size: 3rem;
  }

  .popup__logo {
    width: 52rem;
    height: 7.5rem;
    margin-top: -7rem;
    margin-bottom: 2rem;
  }

  .popup__logo img {
    max-width: 38rem;
  }

  .preview__title {
    font-size: 2.4rem;
  }

  .preview__text {
    font-size: 1.6rem;
  }

  /* Coming */

  #popup-comming .popup__content {
    max-width: 40.8rem;
    padding: 6rem;
  }

  .login-form__title {
    font-size: 3rem;
  }

  .jq-title {
    font-size: 3rem;
  }

  /* Partners */

  .cross-wrap__item {
    width: 50%;
  }

  .jb-top__search {
    width: 35.5rem;
  }

  .hidden-ipad {
    display: none !important;
  }

  /* Header */

  .header__middle,
  .main-menu {
    display: none;
  }

  .header__container {
    height: 5rem;
  }

  .header__bottom {
    padding: 1rem 0;
  }

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

  .header__logo {
    max-width: 30rem;
    margin-right: auto;
    margin-left: 0;
  }

  .header__left {
    width: auto;
  }

  .header__user-block {
    width: auto;
    margin-left: auto;
  }

  .header__burger {
    margin-right: 9rem;
  }

  .user-block {
    top: 1.2rem;
  }

  /* Main */

  .main {
    padding-bottom: 4rem;
  }

  .main__title {
    font-size: 4rem;
  }

  .main__subtitle {
    font-size: 3rem;
  }

  .section__title {
    font-size: 4rem;
  }

  .section__subtitle {
    font-size: 3rem;
  }

  .section__head {
    margin-bottom: 3rem;
  }

  .welcome {
    padding-top: 6rem;
    padding-bottom: 8rem;
    margin-bottom: 7rem;
  }

  .welcome__title {
    font-size: 5.5rem;
    letter-spacing: 0.3rem;
    margin-bottom: 4rem;
  }

  .welcome__title div {
    font-size: 7rem;
    letter-spacing: 0;
  }

  .welcome__button {
    margin-bottom: 3rem;
  }

  .about-us {
    margin-bottom: 7rem;
  }

  .about-us__text {
    font-size: 2rem;
  }

  .services {
    margin-bottom: 7rem;
    padding-bottom: 9rem;
  }

  .item-service__img {
    height: 12rem;
  }

  .item-service__title {
    font-size: 1.6rem;
  }

  .slider-multimple__prev {
    left: 1rem;
    width: 3rem;
  }

  .slider-multimple__next {
    right: 1rem;
    width: 3rem;
  }

  .campings-sec .section__head {
    margin-bottom: 5rem;
  }

  /* Footer */

  .footer__logo {
    max-width: 38rem;
    height: 5.5rem;
    margin-bottom: -3rem;
  }

  .footer__logo img {
    max-width: 75%;
  }

  .footer__clip {
    padding: 6rem 0 3rem;
  }

  .footer__container {
    display: block;
    text-align: center;
  }

  .footer__text {
    max-width: 80rem;
    margin-left: auto;
    margin-right: auto;
  }

  .footer__contacts {
    width: auto;
    max-width: 50rem;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
  }

  .footer__contacts:after,
  .footer__contacts:before {
    height: 0.1rem;
    width: 80rem;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    left: 50%;
    top: -1.6rem;
    margin-top: 0;
    margin-left: -38rem;
  }

  .footer__contacts:before {
    margin-left: -42rem;
    top: -2.5rem;
  }
}

@media (max-width: 860px) {
  .donations__item {
    width: calc(50% - 1rem);
  }

  .donations__info {
    width: calc(50% - 1rem);
  }
}

@media screen and (max-width: 767px) {
  .koach {
    margin-bottom: 1rem;
  }

  .koach__right {
    width: 20rem;
  }

  /* campaigns */

  .koach__item {
    font-size: 4.5rem;
  }

  .koach__eters {
    font-size: 2.6rem;
  }

  .promo__title {
    font-size: 4.5rem;
  }

  .promo__context {
    font-size: 1.4rem;
  }

  .promo__context-buttons {
    margin-top: 2rem;
  }

  .promo__context-buttons .btn {
    margin-top: 1rem;
  }

  .promo__side {
    padding: 2rem;
  }

  .side-promo__title {
    font-size: 4rem;
  }

  .icons-grid__item:after {
    width: 0.1rem;
  }

  .icons-grid__icon img {
    height: 5rem;
  }

  .icons-grid__title {
    font-size: 2rem;
  }

  .box__title {
    font-size: 4rem;
  }

  .box {
    margin-bottom: 3rem;
  }

  .box__top {
    padding: 0.6rem 2rem;
  }

  .box__body {
    padding: 2rem;
  }

  .donations {
    margin-left: -1rem;
    margin-right: -1rem;
  }

  .donations__input,
  .donations__button {
    width: calc(100% - 1.5rem);
  }

  .donations__input {
    margin-bottom: 1rem;
  }

  .donations-card__content {
    padding: 0.7rem 1rem 0.9rem 1rem;
  }

  .donations-card__title {
    font-size: 1.6rem;
  }

  .donations-card__text {
    font-size: 1.4rem;
    margin-top: 0;
  }

  .donations-card__donate {
    font-size: 1.6rem;
    padding: 0 0.9rem;
  }

  .donations__info {
    font-size: 1.6rem;
  }

  .donations__info-inner {
    padding: 0.5rem 1.5rem;
  }

  .donations__button .btn {
    font-size: 3rem;
  }

  .context__side-button .btn,
  .context__buttons .btn {
    max-width: 100%;
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
    height: 5rem;
  }

  .context__buttons .btn {
    font-size: 3.2rem;
  }

  .side-context__body {
    max-height: 30rem;
  }

  .side-context__title {
    font-size: 2.6rem;
  }

  .donate-fixed {
    display: none;
  }

  .campaigns {
    display: block;
  }

  .campaigns__item {
    width: auto;
  }

  .head-section {
    padding: 3rem 0 6rem;
  }

  .head-section__title {
    font-size: 4rem;
    margin-bottom: 1.8rem;
  }

  .head-section__text {
    font-size: 1.6rem;
  }

  .head-section__subtitle {
    font-size: 2rem;
  }

  .head-section__devider {
    font-size: 5rem;
  }

  .head-section__devider:after,
  .head-section__devider:before {
    width: 9.4rem;
  }

  .about__title {
    font-size: 3.4rem;
    margin-top: -4rem;
  }

  .about__content {
    font-size: 1.4rem;
  }

  .send {
    margin-top: 4rem;
  }

  .send-form {
    display: block;
  }

  .send-form__item {
    width: 100%;
  }

  .send-form--campaign .send-form__message {
    width: 100%;
  }

  .devider {
    margin: 2rem 0;
  }

  .contacts__title {
    font-size: 4rem;
  }

  .contacts__title--left {
    text-align: center;
  }

  .contacts-wrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }

  .contacts-wrap__item {
    width: 50%;
    text-align: center;
  }

  .contacts-wrap__icon {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 3rem;
  }

  .contacts-wrap__icon img {
    max-width: 3.7rem;
  }

  .contacts-wrap__text {
    font-size: 1.6rem;
  }

  .services-row {
    display: block;
    text-align: center;
  }

  .services-row__title {
    font-size: 2.8rem;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 2rem;
    font-size: 2.8rem;
    text-align: center !important;
  }

  .services-row__title span {
    padding-right: 4rem !important;
    padding-left: 4rem !important;
  }

  .services-row__text {
    font-size: 1.8rem;
  }

  .services-row__img {
    display: block;
    width: auto !important;
  }

  .services-row__img img {
    max-width: 28rem;
    max-height: 24rem;
    width: auto;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .services-row__content {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 3rem !important;
    width: auto !important;
  }

  .services-row--1:before {
    left: -1.5rem;
    right: -1.5rem;
    top: -10rem;
    bottom: -3rem;
  }

  .services-row--4 .services-row__title span {
    padding-right: 4rem !important;
  }

  .services-row--4:before {
    left: -1.5rem;
    right: -1.5rem;
  }

  .steps {
    padding: 9rem 0 6rem;
  }

  .get-started__title {
    font-size: 4rem;
    margin-top: -4rem;
  }

  .get-started__subtitle {
    font-size: 2.8rem;
  }

  .get-started__content {
    font-size: 1.4rem;
  }

  .item-step:before {
    font-size: 2.4rem;
  }

  .item-step:after {
    top: 0.5rem;
  }

  .item-step__img {
    width: calc(50% - 2.5rem);
    margin-right: 2.5rem;
  }

  .item-step__img img {
    max-width: 90%;
  }

  .item-step__text {
    width: calc(50% - 2.5rem);
    font-size: 2.4rem;
    margin-left: 2.5rem;
  }

  .item-step--reverse .item-step__img {
    margin-left: 2.5rem;
  }

  .item-step--reverse .item-step__text {
    margin-right: 2.5rem;
  }

  .item-step._active:after {
    height: calc(100% - 1rem);
  }

  .item-step-end {
    margin-top: 0;
    margin-bottom: 0;
  }

  .item-step-end__img img {
    max-width: 45%;
  }

  .item-step-end__text {
    font-size: 2.4rem;
  }

  .login-form__user-block {
    display: none;
  }

  .login-page__title {
    font-size: 4rem;
  }

  .don-wrap {
    display: block;
  }

  .don-wrap__rad {
    margin-left: auto;
    width: auto;
    padding-top: 0;
  }

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

  .fieldset__title {
    font-size: 2.4rem;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 1rem;
    line-height: 1.2;
  }

  .fieldset__title:after {
    top: 100%;
    margin-top: 0;
    left: -10rem;
    width: 200vw;
  }

  .fieldset__title:before {
    display: none;
  }

  .fieldset__title img {
    max-width: 4rem;
    max-height: 4rem;
  }

  .fev-wrap__text {
    font-size: 2rem;
  }

  .fev-wrap__row {
    display: block;
  }

  .fev-wrap__label {
    margin-bottom: 1rem;
    font-size: 2rem;
  }

  .fev-wrap__input {
    width: auto;
    margin-left: 0;
  }

  [data-animate-delay="01"],
  [data-animate-delay="02"],
  [data-animate-delay="03"],
  [data-animate-delay="04"],
  [data-animate-delay="05"],
  [data-animate-delay="06"],
  [data-animate-delay="07"],
  [data-animate-delay="08"],
  [data-animate-delay="09"],
  [data-animate-delay="10"] {
    -webkit-transition-delay: 0.1s;
         -o-transition-delay: 0.1s;
            transition-delay: 0.1s;
  }

  .progress {
    height: 2.5rem;
  }

  .btn,
  a.btn {
    height: 5rem;
    padding: 0 4rem;
    font-size: 3.2rem;
  }

  .btn--iphone-block,
  a.btn--iphone-block {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .btn-def {
    height: 4.5rem;
    font-size: 2.4rem;
  }

  .form-btn {
    font-size: 2.4rem;
    height: 4.5rem;
  }

  .read-more-btn {
    font-size: 2rem;
    height: 3.8rem;
  }

  .read-more-btn > span {
    line-height: 3.3rem;
  }

  .f-close-btn {
    padding: 0.2rem 2rem;
    font-size: 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
  }

  .form-jq-wrapper._focus .form-jq-legend {
    top: -0.5rem;
  }

  .form-jq-legend {
    font-size: 1.6rem;
    top: 1.8rem;
  }

  .form-jq-input {
    font-size: 1.6rem;
    height: 4.5rem;
  }

  .form-text {
    font-size: 1.2rem;
  }

  .form-def__icon {
    height: 4.5rem;
    left: 1rem;
  }

  .form-def__icon img {
    max-width: 1.6rem;
    max-height: 1.6rem;
  }

  .form-def__input {
    height: 4.5rem;
    font-size: 1.6rem;
    padding-left: 5rem;
  }

  .form-insel__input {
    height: 4.5rem;
    font-size: 1.6rem;
  }

  .form-insel__input.jb-search {
    padding-right: 6rem;
  }

  .form-insel__icon {
    height: 4.5rem;
    width: 4.5rem;
  }

  .form-insel__icon img {
    width: 1.4rem;
  }

  .form-input {
    height: 4.5rem;
    font-size: 1.6rem;
  }

  .selectbox__head {
    height: 4.5rem;
  }

  .selectbox__text {
    line-height: 4.3rem;
    font-size: 1.6rem;
  }

  .form-section__label {
    font-size: 2.1rem;
    margin-bottom: 2rem;
  }

  .form-grid__item.col-8,
  .form-grid__item.col-9 {
    width: 100%;
  }

  .form-grid__item.col-3,
  .form-grid__item.col-2,
  .form-grid__item.col-4,
  .form-grid__item.col-5 {
    width: 50%;
  }

  .remember-link {
    font-size: 2.2rem;
  }

  .checkbox,
  .radio {
    font-size: 2.2rem;
  }

  .checkbox-small,
  .radio-small {
    font-size: 1.6rem;
  }

  .radio-button {
    font-size: 2.2rem;
    width: 100%;
    display: block;
    margin-left: 0;
    margin-right: 0;
  }

  .radio-button__text {
    height: auto;
    min-height: 4.5rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 5.3rem;
  }

  .or-devider span {
    font-size: 1.8rem;
  }

  .upload__button {
    height: 5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding-left: 3rem;
    padding-right: 3rem;
    padding-bottom: 0.2rem;
    font-size: 3.2rem;
  }

  .upload__button:after {
    position: relative;
    right: auto;
    top: 0.2rem;
    margin-left: 2rem;
  }

  .popup__content {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .popup__head {
    margin-left: -2.5rem;
    margin-right: -2.5rem;
    padding: 2.5rem 7rem 2rem 2.5rem;
  }

  .popup__title {
    font-size: 2.6rem;
  }

  .popup__close {
    width: 3rem;
    height: 3rem;
  }

  .popup__close img {
    width: 1.4rem;
    height: 1.4rem;
  }

  .popup__logo {
    display: none;
  }

  .popup .form-field {
    margin-bottom: 2rem;
  }

  .popup .form-button {
    margin-top: 3rem;
  }

  .embed {
    display: block;
  }

  .embed__preview {
    padding-left: 0;
    width: auto;
  }

  .embed__form {
    padding-right: 0;
    width: auto;
    margin-bottom: 2rem;
  }

  .preview__title {
    font-size: 2.4rem;
  }

  /* Coming */

  /* Checks */

  /* login */

  /* atboard */

  /* Partners */

  /* Thanks */

  .preview__text {
    font-size: 1.6rem;
  }

  #popup-comming .popup__content {
    max-width: 40.8rem;
    padding: 4.6rem;
  }

  .checks {
    display: block;
  }

  .checks__item {
    padding: 1rem 0;
    width: auto;
    margin-bottom: 2rem;
    text-align: center;
  }

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

  .checks__img {
    padding-left: 0;
  }

  .checks__img img {
    margin-left: auto;
    margin-right: auto;
  }

  .checks__content {
    font-size: 2.4rem;
  }

  .remember {
    display: block;
  }

  .remember label {
    margin-bottom: 1rem;
  }

  .login-form__title {
    font-size: 3rem;
  }

  #popup-atboard .popup__content {
    padding-top: 3rem;
  }

  #popup-atboard .popup__title {
    text-align: left;
    margin-bottom: 3rem;
  }

  .jb-grid__item {
    width: 100%;
  }

  .jq-title {
    font-size: 3rem;
    margin-bottom: 3rem;
  }

  .jq-title__inner {
    min-width: 24rem;
  }

  .jq-title__inner span {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .item-cross__head {
    padding: 1rem 1.5rem;
  }

  .item-cross__title {
    font-size: 1.6rem;
  }

  .item-cross__price {
    font-size: 2rem;
  }

  .item-cross__body {
    padding: 1rem 1.5rem 1.5rem;
  }

  .item-cross__value {
    font-size: 1.4rem;
  }

  .item-cross__progress {
    margin-top: auto;
    height: 2.4rem !important;
  }

  .jb-top {
    display: block;
  }

  .jb-top__search {
    width: auto;
    margin-right: 0;
    margin-bottom: 2rem;
  }

  .jb-top__sel {
    width: auto;
  }

  .p-thanks__title {
    font-size: 3rem;
  }

  .hidden-iphone {
    display: none !important;
  }

  body {
    font-size: 1.4rem;
  }

  .article-content h3 {
    font-size: 2rem;
  }

  .container {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  /* header */

  .header__lang {
    margin-right: 2rem;
  }

  .header__logo {
    max-width: 20rem;
  }

  .search-block {
    width: 13rem;
  }

  .header__bottom {
    padding: 1rem 0;
  }

  .header__burger {
    margin-right: 7rem;
    margin-left: 2rem;
  }

  .burger {
    height: 3rem;
    width: 3rem;
  }

  .burger__icon {
    height: 0.2rem;
    width: 2.6rem;
  }

  .burger__icon:before {
    top: -0.9rem;
  }

  .burger__icon:after {
    bottom: -0.9rem;
  }

  /* Main */

  .main__body {
    padding-top: 4rem;
  }

  .main__head {
    margin-bottom: 2rem;
  }

  .main__title {
    font-size: 4rem;
  }

  /* Footer */

  .main__title span {
    padding-left: 13%;
    padding-right: 13%;
  }

  .main__subtitle {
    font-size: 3rem;
    margin-top: 0.5rem;
  }

  .main__button {
    margin-top: 2.5rem;
  }

  .main__button .btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
  }

  .welcome {
    padding-top: 5rem;
    padding-bottom: 6rem;
    margin-bottom: 5rem;
  }

  .welcome__title {
    font-size: 5.5rem;
    letter-spacing: 0.1rem;
  }

  .welcome__title div {
    font-size: 130%;
  }

  .welcome__button .read-more-btn {
    height: 5rem;
    font-size: 2.2rem;
  }

  .welcome__button .read-more-btn > span {
    line-height: 4.5rem;
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .welcome__path {
    max-height: 87%;
  }

  .play-button {
    width: 7rem;
  }

  .section__title,
  .about-us .section__title,
  .campings-sec .section__title,
  .services-list .section__title {
    font-size: 4.5rem;
  }

  .section__subtitle {
    font-size: 3rem;
  }

  .about-us__text {
    font-size: 2rem;
  }

  .slider-multimple__container {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }

  .slider-multimple__item {
    width: calc(33.33% - 1rem);
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }

  .slider-multimple__prev,
  .slider-multimple__next {
    width: 2rem;
    top: calc(50% - 4rem);
  }

  .slider-multimple__pagination {
    margin-top: 2rem;
  }

  .slider-multimple__bullet {
    width: 1rem;
    height: 1rem;
    margin: 0 0.4rem;
  }

  .services-wrap {
    margin-left: -1rem;
    margin-right: -1rem;
  }

  .services-wrap__item {
    width: 50%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .item-service__img {
    height: 10rem;
  }

  .item-service__title {
    font-size: 1.6rem;
  }

  .services {
    padding-bottom: 7rem;
  }

  .services__path {
    /* -webkit-clip-path: polygon(0 3%, 6% 4%, 26% 0, 85% 4%, 100% 0, 100% 100%, 78% 96%, 29% 99%, 0 98%);
            clip-path: polygon(0 3%, 6% 4%, 26% 0, 85% 4%, 100% 0, 100% 100%, 78% 96%, 29% 99%, 0 98%); */
  }

  .campings-sec {
    margin-bottom: 7rem;
  }

  .campings-sec .section__head {
    margin-bottom: 3rem;
  }

  .footer__logo {
    max-width: 25rem;
    height: 4.5rem;
  }

  .footer__clip {
    padding: 5rem 0 2rem;
    /* -webkit-clip-path: polygon(0 2.5rem, 36% 0, 59% 0, 100% 2.5rem, 100% 100%, 0 100%);
            clip-path: polygon(0 2.5rem, 36% 0, 59% 0, 100% 2.5rem, 100% 100%, 0 100%); */
  }

  .footer__text {
    max-width: 100%;
  }

  .footer__contacts,
  .footer__text {
    font-size: 1.4rem;
  }

  .footer__btext {
    font-size: 1.2rem;
    letter-spacing: 0;
  }

  .footer__contacts {
    max-width: 100%;
  }

  .footer__contacts:after,
  .footer__contacts:before {
    height: 0.1rem;
    width: 90%;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    left: 50%;
    top: -1.6rem;
    margin-top: 0;
    margin-left: -42%;
  }

  .footer__contacts:before {
    margin-left: -48%;
    top: -2.5rem;
  }
}

@media screen and (max-width: 767px) and (max-width: 768px) {
  .koach__right {
    width: calc(12rem + 80 * ((100vw - 320px) / 448));
  }

  .koach__item {
    font-size: calc(2.4rem + 21 * ((100vw - 320px) / 448));
  }

  .koach__eters {
    font-size: calc(1.8rem + 8 * ((100vw - 320px) / 448));
  }

  .promo__title {
    font-size: calc(2.4rem + 21 * ((100vw - 320px) / 448));
  }

  .side-promo__title {
    font-size: calc(2rem + 20 * ((100vw - 320px) / 448));
  }

  .icons-grid__title {
    font-size: calc(1.2rem + 8 * ((100vw - 320px) / 448));
  }

  .box__title {
    font-size: calc(2.4rem + 16 * ((100vw - 320px) / 448));
  }

  .donations-card__title {
    font-size: calc(0.9rem + 7 * ((100vw - 320px) / 448));
  }

  .donations-card__text {
    font-size: calc(0.7rem + 7 * ((100vw - 320px) / 448));
  }

  .donations-card__donate {
    font-size: calc(0.8rem + 8 * ((100vw - 320px) / 448));
  }

  .donations__info {
    font-size: calc(1.1rem + 5 * ((100vw - 320px) / 448));
  }

  .context__buttons .btn {
    font-size: calc(2.2rem + 10 * ((100vw - 320px) / 448));
  }

  .side-context__title {
    font-size: calc(2rem + 6 * ((100vw - 320px) / 448));
  }

  .head-section__title {
    font-size: calc(3rem + 10 * ((100vw - 320px) / 448));
  }

  .head-section__text {
    font-size: calc(1.4rem + 2 * ((100vw - 320px) / 448));
  }

  .head-section__subtitle {
    font-size: calc(1.6rem + 4 * ((100vw - 320px) / 448));
  }

  .head-section__devider {
    font-size: calc(3rem + 20 * ((100vw - 320px) / 448));
  }

  .head-section__devider:after,
  .head-section__devider:before {
    width: calc(5rem + 44 * ((100vw - 320px) / 448));
  }

  .about__title {
    font-size: calc(1.8rem + 16 * ((100vw - 320px) / 448));
  }

  .about__title {
    margin-top: calc(-3rem + -10 * ((100vw - 320px) / 448));
  }

  .contacts__title {
    font-size: calc(3rem + 10 * ((100vw - 320px) / 448));
  }

  .contacts-wrap__text {
    font-size: calc(1.4rem + 2 * ((100vw - 320px) / 448));
  }

  .services-row__title {
    font-size: calc(1.8rem + 10 * ((100vw - 320px) / 448));
  }

  .services-row__text {
    font-size: calc(1.4rem + 4 * ((100vw - 320px) / 448));
  }

  .services-row__img img {
    max-width: calc(22rem + 60 * ((100vw - 320px) / 448));
  }

  .services-row__img img {
    max-height: calc(12rem + 120 * ((100vw - 320px) / 448));
  }

  .get-started__title {
    font-size: calc(2rem + 20 * ((100vw - 320px) / 448));
  }

  .get-started__title {
    margin-top: calc(-3rem + -10 * ((100vw - 320px) / 448));
  }

  .get-started__subtitle {
    font-size: calc(1.6rem + 12 * ((100vw - 320px) / 448));
  }

  .item-step__text {
    font-size: calc(1.4rem + 10 * ((100vw - 320px) / 448));
  }

  .login-page__title {
    font-size: calc(2.6rem + 14 * ((100vw - 320px) / 448));
  }

  .fieldset__title {
    font-size: calc(1.8rem + 6 * ((100vw - 320px) / 448));
  }

  .fev-wrap__text {
    font-size: calc(1.4rem + 6 * ((100vw - 320px) / 448));
  }

  .fev-wrap__label {
    font-size: calc(1.4rem + 6 * ((100vw - 320px) / 448));
  }

  .btn,
  a.btn {
    font-size: calc(2rem + 12 * ((100vw - 320px) / 448));
  }

  .remember-link {
    font-size: calc(1.6rem + 6 * ((100vw - 320px) / 448));
  }

  .checkbox,
  .radio {
    font-size: calc(1.6rem + 6 * ((100vw - 320px) / 448));
  }

  .radio-button {
    font-size: calc(1.6rem + 6 * ((100vw - 320px) / 448));
  }

  .upload__button {
    font-size: calc(2rem + 12 * ((100vw - 320px) / 448));
  }

  .preview__title {
    font-size: calc(2rem + 4 * ((100vw - 320px) / 448));
  }

  .preview__text {
    font-size: calc(1.4rem + 2 * ((100vw - 320px) / 448));
  }

  .checks__content {
    font-size: calc(1.8rem + 6 * ((100vw - 320px) / 448));
  }

  .login-form__title {
    font-size: calc(2.4rem + 6 * ((100vw - 320px) / 448));
  }

  .jq-title {
    font-size: calc(1.8rem + 12 * ((100vw - 320px) / 448));
  }

  .p-thanks__title {
    font-size: calc(2.2rem + 8 * ((100vw - 320px) / 448));
  }

  .main__title {
    font-size: calc(2.4rem + 16 * ((100vw - 320px) / 448));
  }

  .main__subtitle {
    font-size: calc(2rem + 10 * ((100vw - 320px) / 448));
  }

  .welcome__title {
    font-size: calc(2.4rem + 31 * ((100vw - 320px) / 448));
  }

  .section__title,
  .about-us .section__title,
  .campings-sec .section__title,
  .services-list .section__title {
    font-size: calc(2.8rem + 17 * ((100vw - 320px) / 448));
  }

  .section__subtitle {
    font-size: calc(2rem + 10 * ((100vw - 320px) / 448));
  }

  .about-us__text {
    font-size: calc(1.6rem + 4 * ((100vw - 320px) / 448));
  }

  .item-service__title {
    font-size: calc(1.2rem + 4 * ((100vw - 320px) / 448));
  }
}

@media screen and (max-width: 575px) {
  .item-campaign__img {
    height: auto;
  }

  .item-campaign__body {
    padding: 2rem;
  }

  .item-campaign__title {
    font-size: 2.6rem;
    max-height: none;
    display: block;
    line-height: 1.1;
    overflow: visible;
  }

  .item-campaign__text {
    font-size: 1.4rem;
    margin-bottom: 2rem;
    max-height: 5.1rem;
  }

  .item-campaign__icons-grid {
    margin-bottom: 0;
  }

  .item-campaign__progress {
    height: 1.7rem !important;
  }

  .form-grid__item.col-8,
  .form-grid__item.col-9,
  .form-grid__item.col-6,
  .form-grid__item.col-3,
  .form-grid__item.col-2,
  .form-grid__item.col-4,
  .form-grid__item.col-5 {
    width: 100%;
  }

  .cross-wrap__item {
    width: 100%;
  }

  .hidden-iphone-sm {
    display: none !important;
  }
}

@media screen and (max-width: 575px) and (max-width: 768px) {
  .item-campaign__title {
    font-size: calc(1.8rem + 8 * ((100vw - 320px) / 448));
  }
}

@media screen and (max-width: 370px) {
  .hidden-iphone-xs {
    display: none !important;
  }
}

@media (max-width: 767px) and (min-width: 575px) {
  .item-campaign {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }

  .item-campaign__img {
    height: auto;
    width: 40%;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    -webkit-clip-path: polygon(0 0, 100% 0, 95% 100%, 0 100%);
            clip-path: polygon(0 0, 100% 0, 95% 100%, 0 100%);
  }

  .item-campaign__body {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    min-width: 1px;
  }
}

@media (any-hover: hover) {
  .lang__drop-item:hover {
    background: #126aa7;
  }


  .main__title span:hover {
    background: #1D1E1D;
    padding-top: 1.4rem;
    color: #1579BE;
    padding-bottom: 0.6rem;
  }

  /* .section__title span:hover {
    background: #1579BE;
    padding-top: 0.8rem;
    color: #1D1E1D;
    padding-bottom: 0.2rem;
  } */



  .play-button:hover {
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
  }

  .item-service__img img:hover {
    -webkit-transform: translate(0, 1rem);
        -ms-transform: translate(0, 1rem);
            transform: translate(0, 1rem);
  }

  .item-service__title:hover {
    background: #1D1E1D;
    padding-top: 0.8rem;
    padding-bottom: 0.2rem;
    color: #ED604F;
  }

  .slider-multimple__prev:hover,
  .slider-multimple__next:hover {
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
  }

  .slider-multimple__bullet:hover {
    background: #ED604F;
  }

  .form-sel__drop-item:hover {
    background: #2e8ec2;
  }

  .form-sel--dark .form-sel__drop-item:hover {
    background: #090909;
  }

  .side-context__button:hover {
    background: #116299;
  }

  .donate-fixed__button:hover {
    background: #105c90;
  }

  .item-campaign:hover {
    background: #e5e5e5;
  }

  .item-campaign:hover .item-campaign__title {
    color: #19689C;
  }



  /* .contacts__title span:hover {
    background: #1579BE;
    padding-top: 0.8rem;
    color: #1D1E1D;
    padding-bottom: 0.2rem;
  } */

  .services .section__title span:hover {
    background: #343434;
    color: #1579BE;
  }

  .get-started__title span:hover {
    background: #1579BE;
    padding-top: 0.7rem;
    color: #1D1E1D;
    padding-bottom: 0.3rem;
  }

  .item-step__img img:hover {
    -webkit-transform: translate(0, 1rem);
        -ms-transform: translate(0, 1rem);
            transform: translate(0, 1rem);
  }

  .item-step-end__img img:hover {
    -webkit-transform: translate(0, 1rem);
        -ms-transform: translate(0, 1rem);
            transform: translate(0, 1rem);
  }


  .social__link:hover {
    border-radius: 0.8rem;
  }

  .btn:hover,
  a.btn:hover {
    -webkit-clip-path: polygon(3% 0, 96% 6%, 98% 94%, 1% 94%);
            clip-path: polygon(3% 0, 96% 6%, 98% 94%, 1% 94%);
  }

  .f-close-btn:hover {
    background: #ddd;
  }

  .form-btn:hover {
    background: #000;
  }

  .read-more-btn:hover span {
    background: #1579BE;
    color: #fff;
  }

  .read-more-btn--black:hover span {
    background: #000;
    color: #fff;
  }

  .btn-def:hover {
    background: #1D1E1D;
    color: #fff;
  }

  .selectbox__drop ul li:hover {
    background: #eee;
  }

  .upload__button:hover {
    -webkit-clip-path: polygon(3% 0, 96% 6%, 98% 94%, 1% 94%);
            clip-path: polygon(3% 0, 96% 6%, 98% 94%, 1% 94%);
  }

  .popup__close:hover {
    background: #000;
  }
}


@media (max-width: 768px) {
  .show-tablet {
    display: block;
  }

  .dont-show-tablet {
    display: none;
  }
}



/* main-hero-info-buttons */

.main-hero-info-buttons .read-more-btn {
  height: 5rem;
  background: #1579BE;
  margin-top: 20px;
  /* clip-path: polygon(93% 0%, 1% 10%, 0% 100%, 100% 90%); */
}

.main-hero-info-buttons .read-more-btn span {
  line-height: 4.6rem;
  background: #1579BE;
  color: white;
  padding: 0 3rem;
  /* clip-path: polygon(93% 0%, 1% 10%, 0% 100%, 100% 90%); */
}

.main-hero-info-buttons .read-more-btn br {
  display: none;
}

@media (max-width: 1200px) {
  .main-hero-info-buttons .w-50 {
    width: 100%;
    margin: 30px 0
  }
}

@media (max-width: 768px) {
  .main-hero-info-buttons .read-more-btn br {
    display: inline-block;
  }

  .main-hero-info-buttons .read-more-btn.two-lines {
    height: 7rem;
  }

  .main-hero-info-buttons .read-more-btn.two-lines span {
    padding-top: 1rem;
    padding-bottom: 1rem;
    line-height: 2.5rem;
  }
}

@media (max-width: 480px) {
  .main-hero-info-buttons .read-more-btn {
    font-size: 1.8rem;
  }
}

/* main-hero-info-buttons */