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


a:active,
a:hover {
  outline: 0;
}
ul,
li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}
html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
:focus {
  outline: 0;
}
img,
audio,
video {
  max-width: 100%;
  height: auto;
}
audio,
canvas,
iframe,
video,
img,
svg {
  vertical-align: middle;
}
iframe {
  border: 0;
}
textarea {
  resize: none;
  overflow: auto;
  vertical-align: top;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}
input,
textarea,
select,
button {
  margin: 0;
  padding: 0;
  font-size: 100%;
  background-color: transparent;
  outline: none;
  border: none;
}
button,
input {
  line-height: normal;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
  text-align: left;
}
ul {
  list-style: none;
}
a {
  color: inherit;
}
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
  text-size-adjust: none;
}
button,
input,
textarea {
  cursor: pointer;
}
button,
input,
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.container {
  margin: 0 auto;
  max-width: 1110px;
  padding-left: 16px;
  padding-right: 16px;
}
@media (max-width: 1199px) {
  .container {
    max-width: 960px;
  }
}
@media (max-width: 991px) {
  .container {
    max-width: 720px;
  }
}
@media (max-width: 767px) {
  .container {
    max-width: 540px;
  }
}
@media (max-width: 576px) {
  .container {
    max-width: 100%;
  }
}
#app {
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
  overflow-x: clip;
}
@media (max-width: 1000px) {
  #app {
    overflow-x: hidden;
  }
}
body {
  margin-bottom: 0;
  font-family: "PT-Root-UI", sans-serif;
  font-weight: normal;
  font-size: 20px;
  line-height: 1.3;
  color: #393939;
}
.fz18 {
  font-size: 18px;
}
.fz16 {
  font-size: 16px;
}
@media (max-width: 991px) {
  body,
  .fz22 {
    font-size: 16px;
  }
}
.sect-85 {
  padding-top: 85px;
  padding-bottom: 85px;
}
@media (max-width: 991px) {
  .sect-85 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
@media (max-width: 576px) {
  .sect-85 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
h1.sect-title {
  font-size: 50px;
}
@media (max-width: 576px) {
  h1.sect-title {
    font-size: 40px;
  }
}
.sect-title {
  font-family: "Stem", sans-serif;
  line-height: 1.1;
  font-weight: 700;
  font-size: 46px;
  text-align: center;
  color: #223d36;
  margin-left: auto;
  margin-right: auto;
}
.sect-title span {
  color: #0ba377;
}
@media (max-width: 576px) {
  .sect-title {
    font-size: 35px;
  }
}
.title-2 {
  font-size: 32px;
  font-family: "Stem", sans-serif;
}
.btn {
  display: inline-block;
  background-color: #ffed8f;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  padding: 16px 40px;
  padding-top: 15px;
  font-size: 18px;
  color: #000;
  text-align: center;
  font-family: "Stem", sans-serif;
  font-weight: 500;
  letter-spacing: 1px;
  border-radius: 30px;
  position: relative;
}
.btn:hover {
  background-color: #ffcd1d;
  -webkit-box-shadow: 0px 4px 20px rgba(255, 222, 49, 0.5);
  box-shadow: 0px 4px 20px rgba(255, 222, 49, 0.5);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 576px) {
  .btn {
    font-size: 16px;
  }
}
.btn-arrow img {
  margin-left: 10px;
  position: relative;
  top: -2px;
}
.sect-grad {
  background: -o-linear-gradient(top, #f8f8fd 0%, rgba(245, 245, 250, 0) 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#f8f8fd), to(rgba(245, 245, 250, 0)));
  background: linear-gradient(180deg, #f8f8fd 0%, rgba(245, 245, 250, 0) 100%);
}
.error {
  text-align: center;
  height: 100vh;
  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;
}
.error .sect-title {
  margin-bottom: 40px;
  max-width: 963px;
}
.error .subtitle {
  font-size: 30px;
  margin-bottom: 60px;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}
.error .btn {
  padding: 20px 30px;
  padding-bottom: 17px;
}
.error-wrap {
  position: relative;
}
.error-wrap:before {
  content: "";
  position: absolute;
  right: -100px;
  top: -50px;
  width: 95px;
  height: 80px;
  background-image: url(../img/form/star-icon.svg);
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
}
.error-wrap:after {
  content: "";
  display: block;
  position: absolute;
  width: 165px;
  height: 140px;
  background-image: url(../img/football/ball.svg);
  background-repeat: no-repeat;
  background-size: contain;
  bottom: -68px;
  left: -180px;
}
@media (max-width: 1199px) {
  .error-wrap:before {
    right: 0;
    top: -127px;
  }
  .error-wrap:after {
    left: 0;
    bottom: -200px;
  }
}
@media (max-width: 576px) {
  .error .subtitle {
    font-size: 18px;
    margin-bottom: 40px;
  }
  .error-wrap:before {
    top: -80px;
    width: 66px;
  }
  .error-wrap:after {
    width: 86px;
    height: 85px;
    bottom: -97px;
  }
}
.overlay {
  position: fixed;
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 64;
  display: none;
}
.overlay.active {
  display: block;
}
.popup {
  position: fixed;
  z-index: 65;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.popup-docs-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 30px;
  background-color: #fff;
  width: 750px;
}
.popup-docs-wrap a {
  display: block;
  width: calc(25% - 20px);
  margin-left: 10px;
  margin-right: 10px;
}
.popup-docs-wrap img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.popup-docs-1,
.popup-docs-2 {
  display: none;
}
.popup-docs-1.active,
.popup-docs-2.active {
  display: block;
}
.popup-docs-overflow {
  height: 550px;
  overflow-y: scroll;
}
.popup-docs-2 .popup-docs-wrap a {
  width: calc(33.333% - 20px);
}
@media (max-width: 1199px) {
  .popup-docs-overflow {
    height: 400px;
  }
}
@media (max-width: 767px) {
  .popup-docs-wrap {
    width: 530px;
  }
}
@media (max-width: 576px) {
  .popup-docs {
    width: 90%;
  }
  .popup-docs-wrap {
    padding: 20px 10px;
    width: 100%;
  }
  .popup-docs-wrap a {
    width: calc(33.33% - 20px);
  }
}
.popup-close {
  width: 50px;
  height: 50px;
  position: absolute;
  right: -15px;
  top: -50px;
  cursor: pointer;
}
.popup-close:before,
.popup-close:after {
  content: "";
  position: absolute;
  top: 24px;
  left: 16px;
  width: 20px;
  height: 2px;
  background-color: #fff;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  display: inline-block;
}
.popup-close:after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
@media (max-width: 1199px) {
  .slick-prev,
  .slick-next {
    z-index: 1;
    width: 45px;
    height: 45px;
    background-color: #e9e9e9;
    border-radius: 50%;
  }
  .slick-prev:before,
  .slick-next:before {
    content: "";
    border-bottom: 2px solid #393939;
    border-right: 2px solid #393939;
    width: 12px;
    height: 12px;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    display: block;
    position: absolute;
    left: 18px;
    top: 17px;
  }
  .slick-prev {
    left: 10px;
  }
  .slick-next {
    right: 10px;
  }
  .slick-next:before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    left: 14px;
  }
  .slick-prev:hover,
  .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    background-color: #e9e9e9;
  }
}
@media (max-width: 576px) {
  .slick-prev {
    left: 0;
  }
  .slick-next {
    right: 0;
  }
}
@media (max-width: 400px) {
  .slick-prev,
  .slick-next {
    top: 30%;
  }
}
.popup-video {
  display: none;
}
.popup-video.active {
  display: block;
}
.popup-video iframe {
  width: 881px;
  height: 500px;
}
.popup-video video {
  width: 880px;
  max-width: calc(100vw - 20px);
}
@media (max-width: 991px) {
  .popup-video iframe {
    width: 740px;
  }
}
@media (max-width: 767px) {
  .popup-video iframe {
    width: 545px;
    height: 307px;
  }
}
@media (max-width: 576px) {
  .popup-video iframe {
    width: 320px;
    height: 200px;
  }
}
.popup-contact {
  display: none;
}
.popup-contact.active {
  display: block;
}
.popup-contact .popup-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 725px;
}
.popup-contact .popup-wrap > img {
  width: 345px;
  height: 320px;
}
.popup-contact .text {
  background-color: #fff;
  padding: 50px;
  padding-right: 30px;
  width: 380px;
}
.popup-contact .title {
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 20px;
}
.popup-contact ul li {
  margin-bottom: 10px;
}
.popup-contact .soc-wrap a {
  display: inline-block;
  margin-right: 10px;
  margin-top: 10px;
}
@media (max-width: 767px) {
  .popup-contact .text {
    width: 320px;
  }
  .popup-contact .popup-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 320px;
  }
  .popup-contact .text {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    padding: 30px;
  }
  .popup-contact .popup-wrap > img {
    width: 345px;
    height: 294px;
    -o-object-fit: cover;
    object-fit: cover;
  }
}
.popup-pay {
  background-color: #fff;
  width: 445px;
  display: none;
}
.popup-pay.active {
  display: block;
}
.popup-pay .popup-wrap {
  border-radius: 0 0 10px 10px;
}
.popup-pay .payment {
  background-color: #fff;
  margin-left: auto;
  margin-right: auto;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding-top: 40px;
  padding-bottom: 40px;
}
.popup-pay .payment .title {
  margin-bottom: 30px;
  font-size: 30px;
}
.popup-pay .payment .sum-wrap .sum {
  background-color: #c3ffd4;
}
.popup-pay .payment .sum-wrap .sum.active {
  background: -o-linear-gradient(209.25deg, #8aeda5 17.74%, #009479 70.74%);
  background: linear-gradient(240.75deg, #8aeda5 17.74%, #009479 70.74%);
}
.popup-pay .payment .sum-wrap .input-sum {
  background-color: #c3ffd4;
}
.popup-pay .payment .method.active {
  border: 2px solid #0ba377;
  background-color: #fff;
}
.popup-pay .payment .method {
  border: 2px solid #ededf4;
}
.popup-pay .payment .checked {
  width: 18px;
  height: 18px;
  opacity: 1;
}

.popup-pay .payment {
  padding-top: 15px;
  padding-bottom: 25px;
}
.popup-pay .payment .title {
  margin-bottom: 10px;
}
.popup-pay .popup-wrap > img {
  height: 340px;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}
@media (max-width: 1599px) {
  .popup-pay .popup-wrap > img {
    height: 220px;
  }
}
.popup-pay .payment .sum-wrap {
  margin-bottom: 10px;
}
.popup-pay .payment .method-wrap {
  margin-bottom: 10px;
}
.popup-pay .payment .method img {
  height: 40px;
}
.popup-pay .payment .method .title {
  font-size: 20px;
}
.popup-pay .payment .checkbox-wrap {
  margin-bottom: 10px;
}
.popup-pay .payment .btn {
  padding: 10px;
}
.popup-pay .popup-close {
  right: -52px;
  top: -13px;
}
@media (max-width: 576px) {
  .popup-pay .popup-close {
    background-color: #a4a4a4;
    right: 0;
    top: -1px;
  }
}
@media (max-width: 460px) {
  .popup-pay {
    width: 360px;
  }
}
@media (max-width: 360px) {
  .popup-pay {
    width: 320px;
  }
}
.popup-news {
  background-color: #fff;
  width: 1100px;
  border-radius: 20px;
  display: none;
}
.popup-news.active {
  display: block;
}
.popup-news .popup-wrap {
  padding: 60px;
}
.popup-news .popup-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.popup-news .btn-wrap {
  width: 100%;
  text-align: right;
  margin-top: 40px;
}
.popup-news .btn-prev {
  border: 1px solid #949398;
  border-radius: 30px;
  background-color: transparent;
  color: #949398;
  margin-right: 12px;
}
.popup-news .btn-prev img {
  position: relative;
  top: -1px;
  left: -5px;
}
.popup-news .btn-next img {
  position: relative;
  top: -1px;
  right: -5px;
}
.popup-news .img-one {
  width: 477px;
  height: 370px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 10px;
  margin-bottom: 20px;
  cursor: pointer;
}
.popup-news .popup-text {
  width: 473px;
  margin-left: 30px;
}
.popup-news .title {
  font-size: 30px;
  font-family: "Stem", sans-serif;
  margin-bottom: 30px;
}
.popup-news p {
  margin-bottom: 15px;
  font-size: 18px;
}
.popup-news .img-two {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.popup-news .img-two img {
  width: 146px;
  border-radius: 5px;
  cursor: pointer;
}
@media (max-height: 900px) {
  .popup-news .img-one {
    height: 313px;
  }
  .popup-news .popup-wrap {
    padding: 30px;
  }
  .popup-news .title {
    margin-bottom: 15px;
  }
  .popup-news .btn-wrap {
    margin-top: 20px;
  }
  .popup-news {
    width: 1040px;
  }
}
@media (max-width: 1199px) {
  .popup-news {
    width: 537px;
  }
  .popup-news .popup-photos {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .popup-news .popup-content {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 500px;
    overflow-y: scroll;
  }
  .popup-news .popup-text {
    margin-left: 0;
    margin-bottom: 20px;
  }
  .popup-news .btn {
    padding: 16px 33px;
  }
}
@media (max-width: 576px) {
  .popup-news {
    width: 350px;
  }
  .popup-news .popup-close {
    right: 0;
  }
  .popup-news .popup-wrap {
    padding: 30px 20px;
  }
  .popup-news .img-one {
    width: 100%;
  }
  .popup-news .img-two img {
    width: 100px;
  }
  .popup-news .img-one {
    height: 250px;
  }
  .popup-news .btn-prev img,
  .popup-news .btn-next img {
    display: none;
  }
  .popup-news .btn {
    padding: 12px 16px;
  }
  .popup-news .title {
    font-size: 24px;
  }
}
@media (max-width: 576px) and (max-height: 750px) {
  .popup-news .popup-content {
    height: 320px;
  }
}
@font-face {
  font-family: "PT-Root-UI";
  src: url("../fonts/PT-Root-UI_Regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "PT-Root-UI";
  src: url("../fonts/PT-Root-UI_Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "PT-Root-UI";
  src: url("../fonts/PT-Root-UI_Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Stem";
  src: url("../fonts/Stem-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Stem";
  src: url("../fonts/Stem-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Geometria";
  src: url("../fonts/geometria_bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "BadScript-Regular";
  src: url("../fonts/BadScript-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Hortensia";
  src: url("../fonts/Hortensia.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Teslic`s Document Cyr";
  src: url("../fonts/TeslicsDocument.woff2") format("woff2"), url("../fonts/TeslicsDocument.woff") format("woff"),
    url("../fonts/TeslicsDocument.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.header {
  padding: 15px 0;
}
.header-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.header-logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.header-logo img {
  max-width: 60px;
}
.header-logo span {
  font-size: 12px;
  margin-left: 10px;
  display: inline-block;
}
.header-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.header-menu li a {
  font-size: 14px;
  padding: 10px 12px;
  display: inline-block;
}
.header .burger {
  display: none;
}
.header .menu-item-has-children {
  position: relative;
}
.header .menu-item-has-children:after {
  content: "";
  display: inline-block;
  background-image: url(../img/header/arrow.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 10px;
  height: 5px;
  position: relative;
  top: -1px;
  left: -3px;
  margin-right: 12px;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 0.5;
}
.header .menu-item-has-children .sub-menu {
  display: none;
  position: absolute;
  background-color: #fff;
  -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
  padding: 15px;
  width: 241px;
  top: 40px;
  left: 10px;
  z-index: 8;
}
.header .menu-item-has-children .sub-menu a {
  padding: 5px;
  display: inline-block;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.header .menu-item-has-children .sub-menu a:hover {
  color: #0ba377;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.header .menu-item-has-children:hover:after {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  top: -2px;
}
.header .menu-item-has-children:hover .sub-menu {
  display: block;
}
@media (max-width: 1199px) {
  .header-menu {
    display: none;
  }
  .header-menu.active {
    padding: 20px;
    display: block;
    position: absolute;
    right: 0;
    top: 44px;
    background-color: #fff;
    -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
    top: 110px;
    z-index: 8;
  }
  .header-menu.active li a {
    display: block;
    padding: 10px 12px;
    width: 100%;
  }
  .header .burger {
    width: 40px;
    height: 40px;
    display: block;
  }
  .header .burger span {
    display: block;
    width: 40px;
    height: 3px;
    background-color: #171717;
    margin-bottom: 10px;
  }
  .header .burger span:nth-child(3) {
    margin-bottom: 0;
  }
  .header .burger.active span:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 8px;
    position: relative;
  }
  .header .burger.active span:nth-child(2) {
    display: none;
  }
  .header .burger.active span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: -4px;
    position: relative;
  }
  .header .menu-item-has-children:after {
    top: 18px;
    position: absolute;
    right: -20px;
    left: auto;
  }
  .header .menu-item-has-children:hover .sub-menu {
    display: none;
  }
  .header .menu-item-has-children:hover:after {
    top: 18px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  .header .menu-item-has-children .sub-menu.active {
    display: block;
    position: static;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding-top: 0;
    padding-bottom: 0;
  }
  .header .menu-item-has-children.active:after {
    top: 18px;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@media (max-width: 500px) {
  .header-logo span {
    /* display: none; */
    font-size: 10px;
    line-height: 130%;
    letter-spacing: 0.05em;
  }
  .header-logo img {
    max-width: 60px;
  }
  .header .btn {
    padding: 16px 27px;
  }
  .header-menu.active {
    top: 90px;
  }
}
.main {
  background-image: url("../img/main/bg.png");
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 70px;
  padding-bottom: 70px;
}
.main-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.main .sect-title {
  text-align: left;
  line-height: 1.1;
  margin-bottom: 30px;
}
.main .text {
  max-width: 573px;
  margin-top: 50px;
}
.main .img-wrap {
  position: relative;
}
.main .img-text {
  position: absolute;
  top: 0;
  right: 0;
}
.main p {
  margin-bottom: 20px;
  max-width: 532px;
}
@media (max-width: 991px) {
  .main {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .main-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .main .text {
    margin-top: 0;
    margin-bottom: 20px;
  }
  .main .img-wrap {
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 576px) {
  .main .img-wrap {
    max-width: 300px;
  }
  .main .img-text {
    top: -38px;
    right: 7px;
    max-width: 160px;
  }
  .main {
    padding-bottom: 40px;
  }
}
.payment {
  background-color: #fff;
  border-radius: 8px;
  max-width: 445px;
  padding: 30px 35px;
  -webkit-box-shadow: 0px 5px 50px rgba(50, 42, 97, 0.1);
  box-shadow: 0px 5px 50px rgba(50, 42, 97, 0.1);
}
.payment .title {
  color: #393939;
  text-align: center;
  font-size: 25px;
  margin-bottom: 10px;
  font-weight: 700;
}
.payment .subtitle {
  text-align: center;
  font-size: 16px;
  margin-bottom: 30px;
}
.payment .input-name,
.payment .input-email {
  background-color: #f9f9fd;
  border-radius: 2px;
  padding: 9px 20px;
  width: 100%;
  margin-bottom: 10px;
}
.payment .input-name::-moz-placeholder,
.payment .input-email::-moz-placeholder {
  color: #949398;
  font-size: 16px;
}
.payment .input-name::-webkit-input-placeholder,
.payment .input-email::-webkit-input-placeholder {
  color: #949398;
  font-size: 16px;
}
.payment .input-name::-moz-placeholder,
.payment .input-email::-moz-placeholder {
  color: #949398;
  font-size: 16px;
}
.payment .input-name:-ms-input-placeholder,
.payment .input-email:-ms-input-placeholder {
  color: #949398;
  font-size: 16px;
}
.payment .input-name::-ms-input-placeholder,
.payment .input-email::-ms-input-placeholder {
  color: #949398;
  font-size: 16px;
}
.payment .input-name::-webkit-input-placeholder,
.payment .input-email::-webkit-input-placeholder {
  color: #949398;
  font-size: 16px;
}
.payment .input-name::-moz-placeholder,
.payment .input-email::-moz-placeholder {
  color: #949398;
  font-size: 16px;
}
.payment .input-name:-ms-input-placeholder,
.payment .input-email:-ms-input-placeholder {
  color: #949398;
  font-size: 16px;
}
.payment .input-name::-ms-input-placeholder,
.payment .input-email::-ms-input-placeholder {
  color: #949398;
  font-size: 16px;
}
.payment .input-name::-webkit-input-placeholder,
.payment .input-email::-webkit-input-placeholder {
  color: #949398;
  font-size: 16px;
}
.payment .input-name::-moz-placeholder,
.payment .input-email::-moz-placeholder {
  color: #949398;
  font-size: 16px;
}
.payment .input-name:-ms-input-placeholder,
.payment .input-email:-ms-input-placeholder {
  color: #949398;
  font-size: 16px;
}
.payment .input-name::-ms-input-placeholder,
.payment .input-email::-ms-input-placeholder {
  color: #949398;
  font-size: 16px;
}
.payment .input-name::-webkit-input-placeholder,
.payment .input-email::-webkit-input-placeholder {
  color: #949398;
  font-size: 16px;
}
.payment .input-name::-moz-placeholder,
.payment .input-email::-moz-placeholder {
  color: #949398;
  font-size: 16px;
}
.payment .input-name:-ms-input-placeholder,
.payment .input-email:-ms-input-placeholder {
  color: #949398;
  font-size: 16px;
}
.payment .input-name::-ms-input-placeholder,
.payment .input-email::-ms-input-placeholder {
  color: #949398;
  font-size: 16px;
}
.payment .input-name::-webkit-input-placeholder,
.payment .input-email::-webkit-input-placeholder {
  color: #949398;
  font-size: 16px;
}
.payment .input-name::-moz-placeholder,
.payment .input-email::-moz-placeholder {
  color: #949398;
  font-size: 16px;
}
.payment .input-name:-ms-input-placeholder,
.payment .input-email:-ms-input-placeholder {
  color: #949398;
  font-size: 16px;
}
.payment .input-name::-ms-input-placeholder,
.payment .input-email::-ms-input-placeholder {
  color: #949398;
  font-size: 16px;
}
.payment .input-name::-webkit-input-placeholder,
.payment .input-email::-webkit-input-placeholder {
  color: #949398;
  font-size: 16px;
}
.payment .input-name::-moz-placeholder,
.payment .input-email::-moz-placeholder {
  color: #949398;
  font-size: 16px;
}
.payment .input-name:-ms-input-placeholder,
.payment .input-email:-ms-input-placeholder {
  color: #949398;
  font-size: 16px;
}
.payment .input-name::-ms-input-placeholder,
.payment .input-email::-ms-input-placeholder {
  color: #949398;
  font-size: 16px;
}
.payment .input-name::-webkit-input-placeholder,
.payment .input-email::-webkit-input-placeholder {
  color: #949398;
  font-size: 16px;
}
.payment .input-name::-moz-placeholder,
.payment .input-email::-moz-placeholder {
  color: #949398;
  font-size: 16px;
}
.payment .input-name:-ms-input-placeholder,
.payment .input-email:-ms-input-placeholder {
  color: #949398;
  font-size: 16px;
}
.payment .input-name::-ms-input-placeholder,
.payment .input-email::-ms-input-placeholder {
  color: #949398;
  font-size: 16px;
}
.payment .input-name::-webkit-input-placeholder,
.payment .input-email::-webkit-input-placeholder {
  color: #949398;
  font-size: 16px;
}
.payment .input-name::-moz-placeholder,
.payment .input-email::-moz-placeholder {
  color: #949398;
  font-size: 16px;
}
.payment .input-name:-ms-input-placeholder,
.payment .input-email:-ms-input-placeholder {
  color: #949398;
  font-size: 16px;
}
.payment .input-name::-ms-input-placeholder,
.payment .input-email::-ms-input-placeholder {
  color: #949398;
  font-size: 16px;
}
.payment .input-name::-webkit-input-placeholder,
.payment .input-email::-webkit-input-placeholder {
  color: #949398;
  font-size: 16px;
}
.payment .input-name::-moz-placeholder,
.payment .input-email::-moz-placeholder {
  color: #949398;
  font-size: 16px;
}
.payment .input-name:-ms-input-placeholder,
.payment .input-email:-ms-input-placeholder {
  color: #949398;
  font-size: 16px;
}
.payment .input-name::-ms-input-placeholder,
.payment .input-email::-ms-input-placeholder {
  color: #949398;
  font-size: 16px;
}
.payment .input-name::-webkit-input-placeholder,
.payment .input-email::-webkit-input-placeholder {
  color: #949398;
  font-size: 16px;
}
.payment .input-name::-moz-placeholder,
.payment .input-email::-moz-placeholder {
  color: #949398;
  font-size: 16px;
}
.payment .input-name:-ms-input-placeholder,
.payment .input-email:-ms-input-placeholder {
  color: #949398;
  font-size: 16px;
}
.payment .input-name::-ms-input-placeholder,
.payment .input-email::-ms-input-placeholder {
  color: #949398;
  font-size: 16px;
}
.payment .input-name::-webkit-input-placeholder,
.payment .input-email::-webkit-input-placeholder {
  color: #949398;
  font-size: 16px;
}
.payment .input-name::-moz-placeholder,
.payment .input-email::-moz-placeholder {
  color: #949398;
  font-size: 16px;
}
.payment .input-name:-ms-input-placeholder,
.payment .input-email:-ms-input-placeholder {
  color: #949398;
  font-size: 16px;
}
.payment .input-name::-ms-input-placeholder,
.payment .input-email::-ms-input-placeholder {
  color: #949398;
  font-size: 16px;
}
.payment .input-name::-webkit-input-placeholder,
.payment .input-email::-webkit-input-placeholder {
  color: #949398;
  font-size: 16px;
}
.payment .input-name::-moz-placeholder,
.payment .input-email::-moz-placeholder {
  color: #949398;
  font-size: 16px;
}
.payment .input-name:-ms-input-placeholder,
.payment .input-email:-ms-input-placeholder {
  color: #949398;
  font-size: 16px;
}
.payment .input-name::-ms-input-placeholder,
.payment .input-email::-ms-input-placeholder {
  color: #949398;
  font-size: 16px;
}
.payment .input-name::-webkit-input-placeholder,
.payment .input-email::-webkit-input-placeholder {
  color: #949398;
  font-size: 16px;
}
.payment .input-name::-moz-placeholder,
.payment .input-email::-moz-placeholder {
  color: #949398;
  font-size: 16px;
}
.payment .input-name:-ms-input-placeholder,
.payment .input-email:-ms-input-placeholder {
  color: #949398;
  font-size: 16px;
}
.payment .input-name::-ms-input-placeholder,
.payment .input-email::-ms-input-placeholder {
  color: #949398;
  font-size: 16px;
}
.payment .input-name::-webkit-input-placeholder,
.payment .input-email::-webkit-input-placeholder {
  color: #949398;
  font-size: 16px;
}
.payment .input-name::-moz-placeholder,
.payment .input-email::-moz-placeholder {
  color: #949398;
  font-size: 16px;
}
.payment .input-name:-ms-input-placeholder,
.payment .input-email:-ms-input-placeholder {
  color: #949398;
  font-size: 16px;
}
.payment .input-name::-ms-input-placeholder,
.payment .input-email::-ms-input-placeholder {
  color: #949398;
  font-size: 16px;
}
.payment .input-name::placeholder,
.payment .input-email::placeholder {
  color: #949398;
  font-size: 16px;
}
.payment .sum-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 25px;
}
.payment .sum-wrap .sum {
  width: 75px;
  padding: 10px 12px;
  background: #eeeef0;
  font-weight: 350;
  font-size: 18px;
  border-radius: 5px;
  cursor: pointer;
  text-align: center;
  color: #949398;
}
.payment .sum-wrap .sum.active {
  font-weight: 700;
  background: #35c793;
  color: #fff;
}
@media (max-width: 991px) {
  .payment .sum-wrap.pink .sum.active {
    background: #f0bbc5;
  }
  .payment .sum-wrap.pink .input-sum.active {
    border-color: #f0bbc5;
  }
}
.payment .sum-wrap .input-sum {
  padding: 9px 15px;
  background-color: transparent;
  width: 120px;
  font-size: 16px;
  border-radius: 5px;
  cursor: text;
  border: 1px solid #eeeef0;
}
.payment .sum-wrap .input-sum.active {
  border-color: #35c793;
}
.payment .sum-wrap .input-sum::-moz-placeholder {
  color: #949398;
  font-size: 16px;
}
.payment .sum-wrap .input-sum::-webkit-input-placeholder {
  color: #949398;
  font-size: 16px;
}
.payment .sum-wrap .input-sum:-ms-input-placeholder {
  color: #949398;
  font-size: 16px;
}
.payment .sum-wrap .input-sum::-ms-input-placeholder {
  color: #949398;
  font-size: 16px;
}
.payment .sum-wrap .input-sum::placeholder {
  color: #949398;
  font-size: 16px;
}
.payment .sum-wrap .input-sum.error-input {
  border-color: red;
}
.payment .btn {
  width: 100%;
  padding: 15px 10px;
  margin-bottom: 15px;
}
.payment .policy {
  text-align: center;
  font-size: 11px;
  color: #313131;
  opacity: 0.6;
  display: block;
}
.payment .policy a {
  text-decoration: underline;
}
.payment .item-left {
  max-width: 580px;
}
.payment .method-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
}
.payment .method {
  margin-right: 15px;
  border: 2px solid #fff;
  border-radius: 5px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  cursor: pointer;
}
.payment .method.active {
  border: 2px solid #fff4cb;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.payment .method.hide {
  display: none;
}
.payment .checkbox-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
  cursor: pointer;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.payment .checkbox-wrap.hidden {
  display: none;
}
.payment .checkbox {
  background-color: #fff;
  border: 2px solid #ffde31;
  border-radius: 4px;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  position: relative;
  top: 2px;
}
.payment .checked {
  background-image: url("../img/main/checked.svg");
  background-size: contain;
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  position: relative;
  top: 0;
  left: 0;
  display: none;
}
.payment .checkbox.active .checked {
  display: block;
}
.payment .payment .checkbox-label {
  color: #8d8d8d;
  margin-bottom: 20px;
}
.payment .input-error {
  border: 1px solid red;
}
@media (max-width: 460px) {
  .payment {
    padding: 20px;
    max-width: 340px;
    margin-left: auto;
    margin-right: auto;
  }
  .payment .sum-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .payment .sum-wrap .sum {
    text-align: center;
    width: 93px;
  }
  .payment .title {
    font-size: 23px;
  }
  .payment .sum-wrap .input-sum {
    padding: 10px 15px;
    margin-top: 10px;
    width: 100%;
  }
}
@media (max-width: 360px) {
  .payment {
    max-width: 300px;
  }
  .payment .sum-wrap .sum {
    width: 80px;
  }
}
.team-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -15px;
  margin-right: -15px;
  width: calc(100% + 30px);
}
.team .item {
  -webkit-box-shadow: 0px 10px 30px rgba(50, 42, 97, 0.05);
  box-shadow: 0px 10px 30px rgba(50, 42, 97, 0.05);
  margin: 15px;
  width: calc(33.3333% - 30px);
  border-radius: 5px;
}
.team .item .name {
  font-family: "Stem", sans-serif;
  font-weight: 500;
  margin-bottom: 5px;
}
.team .item img {
  border-radius: 5px 5px 0 0;
}
.team .sect-title {
  margin-bottom: 55px;
}
.team .text {
  padding: 30px;
}
@media (max-width: 991px) {
  .team .sect-title {
    margin-bottom: 30px;
  }
  .team .text {
    padding: 20px;
  }
}
@media (max-width: 767px) {
  .team-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .team .item {
    width: calc(50% - 30px);
  }
}
@media (max-width: 576px) {
  .team .item {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 300px;
  }
  .team-wrap {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
}
.projects .sect-title {
  margin-bottom: 110px;
  position: relative;
}
.projects .container {
  position: relative;
}
.projects .title-img {
  position: absolute;
  background-image: url("../img/projects/icon.svg");
  width: 40px;
  height: 39px;
  background-repeat: no-repeat;
  background-size: contain;
  top: 130px;
  right: 50px;
  bottom: -40px;
  -webkit-transform: rotate(-20deg);
  -ms-transform: rotate(-20deg);
  transform: rotate(-20deg);
}
.projects .title-img-2 {
  top: 200px;
  right: 0;
  -webkit-transform: rotate(20deg);
  -ms-transform: rotate(20deg);
  transform: rotate(20deg);
  bottom: -100px;
}
.projects .item {
  position: relative;
  max-width: 920px;
  margin-bottom: 120px;
}
.projects .img-anim {
  position: absolute;
  z-index: -1;
  top: -117px;
  left: 88px;
  -webkit-animation: 10s infinite cat;
  animation: 10s infinite cat;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}
.projects .text {
  -webkit-box-shadow: 0px 5px 50px rgba(50, 42, 97, 0.1);
  box-shadow: 0px 5px 50px rgba(50, 42, 97, 0.1);
  max-width: 1170px;
  padding: 80px 95px;
  padding-bottom: 110px;
  border-radius: 5px;
  position: relative;
  background-color: #fff;
}
.projects .text:before,
.projects .text:after {
  content: "";
  display: block;
  position: absolute;
  background-image: url("../img/projects/hand.svg");
  background-size: contain;
  background-repeat: no-repeat;
  width: 57px;
  height: 33px;
  top: -11px;
  left: 50px;
}
.projects .text:after {
  left: 320px;
}
.projects .text .title,
.projects .text p {
  max-width: 543px;
}
.projects .text .title {
  margin-bottom: 20px;
  font-size: 30px;
}
.projects .text p {
  margin-bottom: 40px;
  font-size: 18px;
}
.projects .text .num {
  background-color: #dfdfdf;
  border-radius: 8px;
  color: #fff;
  font-family: "Stem", sans-serif;
  font-weight: 500;
  width: 60px;
  height: 60px;
  margin-bottom: 20px;
  font-size: 45px;
}
.projects .text .num span {
  position: relative;
  left: -10px;
}
.projects .item-img {
  position: absolute;
  right: -180px;
  bottom: 50px;
}
.projects .item-reverse {
  margin-left: 170px;
}
.projects .item-reverse .text {
  padding-left: 307px;
}
.projects .item-reverse .item-img {
  left: -170px;
  z-index: 2;
}
.projects .item-2 .item-icon {
  position: absolute;
  bottom: -60px;
  left: -156px;
}
.projects .item-2 .text:before,
.projects .item-2 .text:after {
  display: none;
}
.projects .item-2 .img-anim-2 {
  position: absolute;
  top: -236px;
  right: -120px;
  z-index: -1;
  -webkit-animation: 10s infinite tail;
  animation: 10s infinite tail;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}
.projects .item-3 .text:before,
.projects .item-3 .text:after {
  display: none;
}
.projects .item-4 .item-img {
  bottom: 70px;
}
.projects .item-4 .item-icon {
  position: absolute;
  right: 200px;
  bottom: 130px;
  z-index: 2;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.projects .item-4 .img-anim-4 {
  position: absolute;
  right: 100px;
  z-index: -1;
  top: -73px;
}
.projects .item-4 .text:before {
  left: auto;
  right: 320px;
}
.projects .item-4 .text:after {
  left: auto;
  right: 30px;
}
.projects .item-3 .item-img {
  right: -187px;
}
.projects .item-4 .item-icon {
  right: 120px;
  bottom: 90px;
}
.projects .item-4 {
  margin-bottom: 0;
}
@-webkit-keyframes cat {
  from {
    top: -117px;
  }
  45% {
    top: -177px;
  }
  50% {
    top: -117px;
  }
  to {
    top: -117px;
  }
}
@keyframes cat {
  from {
    top: -117px;
  }
  45% {
    top: -177px;
  }
  50% {
    top: -117px;
  }
  to {
    top: -117px;
  }
}
@-webkit-keyframes tail {
  from {
    -webkit-transform: translate(0, 0) rotate(0deg);
    transform: translate(0, 0) rotate(0deg);
  }
  5% {
    -webkit-transform: translate(-50px, 80px) rotate(-5deg);
    transform: translate(-50px, 80px) rotate(-5deg);
  }
  10% {
    -webkit-transform: translate(-100px, 100px) rotate(5deg);
    transform: translate(-100px, 100px) rotate(5deg);
  }
  15% {
    -webkit-transform: translate(-150px, 110px) rotate(-5deg);
    transform: translate(-150px, 110px) rotate(-5deg);
  }
  20% {
    -webkit-transform: translate(-200px, 100px) rotate(5deg);
    transform: translate(-200px, 100px) rotate(5deg);
  }
  25% {
    -webkit-transform: translate(-250px, 110px) rotate(-5deg);
    transform: translate(-250px, 110px) rotate(-5deg);
  }
  30% {
    -webkit-transform: translate(-300px, 100px) rotate(5deg);
    transform: translate(-300px, 100px) rotate(5deg);
  }
  35% {
    -webkit-transform: translate(-350px, 110px) rotate(-5deg);
    transform: translate(-350px, 110px) rotate(-5deg);
  }
  40% {
    -webkit-transform: translate(-400px, 100px) rotate(5deg);
    transform: translate(-400px, 100px) rotate(5deg);
  }
  45% {
    -webkit-transform: translate(-450px, 110px) rotate(-5deg);
    transform: translate(-450px, 110px) rotate(-5deg);
  }
  50% {
    -webkit-transform: translate(-500px, 100px) rotate(5deg);
    transform: translate(-500px, 100px) rotate(5deg);
  }
  55% {
    -webkit-transform: translate(-550px, 110px) rotate(-5deg) scale(-1, 1);
    transform: translate(-550px, 110px) rotate(-5deg) scale(-1, 1);
  }
  60% {
    -webkit-transform: translate(-500px, 100px) rotate(5deg) scale(-1, 1);
    transform: translate(-500px, 100px) rotate(5deg) scale(-1, 1);
  }
  65% {
    -webkit-transform: translate(-450px, 110px) rotate(-5deg) scale(-1, 1);
    transform: translate(-450px, 110px) rotate(-5deg) scale(-1, 1);
  }
  70% {
    -webkit-transform: translate(-400px, 100px) rotate(5deg) scale(-1, 1);
    transform: translate(-400px, 100px) rotate(5deg) scale(-1, 1);
  }
  75% {
    -webkit-transform: translate(-350px, 110px) rotate(-5deg) scale(-1, 1);
    transform: translate(-350px, 110px) rotate(-5deg) scale(-1, 1);
  }
  80% {
    -webkit-transform: translate(-300px, 100px) rotate(5deg) scale(-1, 1);
    transform: translate(-300px, 100px) rotate(5deg) scale(-1, 1);
  }
  85% {
    -webkit-transform: translate(-250px, 110px) rotate(-5deg) scale(-1, 1);
    transform: translate(-250px, 110px) rotate(-5deg) scale(-1, 1);
  }
  90% {
    -webkit-transform: translate(-200px, 100px) rotate(5deg) scale(-1, 1);
    transform: translate(-200px, 100px) rotate(5deg) scale(-1, 1);
  }
  95% {
    -webkit-transform: translate(-150px, 110px) rotate(-5deg) scale(-1, 1);
    transform: translate(-150px, 110px) rotate(-5deg) scale(-1, 1);
  }
  to {
    -webkit-transform: translateX(-100px, 0) rotate(0deg) scale(-1, 1);
    transform: translateX(-100px, 0) rotate(0deg) scale(-1, 1);
  }
}
@keyframes tail {
  from {
    -webkit-transform: translate(0, 0) rotate(0deg);
    transform: translate(0, 0) rotate(0deg);
  }
  5% {
    -webkit-transform: translate(-50px, 80px) rotate(-5deg);
    transform: translate(-50px, 80px) rotate(-5deg);
  }
  10% {
    -webkit-transform: translate(-100px, 100px) rotate(5deg);
    transform: translate(-100px, 100px) rotate(5deg);
  }
  15% {
    -webkit-transform: translate(-150px, 110px) rotate(-5deg);
    transform: translate(-150px, 110px) rotate(-5deg);
  }
  20% {
    -webkit-transform: translate(-200px, 100px) rotate(5deg);
    transform: translate(-200px, 100px) rotate(5deg);
  }
  25% {
    -webkit-transform: translate(-250px, 110px) rotate(-5deg);
    transform: translate(-250px, 110px) rotate(-5deg);
  }
  30% {
    -webkit-transform: translate(-300px, 100px) rotate(5deg);
    transform: translate(-300px, 100px) rotate(5deg);
  }
  35% {
    -webkit-transform: translate(-350px, 110px) rotate(-5deg);
    transform: translate(-350px, 110px) rotate(-5deg);
  }
  40% {
    -webkit-transform: translate(-400px, 100px) rotate(5deg);
    transform: translate(-400px, 100px) rotate(5deg);
  }
  45% {
    -webkit-transform: translate(-450px, 110px) rotate(-5deg);
    transform: translate(-450px, 110px) rotate(-5deg);
  }
  50% {
    -webkit-transform: translate(-500px, 100px) rotate(5deg);
    transform: translate(-500px, 100px) rotate(5deg);
  }
  55% {
    -webkit-transform: translate(-550px, 110px) rotate(-5deg) scale(-1, 1);
    transform: translate(-550px, 110px) rotate(-5deg) scale(-1, 1);
  }
  60% {
    -webkit-transform: translate(-500px, 100px) rotate(5deg) scale(-1, 1);
    transform: translate(-500px, 100px) rotate(5deg) scale(-1, 1);
  }
  65% {
    -webkit-transform: translate(-450px, 110px) rotate(-5deg) scale(-1, 1);
    transform: translate(-450px, 110px) rotate(-5deg) scale(-1, 1);
  }
  70% {
    -webkit-transform: translate(-400px, 100px) rotate(5deg) scale(-1, 1);
    transform: translate(-400px, 100px) rotate(5deg) scale(-1, 1);
  }
  75% {
    -webkit-transform: translate(-350px, 110px) rotate(-5deg) scale(-1, 1);
    transform: translate(-350px, 110px) rotate(-5deg) scale(-1, 1);
  }
  80% {
    -webkit-transform: translate(-300px, 100px) rotate(5deg) scale(-1, 1);
    transform: translate(-300px, 100px) rotate(5deg) scale(-1, 1);
  }
  85% {
    -webkit-transform: translate(-250px, 110px) rotate(-5deg) scale(-1, 1);
    transform: translate(-250px, 110px) rotate(-5deg) scale(-1, 1);
  }
  90% {
    -webkit-transform: translate(-200px, 100px) rotate(5deg) scale(-1, 1);
    transform: translate(-200px, 100px) rotate(5deg) scale(-1, 1);
  }
  95% {
    -webkit-transform: translate(-150px, 110px) rotate(-5deg) scale(-1, 1);
    transform: translate(-150px, 110px) rotate(-5deg) scale(-1, 1);
  }
  to {
    -webkit-transform: translateX(-100px, 0) rotate(0deg) scale(-1, 1);
    transform: translateX(-100px, 0) rotate(0deg) scale(-1, 1);
  }
}
@media (max-width: 991px) {
  .projects .item-img {
    position: static;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
  .projects .item {
    -webkit-box-shadow: 0px 5px 50px rgba(50, 42, 97, 0.1);
    box-shadow: 0px 5px 50px rgba(50, 42, 97, 0.1);
    background-color: #fff;
    padding-bottom: 40px;
  }
  .projects .text,
  .projects .item-reverse .text {
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 80px 80px;
    padding-bottom: 40px;
  }
  .projects .item-reverse {
    margin-left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .projects .item-reverse picture {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .projects .title-img {
    top: 100px;
  }
  .projects .title-img-2 {
    top: 150px;
  }
  .projects .item-2 .item-icon {
    bottom: -95px;
    left: 0;
  }
  .projects .item-4 .item-icon {
    right: 50px;
    bottom: 50px;
  }
}
@media (max-width: 767px) {
  .projects .text,
  .projects .item-reverse .text {
    padding: 40px;
  }
  .projects .item-2 .img-anim-2 {
    -webkit-animation: 10s infinite tail2;
    animation: 10s infinite tail2;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    top: -120px;
    right: -122px;
    max-width: 257px;
  }
  .projects .item-4 .item-icon {
    right: 28px;
  }
}
@-webkit-keyframes tail2 {
  from {
    -webkit-transform: translate(0, 0) rotate(0deg);
    transform: translate(0, 0) rotate(0deg);
  }
  5% {
    -webkit-transform: translate(-20px, 10px) rotate(-5deg);
    transform: translate(-20px, 10px) rotate(-5deg);
  }
  10% {
    -webkit-transform: translate(-40px, 0px) rotate(5deg);
    transform: translate(-40px, 0px) rotate(5deg);
  }
  15% {
    -webkit-transform: translate(-60px, 10px) rotate(-5deg);
    transform: translate(-60px, 10px) rotate(-5deg);
  }
  20% {
    -webkit-transform: translate(-80px, 0px) rotate(5deg);
    transform: translate(-80px, 0px) rotate(5deg);
  }
  25% {
    -webkit-transform: translate(-100px, 10px) rotate(-5deg);
    transform: translate(-100px, 10px) rotate(-5deg);
  }
  30% {
    -webkit-transform: translate(-120px, 0px) rotate(5deg);
    transform: translate(-120px, 0px) rotate(5deg);
  }
  35% {
    -webkit-transform: translate(-140px, 10px) rotate(-5deg);
    transform: translate(-140px, 10px) rotate(-5deg);
  }
  40% {
    -webkit-transform: translate(-160px, 0px) rotate(5deg);
    transform: translate(-160px, 0px) rotate(5deg);
  }
  45% {
    -webkit-transform: translate(-180px, 10px) rotate(-5deg);
    transform: translate(-180px, 10px) rotate(-5deg);
  }
  50% {
    -webkit-transform: translate(-200px, 0px) rotate(5deg);
    transform: translate(-200px, 0px) rotate(5deg);
  }
  55% {
    -webkit-transform: translate(-220px, 10px) rotate(-5deg) scale(-1, 1);
    transform: translate(-220px, 10px) rotate(-5deg) scale(-1, 1);
  }
  60% {
    -webkit-transform: translate(-240px, 0px) rotate(5deg) scale(-1, 1);
    transform: translate(-240px, 0px) rotate(5deg) scale(-1, 1);
  }
  65% {
    -webkit-transform: translate(-220px, 10px) rotate(-5deg) scale(-1, 1);
    transform: translate(-220px, 10px) rotate(-5deg) scale(-1, 1);
  }
  70% {
    -webkit-transform: translate(-200px, 0px) rotate(5deg) scale(-1, 1);
    transform: translate(-200px, 0px) rotate(5deg) scale(-1, 1);
  }
  75% {
    -webkit-transform: translate(-180px, 10px) rotate(-5deg) scale(-1, 1);
    transform: translate(-180px, 10px) rotate(-5deg) scale(-1, 1);
  }
  80% {
    -webkit-transform: translate(-160px, 0px) rotate(5deg) scale(-1, 1);
    transform: translate(-160px, 0px) rotate(5deg) scale(-1, 1);
  }
  85% {
    -webkit-transform: translate(-140px, 10px) rotate(-5deg) scale(-1, 1);
    transform: translate(-140px, 10px) rotate(-5deg) scale(-1, 1);
  }
  90% {
    -webkit-transform: translate(-120px, 0px) rotate(5deg) scale(-1, 1);
    transform: translate(-120px, 0px) rotate(5deg) scale(-1, 1);
  }
  95% {
    -webkit-transform: translate(-100px, 10px) rotate(-5deg) scale(-1, 1);
    transform: translate(-100px, 10px) rotate(-5deg) scale(-1, 1);
  }
  to {
    -webkit-transform: translateX(-80px, 0) rotate(0deg) scale(-1, 1);
    transform: translateX(-80px, 0) rotate(0deg) scale(-1, 1);
  }
}
@keyframes tail2 {
  from {
    -webkit-transform: translate(0, 0) rotate(0deg);
    transform: translate(0, 0) rotate(0deg);
  }
  5% {
    -webkit-transform: translate(-20px, 10px) rotate(-5deg);
    transform: translate(-20px, 10px) rotate(-5deg);
  }
  10% {
    -webkit-transform: translate(-40px, 0px) rotate(5deg);
    transform: translate(-40px, 0px) rotate(5deg);
  }
  15% {
    -webkit-transform: translate(-60px, 10px) rotate(-5deg);
    transform: translate(-60px, 10px) rotate(-5deg);
  }
  20% {
    -webkit-transform: translate(-80px, 0px) rotate(5deg);
    transform: translate(-80px, 0px) rotate(5deg);
  }
  25% {
    -webkit-transform: translate(-100px, 10px) rotate(-5deg);
    transform: translate(-100px, 10px) rotate(-5deg);
  }
  30% {
    -webkit-transform: translate(-120px, 0px) rotate(5deg);
    transform: translate(-120px, 0px) rotate(5deg);
  }
  35% {
    -webkit-transform: translate(-140px, 10px) rotate(-5deg);
    transform: translate(-140px, 10px) rotate(-5deg);
  }
  40% {
    -webkit-transform: translate(-160px, 0px) rotate(5deg);
    transform: translate(-160px, 0px) rotate(5deg);
  }
  45% {
    -webkit-transform: translate(-180px, 10px) rotate(-5deg);
    transform: translate(-180px, 10px) rotate(-5deg);
  }
  50% {
    -webkit-transform: translate(-200px, 0px) rotate(5deg);
    transform: translate(-200px, 0px) rotate(5deg);
  }
  55% {
    -webkit-transform: translate(-220px, 10px) rotate(-5deg) scale(-1, 1);
    transform: translate(-220px, 10px) rotate(-5deg) scale(-1, 1);
  }
  60% {
    -webkit-transform: translate(-240px, 0px) rotate(5deg) scale(-1, 1);
    transform: translate(-240px, 0px) rotate(5deg) scale(-1, 1);
  }
  65% {
    -webkit-transform: translate(-220px, 10px) rotate(-5deg) scale(-1, 1);
    transform: translate(-220px, 10px) rotate(-5deg) scale(-1, 1);
  }
  70% {
    -webkit-transform: translate(-200px, 0px) rotate(5deg) scale(-1, 1);
    transform: translate(-200px, 0px) rotate(5deg) scale(-1, 1);
  }
  75% {
    -webkit-transform: translate(-180px, 10px) rotate(-5deg) scale(-1, 1);
    transform: translate(-180px, 10px) rotate(-5deg) scale(-1, 1);
  }
  80% {
    -webkit-transform: translate(-160px, 0px) rotate(5deg) scale(-1, 1);
    transform: translate(-160px, 0px) rotate(5deg) scale(-1, 1);
  }
  85% {
    -webkit-transform: translate(-140px, 10px) rotate(-5deg) scale(-1, 1);
    transform: translate(-140px, 10px) rotate(-5deg) scale(-1, 1);
  }
  90% {
    -webkit-transform: translate(-120px, 0px) rotate(5deg) scale(-1, 1);
    transform: translate(-120px, 0px) rotate(5deg) scale(-1, 1);
  }
  95% {
    -webkit-transform: translate(-100px, 10px) rotate(-5deg) scale(-1, 1);
    transform: translate(-100px, 10px) rotate(-5deg) scale(-1, 1);
  }
  to {
    -webkit-transform: translateX(-80px, 0) rotate(0deg) scale(-1, 1);
    transform: translateX(-80px, 0) rotate(0deg) scale(-1, 1);
  }
}
@media (max-width: 576px) {
  .projects .text p {
    font-size: 16px;
  }
  .projects .text,
  .projects .item-reverse .text {
    padding: 0;
    padding-bottom: 30px;
  }
  .projects .item {
    margin-bottom: 80px;
    padding: 20px;
  }
  .projects .item:last-child {
    margin-bottom: 0;
  }
  .projects .title-img {
    display: none;
  }
  .projects .text:after {
    left: 235px;
  }
  .projects .img-anim {
    left: 51px;
    -webkit-animation: 10s infinite catmob;
    animation: 10s infinite catmob;
  }
  .projects .text:before,
  .projects .text:after {
    top: -31px;
  }
  .projects .text:before {
    left: 20px;
  }
  .projects .text .title {
    font-size: 24px;
  }
  .projects .item-4 .text:before {
    right: 275px;
  }
  .projects .item-4 .item-icon {
    display: none;
  }
}
@-webkit-keyframes catmob {
  from {
    top: -117px;
  }
  45% {
    top: -157px;
  }
  50% {
    top: -117px;
  }
  to {
    top: -117px;
  }
}
@keyframes catmob {
  from {
    top: -117px;
  }
  45% {
    top: -157px;
  }
  50% {
    top: -117px;
  }
  to {
    top: -117px;
  }
}
.help-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.help .item-left {
  max-width: 450px;
}
.help .item-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 516px;
}
.help .item-right .item {
  width: 50%;
  padding: 0 10px;
}
.help .img-wrap {
  position: relative;
}
.help .img-text {
  position: absolute;
  top: 0;
  left: 150px;
}
.help .sect-title {
  margin-bottom: 90px;
  text-align: left;
}
.help .num {
  font-size: 65px;
  font-family: "Stem", sans-serif;
  font-weight: 700;
  position: relative;
  margin-bottom: 5px;
  display: inline-block;
}
.help .num:after {
  content: "";
  display: block;
  position: absolute;
  width: calc(100% + 20px);
  border-radius: 5px;
  background-color: #ffde31;
  height: 27px;
  bottom: 10px;
  left: 0;
  z-index: -1;
}
@media (max-width: 1199px) {
  .help .item-right {
    max-width: 470px;
  }
  .help .img-wrap {
    max-width: 370px;
  }
  .help .img-text {
    left: 95px;
  }
}
@media (max-width: 991px) {
  .help-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .help .sect-title {
    text-align: center;
    margin-bottom: 40px;
  }
}
@media (max-width: 576px) {
  .help .num {
    font-size: 42px;
  }
  .help .sect-title {
    font-size: 34px;
  }
}
.awards {
  padding-top: 40px;
  padding-bottom: 170px;
}
.awards-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -15px;
  margin-right: -15px;
  position: relative;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.awards .item {
  margin-left: 15px;
  margin-right: 15px;
  width: calc(33.3333% - 30px);
  margin-bottom: 30px;
}
.awards .item p {
  text-align: center;
  font-size: 15px;
  margin-top: 25px;
}
.awards .img-wrap {
  background-color: #eee;
  text-align: center;
  padding: 46px;
  min-height: 431px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.awards .text {
  padding: 20px;
  font-size: 18px;
  text-align: center;
  min-height: 110px;
  background-color: #fff;
}
.awards .decor {
  position: absolute;
  z-index: -1;
}
.awards .decor-1 {
  top: 60px;
  left: -65px;
}
.awards .decor-2 {
  top: 380px;
  right: -60px;
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.awards .decor-3 {
  bottom: -71px;
  left: 50%;
  -webkit-transform: translateX(-50%) rotate(-90deg);
  -ms-transform: translateX(-50%) rotate(-90deg);
  transform: translateX(-50%) rotate(-90deg);
}
.awards-requisites .item {
  width: calc(25% - 30px);
  text-align: center;
}
.awards-requisites p {
  height: 52px;
}
.awards-requisites .img-wrap {
  padding: 34px;
  min-height: auto;
}
.awards-requisites .btn {
  padding: 12px 40px;
  padding-top: 10px;
  font-size: 15px;
}
@media (max-width: 1399px) {
  .awards {
    padding-bottom: 60px;
  }
}
@media (max-width: 1199px) {
  .awards .img-wrap {
    min-height: 364px;
  }
  .awards .decor-2 {
    top: 320px;
  }
  .awards-requisites .img-wrap {
    min-height: auto;
  }
  .awards-requisites p {
    height: 70px;
  }
}
@media (max-width: 991px) {
  .awards .item {
    width: calc(50% - 30px);
  }
  .awards .img-wrap {
    min-height: 421px;
  }
  .awards-requisites p {
    height: 52px;
  }
  .awards-requisites .img-wrap {
    min-height: auto;
  }
  .awards-requisites .img-wrap img {
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 767px) {
  .awards .item {
    width: 100%;
  }
  .awards .img-wrap {
    min-height: auto;
  }
  .awards .img-wrap img {
    margin-left: auto;
    margin-right: auto;
  }
  .awards-requisites .item {
    width: calc(50% - 30px);
  }
}
@media (max-width: 576px) {
  .awards .item p {
    margin-top: 15px;
  }
  .awards .decor {
    display: none;
  }
  .awards .text {
    min-height: auto;
  }
  .awards .img-wrap {
    padding: 25px;
  }
  .awards-requisites .item {
    margin-left: 10px;
    margin-right: 10px;
    width: calc(50% - 20px);
    margin-bottom: 20px;
  }
  .awards-requisites .awards-wrap {
    width: calc(100% + 20px);
    margin-left: -10px;
    margin-right: -10px;
  }
  .awards-requisites .img-wrap {
    padding: 10px;
  }
  .awards-requisites p {
    height: auto;
    margin-bottom: 10px;
  }
}
.titleimg {
  background: -o-linear-gradient(top, #f8f8fd 0%, rgba(245, 245, 250, 0) 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#f8f8fd), to(rgba(245, 245, 250, 0)));
  background: linear-gradient(180deg, #f8f8fd 0%, rgba(245, 245, 250, 0) 100%);
  padding-top: 40px;
  padding-bottom: 40px;
}
.titleimg-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.titleimg .item-right,
.titleimg .item-left {
  width: 50%;
}
.titleimg .item-left {
  position: relative;
}
.titleimg .item-left img {
  position: absolute;
  bottom: -60px;
  right: 50px;
}
.titleimg .sect-title {
  text-align: left;
  margin-bottom: 20px;
}
.titleimg .subtitle {
  font-weight: 500;
  font-size: 22px;
}
@media (max-width: 991px) {
  .titleimg-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .titleimg .item-right,
  .titleimg .item-left {
    width: 100%;
  }
  .titleimg .item-left {
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .titleimg-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .titleimg .item-right,
  .titleimg .item-left {
    width: 100%;
  }
}
@media (max-width: 576px) {
  .titleimg .sect-title {
    font-size: 37px;
  }
  .titleimg .subtitle {
    font-size: 18px;
  }
}
.requisites {
  padding-bottom: 130px;
}
.requisites-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.requisites .img-wrap {
  position: relative;
}
.requisites .img-text {
  position: absolute;
  top: -103px;
  z-index: -1;
  left: -71px;
}
.requisites .text {
  max-width: 440px;
}
.requisites .sect-title {
  text-align: left;
  margin-bottom: 20px;
}
.requisites p {
  margin-bottom: 40px;
  color: #494949;
}
@media (max-width: 1399px) {
  .requisites {
    padding-bottom: 80px;
  }
}
@media (max-width: 767px) {
  .requisites-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .requisites .img-wrap {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin-top: 60px;
    margin-left: auto;
    margin-right: auto;
  }
  .requisites {
    padding-bottom: 50px;
  }
}
@media (max-width: 576px) {
  .requisites-img {
    max-width: 300px;
  }
  .requisites .img-text {
    position: absolute;
    top: -66px;
    z-index: -1;
    left: -20px;
  }
  .requisites {
    padding-bottom: 30px;
  }
}
.contacts {
  padding-top: 150px;
  padding-bottom: 170px;
  background: -o-linear-gradient(top, #f8f8fd 0%, rgba(245, 245, 250, 0) 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#f8f8fd), to(rgba(245, 245, 250, 0)));
  background: linear-gradient(180deg, #f8f8fd 0%, rgba(245, 245, 250, 0) 100%);
}
.contacts-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 50px;
}
.contacts .title {
  font-size: 27px;
  font-weight: 700;
  margin-bottom: 15px;
}
.contacts .col-1 > a {
  display: block;
  margin-bottom: 6px;
}
.contacts .sect-title {
  text-align: left;
  margin-left: 0;
  margin-right: 0;
}
.contacts .soc-wrap {
  margin-top: 30px;
}
.contacts .soc-wrap a {
  margin-right: 15px;
  display: inline-block;
}
.contacts .col-2 {
  max-width: 200px;
}
.contacts-wrap-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}
.contacts-wrap-2 .title {
  font-size: 30px;
  max-width: 439px;
}
.contacts-arrow {
  position: relative;
  left: -45px;
  top: -43px;
}
.contacts .phone:before {
  content: "";
  display: inline-block;
  width: 25px;
  height: 25px;
  background-image: url("../img/contacts/phone.svg");
  background-repeat: no-repeat;
  background-size: contain;
  margin-right: 7px;
  position: relative;
  top: 5px;
}
.contacts .email:before {
  content: "";
  display: inline-block;
  width: 25px;
  height: 25px;
  background-image: url("../img/contacts/email.svg");
  background-repeat: no-repeat;
  background-size: contain;
  margin-right: 7px;
  position: relative;
  top: 6px;
}
.contacts .img-text {
  position: absolute;
  top: -40px;
}
.contacts .img {
  margin-top: 60px;
}
@media (max-width: 991px) {
  .contacts {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .contacts-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .contacts .sect-title {
    width: 100%;
    margin-bottom: 40px;
  }
  .contacts-wrap-2 img {
    max-width: 333px;
  }
  .contacts-wrap {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .contacts .col-1 {
    margin-right: 80px;
  }
}
@media (max-width: 767px) {
  .contacts-wrap {
    margin-bottom: 40px;
  }
  .contacts-wrap-2 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .contacts-wrap-2 img {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .contacts-arrow {
    display: none;
  }
  .contacts .img-text {
    top: 100px;
  }
}
@media (max-width: 576px) {
  .contacts .col-1 {
    margin-bottom: 30px;
  }
  .contacts-wrap-2 .title {
    font-size: 21px;
    max-width: 324px;
  }
  .contacts .img-text {
    top: 78px;
  }
  .contacts-wrap-2 img {
    max-width: 300px;
  }
}
.helpform {
  padding-top: 125px;
  padding-bottom: 45px;
  background: -o-linear-gradient(top, #f8f8fd 0%, rgba(245, 245, 250, 0) 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#f8f8fd), to(rgba(245, 245, 250, 0)));
  background: linear-gradient(180deg, #f8f8fd 0%, rgba(245, 245, 250, 0) 100%);
}
.helpform .item-left {
  max-width: 620px;
  position: relative;
}
.helpform .sect-title {
  text-align: left;
}
.helpform .text {
  position: absolute;
  right: 0px;
  top: 153px;
}
.helpform .img {
  margin-top: 40px;
  position: relative;
  left: -30px;
}
.helpform .item-right {
  position: relative;
}
.helpform .item-right:before,
.helpform .item-right:after {
  content: "";
  display: block;
  position: absolute;
  background-image: url(../img/projects/hand.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 40px;
  height: 22px;
  top: 41px;
}
.helpform .item-right:before {
  right: 300px;
}
.helpform .item-right:after {
  right: 107px;
}
.helpform .img-anim-4 {
  position: relative;
  left: 155px;
  max-width: 135px;
}
.helpform-2 {
  background: #fff;
  padding-top: 85px;
  padding-bottom: 170px;
}
.helpform-2 .sect-title {
  text-align: center;
  max-width: 667px;
  margin-bottom: 20px;
}
.helpform-2 .sect-subtitle {
  text-align: center;
  margin-bottom: 90px;
}
.helpform-2 .item-right:before,
.helpform-2 .item-right:after {
  display: none;
}
.helpform-2 .text {
  left: 0;
  top: -25px;
  right: auto;
}
.helpform-2 .title {
  font-size: 20px;
  font-family: "Stem", sans-serif;
  padding: 0 10px;
  margin-bottom: 30px;
}
.helpform-friend {
  background: #daffde;
}
.helpform-friend .sect-title {
  text-align: center;
  max-width: 776px;
  margin-bottom: 20px;
}
.helpform-friend .sect-subtitle {
  text-align: center;
  margin-bottom: 50px;
  max-width: 600px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.helpform-friend .img {
  left: 25px;
  top: -50px;
}
.helpform-friend .item-right:before,
.helpform-friend .item-right:after {
  display: none;
}
.helpform-friend .dog-head {
  position: absolute;
  top: -16px;
  left: 50%;
  -webkit-transform: translateX(-48%);
  -ms-transform: translateX(-48%);
  transform: translateX(-48%);
  z-index: -1;
}
.helpform-friend .dog-hands {
  position: absolute;
  top: 49px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.helpform-friend .payment {
  margin-top: 60px;
}
.helpform-friend .item-right {
  z-index: 1;
}
@media (max-width: 1199px) {
  .helpform .item-left {
    max-width: 480px;
  }
  .helpform .text {
    right: -15px;
    top: 121px;
  }
  .helpform-2 .text {
    top: -24px;
  }
}
@media (max-width: 991px) {
  .helpform {
    padding-top: 40px;
    padding-bottom: 400px;
  }
  .helpform .img {
    position: absolute;
    top: 640px;
  }
  .helpform .text {
    right: -50px;
    top: 645px;
  }
  .helpform .sect-title {
    margin-bottom: 30px;
  }
  .helpform .item-left {
    width: 100%;
  }
  .helpform-2 .sect-subtitle {
    margin-bottom: 40px;
  }
  .helpform-2 .img {
    position: static;
  }
  .helpform-2 .text {
    top: -24px;
  }
  .helpform-2 .item-left {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin-top: 70px;
  }
  .helpform-2 {
    padding-bottom: 85px;
  }
  .helpform-friend {
    padding-bottom: 60px;
    padding-top: 60px;
  }
  .helpform .img {
    position: static;
  }
  .helpform-help .text {
    display: none;
  }
  .helpform-help {
    padding-bottom: 60px;
  }
  .helpform-help .img {
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
}
@media (max-width: 576px) {
  .helpform .img {
    max-width: 350px;
    left: 58px;
    margin-top: 20px;
  }
  .helpform .text {
    right: 6px;
    top: 647px;
    max-width: 186px;
  }
  .helpform {
    padding-bottom: 85px;
  }
  .helpform-2 .text {
    top: -24px;
  }
  .helpform-2 img {
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
  .helpform-2 {
    padding-bottom: 85px;
  }
  .helpform-friend {
    padding-bottom: 60px;
    padding-top: 60px;
  }
  .helpform-friend .img {
    position: static;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
  .helpform-friend .sect-subtitle {
    margin-bottom: 30px;
  }
}
@media (max-width: 460px) {
  .helpform .img-anim-4 {
    left: 100px;
  }
  .helpform .item-right:before {
    right: 245px;
  }
  .helpform .item-right:after {
    right: 55px;
  }
  .helpform .sect-title {
    text-align: center;
  }
  .helpform .img {
    left: 15px;
    top: 660px;
  }
  .helpform {
    padding-bottom: 60px;
  }
  .helpform .text {
    top: 670px;
  }
  .helpform-2 .text {
    top: -24px;
  }
  .helpform-2 {
    padding-bottom: 85px;
  }
  .helpform-friend {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
@media (max-width: 420px) {
  .helpform .img {
    max-width: 315px;
  }
}
@media (max-width: 399px) {
  .helpform .img {
    max-width: 264px;
    left: 0;
  }
  .helpform .text {
    right: auto;
    left: 145px;
    top: 661px;
    max-width: 162px;
  }
  .helpform {
    padding-bottom: 240px;
  }
  .helpform-2 .text {
    top: -24px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .helpform-2 {
    padding-bottom: 85px;
  }
  .helpform-friend {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .helpform-help {
    padding-bottom: 40px;
  }
}
@media (max-width: 360px) {
  .helpform .sect-title {
    font-size: 35px;
  }
  .helpform .img-anim-4 {
    left: 78px;
  }
  .helpform .item-right:before {
    right: 225px;
  }
  .helpform .item-right:after {
    right: 42px;
  }
  .helpform .payment .subtitle {
    font-size: 14px;
  }
  .helpform .payment .btn {
    font-size: 15px;
  }
  .helpform-friend {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
.howhelp {
  padding-top: 45px;
  padding-bottom: 210px;
}
.howhelp-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -15px;
  margin-right: -15px;
}
.howhelp .sect-title {
  margin-bottom: 75px;
}
.howhelp .item {
  margin-left: 15px;
  margin-right: 15px;
  width: calc(33.3333% - 30px);
  text-align: center;
  -webkit-box-shadow: 0px 5px 50px rgba(50, 42, 97, 0.1);
  box-shadow: 0px 5px 50px rgba(50, 42, 97, 0.1);
}
.howhelp .item img {
  border-radius: 10px 10px 0 0;
}
.howhelp .title {
  font-size: 27px;
  font-weight: bold;
  margin-bottom: 10px;
}
.howhelp .text {
  padding: 30px 20px;
}
.howhelp .phone {
  margin-top: 10px;
  display: block;
  font-size: 16px;
  color: #3e3e3e;
}
.howhelp p a {
  text-decoration: underline;
}
.howhelp .btn {
  margin-top: 25px;
}
@media (max-width: 1199px) {
  .howhelp .btn {
    padding: 16px 30px;
    font-size: 16px;
  }
}
@media (max-width: 991px) {
  .howhelp {
    padding-bottom: 60px;
  }
  .howhelp-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .howhelp .item {
    width: calc(50% - 30px);
    margin-bottom: 30px;
  }
  .howhelp .sect-title {
    margin-bottom: 40px;
  }
}
@media (max-width: 767px) {
  .howhelp-wrap {
    margin-left: 0;
    margin-right: 0;
  }
  .howhelp .item {
    width: 100%;
    max-width: 348px;
    margin-left: 0;
    margin-right: 0;
  }
}
.news {
  padding-top: 50px;
  padding-bottom: 170px;
  background: -o-linear-gradient(top, #f8f8fd 0%, rgba(245, 245, 250, 0) 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#f8f8fd), to(rgba(245, 245, 250, 0)));
  background: linear-gradient(180deg, #f8f8fd 0%, rgba(245, 245, 250, 0) 100%);
}
.news .title-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.news .sect-title {
  text-align: left;
  margin-left: 0;
}
.news .img-text {
  position: absolute;
  right: 292px;
}
.news-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 50px;
  margin-left: -15px;
  margin-right: -15px;
}
.news .item {
  margin-left: 15px;
  margin-right: 15px;
  padding-bottom: 65px;
  width: calc(33.3333% - 30px);
  -webkit-box-shadow: 0px 5px 50px rgba(50, 42, 97, 0.1);
  box-shadow: 0px 5px 50px rgba(50, 42, 97, 0.1);
  margin-bottom: 30px;
  position: relative;
}
.news .item > img {
  border-radius: 10px 10px 0 0;
  height: 295px;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.news .item .text .btn {
  position: absolute;
  bottom: 30px;
  right: 20px;
  font-size: 16px;
  padding: 11px 27px;
  padding-top: 11px;
}
.news .item .text .btn img {
  width: auto;
  height: auto;
  margin-left: 5px;
}
.news .text {
  border-radius: 0 0 10px 10px;
  padding: 30px 20px;
}
.news .title {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 10px;
}
.news .descr {
  font-size: 18px;
}
.news .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #949398;
  font-size: 14px;
  margin-bottom: 15px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.news-allnews {
  font-size: 18px;
  font-weight: bold;
  text-align: right;
  margin-top: 20px;
}
.news-allnews img {
  position: relative;
  top: -1px;
  margin-left: 10px;
}
.news .btn-wrap-loadmore {
  text-align: center;
  margin-top: 30px;
  width: 100%;
}
.main-news {
  background: #fff;
}
.main-news .sect-title {
  text-align: center;
  width: 100%;
  margin-bottom: 25px;
}
@media (max-width: 1499px) {
  .main-news {
    padding-bottom: 80px;
  }
}
@media (max-width: 1199px) {
  .news .img-text {
    right: 270px;
  }
}
@media (max-width: 991px) {
  .news .item {
    width: calc(50% - 30px);
  }
  .news {
    padding-bottom: 70px;
  }
}
@media (max-width: 767px) {
  .news .title-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .news .img-text {
    right: -48px;
  }
  .news .item img {
    height: 320px;
  }
  .news .item {
    width: 100%;
  }
}
@media (max-width: 576px) {
  .news-wrap {
    margin-left: 0;
    margin-right: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 30px;
  }
  .news .sect-title {
    margin-left: auto;
  }
  .news .img-text {
    right: 0;
    max-width: 134px;
  }
  .news .img {
    margin-top: 20px;
    max-width: 250px;
  }
  .main-news {
    padding-bottom: 40px;
  }
}
@media (max-width: 399px) {
  .news .img {
    max-width: 180px;
    top: 70px;
  }
}
.pets {
  padding-top: 80px;
  padding-bottom: 137px;
}
.pets .title-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.pets .title-wrap .btn {
  border-radius: 0;
  display: block;
  background-color: #e4e4eb;
  color: #949398;
}
.pets .title-wrap .btn.active {
  background-color: #27cb74;
  color: #fff;
}
.pets .title-wrap .btn:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.pets .col-left {
  width: 615px;
}
.pets .col-right {
  position: relative;
}
.pets .img-text {
  position: absolute;
  left: 120px;
  top: -25px;
}
.pets .sect-title {
  margin-left: 0;
  text-align: left;
  margin-bottom: 80px;
}
.pets .btn-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 30px;
}
.pets-filter {
  background-color: #fff;
  -webkit-box-shadow: 0px 5px 50px rgba(50, 42, 97, 0.1);
  box-shadow: 0px 5px 50px rgba(50, 42, 97, 0.1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 40px;
  margin-bottom: 50px;
}
.pets-filter p {
  margin-right: 15px;
  color: #949398;
}
.pets-filter p:nth-child(3) {
  margin-right: 70px;
}
.pets-filter p b {
  color: #3e3e3e;
}
.pets .item {
  -ms-flex-line-pack: start;
  align-content: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 30px;
  background-color: #fff;
  -webkit-box-shadow: 0px 5px 50px rgba(50, 42, 97, 0.1);
  box-shadow: 0px 5px 50px rgba(50, 42, 97, 0.1);
  margin-bottom: 30px;
  margin-left: 15px;
  margin-right: 15px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: calc(50% - 30px);
}
.pets .item .btn {
  padding: 15px 24px;
}
.pets .item .btn:last-child {
  margin-left: 10px;
}
.pets .item[data-home="1"] {
  display: none;
}
.pets .img-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.pets .img-wrap img {
  border-radius: 5px;
}
.pets .img-wrap .label {
  position: absolute;
  top: 0;
  left: 0;
  background: -o-linear-gradient(right, #3fed6f 0%, #009479 100%);
  background: -webkit-gradient(linear, right top, left top, from(#3fed6f), to(#009479));
  background: linear-gradient(270deg, #3fed6f 0%, #009479 100%);
  color: #fff;
  border-radius: 5px 0 20px 0px;
  padding: 10px 17px;
  font-size: 16px;
  font-weight: 500;
}
.pets .img-wrap .label img {
  margin-right: 5px;
  position: relative;
  top: -2px;
}
.pets .two-img {
  margin-left: 20px;
}
.pets .two-img img:first-child {
  margin-bottom: 20px;
}
.pets .title {
  font-size: 27px;
  margin-bottom: 10px;
  margin-top: 25px;
  font-weight: bold;
}
.pets .info {
  color: #949398;
  margin-bottom: 10px;
}
.pets .descr {
  margin-bottom: 15px;
}
.pets .one-img {
  width: 422px;
  height: 492px;
  -o-object-fit: cover;
  object-fit: cover;
}
.pets .two-img img {
  width: 138px;
  height: 136px;
  -o-object-fit: cover;
  object-fit: cover;
}
.pets-wrap {
  margin-left: -15px;
  margin-right: -15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}


.pets .btn-gray {
  background-color: #e7e7e7;
}
.pets .item-oneimg .two-img {
  display: none;
}
.pets .item-oneimg .one-img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.pets .radio-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.pets .radio-wrap:first-child {
  margin-right: 30px;
}
.pets .form_radio {
  margin-right: 20px;
}
.pets .form_radio input[type="radio"] {
  display: none;
}
.pets .form_radio label {
  display: inline-block;
  cursor: pointer;
  position: relative;
  padding-left: 27px;
  margin-right: 0;
  line-height: 18px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-weight: 500;
  font-size: 18px;
}
.pets .form_radio label:before {
  content: "";
  display: inline-block;
  width: 19px;
  height: 19px;
  position: absolute;
  left: 0;
  top: -1px;
  background: url("../img/pets/radio-1.svg") 0 0 no-repeat;
}
.pets .form_radio input[type="radio"]:checked + label:before {
  background: url("../img/pets/radio-2.svg") 0 0 no-repeat;
}
@media (max-width: 1199px) {
  .pets-filter {
    padding: 40px 23px;
  }
  .pets .img-text {
    left: 90px;
  }
  .pets .item:nth-child(1) .one-img,
  .pets .item:nth-child(2) .one-img {
    width: 320px;
  }
  .pets .item:nth-child(1) .text,
  .pets .item:nth-child(2) .text {
    margin-left: 20px;
  }
  .pets .item:nth-child(1) .img-wrap,
  .pets .item:nth-child(2) .img-wrap {
    width: 515px;
  }
  .pets .btn {
    font-size: 16px;
  }
  .pets .item .btn {
    padding: 15px 14px;
  }
  .pets .one-img {
    width: 460px;
  }
  .pets .item:nth-child(1).item-oneimg .img-wrap,
  .pets .item:nth-child(2).item-oneimg .img-wrap {
    width: 517px;
  }
}
@media (max-width: 991px) {
  .pets .radio-wrap-1 {
    margin-bottom: 20px;
  }
  .pets .item {
    width: 100%;
  }
  .pets-wrap {
    margin-left: 0;
    margin-right: 0;
  }
  .pets .title-wrap .btn {
    padding: 16px 20px;
  }
  .pets .img-text {
    left: 23px;
    top: -43px;
  }
  .pets-filter {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .pets-filter p {
    margin-right: 40px;
    margin-bottom: 15px;
  }
  .pets .item:nth-child(1),
  .pets .item:nth-child(2) {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .pets .item:nth-child(1) .img-wrap,
  .pets .item:nth-child(2) .img-wrap,
  .pets .img-wrap {
    width: 100%;
  }
  .pets .item:nth-child(1) .two-img img,
  .pets .item:nth-child(2) .two-img img,
  .pets .two-img img {
    width: 225px;
  }
  .pets .item:nth-child(1) .text,
  .pets .item:nth-child(2) .text {
    margin-left: 0;
  }
  .pets .item {
    margin-left: 0;
    margin-right: 0;
  }
  .pets .item:nth-child(1),
  .pets .item:nth-child(2) {
    width: 100%;
  }
  .pets .item:nth-child(1) .text,
  .pets .item:nth-child(2) .text {
    width: 100%;
  }
  .pets .item:nth-child(1) .btn img,
  .pets .item:nth-child(2) .btn img {
    display: inline-block;
  }
  .pets .one-img {
    height: 440px;
  }
  .pets .two-img img {
    height: 160px;
  }
  .pets {
    padding-bottom: 50px;
  }
  .pets .item:nth-child(1).item-oneimg .img-wrap,
  .pets .item:nth-child(2).item-oneimg .img-wrap {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .pets {
    padding-top: 40px;
  }
  .pets .sect-title {
    margin-bottom: 40px;
  }
  .pets .item:nth-child(1) .img-wrap,
  .pets .item:nth-child(2) .img-wrap,
  .pets .img-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .pets .item:nth-child(1) .one-img,
  .pets .item:nth-child(2) .one-img,
  .pets .img-wrap > img {
    width: 100%;
    margin-bottom: 20px;
  }
  .pets .two-img {
    margin-left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
  }
  .pets .two-img img:first-child {
    margin-bottom: 0;
  }
  .pets .item:nth-child(1) .two-img img,
  .pets .item:nth-child(2) .two-img img,
  .pets .two-img img {
    width: calc(50% - 10px);
  }
  .pets .item-oneimg .one-img {
    margin-bottom: 0;
  }
  .pets .col-right {
    display: none;
  }
  .pets-filter p {
    margin-right: 28px;
  }
  .pets .radio-wrap-2 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .pets .radio-wrap-2 .form_radio {
    margin-bottom: 10px;
  }
  .pets-filter {
    padding: 30px 23px;
    padding-bottom: 20px;
  }
}
@media (max-width: 576px) {
  .pets-filter {
    padding: 20px;
    padding-bottom: 10px;
  }
  .pets .item {
    padding: 0;
  }
  .pets .item .text {
    padding: 25px;
    padding-top: 0;
  }
  .pets .title {
    margin-top: 0;
  }
  .pets .item-oneimg .one-img {
    margin-bottom: 20px;
  }
}
@media (max-width: 499px) {
  .pets .item:nth-child(1) .btn,
  .pets .item:nth-child(2) .btn,
  .pets .item .btn,
  .pets .item .btn:last-child {
    padding: 15px 30px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-top: 10px;
    width: 250px;
  }
}

@media (max-width: 399px) {
  .pets .item:nth-child(1) .two-img img,
  .pets .item:nth-child(2) .two-img img,
  .pets .two-img img {
    height: 120px;
  }

}
.homeless {
  padding-top: 125px;
  padding-bottom: 85px;
  background: -o-linear-gradient(top, #f8f8fd 0%, rgba(245, 245, 250, 0) 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#f8f8fd), to(rgba(245, 245, 250, 0)));
  background: linear-gradient(180deg, #f8f8fd 0%, rgba(245, 245, 250, 0) 100%);
}
.homeless .item-left {
  max-width: 620px;
  position: relative;
}
.homeless .sect-title {
  text-align: left;
  max-width: 581px;
  margin-bottom: 20px;
}
.homeless .text {
  position: absolute;
  right: 0px;
  top: 153px;
}
.homeless .img {
  margin-top: 40px;
  position: relative;
  left: -30px;
}
.homeless .item-right {
  position: relative;
}
.homeless .payment .title {
  margin-bottom: 30px;
}
.homeless .img-wrap {
  position: relative;
}
.homeless .img-wrap .heart {
  position: absolute;
}
.homeless .img-wrap .heart-1 {
  top: 128px;
  left: 42px;
  width: 16px;
  -webkit-animation: 3s infinite heartPulse;
  animation: 3s infinite heartPulse;
}
.homeless .img-wrap .heart-2 {
  top: 208px;
  left: 100px;
  width: 18px;
  -webkit-animation: 3s infinite heartPulse;
  animation: 3s infinite heartPulse;
}
.homeless .img-wrap .heart-3 {
  top: 167px;
  left: 198px;
  width: 18px;
  -webkit-animation: 3s infinite heartPulse;
  animation: 3s infinite heartPulse;
}
.homeless .img-wrap .heart-4 {
  top: 96px;
  left: 339px;
  width: 13px;
  -webkit-animation: 3s infinite heartPulse;
  animation: 3s infinite heartPulse;
}
.homeless .img-wrap .heart-5 {
  top: 197px;
  left: 407px;
  width: 12px;
  -webkit-animation: 3s infinite heartPulse;
  animation: 3s infinite heartPulse;
}
.homeless .img-wrap .heart-6 {
  top: 89px;
  left: 449px;
  width: 9px;
  -webkit-animation: 3s infinite heartPulse;
  animation: 3s infinite heartPulse;
}
@-webkit-keyframes heartPulse {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes heartPulse {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@media (max-width: 1399px) {
  .homeless {
    padding-top: 50px;
  }
}
@media (max-width: 1199px) {
  .homeless .item-left {
    max-width: 480px;
  }
  .homeless .text {
    right: -15px;
    top: 121px;
  }
  .homeless .sect-title {
    font-size: 45px;
  }
  .homeless .img-wrap .heart {
    display: none;
  }
}
@media (max-width: 991px) {
  .homeless {
    padding-top: 40px;
    padding-bottom: 340px;
  }
  .homeless .img-wrap {
    position: absolute;
    top: 640px;
  }
  .homeless .text {
    right: -50px;
    top: 645px;
  }
  .homeless .sect-title {
    margin-bottom: 30px;
  }
  .homeless .item-left {
    width: 100%;
  }
  .homeless .sect-title {
    text-align: center;
  }
  .homeless .subtitle {
    text-align: center;
    margin-bottom: 40px;
  }
}
@media (max-width: 576px) {
  .homeless .img-wrap {
    max-width: 350px;
    left: 58px;
    margin-top: 20px;
  }
  .homeless .text {
    right: 6px;
    top: 647px;
    max-width: 186px;
  }
  .homeless {
    padding-bottom: 270px;
  }
  .homeless .sect-title {
    font-size: 40px;
  }
}
@media (max-width: 460px) {
  .homeless .img-anim-4 {
    left: 100px;
  }
  .homeless .item-right:before {
    right: 245px;
  }
  .homeless .item-right:after {
    right: 55px;
  }
  .homeless .sect-title {
    text-align: center;
  }
  .homeless .img-wrap {
    left: 30px;
    top: 660px;
  }
  .homeless {
    padding-bottom: 260px;
  }
  .homeless .text {
    top: 720px;
  }
  .homeless .sect-title {
    font-size: 37px;
  }
}
@media (max-width: 420px) {
  .homeless .img-wrap {
    max-width: 315px;
  }
}
@media (max-width: 399px) {
  .homeless .img-wrap {
    max-width: 264px;
    left: 0;
    top: 750px;
    display: none;
  }
  .homeless .text {
    right: auto;
    left: 145px;
    top: 661px;
    max-width: 162px;
  }
  .homeless {
    padding-bottom: 60px;
  }
}
@media (max-width: 360px) {
  .homeless .sect-title {
    font-size: 35px;
  }
  .homeless .img-anim-4 {
    left: 78px;
  }
  .homeless .item-right:before {
    right: 225px;
  }
  .homeless .item-right:after {
    right: 42px;
  }
  .homeless .payment .subtitle {
    font-size: 14px;
  }
  .homeless .payment .btn {
    font-size: 15px;
  }
}
.galleryhelp .sect-title {
  max-width: 630px;
  margin-bottom: 20px;
  position: relative;
}
.galleryhelp .sect-title:before,
.galleryhelp .sect-title:after {
  content: "";
  position: absolute;
  width: 28px;
  height: 28px;
  background-image: url("../img/gallery/lapa.svg");
  background-size: cover;
  background-repeat: no-repeat;
}
.galleryhelp .sect-title:before {
  left: -100px;
  top: 56px;
}
.galleryhelp .sect-title:after {
  -webkit-transform: rotate(40deg);
  -ms-transform: rotate(40deg);
  transform: rotate(40deg);
  right: -70px;
  top: 60px;
}
.galleryhelp .subtitle {
  text-align: center;
  margin-bottom: 100px;
}
.galleryhelp-img {
  width: 100%;
}
@media (max-width: 1399px) {
  .galleryhelp .subtitle {
    margin-bottom: 50px;
  }
}
@media (max-width: 991px) {
  .galleryhelp .sect-title:before,
  .galleryhelp .sect-title:after {
    display: none;
  }
}
.stages {
  text-align: center;
}
.stages-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 135px;
}
.stages .sect-title {
  margin-bottom: 20px;
}
.stages .subtitle {
  text-align: center;
  margin-bottom: 90px;
}
.stages-title {
  background-color: #16b376;
  color: #fff;
  font-size: 27px;
  display: inline-block;
  margin-left: auto;
  border-radius: 45px;
  padding: 5px 15px;
  font-weight: bold;
  margin-bottom: 60px;
}
.stages-title img {
  margin-right: 5px;
  position: relative;
  top: 4px;
  margin-bottom: 10px;
}
.stages .item {
  width: 21%;
  position: relative;
}
.stages .item:after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 89px;
  height: 22px;
  background-image: url("../img/stages/arrow-1.svg");
  background-repeat: no-repeat;
  background-size: cover;
  top: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  right: -150px;
}
.stages .item:nth-child(2):after {
  background-image: url("../img/stages/arrow-2.svg");
  right: -190px;
}
.stages .item:nth-child(3):after {
  display: none;
}
.stages .img-wrap {
  height: 170px;
  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;
}
.stages-title-2 {
  background-color: #ee4242;
}
.stages-items-2 {
  margin-bottom: 0;
}
.stages-items-2 .item:nth-child(1):after {
  background-image: url("../img/stages/arrow-2.svg");
}
.stages-items-2 .item:nth-child(2):after {
  background-image: url("../img/stages/arrow-1.svg");
}
@media (max-width: 991px) {
  .stages .subtitle {
    margin-bottom: 40px;
  }
  .stages-title {
    margin-bottom: 40px;
  }
  .stages-items {
    margin-bottom: 50px;
  }
  .stages-items:last-child {
    margin-bottom: 0;
  }
  .stages .item:nth-child(2):after {
    right: -160px;
  }
}
@media (max-width: 767px) {
  .stages .item:after {
    width: 61px;
    background-size: contain;
    right: -107px;
  }
  .stages .item:nth-child(2):after {
    right: -100px;
  }
}
@media (max-width: 576px) {
  .stages .item:after {
    display: none;
  }
  .stages .item {
    width: 170px;
  }
  .stages-items {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
  .stages-title {
    font-size: 20px;
  }
}
@media (max-width: 399px) {
  .stages-title img {
    display: none;
  }
}
.features-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.features .item {
  -webkit-box-shadow: 0px 5px 50px rgba(50, 42, 97, 0.1);
  box-shadow: 0px 5px 50px rgba(50, 42, 97, 0.1);
  width: calc(50% - 15px);
  padding: 30px;
  text-align: center;
}
.features .item p {
  font-size: 18px;
}
.features .item .title {
  font-size: 27px;
  font-weight: bold;
  margin-top: 30px;
  margin-bottom: 10px;
}
.features .sect-title {
  margin-bottom: 75px;
}
@media (max-width: 767px) {
  .features-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .features .item {
    width: 100%;
    margin-bottom: 30px;
  }
}
@media (max-width: 576px) {
  .features .sect-title {
    margin-bottom: 40px;
  }
  .features .item .title {
    font-size: 20px;
  }
  .features .item p {
    font-size: 16px;
  }
}
@media (max-width: 399px) {
  .features .item {
    padding: 20px;
  }
}
.steps-wrap {
  position: relative;
  height: 490px;
}
.steps .sect-title {
  margin-bottom: 100px;
}
.steps .item {
  text-align: center;
  max-width: 350px;
  position: absolute;
}
.steps .item img {
  margin-bottom: 10px;
}
.steps .item p {
  font-size: 18px;
}
.steps .title {
  font-size: 27px;
  font-weight: bold;
  margin-bottom: 10px;
}
.steps-bg {
  position: absolute;
  left: 48%;
  top: 30px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  top: 0px;
}
.steps-img {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  top: 55px;
}
.steps .item-2 {
  right: 0;
}
.steps .item-3 {
  top: 270px;
  left: 60px;
}
.steps .item-4 {
  top: 270px;
  right: 60px;
}
@media (max-width: 1199px) {
  .steps .item {
    max-width: 300px;
  }
  .steps-wrap {
    height: 520px;
  }
}
@media (max-width: 991px) {
  .steps .sect-title {
    margin-bottom: 50px;
  }
  .steps-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: auto;
  }
  .steps .item {
    position: static;
    width: 50%;
    max-width: 100%;
    padding: 0 15px;
    margin-bottom: 30px;
  }
  .steps-img {
    position: static;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
  }
  .steps-bg {
    display: none;
  }
}
@media (max-width: 576px) {
  .steps .title {
    font-size: 20px;
  }
  .steps .item p {
    font-size: 16px;
  }
  .steps-img {
    max-width: 225px;
  }
  .steps .item {
    width: 223px;
  }
  .steps-wrap {
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
}
.important {
  position: relative;
}
.important-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.important .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 720px;
  position: relative;
  margin-bottom: 170px;
}
.important .item:last-child {
  margin-bottom: 40px;
}
.important .item img {
  position: absolute;
  right: 0;
  top: -70px;
  z-index: -1;
}
.important .item-left {
  margin-right: 100px;
}
.important .title-wrap {
  position: -webkit-sticky;
  position: sticky;
  top: 100px;
}
.important .sect-title {
  text-align: left;
}
.important-arrow {
  margin-top: 80px;
  margin-left: 70px;
}
.important .title {
  font-family: "Stem", sans-serif;
  font-size: 30px;
  line-height: 1.1;
  font-weight: 700;
  margin-bottom: 20px;
}
.important .title span {
  color: #0ba377;
}
.important .text {
  width: 445px;
  -webkit-box-shadow: 0px 5px 50px rgba(50, 42, 97, 0.1);
  box-shadow: 0px 5px 50px rgba(50, 42, 97, 0.1);
  background-color: #fff;
  padding: 50px;
  border-radius: 10px;
}
.important .item-reverse .text {
  margin-left: 285px;
}
.important .item-reverse img {
  left: 0;
  right: auto;
}
.fixed-grad {
  height: 430px;
  width: 100%;
  background-image: url("../img/important/grad.png");
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  top: 420px;
  left: 0;
}
.fixed-grad.active {
  bottom: 0;
  position: fixed;
  top: auto;
}
@media (max-width: 1199px) {
  .important .item-left {
    margin-right: 25px;
  }
  .important .sect-title {
    font-size: 35px;
  }
  .important-arrow {
    margin-top: 37px;
    margin-left: 10px;
  }
  .fixed-grad {
    display: none;
  }
}
@media (max-width: 991px) {
  .important-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .important-arrow {
    display: none;
  }
  .important .sect-title {
    margin-bottom: 50px;
    font-size: 46px;
  }
  .important .title-wrap {
    position: static;
  }
}
@media (max-width: 767px) {
  .important .item {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 50px;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .important .item img {
    position: relative;
    top: -30px;
  }
  .important .item-reverse .text {
    margin-left: 0;
  }
  .important-wrap {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .important .sect-title {
    text-align: center;
  }
  .important .item:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 576px) {
  .important .text {
    width: 100%;
    max-width: 390px;
    padding: 35px;
  }
  .important .title {
    font-size: 25px;
  }
  .important .item {
    margin-bottom: 30px;
  }
  .important .sect-title {
    font-size: 35px;
  }
}
.cover {
  background-image: url("../img/cover/bg.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 110px;
  position: relative;
  overflow: hidden;
}
.cover .bg-2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-animation: coverbg 2s infinite linear;
  animation: coverbg 2s infinite linear;
}
.cover-wrap {
  padding-bottom: 185px;
  position: relative;
}
.cover .sect-title {
  text-align: left;
  margin-bottom: 50px;
}
.cover .subtitle {
  margin-bottom: 20px;
}
.cover .btn-wrap {
  position: relative;
  z-index: 2;
}
.cover .btn-o {
  border: 1px solid #000;
  background-color: transparent;
  margin-left: 15px;
}
.cover .btn-o:hover {
  background-color: #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.cover .img-1,
.cover .img-2,
.cover .icon-1,
.cover .icon-2,
.cover .icon-3 {
  position: absolute;
}
.cover .img-1 {
  bottom: 0;
  right: -140px;
}
.cover .img-2 {
  bottom: 0;
  left: 174px;
  -webkit-animation: 10s infinite cat2;
  animation: 10s infinite cat2;
}
.cover .icon-1 {
  top: 60px;
  left: 455px;
}
.cover .icon-2 {
  bottom: 170px;
  left: -130px;
}
@-webkit-keyframes cat2 {
  from {
    bottom: -127px;
  }
  60% {
    bottom: 0px;
  }
  70% {
    bottom: 0px;
  }
  95% {
    bottom: -127px;
  }
  to {
    bottom: -127px;
  }
}
@keyframes cat2 {
  from {
    bottom: -127px;
  }
  60% {
    bottom: 0px;
  }
  70% {
    bottom: 0px;
  }
  95% {
    bottom: -127px;
  }
  to {
    bottom: -127px;
  }
}
@-webkit-keyframes coverbg {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes coverbg {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@media (max-width: 1199px) {
  .cover .img-1 {
    right: -203px;
  }
  .cover .icon-2 {
    display: none;
  }
  .cover .icon-1 {
    display: none;
  }
}
@media (max-width: 991px) {
  .cover-wrap {
    padding-bottom: 540px;
  }
  .cover .subtitle {
    text-align: center;
  }
  .cover .sect-title {
    text-align: center;
  }
  .cover .btn-wrap {
    text-align: center;
  }
  .cover .img-1 {
    right: -118px;
  }
  .cover .img-2 {
    left: 0px;
  }
  .cover {
    padding-top: 50px;
  }
}
@media (max-width: 767px) {
  .cover .img-2 {
    display: none;
  }
  .cover .img-1 {
    right: 0;
  }
  .cover-wrap {
    padding-bottom: 425px;
  }
}
@media (max-width: 576px) {
  .cover .img-1 {
    max-width: 380px;
    right: 50%;
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%);
  }
  .cover-wrap {
    padding-bottom: 320px;
  }
  .cover .sect-title {
    margin-bottom: 40px;
  }
  .cover .btn {
    padding: 16px 30px;
  }
}
@media (max-width: 399px) {
  .cover .btn {
    width: 250px;
  }
  .cover .btn-o {
    margin-left: 0;
    margin-top: 10px;
  }
}
.whoweare {
  padding-top: 150px;
  padding-bottom: 80px;
}
.whoweare-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.whoweare-wrap > img {
  margin-left: 75px;
}
.whoweare .icon-lapa {
  position: absolute;
  top: -167px;
  left: 34px;
}
.whoweare .text {
  position: relative;
  margin-top: 30px;
  margin-left: 120px;
}
.whoweare .sect-title {
  text-align: left;
  margin-bottom: 20px;
  font-size: 30px;
  max-width: 400px;
}
.whoweare .descr {
  max-width: 361px;
}
.whoweare .descr p {
  font-size: 18px;
  margin-bottom: 10px;
}
.whoweare .btn {
  margin-top: 20px;
}
.whoweare .btn img {
  margin-left: 5px;
  position: relative;
  top: -1px;
}
.whoweare .img-wrap {
  position: relative;
}
.whoweare .heart-1 {
  position: absolute;
  left: 0;
  top: 40px;
  -webkit-animation: heartPulse1 4s infinite linear;
  animation: heartPulse1 4s infinite linear;
}
.whoweare .heart-2 {
  position: absolute;
  top: -19px;
  left: 87px;
  width: 25px;
  -webkit-transform: rotate(34deg);
  -ms-transform: rotate(34deg);
  transform: rotate(34deg);
  -webkit-animation: heartPulse2 2s infinite linear;
  animation: heartPulse2 2s infinite linear;
}
.whoweare .heart-3 {
  position: absolute;
  width: 26px;
  -webkit-transform: rotate(85deg);
  -ms-transform: rotate(85deg);
  transform: rotate(85deg);
  right: 34px;
  top: 57px;
  -webkit-animation: heartPulse3 2s infinite linear;
  animation: heartPulse3 2s infinite linear;
}
@-webkit-keyframes heartPulse1 {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes heartPulse1 {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes heartPulse2 {
  from {
    -webkit-transform: rotate(34deg) scale(1);
    transform: rotate(34deg) scale(1);
  }
  50% {
    -webkit-transform: rotate(34deg) scale(1.3);
    transform: rotate(34deg) scale(1.3);
  }
  to {
    -webkit-transform: rotate(34deg) scale(1);
    transform: rotate(34deg) scale(1);
  }
}
@keyframes heartPulse2 {
  from {
    -webkit-transform: rotate(34deg) scale(1);
    transform: rotate(34deg) scale(1);
  }
  50% {
    -webkit-transform: rotate(34deg) scale(1.3);
    transform: rotate(34deg) scale(1.3);
  }
  to {
    -webkit-transform: rotate(34deg) scale(1);
    transform: rotate(34deg) scale(1);
  }
}
@-webkit-keyframes heartPulse3 {
  from {
    -webkit-transform: rotate(85deg) scale(1);
    transform: rotate(85deg) scale(1);
  }
  50% {
    -webkit-transform: rotate(85deg) scale(1.3);
    transform: rotate(85deg) scale(1.3);
  }
  to {
    -webkit-transform: rotate(85deg) scale(1);
    transform: rotate(85deg) scale(1);
  }
}
@keyframes heartPulse3 {
  from {
    -webkit-transform: rotate(85deg) scale(1);
    transform: rotate(85deg) scale(1);
  }
  50% {
    -webkit-transform: rotate(85deg) scale(1.3);
    transform: rotate(85deg) scale(1.3);
  }
  to {
    -webkit-transform: rotate(85deg) scale(1);
    transform: rotate(85deg) scale(1);
  }
}
@media (max-width: 1499px) {
  .whoweare {
    padding-top: 80px;
    padding-bottom: 50px;
  }
  .whoweare .icon-lapa {
    top: -101px;
  }
}
@media (max-width: 1199px) {
  .whoweare .text {
    margin-left: 55px;
  }
  .whoweare .icon-lapa {
    left: 45px;
  }
}
@media (max-width: 991px) {
  .whoweare-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .whoweare-wrap .img-wrap {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .whoweare-wrap > img {
    margin-left: 0;
  }
  .whoweare .text {
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 60px;
    max-width: 365px;
  }
  .whoweare .text:before {
    left: -90px;
  }
  .whoweare .icon-lapa {
    left: -52px;
  }
}
@media (max-width: 767px) {
  .whoweare {
    padding-top: 30px;
  }
  .whoweare .icon-lapa {
    display: none;
  }
}
@media (max-width: 576px) {
  .whoweare .text {
    margin-top: 30px;
  }
  .whoweare .text:before {
    display: none;
  }
  .whoweare .img-wrap {
    max-width: 380px;
  }
  .whoweare .heart-3 {
    top: 40px;
  }
}
@media (max-width: 399px) {
  .whoweare .img-wrap {
    max-width: 300px;
  }
  .whoweare .heart-1 {
    top: 24px;
  }
  .whoweare .heart-3 {
    top: 20px;
    right: 20px;
  }
}
.goals {
  padding-top: 80px;
  padding-bottom: 80px;
}
.goals-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.goals .title {
  font-family: "Stem";
  font-weight: 500;
  margin-bottom: 10px;
  margin-top: 25px;
}
.goals .item {
  text-align: center;
  width: 50%;
  padding: 0 7px;
}
.goals .item:nth-child(2),
.goals .item:nth-child(3) {
  margin-top: 70px;
}
.goals .sect-title {
  margin-bottom: 25px;
}
.goals p {
  font-size: 18px;
}
@media (max-width: 991px) {
  .goals .item {
    width: 50%;
    margin-bottom: 40px;
  }
  .goals-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .goals .item:nth-child(2),
  .goals .item:nth-child(3) {
    margin-top: 0;
  }
  .goals .sect-title {
    margin-bottom: 50px;
  }
}
@media (max-width: 767px) {
  .goals {
    padding-bottom: 50px;
  }
}
@media (max-width: 767px) {
  .goals {
    padding-top: 50px;
    padding-bottom: 10px;
  }
}
@media (max-width: 449px) {
  .goals .item {
    width: 100%;
    max-width: 330px;
    margin-left: auto;
    margin-right: auto;
  }
}
.subscribe {
  background-color: #daffde;
  padding-top: 130px;
  padding-bottom: 120px;
}
.subscribe-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  position: relative;
}
.subscribe-wrap > img {
  position: absolute;
  left: -113px;
  top: -34px;
}
.subscribe .sect-title {
  text-align: left;
  margin-bottom: 20px;
  letter-spacing: 3px;
}
.subscribe .subtitle {
  margin-bottom: 40px;
  font-size: 18px;
}
.subscribe .text {
  width: 518px;
}
.subscribe input {
  background-color: #fff;
  width: 100%;
  max-width: 450px;
  padding: 11px 20px;
  margin-bottom: 10px;
  color: #000;
  font-size: 16px;
}
.subscribe .btn {
  margin-top: 30px;
  width: 350px;
  padding: 16px 35px;
}
.subscribe .btn img {
  position: relative;
  top: -1px;
  left: 4px;
}
@media (max-width: 1499px) {
  .subscribe {
    padding-top: 100px;
  }
}
@media (max-width: 1199px) {
  .subscribe .text {
    width: 430px;
  }
  .subscribe-wrap > img {
    left: -113px;
    top: -4px;
    max-width: 590px;
  }
}
@media (max-width: 991px) {
  .subscribe-wrap {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .subscribe-wrap > img {
    position: static;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .subscribe .sect-title {
    text-align: center;
  }
  .subscribe .subtitle {
    text-align: center;
  }
  .subscribe .btn {
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
  .subscribe .text {
    margin-bottom: 40px;
  }
}
@media (max-width: 576px) {
  .subscribe .btn {
    margin-top: 20px;
  }
  .subscribe-wrap > img {
    width: 100%;
  }
  .subscribe {
    padding-top: 50px;
    padding-bottom: 40px;
  }
}
@media (max-width: 399px) {
  .subscribe .text {
    width: 100%;
  }
  .subscribe .btn {
    width: 100%;
  }
}
.deeds {
  padding-top: 170px;
  padding-bottom: 25px;
}
.deeds .sect-title {
  max-width: 452px;
  margin-bottom: 20px;
}
.deeds .subtitle {
  text-align: center;
  margin-bottom: 80px;
}
.deeds h3 {
  font-size: 30px;
  font-family: "Stem", sans-serif;
  font-weight: bold;
  margin-bottom: 20px;
  max-width: 267px;
}
.deeds .descr {
  font-size: 18px;
  margin-bottom: 35px;
}
.deeds .text {
  -webkit-box-shadow: 0px 5px 50px rgba(50, 42, 97, 0.1);
  box-shadow: 0px 5px 50px rgba(50, 42, 97, 0.1);
  padding: 80px 323px 50px 65px;
  max-width: 734px;
}
.deeds .item {
  position: relative;
  margin-bottom: 145px;
  border-radius: 5px;
}
.deeds-img {
  position: absolute;
  right: 60px;
  top: -15px;
}
.deeds-text {
  position: absolute;
  right: 0;
  top: 87px;
}
.deeds .btn img {
  margin-left: 5px;
  position: relative;
  top: -2px;
}
.deeds .icon-heart {
  position: absolute;
  right: 30px;
  top: -10px;
}
.deeds .icon-lapa {
  position: absolute;
  bottom: 0;
  right: 0;
}
.deeds .item-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.deeds .item-2 .text {
  padding: 80px 65px 50px 323px;
}
.deeds .item-2 .deeds-img {
  left: -20px;
  right: auto;
}
.deeds .item-2 .deeds-text {
  right: auto;
  left: -20px;
  top: 210px;
}
.deeds .item-2 h3 {
  max-width: 306px;
}
.deeds .item-2 .icon-heart {
  left: -25px;
  right: auto;
  top: 10px;
}
.deeds .item-3 h3 {
  max-width: 310px;
}
.deeds .item-3 .deeds-text {
  right: 20px;
  top: 220px;
}
.deeds .item-3 .icon-heart {
  right: -28px;
  top: 130px;
}
.deeds .item-3 .btn img {
  top: -1px;
}
@media (max-width: 1499px) {
  .deeds {
    padding-top: 70px;
    padding-bottom: 1px;
  }
}
@media (max-width: 1199px) {
  .deeds-img {
    right: -55px;
  }
  .deeds-text {
    top: 211px;
  }
  .deeds .item-2 .deeds-img {
    left: -106px;
  }
  .deeds .item-2 .icon-heart {
    top: -36px;
  }
  .deeds .item-3 .icon-heart {
    right: -8px;
    top: -2px;
  }
  .deeds .item {
    margin-bottom: 95px;
  }
}
@media (max-width: 991px) {
  .deeds-img {
    position: static;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
  .deeds .text,
  .deeds .item-2 .text {
    padding: 50px;
    margin-bottom: 40px;
    text-align: center;
  }
  .deeds h3 {
    margin-left: auto;
    margin-right: auto;
  }
  .deeds .icon-heart {
    top: 26px;
  }
  .deeds-text {
    top: 397px;
  }
  .deeds .item-2 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .deeds .item-2 .deeds-img {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .deeds .item-2 .icon-heart {
    top: 18px;
    left: 20px;
  }
  .deeds .item-2 .deeds-text {
    top: 397px;
  }
  .deeds .item-3 .icon-heart {
    right: 16px;
    top: 15px;
  }
  .deeds .item-3 .deeds-text {
    right: 20px;
    top: 635px;
  }
  .deeds .subtitle {
    margin-bottom: 60px;
  }
}
@media (max-width: 767px) {
  .deeds .item-2 .deeds-text {
    top: 606px;
  }
}
@media (max-width: 576px) {
  .deeds .icon-heart {
    display: none;
  }
  .deeds-text {
    display: none;
  }
  .deeds-img {
    position: relative;
    left: 20px;
  }
  .deeds .item-2 .deeds-img {
    left: -20px;
  }
  .deeds .text,
  .deeds .item-2 .text {
    padding: 30px;
  }
  .deeds h3 {
    font-size: 24px;
    max-width: 100%;
  }
  .deeds .item-2 h3 {
    max-width: 100%;
  }
  .deeds .item-3 h3 {
    max-width: 100%;
  }
  .deeds .item {
    margin-bottom: 40px;
  }
  .deeds {
    padding-top: 50px;
  }
}
.wework {
  padding-top: 170px;
}
.wework-wrap {
  position: relative;
  height: 1666px;
}
.wework .sect-title {
  margin-bottom: 20px;
}
.wework .subtitle {
  margin-bottom: 40px;
  max-width: 443px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.wework .text-wrap {
  position: absolute;
  z-index: 3;
}
.wework .text-wrap p {
  font-family: "Caveat", sans-serif;
  position: absolute;
  top: 0;
  text-align: center;
  font-size: 22px;
}
.wework .text-img {
  position: absolute;
}
.wework .arrow {
  position: absolute;
}
.wework .text-wrap-1 {
  left: -110px;
  top: -15px;
}
.wework .text-wrap-1 p {
  -webkit-transform: rotate(-10deg);
  -ms-transform: rotate(-10deg);
  transform: rotate(-10deg);
  max-width: 260px;
  top: 94px;
  left: 94px;
}
.wework .text-wrap-1 .arrow {
  bottom: 0;
  left: 230px;
}
.wework .img-1 {
  position: absolute;
  right: 0;
  top: 0;
}
.wework .img-2 {
  position: absolute;
  top: 560px;
}
.wework .img-3 {
  position: absolute;
  top: 625px;
  right: -44px;
  z-index: 2;
}
.wework .img-4 {
  position: absolute;
  top: 1100px;
  left: 172px;
}
.wework .text-wrap-2 {
  top: 500px;
  left: 411px;
}
.wework .text-wrap-2 p {
  top: 93px;
  left: 109px;
  -webkit-transform: rotate(10deg);
  -ms-transform: rotate(10deg);
  transform: rotate(10deg);
  max-width: 219px;
}
.wework .text-wrap-2 .arrow {
  bottom: 37px;
  left: 36px;
}
.wework .text-wrap-3 {
  top: 1061px;
  right: -81px;
}
.wework .text-wrap-3 p {
  top: 90px;
  left: 100px;
  -webkit-transform: rotate(-10deg);
  -ms-transform: rotate(-10deg);
  transform: rotate(-10deg);
  max-width: 214px;
}
.wework .text-wrap-3 .arrow {
  left: 154px;
  top: -25px;
}
.wework .text-wrap-4 {
  top: 1031px;
  left: -141px;
}
.wework .text-wrap-4 p {
  max-width: 180px;
  -webkit-transform: rotate(-9deg);
  -ms-transform: rotate(-9deg);
  transform: rotate(-9deg);
  top: 93px;
  left: 125px;
}
.wework .text-wrap-4 .arrow {
  bottom: -20px;
  left: 212px;
}
@media (max-width: 1499px) {
  .wework {
    padding-top: 100px;
  }
}
@media (max-width: 1199px) {
  .wework .img-1 {
    position: relative;
    top: 0;
    left: 0;
    margin-top: 30px;
  }
  .wework .img-2 {
    position: relative;
    top: 0;
    left: 0;
    z-index: 3;
  }
  .wework .img-3 {
    position: relative;
    top: -55px;
    right: -205px;
  }
  .wework .img-4 {
    position: relative;
    top: 0;
    left: 340px;
  }
  .wework .text-wrap-1 {
    top: -103px;
  }
  .wework-wrap {
    height: auto;
  }
  .wework .text-wrap-2 {
    left: 460px;
  }
  .wework .text-wrap-3 {
    top: 1329px;
  }
  .wework .text-wrap-4 {
    top: 1476px;
    left: 0;
  }
  .wework {
    padding-bottom: 100px;
  }
}
@media (max-width: 991px) {
  .wework .text-wrap .arrow {
    display: none;
  }
  .wework .text-wrap-1 {
    top: -73px;
  }
  .wework .text-wrap-2 {
    top: 408px;
    left: 278px;
    z-index: 4;
  }
  .wework .img-3 {
    right: -50px;
    top: -5px;
  }
  .wework .text-wrap-3 {
    top: 855px;
    right: auto;
    left: -22px;
  }
  .wework .img-4 {
    position: relative;
    top: 0;
    left: 220px;
  }
  .wework .text-wrap-4 {
    top: 1412px;
    left: -43px;
  }
  .wework .text-wrap-2 {
    top: 245px;
    left: 85px;
    z-index: 4;
  }
  .wework .text-wrap-3 {
    top: 708px;
  }
  .wework .img-4 {
    left: 80px;
  }
  .wework .text-wrap-4 {
    top: 1500px;
  }
}
@media (max-width: 576px) {
  .wework {
    padding-top: 60px;
  }
  .wework .text-bg {
    display: none;
  }
  .wework .text-wrap p,
  .wework .text-wrap-2 p {
    position: relative;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    top: 0;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    font-size: 18px;
  }
  .wework .text-wrap-1,
  .wework .text-wrap-2,
  .wework .text-wrap-3,
  .wework .text-wrap-4 {
    position: static;
  }
  .wework .text-wrap-1 p,
  .wework .text-wrap-2 p,
  .wework .text-wrap-3 p,
  .wework .text-wrap-4 p {
    max-width: 210px;
  }
  .wework .img-1 {
    margin-top: 0;
  }
  .wework .img-3 {
    right: 0;
    top: 0;
  }
  .wework .img-4 {
    top: 0;
    left: 0;
  }
  .wework {
    padding-bottom: 50px;
  }
}
.oursoc-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.oursoc h3 {
  font-size: 27px;
  font-weight: bold;
  font-family: "Stem", sans-serif;
  max-width: 366px;
  margin-bottom: 25px;
  position: relative;
}
.oursoc h3:after {
  content: "";
  width: 36px;
  height: 46px;
  background-image: url("../img/oursoc/arrow.svg");
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 61px;
  left: 130px;
}
.oursoc a {
  display: inline-block;
  margin-right: 5px;
}
@media (max-width: 991px) {
  .oursoc-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .oursoc-wrap > img {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin-top: 40px;
  }
  .oursoc h3 {
    max-width: 283px;
  }
}
@media (max-width: 576px) {
  .oursoc {
    padding-top: 50px;
  }
  .oursoc .text {
    margin-left: 0;
    max-width: 246px;
  }
  .oursoc h3 {
    font-size: 24px;
  }
  .oursoc h3:after {
    top: 49px;
  }
}
.good {
  padding-top: 130px;
  background-color: #daffde;
}
.good-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.good .payment {
  width: 445px;
}
.good .payment .sum-wrap {
  margin-bottom: 10px;
}
.good .payment .btn {
  margin-top: 1x0px;
}
.good .sect-title {
  margin-bottom: 20px;
  max-width: 597px;
}
.good .subtitle {
  max-width: 559px;
  margin-bottom: 70px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.good h3 {
  margin-bottom: 30px;
  font-size: 20px;
  font-weight: 500;
  font-family: "Stem", sans-serif;
}
.good .payment .title {
  font-size: 20px;
  max-width: 337px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 25px;
}
.good .img-wrap {
  position: relative;
}
.good .heart-1 {
  position: absolute;
  right: 122px;
  top: 0;
  -webkit-animation: heartPulse1 4s infinite linear;
  animation: heartPulse1 4s infinite linear;
}
.good .heart-2 {
  position: absolute;
  right: 85px;
  top: 85px;
  -webkit-animation: heartPulse1 4s infinite linear;
  animation: heartPulse1 4s infinite linear;
}
@media (max-width: 1499px) {
  .good {
    padding-top: 80px;
  }
}
@media (max-width: 991px) {
  .good-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .good h3 {
    text-align: center;
  }
  .good .payment {
    margin-bottom: 30px;
  }
}
@media (max-width: 576px) {
  .good {
    padding-top: 60px;
  }
  .good .img-wrap {
    max-width: 380px;
  }
  .good .heart-1 {
    right: 89px;
    top: 0;
    width: 30px;
  }
  .good .heart-2 {
    right: 59px;
    top: 60px;
    width: 40px;
  }
  .good .subtitle {
    margin-bottom: 40px;
  }
}
@media (max-width: 399px) {
  .good .img-wrap {
    max-width: 300px;
  }
  .good .heart-1 {
    right: 69px;
    top: 0;
    width: 22px;
  }
  .good .heart-2 {
    right: 50px;
    top: 50px;
    width: 27px;
  }
}
.charity {
  padding-top: 170px;
  padding-bottom: 170px;
  background-color: #daffde;
}
.charity .sect-title {
  margin-bottom: 20px;
}
.charity .subtitle {
  text-align: center;
  margin-bottom: 60px;
}
.charity .item {
  width: 475px;
  margin-left: 32px;
  margin-right: 32px;
  position: relative;
}
.charity .item .text-img-hover {
  opacity: 0;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.charity .item:hover .text-img-hover {
  opacity: 1;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.charity .item .arrow {
  position: absolute;
  bottom: 20px;
  left: 257px;
}
.charity-slider {
  margin-left: calc((100% - 1100px) / 2);
}
.charity .bg-img {
  width: 100%;
  border-radius: 10px;
}
.charity .text-img {
  position: absolute;
  bottom: 0;
  left: 0;
  border-radius: 0 0 0 10px;
}
.charity .text {
  color: #fff;
  position: absolute;
  top: 335px;
  left: 40px;
  max-width: 229px;
}
.charity .title {
  font-size: 27px;
  font-weight: bold;
  line-height: 1.1;
  margin-bottom: 10px;
}
.charity .descr {
  font-size: 16px;
}
@media (max-width: 1499px) {
  .charity {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
@media (max-width: 1199px) {
  .charity-slider {
    margin-left: calc((100% - 960px) / 2);
  }
}
@media (max-width: 991px) {
  .charity-slider {
    margin-left: calc((100% - 720px) / 2);
  }
}
@media (max-width: 767px) {
  .charity-slider {
    width: 475px;
    margin-left: auto;
    margin-right: auto;
  }
  .charity .item {
    margin-left: 0;
    margin-right: 0;
  }
  .charity .slick-prev {
    left: -50px;
  }
  .charity .slick-next {
    right: -50px;
  }
}
@media (max-width: 576px) {
  .charity {
    padding-top: 50px;
    padding-bottom: 140px;
  }
  .charity .subtitle {
    margin-bottom: 40px;
  }
  .charity-slider {
    width: 380px;
  }
  .charity .slick-prev {
    left: 50%;
    -webkit-transform: translateX(-60px);
    -ms-transform: translateX(-60px);
    transform: translateX(-60px);
    bottom: -70px;
    top: auto;
  }
  .charity .slick-next {
    right: 50%;
    -webkit-transform: translateX(60px);
    -ms-transform: translateX(60px);
    transform: translateX(60px);
    bottom: -70px;
    top: auto;
  }
  .charity .text {
    top: 240px;
    left: 30px;
  }
}
@media (max-width: 399px) {
  .charity-slider {
    width: 300px;
  }
  .charity .title {
    font-size: 20px;
  }
  .charity .descr {
    font-size: 14px;
  }
  .charity .text {
    top: 184px;
    left: 21px;
    max-width: 212px;
  }
  .charity .sect-title {
    font-size: 32px;
  }
  .charity .item .arrow {
    bottom: 20px;
    left: 204px;
  }
}
.weact {
  padding-top: 175px;
  padding-bottom: 170px;
}
.weact-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.weact .title-wrap {
  position: -webkit-sticky;
  position: sticky;
  top: 100px;
}
.weact .sect-title {
  text-align: left;
  margin-bottom: 20px;
}
.weact .item-left {
  max-width: 346px;
}
.weact .item-right {
  width: 635px;
}
.weact .text-wrap {
  position: absolute;
}
.weact .text-wrap p {
  font-size: 18px;
  position: absolute;
  text-align: center;
  line-height: 1.1;
  color: #3e3e3e;
  font-weight: 500;
}
.weact-arrow {
  margin-left: 150px;
  margin-top: 60px;
}
.weact .item {
  margin-bottom: 120px;
  position: relative;
}
.weact .item-1,
.weact .item-3 {
  height: 400px;
}
.weact .item-1 .photo-1,
.weact .item-3 .photo-1 {
  position: absolute;
  bottom: 0;
  left: 0;
  border-radius: 5px;
  -webkit-box-shadow: 0px 5px 50px rgba(50, 42, 97, 0.1);
  box-shadow: 0px 5px 50px rgba(50, 42, 97, 0.1);
}
.weact .item-1 .photo-2,
.weact .item-3 .photo-2 {
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 5px;
  -webkit-box-shadow: 0px 5px 50px rgba(50, 42, 97, 0.1);
  box-shadow: 0px 5px 50px rgba(50, 42, 97, 0.1);
}
.weact .item-1 .text-wrap,
.weact .item-3 .text-wrap {
  bottom: -46px;
  left: 144px;
}
.weact .item-1 .text-wrap p,
.weact .item-3 .text-wrap p {
  -webkit-transform: rotate(-10deg);
  -ms-transform: rotate(-10deg);
  transform: rotate(-10deg);
  max-width: 172px;
  top: 63px;
  left: 84px;
}
.weact .item-3 .text-wrap {
  bottom: -32px;
}
.weact .item-3 .text-wrap p {
  max-width: 237px;
  top: 54px;
  left: 74px;
}
.weact .item-2,
.weact .item-4 {
  height: 400px;
}
.weact .item-2 .photo,
.weact .item-4 .photo {
  border-radius: 5px;
}
.weact .item-2 .text-wrap,
.weact .item-4 .text-wrap {
  bottom: -55px;
  left: -40px;
}
.weact .item-2 .text-wrap p,
.weact .item-4 .text-wrap p {
  -webkit-transform: rotate(10deg);
  -ms-transform: rotate(10deg);
  transform: rotate(10deg);
  position: absolute;
  top: 51px;
  left: 67px;
  max-width: 249px;
}
.weact .item-4 .text-wrap p {
  top: 59px;
  left: 92px;
  max-width: 197px;
}
@media (max-width: 1199px) {
  .weact .item-right {
    width: 616px;
  }
  .weact {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .weact .item-left {
    max-width: 296px;
  }
  .weact-arrow {
    margin-left: 115px;
  }
}
@media (max-width: 991px) {
  .weact-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .weact-arrow {
    display: none;
  }
  .weact .item-left {
    max-width: 329px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 60px;
  }
}
@media (max-width: 767px) {
  .weact .item-1 .photo-2,
  .weact .item-3 .photo-2 {
    width: 320px;
  }
  .weact .item-1 .photo-1,
  .weact .item-3 .photo-1 {
    width: 300px;
  }
}
@media (max-width: 576px) {
  .weact .item-right {
    width: 380px;
  }
  .weact .sect-title {
    text-align: center;
  }
  .weact {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .weact .item-1 .photo-1,
  .weact .item-3 .photo-1 {
    width: 270px;
  }
  .weact .item-1 .photo-2,
  .weact .item-3 .photo-2 {
    width: 280px;
  }
  .weact .item-1,
  .weact .item-3 {
    height: 350px;
  }
  .weact .item-1 .text-wrap,
  .weact .item-3 .text-wrap {
    left: 87px;
    max-width: 226px;
  }
  .weact .item-1 .text-wrap p,
  .weact .item-3 .text-wrap p {
    top: 30px;
    left: 12px;
  }
  .weact .item-2,
  .weact .item-4 {
    height: 286px;
  }
  .weact .text-wrap p {
    font-size: 18px;
  }
  .weact .item-1 .text-wrap p,
  .weact .item-3 .text-wrap p {
    max-width: 192px;
  }
  .weact .item {
    margin-bottom: 90px;
  }
  .weact .item-2 .text-wrap,
  .weact .item-4 .text-wrap {
    max-width: 250px;
    bottom: -6px;
    left: 0px;
  }
  .weact .item-2 .text-wrap p,
  .weact .item-4 .text-wrap p {
    max-width: 190px;
    top: 27px;
    left: 34px;
  }
  .weact .item-4 {
    margin-bottom: 0;
  }
  .weact .item-3 .text-wrap p {
    top: 24px;
  }
  .weact .item-4 .text-wrap p {
    top: 32px;
  }
}
@media (max-width: 399px) {
  .weact .item-right {
    width: 300px;
  }
  .weact .heart {
    top: -50px;
    position: relative;
  }
  .weact .item-2,
  .weact .item-4 {
    height: 227px;
  }
  .weact .item-4 .text-wrap p {
    top: 33px;
  }
  .weact .text-wrap p {
    font-size: 16px;
  }
}
.theyneed {
  padding-top: 70px;
  padding-bottom: 80px;
}
.theyneed-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.theyneed-wrap img {
  margin-bottom: 22px;
}
.theyneed .sect-title {
  margin-bottom: 70px;
}
.theyneed .sect-title img {
  position: relative;
  top: -14px;
  left: 17px;
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
@media (max-width: 1499px) {
  .theyneed {
    padding-bottom: 40px;
  }
}
@media (max-width: 1199px) {
  .theyneed-wrap {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: 3000px;
  }
  .theyneed-wrap img {
    margin-right: 30px;
  }
  .theyneed-wrap img:last-child {
    margin-right: 0;
  }
  .theyneed-overflow {
    overflow-x: scroll;
  }
  .theyneed .sect-title {
    margin-bottom: 50px;
  }
}
@media (max-width: 767px) {
  .theyneed .sect-title img {
    display: none;
  }
}
@media (max-width: 576px) {
  .theyneed {
    padding-top: 40px;
    padding-bottom: 20px;
  }
  .theyneed-wrap {
    width: 2500px;
  }
  .theyneed-wrap img {
    height: 220px;
    margin-right: 15px;
  }
}
.footer {
  background-color: #f5f5fa;
  padding-top: 80px;
  font-size: 16px;
}
.footer-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-bottom: 90px;
}
.footer .item {
  width: 22%;
}
.footer .item a {
  display: block;
  color: #3e3e3e;
}
.footer .soc-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.footer .soc-wrap a {
  width: 40px;
  height: 40px;
  display: inline-block;
  margin-right: 15px;
}
.footer .soc-wrap a img {
  width: 100%;
  height: 100%;
}
.footer .title {
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 15px;
  color: #171717;
}
.footer ul li {
  margin-bottom: 5px;
  color: #3e3e3e;
}
.footer ul {
  margin-bottom: 20px;
}
.footer-pay {
  max-width: 650px;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-bottom: 35px;
}
.footer .item-4 a {
  text-decoration: underline;
}
.copyright {
  font-size: 13px;
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: #ebebf4;
}
.copyright .text {
  color: #3d3d3d;
}
.copyright-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.copyright .agency {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.copyright .agency img {
  margin-left: 15px;
}
@media (max-width: 1199px) {
  .copyright .text {
    max-width: 568px;
  }
}
@media (max-width: 991px) {
  .footer-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-bottom: 30px;
  }
  .footer-wrap .item {
    width: 46%;
    margin-bottom: 20px;
  }
  .footer-wrap .item:nth-child(1) {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .footer-wrap .item:nth-child(2) {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .footer-wrap .item:nth-child(3) {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .footer-wrap .item:nth-child(4) {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .copyright .text {
    width: 423px;
  }
}
@media (max-width: 767px) {
  .copyright-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .copyright .text {
    width: 100%;
    margin-bottom: 20px;
  }
}
@media (max-width: 576px) {
  .footer {
    padding-top: 40px;
    font-size: 14px;
  }
  .footer-wrap {
    padding-bottom: 10px;
  }
}
@media (max-width: 400px) {
  .footer {
    font-size: 12px;
  }
  .footer-pay {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .footer-pay img {
    margin-right: 10px;
    margin-bottom: 10px;
  }
}
.popup-rec {
  text-align: center;
  display: none;
}
.popup-rec .subtitle {
  font-size: 14px;
  margin-bottom: 10px;
}
.popup-rec .small {
  font-size: 13px;
  opacity: 0.7;
  margin-bottom: 10px;
}
.popup-rec .popup-close {
  right: 4px;
  top: 0;
}
.popup-rec .title {
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 20px;
  max-width: 343px;
  margin-left: auto;
  margin-right: auto;
}
.popup-rec .text {
  background-color: #fff;
  border-radius: 8px;
  max-width: 445px;
  padding: 40px;
  -webkit-box-shadow: 0px 5px 50px rgb(50 42 97 / 10%);
  box-shadow: 0px 5px 50px rgb(50 42 97 / 10%);
  padding-bottom: 20px;
}
.popup-rec .btn {
  width: 100%;
  margin-bottom: 5px;
}
.popup-rec .btn-one {
  padding: 16px 40px;
  color: #949398;
  width: 100%;
  font-family: "Stem", sans-serif;
  font-weight: 500;
}
.popup-rec.active {
  display: block;
}
@media (max-width: 576px) {
  .popup-rec {
    width: 320px;
  }
  .popup-rec .text {
    padding: 20px;
    border-radius: 0 0 8px 8px;
  }
  .popup-rec .title {
    font-size: 16px;
  }
  .popup-rec .btn {
    padding: 16px 19px;
  }
}
.article {
  padding: 80px 0;
}
.article .sect-title {
  margin-bottom: 40px;
}
.article p {
  margin-bottom: 20px;
}
.article iframe {
  max-width: 100%;
}
.article ul {
  padding-left: 20px;
}
.article li {
  list-style: disc;
}
.article li:not(:last-child) {
  margin-bottom: 6px;
}
.article a {
  text-decoration: underline;
}
.article .gallery {
  margin-bottom: 20px !important;
}
@media (max-width: 767px) {
  .article .article-wrap div.gallery .gallery-item {
    width: 100% !important;
  }
}
.becomevol {
  background-image: url("../img/becomevol/bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 90px;
  padding-bottom: 110px;
}
.becomevol .container {
  position: relative;
}
.becomevol-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.becomevol .sect-title {
  text-align: left;
  margin-bottom: 20px;
}
.becomevol .img {
  position: absolute;
  top: -73px;
  right: -130px;
}
.becomevol .text {
  max-width: 460px;
}
.becomevol p {
  margin-bottom: 20px;
}
.becomevol .btn {
  margin-top: 20px;
}
.becomevol .btn img {
  margin-left: 10px;
}
.becomevol-friend .img {
  top: -85px;
  right: 0px;
}
.becomevol-friend .container {
  position: relative;
}
.becomevol-friend .decor {
  position: absolute;
  bottom: -63px;
  left: 408px;
}
@media (max-width: 1199px) {
  .becomevol-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .becomevol .img {
    position: static;
  }
  .becomevol .text {
    text-align: center;
    margin-bottom: 40px;
  }
  .becomevol .sect-title {
    text-align: center;
  }
}
@media (max-width: 576px) {
  .becomevol {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .becomevol-friend .decor {
    bottom: -20px;
    right: 20px;
    left: auto;
  }
}
@media (max-width: 399px) {
  .becomevol h1.sect-title {
    font-size: 33px;
  }
  .becomevol .btn {
    padding: 16px 30px;
  }
}
.volsteps {
  padding-top: 150px;
  padding-bottom: 155px;
}
.volsteps .sect-title {
  margin-bottom: 20px;
}
.volsteps .subtitle {
  max-width: 623px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 65px;
}
.volsteps-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.volsteps .text {
  position: relative;
}
.volsteps .text img {
  position: absolute;
  left: -70px;
}
.volsteps .item {
  max-width: 222px;
  position: relative;
}
.volsteps .item > img {
  margin-bottom: 10px;
}
.volsteps .item p {
  font-size: 16px;
}
.volsteps .item:nth-child(1):after,
.volsteps .item:nth-child(2):after {
  content: "";
  width: 75px;
  height: 22px;
  background-image: url("../img/volsteps/arrow-1.svg");
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  right: -95px;
  top: 55px;
}
.volsteps .container {
  position: relative;
}
.volsteps .heart-1 {
  position: absolute;
  top: -10px;
  left: 135px;
}
.volsteps .heart-2 {
  position: absolute;
  top: -60px;
  left: 185px;
}
.volsteps .item:nth-child(2):after {
  background-image: url("../img/volsteps/arrow-2.svg");
}
.volsteps .title {
  font-size: 20px;
  font-weight: 500;
  font-family: "Stem", sans-serif;
  margin-bottom: 15px;
}
.volsteps .img-wrap {
  min-height: 140px;
}
.volsteps .btn-wrap {
  margin-top: 45px;
  text-align: center;
}
@media (max-width: 1199px) {
  .volsteps .item {
    padding-left: 60px;
    max-width: 280px;
  }
  .volsteps .item:nth-child(1):after,
  .volsteps .item:nth-child(2):after {
    right: -60px;
  }
  .volsteps .heart-1 {
    left: 63px;
  }
}
@media (max-width: 991px) {
  .volsteps-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .volsteps .item {
    margin-bottom: 40px;
  }
  .volsteps .item:nth-child(1):after,
  .volsteps .item:nth-child(2):after {
    display: none;
  }
  .volsteps .heart-1 {
    left: -45px;
    top: -20px;
  }
  .volsteps .heart-2 {
    left: 30px;
  }
}
@media (max-width: 767px) {
  .volsteps-wrap {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .volsteps {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
@media (max-width: 576px) {
  .volsteps {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .volsteps .heart-2,
  .volsteps .heart-1 {
    display: none;
  }
  .volsteps .subtitle {
    margin-bottom: 40px;
  }
  .volsteps .item:nth-child(3) {
    margin-bottom: 0;
  }
}
.volhelp {
  background-color: #f6f6fc;
  padding-top: 150px;
  padding-bottom: 150px;
}
.volhelp .container {
  position: relative;
}
.volhelp .decor {
  position: absolute;
  left: 100px;
  top: 45px;
}
.volhelp .sect-title {
  margin-bottom: 54px;
  max-width: 768px;
}
.volhelp-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.volhelp .text {
  text-align: center;
  background-color: #fff;
  padding: 50px 10px;
  height: 300px;
}
.volhelp .text img {
  margin-bottom: 25px;
}
.volhelp .item {
  width: 33.3333%;
}
.volhelp .title {
  font-family: "Stem", sans-serif;
  font-size: 20px;
  margin-bottom: 10px;
  font-weight: bold;
}
.volhelp p {
  font-size: 16px;
}
@media (max-width: 1199px) {
  .volhelp .text {
    padding: 25px 10px;
    height: 256px;
  }
}
@media (max-width: 991px) {
  .volhelp-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .volhelp .item {
    width: 100%;
    max-width: 370px;
    margin-bottom: 30px;
  }
  .volhelp .item:nth-child(2) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .volhelp .item:nth-child(2) > img {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .volhelp .text {
    width: 100%;
  }
  .volhelp .decor {
    left: 5px;
    top: -77px;
  }
}
@media (max-width: 767px) {
  .volhelp {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .volhelp .decor {
    display: none;
  }
}
@media (max-width: 576px) {
  .volhelp {
    padding-top: 60px;
    padding-bottom: 30px;
  }
}
.volform {
  background-color: #daffde;
  padding-top: 100px;
  padding-bottom: 90px;
}
.volform .sect-title {
  margin-bottom: 35px;
}
.volform-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.volform-wrap > img {
  position: relative;
  right: -100px;
}
.volform .form-wrap {
  background-color: #fff;
  padding: 40px;
  border-radius: 10px;
  margin-top: 105px;
}
.volform .title {
  font-size: 27px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 10px;
}
.volform .subtitle {
  font-size: 16px;
  text-align: center;
  margin-bottom: 30px;
}
.volform input:not(.btn) {
  background-color: #f9f9fd;
  width: 100%;
  padding: 9px 20px;
  margin-bottom: 10px;
}
.volform input:not(.btn)::-moz-placeholder {
  font-size: 16px;
  color: #949398;
}
.volform input:not(.btn)::-webkit-input-placeholder {
  font-size: 16px;
  color: #949398;
}
.volform input:not(.btn):-ms-input-placeholder {
  font-size: 16px;
  color: #949398;
}
.volform input:not(.btn)::-ms-input-placeholder {
  font-size: 16px;
  color: #949398;
}
.volform input:not(.btn)::placeholder {
  font-size: 16px;
  color: #949398;
}
.volform .btn {
  width: 100%;
  margin-top: 10px;
}
.volform .text {
  position: relative;
  z-index: 1;
}
.volform .dog {
  position: absolute;
  z-index: -1;
  top: 17px;
  left: 128px;
}
.volform .hand {
  position: absolute;
  top: 93px;
  left: 103px;
}
.volform .container {
  position: relative;
}
.volform .decor {
  position: absolute;
  top: 115px;
  left: 500px;
}
@media (max-width: 1259px) {
  .volform-wrap > img {
    right: -55px;
  }
  .volform-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .volform .form-wrap {
    max-width: 500px;
  }
  .volform .sect-title {
    margin-bottom: 40px;
  }
  .volform .decor {
    display: none;
  }
}
@media (max-width: 767px) {
  .volform-wrap > img {
    right: -15px;
  }
}
@media (max-width: 576px) {
  .volform-wrap > img {
    right: 0px;
    margin-top: 20px;
  }
  .volform {
    padding-top: 60px;
    padding-bottom: 50px;
  }
  .volform .hand {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .volform .dog {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .volform .sect-title {
    margin-bottom: 0;
  }
}
@media (max-width: 449px) {
  .volform .form-wrap {
    padding: 30px;
  }
  .volform .btn {
    padding: 16px 20px;
  }
}
.volanother {
  background-color: #f6f6fc;
}
.volanother .container {
  position: relative;
}
.volanother .decor-1 {
  position: absolute;
  top: 30px;
  right: 71px;
}
.volanother .decor-2 {
  position: absolute;
  top: 92px;
  right: 12px;
}
.volanother .decor-3 {
  position: absolute;
  left: 42px;
  top: -88px;
  z-index: -1;
}
.volanother .decor-4 {
  position: absolute;
  left: 42px;
  top: -65px;
  z-index: 1;
}
.volanother .item {
  z-index: 1;
}
.volanother .sect-title {
  max-width: 612px;
}
.volanother .subtitle {
  font-size: 32px;
  font-weight: bold;
}
.volanother .text {
  background-color: #fff;
  max-width: 1015px;
  padding: 60px 300px 60px 95px;
}
.volanother .descr {
  max-width: 536px;
}
.volanother .descr p {
  margin-bottom: 20px;
}
.volanother .deeds-img {
  right: -35px;
  top: 15px;
}
.volanother .item-2 .text {
  padding: 60px 95px 60px 300px;
}
.volanother .item-2 .deeds-img {
  top: -70px;
}
.volanother .item-3 .text {
  padding: 95px 300px 95px 95px;
}
.volanother .item-3 .deeds-img {
  top: 5px;
}
.volanother .item-3 .descr {
  max-width: 348px;
}
@media (max-width: 1199px) {
  .volanother .text {
    padding: 60px 300px 60px 50px;
  }
  .volanother .descr {
    max-width: 470px;
  }
  /* .deeds .item-2 .deeds-img {
    left: -43px;
  } */
  .volanother .item-2 .text {
    padding: 60px 55px 60px 300px;
  }
  .volanother {
    padding-bottom: 10px;
  }
  .volanother .item-3 .text {
    padding-left: 50px;
  }
}
@media (max-width: 991px) {
  .volanother .text,
  .volanother .item-2 .text,
  .volanother .item-3 .text {
    padding: 40px;
    max-width: 550px;
    margin-left: auto;
    margin-right: auto;
  }
  .volanother .item-3 .descr {
    max-width: 100%;
  }
  .volanother .decor-1 {
    top: 50px;
  }
  .volanother .decor-3 {
    left: 76px;
    top: -50px;
  }
  .volanother .decor-4 {
    left: 90px;
  }
}
@media (max-width: 576px) {
  .volanother .deeds-img,
  .deeds .item-2 .deeds-img,
  .deeds .item-3 .deeds-img {
    top: 0;
    left: 0;
  }
  .volanother .subtitle {
    font-size: 18px;
    margin-bottom: 60px;
  }
  .volanother .decor-1,
  .volanother .decor-2 {
    display: none;
  }
  .volanother .item-3 .text {
    margin-top: 75px;
  }
}
@media (max-width: 399px) {
  .volanother .text,
  .volanother .item-2 .text,
  .volanother .item-3 .text {
    padding: 30px 20px;
  }
}
.volmathelp {
  padding-top: 160px;
  padding-bottom: 160px;
}
.volmathelp-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.volmathelp .container {
  position: relative;
}
.volmathelp .decor {
  position: absolute;
  right: 60px;
  bottom: 0;
}
.volmathelp .sect-title {
  margin-bottom: 20px;
}
.volmathelp .subtitle {
  text-align: center;
  margin-bottom: 65px;
}
.volmathelp .item {
  width: 25%;
  padding-right: 10px;
}
.volmathelp .img-wrap {
  min-height: 170px;
}
.volmathelp .title {
  font-weight: 500;
  font-family: "Stem", sans-serif;
  margin-bottom: 15px;
}
.volmathelp ul {
  padding-left: 20px;
}
.volmathelp ul li {
  font-size: 16px;
  position: relative;
  margin-bottom: 20px;
}
.volmathelp ul li:before {
  content: "";
  width: 12px;
  height: 12px;
  background-image: url("../img/volmathelp/list.svg");
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  position: absolute;
  left: -21px;
  top: 2px;
}
.volmathelp .btn-wrap {
  text-align: center;
  margin-top: 40px;
}
@media (max-width: 1199px) {
  .volmathelp {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .volmathelp-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .volmathelp .item {
    width: 50%;
    margin-bottom: 40px;
    padding-right: 30px;
  }
  .volmathelp .btn-wrap {
    margin-top: 20px;
  }
}
@media (max-width: 576px) {
  .volmathelp-wrap {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .volmathelp .item {
    margin-inline: auto;
    padding-right: 0;
    width: 100%;
    max-width: 327px;
    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;
  }
  .volmathelp .item ul {
    width: 280px;
  }
  .volmathelp .subtitle {
    margin-bottom: 40px;
  }
  .volmathelp {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .volmathelp .btn-wrap {
    margin-top: 0;
  }
  .volmathelp .decor {
    right: 21px;
    bottom: -26px;
  }
}
.volhelpform {
  background: #daffde;
  padding-top: 160px;
  padding-bottom: 50px;
}
.volhelpform .sect-title {
  text-align: center;
  margin-bottom: 20px;
}
.volhelpform .sect-subtitle {
  margin-bottom: 80px;
  text-align: center;
}
.volhelpform .img {
  margin-top: 0;
  left: 45px;
  top: -60px;
}
.volhelpform .container {
  position: relative;
}
.volhelpform .decor-1 {
  position: absolute;
  left: 30px;
  top: -25px;
}
.volhelpform .decor-2 {
  position: absolute;
  right: 0;
  top: 20px;
}
@media (max-width: 1199px) {
  .volhelpform .img {
    left: 7px;
    top: -10px;
  }
  .volhelpform {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
@media (max-width: 991px) {
  .volhelpform .img {
    position: static;
  }
  .volhelpform .sect-subtitle {
    margin-bottom: 40px;
  }
}
@media (max-width: 576px) {
  .volhelpform {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .volhelpform .img {
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-top: 20px;
  }
  .volhelpform .decor-1,
  .volhelpform .decor-2 {
    display: none;
  }
}
.gohome {
  padding-top: 110px;
  padding-bottom: 90px;
}
.gohome .container {
  position: relative;
}
.gohome .decor {
  position: absolute;
  top: 123px;
  left: 628px;
  z-index: 2;
}
.gohome-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.gohome .text-wrap {
  position: absolute;
  right: -75px;
  top: 40px;
  z-index: 1;
}
.gohome .title {
  font-size: 30px;
  font-family: "Stem", sans-serif;
  margin-bottom: 20px;
}
.gohome .text {
  position: absolute;
  top: 130px;
  left: 77px;
}
.gohome .text p {
  font-size: 18px;
  margin-bottom: 20px;
  max-width: 386px;
}
.gohome .text .p2 {
  max-width: 306px;
}
@media (max-width: 1199px) {
  .gohome-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .gohome .img {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .gohome .text-wrap {
    position: relative;
    right: 0;
    top: 0;
    margin-bottom: 30px;
  }
  .gohome .decor {
    display: none;
  }
}
@media (max-width: 767px) {
  .gohome .img {
    position: relative;
    left: 10px;
  }
}
@media (max-width: 576px) {
  .gohome {
    padding-top: 60px;
    padding-bottom: 20px;
  }
}
@media (max-width: 499px) {
  .gohome .text-wrap {
    max-width: 380px;
  }
  .gohome .text p {
    font-size: 16px;
    max-width: 301px;
  }
  .gohome .text {
    top: 81px;
    left: 53px;
  }
  .gohome .text .p2 {
    max-width: 272px;
  }
}
@media (max-width: 399px) {
  .gohome .text-bg {
    display: none;
  }
  .gohome .text {
    position: static;
  }
  .gohome .text-wrap {
    margin-bottom: 10px;
  }
}
.chance {
  padding-top: 100px;
  padding-bottom: 140px;
}
.chance .container {
  position: relative;
}
.chance .heart-1 {
  position: absolute;
  left: 25px;
  top: 30px;
}
.chance .heart-2 {
  position: absolute;
  left: -5px;
  top: 76px;
}
.chance-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.chance .text {
  max-width: 530px;
}
.chance .sect-title {
  text-align: left;
  margin-bottom: 30px;
}
.chance p {
  font-size: 16px;
  max-width: 418px;
}
@media (max-width: 1199px) {
  .chance .heart-1 {
    left: 25px;
    top: -35px;
  }
  .chance .heart-2 {
    top: 13px;
  }
}
@media (max-width: 991px) {
  .chance-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .chance .text {
    margin-bottom: 40px;
    text-align: center;
  }
  .chance .sect-title {
    text-align: center;
  }
  .chance p {
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 576px) {
  .chance {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .chance .heart-1,
  .chance .heart-2 {
    display: none;
  }
}
@media (max-width: 399px) {
  .chance .sect-title {
    font-size: 30px;
  }
}
.preparation {
  background-color: #f6f6fc;
  padding-top: 160px;
  padding-bottom: 75px;
}
.preparation .container {
  position: relative;
}
.preparation .decor {
  position: absolute;
  top: -80px;
  left: 0;
}
.preparation-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.preparation .sect-title {
  max-width: 564px;
  margin-bottom: 20px;
}
.preparation .subtitle {
  text-align: center;
  font-size: 22px;
  font-weight: 500;
  margin-bottom: 45px;
}
.preparation .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 35px;
}
.preparation .title {
  font-size: 30px;
  font-weight: bold;
}
.preparation .text {
  margin-left: 10px;
}
.preparation .img-wrap {
  width: 80px;
}
.preparation p {
  font-size: 16px;
}
.preparation .items {
  max-width: 470px;
}
.preparation .btn {
  margin-top: 30px;
}
@media (max-width: 1199px) {
  .preparation .img {
    max-width: 538px;
  }
}
@media (max-width: 991px) {
  .preparation .decor {
    display: none;
  }
  .preparation-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .preparation .items {
    margin-bottom: 40px;
  }
  .preparation .btn {
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
}
@media (max-width: 576px) {
  .preparation {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .preparation .img {
    width: 100%;
  }
}
.family {
  background-color: #daffde;
  padding-top: 160px;
  padding-bottom: 160px;
}
.family-wrap {
  position: relative;
}
.family .text {
  max-width: 440px;
  position: absolute;
}
.family .sect-title {
  text-align: left;
  margin-bottom: 55px;
}
.family .title {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 25px;
  font-family: "Stem", sans-serif;
}
.family ul {
  padding-left: 25px;
}
.family ul li {
  position: relative;
  font-weight: 500;
  margin-bottom: 10px;
}
.family ul li:before {
  content: "";
  width: 14px;
  height: 14px;
  background-image: url(../img/volmathelp/list.svg);
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  position: absolute;
  left: -25px;
  top: 5px;
}
.family-slider {
  position: relative;
  left: 550px;
}
.family-slider img {
  margin-right: 30px;
}
.family .container {
  position: relative;
}
.family .decor {
  position: absolute;
  bottom: -76px;
  left: 340px;
}
@media (max-width: 1199px) {
  .family .text {
    position: static;
    margin-bottom: 40px;
  }
  .family-slider {
    margin-left: -15px;
    margin-right: -15px;
    left: 0;
  }
  .family-slider img {
    margin-left: 15px;
    margin-right: 15px;
  }
  .family-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .family .decor {
    display: none;
  }
}
@media (max-width: 767px) {
  .family {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
@media (max-width: 576px) {
  .family {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .family .slick-prev {
    left: 10px;
  }
  .family .slick-next {
    right: 10px;
  }
  .family .sect-title {
    margin-bottom: 40px;
  }
  .family .title {
    font-size: 20px;
  }
}
@media (max-width: 400px) {
  .family .slick-prev,
  .family .slick-next {
    top: 50%;
  }
}
.lonely {
  padding-top: 160px;
  background-color: #f6f6fc;
}
.lonely .item:nth-child(1),
.lonely .item:nth-child(2) {
  width: calc(50% - 30px);
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.lonely .item:nth-child(1) .btn img,
.lonely .item:nth-child(2) .btn img {
  display: inline-block;
}
.lonely .item:nth-child(1) .btn,
.lonely .item:nth-child(2) .btn {
  padding: 15px 14px;
}
.lonely .item:nth-child(1) .text,
.lonely .item:nth-child(2) .text {
  margin-left: 0;
  width: 100%;
}
.lonely .tab-btn-wrap {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.lonely .tab-pet {
  border-radius: 0;
  display: block;
  background-color: #e4e4eb;
  color: #949398;
  font-size: 16px;
}
.lonely .tab-pet:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.lonely .tab-pet.active {
  background-color: #27cb74;
  color: #fff;
}
/* .lonely .item[data-type="cats"] {
  display: none;
} */
.lonely .sect-title {
  max-width: 600px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}
.lonely .subtitle {
  text-align: center;
  margin-bottom: 50px;
}
.lonely .btn-wrap {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-weight: 500;
  margin-top: 40px;
}
.lonely-img-wrap {
  position: relative;
  max-width: 440px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 40px;
}
.lonely-img-wrap p {
  position: absolute;
  top: 74px;
  left: 50px;
  font-weight: 500;
  font-size: 19px;
}
.lonely-img-wrap p span {
  color: #3fed6f;
  font-weight: 700;
}
.lonely .container {
  position: relative;
}
.lonely .heart-1 {
  position: absolute;
  top: -10px;
  right: 170px;
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.lonely .heart-2 {
  position: absolute;
  top: -50px;
  right: 230px;
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.lonely .decor {
  position: absolute;
  top: 300px;
}
.lonely .decor.data-cat {
  right: 0px;
}
@media (max-width: 991px) {
  .lonely .item:nth-child(1),
  .lonely .item:nth-child(2) {
    width: 100%;
  }
  .lonely .heart-1,
  .lonely .heart-2 {
    display: none;
  }
  .lonely {
    padding-top: 80px;
  }
}
@media (max-width: 576px) {
  .lonely {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .lonely .decor {
    display: none;
  }
  .lonely-img-wrap {
    max-width: 380px;
    margin-bottom: 30px;
  }
  .lonely .tab-btn-wrap {
    margin-bottom: 30px;
  }
  .lonely .subtitle {
    margin-bottom: 40px;
  }
  .lonely-img-wrap p {
    top: 66px;
    left: 43px;
    font-size: 16px;
  }
  .main-news .item {
    width: 100%;
  }
}
@media (max-width: 399px) {
  .lonely-img-wrap {
    max-width: 300px;
  }
  .lonely-img-wrap p {
    top: 50px;
    left: 26px;
    font-size: 14px;
  }
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output,
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output,
.wpcf7 form.sent .wpcf7-response-output {
  margin: 0;
  margin-top: 10px;
  font-size: 12px;
}
.wpcf7-not-valid-tip {
  font-size: 12px;
  margin-bottom: 10px;
}
.wpcf7-spinner {
  display: none;
}
.btn-subscr {
  border: 1px solid rgba(0, 0, 0, 0.5);
  font-family: "Gilroy", sans-serif;
  border-radius: 5px;
  padding: 10px 20px;
  margin-top: 15px;
}
.popup-subscr {
  width: 900px;
  display: none;
}
.popup-subscr.active {
  display: block;
}
.popup-subscr .popup-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #fff;
}
.popup-subscr .popup-subscr-img {
  max-width: 400px;
}
.popup-subscr .title {
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 20px;
}
.popup-subscr .text {
  padding: 30px;
}
.popup-subscr p {
  margin-bottom: 15px;
  font-size: 18px;
}
.popup-subscr a {
  text-decoration: underline;
}
@media (max-width: 991px) {
  .popup-subscr .popup-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .popup-subscr {
    width: 400px;
  }
  .popup-subscr .text {
    padding: 20px;
  }
  .popup-subscr .title {
    font-size: 18px;
  }
  .popup-subscr p {
    font-size: 16px;
  }
}
@media (max-width: 576px) {
  .popup-subscr .popup-subscr-img {
    height: 300px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 400px;
  }
  .btn-subscr {
    padding: 10px;
  }
}
@media (max-width: 450px) {
  .popup-subscr {
    width: 320px;
  }
  .popup-subscr .popup-subscr-img {
    max-width: 320px;
  }
}
@media (max-width: 576px) and (max-height: 750px) {
  .popup-subscr .popup-subscr-img {
    display: none;
  }
}
.thanks {
  background-image: url("../img/thanks/bg.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  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;
  height: 100vh;
}
.thanks-wrap {
  background-color: #fff;
  width: 570px;
  padding: 50px;
  text-align: center;
  border-radius: 25px;
}
.thanks .sect-title {
  font-size: 27px;
  margin-bottom: 20px;
  font-weight: bold;
}
.thanks .subtitle {
  margin-bottom: 30px;
  font-size: 16px;
}
.thanks .title {
  margin-bottom: 25px;
  font-size: 18px;
  font-weight: 500;
  margin-left: auto;
  margin-right: auto;
}
.thanks input {
  width: 100%;
  background-color: #f1f1f1;
  padding: 10px;
  padding-left: 0;
  margin-bottom: 20px;
  padding: 17px 30px;
  border-radius: 10px;
}
.thanks input::-moz-placeholder {
  color: rgba(57, 57, 57, 0.6);
}
.thanks input::-webkit-input-placeholder {
  color: rgba(57, 57, 57, 0.6);
}
.thanks input:-ms-input-placeholder {
  color: rgba(57, 57, 57, 0.6);
}
.thanks input::-ms-input-placeholder {
  color: rgba(57, 57, 57, 0.6);
}
.thanks input::placeholder {
  color: rgba(57, 57, 57, 0.6);
}
.thanks .btn {
  width: 100%;
  border-radius: 2px;
  letter-spacing: 0.1em;
  padding: 18px 10px;
  font-weight: 500;
  border-radius: 10px;
  text-transform: uppercase;
  text-align: center;
}
.thanks .btn img {
  position: relative;
  top: -2px;
  margin-left: 10px;
}
.thanks .btn-return {
  display: none;
}
.thanks .text-success {
  display: none;
}
.thanks-email.thanks-error {
  border-color: red;
}
@media (max-width: 576px) {
  .thanks-wrap {
    width: 380px;
    padding: 25px;
  }
  .thanks .sect-title {
    font-size: 20px;
    margin-bottom: 20px;
  }
  .thanks .subtitle {
    font-size: 14px;
    margin-bottom: 20px;
  }
  .thanks .title {
    font-size: 16px;
    margin-bottom: 20px;
  }
  .thanks input {
    margin-bottom: 10px;
  }
}
@media (max-width: 380px) {
  .thanks .btn img {
    margin-left: 0px;
  }
}
.text-subscribe-success {
  display: none;
  margin-bottom: 20px;
}
.helps {
  position: relative;
  min-height: 970px;
}
.helps .bg-1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: 1;
}
.helps .bg-2 {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  max-width: 1230px;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: 3;
}
.helps .bg-3 {
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: 3;
}
.helps .container {
  position: relative;
  padding-top: 103px;
  z-index: 5;
}
.helps .sect-title {
  margin-bottom: 25px;
  font-size: 63px;
  text-align: left;
  color: #fff;
}
.helps .btn-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  margin-bottom: 30px;
}
.helps .btn-wrap .btn-wrap__location {
  display: block;
  margin-right: 18px;
  padding: 8px 10px;
  font-weight: 600;
  color: #fff;
  background-color: #35c793;
  border-radius: 32px;
  -webkit-transform: rotate(-5deg);
  -ms-transform: rotate(-5deg);
  transform: rotate(-5deg);
}
.helps .btn-wrap span {
  max-width: 445px;
  color: #fff;
}
.helps .helps-mobile-bg {
  display: none;
}
.helps .form-block {
  display: block;
  width: 100%;
  max-width: 445px;
  min-height: 617px;
  background-color: #fff;
  border-radius: 16px;
}
.helps .payment .sum-wrap {
  margin-bottom: 52px;
}
.helps .payment .title {
  margin-bottom: 16px;
  font-size: 20px;
}
.helps .payment .descr {
  display: block;
  margin-bottom: 16px;
  font-size: 16px;
  text-align: center;
}
.helps .payment .form-widget__blockimage {
  position: relative;
  display: none;
  width: 100%;
  max-width: 160px;
  margin: 0 auto 16px auto;
  padding: 24px;
  background-color: #fff;
  border-radius: 16px;
  -webkit-box-shadow: 0px 5px 50px 0px rgba(50, 42, 97, 0.1);
  box-shadow: 0px 5px 50px 0px rgba(50, 42, 97, 0.1);
}
.helps .payment .form-widget__blockimage:before {
  content: attr(data-sum) "р - " attr(data-kilo) "кг корма";
  position: absolute;
  top: -32px;
  left: 0;
  display: block;
  width: 100%;
  font-size: 16px;
  text-align: center;
  color: #949398;
}
.helps .payment .form-widget__blockimage.active {
  display: block;
}
.helps .payment .form-widget__blockimage .form-widget__blockimage-title {
  display: block;
  width: 100%;
  font-size: 16px;
  line-height: 1.4;
  text-align: center;
  color: #3e3e3e;
}
.helps .payment .form-widget__blockimage .form-widget__blockimage-title:not(:last-child) {
  margin-bottom: 8px;
}
.helps .payment .form-widget__blockimage .blockimage-img {
  display: block;
  width: 100%;
  height: 60px;
  margin: 0 auto 8px auto;
  -o-object-fit: contain;
  object-fit: contain;
}
.helps .payment .form-widget__blockimage .form-widget__blockimage-num {
  display: block;
  width: 100%;
  margin-bottom: 8px;
  font-size: 32px;
  font-weight: bold;
  text-align: center;
  color: #27cb74;
}
.street {
  position: relative;
  min-height: 1120px;
  padding-top: 148px;
}
.street .bg-1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: 1;
}
.street .container {
  position: relative;
  z-index: 5;
}
.street .street-whrite {
  position: absolute;
  font-size: 129.684px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 6.484px;
  text-transform: uppercase;
  opacity: 0.1;
  background: -o-radial-gradient(-10.64% 22.22%, 2610.1% 143.88%, rgba(217, 217, 217, 0) 0%, #d9d9d9 54.7%, rgba(217, 217, 217, 0) 100%);
  background: radial-gradient(2610.1% 143.88% at -10.64% 22.22%, rgba(217, 217, 217, 0) 0%, #d9d9d9 54.7%, rgba(217, 217, 217, 0) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-filter: blur(1.5px);
  filter: blur(1.5px);
  z-index: 3;
}
.street .street-whrite.street-whrite-01 {
  top: 60px;
  left: 440px;
}
.street .street-whrite.street-whrite-02 {
  top: 172px;
  left: 211px;
}
.street .street-whrite.street-whrite-03 {
  top: 290px;
  left: 363px;
}
.street .street-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
}
.street .sect-title {
  width: 100%;
  max-width: 540px;
  margin-bottom: 152px;
  font-size: 48px;
  text-align: left;
  color: #fff;
}
.street .descr {
  display: block;
  width: calc(100% - 545px);
  font-size: 18px;
  color: #fff;
}
.street .street-blocks {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
}
.street .street-blocks .block {
  position: relative;
  width: 100%;
  max-width: 350px;
  min-height: 482px;
  border-radius: 18px;
  overflow: hidden;
}
.street .street-blocks .block .block-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: 1;
}
.street .street-blocks .block .descr {
  position: absolute;
  left: 12px;
  bottom: 16px;
  width: calc(100% - 24px);
  font-size: 24px;
  line-height: 1.3;
  color: #fff;
  z-index: 5;
}
.street .street-blocks .block:nth-child(2) {
  margin-top: 100px;
}
.hope {
  position: relative;
  padding-top: 130px;
  padding-bottom: 108px;
  background-color: #fff;
  z-index: 5;
}
.hope .hope-bg {
  position: absolute;
  top: -40px;
  left: 50%;
  width: 1920px;
  height: 80px;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 1;
}
.hope .hope-bg-bottom {
  position: absolute;
  bottom: -45px;
  left: 50%;
  width: 1920px;
  height: 80px;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 20;
}
.hope .hope-girl-dog {
  position: absolute;
  top: 334px;
  left: 0;
  width: 100%;
  max-width: 714px;
  height: 564px;
  -o-object-fit: contain;
  object-fit: contain;
  z-index: 2;
}
.hope .hope-home {
  position: absolute;
  top: 60px;
  right: 0;
  width: 100%;
  max-width: 518px;
  height: 576px;
  -o-object-fit: contain;
  object-fit: contain;
  z-index: 2;
}
.hope-home-line {
  position: absolute;
  top: 630px;
  right: 0;
  width: 1309px;
  height: 249px;
  -o-object-fit: contain;
  object-fit: contain;
  z-index: 2;
}
.hope .hope-heart-01 {
  position: absolute;
  top: 125px;
  left: 14%;
  width: 53px;
  height: 50px;
  -o-object-fit: contain;
  object-fit: contain;
  z-index: 2;
}
.hope .hope-heart-02 {
  position: absolute;
  top: 190px;
  left: 19%;
  -o-object-fit: contain;
  object-fit: contain;
  z-index: 2;
}
.hope .hope-paw {
  position: absolute;
  top: 30px;
  left: 50%;
  width: 354px;
  height: 372px;
  -o-object-fit: contain;
  object-fit: contain;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 2;
}
.hope .container {
  position: relative;
  z-index: 10;
}
.hope .sect-title {
  font-size: 64px;
  color: #3e3e3e;
}
.hope .hope-text {
  display: block;
  width: 369px;
  height: 130px;
  margin: 0 auto 128px auto;
  -o-object-fit: contain;
  object-fit: contain;
}
.hope .descr {
  display: block;
  margin: 0 auto;
  width: 100%;
  max-width: 350px;
  font-size: 18px;
  text-align: center;
}
.ponytails {
  position: relative;
  padding-top: 112px;
  padding-bottom: 110px;
  background-color: #f6f6f6;
  z-index: 8;
}
.ponytails .ponytails-bg {
  position: absolute;
  bottom: -40px;
  left: 50%;
  width: 1920px;
  height: 80px;
  -o-object-fit: contain;
  object-fit: contain;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 2;
}
.ponytails .ponytails-bg-00 {
  position: absolute;
  z-index: 3;
}
.ponytails .ponytails-bg-00 img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.ponytails .ponytails-bg-01 {
  top: 64px;
  right: 29%;
  width: 24px;
  height: 26px;
}
.ponytails .ponytails-bg-02 {
  top: 86px;
  right: 26%;
  width: 42px;
  height: 42px;
}
.ponytails .ponytails-bg-03 {
  top: 488px;
  right: 10%;
  width: 44px;
  height: 45px;
}
.ponytails .ponytails-bg-04 {
  top: 300px;
  left: 4%;
  width: 170px;
  height: 187px;
}
.ponytails .ponytails-bg-05 {
  top: 44%;
  left: 12%;
  width: 71px;
  height: 71px;
}
.ponytails .ponytails-bg-06 {
  top: 60%;
  right: 5%;
  width: 32px;
  height: 33px;
}
.ponytails .ponytails-bg-07 {
  top: 72%;
  right: 5%;
  width: 182px;
  height: 200px;
}
.ponytails .ponytails-bg-08 {
  bottom: 130px;
  left: 8%;
  width: 32px;
  height: 33px;
}
.ponytails .ponytails-bg-09 {
  top: 310px;
  left: 0;
  z-index: 2;
}
.ponytails .ponytails-bg-10 {
  top: 532px;
  right: 0;
  z-index: 2;
}
.ponytails .container {
  position: relative;
  z-index: 5;
}
.ponytails .sect-title {
  margin-bottom: 32px;
  font-size: 48px;
  color: #3e3e3e;
}
.ponytails .descr {
  display: block;
  width: 100%;
  max-width: 490px;
  margin: 0 auto 56px auto;
  font-size: 18px;
  text-align: center;
}
.ponytails .ponytails-blocks {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  width: 100%;
}
.ponytails .block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-line-pack: justify;
  align-content: space-between;
  width: 350px;
  margin-bottom: 30px;
  padding: 16px;
  background-color: #fff;
  -webkit-box-shadow: 0px 5px 50px 0px rgba(50, 42, 97, 0.1);
  box-shadow: 0px 5px 50px 0px rgba(50, 42, 97, 0.1);
  border-radius: 16px;
}
.ponytails .block.slick-slide {
  margin-right: 16px;
}
.ponytails .block .block-notification {
  display: none;
}
.ponytails .block .block-image {
  display: block;
  width: 100%;
  margin-bottom: 16px;
}
.ponytails .block .block-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 16px;
}
.ponytails .block .block-content {
  display: block;
  width: 100%;
}
.ponytails .block .block-content .block-content__title {
  display: block;
  width: 100%;
  margin-bottom: 16px;
  color: #323232;
  font-family: "Teslic`s Document Cyr";
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4;
  text-align: center;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.ponytails .block .block-content .block-content__title:before,
.ponytails .block .block-content .block-content__title:after {
  content: "";
  display: inline-block;
  width: 23px;
  height: 23px;
  background: url("../img/mainpage/ponytails-paw-red-block.svg") center/contain no-repeat;
}
.ponytails .block .block-content .block-content__title:before {
  margin-right: 16px;
  -webkit-transform: rotate(-15deg);
  -ms-transform: rotate(-15deg);
  transform: rotate(-15deg);
}
.ponytails .block .block-content .block-content__title:after {
  margin-left: 16px;
  -webkit-transform: rotate(15deg);
  -ms-transform: rotate(15deg);
  transform: rotate(15deg);
}
.ponytails .block .block-content .block-content__announcement {
  display: block;
  width: 100%;
  margin-bottom: 16px;
  padding: 17px 16px;
  font-family: "Teslic`s Document Cyr";
  font-size: 14px;
  line-height: 1.4;
  text-align: center;
  color: #323232;
  background-color: #fef4f6;
  border-top: 2px solid #f02657;
  border-bottom: 2px solid #f02657;
  border-radius: 8px;
}
.ponytails .block .block-content .block-content__descr {
  display: block;
  width: 100%;
  margin-bottom: 16px;
  font-size: 18px;
  line-height: 1.4;
  color: #323232;
}
.ponytails .block .btn {
  width: 100%;
}
.ponytails .block.notification-active .block-notification {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  margin-bottom: 16px;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.4;
  color: #3e3e3e;
}
.ponytails .block.notification-active .block-notification img {
  width: 24px;
  height: 24px;
  margin-right: 10px;
  -o-object-fit: contain;
  object-fit: contain;
}
.ponytails .block:not(.notification-active) {
  margin-top: 41px;
}
.ponytails .block:nth-child(even) .block-content__title:before {
  background: url("../img/mainpage/ponytails-paw-gray-block.svg") center/contain no-repeat;
}
.ponytails .block:nth-child(even) .block-content__title:after {
  background: url("../img/mainpage/ponytails-paw-gray-block.svg") center/contain no-repeat;
}
.ponytails .block:nth-child(even) .block-content__announcement {
  background-color: #f6f6f6;
  border-color: #d9d9d9;
}
.ponytails .block.slick-slide img {
  display: inline-block;
}
.ponytails .ponytails-blocks__js .slick-track {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
.ponytails .block.slick-slide {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  height: inherit !important;
}
.ponytails-blocks .slick-prev,
.ponytails-blocks .slick-next {
  width: 30px;
  height: 30px;
}
.ponytails-blocks .slick-prev {
  left: -35px;
}
.ponytails-blocks .slick-next {
  right: -35px;
}
.ponytails-blocks .slick-prev:before,
.ponytails-blocks .slick-next:before {
  font-size: 30px;
  color: #ee1f59;
}

@media (min-width: 1200px) {
  .ponytails .block.block-mt-0 {
    margin-top: 0;
  }
  .ponytails .block.big {
    width: 720px;
  }
  .ponytails .block.big .block-image {
    height: 499px;
    margin-bottom: 24px;
  }
  .ponytails .block.big .block-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
  .ponytails .block.big .block-content__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    max-width: 205px;
  }
  .ponytails .block.big .block-content__title {
    height: 32px;
    margin-bottom: 24px;
  }
  .ponytails .block.big .block-content__announcement {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: calc(100% - 78px);
    margin-bottom: 24px;
  }
  .ponytails .block.big .block-content__descr {
    width: calc(100% - 225px);
  }
}
@media (max-width: 1360px) {
  .ponytails .ponytails-blocks {
    max-width: 956px;
    margin-left: auto;
    margin-right: auto;
  }
}

.prepare {
  position: relative;
  min-height: 1450px;
  padding-top: 180px;
}
.besaved-top-white {
  position: absolute;
  top: -10px;
  left: calc(50% - 1px);
  width: 1921px;
  height: 104px;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 3;
}
.prepare .prepare-bg {
  position: absolute;
  top: 0;
  left: 50%;
  width: 1920px;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 2;
}
.prepare .prepare-bg-bottom {
  position: absolute;
  bottom: -20px;
  left: 50%;
  width: 1920px;
  height: 80px;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 3;
}
.prepare .prepare-icon {
  position: absolute;
  z-index: 3;
}
.prepare .prepare-icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.prepare .prepare-icon-01 {
  top: 362px;
  left: 29.5%;
}
.prepare .prepare-icon-02 {
  top: 456px;
  left: 22%;
}
.prepare .prepare-icon-03 {
  top: 456px;
  left: 34%;
}
.prepare .prepare-icon-04 {
  top: 524px;
  right: 24%;
}
.prepare .prepare-icon-05 {
  top: 647px;
  right: 37%;
}
.prepare .prepare-quote {
  position: absolute;
  top: 670px;
  left: 156px;
  width: 207px;
  height: 185px;
  -o-object-fit: contain;
  object-fit: contain;
  z-index: 2;
}
.prepare .prepare-cat {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 462px;
  height: 684px;
  -o-object-fit: contain;
  object-fit: contain;
  z-index: 2;
}
.prepare .container {
  position: relative;
  z-index: 5;
}
.prepare .prepare-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
}
.prepare .sect-title {
  display: block;
  max-width: 760px;
  margin: 0;
  margin-right: 90px;
  margin-bottom: 56px;
  font-size: 48px;
  line-height: 1.3;
  text-align: left;
  color: #fff;
}
.prepare .container .prepare-wrap > .descr {
  display: block;
  font-weight: 700;
  font-size: 26px;
  line-height: 1.5;
  color: #9ce7d7;
}
.prepare .container .prepare-wrap > .descr span {
  font-weight: 400;
}
.prepare .prepare-block1 {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  margin-left: 368px;
  z-index: 3;
}
.prepare .prepare-block1 .prepare-block1_image {
  position: relative;
  display: block;
  width: 281px;
  height: 281px;
  z-index: 5;
}
.prepare .prepare-block1 .prepare-block1_image:before {
  content: "1";
  position: absolute;
  top: 12px;
  left: 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 48px;
  height: 48px;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
  color: #35c793;
  background-color: #fff;
  border-radius: 100px;
  border: 3px solid #35c793;
}
.prepare .prepare-block1 .prepare-block1_image img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.prepare .prepare-block1 .prepare-block1__content {
  position: relative;
  display: block;
  width: 347px;
  margin-left: -32px;
  padding: 24px;
  background-color: #fff;
  border-radius: 16px;
  z-index: 2;
  overflow: hidden;
}
.prepare .prepare-block1 .prepare-block1__content:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 102px;
  height: 102px;
  background: url("../img/mainpage/prepare-block1-paw.svg") center/contain no-repeat;
  z-index: 1;
}
.prepare .prepare-block2 {
  max-width: 403px;
  margin-top: -80px;
}
.prepare .prepare-block2 .prepare-block2__image {
  position: relative;
  display: block;
  width: 403px;
  height: 350px;
}
.prepare .prepare-block2 .prepare-block2__image:before {
  content: "2";
  position: absolute;
  top: -16px;
  left: 145px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 48px;
  height: 48px;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
  color: #35c793;
  background-color: #fff;
  border-radius: 100px;
  border: 3px solid #35c793;
}
.prepare .prepare-block2 .prepare-block2__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.prepare .prepare-block2 .prepare-block2__content {
  max-width: 350px;
  margin-top: -13px;
  padding: 24px;
  background-color: #019071;
  border-radius: 16px;
}
.prepare .prepare-block2 .prepare-block2__content .content-title,
.prepare .prepare-block2 .prepare-block2__content .content-descr {
  color: #fff;
}
.prepare .prepare-block3 {
  position: relative;
  width: 100%;
  max-width: 445px;
  z-index: 8;
}
.prepare .prepare-block3 .prepare-block3__image {
  position: relative;
  display: block;
  width: 100%;
  height: 462px;
  z-index: 2;
}
.prepare .prepare-block3 .prepare-block3__image:before {
  content: "3";
  position: absolute;
  top: 42px;
  left: 82px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 48px;
  height: 48px;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
  color: #35c793;
  background-color: #fff;
  border-radius: 100px;
  border: 3px solid #35c793;
}
.prepare .prepare-block3 .prepare-block3__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.prepare .prepare-block3 .prepare-block3__content {
  position: relative;
  width: 100%;
  max-width: 350px;
  margin-top: -110px;
  padding: 24px 50px 24px 24px;
  background-color: #fff;
  border-radius: 16px;
  z-index: 5;
}
.prepare .prepare-block3 .prepare-block3__content:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 155px;
  height: 150px;
  background: url("../img/mainpage/prepare-paw-03.svg") center/contain no-repeat;
  z-index: 1;
}
.prepare .prepare-block4 {
  position: absolute;
  top: 470px;
  right: -42px;
  max-width: 310px;
  z-index: 6;
}
.prepare .prepare-block4 .prepare-block4__image {
  position: relative;
  display: block;
  width: 299px;
  height: 297px;
  z-index: 2;
}
.prepare .prepare-block4 .prepare-block4__image:before {
  content: "4";
  position: absolute;
  top: 100px;
  left: -15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 48px;
  height: 48px;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
  color: #35c793;
  background-color: #fff;
  border-radius: 100px;
  border: 3px solid #35c793;
}
.prepare .prepare-block4 .prepare-block4__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.prepare .prepare-block4 .prepare-block4__content {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
  max-width: 360px;
  margin-top: -84px;
  padding: 24px;
  background-color: #019071;
  border-radius: 16px;
  z-index: 5;
}
.prepare .prepare-block4 .prepare-block4__content:before {
  content: "";
  display: inline-block;
  width: 70px;
  height: 70px;
  background: url("../img/mainpage/prepare-paw-04.svg") center/contain no-repeat;
  z-index: 1;
}
.prepare .prepare-block4 .prepare-block4__content .content-title,
.prepare .prepare-block4 .prepare-block4__content .content-descr {
  color: #fff;
}
.prepare .prepare-block4 .prepare-block4__content .content-title {
  width: calc(100% - 72px);
  padding-left: 10px;
}
.prepare .content-title {
  position: relative;
  display: block;
  width: 100%;
  margin-bottom: 8px;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
  color: #3e3e3e;
  z-index: 5;
}
.prepare .content-descr {
  position: relative;
  display: block;
  width: 100%;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  color: #3e3e3e;
  z-index: 5;
}
.besaved {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  min-height: 848px;
  padding-top: 160px;
  padding-bottom: 110px;
}
.besaved .besaved-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: 2;
}
.besaved .container {
  position: relative;
  z-index: 25;
}
.besaved .besaved-quote {
  display: none;
  position: absolute;
  top: 100px;
  left: 510px;
  -o-object-fit: contain;
  object-fit: contain;
  z-index: 20;
}
.besaved .besaved-paw-01 {
  position: absolute;
  top: 140px;
  right: 18%;
  width: 65px;
  height: 72px;
}
.besaved .besaved-paw-02 {
  position: absolute;
  top: 110px;
  right: 10%;
  width: 38px;
  height: 42px;
}
.besaved .besaved-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
}
.besaved .besaved-wrap > .descr {
  display: block;
  width: 100%;
  max-width: calc(100% - 540px);
  margin-top: 20px;
  margin-right: -40px;
  font-size: 18px;
  line-height: 1.3;
  color: #fff;
}
.besaved .sect-title {
  display: block;
  width: 100%;
  max-width: 580px;
  margin: 0 0 60px 0;
  font-size: 42px;
  line-height: 1.3;
  text-align: left;
  color: #fff;
}
.besaved .besaved-line {
  display: block;
  width: 100%;
  height: 1px;
  opacity: 0;
}
.besaved .payment {
  position: relative;
  z-index: 8;
}
.besaved .payment:before {
  content: "";
  position: absolute;
  top: -12px;
  left: 50%;
  width: 275px;
  height: 24px;
  background: url("../img/mainpage/besaved-paws-03.svg") center/contain no-repeat;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.besaved .payment:after {
  content: "";
  position: absolute;
  top: -48px;
  left: 50%;
  width: 136px;
  height: 48px;
  background: url("../img/mainpage/besaved-cat-04.svg") center/contain no-repeat;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.besaved .payment .title {
  margin-bottom: 16px;
}
.besaved .payment .descr {
  display: block;
  width: 100%;
  margin-bottom: 30px;
  font-size: 18px;
  text-align: center;
}
.besaved .besaved-slider {
  position: relative;
  width: calc(50vw + 40px);
  margin-left: 20px;
  z-index: 15;
}
.besaved .besaved-slider .besaved-slide {
  position: relative;
  height: 449px;
  margin-right: 30px;
}
.besaved .besaved-slider .besaved-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.besaved .besaved-slider .besaved-slide span {
  position: absolute;
  bottom: 24px;
  left: 24px;
  display: block;
  width: calc(100% - 30px);
  font-size: 18px;
  color: #fff;
  z-index: 10;
}
.besaved .besaved-slider .besaved-slide:nth-child(odd) span {
  bottom: 82px;
  left: 91px;
  width: calc(100% - 95px);
}
.besaved .besaved-slider-arrow {
  position: absolute;
  z-index: 20;
}
.besaved .besaved-slider-prev {
  top: 225px;
  right: 20px;
  width: 48px;
  height: 48px;
}
.besaved .besaved-slider-next {
  top: 206px;
  right: -80px;
}
.threeyears {
  position: relative;
  padding-top: 65px;
  padding-bottom: 270px;
  background-color: #fff;
  z-index: 30;
}
.threeyears .threeyears-bg-top {
  position: absolute;
  top: -40px;
  left: 50%;
  width: 1920px;
  height: 80px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 2;
}
.threeyears .threeyears-01 {
  position: absolute;
  top: -40px;
  right: 170px;
  width: 22px;
  height: 23px;
  z-index: 12;
}
.threeyears .threeyears-02 {
  position: absolute;
  top: -20px;
  right: 110px;
  width: 41px;
  height: 42px;
  z-index: 12;
}
.threeyears .threeyears-03 {
  position: absolute;
  top: 150px;
  right: -155px;
  width: 65px;
  height: 71px;
  z-index: 4;
}
.threeyears .threeyears-04 {
  position: absolute;
  top: 150px;
  left: 280px;
  width: 38px;
  height: 41px;
  z-index: 4;
}
.threeyears .threeyears-05 {
  position: absolute;
  top: 390px;
  left: -100px;
  width: 65px;
  height: 71px;
  z-index: 4;
}
.threeyears .threeyears-06 {
  position: absolute;
  top: 670px;
  right: 230px;
  width: 38px;
  height: 41px;
  z-index: 4;
}
.threeyears .container {
  position: relative;
  z-index: 5;
}
.threeyears .threeyears-wrap {
  position: relative;
  width: 100%;
}
.threeyears .threeyears-block1 {
  position: absolute;
  top: 130px;
  left: -70px;
  width: 430px;
  height: 430px;
}
.threeyears .threeyears-block1 .threeyears-block1-01 {
  position: relative;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  z-index: 5;
}
.threeyears .threeyears-block1 .threeyears-block1-02 {
  position: absolute;
  right: 0;
  bottom: -30px;
  width: 179px;
  height: 184px;
  -o-object-fit: contain;
  object-fit: contain;
  z-index: 3;
}
.threeyears .threeyears-block2 {
  position: absolute;
  top: 45px;
  right: -235px;
  width: 554px;
  height: 554px;
}
.threeyears .threeyears-block2 .threeyears-block2-01 {
  position: relative;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  z-index: 5;
}
.threeyears .threeyears-block2 .threeyears-block2-02 {
  position: absolute;
  left: 0;
  bottom: -30px;
  width: 236px;
  height: 235px;
  -o-object-fit: contain;
  object-fit: contain;
  z-index: 8;
}
.threeyears .threeyears-block3 {
  position: absolute;
  top: 480px;
  left: -250px;
  width: 552px;
  height: 545px;
}
.threeyears .threeyears-block3 .threeyears-block3-01 {
  position: relative;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  z-index: 5;
}
.threeyears .threeyears-block3 .threeyears-block3-02 {
  position: absolute;
  right: -15px;
  bottom: -30px;
  width: 255px;
  height: 224px;
  -o-object-fit: contain;
  object-fit: contain;
  z-index: 8;
}
.threeyears .threeyears-block4 {
  position: absolute;
  top: 610px;
  right: -95px;
  width: 321px;
  height: 342px;
}
.threeyears .threeyears-block4 .threeyears-block4-01 {
  position: relative;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  z-index: 5;
}
.threeyears .threeyears-block4 .threeyears-block4-02 {
  position: absolute;
  left: -85px;
  bottom: -50px;
  width: 184px;
  height: 182px;
  -o-object-fit: contain;
  object-fit: contain;
  z-index: 3;
}
.threeyears .sect-title {
  display: block;
  width: 100%;
  max-width: 700px;
  margin: 0 auto 100px;
  font-size: 48px;
  color: #3e3e3e;
}
.threeyears .descr {
  display: block;
  width: 100%;
  margin-bottom: 32px;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  color: #3e3e3e;
}
.threeyears .threeyears-line {
  position: relative;
  display: block;
  width: 100%;
  height: 1px;
  margin-top: 77px;
  margin-bottom: 90px;
}
.threeyears .threeyears-line:before {
  content: "";
  position: absolute;
  left: 50%;
  width: 350px;
  height: 1px;
  background-color: #d9d9d9;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.threeyears .item {
  display: block;
  width: 100%;
  font-size: 88px;
  font-weight: bold;
  text-align: center;
  color: #35c793;
}
.threeyears .item:after {
  content: "";
  display: inline-block;
  margin-left: 6px;
}
.threeyears .item.item-dog:after {
  width: 61px;
  height: 61px;
  background: url("../img/mainpage/dog.png") center/contain no-repeat;
}
.threeyears .item.item-cat:after {
  width: 52px;
  height: 64px;
  background: url("../img/mainpage/cat.png") center/contain no-repeat;
}
.threeyears .item.item-dog-home:after {
  width: 72px;
  height: 87px;
  background: url("../img/mainpage/dog-home.png") center/contain no-repeat;
}
.threeyears .item.item-cat-home:after {
  width: 63px;
  height: 82px;
  background: url("../img/mainpage/cat-home.png") center/contain no-repeat;
}
.conditions {
  position: relative;
  padding-top: 0px;
  padding-bottom: 100px;
  z-index: 40;
}
.conditions .conditions-bg-top {
  position: absolute;
  top: -40px;
  left: 50%;
  width: 1920px;
  height: 80px;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 2;
}
.conditions .container {
  position: relative;
  z-index: 10;
}
.conditions .conditions-01 {
  position: absolute;
  top: 50px;
  left: 680px;
  width: 36px;
  height: 34px;
  z-index: 20;
  opacity: 0.6;
}
.conditions .conditions-02 {
  position: absolute;
  top: -30px;
  right: 200px;
  width: 65px;
  height: 65px;
  z-index: 20;
}
.conditions .conditions-03 {
  position: absolute;
  bottom: 100px;
  left: -200px;
  width: 113px;
  height: 123px;
  z-index: 2;
}
.conditions .conditions-04 {
  position: absolute;
  right: 0;
  bottom: 190px;
  width: 163px;
  height: 240px;
  opacity: 0.6;
  z-index: 2;
}
.conditions .conditions-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
}
.conditions .conditions-wrap > .sect-title {
  display: none;
}
.conditions .conditions-image {
  position: relative;
  display: block;
  width: 540px;
}
.conditions .conditions-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 16px;
}
.conditions .conditions-image:before {
  content: "";
  position: absolute;
  top: 158px;
  right: -108px;
  width: 462px;
  height: 456px;
  background: url("../img/mainpage/conditions-img-02.png") center/contain no-repeat;
  z-index: 5;
}
.conditions .conditions-image:after {
  content: "";
  position: absolute;
  bottom: -155px;
  left: 40px;
  width: 196px;
  height: 165px;
  background: url("../img/mainpage/conditions-quote.svg") center/contain no-repeat;
  z-index: 10;
}
.conditions .conditions-content {
  display: block;
  width: 100%;
  max-width: 445px;
  padding-top: 180px;
}
.conditions .sect-title {
  display: block;
  width: 100%;
  margin: 0 0 24px 0;
  text-align: left;
  font-size: 48px;
  font-weight: bold;
  color: #3e3e3e;
}
.conditions .descr {
  display: block;
  width: 100%;
  margin-bottom: 24px;
  font-weight: normal;
  font-size: 18px;
  color: #3e3e3e;
}
.conditions .conditions-items {
  display: block;
  width: 100%;
  padding: 24px;
  background-color: #f6f6f6;
  border-radius: 16px;
}
.conditions .conditions-items .conditions-item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  font-weight: bold;
  font-size: 18px;
  color: #3e3e3e;
}
.conditions .conditions-items .conditions-item:before {
  content: "";
  display: inline-block;
  width: 32px;
  height: 32px;
  margin-right: 16px;
}
.conditions .conditions-items .conditions-item.conditions-item-01:before {
  background: url("../img/mainpage/conditions-icon-01.svg") center/contain no-repeat;
}
.conditions .conditions-items .conditions-item.conditions-item-02:before {
  background: url("../img/mainpage/conditions-icon-02.svg") center/contain no-repeat;
}
.conditions .conditions-items .conditions-item.conditions-item-03:before {
  background: url("../img/mainpage/conditions-icon-03.svg") center/contain no-repeat;
}
.conditions .conditions-items .conditions-item.conditions-item-04:before {
  background: url("../img/mainpage/conditions-icon-04.svg") center/contain no-repeat;
}
.conditions .conditions-items .conditions-item:not(:last-child) {
  margin-bottom: 16px;
}
.homelesspets {
  position: relative;
  padding-top: 110px;
  padding-bottom: 60px;
  background-color: #f6f6f6;
  z-index: 50;
}
.homelesspets .homelesspets-bg-top {
  position: absolute;
  top: -40px;
  left: 50%;
  width: 1920px;
  height: 80px;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 2;
}
.homelesspets .container {
  position: relative;
  z-index: 5;
}
.homelesspets .sect-title {
  margin: 0 0 32px 0;
  font-size: 48px;
  color: #3e3e3e;
}
.homelesspets .descr {
  display: block;
  width: 100%;
  margin-bottom: 72px;
  font-size: 18px;
  text-align: center;
  color: #3e3e3e;
}
.homelesspets .homelesspets-blocks {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
  gap: 20px;
  width: calc(100% + 20px);
  margin-bottom: 70px;
  margin-left: -10px;
}
.homelesspets .homelesspets-blocks .homelesspets-block {
  display: inline-block;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  max-width: 200px;
}
.homelesspets .homelesspets-blocks .homelesspets-block .homelesspets-block__img {
  display: block;
  width: 138px;
  height: 145px;
  margin-bottom: 8px;
}
.homelesspets .homelesspets-blocks .homelesspets-block .homelesspets-block__title {
  display: block;
  width: 100%;
  margin-bottom: 8px;
  font-weight: bold;
  font-size: 20px;
  color: #3e3e3e;
}
.homelesspets .homelesspets-blocks .homelesspets-block .homelesspets-block__descr {
  display: block;
  width: 100%;
  font-weight: 300;
  font-size: 14px;
  color: #3e3e3e;
}
.homelesspets .btn {
  display: block;
  margin: 0 auto;
}
.fluffies {
  position: relative;
  padding-top: 110px;
  padding-bottom: 140px;
  background-color: #f6f6f6;
  z-index: 55;
}
.fluffies .fluffies-bg-top {
  position: absolute;
  top: -40px;
  left: 50%;
  width: 1920px;
  height: 80px;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 2;
}
.fluffies .container {
  position: relative;
  z-index: 5;
}
.fluffies .fluffies-wrap {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: calc(100% + 130px);
  margin-left: -65px;
}
.fluffies .fluffies-wrap > .sect-title {
  display: none;
}
.fluffies .fluffies-01 {
  position: absolute;
  top: -50px;
  left: 440px;
  width: 36px;
  height: 34px;
  z-index: 5;
}
.fluffies .fluffies-02 {
  position: absolute;
  top: -20px;
  left: 480px;
  width: 43px;
  height: 40px;
  z-index: 5;
}
.fluffies .fluffies-03 {
  position: absolute;
  top: 255px;
  left: 0;
  width: 183px;
  height: 240px;
  z-index: 2;
}
.fluffies .fluffies-04 {
  position: absolute;
  top: 360px;
  right: 50px;
  width: 112px;
  height: 123px;
  z-index: 2;
}
.fluffies .fluffies-content {
  display: block;
  width: 100%;
  max-width: 640px;
}
.fluffies .fluffies-image {
  position: relative;
  display: block;
  width: 100%;
  max-width: 540px;
}
.fluffies .sect-title {
  display: block;
  width: 100%;
  margin: 0 0 32px 0;
  font-size: 46px;
  text-align: left;
  color: #3e3e3e;
}
.fluffies .fluffies-image-img {
  position: relative;
  display: block;
  width: 100%;
  height: 382px;
  border-radius: 16px;
  z-index: 2;
}
.fluffies .fluffies-image:before {
  content: "";
  position: absolute;
  bottom: -245px;
  left: -200px;
  width: 462px;
  height: 456px;
  background: url("../img/mainpage/fluffies-img-02.png") center/contain no-repeat;
  z-index: 5;
}
.fluffies .fluffies-image:after {
  content: "";
  position: absolute;
  bottom: -170px;
  left: 200px;
  width: 222px;
  height: 187px;
  background: url("../img/mainpage/fluffies-quote.svg") center/contain no-repeat;
  z-index: 8;
}
.fluffies .fluffies-block {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
  max-width: 415px;
  margin-bottom: 32px;
  padding: 48px 32px 62px 32px;
  background: url("../img/mainpage/fluffies-text-block.svg") center/cover no-repeat;
  border-radius: 16px;
}
.fluffies .fluffies-block span {
  position: relative;
  z-index: 5;
}
.fluffies .fluffies-block .fluffies-block__title {
  display: block;
  width: 100%;
  margin-bottom: 16px;
  font-weight: bold;
  font-size: 17px;
  color: #fff;
}
.fluffies .fluffies-block .fluffies-block__descr {
  display: block;
  margin-top: 30px;
  font-weight: bold;
  font-size: 24px;
  color: #fff;
}
.fluffies .fluffies-block .fluffies-block__num {
  position: relative;
  display: block;
  font-weight: bold;
  font-size: 72px;
  color: #fff;
}
.fluffies .fluffies-block .fluffies-block__num:after {
  content: "животных";
  position: absolute;
  bottom: -16px;
  left: 0;
  font-weight: normal;
  font-size: 18px;
  color: #fff;
}
.fluffies .descr {
  display: block;
  width: 100%;
  max-width: 385px;
  font-weight: bold;
  font-size: 18px;
  color: #323232;
}
.permonth {
  position: relative;
  padding: 120px 0;
  background-color: #35c793;
  z-index: 60;
}
@media (max-width: 767px) {
  .permonth {
    padding: 48px 0 100px;
  }
}
.permonth .permonth-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: 1;
}
.permonth .permonth-bg-top {
  position: absolute;
  top: -20px;
  left: 50%;
  width: 1920px;
  height: 103px;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 2;
}
.permonth-bg-bottom {
  position: absolute;
  bottom: -10px;
  left: 50%;
  width: 1920px;
  height: 103px;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 2;
}
.permonth .container {
  position: relative;
  z-index: 5;
}
.permonth .permonth-01 {
  position: absolute;
  top: 145px;
  right: 40px;
  width: 28px;
  height: 29px;
  -o-object-fit: contain;
  object-fit: contain;
  z-index: 10;
}
.permonth .permonth-02 {
  position: absolute;
  top: 205px;
  right: 70px;
  width: 22px;
  height: 23px;
  -o-object-fit: contain;
  object-fit: contain;
  z-index: 10;
}
.permonth .permonth-wrap {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
}
.permonth .permonth-wrap > .sect-title,
.permonth .permonth-wrap > .descr {
  display: none;
}
.permonth .permonth-form {
  position: relative;
  display: block;
  width: 100%;
  max-width: 445px;
}
.permonth .permonth-form:after {
  content: "";
  position: absolute;
  top: -80px;
  right: -60px;
  width: 200px;
  height: 176px;
  background: url("../img/criticalcondition/permonth-quote-new.svg") center/contain no-repeat;
  z-index: 12;
}
.permonth .permonth-content {
  display: block;
  width: 100%;
  max-width: 540px;
  margin-top: -25px;
}
.permonth .sect-title {
  display: block;
  width: 100%;
  margin: 0 0 16px 0;
  font-size: 48px;
  text-align: left;
  color: #fff;
}
.permonth .descr {
  display: block;
  width: 100%;
  margin-bottom: 32px;
  font-weight: 300;
  font-size: 18px;
  color: #fff;
}
.permonth .descr-bold {
  display: block;
  width: 100%;
  margin-bottom: 30px;
  font-weight: bold;
  font-size: 22px;
  color: #fff;
}
.permonth .payment {
  padding: 30px;
}
.permonth .permonth-form__img {
  display: block;
  width: 100%;
  height: 269px;
  margin-bottom: 16px;
  border-radius: 16px;
}
.permonth .permonth-form__descr {
  display: block;
  width: 100%;
  margin-bottom: 30px;
  font-size: 18px;
  text-align: center;
  color: #323232;
}
.permonth .permonth-blocks {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  width: 100%;
}
.permonth .permonth-block {
  position: relative;
  display: block;
  width: 255px;
  padding: 22px;
  font-weight: bold;
  font-size: 18px;
  border-radius: 16px;
}
.permonth .permonth-block:before {
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 24px;
  height: 24px;
  margin-bottom: 16px;
  font-weight: normal;
  font-size: 14px;
  border-radius: 100px;
}
.permonth .permonth-block:after {
  content: "";
  position: absolute;
  right: 0;
  z-index: 1;
}
.permonth .permonth-block:nth-child(1) {
  color: #fff;
  background-color: #019071;
}
.permonth .permonth-block:nth-child(1):before {
  content: "1";
  color: #019071;
  background-color: #fff;
}
.permonth .permonth-block:nth-child(1):after {
  bottom: 10px;
  width: 70px;
  height: 121px;
  background: url("../img/mainpage/permonth-block-01.svg") center/contain no-repeat;
}
.permonth .permonth-block:nth-child(2) {
  color: #019071;
  background-color: #ffffff;
}
.permonth .permonth-block:nth-child(2):before {
  content: "2";
  color: #fff;
  background-color: #019071;
}
.permonth .permonth-block:nth-child(2):after {
  top: 65%;
  right: -22px;
  width: 43px;
  height: 37px;
  background: url("../img/mainpage/permonth-03.svg") center/contain no-repeat;
}
.permonth .permonth-block:nth-child(3) {
  width: 100%;
  color: #019071;
  background-color: #c3ffd4;
}
.permonth .permonth-block:nth-child(3):before {
  content: "3";
  color: #fff;
  background-color: #019071;
}
.permonth .permonth-block:nth-child(3):after {
  top: 0;
  width: 70px;
  height: 121px;
  background: url("../img/mainpage/permonth-block-03.svg") center/contain no-repeat;
}
.permonth .permonth-block:not(:last-child) {
  margin-bottom: 30px;
}
@media (max-width: 1750px) {
  .prepare .prepare-quote {
    left: 70px;
  }
  .prepare .prepare-cat {
    left: -75px;
  }
  .prepare .prepare-icon-01 {
    left: 26%;
  }
  .prepare .prepare-icon-02 {
    left: 16%;
  }
  .prepare .prepare-icon-03 {
    left: 32%;
  }
  .prepare .prepare-icon-04 {
    right: 22%;
  }
  .prepare .prepare-icon-05 {
    right: 34%;
  }
}
@media (max-width: 1599px) {
  .hope .hope-girl-dog {
    max-width: 614px;
    height: 464px;
  }
  .hope .hope-home {
    top: 120px;
    max-width: 458px;
    height: 516px;
  }
  .hope .hope-heart-01 {
    left: 13%;
  }
  .conditions .conditions-03 {
    left: -100px;
  }
  .conditions .conditions-04 {
    width: 143px;
    height: 220px;
  }
  .ponytails .ponytails-bg-01 {
    right: 14%;
  }
  .ponytails .ponytails-bg-02 {
    right: 10%;
  }
  .prepare .prepare-icon-01 {
    left: 21%;
  }
  .prepare .prepare-icon-02 {
    left: 10%;
  }
  .prepare .prepare-icon-03 {
    left: 30%;
  }
  .prepare .prepare-icon-04 {
    right: 17%;
  }
  .prepare .prepare-icon-05 {
    right: 30%;
  }
  .prepare .prepare-quote {
    left: -35px;
  }
  .prepare .prepare-cat {
    left: -175px;
  }
}
@media (max-width: 1360px) {
  .hope .hope-girl-dog {
    max-width: 514px;
    height: 364px;
  }
  .hope .hope-home {
    top: 150px;
    max-width: 408px;
    height: 466px;
  }
  .hope .hope-paw {
    width: 300px;
    height: 300px;
  }
  .hope .hope-heart-01 {
    left: 12%;
  }
  .conditions .conditions-content {
    padding-top: 140px;
  }
  .ponytails {
    padding-top: 80px;
    padding-bottom: 70px;
  }
  .ponytails .ponytails-bg-01 {
    right: 8%;
  }
  .ponytails .ponytails-bg-02 {
    right: 2%;
  }
  .ponytails .ponytails-bg-03 {
    top: 408px;
    right: 2%;
  }
  .ponytails .ponytails-bg-04 {
    top: 250px;
    left: 2%;
  }
  .ponytails .ponytails-bg-05,
  .ponytails .ponytails-bg-07,
  .ponytails .ponytails-bg-09,
  .ponytails .ponytails-bg-10 {
    display: none;
  }
  .ponytails .ponytails-bg-06 {
    top: 55%;
    right: 1%;
  }
  .ponytails .ponytails-bg-08 {
    bottom: 30px;
  }
  .ponytails .block {
    width: 308px;
  }
  .ponytails .block .block-content .block-content__title {
    font-size: 20px;
  }
  .prepare .prepare-icon-01 {
    left: 18%;
  }
  .prepare .prepare-icon-02 {
    left: 5%;
  }
  .prepare .prepare-icon-03 {
    left: 25%;
  }
  .prepare .prepare-icon-04 {
    right: 13%;
  }
  .prepare .prepare-icon-05 {
    right: 28%;
  }
  .prepare .prepare-quote {
    left: -110px;
  }
  .prepare .prepare-cat {
    left: -250px;
  }
  .fluffies .fluffies-04 {
    top: auto;
    right: -20px;
    bottom: 100px;
  }
  .fluffies .fluffies-wrap {
    width: calc(100% + 80px);
    margin-left: -40px;
  }
  .fluffies .fluffies-content {
    max-width: 610px;
  }
  .fluffies .sect-title {
    font-size: 42px;
  }
}
@media (max-width: 1199px) {
  .street .street-blocks {
    margin-bottom: 58px;
    padding-inline: 6%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .street .street-blocks .block:nth-child(2) {
    margin-top: 250px;
  }
  .street .street-whrite.street-whrite-01 {
    top: 190px;
    left: 75px;
  }
  .street .street-whrite.street-whrite-02 {
    top: 435px;
    left: auto;
    right: 35px;
  }
  .street .street-whrite.street-whrite-03 {
    top: 920px;
    left: 75px;
  }
  .hope {
    padding-top: 100px;
  }
  .hope-home-line {
    top: 610px;
    width: 609px;
    height: 130px;
  }
  .hope .hope-heart-01 {
    top: 100px;
    left: 6%;
  }
  .hope .hope-heart-02 {
    top: 140px;
    left: 11%;
  }
  .hope .hope-girl-dog {
    top: 345px;
    left: -60px;
    max-width: 420px;
    height: 320px;
  }
  .hope .hope-home {
    right: -50px;
  }
  .ponytails .sect-title {
    font-size: 44px;
  }
  .ponytails .block.slick-slide {
    margin-right: 8px;
  }
  .prepare {
    padding-bottom: 40px;
  }
  .prepare .prepare-icon-04 {
    right: 2%;
  }
  .prepare .prepare-icon-05 {
    right: 12%;
  }
  .prepare .prepare-block1 {
    margin-left: 330px;
  }
  .prepare .prepare-block4 {
    position: relative;
    top: auto;
    right: auto;
    margin: -75px 0 0 auto;
    z-index: 9;
  }
  .prepare .prepare-quote {
    top: auto;
    bottom: 370px;
    left: 40px;
  }
  .prepare .prepare-cat {
    left: -50px;
    width: 300px;
    height: 450px;
  }
  .besaved .besaved-quote {
    top: 170px;
    left: 450px;
  }
  .besaved .sect-title {
    max-width: 100%;
    margin-bottom: 20px;
  }
  .besaved .besaved-wrap > .descr {
    max-width: 100%;
    margin-right: 0;
    margin-bottom: 90px;
  }
  .besaved .besaved-slider {
    width: calc(50vw + 20px);
  }
  .besaved .besaved-slider-prev {
    right: 130px;
  }
  .besaved .besaved-slider-next {
    right: 10px;
  }
  .threeyears {
    padding-bottom: 170px;
  }
  .threeyears .threeyears-01 {
    right: 100px;
  }
  .threeyears .threeyears-02 {
    right: 40px;
  }
  .threeyears .threeyears-04 {
    left: 210px;
  }
  .conditions {
    padding-top: 100px;
  }
  .conditions .conditions-01 {
    top: 190px;
    left: 40px;
  }
  .conditions .conditions-02 {
    top: 230px;
    left: 80px;
  }
  .conditions .conditions-03 {
    top: 46%;
    left: -40px;
  }
  .conditions .conditions-04 {
    bottom: 490px;
  }
  .conditions .conditions-wrap {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .conditions .conditions-wrap > .sect-title {
    display: block;
    margin-bottom: 40px;
    text-align: center;
  }
  .conditions .conditions-image {
    margin-bottom: 220px;
  }
  .conditions .conditions-content {
    max-width: 100%;
    padding-top: 0;
  }
  .conditions .conditions-content .sect-title,
  .conditions .conditions-content .descr br {
    display: none;
  }
  .homelesspets {
    padding-top: 80px;
  }
  .fluffies .fluffies-01 {
    top: -80px;
    right: 80px;
    left: auto;
  }
  .fluffies .fluffies-02 {
    top: -40px;
    right: 30px;
    left: auto;
  }
  .fluffies .fluffies-03 {
    top: 56%;
  }
  .fluffies .fluffies-04 {
    right: 80px;
    bottom: 34%;
  }
  .fluffies .fluffies-wrap {
    width: 100%;
    margin-left: 0;
  }
  .fluffies .fluffies-wrap > .sect-title {
    display: block;
  }
  .fluffies .fluffies-wrap > .sect-title br {
    display: none;
  }
  .fluffies .fluffies-content {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    max-width: 100%;
  }
  .fluffies .fluffies-content .sect-title {
    display: none;
  }
  .fluffies .fluffies-image {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin: 0 auto 150px auto;
  }
  .fluffies .fluffies-image:before {
    bottom: -170px;
    width: 402px;
    height: 396px;
  }
  .fluffies .fluffies-image:after {
    right: -140px;
    bottom: 115px;
    left: auto;
  }
  .fluffies .fluffies-block {
    margin: 0 auto 30px auto;
  }
  .fluffies .descr {
    max-width: 470px;
    margin: 0 auto;
  }
  .permonth .permonth-content {
    max-width: 445px;
    margin-top: 10px;
  }
  .permonth .sect-title {
    font-size: 38px;
  }
  .permonth .descr {
    margin-bottom: 25px;
    font-size: 17px;
  }
  .permonth .descr-bold {
    margin-bottom: 20px;
    font-size: 20px;
  }
  .permonth .permonth-block {
    width: 100%;
  }
  .permonth .permonth-block:not(:last-child) {
    margin-bottom: 12px;
  }
  .permonth .permonth-01 {
    top: 115px;
    right: 75px;
  }
  .permonth .permonth-02 {
    top: 150px;
    right: 15px;
  }
}
@media (max-width: 1199px) {
  .ponytails .block {
    width: 305px;
  }
}
@media (max-width: 991px) {
  .helps {
    background-color: #1c1c1c;
    background-image: url(../img/cover/bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
  }
  .helps .sect-title,
  .helps .btn-wrap span {
    color: #223d36;
  }
  .sect-title span {
    color: #0ba377 !important;
  }
  .helps .container {
    padding-top: 80px;
  }
  .helps .bg-1 {
    display: none;
  }
  .helps .payment {
    border-radius: 0 0 8px 8px;
  }
  .helps .bg-2 {
    display: none;
  }
  .helps .sect-title {
    text-align: center;
  }
  .helps .btn-wrap {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .helps .payment {
    margin: 0 auto;
  }
  .helps .helps-mobile-bg {
    display: block;
    max-width: 445px;
    margin: 0 auto 0px auto;
  }
  .street {
    padding-top: 120px;
  }
  .street .street-wrapper > .descr {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: 100%;
    max-width: 100%;
    margin-bottom: 30px;
  }
  .street .sect-title {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    width: 100%;
    max-width: 100%;
    margin-bottom: 120px;
  }
  .street .street-blocks {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    padding-inline: 0;
  }
  .street .street-blocks .block {
    max-width: 330px;
    min-height: 446px;
  }
  .street .street-blocks .block .descr {
    font-size: 22px;
  }
  .street .street-whrite {
    font-size: 110px;
  }
  .street .street-whrite.street-whrite-02 {
    top: 245px;
    left: 0;
    right: auto;
  }
  .street .street-whrite.street-whrite-03 {
    top: 505px;
    left: auto;
    right: 0;
  }
  .street .street-whrite.street-whrite-01 {
    top: 940px;
    left: 0;
  }
  .hope {
    padding-top: 60px;
  }
  .hope .sect-title {
    font-size: 62px;
  }
  .hope .hope-text {
    width: 280px;
    height: 102px;
    margin: 0 auto 90px auto;
  }
  .hope .hope-paw {
    top: -15px;
    width: 240px;
    height: 240px;
  }
  .hope .hope-girl-dog {
    bottom: -20px;
    left: -50px;
    max-width: 370px;
    height: 300px;
  }
  .hope .hope-heart-01 {
    top: 170px;
    left: 7%;
    width: 43px;
    height: 40px;
  }
  .hope .hope-heart-02 {
    top: 200px;
    left: 13%;
    width: 30px;
    height: 30px;
  }
  .hope .hope-home {
    bottom: 0px;
    right: -90px;
    max-width: 400px;
    height: 350px;
  }
  .ponytails .sect-title {
    font-size: 34px;
  }
  .ponytails .ponytails-bg-01 {
    top: 40px;
    right: 4%;
  }
  .ponytails .ponytails-bg-02 {
    right: -4%;
  }
  .ponytails .ponytails-bg-04 {
    left: -8%;
  }
  .prepare {
    padding-top: 160px;
  }
  .prepare .prepare-icon-01 {
    top: 240px;
    left: 14%;
  }
  .prepare .prepare-icon-02 {
    left: 2%;
  }
  .prepare .prepare-icon-03 {
    top: 320px;
    right: 3%;
    left: auto;
  }
  .prepare .prepare-icon-05 {
    top: 850px;
  }
  .prepare .sect-title {
    font-size: 34px;
  }
  .prepare .container .prepare-wrap > .descr {
    font-size: 21px;
  }
  .prepare .prepare-block1 {
    margin-left: 0;
  }
  .prepare .prepare-block2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    max-width: 100%;
    margin-top: 0;
  }
  .prepare .prepare-block2 .prepare-block2__content {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .prepare .prepare-block2 .prepare-block2__image {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    width: 350px;
    height: 300px;
    margin-left: -30px;
  }
  .prepare .prepare-block2 .prepare-block2__image:before {
    top: 0;
    right: 30px;
    left: auto;
  }
  .prepare .prepare-block3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 100%;
  }
  .prepare .prepare-block3 .prepare-block3__image {
    max-width: 360px;
    height: 420px;
  }
  .prepare .prepare-block3 .prepare-block3__content {
    max-width: 340px;
    margin-top: 0;
    margin-left: -30px;
    padding: 24px;
  }
  .besaved .payment {
    margin: 0 auto 50px auto;
  }
  .besaved .besaved-slider {
    width: 100%;
  }
  .besaved .besaved-slider-prev,
  .besaved .besaved-slider-next {
    display: none;
  }
  .besaved .besaved-quote {
    top: 200px;
    left: auto;
    right: -30px;
  }
  .besaved .besaved-slider .besaved-slide span {
    bottom: 82px;
    left: 91px;
  }
  .besaved .besaved-slider .besaved-slide:nth-child(odd) span {
    bottom: 24px;
    left: 24px;
    width: calc(100% - 30px);
  }
  .threeyears {
    padding-bottom: 230px;
  }
  .threeyears .threeyears-01 {
    right: 30px;
  }
  .threeyears .threeyears-02 {
    right: -20px;
  }
  .threeyears .threeyears-03 {
    top: 65%;
    right: auto;
    left: 0;
    z-index: 4;
  }
  .threeyears .threeyears-04 {
    left: 20px;
  }
  .threeyears .threeyears-06 {
    right: 100px;
  }
  .threeyears .threeyears-block1 {
    top: 150px;
    left: -150px;
    width: 380px;
    height: 380px;
  }
  .threeyears .threeyears-block1 .threeyears-block1-02 {
    right: -10px;
    bottom: -50px;
  }
  .threeyears .threeyears-block2 {
    top: 80px;
    right: -250px;
    width: 480px;
    height: 480px;
  }
  .threeyears .threeyears-block3 {
    top: 680px;
    left: -230px;
    width: 460px;
    height: 460px;
  }
  .threeyears .threeyears-block4 {
    top: 720px;
    right: -135px;
    width: 300px;
    height: 321px;
  }
  .conditions {
    padding-top: 60px;
    padding-bottom: 80px;
  }
  .conditions .conditions-01 {
    left: 0;
  }
  .conditions .conditions-02 {
    left: 40px;
  }
  .homelesspets {
    padding-top: 60px;
    padding-bottom: 100px;
  }
  .homelesspets .sect-title {
    font-size: 34px;
  }
  .homelesspets .homelesspets-blocks {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 50px;
  }
  .homelesspets .homelesspets-blocks .homelesspets-block {
    display: block;
    max-width: 220px;
    margin-bottom: 20px;
  }
  .homelesspets .homelesspets-blocks .homelesspets-block:nth-last-child(-n + 2) {
    max-width: 46%;
  }
  .fluffies {
    padding-top: 80px;
  }
  .fluffies .fluffies-01 {
    right: 20px;
  }
  .fluffies .fluffies-02 {
    right: -20px;
  }
  .fluffies .fluffies-03 {
    top: 65%;
  }
  .fluffies .fluffies-04 {
    right: 10px;
  }
  .permonth .permonth-content .sect-title,
  .permonth .permonth-content > .descr {
    display: none;
  }
  .permonth .permonth-wrap > .sect-title,
  .permonth .permonth-wrap > .descr {
    display: block;
  }
  .permonth .permonth-form {
    margin: 0 auto 40px auto;
  }
  .permonth .permonth-content {
    max-width: 100%;
    margin-top: 0;
  }
}
@media (max-width: 767px) {
  .helps .sect-title {
    font-size: 56px;
  }
  .street {
    padding-top: 80px;
  }
  .street .sect-title {
    font-size: 36px;
  }
  .street .street-blocks {
    display: block;
  }
  .street .street-blocks .block {
    min-height: 380px;
  }
  .street .street-blocks .block:not(:last-child) {
    margin-bottom: 85px;
  }
  .street .street-blocks .block:nth-child(2) {
    margin: 0 0 85px auto;
  }
  .street .street-whrite.street-whrite-02 {
    top: 208px;
    right: 0;
    left: auto;
  }
  .street .street-whrite.street-whrite-03 {
    top: 685px;
    right: auto;
    left: 0;
  }
  .street .street-whrite.street-whrite-01 {
    top: 1140px;
  }
  .hope .sect-title {
    font-size: 48px;
  }
  .hope .hope-paw {
    width: 200px;
    height: 200px;
  }
  .hope .hope-text {
    width: 230px;
    height: 82px;
    margin: 0 auto 80px auto;
  }
  .hope .hope-home {
    top: 255px;
    opacity: 0.6;
  }
  .hope .hope-heart-01 {
    top: 160px;
    left: 6%;
  }
  .ponytails .block .block-content .block-content__title {
    height: auto;
    margin-bottom: 16px;
  }
  .prepare .sect-title {
    width: 100%;
    max-width: 100%;
    margin: 0 0 12px 0;
  }
  .prepare .container .prepare-wrap > .descr {
    width: 100%;
    margin-bottom: 30px;
  }
  .prepare .container .prepare-wrap > .descr br {
    display: none;
  }
  .prepare .prepare-block1 {
    margin-bottom: 20px;
  }
  .prepare .prepare-block1 .prepare-block1_image {
    width: 230px;
    height: 230px;
  }
  .prepare .prepare-block1 .prepare-block1_image:before {
    width: 38px;
    height: 38px;
    font-size: 20px;
  }
  .prepare .prepare-block1 .prepare-block1__content {
    width: 316px;
    padding: 20px;
  }
  .prepare .prepare-block2 {
    margin-bottom: 20px;
  }
  .prepare .prepare-block2 .prepare-block2__image {
    width: 240px;
    height: 216px;
  }
  .prepare .prepare-block2 .prepare-block2__content {
    max-width: 300px;
    margin-top: 0;
    padding: 20px;
  }
  .prepare .prepare-block3 {
    margin-bottom: 20px;
  }
  .prepare .prepare-block3 .prepare-block3__image {
    max-width: 230px;
    height: 246px;
  }
  .prepare .prepare-block3 .prepare-block3__image:before {
    top: 12px;
    left: 38px;
    width: 38px;
    height: 38px;
    font-size: 20px;
  }
  .prepare .prepare-block3 .prepare-block3__content {
    max-width: 312px;
    padding: 20px;
  }
  .prepare .prepare-block3 .prepare-block3__content:before {
    width: 115px;
    height: 110px;
    border-top-right-radius: 16px;
  }
  .prepare .prepare-block4 {
    margin-top: 0;
  }
  .prepare .prepare-block4 .prepare-block4__content {
    padding: 20px;
  }
  .prepare .prepare-block4 .prepare-block4__image:before {
    top: 20px;
    right: 30px;
    left: auto;
    width: 38px;
    height: 38px;
    font-size: 20px;
  }
  .prepare .content-title {
    font-size: 20px;
  }
  .prepare .content-descr {
    font-size: 16px;
  }
  .besaved .container {
    position: initial;
  }
  .besaved .sect-title {
    margin-bottom: 10px;
    font-size: 36px;
  }
  /* .besaved .payment {
    margin: 0 auto 120px auto;
  } */
  .besaved .besaved-paw-02 {
    top: 80px;
    right: 0;
  }
  .besaved .besaved-paw-01 {
    top: 250px;
    right: 5%;
  }
  .besaved .besaved-slider .besaved-slide {
    width: 420px;
    height: 420px;
  }
  .besaved .besaved-slider .besaved-slide img {
    -o-object-fit: contain;
    object-fit: contain;
  }
  .threeyears .threeyears-03 {
    top: 56%;
    left: -45px;
  }
  .threeyears .threeyears-04 {
    top: 80px;
    left: -30px;
  }
  .threeyears .threeyears-06 {
    top: 570px;
    right: 60px;
  }
  .threeyears .threeyears-block1 {
    top: 90px;
    width: 320px;
    height: 320px;
  }
  .threeyears .threeyears-block1 .threeyears-block1-02 {
    right: 0;
    bottom: -35px;
    width: 150px;
    height: 155px;
  }
  .threeyears .threeyears-block2 {
    right: -200px;
    width: 380px;
    height: 380px;
  }
  .threeyears .threeyears-block2 .threeyears-block2-02 {
    width: 181px;
    height: 180px;
  }
  .threeyears .threeyears-block3 {
    top: 500px;
    left: -180px;
    width: 360px;
    height: 360px;
  }
  .threeyears .threeyears-block3 .threeyears-block3-02 {
    width: 200px;
    height: 176px;
  }
  .threeyears .threeyears-block4 {
    top: 620px;
    right: -130px;
    width: 250px;
    height: 271px;
  }
  .threeyears .threeyears-block4 .threeyears-block4-02 {
    left: -70px;
    bottom: -40px;
    width: 154px;
    height: 152px;
  }
  .threeyears .sect-title {
    margin-bottom: 60px;
    font-size: 36px;
  }
  .threeyears .item {
    font-size: 58px;
  }
  .threeyears .item.item-dog:after {
    width: 46px;
    height: 46px;
  }
  .threeyears .item.item-cat:after {
    width: 42px;
    height: 50px;
  }
  .threeyears .item.item-dog-home:after {
    width: 52px;
    height: 62px;
  }
  .threeyears .item.item-cat-home:after {
    width: 48px;
    height: 58px;
  }
  .conditions {
    padding-top: 160px;
  }
  .conditions .sect-title {
    font-size: 40px;
  }
  .conditions .conditions-02 {
    top: 120px;
    right: 0;
    left: auto;
  }
  .conditions .conditions-03 {
    top: 57%;
    left: -30px;
    width: 93px;
    height: 103px;
  }
  .conditions .conditions-image:before {
    right: -70px;
  }
  .conditions .conditions-image:after {
    left: 10px;
  }
  .homelesspets .sect-title {
    margin-bottom: 25px;
    font-size: 26px;
  }
  .homelesspets .descr {
    margin-bottom: 60px;
  }
  .homelesspets .homelesspets-blocks .homelesspets-block {
    max-width: 46%;
  }
  .homelesspets .homelesspets-blocks .homelesspets-block:nth-last-child(1) {
    max-width: 100%;
  }
  .fluffies {
    padding-top: 60px;
    padding-bottom: 90px;
  }
  .fluffies .fluffies-03 {
    width: 143px;
    height: 200px;
  }
  .fluffies .fluffies-04 {
    bottom: 38%;
    width: 102px;
    height: 113px;
  }
  .fluffies .sect-title {
    font-size: 34px;
  }
  .fluffies .fluffies-image:after {
    top: -60px;
    right: -50px;
    bottom: auto;
  }
  .fluffies .fluffies-image:before {
    bottom: -140px;
    left: -120px;
    width: 362px;
    height: 356px;
  }
}
@media (max-width: 576px) {
  .helps {
    min-height: -moz-max-content;
    min-height: -webkit-max-content;
    min-height: max-content;
  }
  .helps .sect-title {
    font-size: 42px;
  }
  .helps .payment .title {
    font-size: 16px;
  }
  .helps .helps-mobile-bg {
    display: block;
    max-width: 445px;
  }
  .street {
    padding-top: 50px;
  }
  .street .street-wrapper > .descr {
    text-align: center;
  }
  .street .street-whrite {
    font-size: 82px;
  }
  .street .street-whrite.street-whrite-02 {
    top: 230px;
  }
  .street .street-whrite.street-whrite-03 {
    top: 655px;
  }
  .street .street-whrite.street-whrite-01 {
    top: 1080px;
    right: 0;
    left: auto;
  }
  .street .sect-title {
    margin-bottom: 90px;
    font-size: 36px;
    text-align: center;
  }
  .street .street-blocks .block {
    max-width: 310px;
    min-height: 340px;
  }
  .street .street-blocks .block .descr {
    font-size: 20px;
  }
  .hope {
    padding-top: 45px;
  }
  .hope .sect-title {
    font-size: 36px;
    text-align: center;
  }
  .hope .descr {
    font-size: 16px;
  }
  .hope .hope-text {
    width: 170px;
    height: 64px;
    margin: 0 auto 70px auto;
  }
  .hope .hope-paw {
    width: 160px;
    height: 160px;
  }
  .hope .hope-heart-01 {
    top: 90px;
    left: 6%;
    width: 30px;
    height: 27px;
  }
  .hope .hope-heart-02 {
    top: 110px;
    left: 14%;
    width: 22px;
    height: 22px;
  }
  .hope .hope-girl-dog {
    top: 275px;
    max-width: 270px;
    height: 220px;
  }
  .hope-home-line {
    top: 495px;
    width: 400px;
    height: 100px;
  }
  .hope .hope-home {
    right: -50px;
    max-width: 300px;
    height: 250px;
  }
  .ponytails .sect-title {
    font-size: 30px;
    text-align: center;
  }
  .prepare .sect-title {
    font-size: 30px;
    text-align: center;
  }
  .prepare .container .prepare-wrap > .descr {
    text-align: center;
  }
  .prepare .content-title b,
  .prepare .content-descr b {
    display: none;
  }
  .prepare .content-title {
    font-size: 18px;
    line-height: 1.3;
  }
  .prepare .content-descr {
    font-size: 15px;
    line-height: 1.3;
  }
  .prepare .prepare-block1 {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .prepare .prepare-block1 .prepare-block1__content {
    margin-top: -30px;
    margin-left: 0;
  }
  .prepare .prepare-block2 {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .prepare .prepare-block2 .prepare-block2__image {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .prepare .prepare-block2 .prepare-block2__content {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin-top: -20px;
  }
  .prepare .prepare-block3 {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .prepare .prepare-block3 .prepare-block3__content {
    margin-top: -20px;
  }
  .prepare .prepare-block4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%;
    max-width: 100%;
  }
  .prepare .prepare-block4 .prepare-block4__content {
    margin-top: -40px;
  }
  .prepare .prepare-block4 .prepare-block4__content:before {
    margin-left: 40px;
  }
  .prepare .prepare-block4 .prepare-block4__content .content-title {
    width: calc(100% - 120px);
  }
  .prepare .prepare-quote,
  .prepare .prepare-cat {
    display: none;
  }
  .besaved .sect-title {
    font-size: 32px;
    text-align: center;
  }
  .besaved .besaved-paw-01 {
    top: 180px;
  }
  .besaved .besaved-wrap > .descr {
    margin-top: 0;
    font-size: 14px;
  }
  .besaved .payment .descr {
    font-size: 16px;
  }
  .besaved .besaved-slider .besaved-slide {
    width: 320px;
    height: 320px;
    margin-right: 12px;
  }
  .besaved .besaved-quote {
    bottom: 390px;
  }
  .besaved .besaved-slider .besaved-slide span {
    bottom: 35px;
    left: 55px;
  }
  .threeyears {
    padding-bottom: 80px;
  }
  .threeyears .threeyears-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .threeyears .sect-title {
    margin-bottom: 50px;
    font-size: 34px;
    text-align: center;
  }
  .threeyears .descr {
    margin-bottom: 15px;
  }
  .threeyears .item {
    font-size: 48px;
  }
  .threeyears .item.item-dog:after {
    width: 40px;
    height: 40px;
  }
  .threeyears .item.item-cat:after {
    width: 37px;
    height: 45px;
  }
  .threeyears .item.item-dog-home:after {
    width: 42px;
    height: 52px;
  }
  .threeyears .item.item-cat-home:after {
    width: 40px;
    height: 50px;
  }
  .threeyears .threeyears-block1,
  .threeyears .threeyears-block2,
  .threeyears .threeyears-block3,
  .threeyears .threeyears-block4 {
    position: relative;
    top: auto;
    right: auto;
    left: auto;
  }
  .conditions {
    padding-bottom: 60px;
  }
  .conditions .conditions-02 {
    top: 90px;
  }
  .conditions .conditions-03,
  .conditions .conditions-04 {
    display: none;
  }
  .conditions .conditions-wrap > .sect-title {
    margin-bottom: 25px;
    font-size: 32px;
    text-align: center;
  }
  .conditions .conditions-image {
    margin-bottom: 140px;
  }
  .conditions .conditions-image:before {
    top: 120px;
    right: -30px;
    width: 312px;
    height: 306px;
  }
  .conditions .conditions-image:after {
    bottom: -120px;
    width: 166px;
    height: 135px;
  }
  .conditions .conditions-items {
    padding: 16px;
  }
  .conditions .conditions-items .conditions-item {
    font-size: 16px;
  }
  .conditions .conditions-items .conditions-item:before {
    margin-right: 12px;
  }
  .homelesspets .sect-title {
    font-size: 34px;
    text-align: center;
  }
  .homelesspets .sect-title br {
    display: none;
  }
  .homelesspets .homelesspets-blocks {
    width: 100%;
    margin-left: 0;
  }
  .fluffies {
    padding-top: 45px;
  }
  .fluffies .fluffies-03 {
    display: none;
  }
  .fluffies .sect-title {
    font-size: 34px;
    text-align: center;
  }
  .fluffies .fluffies-image {
    margin-bottom: 100px;
  }
  .fluffies .fluffies-image-img {
    width: auto;
    height: 300px;
    margin: 0 auto;
  }
  .fluffies .fluffies-image:after {
    top: -50px;
    right: -10px;
    width: 180px;
    height: 154px;
  }
  .fluffies .fluffies-image:before {
    bottom: -115px;
    left: -15px;
    width: 252px;
    height: 246px;
  }
  .fluffies .fluffies-block {
    padding: 32px 24px 48px 24px;
  }
  .fluffies .fluffies-block .fluffies-block__title {
    font-size: 16px;
  }
  .fluffies .fluffies-block .fluffies-block__num {
    font-size: 68px;
  }
  .permonth .sect-title {
    font-size: 36px;
    text-align: center;
  }
  .permonth .permonth-wrap > .descr {
    text-align: center;
  }
  .permonth .payment {
    padding: 20px;
  }
  .permonth .permonth-form__img {
    height: 210px;
    -o-object-fit: cover;
    object-fit: cover;
  }
  .permonth .permonth-form__descr {
    font-size: 16px;
  }
  .permonth .permonth-01 {
    top: 100px;
    right: 25px;
  }
  .permonth .permonth-02 {
    top: 210px;
    right: auto;
    left: 0px;
  }
  .ponytails .descr br {
    display: none;
  }
}
@media (max-width: 460px) {
  .helps .sect-title {
    font-size: 40px;
  }
  .helps .btn-wrap .btn-wrap__location {
    margin-right: 0;
    margin-bottom: 20px;
  }
  .helps .helps-mobile-bg {
    display: block;
    max-width: 340px;
  }
  .street {
    min-height: -moz-max-content;
    min-height: -webkit-max-content;
    min-height: max-content;
  }
  .street .street-wrapper > .descr {
    font-size: 18px;
  }
  .street .sect-title {
    margin-bottom: 62px;
    font-size: 32px;
    text-align: center;
  }
  .street .street-whrite {
    font-size: 64px;
  }
  .street .street-whrite.street-whrite-02 {
    top: 165px;
    right: -8px;
  }
  .street .street-whrite.street-whrite-03 {
    top: 460px;
  }
  .street .street-whrite.street-whrite-01 {
    top: 755px;
    right: -8px;
  }
  .street .street-blocks .block:not(:last-child) {
    margin-bottom: 58px;
  }
  .street .street-blocks .block {
    max-width: 256px;
    min-height: 238px;
  }
  .street .street-blocks .block .descr {
    font-size: 14px;
  }
  .hope .sect-title {
    font-size: 34px;
  }
  .hope .descr {
    font-size: 18px;
  }
  .hope .hope-text {
    margin-bottom: 60px;
  }
  .hope .hope-heart-01 {
    left: 3%;
    width: 20px;
    height: 17px;
  }
  .hope .hope-heart-02 {
    left: 10%;
    width: 14px;
    height: 14px;
  }
  .hope .hope-girl-dog {
    max-width: 200px;
    height: 170px;
  }
  .hope .hope-home {
    right: -30px;
    max-width: 260px;
    height: 220px;
  }
  .ponytails {
    padding-top: 60px;
    padding-bottom: 20px;
  }
  .ponytails .ponytails-bg-02 {
    display: none;
  }
  .ponytails .sect-title {
    width: 100%;
    max-width: 100%;
    font-size: 26px;
  }
  .ponytails .sect-title br {
    display: none;
  }
  .prepare .sect-title {
    font-size: 28px;
  }
  .prepare .container .prepare-wrap > .descr {
    font-size: 20px;
    text-align: center;
  }
  .prepare .prepare-block3 .prepare-block3__content {
    margin-left: 0;
  }
  .besaved .sect-title {
    font-size: 30px;
  }
  .besaved .besaved-wrap > .descr {
    font-size: 18px;
    text-align: center;
  }
  .besaved .besaved-wrap > .descr br {
    display: none;
  }
  .besaved .besaved-slider .besaved-slide {
    width: 280px;
    height: 280px;
  }
  .besaved .besaved-quote {
    bottom: 350px;
  }
  .threeyears .threeyears-02 {
    display: none;
  }
  .threeyears .threeyears-03 {
    top: 69%;
    right: -20px;
    left: auto;
  }
  .threeyears .threeyears-05 {
    top: 590px;
    left: -20px;
  }
  .threeyears .threeyears-06 {
    top: 270px;
    right: 0;
  }
  .threeyears .threeyears-block4 {
    margin-left: 60px;
  }
  .threeyears .sect-title {
    font-size: 32px;
  }
  .threeyears .threeyears-line {
    margin-block: 40px;
  }
  .conditions .conditions-01 {
    left: -10px;
  }
  .conditions .conditions-02 {
    top: 60px;
    right: -12px;
  }
  .conditions .conditions-wrap > .sect-title {
    margin-bottom: 20px;
    font-size: 30px;
  }
  .conditions .conditions-image {
    margin-bottom: 110px;
  }
  .conditions .conditions-image:before {
    top: 85px;
    width: 262px;
    height: 256px;
  }
  .conditions .conditions-image:after {
    bottom: -95px;
    left: 0px;
    width: 136px;
    height: 105px;
  }
  .conditions .descr {
    font-size: 16px;
  }
  .conditions .conditions-items {
    padding: 10px;
  }
  .conditions .conditions-items .conditions-item {
    font-size: 12px;
  }
  .conditions .conditions-items .conditions-item:before {
    width: 28px;
    height: 28px;
    margin-right: 8px;
  }
  .conditions .conditions-items .conditions-item:not(:last-child) {
    margin-bottom: 10px;
  }
  .homelesspets {
    padding-top: 40px;
    padding-bottom: 60px;
  }
  .homelesspets .sect-title {
    font-size: 30px;
  }
  .homelesspets .homelesspets-blocks .homelesspets-block .homelesspets-block__img {
    width: 108px;
    height: 115px;
  }
  .homelesspets .homelesspets-blocks .homelesspets-block .homelesspets-block__title {
    font-size: 16px;
  }
  .homelesspets .homelesspets-blocks .homelesspets-block .homelesspets-block__descr {
    font-size: 13px;
  }
  .fluffies {
    padding-bottom: 65px;
  }
  .fluffies .sect-title {
    margin-bottom: 25px;
    font-size: 30px;
  }
  .fluffies .fluffies-image-img {
    height: 230px;
    -o-object-fit: contain;
    object-fit: contain;
  }
  .fluffies .fluffies-image:after {
    top: -35px;
    width: 150px;
    height: 150px;
  }
  .fluffies .fluffies-image:before {
    bottom: -110px;
    left: -25px;
    width: 232px;
    height: 226px;
  }
  .fluffies .fluffies-block {
    padding: 20px 12px 28px 12px;
  }
  .fluffies .fluffies-block .fluffies-block__title {
    font-size: 13px;
  }
  .fluffies .fluffies-block .fluffies-block__num {
    font-size: 52px;
  }
  .fluffies .fluffies-block .fluffies-block__num:after {
    bottom: -12px;
    left: 2px;
    font-size: 15px;
  }
  .fluffies .fluffies-block .fluffies-block__descr {
    margin-top: 20px;
  }
  .fluffies .descr {
    font-size: 16px;
  }
  .permonth .permonth-01 {
    top: 40px;
    right: -15px;
  }
  .permonth .sect-title {
    font-size: 26px;
  }
  .permonth .permonth-form__descr {
    font-size: 15px;
  }
  .permonth .descr {
    margin-bottom: 20px;
    font-size: 16px;
    text-align: center;
  }
  .permonth .permonth-form:after {
    top: -45px;
    right: auto;
    left: -50px;
  }
  .homelesspets .homelesspets-blocks .homelesspets-block:last-child {
    text-align: center;
  }
  .homelesspets .homelesspets-blocks .homelesspets-block:last-child .homelesspets-block__img {
    margin: 0 auto 8px auto;
  }
}
@media (max-width: 360px) {
  .helps .helps-mobile-bg {
    max-width: 300px;
  }
}
.criticalcondition {
  position: relative;
  display: block;
  width: 100%;
  padding-top: 79px;
  padding-bottom: 216px;
  background-color: #f6f6f6;
  overflow: hidden;
  z-index: 20;
}
.criticalcondition .paw-01 {
  position: absolute;
  top: 244px;
  left: 0;
  display: block;
  width: 184px;
  height: 248px;
  -o-object-fit: contain;
  object-fit: contain;
  z-index: 1;
}
.criticalcondition .paw-02 {
  position: absolute;
  top: 375px;
  right: 2%;
  display: block;
  width: 112px;
  height: 123px;
  -o-object-fit: contain;
  object-fit: contain;
  z-index: 1;
}
.criticalcondition .heart-01 {
  position: absolute;
  top: 518px;
  left: 15%;
  display: block;
  width: 36px;
  height: 34px;
  -o-object-fit: contain;
  object-fit: contain;
  z-index: 1;
}
.criticalcondition .heart-02 {
  position: absolute;
  top: 581px;
  left: 19%;
  display: block;
  width: 43px;
  height: 40px;
  -o-object-fit: contain;
  object-fit: contain;
  z-index: 1;
}
.criticalcondition .container {
  position: relative;
  z-index: 10;
}
.criticalcondition .line-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
}
.criticalcondition .line-wrap .criticalcondition-content {
  display: block;
  width: 100%;
  max-width: 390px;
  padding-top: 69px;
}
.criticalcondition .line-wrap .criticalcondition-content .sect-title {
  margin-bottom: 24px;
  text-align: left;
}
.criticalcondition .line-wrap .criticalcondition-images {
  position: relative;
  display: block;
  width: 100%;
  max-width: 540px;
}
.criticalcondition .line-wrap .criticalcondition-images .image-01 {
  position: relative;
  display: block;
  width: 100%;
  max-width: 540px;
  height: 631px;
  -o-object-fit: contain;
  object-fit: contain;
  border-radius: 16px;
  z-index: 2;
}
.criticalcondition .line-wrap .criticalcondition-images .image-02 {
  position: absolute;
  top: 323px;
  right: 475px;
  display: block;
  width: 255px;
  height: 365px;
  -o-object-fit: contain;
  object-fit: contain;
  border-radius: 26px;
  z-index: 4;
}
.criticalcondition .line-wrap .criticalcondition-images .image-03 {
  position: absolute;
  top: 340px;
  right: -193px;
  display: block;
  width: 474px;
  height: 463px;
  -o-object-fit: contain;
  object-fit: contain;
  z-index: 6;
}
.criticalcondition .line-wrap .criticalcondition-images .quote-01 {
  position: absolute;
  top: 181px;
  right: 373px;
  display: block;
  width: 265px;
  height: 204px;
  -o-object-fit: contain;
  object-fit: contain;
  z-index: 8;
}
.criticalcondition .line-wrap .criticalcondition-images .quote-02 {
  position: absolute;
  top: 595px;
  left: -372px;
  display: block;
  width: 247px;
  height: 190px;
  -o-object-fit: contain;
  object-fit: contain;
  z-index: 10;
}
.besaved .besaved-top-white {
  position: absolute;
  top: -10px;
  left: calc(50% - 1px);
  width: 1922px;
  height: 103px;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 2;
}
@media (max-width: 1680px) {
  .criticalcondition .paw-01 {
    width: 135px;
    height: 210px;
  }
  .criticalcondition .paw-02 {
    top: 305px;
    right: 1%;
  }
  .criticalcondition .line-wrap .criticalcondition-images .quote-01 {
    top: 160px;
    right: 410px;
  }
  .criticalcondition .line-wrap .criticalcondition-images .image-03 {
    right: -135px;
    width: 434px;
    height: 423px;
  }
}
@media (max-width: 1360px) {
  .criticalcondition .heart-01 {
    left: 8%;
  }
  .criticalcondition .heart-02 {
    right: 12%;
    left: auto;
  }
  .criticalcondition .line-wrap .criticalcondition-content {
    max-width: 100%;
    margin-bottom: 50px;
    padding-top: 0;
  }
  .criticalcondition .line-wrap .criticalcondition-content .sect-title {
    text-align: center;
  }
  .criticalcondition .line-wrap .criticalcondition-content .sect-title br {
    display: none;
  }
  .criticalcondition .line-wrap .criticalcondition-content .subtitle {
    display: block;
    width: 100%;
    font-size: 19px;
    text-align: center;
    color: #3e3e3e;
  }
  .criticalcondition .line-wrap .criticalcondition-images {
    margin: 0 auto;
  }
  .criticalcondition .line-wrap .criticalcondition-images .image-03 {
    right: -235px;
  }
  .criticalcondition .line-wrap .criticalcondition-images .quote-02 {
    left: -50px;
  }
}
@media (max-width: 991px) {
  .criticalcondition .paw-01 {
    display: none;
  }
  .criticalcondition .line-wrap .criticalcondition-images .image-02 {
    right: 390px;
  }
  .criticalcondition .line-wrap .criticalcondition-images .image-03 {
    top: 400px;
    right: -110px;
    width: 384px;
    height: 373px;
  }
  .criticalcondition .line-wrap .criticalcondition-images .quote-01 {
    top: -80px;
    right: auto;
    left: -110px;
  }
  .criticalcondition .line-wrap .criticalcondition-images .quote-02 {
    left: 40px;
  }
  .ponytails-blocks .slick-prev,
  .ponytails-blocks .slick-next {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .criticalcondition {
    padding-top: 60px;
    padding-bottom: 320px;
  }
  .criticalcondition .heart-01 {
    top: 280px;
  }
  .criticalcondition .heart-02 {
    right: 1%;
  }
  .criticalcondition .paw-02 {
    display: none;
  }
  .criticalcondition .line-wrap .criticalcondition-content .sect-title {
    font-size: 34px;
  }
  .criticalcondition .line-wrap .criticalcondition-images .quote-01 {
    top: -60px;
    left: auto;
    width: 235px;
    height: 174px;
  }
  .criticalcondition .line-wrap .criticalcondition-images .quote-02 {
    top: auto;
    bottom: -280px;
  }
  .criticalcondition .line-wrap .criticalcondition-images .image-02 {
    top: auto;
    right: auto;
    bottom: -170px;
    left: -20px;
    width: 225px;
    height: 335px;
  }
  .criticalcondition .line-wrap .criticalcondition-images .image-03 {
    top: auto;
    right: -20px;
    bottom: -230px;
    width: 344px;
    height: 333px;
  }
}
@media (max-width: 576px) {
  .criticalcondition {
    padding-bottom: 270px;
  }
  .criticalcondition .line-wrap .criticalcondition-images .image-01 {
    height: auto;
  }
  .criticalcondition .line-wrap .criticalcondition-images .image-02 {
    position: relative;
    bottom: auto;
    left: auto;
    margin-top: -50px;
    margin-left: -10px;
  }
  .criticalcondition .line-wrap .criticalcondition-images .image-03 {
    right: -10px;
    bottom: -190px;
  }
  .criticalcondition .line-wrap .criticalcondition-images .quote-02 {
    right: 35px;
    bottom: 140px;
    left: auto;
  }
}
@media (max-width: 460px) {
  .criticalcondition {
    padding-bottom: 230px;
  }
  .criticalcondition .heart-01 {
    top: 260px;
    left: 6%;
  }
  .criticalcondition .line-wrap .criticalcondition-content .sect-title {
    font-size: 26px;
  }
  .criticalcondition .line-wrap .criticalcondition-images .quote-01 {
    width: 205px;
    height: 144px;
  }
  .criticalcondition .line-wrap .criticalcondition-images .quote-02 {
    right: -10px;
    bottom: 170px;
    width: 207px;
    height: 150px;
  }
  .criticalcondition .line-wrap .criticalcondition-images .image-03 {
    right: -14px;
    bottom: -170px;
    width: 314px;
    height: 303px;
  }
}
@media (max-width: 400px) {
  .criticalcondition {
    padding-bottom: 160px;
  }
  .criticalcondition .heart-01,
  .criticalcondition .heart-02 {
    display: none;
  }
  .criticalcondition .line-wrap .criticalcondition-images .image-02 {
    width: 175px;
    height: 285px;
    margin-top: -95px;
  }
  .criticalcondition .line-wrap .criticalcondition-images .image-03 {
    right: -10px;
    bottom: -120px;
    width: 264px;
    height: 253px;
  }
  .criticalcondition .line-wrap .criticalcondition-images .quote-02 {
    bottom: 120px;
  }
}
.gallery-wrappers {
  position: relative;
  display: block;
  width: 100%;
  padding-block: 20px;
  z-index: 60;
}
.homelesspets ~ .gallery-wrappers {
  padding-top: 100px;
}
.gallery-wrappers .besaved-top-white {
  top: -35px;
}
.gallery-wrappers .gallery-wrap {
  display: block;
  width: 100%;
}
.gallery-wrappers .gallery-wrap:not(:first-child) {
  margin-top: 30px;
}
.gallery-wrappers .gallery-wrap .img {
  display: block;
  width: auto;
  height: 423px;
  border-radius: 16px;
}
.gallery-wrappers .gallery-wrap .img:not(:last-child) {
  margin-right: 30px;
}
.gallery-wrappers .gallery-wrap:first-child {
  margin-bottom: 30px;
}
@media (max-width: 1360px) {
  .gallery-wrappers .gallery-wrap:first-child {
    margin-bottom: 20px;
  }
  .gallery-wrappers .gallery-wrap .img {
    height: 370px;
  }
  .gallery-wrappers .gallery-wrap .img:not(:last-child) {
    margin-right: 20px;
  }
}
@media (max-width: 1199px) {
  .gallery-wrappers .gallery-wrap .img {
    height: 320px;
  }
}
@media (max-width: 991px) {
  .gallery-wrappers .gallery-wrap:first-child {
    margin-bottom: 10px;
  }
  .gallery-wrappers .gallery-wrap .img {
    height: 280px;
  }
  .gallery-wrappers .gallery-wrap .img:not(:last-child) {
    margin-right: 10px;
  }
}
@media (max-width: 576px) {
  .gallery-wrappers .gallery-wrap:first-child {
    margin-bottom: 6px;
  }
  .gallery-wrappers .gallery-wrap .img {
    height: 220px;
  }
  .gallery-wrappers .gallery-wrap .img:not(:last-child) {
    margin-right: 6px;
  }
}
@media (max-width: 400px) {
  .gallery-wrappers .gallery-wrap .img {
    height: 170px;
  }
}

.btn-popup-pdf {
  cursor: pointer;
}
.popup-pdf {
  display: none;
  min-width: 320px;
  width: 1280px;
  max-width: calc(100vw - 20px);
  z-index: 1000;
}
.popup-pdf.active {
  display: block;
}
.popup-pdf .popup-pdf--iframe {
  width: 100%;
  height: calc(100svh - 100px);
}

.article-wrap {
  display: grid;
  grid-template-columns: 720px auto;
  gap: 32px;
}
.article-content img {
  display: block;
  margin: 0 auto;
  width: auto;
  /* height: 500px; */
  border-radius: 25px;
  -o-object-fit: cover;
  object-fit: cover;
}
.article-content .img {
  display: block;
  margin-bottom: 20px;
}
.article-content .img img {
  width: 100%;
  -o-object-position: top center;
  object-position: top center;
}
.article-content .gallery img {
  width: 100%;
  height: 250px;
  border-radius: 0;
}
.article-content .gallery-columns-2 img {
  height: 400px;
}
.article-more {
  /* position: sticky;
  top: 16px; */
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
}
.article-more--title {
  font-weight: 600;
  font-size: 20px;
  text-align: center;
  text-transform: uppercase;
}
.article-more .item {
  border-radius: 25px;
  padding: 10px;
  overflow: hidden;
  background: #fff;
  -webkit-box-shadow: 0 0 8px 0 rgba(34, 60, 80, 0.2);
  box-shadow: 0 0 8px 0 rgba(34, 60, 80, 0.2);
}
.article-more .item > img {
  display: block;
  margin: -10px -10px 10px;
  width: calc(100% + 20px);
  max-width: initial;
  height: 200px;
  -o-object-fit: cover;
  object-fit: cover;
}
.article-more .item .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: 14px;
}
.article-more .item .title {
  margin: 8px 0;
  font-weight: 600;
  font-size: 18px;
}
.article-more .item .btn {
  text-decoration: none;
}
@media (max-width: 1199px) {
  .article-wrap {
    display: grid;
    grid-template-columns: auto;
    gap: 32px;
  }
  .article-more {
    position: relative;
    padding-top: 40px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .article-more--title {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
  }
  .article-more .item {
    width: 300px;
  }
}

.unisender_btn {
  padding: 8px 16px;
  border: 1px solid #3e3e3e;
  border-radius: 30px;

  font-weight: 500;
  font-size: 14px;
  line-height: normal;
  color: #3e3e3e;

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;

  cursor: pointer;
}
.unisender_btn::before {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  background: #3e3e3e;
  -webkit-mask: url(../img/ward/unisender-btn.svg) center / contain no-repeat;
  mask: url(../img/ward/unisender-btn.svg) center / contain no-repeat;
}
@media (max-width: 767px) {
  .header-wrap {
    gap: 8px;
  }
}
@media (max-width: 460px) {
  .header .btn-subscr.type-0 {
    position: absolute;
    top: -46px;
    right: 0;
  }
  .unisender_btn span {
    display: none;
  }
}

.popup-unisender {
  display: none;
}
.popup-unisender.active {
  display: block;
}
@media (max-width: 991px) {
  .popup-unisender .popup-close {
    top: 0;
    right: 0;
  }
}
.popup-unisender--wrap {
  width: 920px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  border-radius: 20px;
  background: #f7f5f2;
  overflow: hidden;
}
@media (max-width: 991px) {
  .popup-unisender--wrap {
    width: 288px;
    grid-template-columns: auto;
    grid-template-rows: min(180px, 25lvh) auto;
    border-radius: 18px;
  }
}
.popup-unisender--wrap img {
  width: 100%;
  height: 100%;
  max-height: 450px;
  -o-object-fit: cover;
  object-fit: cover;
}
.popup-unisender--wrap .form {
  padding: 48px;
}
@media (max-width: 991px) {
  .popup-unisender--wrap .form {
    padding: 16px;
  }
}
.popup-unisender--wrap .title {
  margin: 0 auto 16px;
  /* max-width: 270px; */
  font-weight: 500;
  font-size: 24px;
  line-height: 130%;
  text-align: center;
  color: #354960;
}
@media (max-width: 991px) {
  .popup-unisender--wrap .title {
    margin-bottom: 8px;
    font-size: 20px;
    line-height: 120%;
  }
}
.popup-unisender--wrap .desc {
  margin-bottom: 32px;
  font-weight: 400;
  font-size: 16px;
  line-height: 125%;
  text-align: center;
  color: #545454;
}
@media (max-width: 991px) {
  .popup-unisender--wrap .desc {
    margin-bottom: 16px;
    font-size: 14px;
    line-height: 140%;
  }
}
.popup-unisender--wrap input {
  display: block;
  margin-bottom: 8px;
  padding: 16px;
  width: 100%;
  font-weight: 400;
  font-family: "PT-Root-UI", sans-serif;
  font-size: 16px;
  line-height: 110%;
  color: #354960;
  border-radius: 5px;
  background: #fff;
}
.popup-unisender--wrap input::-moz-placeholder {
  color: #545454;
}
.popup-unisender--wrap input::-webkit-input-placeholder {
  color: #545454;
}
.popup-unisender--wrap input:-ms-input-placeholder {
  color: #545454;
}
.popup-unisender--wrap input::-ms-input-placeholder {
  color: #545454;
}
.popup-unisender--wrap input::placeholder {
  color: #545454;
}
@media (max-width: 991px) {
  .popup-unisender--wrap input {
    padding: 10px 14px;
    font-size: 14px;
    line-height: 140%;
  }
}
.popup-unisender--wrap button {
  display: block;
  margin: 24px auto 0;
  padding: 15px;
  width: 100%;
  font-family: "PT-Root-UI", sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 100%;
  text-align: center;
  color: #3e3e3e;
  border-radius: 30px;
  background: #ffde31;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
}
.popup-unisender--wrap button::after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background: #3e3e3e;
  -webkit-mask: url(../img/popup/unisender-decor.svg) center / contain no-repeat;
  mask: url(../img/popup/unisender-decor.svg) center / contain no-repeat;
}
.popup-unisender--wrap button:hover {
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
}
@media (max-width: 991px) {
  .popup-unisender--wrap button {
    margin-top: 16px;
    padding: 10px;
    font-size: 14px;
    line-height: 140%;
  }
}
.popup-send {
  display: none;
}
.popup-send.active {
  display: block;
}
@media (max-width: 991px) {
  .popup-send .popup-close {
    top: 0;
    right: 0;
  }
}
.popup-send--wrap {
  padding: 56px;
  width: 500px;
  border-radius: 20px;
  background: #f7f5f2;
  overflow: hidden;
}
@media (max-width: 991px) {
  .popup-send--wrap {
    padding: 24px;
    width: 288px;
    border-radius: 18px;
  }
}
.popup-send--wrap .title {
  margin: 0 auto 16px;
  max-width: 270px;
  font-weight: 700;
  font-size: 24px;
  line-height: 130%;
  text-align: center;
  color: #202020;
}
.popup-send--wrap .title span {
  color: #94a548;
}
@media (max-width: 991px) {
  .popup-send--wrap .title {
    margin-bottom: 8px;
    font-size: 18px;
    line-height: 130%;
  }
}
.popup-send--wrap .desc {
  margin-bottom: 48px;
  font-weight: 500;
  font-size: 16px;
  line-height: 125%;
  text-align: center;
  color: gray;
}
@media (max-width: 991px) {
  .popup-send--wrap .desc {
    margin-bottom: 16px;
    font-size: 14px;
    line-height: 140%;
  }
}
.popup-send--wrap .logos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 24px;
}
.popup-send--wrap .logos img {
  border-radius: 10px;
  -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.2);
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
.popup-send--wrap .logos img:hover {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.ward_main {
  position: relative;
  padding: 100px 0 170px;
  background: url(../img/ward/main-bg.jpg) center / cover no-repeat;
}
.ward_main .container {
  position: relative;
  max-width: 1000px;
}
.ward_main::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 96px;
  background: #f6f6f6;
  -webkit-mask: url(../img/ward/main-after.svg) bottom center / cover no-repeat;
  mask: url(../img/ward/main-after.svg) bottom center / cover no-repeat;
  pointer-events: none;
}
.ward_main-title {
  position: relative;
  font-family: "Stem", sans-serif;
  font-weight: 700;
  font-size: 64px;
  line-height: 110%;
  letter-spacing: 0.05em;
  color: #fff;
}
.ward_main-title span {
  color: #9ce7d7;
}
.ward_main-title::before {
  content: "";
  position: absolute;
  top: -60px;
  left: -95px;
  width: 150px;
  height: 104px;
  background: url(../img/ward/main-decor-1.png) center / contain no-repeat;
  pointer-events: none;
}
.ward_main-desc {
  margin: 36px 0;
  max-width: 445px;
  font-weight: 400;
  font-size: 18px;
  line-height: 135%;
  color: #fff;
}
@media (max-width: 1199px) {
  .ward_main-title {
    font-size: 50px;
    line-height: 110%;
  }
  .ward_main-desc {
    margin: 24px 0;
  }
}
@media (max-width: 767px) {
  .ward_main {
    padding: 32px 0 56px;
  }
  .ward_main::after {
    height: 40px;
  }
  .ward_main-title {
    margin-inline: auto;
    font-weight: 500;
    font-size: 24px;
    line-height: 135%;
  }
  .ward_main-title::before {
    top: -25px;
    left: auto;
    right: -15px;
    width: 43px;
    height: 74px;
    background-image: url(../img/ward/main-decor-2.png);
  }
  .ward_main-desc {
    margin: 16px auto 20px;
    font-size: 16px;
    line-height: 125%;
  }
}
.ward_main .payment {
  padding: 30px;
  border-radius: 32px;
}
.ward_main .payment .title {
  margin: 0 auto;
  max-width: 300px;
  font-family: "Stem", sans-serif;
  font-weight: 500;
  font-size: 24px;
  line-height: 135%;
  text-align: center;
  color: #3e3e3e;
}
.ward_main .payment .descr {
  margin: 12px 0;
  font-weight: 400;
  font-size: 18px;
  line-height: 135%;
  text-align: center;
  color: #3e3e3e;
}
.payment-total {
  margin-bottom: 24px;
  font-weight: 400;
  font-size: 18px;
  line-height: 135%;
  text-align: center;
  color: #3e3e3e;
}
.payment-total span {
  padding: 6px 12px;
  margin: 2px auto 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border: 1px solid #35c793;
  border-radius: 32px;

  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
  text-align: center;
  color: #35c793;

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
}
.payment-total span::before {
  content: "";
  width: 16px;
  height: 16px;
  background: #35c793;
  -webkit-mask: url(../img/ward/payment-total.svg) center / contain no-repeat;
  mask: url(../img/ward/payment-total.svg) center / contain no-repeat;
}
.ward_main .payment .sum-wrap {
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .ward_main .payment {
    margin-inline: auto;
    padding-inline: 20px;
  }
  .ward_main .payment .title {
    font-size: 18px;
    line-height: 110%;
  }
  .ward_main .payment .descr {
    font-size: 16px;
    line-height: 125%;
  }
  .payment-total {
    font-size: 16px;
    line-height: 150%;
  }
  .ward_main .payment .sum-wrap {
    margin-bottom: 12px;
  }
}
.ward_main-slider {
  position: absolute;
  bottom: 0;
  right: 16px;
  width: 500px;
  max-width: 100%;
}
.ward_main-slider--geo {
  z-index: 2;
  position: absolute;
  top: -10px;
  right: -15px;
  -webkit-transform: rotate(8deg);
  -ms-transform: rotate(8deg);
  transform: rotate(8deg);

  padding: 8px;
  background: #35c793;
  border-radius: 32px;

  font-weight: 700;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0.05em;
  color: #fff;

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
}
.ward_main-slider--geo::before {
  content: "";
  width: 24px;
  height: 24px;
  background: url(../img/ward/main-dot.svg) center / contain no-repeat;
}
.ward_main-slider--items {
  z-index: 1;
  position: relative;
  width: 100%;
  aspect-ratio: 500/455;
  border-radius: 56px 56px 0 0;
  overflow: hidden;
}
.ward_main-slider--items:last-child,
.ward_main-slider--items:last-child .ward_main-slider--item {
  border-radius: 56px;
}
.ward_main-slider--items.slick-initialized {
  overflow: initial;
}
.ward_main-slider--items .slick-prev,
.ward_main-slider--items .slick-next {
  z-index: 2;
  width: 48px;
  height: 48px;
  border-radius: 24px;
  background: #fff;
}
.ward_main-slider--items .slick-prev:before,
.ward_main-slider--items .slick-next:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);

  width: 12px;
  height: 14px;
  background: #282828;
  -webkit-mask: url(../img/ward/main-arrow.svg) center / contain no-repeat;
  mask: url(../img/ward/main-arrow.svg) center / contain no-repeat;
}
.ward_main-slider--items .slick-prev {
  left: -24px;
  opacity: 0;
  pointer-events: none;
}
.ward_main-slider--items .slick-prev:before {
  -webkit-transform: translate(-50%, -50%) rotate(180deg);
  -ms-transform: translate(-50%, -50%) rotate(180deg);
  transform: translate(-50%, -50%) rotate(180deg);
}
.ward_main-slider--items .slick-next {
  right: -24px;
}
.ward_main-slider--item {
  width: 100%;
  aspect-ratio: 500/455;
  border-radius: 56px 56px 0 0;
  overflow: hidden;
}
.ward_main-slider--item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.ward_main-slider--desc {
  padding: 24px 38px;
  width: 100%;
  background: #fff;
  border-radius: 0 0 32px 32px;
}
.ward_main-slider--desc .title {
  font-family: "Stem", sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 155%;
  color: #282828;
}
.ward_main-slider--desc .desc {
  font-family: "Stem", sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 135%;
  color: rgba(40, 40, 40, 0.66);
}
@media (max-width: 1199px) {
  .ward_main-slider {
    width: 465px;
  }
}
@media (max-width: 991px) {
  .ward_main-slider {
    position: relative;
    bottom: auto;
    right: auto;

    margin-bottom: 24px;
    width: 445px;
  }
}
@media (max-width: 767px) {
  .ward_main-slider {
    margin-inline: auto;
  }
  .ward_main-slider--geo {
    padding: 4px 6px;
    border-radius: 32px;

    font-size: 14px;
    line-height: 100%;

    gap: 4px;
  }
  .ward_main-slider--items {
    border-radius: 40px 40px 0 0;
  }
  .ward_main-slider--items:last-child,
  .ward_main-slider--items:last-child .ward_main-slider--item {
    border-radius: 40px;
  }
  .ward_main-slider--items .slick-prev,
  .ward_main-slider--items .slick-next {
    top: 50%;
    width: 32px;
    height: 32px;
  }
  .ward_main-slider--items .slick-prev {
    left: -14px;
    opacity: initial;
    pointer-events: initial;
  }
  .ward_main-slider--items .slick-next {
    right: -14px;
  }
  .ward_main-slider--item {
    border-radius: 40px 40px 0 0;
  }
  .ward_main-slider--desc {
    padding: 10px 20px;
  }
  .ward_main-slider--desc .title {
    font-size: 16px;
    line-height: 155%;
  }
  .ward_main-slider--desc .desc {
    font-weight: 350;
    font-size: 12px;
    line-height: 120%;
  }
}
@media (max-width: 460px) {
  .ward_main-title,
  .ward_main-desc,
  .ward_main-slider {
    width: 100%;
    max-width: 340px;
  }
}

.ward_history {
  padding: 54px 0 120px;
  background: #f6f6f6 url(../img/ward/history-bg.png) top left / auto no-repeat;
}
.ward_history .container {
  position: relative;
}
.ward_history .container::before {
  content: "";
  position: absolute;
  top: 155px;
  left: -300px;
  width: 170px;
  height: 187px;
  background: url(../img/ward/history-decor-1.png) center / contain no-repeat;
}
.ward_history .container::after {
  content: "";
  position: absolute;
  top: 300px;
  right: -300px;
  width: 108px;
  height: 80px;
  background: url(../img/ward/history-decor-2.png) center / contain no-repeat;
}
.ward_history-title {
  margin: 0 auto;
  max-width: 620px;

  font-family: "Stem", sans-serif;
  font-weight: 700;
  font-size: 48px;
  line-height: 115%;
  text-align: center;
  color: #282828;
}
.ward_history-content {
  position: relative;
  margin-top: 48px;
  padding-left: 494px;
}
.ward_history-content > img {
  position: absolute;
  top: 0;
  left: 0;

  width: 456px;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 32px;
}
.ward_history-content p {
  font-weight: 400;
  font-size: 20px;
  line-height: 140%;
  color: #282828;
}
.ward_history-content p b {
  font-weight: 500;
}
.ward_history-content p:not(:first-child) {
  margin-top: 32px;
}
.ward_history-content .quote {
  margin: 16px 0;
  padding: 8px 14px;
  max-width: 530px;
  background: #fff;
  border-left: 1px solid #017f64;

  font-weight: 500;
  font-size: 18px;
  line-height: 135%;
  color: rgba(40, 40, 40, 0.8);
}
.ward_history-content .btn {
  padding-inline: 110px;
}
@media (max-width: 991px) {
  .ward_history-content {
    padding: 0;
  }
  .ward_history-content > img {
    position: static;
    display: block;
    margin: 24px auto 0;
    height: auto;
    aspect-ratio: 450/560;
    -o-object-position: top center;
    object-position: top center;
  }
  .ward_history-content .btn {
    display: block;
    margin-inline: auto;
  }
}
@media (max-width: 767px) {
  .ward_history {
    padding: 32px 0;
  }
  .ward_history-title {
    margin: 0 auto;
    font-size: 26px;
    line-height: 115%;
  }
  .ward_history-content {
    margin-top: 24px;
  }
  .ward_history-content > img {
    aspect-ratio: 290/280;
    border-radius: 40px;
  }
  .ward_history-content p {
    font-size: 14px;
    line-height: 140%;
  }
  .ward_history-content p:not(:first-child) {
    margin-top: 24px;
  }
  .ward_history-content .quote {
    padding: 10px 14px;
    font-weight: 500;
    font-size: 16px;
    line-height: 125%;
  }
  .ward_history-content .btn {
    margin-inline: 0;
    padding-inline: 40px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}
.permonth.ward_change::before {
  content: "";
  z-index: 2;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 37px;
  background: #f6f6f6;
  -webkit-mask: url(../img/ward/permonth-before.svg) bottom center / cover no-repeat;
  mask: url(../img/ward/permonth-before.svg) bottom center / cover no-repeat;
  pointer-events: none;
}

.header-btns {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 16px;
}
.header .btn {
  padding: 8px 16px;
  font-size: 14px;
}
.header .btn-subscr {
  margin: 0;
  padding: 8px 16px;
  font-size: 14px;
  border-radius: 30px;
}
@media (max-width: 1199px) {
  .header-btns {
    margin-inline: auto 16px;
  }
}
@media (max-width: 767px) {
  .header-btns {
    margin: 0;
    gap: 8px;
  }
}
@media (max-width: 420px) {
  .header .btn {
    padding: 8px 10px;
    font-size: 12px;
  }
  .header .btn-subscr {
    padding: 8px 10px;
    font-size: 12px;
  }
  .unisender_btn {
    padding: 8px 10px;
    font-size: 12px;
  }
}
@media (max-width: 390px) {
  .unisender_btn::before {
    content: none;
  }
}
.threeyears-slider {
  display: none;
}
@media (max-width: 576px) {
  .hidden-576 {
    display: none !important;
  }
  .threeyears {
    padding-top: 45px;
  }
  .threeyears .sect-title {
    margin-bottom: 24px;
    max-width: 300px;
  }
  .threeyears .threeyears-01 {
    right: 40px;
    width: 14px;
  }
  .threeyears .threeyears-02 {
    display: block;
    right: 10px;
    width: 24px;
  }
  .threeyears .threeyears-03,
  .threeyears .threeyears-04,
  .threeyears .threeyears-05,
  .threeyears .threeyears-06 {
    display: none;
  }
  .ward_threeyears.threeyears .threeyears-line {
    margin: 24px 0;
  }
  .threeyears-slider {
    display: block;
    margin: 0 auto 24px;
    width: 100%;
    max-width: 300px;
    border-radius: 40px;
    -webkit-box-shadow: 0px 0px 8px 0px rgba(34, 60, 80, 0.2);
    box-shadow: 0px 0px 8px 0px rgba(34, 60, 80, 0.2);
  }
  .threeyears-slider .slick-prev,
  .threeyears-slider .slick-next {
    right: -12px;
    width: 24px;
    height: 24px;
    background: #27cb74;
  }
  .threeyears-slider .slick-prev {
    right: auto;
    left: -12px;
  }
  .threeyears-slider .slick-prev::before,
  .threeyears-slider .slick-next::before {
    border: none;
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -50%) !important;
    -ms-transform: translate(-50%, -50%) !important;
    transform: translate(-50%, -50%) !important;
    width: 12px;
    height: 14px;
    background: url(../img/threeyears/slide-arrow.svg) center / contain no-repeat;
  }
  .threeyears-slider .slick-prev::before {
    -webkit-transform: translate(-50%, -50%) rotate(180deg) !important;
    -ms-transform: translate(-50%, -50%) rotate(180deg) !important;
    transform: translate(-50%, -50%) rotate(180deg) !important;
  }
  .threeyears-slider img {
    width: 100%;
    border-radius: 40px;
  }
}

.helps .bg-4 {
  z-index: 1;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 1000px;
}
@media (max-width: 1830px) {
  .helps .bg-4 {
    width: 900px;
  }
}
@media (max-width: 1640px) {
  .helps .bg-4 {
    width: 800px;
  }
}
@media (max-width: 1440px) {
  .helps .bg-4 {
    width: 700px;
  }
}
@media (max-width: 1199px) {
  .helps .bg-4 {
    width: 600px;
  }
}
@media (max-width: 991px) {
  .helps .bg-4 {
    display: none;
  }
}