@charset "UTF-8";

/*! normalize.sass v3.0.3 | MIT License | github.com/necolas/normalize.css */

html {

  font-family: sans-serif;

  -ms-text-size-adjust: 100%;

  -webkit-text-size-adjust: 100%;

}

html,
body {
  overflow-x: hidden;
}



body {

  margin: 0;

}



article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {

  display: block;

}



audio,
canvas,
progress,
video {

  display: inline-block;

  vertical-align: baseline;

}



audio:not([controls]) {

  display: none;

  height: 0;

}



[hidden],
template {

  display: none;

}



a {

  background-color: transparent;

}

a:active,
a:hover {

  outline: 0;

}



abbr[title] {

  border-bottom: 1px dotted;

}



b,
strong {

  font-weight: bold;

}



dfn {

  font-style: italic;

}



h1 {

  font-size: 2em;

  margin: 0.67em 0;

}



mark {

  background: #ff0;

  color: #000;

}



small {

  font-size: 80%;

}



sub {

  font-size: 75%;

  line-height: 0;

  position: relative;

  vertical-align: baseline;

}



sup {

  font-size: 75%;

  line-height: 0;

  position: relative;

  vertical-align: baseline;

  top: -0.5em;

}



sub {

  bottom: -0.25em;

}



img {

  border: 0;

}



svg:not(:root) {

  overflow: hidden;

}



figure {

  margin: 1em 40px;

}



hr {

  box-sizing: content-box;

  height: 0;

}



pre {

  overflow: auto;

}



code,
kbd,
pre,
samp {

  font-family: monospace, monospace;

  font-size: 1em;

}



button,
input,
optgroup,
select,
textarea {

  color: inherit;

  font: inherit;

  margin: 0;

}



button {

  overflow: visible;

  text-transform: none;

}



select {

  text-transform: none;

}



button,
html input[type=button] {

  -webkit-appearance: button;

  cursor: pointer;

}



input[type=reset],
input[type=submit] {

  -webkit-appearance: button;

  cursor: pointer;

}



button[disabled],
html input[disabled] {

  cursor: default;

}



button::-moz-focus-inner {

  border: 0;

  padding: 0;

}



input {

  line-height: normal;

}

input::-moz-focus-inner {

  border: 0;

  padding: 0;

}

input[type=checkbox],
input[type=radio] {

  box-sizing: border-box;

  padding: 0;

}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {

  height: auto;

}

input[type=search] {

  -webkit-appearance: textfield;

  box-sizing: content-box;

}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {

  -webkit-appearance: none;

}



fieldset {

  border: 1px solid #c0c0c0;

  margin: 0 2px;

  padding: 0.35em 0.625em 0.75em;

}



legend {

  border: 0;

  padding: 0;

}



textarea {

  overflow: auto;

}



optgroup {

  font-weight: bold;

}



table {

  border-collapse: collapse;

  border-spacing: 0;

}



td,
th {

  padding: 0;

}



@font-face {

  font-family: "Gogol";

  font-display: swap;

  src: url(../fonts/gogol/Gogol.woff) format("woff"), url(../fonts/gogol/Gogol.woff2) format("woff2");

  font-weight: 400;

  font-style: normal;

}

:root {

  --White: #FFF;

  --Black: #303030;

  --Dark-gray: #BABABA;

  --Light-gray: #F6F6F6;

  --Gray: #D2D2D2;

  --Hover: #fff;

  --Bg: linear-gradient(180deg, #E6E6E6 0%, rgba(246, 246, 246, 0.00) 100%);

}



* {

  font-family: "Montserrat", sans-serif;

  text-decoration: none;

  box-sizing: border-box;

  outline: none;

}



html {

  font-size: 12px;

}



.site {

  position: relative;

  width: 100%;

  min-height: 100vh;

  overflow: hidden;

  box-sizing: border-box;

  padding-top: 6.5625rem;

}



.flex {

  display: flex;

  align-items: center;

  justify-content: space-between;

}

.flex-list {

  display: flex;

  flex-wrap: wrap;

  margin: 0 -0.625rem -1.25rem;

}



.wrapper {

  position: relative;

  width: 100%;

  max-width: 120rem;

  max-width: 1560px;

  margin: 0 auto;

  padding: 0 3.75rem;

  box-sizing: border-box;

}



.link {

  position: relative;

  cursor: pointer;

  border-bottom: 0.0625rem solid transparent;

}

.link::before {

  transform: scaleX(0);

  transform-origin: bottom right;

  content: " ";

  display: block;

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  inset: 0 0 0 0;

  background: var(--Hover, #FFF3F3);

  z-index: -1;

  transition: transform 0.3s ease;

}

.link:hover::before {

  transform: scaleX(1);

  transform-origin: bottom left;

}

.link:active {

  border-bottom-color: #303030;

}

.link:active::before {

  transform: scaleX(0);

  transform-origin: bottom right;

}



.mobile-bottom {

  display: none;

}



.logo {

  flex-shrink: 0;

  display: block;

  width: 16.125rem;

  height: 3rem;

}

.logo img {

  display: block;

  width: 100%;

  height: auto;

}



.header {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  z-index: 90;

  background: #fff;

}

.header.active {

  border-bottom: 0.0625rem solid var(--Dark-gray, #000);

  background: rgb(255, 255, 255);

  backdrop-filter: blur(0.625rem);

}

.header-wrapper {

  height: 5.25rem;

}

.header-butter {

  width: 3.75rem;

  height: 3.75rem;

  margin-left: 2.5rem;

  flex-shrink: 0;

  position: relative;

  z-index: 10;

  display: flex;

  justify-content: center;

  align-items: center;

  cursor: pointer;

}

.header-butter:hover {

  background: var(--Hover, #FFF3F3);

}

.header-butter.active {

  background: transparent;

}

.header-butter.active:hover {

  background: var(--Hover, #FFF3F3);

}

.header-butter-inner {

  width: 1.625rem;

  height: 1.375rem;

  position: relative;

  transition: all 0.3s linear;

}

.header-butter-inner>div {

  width: 100%;

  height: 0.125rem;

  background: var(--Black, #303030);

  position: absolute;

}

.header-butter-inner .pipe1 {

  top: 0;

}

.header-butter-inner .pipe2 {

  top: 0.5833333333rem;

  opacity: 1;

  transition: all 0.4s ease-out;

}

.header-butter-inner .pipe3 {

  top: 1.1666666667rem;

}

.header-butter-inner .pipe1,
.header-butter-inner .pipe3 {

  transition: transform 0.6s linear;

}

.header-butter-inner.active {

  transform: rotate(-90deg);

  transition: all 0.3s linear;

}

.header-butter-inner.active .pipe1,
.header-butter-inner.active .pipe3 {

  position: absolute;

  margin: 0;

  top: 0.625rem;

  transition: transform 0.6s linear 0.3s;

}

.header-butter-inner.active .pipe2 {

  opacity: 0;

  transition: all 0.4s ease-in 0.3s;

}

.header-butter-inner.active .pipe1 {

  transform: rotate(-405deg);

}

.header-butter-inner.active .pipe3 {

  transform: rotate(-315deg);

}

.header-menu-list {

  list-style: none;

}

.header-menu-list li {

  margin-right: 3.125rem;

}

.header-menu-list li a {

  display: block;

  color: var(--Black, #303030);

  font-size: 1.125rem;

  font-style: normal;

  font-weight: 400;

  line-height: normal;

  text-transform: uppercase;

}

.header-link {

  display: block;

  cursor: pointer;

  margin-right: 3.125rem;

  color: var(--Black, #303030);

  font-size: 1.125rem;

  font-style: normal;

  font-weight: 400;

  line-height: normal;

  text-decoration-line: underline;

  text-transform: uppercase;

}

.header-link:active {

  border-color: transparent;

  text-decoration: none;

}

.header-phone {

  display: block;

  color: var(--Black, #303030);

  font-size: 1.125rem;

  font-style: normal;

  font-weight: 700;

  line-height: normal;

}

.header .menu-list .menu-item-has-children::after {

  background-image: url(../images/icons.svg);

}

.header-logo img:nth-child(2) {

  display: none;

}



.socials-item {

  display: flex;

  justify-content: center;

  align-items: center;

  width: 3.125rem;

  height: 3.125rem;

  margin-right: 1.25rem;

  background: var(--Black, #303030);

}

.socials-item:hover {

  background: var(--Hover, #FFF3F3);

}

.socials-item:hover svg path {

  fill: #303030;

}

.socials-item:active {

  background: white;

  border: 0.0625rem solid var(--Hover, #FFF3F3);

}

.socials-item:active svg path {

  fill: #303030;

}

.socials-item svg {

  max-height: 70%;

  max-width: 70%;

}



.btn {

  display: flex;

  justify-content: center;

  align-items: center;

  min-width: 15.625rem;

  height: 3.125rem;

  cursor: pointer;

  padding: 0 3.125rem;

  background: var(--Black, #303030);

  color: var(--White, #FFF);

  font-size: 1.125rem;

  font-style: normal;

  font-weight: 600;

  line-height: normal;

  position: relative;

  transition: color 0.3s;

  overflow: hidden;

}

.btn span {

  position: relative;

}

.btn::before {

  transform: scaleX(0);

  transform-origin: bottom right;

  content: " ";

  display: block;

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  height: 110%;

  inset: 0 0 0 0;

  background: var(--Hover, #FFF3F3);

  transition: transform 0.3s ease;

}

.btn:hover::before {

  transform: scaleX(1);

  transform-origin: bottom left;

}

.btn:active::before {

  background: #fff;

}

.btn:hover {

  color: var(--Black, #303030);

}

.btn:active {

  border: 0.0625rem solid var(--Hover, #FFF3F3);

  color: var(--Black, #303030);

  background: #fff;

}

.btn-light {

  background: #fff;

  border: 0.0625rem solid var(--Dark-gray, #BABABA);

  color: var(--Black, #303030);

}

.btn-light:hover {

  border-color: var(--Hover, #FFF3F3);

}

.btn-light:active {

  border-color: var(--Dark-gray, #BABABA);

}

.btn-light-border {

  color: #fff;

  background: transparent;

}



.menu {

  position: absolute;

  top: 0;

  z-index: 2;

  right: -12.5rem;

  padding: 8.75rem 3.75rem;

  background: var(--White, #FFF);

  box-shadow: 0rem 0rem 1.875rem 0rem rgba(0, 0, 0, 0.1);

  height: 100vh;

  overflow: hidden;

  overflow-y: auto;

  width: 100%;

  max-width: 75.3125rem;

  opacity: 0;

  visibility: hidden;

  transition: 0.3s;

}

.menu-close {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 200vh;

  background: rgba(48, 48, 48, 0.8);

  opacity: 0;

  visibility: hidden;

  cursor: pointer;

  transition: 0.3s;

}

.menu-close.active {

  opacity: 1;

  visibility: visible;

}

.menu.active {

  right: 0;

  opacity: 1;

  visibility: visible;

}

.menu-flex {

  display: flex;

  justify-content: space-between;

  margin-bottom: 3.75rem;

}

.menu-block {

  color: var(--Black, #303030);

  font-size: 1.125rem;

  font-style: normal;

  font-weight: 400;

  line-height: normal;

}

.menu-block:first-child {

  width: 40%;

}

.menu-block>span,
.menu-block>a {

  display: block;

  margin-bottom: 0.625rem;

  color: var(--Black, #303030);

  font-size: 1.125rem;

  font-style: normal;

  font-weight: 400;

  line-height: normal;

}

.menu-block>a {

  display: inline-block;

}

.menu-block-title {

  display: block;

  margin-bottom: 1.25rem;

  color: var(--Black, #303030);

  font-size: 1.5rem;

  font-style: normal;

  font-weight: 600;

  line-height: normal;

}

.menu-footer {

  justify-content: flex-start;

}

.menu-list {

  list-style: none;

  padding: 0;

  margin: 0;

}

.menu-list li {

  margin-bottom: 0.625rem;

}

.menu-list li a {

  display: inline-block;

  color: var(--Black, #303030);

  font-size: 1.125rem;

  font-style: normal;

  font-weight: 400;

  line-height: normal;

  position: relative;

  border-bottom: 0.0625rem solid transparent;

}

.menu-list li a::before {

  transform: scaleX(0);

  transform-origin: bottom right;

  display: block;

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  inset: 0 0 0 0;

  background: var(--Hover, #FFF3F3);

  z-index: -1;

  transition: transform 0.3s ease;

}

.menu-list li a:hover::before {

  transform: scaleX(1);

  transform-origin: bottom left;

}

.menu-list li a:active {

  border-bottom-color: #303030;

}

.menu-list li a:active::before {

  transform: scaleX(0);

}

.menu-list.column {

  columns: 2;

  column-gap: 1.875rem;

}

.menu-list .menu-item {

  display: flex;

  align-items: center;

  flex-wrap: wrap;

  justify-content: flex-start;

}

.menu-list .menu-item-has-children {

  cursor: pointer;

  padding-right: 1.25rem;

}

.menu-list .menu-item-has-children::after {

  display: block;

  width: 1.875rem;

  height: 1.875rem;

  background: url(../images/icons.svg) no-repeat center/0.4375rem 0.75rem;

  content: "";

  order: 2;

  transform: rotate(90deg);

  transition: 0.2s;

}

.menu-list .menu-item-has-children.active::after {

  transform: rotate(270deg);

}

.menu-list .menu-item .sub-menu {

  order: 3;

  display: none;

  width: 100%;

  padding: 0.625rem 0 0.3125rem 0.625rem;

}



.mainPage .header {

  background: transparent;

}

.mainPage .header.active {

  background: rgb(255, 255, 255);

}

.mainPage .header.active .header-logo img:nth-child(2) {

  display: none;

}

.mainPage .header.active .header-logo img:nth-child(1) {

  display: block;

}

.mainPage .header.active .header-link,
.mainPage .header.active .header-menu-list li a,
.mainPage .header.active .header-phone {

  color: #303030;

}

.mainPage .header.active .header-butter-inner>div {

  background: #303030;

}

.mainPage .header-link,
.mainPage .header-menu-list li a,
.mainPage .header-phone {

  color: #fff;

  transition: 0.2s;

}

.mainPage .header-link:hover,
.mainPage .header-menu-list li a:hover,
.mainPage .header-phone:hover {

  color: #303030;

}

.mainPage .header-butter-inner>div {

  background: #fff;

}

.mainPage .header-butter:hover .header-butter-inner>div {

  background: #303030;

}

.mainPage .header-logo img:nth-child(1) {

  display: none;

}

.mainPage .header-logo img:nth-child(2) {

  display: block;

}

.mainPage .site {

  padding-top: 0;

}



.section {

  margin-bottom: 9.375rem;

}

.section-title {

  margin: 0 0 3.125rem;

  color: #7b7b7b;

  font-family: Montserrat;

  font-size: 2.45rem;

  font-style: normal;

  font-weight: 800;

  line-height: 1.4;

  letter-spacing: 0.1437rem;

  text-transform: uppercase;

}

.section-title b {

  font-weight: 800;

}

.section-title-skew {

  margin-left: -7.875rem;

  font-size: 4rem;

  font-size: 4rem;

  letter-spacing: 1rem;

  overflow: hidden;

}

.section-title-skew span {

  color: var(--White, #FFF);

}

.section-title-skew pre {

  font-weight: 600;

  padding: 0;

  margin: 0;

  overflow: hidden;

}

.section-title * {

  font-family: Montserrat;

}

.section-title-link {

  display: flex;

  align-items: center;

  color: var(--Black, #303030);

  font-family: Montserrat;

  font-size: 1.125rem;

  font-style: normal;

  font-weight: 400;

  line-height: 2.8125rem;

  text-decoration-line: underline;

  margin-bottom: 3.125rem;

  height: 2.8125rem;

  border: none;

}

.section-title-link i {

  display: block;

  transform: rotate(-90deg);

  margin-left: 0.3125rem;

  width: 1.25rem;

  height: 1.25rem;

  transition: 0.3s;

  background: url(../images/icons.svg) no-repeat center/contain;

}

.section-title-link:hover i,
.section-title-link:active i {

  transform: rotate(-45deg);

}

.section-title-link:active {

  border: none;

}

.section-404-container {

  display: flex;

  justify-content: space-between;

  align-content: center;

  max-width: 103.125rem;

  margin: 0 auto;

}

.section-404-block {

  width: 18.75rem;

  display: flex;

  flex-direction: column;

  justify-content: space-between;

}

.section-404-img {

  height: calc(50% - 1.25rem);

  overflow: hidden;

}

.section-404-img:hover img {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

}

.section-404-img img {

  display: block;

  width: 100%;

  height: 100%;

  object-fit: cover;

  transition: 0.2s;

}

.section-404-main {

  text-align: center;

}

.section-404-text {

  margin: 0 0 1.25rem;

  display: block;

  color: var(--Black, #303030);

  text-align: center;

  font-size: 1.25rem;

  font-style: normal;

  font-weight: 300;

  line-height: 140%;

  text-transform: uppercase;

}

.section-404-btn {

  max-width: 26.25rem;

  margin: 0 auto;

}

.section-404-nums {

  position: relative;

  z-index: 10;

  margin-bottom: 1.25rem;

  text-align: center;

  font-family: Montserrat;

  font-size: 25rem;

  font-style: normal;

  font-weight: 500;

  line-height: normal;

  letter-spacing: 1rem;

  color: #fff;

  text-shadow: -0.0625rem 0 black, 0 0.0625rem black, 0.0625rem 0 black, 0 -0.0625rem #303030;

}

.section-text {

  padding-right: 9.375rem;

  margin-bottom: 3.125rem;

  color: var(--Black, #303030);

  font-size: 1.25rem;

  font-style: normal;

  font-weight: 300;

  line-height: 150%;

  text-transform: uppercase;

}

.section-text b {

  font-weight: 500;

}



.top {

  position: relative;

  padding: 1.25rem 0 2.5rem;

}

.top-wrapper {

  position: relative;

}

.top-title {

  color: var(--Black, #303030);

  font-family: Montserrat;

  font-size: 2.875rem;

  min-height: 5.625rem;

  font-style: normal;

  font-weight: 500;

  line-height: normal;

  text-transform: uppercase;

  margin: 0;

}

.top-title * {

  font-family: Montserrat;

}

.top-title b {

  font-weight: 400;

}

.top-vertical {

  position: absolute;

  right: 0;

  top: 50%;

  transform: translateY(-50%);

  color: var(--Black, #303030);

  font-family: Montserrat;

  font-size: 1rem;

  font-style: normal;

  font-weight: 400;

  line-height: 117.5%;

  letter-spacing: -0.16rem;

  text-transform: uppercase;

  writing-mode: vertical-lr;

  text-orientation: upright;

}



.banner {

  overflow: hidden;

  position: relative;

  height: 47.4vw;

}

.banner-3d {

  position: absolute;

  z-index: 5;

  width: 12.9375rem;

  display: flex;

  align-items: center;

  justify-content: center;

  height: 4.5625rem;

  background: rgba(255, 255, 255, 0.5);

  right: 0;

  top: 14rem;

  color: var(--Black, #303030);

  font-size: 1.5rem;

  font-style: normal;

  font-weight: 600;

  line-height: normal;

}

.banner-3d:hover {

  background: var(--Hover, #FFF3F3);

}

.banner-3d:active {

  color: #D2D2D2;

}

.banner-3d:active svg path {

  stroke: #D2D2D2;

}

.banner-3d svg {

  display: block;

  width: 2.5rem;

  height: 2rem;

  margin-right: 1.25rem;

}

.banner-slide {

  width: 100vw;

}

.banner-slide-container {

  height: 47.4vw;

  position: relative;

}

.banner-slider {

  width: 100%;

  display: flex;

}

.banner-slider .slick-dots {

  position: absolute;

  right: 3.75rem;

  top: 0;

  height: 100%;

  list-style: none;

  padding: 0;

  margin: 0;

  display: flex;

  align-items: center;

  justify-content: center;

  flex-direction: column;

}

.banner-slider .slick-dots button {

  cursor: pointer;

  font-size: 0;

  color: transparent;

  width: 0.625rem;

  height: 0.625rem;

  border-radius: 100%;

  background: #fff;

  margin: 0.3125rem 0;

  border: none;

  padding: 0;

  opacity: 0.6;

}

.banner-slider .slick-active button {

  opacity: 1;

}

.banner-slide img {

  display: block;

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.banner-footer {

  position: absolute;

  bottom: 0;

  padding: 2.5rem 0;

  left: 0;

  width: 100%;

  z-index: 5;

}

.banner-footer::before {

  position: absolute;

  content: "";

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: rgba(0, 0, 0, 0.8);

  filter: blur(4.6875rem);

}

.banner-footer-wrapper {

  position: relative;

  z-index: 2;

  padding: 0 7.5rem;

}

.banner-footer-link {

  display: flex;

  justify-content: center;

  align-items: center;

  width: 10.75rem;

  height: 2.8125rem;

  flex-shrink: 0;

  color: var(--White, #FFF);

  font-size: 1.25rem;

  font-style: normal;

  font-weight: 400;

  line-height: 2.8125rem;

  text-decoration-line: underline;

}

.banner-footer-link i {

  display: block;

  width: 1.25rem;

  transition: 0.2s;

  height: 1.25rem;

  margin-left: 0.3125rem;

  background: url(../images/icons.svg) no-repeat center/contain;

}

.banner-footer-link:hover {

  background: var(--Hover, #FFF3F3);

  color: var(--Black, rgb(48, 48, 48));

}

.banner-footer-link:hover i {

  transform: rotate(45deg);

  background-image: url(../images/icons.svg);

}

.banner-footer-link:active {

  color: rgba(48, 48, 48, 0.4);

}

.banner-footer-link:active i {

  opacity: 0.4;

}

.banner-tth {

  list-style: none;

  padding: 0;

  margin: 0;

}

.banner-tth li {

  margin-right: 2.5rem;

  color: var(--White, #FFF);

  font-size: 1.5rem;

  font-style: normal;

  font-weight: 700;

  line-height: normal;

}

.banner-tth li b {

  font-weight: 500;

}



.n-banner {

  position: relative;

  margin-bottom: 3.125rem;

}

.n-banner-breadcrumbs {

  position: absolute;

  top: 7.8125rem;

  left: 0;

  width: 100%;

}

.n-banner-breadcrumbs .breadcrumbs-link {

  color: #BABABA;

  font-size: 1.2rem;

}

.n-banner-breadcrumbs .breadcrumbs-link:hover {

  color: #fff;

}

.n-banner-breadcrumbs .breadcrumbs-link::after {

  background: #BABABA;

}

.n-banner-breadcrumbs .breadcrumbs-link:last-child {

  color: #fff;

}

.n-banner-single {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

}

.n-banner-single img {

  display: block;

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.n-banner .banner-slide-container::after {

  position: absolute;

  content: "";

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: #000;

  opacity: 0.5;

}

.n-banner-content {

  position: absolute;

  top: 50%;

  left: 50%;

  width: 100%;

  transform: translate(-50%, -50%);

  z-index: 2;

  display: flex;

  justify-content: center;

  align-items: center;

}

.n-banner-content-container {

  max-width: 100rem;

  margin: 0 auto;

  display: flex;

  flex-direction: column;

  align-items: center;

  text-align: center;

  justify-content: center;

}

.n-banner-subtitle {

  display: block;

  margin-bottom: 2.1875rem;

  font-size: 1rem;

  line-height: 1.25rem;

  color: #fff;

  text-transform: uppercase;

}

.n-banner-title {

  margin: 0 0 3rem;

  font-family: Montserrat;

  font-size: 4rem;

  line-height: 5rem;

  font-weight: 600;

  letter-spacing: 0.3rem;

  text-transform: uppercase;

  color: #fff;

}

.n-banner-text {

  color: #fff;

  font-size: 1.5rem;

  line-height: 1.22;

  font-weight: 500;

  margin: 0 0 3rem;

}

.n-banner-text b {

  display: block;

  font-size: 1.5rem;

  font-weight: 500;

  margin-bottom: 2.1875rem;

  text-transform: uppercase;

}

.n-banner-footer {

  display: flex;

  justify-content: center;

}

.n-banner-footer>span {

  display: flex;

  flex-wrap: wrap;

  align-items: center;

  color: rgb(255, 255, 255);

  font-family: Montserrat;

  font-size: 1.3rem;

  font-weight: 500;

  line-height: 1.3;

  text-transform: uppercase;

  padding: 0 30px;

  border-right: 1px solid #fff;

}

.n-banner-footer>span a {

  color: #fff;

}

.n-banner-footer>span a:hover {

  text-decoration: underline;

}

.n-banner-footer>span:last-child {

  border: none;

}

.n-banner-btn {

  border-color: var(--Hover, #FFF3F3);

  color: var(--Black, #303030);

}

.n-banner-btn::before {

  transform: scaleX(1);

  transform-origin: bottom left;

}



.breadcrumbs {

  position: relative;

  z-index: 2;

  margin-bottom: 1.5625rem;

  display: flex;

  flex-wrap: wrap;

}

.breadcrumbs-link {

  position: relative;

  display: block;

  color: var(--Gray, #D2D2D2);

  font-size: 0.875rem;

  font-style: normal;

  font-weight: 400;

  line-height: normal;

  margin-right: 1.25rem;

}

.breadcrumbs-link:hover {

  color: var(--Black, #303030);

}

.breadcrumbs-link::after {

  position: absolute;

  content: "";

  width: 0.0625rem;

  height: 100%;

  background: #D2D2D2;

  right: -0.6875rem;

  top: 0;

}

.breadcrumbs-link:last-child {

  margin: 0;

  color: var(--Black, #303030);

}

.breadcrumbs-link:last-child::after {

  display: none;

}

.breadcrumbs-page {

  margin-bottom: 3.75rem;

}



.service {

  padding: 0 1.875rem;

  width: 33.333%;

}

.service2 {

  width: 50%;

  display: none;

}

.service2.show {

  display: block;

}

.service-container {

  position: relative;

  border-top: 0.0313rem solid var(--Black, #303030);

}

.service-container::after {

  position: absolute;

  content: "";

  left: 0;

  bottom: -0.0625rem;

  width: 100%;

  height: 0.0625rem;

  background: var(--Black, #303030);

}

.service-title {

  min-height: 5rem;

  display: flex;

  align-items: center;

  cursor: pointer;

  padding: 1rem 0.625rem;

  color: var(--Black, #303030);

  font-size: 1.125rem;

  font-style: normal;

  font-weight: 500;

  line-height: 130%;

  position: relative;

  padding-right: 2.5rem;

}

.service-title span {

  display: inline-block;

  width: 2.875rem;

  margin-right: 1.25rem;

  color: var(--Black, #303030);

  font-size: 1.125rem;

  font-style: normal;

  font-weight: 400;

  line-height: 100%;

  flex-shrink: 0;

}

.service-title::after {

  position: absolute;

  top: calc(50% - 0.75rem);

  right: 0.625rem;

  content: "";

  opacity: 0;

  width: 1.5rem;

  height: 1.5rem;

  transition: 0.2s;

  background: url(../images/icons.svg) no-repeat center/contain;

}

.service-title:hover {

  background: var(--Hover, #FFF3F3);

}

.service-title:hover::after {

  opacity: 1;

}

.service.active .service-title::after {

  transform: rotate(-90deg);

  opacity: 1;

}

.service.active .service-container {

  background: var(--Hover, #FFF3F3);

}

.service-content {

  display: none;

  padding: 0 0.625rem 1.5625rem;

  color: var(--Black, #303030);

  font-size: 1.125rem;

  font-style: normal;

  font-weight: 400;

  line-height: normal;

}

.service-content b {

  font-weight: 600;

}

.service-content strong {

  font-size: 1.25rem;

  letter-spacing: -0.0138rem;

  font-weight: 600;

}

.service-content p {

  margin: 0 0 1.25rem;

}

.service-content ul {

  margin: 1.875rem 0 1.875rem;

  padding: 0 0 0 1.5rem;

}

.service-content ul li {

  margin: 0 0 1.25rem;

  color: var(--Black, #303030);

  font-size: 1.125rem;

  font-style: normal;

  font-weight: 500;

  line-height: normal;

  letter-spacing: 0.1013rem;

}

.service-content2 ul li {

  font-size: 1.125rem;

  font-style: normal;

  font-weight: 400;

  line-height: normal;

  margin-bottom: 0.625rem;

  letter-spacing: -0.0124rem;

}

.services-flex {

  display: flex;

  align-items: flex-start;

}

.services-tab {

  display: block;

  margin-bottom: 1.25rem;

  color: var(--Black, #303030);

  font-size: 1.125rem;

  font-style: normal;

  font-weight: 600;

  line-height: normal;

  text-transform: uppercase;

  border-bottom: 0.0625rem solid transparent;

}

.services-tab.active {

  border-color: #303030;

}

.services-tabs {

  width: 24%;

  padding-right: 3.125rem;

}

.services-tabs-container {

  display: flex;

  flex-direction: column;

  align-items: flex-start;

}

.services-tabs-container .slick-arrow {

  position: absolute;

  z-index: 2;

  top: calc(50% - 8px);

  right: -18px;

  width: 20px;

  height: 16px;

  font-size: 0;

  color: transparent;

  border: none;

  outline: none;

  background: url(../images/icons.svg) no-repeat center/7px 12px, #fff !important;

}

.services-tabs-container .slick-arrow:hover {

  border: none !important;

}

.services-tabs-container .slick-arrow.slick-disabled {

  opacity: 0;

  visibility: hidden;

}

.services-tabs-container .slick-prev {

  transform: rotate(180deg);

  right: auto;

  left: -20px;

}

.services-tabs-container .slick-next {

  transform: none !important;

}

.services-list {

  width: 76%;

  display: flex;

  flex-wrap: wrap;

  margin: 0 -1.875rem;

}

.services-list.full {

  width: 100%;

}

.services3-flex {

  display: flex;

  justify-content: space-between;

}

.services3-flex .services3-img {

  width: calc(50% + 5.625rem);

  margin-bottom: 0;

  height: auto;

}

.services3-flex .services3-list {

  flex-wrap: wrap;

  width: calc(50% - 11.25rem);

}

.services3-img {

  height: 35.9375rem;

  margin-bottom: 3.125rem;

}

.services3-list {

  display: flex;

  justify-content: space-between;

}

.services3-list-block {

  width: calc(50% - 3.125rem);

}

.service-link {

  cursor: pointer;

  display: inline-flex;

  align-items: center;

  color: var(--Black, #303030);

  font-size: 1.125rem;

  font-style: normal;

  font-weight: 400;

  line-height: normal;

  margin-top: 1.875rem;

  text-decoration-line: underline;

}

.service-link:hover {

  text-decoration: none;

}

.service-link:hover::after {

  transform: rotate(-45deg);

}

.service-link::after {

  margin-left: 0.625rem;

  display: inline-block;

  content: "";

  transition: 0.2s;

  width: 1.25rem;

  height: 1.3125rem;

  transform: rotate(-90deg);

  background: url(../images/icons.svg) no-repeat center/contain;

}

.service3 {

  width: 100%;

  border-top: 0.0313rem solid var(--Black, #303030);

}

.service3-container {

  cursor: pointer;

  min-height: 5rem;

  display: flex;

  align-items: center;

  padding: 1.25rem 0;

  position: relative;

  transition: 0.2s;

}

.service3-container::after {

  position: absolute;

  content: "";

  width: 1.25rem;

  height: 1.25rem;

  right: 0;

  transition: 0.2s;

  top: calc(50% - 0.625rem);

  background: url(../images/icons.svg) no-repeat center/contain;

  opacity: 0;

}

.service3-container:hover {

  background: var(--Hover, #FFF3F3);

}

.service3-container:hover::after {

  opacity: 1;

}

.service3-container:active {

  padding-left: 1.25rem;

  opacity: 1;

}

.service3-container:active::after {

  right: 1.25rem;

  transform: rotate(45deg);

}

.service3-num {

  display: block;

  flex-shrink: 0;

  width: 2.875rem;

  margin-right: 1.25rem;

  color: var(--Black, #303030);

  font-size: 1.125rem;

  font-style: normal;

  font-weight: 400;

  line-height: 100%;

}

.service3-title {

  color: var(--Black, #303030);

  display: block;

  font-size: 1.5rem;

  font-style: normal;

  font-weight: 500;

  line-height: 100%;

}

.service3:last-child {

  border-bottom: 0.0313rem solid var(--Black, #303030);

}

.input {

  height: 3.125rem;

  display: block;

  width: 100%;

  background: transparent;

  border: 0.0625rem solid var(--Dark-gray, #BABABA);

  color: var(--Black, #303030);

  font-size: 1.125rem;

  font-style: normal;

  font-weight: 400;

  line-height: normal;

  padding: 0 1.875rem;

  font-family: Montserrat;

}



.submit {

  border: 0.0625rem solid var(--Dark-gray, #BABABA);

  background: transparent;

  color: var(--Black, #303030);

}

.submit:hover {

  border-color: var(--Hover, #FFF3F3);

}



.gradient {

  background: var(--Bg, linear-gradient(180deg, #E6E6E6 0%, rgba(246, 246, 246, 0) 100%));

}



.form {

  padding: 7.0625rem 0;

}

.form-container {

  margin: 0 auto;

}

.form-block {

  flex-wrap: wrap;

  align-items: flex-start;

  margin: 0 -0.625rem;

}

.form .wpcf7-form-control-wrap,
.form .wpcf7-submit {

  margin: 0 0.625rem;

  flex: 1 1;

  display: block;

}

.form .wpcf7-response-output {

  width: 100%;

}

.wpcf7 .wpcf7-response-output:empty {

  display: none;

}

.form-subtitle {

  margin: 0 0 3.125rem;

  color: #000;

  font-size: 1.5rem;

  font-style: normal;

  font-weight: 400;

  line-height: normal;

  letter-spacing: 0.195rem;

}



.project {

  padding: 0 0 2.3125rem;

  width: calc((100% - 9.25rem) / 3);

}

.project-container {

  display: flex;

  justify-content: center;

  align-items: center;

  height: 30.625rem;

  position: relative;

  overflow: hidden;

  text-align: center;

  background: var(--Hover, #FFF3F3);

}

.project-container img {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  object-fit: cover;

  transition: 0.3s;

}

.project-container::before {

  content: "";

  position: absolute;

  content: "";

  width: 2.1875rem;

  height: 2.1875rem;

  background: url(../images/icons.svg) no-repeat center/contain;

  bottom: 0.9375rem;

  right: 3.125rem;

}

.project-container:hover img {

  left: 100%;

}

.project-text {

  display: block;

  color: #303030;

  font-size: 1.875rem;

  font-style: normal;

  font-weight: 400;

  line-height: 130%;

  letter-spacing: 0.0938rem;

  text-transform: uppercase;

}

.projects-more {

  display: none;

}

.projects-list {

  margin: 0 0 -2.3125rem;

  column-gap: 4.625rem;

  row-gap: 0;

}

.projectsPage-list {

  display: flex;

  flex-wrap: wrap;

  margin: 3.75rem -2.3125rem -4.6875rem;

}

.projectsPage-list-empty {

  margin-top: 3.75rem;

}

.projectsPage-item {

  width: 33.333%;

  padding: 0 2.3125rem 4.6875rem;

}

.projectsPage-item-container {

  display: block;

}

.projectsPage-item-container:hover .projectsPage-item-img-text {

  top: 0;

}

.projectsPage-item-container:hover .projectsPage-item-content {

  opacity: 0;

}

.projectsPage-item-container:active .projectsPage-item-img-text {

  text-decoration: underline;

}

.projectsPage-item-img {

  position: relative;

  height: 30.625rem;

  overflow: hidden;

}

.projectsPage-item-img-text {

  padding: 3.75rem;

  position: absolute;

  top: 100%;

  width: 100%;

  height: 100%;

  left: 0;

  display: flex;

  justify-content: center;

  align-items: center;

  transition: 0.2s;

  color: #303030;

  font-size: 1.5rem;

  font-style: normal;

  font-weight: 400;

  line-height: 130%;

  letter-spacing: 0.075rem;

  text-transform: uppercase;

  background: var(--Hover, #FFF3F3);

}

.projectsPage-item-content {

  padding: 1.25rem 0 0;

  transition: 0.2s;

}

.projectsPage-item-title {

  display: block;

  color: var(--Black, #303030);

  font-size: 1.125rem;

  font-style: normal;

  font-weight: 400;

  line-height: 130%;

  letter-spacing: 0.0563rem;

  text-transform: uppercase;

}

.projectsPage-item-date {

  margin-top: 1.25rem;

  display: block;

  color: var(--Black, #303030);

  font-size: 1rem;

  font-style: normal;

  font-weight: 300;

  line-height: 130%;

  letter-spacing: 0.05rem;

}

.projectsPage-filter-flex {

  display: flex;

}

.projectsPage-filter-flex .slick-arrow {

  position: absolute;

  z-index: 2;

  top: calc(50% - 8px);

  right: -18px;

  width: 20px;

  height: 16px;

  font-size: 0;

  color: transparent;

  border: none;

  outline: none;

  background: url(../images/icons.svg) no-repeat center/7px 12px, #fff !important;

}

.projectsPage-filter-flex .slick-arrow:hover {

  border: none !important;

}

.projectsPage-filter-flex .slick-arrow.slick-disabled {

  opacity: 0;

  visibility: hidden;

}

.projectsPage-filter-flex .slick-prev {

  transform: rotate(180deg);

  right: auto;

  left: -20px;

}

.projectsPage-filter-flex .slick-next {

  transform: none !important;

}

.projectsPage-filter-container {

  width: 100%;

  padding-bottom: 1.25rem;

  margin-bottom: -1.25rem;

}

.projectsPage-filter-main span {

  display: block;

  color: var(--Dark-gray, #BABABA);

  font-size: 1.25rem;

  font-style: normal;

  font-weight: 400;

  line-height: normal;

  text-transform: uppercase;

  margin-right: 5.625rem;

  cursor: pointer;

  white-space: nowrap;

}

.projectsPage-filter-main span:last-child {

  margin: 0;

}

.projectsPage-filter-main span.active {

  font-weight: 600;

  color: var(--Black, #303030);

}

.projectsPage-filter-main span:hover {

  color: var(--Black, #303030);

}

.projectsPage-filter-sub span {

  white-space: nowrap;

  display: block;

  cursor: pointer;

  margin-right: 1.25rem;

  color: var(--Black, #303030);

  font-size: 1.125rem;

  font-style: normal;

  font-weight: 400;

  line-height: normal;

  text-transform: uppercase;

  border-bottom: 0.0625rem solid transparent;

  margin-top: 1.875rem;

}

.projectsPage-filter-sub span.active {

  border-color: #303030;

}

.projectsPage-filter-sub span:last-child {

  margin-right: 0;

}



.cover img {

  display: block;

  width: 100%;

  height: 100%;

  object-fit: cover;

}



.wie-flex {

  display: flex;

}

.wie-flex2 {

  padding: 3.75rem 0;

  border-top: 0.0313rem solid var(--Black, #303030);

  border-bottom: 0.0313rem solid var(--Black, #303030);

}

.wie-content {

  width: 56.83%;

  padding-left: 4.75rem;

  padding-top: 1.0625rem;

  display: flex;

  flex-direction: column;

  justify-content: space-between;

  align-items: flex-start;

}

.wie-content-flex {

  display: flex;

  justify-content: space-between;

}

.wie-content-flex-title {

  width: 40%;

  color: var(--Black, #303030);

  font-size: 1.5rem;

  font-style: normal;

  font-weight: 500;

  line-height: 130%;

  letter-spacing: 0.15rem;

  text-transform: uppercase;

  padding-bottom: 6.25rem;

}

.wie-content-flex-text {

  width: 45%;

  color: var(--Black, #303030);

  font-size: 1.125rem;

  font-style: normal;

  font-weight: 400;

  line-height: 1.875rem;

}

.wie-content-flex-text ul {

  margin: 0;

  padding: 0 0 0 1.5625rem;

}

.wie-content-top {

  justify-content: flex-start;

}

.wie-btn-abs {

  margin-top: -3.125rem;

}

.wie-img {

  width: 43.17%;

  height: 100%;

}

.wie-img-container {

  width: 86.36%;

  min-height: 100%;

}

.wie-img-container.full {

  width: 100%;

}

.wie-vertical {

  color: var(--Black, #303030);

  font-family: Montserrat;

  font-size: 2rem;

  font-style: normal;

  font-weight: 300;

  line-height: normal;

  letter-spacing: 1rem;

  text-transform: uppercase;

  display: flex;

  justify-content: center;

  width: 2.4375rem;

  height: 2.4375rem;

  transform: rotate(-90deg);

  white-space: nowrap;

}

.wie-text {

  color: var(--Black, #303030);

  font-size: 1.25rem;

  font-style: normal;

  font-weight: 400;

  line-height: 130%;

}

.wie-text2 {

  margin-bottom: 3.4375rem;

  color: #7b7b7b;

  font-size: 1.875rem;

  font-style: normal;

  font-weight: 500;

  line-height: normal;

  letter-spacing: 0.375rem;

  text-transform: uppercase;

}

.wie-text p {

  margin: 1.25rem 0;

}

.wie-text p:last-child {

  margin-bottom: 0;

}

.wie-text b {

  font-weight: 600;

}

.wie-title-mobile {

  display: none;

}

.wie-title.section-title-skew {

  margin-left: 0;

  text-align: left;

}

.wie-title2 {

  font-size: 4rem;

  letter-spacing: 0.3rem;

  text-shadow: 0 0 17px #fff;

}

.wie2-img {

  width: 34.67%;

}

.wie2-img .wie-img-container {

  width: 100%;

}

.wie2-content {

  width: 65.33%;

}

.wie2-flex {

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

  margin-bottom: -2.5rem;

}

.wie2-item {

  width: calc(50% - 1.25rem);

  margin-bottom: 2.5rem;

  display: flex;

  color: var(--Black, #303030);

  font-family: Montserrat;

  font-size: 1.125rem;

  font-style: normal;

  font-weight: 400;

  line-height: normal;

}

.wie2-item b {

  padding-top: 1.25rem;

  display: block;

  margin-bottom: 1.25rem;

  color: var(--Black, #303030);

  font-size: 1.25rem;

  font-style: normal;

  font-weight: 600;

  line-height: normal;

  letter-spacing: 0.15rem;

  text-transform: uppercase;

}

.wie2-item-num {

  flex-shrink: 0;

  width: 6.25rem;

  color: var(--Black, #303030);

  font-family: Montserrat;

  font-size: 3.75rem;

  font-style: normal;

  font-weight: 300;

  line-height: normal;

  letter-spacing: 0.6rem;

  text-transform: uppercase;

}



.step {

  flex: 1 1;

  max-width: 50%;

  min-width: 20%;

  padding: 0 1.875rem 3.125rem;

}

.steps-list {

  padding: 3.125rem 0 0;

  margin: 0 -1.875rem;

  border-top: 0.0313rem solid var(--Black, #303030);

  border-bottom: 0.0313rem solid var(--Black, #303030);

}

.step-num {

  display: block;

  margin-bottom: 1.25rem;

  color: var(--Black, #303030);

  font-family: Montserrat;

  font-size: 3.75rem;

  font-style: normal;

  font-weight: 600;

  line-height: normal;

  letter-spacing: 0.6rem;

  text-transform: uppercase;

}

.step-text {

  display: block;

  color: var(--Black, #303030);

  font-size: 1.125rem;

  font-style: normal;

  font-weight: 400;

  line-height: normal;

}

.step-text b {

  display: block;

  margin-bottom: 1.25rem;

  color: var(--Black, #303030);

  font-size: 1.25rem;

  font-style: normal;

  font-weight: 600;

  line-height: normal;

  letter-spacing: 0.15rem;

}



.we {

  padding: 5.375rem 0;

}

.we-container {

  margin: 0 auto;

}

.we-title {

  margin-bottom: 2.5rem;

}

.we-item {

  padding: 2.5rem 0;

  border-bottom: 0.0313rem solid var(--Black, #303030);

}

.we-item-num {

  display: block;

  width: 3.125rem;

  margin-right: 3.75rem;

  flex-shrink: 0;

  color: var(--Black, #303030);

  font-size: 2.25rem;

  font-style: normal;

  font-weight: 600;

  line-height: normal;

}

.we-item-text {

  display: block;

  width: 27.5rem;

  flex-shrink: 0;

  color: var(--Black, #303030);

  font-size: 1.25rem;

  font-style: normal;

  font-weight: 400;

  line-height: 130%;

  letter-spacing: 0.075rem;

  margin-left: 3.75rem;

}

.we-item-title {

  flex-grow: 2;

  color: var(--Black, #303030);

  font-size: 1.625rem;

  font-style: normal;

  font-weight: 500;

  line-height: normal;

  letter-spacing: 0.0975rem;

  text-transform: uppercase;

}



.creator {

  display: flex;

}

.creator-img {

  width: 42.75rem;

  padding-left: 3.125rem;

}

.creator-content {

  position: relative;

  width: calc(100% - 42.75rem);

  padding-left: 5rem;

  display: flex;

  flex-direction: column;

}

.creator-podpis {

  position: absolute;

  bottom: 0;

  right: 0;

  width: 12.25rem;

  height: 8.75rem;

}

.creator-title {

  font-size: 3rem;

  margin-left: 0;

  letter-spacing: 0.4rem;

}

.creator-name {

  display: block;

  color: var(--Black, #303030);

  font-family: Gogol;

  font-size: 3.125rem;

  font-style: normal;

  font-weight: 400;

  line-height: 100%;

  letter-spacing: 0.3125rem;

}

.creator-link {

  margin: 0;

  display: inline-flex;

}



.pokazatel {

  width: calc(50% - 3.75rem);

  color: var(--Black, #303030);

  font-size: 1.25rem;

  font-style: normal;

  font-weight: 400;

  line-height: normal;

  letter-spacing: 0.0625rem;

  margin-bottom: 3.75rem;

}

.pokazatel b {

  display: block;

  padding-bottom: 1.875rem;

  margin-bottom: 1.875rem;

  border-bottom: 0.0313rem solid var(--Black, #303030);

  color: #96b0ac;

  font-family: Montserrat;

  font-size: 3.75rem;

  font-style: normal;

  font-weight: 600;

  line-height: normal;

  letter-spacing: 0.6375rem;

}

.pokazateli {

  padding: 4.375rem 0;

}

.pokazateli-flex {

  display: flex;

  justify-content: space-between;

}

.pokazateli-left {

  width: 42.1875rem;

}

.pokazateli-list {

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

  width: 60rem;

  margin-bottom: -3.75rem;

}

.pokazatel-title {

  font-size: 5rem;

  margin-bottom: 1.875rem;

}

.pokazatel-text {

  color: var(--Black, #303030);

  font-size: 1.5rem;

  font-style: normal;

  font-weight: 400;

  line-height: 160%;

  letter-spacing: 0.075rem;

  text-transform: uppercase;

}



.wiework-list {

  margin: 0 -4.0625rem -3.125rem;

}

.wiework-item {

  padding: 0 4.0625rem 3.125rem;

  width: 25%;

  color: var(--Black, #303030);

  font-size: 1.125rem;

  font-style: normal;

  font-weight: 400;

  line-height: normal;

}

.wiework-item3 {

  width: 33.333%;

}

.wiework-item5 {

  width: 20%;

}

.wiework-item:last-child {

  flex: 1 1;

}

.wiework-item b {

  display: block;

  margin-bottom: 1.25rem;

  color: var(--Black, #303030);

  font-size: 1.25rem;

  font-style: normal;

  font-weight: 600;

  text-transform: uppercase;

  line-height: normal;

  letter-spacing: 0.15rem;

}

.wiework-item-num {

  display: block;

  margin-bottom: 1.25rem;

  color: var(--Black, #303030);

  font-family: Montserrat;

  font-size: 3.75rem;

  font-style: normal;

  font-weight: 600;

  line-height: normal;

  letter-spacing: 0.6rem;

  text-transform: uppercase;

}



.open-btn {

  margin-top: 1.875rem;

}

.open-top {

  margin-bottom: 3.75rem;

}

.open-top-text {

  width: 34.375rem;

  color: var(--Black, #303030);

  font-size: 1.25rem;

  font-style: normal;

  font-weight: 400;

  line-height: normal;

  letter-spacing: 0.0625rem;

}

.open-title {

  margin: 0;

  width: 68.75rem;

  position: relative;

  color: var(--White, #FFF);

  padding: 1.25rem 0;

}

.open-title.active::before {

  width: calc(100% + 4.375rem);

}

.open-title::before {

  left: -4.375rem;

  top: 0;

  height: 100%;

  width: calc(100% + 4.375rem);

  transition: 1s;

  background: #96b0ac;

  position: absolute;

  content: "";

  z-index: -1;

}

.open-img {

  position: relative;

}

.open-img::after {

  position: absolute;

  content: "";

  width: 17.875rem;

  height: 3.875rem;

  right: 1.75rem;

  bottom: 1.375rem;

  background: url(../images/mvisualkids.png) no-repeat center/contain;

}

.open-img video,
.open-img iframe {

  position: relative;

  z-index: 2;

  top: 0;

  left: 0;

  width: 100%;

  height: auto;

}



.etap {

  width: 25%;

  padding: 2.5rem 0.9375rem 3.75rem;

}

.etap-container {

  padding-left: 7.1875rem;

  position: relative;

  color: var(--Black, #303030);

  font-size: 1.5rem;

  font-style: normal;

  font-weight: 600;

  line-height: 130%;

  letter-spacing: 0.3rem;

  text-transform: uppercase;

}

.etap-container b {

  display: block;

  margin-bottom: 2.5rem;

  color: var(--Black, #303030);

  font-family: Gogol;

  font-size: 2.5rem;

  font-style: normal;

  font-weight: 400;

  line-height: 130%;

  text-transform: none;

}

.etap-container img {

  position: absolute;

  left: 0;

  top: 0;

  max-width: 4.6875rem;

  mqx-height: 4.6875rem;

}

.etaps-list {

  margin: 0 -0.9375rem;

}



.slick-arrow {

  position: absolute;

  right: 3.75rem;

  bottom: calc(100% + 4.0625rem);

  width: 3.75rem;

  height: 3.75rem;

  border: 0.0625rem solid var(--Black, #303030);

  cursor: pointer;

  font-size: 0;

  color: transparent;

  transition: 0.2s;

  background: url(../images/icons.svg) no-repeat 0.75rem center/2.0625rem 1.8125rem, #fff;

}

.slick-arrow:hover {

  background-color: var(--Hover, #FFF3F3);

  background-position: 0.3125rem center;

  border-color: var(--Hover, #FFF3F3);

}

.slick-arrow:active {

  background-position: 0.75rem center;

}

.slick-next {

  transform: rotate(180deg);

}

.slick-prev {

  right: 8.75rem;

}



.review {

  padding: 0 3.75rem;

}

.reviews-wrapper {

  padding: 3.75rem 0;

  border-top: 0.0313rem solid var(--Black, #303030);

  border-bottom: 0.0313rem solid var(--Black, #303030);

}

.reviews-slider {

  margin: 0 -3.75rem;

}

.reviews-slider .slick-arrow {

  position: absolute;

  right: 3.75rem;

  bottom: calc(100% + 4.0625rem);

}

.reviews-slider .slick-prev {

  right: 8.75rem;

}

.review-img {

  height: 23.6875rem;

}

.review-name {

  display: block;

  margin-bottom: 1.875rem;

  color: var(--Black, #303030);

  font-size: 1.5rem;

  font-style: normal;

  font-weight: 600;

  line-height: normal;

  letter-spacing: 0.255rem;

  text-transform: uppercase;

}

.review-prof {

  display: block;

  margin-bottom: 1.875rem;

  color: var(--Black, #303030);

  font-size: 1.125rem;

  font-style: normal;

  font-weight: 500;

  line-height: 140%;

  letter-spacing: 0.2813rem;

  text-transform: uppercase;

}

.review-content {

  padding: 1.875rem;

}

.review-text {

  color: var(--Black, #303030);

  font-size: 1.25rem;

  font-style: normal;

  font-weight: 400;

  line-height: normal;

}

.review-text-container {

  max-height: 4.55rem;

  overflow: hidden;

  margin-bottom: 1.875rem;

  transition: 0.5s;

}

.review-text-container.active {

  max-height: 62.5rem;

}

.review-text-container p {

  margin: 0 0 1.4375rem;

}

.review-text-container p:last-child {

  margin: 0;

}

.review-more {

  display: inline-flex;

  align-items: center;

  color: var(--Dark-gray, #BABABA);

  font-size: 1.25rem;

  font-style: normal;

  font-weight: 300;

  line-height: normal;

  cursor: pointer;

}

.review-more span:nth-child(2) {

  display: none;

}

.review-more:hover {

  color: #303030;

}

.review-more:hover i {

  background-image: url(../images/icons.svg);

}

.review-more.active i {

  transform: rotate(180deg);

}

.review-more.active span:nth-child(1) {

  display: none;

}

.review-more.active span:nth-child(2) {

  display: block;

}

.review-more i {

  margin-left: 1.25rem;

  display: block;

  width: 1.25rem;

  height: 0.5625rem;

  background: url(../images/icons.svg) no-repeat center/contain;

}

.review-container:hover {

  background: var(--Hover, #FFF3F3);

}



.client {

  width: 12.5%;

  padding: 0 1.875rem 3.75rem;

}

.client:nth-child(n+9) {

  display: none;

}

.client-container {

  height: 6.25rem;

  display: flex;

  align-items: center;

  justify-content: center;

  filter: grayscale(100%);

  transition: 0.2s;

}

.client-container:hover {

  filter: grayscale(0);

}

.client-container img {

  display: block;

  width: 100%;

  height: 100%;

  object-fit: contain;

}

.clients {

  padding: 3.75rem 0;

}

.clients-list {

  margin: 0 -1.875rem -3.75rem;

}

.clients-list.active .client:nth-child(n) {

  display: block;

}

.clients-list-more {

  display: flex;

  justify-content: flex-end;

  width: 100%;

  padding: 0 1.875rem;

}

.clients-list-more-btn {

  color: var(--Black, #303030);

  font-size: 1.125rem;

  font-style: normal;

  font-weight: 400;

  line-height: normal;

  text-decoration-line: underline;

  display: inline-flex;

  align-items: center;

  height: 2.8125rem;

  border: none;

}

.clients-list-more-btn:active {

  border: none;

}

.clients-list-more-btn span:nth-child(2) {

  display: none;

}

.clients-list-more-btn svg {

  width: 1.375rem;

  height: 0.75rem;

  margin-left: 0.3125rem;

  transition: 0.2s;

}

.clients-list-more-btn.active span:nth-child(1) {

  display: none;

}

.clients-list-more-btn.active span:nth-child(2) {

  display: block;

}

.clients-list-more-btn.active svg {

  transform: rotate(180deg);

}



.opyt-slider {

  margin: 0 -3.75rem;

}

.opyt-slider .slick-track {

  min-width: 100%;

  display: flex;

}

.opyt-item {

  padding: 0 3.75rem;

  height: auto;

}

.opyt-item-container {

  display: flex;

  flex-direction: column;

  height: 100%;

  position: relative;

  padding: 340px 30px 30px;

}

.opyt-item-container:hover {

  background: var(--Hover, #FFF3F3);

}

.opyt-item-container:hover .opyt-item-content {

  padding-left: 1.25rem;

  padding-right: 1.25rem;

}

.opyt-item-container:active .opyt-item-title {

  text-decoration: underline;

}

.opyt-item-content {

  position: relative;

  z-index: 2;

  flex-grow: 2;

  display: flex;

  justify-content: space-between;

  flex-direction: column;

  padding: 30px;

  background: #fff;

  transition: 0.2s;

}

.opyt-item-img {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

}

.opyt-item-title {

  margin: 0 0 1.25rem;

  color: rgb(48, 48, 48);

  font-size: 18px;

  font-weight: 600;

  line-height: 130%;

  text-transform: uppercase;

}

.opyt-item-text {

  color: var(--Black, #303030);

  font-size: 1.125rem;

  font-style: normal;

  font-weight: 400;

  line-height: 130%;

}

.opyt-item-date {

  display: block;

  margin-top: 1.25rem;

  color: rgb(48, 48, 48);

  font-size: 18px;

  font-weight: 400;

  line-height: 130%;

}



.brif {

  padding: 5.3125rem 0 6.25rem;

}

.brif-text {

  color: var(--Black, #303030);

  font-size: 1.875rem;

  font-style: normal;

  font-weight: 400;

  line-height: normal;

  letter-spacing: 0.375rem;

  text-transform: uppercase;

}



.citate-text {

  margin: 0 auto 6.25rem;

  color: #7b7b7b;

  font-family: Montserrat;

  font-size: 1.875rem;

  font-style: normal;

  font-weight: 700;

  line-height: 1.3;

  letter-spacing: 0.0938rem;

  text-transform: uppercase;

  max-width: 75rem;

  text-align: center;

}

.citate-text b {

  font-weight: 600;

}

.citate-img {

  width: 29.5625rem;

  height: 5.5rem;

  margin: 0 auto;

}

.citate-img img {

  display: block;

  width: 100%;

  height: 100%;

  object-fit: contain;

}



.footer {

  position: relative;

  z-index: 10;

  padding: 3.75rem 0;

  background: var(--Black, #303030);

}

.footer-bottom {

  padding: 1.875rem 0;

  align-items: flex-end;

}

.footer-politic {

  display: block;

  color: var(--White, #FFF);

  text-align: center;

  font-size: 1.125rem;

  font-style: normal;

  font-weight: 400;

  line-height: normal;

  text-decoration-line: underline;

}

.footer-politic:hover {

  color: #FF7B92;

}

.footer-politic:active {

  color: #FFF3F3;

}

.footer-site {

  display: block;

  margin-right: 1.875rem;

  color: var(--White, #FFF);

  text-align: center;

  font-size: 1.125rem;

  font-style: normal;

  font-weight: 400;

  line-height: normal;

  text-decoration-line: underline;

}

.footer-site:hover {

  color: #FF7B92;

}

.footer-site:active {

  color: #FFF3F3;

}

.footer-sites-title {

  display: block;

  margin-bottom: 1.25rem;

  color: var(--White, #FFF);

  font-size: 1.5rem;

  font-style: normal;

  font-weight: 600;

  line-height: normal;

}

.footer-logo {

  width: 17.125rem;

  height: 3.1875rem;

}

.footer-top {

  margin-bottom: 3.75rem;

}

.footer-top-text {

  flex-shrink: 0;

  width: 45.3125rem;

  color: var(--White, #FFF);

  font-family: Montserrat;

  font-size: 0.9375rem;

  font-style: normal;

  font-weight: 300;

  line-height: 140%;

  text-transform: uppercase;

}

.footer-main {

  display: flex;

  justify-content: space-between;

}

.footer-map {

  flex-shrink: 0;

  width: 45.3125rem;

  background: #ccc;

  filter: grayscale(100%);

  cursor: pointer;

  overflow: hidden;

  max-height: 31.25rem;

}

.footer-map ymaps {

  z-index: 2;

}

.footer-map:hover::after {

  position: absolute;

  content: "Намите для загрузки карты";

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: rgba(0, 0, 0, 0.5);

  color: #fff;

  display: flex;

  justify-content: center;

  align-items: center;

  text-align: center;

  font-size: 1.125rem;

}

.footer-content {

  flex-grow: 2;

  padding-right: 1.875rem;

}

.footer-menu .menu-block span,
.footer-menu .menu-block a {

  color: #fff;

}

.footer-menu .menu-block-title {

  color: #fff;

}

.footer-menu .menu-block a:hover {

  color: #BABABA;

}

.footer-menu .menu-block a:active {

  color: #FFF3F3;

}

.footer-menu .menu-list li a {

  color: #fff;

}

.footer-menu .menu-list li a:hover {

  color: #FF7B92;

}

.footer-menu .menu-list li a:active {

  color: #FF7B92;

}

.footer-menu .socials-item {

  background: #fff;

}

.footer-menu .socials-item svg path {

  fill: #303030;

}

.footer-menu .socials-item:hover {

  background: var(--Hover, #FFF3F3);

}

.footer-menu .socials-item:active {

  background: var(--Dark-gray, #BABABA);

}



.radio {

  display: block;

  text-align: center;

  cursor: pointer;

}

.radio input {

  display: none;

}

.radio input:checked+.radio-custom {

  background: var(--Hover, #FFF3F3);

}

.radio input:checked+.radio-custom svg path {

  fill: #303030;

}

.radio-text {

  display: block;

  margin-top: 0.3125rem;

  color: var(--Black, #303030);

  font-size: 0.875rem;

  font-style: normal;

  font-weight: 400;

  line-height: 150%;

  letter-spacing: -0.0096rem;

}

.radio-custom {

  width: 3.125rem;

  height: 3.125rem;

  background: var(--Light-gray, #F6F6F6);

  display: flex;

  justify-content: center;

  align-items: center;

  margin: 0 auto;

}

.radio-custom svg {

  max-height: 70%;

  max-width: 70%;

}

.radios {

  margin-bottom: 1.25rem;

  align-items: flex-start;

}



.popup {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 99;

  display: flex;

  justify-content: center;

  align-items: center;

  opacity: 0;

  visibility: hidden;

  transition: 0.2s;

}

.popup.active {

  opacity: 1;

  visibility: visible;

}

.popup-bg {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: rgba(48, 48, 48, 0.8);

  cursor: pointer;

}

.popup-content {

  position: relative;

  z-index: 2;

  padding: 3.125rem 3.4375rem;

  width: calc(100% - 2.5rem);

  background: var(--Light-gray, #F6F6F6);

  max-width: 35rem;

  max-height: calc(100% - 2.5rem);

  overflow: hidden;

  overflow-y: auto;

}

.popup-content-success {

  max-width: 40.625rem;

}

.popup-close {

  cursor: pointer;

  position: absolute;

  top: 1.5rem;

  right: 1.5rem;

  width: 1.875rem;

  height: 1.875rem;

  background: url(../images/icons.svg) no-repeat center/contain;

}

.popup-title {

  display: block;

  margin-bottom: 1.25rem;

  color: var(--Black, #303030);

  font-family: Montserrat;

  font-size: 1.875rem;

  font-style: normal;

  font-weight: 500;

  line-height: normal;

  text-transform: uppercase;

}

.popup-subtitle {

  display: block;

  margin-bottom: 1.25rem;

  color: var(--Black, #303030);

  font-size: 1.125rem;

  font-style: normal;

  font-weight: 400;

  line-height: normal;

}

.popup-subtitle.success {

  text-align: center;

}

.popup-ps {

  display: block;

  margin-top: 1.25rem;

  color: #787878;

  font-size: 0.875rem;

  font-style: normal;

  font-weight: 400;

  line-height: 150%;

}

.popup-ps a {

  color: #787878;

}

.popup-logo {

  display: block;

  width: 16.125rem;

  height: 3rem;

  margin: 3.125rem auto 0;

}

.popup-input {

  margin-top: 1.25rem;

  margin-bottom: 1.25rem;

  width: 100%;

}

.popup-textarea {

  min-height: 9.5rem;

  padding: 0.9375rem 1.875rem;

  resize: vertical;

}



.cursor {

  position: absolute;

  z-index: 99;

  background: #FFE6E6;

  opacity: 0.7;

  width: 1.25rem;

  height: 1.25rem;

  border-radius: 1.25rem;

  top: 50%;

  left: 50%;

  animation: pulse 0.5s cubic-bezier(0.51, 0, 0.4, 0.5) alternate infinite;

  transform: translate(-50%, -50%) scale(1);

  pointer-events: none;

}



@keyframes pulse {

  from {

    width: 1.25rem;

    height: 1.25rem;

  }

  to {

    width: 1.875rem;

    height: 1.875rem;

  }

}

.cursor.active {

  animation: bounce 0.5s ease;

}



@keyframes bounce {

  100% {

    transform: translate(-50%, -50%) scale(2);

    opacity: 0;

  }

  0% {

    transform: translate(-50%, -50%) scale(1);

    opacity: 1;

  }

}

.cert {

  padding: 0 3rem;

}

.certs {

  padding: 4.375rem 0 4.0625rem;

}

.certs-list {

  display: flex;

  margin: 0 -3rem;

}

.cert-container {

  position: relative;

  display: flex;

  justify-content: center;

  align-items: center;

  height: 25rem;

  overflow: hidden;

}

.cert-container:hover::before {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: var(--Hover, #FFF3F3);

  content: "";

  z-index: 2;

}

.cert-container:hover::after {

  position: absolute;

  content: "";

  width: 1.875rem;

  height: 1.875rem;

  background: url(../images/icons.svg) no-repeat center;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  z-index: 3;

}

.cert-container img {

  filter: grayscale(100%);

  display: block;

  width: 100%;

  height: 100%;

  object-fit: contain;

}



.faq-list {

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

  align-items: flex-start;

}

.faq-block {

  width: calc(50% - 1.875rem);

}

.faq-item {

  width: 100%;

  border-top: 0.0313rem solid var(--Black, #303030);

}

.faq-item:last-child {

  border-bottom: 0.0313rem solid var(--Black, #303030);

}

.faq-item.active .faq-quest i::before {

  transform: rotate(90deg);

  opacity: 0;

}

.faq-quest {

  min-height: 6.25rem;

  display: flex;

  align-items: center;

  padding: 1.25rem 2.8125rem 1.25rem 1.25rem;

  color: var(--Black, #303030);

  font-size: 1.25rem;

  font-style: normal;

  font-weight: 500;

  line-height: 100%;

  position: relative;

  cursor: pointer;

}

.faq-quest i {

  position: absolute;

  width: 1.3125rem;

  height: 1.3125rem;

  top: 50%;

  right: 1rem;

  transform: translateY(-50%);

}

.faq-quest i::before {

  position: absolute;

  content: "";

  background: #303030;

  border-radius: 0.0625rem;

  width: 0.0625rem;

  height: 1.3125rem;

  left: 0.625rem;

  top: 0;

  transition: 0.2s;

}

.faq-quest i::after {

  position: absolute;

  content: "";

  background: #303030;

  border-radius: 0.0625rem;

  height: 0.0625rem;

  width: 1.3125rem;

  top: 0.625rem;

  left: 0;

}

.faq-answer {

  padding: 0 1.25rem 1.875rem;

  display: none;

  color: var(--Black, #303030);

  font-size: 1.25rem;

  font-style: normal;

  font-weight: 400;

  line-height: 1.5625rem;

  letter-spacing: -0.0138rem;

}



.content {

  color: var(--Black, #303030);

  font-size: 1.125rem;

  font-style: normal;

  font-weight: 400;

  line-height: normal;

}

.contentTop {

  margin-bottom: 2.5rem;

}

.content p {

  margin: 0 0 1.5rem;

}

.content h2 {

  font-size: 1.5rem;

  font-style: normal;

  font-weight: 400;

  line-height: normal;

  text-transform: uppercase;

}

.content h1 {

  margin: 0 0 2.5rem;

  color: var(--Black, #303030);

  font-family: Montserrat;

  font-size: 3.75rem;

  font-style: normal;

  font-weight: 300;

  line-height: normal;

  letter-spacing: 0.6375rem;

  text-transform: uppercase;

}

.content-container {

  margin: 3.125rem 0;

  font-size: 1.25rem;

  font-style: normal;

  font-weight: 400;

  line-height: 130%;

  letter-spacing: 0.1688rem;

}

.contentTop {

  position: relative;

}



.contacts-map {

  height: 41.125rem;

  background: #ccc;

  filter: grayscale(100%);

  cursor: pointer;

  overflow: hidden;

}

.contacts-map ymaps {

  z-index: 2;

}

.contacts-map:hover::after {

  position: absolute;

  content: "Намите для загрузки карты";

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: rgba(0, 0, 0, 0.5);

  color: #fff;

  display: flex;

  justify-content: center;

  align-items: center;

  text-align: center;

  font-size: 1.125rem;

}

.contacts-text {

  margin: 2.5rem 0;

  color: #000;

  font-family: Montserrat;

  font-size: 1.5rem;

  font-style: normal;

  font-weight: 300;

  line-height: 167%;

  letter-spacing: 0.255rem;

  text-transform: uppercase;

}

.contacts-text b {

  font-weight: 400;

}

.contacts-text a {

  color: #000;

}

.contacts-text span br {

  display: none;

}



.check {

  display: flex;

  align-items: flex-start;

  cursor: pointer;

}

.check input {

  display: none;

}

.check input:checked+.check-custom {

  background: url(../images/icons.svg) no-repeat center/1.25rem 1.25rem, var(--Black, #303030);

}

.check-text {

  display: block;

  color: var(--Black, #303030);

  font-size: 0.875rem;

  font-style: normal;

  font-weight: 400;

  line-height: 150%;

}

.check-text a {

  color: var(--Black, #303030);

}

.check-custom {

  border: 0.0625rem solid var(--Black, #303030);

  width: 1.25rem;

  height: 1.25rem;

  margin-right: 0.625rem;

  flex-shrink: 0;

}



.file input {

  display: none;

}

.file-custom {

  display: flex;

  padding: 1.25rem 1.875rem;

  min-height: 4.75rem;

  color: var(--Dark-gray, #BABABA);

}

.file-custom svg {

  width: 1.8125rem;

  height: 2.125rem;

}



.vacance-container {

  padding: 1.875rem 0;

  min-height: 8.75rem;

  border-top: 0.0313rem solid var(--Black, #303030);

  background: var(--White, #FFF);

  transition: 0.2s;

}

.vacance-container:hover {

  background: var(--Hover, #FFF3F3);

  padding: 1.875rem;

}

.vacance:last-child .vacance-container {

  border-bottom: 0.0313rem solid var(--Black, #303030);

}

.vacance-title {

  color: #202020;

  font-size: 1.5rem;

  font-style: normal;

  font-weight: 400;

  line-height: 150%;

  letter-spacing: 0.0938rem;

  text-transform: uppercase;

}

.vacance-span {

  padding-left: 6.25rem;

  color: var(--Black, #303030);

  font-family: Montserrat;

  font-size: 1.25rem;

  font-style: normal;

  font-weight: 400;

  line-height: 150%;

  letter-spacing: -0.0138rem;

}

.vacancePage-meta {

  display: flex;

  flex-wrap: wrap;

  margin: 3.75rem 0;

}

.vacancePage-meta-item {

  display: block;

  color: var(--Black, #303030);

  font-size: 1.25rem;

  font-style: normal;

  font-weight: 400;

  line-height: 150%;

  letter-spacing: 0.125rem;

  margin-right: 2.5rem;

}

.vacancePage-meta-item:last-child {

  margin: 0;

}

.vacancePage-meta-item b {

  font-weight: 500;

  text-transform: uppercase;

}

.vacancePage-flex {

  display: flex;

  justify-content: space-between;

}

.vacancePage-content {

  width: 48.125rem;

  padding: 2.5rem 5rem;

  display: flex;

  align-items: center;

  color: var(--Black, #303030);

  font-size: 1.25rem;

  font-style: normal;

  font-weight: 400;

  line-height: 150%;

  letter-spacing: -0.0138rem;

}

.vacancePage-content h3 {

  margin: 0 0 1.25rem;

  color: #202020;

  font-size: 1.25rem;

  font-style: normal;

  font-weight: 500;

  line-height: 150%;

  letter-spacing: -0.0138rem;

  text-transform: uppercase;

}

.vacancePage-content ul {

  margin: 1.25rem 0;

  padding: 0 0 0 1.25rem;

}

.vacancePage-content p {

  margin: 0 0 1.25rem;

}

.vacancePage-form {

  width: 55.625rem;

  padding: 5rem 8.75rem;

  background: var(--Bg, linear-gradient(180deg, #E6E6E6 0%, rgba(246, 246, 246, 0) 100%));

  display: flex;

  align-items: flex-start;

}

.vacance-form-input {

  margin-bottom: 0.9375rem;

}

.vacance-form-title {

  display: block;

  margin-bottom: 1.25rem;

  color: #202020;

  font-size: 1.75rem;

  font-style: normal;

  font-weight: 400;

  line-height: 150%;

  letter-spacing: -0.0192rem;

  text-transform: uppercase;

}

.vacance-form-subtitle {

  display: block;

  margin-bottom: 1.25rem;

  color: var(--Black, #303030);

  font-size: 1.25rem;

  font-style: normal;

  font-weight: 400;

  line-height: 150%;

  letter-spacing: -0.0138rem;

}

.vacance-form-ps {

  display: block;

  margin: 0.9375rem 0;

  color: var(--Black, #303030);

  font-size: 0.875rem;

  font-style: normal;

  font-weight: 400;

  line-height: 140%;

  letter-spacing: -0.0096rem;

}

.vacance-form-footer {

  margin-top: 1.25rem;

}

.vacance-form-submit {

  width: 11.875rem;

}

.vacance-meta {

  flex-shrink: 0;

}



.price-list {

  width: 100%;

}

.price-list .service:nth-last-child(1) .service-container,
.price-list .service:nth-last-child(2) .service-container,
.price-list .service:nth-last-child(3) .service-container {

  border-bottom: 0.0313rem solid var(--Black, #303030);

}



.team-slider {

  display: flex;

  margin: 0 -2.0625rem;

}

.team-slider .slick-arrow {

  right: 2.0625rem;

}

.team-slider .slick-prev {

  right: 7.0625rem;

}

.teammate {

  padding: 0 2.0625rem;

}

.teammate-img {

  position: relative;

  height: 25rem;

}

.teammate-content {

  padding: 1.875rem 0 0;

}

.teammate-name {

  display: block;

  margin-bottom: 1.25rem;

  color: var(--Black, #303030);

  font-size: 1.5rem;

  font-style: normal;

  font-weight: 500;

  line-height: 130%;

  letter-spacing: 0.15rem;

  text-transform: uppercase;

}

.teammate-prof {

  display: block;

  margin-bottom: 1.25rem;

  color: var(--Black, #303030);

  font-size: 1.125rem;

  font-style: normal;

  font-weight: 500;

  line-height: 130%;

}

.teammate-text {

  color: var(--Black, #303030);

  font-size: 1.125rem;

  font-style: normal;

  font-weight: 400;

  line-height: 130%;

}



.textImg-flex {

  align-items: center;

  display: flex;

  justify-content: space-between;

}

.textImg-content {

  width: calc(50% - 3.75rem);

  color: #303030;

  font-size: 1.125rem;

  font-style: normal;

  font-weight: 400;

  line-height: 1.5rem;

}

.textImg-content p {

  margin: 0 0 1.25rem;

}

.textImg-content ul {

  margin: 1.25rem 0;

}

.textImg-content ul li {

  margin-bottom: 1.25rem;

}

.textImg-content h3 {

  color: var(--Black, #303030);

  font-size: 1.25rem;

  font-style: normal;

  font-weight: 600;

  line-height: normal;

  letter-spacing: 0.15rem;

  text-transform: uppercase;

  margin: 2.5rem 0 1.25rem;

}

.textImg-content h3:first-child {

  margin-top: 0;

}

.textImg-img {

  height: 35.625rem;

  width: calc(50% - 3.75rem);

}



.projectSlide {

  height: 37.5rem;

  padding: 0 0.9375rem;

}

.projectSlide .project-container {

  height: 100%;

}

.projectSlider-list {

  display: flex;

  margin: 0 -0.9375rem;

}

.projectSlider-list .slick-arrow {

  right: 0.9375rem;

}

.projectSlider-list .slick-prev {

  right: 5.9375rem;

}



.blogPage-list {

  display: flex;

  flex-wrap: wrap;

  margin: 0 -3.75rem -5rem;

}

.blogPage-item {

  width: 33.333%;

  padding: 0 3.75rem 5rem;

}

.blogPage-filter {

  margin-bottom: 3.75rem;

  display: flex;

  flex-wrap: wrap;

}

.blogPage-filter a {

  display: block;

  margin-right: 1.25rem;

  color: var(--Black, #303030);

  font-size: 1.125rem;

  font-style: normal;

  font-weight: 400;

  line-height: normal;

  text-transform: uppercase;

}

.blogPage-filter a:last-child {

  margin: 0;

}

.blogPage-filter a.active {

  font-weight: 500;

  text-decoration: underline;

}



.single-categories {

  margin-bottom: 1.5625rem;

  display: flex;

  flex-wrap: wrap;

}

.single-categories a {

  display: block;

  margin-right: 1.25rem;

  color: var(--Black, #303030);

  font-size: 1.125rem;

  font-style: normal;

  font-weight: 400;

  line-height: normal;

  text-transform: uppercase;

}

.single-categories a:last-child {

  margin: 0;

}

.single-categories a.active {

  font-weight: 500;

  text-decoration: underline;

}

.single-meta {

  display: flex;

  flex-wrap: wrap;

}

.single-meta span {

  display: block;

  margin-right: 2.5rem;

  color: var(--Dark-gray, #BABABA);

  font-family: Montserrat;

  font-size: 1.125rem;

  font-style: normal;

  font-weight: 400;

  line-height: 130%;

}

.single-img {

  margin: 2.5rem -3.75rem 6.25rem;

  height: 56.25rem;

}

.single-content {

  margin-bottom: 6.25rem;

  font-size: 1.125rem;

}

.single-content-container {

  max-width: 700px;

}

.single-content p {

  margin: 0 0 0.9375rem;

}

.single-content p b,
.single-content p strong {

  font-weight: 600;

}

.single-content img {

  float: left;

  display: block;

  object-fit: cover;

  width: 52.5rem;

  height: 43.75rem;

  margin: 0 4.375rem 4.375rem 0;

}

.single-content h2 {

  margin: 0 0 2.5rem;

  color: var(--Black, #303030);

  font-size: 1.875rem;

  font-style: normal;

  font-weight: 700;

  line-height: normal;

  letter-spacing: 0.0938rem;

  text-transform: uppercase;

}

.single-content-btn {

  max-width: 25rem;

  margin-top: 2.5rem;

}



.history-list {

  position: relative;

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

}

.history-line {

  position: absolute;

  width: 0.125rem;

  top: 0;

  bottom: 0;

  background: #303030;

  display: flex;

  flex-direction: column;

  justify-content: space-between;

  align-items: center;

  left: calc(50% - 0.0625rem);

}

.history-line i {

  display: block;

  width: 0.625rem;

  height: 0.625rem;

  border-radius: 100%;

  background: #303030;

}

.history-item {

  width: calc(50% - 6.5625rem);

  color: var(--Black, #303030);

  font-size: 1.125rem;

  font-style: normal;

  font-weight: 400;

  line-height: normal;

  margin-bottom: 6.25rem;

}

.history-item:nth-last-child(1),
.history-item:nth-last-child(2) {

  margin-bottom: 0;

}

.history-item b {

  display: block;

  margin-bottom: 1.25rem;

  color: var(--Black, #303030);

  font-family: Montserrat;

  font-size: 3.75rem;

  font-style: normal;

  font-weight: 300;

  line-height: normal;

  letter-spacing: 0.6rem;

  text-transform: uppercase;

}



.geografy-map {

  position: relative;

}

.geografy-container {

  max-height: 46.875rem;

  position: relative;

}

.geografy-container img {

  display: block;

  width: 100%;

  height: auto;

}

.geografy-text {

  background: rgba(255, 255, 255, 0.5);

  position: absolute;

  width: 58.4375rem;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

  color: #000;

  font-family: Montserrat;

  font-size: 1.875rem;

  font-style: normal;

  font-weight: 300;

  line-height: normal;

  letter-spacing: 0.3187rem;

  text-transform: uppercase;

}

.geografy-shapes i {

  position: absolute;

  z-index: 2;

  width: 0.625rem;

  height: 0.625rem;

  border-radius: 1.875rem;

  background: #303030;

}

.geografy-shapes i:nth-child(1) {

  top: 7.87%;

  left: 5.476%;

}

.geografy-shapes i:nth-child(2) {

  top: 24%;

  left: 13.75%;

}

.geografy-shapes i:nth-child(3) {

  bottom: 13.6%;

  left: 29.89%;

}

.geografy-shapes i:nth-child(4) {

  top: 17.07%;

  left: 32.57%;

}

.geografy-shapes i:nth-child(5) {

  top: 17.07%;

  left: 40.56%;

}

.geografy-shapes i:nth-child(6) {

  bottom: 19.87%;

  left: 54.48%;

}

.geografy-shapes i:nth-child(7) {

  bottom: 18.53%;

  left: 59.84%;

}

.geografy-shapes i:nth-child(8) {

  top: 25.33%;

  right: 32.12%;

}

.geografy-shapes i:nth-child(9) {

  top: 6.53%;

  right: 24.13%;

}

.geografy-shapes i:nth-child(10) {

  bottom: 32.93%;

  right: 20.99%;

}

.geografy-shapes i:nth-child(11) {

  top: 24.67%;

  right: 19.57%;

}

.geografy-shapes i:nth-child(12) {

  bottom: 14.93%;

  right: 15.52%;

}

.geografy-shapes i:nth-child(13) {

  top: 42.8%;

  right: 23.56%;

}

.geografy-shapes i:nth-child(14) {

  top: 9.2%;

  right: 8.5%;

}



.etapsSlider {

  width: 100%;

}

.etapsSlider-container {

  margin-bottom: 1.875rem;

}

.etapsSlider-footer {

  justify-content: flex-start;

}

.etapsSlider-btn:hover i {

  left: 1.25rem;

}

.etapsSlider-btn span {

  display: flex;

  justify-content: center;

}

.etapsSlider-btn i {

  display: block;

  width: 1.5625rem;

  height: 1.5625rem;

  transition: 0.2s;

  position: relative;

  left: 0;

  margin-left: 2.5rem;

  background: url(../images/icons.svg) no-repeat center/contain;

  transform: rotate(45deg);

}

.etapsSlider-btn.prev {

  padding: 0;

  transform: rotate(180deg);

  width: 3.125rem;

  min-width: 0;

  height: 3.125rem;

  margin-right: 1.875rem;

  display: none;

}

.etapsSlider-btn.prev i {

  margin: 0;

}

.etapsSlider-btn.prev:hover i {

  left: 0;

}

.etapsSlide-num {

  display: block;

  margin-bottom: 1.25rem;

  color: var(--Black, #303030);

  font-family: Gogol;

  font-size: 2.5rem;

  font-style: normal;

  font-weight: 400;

  line-height: 130%;

}

.etapsSlide-text {

  color: var(--Black, #303030);

  font-size: 1.125rem;

  font-style: normal;

  font-weight: 500;

  line-height: 130%;

}

.etapsSlide-text b {

  display: block;

  margin-bottom: 1.25rem;

  font-size: 1.875rem;

  font-style: normal;

  font-weight: 500;

  line-height: 130%;

  text-transform: uppercase;

}



.help-flex {

  display: flex;

  justify-content: space-between;

}

.help-flex-block {

  width: calc(50% - 1.875rem);

}

.help-block {

  margin-bottom: 2.5rem;

}

.help-block-title {

  display: block;

  margin-bottom: 2.5rem;

  color: var(--Black, #303030);

  font-size: 1.5rem;

  font-style: normal;

  font-weight: 500;

  line-height: 150%;

  letter-spacing: 0.15rem;

  text-transform: uppercase;

}

.help-label {

  display: block;

  max-width: 33.4375rem;

  position: relative;

}

.help-label-suffix {

  position: absolute;

  top: 0;

  right: 1.875rem;

  height: 100%;

  width: auto;

  color: var(--Black, #303030);

  font-size: 1.25rem;

  font-style: normal;

  font-weight: 400;

  line-height: normal;

  letter-spacing: -0.0138rem;

  display: flex;

  align-items: center;

}

.help-input {

  color: var(--Black, #303030);

  font-size: 1.25rem;

  letter-spacing: -0.0138rem;

}

.help-check {

  margin-bottom: 1.875rem;

}

.help-check-custom {

  margin-right: 1.25rem;

}

.help-check-text {

  color: var(--Black, #303030);

  font-size: 1.125rem;

  font-style: normal;

  font-weight: 400;

  line-height: 150%;

  letter-spacing: -0.0124rem;

  position: relative;

  top: -0.1875rem;

}

.help-check-text p {

  margin: 0;

}

.help-check-text b,
.help-check-text strong {

  display: block;

  font-weight: 500;

}

.help-check-text ul {

  margin: 0;

  padding: 0 0 0 1.25rem;

}



.gallery-slider {

  display: flex;

  margin: 0 -2.3125rem;

}

.gallery-slider .slick-list,
.gallery-slider .slick-track {

  min-width: 100%;

}

.gallery-item {

  width: 33.333%;

  padding: 0 2.3125rem;

}

.gallery-item-container {

  display: block;

  height: 31.25rem;

  position: relative;

  overflow: hidden;

}

.gallery-item-container::after {

  transition: 0.2s;

  position: absolute;

  content: "";

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: url(../images/icons.svg) no-repeat center/1.875rem 1.875rem, var(--Hover, #FFF3F3);

  opacity: 0;

}

.gallery-item-container:hover::after {

  opacity: 1;

}

.gallery-item-container img {

  display: block;

  width: 100%;

  height: 100%;

  object-fit: cover;

}



.description-title {

  width: 100%;

}

.description-title-mobile {

  display: none;

}

.description-flex {

  display: flex;

  justify-content: space-between;

}

.description-img {

  width: 47.625rem;

  height: 37.5rem;

}

.description-content {

  width: 52.8125rem;

  margin: 0 auto;

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

}

.description-content-block {

  color: var(--Black, #303030);

  font-size: 1.25rem;

  font-style: normal;

  font-weight: 400;

  line-height: normal;

}

.description-content-block2 {

  margin-bottom: 1.875rem;

}

.description-content-block2:last-child {

  margin: 0;

}

.description-content-block ul {

  margin: 0;

  padding: 0 0 0 1.5625rem;

}

.description-content-block ul li {

  margin-bottom: 1.875rem;

}

.description-content-block ul li:last-child {

  margin: 0;

}

.description-content-title {

  display: block;

  margin-bottom: 1.875rem;

  color: var(--Black, #303030);

  font-size: 1.875rem;

  font-style: normal;

  font-weight: 400;

  line-height: normal;

  letter-spacing: 0.1875rem;

  text-transform: uppercase;

}



.n-desc-table {

  display: flex;

  border-left: 1px solid #000;

  border-top: 1px solid #000;

}

.n-desc-col {

  width: 33.333%;

  display: flex;

  flex-direction: column;

}

.n-desc-title {

  padding-top: 0.9375rem;

  border-top: 1px solid #000;

  text-align: center;

  margin-bottom: 1.25rem;

  font-size: 1.875rem;

  letter-spacing: 0.0938rem;

}

.n-desc-row {

  height: 50%;

  width: 100%;

  display: flex;

}

.n-desc-row-full {

  height: 100%;

}

.n-desc-row-title {

  font-size: 1.125rem;

  font-weight: 500;

  line-height: 1.2;

  color: #303030;

  width: 33.333%;

  border-right: 1px solid #000;

  border-bottom: 1px solid #000;

  padding: 1.5rem;

}

.n-desc-row-content {

  width: 66.666%;

  border-right: 1px solid #000;

  border-bottom: 1px solid #000;

  padding: 1.5rem;

  font-weight: 700;

  font-size: 1.125rem;

}



.citate2 {

  overflow: hidden;

}

.citate2-container {

  padding: 4.375rem 0 4rem;

  max-width: 67.1875rem;

  margin: 0 auto;

  position: relative;

}

.citate2-container::after {

  position: absolute;

  top: -20.5rem;

  right: -18.5rem;

  content: "“";

  color: var(--White, #FFF);

  font-family: Montserrat;

  font-size: 31.25rem;

  font-style: normal;

  font-weight: 300;

  line-height: normal;

  letter-spacing: 5.3125rem;

  text-transform: uppercase;

  transform: rotate(180deg);

}

.citate2-title {

  margin-bottom: 2.5rem;

}

.citate2-text {

  margin-bottom: 2.5rem;

  color: var(--Black, #303030);

  font-size: 1.25rem;

  font-style: normal;

  font-weight: 500;

  line-height: 149.9%;

  letter-spacing: 0.125rem;

}

.citate2-text p {

  margin: 0 0 1.25rem;

}

.citate2-btn {

  max-width: 25rem;

}



.pclients-title {

  margin-bottom: 2.5rem;

}

.pclients-text {

  margin-bottom: 3.75rem;

}

.pclients-text table {

  width: 100%;

  border-collapse: collapse;

  border-spacing: 0;

}

.pclients-text table td {

  width: 50%;

  padding: 0;

  color: var(--Black, #303030);

  font-size: 1.5rem;

  font-style: normal;

  font-weight: 400;

  line-height: normal;

  letter-spacing: 0.15rem;

}

.pclients-text table td:first-child {

  margin-right: 1.25rem;

}

.pclients-text table td b,
.pclients-text table td strong {

  display: block;

  margin-bottom: 0.9375rem;

  font-weight: 600;

}

.pclients-img {

  margin-bottom: 4.375rem;

  height: 50rem;

}



.child .services {

  padding: 4.6875rem 0;

}

.child .services .section-title,
.child .services .services-tab,
.child .services .service-title {

  color: #fff;

}

.child .services .services-tab.active {

  border-color: #fff;

}

.child .services .service-container {

  border-color: #fff;

}

.child .services .service-container::after {

  background: #fff;

}

.child .services .service-title:hover,
.child .services .service.active .service-title {

  color: var(--Black, #303030);

}

.child-section {

  padding: 3.75rem 0;

}

.child-section * {

  color: #fff !important;

}

.child .top h1,
.child .contentTop h1,
.child .top-vertical h1 {

  color: #fff;

}

.child .breadcrumbs-link {

  color: #fff;

}

.child-bg {

  position: absolute;

  bottom: -12.5rem;

  left: 0;

  width: 100%;

  height: 100vh;

  background-color: #EC67A3;

}

.child .client-container {

  filter: grayscale(0);

}

.child .citate2 {

  background: #EEAF3F;

}

.child .citate2-container::after {

  opacity: 0.5;

}

.child .citate2-text,
.child .citate2-title,
.child .citate2-btn {

  color: #fff !important;

}

.child .citate2-btn {

  background: transparent;

  border-color: #fff;

}

.child .citate2-btn:hover {

  color: #303030;

}

.child-title-color .section:nth-child(4n) h2 {

  color: #E5097F;

}

.child-title-color .section:nth-child(4n+1) h2 {

  color: #40ACCC;

}

.child-title-color .section:nth-child(4n+2) h2 {

  color: #EEAF3F;

}

.child-title-color .section:nth-child(4n+3) h2 {

  color: #88C460;

}

.child-title-color .section.services .section-title {

  color: #fff;

}



.expert-container {

  max-width: 90rem;

  margin: 0 auto;

}

.expert-title {

  margin-bottom: 3.125rem;

}

.expert-text {

  margin-bottom: 3.125rem;

  color: var(--Black, #303030);

  font-size: 1.5rem;

  font-style: normal;

  font-weight: 400;

  line-height: 150%;

  letter-spacing: 0.195rem;

}

.expert-flex {

  display: flex;

  justify-content: space-between;

}

.expert-block {

  width: calc(50% - 6.25rem);

  position: relative;

  color: var(--Black, #303030);

  font-size: 1.125rem;

  font-style: normal;

  font-weight: 400;

  line-height: 1.875rem;

}

.expert-block ul {

  margin: 0;

}

.expert-block ul li {

  margin-bottom: 1.875rem;

}

.expert-block ul li:last-child {

  margin: 0;

}

.expert-block-title {

  display: block;

  padding: 1.5625rem 0 2.5rem;

  color: var(--Black, #303030);

  font-size: 1.25rem;

  font-style: normal;

  font-weight: 600;

  line-height: normal;

  letter-spacing: 0.15rem;

  text-transform: uppercase;

}

.expert-block:first-child::after {

  content: "";

  position: absolute;

  width: 4.6875rem;

  height: 0.5rem;

  background: url(../images/icons.svg) no-repeat center/contain;

  top: 1.875rem;

  left: calc(100% + 3rem);

}



.pip {

  padding-top: 4.375rem;

}

.pip-item {

  border-bottom: 0.0313rem solid var(--Black, #303030);

  display: flex;

  justify-content: space-between;

  padding: 1.875rem 0;

}

.pip-item:last-child {

  border: none;

}

.pip-item-title {

  color: var(--Black, #303030);

  font-size: 1.5rem;

  font-style: normal;

  font-weight: 600;

  line-height: normal;

  letter-spacing: 0.3rem;

  width: 50%;

}

.pip-item-text {

  width: 50%;

  color: var(--Black, #303030);

  font-size: 1.125rem;

  font-style: normal;

  font-weight: 400;

  line-height: 130%;

  letter-spacing: 0.0675rem;

}

.pip-item-text p {

  margin: 0 0 0.9375rem;

}

.pip-item-text p:last-child {

  margin: 0;

}

.pip-item-text p b {

  font-weight: 500;

}

.pip-item-text ul {

  margin: 0.9375rem 0;

  padding: 0 0 0 1.5625rem;

}



.three-flex {

  display: flex;

  flex-wrap: wrap;

  margin: 0 -1.25rem -2.5rem;

}

.three-item {

  width: 33.333%;

  padding: 0 1.25rem 2.5rem;

}

.three-item-container {

  position: relative;

  color: var(--Black, #303030);

  font-size: 1.125rem;

  font-style: normal;

  font-weight: 400;

  line-height: normal;

  padding-left: 6.9375rem;

}

.three-item-num {

  position: absolute;

  top: 0;

  left: 0;

  color: var(--Black, #303030);

  font-family: Montserrat;

  font-size: 3.75rem;

  font-style: normal;

  font-weight: 300;

  line-height: normal;

  letter-spacing: 0.6rem;

  text-transform: uppercase;

}

.three-item h3 {

  margin: 0;

  padding: 1.25rem 0;

  color: var(--Black, #303030);

  font-size: 1.25rem;

  font-style: normal;

  font-weight: 600;

  line-height: normal;

  letter-spacing: 0.15rem;

  text-transform: uppercase;

}

.three-item ul {

  margin: 1.25rem 0;

  padding: 0 0 0 1.5625rem;

}

.three-item ul li {

  margin-bottom: 1rem;

}



.what-flex {

  display: flex;

  justify-content: space-between;

  align-items: flex-start;

}

.what-text {

  width: 34%;

  color: var(--Black, #303030);

  font-size: 1.875rem;

  font-style: normal;

  font-weight: 400;

  line-height: 150%;

  letter-spacing: 0.375rem;

  text-transform: uppercase;

}

.what-text b {

  font-weight: 600;

}

.what-block {

  width: 28%;

  color: var(--Black, #303030);

  font-size: 1.25rem;

  font-style: normal;

  font-weight: 400;

  line-height: 1.875rem;

}

.what-block b,
.what-block strong,
.what-block h3 {

  display: block;

  margin-bottom: 1.875rem;

  color: var(--Black, #303030);

  font-size: 1.5rem;

  font-style: normal;

  font-weight: 600;

  line-height: normal;

  letter-spacing: 0.18rem;

  text-transform: uppercase;

}

.what-block ul {

  margin: 1.875rem 0 0;

  padding: 0;

  list-style: none;

  display: block;

}

.what-block ul li {

  display: block;

  padding: 1.25rem 0;

  border-top: 0.0313rem solid #000;

}



.video {

  position: relative;

}

.video-btn {

  position: absolute;

  z-index: 10;

  cursor: pointer;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  width: 6.25rem;

  height: 6.25rem;

  border-radius: 3.125rem;

  background: rgba(255, 243, 243, 0.4);

  backdrop-filter: blur(0.625rem);

  display: flex;

  justify-content: center;

  align-items: center;

  padding-left: 0.375rem;

}

.video-btn:hover svg path {

  stroke-width: 0.0625rem;

  stroke: var(--White, #FFF);

  fill: none;

}

.video-btn:active svg path {

  fill: var(--Black, #303030);

  stroke: none;

}

.video-btn::before {

  position: absolute;

  content: "";

  width: 8.125rem;

  height: 8.125rem;

  border-radius: 4.6875rem;

  border: 0.0625rem solid var(--Hover, #FFF3F3);

  top: -0.9375rem;

  left: -0.9375rem;

}

.video-btn svg {

  display: block;

  width: 1.75rem;

  height: 3.25rem;

}



.imgFull {

  height: 50rem;

}



.why-list {

  margin-left: -1.875rem;

  margin-right: -1.875rem;

}

.why-item {

  padding: 0 1.875rem 3.125rem;

}

.why-item-container b {

  display: block;

  padding-bottom: 1.875rem;

  margin-bottom: 1.875rem;

  border-bottom: 0.0625rem solid var(--Black, #303030);

  color: var(--Black, #303030);

  font-family: Montserrat;

  font-size: 1.5rem;

  font-style: normal;

  font-weight: 400;

  line-height: normal;

  letter-spacing: 0.255rem;

  text-transform: uppercase;

}



.komu-text {

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

}

.komu-item {

  width: calc(50% - 1.875rem);

  margin-bottom: 3.125rem;

  color: var(--Black, #303030);

  font-size: 1.25rem;

  font-style: normal;

  font-weight: 400;

  line-height: 130%;

  letter-spacing: 0.0625rem;

}

.komu-item b,
.komu-item strong {

  font-weight: 600;

}

.komu-item h3 {

  display: block;

  margin-bottom: 1.4375rem;

  color: var(--Black, #303030);

  font-size: 1.875rem;

  font-style: normal;

  font-weight: 500;

  line-height: 130%;

  letter-spacing: 0.0938rem;

  text-transform: uppercase;

}



.n-price-flex {

  display: flex;

  flex-wrap: wrap;

}

.n-price-block {

  width: 50%;

  padding: 1.1875rem 1.875rem;

  min-height: 3.75rem;

  border-bottom: 0.5px solid rgb(48, 48, 48);

  border-right: 0.5px solid rgb(48, 48, 48);

  border-left: none;

  color: rgb(48, 48, 48);

  font-size: 1.125rem;

  font-weight: 400;

  line-height: 1.375rem;

}

.n-price-block:nth-child(2n) {

  border-right: none;

}

.n-price-block:nth-child(1),
.n-price-block:nth-child(2) {

  border-top: 0.5px solid rgb(48, 48, 48);

}

.n-price-block-top {

  padding: 45px 30px;

}

.n-price-block-text {

  color: rgb(48, 48, 48);

  font-family: Montserrat;

  font-size: 1.5rem;

  font-weight: 400;

  line-height: 2.1875rem;

  letter-spacing: 5%;

  text-transform: uppercase;

  margin-bottom: 1.875rem;

}

.n-price-block-text b {

  display: block;

}

.n-price-block-text:last-child {

  margin: 0;

}



.n-spa-flex {

  display: flex;

}

.n-spa-images {

  display: flex;

  width: 50%;

  justify-content: space-between;

}

.n-spa-img {

  width: calc(50% - 2.8125rem);

  background: #000;

  margin-left: 5.625rem;

}

.n-spa-content {

  width: 39.6%;

  margin-left: 5.625rem;

  color: rgb(48, 48, 48);

  font-family: Montserrat;

  font-size: 1.125rem;

  font-weight: 300;

  line-height: 1.3;

}

.n-spa-content b {

  font-weight: 600;

  text-transform: uppercase;

}



.n-wie-list {

  position: relative;

}

.n-wie-container {

  width: 61%;

  padding-right: 2.8125rem;

  border-right: 0.5px solid rgb(48, 48, 48);

}

.n-wie-item {

  margin-bottom: 20px;

  padding: 20px 20px 20px 0;

}

.n-wie-item:hover,
.n-wie-item.active {

  background: rgb(255, 243, 243);

}

.n-wie-item:hover .n-wie-answer,
.n-wie-item.active .n-wie-answer {

  opacity: 1;

  visibility: visible;

}

.n-wie-item:last-child {

  margin: 0;

}

.n-wie-init {

  display: flex;

}

.n-wie-init-content {

  color: rgb(48, 48, 48);

  font-family: Montserrat;

  font-size: 1.125rem;

  font-weight: 400;

  line-height: 1.375rem;

}

.n-wie-init-content b {

  display: block;

  margin-bottom: 1.25rem;

  color: rgb(48, 48, 48);

  font-family: Montserrat;

  font-size: 1.25rem;

  font-weight: 600;

  line-height: 1.5rem;

  text-transform: uppercase;

}

.n-wie-answer {

  position: absolute;

  opacity: 0;

  visibility: hidden;

  top: 0;

  height: 100%;

  display: flex;

  flex-direction: column;

  left: calc(61% + 2.8125rem);

  width: calc(39% - 2.8125rem);

}

.n-wie-answer-content {

  color: rgb(48, 48, 48);

  font-family: Montserrat;

  font-size: 1.125rem;

  font-weight: 400;

  line-height: 1.375rem;

}

.n-wie-answer-content b {

  display: block;

  margin-bottom: 1.25rem;

  color: rgb(48, 48, 48);

  font-family: Montserrat;

  font-size: 1.25rem;

  font-weight: 600;

  line-height: 1.5rem;

  text-transform: uppercase;

}

.n-wie-answer-content ul {

  margin: 1.25rem 0;

  padding-left: 1.25rem;

}

.n-wie-answer-img {

  flex-grow: 2;

  width: 100%;

  background: #000;

}

.n-wie-answer-img img {

  display: block;

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.n-wie-num {

  width: 5.8125rem;

  flex-shrink: 0;

  color: rgb(48, 48, 48);

  font-family: Montserrat;

  font-size: 3.75rem;

  font-weight: 400;

  line-height: 5.4375rem;

  letter-spacing: 0.5rem;

  text-transform: uppercase;

  position: relative;

  top: -20px;

}



.n-spektr-title-flex {

  align-items: flex-start;

}

.n-spektr-text {

  padding-top: 0.9375rem;

  color: rgb(48, 48, 48);

  font-family: Montserrat;

  font-size: 1rem;

  font-weight: 400;

  line-height: 1.4375rem;

  letter-spacing: 0.05rem;

  width: 34.375rem;

  text-transform: uppercase;

  flex-shrink: 0;

  flex-direction: column;

  align-items: flex-start;

  margin: 0 auto;

}

.n-spektr-text a {

  display: block;

  margin-top: 2rem;

  color: rgb(48, 48, 48);

  font-family: Montserrat;

  font-size: 1rem;

  font-weight: 600;

  line-height: 1.4375rem;

  letter-spacing: 0.05rem;

  text-decoration-line: underline;

  text-transform: uppercase;

}

.n-spektr-text a:hover {

  text-decoration: none;

}



.n-list {

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

}

.n-list-item {

  width: calc(50% - 2.5rem);

}

.n-list-item-container {

  display: flex;

  align-items: center;

  height: 5rem;

  box-sizing: border-box;

  border-bottom: 0.5px solid rgb(48, 48, 48);

  color: rgb(48, 48, 48);

  font-family: Montserrat;

  font-size: 1.125rem;

  font-weight: 500;

  line-height: 100%;

  position: relative;

}

.n-list-item-container:hover {

  background: rgb(255, 243, 243);

}

.n-list-item-container:hover .n-list-item-img {

  display: block;

}

.n-list-item-img {

  position: absolute;

  right: 0;

  top: 50%;

  transform: translateY(-50%);

  width: 16.25rem;

  height: 16.25rem;

  background: #000;

  display: none;

  overflow: hidden;

}

.n-list-item-img img {

  display: block;

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.n-list-item:nth-child(1) .n-list-item-container,
.n-list-item:nth-child(2) .n-list-item-container {

  border-top: 0.5px solid rgb(48, 48, 48);

}



.n-help-img {

  width: 33%;

  height: auto;

}

.n-help-content {

  width: 67%;

  padding-left: 5rem;

}

.n-help-title {

  letter-spacing: 0.2875rem;

  text-transform: uppercase;

}



.n-content {

  color: rgb(48, 48, 48);

  font-size: 18px;

  font-weight: 400;

  line-height: 22px;

}

.n-content h2 {

  text-align: center;

  margin: 40px 0 40px;

  color: rgb(48, 48, 48);

  font-size: 30px;

  font-weight: 700;

  line-height: 37px;

  letter-spacing: 1.5px;

  text-transform: uppercase;

}

.n-content img {

  display: block;

  height: auto;

  width: 100%;

  margin: 40px 0;

}

.n-content img img {

  display: block;

  width: 100%;

  height: auto;

}

.n-content-container {

  max-width: 700px;

  margin: 0 auto;

}

.n-content-container img {

  margin: 40px -70px 0;

  width: auto;

}

.n-content .wp-caption-text {

  display: block;

  margin-top: 20px;

  color: rgb(186, 186, 186);

  font-size: 16px;

  font-weight: 400;

  line-height: 20px;

}

.n-contentImg {

  position: relative;

  padding: 110px 0;

}

.n-contentImg.--text-bottom {

  padding-top: 445px;

  padding-bottom: 0;

  margin-bottom: 20px;

}



@media screen and (max-width: 1500px) {

  .n-contentImg.--text-bottom {

    padding-top: 300px;

  }

}



@media screen and (max-width: 1100px) {

  .n-contentImg.--text-bottom {

    padding-top: 160px;

  }

  .n-contentImg.--text-bottom .n-contentImg-plash p {

    font-size: 14px;

  }

}



@media screen and (max-width: 768px) {

  .n-contentImg.--text-bottom {

    border: 0;

    padding-top: 0;

  }

  .n-contentImg.--text-bottom img {

    display: block;

    position: relative;

    min-height: 300px;

  }



  .n-contentImg.--text-bottom .n-contentImg-plash {

    width: calc(100% - 90px);

    margin-left: auto;

    margin-right: auto;

    margin-top: -84px;

    padding-bottom: 20px;

  }

}

@media screen and (max-width: 375px) {

  .n-contentImg.--text-bottom .n-contentImg-plash {

    width: calc(100% - 30px);

  }

}



.n-contentImg-plash__text-1 {

  margin: 0 0 20px;

  font-size: 18px;

  text-transform: uppercase;

}

.n-contentImg-plash__text-1 * {

  margin: 0;

}



.n-contentImg-plash__text-2 {

  margin: 0;

  font-size: 16px;

  font-weight: 600;

}

.n-contentImg-plash__text-2 * {

  margin: 0;

}



.n-contentImg img {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.n-contentImg-flex {

  display: flex;

}

.n-contentImg-flex.end {

  justify-content: flex-end;

}

.n-contentImg-plash {

  padding: 40px;

  background: #fff;

  max-width: 546px;

  font-size: 1.6rem;

}

.n-contentImg-plash h2 {

  margin: 0 0 30px;

  color: rgb(48, 48, 48);

  font-size: 24px;

  font-weight: 600;

  line-height: 130%;

  text-transform: uppercase;

}

.n-contentImg-plash ul {

  padding: 0 0 0 25px;

  color: rgb(48, 48, 48);

  font-size: 18px;

  font-weight: 400;

  line-height: 22px;

  text-transform: uppercase;

}

.n-contentImg-plash2 {

  position: relative;

  width: 600px;

  padding: 160px 60px;

  background: #fff;

  color: rgb(48, 48, 48);

  font-size: 24px;

  font-weight: 400;

  line-height: 150%;

  text-transform: uppercase;

}

.n-contentImg-plash2::before {

  position: absolute;

  content: "";

  top: 60px;

  left: 60px;

  width: 65px;

  height: 65px;

  background: url(../images/icons.svg) no-repeat center/contain;

}

.n-content-column {

  width: calc(50% - 50px);

}

.n-content-columns {

  display: flex;

  justify-content: space-between;

}

.n-content-flex {

  display: flex;

  justify-content: space-between;

}

.n-content-flex-img {

  width: calc(100% - 500px);

  position: relative;

}

.n-content-flex-img.right {

  order: 10;

}

.n-content-flex-img img {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  object-fit: cover;

  margin: 0;

}

.n-content-flex-text {

  width: 400px;

  padding-bottom: 100px;

}

.n-content-flex-text h2 {

  margin: 0 0 30px;

  color: rgb(48, 48, 48);

  font-size: 24px;

  font-weight: 600;

  line-height: 130%;

  text-transform: uppercase;

  text-align: left;

}

.n-content-flex-text h3 {

  margin: 30px 0;

  color: rgb(48, 48, 48);

  font-size: 18px;

  font-weight: 500;

  line-height: 150%;

  letter-spacing: 1.8px;

  text-transform: uppercase;

}



@media screen and (max-width: 1440px) {

  html {

    font-size: 0.83333vw;

  }

}

@media screen and (max-width: 979px) {

  .cursor {

    display: none;

  }

  .wrapper {

    padding: 0 20px;

  }

  .site {

    padding-top: 60px;

  }

  .header-wrapper {

    height: 60px;

  }

  .header-logo {

    width: 162px;

    height: 31px;

  }

  .header-menu-list {

    display: none;

  }

  .header-links {

    display: none;

  }

  .header-phone {

    font-size: 12px;

  }

  .header-butter {

    width: 30px;

    height: 30px;

  }

  .header-butter:hover {

    background: transparent;

  }

  .header-butter.active:hover {

    background: transparent;

  }

  .header-butter-inner {

    width: 26px;

    height: 22px;

    position: relative;

    transition: all 0.3s linear;

  }

  .header-butter-inner>div {

    width: 100%;

    height: 2px;

    background: var(--Black, #303030);

    position: absolute;

  }

  .header-butter-inner .pipe1 {

    top: 0;

  }

  .header-butter-inner .pipe2 {

    top: 9.3333333333px;

    opacity: 1;

    transition: all 0.4s ease-out;

  }

  .header-butter-inner .pipe3 {

    top: 18.6666666667px;

  }

  .header-butter-inner .pipe1,
  .header-butter-inner .pipe3 {

    transition: transform 0.6s linear;

  }

  .header-butter-inner.active {

    transform: rotate(-90deg);

    transition: all 0.3s linear;

  }

  .header-butter-inner.active .pipe1,
  .header-butter-inner.active .pipe3 {

    position: absolute;

    margin: 0;

    top: 10px;

    transition: transform 0.6s linear 0.3s;

  }

  .header-butter-inner.active .pipe2 {

    opacity: 0;

    transition: all 0.4s ease-in 0.3s;

  }

  .header-butter-inner.active .pipe1 {

    transform: rotate(-405deg);

  }

  .header-butter-inner.active .pipe3 {

    transform: rotate(-315deg);

  }

  .mobile-bottom {

    position: fixed;

    display: flex;

    bottom: 0;

    left: 0;

    width: 100%;

    z-index: 90;

    border-top: 0.5px solid var(--Dark-gray, #BABABA);

    border-bottom: 0.5px solid var(--Dark-gray, #BABABA);

    background: var(--White, #FFF);

    height: 60px;

    padding: 0 20px;

  }

  .mobile-bottom.active {

    background: rgba(255, 255, 255, 0.7);

    backdrop-filter: blur(10px);

  }

  .mobile-bottom-link {

color: var(--Black, #303030);

    text-align: center;

    font-size: 12px;

    font-style: normal;

    font-weight: 400;

    line-height: normal;

    text-decoration-line: underline;

    text-transform: uppercase;

  }

  .mobile-bottom-soc {

    display: flex;

    width: 40px;

    height: 40px;

    border: 0.5px solid var(--Black, #303030);

    justify-content: center;

    align-items: center;

    margin-left: 30px;

  }

  .btn {

    height: 35px;

    font-size: 12px;

  }

  .menu {

    padding: 55px 20px 20px;

  }

  .menu-flex {

    flex-wrap: wrap;

  }

  .menu-block {

    width: 50%;

  }

  .menu-block span,
  .menu-block a {

    font-size: 12px;

    margin-bottom: 5px;

  }

  .menu-block:first-child {

    width: 100%;

    border-bottom: 0.5px solid var(--Dark-gray, #BABABA);

    padding-bottom: 20px;

    margin-bottom: 20px;

  }

  .menu-block-title {

    font-size: 14px;

    margin-bottom: 20px;

  }

  .menu-list li a {

    font-size: 12px;

    margin-bottom: 5px;

  }

  .menu-footer {

    flex-wrap: wrap;

  }

  .menu-socials {

    width: 100%;

    margin-bottom: 10px;

  }

  .socials-item {

    width: 35px;

    height: 35px;

  }

  .socials-item:last-child {

    margin: 0;

  }

  .input {

    height: 35px;

  }

  .footer {

    padding: 30px 0 60px;

  }

  .footer-main {

    flex-wrap: wrap;

  }

  .footer-map {

    width: 100%;

    margin-top: 25px;

  }

  .footer-top {

    margin-bottom: 30px;

    display: block;

  }

  .footer-top-text {

    font-size: 8px;

    width: 100%;

  }

  .footer-logo {

    width: 178px;

    height: 33px;

    margin-bottom: 30px;

  }

  .footer-menu .menu-flex {

    flex-wrap: nowrap;

  }

  .footer-menu .menu-block:nth-child(n) {

    width: auto;

    border: none;

  }

  .footer-menu .menu-socials {

    justify-content: flex-start;

  }

  .footer-menu .socials-item {

    margin-right: 15px;

  }

  .footer-map {

    height: 350px;

  }

  .footer-bottom {

    padding: 20px 0;

    border-top: 0.5px solid var(--Dark-gray, #BABABA);

    margin-top: 20px;

    flex-wrap: wrap;

    justify-content: center;

  }

  .footer-site {

    font-size: 12px;

    margin-bottom: 16px;

    display: block;

    flex: 1 1;

    min-width: 25%;

    max-width: 50%;

    text-align: left;

  }

  .footer-sites {

    width: 100%;

  }

  .footer-sites-list {

    flex-wrap: wrap;

  }

  .footer-sites-title {

    font-size: 14px;

    margin-bottom: 15px;

  }

  .footer-politic {

    margin-top: 14px;

    font-size: 12px;

  }

  .popup-close {

    width: 20px;

    height: 20px;

    top: 15px;

    right: 15px;

  }

  .popup-content {

    max-width: 400px;

    padding: 70px 20px;

  }

  .popup-title {

    margin-bottom: 20px;

    letter-spacing: 3.4px;

    font-size: 20px;

  }

  .popup-subtitle {

    font-size: 14px;

    margin-bottom: 20px;

  }

  .popup-input {

    height: 45px;

    margin-bottom: 20px;

    padding: 0 30px;

    font-size: 14px;

  }

  .popup-textarea {

    padding-top: 15px;

  }

  .popup-ps {

    font-size: 12px;

  }

  .popup-logo {

    width: 258px;

    height: 48px;

  }

  .section-404-btn {

    max-width: 100%;

  }

  .menu-list .menu-item {

    min-height: 30px;

  }

  .menu-list .menu-item>a {

    margin-bottom: 0;

  }

  .menu-list .menu-item-has-children::after {

    width: 30px;

    height: 30px;

    background-size: 6px 10px;

  }

}

@media screen and (max-width: 767px) {
  
  .top {

    padding: 20px 0 25px;

  }

  .top-vertical {

    display: none;

  }

  .top-title {

    font-size: 17px;

    letter-spacing: 2.89px;

  }

  .top-title br {

    display: none;

  }

  .btn {

    height: 45px;

    font-size: 14px;

  }

  .menu {

    max-width: 100%;

    right: 0;

  }

  .menu-btn {

    width: 100%;

    height: 35px;

    font-size: 12px;

    max-width: 450px;

  }

  .section {

    margin-bottom: 60px;

  }

  .section-text {

    font-size: 12px;

    margin-bottom: 25px;

    padding: 0;

  }

  .section-subtitle {

    margin-bottom: 25px;

    color: #7b7b7b;

    font-size: 14px;

    font-style: normal;

    font-weight: 500;

    line-height: 130%;

    letter-spacing: 2.8px;

    text-transform: uppercase;

  }

  .section-title {

    font-size: 24px;

    margin-bottom: 25px;

    letter-spacing: 4.08px;

  }

  .section-title br {

    display: none;

  }

  .section-title-link {

    display: none;

  }

  .banner {

    height: calc(100vh - 60px);

  }

  .banner-slide-container {

    height: calc(100vh - 60px);

  }

  .banner-slider .slick-dots {

    left: 0;

    top: auto;

    bottom: 27px;

    width: 100%;

    height: auto;

    flex-direction: row;

  }

  .banner-slider .slick-dots button {

    width: 7px;

    height: 7px;

    margin: 0 5px;

  }

  .banner-3d {

    top: 83px;

    right: 0px;

    width: 109px;

    height: 30px;

    background: var(--White, #FFF);

    font-size: 13px;

  }

  .banner-3d svg {

    width: 26px;

    height: 21px;

    margin-right: 5px;

  }

  .banner-footer {

    padding: 25px 0 0;

    bottom: 43px;

  }

  .banner-footer-link {

    height: 27px;

    font-size: 13px;

    width: auto;

    display: inline-flex;

  }

  .banner-footer-link i {

    background-image: url(../images/icons.svg);

    width: 12px;

    margin-left: 5px;

    height: 12px;

  }

  .banner-footer-wrapper {

    display: block;

  }

  .banner-footer::before {

    display: none;

  }

  .banner-tth {

    display: block;

  }

  .banner-tth li {

    width: 100%;

    margin-bottom: 10px;

    font-size: 12px;

  }

  .n-banner-content {

    width: 100%;

    max-width: 500px;

    top: 167px;

    transform: none;

    transform: translateX(-50%);

  }

  .n-banner-content-container {

    max-width: 100%;

  }

  .n-banner-subtitle {

    font-size: 14px;

    margin-bottom: 20px;

  }

  .n-banner-title {

    font-size: 20px;

    margin-bottom: 20px;

    line-height: 29px;

  }

  .n-banner-breadcrumbs {

    top: 65px;

  }

  .n-banner-btn {

    margin-top: 50px;

  }

  .service {

    width: 100%;

    padding: 0;

  }

  .service:last-child .service-container {

    border-bottom: 0.5px solid var(--Gray, #D2D2D2) !important;

  }

  .service-container {

    border-top: 0.5px solid var(--Gray, #D2D2D2);

    border-bottom: none !important;

  }

  .service-title {

    min-height: 60px;

    font-size: 14px;

  }

  .service-title span {

    width: 30px;

    font-size: 14px;

  }

  .service-title::after {

    opacity: 1;

    width: 15px;

    height: 16px;

    top: calc(50% - 8px);

    background-image: url(../images/icons.svg);

  }

  .services-flex {

    display: block;

  }

  .services-tab {

    font-size: 12px;

    margin: 0 10px 0 0;

    flex-shrink: 0;

    padding: 0 5px;

    border: none;

  }

  .services-tab.active {

    background: var(--Hover, #FFF3F3);

  }

  .services-tabs {

    width: 100%;

    padding-bottom: 10px;

    margin-bottom: 15px;

    padding-right: 0;

  }

  .services-tabs-container {

    flex-direction: row;

    flex-wrap: nowrap;

  }

  .services-list {

    width: 100%;

    margin: 0;

  }

  .services3-img {

    width: 100%;

    height: 230px;

    margin-bottom: 25px !important;

  }

  .services3-flex {

    display: block;

  }

  .services3-flex .services3-img,
  .services3-flex .services3-list {

    width: 100%;

  }

  .services3-list {

    display: block;

  }

  .services3-list-block {

    width: 100%;

  }

  .services3-list-block:last-child .service3:last-child {

    border-bottom: 1px solid var(--Gray, #D2D2D2);

  }

  .service3 {

    border-width: 1px;

    border-color: var(--Gray, #D2D2D2);

  }

  .service3:last-child {

    border-bottom: none;

  }

  .service3-container {

    min-height: 60px;

  }

  .service3-container:active {

    padding-left: 20px;

  }

  .service3-container:active::after {

    right: 20px;

  }

  .service3-container::after {

    opacity: 0.5;

    width: 16px;

    height: 16px;

    top: calc(50% - 8px);

    transform: rotate(90deg);

  }

  .service3-num {

    width: 35px;

    font-size: 14px;

    margin-right: 20px;

  }

  .service3-title {

    font-size: 14px;

  }

  .service.active .service-title::after {

    background-image: url(../images/icons.svg);

    right: 10px;

  }

  .service-title {

    padding-right: 50px;

  }

  .service-content {

    font-size: 12px;

    padding: 0 10px 20px;

  }

  .service-content strong {

    font-size: 12px;

  }

  .service-content p {

    margin: 0 0 20px;

  }

  .service-content ul {

    padding: 0 0 0 20px;

    margin: 20px 0;

  }

  .service-content ul li {

    font-size: 12px;

    letter-spacing: 1.08px;

    margin-bottom: 10px;

  }

  .service-link {

    font-size: 14px;

  }

  .service-link::after {

    margin-left: 10px;

    width: 14px;

    height: 15px;

  }

  .n-desc-title {

    margin-bottom: 18px;

    padding-top: 18px;

  }

  .n-desc-table {

    flex-wrap: wrap;

    border-left: none;

  }

  .n-desc-col {

    width: 100%;

  }

  .n-desc-row {

    height: auto;

  }

  .n-desc-row-content {

    border-right: none;

    font-size: 12px;

    padding: 20px;

  }

  .n-desc-row-title {

    padding: 20px;

    font-size: 12px;

  }

  .input {

    font-size: 14px;

    padding: 0 30px;

    height: 45px;

    margin: 0 0 15px;

  }

  .form {

    padding: 32px 0 42px;

  }

  .form .wpcf7-submit {

    margin: 15px 0 0;

  }

  .form .wpcf7-form-control-wrap {

    margin: 0;

  }

  .form-container {

    max-width: 100%;

  }

  .form-title {

    font-size: 20px;

    letter-spacing: 3.4px;

  }

  .form-block {

    display: block;

  }

  .form-input {

    width: 100%;

  }

  .form-subtitle {

    margin-bottom: 20px;

    font-size: 14px;

    letter-spacing: 1.82px;

  }

  .project {

    width: 100%;

    padding: 0;

    margin-bottom: 20px;

  }

  .project-text {

    font-size: 20px;

    letter-spacing: 1px;

  }

  .project-container {

    height: 220px;

  }

  .project-container::before {

    width: 21px;

    height: 21px;

    bottom: 12px;

    right: 20px;

  }

  .projects-list {

    margin: 0;

  }

  .projects-more {

    display: flex;

  }

  .projectsPage-filter-main span {

    font-size: 12px;

    margin-right: 25px;

  }

  .projectsPage-filter-main span.active {

    background: var(--Hover, #FFF3F3);

  }

  .projectsPage-filter-sub {

    margin-top: 20px;

  }

  .projectsPage-filter-sub span {

    margin-top: 0;

    font-size: 12px;

    margin-right: 15px;

  }

  .projectsPage-list {

    margin: 25px 0 -30px;

  }

  .projectsPage-list-empty {

    margin-top: 40px;

  }

  .projectsPage-item {

    width: 100%;

    padding: 0 0 30px;

  }

  .projectsPage-item-img {

    height: 220px;

  }

  .projectsPage-item-img-text {

    padding: 30px;

    font-size: 12px;

  }

  .projectsPage-item-content {

    padding-top: 15px;

  }

  .projectsPage-item-title {

    font-size: 12px;

    letter-spacing: 0.6px;

  }

  .projectsPage-item-date {

    font-size: 10px;

    margin-top: 15px;

    letter-spacing: 0.5px;

  }

  .wie-title {

    display: none;

  }

  .wie-title-mobile {

    display: block;

  }

  .wie-flex {

    display: block;

  }

  .wie-flex2 {

    border: none;

    padding: 0;

  }

  .wie-img {

    order: 10;

    width: 100%;

    margin-top: 25px;

  }

  .wie-img-container {

    height: 250px;

    width: 100%;

  }

  .wie-vertical {

    display: none;

  }

  .wie-content {

    padding: 0;

    margin: 0;

    width: 100%;

  }

  .wie-content-flex {

    display: block;

  }

  .wie-content-flex-title {

    width: 100%;

    margin-bottom: 25px;

    font-size: 14px;

    letter-spacing: 1.4px;

  }

  .wie-content-flex-text {

    width: 100%;

    margin: 25px 0;

    line-height: 20px;

    font-size: 12px;

  }

  .wie-content-flex-text ul {

    padding: 0 0 0 20px;

  }

  .wie-text {

    max-width: 100%;

    font-size: 12px;

    line-height: 1.3;

    letter-spacing: 0.6px;

  }

  .wie-text2 {

    display: none;

  }

  .wie-btn {

    width: 100%;

  }

  .wie-btn-abs {

    margin-top: 0;

  }

  .etapsSlider-container {

    margin-bottom: 16px;

  }

  .etapsSlider-btn {

    width: 100%;

    max-width: 400px;

    padding: 0 30px;

  }

  .etapsSlider-btn span {

    justify-content: space-between;

    width: 100%;

  }

  .etapsSlider-btn i {

    width: 20px;

    height: 16px;

  }

  .etapsSlider-btn.prev {

    width: 45px;

    height: 45px;

  }

  .etapsSlider-btn.prev .etapsSlider-btn span {

    justify-content: center;

  }

  .etapsSlide-num {

    font-size: 26px;

    margin-bottom: 10px;

  }

  .etapsSlide-text {

    font-size: 12px;

  }

  .etapsSlide-text b {

    margin-bottom: 20px;

    font-size: 16px;

  }

  .blogPage-item {

    width: 100%;

  }

  .blogPage-filter {

    margin: 0;

    flex-wrap: nowrap;

  }

  .blogPage-filter a {

    white-space: nowrap;

    font-size: 12px;

    margin-right: 20px;

    padding: 0 5px;

  }

  .blogPage-filter a:last-child {

    padding-right: 20px;

  }

  .blogPage-filter a.active {

    background: var(--Hover, #FFF3F3);

    text-decoration: none;

  }

  .blogPage-filter-container {

    margin: 0 -20px;

    padding: 0 20px 10px;

    width: calc(100% + 40px);

    overflow: auto;

    margin-bottom: 20px;

  }

  .content-container {

    font-size: 10px;

    margin-bottom: 25px;

    letter-spacing: 1.35px;

  }

  .step {

    width: 100%;

    padding: 0;

    margin-bottom: 20px;

    max-width: 100%;

  }

  .step:last-child {

    margin: 0;

  }

  .steps-list {

    padding: 25px 0;

    margin: 0;

    display: block;

  }

  .step-container {

    display: flex;

  }

  .step-num {

    width: 70px;

    flex-shrink: 0;

    font-size: 40px;

    letter-spacing: 6.4px;

  }

  .step-text {

    padding-top: 10px;

    font-size: 12px;

  }

  .step-text b {

    font-size: 14px;

    margin-bottom: 15px;

    letter-spacing: 1.68px;

  }

  .we {

    padding: 48px 0 0;

  }

  .we-container {

    max-width: 100%;

  }

  .we-item {

    display: block;

    padding: 20px 0;

    padding-left: 65px;

    position: relative;

  }

  .we-item-num {

    position: absolute;

    top: 20px;

    width: auto;

    margin: 0;

    left: 0;

    font-size: 28px;

  }

  .we-item:first-child {

    padding-top: 0;

  }

  .we-item:first-child .we-item-num {

    top: 0;

  }

  .we-item-title {

    font-size: 14px;

    margin-bottom: 15px;

    letter-spacing: 0.84px;

    display: block;

  }

  .we-item-text {

    font-size: 12px;

    letter-spacing: 0.72px;

    width: auto;

    margin: 0;

  }

  .creator-title {

    display: none;

  }

  .creator-img {

    width: 100%;

    padding: 0;

    max-width: 450px;

  }

  .creator-img-container {

    height: 250px;

    margin-bottom: 25px;

  }

  .creator-content {

    width: 100%;

    padding: 0;

  }

  .creator-name {

    margin-bottom: 20px;

    font-size: 26px;

    letter-spacing: 2.6px;

  }

  .creator-link {

    display: inline-flex;

    font-size: 13px;

    margin-top: 73px;

    height: 21px;

  }

  .creator-link i {

    width: 16px;

    margin-left: 5px;

    height: 17px;

  }

  .creator-podpis {

    width: 96px;

    height: 69px;

  }

  .pokazatel {

    width: calc(50% - 10px);

    margin-bottom: 30px;

  }

  .pokazateli {

    padding: 0;

  }

  .pokazateli-flex {

    display: block;

  }

  .pokazateli-left {

    width: 100%;

    margin-bottom: 25px;

  }

  .pokazateli-list {

    width: 100%;

    margin-bottom: -30px;

  }

  .pokazatel-text {

    font-size: 14px;

    letter-spacing: 0.7px;

  }

  .pokazatel-container {

    font-size: 11px;

    letter-spacing: 0.55px;

  }

  .pokazatel-container b {

    padding-bottom: 15px;

    margin-bottom: 15px;

    letter-spacing: 2px;

    font-size: 30px;

  }

  .wiework-item {

    width: 100%;

    padding: 0;

    margin-bottom: 25px;

  }

  .wiework-item:last-child {

    width: 100%;

  }

  .wiework-item-container {

    position: relative;

    padding-left: 60px;

    font-size: 12px;

  }

  .wiework-item-container b {

    padding-top: 10px;

    font-size: 16px;

    margin-bottom: 12px;

    letter-spacing: 1.92px;

  }

  .wiework-item-num {

    position: absolute;

    top: 0;

    left: 0;

    font-size: 30px;

    letter-spacing: 4.8px;

  }

  .wiework-list {

    margin: 0 0 -25px;

  }

  .open-top {

    display: block;

    margin-bottom: 25px;

  }

  .open-top-text {

    width: 100%;

    font-size: 12px;

    letter-spacing: 0.6px;

  }

  .open-btn {

    margin-top: 25px;

  }

  .open-title {

    width: 100%;

    font-size: 18px;

    letter-spacing: 3.06px;

    padding: 12px 0;

  }

  .open-title::before {

    width: calc(100% + 20px);

  }

  .open-img::after {

    width: 121px;

    height: 26px;

    left: 13px;

    bottom: 5px;

  }

  .etap {

    width: 100%;

    padding: 0;

    margin-bottom: 30px;

  }

  .etaps-list {

    margin: 0 0 -30px;

  }

  .etap-container {

    padding-left: 84px;

    font-size: 16px;

    letter-spacing: 3.2px;

  }

  .etap-container b {

    font-size: 20px;

    margin-bottom: 15px;

    letter-spacing: 3.2px;

  }

  .etap img {

    max-width: 43px;

    max-height: 42px;

  }

  .review {

    padding: 0 20px;

  }

  .review-img {

    height: 230px;

    margin-bottom: 20px;

  }

  .review-content {

    padding: 0;

  }

  .review-name {

    margin-bottom: 20px;

    font-size: 16px;

    letter-spacing: 2.72px;

  }

  .review-prof {

    font-size: 14px;

    margin-bottom: 20px;

    letter-spacing: 3.5px;

  }

  .review-text {

    font-size: 12px;

  }

  .review-text-container {

    max-height: 49px;

    margin-bottom: 30px;

  }

  .review-more {

    font-size: 14px;

  }

  .review-more i {

    margin-left: 20px;

    width: 14px;

    height: 7px;

  }

  .reviews {

    padding: 30px 0;

  }

  .reviews-wrapper {

    padding: 30px 0;

  }

  .reviews-slider {

    margin: 0 -20px;

  }

  .reviews-slider .slick-arrow {

    bottom: 0;

    right: 20px;

    width: 40px;

    height: 40px;

    z-index: 2;

    background-size: 23px 20px;

    background-position: center;

  }

  .reviews-slider .slick-prev {

    right: 80px;

  }

  .slick-arrow {

    bottom: 0;

    right: 20px;

    width: 40px;

    height: 40px;

    z-index: 2;

    background-size: 23px 20px;

    background-position: center;

  }

  .slick-arrow:hover {

    background-color: transparent;

    border: 0.0625rem solid var(--Black, #303030);

  }

  .slick-prev {

    right: 80px;

  }

  .client {

    padding: 0 20px 0 0;

    width: auto;

  }

  .client:nth-child(n+9) {

    display: block;

  }

  .client-container {

    width: 80px;

    height: 60px;

  }

  .clients {

    padding: 25px 0;

  }

  .clients-list {

    margin: 0 -20px;

  }

  .clients-list .slick-list {

    padding-left: 20px;

  }

  .clients-list-more {

    display: none;

  }

  .opyt-title {

    font-size: 20px;

  }

  .opyt-item-img {

    height: 250px;

    margin-bottom: 20px;

  }

  .opyt-item-content {

    padding: 0 0 10px;

  }

  .opyt-item-title {

    font-size: 16px;

    margin-bottom: 10px;

    min-height: 63px;

  }

  .opyt-item-text {

    font-size: 12px;

  }

  .opyt-item-date {

    font-size: 12px;

    margin-top: 10px;

  }

  .opyt-slider {

    padding-bottom: 60px;

  }

  .opyt-slider .slick-arrow {

    bottom: 0;

    right: calc(50% - 50px);

  }

  .opyt-slider .slick-prev {

    right: calc(50% + 10px);

  }

  .brif {

    padding: 32px 0 37px;

  }

  .brif-flex {

    display: block;

  }

  .brif-text {

    font-size: 14px;

    width: 100%;

    letter-spacing: 2.8px;

    margin-bottom: 20px;

  }

  .citate-text {

    text-align: center;

    font-size: 14px;

    letter-spacing: 2.38px;

  }

  .citate-img {

    margin-top: 40px;

    width: 204px;

    height: 38px;

  }

  .footer-content {

    padding: 0;

  }

  .footer-map {

    height: 200px;

  }

  .footer-bottom {

    margin-top: 30px;

  }

  .footer-site {

    min-width: 33.333%;

  }

  .footer-menu .socials {

    justify-content: space-between;

  }

  .footer-menu .socials-item {

    margin: 0;

  }

  .footer-menu .menu-flex {

    flex-wrap: wrap;

  }

  .footer-menu .menu-block {

    max-width: 100%;

  }

  .footer-menu .menu-block:first-child {

    width: 100%;

    border-bottom: 0.5px solid var(--Dark-gray, #BABABA);

    padding-bottom: 20px;

    margin-bottom: 20px;

  }

  .popup-textarea {

    min-height: 90px;

    padding-top: 15px;

  }

  .popup-content {

    max-width: 100%;

    width: 100%;

    height: 100%;

    max-height: 100%;

  }

  .breadcrumbs {

    margin-bottom: 20px;

    flex-wrap: nowrap;

    white-space: nowrap;

    overflow: hidden;

  }

  .breadcrumbs-link {

    font-size: 8px;

    margin-right: 20px;

  }

  .breadcrumbs-link::after {

    right: -10px;

  }

  .cert {

    padding: 0 10px;

  }

  .cert-container {

    height: auto;

  }

  .cert-container:hover::after,
  .cert-container:hover::before {

    display: none;

  }

  .cert-container img {

    width: 100%;

    height: auto;

    object-fit: initial;

  }

  .certs {

    padding: 25px 0;

  }

  .certs-list {

    margin: 0 -10px;

    padding-bottom: 70px;

  }

  .certs-list .slick-arrow {

    top: auto;

    bottom: 0;

  }

  .certs-list .slick-prev {

    right: calc(50% + 10px);

  }

  .certs-list .slick-next {

    right: calc(50% - 50px);

  }

  .faq-block {

    width: 100%;

  }

  .faq-item:last-child {

    border-bottom: none;

  }

  .faq-quest {

    min-height: 60px;

    padding: 20px 40px 20px 10px;

    font-size: 14px;

    line-height: 1.3;

  }

  .faq-quest i {

    width: 21px;

    height: 21px;

  }

  .faq-quest i::after {

    width: 21px;

    top: 10px;

  }

  .faq-quest i::before {

    left: 10px;

    height: 21px;

  }

  .faq-answer {

    font-size: 12px;

    padding: 0 10px 20px;

    line-height: 1.3;

  }

  .content {

    font-size: 12px;

  }

  .content h1 {

    margin-bottom: 25px;

    font-size: 20px;

    letter-spacing: 3.4px;

  }

  .content p {

    margin: 0 0 15px;

  }

  .content h2 {

    font-size: 24px;

    margin: 20px 0;

  }

  .section-404-container {

    max-width: 100%;

    flex-wrap: wrap;

  }

  .section-404-main {

    order: -1;

    width: 100%;

    margin-bottom: 25px;

  }

  .section-404-nums {

    margin-bottom: 25px;

    font-size: 150px;

    letter-spacing: 6px;

  }

  .section-404-text {

    font-size: 14px;

    line-height: 1.4;

    margin-bottom: 25px;

  }

  .section-404-text br {

    display: none;

  }

  .section-404-block {

    width: 100%;

    display: block;

  }

  .section-404-block:last-child {

    display: none;

  }

  .section-404-img {

    width: 100%;

    height: 185px;

  }

  .section-404-img:last-child {

    display: none;

  }

  .section-404-img:hover img {

    position: static;

  }

  .contacts-map {

    height: 360px;

  }

  .contacts-text {

    margin: 25px 0;

    font-size: 14px;

    letter-spacing: 2.38px;

    line-height: 167%;

  }

  .file-custom {

    font-size: 14px;

    padding: 20px 30px;

    height: auto;

  }

  .file-custom svg {

    width: 32px;

    height: 27px;

  }

  .check-custom {

    width: 20px;

    height: 20px;

    margin-right: 10px;

    background-size: contain !important;

  }

  .check-text {

    font-size: 10px;

  }

  .vacance-container {

    flex-wrap: wrap;

    padding: 30px 0;

  }

  .vacance-container:hover {

    padding: 30px 10px;

  }

  .vacance-title {

    width: 100%;

    margin-bottom: 20px;

    font-size: 14px;

    letter-spacing: 0.7px;

  }

  .vacance-span {

    letter-spacing: -0.132px;

    font-size: 12px;

    padding: 0;

  }

  .vacance-meta {

    width: 100%;

    justify-content: space-between;

  }

  .vacancePage-meta {

    margin: 25px 0;

    display: block;

  }

  .vacancePage-meta-item {

    margin: 0 0 10px;

    font-size: 12px;

    letter-spacing: 1.2px;

  }

  .vacancePage-meta-item:last-child {

    margin: 0;

  }

  .vacancePage-flex {

    display: block;

  }

  .vacancePage-content {

    width: 100%;

    padding: 0;

    margin-bottom: 25px;

    font-size: 12px;

    letter-spacing: -0.132px;

  }

  .vacancePage-content h3 {

    margin-bottom: 20px;

    letter-spacing: -0.154px;

    font-size: 14px;

  }

  .vacancePage-content p {

    margin-bottom: 20px;

  }

  .vacancePage-content ul {

    margin-bottom: 20px;

  }

  .vacancePage-form {

    width: calc(100% + 40px);

    margin: 0 -20px;

    padding: 30px 20px;

    display: block;

  }

  .vacance-form {

    max-width: 500px;

    margin: 0 auto;

  }

  .vacance-form-title {

    font-size: 16px;

    margin-bottom: 20px;

    letter-spacing: -0.176px;

  }

  .vacance-form-subtitle {

    font-size: 14px;

    margin-bottom: 20px;

    letter-spacing: -0.154px;

  }

  .vacance-form-ps {

    margin: 15px 0;

    font-size: 12px;

    letter-spacing: -0.132px;

  }

  .vacance-form-footer {

    display: block;

    margin-top: 20px;

  }

  .vacance-form-check {

    margin-bottom: 15px;

  }

  .vacance-form-submit {

    width: 100%;

  }

  .teammate-content {

    padding-top: 20px;

  }

  .teammate-img {

    height: 260px;

  }

  .teammate-name {

    margin-bottom: 15px;

    font-size: 16px;

    letter-spacing: 1.6px;

  }

  .teammate-prof {

    font-size: 14px;

    margin-bottom: 15px;

  }

  .teammate-text {

    font-size: 12px;

  }

  .team-slider {

    padding-bottom: 65px;

  }

  .team-slider .slick-arrow {

    right: calc(50% + 10px);

  }

  .team-slider .slick-next {

    right: calc(50% - 50px);

  }

  .textImg-title {

    font-size: 20px;

  }

  .textImg-flex {

    flex-wrap: wrap;

  }

  .textImg-img {

    width: 100%;

    order: -1;

    height: 260px;

    margin-bottom: 25px;

  }

  .textImg-content {

    width: 100%;

    font-size: 12px;

    line-height: 16px;

  }

  .textImg-content p {

    margin: 0 0 15px;

  }

  .textImg-content ul {

    margin: 0 0 15px;

  }

  .textImg-content ul li {

    margin-bottom: 15px;

  }

  .textImg-content h3 {

    font-size: 12px;

    letter-spacing: 1.44px;

    margin: 20px 0;

  }

  .projectSlide {

    height: 250px;

  }

  .projectSlider-list {

    padding-bottom: 65px;

  }

  .projectSlider-list .slick-arrow {

    right: calc(50% + 10px);

  }

  .projectSlider-list .slick-next {

    right: calc(50% - 50px);

  }

  .history-list {

    display: block;

  }

  .history-line {

    display: none;

  }

  .history-item {

    width: 100%;

    margin-bottom: 25px;

    position: relative;

    font-size: 10px;

    padding-left: 100px;

  }

  .history-item:nth-last-child(2) {

    margin-bottom: 25px;

  }

  .history-item b {

    position: absolute;

    font-size: 30px;

    letter-spacing: 4.8px;

    top: 0;

    left: 0;

  }

  .geografy-container {

    max-height: 10000px;

  }

  .geografy-text {

    width: 100%;

    position: static;

    padding: 0 20px;

    font-size: 14px;

    letter-spacing: 2.38px;

    transform: none;

  }

  .geografy-shapes i {

    width: 4px;

    height: 4px;

  }

  .help-block {

    margin-bottom: 25px;

  }

  .help-block-title {

    font-size: 14px;

    letter-spacing: 1.4px;

    margin-bottom: 20px;

  }

  .help-input {

    height: 40px;

  }

  .help-label {

    max-width: 100%;

    width: 100%;

  }

  .help-label-suffix {

    letter-spacing: -0.154px;

    font-size: 14px;

  }

  .help-check-text {

    font-size: 12px;

    letter-spacing: -0.132px;

  }

  .help-flex {

    display: block;

  }

  .help-flex-block {

    width: 100%;

  }

  .description-title {

    display: none;

  }

  .description-title-mobile {

    display: block;

  }

  .description-flex {

    display: block;

  }

  .description-img {

    width: 100%;

    height: 264px;

    margin-bottom: 25px;

  }

  .description-content {

    width: 100%;

    flex-wrap: nowrap;

  }

  .description-content-block {

    font-size: 12px;

    margin-right: 10px;

  }

  .description-content-block:last-child {

    margin-right: 0;

  }

  .description-content-block2 {

    margin-bottom: 20px;

  }

  .description-content-block ul {

    padding: 0 0 0 20px;

  }

  .description-content-block ul li {

    margin-bottom: 10px;

  }

  .description-content-title {

    margin-bottom: 10px;

    letter-spacing: 1.4px;

    font-size: 12px;

  }

  .citate2-container {

    padding: 32px 0 44px;

    max-width: 100%;

  }

  .citate2-container::after {

    font-size: 250px;

    letter-spacing: 42.5px;

    top: -170px;

    right: -50px;

  }

  .citate2-title {

    margin-bottom: 25px;

  }

  .citate2-text {

    margin-bottom: 25px;

    letter-spacing: 1.2px;

    font-size: 12px;

  }

  .citate2-text p {

    margin: 0 0 15px;

  }

  .citate2-btn {

    max-width: 100%;

  }

  .pclients-img {

    height: 290px;

  }

  .pclients-text {

    margin-bottom: 0;

  }

  .pclients-text table {

    display: block;

  }

  .pclients-text table td {

    width: 100%;

    display: block;

    margin-bottom: 25px;

    font-size: 12px;

    letter-spacing: 1.2px;

  }

  .expert-container {

    max-width: 100%;

  }

  .expert-text {

    margin-bottom: 25px;

    letter-spacing: 1.82px;

    font-size: 14px;

  }

  .expert-block {

    margin-bottom: 80px;

    width: 100%;

    font-size: 12px;

    line-height: 30px;

  }

  .expert-block ul {

    padding: 0 0 0 20px;

  }

  .expert-block ul li {

    margin-bottom: 10px;

  }

  .expert-block-title {

    margin-bottom: 10px;

    font-size: 14px;

    letter-spacing: 1.68px;

  }

  .expert-block:last-child {

    margin: 0;

  }

  .expert-block:first-child::after {

    top: calc(100% + 30px);

    left: calc(50% - 4px);

    transform: rotate(90deg);

    width: 30px;

    height: 8px;

    background-size: 75px 8px;

    background-position: top right;

  }

  .expert-flex {

    display: block;

  }

  .pip {

    padding: 30px 0 0;

  }

  .pip-item {

    padding: 20px 0;

    display: block;

  }

  .pip-item-title {

    width: 100%;

    font-size: 14px;

    margin-bottom: 10px;

    letter-spacing: 2.8px;

  }

  .pip-item-text {

    width: 100%;

    font-size: 14px;

    letter-spacing: 0.84px;

  }

  .pip-item-text ul {

    padding: 0 0 0 20px;

    margin: 15px 0;

  }

  .pip-item-text p {

    margin-bottom: 15px;

  }

  .wie2-flex {

    display: block;

  }

  .wie2-item {

    width: 100%;

    margin-bottom: 20px;

    font-size: 12px;

  }

  .wie2-item b {

    font-size: 14px;

    margin-bottom: 20px;

    letter-spacing: 1.68px;

  }

  .wie2-item-num {

    width: 82px;

    font-size: 40px;

    letter-spacing: 6.4px;

  }

  .three-item {

    width: 100%;

    padding: 0;

    margin-bottom: 20px;

  }

  .three-item-container {

    padding-left: 54px;

    font-size: 12px;

  }

  .three-item-num {

    font-size: 30px;

    letter-spacing: 4.8px;

  }

  .three-item h3 {

    padding: 10px 0 15px;

    letter-spacing: 1.68px;

    font-size: 14px;

  }

  .three-item ul li {

    margin-bottom: 10px;

  }

  .three-flex {

    margin: 0 0 -20px;

  }

  .what-flex {

    display: block;

  }

  .what-text {

    width: 100%;

    font-size: 12px;

    letter-spacing: 2.4px;

  }

  .what-block {

    width: 100%;

    margin-top: 24px;

    font-size: 12px;

    line-height: 20px;

  }

  .what-block b,
  .what-block strong,
  .what-block h3 {

    letter-spacing: 1.44px;

    font-size: 12px;

  }

  .what-block ul {

    margin-top: 15px;

  }

  .what-block ul li {

    padding: 15px 0;

    border-top-width: 1px;

  }

  .imgFull {

    height: 300px;

  }

  .why-item-container {

    padding: 0;

  }

  .child .services {

    padding: 30px 0;

  }

  .komu-text {

    display: block;

  }

  .komu-item {

    width: 100%;

    margin-bottom: 30px;

    letter-spacing: 0.6px;

    font-size: 12px;

  }

  .komu-item h3 {

    font-size: 16px;

    margin-bottom: 15px;

    letter-spacing: 0.8px;

  }

  .gallery .slick-arrow:hover {

    background-color: var(--Hover, #FFF3F3);

    background-position: center;

    border-color: var(--Hover, #FFF3F3);

  }

  .gallery-item-container {

    height: 290px;

  }

  .lb-nav a {

    opacity: 1 !important;

  }

  .n-banner-breadcrumbs .breadcrumbs-link {

    font-size: 8px;

  }

  .n-banner-text {

    margin: 25px 0;

    font-size: 14px;

    font-weight: 500;

    line-height: 17px;

  }

  .n-banner-text b {

    font-size: 16px;

    line-height: 1.3;

  }

  .n-banner-footer>span {

    padding: 0 10px;

    font-size: 12px;

    font-weight: 500;

    line-height: 15px;

    text-align: left;

  }

  .n-banner-footer>span span {

    display: block;

    width: 100%;

  }

  .n-banner-title {

    margin: 0;

  }

  .n-banner-title br {

    display: none;

  }

  .n-content {

    font-size: 14px;

    font-weight: 400;

    line-height: 17px;

  }

  .n-content h2 {

    margin: 0 0 25px;

    font-size: 20px;

    font-weight: 700;

    line-height: 24px;

    text-align: left;

  }

  .n-content h3 {

    font-size: 16px;

    font-weight: 500;

    line-height: 150%;

    margin: 30px 0;

  }

  .n-content h3:last-child {

    margin-bottom: 0;

  }

  .n-content-img {

    margin: 25px 0;

  }

  .n-content-img-center {

    margin: 25px 0;

  }

  .n-content-img-title {

    margin-top: 20px;

    font-size: 12px;

    font-weight: 400;

    line-height: 15px;

  }

  .n-contentImg {

    margin: 0 20px 60px;

    padding: 0;

    border: 0.5px solid rgb(0, 0, 0);

  }

  .n-contentImg img {

    position: static;

    display: block;

    width: 100%;

    height: auto;

  }

  .n-contentImg-flex {

    padding: 0;

  }

  .n-contentImg-plash {

    width: 100%;

    padding: 30px 20px;

  }

  .n-contentImg-plash2 {

    padding: 100px 20px 30px;

    width: 100%;

    font-size: 16px;

    font-weight: 400;

    line-height: 150%;

  }

  .n-contentImg-plash2::before {

    top: 30px;

    left: 20px;

    width: 45px;

    height: 45px;

  }

  .n-contentImg-plash h2 {

    margin: 0 0 30px;

    font-size: 16px;

    font-weight: 600;

    line-height: 130%;

  }

  .n-contentImg-plash ul {

    font-size: 14px;

    font-weight: 400;

    line-height: 17px;

  }

  .n-content-column {

    width: 100%;

  }

  .n-content-columns {

    display: block;

  }

  .n-content-flex-text {

    padding: 0;

  }

  .opyt-item-container {

    padding: 280px 22px 22px;

  }

  .opyt-item-img {

    height: 100%;

  }

  .opyt-item-content {

    padding: 25px;

  }

  .opyt-item-title {

    font-size: 14px;

  }

  .n-spektr-title {

    width: 100%;

    margin-bottom: 25px;

    font-size: 24px;

    font-weight: 600;

    line-height: 35px;

  }

  .n-spektr-title-flex {

    display: block;

  }

  .n-spektr-text {

    margin-bottom: 25px;

    width: 100%;

    font-size: 14px;

    font-weight: 400;

    line-height: 20px;

  }

  .n-spektr-text a {

    margin-top: 25px;

    display: block;

    font-size: 14px;

    font-weight: 600;

    line-height: 20px;

  }

  .n-list {

    display: block;

  }

  .n-list-item {

    width: 100%;

  }

  .n-list-item-container {

    height: 50px;

    padding: 0;

    font-size: 14px;

    font-weight: 500;

    line-height: 100%;

  }

  .project-text {

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    padding: 20px;

    background: #fff;

  }

  .n-help-img {

    height: 250px;

    margin-bottom: 25px;

  }

  .n-help-title {

    display: none;

  }

  .n-help-content {

    width: 100%;

    padding: 0;

  }

  .n-wie-container {

    width: 100%;

    padding: 0;

    border: none;

  }

  .n-wie-item {

    margin: 0;

    padding: 0;

    border-top: 0.5px solid rgb(48, 48, 48);

  }

  .n-wie-item:last-child {

    border-bottom: 0.5px solid rgb(48, 48, 48);

  }

  .n-wie-answer {

    position: static;

    opacity: 1;

    visibility: visible;

    width: 100%;

    height: auto;

    padding-top: 30px;

    display: none;

  }

  .n-wie-answer-content {

    font-size: 12px;

    font-weight: 400;

    line-height: 15px;

  }

  .n-wie-answer-content b {

    margin-bottom: 20px;

    font-size: 16px;

    font-weight: 600;

    line-height: 20px;

  }

  .n-wie-answer-content ul {

    margin: 20px 0;

    padding: 0 0 0 25px;

  }

  .n-wie-answer-img {

    height: 200px;

  }

  .n-wie-init {

    padding: 11px 0 11px 0;

    display: flex;

    align-items: center;

    position: relative;

  }

  .n-wie-init-content {

    font-size: 12px;

    font-weight: 400;

    line-height: 15px;

  }

  .n-wie-init-content div {

    display: none;

    margin-top: 20px;

  }

  .n-wie-init-content b {

    height: 58px;

    display: flex;

    align-items: center;

    padding-left: 70px;

    padding-right: 55px;

    font-size: 14px;

    font-weight: 600;

    line-height: 17px;

  }

  .n-wie-num {

    position: absolute;

    top: 11px;

    left: 0;

    width: 50px;

    margin-right: 20px;

    flex-shrink: 0;

    font-size: 40px;

    font-weight: 400;

    line-height: 58px;

  }

  .n-spa-flex {

    flex-wrap: wrap;

  }

  .n-spa-img {

    width: 100%;

    height: 200px;

    margin: 0 0 25px;

  }

  .n-spa-img:nth-child(2) {

    order: 10;

    margin: 25px 0 0;

  }

  .n-spa-content {

    width: 100%;

    margin: 0;

    font-size: 12px;

    font-weight: 300;

    line-height: 17px;

  }

  .n-spa-content b {

    margin-bottom: 25px;

    font-size: 14px;

    font-weight: 500;

    line-height: 20px;

  }

  .n-price-flex {

    display: block;

  }

  .n-price-block {

    width: 100%;

    padding: 20px 0 !important;

    border: none;

    border-top: 0.5px solid rgb(0, 0, 0);

    font-size: 14px;

    font-weight: 400;

    line-height: 20px;

  }

  .n-price-block:last-child {

    border-bottom: 0.5px solid rgb(0, 0, 0);

  }

  .n-price-block-text {

    margin-bottom: 20px;

    font-size: 16px;

    line-height: 23px;

  }

  .header-butter {

    margin-left: 25px;

  }

}

@media screen and (max-width: 500px) {
  .mobile-bottom-soc {
    margin-left: 15px;
  }
}
/*# sourceMappingURL=main.css.map */
/* Service cards use one top separator; the old bottom pseudo-line duplicated it across uneven rows. */
.services .service-container::after{display:none!important;content:none!important;}