/*
Theme Name: Raport
Author: Simplo sp. z o.o.
Author URI: https://studiosimplo.pl/
Version: 1.0
*/
@import url("https://fonts.googleapis.com/css2?family=Cormorant:ital,wght@1,300..700&family=Manrope:wght@200..800&display=swap");
/* ---------------------------------------------------------------------------------- */
.m-0rem {
  margin: 0rem !important;
}

.m-1rem {
  margin: 1rem !important;
}

.m-2rem {
  margin: 2rem !important;
}

.m-3rem {
  margin: 3rem !important;
}

.m-4rem {
  margin: 4rem !important;
}

.m-5rem {
  margin: 5rem !important;
}

.m-6rem {
  margin: 6rem !important;
}

.m-7rem {
  margin: 7rem !important;
}

.mt-0rem {
  margin-top: 0rem !important;
}

.mt-1rem {
  margin-top: 1rem !important;
}

.mt-2rem {
  margin-top: 2rem !important;
}

.mt-3rem {
  margin-top: 3rem !important;
}

.mt-4rem {
  margin-top: 4rem !important;
}

.mt-5rem {
  margin-top: 5rem !important;
}

.mt-6rem {
  margin-top: 6rem !important;
}

.mt-7rem {
  margin-top: 7rem !important;
}

.mb-0rem {
  margin-bottom: 0rem !important;
}

.mb-1rem {
  margin-bottom: 1rem !important;
}

.mb-2rem {
  margin-bottom: 2rem !important;
}

.mb-3rem {
  margin-bottom: 3rem !important;
}

.mb-4rem {
  margin-bottom: 4rem !important;
}

.mb-5rem {
  margin-bottom: 5rem !important;
}

.mb-6rem {
  margin-bottom: 6rem !important;
}

.mb-7rem {
  margin-bottom: 7rem !important;
}

.my-0rem {
  margin-top: 0rem !important;
  margin-bottom: 0rem !important;
}

.my-1rem {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.my-2rem {
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
}

.my-3rem {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.my-4rem {
  margin-top: 4rem !important;
  margin-bottom: 4rem !important;
}

.my-5rem {
  margin-top: 5rem !important;
  margin-bottom: 5rem !important;
}

.my-6rem {
  margin-top: 6rem !important;
  margin-bottom: 6rem !important;
}

.my-7rem {
  margin-top: 7rem !important;
  margin-bottom: 7rem !important;
}

.p-0rem {
  padding: 0rem !important;
}

.p-1rem {
  padding: 1rem !important;
}

.p-2rem {
  padding: 2rem !important;
}

.p-3rem {
  padding: 3rem !important;
}

.p-4rem {
  padding: 4rem !important;
}

.p-5rem {
  padding: 5rem !important;
}

.p-6rem {
  padding: 6rem !important;
}

.p-7rem {
  padding: 7rem !important;
}

.pt-0rem {
  padding-top: 0rem !important;
}

.pt-1rem {
  padding-top: 1rem !important;
}

.pt-2rem {
  padding-top: 2rem !important;
}

.pt-3rem {
  padding-top: 3rem !important;
}

.pt-4rem {
  padding-top: 4rem !important;
}

.pt-5rem {
  padding-top: 5rem !important;
}

.pt-6rem {
  padding-top: 6rem !important;
}

.pt-7rem {
  padding-top: 7rem !important;
}

.pb-0rem {
  padding-bottom: 0rem !important;
}

.pb-1rem {
  padding-bottom: 1rem !important;
}

.pb-2rem {
  padding-bottom: 2rem !important;
}

.pb-3rem {
  padding-bottom: 3rem !important;
}

.pb-4rem {
  padding-bottom: 4rem !important;
}

.pb-5rem {
  padding-bottom: 5rem !important;
}

.pb-6rem {
  padding-bottom: 6rem !important;
}

.pb-7rem {
  padding-bottom: 7rem !important;
}

.pl-0rem {
  padding-left: 0rem !important;
}

.pl-1rem {
  padding-left: 1rem !important;
}

.pl-2rem {
  padding-left: 2rem !important;
}

.pl-3rem {
  padding-left: 3rem !important;
}

.pl-4rem {
  padding-left: 4rem !important;
}

.pl-5rem {
  padding-left: 5rem !important;
}

.pl-6rem {
  padding-left: 6rem !important;
}

.pl-7rem {
  padding-left: 7rem !important;
}

.pr-0rem {
  padding-right: 0rem !important;
}

.pr-1rem {
  padding-right: 1rem !important;
}

.pr-2rem {
  padding-right: 2rem !important;
}

.pr-3rem {
  padding-right: 3rem !important;
}

.pr-4rem {
  padding-right: 4rem !important;
}

.pr-5rem {
  padding-right: 5rem !important;
}

.pr-6rem {
  padding-right: 6rem !important;
}

.pr-7rem {
  padding-right: 7rem !important;
}

.py-0rem {
  padding-top: 0rem !important;
  padding-bottom: 0rem !important;
}

.py-1rem {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.py-2rem {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}

.py-3rem {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.py-4rem {
  padding-top: 4rem !important;
  padding-bottom: 4rem !important;
}

.py-5rem {
  padding-top: 5rem !important;
  padding-bottom: 5rem !important;
}

.py-6rem {
  padding-top: 6rem !important;
  padding-bottom: 6rem !important;
}

.py-7rem {
  padding-top: 7rem !important;
  padding-bottom: 7rem !important;
}

.px-0rem {
  padding-left: 0rem !important;
  padding-right: 0rem !important;
}

.px-1rem {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.px-2rem {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}

.px-3rem {
  padding-left: 3rem !important;
  padding-right: 3rem !important;
}

.px-4rem {
  padding-left: 4rem !important;
  padding-right: 4rem !important;
}

.px-5rem {
  padding-left: 5rem !important;
  padding-right: 5rem !important;
}

.px-6rem {
  padding-left: 6rem !important;
  padding-right: 6rem !important;
}

.px-7rem {
  padding-left: 7rem !important;
  padding-right: 7rem !important;
}

@keyframes mobileTopSpan {
  50% {
    -webkit-transform: translateY(8px);
    -moz-transform: translateY(8px);
    -ms-transform: translateY(8px);
    -o-transform: translateY(8px);
    transform: translateY(8px);
  }
  100% {
    -webkit-transform: translateY(8px) rotate(45deg);
    -moz-transform: translateY(8px) rotate(45deg);
    -ms-transform: translateY(8px) rotate(45deg);
    -o-transform: translateY(8px) rotate(45deg);
    transform: translateY(8px) rotate(45deg);
  }
}
@keyframes mobileBottomSpan {
  50% {
    -webkit-transform: translateY(-8px);
    -moz-transform: translateY(-8px);
    -ms-transform: translateY(-8px);
    -o-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  100% {
    -webkit-transform: translateY(-8px) rotate(-45deg);
    -moz-transform: translateY(-8px) rotate(-45deg);
    -ms-transform: translateY(-8px) rotate(-45deg);
    -o-transform: translateY(-8px) rotate(-45deg);
    transform: translateY(-8px) rotate(-45deg);
  }
}
@keyframes mobileTopSpanReverse {
  0% {
    -webkit-transform: translateY(8px) rotate(45deg);
    -moz-transform: translateY(8px) rotate(45deg);
    -ms-transform: translateY(8px) rotate(45deg);
    -o-transform: translateY(8px) rotate(45deg);
    transform: translateY(8px) rotate(45deg);
  }
  50% {
    -webkit-transform: translateY(8px) rotate(0);
    -moz-transform: translateY(8px) rotate(0);
    -ms-transform: translateY(8px) rotate(0);
    -o-transform: translateY(8px) rotate(0);
    transform: translateY(8px) rotate(0);
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes mobileBottomSpanReverse {
  0% {
    -webkit-transform: translateY(-8px) rotate(-45deg);
    -moz-transform: translateY(-8px) rotate(-45deg);
    -ms-transform: translateY(-8px) rotate(-45deg);
    -o-transform: translateY(-8px) rotate(-45deg);
    transform: translateY(-8px) rotate(-45deg);
  }
  50% {
    -webkit-transform: translateY(-8px) rotate(0);
    -moz-transform: translateY(-8px) rotate(0);
    -ms-transform: translateY(-8px) rotate(0);
    -o-transform: translateY(-8px) rotate(0);
    transform: translateY(-8px) rotate(0);
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
html {
  scroll-behavior: smooth;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

a {
  color: #fd7e14;
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
a:hover {
  color: #1c312b;
}

.more, form.wpcf7-form [type=submit] {
  position: relative;
  display: inline-block;
  margin-top: 1.5rem;
  padding: 1.25rem 2rem;
  padding-left: 4.5rem;
  font-weight: 500;
  color: #1c312b;
  line-height: 1.25;
  letter-spacing: 1%;
  text-align: left;
  border: 1px solid #fd7e14;
  border-radius: 9999rem;
}
.more.orange, form.wpcf7-form .orange[type=submit] {
  color: #ffffff;
  background: #fd7e14;
}
.more.orange::before, form.wpcf7-form .orange[type=submit]::before {
  background: url("./img/arrow-right-orange.svg") no-repeat center, #ffffff;
}
.more.more--banner, form.wpcf7-form .more--banner[type=submit] {
  color: #ffffff;
  border-color: #ffffff;
}
.more.more--banner::before, form.wpcf7-form .more--banner[type=submit]::before {
  background: url("./img/arrow-right-black.svg") no-repeat center, #d6dec9;
}
.more::before, form.wpcf7-form [type=submit]::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0.75rem;
  width: 42px;
  height: 42px;
  margin-right: 1rem;
  text-align: center;
  border-radius: 50%;
  background: url("./img/arrow-right-white.svg") no-repeat center, #fd7e14;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.more:hover, form.wpcf7-form [type=submit]:hover {
  color: #ffffff;
  border-color: #000000;
  background: #000000;
}

.full-width {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.white {
  color: #ffffff;
}

.left {
  text-align: left;
}

.center {
  text-align: center;
}

.right {
  text-align: right;
}

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

.hidden {
  opacity: 0;
  visibility: hidden;
}

img,
embed,
object,
video {
  max-width: 100%;
  height: auto;
}

iframe {
  max-width: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: inherit;
  line-height: 1.2;
}

.wrapper, .footer__wrapper, .section__wrapper, .banner__text, .header__wrapper, .body__wrapper {
  width: 1300px;
  max-width: 90%;
  margin: 0 auto;
  padding: 5rem 0;
}

.body {
  font-size: 16px;
  font-weight: 400;
  font-family: Manrope, Calibri, sans-serif;
  line-height: 1.5;
  color: #1c312b;
  background: #ffffff;
  overflow-x: hidden;
}
.body.body--portalklienta {
  background: url("./img/ellipse-portalklienta.png") no-repeat 78% 18.5%;
}
.body.body--ofirmie {
  background: url("./img/ellipse-portalklienta.png") no-repeat 82.5% 25%;
}
.body.body--kontakt .header,
.body.body--kontakt .section.section--breadcrumbs {
  background: #d6dec9;
}
.body.body--uslugi .section.section--breadcrumbs, 
.body--ksiegowoscdlafirm .section.section--breadcrumbs, 
.body--obslugakadrowoplacowa .section.section--breadcrumbs,
.body--ksiegowoscdlaspolekzoo .section.section--breadcrumbs 
{
  background: #d6dec9;
}
.body.body--template .header {
  width: 100%;
  position: absolute;
  z-index: 200;
}
.body.body--template .header__menu > .header__menuItem > .header__menuLink {
  color: #ffffff;
}
.body.body--template .header__menu > .header__menuItem > .header__menuLink:hover {
  color: #fd7e14;
}
.body.body--template .header__menu > .header__menuItem.menu-item-has-children > .header__menuLink::after {
  -webkit-filter: none;
  filter: none;
}
.body.body--template .header__menu > .header__menuItem.special .header__menuLink:hover {
  color: #ffffff;
}

.body__wrapper {
  padding-top: 0;
  padding-bottom: 5rem;
}

.header__title {
  margin-bottom: 2rem;
  font-size: 3rem;
  font-weight: 500;
  letter-spacing: -2%;
}
.header__title span {
  display: inline-block;
  font-size: 4rem;
  font-family: Cormorant, serif;
  line-height: 1;
}
.header__title.header__title--medium {
  font-size: 2.5rem;
}
.header__title.header__title--medium span {
  font-size: 3.5rem;
}
.header__title.header__title--small {
  font-size: 2rem;
}
.header__title.header__title--small span {
  font-size: 3rem;
}
.header__title.header__title--special {
  font-size: 2.5rem;
  font-weight: 600;
  letter-spacing: 0;
  text-align: center;
}
.header__title.header__title--orange span {
  color: #fd7e14;
}
.header__title.header__title--quotes::before {
  content: url("./img/quotes.svg");
  display: block;
  margin-bottom: 2rem;
}

.breadcrumbs {
  margin-bottom: 1rem;
}
.breadcrumbs > span {
  padding-left: 0;
}
.breadcrumbs a {
  color: #000000;
}
.breadcrumbs a:hover {
  color: #fd7e14;
}
.breadcrumbs span {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  color: #000000;
  line-height: 1.2;
  letter-spacing: -3%;
}
.breadcrumbs span:first-child {
  padding-left: 0;
}
.breadcrumbs span.breadcrumb_last {
  font-weight: 700;
}

.search {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999;
  padding: 1.5rem;
  background: rgba(0, 0, 0, 0.975);
  display: none;
}

.search__phrase {
  font-weight: 700;
}

.search__close {
  position: absolute;
  right: 1.5rem;
  top: 1.5rem;
  color: #ffffff;
  border: none;
  background: transparent;
  cursor: pointer;
}
.search__close:hover {
  color: #000000;
}
.search__close i {
  font-size: 1.875rem;
  color: inherit;
}

.search__form {
  width: inherit;
  height: inherit;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.search__input {
  width: 250px;
  display: inline-block;
  margin-right: 0.75rem;
  padding: 0.65rem 1rem;
  font-size: 0.9375rem;
  color: #1c312b;
}
.search__input::placeholder {
  color: inherit;
}

.search__submit {
  height: 38px;
  display: inline-block;
  font-size: 1.375rem;
  color: #ffffff;
  border: none;
  background: transparent;
  cursor: pointer;
}
.search__submit:hover {
  color: #bbbbbb;
}
.search__submit i {
  color: inherit;
  vertical-align: -3px;
}

.header__wrapper {
  padding: 1.75rem 0 1rem;
}

.header__bar {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: space-between;
  -moz-box-pack: space-between;
  -ms-flex-pack: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.header__menu {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: flex-end;
  -moz-box-pack: flex-end;
  -ms-flex-pack: flex-end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.header__menu .sub-menu {
  width: 275px;
  position: absolute;
  left: 0;
  top: 100%;
  margin: 0;
  padding: 0;
  list-style-type: none;
  background: rgba(0, 0, 0, 0.75);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.25s ease, visibility 0.25s ease;
  -moz-transition: opacity 0.25s ease, visibility 0.25s ease;
  -o-transition: opacity 0.25s ease, visibility 0.25s ease;
  transition: opacity 0.25s ease, visibility 0.25s ease;
}
.header__menu .sub-menu .header__menuItem:not(:last-child) {
  border-bottom: 1px solid #fd7e14;
}
.header__menu .sub-menu .header__menuLink {
  padding-top: 0.65rem;
  padding-bottom: 0.65rem;
  font-size: 0.875rem;
  color: #ffffff;
}
.header__menu .sub-menu .header__menuLink:hover {
  color: #fd7e14;
}

.header__menuItem {
  position: relative;
}
.header__menuItem.special .header__menuLink {
  position: relative;
  margin-left: 1rem;
  padding: 1.25rem 2rem !important;
  padding-left: 4.5rem !important;
  border-radius: 9999rem;
  border: 1px solid #fd7e14;
}
.header__menuItem.special .header__menuLink::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0.75rem;
  width: 42px;
  height: 42px;
  margin-right: 1rem;
  text-align: center;
  border-radius: 50%;
  background: url("./img/files-icon.svg") no-repeat center, #fd7e14;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.header__menuItem.special .header__menuLink:hover {
  color: #ffffff;
  border-color: #000000;
  background: #000000;
}
.header__menuItem.current_page_item > .header__menuLink {
  color: #fd7e14 !important;
}
.header__menuItem.menu-item-has-children > .header__menuLink::after {
  content: url("./img/chevron-down.svg");
  -webkit-filter: invert(100%);
  filter: invert(100%);
  padding-left: 0.45rem;
}
.header__menuItem:hover .sub-menu {
  opacity: 1;
  visibility: visible;
}

.header__menuLink {
  display: block;
  padding: 0.5rem 1.25rem;
  font-weight: 500;
  color: #1c312b;
  line-height: 1.2;
  letter-spacing: 1%;
}
.header__menuLink:hover {
  color: #fd7e14;
}

.header__menuButton {
  position: absolute;
  right: 1rem;
  top: 2px;
  padding: 0.4rem 0.5rem;
  color: #ffffff;
  border-radius: 50%;
  border: 1px solid #ffffff;
  cursor: pointer;
  background: transparent;
  display: none;
}

#mobile-btn {
  width: 36px;
  height: 36px;
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 5000;
  margin-top: 0.2rem;
  background: rgba(28, 49, 43, 0.75);
  border-radius: 3px;
  border: 0;
  cursor: pointer;
  display: none;
}
#mobile-btn div {
  height: 100%;
  margin: auto;
  position: relative;
}
#mobile-btn span {
  width: 65%;
  height: 2px;
  position: absolute;
  left: 17.5%;
  background: #fd7e14;
}
#mobile-btn span.first {
  top: 9px;
}
#mobile-btn span.center {
  top: 17px;
}
#mobile-btn span.last {
  top: 25px;
}

.active #mobile-btn {
  position: fixed;
}
.active #mobile-btn span.first {
  animation: mobileTopSpan 0.75s forwards;
}
.active #mobile-btn span.center {
  display: none;
}
.active #mobile-btn span.last {
  animation: mobileBottomSpan 0.75s forwards;
}

.sticky-link {
  position: fixed;
  right: 0;
  bottom: 5%;
  z-index: 100;
  padding: 1.35rem 1.5rem;
  padding-left: 4.5rem;
  font-weight: 500;
  color: #ffffff;
  line-height: 1;
  letter-spacing: 1%;
  border-top-left-radius: 9999rem;
  border-bottom-left-radius: 9999rem;
  background: #fd7e14;
}
.sticky-link::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0.75rem;
  width: 42px;
  height: 42px;
  margin-right: 1rem;
  text-align: center;
  border-radius: 50%;
  border: 1px solid #ffffff;
  background: url("./img/phone-ring-icon.svg") no-repeat center, #fd7e14;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.sticky-link:hover {
  color: #ffffff;
  border-color: #000000;
  background: #000000;
}

.banner {
  width: 100%;
  height: 100svh;
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.banner.banner--subpage {
  height: 75svh;
}

.banner__mask {
  width: inherit;
  height: inherit;
  background: rgba(0, 0, 0, 0.5);
}

.banner__text {
  position: absolute;
  bottom: 7.5%;
  left: 50%;
  padding: 0;
  color: #ffffff;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}

.banner__textBox {
  max-width: 750px;
  padding: 1.5rem 2rem;
  border: 1px solid #ffffff;
}

.banner__excerpt {
  max-width: 500px;
  font-size: 1.125rem;
  font-weight: 500;
  letter-spacing: 1%;
}

.banner__links {
  margin-top: 1.5rem;
}

.banner__linksLink {
  position: relative;
  display: block;
  padding-left: 2.25rem;
  font-size: 1.5rem;
  color: #ffffff;
  line-height: 1.1;
}
.banner__linksLink:not(:last-child) {
  margin-bottom: 1rem;
}
.banner__linksLink:hover {
  color: #fd7e14;
}
.banner__linksLink::before {
  content: url("./img/arrow-right-long-orange.svg");
  position: absolute;
  left: 0;
  top: -4px;
}

.section.section--green {
  background: #d6dec9;
}
.section.section--boxtext {
  background: url("./img/ellipse-orange.png") no-repeat 15% bottom;
}
.section.section--logotypes {
  background: url("./img/ellipse-orange-big.png") no-repeat 25% bottom;
}
.section.section--parallax {
  position: relative;
  z-index: 0;
  padding: 10rem 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-color: #1c312b;
  background-attachment: fixed;
}
.section.section--parallax::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}
.section.section--boxcontact {
  background: url("./img/circle-big.png") no-repeat 15% bottom, url("./img/circle-small.png") no-repeat 80% center;
}
.section#offer {
  background: url("./img/ellipse-green.png") no-repeat 18% 0, #d6dec9;
}

.section__wrapper.section__wrapper--darkgreen {
  padding-left: 7.5%;
  padding-right: 7.5%;
  color: #ffffff;
  background: url("./img/ellipse-darkgreen.png") no-repeat left top, #1c312b;
}
.section__wrapper.section__wrapper--contact {
  background: url("./img/ellipse-contact.png") no-repeat -15% bottom;
}
.section__wrapper.section__wrapper--map {
  width: 100%;
  max-width: 100%;
  padding-top: 2rem;
  padding-bottom: 0;
}
.section__wrapper.section__wrapper--map .header__title {
  padding-left: 5%;
  padding-right: 5%;
}

.footer {
  background: #1c312b;
  color: #ffffff;
  font-weight: 300;
  line-height: 1.2;
}
.footer a {
  color: inherit;
}
.footer a:hover {
  color: #fd7e14;
}

.footer__wrapper {
  padding-top: 3rem;
  padding-bottom: 1.25rem;
}

.footer__top {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: flex-start;
  -moz-box-pack: flex-start;
  -ms-flex-pack: flex-start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.footer__topItem {
  width: 65%;
  margin: 1rem 0;
  padding-left: 15%;
}
.footer__topItem.footer__topItem--small {
  width: 35%;
  padding-left: 0;
}

.footer__topAddress,
.footer__topLink,
.contact-el {
  font-size: 1.1875rem;
  line-height: 1.5;
  letter-spacing: -2%;
}

.footer__topAddress {
  margin-top: 1rem;
  margin-bottom: 2.5rem;
}

.footer__topLink, .contact-el {
  margin-top: 1rem;
  position: relative;
  padding-left: 2.5rem;
}
.footer__topLink img, .contact-el img {
  position: absolute;
  left: 0;
  top: 3px;
}

.footer__box {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: flex-start;
  -moz-box-pack: flex-start;
  -ms-flex-pack: flex-start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-top: 1.25rem;
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 1.2;
  letter-spacing: -2%;
}

.footer__boxItem {
  width: 25%;
  margin-bottom: 1.5rem;
}
.footer__boxItem:first-child {
  width: 50%;
}
.footer__boxItem:not(:last-child) {
  padding-right: 5%;
}

.footer__boxName {
  margin-bottom: 1.5rem;
  font-size: 1.5rem;
  line-height: 1.2;
  letter-spacing: -2%;
}

.footer__boxLink {
  display: block;
  margin-bottom: 1rem;
}

.footer__boxDescription {
  margin-top: -0.5rem;
  line-height: 2;
}

.footer__bottom {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: space-between;
  -moz-box-pack: space-between;
  -ms-flex-pack: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 2rem;
  padding-top: 1.25rem;
  border-top: 1px solid #7f7f7f;
}

.footer__bottomItem {
  width: 33.33%;
  padding: 0.75rem 0;
}

.footer__bottomLink {
  font-weight: 400;
}
.footer__bottomLink i {
  padding-left: 0.85rem;
  font-size: 1.5625rem;
  vertical-align: -3px;
}

.footer__menu {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: flex-end;
  -moz-box-pack: flex-end;
  -ms-flex-pack: flex-end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.footer__menuItem {
  padding: 0.25rem 0 0.25rem 1.5rem;
}

.pagination {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  margin: 0;
  margin-top: 2.5rem;
  padding: 0;
  list-style-type: none;
}

.pagination__item {
  margin: 0 0.35rem;
}

.pagination__link {
  display: block;
  width: 34px;
  height: 34px;
  font-size: 1.125rem;
  font-weight: 600;
  color: #1c312b;
  line-height: 32px;
  text-align: center;
  border-radius: 3px;
  border: 1px solid #b7b7b7;
}
.pagination__link.disabled {
  cursor: not-allowed;
}
.pagination__link.current {
  font-weight: 600;
  color: #ffffff;
  border-color: #fd7e14;
  background: #fd7e14;
}
.pagination__link:hover {
  color: #ffffff;
  border-color: #fd7e14;
  background: #fd7e14;
}
.pagination__link.prev, .pagination__link.next {
  font-family: icomoon;
  color: #b7b7b7;
  line-height: 34px;
  border: none;
}
.pagination__link.prev:hover, .pagination__link.next:hover {
  color: #ffffff;
}

.textbox {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: flex-start;
  -moz-box-pack: flex-start;
  -ms-flex-pack: flex-start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.textbox.textbox--align-center {
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.textbox__item {
  width: 50%;
}
.textbox__item.textbox__item--title {
  padding-right: 10%;
}
.textbox__item.w40 {
  width: 40%;
}
.textbox__item.w60 {
  width: 60%;
}

.textbox__listItem {
  padding-bottom: 1.6rem;
}
.textbox__listItem:not(:last-child) {
  margin-bottom: 1.6rem;
  border-bottom: 1px solid #8d9895;
}

.textbox__listTitle {
  position: relative;
  margin-bottom: 0.85rem;
  padding-left: 2.5rem;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.3;
}
.textbox__listTitle::before {
  content: url("./img/arrow-right-orange.svg");
  position: absolute;
  top: 0.2rem;
  left: 0;
}

.faq {
  padding-top: 1rem;
}

.faq__item {
  padding: 2.5rem 0;
  border-bottom: 1px solid #8d9895;
}
.faq__item:first-child {
  border-top: 1px solid #8d9895;
}
.faq__item.faq__item--small {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.faq__item.faq__item--counter {
  position: relative;
  padding-left: 1.85rem;
}

.faq__counter {
  position: absolute;
  left: 0;
  top: 0.65rem;
  font-size: 2.5rem;
  font-weight: 500;
  font-family: Cormorant, serif;
  line-height: 1.2;
}

.faq__title {
  position: relative;
  padding-right: 3.5rem;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.5;
  cursor: pointer;
}
.faq__title.faq__title--big {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.2;
}
.faq__title.faq__title--big::after {
  top: 0.25rem;
}
.faq__title.faq__title--fw500 {
  font-weight: 500;
}
.faq__title::after {
  content: url("./img/plus-icon.svg");
  position: absolute;
  top: 0;
  right: 0;
}
.faq__title.active::after {
  content: url("./img/minus-icon.svg");
}

.faq__text {
  max-width: 700px;
  margin-top: 0.75rem;
  padding-right: 3.5rem;
  display: none;
}

.imagetext {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: flex-start;
  -moz-box-pack: flex-start;
  -ms-flex-pack: flex-start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.imagetext.reverse {
  -webkit-box-direction: row-reverse;
  -webkit-box-orient: row-reverse;
  -moz-box-direction: row-reverse;
  -moz-box-orient: row-reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.imagetext.reverse .imagetext__item.imagetext__item--text {
  padding-right: 0;
  padding-left: 6.5%;
}
.imagetext.reverse .imagetext__item.imagetext__item--faq {
  padding-right: 0;
  padding-left: 5%;
}

.imagetext__item {
  width: 50%;
}
.imagetext__item.imagetext__item--text {
  padding-right: 10%;
}
.imagetext__item.w45 {
  width: 45%;
}
.imagetext__item.w55 {
  width: 55%;
}

.imagetext__text {
  font-size: 1.125rem;
}

.imagetext__links {
  padding-top: 7rem;
}

.imagetext__linksLink {
  position: relative;
  display: block;
  margin-bottom: 2rem;
  padding-left: 2.5rem;
  font-size: 1.5rem;
  font-weight: 500;
  color: #1c312b;
  line-height: 1;
}
.imagetext__linksLink:hover {
  color: #fd7e14;
}
.imagetext__linksLink::before {
  content: url("./img/arrow-right-black.svg");
  position: absolute;
  left: 0;
  top: 0;
}

.imagetext__list {
  margin-top: 5rem;
}

.imagetext__listName {
  position: relative;
  padding-left: 2.5rem;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.1;
}
.imagetext__listName:not(:last-child) {
  margin-bottom: 2rem;
}
.imagetext__listName::before {
  content: url("./img/arrow-right-orange.svg");
  position: absolute;
  left: 0;
  top: 3px;
}

.imagetext__image img {
  width: 100%;
}

.imagetext__persons {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: flex-start;
  -moz-box-pack: flex-start;
  -ms-flex-pack: flex-start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -0.6rem;
  margin-right: -0.6rem;
}

.imagetext__personsItem {
  width: calc(50% - 1.2rem);
  margin: 1rem 0.6rem;
}

.imagetext__personsImage img {
  width: 100%;
  display: block;
}

.imagetext__personsName {
  margin-top: 0.9rem;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.1;
}

.boxlogo {
  max-width: 850px;
  margin: 0 auto;
  line-height: 1.3;
  text-align: center;
}

.boxlogo__name {
  padding-top: 1rem;
  padding-bottom: 0.25rem;
  font-size: 1.5rem;
  font-weight: 500;
  font-family: Cormorant, serif;
}

.boxlogo__position {
  font-size: 1.125rem;
  font-weight: 500;
}

.boxlogo__logotypes {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: space-between;
  -moz-box-pack: space-between;
  -ms-flex-pack: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-top: 2.5rem;
}

.boxlogo__logotypesItem {
  padding: 1rem 1.5rem;
}

.parallax__text {
  max-width: 1000px;
  position: relative;
  z-index: 2;
  margin: 0 auto;
  font-size: 4.5rem;
  color: #ffffff;
  line-height: 1.2;
  text-align: center;
}
.parallax__text span {
  display: inline-block;
  font-size: 6rem;
  font-family: Cormorant, serif;
  line-height: 1;
}

.carousel-header {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: space-between;
  -moz-box-pack: space-between;
  -ms-flex-pack: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  padding-bottom: 2.5rem;
}

.carousel {
  margin-top: 1rem;
}
.carousel.carousel--special .carousel__item {
  padding-top: 5rem;
  padding-bottom: 5rem;
  border-color: #8c968c;
}
.carousel.carousel--special .carousel__item:nth-child(odd) {
  background: url("./img/ellipse-carousel-odd.png") no-repeat center top;
}
.carousel.carousel--special .carousel__item:nth-child(even) {
  background: url("./img/ellipse-carousel-even.png") no-repeat 65% -55px;
}
.carousel .slick-track {
  display: -webkit-box !important;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-pack: flex-start;
  -moz-box-pack: flex-start;
  -ms-flex-pack: flex-start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.carousel .slick-slide {
  height: inherit;
}
.carousel .slick-list {
  padding: 0 15% 0 0 !important;
}

.carousel__item {
  margin: 0 0.5rem;
  padding: 3rem 2.5rem;
  border: 1px solid #d6dec9;
}

.carousel__title {
  margin-bottom: 1.15rem;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.3;
}

.carousel__stars {
  margin-bottom: 1rem;
}

.carousel__signature {
  margin-top: 0.4rem;
  font-weight: 700;
  letter-spacing: -3%;
}

.carousel-nav {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: flex-end;
  -moz-box-pack: flex-end;
  -ms-flex-pack: flex-end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  padding-top: 0.5rem;
}

.slick-arrow {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  width: 42px;
  height: 42px;
  margin-left: 0.5rem;
  border-radius: 50%;
  border: 1px solid #1c312b;
  background: transparent;
  cursor: pointer;
}
.slick-arrow.slick-next img {
  -webkit-transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  transform: scaleX(-1);
}
.slick-arrow:hover {
  border-color: #fd7e14;
  background: #fd7e14;
}
.slick-arrow:hover img {
  -webkit-filter: brightness(10);
  filter: brightness(10);
}

.persons {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: flex-start;
  -moz-box-pack: flex-start;
  -ms-flex-pack: flex-start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -0.75rem;
}

.persons__item {
  width: calc(33.33% - 1.5rem);
  margin: 1.75rem 0.75rem;
  line-height: 1.1;
}

.persons__box {
  position: relative;
  margin-bottom: 1.35rem;
  overflow: hidden;
}
.persons__box:hover .persons__text {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.persons__text {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: flex-end;
  -moz-box-align: flex-end;
  -ms-flex-align: flex-end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  padding: 7.5%;
  color: #ffffff;
  line-height: 1.5;
  background: rgba(28, 49, 43, 0.85);
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: transform 0.75s ease;
  -moz-transition: transform 0.75s ease;
  -o-transition: transform 0.75s ease;
  transition: transform 0.75s ease;
}

.persons__image img {
  width: 100%;
  display: block;
}

.persons__position {
  font-weight: 700;
}

.persons__name {
  margin: 0.75rem 0;
  font-size: 1.4375rem;
  font-weight: 500;
}

.persons__email {
  color: #1c312b;
  font-weight: 700;
}
.persons__email a {
  color: inherit;
}
.persons__email a:hover {
  color: #fd7e14;
}

.offer.offer--special .offer__box {
  color: #1c312b;
  background: #d6dec9;
}
.offer.offer--special .offer__boxLink {
  border-color: #fd7e14;
}
.offer.offer--special .offer__boxLink:hover {
  border-color: #1c312b;
  background: #1c312b;
}

.offer__box {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: flex-start;
  -moz-box-pack: flex-start;
  -ms-flex-pack: flex-start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  color: #d6dec9;
  background: #1c312b;
}
.offer__box:not(:last-child) {
  margin-bottom: 2.5rem;
}
.offer__box:nth-child(even) {
  -webkit-box-direction: row-reverse;
  -webkit-box-orient: row-reverse;
  -moz-box-direction: row-reverse;
  -moz-box-orient: row-reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.offer__boxItem {
  width: 50%;
}
.offer__boxItem.offer__boxItem--text {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: flex-start;
  -moz-box-align: flex-start;
  -ms-flex-align: flex-start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-direction: column;
  -webkit-box-orient: column;
  -moz-box-direction: column;
  -moz-box-orient: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  padding: 5rem 5%;
}

.offer__boxImage {
  height: 100%;
}
.offer__boxImage img {
  width: 100%;
  height: inherit;
  display: block;
  object-fit: cover;
}

.offer__boxTitle {
  margin-bottom: 1.35rem;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.15;
}

.offer__boxQualities {
  margin-top: 1.5rem;
}

.offer__boxQualitiesItem {
  position: relative;
  padding-left: 2.85rem;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.3;
}
.offer__boxQualitiesItem:not(:last-child) {
  margin-bottom: 0.75rem;
}
.offer__boxQualitiesItem::before {
  content: url("./img/arrow-right-orange.svg");
  position: absolute;
  left: 0;
  top: 1px;
}

.offer__boxLink {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  position: absolute;
  right: 1.75rem;
  bottom: 1.75rem;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid #d6dec9;
}
.offer__boxLink:hover {
  border-color: #fd7e14;
  background: #fd7e14;
}

form.wpcf7-form label {
  width: 95%;
  display: block;
  margin-bottom: 1.85rem;
  font-weight: 600;
  font-size: 16px;
  line-height: 140%;
}
form.wpcf7-form label .asterisk {
  color: #fd7e14;
}
form.wpcf7-form input,
form.wpcf7-form textarea {
  width: 95%;
  display: block;
  margin-top: 0.2rem;
  padding: 0.5rem 0;
  font-size: 0.875rem;
  font-family: inherit;
  color: #1c312b;
  border: none;
  border-bottom: 1px solid #1c312b;
  background: transparent;
}
form.wpcf7-form input::placeholder,
form.wpcf7-form textarea::placeholder {
  color: #79877a;
}
form.wpcf7-form textarea {
  resize: vertical;
}
form.wpcf7-form [type=submit] {
  width: auto;
  display: inline-block;
  font-size: 1rem;
  font-weight: 600;
  font-family: inherit;
  color: #ffffff;
  background: #fd7e14;
  cursor: pointer;
}
form.wpcf7-form [type=submit]::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0.75rem;
  width: 42px;
  height: 42px;
  margin-right: 1rem;
  text-align: center;
  border-radius: 50%;
  background: url("./img/arrow-right-orange.svg") no-repeat center, #d6dec9;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
form.wpcf7-form .wpcf7-acceptance > .wpcf7-list-item {
  margin: 0;
}
form.wpcf7-form .wpcf7-acceptance label {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: flex-start;
  -moz-box-pack: flex-start;
  -ms-flex-pack: flex-start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: flex-start;
  -moz-box-align: flex-start;
  -ms-flex-align: flex-start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
form.wpcf7-form .wpcf7-acceptance label {
  font-size: 0.875rem;
  font-weight: 400;
  letter-spacing: 2%;
}
form.wpcf7-form .wpcf7-acceptance label a {
  font-weight: 700;
  color: #1c312b;
}
form.wpcf7-form .wpcf7-acceptance label a:hover {
  color: #fd7e14;
}
form.wpcf7-form .wpcf7-acceptance label > [type=checkbox] {
  width: 14px;
  height: 14px;
  min-width: 14px;
  min-height: 14px;
  margin-top: 4px;
  margin-right: 0.5rem;
}
form.wpcf7-form .submit-wrapper {
  position: relative;
  text-align: right;
}
form.wpcf7-form .wpcf7-spinner {
  position: absolute;
  top: -7px;
  right: 5rem;
}

.contact-el {
  font-size: 1.1875rem;
}
.contact-el a {
  color: #1c312b;
}
.contact-el a:hover {
  color: #fd7e14;
}

.google-map iframe {
  width: 100%;
  height: 400px;
  display: block;
  border: none;
}

.blogbox {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: space-between;
  -moz-box-pack: space-between;
  -ms-flex-pack: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 0.5rem;
}

.blogbox__link {
  display: block;
  padding: 0.75rem 0;
  font-weight: 500;
  color: #1c312b;
  line-height: 1.35;
  letter-spacing: 1%;
  text-decoration: underline;
}
.blogbox__link:hover {
  color: #fd7e14;
}
.blogbox__link.blogbox__link--orange {
  color: #fd7e14;
}
.blogbox__link.blogbox__link--orange:hover {
  color: #1c312b;
}

.blogcat {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 3rem;
}

.blogcat__item {
  margin: 0.55rem 0.75rem;
}

.blogcat__button {
  display: block;
  padding: 0.8rem 1.5rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 1%;
  text-align: center;
  border-radius: 9999rem;
  border: 1px solid #1c312b;
  background: #ffffff;
  cursor: pointer;
}
.blogcat__button:hover, .blogcat__button.active {
  color: #ffffff;
  background: #1c312b;
}

.tiles {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: flex-start;
  -moz-box-pack: flex-start;
  -ms-flex-pack: flex-start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -1rem;
}
.tiles.tiles--related .tiles__item:first-child, .tiles.tiles--related .tiles__item:nth-child(2), .tiles.tiles--related .tiles__item:nth-child(3) {
  width: calc(33.33% - 2rem);
  padding: 0;
  border: none;
}
.tiles.tiles--related .tiles__item:first-child article, .tiles.tiles--related .tiles__item:nth-child(2) article, .tiles.tiles--related .tiles__item:nth-child(3) article {
  display: block;
}
.tiles.tiles--related .tiles__item:first-child .tiles__image,
.tiles.tiles--related .tiles__item:first-child .tiles__text, .tiles.tiles--related .tiles__item:nth-child(2) .tiles__image,
.tiles.tiles--related .tiles__item:nth-child(2) .tiles__text, .tiles.tiles--related .tiles__item:nth-child(3) .tiles__image,
.tiles.tiles--related .tiles__item:nth-child(3) .tiles__text {
  width: 100%;
  padding: 0;
}
.tiles.tiles--related .tiles__item:first-child .tiles__image, .tiles.tiles--related .tiles__item:nth-child(2) .tiles__image, .tiles.tiles--related .tiles__item:nth-child(3) .tiles__image {
  margin-bottom: 1.5rem;
}
.tiles.tiles--related .tiles__item:first-child .tiles__title, .tiles.tiles--related .tiles__item:nth-child(2) .tiles__title, .tiles.tiles--related .tiles__item:nth-child(3) .tiles__title {
  font-size: 1.125rem;
  line-height: 1.5;
}
.tiles .tiles__item:first-child, .tiles .tiles__item:nth-child(2), .tiles .tiles__item:nth-child(3) {
  width: 100%;
  margin-top: 0;
  margin-bottom: 2rem;
  padding-top: 2rem;
  border-top: 1px solid #8d988d;
}
.tiles .tiles__item:first-child article, .tiles .tiles__item:nth-child(2) article, .tiles .tiles__item:nth-child(3) article {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: flex-start;
  -moz-box-pack: flex-start;
  -ms-flex-pack: flex-start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.tiles .tiles__item:first-child .tiles__image, .tiles .tiles__item:nth-child(2) .tiles__image, .tiles .tiles__item:nth-child(3) .tiles__image {
  width: 50%;
  margin-bottom: 0;
}
.tiles .tiles__item:first-child .tiles__text, .tiles .tiles__item:nth-child(2) .tiles__text, .tiles .tiles__item:nth-child(3) .tiles__text {
  width: 50%;
  padding: 1rem 0 1rem 6.5%;
}
.tiles .tiles__item:first-child .tiles__title, .tiles .tiles__item:nth-child(2) .tiles__title, .tiles .tiles__item:nth-child(3) .tiles__title {
  font-size: 1.5rem;
  line-height: 1.3;
}
.tiles .tiles__item:first-child {
  border-top: none;
}
.tiles .tiles__item:nth-child(3) {
  padding-bottom: 0;
}

.tiles__item {
  width: calc(33.33% - 2rem);
  margin: 2rem 1rem;
}

.tiles__link {
  height: 100%;
  display: block;
}
.tiles__link:hover .tiles__image img {
  -webkit-transform: scale(1.075);
  -moz-transform: scale(1.075);
  -ms-transform: scale(1.075);
  -o-transform: scale(1.075);
  transform: scale(1.075);
}
.tiles__link:hover .tiles__title {
  color: #fd7e14;
}

.tiles__image {
  margin-bottom: 1.5rem;
  min-height: 240px;
  max-height: 240px;
  overflow: hidden;
}
.tiles__image img {
  width: 100%;
  min-height: inherit;
  max-height: inherit;
  display: block;
  object-fit: cover;
  object-position: center;
  -webkit-transition: transform 0.75s ease;
  -moz-transition: transform 0.75s ease;
  -o-transition: transform 0.75s ease;
  transition: transform 0.75s ease;
}

.tiles__text {
  color: #1c312b;
}

.tiles__category {
  margin-bottom: 0.75rem;
  font-size: 0.875rem;
  font-weight: 800;
  color: #fd7e14;
  line-height: 1;
  text-transform: uppercase;
}

.tiles__title {
  margin-bottom: 1rem;
  font-size: 1.125rem;
  font-weight: 600;
}

.tiles__excerpt {
  font-size: 1.125rem;
  line-height: 1.4;
}

.article.article--post {
  font-size: 1.125rem;
}

.article__box {
  max-width: 900px;
  margin: 0 auto;
}
.article__box .article__boxItem:nth-child(even) .article__imageText {
  -webkit-box-direction: row-reverse;
  -webkit-box-orient: row-reverse;
  -moz-box-direction: row-reverse;
  -moz-box-orient: row-reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.article__box .article__boxItem:nth-child(even) .article__imageTextItem.article__imageTextItem--text {
  padding-right: 7.5%;
  padding-left: 0;
}

.article__imageText {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: flex-start;
  -moz-box-pack: flex-start;
  -ms-flex-pack: flex-start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  padding-bottom: 1.5rem;
}

.article__imageTextItem {
  -webkit-box: 1 1 50%;
  -moz-box: 1 1 50%;
  -webkit-flex: 1 1 50%;
  -ms-flex: 1 1 50%;
  flex: 1 1 50%;
}
.article__imageTextItem.article__imageTextItem--text {
  padding-left: 7.5%;
}

.article__image {
  margin: 1.5rem 0;
}
.article__image img {
  width: 100%;
}

.article__title {
  margin-top: 1.5rem;
  margin-bottom: 1rem;
  font-size: 1.5rem;
  font-weight: 600;
}

.article__text {
  font-size: 1.125rem;
}
.article__text p:not(:last-child) {
  margin-bottom: 0.75rem;
}

@media only screen and (max-width: 576px) {
  .header__title {
    font-size: 1.75rem !important;
  }
  .header__title span {
    font-size: 2.25rem !important;
  }

  .boxlogo__logotypesItem {
    width: 50%;
  }

  .carousel__item {
    padding: 1.5rem;
  }

  .parallax__text {
    font-size: 1.875rem;
  }
  .parallax__text span {
    font-size: 2.5rem;
  }

  .imagetext__personsItem {
    width: calc(100% - 1.2rem);
  }

  .imagetext__personsName {
    font-size: 0.875rem;
  }

  .persons__item {
    width: calc(100% - 1.5rem);
  }

  .blogcat__item {
    width: calc(50% - 1.5rem);
  }

  .blogcat__button {
    width: 100%;
  }

  .tiles {
    margin-left: 0;
    margin-right: 0;
  }
  .tiles.tiles--related .tiles__item:first-child, .tiles.tiles--related .tiles__item:nth-child(2), .tiles.tiles--related .tiles__item:nth-child(3) {
    width: 100%;
  }

  .tiles__item {
    width: 100%;
    margin: 0;
    margin-bottom: 2.5rem;
  }

  .tiles__image {
    min-height: auto;
  }

  .footer__boxItem {
    width: 100% !important;
    padding-left: 0;
  }
}
@media only screen and (max-width: 768px) and (min-width: 577px) {
  .header__title {
    font-size: 2.1875rem !important;
  }
  .header__title span {
    font-size: 2.6875rem !important;
  }

  .boxlogo__logotypesItem {
    width: 33.33%;
  }

  .parallax__text {
    font-size: 2.8125rem;
  }
  .parallax__text span {
    font-size: 3.75rem;
  }

  .persons__item {
    width: calc(50% - 1.5rem);
  }

  .footer__boxItem {
    width: 35%;
  }
  .footer__boxItem:first-child {
    width: 65%;
  }
  .footer__boxItem:last-child {
    width: 100%;
  }

  .tiles.tiles--related .tiles__item:first-child, .tiles.tiles--related .tiles__item:nth-child(2), .tiles.tiles--related .tiles__item:nth-child(3) {
    width: calc(50% - 2rem);
  }

  .tiles__item {
    width: calc(50% - 2rem);
  }
}
@media only screen and (max-width: 768px) {
  .sticky-link {
    display: none;
  }

  .banner__text {
    bottom: 2.5%;
  }
  .banner__text .header__title {
    margin-bottom: 0.35rem !important;
    font-size: 1.375rem !important;
  }
  .banner__text .header__title span {
    font-size: 1.875rem !important;
  }

  .banner__textBox {
    padding: 0.75rem;
  }

  .banner__excerpt {
    font-size: 0.875rem;
  }

  .banner__links {
    margin-top: 1rem;
  }

  .banner__linksLink {
    font-size: 1rem;
  }
  .banner__linksLink:not(:last-child) {
    margin-bottom: 0.5rem;
  }
  .banner__linksLink::before {
    top: -2px;
  }

  .more.more--banner, form.wpcf7-form .more--banner[type=submit] {
    margin-top: 1rem !important;
    font-size: 0.8125rem;
    padding: 0.9rem 1.25rem;
    padding-left: 3.25rem;
  }
  .more.more--banner::before, form.wpcf7-form .more--banner[type=submit]::before {
    width: 30px;
    height: 30px;
  }

  .section.section--parallax {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .textbox__item {
    width: 100% !important;
  }
  .textbox__item.textbox__item--title {
    margin-bottom: 2.5rem;
    padding-right: 0;
  }

  .textbox__listTitle {
    font-size: 1.25rem;
  }
  .textbox__listTitle::before {
    top: 0.1rem;
  }

  .faq__counter {
    top: 0.85rem;
    font-size: 1.875rem;
  }

  .faq__title.faq__title--big {
    font-size: 1.125rem;
  }
  .faq__title.faq__title--big::after {
    top: -0.15rem;
  }

  .imagetext.reverse .imagetext__item.imagetext__item--text, .imagetext.reverse .imagetext__item.imagetext__item--faq {
    padding-left: 0;
  }

  .imagetext__item {
    width: 100% !important;
  }
  .imagetext__item.imagetext__item--text, .imagetext__item.imagetext__item--faq {
    margin-bottom: 3rem;
    padding-right: 0;
  }

  .imagetext__links {
    padding-top: 3rem;
  }

  .imagetext__linksLink,
.imagetext__listName,
.carousel__title,
.offer__boxTitle {
    font-size: 1.25rem;
  }

  .imagetext__listName::before {
    top: 0;
  }

  .boxlogo__logotypes {
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }

  .offer__boxItem {
    width: 100%;
  }
  .offer__boxItem.offer__boxItem--text {
    padding-top: 3rem;
  }

  .offer__boxLink {
    right: 1rem;
    bottom: 1rem;
  }

  .offer__boxQualitiesItem {
    font-size: 1rem;
  }

  .tiles .tiles__item:first-child .tiles__image, .tiles .tiles__item:nth-child(2) .tiles__image, .tiles .tiles__item:nth-child(3) .tiles__image {
    width: 100%;
  }
  .tiles .tiles__item:first-child .tiles__text, .tiles .tiles__item:nth-child(2) .tiles__text, .tiles .tiles__item:nth-child(3) .tiles__text {
    width: 100%;
    padding: 0;
    padding-top: 1.5rem;
  }

  .article__box .article__boxItem:nth-child(even) .article__imageTextItem.article__imageTextItem--text {
    padding-right: 0;
  }

  .article__imageText {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .article__imageTextItem {
    -webkit-box: 100%;
    -moz-box: 100%;
    -webkit-flex: 100%;
    -ms-flex: 100%;
    flex: 100%;
  }
  .article__imageTextItem.article__imageTextItem--text {
    padding-left: 0;
  }

  .footer__topItem {
    width: 100%;
    padding-left: 0;
  }
  .footer__topItem.footer__topItem--small {
    width: 100%;
  }

  .footer__bottomItem {
    width: 100%;
    text-align: center;
  }

  .footer__menu {
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }

  .footer__menuItem {
    padding-right: 1.5rem;
  }
}
@media only screen and (max-width: 1199px) and (min-width: 769px) {
  .header__title {
    font-size: 2.3125rem !important;
  }
  .header__title span {
    font-size: 2.8125rem !important;
  }

  .banner__text {
    bottom: 5%;
  }
  .banner__text .header__title {
    margin-bottom: 0.65rem !important;
    font-size: 1.625rem !important;
  }
  .banner__text .header__title span {
    font-size: 2.125rem !important;
  }

  .banner__textBox {
    padding: 0.9rem 1.25rem;
  }

  .banner__excerpt {
    font-size: 0.9375rem;
  }

  .banner__links {
    margin-top: 1rem;
  }

  .banner__linksLink {
    font-size: 1.0625rem;
  }
  .banner__linksLink:not(:last-child) {
    margin-bottom: 0.65rem;
  }
  .banner__linksLink::before {
    top: -2px;
  }

  .more.more--banner, form.wpcf7-form .more--banner[type=submit] {
    font-size: 0.875rem;
    padding: 1.05rem 1.75rem;
    padding-left: 3.75rem;
  }
  .more.more--banner::before, form.wpcf7-form .more--banner[type=submit]::before {
    width: 36px;
    height: 36px;
  }

  .parallax__text {
    font-size: 3.75rem;
  }
  .parallax__text span {
    font-size: 5rem;
  }

  .contact-el {
    font-size: 1.0625rem;
  }

  .footer__topItem {
    padding-left: 10%;
  }

  .persons__text {
    font-size: 0.9375rem;
    line-height: 1.35;
  }
}
@media only screen and (max-width: 1199px) {
  .header__nav {
    display: none;
  }

  .active .header__nav {
    width: 100%;
    height: 100svh;
    min-height: 100svh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    background: #1c312b;
    overflow: hidden auto;
    display: block;
  }
  .active .header__menu {
    padding-top: 4rem;
    padding-bottom: 2rem;
  }
  .active .header__menu .sub-menu {
    width: 100%;
    position: static;
    padding: 0 1.5rem;
    background: #1c312b;
    opacity: 1;
    visibility: visible;
    display: none;
  }
  .active .header__menu .sub-menu .header__menuLink {
    padding-left: 0;
    padding-right: 0;
  }
  .active .header__menuItem {
    -webkit-box: 100%;
    -moz-box: 100%;
    -webkit-flex: 100%;
    -ms-flex: 100%;
    flex: 100%;
    margin: 0.5rem 0;
  }
  .active .header__menuItem .header__menuLink {
    color: #ffffff !important;
  }
  .active .header__menuItem .header__menuLink:hover {
    color: #fd7e14 !important;
  }
  .active .header__menuItem.menu-item-has-children.open > .sub-menu {
    display: block;
  }
  .active .header__menuItem.menu-item-has-children.open > .header__menuButton {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  .active .header__menuItem.menu-item-has-children > .header__menuLink::after {
    display: none;
  }
  .active .header__menuItem:hover .sub-menu {
    display: none;
  }
  .active .header__menuItem.special .header__menuLink {
    margin-right: 1rem;
    color: #ffffff !important;
  }
  .active .header__menuItem > .header__menuLink {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  #mobile-btn,
.header__menuButton {
    display: block;
  }

  .persons__name {
    font-size: 1.25rem;
  }
}

/*skaju======*/

.persons__text {
    flex-direction: column;
}
.persons__text p {
    margin-bottom: 16px;
}
.header__logo {
    width: 180px;
}
@media only screen and (max-width: 768px){
    .header__logo {
    width: 130px;
    }
}
.body--stronaglowna .persons__text p{
    font-size: 14px;
}

.footer__boxDescription {
    font-size: 14px;
}
/*baner z mobile*/
.s-banner {
    position: relative;
    overflow: hidden;
}

.s-banner__media {
    position: absolute;
    inset: 0;
    z-index: 0;
}

.s-banner__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top right;
    display: block;
}
@media only screen and (max-width: 480px){
.s-banner__img {
    object-position: center top;
    }

}

.banner__mask {
    position: relative;
    z-index: 2;
}