@charset "UTF-8";

@font-face {

  font-family: "NTSomic";

  src: url("../fonts/NTSomicVF.ttf") format("truetype");

  font-weight: 100 900;

  /* Если шрифт Variable */

}

@font-face {

  font-family: "NTSomic";

  src: url("../fonts/NTSomicRegular.ttf") format("truetype");

  font-weight: 400;

}
.form-messenger-links__link--max img{
	width: 40px;
  height: 40px;
}
@font-face {

  font-family: "NTSomic";

  src: url("../fonts/NTSomicMedium.ttf") format("truetype");

  font-weight: 600;

}

@font-face {

  font-family: "NTSomic";

  src: url("../fonts/NTSomicBold.ttf") format("truetype");

  font-weight: 700;

}

body {

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

  font-weight: 400;

}



a, .link, .btn, button, .play, input, svg, path, .callMe, .menu-counter, li, .callReviews {

  -webkit-transition: all 0.3s ease-in 0s;

  -moz-transition: all 0.3s ease-in 0s;

  transition: all 0.3s ease-in 0s;

}



a {

  text-decoration: none;

  color: #A3C730;

}

a:hover {

  color: #82A514;

}



.homePage {

  height: 100vh;

  overflow: hidden;

}



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

  .homePage {

    height: 78vh;

  }

}

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

  .homePage {

    height: 97vh;

  }

}

.borders {

  border-left: 1px solid #ebedf163;

  border-right: 1px solid #ebedf163;



}

.section .container.container-xxl.container578{

  border-bottom: none;

}

.borders-color-d {

  border-color: #D2D6DC;

}



.borders-color-d-d {

  border-color: rgba(210, 214, 220, 0.3);

}



header {

  -webkit-transition: all 0.3s ease-in 0s;

  -moz-transition: all 0.3s ease-in 0s;

  transition: all 0.3s ease-in 0s;

}

header .topHeader {

  position: relative;

  z-index: 2;

  background: var(--Background-BG-1, #F7F8F9);

}

header .topHeader .topHeaderHeight {

  height: 3rem;

}

header .topHeader .adress {

  color: var(--Text-Text-1, #111827);

  font-size: 12px;

  font-style: normal;

  font-weight: 400;

  line-height: 16px;

  display: flex;

  gap: 8px;

  align-items: center;

  cursor: pointer;

}

header .topHeader .adress:hover {

  color: #82A514;

}

header .topHeader .contacts {

  display: flex;

  gap: 56px;

  align-items: center;

  justify-content: flex-end;

}

header .topHeader .contacts .phone a {

  color: var(--Text-Text-2, #5A616C);

  font-size: 12px;

  font-style: normal;

  font-weight: 400;

  line-height: 16px;

  text-decoration: none;

}

header .topHeader .contacts .phone a:hover {

  color: #82A514;

}

header .topHeader .contacts .phone svg {

  display: none;

}

header .topHeader .contacts .time {

  color: var(--Text-Text-2, #5A616C);

  font-size: 12px;

  font-style: normal;

  font-weight: 400;

  line-height: 16px;

}

header .topHeader .contacts .email a {

  color: var(--Text-Text-2, #5A616C);

  font-size: 12px;

  font-style: normal;

  font-weight: 400;

  line-height: 16px;

  text-decoration: none;

}

header .topHeader .contacts .email a:hover {

  color: #82A514;

}

header .topHeader .contacts .email a svg {

  display: none;

}

header .topHeader .contacts .price a {

  background: var(--Background-BG-Green, #EAF7D9);

  color: var(--Text-Link-hover, #82A514);

  font-size: 12px;

  font-style: normal;

  font-weight: 400;

  line-height: 16px;

  text-decoration: none;

  display: flex;

  padding: 4px 12px;

  justify-content: center;

  align-items: center;

  gap: 10px;

}

header .topHeader .contacts .price a:hover {

  color: #EAF7D9;

  background: #82A514;

}

header .topHeader .social {

  display: flex;

  gap: 5px;

  align-items: center;

  justify-content: flex-end;

}

header .topHeader .social .telegram a {

  text-decoration: none;

  display: flex;

  align-items: center;

  gap: 8px;

  justify-content: center;

}

header .topHeader .social .telegram a span svg {

  display: none;

}

header .topHeader .social .whatsapp a {

  display: flex;

  align-items: center;

  gap: 8px;

  justify-content: center;

  text-decoration: none;

  color: var(--Text-Text-2, #5A616C);

  font-size: 12px;

  font-style: normal;

  font-weight: 400;

  line-height: 16px;

}

header .topHeader .social .whatsapp a:hover span {

  color: #82A514;

}

header .topHeader .social .whatsapp a p svg {

  display: none;

}

header .midHeader {

  position: relative;

  z-index: 3;

  height: 78px;

}

header .midHeader .midHeaderHeight {

  height: 78px;

}

header .midHeader .logos {

  display: flex;

  justify-content: flex-start;

  align-items: center;

  gap: 38px;

}

header .midHeader .logos .textLink {

  color: var(--Borders-Border-2, #9299A5);

  font-size: 12px;

  font-style: normal;

  font-weight: 400;

  line-height: 16px;

}

header .midHeader .form form {

  position: relative;

}

header .midHeader .form form input {

  display: flex;

  width: 100%;

  padding: 10px 12px 10px 16px;

  justify-content: space-between;

  align-items: center;

  background: rgba(235, 237, 241, 0.30);

  color: #B7BECA;

  padding-left: 15px;

  font-size: 14px;

  font-style: normal;

  font-weight: 400;

  line-height: 20px;

  border: 2px solid transparent;

}

header.homePage.active .midHeader .form form input {

  background: rgba(235, 237, 241, 0.30);

}

header .midHeader .form form input::placeholder {

  color: #B7BECA;

}

header .midHeader .form form input:hover {

  border: 2px solid var(--Text-Link, #A3C730);

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

}

header .midHeader .form form input:focus {

  border: 2px solid var(--Text-Link, #A3C730);

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

}

header .midHeader .form form input:focus-visible {

  border: 2px solid var(--Text-Link, #A3C730);

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

  outline: none;

}

header .midHeader .form form button {

  border: none;

  background: transparent;

  position: absolute;

  right: 5px;

  top: 10px;

}

header .midHeader .form form .search-wrapper {

  position: relative;

  display: flex;

  align-items: center;

}

header .midHeader .form form .clear-button {

  position: absolute;

  right: 5px;

  border: none;

  font-size: 18px;

  cursor: pointer;

  color: #999;

}

input[type="search"]::-webkit-search-decoration,

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

input[type="search"]::-webkit-search-results-button,

input[type="search"]::-webkit-search-results-decoration {

  display: none;

}

header .midHeader .form form #clearSearchDub {

  border-radius: 8px;

  border: 1px solid var(--Borders-Border-1, #EBEDF1);

  background: var(--Button-Main-Overlay, #FFF);

  cursor: pointer;

  display: flex;

  height: 48px;

  padding: 17px 24px 17px 16px;

  justify-content: center;

  align-items: center;

  gap: 10px;

  position: absolute;

  left: 0;

  right: auto;

  z-index: 3;

  top: 260px;

}

header .midHeader .form form #clearSearchDub span {

  color: var(--Text-Text-3, #9299A5);

  font-size: 14px;

  font-weight: 400;

  line-height: 20px;

}

header .midHeader .form form .search-suggestions {

  position: absolute;

  top: 128%;

  left: 0;

  right: 0;

  list-style: none;

  padding: 0;

  margin: 4px 0 0;

  z-index: 1;

  background: var(--Text-Text-white, #FFF);

  box-shadow: 0px 8px 20px 0px rgba(4, 19, 43, 0.04);

  max-height: 191px;

  overflow: hidden;

}

header .midHeader .form form .search-suggestions li {

  cursor: pointer;

  color: var(--Text-Text-1, #111827);

  font-size: 16px;

  font-weight: 400;

  line-height: 22px;

  display: flex;

  height: 48px;

  padding: 20px 12px 20px 16px;

  justify-content: space-between;

  align-items: center;

  align-self: stretch;

}

header .midHeader .form form .search-suggestions li:hover {

  background: var(--Background-BG-2, #F1F2F4);

}

header .midHeader .callMe {

  color: var(--Text-Text-white, #FFF);

  font-size: 14px;

  font-style: normal;

  font-weight: 600;

  line-height: 20px;

  display: flex;

  padding: 12px 32px;

  width: 183px;

  height: 44px;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  cursor: pointer;

  background: var(--Button-Main-Green, #A3C730);

}

header .midHeader .callMe:hover {

  background: var(--Button-Main-Green-Hover, #82A514);

}

header .botHeader {

  position: relative;

  z-index: 2;

  border-bottom: 1px solid #ebedf163;

}

header .botHeader:before{

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 2;

  box-shadow: 0px 5px 30px 0px rgba(17, 17, 17, 0.10);

  pointer-events: none;

}

header .botHeader .menu .menu-newheadermenu-container ul.header_menu {

  padding: 0;

  margin: 0;

  display: flex;

  gap: 0;

  justify-content: center;

  position: relative;

}

header .botHeader .menu .menu-newheadermenu-container ul li {

  display: inline-block;

  list-style: none;

}

header .botHeader .menu .menu-newheadermenu-container ul li::marker {

  display: none;

}

header .botHeader .menu .menu-newheadermenu-container ul li a {

  display: flex;

  padding: 5px 22px 26px 22px;

  justify-content: center;

  align-items: center;

  gap: 10px;

  color: black;

  font-size: 15px;

  font-style: normal;

  font-weight: 400;

  line-height: 20px;

}

header .botHeader .menu .menu-newheadermenu-container ul li a:hover {

  color: var(--Text-Link, #A3C730) !important;

  font-weight: 400;

}

header .botHeader .menu .menu-newheadermenu-container ul li.active .sub-menu {

  opacity: 1;

  visibility: visible;

  transform: translate(0, 0);

  pointer-events: auto;

  width: 100%;

}

header .botHeader .menu .menu-newheadermenu-container ul .menu-item-has-children a {

  background: url(/wp-content/themes/firstCountry/images/chevron.png) no-repeat top 10px right -5px;

}

header .botHeader .menu .menu-newheadermenu-container ul .sub-menu {

  display: block;

  position: absolute;

  left: 0;

  min-height: calc(100vh - 270px);

  height: 100%;

  width: 100%;

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

  backdrop-filter: blur(5px);

  opacity: 0;

  visibility: hidden;

  pointer-events: none;

  transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease;

  box-shadow: 0px 20px 20px 0px rgba(17, 17, 17, 0.10);

  max-height: 70vh;

}

header .botHeader .menu .menu-newheadermenu-container ul .sub-menu li {

  display: flex;

  min-height: 88px;

  justify-content: flex-start;

  padding: 0 32px;

  align-items: center;

  max-width: 666px;

  margin: 28px 0 28px 0;

}

header .botHeader .menu .menu-newheadermenu-container ul .sub-menu li:first-child {

  margin-top: 56px;

}

header .botHeader .menu .menu-newheadermenu-container ul .sub-menu li .sub-menu {

  position: absolute;

  right: 0;

  top: 0;

  left: 0;

  width: auto;

  max-width: inherit;

  background: none;

  backdrop-filter: none;

  border-left: 1px solid rgb(210, 214, 220, 0.37);

  border-right: 1px solid rgb(210, 214, 220, 0.37);

  opacity: 0;

  visibility: hidden;

  transform: translateX(99%);

  pointer-events: none;

  transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease;

  box-shadow: none;

}

header .botHeader .menu .menu-newheadermenu-container ul .sub-menu li .sub-menu li {

  min-height: auto;

  display: block;

  padding: 0;

  align-items: center;

  max-width: 659px;

  margin: 0;

  border-bottom: 1px solid rgba(183, 190, 202, 0.3);

  width: 90%;

  margin: 0 auto;

}

header .botHeader .menu .menu-newheadermenu-container ul .sub-menu li .sub-menu li:hover {

  border-bottom: 1px solid rgba(183, 190, 202, 0.3);

  background: var(--Text-Link-hover, #82A514);

}

header .botHeader .menu .menu-newheadermenu-container ul .sub-menu li .sub-menu li:hover a {

  color: var(--Text-Text-white, #FFF);

}

header .botHeader .menu .menu-newheadermenu-container ul .sub-menu li .sub-menu li:hover a .menuCounter {

  color: var(--Text-Text-white, #FFF);

}

header .botHeader .menu .menu-newheadermenu-container ul .sub-menu li .sub-menu li:hover a .itemHref {

  display: block;

}

header .botHeader .menu .menu-newheadermenu-container ul .sub-menu li .sub-menu li a {

  display: block;

  color: var(--Text-Text-white, #9299A5);

  font-size: 24px;

  font-weight: 700;

  line-height: 32px;

  padding: 32px 16px 32px 16px;

  padding-top: 20px;
}

header .botHeader .menu .menu-newheadermenu-container ul .sub-menu li .sub-menu li a .menuCounter {

  color: var(--Text-Text-3, #9299A5);

  font-size: 18px;

  font-weight: 400;

  display: block;

  line-height: 24px;

  margin-bottom: 10px;
}

header .botHeader .menu .menu-newheadermenu-container ul .sub-menu li .sub-menu li a .itemHref {

  display: block;

}

header .botHeader .menu .menu-newheadermenu-container ul .sub-menu li a {

  color: #111827;

  font-size: 36px;

  font-style: normal;

  font-weight: 400;

  line-height:44px;

  background: none;

}

header .botHeader .menu .menu-newheadermenu-container ul .sub-menu li a:hover {

  color: var(--Text-Link, #A3C730) !important;

}

header .botHeader .menu .menu-newheadermenu-container ul .sub-menu li.active .sub-menu {

  opacity: 1;

  visibility: visible;

  transform: translateX(99%);

  pointer-events: auto;

}

header .botHeader .menu .menu-newheadermenu-container ul .sub-menu .has-big-submenu .sub-menu {

  max-width: inherit;

  right: 0;

  transform: translateX(99%);

  width: auto;

  height: 100%;

  /* Скрытие стандартного скролла */

  scrollbar-width: thin;

  /* Firefox */

  scrollbar-color: #111111 #494b4f;

  /* цвет полосы и фона */

  /* Для Chrome, Edge, Safari */

}

header .botHeader .menu .menu-newheadermenu-container ul .sub-menu .has-big-submenu .sub-menu::-webkit-scrollbar {

  width: 4px;

  /* Толщина скроллбара */

}

header .botHeader .menu .menu-newheadermenu-container ul .sub-menu .has-big-submenu .sub-menu::-webkit-scrollbar-track {

  background: transparent;

}

header .botHeader .menu .menu-newheadermenu-container ul .sub-menu .has-big-submenu .sub-menu::-webkit-scrollbar-thumb {

  background: linear-gradient(180deg, #ff8c00, #ff4500);

  /* Градиентный скролл */

  border-radius: 20px;

}

header .botHeader .menu .menu-newheadermenu-container ul .sub-menu .has-big-submenu .sub-menu::-webkit-scrollbar-thumb:hover {

  background: #555;

  /* Цвет ползунка при наведении */

}

header .video {

  position: absolute;

  top: 100px;

  z-index: 0;

  max-height: 870px;

  overflow: hidden;

  width: 100%;

}

header .video .play {

  width: 140px;

  height: 140px;

  background: url(/wp-content/themes/firstCountry/images/play.png);

  position: absolute;

  right: 320px;

  margin: -240px 0 0 0px;

  background-size: contain;

}

header .homeText {

  position: absolute;

  top: 177px;

  z-index: 1;

  height: 800px;

  overflow: hidden;

  width: 100%;

}

/*header .homeText:before {*/

/*  content: " ";*/

/*  position: absolute;*/

/*  left: 50%;*/

/*  transform: translateX(-50%);*/

/*  border-left: 1px solid rgba(255, 255, 255, 0.37);*/

/*  width: 1px;*/

/*  height: 100%;*/

/*  z-index: 1;*/

/*}*/

header .homeText .container {

  border-left: 1px solid #ebedf163;

  border-right: 1px solid #ebedf163;

  height: 100%;

}

header .homeText h1 {

  color: var(--Text-Text-white, #FFF);

  font-size: 96px;

  font-weight: 700;

  line-height: 96px;

  padding: 80px 12px 24px 12px;

  position: relative;

}

/*header .homeText h1:before{*/

/*  content: "";*/

/*  position: absolute;*/

/*  height: 20.3125rem;*/

/*  width: 63.1875rem;*/

/*  bottom: -20px;*/

/*  left: -10px;*/

/*  border-radius: 63.1875rem;*/

/*  background: linear-gradient(180deg, rgba(255, 255, 255, 0.10) 0%, rgba(255, 255, 255, 0.00) 91.74%);*/

/*  backdrop-filter: blur(5px);*/

/*  z-index: -30;*/

/*}*/

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

  header .homeText h1:before{

    display: none;

  }

}

header .homeText .text {

  color: var(--Borders-Border-1, #EBEDF1);

  font-size: 28px;

  font-weight: 400;

  line-height: 46px;

  padding: 0px 12px 253px 12px;

  margin-top: 32px;

  display: inline-flex;

  align-items: flex-start;

  gap: 5.375rem;

}



header .homeText .text ul li::marker {

font-size: 20px;

}



header.active {

  -webkit-transition: all 0.3s ease-in 0s;

  -moz-transition: all 0.3s ease-in 0s;

  transition: all 0.3s ease-in 0s;

}

header.active:before {

  -webkit-transition: all 0.3s ease-in 0s;

  -moz-transition: all 0.3s ease-in 0s;

  transition: all 0.3s ease-in 0s;

  content: " ";

  position: absolute;

  top: 0;

  left: 0;

  height: 100%;

  z-index: 1;

}

header.active .homeText h1 {

  visibility: hidden;

}

header.active .homeText .text {

  visibility: hidden;

}

header ~ section{

  padding-top: 11.25rem;

}

main{

    padding-top: 11.25rem;

}

main.homepage{

  padding-top:20px;

}

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

  main.homepage{

    padding-top:0;

  }

}

.logoHover {

  display: none;

}

header.nonHomePage{

  position: fixed;

  width: 100%;

  z-index: 999;

}

header.homePage .topHeader{

  position: fixed;

  width: 100%;

  z-index: 999;

}

header.homePage .midHeader{

  position: fixed;

  width: 100%;

  z-index: 999;

  margin-top: 3rem;

  background: #fff;

}

header.homePage .botHeader{

  position: fixed;

  width: 100%;

  z-index: 900;

  margin-top: 7.8rem;

  background: #fff;

  box-shadow: 0px 5px 30px 0px rgba(17, 17, 17, 0.10);

}

header.nonHomePage.active:before {

  -webkit-transition: all 0.3s ease-in 0s;

  -moz-transition: all 0.3s ease-in 0s;

  transition: all 0.3s ease-in 0s;

  content: " ";

  position: absolute;

  top: 0;

  left: 0;

  background: linear-gradient(0deg, rgba(255, 255, 255, 0.96) 0%, rgba(255, 255, 255, 0.96) 100%);

  width: 100%;

  height: 100%;

  z-index: 2;

}

header.nonHomePage.active .logoHover {

  display: none;

}

header.nonHomePage.active .logoNoHover {

  display: block;

}

header.homePage .logoHover {

  display: block;

}

header.homePage .logoNoHover {

  display: none;

}

header.nonHomePage.active .menu .menu-newheadermenu-container ul .sub-menu {

  border-right: 1px solid #D2D6DC;

  border-left: 1px solid #D2D6DC;

}

header .botHeader .menu .menu-newheadermenu-container ul .sub-menu li .sub-menu:before{

  display: none;

}

header.nonHomePage.active .menu .menu-newheadermenu-container ul .sub-menu:after {

  content: " ";

  position: absolute;

  right: -18.3rem;

  top: 0;

  border-left: 1px solid #D2D6DC;

  width: 18.3rem;

  height: 100%;

  z-index: 0;

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

  box-shadow: 10px 20px 20px 0px rgba(17, 17, 17, 0.10);

  pointer-events: none;

}

header.homePage.active .menu .menu-newheadermenu-container ul .sub-menu:after {

  content: " ";

  position: absolute;

  right: -18.3rem;

  top: 0;

  border-left: 1px solid #D2D6DC;

  width: 18.3rem;

  height: 100%;

  z-index: 0;

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

  box-shadow: 10px 20px 20px 0px rgba(17, 17, 17, 0.10);

  pointer-events: none;

}

header.homePage.active .menu .menu-newheadermenu-container ul .sub-menu:before{

  content: " ";

  position: absolute;

  left: -18.3rem;

  border-right: 1px solid #D2D6DC;

  width: 18.3rem;

  height: 100%;

  z-index: 0;

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

  pointer-events: none;

  box-shadow: -10px 20px 20px 0px rgba(17, 17, 17, 0.10);

}

header.nonHomePage.active .menu .menu-newheadermenu-container ul .sub-menu:before {

  content: " ";

  position: absolute;

  left: -18.3rem;

  border-right: 1px solid #D2D6DC;

  width: 18.3rem;

  height: 100%;

  z-index: 0;

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

  pointer-events: none;

  box-shadow: -10px 20px 20px 0px rgba(17, 17, 17, 0.10);

}

header.nonHomePage.active .menu .menu-newheadermenu-container ul .sub-menu li .sub-menu:after{

  display: none;

}

header.homePage.active .menu .menu-newheadermenu-container ul .sub-menu li .sub-menu:after{

  display: none;

}

header.nonHomePage.active .menu .menu-newheadermenu-container ul .sub-menu li .sub-menu {

  box-shadow: none;

}

header.nonHomePage.active .menu .menu-newheadermenu-container ul .sub-menu li .sub-menu:before {

  display: none;

}

header.nonHomePage.active .menu .menu-newheadermenu-container ul .sub-menu .has-big-submenu {

  border: 0;

}

header.nonHomePage.active .menu .menu-newheadermenu-container ul .sub-menu .has-big-submenu:before {

  display: none;

}



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

  header .topHeader .topHeaderHeight {

    align-items: center;

  }

  header .video{

    top: 175px;

  }

  header .topHeader .contacts {

    gap: 30px;

  }

  header .midHeader .midHeaderHeight {

    align-content: center;

  }

  header .botHeader .menu .menu-newheadermenu-container ul li a {

    font-size: 14px;

    font-weight: 400;

    line-height: 32px;

    padding: 4px;

  }

  header ~ section{

    padding-top: 6rem;

  }

  main{

    padding-top: 9rem;

  }

  .services .borders .classPadding{

    padding: 0!important;

  }

  header .botHeader .menu .menu-newheadermenu-container ul .menu-item-has-children a {

    background: none;

  }

  header .botHeader .menu .menu-newheadermenu-container ul .sub-menu {

    height: calc(100vh - 415px);

  }

  header .botHeader .menu .menu-newheadermenu-container ul .sub-menu li {

    min-height: auto;

    max-width: 50.5%;

  }

  header .botHeader .menu .menu-newheadermenu-container ul .sub-menu li .sub-menu {

    top: 25px;

    height: calc(100vh - 440px);

  }

  header .botHeader .menu .menu-newheadermenu-container ul .sub-menu li .sub-menu li {

    max-width: 569px;

  }

  header .botHeader .menu .menu-newheadermenu-container ul .sub-menu li .sub-menu li a {

    padding: 20px 12px;

    justify-content: center;

    align-items: flex-start;

    gap: 12px;

    align-self: stretch;

    font-size: 14px;

    font-weight: 600;

    line-height: 20px;

  }

  header .botHeader .menu .menu-newheadermenu-container ul .sub-menu li .sub-menu li a .menuCounter {

    font-size: 12px;

    font-style: normal;

    font-weight: 400;

    line-height: 16px;

  }

  header .botHeader .menu .menu-newheadermenu-container ul .sub-menu li a {

    font-size: 16px;

    font-weight: 400;

    line-height: 22px;

  }

  header .video .play {

    width: 60px;

    height: 60px;

    background: url(/wp-content/themes/firstCountry/images/play.png);

    position: absolute;

    right: 120px;

    margin: -100px 0 0 0px;

    background-size: contain;

  }

  header .homeText h1 {

    font-size: 36px;

    font-weight: 700;

    line-height: 40px;

  }

  header .homeText .text {

    font-size: 18px;

    font-weight: 600;

    line-height: 28px;

    padding: 0px 12px 165px 12px;

    margin-top: 0;

    display: flex;

    flex-direction: column;

    gap: 0;

  }

  header .homeText .text ul {

    margin: 0;

  }

  .achiev{

    padding-left: 0.75rem;

  }

  .team .item .item2 div{

    padding-left: 0;

  }

  .team .item .item2 img{

    width: 100%;

  }

  .templateServiceBigTitle{

    padding-left: 0.75rem!important;

  }

  .theContent h2{

    padding-left: 0.75rem!important;

  }

  .templateServiceSmallTitle{

    padding-left: 0.75rem!important;

  }

  .category .text{

    padding-left: 0!important;

  }

  .aboutNumbers .aboutNumber{

    padding-left: 0.75rem!important;

  }

  .missionAboutsItemTextTitle{

    padding-left: 0.75rem!important;

  }

  .pageAbout .blockFour{

    padding-left: 0.75rem;

  }

  .singlePage .blockFour{

    padding-left: 12px;

  }

  .singlePage .formSingleFlex .title{

    padding-left: 12px;

  }

  .singlePage .formSingleFlex .subTitle{

    padding-left: 12px;

  }

}

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

  header .topHeader .container-border-mobile {

    border-right: 1px solid var(--Borders-Border-1, #EBEDF1);

    border-left: 1px solid var(--Borders-Border-1, #EBEDF1);

    background: var(--Background-BG-1, #F7F8F9);

  }

  header .topHeader .contacts {

    align-items: center;

    /* justify-content: center; */

    flex-direction: row-reverse;

    gap: 40%;

    justify-content: space-between;
  }

  header .topHeader .contacts .phone a span {

    display: none;

  }

  header .topHeader .contacts .phone a svg {

    display: block;

  }
  .contacts .phone{
        position: relative;
    right: 44px;
  }
  .social .telegram{
        position: relative;
    left: 9px;
  }
  header .topHeader .contacts .email a span {

    display: none;

  }

  header .topHeader .contacts .email a svg {

    display: block;

  }

  header .topHeader .social {

    align-items: center;

    justify-content: center;

    gap: 40%;

  }

  header .topHeader .social .telegram a svg {

    display: none;

  }

  header .topHeader .social .telegram a span svg {

    display: block;

  }

  header .topHeader .social .whatsapp a svg {

    display: none;

  }

  header .topHeader .social .whatsapp a span {

    display: none;

  }

  header .topHeader .social .whatsapp a p {

    margin: 0;

  }

  header .topHeader .social .whatsapp a p svg {

    display: block;

  }

  header .midHeader {

    height: 6.5rem;

    box-shadow: 0px 5px 10px 0px rgba(17, 17, 17, 0.10);

  }

  header .midHeader .midHeaderHeight {

    align-content: center;

    height: 3rem;

  }

  header .midHeader .pushMenu {

    justify-content: flex-end;

    flex: 0;

  }

  header .midHeader .pushMenu .nonActiveMenuM {

    display: block;

    padding-right: 12px;

  }

  header .midHeader .pushMenu .activeMenuM {

    display: none;

    padding-right: 12px;

  }

  header .midHeader .pushMenu svg {

    background: rgba(247, 248, 249, 0.20);

    width: 48px;

    height: 49px;

    padding: 12px;

  }

  header .midHeader .pushSeach {

    justify-content: flex-start;

    flex: 0;

    padding-left: 12px !important;

  }

  header .midHeader .pushSeach svg {

    background: rgba(247, 248, 249, 0.20);

    width: 48px;

    height: 49px;

    padding: 12px;

  }

  header .midHeader .logos {

    justify-content: center;

    gap: 0;

    height: 100%;

  }

  header .midHeader .logos .logo a svg {

    width: 100%;

  }

  header .video {

    max-height: 776px;

    height: 100%;

  }

  header .video video {

    height: 790px;

    object-fit: cover;

  }

  header .video .play {

    right: 20px;

  }

  header .homeText {

    top: 75px;

  }

  header .homeText:before {

    display: none;

  }

  header .homeText h1 {

    font-size: 36px;

    font-weight: 700;

    line-height: 40px;

    padding: 45px 12px 220px 12px;

  }

  header .homeText .text {

    font-size: 18px;

    font-weight: 400;

    line-height: 28px;

    padding: 0;

    position: absolute;

    bottom: 160px;

    margin-top: 0;

    margin-left: -12px;

    margin-right: -12px;

  }



  header .homeText .text ul li::marker{

    font-size: 14px;

  }



  header.active .homeText {

    height: 100%;

    max-height: 696px;

  }

  header.active .homeText h1 {

    padding: 32px 12px 24px 12px;

  }

  header.active .homeText .text {

    padding: 0px 12px 0 12px;

    position: absolute;

    bottom: 100px;

  }

  header.nonHomePage{

    position: fixed;

    z-index: 20;

    width: 100%;

    margin-top: 0;

  }



  section.pageContentTepmlate{

    padding-top: 9rem;

  }

  header.nonHomePage .midHeader{

    background: #fff;

    margin: 0;

    padding-left: 12px;

    width: 100%;

    padding-right: 12px;

    box-shadow: 0px 5px 10px 0px rgba(17, 17, 17, 0.10);



  }

  header.homePage .midHeader{

    background: #fff;

    margin: 0;

    padding-left: 12px;

    width: 100%;

    padding-right: 12px;

    box-shadow: 0px 5px 10px 0px rgba(17, 17, 17, 0.10);

  }

  .midHeader .container {

    padding-top: 2rem;

    padding-bottom: 1.5rem;

    padding-left: 0;

    padding-right: 0;

    border-left: 1px solid #ebedf163;

    border-right: 1px solid #ebedf163;

  }

  header.homePage .logoHover {

    display: block;

  }

  header.homePage .logoNoHover {

    display:  none;

  }

    header .topHeader .topHeaderHeight {

      height: 2.5rem;

    }

    section.topHeader{

      position: fixed;

      width: 100%;

      border-bottom: 1px solid var(--Borders-Border-1, #EBEDF1);

      background: var(--Background-BG-1, #F7F8F9);

      padding-left: 12px;

      padding-right: 12px;

    }

    section.midHeader{

      position: fixed;

      margin-top: 2.5rem!important;

    }

    .contactNumber{

      width: 21.9375rem!important;

    }

    .contact-block{

      display: flex;

      flex-direction: column;

      align-items: flex-start;

      gap: 2rem!important;

    }

    .contactWhatsUp{

      margin: 0!important;

      width: auto!important;

    }

  .contactTelegram{

    margin-bottom: 0!important;

    width: auto!important;

    margin-top: 2rem!important;

  }

  .contactTelegramTitle{

    display: none;

  }

  .messengers{

    display: flex;

    align-items: flex-start;

    gap: 0.6875rem;

  }

  .CooperationTitle{

    font-size: 1.5rem!important;

    font-style: normal !important;

    font-weight: 700!important;

    line-height: 2rem !important;

    margin-left: 12px!important;

  }

  .cooperationBlock{

    display: flex!important;

    flex-direction: column!important;

    align-items: flex-start;

    gap: 2rem!important;

  }

  .cooperation{

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    gap: 1.25rem;

    align-self: stretch;

  }

  .cooperationInfo{

    padding: 1.25rem 0.75rem!important;

    align-items: flex-start !important;

    gap: 0.75rem !important;

    border-left: none!important;

    max-width: 100% !important;

    width: 100%;

  }

  .cooperationInfo:last-child{

    border-bottom: 1px solid var(--Borders-Border-2, #D2D6DC);

  }

  .cooperationImg{

    width: 2rem!important;

    height: 2rem !important;

  }

  .cooperationText{

    text-align: Justify!important;

  }

}

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

  header .midHeader {

    margin-left: 12px;

    margin-right: 12px;

    width: auto;

    border-left: 1px solid #ebedf163;

    border-right: 1px solid #ebedf163;

    padding: 0;

  }

  header .homeText {

    height: 762px;

  }

  header .homeText .container {

    margin-left: 12px;

    margin-right: 12px;

    width: auto;

    position: relative;

  }

  header .homeText h1 {

    padding: 140px 12px 190px 12px;

  }

  header.active .homeText {

    height: 100%;

    max-height: 696px;

  }

  header.active .homeText h1 {

    padding: 32px 12px 24px 12px;

  }

  header.active .homeText .text {

    padding: 0px 12px 0 12px;

    position: absolute;

    bottom: 100px;

  }

}

header.nonHomePage .midHeader {

  background: #fff;

}

header.nonHomePage .midHeader .form form .clear-button {

  background: #F7F8F9;

}

header.nonHomePage .midHeader .form form input {

  background: var(--Background-BG-1, #F7F8F9);

  color: var(--Text-Text-1, #111827);

}

header.nonHomePage .botHeader {

  border-bottom: 1px solid #D2D6DC;

  background: #fff;

  box-shadow: 0px 5px 30px 0px rgba(17, 17, 17, 0.10);
  top: -1px;
}

/*header.nonHomePage .botHeader .menu .menu-newheadermenu-container ul .menu-item-has-children a {*/

/*  background: url(/wp-content/themes/firstCountry/images/ChevronA.png) no-repeat top 10px right -5px;*/

/*}*/

header.nonHomePage .botHeader .menu .menu-newheadermenu-container ul li a {

  color: var(--Text-Text-1, #111827);

}

header.nonHomePage .botHeader .menu .menu-newheadermenu-container ul li a:hover {

  color: var(--Text-Link, #A3C730) !important;

}
header .botHeader .menu .menu-newheadermenu-container ul .sub-menu li .sub-menu li:hover  span{
  color: white !important;
}
header.homePage.active .botHeader .menu .menu-newheadermenu-container ul li a {

  color: black;

}

header.nonHomePage.active .botHeader .menu .menu-newheadermenu-container ul li a {

  color: black;

}

header.nonHomePage.active .botHeader .menu .menu-newheadermenu-container ul li a:hover {

  color: var(--Text-Link, #A3C730) !important;

}



.homepage {

  overflow: hidden;

}



.services .borders .classPadding {

  padding: 0 32px 0 32px;

}

.services .borders .title h2 {

  color: var(--Text-Text-1, #111827);

  font-size: 48px;

  font-style: normal;

  font-weight: 600;

  line-height: 52px;

  margin-top: 128px;

  margin-bottom: 54px;

}

.services .borders .categories .category {

  border-top: 1px solid #D2D6DC;

  display: flex;

  gap: 72px;

  height: 84px;

  overflow: hidden;

  justify-content: space-between;

  -webkit-transition: all 0.3s ease-in 0s;

  -moz-transition: all 0.3s ease-in 0s;

  transition: all 0.3s ease-in 0s;

}

.services .borders .categories .category:last-child {

  border-bottom: 1px solid #D2D6DC;

}

.services .borders .categories .category .text .menu {

  padding: 0;

}

.services .borders .categories .category .text .menu li {

  list-style: none;

  margin: 24px 0 0 0;

}

.services .borders .categories .category .text .menu li a {

  color: var(--Text-Text-1, #5A616C);

  font-size: 64px;

  font-style: normal;

  font-weight: 400;

  line-height: 72px;

  letter-spacing: -1.28px;

  text-transform: uppercase;

}

.services .borders .categories .category:hover .text .menu li a{

  color: var(--Text-Link-hover, #82A514);

}

.services .borders .categories .category:hover .arrowBottom svg path{

  stroke: #82A514;

}

.services .borders .categories .category .text .menu li .sub-menu {

  margin: 56px 0 0 39px;

  padding: 0;

  display: none;

}

.services .borders .categories .category .text .menu li .sub-menu li {

  margin: 20px 0 0 0;

}

.services .borders .categories .category .text .menu li .sub-menu li a {

  color: var(--Text-Text-2, #5A616C);

  font-size: 24px;

  font-style: normal;

  font-weight: 400;

  line-height: 32px;

  text-transform: none;

  letter-spacing: 0px;

}

.services .borders .categories .category .text .menu li .sub-menu li a:hover {

  color: var(--Text-Text-1, #111827);

  text-align: right;

  font-size: 1.5rem;

  font-style: normal;

  font-weight: 600;

  line-height: 2rem;

}

.services .borders .categories .category .image {

  height: 0;

  display: none;

  visibility: hidden;

}

.services .borders .categories .category .arrowBottom {

  margin-top: 27px;

  cursor: pointer;

  -webkit-transition: all 0.3s ease-in 0s;

  -moz-transition: all 0.3s ease-in 0s;

  transition: all 0.3s ease-in 0s;

}

.services .borders .categories .category.active {

  height: 467px;

  overflow: hidden;

}

.services .borders .categories .category.active .text .menu li .sub-menu {

  display: block;

}

.services .borders .categories .category.active .image {

  height: 412px;

  display: block;

  visibility: visible;

}

.services .borders .categories .category.active .arrowBottom svg {

  transform: rotate(-180deg);

}



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

  .services .borders .title h2 {

    font-size: 24px;

    font-weight: 400;

    line-height: 32px;

    margin-top: 56px;

    margin-bottom: 32px;

  }

  .services .borders .categories {

    padding: 0;

  }

  .services .borders .categories .category {

    height: 49px;

  }

  .services .borders .categories .category .text .menu li a {

    color: var(--Text-Text-1, #111827);

    font-size: 24px;

    font-weight: 400;

    line-height: 32px;

    letter-spacing: -0.48px;

    text-transform: uppercase;

  }

  .services .borders .categories .category .text .menu li .sub-menu {

    margin: 32px 0 0 0px;

  }

  .services .borders .categories .category .text .menu li .sub-menu li {

    margin: 16px 0 0 0;

  }

  .services .borders .categories .category .text .menu li .sub-menu li a {

    color: var(--Text-Text-2, #5A616C);

    font-size: 18px;

    font-style: normal;

    font-weight: 400;

    line-height: 24px;

  }

  .services .borders .categories .category .text .menu li .sub-menu li a:hover {

    color: var(--Text-Text-1, #111827);

  }

  .services .borders .categories .category.active {

    height: 285px;

  }

  .services .borders .categories .category.active .image {

    display: none;

  }

}

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

  .services .borders .categories .category .arrowBottom svg {

    width: 24px;

  }

  .services .borders .categories .category.active .arrowBottom {

    width: 24px;

  }

}

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

  .services .borders {

    margin-left: 12px;

    margin-right: 12px;

    width: auto;

  }

  .services .borders .categories .category {

    gap: 0;

    padding: 0px;

  }

}

.advantages .borders .classPadding {

  padding: 0 32px 0 32px;

}

.advantages .borders .title h2 {

  color: var(--Text-Text-1, #111827);

  font-size: 48px;

  font-style: normal;

  font-weight: 600;

  line-height: 52px;

  margin-top: 3.5rem;

  margin-bottom: 54px;

  margin-left: -32px;

}

.advantages .borders .repeater {

  padding: 0;

  display: flex;

  flex-wrap: wrap;

}

.advantages .borders .repeater .advantag {

  border-top: 1px solid var(--Borders-Border-2, #D2D6DC);

  border-bottom: 1px solid var(--Borders-Border-2, #D2D6DC);

  border-left: 1px solid var(--Borders-Border-2, #D2D6DC);

  background: var(--Text-Text-white, #FFF);

  flex: 25%;

  padding: 56px 32px 72px 32px;

}

.advantages .borders .repeater .advantag .image {

  margin-bottom: 32px;

  text-align: center;

}

.advantages .borders .repeater .advantag .text {

  color: var(--Text-Text-2, #5A616C);

  font-size: 16px;

  font-style: normal;

  font-weight: 400;

  line-height: 22px;

}

.advantages .borders .repeater .advantag:first-child {

  border-left: none;

}

.advantages .borders .repeater .advantag:nth-child(5) {

  border-left: none;

}

.advantages .borders .repeater .advantag:not(:last-child){

  border-bottom: none;

}



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

  .advantages .borders .title h2 {

    font-size: 24px;

    line-height: 32px;

    margin-top: 72px;

    margin-bottom: 32px;

    padding-left: 12px;

  }

  .advantages .borders .repeater .advantag {

    flex: 100%;

    padding: 24px 32px 24px 32px;

    border-left: none;

  }

  .advantages .borders .repeater .advantag .text {

    font-size: 16px;

    font-weight: 400;

    line-height: 22px;

  }

}

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

  .advantages .borders {

    margin-left: 12px;

    margin-right: 12px;

    width: auto;

  }

  .advantages .borders .repeater .advantag {

    padding: 24px 12px 24px 12px;

  }

  .advantages .borders .repeater .advantag .image {

    margin-bottom: 16px;

    text-align: center;

  }

  .advantages .borders .repeater .advantag .image img {

    width: 64px;

  }

  .pagePrices .dataPrice .tr{

    height: auto!important;

  }

  .contentReviews p{

    text-align: -webkit-center;

  }

  .mobileMenu .header_menu{

    list-style: none;

  }

}

.magic {

  overflow: hidden;

  position: relative;

  background: var(--Text-Text-1, #111827);

}

.magic:before {

  content: " ";

  position: absolute;

  left: 50%;

  transform: translateX(-50%);

  border-left: 1px solid rgba(210, 214, 220, 0.3);

  width: 1px;

  height: 100%;

  z-index: 1;

}

.magic .magicBlock {

  z-index: 1;

  position: relative;

}

.magic .magicBlock .magicItem {

  display: flex;

  padding: 57px 32px 0 32px;

}

.magic .magicBlock .magicItem .magicTitle {

  color: var(--Text-Text-white, #FFF);

  font-size: 56px;

  font-style: normal;

  font-weight: 400;

  line-height: 72px;

  text-transform: uppercase;

  flex: 50%;

}

.magic .magicBlock .magicItem .magicTitle span {

  color: var(--Text-Link-hover, #82A514);

}

.magic .magicBlock .magicItem .magicDescription {

  color: var(--Text-Text-white, #FFF);

  font-size: 16px;

  font-style: normal;

  font-weight: 400;

  line-height: 28px;

  flex: 50%;

  padding: 15px 20px 0 56px;

}

.magic .magicBlock .magicItem .magicDescription span {

  margin-bottom: 24px;

  display: block;

}

.magic .magicBlock .magicItem .magicDescription a {

  color: var(--Text-Text-white, #FFF);

  font-size: 16px;

  font-style: normal;

  font-weight: 400;

  line-height: 22px;

  display: flex;

  gap: 12px;

  justify-content: center;

  align-items: center;

  background: var(--Button-Main-Green, #A3C730);

  width: 240px;

  height: 56px;

  margin: 85px 0 0 0;

}

.magic .magicBlock .magicItem .magicDescription a:hover {

  background: var(--Button-Main-Green-Hover, #82A514);

}

.magic .magicBlock .magicItem .magicDescription a span {

  margin: 0;

}

.magic .magicBlock .magicRepeat {

  margin: 97px 32px 100px 32px;

  display: flex;

  justify-content: space-between;

  z-index: 1;

  position: relative;

  gap: 115px;

}

.magic .magicBlock .magicRepeat .magicItem {

  flex: 25%;

  display: block;

  padding: 0;

}

.magic .magicBlock .magicRepeat .magicItem .magicNumber {

  color: var(--Text-Text-white, #FFF);

  font-size: 96px;

  font-style: normal;

  font-weight: 400;

  line-height: 100px;

}

.magic .magicBlock .magicRepeat .magicItem .magicNumberTitle {

  color: var(--Text-Text-white, #FFF);

  font-size: 18px;

  font-style: normal;

  font-weight: 400;

  line-height: 28px;

  margin: 10px 0 4px 0px;

}

.magic .magicBlock .magicRepeat .magicItem .magicNumberDescr {

  color: var(--Text-Text-white, #FFF);

  font-size: 16px;

  font-style: normal;

  font-weight: 400;

  line-height: 22px;

  max-width: 240px;

}

.magic .magicFly {

  top: 0;

  position: absolute;

  left: 0;

  z-index: 0;

}



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

  .magic:before {

    display: none;

  }

  .magic .magicBlock .magicItem {

    display: block;

  }

  .magic .magicBlock .magicItem .magicTitle {

    font-size: 24px;

    font-weight: 600;

    line-height: 32px;

    text-transform: uppercase;

  }

  .magic .magicBlock .magicItem .magicDescription {

    padding: 15px 0 0 0;

    font-size: 16px;

    font-weight: 400;

    line-height: 28px;

  }

  .magic .magicBlock .magicItem .magicDescription a {

    font-size: 16px;

    font-weight: 700;

    line-height: 22px;

  }

  .magic .magicBlock .magicRepeat {

    margin: 72px 32px 99px 32px;

    display: block;

  }

  .magic .magicBlock .magicRepeat .magicItem {

    display: block;

    padding: 0;

    margin-bottom: 25px;

  }

  .magic .magicBlock .magicRepeat .magicItem .magicNumber {

    font-size: 72px;

    font-weight: 600;

    line-height: 78px;

  }

  .magic .magicBlock .magicRepeat .magicItem .magicNumberTitle {

    font-size: 18px;

    font-weight: 400;

    line-height: 28px;

    margin: 6px 0 4px 0px;

  }

  .magic .magicBlock .magicRepeat .magicItem .magicNumberDescr {

    font-size: 16px;

    font-weight: 400;

    line-height: 22px;

    max-width: none;

  }

}

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

  .magic .borders {

    margin-left: 12px;

    margin-right: 12px;

    width: auto;

  }

  .magic .magicBlock .magicItem {

    padding: 32px 12px 0 12px;

  }

  .magic .magicBlock .magicRepeat {

    margin: 72px 12px 99px 12px;

  }

}

.magicImage img {

  width: 100%;

}



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

  .magicImage img {

    width: auto;

    height: 700px;

    object-fit: cover;

  }

}

.magicWhite:before {

  content: " ";

  position: absolute;

  left: 50%;

  transform: translateX(-50%);

  border-left: 1px solid #D2D6DC;

  width: 1px;

  height: 180px;

  z-index: 1;

}

.magicWhite .magicBlackHole {

  width: 100%;

  height: 180px;

}



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

  .magicWhite {

    margin-left: 12px;

    margin-right: 12px;

  }

  .magicWhite:before {

    display: none;

  }

  .magicWhite .magicBlackHole {

    width: 100%;

    height: 72px;

  }

}

.example {

  background: var(--Background-BG-1, #F7F8F9);

}

.example .classPadding {

  padding: 0 32px 0 32px;

}

.example .title h2 {

  color: var(--Text-Text-1, #111827);

  font-size: 48px;

  font-style: normal;

  font-weight: 600;

  line-height: 52px;

  margin-top: 58px;

  margin-bottom: 0px;

}

.example .allExamples a {

  color: var(--Text-Text-white, #FFF);

  font-size: 16px;

  font-style: normal;

  font-weight: 400;

  line-height: 22px;

  display: flex;

  gap: 12px;

  justify-content: center;

  align-items: center;

  background: var(--Button-Main-Green, #A3C730);

  width: 224px;

  height: 56px;

  margin: 55px 0 56px 20px;

}

.example .allExamples a:hover {

  background: var(--Button-Main-Green-Hover, #82A514);

}

.example .allExamples a span {

  margin: 0;

}

.example .workPlace {

  position: relative;

}

.example .workPlace .swiper-pager {

  position: absolute;

  right: 40px;

  bottom: 55px;

  display: flex;

  align-items: center;

  align-content: center;

  justify-content: center;

}

.example .workPlace .swiper-pager .swiper-button-next, .example .workPlace .swiper-pager .swiper-button-prev {

  background: none;

  position: relative;

  margin: 0;

  top: auto;

  right: auto;

  width: 56px;

  height: 56px;

  display: flex;

  align-items: center;

  justify-content: center;

}

.example .workPlace .swiper-pager .swiper-button-next:hover svg path, .example .workPlace .swiper-pager .swiper-button-prev:hover svg path {

  stroke: #111827;

}

.example .repeater {

  padding: 0;

  display: flex;

}

.example .repeater .slideExample {

  max-width: 660px;

}

.example .repeater .slideExample .workLink {

  display: block;

  -webkit-transition: all 0.3s ease-in 0s;

  -moz-transition: all 0.3s ease-in 0s;

  transition: all 0.3s ease-in 0s;

  border-left: 1px solid var(--Borders-Border-2, #D2D6DC);

}

.example .repeater .slideExample .workLink .workImage::before{

  content: '';

  position: absolute;

  left: 0;

  right: 0;

  bottom: 0;

  height: 30%;

  background: linear-gradient(to top, rgba(0, 0, 0, 0.6), transparent);

  z-index: 1;

  pointer-events: none;

}

.example .repeater .slideExample .workLink:before {

  content: " ";

  background: linear-gradient(0deg, rgba(17, 24, 39, 0.5) 0%, rgba(17, 24, 39, 0.5) 100%), #d3d3d36b -261.562px 0px/141.476% 100% no-repeat;

  width: 100%;

  height: 100%;

  z-index: 1;

  position: absolute;

  -webkit-transition: all 0.3s ease-in 0s;

  -moz-transition: all 0.3s ease-in 0s;

  transition: all 0.3s ease-in 0s;

}

.example .repeater .slideExample .workLink:hover:before {

  height: 0;

}

.example .repeater .slideExample .workLink .workCaption {

  position: absolute;

  margin: -160px 0 0 40px;

  z-index: 2;

}

.example .repeater .slideExample .workLink .workCaption .workYear {

  color: var(--Text-Text-white, #FFF);

  font-size: 1rem;

  font-style: normal;

  font-weight: 400;

  line-height: 1.75rem;

  margin-bottom: 22px;

}

.example .repeater .slideExample .workLink .workCaption .workName {

  color: var(--Borders-Border-1, #EBEDF1);

  font-size: 1.5rem;

  font-style: normal;

  font-weight: 400;

  line-height: 2rem;

}



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

  .example .title h2 {

    margin-top: 32px;

    font-size: 24px;

    font-weight: 400;

    line-height: 32px;

  }

  .example .allExamples a {

    width: 192px;

    height: 56px;

    margin: 20px 0 32px 20px;

  }

  .example .repeater .slideExample .workLink .workCaption .workYear {

    font-size: 14px;

    font-weight: 600;

    line-height: 20px;

  }

  .example .repeater .slideExample .workLink .workCaption .workName {

    font-size: 18px;

    font-weight: 600;

    line-height: 24px;

  }

}

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

  .example .classPadding {

    padding: 0;

  }

  .example .title h2 {

    font-weight: 700;

  }

  .example .allExamples a {

    margin: 20px 0 32px 0;

  }

  .example .workPlace .swiper-pager {

    display: none;

  }

  .example .repeater .slideExample .workLink .workImage img {

    width: 100%;

  }

  .example .repeater .slideExample .workLink .workCaption {

    margin: -120px 0 0 12px;

  }

  .example .repeater .slideExample .workLink .workCaption .workYear {

    margin-bottom: 12px;

  }

}

.work:before {

  content: " ";

  position: absolute;

  left: 50%;

  transform: translateX(-50%);

  border-left: 1px solid #D2D6DC;

  width: 1px;

  height: 100%;

  z-index: 1;

}

.work .borders .classPadding {

  padding: 0 32px 0 32px;

}

.work .borders .title h2 {

  margin: 180px 0 0 0;

  color: var(--Text-Text-1, #111827);

  font-size: 48px;

  font-style: normal;

  font-weight: 700;

  line-height: 52px;

}

.work .borders .repeaterWork {

  padding: 0;

  display: flex;

  flex-wrap: wrap;

  margin: 56px 0 0 0;

  z-index: 1;

  margin-bottom: 56px;

  position: relative;

}

.work .borders .repeaterWork .works {

  flex: 33%;

  padding: 32px;

  border-top: 1px solid var(--Borders-Border-2, #D2D6DC);

  border-right: 1px solid var(--Borders-Border-2, #D2D6DC);

  border-bottom: 1px solid var(--Borders-Border-2, #D2D6DC);

  background: #FFF;

}

.work .borders .repeaterWork .works:last-child {

  border-right: none;

}

.work .borders .repeaterWork .works .name {

  color: #1A2947;

  font-size: 24px;

  font-style: normal;

  font-weight: 700;

  line-height: 32px;

  margin: 24px 0;

}

.work .borders .repeaterWork .works .desc {

  color: #1A2947;

  font-size: 16px;

  font-style: normal;

  font-weight: 400;

  line-height: 28px;

}

.work .borders .repeaterWork .works .image {

  text-align: center;

}

.work .borders .images {

  padding: 0;

  position: relative;

  z-index: 2;

}

.work .borders .images img {

  width: 100%;

}



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

  .work:before {

    display: none;

  }

}

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

  .work .borders {

    margin-left: 12px;

    margin-right: 12px;

    width: auto;

  }

  .work .borders .classPadding {

    padding: 0 12px 0 12px;

  }

  .work .borders .title h2 {

    margin: 72px 0 0 0;

    font-size: 24px;

    font-weight: 400;

    line-height: 32px;

  }

  .work .borders .repeaterWork {

    margin: 32px 0 0 0;

    display: block;

  }

  .work .borders .repeaterWork .works {

    padding: 24px 12px;

    border-right: 0;

    border-top: 0;

  }

  .work .borders .repeaterWork .works .image img {

    width: 56px;

  }

  .work .borders .repeaterWork .works .image {

    text-align: left;

  }

  .work .borders .repeaterWork .works .name {

    font-size: 20px;

    font-weight: 600;

    line-height: 28px;

  }

  .work .borders .repeaterWork .works .desc {

    font-size: 16px;

    font-weight: 400;

    line-height: 28px;

  }

  .work .borders .images img {

    width: 100%;

    object-fit: cover;

    height: 610px;

    object-position: -775px;

  }

}

.bordersDanger {

  background: var(--Text-Text-white, #FFF);

  height: 180px;

  overflow: hidden;

}

.bordersDanger:before {

  content: " ";

  position: absolute;

  left: 50%;

  transform: translateX(-50%);

  border-left: 1px solid #D2D6DC;

  width: 1px;

  height: 100%;

  z-index: 1;

  max-height: 180px;

}

.bordersDanger .container {

  border-left: 1px solid #d2d6dc;

  height: 180px;

  border-right: 1px solid #d2d6dc;

}



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

  .bordersDanger:before {

    display: none;

  }

}

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

  .bordersDanger {

    margin-left: 12px;

    margin-right: 12px;

    width: auto;

    height: 72px;

  }

  .bordersDanger:before {

    display: none;

  }

  .bordersDanger .container {

    height: 72px;

  }

}

.achievements {

  overflow: hidden;

}

.achievements .borders {

  border-bottom: 1px solid #d2d6dc;

}

.achievements:before {

  content: " ";

  position: absolute;

  left: 50%;

  transform: translateX(-50%);

  border-left: 1px solid #D2D6DC;

  width: 1px;

  height: 100%;

  z-index: 1;

}

.achievements .achievement {

  display: flex;

  padding: 70px 16px 0 31px;

}

.achievements .achievement .achiev {

  flex: 50%;

}

.achievements .achievement .achiev p {

  color: var(--Text-Text-1, #111827);

  font-size: 48px;

  font-style: normal;

  font-weight: 700;

  line-height: 52px;

  padding: 34px 0 0 0;

}

.achievements .achievement .achiev span {

  color: var(--Text-Text-1, #111827);

  font-size: 24px;

  font-style: normal;

  font-weight: 400;

  line-height: 32px;

}

.achievements .achievement .achiev .green {

  color: var(--Text-Link-hover, #82A514);

}

.achievements .achievement .achiev .achievrepeat {

  background: var(--Background-BG-1, #F7F8F9);

  padding: 20px 16px;

}

.achievements .achievement .achiev .achievrepeat .image {

  margin: 0 auto 24px auto;

  display: flex;

  text-align: center;

  align-content: center;

  justify-content: center;

  height: 150px;

  align-items: center;

}

.achievements .achievement .achiev .achievrepeat .name {

  color: var(--Text-Text-1, #111827);

  font-size: 14px;

  font-style: normal;

  font-weight: 400;

  line-height: 20px;

}

.achievements .achievement .dopAchiev {

  display: flex;

  gap: 20px;

  margin-left: 18px;

}

.achievements .achievlink {

  margin: 56px 0;

  display: flex;

  justify-content: flex-end;

  padding-right: 255px;

}

.achievements .achievlink a {

  color: var(--Text-Link, #A3C730);

  font-size: 16px;

  font-style: normal;

  font-weight: 400;

  line-height: 22px;

}

.achievements .achievlink a:hover {

  color: #82A514;

}



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

  .achievements:before {

    display: none;

  }

  .achievements .achievement {

    display: block;

    padding: 0;

  }

  .achievements .achievement .dopAchiev {

    margin-left: 0;

    margin-top: 32px;

  }

}

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

  .achievements .achievement .achiev p {

    color: var(--Text-Text-1, #111827);

    font-size: 24px;

    line-height: 32px;

  }

  .achievements .achievement .achiev span {

    font-size: 18px;

    line-height: 28px;

  }

  .achievements .achievement .achiev .achievrepeat {

    flex: 48%;

  }

  .achievements .achievement .achiev .achievrepeat .name {

    font-size: 14px;

    font-weight: 600;

    line-height: 20px;

  }

  .achievements .achievement .dopAchiev {

    flex-wrap: wrap;

  }

  .achievements .achievlink {

    margin: 32px 0;

    display: block;

    text-align: center;

    padding: 0;

  }

  .achievements .achievlink a {

    text-align: center;

    font-size: 14px;

    font-weight: 400;

    line-height: 20px;

  }

}

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

  .achievements .borders {

    margin-left: 12px;

    margin-right: 12px;

    width: auto;

  }

}

.team .repeaterTeam {

  display: flex;

  flex-wrap: wrap;

  padding: 0;

  position: relative;

  z-index: 2;

  border-bottom: 1px solid var(--Borders-Border-2, #D2D6DC);

}

.team .repeaterTeam > *:nth-last-child(-n+2) {

  border-bottom: none!important;

}

.team .repeaterTeam .item {

  border-top: 1px solid var(--Borders-Border-2, #D2D6DC);

  border-bottom: 1px solid var(--Borders-Border-2, #D2D6DC);

  width: 439px;

  height: 440px;

  position: relative;

  -webkit-transition: all 0.3s ease-in 0s;

  -moz-transition: all 0.3s ease-in 0s;

  transition: all 0.3s ease-in 0s;

}

.team .repeaterTeam .item:before {

  content: " ";

  background: linear-gradient(to top, rgba(0, 0, 0, 0.41) 0%, rgba(0, 0, 0, 0) 100%);

  width: 100%;

  height: 0%;

  z-index: 1;

  position: absolute;

  bottom: 0;

  visibility: hidden;

  -webkit-transition: all 0.3s ease-in 0s;

  -moz-transition: all 0.3s ease-in 0s;

  transition: all 0.3s ease-in 0s;

}

.team .repeaterTeam .item .titleTeam {

  color: var(--Text-Text-1, #111827);

  font-size: 48px;

  font-style: normal;

  font-weight: 700;

  line-height: 52px;

  margin: 32px 0 0 32px;

}

.team .repeaterTeam .item .descrTeam {

  color: var(--Text-Text-1, #111827);

  font-size: 24px;

  font-style: normal;

  font-weight: 400;

  line-height: 32px;

  margin: 17px 0 0 32px;

}

.team .repeaterTeam .item .descrTeam .green {

  color: var(--Text-Link-hover, #82A514);

}

.team .repeaterTeam .item .link {

  position: absolute;

  right: 16px;

  bottom: 14px;

  z-index: 2;

}

.team .repeaterTeam .item .imageTeam {

  display: block;

}

.team .repeaterTeam .item .imageTeam img {

  -webkit-filter: grayscale(100%);

  -moz-filter: grayscale(100%);

  -ms-filter: grayscale(100%);

  -o-filter: grayscale(100%);

  filter: grayscale(100%);

  filter: gray;

  -webkit-transition: all 1s;

  -moz-transition: all 1s;

  -o-transition: all 1s;

  transition: all 1s;

}

.team .repeaterTeam .item .teamPosition {

  position: absolute;

  bottom: 29px;

  left: 33px;

  display: none;

}

.team .repeaterTeam .item .nameTeam {

  color: #FFF;

  font-size: 24px;

  font-style: normal;

  font-weight: 400;

  line-height: 32px;

  margin-bottom: 5px;

}

.team .repeaterTeam .item .positionTeam {

  color: #FFF;

  font-size: 14px;

  font-style: normal;

  font-weight: 400;

  line-height: 20px;

}

.team .repeaterTeam .item:hover:before {

  visibility: visible;

  height: 30%;

}

.team .repeaterTeam .item:hover .imageTeam img {

  -webkit-filter: none;

  -moz-filter: none;

  -ms-filter: none;

  -o-filter: none;

  filter: none;

  filter: none;

}

.team .repeaterTeam .item:hover .teamPosition {

  display: block;

  z-index: 1;

}

.team .allTeam {

  display: none;

  padding: 0;

}

.team .allTeam a {

  color: var(--Text-Text-white, #FFF);

  font-size: 16px;

  font-style: normal;

  font-weight: 400;

  line-height: 22px;

  display: flex;

  gap: 12px;

  justify-content: center;

  align-items: center;

  background: var(--Button-Main-Green, #A3C730);

  width: 224px;

  height: 56px;

  margin: 32px 0 0px 0px;

}

.team .allTeam a span {

  margin: 0;

}

.team .allTeam a:hover {

  background: var(--Button-Main-Green-Hover, #82A514);

}



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

  .team .repeaterTeam .item {

    width: auto;

    flex: 50%;

    height: auto;

    border: none;

  }

  .team .repeaterTeam .item .link {

    display: none;

  }

}

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

  .team .repeaterTeam .item .titleTeam {

    font-size: 24px;

    line-height: 32px;

  }

  .team .repeaterTeam .item .descrTeam {

    font-size: 18px;

    font-weight: 400;

    line-height: 24px;

  }

}

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

  .team .repeaterTeam {

    justify-content: center;

  }

  .team .repeaterTeam .item {

    flex: none;

    border: none;

    border-top: 1px solid var(--Borders-Border-2, #D2D6DC);

    border-bottom: 1px solid var(--Borders-Border-2, #D2D6DC);

    width: 100%;

  }

  .team .repeaterTeam .item:first-child {

    border: none;

    flex: 1;

  }

  .team .repeaterTeam .item .titleTeam {

    margin: 0;

  }

  .team .repeaterTeam .item .descrTeam {

    margin: 17px 0 32px 0px;

  }

  .team .repeaterTeam .item .descrTeam .green {

    display: block;

    font-weight: 600;

  }

  .team .repeaterTeam .item .imageTeam img {

    width: 100%;

  }

  .team .allTeam {

    display: block;

  }

}

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

  .team .borders {

    margin-left: 12px;

    margin-right: 12px;

    width: auto;

  }

}

.reviews {

  overflow: hidden;

  position: relative;

  background: var(--Text-Text-1, #111827);

}

.reviews .borders-color-d-d {

  padding-bottom: 56px;

}

.reviews:before {

  content: " ";

  position: absolute;

  left: 50%;

  transform: translateX(-50%);

  border-left: 1px solid rgba(210, 214, 220, 0.3);

  width: 1px;

  height: 100%;

  z-index: 1;

}

.reviews .title h2 {

  color: var(--Text-Text-white, #FFF);

  font-size: 48px;

  font-style: normal;

  font-weight: 400;

  line-height: 52px;

  margin: 56px 17px 13px 17px;

  letter-spacing: 1px;

}

.reviews .description {

  color: var(--Text-Text-white, #FFF);

  font-size: 24px;

  font-style: normal;

  font-weight: 400;

  line-height: 32px;

  margin: 0 0 0 18px;

}

.reviews .description .green {

  color: var(--Text-Link, #A3C730);

  font-size: 24px;

  font-style: normal;

  font-weight: 400;

  line-height: 32px;

  display: block;

}

.reviews .reviewsPlace {

  position: relative;

}

.reviews .reviewsPlace .swiper-pager {

  position: absolute;

  right: 40px;

  bottom: 55px;

  display: flex;

  align-items: center;

  align-content: center;

  justify-content: center;

}

.reviews .reviewsPlace .swiper-pager .swiper-button-next, .reviews .reviewsPlace .swiper-pager .swiper-button-prev {

  background: none;

  position: relative;

  margin: 0;

  top: auto;

  right: auto;

  width: 56px;

  height: 56px;

  display: flex;

  align-items: center;

  justify-content: center;

}

.reviews .reviewsPlace .swiper-pager .swiper-button-next:hover svg path, .reviews .reviewsPlace .swiper-pager .swiper-button-prev:hover svg path {

  stroke: #111827;

}

.reviews .allReviews {

  z-index: 1;

  position: relative;

}

.reviews .allReviews a {

  color: var(--Text-Text-white, #FFF);

  font-size: 16px;

  font-style: normal;

  font-weight: 400;

  line-height: 22px;

  display: flex;

  gap: 12px;

  justify-content: center;

  align-items: center;

  background: var(--Button-Main-Green, #A3C730);

  width: 224px;

  height: 56px;

  margin: 55px 0 56px 20px;

}

.reviews .allReviews a:hover {

  background: var(--Button-Main-Green-Hover, #82A514);

}

.reviews .allReviews a span {

  margin: 0;

}

.reviews .reviewsFly {

  top: 0;

  position: absolute;

  left: 0;

  z-index: 0;

}

.reviews .swiper-container {

  overflow: visible;

  width: 1920px;

}

.reviews .slideReview {

  z-index: 1;

  width: 650px;

}

.reviews .slideReview .reviewLink {

  background: #141D2F;

  padding: 32px;

  display: flex;

  gap: 32px;

  position: relative;

  min-height: 310px;

}

.reviews .slideReview .reviewLink .reviewCaption .reviewName {

  color: var(--Text-Text-white, #FFF);

  font-size: 20px;

  font-style: normal;

  font-weight: 400;

  line-height: 28px;

  margin-bottom: 4px;

}

.reviews .slideReview .reviewLink .reviewCaption .reviewYear {

  color: var(--Text-Text-3, #9299A5);

  font-size: 14px;

  font-style: normal;

  font-weight: 400;

  line-height: 20px;

  margin-bottom: 26px;

}

.reviews .slideReview .reviewLink .reviewCaption .reviewСontent {

  color: var(--Text-Text-white, #FFF);

  font-size: 16px;

  font-style: normal;

  font-weight: 400;

  line-height: 28px;

}

.reviews .slideReview .reviewLink .reviewCaption .reviewСontent .reviewСontent-text {

  max-height: 140px;

  overflow: hidden;

  transition: max-height .35s ease;

}

.reviews .slideReview .reviewLink .reviewCaption .reviewСontent.is-expanded .reviewСontent-text {

  max-height: 2000px;

}

.reviews .slideReview .reviewLink .reviewCaption .reviewСontent .reviewReadMore {

  display: none;

  margin-top: 8px;

  padding: 0;

  border: 0;

  background: none;

  color: var(--Text-Link, #A3C730);

  font-size: 16px;

  font-weight: 400;

  line-height: 28px;

  cursor: pointer;

  text-align: left;

}

.reviews .slideReview .reviewLink .reviewCaption .reviewСontent .reviewReadMore:hover {

  color: var(--Button-Main-Green-Hover, #82A514);

}

.reviews .slideReview .reviewLink .reviewCaption .reviewСontent.is-truncatable .reviewReadMore {

  display: inline-block;

}

.reviews .slideReview .reviewLink .reviewNote {

  top: 16px;

  right: 24px;

  position: absolute;

}



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

  .reviews:before {

    display: none;

  }

  .reviews .title h2 {

    font-size: 24px;

    line-height: 32px;

  }

  .reviews .description {

    font-size: 18px;

    line-height: 24px;

  }

  .reviews .allReviews a {

    width: 180px;

  }

  .reviews .slideReview .reviewLink {

    display: block;

    width: 386px;

  }

  .reviews .slideReview .reviewLink .reviewImage {

    margin-bottom: 12px;

  }

  .reviews .slideReview .reviewLink .reviewCaption .reviewName {

    font-size: 20px;

    line-height: 32px;

  }

  .reviews .slideReview .reviewLink .reviewCaption .reviewYear {

    font-size: 13px;

    line-height: 20px;

  }

  .reviews .slideReview .reviewLink .reviewCaption .reviewСontent {

    font-size: 16px;

    line-height: 24px;

  }

}

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

  .reviews:before {

    display: none;

  }

  .reviews .slideReview .reviewLink {

    width: 330px;

  }

}

.articles .articlesPlace {

  padding: 0;

  border-right: 0;

}

.articles .articlesPlace .blockFour {

  display: flex;

  flex-direction: column;

  padding: 0;

}

.articles .articlesPlace .blockFour .title {

  display: grid;

  grid-template-columns: repeat(4, 1fr);

  height: 108px;

}

.articles .articlesPlace .blockFour .title .h2 {

  border-right: 1px solid var(--Borders-Border-2, #D2D6DC);

  height: 108px;

  width: 330px;

}

.articles .articlesPlace .blockFour .title h2 {

  color: var(--Text-Text-1, #111827);

  font-size: 48px;

  font-style: normal;

  font-weight: 700;

  line-height: 52px;

  padding: 0 0 0 30px;

}

.articles .article {

  display: flex;

  flex-direction: column;

  padding: 0;

}

.articles .article .articleRow {

  display: grid;

  grid-template-columns: repeat(4, 1fr);

}

.articles .article .articleRow .articleItem {

  border-top: 1px solid var(--Borders-Border-2, #D2D6DC);

  border-left: 1px solid var(--Borders-Border-2, #D2D6DC);

  background: var(--Text-Text-white, #FFF);

  padding: 20px;

  width: 330px;

  height: 386px;

}

.articles .article .articleRow .articleItem:hover{

  background: var(--Background-BG-Green, #EAF7D9);

}

.articles .article .articleRow .articleItem.empty {

  border-top: 0;

  width: 330px;

  height: 386px;

}

.articles .article .articleRow .articleItem:nth-child(4) {

  border-right: 1px solid var(--Borders-Border-2, #D2D6DC);

}

.articles .article .articleRow:first-child .articleItem:nth-child(2) {

  border-top: 0;

}

.articles .article .articleLink {

  -webkit-transition: all 0.3s ease-in 0s;

  -moz-transition: all 0.3s ease-in 0s;

  transition: all 0.3s ease-in 0s;

}

.articles .article .articleLink .articleImage {

  margin-bottom: 24px;

  min-height: 230px;

  -webkit-transition: all 0.3s ease-in 0s;

  -moz-transition: all 0.3s ease-in 0s;

  transition: all 0.3s ease-in 0s;

}

.articles .article .articleLink .articleImage img {

  -webkit-transition: all 0.3s ease-in 0s;

  -moz-transition: all 0.3s ease-in 0s;

  transition: all 0.3s ease-in 0s;

  width: 100%;

  height: 100%;

  max-width: 295px;

  max-height: 230px;

}

.articles .article .articleLink .articleName {

  color: var(--Text-Text-2, #5A616C);

  font-size: 18px;

  font-style: normal;

  font-weight: 400;

  line-height: 24px;

}

.articles .article .articleLink .articleYear {

  color: var(--Borders-Border-3, #B7BECA);

  font-size: 14px;

  font-style: normal;

  font-weight: 400;

  line-height: 20px;

  margin-bottom: 12px;

}

.articles .article .articleLink:hover .articleImage img {

  filter: grayscale(0);

}



.bordersHomeArticle.bordersHomeArticleMobile {

  margin-bottom: 113px;

}



.bordersHomeArticle .container {

  border-left: 1px solid #D2D6DC;

  height: 180px;

  padding: 0;

}

.bordersHomeArticle .blockFour {

  display: flex;

  flex-direction: column;

  padding: 0;

}

.bordersHomeArticle .blockFour .four {

  display: grid;

  grid-template-columns: repeat(4, 1fr);

  height: 180px;

}

.bordersHomeArticle .blockFour .four .one {

  border-right: 1px solid var(--Borders-Border-2, #D2D6DC);

  height: 180px;

  width: 330px;

}

.bordersHomeArticle .blockFour .four .one a {

  color: var(--Text-Text-white, #FFF);

  font-size: 16px;

  font-style: normal;

  font-weight: 400;

  line-height: 22px;

  display: flex;

  gap: 12px;

  justify-content: center;

  align-items: center;

  background: var(--Button-Main-Green, #A3C730);

  width: 209px;

  height: 56px;

  margin: 55px 0 56px 0px;

}

.bordersHomeArticle .blockFour .four .one a:hover {

  background: var(--Button-Main-Green-Hover, #82A514);

}

.bordersHomeArticle .blockFour .four .one a span {

  margin: 0;

}

.bordersHomeArticle .blockFour .four .one.statiLink span {

  padding-left: 27px;

}

.bordersHomeArticle .blockFour .four .last {

  width: 329px;

}

.bordersHomeArticle .blockFour .four.withLink .one {

  border-right: 1px solid var(--Borders-Border-2, #D2D6DC);

}

.bordersHomeArticle .blockFour .four.withLink .one:nth-child(1) {

  border-right: 0;

}

.bordersHomeArticle .blockFour .four.withLink .one:nth-child(2) {

  border-top: 1px solid var(--Borders-Border-2, #D2D6DC);

}

.bordersHomeArticle .blockFour .four.withLink .one:nth-child(3) {

  border-right: 0;

  border-top: 1px solid var(--Borders-Border-2, #D2D6DC);

}



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

  .articles .articlesPlace .blockFour .title {

    height: auto;

    display: block;

  }

  .articles .articlesPlace .blockFour .title .h2 {

    display: none;

  }

  .articles .articlesPlace .blockFour .title .h22 {

    border-right: 0;

    height: auto;

    width: auto;

    display: block;

    margin: 72px 0 32px 0;

  }

  .articles .article .articleRow {

    display: flex;

  }

  .bordersHomeArticle {

    display: none;

  }

}

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

  .articles .articlesPlace .blockFour .title .h22 {

    font-size: 24px;

    line-height: 32px;

  }

  .articles .article .articleRow {

    flex-wrap: wrap;

  }

  .articles .article .articleRow .articleItem {

    width: auto;

    height: auto;

    flex: 50%;

    border: 1px solid var(--Borders-Border-2, #D2D6DC);

  }

  .articles .article .articleRow .articleItem.empty {

    display: none;

  }

  .articles .article .articleRow .articleItem:nth-child(4) {

    border: 1px solid var(--Borders-Border-2, #D2D6DC);

  }

  .articles .article .articleRow:first-child .articleItem:nth-child(2) {

    display: none;

  }

  .articles .article .articleLink .articleImage {

    margin-bottom: 12px;

  }

  .articles .article .articleLink .articleName {

    font-size: 18px;

    line-height: 24px;

  }

  .articles .article .articleLink .articleYear {

    font-size: 14px;

    line-height: 20px;

  }

  .bordersHomeArticleMobile {

    display: block;

  }

  .bordersHomeArticleMobile .blockFour {

    display: block;

  }

  .bordersHomeArticleMobile .blockFour .four {

    display: block;

    height: auto;

  }

  .bordersHomeArticleMobile .blockFour .four .one {

    display: none;

  }

  .bordersHomeArticleMobile .blockFour .four .one a {

    width: 180px;

  }

  .bordersHomeArticleMobile .blockFour .four .statiLink {

    display: block;

  }

  .bordersHomeArticleMobile .blockFour .four.withLink .one:nth-child(2) {

    border-top: 0;

  }

}

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

  .articles.homePageArticles .article {

    display: block;

  }

  .articles.homePageArticles .article .articleRow {

    display: block;

  }

  .articles.homePageArticles .article .articleRow:last-child .articleItem:nth-child(1) {

    display: none;

  }

  .articles.homePageArticles .article .articleRow:last-child .articleItem:nth-child(4) {

    display: none;

  }

  .articles.homePageArticles .article .articleLink .articleImage {

    min-height: auto;

  }

}

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

  .articles.homePageArticles {

    margin-left: 12px;

    margin-right: 12px;

    width: auto;

  }

  .articles.homePageArticles .articlesPlace {

    border-right: 1px solid #ebedf163;

  }

}

.formAfterFooter {

  background: var(--Background-BG-1, #F7F8F9);

}

.formAfterFooter .title h2 {

  color: var(--Text-Text-1, #111827);

  font-size: 48px;

  font-style: normal;

  font-weight: 700;

  line-height: 52px;

  padding: 56px 0 0 18px;

}

.formAfterFooter .title p {

  color: var(--Text-Text-1, #111827);

  font-size: 24px;

  font-style: normal;

  font-weight: 400;

  line-height: 32px;

  padding: 9px 0 0 18px;

}

.formAfterFooter .title p .green {

  color: var(--Text-Link-hover, #82A514);

}

.formAfterFooter .formAfterFooterBlock {

  display: flex;

  gap: 40px;

  padding-bottom: 80px;

}

.formAfterFooter .formAfterFooterBlock .formAfterFooterForm {

  margin: 39px 0 0 18px;

  flex: 1;

}

.formAfterFooter .formAfterFooterBlock .formAfterFooterForm form p {

  margin: 0;

}

.formAfterFooter .formAfterFooterBlock .formAfterFooterForm form input {

  color: var(--Text-Text-3, #9299A5);

  font-size: 16px;

  font-style: normal;

  font-weight: 400;

  line-height: 28px;

  width: 100%;

  height: 64px;

  border-bottom: 1px solid var(--Borders-Border-2, #D2D6DC);

  border-top: 1px solid transparent;

  border-left: 1px solid transparent;

  border-right: 1px solid transparent;

  background: var(--Background-BG-1, #F7F8F9);

  padding: 0 0 0 20px;

  margin: 0 0 24px 0;

}

.formAfterFooter .formAfterFooterBlock .formAfterFooterForm form input:hover {

  border-color: #D2D6DC;

}

.formAfterFooter .formAfterFooterBlock .formAfterFooterForm form textarea {

  color: var(--Text-Text-3, #9299A5);

  font-size: 16px;

  font-style: normal;

  font-weight: 400;

  line-height: 28px;

  width: 100%;

  height: 64px;

  border-bottom: 1px solid var(--Borders-Border-2, #D2D6DC);

  border-top: 1px solid transparent;

  border-left: 1px solid transparent;

  border-right: 1px solid transparent;

  background: var(--Background-BG-1, #F7F8F9);

  resize: none;

  padding: 17px 0 0 20px;

  margin: 0 0 0 0;

}

.formAfterFooter .formAfterFooterBlock .formAfterFooterForm form textarea:hover {

  border-color: #D2D6DC;

}

.formAfterFooter .formAfterFooterBlock .formAfterFooterForm form input[type=submit] {

  background: var(--Button-Main-Green, #A3C730);

  color: var(--Text-Text-white, #FFF);

  font-size: 16px;

  font-style: normal;

  font-weight: 700;

  line-height: 22px;

  border: 1px solid transparent;

  height: 54px;

  margin: 23px 0 0 0;

  max-width: 524px;

}

.formAfterFooter .formAfterFooterBlock .formAfterFooterForm form input[type=submit]:hover {

  background: var(--Button-Main-Green, #82A514);

}

.formAfterFooter .formAfterFooterBlock .formAfterFooterForm form .policy {

  color: var(--Text-Text-2, #5A616C);

  font-size: 12px;

  font-style: normal;

  font-weight: 400;

  line-height: 16px;

  margin-top: -14px;

}

.formAfterFooter .formAfterFooterBlock .formAfterFooterForm form .policy a {

  color: var(--Text-Link, #A3C730);

}

.formAfterFooter .formAfterFooterBlock .formAfterFooterForm form .file {

  display: flex;

}

.formAfterFooter .formAfterFooterBlock .formAfterFooterForm form .file .input__wrapper {

  flex: 1;

  position: relative;

}

.formAfterFooter .formAfterFooterBlock .formAfterFooterForm form .file .input__file {

  opacity: 0;

  visibility: hidden;

  position: absolute;

}

.formAfterFooter .formAfterFooterBlock .formAfterFooterForm form .file .input__file-icon-wrapper {

  width: 24px;

  height: 24px;

  margin-right: 12px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  border-right: 1px solid #fff;

  background: url("/wp-content/themes/firstCountry/images/plus.png") no-repeat;

}

.formAfterFooter .formAfterFooterBlock .formAfterFooterForm form .file .input__file-button-text {

  line-height: 1;

  margin-top: 1px;

}

.formAfterFooter .formAfterFooterBlock .formAfterFooterForm form .file .input__file-button {

  width: 100%;

  max-width: 240px;

  height: 60px;

  border: 1px solid var(--Text-Link, #A3C730);

  background: var(--Background-BG-1, #F7F8F9);

  color: var(--Text-Text-2, #5A616C);

  font-size: 16px;

  font-style: normal;

  font-weight: 400;

  line-height: 28px;

  display: flex;

  align-items: center;

  justify-content: center;

  cursor: pointer;

}

.formAfterFooter .formAfterFooterBlock .formAfterFooterForm form .file .infoFile {

  flex: 1;

  color: var(--Text-Text-3, #9299A5);

  font-size: 12px;

  font-style: normal;

  font-weight: 400;

  line-height: 16px;

  margin: 27px 0 0 0;

}

.formAfterFooter .formAfterFooterBlock .formAfterFooterForm form .file .infoFile p {

  margin: 0 0 5px 0;

}

.formAfterFooter .formAfterFooterBlock .repeaterFormAfterFooter {

  flex: 1;

  padding: 0px 0 0 35px;

}

.formAfterFooter .formAfterFooterBlock .repeaterFormAfterFooter .formTitle {

  color: var(--Text-Text-2, #5A616C);

  font-size: 32px;

  font-style: normal;

  font-weight: 700;

  line-height: 40px;

  margin: 40px 0 24px 0;

}

.formAfterFooter .formAfterFooterBlock .repeaterFormAfterFooter .formFace {

  display: flex;

  gap: 20px;

}

.formAfterFooter .formAfterFooterBlock .repeaterFormAfterFooter .formAfter .name {

  margin-top: 12px;

  color: var(--Text-Text-3, #9299A5);

  font-size: 14px;

  font-style: normal;

  font-weight: 400;

  line-height: 20px;

}



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

  .formAfterFooter .formAfterFooterBlock {

    display: block;

  }

}

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

  .formAfterFooter .title h2 {

    font-size: 24px;

    line-height: 32px;

    margin-left: 12px;

  }

  .formAfterFooter .title p {

    font-size: 14px;

    line-height: 20px;

    margin-left: 12px;

  }

  .formAfterFooter .formAfterFooterBlock .formAfterFooterForm form input {

    margin: 0 0 8px 0;

  }

  .formAfterFooter .formAfterFooterBlock .repeaterFormAfterFooter .formTitle {

    font-size: 24px;

    line-height: 32px;

  }

  .formAfterFooter .formAfterFooterBlock .repeaterFormAfterFooter .formFace {

    flex-wrap: wrap;

  }

  .formAfterFooter .formAfterFooterBlock .repeaterFormAfterFooter .formAfter {

    flex: 30%;

  }

  .formAfterFooter .formAfterFooterBlock .repeaterFormAfterFooter .formAfter .image {

    width: 100px;

  }

  .formAfterFooter .formAfterFooterBlock .repeaterFormAfterFooter .formAfter .image img {

    width: 100%;

  }

  .formAfterFooter .formAfterFooterBlock .repeaterFormAfterFooter .formAfter .name {

    font-size: 12px;

    line-height: 16px;

  }

}

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

  .formAfterFooter .borders {

    margin-left: 12px;

    margin-right: 12px;

    width: auto;

    padding: 0;

  }

  .formAfterFooter .title h2 {

    padding-left: 0;

  }

  .formAfterFooter .title p {

    padding-left: 0;

  }

  .formAfterFooter .title p .green {

    display: block;

  }

  .formAfterFooter .formAfterFooterBlock {

    padding-bottom: 56px;

  }

  .formAfterFooter .formAfterFooterBlock .formAfterFooterForm {

    margin: 10px 12px 0 12px;

  }

  .formAfterFooter .formAfterFooterBlock .formAfterFooterForm form .file {

    display: block;

  }

  .formAfterFooter .formAfterFooterBlock .repeaterFormAfterFooter {

    padding: 0px 12px 0 12px;

  }

  .formAfterFooter .formAfterFooterBlock .repeaterFormAfterFooter .formFace {

    gap: 12px;

  }

}

footer {

  background: var(--Text-Text-1, #111827);

}

footer .container {

  border-left: 1px solid #ebedf163;

  border-right: 1px solid #ebedf163;

}

footer .container:before {

  content: " ";

  position: absolute;

  left: 50%;

  transform: translateX(-50%);

  border-left: 1px solid rgba(255, 255, 255, 0.37);

  width: 1px;

  height: 84%;

  z-index: 1;

}

footer .titleFooter {

  padding: 56px 0 0 0;

}

footer .titleFooter .row {

  border-bottom: 1px solid #ebedf163;

}

footer .titleFooter .title {

  color: #FFF;

  font-size: 48px;

  font-style: normal;

  font-weight: 600;

  line-height: 52px;

  text-transform: uppercase;

  padding: 0px 19px 29px 19px;

}

footer .menuFooter {

  padding-top: 34px;

}

footer .menuFooter .flexFooter {

  display: flex;

  padding: 0 20px 42px 20px;

  gap: 0;

}

footer .menuFooter .flexFooterLi li {

  list-style: none;

  color: var(--Borders-Border-2, #D2D6DC);

  font-size: 14px;

  font-weight: 400;

  line-height: 20px;

  margin: 0 0 12px 0;

}

footer .menuFooter .menuBlock {

  flex: 1;

}

footer .menuFooter .menuBlock .menuTitle a:hover {

  color: #82A514;

}

footer .menuFooter .menuBlock ul li a:hover {

  color: #82A514;

}

footer .menuFooter .menuBlock .menuTitle {

  min-height: 28px;

}

footer .menuFooter .menuBlock .menuTitle a{

  color: #EBEDF1;

}

footer .menuFooter .menuBlock .menuTitle svg {

  display: none;

}

footer .menuFooter .menuBlock .menuTitle .menuLink {

  color: var(--Text-Text-white, #FFF);

  font-size: 16px;

  font-style: normal;

  font-weight: 600;

  line-height: 28px;

}

footer .menuFooter .menuBlock ul {

  margin: 14px 0 0 0;

  padding: 0;

}

footer .menuFooter .menuBlock ul li {

  list-style: none;

}

footer .menuFooter .menuBlock ul li a {

  display: block;

  color: var(--Borders-Border-1, #EBEDF1);

  font-size: 14px;

  font-style: normal;

  font-weight: 400;

  line-height: 20px;

  margin-bottom: 12px;

}



footer .menuFooter .menuBlock .image {

  margin: 12px 0 0 0;

}

footer .footerCall {

  padding: 0 0 0 20px;

}

footer .footerCall .callMe {

  color: var(--Text-Text-white, #FFF);

  font-size: 15px;

  font-style: normal;

  font-weight: 600;

  line-height: 20px;

  display: flex;

  padding: 12px 32px;

  width: 192px;

  height: 51px;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  cursor: pointer;

  background: var(--Button-Main-Green, #A3C730);

}

footer .footerCall .callMe:hover {

  background: var(--Button-Main-Green-Hover, #82A514);

}

footer .footerSocial {

  padding: 31px 0 0 20px;

}

footer .footerSocial a {

  margin: 0 4px 0 0;

}

.footerSocial svg{

  transition: transform 0.3s ease;

}

.footerSocial svg:hover{

  transform: scale(1.25);

}



footer .footerText {

  color: var(--Text-Text-3, #9299A5);

  font-size: 14px;

  font-style: normal;

  font-weight: 400;

  line-height: 20px;

  margin: 34px 0 0 20px;

}

footer .copyrightFooter .row {

  border-top: 1px solid #ebedf163;

}

footer .copyrightFooter .siteFooter {

  color: var(--Borders-Border-3, #B7BECA);

  font-size: 12px;

  font-style: normal;

  font-weight: 400;

  line-height: 20px;
}

footer .copyrightFooter .dateFooter {
	display: flex;
	justify-content: space-between;
	padding: 32px 20px;
	align-items: center;
	flex-wrap: wrap;
}

footer .copyrightFooter .dateFooter .policyFooter {

  color: var(--Borders-Border-3, #B7BECA);

  font-size: 12px;

  font-style: normal;

  font-weight: 400;

  line-height: 20px;

}

footer .copyrightFooter .dateFooter a {

  display: inline-flex;

  justify-content: center;

  align-items: center;

  gap: 12px;

  color: var(--Text-Text-3, #9299A5);

}

footer .copyrightFooter .dateFooter a:hover {

  color: #A3C730;

}

footer .copyrightFooter .dateFooter a .itbFooter {

  color: var(--Text-Text-3, #9299A5);

  font-size: 12px;

  font-style: normal;

  font-weight: 400;

  line-height: 20px;

}



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

  footer .container:before {

    display: none;

  }

  footer .menuFooter .flexFooter {

    padding: 0 0 42px 0;

    gap: 32px;

  }

  footer .menuFooter .menuBlock .image {

    margin: 12px 0 32px 0;

  }

  footer .footerCall {

    padding: 0 0 0 0;

  }

  footer .footerSocial {

    padding: 56px 0 0 0px;
            display: flex;
        justify-content: space-between;
  }

  footer .footerSocial svg{

    width: 44px;

    height: 44px;

    margin-left: 0!important;

  }

  /* footer .footerSocial a:first-child{

    margin-left: 1.5rem;

  } */

  /* footer .footerSocial a:nth-child(2), footer .footerSocial a:nth-child(3){

    margin-left: 4.1rem;

  } */

  footer .footerText {

    margin: 32px 0 56px 0px;

  }

  footer .copyrightFooter .dateFooter a .itbFooter {

    margin-top: 32px;

  }

}

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

  footer .titleFooter .title {

    font-size: 28px;

    line-height: 38px;

    text-transform: uppercase;

  }

  footer .menuFooter .flexFooterLi li {

    font-size: 14px;

    font-weight: 400;

    line-height: 20px;

  }

  footer .menuFooter .menuBlock .menuTitle .menuLink {

    font-size: 16px;

    font-weight: 700;

    line-height: 24px;

  }

  footer .menuFooter .menuBlock ul li a {

    font-size: 14px;

    line-height: 20px;

  }

  footer .footerCall .callMe {

    font-size: 16px;

    font-weight: 700;

    line-height: 22px;

    width: 100%;

  }

  footer .footerText {

    font-size: 14px;

    line-height: 20px;

  }

}

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

  footer .titleFooter .row {

    border-bottom: 0;

  }

  footer .titleFooter .title {

    padding: 0px 0 24px 0px;

  }

  footer .menuFooter .flexFooter {

    gap: 16px;

    padding: 0 0 16px 0;

    flex-wrap: wrap;

  }

  footer .menuFooter .menuBlock {

    flex: 100%;

  }

  footer .menuFooter .menuBlock .menuTitle {

    display: flex;

    justify-content: space-between;

  }

  footer .menuFooter .menuBlock .menuTitle svg {

    display: block;

  }

  footer .menuFooter .menuBlock .menuTitle svg.active {

    transform: rotate(180deg);

  }

  footer .menuFooter .menuBlock ul {

    display: none;

  }

  footer .menuFooter .menuFooterUnSlide ul {

    display: block;

  }

  footer .copyrightFooter .dateFooter .policyFooter {

    margin-bottom: 32px;

  }

}

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

  footer .container {

    margin-left: 12px;

    margin-right: 12px;

    width: auto;

  }

  footer .order1 {

    order: 2;

  }

  footer .order0 {

    order: 1;

  }

  footer .menuFooter {

    padding-top: 0;

  }

}

.mobileMenu {

  display: none;

}

.desktop_prices{

  display: block;

}

.mobile-prices{

  display: none;

}

.mobile-prices .accordion{

  display: flex;

  flex-direction: column;

  align-items: flex-start;

  gap: 1.5rem;

  align-self: stretch;

}

.mobile-prices .accordion-item{

  display: flex;

  flex-direction: column;

  align-items: flex-start;

  gap: 1rem;

  align-self: stretch;

  border: none;

}

.mobile-prices .accordion-header{

  display: flex;

  justify-content: space-between;

  align-items: center;

  align-self: stretch;

  color: var(--Text-Text-1, #111827);

  font-size: 1rem;

  font-style: normal;

  font-weight: 400;

  line-height: 1.375rem;

  transition: transform 0.3s ease;

}

.mobile-prices .accordion-header p{

  margin: 0;

  width: 90%;

}

.mobile-prices .accordion-content{

  display: none;

  transition: transform 0.3s ease;

}

.mobile-prices .accordion-content.active{

  display: flex;

  padding: 0 0.75rem 1.25rem 0.75rem;

  flex-direction: column;

  align-items: center;

  background: var(--Background-BG-1, #F7F8F9);

  width: 100%;

}

.mobile-prices .accordion-content .th{

  display: flex;

  align-items: center;

  align-self: stretch;

  color: var(--Text-Text-1, #111827);

  font-size: 0.9375rem;

  font-style: normal;

  font-weight: 400;

  line-height: 1.375rem;

  border-bottom: 1px solid var(--Borders-Border-2, #D2D6DC);

  justify-content: space-between;

}

.mobile-prices .accordion-content .th div{

  display: flex;

  padding: 1.5rem 0;

  align-items: center;

  gap: 0.625rem;

}

.mobile-prices .accordion-content .tr{

  display: flex;

  align-items: center;

  align-self: stretch;

  color: var(--Text-Text-1, #111827);

  font-size: 0.875rem;

  font-style: normal;

  font-weight: 400;

  line-height: 1.25rem;

  border-bottom: 1px solid var(--Borders-Border-2, #D2D6DC);

  justify-content: space-between;

}

.mobile-prices .accordion-content .tr div{

  display: flex;

  padding: 1.5rem 0;

  align-items: center;

  gap: 0.625rem;

}

.mobile-prices .accordion-content .tr div:first-child, .mobile-prices .accordion-content .th div:first-child{

  width: 7.4rem;

}

.mobile-prices .accordion-content .tr div:nth-child(2), .mobile-prices .accordion-content .th div:nth-child(2){

  width: 4rem;

}

.mobile-prices .accordion-content .tr div:nth-child(3), .mobile-prices .accordion-content .th div:nth-child(3){

  width: 4rem;

}

.accordion-item:has(.accordion-content.active) .accordion-header{

  color: var(--Text-Link-hover, #82A514);

}

.accordion-item:has(.accordion-content.active) .accordion-header svg path{

  stroke: #82A514;

}

.accordion-item:has(.accordion-content.active) .accordion-header svg{

  transform: rotate(180deg);

}

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

  .desktop_prices{

    display: none;

  }

  .mobile-prices{

    display: block;

  }

  .mobileMenu {

    position: fixed;

    top: 28px;

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

    z-index: 14;

    width: 100%;

    overflow-y: scroll;

    max-height: 670px;

    margin-top: 6rem;

    padding-top: 1.31rem;

  }

  .mobileMenu .bordersMobile {

    border-left: 1px solid rgba(210, 214, 220, 0.73);

    border-right: 1px solid rgba(210, 214, 220, 0.73);

    margin-left: 12px;

    margin-right: 12px;

  }

  .mobileMenu .flexMobile {

    display: flex;

    gap: 20px;

    align-content: center;

    justify-content: center;

    align-items: center;

    padding: 32px 0 24px 0;

    border-bottom: 1px solid #D2D6DC;

    margin-bottom: 32px;

  }

  .mobileMenu .flexMobile .phone.top a {

    color: var(--Text-Text-1, #111827);

    font-size: 1.125rem;

    font-style: normal;

    font-weight: 400;

    line-height: 1.5rem; /* 133.333% */

  }

  .mobileMenu .flexMobile .price a {

    color: var(--Text-Link-hover, #82A514);

    font-size: 12px;

    font-weight: 600;

    line-height: 16px;

    background: var(--Background-BG-Green, #EAF7D9);

    padding: 5px;

  }

  .mobileMenu .flexMobile .pushMenu svg {

    background: var(--Background-BG-Green, #EAF7D9);

    width: 48px;

    height: 49px;

    padding: 12px;

  }

  .mobileMenu .callMe {

    color: var(--Text-Text-white, #FFF);

    font-size: 14px;

    font-style: normal;

    font-weight: 600;

    line-height: 20px;

    display: flex;

    padding: 12px 32px;

    width: 183px;

    height: 44px;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    cursor: pointer;

    background: var(--Button-Main-Green, #A3C730);

    margin-bottom: 36px;

  }

  .mobileMenu .callMe:hover {

    background: var(--Button-Main-Green-Hover, #82A514);

  }

  .mobileMenu .whatsapp {

    margin-bottom: 20px;

    margin-left: 12px;

  }

  .mobileMenu .whatsapp a {

    color: var(--Borders-Border-2, #2E3444);

    font-size: 14px;

    font-weight: 400;

    line-height: 20px;

  }

  .mobileMenu .whatsapp a svg {

    margin-left: 16px;

  }

  .mobileMenu .telegram {

    margin-bottom: 100px;

    margin-left: 12px;

  }

  .mobileMenu .telegram span {

    color: var(--Borders-Border-3, #2E3444);

    font-size: 14px;

    font-weight: 400;

    line-height: 20px;

  }

  .mobileMenu .telegram a {

    color: var(--Text-Text-white, #2E3444);

    font-size: 14px;

    font-weight: 700;

    line-height: 20px;

  }

  .mobileMenu .address {

    margin-bottom: 32px;

    margin-left: 12px;

  }

  .mobileMenu .address span {

    color: var(--Borders-Border-3, #2E3444);

    font-size: 14px;

    font-weight: 400;

    line-height: 20px;

  }

  .mobileMenu .address p {

    color: var(--Text-Text-white, #2E3444);

    font-size: 14px;

    font-weight: 600;

    line-height: 20px;

  }

  .mobileMenu .email {

    color: var(--Text-Text-white, #111827);

    font-size: 18px;

    font-weight: 400;

    line-height: 28px;

    margin-left: 12px;

  }

  .mobileMenu .phone.bot {

    color: var(--Text-Text-white, #111827);

    font-size: 20px;

    font-weight: 400;

    line-height: 40px;

    margin-bottom: 20px;

    margin-left: 12px;

  }

  .mobileMenu .mmenu {

    border-bottom: 1px solid rgba(210, 214, 220, 0.73);

    margin-bottom: 32px;

  }

  .mobileMenu .mmenu .header_menu {

    padding: 0;

    margin: 0;

  }

  .mobileMenu .mmenu .header_menu li {

    margin-bottom: 28px;
    list-style-type: none;

  }

  .mobileMenu .mmenu .header_menu li a {

    color: var(--Text-Text-white, #111827);

    font-size: 20px;

    font-weight: 400;

    line-height: 32px;

    margin-left: 12px;

  }

  .mobileMenu .mmenu .header_menu li .sub-menu li a {

    margin-left: 0;

    padding-left: 0!important;

  }

  .mobileMenu .mmenu .header_menu .menu-item-has-children:before {

    content: " ";

    background: url(/wp-content/themes/firstCountry/images/MobileArrow.svg) no-repeat center center;

    display: block;

    width: 22px;

    height: 22px;

    position: absolute;

    right: 18px;

    -webkit-transition: all 0.3s ease-in 0s;

    -moz-transition: all 0.3s ease-in 0s;

    transition: all 0.3s ease-in 0s;

  }

  .mobileMenu .mmenu .header_menu .menu-item-has-children.active:before {

    transform: rotate(-180deg);

  }

  .mobileMenu .mmenu .header_menu .menu-item-has-children .sub-menu {

    padding: 0;

    margin: 12px 0 0 0;

    display: none;

  }

  .mobileMenu .mmenu .header_menu .menu-item-has-children .sub-menu li {

    border-top: 1px solid rgba(183, 190, 202, 0.5);

    display: block;

    padding: 20px 24px;

    margin: 0;

  }

  .mobileMenu .mmenu .header_menu .menu-item-has-children .sub-menu li:last-child {

    border-bottom: 1px solid rgba(183, 190, 202, 0.5);

  }

  .mobileMenu .mmenu .header_menu .menu-item-has-children .sub-menu li a {

    padding: 0 12px;

  }

  .mobileMenu .mmenu .header_menu .menu-item-has-children .sub-menu li .sub-menu {

    display: none;

  }

  .mobileMenu .mmenu .header_menu .menu-item-has-children .sub-menu li .sub-menu li {

    border: 0;

    padding: 0;

  }

  .mobileMenu .mmenu .header_menu .menu-item-has-children .sub-menu li .sub-menu li a {

    border-bottom: 1px solid rgba(183, 190, 202, 0.5);

    background: var(--Text-Link-hover, #EAF7D9);

    display: block;

    padding: 12px!important;

  }

  .mobileMenu .mmenu .header_menu .menu-item-has-children .sub-menu li .sub-menu li a .menuCounter {

    color: var(--Borders-Border-1, #111827);

    font-size: 12px;

    font-weight: 400;

    line-height: 16px;

    display: block;

  }

  .mobileMenu .mmenu .header_menu .menu-item-has-children .sub-menu li .sub-menu li a .itemHref {

    color: var(--Text-Text-white, #111827);

    font-size: 14px;

    font-weight: 600;

    line-height: 20px;

  }

  .mobileMenu .mmenu .header_menu .menu-item-has-children .sub-menu li.active .sub-menu {

    display: block;

  }

  .mobileMenu .mmenu .header_menu .menu-item-has-children .sub-menu li a {

    color: var(--Borders-Border-1, #111827);

    font-size: 16px;

    font-weight: 400;

    line-height: 22px;

  }

  .mobileMenu .mmenu .header_menu .menu-item-has-children.active .sub-menu {

    display: block;

  }

}

/*search mobile*/

.mobileSearch {

  display: none;

}



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

  .mobileShowSearch.showImportant {

    display: block !important;

    position: absolute;

    width: 101%;

    top: -40px;

    height: 220px;

    margin-left: -4px;

    background: linear-gradient(to bottom, #78818D 0%, rgba(120, 129, 141, 1) 50%, transparent 100%);

    padding-top: 40px;

    padding-right: 12px;

    max-width: 101%;

  }

  .mobileShowSearch.showImportant input#searchInput {

    display: flex;

    width: 100%;

    height: 3.25rem;

    padding: 0.875rem 0.75rem 0.875rem 1rem;

    justify-content: space-between;

    align-items: center;

    border: 1px solid var(--Button-Main-Green, #A3C730);

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

    color: var(--Text-Text-white, #FFF);

    font-family: "NT Somic";

    font-size: 1rem;

    font-style: normal;

    font-weight: 400;

    line-height: 1.75rem;

    margin: 0;

  }

  .mobileShowSearch.showImportant button {

    top: 11px;

  }

  .mobileShowSearch.showImportant .search-suggestions li {

    color: var(--Text-Text-1, #111827);

    font-size: 14px;

    font-weight: 400;

    line-height: 28px;

    padding: 16px 10px 16px 10px;

  }

  .mobileShowSearch.showImportant .search-suggestions li span {

    flex: 1;

  }

  .mobileShowSearch.showImportant .form form #clearSearchDub {

    top: 270px;

  }

}

/*search mobile*/

/*page stati category*/

.category-page h1 {

  color: var(--Text-Text-1, #111827);

  font-size: 56px;

  font-weight: 700;

  line-height: 64px;

  margin: 64px 0 0 32px;

}

.category-page .articlesPlace {

  padding: 0;

  border-right: 0;

}

.category-page .articlesPlace .blockFour {

  display: flex;

  flex-direction: column;

  padding: 0;

}

.category-page .articlesPlace .blockFour .title {

  display: grid;

  grid-template-columns: repeat(4, 1fr);

  height: 220px;

}

.category-page .articlesPlace .blockFour .title .h2 {

  height: 220px;

  width: 330px;

}

.category-page .articlesPlace .blockFour .title .h2:nth-child(2) {

  border-right: 1px solid var(--Borders-Border-2, #D2D6DC);

}

.category-page .articlesPlace .blockFour .title .h2:last-child {

  border-right: 1px solid var(--Borders-Border-2, #D2D6DC);

  width: 329px;

}

.category-page .articlesPlace .blockFour .title h2 {

  color: var(--Text-Text-1, #111827);

  font-size: 48px;

  font-style: normal;

  font-weight: 700;

  line-height: 52px;

  padding: 0 0 0 30px;

}

.category-page .article {

  display: flex;

  flex-direction: column;

  padding: 0;

}

.category-page .article .articleRow {

  display: grid;

  grid-template-columns: repeat(4, 1fr);

}

.category-page .article .articleRow .articleItem {

  border-top: 1px solid var(--Borders-Border-2, #D2D6DC);

  border-left: 1px solid var(--Borders-Border-2, #D2D6DC);

  background: var(--Text-Text-white, #FFF);

  padding: 20px;

  width: 330px;

  height: 386px;

}

.category-page .article .articleRow .articleItem:hover{

  background: var(--Background-BG-Green, #EAF7D9);

}

.category-page .article .articleRow .articleItem.empty {

  border-top: 0;

  width: 330px;

  height: 386px;

}

.category-page .article .articleRow .articleItem:nth-child(4) {

  border-right: 1px solid var(--Borders-Border-2, #D2D6DC);

}

.category-page .article .articleRow:first-child .articleItem:nth-child(2) {

  border-top: 0;

}

.category-page .article .editionRow:first-child .articleItem:nth-child(2) {

  border-top: 1px solid var(--Borders-Border-2, #D2D6DC);

}

.category-page .article .articleLink {

  -webkit-transition: all 0.3s ease-in 0s;

  -moz-transition: all 0.3s ease-in 0s;

  transition: all 0.3s ease-in 0s;

}

.category-page .article .articleLink .articleImage {

  margin-bottom: 24px;

  min-height: 230px;

  -webkit-transition: all 0.3s ease-in 0s;

  -moz-transition: all 0.3s ease-in 0s;

  transition: all 0.3s ease-in 0s;

}

.category-page .article .articleLink .articleImage img {

  -webkit-transition: all 0.3s ease-in 0s;

  -moz-transition: all 0.3s ease-in 0s;

  transition: all 0.3s ease-in 0s;

  width: 100%;

  height: 100%;

  max-width: 295px;

  max-height: 230px;

}

.category-page .article .articleLink .articleName {

  color: var(--Text-Text-2, #5A616C);

  font-size: 18px;

  font-style: normal;

  font-weight: 400;

  line-height: 24px;

}

.category-page .article .articleLink .articleYear {

  color: var(--Borders-Border-3, #B7BECA);

  font-size: 14px;

  font-style: normal;

  font-weight: 400;

  line-height: 20px;

  margin-bottom: 12px;

}

.category-page .article .articleLink:hover .articleImage img {

  filter: grayscale(0);

}

.category-page .load-more {

  color: var(--Text-Text-white, #FFF);

  font-size: 16px;

  font-style: normal;

  font-weight: 400;

  line-height: 22px;

  display: flex;

  gap: 12px;

  justify-content: center;

  align-items: center;

  background: var(--Button-Main-Green, #A3C730);

  width: 240px;

  height: 56px;

  margin: 85px 0 0 2rem;

  border: none;

}

.category-page .load-more:hover {

  background: var(--Button-Main-Green-Hover, #82A514);

}

.category-page .load-more:focus-visible {

  border: none;

}

.category-page .load-more span {

  margin: 0;

}

.category-page .blockFour {

  display: flex;

  flex-direction: column;

  padding: 0;

}

.category-page .blockFour .four {

  display: grid;

  grid-template-columns: repeat(4, 1fr);

  height: 292px;

}

.category-page .blockFour .four .one {

  border-right: 1px solid var(--Borders-Border-2, #D2D6DC);

  height: 292px;

  width: 330px;

}

.category-page .blockFour .four .one a {

  color: var(--Text-Text-white, #FFF);

  font-size: 16px;

  font-style: normal;

  font-weight: 400;

  line-height: 22px;

  display: flex;

  gap: 12px;

  justify-content: center;

  align-items: center;

  background: var(--Button-Main-Green, #A3C730);

  width: 224px;

  height: 56px;

  margin: 55px 0 56px 20px;

}

.category-page .blockFour .four .one a:hover {

  background: var(--Button-Main-Green-Hover, #82A514);

}

.category-page .blockFour .four .one a span {

  margin: 0;

}

.category-page .blockFour .four .last {

  width: 329px;

}

.category-page .blockFour .four.withLink .one {

  border-right: 1px solid var(--Borders-Border-2, #D2D6DC);

}

.category-page .blockFour .four.withLink .one:nth-child(2) {

  border-top: 1px solid var(--Borders-Border-2, #D2D6DC);

}

.category-page .blockFour .four.withLink .one:nth-child(3) {

  border-top: 1px solid var(--Borders-Border-2, #D2D6DC);

}



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

  .category-page .articlesPlace .blockFour .title {

    height: auto;

    display: block;

  }

  .category-page .articlesPlace .blockFour .title .h2 {

    display: none;

  }

  .category-page .articlesPlace .blockFour .title .h22 {

    border-right: 0;

    height: auto;

    width: auto;

    display: block;

    margin: 72px 0 32px 0;

  }

  .category-page .article .articleRow {

    display: flex;

  }

  .category-page .blockFour .four .one {

    width: 100%;

  }

  .category-page .blockFour .four .last {

    display: none;

  }

}

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

  .category-page .articlesPlace .blockFour .title .h22 {

    font-size: 24px;

    line-height: 32px;

  }

  .category-page .article .articleRow {

    flex-wrap: wrap;

  }

  .category-page .article .articleRow .articleItem {

    width: auto;

    height: auto;

    flex: 50%;

    border: 1px solid var(--Borders-Border-2, #D2D6DC);

  }

  .category-page .article .articleRow .articleItem.empty {

    display: none;

  }

  .category-page .article .articleRow .articleItem:nth-child(4) {

    border: 1px solid var(--Borders-Border-2, #D2D6DC);

  }

  .category-page .article .articleRow:first-child .articleItem:nth-child(2) {

    display: none;

  }

  .category-page .article .articleLink .articleImage {

    margin-bottom: 12px;

  }

  .category-page .article .articleLink .articleName {

    font-size: 18px;

    line-height: 24px;

  }

  .category-page .article .articleLink .articleYear {

    font-size: 14px;

    line-height: 20px;

  }

  .category-page .blockFour {

    display: block;

  }

  .category-page .blockFour .four {

    display: block;

    height: auto;

  }

  .category-page .blockFour .four .one {

    display: none;

  }

  .category-page .blockFour .four .one a {

    width: 180px;

  }

  .category-page .blockFour .four .statiLink {

    display: block;

  }

  .category-page .blockFour .four.withLink .one:nth-child(2) {

    border-top: 0;

  }

}

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

  .breadcrumb-item.active {

    color: #9299A5;

  }



  .category-page .load-more {

    margin: 32px 0 0 12px;

  }

  .category-page .articlesPlace {

    border-right: 1px solid #d2d6dc;

  }

  .category-page .articlesPlace .blockFour .title .h2.nonHideM {

    display: block;

    height: 76px;

  }

  .category-page .articlesPlace .blockFour .title .h2.nonHideM h1 {

    color: var(--Text-Text-1, #111827);

    font-size: 28px;

    line-height: 36px;

    margin: 32px 0 0 0px;

  }

  .category-page .articlesPlace .blockFour .title .h2.nonHideM .breadcrumbs {

    margin: 12px 0 0 0;

  }

  .category-page .article {

    display: block;

  }

  .category-page .article .articleRow {

    display: block;

  }

  .category-page .article .articleRow:last-child .articleItem:nth-child(1) {

    display: none;

  }

  .category-page .article .articleRow:last-child .articleItem:nth-child(4) {

    display: none;

  }

  .category-page .article .articleRow:nth-child(2) .articleItem:nth-child(1) {

    display: none;

  }

  .category-page .article .articleRow:nth-child(2) .articleItem:nth-child(4) {

    display: none;

  }

  .category-page .article .articleRow:nth-child(3) .articleItem:nth-child(2) {

    display: none;

  }

  .category-page .article .articleRow:nth-child(4) .articleItem:nth-child(1) {

    display: none;

  }

  .category-page .article .articleRow:nth-child(4) .articleItem:nth-child(4) {

    display: none;

  }

  .category-page .article .articleRow.editionRow:last-child .articleItem:nth-child(1) {

    display: block;

  }

  .category-page .article .articleRow.editionRow:last-child .articleItem:nth-child(4) {

    display: block;

  }

  .category-page .article .articleRow.editionRow:last-child .articleItem:nth-child(2) {

    display: none;

  }

  .category-page .article .articleLink .articleImage {

    min-height: auto;

  }

  .category-page .article .articleLink .articleImage img {

    object-fit: cover;

    min-height: 230px;

  }

  .category-page .blockFour .four .one {

    height: 162px;

  }

}

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

  .category-page {

    margin-left: 12px;

    margin-right: 12px;

    width: auto;

  }

  .category-page .articlesPlace {

    border-right: 1px solid #d2d6dc;

  }

}

.breadcrumbs {

  margin: 20px 0 0 32px;

}

.breadcrumbs ol {

  display: flex;

  align-content: center;

  align-items: center;

  padding: 0;

  gap: 8px;

  margin:0 0 2rem 0;

}

.breadcrumbs ol li {

  margin: 0;

  padding: 0;

  font-size: 12px;

}

.breadcrumbs ol li a {

  color: var(--Text-Text-2, #5A616C);

  font-size: 12px;

  font-weight: 400;

  line-height: 16px;

}

.breadcrumbs ol li a:hover {

  color: var(--Text-Text-3, #9299A5);

}

.breadcrumbs ol span {

  color: var(--Text-Text-3, #9299A5);

  font-size: 12px;

  font-style: normal;

  font-weight: 400;

  line-height: 16px;

}

.breadcrumbs ol .breadcrumb-separator:last-child {

  display: none;

}



/*page stati category*/

/*single page*/

.singlePage {

  overflow: hidden;

  padding-top: 11.25rem;

}

.singlePage .articles .articlesPlace {

  border-right: 1px solid #D2D6DC;

}

.singlePage .articles .articlesPlace .blockFour:before {

  content: " ";

  position: absolute;

  left: 50%;

  border-left: 1px solid #d2d6dc;

  width: 2px;

  height: 33.6%;

  z-index: 1;

}

.singlePage .articles .articlesPlace .blockFour .title {

  color: var(--Text-Text-1, #111827);

  font-size: 48px;

  font-weight: 700;

  line-height: 52px;

  display: block;

  height: auto;

  margin: 200px 0 56px 32px;

}

.singlePage .articles .article .articleRow:first-child .articleItem:nth-child(2) {

  border-top: 1px solid var(--Borders-Border-2, #D2D6DC);

}

.singlePage .moduleArticlesSingle .blockFour .four.withLink .one:nth-child(1) {

  border-top: 1px solid var(--Borders-Border-2, #D2D6DC);

}

.singlePage .moduleArticlesSingle .blockFour .four.withLink .one:nth-child(4) {

  border-top: 1px solid var(--Borders-Border-2, #D2D6DC);

}

.singlePage .advantages {

  background: var(--Background-BG-1, #F7F8F9);

}

.singlePage .advantages .borders .repeater .advantag {

  background: #f7f8f9;

}

.singlePage .bordersDanger:before {

  transform: none;

}

.singlePage .borderCenter {

  position: relative;

  overflow: hidden;

  padding: 0;

}

.singlePage .borderCenter:before {

  content: " ";

  position: absolute;

  left: 50%;

  border-left: 1px solid #d2d6dc;

  width: 1px;

  height: 100%;

  z-index: 1;

}

.singlePage h1 {

  color: var(--Text-Text-1, #111827);

  font-size: 56px;

  font-weight: 700;

  line-height: 64px;

  margin: 72px 0 16px 20px;

}

.singlePage .breadcrumbs {

  margin: 20px 0 0 20px;

}

.singlePage .firstImageArticle {

  position: relative;

  z-index: 1;

}

.singlePage .firstImageArticle img {

  width: 100%;

}

.singlePage .contentArticle {

  padding: 16px 32px 0 32px;

  color: var(--Text-Text-1, #111827);

  font-size: 16px;

  font-weight: 400;

  line-height: 28px;

  position: relative;

  z-index: 1;

  background: #fff;

}

.singlePage .contentArticle p{

margin: 0;

  padding-bottom: 16px;

}

.singlePage .whiteHole {

  height: 180px;

}

.singlePage .whiteHole .borderCenter {

  height: 180px;

}

.singlePage .formSingle {

  background: var(--Background-BG-1, #F7F8F9);

  position: relative;

  z-index: 2;

}

.singlePage .formSingle .borderCenter:before {

  display: none;

}

.singlePage .formSingle .formSingleFlex {

  display: flex;

  gap: 32px;

  padding: 56px 32px;

}

.singlePage .formSingle .formSingleFlex .form {

  flex: 1;

}

.singlePage .formSingle .formSingleFlex .form form .title {

  color: var(--Text-Text-1, #111827);

  font-size: 48px;

  font-weight: 700;

  line-height: 52px;

  margin-bottom: 16px;

}

.singlePage .formSingle .formSingleFlex .form form .subTitle {

  color: var(--Text-Text-2, #5A616C);

  font-size: 14px;

  font-weight: 400;

  line-height: 20px;

  margin-bottom: 32px;

}

.singlePage .formSingle .formSingleFlex .form form p {

  margin: 0;

}

.singlePage .formSingle .formSingleFlex .form form input[type="text"],
.singlePage .formSingle .formSingleFlex .form form input[type="tel"] {

  color: var(--Text-Text-3, #9299A5);

  font-size: 16px;

  font-style: normal;

  font-weight: 400;

  line-height: 28px;

  width: 100%;

  height: 64px;

  border-bottom: 1px solid var(--Borders-Border-2, #D2D6DC);

  border-top: 1px solid transparent;

  border-left: 1px solid transparent;

  border-right: 1px solid transparent;

  background: var(--Background-BG-1, #F7F8F9);

  padding: 0 0 0 20px;

  margin: 0 0 24px 0;

}



.singlePage .formSingle .formSingleFlex .form form input:hover {

  border-color: #D2D6DC;

}

.singlePage .formSingle .formSingleFlex .form form textarea {

  color: var(--Text-Text-3, #9299A5);

  font-size: 16px;

  font-style: normal;

  font-weight: 400;

  line-height: 28px;

  width: 100%;

  height: 64px;

  border-bottom: 1px solid var(--Borders-Border-2, #D2D6DC);

  border-top: 1px solid transparent;

  border-left: 1px solid transparent;

  border-right: 1px solid transparent;

  background: var(--Background-BG-1, #F7F8F9);

  resize: none;

  padding: 17px 0 0 20px;

  margin: 0 0 0 0;

}

.singlePage .formSingle .formSingleFlex .form form textarea:hover {

  border-color: #D2D6DC;

}

.singlePage .formSingle .formSingleFlex .form form input[type=submit] {

  background: var(--Button-Main-Green, #A3C730);

  color: var(--Text-Text-white, #FFF);

  font-size: 16px;

  font-style: normal;

  font-weight: 700;

  line-height: 22px;

  border: 1px solid transparent;

  height: 54px;

  margin: 32px 0 16px 0;

}

.singlePage .formSingle .formSingleFlex .form form input[type=submit]:hover {

  background: var(--Button-Main-Green, #82A514);

}

.singlePage .formSingle .formSingleFlex .form form .policy {

  color: var(--Text-Text-2, #5A616C);

  font-size: 12px;

  font-style: normal;

  font-weight: 400;

  line-height: 16px;

}

.singlePage .formSingle .formSingleFlex .form form .policy a {

  color: var(--Text-Link, #A3C730);

}

.singlePage .errorArticle {

  padding: 0 32px;

}

.singlePage .errorArticle .errorArticleTitle {

  color: var(--Text-Text-1, #111827);

  font-size: 48px;

  font-weight: 700;

  line-height: 52px;

  padding: 56px 0;

  border-top: 1px solid #D2D6DC;

}

.singlePage .errorArticle .errorArticleArray .errorArticleArrayItem {

  padding: 32px 0;

  border-bottom: 1px solid #B7BECA;

}

.singlePage .errorArticle .errorArticleArray .errorArticleArrayItemNumber {

  color: var(--Text-Link, #A3C730);

  font-size: 16px;

  font-weight: 400;

  line-height: 22px;

  margin-bottom: 12px;

}

.singlePage .errorArticle .errorArticleArray .errorArticleArrayItemText {

  color: var(--Text-Text-1, #111827);

  font-size: 16px;

  font-weight: 400;

  line-height: 28px;

}

.singlePage .secondImageArticle img {

  width: 100%;

  object-fit: cover;

}

.singlePage .wayArticleBlock {

  position: relative;

  overflow: hidden;

}

.singlePage .wayArticleBlock:before {

  content: " ";

  background: linear-gradient(0deg, rgba(17, 24, 39, 0.5) 0%, rgba(17, 24, 39, 0.5) 100%), #d3d3d36b -261.562px 0px/141.476% 100% no-repeat;

  width: 100%;

  height: 100%;

  z-index: 1;

  position: absolute;

  -webkit-transition: all 0.3s ease-in 0s;

  -moz-transition: all 0.3s ease-in 0s;

  transition: all 0.3s ease-in 0s;

}

.singlePage .wayArticleBlock .wayArticle {

  position: relative;

  z-index: 1;

  padding: 72px 32px 96px 32px;

  display: flex;

  gap: 64px;

}

.singlePage .wayArticleBlock .wayArticle .wayArticleTitle {

  color: var(--Text-Text-white, #FFF);

  font-size: 48px;

  font-weight: 700;

  line-height: 52px;

  flex: 1;

}

.singlePage .wayArticleBlock .wayArticle .wayArticleArray {

  flex: 1;

}

.singlePage .wayArticleBlock .wayArticle .wayArticleArray .wayArticleArrayItem {

  padding: 32px 0;

  border-bottom: 1px solid var(--Borders-Border-1, #EBEDF1);

}

.singlePage .wayArticleBlock .wayArticle .wayArticleArray .wayArticleArrayItem .wayArticleArrayItemNumber {

  color: var(--Borders-Border-1, #EBEDF1);

  font-size: 40px;

  font-weight: 600;

  line-height: 56px;

  margin-bottom: 12px;

}

.singlePage .wayArticleBlock .wayArticle .wayArticleArray .wayArticleArrayItem .wayArticleArrayItemText {

  color: var(--Text-Text-white, #FFF);

  font-size: 16px;

  font-weight: 400;

  line-height: 28px;

}

.singlePage .uslugiArticle .zagolovokArticle {

  color: var(--Text-Text-1, #111827);

  font-size: 3rem;

  font-style: normal;

  font-weight: 700;

  line-height: 3.25rem;

  padding-bottom: 56px;

  border-bottom: 1px solid var(--Borders-Border-2, #D2D6DC);

}

.singlePage .uslugiArticle .uslugiArticleArray {

  z-index: 1;

  position: relative;

}

.singlePage .uslugiArticle .uslugiArticleArray .uslugiArticleArrayItem {

  padding: 32px;

  display: flex;

  gap: 56px;

  align-items: center;

  border-bottom: 1px solid var(--Borders-Border-2, #D2D6DC);

  background: var(--Text-Text-white, #FFF);

  -webkit-transition: all 0.3s ease-in 0s;

  -moz-transition: all 0.3s ease-in 0s;

  transition: all 0.3s ease-in 0s;

}

.singlePage .uslugiArticle .uslugiArticleArray .uslugiArticleArrayItem .uslugiArticleArrayItemImage img {

  filter: grayscale(5);

  -webkit-transition: all 0.3s ease-in 0s;

  -moz-transition: all 0.3s ease-in 0s;

  transition: all 0.3s ease-in 0s;

}

.singlePage .uslugiArticle .uslugiArticleArray .uslugiArticleArrayItem .uslugiArticleArrayItemInfo .uslugiArticleArrayItemInfoName {

  -webkit-transition: all 0.3s ease-in 0s;

  -moz-transition: all 0.3s ease-in 0s;

  transition: all 0.3s ease-in 0s;

  color: var(--Text-Text-2, #5A616C);

  font-size: 32px;

  font-weight: 600;

  line-height: 40px;

}

.singlePage .uslugiArticle .uslugiArticleArray .uslugiArticleArrayItem .uslugiArticleArrayItemInfo .uslugiArticleArrayItemInfoPrice {

  -webkit-transition: all 0.3s ease-in 0s;

  -moz-transition: all 0.3s ease-in 0s;

  transition: all 0.3s ease-in 0s;

  color: var(--Text-Text-2, #5A616C);

  font-size: 16px;

  font-weight: 400;

  line-height: 22px;

}

.singlePage .uslugiArticle .uslugiArticleArray .uslugiArticleArrayItem .uslugiArticleArrayItemArrow {

  flex: 1;

  text-align: right;

  -webkit-transition: all 0.3s ease-in 0s;

  -moz-transition: all 0.3s ease-in 0s;

  transition: all 0.3s ease-in 0s;

}

.singlePage .uslugiArticle .uslugiArticleArray .uslugiArticleArrayItem .uslugiArticleArrayItemArrow svg {

  -webkit-transition: all 0.3s ease-in 0s;

  -moz-transition: all 0.3s ease-in 0s;

  transition: all 0.3s ease-in 0s;

}

.singlePage .uslugiArticle .uslugiArticleArray .uslugiArticleArrayItem:hover .uslugiArticleArrayItemImage img {

  filter: grayscale(0);

}

.singlePage .uslugiArticle .uslugiArticleArray .uslugiArticleArrayItem:hover .uslugiArticleArrayItemInfo .uslugiArticleArrayItemInfoName {

  color: var(--Text-Text-1, #111827);

}

.singlePage .uslugiArticle .uslugiArticleArray .uslugiArticleArrayItem:hover .uslugiArticleArrayItemArrow svg path {

  stroke: #A3C730;

}



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

  header.nonHomePage .midHeader .pushSeach svg {

    background: var(--Background-BG-1, #F7F8F9);

  }

  header.nonHomePage .midHeader .pushSeach svg path {

    stroke: #111827;

  }

  header.nonHomePage .midHeader .pushMenu .nonActiveMenuM svg {

    background: var(--Background-BG-1, #F7F8F9);

  }

  header.nonHomePage .midHeader .pushMenu .activeMenuM svg {

    background: var(--Background-BG-Green, #EAF7D9);

  }

  header.nonHomePage .midHeader .pushMenu .nonActiveMenuM svg path {

    stroke: #111827;

  }

}

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

  header.nonHomePage .midHeader {

    border-left: 1px solid #D2D6DC;

    border-right: 1px solid #D2D6DC;

  }

}

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

  .singlePage .articles .articlesPlace .blockFour:before {

    display: none;

  }

  .singlePage .articles .articlesPlace .blockFour .title {

    font-size: 24px;

    line-height: 32px;

    margin: 72px 0 32px 32px;

  }

  .singlePage .articles .article .articleRow:first-child .articleItem:nth-child(2) {

    display: block;

  }

  .singlePage .borderCenter:before {

    display: none;

  }

  .singlePage h1 {

    font-size: 28px;

    line-height: 36px;

  }

  .singlePage .contentArticle {

    font-size: 16px;

    font-weight: 400;

    line-height: 28px;

  }

  .singlePage .whiteHole {

    height: 72px;

  }

  .singlePage .whiteHole .borderCenter {

    height: 72px;

  }

  .singlePage .formSingle .formSingleFlex {

    flex-wrap: wrap;

  }

  .singlePage .formSingle .formSingleFlex .form form .title {

    font-size: 24px;

    line-height: 32px;

  }

  .singlePage .formSingle .formSingleFlex .form form .subTitle {

    font-size: 14px;

    line-height: 20px;

  }

  .singlePage .formSingle .formSingleFlex .image {

    width: 100%;

  }

  .singlePage .formSingle .formSingleFlex .image img {

    width: 100%;

  }

  .singlePage .errorArticle {

    padding: 0;

  }

  .singlePage .errorArticle .errorArticleTitle {

    font-size: 24px;

    line-height: 32px;

    padding: 32px 0 32px 12px;

    border-top: 0;

  }

  .singlePage .errorArticle .errorArticleArray .errorArticleArrayItem {

    padding: 24px 12px;

  }

  .singlePage .errorArticle .errorArticleArray .errorArticleArrayItemNumber {

    font-size: 16px;

    line-height: 22px;

  }

  .singlePage .errorArticle .errorArticleArray .errorArticleArrayItemText {

    font-size: 16px;

    line-height: 28px;

  }

  .singlePage .wayArticleBlock .wayArticle {

    display: block;

    padding: 32px 12px 56px 12px;

  }

  .singlePage .wayArticleBlock .wayArticle .wayArticleTitle {

    font-size: 16px;

    line-height: 28px;

  }

  .singlePage .wayArticleBlock .wayArticle .wayArticleArray .wayArticleArrayItem {

    padding: 20px 0;

  }

  .singlePage{

    padding-top: 8.2rem;

  }

  .singlePage .wayArticleBlock .wayArticle .wayArticleArray .wayArticleArrayItem .wayArticleArrayItemNumber {

    font-size: 36px;

    line-height: 40px;

    margin-bottom: 12px;

  }

  .singlePage .wayArticleBlock .wayArticle .wayArticleArray .wayArticleArrayItem .wayArticleArrayItemText {

    font-size: 16px;

    line-height: 28px;

  }

  .singlePage .uslugiArticle .zagolovokArticle {

    color: #000;

    font-size: 24px;

    font-weight: 700;

    line-height: 32px;

    padding-bottom: 32px;

    padding-left: 12px;

  }

  .singlePage .uslugiArticle .uslugiArticleArray .uslugiArticleArrayItem {

    padding: 20px 12px;

    gap: 16px;

  }

  .singlePage .uslugiArticle .uslugiArticleArray .uslugiArticleArrayItem .uslugiArticleArrayItemInfo .uslugiArticleArrayItemInfoName {

    font-size: 18px;

    line-height: 26px;

  }

  .singlePage .uslugiArticle .uslugiArticleArray .uslugiArticleArrayItem .uslugiArticleArrayItemInfo .uslugiArticleArrayItemInfoPrice {

    font-size: 13px;

    line-height: 20px;

  }

}

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

  .singlePage .articles .article .articleRow:first-child .articleItem:nth-child(1) {

    display: block;

  }

  .singlePage .articles .article .articleRow:first-child .articleItem:nth-child(2) {

    display: block;

  }

  .singlePage .articles .article .articleRow:first-child .articleItem:nth-child(3) {

    display: block;

  }

  .singlePage .articles .article .articleRow:first-child .articleItem:nth-child(4) {

    display: block;

  }

  .singlePage .bordersHomeArticleMobile .blockFour .four {

    border-right: 1px solid #d2d6dc;

  }

  .singlePage h1 {

    margin: 32px 0 16px 32px;

  }

  .singlePage .breadcrumbs {

    margin: 20px 0 32px 32px;

  }

  .singlePage .firstImageArticle img {

    object-fit: cover;

    height: 588px;

    object-position: center;

  }

  .singlePage .secondImageArticle img {

    object-fit: cover;

    height: 588px;

    object-position: center;

  }

}

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

  .singlePage h1 {

    margin: 32px 0 16px 0;

  }

  .singlePage .breadcrumbs {

    margin: 32px 0 16px 0;

  }

  .singlePage .container578 {

    margin-left: 12px;

    margin-right: 12px;

    width: auto;

  }

  .singlePage .articles .container {

    margin: 0;

  }

  .singlePage .bordersDanger .container {

    margin: 0;

  }

  .singlePage .container {

    margin-left: 12px;

    margin-right: 12px;

    width: auto;

  }

  .singlePage .contentArticle {

    padding: 0 12px 0 12px;

  }

  .singlePage .formSingle .formSingleFlex {

    padding: 32px 0px;

  }

  .singlePage .formSingle .formSingleFlex .form form .name {

    padding: 0 12px;

  }

  .singlePage .formSingle .formSingleFlex .form form .phone {

    padding: 0 12px;

  }

  .singlePage .formSingle .formSingleFlex .form form .submit {

    padding: 0 12px;

  }

  .singlePage .secondImageArticle img {

    object-position: -385px center;

  }

  .singlePage .wayArticleBlock .wayArticle .wayArticleTitle {

    font-size: 24px;

    line-height: 28px;

  }

  .singlePage .uslugiArticle .uslugiArticleArray .uslugiArticleArrayItem .uslugiArticleArrayItemImage img {

    width: 92px;

    height: 92px;

    object-fit: cover;

  }

}

/*single page*/

/*contact page*/

.pageContact:before {

  content: " ";

  position: absolute;

  left: 50%;

  /* transform: translateX(-50%); */

  border-left: 1px solid #D2D6DC;

  width: 1px;

  height: 165%;

  z-index: 1;

}



.pageContact .pageContactLineRight:before {

  content: " ";

  position: absolute;

  left: calc(50% + 17vw);

  /* transform: translateX(-50%); */

  border-left: 1px solid #D2D6DC;

  width: 1px;

  height: 165%;

  z-index: 1;

}

.pageContact h1 {

  color: var(--Text-Text-1, #111827);

  font-size: 56px;

  font-weight: 700;

  line-height: 64px;

  padding: 64px 0px 10px 20px;

}

.pageContact .breadcrumbs {

  margin: 0 0 0 20px;

}

.pageContact .bigphonecontactTitle {

  color: var(--Text-Text-3, #9299A5);

  font-size: 14px;

  font-weight: 400;

  line-height: 20px;

  margin: 73px 0 10px 20px;

}

.pageContact .bigphonecontactData {

  color: var(--Text-Text-1, #111827);

  font-size: 3.5rem;

  font-weight: 700;

  line-height: 4rem;

  margin: 0px 0 32px 20px;

}

.pageContact .mainofficecontactTitle {

  color: var(--Text-Text-3, #9299A5);

  font-size: 14px;

  font-weight: 400;

  line-height: 20px;

  margin: 24px 0 12px 20px;

}

.pageContact .mainofficecontactData {

  color: var(--Text-Text-1, #111827);

  font-size: 18px;

  font-weight: 700;

  line-height: 28px;

  margin: 24px 0 12px 20px;

}

.pageContact .contactFlexPadding {

  padding: 0;

}

.pageContact .contactFlex {

  display: flex;

  padding: 0 32px 0 0;

  margin: 72px 0 0 0;

  gap: 30px;

  justify-content: space-between;

  position: relative;

  z-index: 1;

  background: white;

}

.pageContact .contactFlex .contactFlexInfo {

  display: flex;

  flex-wrap: wrap;

  border: 1px solid #D2D6DC;

  border-left: 0;

  border-top: 0;

}

.pageContact .contactFlex .contactFlexInfo .contactFlexInfoData {

  width: 50%;

  display: flex;

  flex-wrap: wrap;

  padding: 33px 32px;

  align-content: space-between;

  border-right: 1px solid #D2D6DC;

  border-bottom: 1px solid #D2D6DC;

}

.pageContact .contactFlex .contactFlexInfo .contactFlexInfoData:nth-child(1):before{

  content: " ";

  position: absolute;

  left: 100%;

  border-left: 1px solid #D2D6DC;

  width: 1px;

  height: 165%;

  z-index: 1;

  top: -72px

}

.pageContact .contactFlex .contactFlexInfo .contactFlexInfoData:nth-child(1){

  position: relative;

}

.pageContact .contactFlex .contactFlexInfo .contactFlexInfoData:nth-child(2) {

  border-right: 0;

}

.pageContact .contactFlex .contactFlexInfo .contactFlexInfoData:nth-child(3) {

  border-bottom: 0;

}

.pageContact .contactFlex .contactFlexInfo .contactFlexInfoData:nth-child(4) {

  border-right: 0;

  border-bottom: 0;

}

.pageContact .contactFlex .contactFlexInfo .contactFlexInfoData .contactInfo {

  color: var(--Text-Text-1, #111827);

  font-size: 18px;

  font-weight: 700;

  line-height: 28px;

}

.pageContact .contactFlex .contactFlexInfo .contactFlexInfoData .contactInfo span {

  display: block;

  font-size: 14px;

  font-weight: 400;

  line-height: 20px;

}

.pageContact .contactFlex .contactFlexInfo .contactFlexInfoData .contactFlexInfoDataInj {

  color: var(--Text-Text-white, #FFF);

  font-size: 14px;

  font-style: normal;

  font-weight: 600;

  line-height: 20px;

  display: flex;

  padding: 12px 32px;

  width: 228px;

  height: 56px;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  cursor: pointer;

  background: var(--Button-Main-Green, #A3C730);

}

.pageContact .contactFlex .contactFlexInfo .contactFlexInfoData .contactFlexInfoDataInj:hover {

  background: var(--Button-Main-Green-Hover, #82A514);

}

.pageContact .contactFlex .contactFlexSocial {

  display: flex;

  align-items: flex-start;

  width: 25%;

  border-right: 1px solid #D2D6DC;

  height: 256px;

  padding: 58px 0 0 0;

}

.pageContact .contactFlex .contactFlexSocial:last-child {

  border-right: 0;

}

.pageContact .contactFlex .contactFlexSocial a {

  color: var(--Text-Text-2, #9299A5);

  font-size: 14px;

  font-weight: 400;

  line-height: 20px;

  display: flex;

  justify-content: space-around;

  width: 100%;

  align-items: center;

}

.pageContact .contactFlex .contactFlexSocial a p {

  margin: 0;

}

.pageContact .contactFlex .contactFlexSocial a span {

  color: var(--Text-Text-3, #5A616C);

  font-size: 14px;

  font-weight: 400;

  line-height: 20px;

  transition: all 0.3s ease-in 0s;

}

.pageContact .contactFlex .contactFlexSocial a:hover span:first-child {

  color: var(--Text-Link, #A3C730);



}

.pageContact .secondFlex {

  margin: 0 0 0 0;

  padding: 0px 10px 0 0;

  gap: 0px;

}

.pageContact .secondFlex .contactFlexSocial:nth-child(1) {

  width: 329px;

}

.pageContact .secondFlex .contactFlexSocial:nth-child(2) {

  width: 325px;

}

.pageContact .secondFlex .contactFlexSocial:nth-child(3) {

  width: 317px;

}

.pageContact .secondFlex .contactFlexSocial:nth-child(4) {

  width: 317px;

}

.pageContact iframe {

  z-index: 1;

  position: relative;

  padding: 0 20px;

}



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

  .pageContact .contactFlex .contactFlexImage {

    flex: 1;

  }

  .pageContact .contactFlex .contactFlexImage img {

    width: 100%;

  }

  .pageContact .contactFlex .contactFlexInfo {

    flex: 1;

  }

  .pageContact .secondFlex {

    padding: 0px 0px 0 0;

  }

  .pageContact .secondFlex .contactFlexSocial:nth-child(1) {

    width: 268px;

  }

  .pageContact .secondFlex .contactFlexSocial:nth-child(2) {

    width: 255px;

  }

  .pageContact .secondFlex .contactFlexSocial:nth-child(3) {

    width: 25%;

  }

  .pageContact .secondFlex .contactFlexSocial:nth-child(4) {

    width: 25%;

  }

  .pageContact .pageContactLineLeft:before {

    content: " ";

    position: absolute;

    left: 26%;

    /* transform: translateX(-50%); */

    border-left: 1px solid #D2D6DC;

    width: 1px;

    height: 165%;

    z-index: 1;

  }

  .pageContact .pageContactLineRight:before {

    content: " ";

    position: absolute;

    left: 72%;

    /* transform: translateX(-50%); */

    border-left: 1px solid #D2D6DC;

    width: 1px;

    height: 165%;

    z-index: 1;

  }

}

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

  .pageContact h1 {

    font-size: 28px;

    line-height: 36px;

    padding: 32px 0px 10px 0px;

  }

  .pageContact .breadcrumbs {

    margin: 0;

  }

  .pageContact .bigphonecontactTitle {

    margin: 32px 0 10px 0px;

  }

  .pageContact .bigphonecontactData {

    font-size: 36px;

    line-height: 40px;

    margin: 0px 0 32px 0px;

  }

  .pageContact .mainofficecontactTitle {

    margin: 24px 0 12px 0px;

  }

  .pageContact .mainofficecontactData {

    font-size: 16px;

    margin: 24px 0 12px 0px;

  }

  .pageContact .contactFlex {

    display: block;

    padding: 0;

  }

  .pageContact .contactFlex .contactFlexInfo .contactFlexInfoData {

    width: 100%;

    border-right: 0;

    gap: 32px;

  }

  .pageContact .contactFlex .contactFlexInfo .contactFlexInfoData:nth-child(3) {

    border-bottom: 1px solid #D2D6DC;

  }

  .pageContact .secondFlex {

    flex-wrap: wrap;

    display: flex;

  }

  .pageContact .secondFlex .contactFlexSocial {

    border-bottom: 1px solid #D2D6DC;

  }

  .pageContact .secondFlex .contactFlexSocial:nth-child(1) {

    width: 50%;

  }

  .pageContact .secondFlex .contactFlexSocial:nth-child(2) {

    width: 50%;

  }

  .pageContact .secondFlex .contactFlexSocial:nth-child(3) {

    width: 50%;

  }

  .pageContact .secondFlex .contactFlexSocial:nth-child(4) {

    width: 50%;

  }

  .pageContact iframe {

    padding: 0;

  }

  .pageContact .pageContactLineLeft:before {

    display: none;

  }

  .pageContact .pageContactLineRight:before {

    display: none;

  }

  .pageContact .contactFlex .contactFlexInfo .contactFlexInfoData:nth-child(1):before{

    display: none;

  }

}

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

  .pageContact:before {

    display: none;

  }

  .pageContact .contactFlex {

    margin: 40px 0 0 0;

  }

  .pageContact .contactFlex .contactFlexInfo .contactFlexInfoData {

    padding: 33px 12px;

  }

  .pageContact .contactFlex .contactFlexInfo .contactFlexInfoData:nth-child(3) {

    width: 50%;

  }

  .pageContact .contactFlex .contactFlexInfo .contactFlexInfoData:nth-child(4) {

    width: 50%;

    align-content: flex-start;

  }

  .pageContact .contactFlex .contactFlexSocial {

    height: auto;

    padding: 30px;

  }

  .pageContact .contactFlex .contactFlexSocial a {

    display: flex;

    justify-content: flex-start;

    width: 100%;

    align-items: center;

    flex-wrap: wrap;

    gap: 10px;

  }

  .pageContact .contactFlex .contactFlexSocial a svg {

    order: 1;

  }

  .pageContact .contactFlex .contactFlexSocial a span {

    order: 2;

    width: 100%;

  }

}

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

  .pageContact .container578 {

    margin-left: 12px;

    margin-right: 12px;

    width: auto;

  }

}

/*contact page*/

/*404 page*/

.error404 {

  background: url(/wp-content/themes/firstCountry/images/404.jpg) no-repeat center top;

}

.error404 .homePage {

  height: auto;

  overflow: visible;

}



.page404 h1 {

  text-align: center;

  color: var(--Text-Text-white, #FFF);

  font-size: 24px;

  font-weight: 700;

  line-height: 32px;

  margin: 500px 0 10px 0;

}

.page404 .page404Text {

  text-align: center;

  color: var(--Text-Text-white, #FFF);

  font-size: 20px;

  font-weight: 700;

  line-height: 28px;

}

.page404 .page404SubText {

  color: var(--Text-Text-white, #FFF);

  font-size: 16px;

  text-align: center;

  font-weight: 600;

  line-height: 22px;

  margin: 20px 0 32px 0;

}

.page404 .page404Link {

  color: var(--Text-Text-white, #FFF);

  font-size: 14px;

  font-style: normal;

  font-weight: 600;

  line-height: 20px;

  display: flex;

  padding: 12px 32px;

  gap: 11px;

  margin: 0 auto;

  width: 183px;

  height: 44px;

  justify-content: center;

  align-items: center;

  cursor: pointer;

  background: var(--Button-Main-Green, #A3C730);

  margin-bottom: 80px;

}

.page404 .page404Link:hover {

  background: var(--Button-Main-Green-Hover, #82A514);

}



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

  .error404 {

    background: url(/wp-content/themes/firstCountry/images/404.jpg) no-repeat center top -175px;

  }



  .page404 h1 {

    font-size: 18px;

    line-height: 24px;

    margin: 255px 0 10px 0;

  }

  .page404 .page404Text {

    font-size: 16px;

    line-height: 22px;

  }

  .page404 .page404SubText {

    font-size: 14px;

    font-weight: 600;

    line-height: 20px;

  }

  .page404 .page404Link {

    font-size: 16px;

    font-weight: 400;

    line-height: 22px;

    width: 214px;

    height: 56px;

  }

}

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

  .error404 {

    background: url(/wp-content/themes/firstCountry/images/404M.jpg) no-repeat center top;

    background-size: contain;

  }



  .page404 .container578 {

    margin-left: 12px;

    margin-right: 12px;

    width: auto;

  }

}

/*404 page*/

/*about page*/

.pageAbout {

  overflow: hidden;

}

.pageAbout:before {

  content: " ";

  position: absolute;

  left: 50%;

  border-left: 1px solid #D2D6DC;

  width: 1px;

  height: 100%;

  z-index: 1;

}

.pageAbout h1 {

  color: var(--Text-Text-1, #111827);

  font-size: 56px;

  font-weight: 700;

  line-height: 64px;

  margin: 72px 0 16px 32px;

}

.pageAbout .breadcrumbs {

  margin: 20px 0 56px 32px;

}

.pageAbout .firstImageArticle {

  position: relative;

  z-index: 1;

}

.pageAbout .whiteHoleAbout {

  height: 72px;

}

.pageAbout .whiteHoleAbout .borderCenter {

  height: 72px;

  overflow: hidden;

  position: relative;

}

.pageAbout .whiteHoleAboutBig {

  height: 180px;

}

.pageAbout .whiteHoleAboutBig .borderCenter {

  height: 180px;

  overflow: hidden;

  position: relative;

}

.pageAbout .borderCenter:before {

  content: " ";

  position: absolute;

  left: 50%;

  border-left: 1px solid #d2d6dc;

  width: 1px;

  height: 100%;

  z-index: 1;

}

.pageAbout .contentAbout {

  margin: 0 32px 0 32px;

}

.pageAbout .contentAbout .aboutAllText .aboutAllTextTitle {

  color: var(--Text-Text-1, #111827);

  font-size: 24px;

  font-weight: 700;

  line-height: 32px;

  margin-bottom: 32px;

}

.pageAbout .contentAbout .aboutAllText .aboutAllTextTitle span {

  color: var(--Text-Link-hover, #82A514);

}

.pageAbout .contentAbout .aboutAllText .aboutAllTextFlex {

  display: flex;

  gap: 62px;

}

.pageAbout .contentAbout .aboutAllText .aboutAllTextFlex .aboutAllTextFlexText {

  color: #5D667A;

  font-size: 16px;

  font-weight: 400;

  line-height: 26px;

}

.pageAbout .aboutNumbers {

  display: flex;

  justify-content: space-between;

  margin: 0 32px;

}

.pageAbout .aboutNumbers .aboutNumber .numberNumberAbout {

  color: var(--Text-Text-2, #5A616C);

  font-size: 96px;

  font-weight: 600;

  line-height: 100px;

  margin-bottom: 12px;

}

.pageAbout .aboutNumbers .aboutNumber .numberTitleAbout {

  color: var(--Text-Text-1, #111827);

  font-size: 18px;

  font-weight: 700;

  line-height: 28px;

  margin-bottom: 4px;

}

.pageAbout .aboutNumbers .aboutNumber .numberDescrAbout {

  color: var(--Text-Text-2, #5A616C);

  font-size: 16px;

  font-weight: 400;

  line-height: 22px;

  max-width: 235px;

}

.pageAbout .missionAbout {

  background: var(--Background-BG-1, #F7F8F9);

}

.pageAbout .missionAbout:before {

  content: " ";

  position: absolute;

  left: 50%;

  border-left: 1px solid #d2d6dc;

  width: 1px;

  height: 100%;

  z-index: 1;

}

.pageAbout .missionAbout .missionAbouts {

  display: flex;

  padding: 56px 32px;

  align-items: center;

  gap: 10px;

}

.pageAbout .missionAbout .missionAbouts .missionAboutsItemText {

  flex: 1;

  position: relative;

  max-width: 619px;

  flex: none;

}

.pageAbout .missionAbout .missionAbouts .missionAboutsItemText .missionAboutsItemTextTitle {

  color: var(--Text-Text-1, #111827);

  font-size: 48px;

  font-weight: 700;

  line-height: 52px;

  margin-bottom: 56px;

}

.pageAbout .missionAbout .missionAbouts .missionAboutsItemText p {

  color: var(--Text-Text-1, #111827);

  font-size: 16px;

  font-weight: 400;

  line-height: 28px;

  margin-bottom: 104px;

}

.pageAbout .missionAbout .missionAbouts .missionAboutsItemText .swiper-pager {

  position: absolute;

  bottom: -55px;

  display: flex;

  align-items: center;

  align-content: center;

  justify-content: center;

  z-index: 1;

  left: -10px;

}

.pageAbout .missionAbout .missionAbouts .missionAboutsItemText .swiper-pager .swiper-button-prev, .pageAbout .missionAbout .missionAbouts .missionAboutsItemText .swiper-pager .swiper-button-next {

  background: none;

  position: relative;

  margin: 0;

  top: auto;

  right: auto;

  width: 56px;

  height: 56px;

  display: flex;

  align-items: center;

  justify-content: center;

}

.pageAbout .missionAbout .missionAbouts .swiperSlideMission {

  flex: 1;

  overflow: visible;

  clip-path: inset(0 0 0 0);

}

.pageAbout .missionAbout .missionAbouts .swiperSlideMission .missionAboutsItemImage img {

  width: 100%;

  max-width: 436px;

}

.pageAbout .secondImageAbout {

  position: relative;

  z-index: 1;

}

.pageAbout .secondImageAbout img {

  width: 100%;

  object-fit: cover;

}

.pageAbout .uslugiArticle .zagolovokArticle {

  color: var(--Text-Text-1, #111827);

  font-size: 48px;

  font-weight: 700;

  line-height: 52px;

  padding: 0 32px 56px 32px;

  border-bottom: 1px solid var(--Borders-Border-2, #D2D6DC);

}

.pageAbout .uslugiArticle .uslugiArticleArray {

  z-index: 1;

  position: relative;

}

.pageAbout .uslugiArticle .uslugiArticleArray .uslugiArticleArrayItem {

  padding: 32px;

  display: flex;

  gap: 56px;

  align-items: center;

  border-bottom: 1px solid var(--Borders-Border-2, #D2D6DC);

  background: var(--Text-Text-white, #FFF);

  -webkit-transition: all 0.3s ease-in 0s;

  -moz-transition: all 0.3s ease-in 0s;

  transition: all 0.3s ease-in 0s;

}

.pageAbout .uslugiArticle .uslugiArticleArray .uslugiArticleArrayItem .uslugiArticleArrayItemImage img {

  filter: grayscale(5);

  -webkit-transition: all 0.3s ease-in 0s;

  -moz-transition: all 0.3s ease-in 0s;

  transition: all 0.3s ease-in 0s;

}

.pageAbout .uslugiArticle .uslugiArticleArray .uslugiArticleArrayItem .uslugiArticleArrayItemInfo .uslugiArticleArrayItemInfoName {

  -webkit-transition: all 0.3s ease-in 0s;

  -moz-transition: all 0.3s ease-in 0s;

  transition: all 0.3s ease-in 0s;

  color: var(--Text-Text-2, #5A616C);

  font-size: 32px;

  font-weight: 600;

  line-height: 40px;

}

.pageAbout .uslugiArticle .uslugiArticleArray .uslugiArticleArrayItem .uslugiArticleArrayItemInfo .uslugiArticleArrayItemInfoPrice {

  -webkit-transition: all 0.3s ease-in 0s;

  -moz-transition: all 0.3s ease-in 0s;

  transition: all 0.3s ease-in 0s;

  color: var(--Text-Text-2, #5A616C);

  font-size: 16px;

  font-weight: 400;

  line-height: 22px;

}

.pageAbout .uslugiArticle .uslugiArticleArray .uslugiArticleArrayItem .uslugiArticleArrayItemArrow {

  flex: 1;

  text-align: right;

  -webkit-transition: all 0.3s ease-in 0s;

  -moz-transition: all 0.3s ease-in 0s;

  transition: all 0.3s ease-in 0s;

}

.pageAbout .uslugiArticle .uslugiArticleArray .uslugiArticleArrayItem .uslugiArticleArrayItemArrow svg {

  -webkit-transition: all 0.3s ease-in 0s;

  -moz-transition: all 0.3s ease-in 0s;

  transition: all 0.3s ease-in 0s;

}

.pageAbout .uslugiArticle .uslugiArticleArray .uslugiArticleArrayItem .uslugiArticleArrayItemArrowNew {

  font-size: 14px;

  font-weight: 600;

  line-height: 20px;

}

.pageAbout .uslugiArticle .uslugiArticleArray .uslugiArticleArrayItem .uslugiArticleArrayItemArrowNew:hover {

  color: #82A514;

}

.pageAbout .uslugiArticle .uslugiArticleArray .uslugiArticleArrayItem:hover .uslugiArticleArrayItemImage img {

  filter: grayscale(0);

}

.pageAbout .uslugiArticle .uslugiArticleArray .uslugiArticleArrayItem:hover .uslugiArticleArrayItemInfo .uslugiArticleArrayItemInfoName {

  color: var(--Text-Text-1, #111827);

}

.pageAbout .uslugiArticle .uslugiArticleArray .uslugiArticleArrayItem:hover .uslugiArticleArrayItemArrow svg path {

  stroke: #A3C730;

}

.pageAbout .work:before {

  display: none;

}

.pageAbout .work .borders .repeaterWork {

  margin: 0px;

}

.pageAbout .advantages {

  background: var(--Background-BG-1, #F7F8F9);

}

.pageAbout .advantages:before {

  content: " ";

  position: absolute;

  left: 50%;

  border-left: 1px solid #d2d6dc;

  width: 1px;

  height: 100%;

  z-index: 1;

}

.pageAbout .advantages .borders .title h2 {

  margin-top: 56px;

}

.pageAbout .advantages .borders .repeater .advantag {

  background: #F7F8F9;

}

.pageAbout .borderCenter {

  position: relative;

  overflow: hidden;

  padding: 0;

}



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

  .pageAbout .firstImageArticle img {

    width: 100%;

  }

  .pageAbout .team .repeaterTeam .item .imageTeam img {

    width: 100%;

  }

}

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

  .pageAbout .borderCenter :before {

    display: none;

  }

  .pageAbout .advantages:before {

    display: none;

  }

}

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

  .pageAbout:before {

    display: none;

  }

  .pageAbout .uslugiArticle .zagolovokArticle {

    color: #000;

    font-size: 24px;

    font-weight: 700;

    line-height: 32px;

    padding-bottom: 32px;

  }

  .pageAbout .uslugiArticle .uslugiArticleArray .uslugiArticleArrayItem {

    padding: 20px 12px;

    gap: 16px;

  }

  .pageAbout .uslugiArticle .uslugiArticleArray .uslugiArticleArrayItem .uslugiArticleArrayItemInfo .uslugiArticleArrayItemInfoName {

    font-size: 18px;

    line-height: 26px;

  }

  .pageAbout .uslugiArticle .uslugiArticleArray .uslugiArticleArrayItem .uslugiArticleArrayItemInfo .uslugiArticleArrayItemInfoPrice {

    font-size: 13px;

    line-height: 20px;

  }

  .pageAbout .borderCenter:before {

    display: none;

  }

  .pageAbout h1 {

    font-size: 28px;

    line-height: 36px;

  }

  .pageAbout .whiteHoleAbout {

    height: 32px;

  }

  .pageAbout .whiteHoleAbout .borderCenter {

    height: 32px;

    overflow: hidden;

    position: relative;

  }

  .pageAbout .whiteHoleAboutBig {

    height: 72px;

  }

  .pageAbout .whiteHoleAboutBig .borderCenter {

    height: 72px;

    overflow: hidden;

    position: relative;

  }

  .pageAbout .contentAbout .aboutAllText .aboutAllTextTitle {

    font-size: 18px;

    line-height: 28px;

  }

  .pageAbout .contentAbout .aboutAllText .aboutAllTextFlex {

    gap: 16px;

    flex-wrap: wrap;

  }

  .pageAbout .contentAbout .aboutAllText .aboutAllTextFlex .aboutAllTextFlexText {

    font-size: 16px;

    line-height: 28px;

  }

  .pageAbout .aboutNumbers {

    flex-wrap: wrap;

    gap: 32px;

  }

  .pageAbout .aboutNumbers .aboutNumber {

    width: 45%;

  }

  .pageAbout .aboutNumbers .aboutNumber .numberNumberAbout {

    font-size: 72px;

    line-height: 72px;

  }

  .pageAbout .aboutNumbers .aboutNumber .numberTitleAbout {

    font-size: 16px;

    line-height: 28px;

  }

  .pageAbout .aboutNumbers .aboutNumber .numberDescrAbout {

    font-size: 14px;

    line-height: 20px;

  }

  .pageAbout .missionAbout:before {

    display: none;

  }

  .pageAbout .missionAbout .missionAbouts {

    display: block;

  }

  .pageAbout .missionAbout .missionAbouts .missionAboutsItemText .missionAboutsItemTextTitle {

    font-size: 24px;

    line-height: 32px;

    margin-bottom: 24px;

  }

  .pageAbout .missionAbout .missionAbouts .missionAboutsItemText p {

    font-size: 16px;

    line-height: 28px;

  }

  .pageAbout .missionAbout .missionAbouts .missionAboutsItemText .swiper-pager {

    bottom: -96px;

  }

  .pageAbout .missionAbout .missionAbouts .swiperSlideMission {

    overflow: hidden;

    flex: 1;

    clip-path: none;

  }

  .pageAbout .missionAbout .missionAbouts .swiperSlideMission .missionAboutsItemImage img {

    width: 100%;

    max-width: none;

  }

  .few-items{

    width: 95% !important;

  }

  .pageAbout .secondImageAbout {

    position: relative;

    z-index: 1;

  }

  .pageAbout .secondImageAbout img {

    width: 100%;

    object-fit: cover;

  }

}

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

  .pageAbout .uslugiArticle .uslugiArticleArray .uslugiArticleArrayItem .uslugiArticleArrayItemArrowNew span {

    display: none;

  }

  .pageAbout .uslugiArticle .uslugiArticleArray .uslugiArticleArrayItem .uslugiArticleArrayItemArrowNew svg {

    width: 36px;

    height: 36px;

  }

  .pageAbout .uslugiArticle .uslugiArticleArray .uslugiArticleArrayItem .uslugiArticleArrayItemArrowNew svg path {

    stroke: #5A616C;

  }

  .pageAbout .uslugiArticle .uslugiArticleArray .uslugiArticleArrayItem:hover .uslugiArticleArrayItemArrowNew svg path {

    stroke: #A3C730;

  }

  .pageAbout .firstImageArticle img {

    object-fit: cover;

    height: 588px;

    object-position: center;

  }

  .pageAbout .secondImageAbout img {

    object-fit: cover;

    height: 588px;

    object-position: center;

  }

}

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

  .pageAbout .container578 {

    margin-left: 12px;

    margin-right: 12px;

    width: auto;

  }

  .pageAbout h1 {

    margin: 32px 0 8px 0;

  }

  .pageAbout .breadcrumbs {

    margin: 20px 0 32px 0;

  }

  .pageAbout .contentAbout {

    margin: 0;

  }

  .pageAbout .contentAbout .aboutAllText .aboutAllTextTitle {

    margin-bottom: 16px;

  }

  .pageAbout .contentAbout .aboutAllText .aboutAllTextFlex {

    padding: 0 12px;

  }

  .pageAbout .aboutNumbers {

    margin: 40px 0 0 0;

  }

  .pageAbout .missionAbout .borders {

    border: 0;

  }

  .pageAbout .missionAbout .missionAbouts {

    padding: 32px 12px;

  }

  .pageAbout .missionAbout .missionAbouts .missionAboutsItemText p {

    padding: 0 12px;

  }

  .pageAbout .missionAbout .missionAbouts .missionAboutsItem {

    max-width: 320px;

  }

  .pageAbout .missionAbout .missionAbouts .swiperSlideMission .missionAboutsItemImage img {

    max-width: 320px;

  }

  .pageAbout .whiteHoleAboutBig .borderCenter {

    width: 100%;

    margin: 0;

  }

  .pageAbout .whiteHoleAbout .borderCenter {

    width: 100%;

    margin: 0;

  }

  .pageAbout .uslugiArticle .uslugiArticleArray .uslugiArticleArrayItem .uslugiArticleArrayItemImage img {

    width: 92px;

    height: 92px;

    object-fit: cover;

  }

}

/*about page*/

/*price page*/

.pagePrices {

  overflow: hidden;

}

.pagePrices .container.container-xxl.container578{

  border-bottom: 0;

}

.pagePrices:before {

  content: " ";

  position: absolute;

  left: 50%;

  border-left: 1px solid #D2D6DC;

  width: 1px;

  height: 100%;

  z-index: 1;

}

.pagePrices h1 {

  color: var(--Text-Text-1, #111827);

  font-size: 56px;

  font-weight: 700;

  line-height: 64px;

  margin: 72px 0 16px 32px;

}

.pagePrices .breadcrumbs {

  margin: 20px 0 56px 32px;

}

.pagePrices .firstImagePrices img {

  width: 100%;

}

.pagePrices .borderCenter:before {

  content: " ";

  position: absolute;

  left: 50%;

  border-left: 1px solid #d2d6dc;

  width: 1px;

  height: 100%;

  z-index: 1;

}

.pagePrices .whiteHole {

  height: 180px;

}

.pagePrices .whiteHole .borderCenter {

  height: 180px;

  overflow: hidden;

  position: relative;

}

.pagePrices .prices {

  padding: 0 0 56px 32px;

}

.pagePrices .prices .priceTitle {

  color: var(--Text-Text-2, #5A616C);

  font-size: 24px;

  font-weight: 600;

  line-height: 32px;

  -webkit-transition: all 0.3s ease-in 0s;

  -moz-transition: all 0.3s ease-in 0s;

  transition: all 0.3s ease-in 0s;

  cursor: pointer;

}

.pagePrices .prices .priceTitle:hover {

  color: var(--Text-Link, #A3C730);

}

.pagePrices .prices .priceTitle.active {

  color: var(--Text-Link, #A3C730);

}

.pagePrices .dataU {

  display: none;

}

.pagePrices .dataU.active {

  display: block;

}

.pagePrices .dataPrice {

  z-index: 1;

  position: relative;

  background: var(--Background-BG-1, #F7F8F9);

}

.pagePrices .dataPrice .prices {

  padding: 32px 32px 0 32px;

}

.pagePrices .dataPrice .titleNamePrice {

  color: var(--Text-Text-1, #111827);

  font-size: 16px;

  font-weight: 700;

  line-height: 22px;

  flex: 1;

}

.pagePrices .dataPrice .titleEdPrice {

  color: var(--Text-Text-1, #111827);

  font-size: 16px;

  font-weight: 700;

  line-height: 22px;

  flex: 1;

  text-align: center;

}

.pagePrices .dataPrice .titlePricePrice {

  color: var(--Text-Text-1, #111827);

  font-size: 16px;

  font-weight: 700;

  line-height: 22px;

  flex: 1;

  text-align: center;

}

.pagePrices .dataPrice .namePrice {

  color: var(--Text-Text-1, #111827);

  font-size: 15px;

  font-weight: 400;

  line-height: 20px;

  flex: 1;

}

.pagePrices .dataPrice .edPrice {

  color: var(--Text-Text-1, #111827);

  font-size: 15px;

  font-weight: 400;

  line-height: 20px;

  flex: 1;

  text-align: center;

}

.pagePrices .dataPrice .pricePrice {

  color: var(--Text-Text-1, #111827);

  font-size: 15px;

  font-weight: 400;

  line-height: 20px;

  flex: 1;

  text-align: center;

}

.pagePrices .dataPrice .th {

  display: flex;

  justify-content: space-between;

  border-bottom: 1px solid var(--Borders-Border-2, #D2D6DC);

  height: 66px;

  align-content: center;

  align-items: center;

}

.pagePrices .dataPrice .tr {

  display: flex;

  justify-content: space-between;

  border-bottom: 1px solid var(--Borders-Border-2, #D2D6DC);

  height: 66px;

  align-content: center;

  align-items: center;

}

.pagePrices .sliderPrice .swiper-wrapper {

  display: block;

}

.pagePrices .sliderPrice .swiper-wrapper .swiper-slide {

  width: auto;

  height: auto;

  margin-bottom: 36px;

}



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

  .pagePrices:before {

    display: none;

  }

  .pagePrices .borderCenter:before {

    display: none;

  }

  .pagePrices .whiteHole {

    height: 72px;

  }

  .pagePrices .whiteHole .borderCenter {

    height: 72px;

    overflow: hidden;

    position: relative;

  }

  .pagePrices h1 {

    font-size: 28px;

    line-height: 36px;

    margin: 32px 0 12px 0px;

  }

  .pagePrices .breadcrumbs {

    margin: 0px 0 32px 0px;

  }

  .pagePrices .prices {

    padding: 0 0 24px 12px;

  }

  .pagePrices .prices .priceTitle {

    font-size: 14px;

    font-weight: 400;

    line-height: 20px;

  }

  .pagePrices .dataPrice .prices {

    padding: 0 12px 0 12px;

  }

  .pagePrices .dataPrice .titleNamePrice {

    font-size: 15px;

    line-height: 22px;

  }

  .pagePrices .dataPrice .titleEdPrice {

    font-size: 15px;

    line-height: 22px;

  }

  .pagePrices .dataPrice .titlePricePrice {

    font-size: 15px;

    line-height: 22px;

  }

  .pagePrices .dataPrice .namePrice {

    font-size: 14px;

    line-height: 20px;

  }

  .pagePrices .dataPrice .edPrice {

    font-size: 14px;

    line-height: 20px;

  }

  .pagePrices .dataPrice .pricePrice {

    font-size: 14px;

    line-height: 20px;

  }

}

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

  .pagePrices {

    /*кнопка показать скрыть */

    /*кнопка показать скрыть */

  }

  .pagePrices .firstImagePrices img {

    object-fit: cover;

    height: 588px;

    object-position: center;

  }

  .pagePrices .prices .priceTitle {

    max-width: 300px;

  }

  .pagePrices .dataPrice .titleNamePrice {

    font-size: 13px;

    flex: 15%;

  }

  .pagePrices .dataPrice .titleEdPrice {

    font-size: 13px;

  }

  .pagePrices .dataPrice .titlePricePrice {

    font-size: 13px;

  }

  .pagePrices .dataPrice .namePrice {

    font-size: 13px;

    flex: 15%;

  }

  .pagePrices .dataPrice .edPrice {

    font-size: 13px;

  }

  .pagePrices .dataPrice .pricePrice {

    font-size: 13px;

  }

  .pagePrices .dataPrice .th {

    gap: 24px;

  }

  .pagePrices .dataPrice .tr {

    gap: 24px;

  }

  .pagePrices .sliderPrice .swiper-wrapper {

    display: flex;

  }

  .pagePrices .sliderPrice .swiper-wrapper .swiper-slide {

    width: 100%;

    height: 100%;

  }

}

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

  .pagePrices .container578 {

    margin-left: 12px;

    margin-right: 12px;

    width: auto;

  }

  .pagePrices .prices .priceTitle.active {

    border-bottom: 1px solid #A3C730;

  }

}

/*price page*/

/*category jobs*/

.category-jobs:before {

  content: " ";

  position: absolute;

  left: 50%;

  border-left: 1px solid #d2d6dc;

  width: 1px;

  height: 100%;

  z-index: 1;

}

.category-jobs h1 {

  margin: 64px 0 0 20px;

}

.category-jobs .breadcrumbs {

  margin: 20px 0 0 20px;

}

.category-jobs .whiteHole {

  height: 72px;

}

.category-jobs .whiteHole .borderCenter {

  height: 72px;

  overflow: hidden;

  position: relative;

}

.category-jobs .borderCenter:before {

  content: " ";

  position: absolute;

  left: 50%;

  border-left: 1px solid #d2d6dc;

  width: 1px;

  height: 100%;

  z-index: 1;

}

.category-jobs .filter {

  display: flex;

  gap: 10px;

  flex-wrap: wrap;

  position: relative;

  z-index: 1;

  margin: 32px 20px 0 20px;

}

.category-jobs .filter .filterName {

  color: var(--Text-Text-2, #5A616C);

  font-size: 18px;

  font-weight: 400;

  line-height: 24px;

  height: 40px;

  padding: 7px 16px;

  background: var(--Background-BG-1, #F7F8F9);

  cursor: pointer;

  border-radius: 6px;

}

.category-jobs .filter .filterName.active {

  background: var(--Background-BG-Green, #EAF7D9);

}

.category-jobs .jobsFlex {

  padding: 0;

  display: flex;

  flex-wrap: wrap;

  position: relative;

  z-index: 1;

  background: white;

}

.category-jobs .jobsFlex .jobsFlexItem {

  position: relative;

  flex: 30%;

  max-width: 33.4%;

}

.category-jobs .jobsFlex .jobsFlexItem:hover .jobsFlexItemLink .jobsFlexItemCaption .jobsFlexItemName{

  color: var(--Text-Text-1, #111827);

  font-size: 1.125rem;

  font-style: normal;

  font-weight: 600;

  line-height: 1.75rem;

}

.category-jobs .jobsFlex .jobsFlexItem .jobsFlexItemLink {

  display: block;

  -webkit-transition: all 0.3s ease-in 0s;

  -moz-transition: all 0.3s ease-in 0s;

  transition: all 0.3s ease-in 0s;

  border-left: 1px solid var(--Borders-Border-2, #D2D6DC);

  height: 100%;

}

.category-jobs .jobsFlex .jobsFlexItem .jobsFlexItemLink .jobsFlexItemImage {

  position: relative;

  min-height: 370px;

  max-height: 370px;

}

.category-jobs .jobsFlex .jobsFlexItem .jobsFlexItemLink .jobsFlexItemImage:before {

  content: " ";

  width: 100%;

  height: 100%;

  z-index: 1;

  position: absolute;

  -webkit-transition: all 0.3s ease-in 0s;

  -moz-transition: all 0.3s ease-in 0s;

  transition: all 0.3s ease-in 0s;

}

.category-jobs .jobsFlex .jobsFlexItem .jobsFlexItemLink .jobsFlexItemImage img {

  width: 100%;

  min-height: 370px;

  max-height: 370px;

  object-fit: cover;

}

.category-jobs .jobsFlex .jobsFlexItem .jobsFlexItemLink:hover .jobsFlexItemImage:before {

  height: 0;

}

.category-jobs .jobsFlex .jobsFlexItem .jobsFlexItemLink .jobsFlexItemCaption {

  padding: 16px 24px 32px 24px;

}

.category-jobs .jobsFlex .jobsFlexItem .jobsFlexItemLink .jobsFlexItemCaption .jobsFlexItemYear {

  color: var(--Text-Text-3, #9299A5);

  font-size: 14px;

  font-weight: 600;

  line-height: 20px;

}

.category-jobs .jobsFlex .jobsFlexItem .jobsFlexItemLink .jobsFlexItemCaption .jobsFlexItemName {

  color: var(--Text-Text-2, #5A616C);

  font-size: 18px;

  font-weight: 600;

  line-height: 28px;

}



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

  .category-jobs:before {

    display: none;

  }

  .category-jobs h1 {

    margin: 32px 0 0 0px;

    font-size: 28px;

    line-height: 36px;

  }

  .category-jobs .breadcrumbs {

    margin: 12px 0 0 0px;

  }

  .category-jobs .whiteHole {

    height: 72px;

  }

  .category-jobs .whiteHole .borderCenter {

    height: 72px;

    overflow: hidden;

    position: relative;

  }

  .category-jobs .borderCenter:before {

    display: none;

  }

  .category-jobs .filter {

    margin: 32px 0px 0 0px;

  }

  .category-jobs .filter .filterName {

    font-size: 15px;

    line-height: 22px;

    padding: 7px 12px;

    height: auto;

  }

  .category-jobs .filter .filterName.active {

    background: var(--Background-BG-Green, #EAF7D9);

  }

  .category-jobs .jobsFlex {

    padding: 0;

    display: flex;

    flex-wrap: wrap;

    position: relative;

    z-index: 1;

    background: white;

  }

  .category-jobs .jobsFlex .jobsFlexItem {

    position: relative;

    flex: auto;

    max-width: unset;

  }

  .category-jobs .jobsFlex .jobsFlexItem .jobsFlexItemLink {

    border: none;

  }

  .category-jobs .jobsFlex .jobsFlexItem .jobsFlexItemLink .jobsFlexItemImage {

    position: relative;

    min-height: 370px;

    max-height: 250px;

  }

  .category-jobs .jobsFlex .jobsFlexItem .jobsFlexItemLink .jobsFlexItemImage:before {

    display: none;

  }

  .category-jobs .jobsFlex .jobsFlexItem .jobsFlexItemLink .jobsFlexItemImage img {

    width: 100%;

    min-height: 370px;

    max-height: 250px;

    object-fit: cover;

  }

  .category-jobs .jobsFlex .jobsFlexItem .jobsFlexItemLink .jobsFlexItemCaption {

    padding: 12px 24px 44px 24px;

  }

  .category-jobs .jobsFlex .jobsFlexItem .jobsFlexItemLink .jobsFlexItemCaption .jobsFlexItemYear {

    font-size: 14px;

    line-height: 20px;

  }

  .category-jobs .jobsFlex .jobsFlexItem .jobsFlexItemLink .jobsFlexItemCaption .jobsFlexItemName {

    font-size: 16px;

    line-height: 24px;

  }

}

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

  .category-jobs .filter {

    gap: 16px;

  }

  .category-jobs .jobsFlex .jobsFlexItem .jobsFlexItemLink .jobsFlexItemImage {

    min-height: 250px;

  }

  .category-jobs .jobsFlex .jobsFlexItem .jobsFlexItemLink .jobsFlexItemImage img {

    min-height: 250px;

  }

}

/*category jobs*/

/*single jobs*/

.singleJob .work-h2 {

  color: var(--Text-Text-1, #111827);

  font-size: 24px;

  font-weight: 600;

  line-height: 28px;

}

.singleJob ul {

  margin: 24px 0 56px 0;

  padding: 0;

}

.singleJob ul li {

  color: var(--Text-Text-2, #5A616C);

  font-size: 16px;

  font-weight: 400;

  line-height: 28px;

  list-style: none;

  margin-bottom: 16px;

  background: url(/wp-content/themes/firstCountry/images/li.png) no-repeat left center;

  padding: 0 0 0 28px;

}

.singleJob .postNavigation {

  display: flex;

  justify-content: space-between;

  position: relative;

  z-index: 1;

  align-items: center;

  margin-top: 96px;

  margin-bottom: 96px;

}

.singleJob .postNavigation a {

  color: #5A616C;

  display: flex;

  flex-direction: row;

  align-items: center;

  gap: 1rem;

}

.singleJob .postNavigation a:hover {

  color: #111827;

}

.singleJob .ngg-slider {

  margin-bottom: 20px;

}

.singleJob .ngg-slider .slide img {

  width: 100%;

  height: auto;

  max-height: 600px;

  object-fit: contain;

}

.singleJob .ngg-thumbs {

  margin: 0 -5px;

}

.singleJob .ngg-thumbs .thumb {

  padding: 0 5px;

  cursor: pointer;

}

.singleJob .ngg-thumbs .thumb img {

  width: 100%;

  height: 80px;

  object-fit: cover;

  opacity: 0.6;

  transition: opacity 0.3s;

}

.singleJob .ngg-thumbs .slick-current img,

.singleJob .ngg-thumbs .thumb:hover img {

  opacity: 1;

}

.singleJob .ngg-custom-slider-container {

  position: relative;

  margin: 0 auto;

}

.singleJob .ngg-main-slideshow {

  position: relative;

  overflow: hidden;

}

.singleJob .ngg-slide {

  display: none;

  text-align: center;

}

.singleJob .ngg-slide.active {

  display: block;

}

.singleJob .ngg-slide-image {

  max-width: 100%;

  height: auto;

  margin: 0 auto;

  display: block;

}

.singleJob .ngg-slide-caption {

  padding: 10px;

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

  color: #fff;

  position: absolute;

  bottom: 0;

  left: 0;

  right: 0;

}

.singleJob .ngg-slider-nav {

  top: 85%;

  width: 100%;

  display: block;

  justify-content: space-between;

  transform: translateY(-50%);

  margin: 72px 0 20px -30px;

}

.singleJob .ngg-prev, .singleJob .ngg-next {

  color: white;

  font-size: 24px;

  cursor: pointer;

  border-radius: 3px;

  user-select: none;

}

.singleJob .ngg-thumbnail-nav {

  display: flex;

  gap: 0;

  scroll-behavior: smooth;

  -webkit-overflow-scrolling: touch;

  scrollbar-width: none;

  overflow-x: auto;

}

.singleJob .ngg-thumb {

  cursor: pointer;

  opacity: 0.6;

  transition: opacity 0.3s;

  flex: 0 0 auto;

  width: 440px;

  height: 320px;

}

.singleJob .ngg-thumb img {

  width: 100%;

  height: 100%;

}

.singleJob .ngg-thumb:hover, .singleJob .ngg-thumb.active {

  opacity: 1;

}

.singleJob .ngg-thumb-image {

  width: 80px;

  height: 60px;

  object-fit: cover;

}

.singleJob .sl-overlay {

  background: rgba(17, 24, 39, 0.86);

}

.singleJob .ngg-slide.active img {

  width: 100%;

  object-fit: cover;

  height: 730px;

}



.sl-overlay {

  background: rgba(17, 24, 39, 0.86) !important;

}



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

  .singleJob .work-h2 {

    font-size: 28px;

    line-height: 36px;

  }

  .singleJob ul {

    margin: 24px 0 56px 0;

    padding: 0;

  }

  .singleJob ul li {

    font-size: 16px;

    line-height: 24px;

  }

  .singleJob .postNavigation {

    margin-bottom: 72px;

  }

  .singleJob .postNavigation a {

    display: flex;

    align-items: center;

    gap: 0.5rem;

    color: var(--Text-Text-1, #111827);

    font-size: 0.875rem;

    font-style: normal;

    font-weight: 400;

    line-height: 1.25rem;

  }

  .singleJob .postNavigation a span {

  width: 10rem;

  }

  .singleJob .postNavigation img {

    display: none;

  }

    .singleJob .postNavigation .navNext a {
		justify-content: end;
	}
}

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

  .singleJob .postNavigation {

    margin-top: 72px;

  }

  .singleJob .ngg-thumb {

    width: 230px;

    height: 230px;

  }

  .singleJob .ngg-thumb img {

    width: 100%;

    height: 100%;

  }

  .singleJob .contentArticle {

    margin: 0;

  }

  .singleJob .ngg-slide.active img {

    height: 680px;

  }

  .singleJob .ngg-slider-nav {

    transform: none;

    margin: 56px 0px 24px 0px;

  }
}

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

  .singleJob ul {

    margin: 16px 0 40px 0;

  }

  .singleJob .work-h2 {

    font-size: 18px;

    line-height: 28px;

  }

  .singleJob .postNavigation {

    border-bottom: 1px solid #D2D6DC;

    border-top: 1px solid #D2D6DC;

    margin: 72px -8px 72px -8px;

    display: flex;

    padding: 1.25rem 0.75rem;

    align-items: center;

    gap: 2rem;

  }

  }

  .singleJob .postNavigation .navNext {

    padding-left: 0;

    width: 45%;

  }

  .singleJob .postNavigation .navPrevious {

    padding-right: 0;

    width:45%;

  }

  .singleJob h1 {

    margin: 32px 0 16px 0px;

  }

  .singleJob .breadcrumbs {

    margin: 12px 0 32px 0px;

  }

  .singleJob .ngg-prev svg {

    height: 42px;

    width: 40px;

  }

  .singleJob .ngg-next svg {

    width: 22px;

  }

}

/*single jobs*/

/*review page*/

.pageReviews {

  overflow: hidden;

}

.pageReviews:before {

  content: " ";

  position: absolute;

  left: 50%;

  border-left: 1px solid #D2D6DC;

  width: 1px;

  height: 100%;

  z-index: 1;

}

.pageReviews h1 {

  color: var(--Text-Text-1, #111827);

  font-size: 56px;

  font-weight: 700;

  line-height: 64px;

  margin: 72px 0 16px 20px;

}

.pageReviews .breadcrumbs {

  margin: 20px 0 0px 20px;

}

.pageReviews .borderCenter:before {

  content: " ";

  position: absolute;

  left: 50%;

  border-left: 1px solid #d2d6dc;

  width: 1px;

  height: 100%;

  z-index: 1;

}

.pageReviews .whiteHole {

  height: 180px;

}

.pageReviews .whiteHole .borderCenter {

  height: 180px;

  overflow: hidden;

  position: relative;

}

.pageReviews .callReviews {

  color: var(--Text-Text-white, #FFF);

  font-size: 14px;

  font-style: normal;

  font-weight: 600;

  line-height: 20px;

  display: flex;

  padding: 12px 32px;

  width: 185px;

  height: 54px;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  cursor: pointer;

  margin: 40px 0 8px 20px;

  background: var(--Button-Main-Green, #A3C730);

}

.pageReviews .callReviews:hover {

  background: var(--Button-Main-Green-Hover, #82A514);

}

.pageReviews .strong-view.wpmtst-default.strong-pager .simplePagerContainer .strong-content {

  margin: 0;

  border-top: 1px solid var(--Borders-Border-2, #D2D6DC);

}

.pageReviews .strong-view.wpmtst-default.strong-pager .simplePagerContainer .strong-content .wpmtst-testimonial.testimonial {

  margin: 0;

  border: none;

}

.pageReviews .strong-view.wpmtst-default.strong-pager .simplePagerContainer .strong-content .wpmtst-testimonial.testimonial .reviewsFlex {

  display: flex;

  gap: 32px;

  background: white;

  position: relative;

  z-index: 1;

  width: 100%;

  border-bottom: 1px solid var(--Borders-Border-2, #D2D6DC);

  background: var(--Text-Text-white, #FFF);

  padding: 32px 0;

}

.pageReviews .strong-view.wpmtst-default.strong-pager .simplePagerContainer .strong-content .wpmtst-testimonial.testimonial .reviewsFlex .image img {

  border: none;

  width: 167px;

  height: 196px;

  object-fit: cover;

}

.pageReviews .strong-view.wpmtst-default.strong-pager .simplePagerContainer .strong-content .wpmtst-testimonial.testimonial .reviewsFlex .text .name {

  color: var(--Text-Text-2, #5A616C);

  font-size: 14px;

  font-style: normal;

  font-weight: 400;

  line-height: 20px;

  margin-bottom: 24px;

}

.pageReviews .strong-view.wpmtst-default.strong-pager .simplePagerContainer .strong-content .wpmtst-testimonial.testimonial .reviewsFlex .text .name .testimonial-name {

  color: var(--Text-Text-1, #111827);

  font-size: 20px;

  font-style: normal;

  font-weight: 700;

  margin-top: 10px;

  line-height: 28px;

  text-align: left;

  margin-bottom: 12px;

}

.pageReviews .strong-view.wpmtst-default.strong-pager .simplePagerContainer .strong-content .wpmtst-testimonial.testimonial .reviewsFlex .text .name .wpmtst-testimonial-field.testimonial-field {

  text-align: left;

}

.pageReviews .strong-view.wpmtst-default.strong-pager .simplePagerContainer .strong-content .wpmtst-testimonial.testimonial .reviewsFlex .text .comment p {

  color: var(--Text-Text-1, #111827);

  font-size: 16px;

  font-style: normal;

  font-weight: 400;

  line-height: 28px;

  margin: 0;

}

.pageReviews .strong-view.wpmtst-default.strong-pager .simplePagerContainer .simplePagerList {

  float: right;

  margin-top: 64px;

  margin-bottom: 180px;

}

.pageReviews .strong-view.wpmtst-default.strong-pager .simplePagerContainer .simplePagerList .simplePagerNav {

  display: flex;

}

.pageReviews .strong-view.wpmtst-default.strong-pager .simplePagerContainer .simplePagerList .simplePagerNav li {

  display: flex;

  width: 40px;

  height: 40px;

  padding: 8px;

  justify-content: center;

  align-items: center;

  border-bottom: 1px solid #9299A5;

}

.pageReviews .strong-view.wpmtst-default.strong-pager .simplePagerContainer .simplePagerList .simplePagerNav li a {

  color: var(--Text-Text-3, #9299A5);

  font-size: 14px;

  font-weight: 400;

  line-height: 20px;

  background: none;

}

.pageReviews .strong-view.wpmtst-default.strong-pager .simplePagerContainer .simplePagerList .simplePagerNav li:hover {

  background: var(--Background-BG-1, #F7F8F9);

}

.pageReviews .strong-view.wpmtst-default.strong-pager .simplePagerContainer .simplePagerList .simplePagerNav li:hover a {

  color: var(--Text-Text-1, #111827);

}

.pageReviews .strong-view.wpmtst-default.strong-pager .simplePagerContainer .simplePagerList .simplePagerNav .currentPage {

  border-bottom: 1px solid #A3C730;

}

.pageReviews .strong-view.wpmtst-default.strong-pager .simplePagerContainer .simplePagerList .simplePagerNav .currentPage a {

  color: var(--Text-Link, #A3C730);

}

.pageReviews .strong-view.wpmtst-default.strong-pager .simplePagerContainer .simplePagerList .simplePagerNav .currentPage:hover {

  background: var(--Background-BG-1, #A3C730);

}

.pageReviews .strong-view.wpmtst-default.strong-pager .simplePagerContainer .simplePagerList .simplePagerNav .currentPage:hover a {

  color: var(--Text-Text-1, #fff);

}

.pageReviews .strong-view.wpmtst-default.strong-pager .testimonial-load-more {

  color: var(--Text-Text-white, #FFF);

  font-size: 14px;

  font-style: normal;

  font-weight: 600;

  line-height: 20px;

  display: flex;

  padding: 12px 32px;

  width: 232px;

  height: 56px;

  gap: 0px;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  cursor: pointer;

  margin: 40px 0 56px 20px;

  background: var(--Button-Main-Green, #A3C730);

  flex-wrap: wrap;

}

.pageReviews .strong-view.wpmtst-default.strong-pager .testimonial-load-more:hover {

  background: var(--Button-Main-Green-Hover, #82A514);

}

.pageReviews .reviewsImage img {

  width: 100%;

  z-index: 1;

  position: relative;

}

.pageReviews #reviews {

  background: var(--Background-BG-1, #F7F8F9);

  padding: 0 0 0 0;

}

.pageReviews #reviews .borderCenter {

  padding: 0 20px;

}

.pageReviews #reviews .borderCenter:before {

  display: none;

}

.pageReviews #reviews .subTitleReview {

  color: var(--Text-Text-1, #111827);

  font-size: 32px;

  font-weight: 700;

  line-height: 40px;

  margin-bottom: 56px;

  margin-top: 56px;

}

.pageReviews #reviews .whiteHole {

  height: 180px;

}

.pageReviews #reviews .whiteHole .borderCenter {

  height: 180px;

  overflow: hidden;

  position: relative;

}

.pageReviews #reviews .required-notice {

  display: none;

}

.pageReviews #reviews form p {

  margin: 0;

}

.pageReviews #reviews form .form-field span.after {

  display: none;

}

.pageReviews #reviews form .form-field.field-client_name, .pageReviews #reviews form .form-field.field-_link {

  display: inline-block;

  width: 47%;

  margin: 0 64px 0 0;

  flex: 50%;

}

.pageReviews #reviews form .form-field.field-email, .pageReviews #reviews form .form-field.field-featured_image {

  display: inline-block;

  width: 47%;

  flex: 50%;

}

.pageReviews #reviews form input {

  color: var(--Text-Text-3, #9299A5);

  font-size: 16px;

  font-style: normal;

  font-weight: 400;

  line-height: 28px;

  width: 100%;

  height: 64px;

  border-bottom: 1px solid var(--Borders-Border-2, #D2D6DC);

  border-top: 1px solid transparent;

  border-left: 1px solid transparent;

  border-right: 1px solid transparent;

  background: var(--Background-BG-1, #F7F8F9);

  padding: 0 0 0 20px;

  margin: 0 0 24px 0;

}

.pageReviews #reviews form input:hover {

  border-color: #D2D6DC;

}

.pageReviews #reviews form textarea {

  color: var(--Text-Text-3, #9299A5);

  font-size: 16px;

  font-style: normal;

  font-weight: 400;

  line-height: 28px;

  width: 99%;

  height: 115px;

  border-bottom: 1px solid var(--Borders-Border-2, #D2D6DC);

  border-top: 1px solid transparent;

  border-left: 1px solid transparent;

  border-right: 1px solid transparent;

  background: var(--Background-BG-1, #F7F8F9);

  resize: none;

  padding: 17px 0 0 20px;

  margin: 0 0 0 0;

}

.pageReviews #reviews form textarea:hover {

  border-color: #D2D6DC;

}

.pageReviews #reviews form input[type=submit] {

  background: var(--Button-Main-Green, #A3C730);

  color: var(--Text-Text-white, #FFF);

  font-size: 16px;

  font-style: normal;

  font-weight: 700;

  line-height: 22px;

  border: 1px solid transparent;

  height: 54px;

  margin: 32px 0 16px 0;

  width: 313px;

  padding: 0;

}

.pageReviews #reviews form input[type=submit]:hover {

  background: var(--Button-Main-Green, #82A514);

}

.pageReviews #reviews form .policy {

  color: var(--Text-Text-2, #5A616C);

  font-size: 12px;

  font-style: normal;

  font-weight: 400;

  line-height: 16px;

}

.pageReviews #reviews form .policy a {

  color: var(--Text-Link, #A3C730);

}

.pageReviews #reviews form .file {

  display: flex;

  margin-top: 25px;

}

.pageReviews #reviews form .file .input__wrapper__review {

  flex: 1;

  position: relative;

  display: flex;

  gap: 20px;

  align-content: center;

  align-items: center;

}

.pageReviews #reviews form .file .input__file__review {

  opacity: 0;

  position: absolute;

}

.pageReviews #reviews form .file .input__file-icon-wrapper__review {

  width: 24px;

  height: 24px;

  margin-right: 12px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  border-right: 1px solid #fff;

  background: url("/wp-content/themes/firstCountry/images/plus.png") no-repeat;

}

.pageReviews #reviews form .file .input__file-button-text__review {

  line-height: 1;

  margin-top: -3px;

}

.pageReviews #reviews form .file .input__file-button__review {

  width: 100%;

  max-width: 240px;

  height: 60px;

  border: 1px solid var(--Text-Link, #A3C730);

  background: var(--Background-BG-1, #F7F8F9);

  color: var(--Text-Text-2, #5A616C);

  font-size: 16px;

  font-style: normal;

  font-weight: 400;

  line-height: 28px;

  display: flex;

  align-items: center;

  justify-content: center;

  cursor: pointer;

}

.pageReviews #reviews form .file .infoFile {

  flex: 1;

  color: var(--Text-Text-3, #9299A5);

  font-size: 12px;

  font-style: normal;

  font-weight: 400;

  line-height: 16px;

  margin: 0 0 0 0;

}

.pageReviews #reviews form .file .infoFile p {

  margin: 0 0 5px 0;

}

.pageReviews .successBlockOver {

  background: rgba(17, 24, 39, 0.72);

  position: fixed;

  z-index: 9;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

}

.pageReviews .successBlock {

  border: 1px solid var(--Borders-Border-1, #EBEDF1);

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

  box-shadow: 0px 10px 10px -5px rgba(0, 0, 0, 0.04);

  position: fixed;

  z-index: 10;

  left: 50%;

  transform: translateX(-50%);

  top: 20%;

  width: 100%;

  height: 100%;

  max-width: 512px;

  max-height: 392px;

  padding: 40px 32px 32px 32px;

}

.pageReviews .successBlock .cercle {

  border-radius: 100px;

  background: var(--Background-BG-Green, #EAF7D9);

  display: flex;

  width: 100px;

  height: 100px;

  padding: 25px;

  justify-content: center;

  align-items: center;

  margin: 0px auto 32px auto;

}

.pageReviews .successBlock .title {

  color: var(--Text-Text-1, #111827);

  text-align: center;

  font-size: 32px;

  font-weight: 600;

  line-height: 40px;

  margin-bottom: 16px;

}

.pageReviews .successBlock .text {

  color: var(--Text-Text-2, #5A616C);

  text-align: center;

  font-size: 18px;

  font-weight: 400;

  line-height: 24px;

  margin-bottom: 32px;

}

.pageReviews .successBlock .button {

  color: var(--Text-Text-white, #FFF);

  text-decoration: none;

  font-size: 18px;

  font-weight: 600;

  line-height: 24px;

  background: var(--Button-Main-Green, #A3C730);

  display: flex;

  justify-content: center;

  align-items: center;

  height: 52px;

  width: 100%;

}



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

  .pageReviews #reviews form .form-field.field-client_name, .pageReviews #reviews form .form-field.field-_link {

    width: 46%;

  }

  .pageReviews #reviews form .form-field.field-email, .pageReviews #reviews form .form-field.field-featured_image {

    width: 46%;

  }

}

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

  .pageReviews:before {

    display: none;

  }

  .pageReviews h1 {

    color: var(--Text-Text-1, #111827);

    font-size: 24px;

    line-height: 32px;

  }

  .pageReviews .borderCenter:before {

    display: none;

  }

  .pageReviews .whiteHole {

    height: 72px;

  }

  .pageReviews .whiteHole .borderCenter {

    height: 72px;

    overflow: hidden;

    position: relative;

  }

}

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

  .pageReviews #reviews form .form-field.field-client_name, .pageReviews #reviews form .form-field.field-_link {

    display: block;

    width: 100%;

  }

  .pageReviews #reviews form .form-field.field-email, .pageReviews #reviews form .form-field.field-featured_image {

    display: block;

    width: 100%;

  }

  .pageReviews #reviews form textarea {

    width: 100%;

  }

  .pageReviews .strong-view.wpmtst-default.strong-pager .simplePagerContainer .strong-content .wpmtst-testimonial.testimonial .reviewsFlex {

    padding: 24px 0;

  }

  .pageReviews .strong-view.wpmtst-default.strong-pager .simplePagerContainer .strong-content .wpmtst-testimonial.testimonial .reviewsFlex .text .name {

    font-size: 12px;

    line-height: 20px;

  }

  .pageReviews .strong-view.wpmtst-default.strong-pager .simplePagerContainer .strong-content .wpmtst-testimonial.testimonial .reviewsFlex .text .name .testimonial-name {

    font-size: 16px;

    line-height: 24px;

  }

  .pageReviews .strong-view.wpmtst-default.strong-pager .simplePagerContainer .strong-content .wpmtst-testimonial.testimonial .reviewsFlex .text .comment p {

    font-size: 16px;

    line-height: 24px;

  }

}

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

  .pageReviews #reviews .borderCenter {

    border: none;

    padding: 0px 12px;

  }

  .pageReviews #reviews .strong-form-inner {

    padding: 0;

  }

  .pageReviews #reviews .subTitleReview {

    margin-bottom: 32px;

    margin-top: 32px;

    font-size: 24px;

    line-height: 32px;

  }

  .pageReviews #reviews form label {

    font-weight: 400;

  }

  .pageReviews #reviews form input[type=submit] {

    width: 100%;

  }

  .pageReviews #reviews form .file .input__wrapper__review {

    flex-wrap: wrap;

  }

  .pageReviews #reviews form .file .infoFile {

    flex: 100%;

  }

  .pageReviews #reviews form .form-field.wpmtst-submit label {

    display: block;

  }

  .pageReviews h1 {

    margin: 32px 0 16px 0;

  }

  .pageReviews .breadcrumbs {

    margin: 0px 0 0px 0px;

  }

  .pageReviews .callReviews {

    margin: 40px 0 32px 0px;

  }

  .pageReviews .strong-view.wpmtst-default.strong-pager .simplePagerContainer .strong-content .wpmtst-testimonial.testimonial .reviewsFlex {

    gap: 12px;

  }

  .pageReviews .strong-view.wpmtst-default.strong-pager .simplePagerContainer .strong-content .wpmtst-testimonial.testimonial .reviewsFlex .image img {

    width: 64px;

    height: 82px;

    padding: 0;

  }

  .pageReviews .strong-view.wpmtst-default.strong-pager .simplePagerContainer .simplePagerList {

    float: none;

    margin-top: 32px;

    margin-bottom: 32px;

    display: flex;

  }

  .pageReviews .strong-view.wpmtst-default.strong-pager .simplePagerContainer .simplePagerList .simplePagerNav {

    justify-content: center;

  }

  .pageReviews .strong-view.wpmtst-default.strong-pager .testimonial-load-more {

    margin: 20px auto 72px auto;

  }

  .pageReviews .successBlock {

    padding: 32px 20px 20px 20px;

    max-width: 360px;

    max-height: 348px;

  }

  .pageReviews .successBlock .cercle {

    width: 80px;

    height: 80px;

    border-radius: 79px;

    margin-bottom: 24px;

  }

  .pageReviews .successBlock .title {

    font-size: 24px;

    line-height: 36px;

    margin-bottom: 12px;

  }

  .pageReviews .successBlock .text {

    font-size: 16px;

    line-height: 24px;

    margin-bottom: 24px;

  }

  .pageReviews .successBlock .button {

    font-size: 16px;

    font-weight: 600;

    line-height: 24px;

    border-radius: 8px;

  }

}

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

  .pageReviews .container578 {

    margin-left: 12px;

    margin-right: 12px;

    width: auto;

  }

  .pageReviews .borders-color-d {

    padding: 0;

  }

}

/*review page*/

/*template page*/

.pageContentTepmlate {

  overflow: hidden;

}

/*.pageContentTepmlate:before {*/

/*  content: " ";*/

/*  position: absolute;*/

/*  left: 50%;*/

/*  border-left: 1px solid #D2D6DC;*/

/*  width: 1px;*/

/*  height: 100%;*/

/*  z-index: 1;*/

/*}*/

.pageContentTepmlate h1 {

  color: var(--Text-Text-1, #111827);

  font-size: 56px;

  font-weight: 700;

  line-height: 64px;

  margin: 72px 0 16px 20px;

}

.pageContentTepmlate .breadcrumbs {

  margin: 20px 0 0px 20px;

}

.pageContentTepmlate .borderCenter:before {

  content: " ";

  position: absolute;

  left: 50%;

  border-left: 1px solid #d2d6dc;

  width: 1px;

  height: 110%;

  z-index: 1;

}

 .pageContentTepmlate .theContentBlockWhite .borderCenter:before{

  content: " ";

  position: absolute;

  left: 50%;

  border-left: 1px solid #d2d6dc;

  width: 1px;

  height: auto;

  z-index: 1;

}

.pageContentTepmlate .whiteHole {

  height: 90px;

}

.pageContentTepmlate .whiteHole .borderCenter {

  height: 180px;

  overflow: hidden;

  position: relative;

}

.pageContentTepmlate .formSingle {

  background: var(--Background-BG-1, #F7F8F9);

  position: relative;

  z-index: 2;

}

.pageContentTepmlate .formSingle .borderCenter:before {

  display: none;

}

.pageContentTepmlate .formSingle .formSingleFlex {

  display: flex;

  gap: 32px;

  padding: 56px 32px;

}

.pageContentTepmlate .formSingle .formSingleFlex .form {

  flex: 1;

}

.pageContentTepmlate .formSingle .formSingleFlex .form form .title {

  color: var(--Text-Text-1, #111827);

  font-size: 48px;

  font-weight: 700;

  line-height: 52px;

  margin-bottom: 16px;

}

.pageContentTepmlate .formSingle .formSingleFlex .form form .subTitle {

  color: var(--Text-Text-2, #5A616C);

  font-size: 14px;

  font-weight: 400;

  line-height: 20px;

  margin-bottom: 32px;

}

.pageContentTepmlate .formSingle .formSingleFlex .form form p {

  margin: 0;

}

.pageContentTepmlate .formSingle .formSingleFlex .form form input {

  color: var(--Text-Text-3, #9299A5);

  font-size: 16px;

  font-style: normal;

  font-weight: 400;

  line-height: 28px;

  width: 100%;

  height: 64px;

  border-bottom: 1px solid var(--Borders-Border-2, #D2D6DC);

  border-top: 1px solid transparent;

  border-left: 1px solid transparent;

  border-right: 1px solid transparent;

  background: var(--Background-BG-1, #F7F8F9);

  padding: 0 0 0 20px;

  margin: 0 0 24px 0;

}

.pageContentTepmlate .formSingle .formSingleFlex .form form input:hover {

  border-color: #D2D6DC;

}

.pageContentTepmlate .formSingle .formSingleFlex .form form textarea {

  color: var(--Text-Text-3, #9299A5);

  font-size: 16px;

  font-style: normal;

  font-weight: 400;

  line-height: 28px;

  width: 100%;

  height: 64px;

  border-bottom: 1px solid var(--Borders-Border-2, #D2D6DC);

  border-top: 1px solid transparent;

  border-left: 1px solid transparent;

  border-right: 1px solid transparent;

  background: var(--Background-BG-1, #F7F8F9);

  resize: none;

  padding: 17px 0 0 20px;

  margin: 0 0 0 0;

}

.pageContentTepmlate .formSingle .formSingleFlex .form form textarea:hover {

  border-color: #D2D6DC;

}

.pageContentTepmlate .formSingle .formSingleFlex .form form input[type=submit] {

  background: var(--Button-Main-Green, #A3C730);

  color: var(--Text-Text-white, #FFF);

  font-size: 16px;

  font-style: normal;

  font-weight: 700;

  line-height: 22px;

  border: 1px solid transparent;

  height: 54px;

  margin: 32px 0 16px 0;

}

.pageContentTepmlate .formSingle .formSingleFlex .form form input[type=submit]:hover {

  background: var(--Button-Main-Green, #82A514);

}

.pageContentTepmlate .formSingle .formSingleFlex .form form .policy {

  color: var(--Text-Text-2, #5A616C);

  font-size: 12px;

  font-style: normal;

  font-weight: 400;

  line-height: 16px;

}

.pageContentTepmlate .formSingle .formSingleFlex .form form .policy a {

  color: var(--Text-Link, #A3C730);

}

.pageContentTepmlate .templateImage {

  position: relative;

  z-index: 1;

}

.pageContentTepmlate .templateImage img {

  width: 100%;

}

.pageContentTepmlate .templateBeforeText {

  color: var(--Text-Text-1, #111827);

  font-size: 16px;

  font-weight: 400;

  line-height: 28px;

  margin: 56px 18px;

}

.pageContentTepmlate .templateBeforeText .firstFlex {

  display: flex;

  gap: 64px;

}

.pageContentTepmlate .templateBeforeText .firstFlex .firstFlexText {

  flex: 1;

}

.pageContentTepmlate .templateBeforeText .firstFlex .firstFlexText p {

  margin: 0;

}

.pageContentTepmlate .templateServiceBlock .templateServiceBigTitle {

  color: var(--Text-Text-1, #111827);

  font-size: 48px;

  line-height: 52px;

  border-bottom: 1px solid var(--Borders-Border-2, #D2D6DC);

  padding: 0 610px 56px 32px;

  font-weight: 700;

}

.pageContentTepmlate .templateServiceBlock .templateService {

  z-index: 1;

  position: relative;

}

.pageContentTepmlate .templateServiceBlock .templateService .templateServiceItem {

  padding: 32px;

  display: flex;

  gap: 56px;

  align-items: center;

  border-bottom: 1px solid var(--Borders-Border-2, #D2D6DC);

  background: var(--Text-Text-white, #FFF);

  -webkit-transition: all 0.3s ease-in 0s;

  -moz-transition: all 0.3s ease-in 0s;

  transition: all 0.3s ease-in 0s;

}

.pageContentTepmlate .templateServiceBlock .templateService .templateServiceItem .templateServiceItemImage img {

  max-width: 274px;

  -webkit-transition: all 0.3s ease-in 0s;

  -moz-transition: all 0.3s ease-in 0s;

  transition: all 0.3s ease-in 0s;

  filter: saturate(0.4);

}

.pageContentTepmlate .templateServiceBlock .templateService .templateServiceItem .templateServiceItemName .templateServiceItemLink {

  -webkit-transition: all 0.3s ease-in 0s;

  -moz-transition: all 0.3s ease-in 0s;

  transition: all 0.3s ease-in 0s;

  color: var(--Text-Text-2, #5A616C);

  font-size: 32px;

  font-weight: 600;

  line-height: 40px;

}

.pageContentTepmlate .templateServiceBlock .templateService .templateServiceItem .templateServiceItemName .templateServiceDeep {

  margin-top: 28px;

  display: flex;

  flex-wrap: wrap;

  gap: 12px;

}

.pageContentTepmlate .templateServiceBlock .templateService .templateServiceItem .templateServiceItemName .templateServiceDeep .templateServiceItemDeepLink {

  color: var(--Text-Text-2, #5A616C);

  font-size: 18px;

  font-weight: 400;

  line-height: 28px;

  border-right: 1px solid #D2D6DC;

  display: inline-block;

  margin: -12px 0 0 0;

  padding: 0 12px 0 0;

}

.pageContentTepmlate .templateServiceBlock .templateService .templateServiceItem .templateServiceItemName .templateServiceDeep .templateServiceItemDeepLink:last-child {

  border-right: 0;

  padding: 0;

}

.pageContentTepmlate .templateServiceBlock .templateService .templateServiceItem .templateServiceItemName .templateServiceDeep .templateServiceItemDeepLink:hover {

  color: var(--Text-Link-hover, #82A514);

}

.pageContentTepmlate .templateServiceBlock .templateService .templateServiceItem .templateServiceItemArrow {

  flex: 1;

  text-align: right;

  -webkit-transition: all 0.3s ease-in 0s;

  -moz-transition: all 0.3s ease-in 0s;

  transition: all 0.3s ease-in 0s;

}

.pageContentTepmlate .templateServiceBlock .templateService .templateServiceItem .templateServiceItemArrow svg {

  -webkit-transition: all 0.3s ease-in 0s;

  -moz-transition: all 0.3s ease-in 0s;

  transition: all 0.3s ease-in 0s;

}

.pageContentTepmlate .templateServiceBlock .templateService .templateServiceItem:hover .templateServiceItemImage img {

  filter: grayscale(0);

}

.pageContentTepmlate .templateServiceBlock .templateService .templateServiceItem:hover .templateServiceItemName .templateServiceItemLink {

  color: var(--Text-Text-1, #111827);

}

.pageContentTepmlate .templateServiceBlock .templateService .templateServiceItem:hover .templateServiceItemArrow svg path {

  stroke: #A3C730;

}

.pageContentTepmlate .theContentBlock {

  background: var(--Background-BG-1, #F7F8F9);

}

.pageContentTepmlate .theContentBlock .theContent {

  color: var(--Text-Text-1, #111827);

  font-size: 16px;

  font-weight: 400;

  line-height: 28px;

}

.pageContentTepmlate .theContentBlock .theContent h2 {

  color: var(--Text-Text-1, #111827);

  font-size: 48px;

  font-weight: 700;

  line-height: 52px;

  padding: 56px 0 56px 0;

}

.pageContentTepmlate .theContentBlock .theContent .templateContentFlex {

  display: flex;

  padding-bottom: 72px;

  gap: 64px;

}

.pageContentTepmlate .theContentBlock .theContent .templateContentFlex .templateContentFlexText {

  flex: 1;

}

.pageContentTepmlate .theContentBlock.theContentBlockWhite {

  background: #FFFFFF;

  border-top: 1px solid #D2D6DC;

  border-bottom: 1px solid #D2D6DC;

}

.pageContentTepmlate .theContentBlock.theContentBlockWhite .theContent {

  padding: 56px 0;

}

.pageContentTepmlate .theContentBlock.theContentBlockWhite .theContent h2 {

  padding: 0 600px 56px 0;

}

.pageContentTepmlate .theContentBlock.theContentBlockWhite .theContent h2 span {

  color: var(--Text-Link, #A3C730);

}

.pageContentTepmlate .theContentBlock.theContentBlockWhite .theContent .templateContentFlex {

  padding-bottom: 0;

}

.pageContentTepmlate .templateSlider {

  background: var(--Background-BG-1, #F7F8F9);

}

.pageContentTepmlate .templateSlider .ngg-gallery-wrapper {

  position: relative;

  overflow: hidden;

  max-width: 100%;

}

.pageContentTepmlate .templateSlider .ngg-gallery-scroll {

  overflow: hidden;

  width: 100%;

  z-index: 1;

  position: relative;

}

.pageContentTepmlate .templateSlider .ngg-galleryoverview {

  display: flex !important;

  flex-wrap: nowrap;

  transition: transform 0.4s ease;

  will-change: transform;

  overflow: visible;

  margin: 0;

}

.pageContentTepmlate .templateSlider .ngg-gallery-thumbnail {

  margin: 0;

  border: 0;

}

.pageContentTepmlate .templateSlider .ngg-gallery-thumbnail-box {

  flex: 0 0 auto;

  margin: 0;

}

.pageContentTepmlate .templateSlider .ngg-gallery-thumbnail-box a {

  margin: 0;

}

.pageContentTepmlate .templateSlider .ngg-gallery-thumbnail-box a img {

  width: 340px;

  height: 340px;

  object-fit: cover;

}

.pageContentTepmlate .templateSlider .templateSliderArrow {

  display: flex;

  align-content: center;

  align-items: center;

  gap: 8px;

  margin-bottom: 56px;

}

.pageContentTepmlate .templateSlider .templateSliderArrow .next {

  cursor: pointer;

}

.pageContentTepmlate .templateSlider .templateSliderArrow .next:hover svg path {

  stroke: #111827;

}

.pageContentTepmlate .templateSlider .templateSliderArrow .prev {

  cursor: pointer;

}

.pageContentTepmlate .templateSlider .templateSliderArrow .prev:hover svg path {

  stroke: #111827;

}

.pageContentTepmlate .stepSection .borderCenter:before {

  content: " ";

  position: absolute;

  left: 50%;

  border-left: 1px solid #d2d6dc;

  width: 1px;

  height: 115%;

  z-index: 1;

}

.pageContentTepmlate .stepSection .stepSectionFlex {

  position: relative;

  z-index: 1;

  padding: 0 20px 0px 20px;

  display: flex;

  gap: 64px;

}

.pageContentTepmlate .stepSection .stepSectionFlex .templateStepTitle {

  color: var(--Text-Text-1, #111827);

  font-size: 48px;

  font-weight: 700;

  line-height: 52px;

  flex: 1;

}

.pageContentTepmlate .stepSection .stepSectionFlex .templateStep {

  flex: 1;

}

.pageContentTepmlate .stepSection .stepSectionFlex .templateStep .templateStepItem {

  padding: 64px 0 32px 0;

  border-bottom: 1px solid var(--Borders-Border-1, #EBEDF1);

}

.pageContentTepmlate .stepSection .stepSectionFlex .templateStep .templateStepItem .templateStepItemImage {

  margin-bottom: 20px;

}

.pageContentTepmlate .stepSection .stepSectionFlex .templateStep .templateStepItem .templateStepItemText {

  color: var(--Text-Text-1, #111827);

  font-size: 16px;

  font-weight: 400;

  line-height: 28px;

}

.pageContentTepmlate .templateServiceSmallTitle {

  color: var(--Text-Text-1, #111827);

  font-size: 48px;

  font-weight: 700;

  line-height: 52px;

  margin-bottom: 56px;

  margin-top: 56px;

  padding: 0 32px;

}

.pageContentTepmlate .templateServiceSmallTitle span {

  color: var(--Text-Text-2, #5A616C);

  font-size: 20px;

  font-weight: 600;

  line-height: 28px;

}

.pageContentTepmlate .factsBackground {

  background: var(--Background-BG-1, #F7F8F9);

}

.pageContentTepmlate .factsBackground .templateServiceSmallTitle {

  padding: 56px 32px 0 32px;

  position: relative;

  z-index: 1;

}

.pageContentTepmlate .factsBackground .templateProcess .templateProcessItem {

  background: var(--Background-BG-1, #F7F8F9);

}

.pageContentTepmlate .templateProcess {

  padding: 0;

  display: flex;

  flex-wrap: wrap;

  z-index: 1;

  position: relative;

  border-top: 1px solid var(--Borders-Border-2, #D2D6DC);

}

.pageContentTepmlate .templateProcess .templateProcessItem {

  border-bottom: 1px solid var(--Borders-Border-2, #D2D6DC);

  border-left: 1px solid var(--Borders-Border-2, #D2D6DC);

  background: var(--Text-Text-white, #FFF);

  flex: 32%;

  padding: 56px 32px 56px 32px;

}

.pageContentTepmlate .templateProcess .templateProcessItem:first-child {

  border-left: 0;

}

.pageContentTepmlate .templateProcess .templateProcessItem:nth-child(3n+1) {

  border-left: 0;

}

.pageContentTepmlate .templateProcess .templateProcessItem .templateProcessItemNumber {

  color: var(--Text-Link-hover, #82A514);

  font-size: 32px;

  font-weight: 700;

  line-height: 40px;

  margin-bottom: 32px;

  text-align: center;

}

.pageContentTepmlate .templateProcess .templateProcessItem .templateProcessItemName {

  color: var(--Text-Text-1, #111827);

  font-size: 20px;

  font-weight: 600;

  line-height: 28px;

  margin-bottom: 16px;

}

.pageContentTepmlate .templateProcess .templateProcessItem .templateProcessItemText {

  color: var(--Text-Text-1, #111827);

  font-size: 16px;

  font-weight: 400;

  line-height: 28px;

}

.pageContentTepmlate .templateProcessNextImage img {

  position: relative;

  z-index: 1;

  width: 100%;

}

.pageContentTepmlate .templateAltServiceTitle {

  color: var(--Text-Text-1, #111827);

  font-size: 48px;

  line-height: 52px;

  padding: 0 20px;

  margin-bottom: 32px;

}

.pageContentTepmlate .templateAltService {

  display: flex;

  gap: 16px;

  padding: 0 20px;

  flex-wrap: wrap;

}

.pageContentTepmlate .templateAltService .templateAltServiceItemLink {

  color: var(--Text-Text-1, #111827);

  font-size: 18px;

  font-weight: 400;

  line-height: 24px;

  background: var(--Background-BG-1, #F7F8F9);

  display: flex;

  align-items: center;

  justify-content: center;

  align-content: center;

  height: 40px;

  padding: 0 10px;

  position: relative;

  z-index: 1;

}

.pageContentTepmlate .templateAltService .templateAltServiceItemLink:hover {

  color: #ffffff;

  background: var(--Text-Link-hover, #82A514);

}

.pageContentTepmlate .advantages {

  background: var(--Background-BG-1, #F7F8F9);

  position: relative;

  z-index: 0;

}

.pageContentTepmlate .advantages .borders .repeater .advantag {

  background: var(--Text-Text-white, #F7F8F9);

}

.pageContentTepmlate .templateStepDemonTitle {

  color: var(--Text-Text-1, #111827);

  font-size: 48px;

  font-weight: 700;

  line-height: 52px;

  margin-bottom: 56px;

  padding: 0 32px;

  position: relative;

  z-index: 1;

}

.pageContentTepmlate .templateStepDemon {

  padding: 0;

  display: flex;

  flex-wrap: wrap;

  z-index: 1;

  position: relative;

  border-top: 1px solid var(--Borders-Border-2, #D2D6DC);

}

.pageContentTepmlate .templateStepDemon .templateStepDemonItem {

  border-bottom: 1px solid var(--Borders-Border-2, #D2D6DC);

  border-left: 1px solid var(--Borders-Border-2, #D2D6DC);

  background: var(--Text-Text-white, #FFF);

  flex: 50%;

  padding: 56px 32px 56px 32px;

}

.pageContentTepmlate .templateStepDemon .templateStepDemonItem:first-child {

  border-left: 0;

}

.pageContentTepmlate .templateStepDemon .templateStepDemonItem:nth-child(2n+1) {

  border-left: 0;

}

.pageContentTepmlate .templateStepDemon .templateStepDemonItem .templateStepDemonItemImage {

  margin-bottom: 24px;

}

.pageContentTepmlate .templateStepDemon .templateStepDemonItem .templateStepDemonItemImage.alone img {

  width: 100%;

}

.pageContentTepmlate .templateStepDemon .templateStepDemonItem .templateStepDemonItemText {

  color: #1A2947;

  font-size: 16px;

  line-height: 28px;

}

.pageContentTepmlate .templatePriceTitleLast {

  color: var(--Text-Text-1, #111827);

  font-size: 32px;

  font-weight: 700;

  line-height: 40px;

  margin: 72px 32px 32px 32px;

}

.pageContentTepmlate .templatePriceArrayLast {

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

}

.pageContentTepmlate .templatePriceArrayLast .templatePriceArrayLastItem.titles {

  background: var(--Background-BG-1, #F7F8F9);

}

.pageContentTepmlate .templatePriceArrayLast .templatePriceArrayLastItem.titles .templatePriceArrayLastItemName {

  font-weight: 600;

  color: var(--Text-Text-1, #111827);

}

.pageContentTepmlate .templatePriceArrayLast .templatePriceArrayLastItem.titles .templatePriceArrayLastItemPrice {

  font-weight: 600;

  color: var(--Text-Text-1, #111827);

}

.pageContentTepmlate .templatePriceArrayLast .templatePriceArrayLastItem {

  border-top: 1px solid var(--Borders-Border-2, #D2D6DC);

  flex: 100%;

  display: flex;

  min-height: 68px;

  align-items: center;

  align-content: center;

}

.pageContentTepmlate .templatePriceArrayLast .templatePriceArrayLastItem:last-child {

  border-bottom: 1px solid var(--Borders-Border-2, #D2D6DC);

}

.pageContentTepmlate .templatePriceArrayLast .templatePriceArrayLastItem .templatePriceArrayLastItemName {

  color: var(--Text-Text-2, #5A616C);

  font-size: 16px;

  font-weight: 400;

  line-height: 28px;

  flex: 1;

  padding-left: 32px;

}

.pageContentTepmlate .templatePriceArrayLast .templatePriceArrayLastItem .templatePriceArrayLastItemPrice {

  color: var(--Text-Text-2, #5A616C);

  font-size: 16px;

  font-weight: 400;

  line-height: 28px;

  flex: 1;

  padding-left: 32px;

}

.pageContentTepmlate .calculatorTemplate {

  background: var(--Background-BG-1, #F7F8F9);

}

.pageContentTepmlate .calculatorTemplate .calculatorTemplateTitle {

  color: var(--Text-Text-1, #111827);

  font-size: 48px;

  font-weight: 700;

  line-height: 52px;

  position: relative;

  z-index: 1;

  margin: 56px 0px 56px 0px;

  width: 37.25rem;

}

.pageContentTepmlate .calculatorTemplate .calculatorTemplateText {

  margin: 0px 32px 72px 32px;

}

.pageContentTepmlate .calculatorTemplate .calculatorTemplateText .calculatorTemplateTextFlex {

  display: flex;

  gap: 3.5rem;

}

.pageContentTepmlate .calculatorTemplate .calculatorTemplateText .calculatorTemplateTextFlex .calculatorTemplateTextFlexText {

  color: var(--Text-Text-1, #111827);

  font-size: 16px;

  font-weight: 400;

  line-height: 28px;

  flex: 1;

  margin-top: 56px;

}

.pageContentTepmlate .calculatorTemplate .calculatorTemplateText .calculatorTemplateTextFlex .calculatorTemplateTextFlexText span {

  color: var(--Text-Link, #A3C730);

}

.pageContentTepmlate .calculatorTemplate .calculatorTemplateShortcode .calculator {

  margin: 0 32px;

}

.pageContentTepmlate .calculatorTemplate .calculatorTemplateShortcode .calculator:before {

  content: " ";

  position: absolute;

  left: 50%;

  border-left: 1px solid #D2D6DC;

  width: 1px;

  height: 100%;

  z-index: 1;

}

.pageContentTepmlate .calculatorTemplate .calculatorTemplateShortcode .calculator .calculatorTitle {

  color: var(--Text-Text-1, #111827);

  font-size: 24px;

  font-weight: 700;

  line-height: 28px;

  margin-bottom: 32px;

}

.pageContentTepmlate .calculatorTemplate .calculatorTemplateShortcode .calculator .intro-calculator label {

  color: var(--Text-Text-3, #9299A5);

  font-size: 14px;

  line-height: 20px;

}

.pageContentTepmlate .calculatorTemplate .calculatorTemplateShortcode .calculator .intro-calculator .input-wrap {

  position: relative;

}

.pageContentTepmlate .calculatorTemplate .calculatorTemplateShortcode .calculator .intro-calculator .qtyBtn {

  position: absolute;

  top: 20px;

  cursor: pointer;

}

.pageContentTepmlate .calculatorTemplate .calculatorTemplateShortcode .calculator .intro-calculator .plus {

  right: 10px;

}

.pageContentTepmlate .calculatorTemplate .calculatorTemplateShortcode .calculator .intro-calculator .minus {

  left: 10px;

}

.pageContentTepmlate .calculatorTemplate .calculatorTemplateShortcode .calculator .intro-calculator select {

  color: var(--Text-Text-3, #9299A5);

  font-size: 16px;

  font-style: normal;

  font-weight: 400;

  line-height: 28px;

  width: 100%;

  height: 64px;

  border-bottom: 1px solid var(--Borders-Border-2, #D2D6DC);

  border-top: 1px solid transparent;

  border-left: 1px solid transparent;

  border-right: 1px solid transparent;

  background: var(--Background-BG-1, #F7F8F9);

  padding: 0 0 0 20px;

  margin: 0 0 24px 0;

}

.pageContentTepmlate .calculatorTemplate .calculatorTemplateShortcode .calculator .intro-calculator select:hover {

  border-color: #D2D6DC;

}

.pageContentTepmlate .calculatorTemplate .calculatorTemplateShortcode .calculator .intro-calculator input {

  color: var(--Text-Text-3, #9299A5);

  font-size: 16px;

  text-align: center;

  font-style: normal;

  font-weight: 400;

  line-height: 28px;

  width: 100%;

  height: 64px;

  border-bottom: 1px solid var(--Borders-Border-2, #D2D6DC);

  border-top: 1px solid transparent;

  border-left: 1px solid transparent;

  border-right: 1px solid transparent;

  background: var(--Background-BG-1, #F7F8F9);

  padding: 0 0 0 20px;

  margin: 0 0 24px 0;

}

.pageContentTepmlate .calculatorTemplate .calculatorTemplateShortcode .calculator .intro-calculator input:hover {

  border-color: #D2D6DC;

}

.pageContentTepmlate .calculatorTemplate .calculatorTemplateShortcode .calculator .intro-calculator textarea {

  color: var(--Text-Text-3, #9299A5);

  font-size: 16px;

  font-style: normal;

  font-weight: 400;

  line-height: 28px;

  width: 99%;

  height: 115px;

  border-bottom: 1px solid var(--Borders-Border-2, #D2D6DC);

  border-top: 1px solid transparent;

  border-left: 1px solid transparent;

  border-right: 1px solid transparent;

  background: var(--Background-BG-1, #F7F8F9);

  resize: none;

  padding: 17px 0 0 20px;

  margin: 0 0 0 0;

}

.pageContentTepmlate .calculatorTemplate .calculatorTemplateShortcode .calculator .intro-calculator textarea:hover {

  border-color: #D2D6DC;

}

.pageContentTepmlate .calculatorTemplate .calculatorTemplateShortcode .calculator .intro-calculator #oreder-buttom {

  background: var(--Button-Main-Green, #A3C730);

  color: var(--Text-Text-white, #FFF);

  font-size: 16px;

  font-style: normal;

  font-weight: 700;

  line-height: 22px;

  border: 1px solid transparent;

  height: 54px;

  margin: 32px 0 16px 0;

  width: 198px;

  padding: 0;

  display: flex;

  align-items: center;

  justify-content: center;

  align-content: center;

}

.pageContentTepmlate .calculatorTemplate .calculatorTemplateShortcode .calculator .intro-calculator #oreder-buttom:hover {

  background: var(--Button-Main-Green, #82A514);

}

.pageContentTepmlate .calculatorTemplate .calculatorTemplateShortcode .calculator .intro-calculator .calculatorBlockFlex {

  display: flex;

  gap: 64px;

}

.pageContentTepmlate .calculatorTemplate .calculatorTemplateShortcode .calculator .intro-calculator .calculatorBlockFlex .calculatorBlockFlexPart {

  flex: 1;

}

.pageContentTepmlate .calculatorTemplate .calculatorTemplateShortcode .calculator .intro-calculator .calculatorBlockFlex .calculatorBlockFlexPart .calculatorBlockFlexPartFlex {

  display: flex;

  gap: 32px;

}

.pageContentTepmlate .calculatorTemplate .calculatorTemplateShortcode .calculator .intro-calculator .calculatorBlockFlex .calculatorBlockFlexPart .calculatorBlockFlexPartFlex .calculatorBlockFlexPartFlexPart {

  flex: 75%;

}

.pageContentTepmlate .calculatorTemplate .calculatorTemplateShortcode .calculator .intro-calculator .calculatorBlockFlex .calculatorBlockFlexPartText {

  color: var(--Text-Text-3, #9299A5);

  font-size: 14px;

  line-height: 20px;

}

.pageContentTepmlate .calculatorTemplate .calculatorTemplateShortcode .calculator .intro-calculator .calculatorBlockFlex .calculatorBlockFlexPartText span {

  color: var(--Text-Text-2, #5A616C);

  font-size: 14px;

  font-weight: 600;

  line-height: 20px;

}

.pageContentTepmlate .calculatorTemplate .calculatorTemplateShortcode .calculator .intro-calculator .calculatorBlockFlex .calculatorBlockFlexPartDesc {

  color: #5D667A;

  font-size: 20px;

  font-weight: 700;

  line-height: 28px;

  margin-bottom: 32px;

}

.pageContentTepmlate .calculatorTemplate .calculatorTemplateShortcode .calculator .intro-calculator .calculatorBlockFlex .calculatorBlockFlexPartWarning {

  color: var(--Text-Text-3, #9299A5);

  font-size: 12px;

  line-height: 16px;

}

.pageContentTepmlate .calculatorTemplate .calculatorTemplateShortcode .calculator .intro-calculator .calculatorBlockFlex .style-price {

  color: var(--Text-Text-1, #111827);

  font-size: 24px;

  font-weight: 700;

  line-height: 32px;

}



.formAfterFooter {

  position: relative;

  z-index: 1;

}



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

  .pageContentTepmlate:before {

    display: none;

  }

  .pageContentTepmlate .borderCenter:before {

    display: none;

  }

  .pageContentTepmlate .calculatorTemplate .calculatorTemplateTitle {

    width: 21.9375rem;

    margin-left: 12px;

  }

  .pageContentTepmlate .calculatorTemplate .calculatorTemplateText{

    margin: 0px 12px 72px 12px;

  }

}

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

  .pageContentTepmlate .formSingle .formSingleFlex {

    flex-wrap: wrap;

  }

  .pageContentTepmlate .formSingle .formSingleFlex .form form .title {

    font-size: 24px;

    line-height: 32px;

  }

  .pageContentTepmlate .formSingle .formSingleFlex .form form .subTitle {

    font-size: 14px;

    line-height: 20px;

  }

  .pageContentTepmlate .formSingle .formSingleFlex .image {

    width: 100%;

  }

  .pageContentTepmlate .formSingle .formSingleFlex .image img {

    width: 100%;

  }

  .pageContentTepmlate h1 {

    font-size: 28px;

    line-height: 36px;

    margin: 32px 0 12px 0px;

  }

  .pageContentTepmlate .breadcrumbs {

    margin: 0px 0 32px 0px;

  }

  .pageContentTepmlate .whiteHole {

    height: 72px;

  }

  .pageContentTepmlate .whiteHole .borderCenter {

    height: 72px;

    overflow: hidden;

    position: relative;

  }

  .pageContentTepmlate .templateImage {

    position: relative;

    z-index: 1;

  }

  .pageContentTepmlate .templateImage img {

    object-fit: cover;

    height: 588px;

    object-position: center;

  }

  .pageContentTepmlate .templateBeforeText {

    font-size: 16px;

    line-height: 28px;

  }

  .pageContentTepmlate .templateBeforeText .firstFlex {

    display: flex;

    gap: 64px;

  }

  .pageContentTepmlate .templateBeforeText .firstFlex .firstFlexText {

    flex: 1;

  }

  .pageContentTepmlate .templateBeforeText .firstFlex .firstFlexText p {

    margin: 0;

  }

  .pageContentTepmlate .templateServiceBlock .templateServiceBigTitle {

    font-size: 24px;

    line-height: 32px;

  }

  .pageContentTepmlate .templateServiceBlock .templateService .templateServiceItem .templateServiceItemImage img {

    display: none;

  }

  .pageContentTepmlate .templateServiceBlock .templateService .templateServiceItem .templateServiceItemName .templateServiceItemLink {

    font-size: 18px;

    line-height: 26px;

  }

  .pageContentTepmlate .templateServiceBlock .templateService .templateServiceItem .templateServiceItemName .templateServiceDeep {

    margin-top: 16px;

  }

  .pageContentTepmlate .templateServiceBlock .templateService .templateServiceItem .templateServiceItemName .templateServiceDeep .templateServiceItemDeepLink {

    font-size: 13px;

    line-height: 20px;

  }

  .pageContentTepmlate .templateServiceBlock .templateService .templateServiceItem .templateServiceItemName .templateServiceDeep .templateServiceItemDeepLink:first-child {

    padding: 0 12px 0 0;

  }

  .pageContentTepmlate .templateServiceBlock .templateService .templateServiceItem .templateServiceItemName .templateServiceDeep .templateServiceItemDeepLink:last-child {

    border-right: 0;

    padding: 0;

  }

  .pageContentTepmlate .templateServiceBlock .templateService .templateServiceItem .templateServiceItemName .templateServiceDeep .templateServiceItemDeepLink:hover {

    color: var(--Text-Link-hover, #82A514);

  }

  .pageContentTepmlate .templateServiceBlock .templateService .templateServiceItem .templateServiceItemArrow {

    flex: 1;

    text-align: right;

    -webkit-transition: all 0.3s ease-in 0s;

    -moz-transition: all 0.3s ease-in 0s;

    transition: all 0.3s ease-in 0s;

  }

  .pageContentTepmlate .templateServiceBlock .templateService .templateServiceItem .templateServiceItemArrow svg {

    -webkit-transition: all 0.3s ease-in 0s;

    -moz-transition: all 0.3s ease-in 0s;

    transition: all 0.3s ease-in 0s;

  }

  .pageContentTepmlate .templateServiceBlock .templateService .templateServiceItem:hover .templateServiceItemImage img {

    filter: grayscale(0);

  }

  .pageContentTepmlate .templateServiceBlock .templateService .templateServiceItem:hover .templateServiceItemName .templateServiceItemLink {

    color: var(--Text-Text-1, #111827);

  }

  .pageContentTepmlate .templateServiceBlock .templateService .templateServiceItem:hover .templateServiceItemArrow svg path {

    stroke: #A3C730;

  }

  .pageContentTepmlate .theContentBlock {

    background: var(--Background-BG-1, #F7F8F9);

  }

  .pageContentTepmlate .theContentBlock .theContent {

    font-size: 16px;

    line-height: 28px;

  }

  .pageContentTepmlate .theContentBlock .theContent h2 {

    font-size: 24px;

    line-height: 32px;

    padding: 56px 0 56px 0;

  }

  .pageContentTepmlate .theContentBlock .theContent .templateContentFlex {

    display: flex;

    padding-bottom: 72px;

    gap: 64px;

  }

  .pageContentTepmlate .theContentBlock .theContent .templateContentFlex .templateContentFlexText {

    flex: 1;

  }

  .pageContentTepmlate .templateSlider .templateSliderArrow .next:hover svg path {

    strok: #111827;

  }

  .pageContentTepmlate .stepSection .stepSectionFlex .templateStepTitle {

    font-size: 24px;

    line-height: 32px;

  }

  .pageContentTepmlate .stepSection .stepSectionFlex .templateStep {

    flex: 1;

  }

  .pageContentTepmlate .stepSection .stepSectionFlex .templateStep .templateStepItem {

    padding: 32px 0;

    border-bottom: 1px solid var(--Borders-Border-1, #EBEDF1);

  }

  .pageContentTepmlate .stepSection .stepSectionFlex .templateStep .templateStepItem .templateStepItemImage {

    margin-bottom: 20px;

  }

  .pageContentTepmlate .stepSection .stepSectionFlex .templateStep .templateStepItem .templateStepItemImage img {

    width: 32px;

    height: 32px;

  }

  .pageContentTepmlate .stepSection .stepSectionFlex .templateStep .templateStepItem .templateStepItemText {

    font-size: 16px;

    line-height: 28px;

  }

  .pageContentTepmlate .templateServiceSmallTitle {

    font-size: 24px;

    line-height: 32px;

  }

  .pageContentTepmlate .templateProcess .templateProcessItem {

    flex: 100%;

    border-left: 0;

  }

  .pageContentTepmlate .templateProcess .templateProcessItem .templateProcessItemNumber {

    font-size: 24px;

    line-height: 32px;

    text-align: left;

  }

  .pageContentTepmlate .templateProcess .templateProcessItem .templateProcessItemName {

    font-size: 20px;

    line-height: 28px;

  }

  .pageContentTepmlate .templateProcess .templateProcessItem .templateProcessItemText {

    font-size: 16px;

    line-height: 28px;

  }

  .pageContentTepmlate .templateProcessNextImage img {

    object-fit: cover;

    height: 588px;

    object-position: center;

  }

  .pageContentTepmlate .templateAltServiceTitle {

    font-size: 24px;

    line-height: 32px;

  }

  .pageContentTepmlate .templateAltService .templateAltServiceItemLink {

    color: var(--Text-Text-1, #111827);

    font-size: 15px;

    line-height: 22px;

  }

  .pageContentTepmlate .templateAltService .templateAltServiceItemLink:hover {

    color: #ffffff;

    background: var(--Text-Link-hover, #82A514);

  }

  .pageContentTepmlate .theContentBlock.theContentBlockWhite .theContent h2 {

    padding: 0 0px 56px 0;

  }

  .pageContentTepmlate .templateStepDemonTitle {

    color: var(--Text-Text-1, #111827);

    font-size: 24px;

    line-height: 32px;

  }

  .pageContentTepmlate .templateStepDemon .templateStepDemonItem .templateStepDemonItemText {

    color: var(--Text-Text-1, #111827);

    font-size: 16px;

    font-weight: 400;

    line-height: 28px;

  }

  .pageContentTepmlate .templateStepDemon .templateStepDemonItem.alone {

    display: none;

  }

  .pageContentTepmlate .templatePriceTitleLast {

    color: var(--Text-Text-1, #111827);

    font-size: 24px;

    line-height: 32px;

  }

  .pageContentTepmlate .templatePriceArrayLast {

    position: relative;

    z-index: 1;

    overflow: hidden;

  }

  .pageContentTepmlate .templatePriceArrayLast:before {

    content: " ";

    position: absolute;

    left: 50%;

    border-left: 1px solid #D2D6DC;

    width: 1px;

    height: 100%;

    z-index: 1;

  }

  .pageContentTepmlate .templatePriceArrayLast .templatePriceArrayLastItem .templatePriceArrayLastItemName {

    font-size: 14px;

    line-height: 20px;

  }

  .pageContentTepmlate .templatePriceArrayLast .templatePriceArrayLastItem .templatePriceArrayLastItemPrice {

    font-size: 14px;

    line-height: 20px;

  }

  .pageContentTepmlate .calculatorTemplate .calculatorTemplateTitle {

    color: var(--Text-Text-1, #111827);

    font-size: 24px;

    line-height: 32px;

  }

  .pageContentTepmlate .calculatorTemplate .calculatorTemplateText .calculatorTemplateTextFlex {

    display: block;

  }

  .pageContentTepmlate .calculatorTemplate .calculatorTemplateText .calculatorTemplateTextFlex .calculatorTemplateTextFlexText {

    font-size: 16px;

    line-height: 28px;

    margin-bottom: 16px;

    margin-left: 12px;

  }

  .pageContentTepmlate .calculatorTemplate .calculatorTemplateShortcode .calculator:before {

    display: none;

  }

  .pageContentTepmlate .calculatorTemplate .calculatorTemplateShortcode .calculator .calculatorTitle {

    font-size: 20px;

    line-height: 28px;

  }

  .pageContentTepmlate .calculatorTemplate .calculatorTemplateShortcode .calculator .intro-calculator #oreder-buttom {

    margin: 20px 0 20px 0;

  }

  .pageContentTepmlate .calculatorTemplate .calculatorTemplateShortcode .calculator .intro-calculator .calculatorBlockFlex {

    display: block;

  }

  .pageContentTepmlate .calculatorTemplate .calculatorTemplateShortcode .calculator .intro-calculator .calculatorBlockFlex .calculatorBlockFlexPart .calculatorBlockFlexPartFlex {

    display: block;

    position: relative;

    padding-bottom: 64px;

    margin-bottom: 32px;

  }

  .pageContentTepmlate .calculatorTemplate .calculatorTemplateShortcode .calculator .intro-calculator .calculatorBlockFlex .calculatorBlockFlexPartDesc {

    font-size: 18px;

    line-height: 28px;

    margin-bottom: 10px;

  }

  .pageContentTepmlate .calculatorTemplate .calculatorTemplateShortcode .calculator .intro-calculator .calculatorBlockFlex .calculatorBlockFlexPartWarning {

    font-size: 12px;

    line-height: 16px;

    position: absolute;

    bottom: 0;

  }

  .pageContentTepmlate .calculatorTemplate .calculatorTemplateShortcode .calculator .intro-calculator .calculatorBlockFlex .style-price {

    font-size: 20px;

    line-height: 28px;

  }



  .pageContentTepmlate.pageContentTepmlatelevel2 .templateServiceBlock .templateService {

    border-top: 1px solid #D2D6DC;

  }

  .pageContentTepmlate.pageContentTepmlatelevel2 .templateServiceBlock .templateService .templateServiceItem .templateServiceItemImage img {

    display: block;

    width: 92px;

    height: 92px;

    margin-right: 16px;

  }

}

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

  .pageContentTepmlate .templateImage img {

    object-fit: cover;

    height: 588px;

    object-position: center;

  }

  .pageContentTepmlate .templateBeforeText {

    margin: 24px 12px;

  }

  .pageContentTepmlate .templateBeforeText .firstFlex {

    display: block;

  }

  .pageContentTepmlate .templateBeforeText .firstFlex .firstFlexText p {

    margin-bottom: 16px;

  }

  .pageContentTepmlate .templateServiceBlock .templateServiceBigTitle {

    padding: 0;

    padding-bottom: 32px;

  }

  .pageContentTepmlate .templateServiceBlock .templateService .templateServiceItem {

    padding: 32px 12px;

    gap: 0;

  }

  .pageContentTepmlate .theContentBlock .theContent h2 {

    padding: 32px 0 32px 0;

  }

  .pageContentTepmlate .theContentBlock .theContent .templateContentFlex {

    display: block;

    padding-bottom: 32px;

  }

  .pageContentTepmlate .theContentBlock .theContent .templateContentFlex .templateContentFlexText {

    margin-bottom: 16px;

  }

  .pageContentTepmlate .stepSection .stepSectionFlex {

    padding: 0 0px 0px 0px;

    display: block;

  }

  .pageContentTepmlate .stepSection .stepSectionFlex .templateStep .templateStepItem {

    padding: 20px 0;

  }

  .pageContentTepmlate .templateServiceSmallTitle {

    margin-bottom: 32px;

    padding: 0;

  }

  .pageContentTepmlate .templateProcess .templateProcessItem {

    padding: 24px;

  }

  .pageContentTepmlate .templateProcess .templateProcessItem .templateProcessItemNumber {

    margin-bottom: 12px;

  }

  .pageContentTepmlate .templateProcess .templateProcessItem .templateProcessItemName {

    margin-bottom: 12px;

  }

  .pageContentTepmlate .templateProcessNextImage img {

    object-fit: cover;

    height: 200px;

    object-position: center;

  }

  .pageContentTepmlate .templateAltServiceTitle {

    margin-bottom: 24px;

    padding: 0;

  }

  .pageContentTepmlate .templateAltService .templateAltServiceItemLink {

    border-radius: 6px;

  }

  .pageContentTepmlate .templateStepDemon .templateStepDemonItem {

    flex: 100%;

    padding: 20px;

    border-left: 0;

    width: 100%;

  }

  .pageContentTepmlate .templateStepDemon .templateStepDemonItem .templateStepDemonItemImage {

    margin-bottom: 16px;

  }

  .pageContentTepmlate .templateStepDemon .templateStepDemonItem .templateStepDemonItemImage img {

    max-width: 44px;

  }

}

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

  .pageContentTepmlate .formSingle .formSingleFlex {

    padding: 32px 0px;

  }

  .pageContentTepmlate .formSingle .formSingleFlex .form form .name {

    padding: 0 12px;

  }

  .pageContentTepmlate .formSingle .formSingleFlex .form form .phone {

    padding: 0 12px;

  }

  .pageContentTepmlate .formSingle .formSingleFlex .form form .submit {

    padding: 0 12px;

  }

  .pageContentTepmlate .templateImage img {

    object-fit: cover;

    height: 588px;

    object-position: center;

  }

  .pageContentTepmlate .aboutPlace {

    padding: 0;

  }

  .pageContentTepmlate .theContentBlock .theContent .templateContentFlex {

    padding: 0 12px 32px 12px;

  }

  .pageContentTepmlate .stepSection .borders {

    padding: 0;

  }

  .pageContentTepmlate .stepSection .stepSectionFlex .templateStep {

    padding: 0 12px;

  }

  .pageContentTepmlate .templateProcess .templateProcessItem {

    padding: 24px 12px;

  }

  .pageContentTepmlate .templateProcessNextImage img {

    object-fit: cover;

    height: 200px;

    object-position: center;

  }

  .pageContentTepmlate .templateAltService {

    padding: 0;

  }

  .pageContentTepmlate .container578 {

    margin-left: 12px;

    margin-right: 12px;

    width: auto;

  }

}

/*template page*/

/*modal*/

.popupModal {

  display: none;

  border: 1px solid var(--Borders-Border-1, #EBEDF1);

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

  box-shadow: 0px 10px 10px -5px rgba(0, 0, 0, 0.04);

  position: fixed;

  z-index: 17;

  left: 50%;

  transform: translateX(-50%);

  top: 25%;

  width: 100%;

  max-width: 512px;

  padding: 40px 32px 32px 32px;

  max-height: 67vh;

  overflow: auto;

}

.popupModal .popupModalClose {

  cursor: pointer;

  position: absolute;

  right: 5px;

  top: 5px;

}

.popupModal .modalPrice .modalPriceImage {

  margin: 0 auto;

  text-align: center;

}

.popupModal .modalPrice .modalPriceText {

  color: var(--Text-Text-1, #111827);

  text-align: center;

  font-size: 32px;

  font-weight: 600;

  line-height: 40px;

  padding: 32px 0;

}

.popupModal .modalPrice .modalPriceDownload {

  background: var(--Button-Main-Green, #A3C730);

  color: var(--Text-Text-white, #FFF);

  font-size: 18px;

  line-height: 24px;

  display: flex;

  gap: 12px;

  height: 52px;

  align-content: center;

  justify-content: center;

  align-items: center;

}

.popupModal .modalPrice .modalPriceDownload:hover {

  background: var(--Button-Main-Green-Hover, #82A514);

}

.popupModal .modalCallBack .title {

  color: var(--Text-Text-1, #111827);

  font-size: 32px;

  font-weight: 600;

  line-height: 40px;

}

.popupModal .modalCallBack .subTitle {

  color: var(--Text-Text-2, #5A616C);

  font-size: 16px;

  font-weight: 400;

  line-height: 22px;

  margin-bottom: 32px;

  margin-top: 16px;

}

.popupModal .modalCallBack input {

  color: var(--Text-Text-3, #9299A5);

  font-size: 16px;

  font-style: normal;

  font-weight: 400;

  line-height: 28px;

  width: 100%;

  height: 64px;

  border-bottom: 1px solid var(--Borders-Border-2, #D2D6DC);

  border-top: 1px solid transparent;

  border-left: 1px solid transparent;

  border-right: 1px solid transparent;

  background: var(--Background-BG-1, #fff);

  padding: 0 0 0 20px;

  margin: 0 0 24px 0;

}

.popupModal .modalCallBack input:hover {

  border-color: #D2D6DC;

}

.popupModal .modalCallBack textarea {

  color: var(--Text-Text-3, #9299A5);

  font-size: 16px;

  font-style: normal;

  font-weight: 400;

  line-height: 28px;

  width: 100%;

  height: 64px;

  border-bottom: 1px solid var(--Borders-Border-2, #D2D6DC);

  border-top: 1px solid transparent;

  border-left: 1px solid transparent;

  border-right: 1px solid transparent;

  background: var(--Background-BG-1, #fff);

  resize: none;

  padding: 17px 0 0 20px;

  margin: 0 0 0 0;

}

.popupModal .modalCallBack textarea:hover {

  border-color: #D2D6DC;

}

.popupModal .modalCallBack input[type=submit] {

  background: var(--Button-Main-Green, #A3C730);

  color: var(--Text-Text-white, #FFF);

  font-size: 16px;

  font-style: normal;

  font-weight: 700;

  line-height: 22px;

  border: 1px solid transparent;

  height: 54px;

  margin: 32px 0 16px 0;

}

.popupModal .modalCallBack input[type=submit]:hover {

  background: var(--Button-Main-Green, #82A514);

}

.popupModal .modalCallBack .policy {

  color: var(--Text-Text-2, #5A616C);

  font-size: 12px;

  font-style: normal;

  font-weight: 400;

  line-height: 16px;

}

.popupModal .modalCallBack .policy a {

  color: var(--Text-Link, #A3C730);

}

.popupModal .modalDemonForm {

  z-index: 1;

}

.popupModal .modalDemonForm form input[type=tel], .popupModal .modalDemonForm form input[type=text] {

  color: var(--Text-Text-3, #9299A5);

  font-size: 16px;

  font-style: normal;

  font-weight: 400;

  line-height: 28px;

  width: 100%;

  height: 64px;

  border-bottom: 1px solid var(--Borders-Border-2, #D2D6DC);

  border-top: 1px solid transparent;

  border-left: 1px solid transparent;

  border-right: 1px solid transparent;

  background: var(--Background-BG-1, #fff);

  padding: 0 0 0 20px;

  margin: 0 0 24px 0;

}

.popupModal .modalDemonForm form input[type=tel]:hover, .popupModal .modalDemonForm form input[type=text]:hover {

  border-color: #D2D6DC;

}

.popupModal .modalDemonForm form textarea {

  color: var(--Text-Text-3, #9299A5);

  font-size: 16px;

  font-style: normal;

  font-weight: 400;

  line-height: 28px;

  width: 100%;

  height: 140px;

  border-bottom: 1px solid var(--Borders-Border-2, #D2D6DC);

  border-top: 1px solid transparent;

  border-left: 1px solid transparent;

  border-right: 1px solid transparent;

  background: var(--Background-BG-1, #fff);

  resize: none;

  padding: 17px 0 0 20px;

  margin: 0 0 0 0;

}

.popupModal .modalDemonForm form textarea:hover {

  border-color: #D2D6DC;

}

.popupModal .modalDemonForm form input[type=submit] {

  background: var(--Button-Main-Green, #A3C730);

  color: var(--Text-Text-white, #FFF);

  font-size: 16px;

  font-style: normal;

  font-weight: 700;

  line-height: 22px;

  border: 1px solid transparent;

  height: 54px;

  margin: 32px 0 16px 0;

}

.popupModal .modalDemonForm form input[type=submit]:hover {

  background: var(--Button-Main-Green, #82A514);

}

.popupModal .cityChoise {

  padding: 0;

  margin: 0;

}

.popupModal .cityChoise li {

  font-size: 14px;

  display: inline-block;

  width: 24%;

  line-height: 2;

  cursor: pointer;

}

.popupModal .cityChoise li:hover {

  color: #82A514;

}



.cityForm {

  max-width: 710px;

}



.popupModalOverlay {

  display: none;

  background: rgba(17, 24, 39, 0.72);

  position: fixed;

  z-index: 16;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

}



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

  .popupModal {

    width: 95%;

    padding: 20px 32px 20px 32px;

    top: 15%;

  }

  .popupModal .modalPrice .modalPriceImage svg {

    width: 130px;

    height: 130px;

  }

  .popupModal .modalPrice .modalPriceText {

    font-size: 24px;

    line-height: 36px;

  }

  .popupModal .modalCallBack .title {

    font-size: 24px;

    line-height: 36px;

  }

  .popupModal .modalCallBack .subTitle {

    font-size: 15px;

    line-height: 22px;

  }

  .popupModal .modalCallBack input {

    margin: 0 0 20px 0;

  }

  .popupModal .modalCallBack textarea {

    margin: 0 0 20px 0;

  }

  .popupModal .modalCallBack input[type=submit] {

    margin: 32px 0 0 0;

  }

}

/*modal*/

/*searchPage*/

.pageSearch .searchResults li {

  padding: 32px 0;

  border-bottom: 1px solid var(--Borders-Border-1, #EBEDF1);

}

.pageSearch .searchResults li a {

  font-size: 20px;

  font-weight: 400;

  line-height: 32px;

}

.pageSearch .pagination {

  margin-top: 64px;

  margin-bottom: 64px;

}

.pageSearch .pagination .nav-links {

  display: flex;

  border-bottom: 1px solid var(--Borders-Border-2, #D2D6DC);

}

.pageSearch .pagination .nav-links .page-numbers {

  display: flex;

  width: 40px;

  height: 40px;

  padding: 8px;

  justify-content: center;

  align-items: center;

}

.pageSearch .pagination .nav-links a {

  color: var(--Text-Text-3, #9299A5);

  font-size: 14px;

  font-weight: 400;

  line-height: 20px;

  background: none;

}

.pageSearch .pagination .nav-links a:hover {

  background: var(--Background-BG-1, #F7F8F9);

  color: var(--Text-Text-1, #111827);

}

.pageSearch .pagination .nav-links .current {

  color: var(--Text-Link, #A3C730);

}

.pageSearch .pagination .nav-links .current:hover {

  background: var(--Background-BG-1, #A3C730);

  color: var(--Text-Text-1, #fff);

}



/*searchPage*/

/*craken*/

.templateBeforeTextNext {

  border-bottom: 1px solid var(--Borders-Border-2, #D2D6DC);

}



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

  .templateBeforeTextNext {

    border-bottom: none;

  }

  .services .borders .categories .category .arrowBottom{

    margin: 0;

  }

}

.contact-block{

  display: flex;

  align-items: flex-start;

  gap: 5rem;

}

.contactWhatsUp{

  display: flex;

  width: 15.625rem;

  flex-direction: column;

  justify-content: center;

  align-items: flex-start;

  gap: 0.5rem;

  flex-shrink: 0;

  margin-top: 73px;

}

.contactTelegram{

  display: flex;

  width: 15.625rem;

  flex-direction: column;

  justify-content: center;

  align-items: flex-start;

  gap: 0.5rem;

  flex-shrink: 0;

  margin-top: 73px;

}

.contactWhatsUp:hover .contactWhatsUpTitle{

  color: var(--Text-Link, #A3C730);

}

.contactTelegram:hover .contactTelegramTitle{

  color: var(--Text-Link, #A3C730);

}

.contactContentWhatsUp{

  color: var(--Text-Text-2, #5A616C);

  font-size: 1rem;

  font-style: normal;

  font-weight: 600;

  line-height: 1.75rem;

  margin: 0;

}

.contactContentTelegram{

  color: var(--Text-Text-2, #5A616C);

  font-size: 1rem;

  font-style: normal;

  font-weight: 600;

  line-height: 1.75rem;

  margin: 0;

}

.contactWhatsUp:hover .contactContentWhatsUp{

  color: var(--Text-Link, #A3C730);

}

.contactTelegram:hover .contactContentTelegram{

  color: var(--Text-Link, #A3C730);

}

.contactWhatsUpTitle{

  color: var(--Text-Text-3, #9299A5);

  font-size: 0.875rem;

  font-style: normal;

  font-weight: 400;

  line-height: 1.25rem; /* 142.857% */

}

.contactTelegramTitle{

  color: var(--Text-Text-3, #9299A5);

  font-size: 0.875rem;

  font-style: normal;

  font-weight: 400;

  line-height: 1.25rem; /* 142.857% */

}

.contactNumber{

  flex-shrink: 0;

  width: 36.75rem;

}

.messengers{

  display: flex;

  align-items: flex-start;

  gap: 5rem;

}

.cooperation{

  display: flex;

  align-self: stretch;

}

.cooperationInfo{

  display: flex;

  padding: 2rem 1rem;

  max-width: 20.625rem;

  flex-direction: column;

  align-items: center;

  gap: 1.25rem;

  border-top: 1px solid var(--Borders-Border-2, #D2D6DC);

  position: relative;

  z-index: 1;

}

.cooperationInfo:not(:first-child){

  border-left: 1px solid var(--Borders-Border-2, #D2D6DC);

}

.cooperationInfo:nth-child(3){

  border-left: none;

}

.cooperationImg{

  display: flex;

  width: 2.75rem;

  height: 2.75rem;

  padding: 0.3125rem 0.38794rem 0.4375rem 0.375rem;

  justify-content: center;

  align-items: center;

}

.cooperationText{

  color: var(--Text-Text-1, #111827);

  text-align: left;

  font-size: 1rem;

  font-style: normal;

  font-weight: 400;

  line-height: 1.75rem; /* 175% */

  align-self: stretch;

}

.cooperationBlock{

  display: flex;

  width: 100%;

  flex-direction: column;

  gap: 3.5rem;

}

.CooperationTitle{

  color: var(--Text-Text-1, #111827);

  font-size: 48px;

  font-style: normal;

  font-weight: 600;

  margin-left: 32px;

}

@media screen and (min-width: 1000px){

  .container.container-xxl.container578{

    border-bottom: 1px solid #d2d6dc;

  }

}

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

  main.homepage{

    padding-top: 127px;

  }

}

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

  header .homeText {

    height: 878px;

  }

}

/*@media screen and (min-width: 380px) and (max-width: 391px){*/

/*  main.homepage{*/

/*    padding-top: 95px;*/

/*  }*/

/*}*/

/*@media screen and (min-width: 392px) and (max-width: 420px){*/

/*  main.homepage{*/

/*    padding-top: 95px;*/

/*    margin-top: -30px;*/

/*  }*/

/*}*/

/*@media screen and (min-width: 421px) and (max-width: 431px){*/

/*  main.homepage{*/

/*    padding-top: 95px;*/

/*    margin-top: -60px;*/

/*  }*/

/*}*/

/*craken*/



/*# sourceMappingURL=site.css.map */

.team .repeaterTeam .item2:before {

  content: " ";

  background: linear-gradient(0deg, rgba(17, 24, 39, 0.5) 0%, rgba(17, 24, 39, 0.5) 100%), #d3d3d36b -261.562px 0px/141.476% 100% no-repeat;

  width: 100%;

  height: 100%;

  z-index: 2;

  position: absolute;

  -webkit-transition: all 0.3s ease-in 0s;

  -moz-transition: all 0.3s ease-in 0s;

  transition: all 0.3s ease-in 0s;

}

.team .repeaterTeam .item:hover .item2:before, .team .repeaterTeam .item2:hover:before {

  height: 0;

}

.few-items{

  margin: 0 auto;

  width: 1320px;

  justify-content: center;

  border-left: 1px solid #D2D6DC;

  border-right: 1px solid #D2D6DC;

}

.sl-wrapper .sl-navigation button{

  color: white !important;

  width: 32% !important;

  height: 90% !important;

  top: 10% !important;

}

.sl-wrapper .sl-navigation button.sl-next{

  text-align: right!important;

}

.sl-wrapper .sl-navigation button.sl-prev{

  text-align: left!important;

}



footer .container{

  position: relative;

}

footer .container:before{

  height: 100%;

}

.achievements .whiteHole, .team .whiteHole{

  height: 180px;

}

.p-0.borderCenter.borders.borders-color-d.prices-block{

  position: relative;

}

.p-0.borderCenter.borders.borders-color-d.prices-block:before{

  height: 100%

}

.singlePage.singleJob .contentArticle{

  background: none;

}

#map-block {

  scroll-margin-top: 30vh;

}

@media screen and (min-width: 1930px){

  main.homepage {

    padding-top: 0;

  }

  .homePage {

    height: 100vh;

  }

}

.pageLost{

  background: linear-gradient(180deg, rgba(17, 24, 39, 0.00) 41.57%, rgba(17, 24, 39, 0.56) 78.21%, rgba(17, 24, 39, 0.56) 90.04%), linear-gradient(0deg, rgba(17, 17, 17, 0.10) 0%, rgba(17, 17, 17, 0.10) 100%), url("/wp-content/themes/firstCountry/images/lostbg.jpg") lightgray -15px 100.886px / 100.99% 119.892% no-repeat;

}

.lostContent{

  display: flex;

  flex-direction: column;

  padding: 23.13rem 0 10rem;

  margin: 0 auto;

  max-width: 60rem;

  gap: 1.5rem;

}

.lostContent h1{

  color: var(--Text-Text-white, #FFF);

  text-align: center;

  font-size: 2.5rem;

  font-style: normal;

  font-weight: 400;

  line-height: 3.5rem;

  margin: 0;

}

.lostContacts{

  display: inline-flex;

  align-items: flex-start;

  gap: 1rem;

  color: var(--Text-Text-white, #FFF);

  font-size: 1.5rem;

  font-style: normal;

  font-weight: 400;

  line-height: 2rem;

  flex-wrap: wrap;

}

.lostContacts p{

  margin: 0;

}

.messengers-icons{

  display: inline-flex;

  align-items: flex-start;

  gap: 1rem;

}

.lostContacts a{

  color: #FFF!important;

  font-weight: 500;

}

.button-catalog{

  display: inline-flex;

  padding: 1rem 2rem 1rem 3.5rem;

  justify-content: center;

  align-items: center;

  gap: 0.75rem;

  background: var(--Button-Main-Green, #A3C730);

  margin: 2rem auto 0;



}

.button-catalog span{

  color: var(--Text-Text-white, #FFF);

  font-size: 1rem;

  font-style: normal;

  font-weight: 400;

  line-height: 1.375rem;

}

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

  .lostContent{

    padding: 7.5rem 0 6rem;

    gap: 1.5rem;

  }

  .lostContent h1{

    font-size: 1.5rem;

    line-height: 2rem

  }

  .lostContacts{

    flex-direction: column;

    align-items: center;

    gap: 0.5rem;

    font-size: 1rem;

    line-height: 1.75rem;

  }

  .messengers-icons{

    margin-top: 0.5rem;

  }

  .button-catalog{

    margin-top: 1rem;

  }



}
.max_headers_mobile{
  display: none !important;
}
.whatsapp.mobiles{
  display: none !important;
}
@media screen and (max-width: 575px){

  .pageLost .row{

    margin: 0;

  }
  /* section.midHeader{
    margin-top: 0px !important;
  } */
  /* header .topHeader .social{
    gap: 0%;
  } */
  .phone_headers{
    display: none;
  }
  .max_headers{
    display: none !important;
  }
  .max_headers_mobile{
    display: block !important;
  }
  .whatsapp.mobiles{
  display: inline-flex !important;
          top: 11px;
        position: relative;
}
header .topHeader .social .whatsapp.mobiles a svg{
  display: block;
}
}

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

  .pageLost{

    background: linear-gradient(180deg, rgba(17, 24, 39, 0.00) 25.95%, rgba(17, 24, 39, 0.56) 71.13%, rgba(17, 24, 39, 0.56) 86.25%), linear-gradient(0deg, rgba(17, 17, 17, 0.10) 0%, rgba(17, 17, 17, 0.10) 100%), url("/wp-content/themes/firstCountry/images/lostbg.jpg") lightgray -585.779px 0px / 302.262% 100% no-repeat;

  }

}

header .botHeader .menu .menu-newheadermenu-container .sub-menu-viewport {
	overflow: auto;
	height: 100%;
	max-height: 70vh;
	padding-left: 0;
}