/*
Theme Name: Enfold Child
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/


#top {
    --black: #000;
	--gray: #636C6D;
}


/*Add your own styles here:*/

body {
  -webkit-font-smoothing: antialiased;
  font-smooth: always;
  -moz-osx-font-smoothing: grayscale;
}

.container {
	padding: 0;
}

@media only screen and (max-width: 1480px) {
	#header_meta .container {
		padding: 0 10px;
	}
	
	#header_main .container {
		padding: 0 10px;
	}
	
	#footer .container {
		padding: 0 10px;
	}
	
	.preview__section-second section {padding: 0 10px;}
}

@media only screen and (max-width: 1220px) {
	.container:not(.preview .container) {
		padding: 0 10px;
	}
	
	.responsive #top #wrap_all .container {
		max-width: 100%;
		width: 100%;
		margin: 0;
	}
}

/*-------------- ШАПКА ВЕРХННЯ ----------------------*/

#header_meta {
	background-color: #23585E;
}

#header_meta .container {
	max-width: 1460px;
}

#top .phone-info {
	width: 100%;
	padding: 0;
}

#top .phone-info>div {
	display: block;
}

#top .header__inf {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 8px 0;

}

#top .header__address, #top .header__mail {
    display: flex;
    gap: 15px;
	align-items: center;
}

#top .header__tel {
	display: grid;
	grid-template-columns: auto auto;
    gap: 10px 15px;
	align-items: center;
}

#top .header__tel svg {
	grid-row: 1/3;
}

#top .header__tel .header__tel-link:last-of-type {
	grid-column: 2/3;
}

#top .header__address_text, #top .header__mail-link, #top .header__tel-link {
    font-weight: 400;
    font-size: 16px;
    color: #fff;
	margin: 0;
	transition: opacity 0.3s ease-in-out;
}

#top .header__mail-link:hover, #top .header__tel-link:hover {
    opacity: 0.6;
}

@media only screen and (max-width: 990px) {
	#header_meta {
		display: none;
	}
}

/*-------------- ШАПКА ----------------------*/
#header_main {
	border-bottom: 1px solid rgba(105, 106, 118, 0.3) !important;	
}

#header_main .container {
	max-width: 1460px;
}

#header_main .container .inner-container {
	padding: 22px 0;
}


/* ЛОГО */

#header_main .container .inner-container .logo, .logo a {
	height: auto;
}

/* МЕНЮ */

#header_main .container .inner-container .main_menu {
	height: auto;
}

#top #header_main > .container .main_menu .av-main-nav > li > a {
	display: flex;
    align-items: center;
	justify-content: center;
	
    height: 56px !important;
    line-height: 56px !important;
	
	padding: 0;
	
	font-weight: 300;
	font-size: 16px;
	text-transform: uppercase;
}

#top #header_main > .container .main_menu .av-main-nav > li:first-child > a, #top #header_main > .container .main_menu .av-main-nav > li:nth-child(2) > a {
	margin-right: 34px;
	transition: opacity 0.3s ease-in-out;
}

#top #header_main > .container .main_menu .av-main-nav > li:nth-child(3) > a {
	margin-right: clamp(10px, calc(0.44 * (100vw - 1200px) + 34px), 210px);
}

#top #header_main > .container .main_menu .av-main-nav > li:nth-child(4) > a span, #top #header_main > .container .main_menu .av-main-nav > li:nth-child(5) > a span {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
}

#top #header_main > .container .main_menu .av-main-nav > li:nth-child(4) > a, #top #header_main > .container .main_menu .av-main-nav > li:nth-child(5) > a {
	border-radius: 10px;
	width: 50px;
	height: 50px !important;
	background-color: #23585e;
}

#top #header_main > .container .main_menu .av-main-nav > li:nth-child(4) > a {margin-right: 10px; transition: opacity 0.3s ease-in-out;}

#top #header_main > .container .main_menu .av-main-nav > li:nth-child(5) > a {margin-right: 24px; transition: opacity 0.3s ease-in-out;}

#top #header_main > .container .main_menu .av-main-nav > li:first-child > a:hover,
#top #header_main > .container .main_menu .av-main-nav > li:nth-child(2) > a:hover , 
#top #header_main > .container .main_menu .av-main-nav > li:nth-child(3) > a:hover , 
#top #header_main > .container .main_menu .av-main-nav > li:nth-child(4) > a:hover , 
#top #header_main > .container .main_menu .av-main-nav > li:nth-child(5) > a:hover {
	opacity: 0.6;
}

#top #header_main > .container .main_menu .av-main-nav > li:nth-child(6) > a {
	border: 1px solid #23585e;
	border-radius: 10px;
	padding: 15px 20px;
	height: 52px !important;
	font-weight: 400;
	font-size: 18px;
	text-transform: none;
	transition: box-shadow 0.3s ease-in-out, background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}

#top #header_main > .container .main_menu .av-main-nav > li:nth-child(6) > a:hover {
	border: 1px solid transparent;
	box-shadow: 0 7px 15px 0 rgba(40, 109, 117, 0.4);
	background-color: #308e99;
	color: #fff;
}

#header_main  #menu-item-search {
	display: none;
}

.av-burger-overlay-inner {background-color: #F5F5F5;}

@media only screen and (max-width: 1100px) {
	#top #header_main > .container .main_menu .av-main-nav > li:first-child > a, #top #header_main > .container .main_menu .av-main-nav > li:nth-child(2) > a {
		margin-right: 10px;
	}
	
	#header_main .container .inner-container .logo, .logo a {
		height: 48px;
	}
}

@media only screen and (max-width: 990px) {
	
	.responsive #header_main .container {
		max-width: 100%;
		line-height: 50px !important;
		height: 50px !important;
	}

	#header_main .container .inner-container {
		padding: 10px 10px 8px;
	}


	/* ЛОГО */
	
	.responsive #top .logo {
		height: 32px !important;
	}

	#header_main .container .inner-container .logo, .logo a {
		width: 215px;
		height: 32px;
	}

	/* МЕНЮ */

	/* #header_main .container .inner-container .main_menu {
		height: auto;
	}*/
	
	.av-hamburger-box {width: 24px;}

	#top #header_main > .container .main_menu .av-main-nav > li > a {
		display: flex;
		align-items: center;
		justify-content: center;

		height: 24px !important;
		line-height: 24px !important;
		margin-top: 10px !important;
		margin-right: 10px !important;
	}
	
	
	#top .header__social svg {
		border-radius: 10px;
		width: 50px;
		height: 50px !important;
		background-color: #23585e;
		padding: 12px;
	}
	
	.html_av-overlay-side #top #wrap_all .av-burger-overlay li a {
		font-family: web;
		font-size: 16px;
	}
	
}

/*----------------- ПРЕВЬЮ -----------------------------*/
@keyframes slideCarousel {
  0%, 45% {
    transform: translateX(0);
  }
  50%, 95% {
    transform: translateX(-50%); 
  }
  100% {
    transform: translateX(0); 
  }
}

#top .preview .container {
  margin: 0;
  max-width: 100%;
  overflow: hidden;
}

.preview .entry-content-wrapper {
  display: flex;
  width: 200%; 
  animation: slideCarousel 15s infinite ease-out;
}

.preview__section {
  width: 50% !important;
  flex: 0 0 50%;
  opacity: 1;
}

.preview__section .preview__title {
	max-width: 1235px;
	margin: 0 auto;
}

.preview__section .preview__title h1,
.preview__section .preview__title .old_h{
	font-weight: 400;
	font-size: 50px;
	line-height: 120%;
	color: #1d1f2d;
	text-transform: none;
	text-align: center;
	margin-bottom: 20px;
font-family: playfair-display !important;
}

.preview__subtitle {margin: 0 auto 40px; text-align: center; font-weight: 400; font-size: 18px; max-width: 470px;}


.preview__section .preview__button {
	display: block;
	max-width: 225px;
	border-radius: 10px;
	padding: 15px 20px;
	margin: 0 auto;
	background-color: #fff;
	font-weight: 400;
	font-size: 18px;
	color: #000;
	transition: box-shadow 0.3s ease-in-out, background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}

.preview__section .preview__button:hover {
	box-shadow: 0 7px 15px 0 rgba(40, 109, 117, 0.4);
	background-color: #308e99;
	color: #fff;
}

.preview__section .avia-image-container.avia-align-center {margin: 0;}

.preview__img img {
	border-radius: 20px;
	margin-bottom: 20px;
}

.preview__subtitle-second {margin: -20px auto 30px; text-align: center; font-weight: 400; font-size: 16px; letter-spacing: 0.3em; font-family: playfair-display;}

.preview__inf {
	display: flex;
	
	justify-content: center;
	max-width: 1460px;
	margin: auto;
}

.preview__card {
	padding: 20px 20px 30px;
	min-height: 154px;
	background-color: rgba(255, 255, 255, 0.5);;
	
	border-left: 1px solid rgba(105, 106, 118, 0.3) !important;
	border-right: 1px solid rgba(105, 106, 118, 0.3) !important;
	border-radius: 20px;
	
	opacity: 0;
    transform: translateY(50px);
    transition: opacity 0.5s ease-out, transform 0.5s ease-out;
	transition-delay: var(--delay, 0s); 
	
}

.preview__card:nth-child(1) {
    --delay: 0s;
	max-width: 204px;
	padding-right: 66px;
}

.preview__card:nth-child(2) {
    --delay: 0.1s;
	max-width: 204px;
	padding-right: 38px;
}

.preview__card:nth-child(3) {
    --delay: 0.2s;
	max-width: 204px;
	padding-right: 66px;
}

.preview__card:nth-child(4) {
    --delay: 0.3s;
	max-width: 205px;
	padding-right: 53px;
}

.preview__card:nth-child(5) {
    --delay: 0.4s;
	max-width: 203px;
	padding-right: 16px;
}

@media (min-width: 1460px) {
    .preview__card:nth-child(6) {
        max-width: 441px;
    }
}

.preview__card:nth-child(6) {
    --delay: 0.5s;
	max-width: calc(100vw - 204px - 204px - 204px - 205px - 203px);
	padding-right: 73px;
}

.preview__card.visible {
    opacity: 1;
    transform: translateY(0);
}

.preview__number {
	font-weight: 200;
	font-size: 60px;
	letter-spacing: -0.05em;
	color: #2c474a;
	font-family: web;
	line-height: 122%;
	
}

.preview__text {
	font-weight: 400;
	font-size: 18px;
	line-height: 122%;
	color: #232727;
}

@media (min-width: 990px) and (max-width: 1200px) {
	.preview {
		margin-top: -170px !important;
	}
	
	.preview__section-first {padding: 225px 0 0 !important;}
	
	.preview__section-second {padding: 190px 0 0 !important;}
}

@media (min-width: 768px) and (max-width: 1200px) {
	
	.preview__card {
		max-width: calc((100vw - 20px) / 3) !important;
	}
}

@media only screen and (max-width: 767px) {
	.preview__section  {
		min-height: 612px !important;
		
	}
	
	.preview__text {
		font-size: 16px;
	}
	
	.preview__section-first {
		background-image: url(/wp-content/uploads/2025/02/img-1.jpg) !important;
		background-size: cover !important;
	}
	
	.preview__section-second {
		background-image: url(/wp-content/uploads/2025/02/image-6.jpg) !important;
		background-size: cover !important;
	}
	
	
	.preview__card {
		max-width: calc((100vw - 20px) / 2) !important;
	}
	
	.preview__section .preview__title {
		max-width: 252px;
		margin: 0 auto;
		padding-top: 74px;
	}

	.preview__section .preview__title h1,
.preview__section .preview__title .old_h {
		font-size: 25px;
		margin-bottom: 12px;
	}
	
	.preview__subtitle {max-width: 246px; margin: auto; font-size: 16px;}

	.preview__section .preview__button {
		position: absolute;
		top: min(calc(100vh - 120px), 670px);
		width: 97%;
        left: 10px;
		max-width: 100%;
	}
	
	.preview__img {
		padding: 60px 10px 0;
	}
	
	.preview__img img {
		margin-bottom: 15px;
	}
	
	.preview__title-second {
		max-width: 100% !important;	
		padding-top: 0 !important;
	}
	
	.preview__title-second h1,
.preview__title-second .old_h {
		font-size: 20px !important;
		letter-spacing: 0.05em !important;		
	}
	
	.preview__subtitle-second {margin: -10px 0 10px; font-size: 14px;}

	.preview__inf {
		display: flex;

		justify-content: center;
		max-width: 1460px;
		margin: auto;
	}

	.preview__card {
		padding: 20px 20px 30px;
		min-height: 154px;
		background-color: rgba(255, 255, 255, 0.5);;

		border-left: 1px solid rgba(105, 106, 118, 0.3) !important;
		border-right: 1px solid rgba(105, 106, 118, 0.3) !important;
		border-radius: 20px;

		opacity: 0;
		transform: translateY(50px);
		transition: opacity 0.5s ease-out, transform 0.5s ease-out;
		transition-delay: var(--delay, 0s); 
	}
	

}

@media only screen and (max-width: 479px) {
	.preview__section .preview__button {
		width: 95%;
	}
}

/*-------------------- ПРОБЛЕМЫ -------------------------*/
.problem__title {padding-left: 40px; font-weight: 500; font-size: 35px; line-height: 140%; letter-spacing: 0.03em; margin-bottom: 33px; text-transform: none !important;}

.problem__message {
  display: grid;
  grid-template-areas:
	  "text button"
	  "details details";
  grid-template-columns: 1fr;
  align-items: center;
  border-radius: 20px;
  max-width: 100%;
  padding: 20px 40px;
  margin-bottom: 10px;
  background-color: #fff;
  cursor: pointer;
  transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
  overflow: hidden; /* Чтобы скрыть избыточное содержимое при сворачивании */
}

.problem__message p {
  margin: 0;
}

.problem__message-text {
  grid-area: text;
  font-weight: 500;
  font-size: 20px;
  line-height: 140%;
  color: var(--black);
  transition: color 0.3s ease-in-out;
}

.problem__message-button {
  grid-area: button;
  width: 60px;
  height: 60px;
  background-image: url(/wp-content/uploads/2025/02/Frame-25.svg);
  background-color: transparent;
  border: none;
  transition: background-image 0.3s ease-in-out;
	cursor: pointer;
}

.problem__message-details {
  grid-area: details;
  max-width: 836px;
  padding-top: 0;
  padding-bottom: 0;
  font-weight: 400;
  font-size: 18px;
  line-height: 140%;
  color: var(--gray);
  
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: max-height 0.4s ease-in-out, opacity 0.4s ease-in-out, padding 0.4s ease-in-out;
}

.problem__message:hover {
  transform: translateY(-5px);
  box-shadow: 0 7px 15px 0 rgba(105, 106, 118, 0.2);
}

.problem__message:hover .problem__message-text {
  color: #286d75;
}

.problem__message:hover .problem__message-button {
  background-image: url(/wp-content/uploads/2025/02/Frame-25-1.svg);
}

.problem__message.open .problem__message-details {
  max-height: 750px;
  opacity: 1;
  padding-top: 60px;
  padding-bottom: 17px;
}

.problem__message.open .problem__message-button {
  background-image: url(/wp-content/uploads/2025/02/Frame-25-2.svg);
}

.problem__fos {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 20px;
  max-width: 100%;
  padding: 20px 40px;
  background-color: var(--gray);
  cursor: pointer;
  transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out, background-color 0.3s ease-in-out;
}

.problem__fos p {
  margin: 0;
}

.problem__fos-text {
  font-weight: 500;
  font-size: 20px;
  line-height: 140%;
  color: #fff;
}

.problem__fos-button {
  width: 60px;
  height: 60px;
  background-image: url(/wp-content/uploads/2025/02/Frame-25-3.svg);
  background-color: transparent;
  border: none;
  transition: background-image 0.3s ease-in-out;
  cursor: pointer;
}


.problem__fos:hover {
  transform: translateY(-5px);
  box-shadow: 0 7px 15px 0 rgba(105, 106, 118, 0.2);
  background-color: #99a2a3;
}

.problem__fos:hover .problem__fos-button {
  background-image: url(/wp-content/uploads/2025/02/Frame-25-4.svg);
}


@media only screen and (max-width: 767px) {
	.problem__title {text-align: left; font-size: 24px; margin: 0 20px; max-width: 100%; padding-left: 0;}
	
	.problem__message {
	  
	  align-items: flex-start;
	  border-radius: 10px;
	  padding: 20px 10px;
	  margin-bottom: 12px;
		
		height: 180px;
	}


	
	
	.problem__message-button {
	  width: 40px;
	  height: 40px;
	  background-image: url(/wp-content/uploads/2025/02/Frame-25.svg);
	  background-size: cover;
	}

	.problem__message-details {
	  max-width: 100%;
	  padding-top: 0;
	  padding-bottom: 0;

	  font-size: 16px;

	}


	.problem__message:hover .problem__message-button {
	  background-image: url(/wp-content/uploads/2025/02/Frame-25-1.svg);
	}
	
	
	.problem__message.open .problem__message-button {
	  background-image: url(/wp-content/uploads/2025/02/Frame-25-2.svg);
	}
	
	.problem__message.open {
		height: auto;
	}

	.problem__message.open .problem__message-details {
	  max-height: 500px;
	  padding-top: 14px;
	  padding-bottom: 0;
	}

	.problem__message.open .problem__message-button {
	  width: 40px;
	  height: 40px;
	  background-size: cover;
	}

	.problem__fos {
	  align-items: flex-start;
	  padding: 20px 10px;
	  height: 180px;
	}


	.problem__fos-button {
	  width: 40px;
	  height: 40px;
	  background-image: url(/wp-content/uploads/2025/02/Frame-25-3.svg);
	  background-size: cover;
	}


	.problem__fos:hover .problem__fos-button {
	  background-image: url(/wp-content/uploads/2025/02/Frame-25-4.svg);
	}
}

/*----------------- РЕШЕНИЯ --------------------------*/

.solution__title h2 {
	margin: 0 0 40px;
	padding: 0 0 20px;
	border-bottom: dashed 1px #fff;
	font-weight: 500;
	font-size: 35px;
	line-height: 140%;
	letter-spacing: 0.03em !important;
	text-transform: none !important;
	color: #fff;
	text-align: right;
}

.solution__text {
	margin-left: auto;
	max-width: 510px;
}

.solution__text ul {margin: 0;}

.solution__text li {
	font-weight: 400;
	font-size: 18px;
	line-height: 140%;
	color: #fff;
}

.solution__column-right {
	display: flex;
	justify-content: center
}

.solution__author {
	max-width: 385px;
}

.solution__author p {margin:0; font-family: playfair-display;}

.solution__img {
	border-radius: 25px;
	display: block;
}

.solution__caption {
	padding-top: 10px;
	font-weight: 400;
	font-size: 20px;
	letter-spacing: 0.05em;
	color: #fff;
}

.solution__caption-mini {
	font-weight: 400;
	font-size: 14px;
	letter-spacing: 0.3em;
	color: rgba(255, 255, 255, 0.5);
	
}

.solution__button {
	margin-top: 30px;
	border: 1px solid rgba(255, 255, 255, 0.5) !important;
	border-radius: 10px;
	padding: 15px 20px;
	width: 385px;
	font-weight: 400;
	font-size: 18px;
	color: #fff !important;
	display: block;
    text-align: center;
	transition: color 0.3s ease-in-out, box-shadow 0.3s ease-in-out, background-color 0.3s ease-in-out;
}


.solution__button:hover {
	border: 1px solid transparent !important;
	color: #286d75 !important;
	box-shadow: 0 7px 15px 0 rgba(255, 255, 255, 0.5);
	background-color: #fff;
}


@media only screen and (max-width: 767px) {
	.solution__title h2 {
		margin: 0 0 24px;
		padding: 0 0 10px;

		font-size: 24px;
		text-align: left;
	}
	
	.solution__text {margin-left: 10px;}
	

	.solution__text li {
		font-size: 16px;
	}

	
	.solution__author {
		max-width: 100%;		
	}
	
	.solution__caption-container {
		padding: 0 10px;
	}

	.solution__button {
		margin-top: 40px;
		width: 100%;
	}

	
}
/*----------------- ЭТАПЫ --------------------------*/

.stages__title h2 {
	font-weight: 500;
	font-size: 35px;
	line-height: 140%;
	letter-spacing: 0.03em !important;
	max-width: 488px;
	text-transform: none !important;
	margin: 0;
}

.stages__subtitle {
	display: flex;
	justify-content: flex-end;
}

.stages__subtitle p {
	margin: 0;
	max-width: 515px;
	font-weight: 400;
	font-size: 18px;
	line-height: 140%;
	color: var(--black);
}

.stages__message {
  display: grid;
  grid-template-areas:
	  "number text"
	  "title text";
  grid-template-columns: 1fr 2.1fr;
	gap: 0 74px;
  align-items: flex-start;
  border-radius: 20px;
  max-width: 100%;
  min-height: 140px;
  padding: 20px 40px;
  background-color: #fff;
  border-bottom: 1px solid rgba(105, 106, 118, 0.3) !important;
}

.stages__message-first {border-top: 1px solid rgba(105, 106, 118, 0.3) !important;}

.stages__message p {
  margin: 0;
}

.stages__message-number {
	grid-area: number;
	font-weight: 200;
	font-size: 20px;
	line-height: 100%;
	letter-spacing: -0.05em;
	color: rgba(40, 109, 117, 0.5);
}

.stages__message-title {
	grid-area: title;
	font-weight: 600;
	font-size: 18px;
	line-height: 140%;
	color: var(--black);
	align-self: flex-end;
	padding-bottom: 6px;
}

.stages__message-text {
	grid-area: text;
  	font-weight: 400;
	font-size: 18px;
	line-height: 140%;
	padding-right: 6px;
}


@media only screen and (max-width: 767px) {
	.stages__title h2 {
		font-size: 24px;
	}
	
	.stages__subtitle {justify-content: flex-start;}

	.stages__subtitle p {
		font-size: 16px;
		justify-content: flex-start;
	}

	.stages__message {
	  grid-template-areas:
		  "number"
		  "title"
		  "text";
	  grid-template-columns: auto;
		grid-auto-rows: max-content max-content max-content;
	  padding: 20px 20px 20px 10px;
	  margin-bottom: 10px;
	}


	.stages__message-number {
		padding-bottom: 49px;
	}

	.stages__message-title {	
		padding-bottom: 20px;
	}

	.stages__message-text {
		font-size: 16px;

	}
}


/*----------------- СТОИМОСТЬ --------------------------*/

.price {
	padding-top: 120px;
}

.price__tabs {
	margin: 0 0 42px;
}

.price__tabs > div {
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid rgba(105, 106, 118, 0.3);
}

#price__tab-tab {
	padding: 18px 19px 18px 40px;
	font-weight: 400;
	font-size: 18px;
	line-height: 140%;
	color: var(--gray);
	transition: color 0.3s ease-in-out, border-bottom 0.3s ease-in-out;
}

#price__tab-tab:first-child {
	padding: 18px 30px 18px 40px;
}

#price__tab-tab.tab:hover {
	color: #232727 !important;
}


#top .main_color .tabcontainer .tab {transition: color 0.3s ease-in-out;}

#top .main_color .tabcontainer .tab.active_tab {
	border-bottom: 2px solid #286d75;
	color: #286d75 !important;
}

#price__tab-content {
	padding: 10px 40px 0;
}

#price__tab-content > div {margin: 0;}

#price__tab-content p {
	margin: 0;
	padding-top: 6px;
	font-weight: 400;
	font-size: 18px;
	line-height: 140%;
	color: var(--gray);
}

.price__title h2 {
	max-width: 100%;
}

.price__table table {
    border-collapse: separate;
}

.price__table tr {
	border-radius: 10px;
	height: 60px;
}

.price__table tr:nth-of-type(odd) {
	background-color: rgba(40, 109, 117, 0.1);
}


.price__table tr:nth-of-type(even) {
	background-color: #f5f5f5;
}

.price__table td, .price__table th {
	border-bottom: 1px solid rgba(105, 106, 118, 0.2);
	border-top: 1px solid rgba(105, 106, 118, 0.2);
	vertical-align: middle;
	text-transform: none;
	font-weight: 400;
	font-size: 18px;
	line-height: 140%;
	color: var(--black);
}

.price__table tr td:nth-of-type(odd), .price__table tr th:nth-of-type(odd) {
	border-bottom-left-radius: 10px;
	border-top-left-radius: 10px;
	width: 1000px;
}

.price__table tr td:nth-of-type(even), .price__table tr th:nth-of-type(even) {
	border-bottom-right-radius: 10px;
	border-top-right-radius: 10px;
	border-left: 1px solid rgba(105, 106, 118, 0.3);
}


.tooltip-icon {
    display: inline-block;
    width: 15px;
    height: 15px;
    background-image: url("/wp-content/uploads/2025/02/Group-2.svg");
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: 5px;
    cursor: pointer;
    position: relative;
}


.tooltip-icon::after {
    content: attr(data-tooltip);
    position: absolute;
    background: rgba(0, 0, 0, 0.8);
    color: #fff;
    padding: 10px;
    border-radius: 5px;
    width: 300px;
    font-size: 14px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    top: -5px;
    left: 120%;
    transform: translateY(-50%);
    z-index: 10;
}


.tooltip-icon:hover::after {
    opacity: 1;
    visibility: visible;
    transform: translateY(-50%) translateX(5px); 
}

.price__table-caption p {
	margin: 0;
	font-weight: 400;
	font-size: 18px;
	line-height: 140%;
	color: var(--gray);
}

@media only screen and (max-width: 767px) {
	.price {
		padding-top: 80px;
	}
	
	.price__tabs {
		margin: 0 0 42px;
	}

	
	#top .main_color .tabcontainer .tab {
		font-weight: 400;
		font-size: 18px;
		line-height: 1.4;
		color: var(--gray);
		border-bottom: 1px solid rgba(105, 106, 118, 0.3);
		padding: 10px;
		height: 60px;
		display: flex;
		align-items: center;
	}
	
	#top .main_color .tabcontainer .tab::after {
		content: "";
		position: absolute;
		right: 0;
		width: 40px;
		height: 40px;
		background-image: url(/wp-content/uploads/2025/02/Frame-25.svg);
		background-size: cover;
	}
	
	#top .main_color .tabcontainer .tab:hover::after {
		background-image: url(/wp-content/uploads/2025/02/Frame-25-1.svg);
	}
	
	#top .main_color .tabcontainer .tab.active_tab::after {
		background-image: url(/wp-content/uploads/2025/02/Frame-25-2.svg);
	}

	#top .main_color .tabcontainer .tab.active_tab {
		border-bottom: 2px solid #286d75;
		font-weight: 600;
		font-size: 18px;
		line-height: 1.4;
		color: #286d75;
	}
	
	#price__tab-content.tab_content {
		padding: 10px;
		max-width: 240px;
	}
	
	#price__tab-content p {
		margin-bottom: 10px;
		padding-top: 0;
		font-size: 16px;
	}
	
	.price__table table {margin: 0;}

	.price__table tr {
		border-radius: 0;	
		height: 55px;
	}
	
	.price__table tr td:nth-of-type(odd), .price__table tr th:nth-of-type(odd) {
		border-bottom-left-radius: 0;
		border-top-left-radius: 0;
	}

	.price__table tr td:nth-of-type(even), .price__table tr th:nth-of-type(even) {
		border-bottom-right-radius: 0;
		border-top-right-radius: 0;
	}
	
	.price__table tr:nth-of-type(odd){
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
	}

	.price__table tr:is(:nth-of-type(1), :nth-of-type(2), :nth-of-type(5), :nth-of-type(6), :nth-of-type(9), :nth-of-type(10)) {
		background-color: rgba(40, 109, 117, 0.1);
	}


	.price__table tr:nth-of-type(even) {
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
	}
	
	.price__table tr:is(:nth-of-type(3), :nth-of-type(4), :nth-of-type(7), :nth-of-type(8), :nth-of-type(11), :nth-of-type(12)) {
		background-color: #f5f5f5;		
	}

	.price__table tr:nth-of-type(odd) td, .price__table tr:nth-of-type(odd) th {
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;

	}

	.price__table tr:nth-of-type(even) td, .price__table tr:nth-of-type(even) th {
		border-bottom-right-radius: 10px;
		border-bottom-left-radius: 10px;

	}
	
	.tooltip-icon::after {		
		top: 123px;
		left: -13rem;
	}
	
	.price__table tr:nth-of-type(11) td .tooltip-icon {margin-left: -10px;bottom: 5px;}
	
	.price__table tr:nth-of-type(11) td .tooltip-icon::after {
		top: 85px;
		left: -25rem;
	}

	.price__table-caption p {
		margin: 0;
		font-weight: 400;
		font-size: 12px;
		line-height: 140%;
		color: var(--gray);
	}
	
}

@media (min-width: 450px) and (max-width: 560px) {
	.price__table tr:nth-of-type(11) td .tooltip-icon::after {
		left: -6rem;
	}
}

@media only screen and (max-width: 450px) {
	.tooltip-icon::after {		
		left: -17rem;
	}
	
	.price__table tr:nth-of-type(11) td .tooltip-icon::after {
		left: -14rem;
	}
}

/*----------------- ОТЗЫВЫ --------------------------*/


.reviews__but_column-mob {display:none;}

.reviews__button {
	display: inline-flex;
	align-items: center;
	border: 1px solid rgba(40, 109, 117, 0.5) !important;
	border-radius: 10px;
	padding: 10px 20px;
	font-weight: 400;
	font-size: 18px;
	line-height: 140% !important;
	color: var(--gray) !important;
	transition: color 0.3s ease-in-out, box-shadow 0.3s ease-in-out, background-color 0.3s ease-in-out;
}

.reviews__button:after {
	content:"";
	width: 30px;
	height: 30px;
	position: absolut;
	margin-left: 10px;
	background-image: url(/wp-content/uploads/2025/02/Mask-group.svg);
	transition: background-image 0.3s ease-in-out;
}

.reviews__button:hover {
	box-shadow: 0 7px 15px 0 rgba(105, 106, 118, 0.3);
	background-color: var(--gray);
	color: #fff !important;
}

.reviews__button:hover:after {
	background-image: url(/wp-content/uploads/2025/02/Mask-group-1.svg);
}

.reviews__button_mob {
	display: none;
}

.reviews__card {
    padding: 30px 40px;
    border-radius: 20px;
    background-color: #fff;
    height: 354px; 
    transition: height 0.3s ease-in-out; 
    position: relative;
    overflow: hidden;
	width: calc((100vw - 40px) / 2);
	max-width: 590px;
	margin-right: 20px;
}

.reviews__card.expanded {
    height: auto; 
    overflow: visible;
}

.reviews__card-title {
    font-weight: 500;
    font-size: 20px;
    line-height: 140%;
    color: #000;
    margin: 0 0 30px;
    padding-bottom: 11px;
    border-bottom: dashed 1px rgba(40, 109, 117, 0.5) !important;
}

.reviews__card-text {
    overflow: hidden;
    max-height: 225px; 
    transition: max-height 0.6s ease-in-out;
    margin: 0;
    font-weight: 400;
    font-size: 18px;
    line-height: 140%;
    color: var(--gray);
}

.reviews__card.expanded .reviews__card-text {
    max-height: none; 
}

.read-more {
    display: none;
    background: none;
    border: none;
    cursor: pointer;
    font-style: italic;
    font-weight: 500;
    font-size: 18px;
    line-height: 140%;
    color: var(--black);
    position: absolute;
    bottom: 25px;
    right: 40px;
    background: white;
    padding-left: 7px;
    font-family: Inter;
}

.slick-prev, .slick-next {
    width: 60px;
    height: 60px;
    z-index: 1;
    transition-duration: 300ms;
	background-color: transparent !important;
}

.slick-prev:hover, .slick-next:hover {
	box-shadow: 0 7px 15px 0 rgba(40, 109, 117, 0.4);
	border-radius: 110%;
}


.slick-prev:before, .slick-next:before {
  opacity: 1;
  transition-duration: 300ms;
}


.slick-prev:before, .slick-next:before {
  font-size: 60px;
  color: transparent;
  background-repeat: no-repeat;
  background-position: center;
	
}

.slick-prev {
    left: -100px;
}

.slick-next {
    right: -100px;
}

.reviews .slick-prev:before {
  background-image: url(/wp-content/uploads/2025/02/Group-4.svg);
}

.reviews .slick-next:before {
  background-image: url(/wp-content/uploads/2025/02/Group-3.svg);
}

.reviews .slick-prev:hover:before, .reviews .slick-next:hover:before {
	
	background-color: transparent;
	
}

.reviews .slick-prev:hover:before {
    background-image: url(/wp-content/uploads/2025/02/Group-4-2.svg);
}

.reviews .slick-next:hover:before {
	background-image: url(/wp-content/uploads/2025/02/Group-5-4.svg);
}


@media only screen and (max-width: 1420px) {
	
	.slick-prev {
		left: -10px;
	}

	.slick-next {
		right: -10px;
	}
}

@media only screen and (max-width: 767px) {
	
	
	.reviews__but_column {display:none !important;}
	
	.reviews__but_column-mob {display: block;}
	
	.reviews__button {
		display: none;
	}
	
	.reviews__button_mob {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		border: 1px solid rgba(40, 109, 117, 0.5) !important;
		border-radius: 10px;
		padding: 9px;
		font-weight: 400;
		font-size: 16px;
		line-height: 140% !important;
		color: var(--gray) !important;
		transition: color 0.3s ease-in-out, box-shadow 0.3s ease-in-out, background-color 0.3s ease-in-out;
	}

	.reviews__button_mob:after {
		content:"";
		width: 30px;
		height: 30px;
		position: absolut;
		margin-left: 4px;
		background-image: url(/wp-content/uploads/2025/02/Mask-group.svg);
		transition: background-image 0.3s ease-in-out;
	}

	.reviews__button_mob:hover {
		box-shadow: 0 7px 15px 0 rgba(105, 106, 118, 0.3);
		background-color: var(--gray);
		color: #fff !important;
	}

	.reviews__button_mob:hover:after {
		background-image: url(/wp-content/uploads/2025/02/Mask-group-1.svg);
	}
	
	.reviews__cards {padding: 0 10px;}
	
	.reviews__card {
		padding: 30px 18px 43px 10px;
		
		height: auto;
		width: calc(100vw - 20px);
		max-width: 100vw;
		margin-right: 0;
	}


	.reviews__card-text {
		max-height: 292px;
		font-size: 16px;
	}

	.read-more {
		font-size: 16px;
		bottom: 28px;
		right: 20px;

		padding-left: 7px;

	}

	
}

/*----------------- ВОПРОСЫ --------------------------*/

.questions {padding-top: 120px;}

.questions__message {
	padding: 13px 20px 12px 40px;
	background-color: #f5f5f5;
}

.questions__message-text {
	font-weight: 600;
	font-size: 18px;
	line-height: 140%;
	color: #286d75;
}

.questions__message-button {
	grid-area: button;
	background-image: url(/wp-content/uploads/2025/02/Frame-25-5.svg);
	width: 40px;
	height: 40px;
	background-color: transparent;
    border: none;
	transition: opacity 0.3s ease-in-out, background-image 0.3s ease-in-out;
	cursor: pointer;
}

.questions__message-details {
	  font-weight: 400;
	  font-size: 18px;
	  line-height: 140%;
	  color: var(--gray);
	  max-width: 1115px;

	  max-height: 0;
	  opacity: 0;
	  padding-top: 0;
	  padding-bottom: 0;
	  overflow: hidden;

	  transition: max-height 0.6s ease-in-out, opacity 0.6s ease-in-out, padding 0.6s ease-in-out;
}

.problem__message.open .questions__message-details {
  max-height: 1000px; /* Достаточно большое значение, чтобы вместить текст */
  opacity: 1;
  padding-top: 30px;
  padding-bottom: 16px;
}

.questions__message:hover .questions__message-button {
	opacity: 0.6;
}

.problem__message.open .questions__message-button {
  background-image: url(/wp-content/uploads/2025/02/Frame-25-6.svg);
}


@media only screen and (max-width: 767px) {
	
	.questions {padding-top: 80px;}
	
	.questions__message {
		padding: 20px 10px;
		height: 116px;
	}

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

	.questions__message-details {
		  font-size: 16px;
	}
	
	.problem__message.open .questions__message-text {font-weight: 600;font-size: 18px;}

	.problem__message.open .questions__message-details {
	  max-height: 1250px !important; 

	  padding-top: 30px;
	  padding-bottom: 12px;
	}

}

/*----------------- КОНСУЛЬТАЦИЯ --------------------------*/

.consultation__title h2 {
	margin: 0 0 18px;
	font-weight: 600;
	font-size: 35px;
	letter-spacing: 0.03em !important;
	color: #fff;
	text-transform: none  !important;
}

.consultation__subtitle p {
	margin: 0 0 40px;
	font-weight: 400;
	font-size: 18px;
	line-height: 140%;
	color: var(--gray);
	max-width: 430px;
}

.consultation_column .avia-image-container.avia-align-center {margin: 0;}

.consultation_column img {height:612px; object-fit: cover;}

.consultation__author {
	position: absolute;
	bottom: 30px;
	right: 0;
	padding: 11px 11px 11px 15px;
	border-right: 7px solid #308e99 !important;
	border-radius: 10px 0 0 10px;
	width: 232px;
	height: 59px;
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
	background-color: #fff;
}

.consultation__author p {margin: 0;}

.consultation__author-title {
	font-weight: 400;
	font-size: 14px;
	line-height: 140%;
	letter-spacing: 0.02em;
	color: var(--black);
}

.consultation__author-subtitle {
	font-weight: 400;
	font-size: 12px;
	line-height: 140%;
	letter-spacing: 0.1em;
	color: var(--gray);
}

.questions__connection {
	max-width: 491px;
}

.questions__connection p {
	margin: 0;
}

.questions__connection .wpcf7-spinner {
	display: none;
}

#top input[type="text"].questions__name, #top input[type="tel"].questions__phone {
	padding: 9px 0 13px;
    background-color: transparent;
	border: none;
	
    border-bottom: 1px solid rgba(99, 108, 109, 0.3);
    height: 44px;
	color: var(--gray);
    font-weight: 400;
    font-size: 18px;
    line-height: 120%;
	margin-bottom: 26px;
}

#top input[type="tel"].questions__phone {margin-bottom: 40px;}

#top input[type="text"].questions__name::placeholder, #top input[type="tel"].questions__phone::placeholder {
	color: var(--gray);
    font-weight: 400;
    font-size: 18px;
    line-height: 120%;
}

#top .questions__connection input[type="submit"], #top .fos input[type="submit"] {
	width: 100%;
	border-radius: 12px;
	padding: 16px 22px;
	background-color: #286d75;
	font-weight: 600;
	font-size: 14px;
	line-height: 100%;
	text-transform: uppercase;
	color: #fff;
	margin-bottom: 24px;
	transition: opacity 0.3s ease-in-out;
	font-family: roboto;
}

#top .questions__connection input[type="submit"]:hover, #top .fos input[type="submit"]:hover {
	opacity: 0.6;
}

.wpcf7-list-item {
	margin: 0;
}

.wpcf7-list-item>label {
	display: flex;
	gap: 10px;
}


#top .questions__connection input[type="checkbox"], #top .fos input[type="checkbox"] {
	appearance: none;
    -webkit-appearance: none; 
    -moz-appearance: none; 
    width: 16px;
    height: 16px;
    margin: 2px 0 0;
	padding: 7px;
    border-radius: 5px;
    border: 1px solid var(--gray);
    background-color: transparent;
    display: inline;
    cursor: pointer;
	position: relative;
	vertical-align: text-top;
}

#top .questions__connection input[type="checkbox"]:checked, #top .fos input[type="checkbox"]:checked  {
    background-color: var(--color-grey) !important;
}

#top .questions__connection input[type="checkbox"]:checked::after, #top .fos input[type="checkbox"]:checked::after {
    content: "✓";
    font-size: 12px;
    color: white;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    justify-content: center;
    align-items: center;
}

#top .questions__acceptance_text {
	font-weight: 400;
	font-size: 13px;
	line-height: 120%;
	color: var(--gray);
}

#top .questions__link {
	font-weight: 800;
	font-size: 13px;
	line-height: 120%;
	color: var(--gray) !important;
	text-decoration: underline !important;
	text-decoration-skip-ink: none;
}

@media only screen and (max-width: 767px) {
	.consultation_column {
		margin-bottom: 0 !important;
	}
	
	
	.consultation__title h2 {
		font-weight: 500;
		font-size: 24px;
		line-height: 1.4;
	}

	.consultation__subtitle p {
		font-size: 16px;
		max-width: 277px;
	}

	.consultation__author {
		bottom: 8px;
		right: 15px;
	}

	.questions__connection {
		max-width:100%;
	}

	#top input[type="tel"].questions__phone {margin-bottom: 44px;}
	
	.consultation_column .avia-image-container.avia-align-center {margin: 0;}

}

/*----------------- ПОДВАЛ --------------------------*/

#footer {
	padding: 60px 0 28px;
}

#menu-footer-menu-first li a , #menu-footer-menu-second li a {
	font-weight: 300;
	font-size: 14px;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	color: #fff;
	padding: 0;
	margin-bottom: 14px;
	transition: opacity 0.3s ease-in-out;
}

#menu-footer-menu-first li a:hover , #menu-footer-menu-second li a:hover {
	opacity: 0.6;
} 

.footer__logo {
	width: 339px;
	height: 53px;
}

.footer__adress {
	padding: 43px 0 0;
	display: flex;
	gap: 20px;
	justify-content: flex-end;
	max-width: 290px;
}

.footer__adress p {
	margin: 0;
	font-weight: 400;
	font-size: 14px;
	color: var(--gray);
	max-width: 193px;
}

.footer__inf {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}

.footer__phone {
	display: grid;
    grid-template-columns: max-content auto;
    gap: 10px 20px;
    margin-bottom: 20px;
}

.footer__phone svg,
.footer__phone img {
	grid-row: 1/3;
	width: 24px;
	height: 24px;
}

.footer__phone a {
	font-weight: 300;
	font-size: 35px;
	text-transform: uppercase;
	color: #fff;
	font-family: playfair-master;
	transition: opacity 0.3s ease-in-out;
}

.footer__mail {
	display: flex;
	gap: 10px;
	margin-bottom: 30px;
}

.footer__mail a {
	font-weight: 400;
	font-size: 18px;
	color: #fff;
	transition: opacity 0.3s ease-in-out;
}

.footer__socials {
	display: flex;
	gap: 10px;
}

.footer__socials a {
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 10px;
	width: 50px;
	height: 50px;
	background-color: #23585e;
	transition: opacity 0.3s ease-in-out;
}

.footer__phone a:hover, .footer__mail a:hover, .footer__socials a:hover {
	opacity: 0.6;
	color: #FFFFFF;
}

#footer>div>div:first-child {
	max-width: max-content;
}


#footer>div>div:nth-of-type(2) {
	max-width: 160px;
	margin-left: 6.15%;
}

#footer>div>div:nth-of-type(3) {
	max-width: 272px;
	margin-left: 5.34%;
}

#footer>div>div:nth-of-type(4) {
	max-width: max-content;
	margin-left: 14%;
}

div .av_one_fourth {
	width: 100%;
}

#footer .container {
	max-width: 1464px;
}

#footer .widget {
	margin: 0;
}

@media (min-width: 990px) and (max-width: 1450px) {
	#footer>div>div:first-child {
		max-width: 30%;
	}


	#footer>div>div:nth-of-type(2) {
		max-width: max-content;
		margin-left: 0;
	}

	#footer>div>div:nth-of-type(3) {
		max-width: min-content;
		margin-left: 0;
	}

	#footer>div>div:nth-of-type(4) {
		max-width: max-content;
		margin-left: 0;
	}

	div .av_one_fourth {
		width: 100%;
	}

	#footer .container {
		max-width: 1464px;
		display: flex;
		justify-content: space-between;
	}

	#footer .widget {
		margin: 0;
	}
}


@media only screen and (max-width: 990px) {
	
	#footer {
		padding: 80px 10px 60px;
	}
	
	#footer .container {
		
		display: flex;
		flex-direction: column;
	}

	#menu-footer-menu-first li a , #menu-footer-menu-second li a {
		margin-bottom: 12px;
	}
	
	#footer>div>div:nth-of-type(3) {margin-left:0; margin-bottom: 28px;}
	
	#footer>div>div:nth-of-type(4) {margin-left:0; }

	/*#menu-footer-menu-first li a:hover , #menu-footer-menu-second li a:hover {
		opacity: 0.6;
	} */

	.footer__logo {
		width: 210px;
		height: 32px;
	}

	.footer__adress {
		padding: 30px 0 20px;
	}


	.footer__inf {
		align-items: flex-start;
	}

	.footer__phone {
		margin-bottom: 40px;
	}

	.footer__mail {
		margin-bottom: 42px;
	}

	.footer__socials {
		gap: 20px;
	}

	/*#footer>div>div:first-child {
		max-width: max-content;
	}*/


	#footer>div>div:nth-of-type(2) {
		margin: 0 !important;
	}

}

/*---------------- КОПИРАЙТ -------------------*/

#socket .container {
	max-width: 1464px;
	padding: 16px 0;
}

.copyright {
	display: none;
}

.copyright__custom {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.copyright__inf {
	display: flex;
	gap: 10px;
}

.copyright__custom p, .copyright__custom a {
	margin: 0;
	font-weight: 400;
	font-size: 14px;
	color: var(--gray);
	transition: color 0.3s ease-in-out;
}

.copyright__custom a:hover {
	color: rgba(99, 108, 109, 0.6);
}

@media only screen and (max-width: 767px) {
	#socket .container {
		padding: 16px 0 28px;
		margin: 0 10px !important;
	}

	.copyright__custom {
		display: flex;
		flex-direction: column;
		gap: 40px;
		align-items: flex-start;
	}

}

/*--------------- ФОС ---------------------*/

.fos {
	display: flex;
	justify-content: space-between;
	max-height: 612px;
	border-radius: 20px;
	box-shadow: 0 7px 15px 0 rgba(105, 106, 118, 0.3);
	background-color: #1f2829;
}

.fos p {margin: 0;}

.fos__column-first {
	padding: 80px 0 54px 70px;
	max-width: 505px;
}

.fos .consultation__title p {line-height: 134%;}


.fos .consultation__subtitle p {
	margin-bottom: 40px;
}

.fos .consultation__author {
	bottom: 30px;
	right: 15px;
}

.pum-container.pum-responsive.pum-responsive-xlarge {width: 100% !important;}

.wpcf7-spinner {display: none;}

.pum-container.pum-responsive img {
	height: 100% !important;
	object-fit: cover;
	border-bottom-right-radius: 20px;
	border-top-right-radius: 20px;
}

.wpcf7 form .wpcf7-response-output {
	margin: 1em 0.5em 1em;
    border: 1px solid #286d75 !important;
	border-radius: 12px;
}

@media only screen and (max-width: 990px) {
	.fos {
		flex-direction: column;
		align-items: center;
		max-height: unset;
	}
	
	.fos__column-first {
		padding: 40px 10px 54px 10px;
		max-width: 505px;
	}

	.pum-container.pum-responsive img {
		
		border-bottom-right-radius: 20px;
		border-bottom-left-radius: 20px;
		border-top-right-radius: 0;
	}
	
	.pum-theme-123 .pum-container, .pum-theme-fos .pum-container {max-width: max-content !important;}
}