/* USER VARIABLES SECTION */

:root {
	--accent: #36B7C1;
	--hover: #44a394;
	--text: #555;
	--regular-text: 16px;
	--lineheight: 1.65;
	--userfont: Ubuntu, sans-serif;
	--systemfont: -apple-system, BlinkMacSystemFont, Arial, sans-serif;
}

/* FONTS LOAD SECTION */

@font-face { src: url("../fonts/Ubuntu-Regular.woff2") format("woff2"); font-family: "Ubuntu"; font-weight: 400; font-style: normal; font-display: swap; }
@font-face { src: url("../fonts/Ubuntu-Medium.woff2") format("woff2"); font-family: "Ubuntu"; font-weight: 500; font-style: normal; font-display: swap; }
@font-face { src: url("../fonts/Ubuntu-Bold.woff2") format("woff2"); font-family: "Ubuntu"; font-weight: 700; font-style: normal; font-display: swap; }

/* GENERAL CSS SETTINGS */

::placeholder { color: #666; }
::selection { background-color: var(--accent); color: #fff; }
input, textarea { outline: none; }
/* input:focus:required:invalid, textarea:focus:required:invalid { border-color: red; }
input:required:valid, textarea:required:valid { border-color: green; } */

body {
	font-family: var(--userfont);
	font-size: var(--regular-text);
	line-height: var(--lineheight);
	color: var(--text);
	min-width: 320px;
	position: relative;
	overflow-x: hidden;
}

.container {
	max-width: 1200px;
	margin: 0 auto;
}

a {
	transition: .25s all ease-in-out;
	text-decoration: none;
}

button {
	cursor: pointer;
	transition: .25s all ease-in-out;
}

button:focus {
	outline: none
}

img {
	pointer-events: none;
}

b, strong {
	font-weight: bold
}

.center {
	text-align: center;
}

.title {
	color: #555;
	font-size: 34px;
	font-style: normal;
	font-weight: 700;
	line-height: 1.2;
	margin-bottom: 20px;
}

.btn {
	display: inline-block;
	border-radius: 3px;
	background: #36B7C1;
	min-height: 36px;
	padding: 10px 15px;
	color: #FFF;
	text-align: center;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.2
}
.btn:hover {
	text-decoration: none;
	color: #fff;
	background-color: var(--hover);
}

@media (max-width: 1260px) {
	.container {
		max-width: 960px;
	}
	.title {
		font-size: 32px;
	}
}

@media (max-width: 991px) {
	.container {
		max-width: 720px;
	}
	.title {
		font-size: 30px;
	}
}

@media (max-width: 767px) {
	.container {
		max-width: 540px;
	}
	.title {
		font-size: 27px;
	}
}

@media (max-width: 575px) {
	.container {
		max-width: 100%;
		padding-left: 20px;
		padding-right: 20px;
	}

	.title {
		font-size: 25px;
		text-align: center;
		text-wrap: pretty;
	}
}

/* USER STYLES */

/* header */
.header {
	background-color: #fff;
	min-height: 60px;
	padding: 10px 0;
}
.header__container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}
.header__logo {
	display: flex;
	max-width: 150px;
	flex: 1;
}
.header__logo img {
	width: 100%;
	height: auto;
}
.header__logo:hover {
	text-decoration: none;
	opacity: .8;
}
.header__menu {
}
.header__menu ul {
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
	gap: 30px;
}
.header__menu ul li {
	list-style: none;
}
.header__menu ul li a {
	color: #555;
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.2;
	text-transform: capitalize;
}
.header__menu ul li a:hover {
	text-decoration: none;
	color: var(--accent);
}
.header__phone {
	color: #555;
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.2;
	position: relative;
	padding-left: 22px;
}
.header__phone::before {
	content: '';
	width: 15px;
	height: auto;
	aspect-ratio: 1;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' fill='none' viewBox='0 0 15 15'%3e%3cpath fill='%23000' fill-rule='evenodd' d='M3.185.797a1.79 1.79 0 0 1 1.319.454c.611.837 1.212 1.681 1.801 2.534.368.657.31 1.272-.175 1.846-.221.21-.431.43-.63.66a14.19 14.19 0 0 0 2.05 2.284c.321.288.663.546 1.026.777.21-.206.425-.406.644-.6.406-.36.875-.488 1.407-.382.27.096.524.223.761.381.669.486 1.343.964 2.022 1.436.441.327.666.766.674 1.318a2.58 2.58 0 0 1-.513 1.392c-.706.894-1.633 1.354-2.783 1.377a6.656 6.656 0 0 1-3.091-.894 17.004 17.004 0 0 1-6.02-5.874 8.802 8.802 0 0 1-.909-2.168A4.43 4.43 0 0 1 .856 2.79a3.4 3.4 0 0 1 1.421-1.714c.291-.143.594-.236.908-.278Zm.059.967a.728.728 0 0 1 .659.293c.471.679.95 1.353 1.435 2.021.107.165.19.34.25.528a1.66 1.66 0 0 1-.074.205c-.272.321-.555.633-.85.937-.203.432-.164.842.118 1.23a13.774 13.774 0 0 0 3.325 3.238c.39.198.762.169 1.113-.088l.645-.644.293-.176a.476.476 0 0 1 .234 0c.132.06.259.13.381.205.669.486 1.343.964 2.021 1.435.278.188.37.446.279.777-.354.902-1.013 1.415-1.978 1.538a3.836 3.836 0 0 1-2.256-.41c-.92-.423-1.769-.95-2.548-1.582a15.637 15.637 0 0 1-4.058-4.79 5.637 5.637 0 0 1-.66-2.359c.02-.888.382-1.6 1.085-2.138.187-.107.382-.18.586-.22Z' clip-rule='evenodd' opacity='.962'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	position: absolute;
	left: 0;
	top: 2px;
	transition: .25s all ease-in-out;
}
.header__phone:hover {
	text-decoration: none;
	color: var(--accent);
}
.header__phone:hover::before {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' fill='none' viewBox='0 0 15 15'%3e%3cpath fill='%2336B7C1' fill-rule='evenodd' d='M3.185.797a1.79 1.79 0 0 1 1.319.454c.611.837 1.212 1.681 1.801 2.534.368.657.31 1.272-.175 1.846-.221.21-.431.43-.63.66a14.19 14.19 0 0 0 2.05 2.284c.321.288.663.546 1.026.777.21-.206.425-.406.644-.6.406-.36.875-.488 1.407-.382.27.096.524.223.761.381.669.486 1.343.964 2.022 1.436.441.327.666.766.674 1.318a2.58 2.58 0 0 1-.513 1.392c-.706.894-1.633 1.354-2.783 1.377a6.656 6.656 0 0 1-3.091-.894 17.004 17.004 0 0 1-6.02-5.874 8.802 8.802 0 0 1-.909-2.168A4.43 4.43 0 0 1 .856 2.79a3.4 3.4 0 0 1 1.421-1.714c.291-.143.594-.236.908-.278Zm.059.967a.728.728 0 0 1 .659.293c.471.679.95 1.353 1.435 2.021.107.165.19.34.25.528a1.66 1.66 0 0 1-.074.205c-.272.321-.555.633-.85.937-.203.432-.164.842.118 1.23a13.774 13.774 0 0 0 3.325 3.238c.39.198.762.169 1.113-.088l.645-.644.293-.176a.476.476 0 0 1 .234 0c.132.06.259.13.381.205.669.486 1.343.964 2.021 1.435.278.188.37.446.279.777-.354.902-1.013 1.415-1.978 1.538a3.836 3.836 0 0 1-2.256-.41c-.92-.423-1.769-.95-2.548-1.582a15.637 15.637 0 0 1-4.058-4.79 5.637 5.637 0 0 1-.66-2.359c.02-.888.382-1.6 1.085-2.138.187-.107.382-.18.586-.22Z' clip-rule='evenodd' opacity='.962'/%3e%3c/svg%3e");
}
.header__call {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	border-radius: 3px;
	background: #36B7C1;
	padding: 5px 25px;
	color: #FFF;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 1.2;
	min-height: 40px;
}
.header__call:hover {
	background: var(--hover);
	color: #fff;
	text-decoration: none;
}
.header__burger {
	display: none;
	width: 40px;
	height: 40px;
	flex: none;
	background-color: var(--accent);
	border-radius: 3px;
	align-items: center;
	justify-content: center;
}
.header__burgerIcon {
	height: 16px;
	width: 25px;
	position: relative;
	cursor: pointer;
	flex: none;
}
.header__burgerIcon span {
	width: 100%;
	height: 2px;
	background-color: #fff;
	position: absolute;
	top: 7px;
	transition: .25s all ease-in-out;
}
.header__burgerIcon::before {
	content: '';
	width: 100%;
	height: 2px;
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: #fff;
	transition: .25s all ease-in-out;
}
.header__burgerIcon::after {
	content: '';
	width: 100%;
	height: 2px;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #fff;
	transition: .25s all ease-in-out;
}
.header__burgerIcon.active span {
	transform: scale(0);
}
.header__burgerIcon.active::after {
	transform: rotate(-45deg);
	top: 9px;
}
.header__burgerIcon.active::before {
	transform: rotate(45deg);
	top: 9px;
}
.mobile__menu {
	position: fixed;
	width: 100%;
	height: 100%;
	right: -100%;
	top: 0;
	background-color: #fff;
	z-index: 100;
	transition: .25s all ease-in-out;
	overflow-y: auto;
}
.mobile__menuContainer {
	max-width: 350px;
	margin: 0 auto;
	padding: 50px 0 100px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 30px;
}
.mobile__menuContainer .header__menu {
	margin: 0;
}
.mobile__menuContainer .header__menu ul {
	flex-direction: column;
	align-items: center;
}
.mobile__menuContainer .header__menu ul li a {
	border-bottom: none;
	font-size: 20px;
	padding: 5px 0;
	font-weight: 500;
}
.mobile__menuContainer .header__info {
	justify-content: center;
	align-items: center;
	color: #333;
	padding-left: 0;
}
.mobile__menuContainer .header__infoPhone {
	color: #333;
	margin-bottom: 10px;
	font-size: 20px;
}
.mobile__menuContainer .header__infoMail {
	color: #333;
}
.mobile__menuContainer .header__info::before {
	display: none;
}
.mobile__close {
	position: absolute;
	right: 15px;
	top: 15px;
	width: 30px;
	height: 30px;
	z-index: 2;
}
.mobile__close:before,
.mobile__close:after {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	width: 100%;
	height: 2px;
	background-color: #000;
	transition: .25s all ease-in-out;
}
.mobile__close:before:hover,
.mobile__close:after:hover {
	opacity: .8;
}
.mobile__close:before {
	transform: translate(-50%, -50%) rotate(45deg);
}
.mobile__close:after {
	transform: translate(-50%, -50%) rotate(-45deg);
}
@media (max-width: 1260px) {
	.header__menu ul {
		gap: 10px;
	}
}
@media (max-width: 991px) {
	.header__burger {
		display: flex;
	}
	.header .header__menu {
		display: none;
	}

	body.lock {
		overflow: hidden;
		height: 100vh;
	}
	.mobile__menu.open {
		right: 0;
	}
	.mobile__menu .header__phone {
		font-size: 18px;
	}
	.header__phone::before {
		top: 3px;
	}
}
@media (max-width: 767px) {
}
@media (max-width: 575px) {
	.header .header__phone {
		display: none;
	}
	.header .header__call {
		display: none;
	}
}
/* header */

/* promo */
.promo {
	padding: 50px 0;
	background-color: #F1F1F1;
}
.promo__container {
	display: grid;
	grid-template-columns: 1fr 351px;
	align-items: center;
	gap: 120px;
}
.promo__content {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
.promo__title {
	color: #555;
	font-size: 44px;
	font-style: normal;
	font-weight: 500;
	line-height: 1.2;
	margin-bottom: 25px;
}
.promo__phone {
	color: #555;
	font-size: 19px;
	font-style: normal;
	font-weight: 700;
	line-height: 1.3;
}
.promo__phone a {
	color: #555;
	text-decoration: none;
	border-bottom: 1px solid #555;
}
.promo__phone a:hover {
	text-decoration: none;
	opacity: .9;
	border-bottom-color: transparent;
}
.promo__text {
	color: #555;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.2;
	margin-top: 25px;
}
.promo__img {
	display: block;
	width: 100%;
	user-select: none;
}
.promo__img img {
	width: 100%;
	height: auto;
	aspect-ratio: 1;
	border-radius: 50%;
}
@media (max-width: 1260px) {
	.promo__container {
		gap: 50px
	}
	.promo__title {
		font-size: 38px;
	}
}
@media (max-width: 991px) {
	.promo__container {
		gap: 30px;
		grid-template-columns: 1fr 250px;
	}
	.promo__title {
		font-size: 32px;
	}
	.promo__phone {
		font-size: 18px;
	}
}
@media (max-width: 767px) {
	.promo__container {
		grid-template-columns: 1fr;
	}
	.promo__img {
		display: none;
	}
	.promo__title {
		font-size: 28px;
		margin-bottom: 20px;
	}
	.promo__text {
		margin-top: 15px;
	}
}
@media (max-width: 575px) {
	.promo__title {
		font-size: 26px;
		text-align: center;
		width: 100%;
	}
	.promo__phone {
		text-align: center;
		width: 100%;
	}
	.promo__text {
		text-align: center;
	}
}
/* promo */

/* price */
.price {
	margin: 60px 0;
}
.price__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	flex-wrap: wrap;
	margin-bottom: 30px;
}
.price .title {
	margin-bottom: 0;
}
.price__open {
	color: #2A8A91;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 1.2;
	border-bottom: 1px solid #2A8A91;
	transition: .25s all ease-in-out;
	cursor: pointer;
}
.price__open:hover {
	text-decoration: none;
	color: var(--hover);
	border-bottom-color: transparent;
}
.price__accordionWrapper {
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.price__accordion {
}
.price__accordionHeader {
	border-radius: 6px;
	background: linear-gradient(90deg, #1D9AA8 0%, #44A394 100%);
	padding: 15px 20px;
	color: #FFF;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 1.2;
	cursor: pointer;
	transition: .25s all ease-in-out;
	user-select: none;
}
.price__accordionHeader:hover {
	text-decoration: none;
	opacity: .9;
}
.active .js-accordionContent {
    display: block; /* Это должно быть */
}
.price__accordionContent {
	/* display: none; */
	margin-top: 20px;
}
.price__accordionContent table {
	width: 100%;
}
.price__accordionContent table tr th {
	padding: 15px 25px;
	color: #555;
	font-size: 13px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.2;
}
.price__accordionContent table tr th:nth-child(2) {
	text-align: center;
}
.price__accordionContent table tr {
	width: 100%;
}
.price__accordionContent table tr td {
	border: 1px solid #B6B6B6;
	padding: 15px 25px;
	color: #555;
	font-size: 13px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.4
}
.price__accordionContent table tr td b {
	display: block;
	font-size: 16px;
	font-weight: 500;
}
/*.price__accordionContent table tr td:nth-child(2) {
	font-size: 24px;
	font-weight: 500;
	line-height: 1.1;
	text-align: center;
}*/
.price__accordionContent table tr td:nth-child(2) span {
	font-size: 16px;
}
@media (max-width: 1260px) {
}
@media (max-width: 991px) {
}
@media (max-width: 767px) {
	.price__accordionHeader {
		font-size: 18px;
	}
	.price__accordionContent {
		margin-top: 10px;
	}
}
@media (max-width: 575px) {
	.price__header {
		flex-direction: column;
		align-items: center;
		flex-wrap: nowrap;
	}
	.price__accordionContent table tr td {
		padding: 10px 15px;
	}
	.price__accordionContent table tr th {
		padding: 10px 15px;
	}
	.price__accordionContent table tr td:nth-child(2) {
		font-size: 18px;
	}
	.price__accordionContent table tr td:nth-child(2) span {
		font-size: 14px;
	}
	.price__accordionContent table tr td {
		font-size: 12px;
	}
	.price__accordionContent table tr td b {
		font-size: 14px;
	}
	.price__accordionWrapper {
		gap: 10px;
	}
	.price__accordionHeader {
		padding: 10px 15px;
	}
}
/* price */

/* information */
.information {
	padding: 60px 0;
	background-image: url(../img/information__bg.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: relative;
}
.information::before {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: rgba(0, 0, 0, .65);
	z-index: 1;
}
.information .container {
	position: relative;
	z-index: 3;
}
.information .title {
	color: #fff;
	margin-bottom: 30px;
}
.information__container {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 15px 10px;
}
.information__item {
	border-radius: 3px;
	border: 2px solid #FFF;
	padding: 18px;
	color: #fff;
}
.information__item:nth-child(3) {
	grid-column: -1/1;
}
.information__itemTitle {
	color: #FFF;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 1.2;
	margin-bottom: 15px;
}
.information__itemContent {
}
.information__itemText {
}
.information__itemText p {
	margin-bottom: 0;
}
.information__itemContent table {
	width: 100%;
}
.information__itemContent table th {
	border: none;
	border-bottom: 1px solid #fff;
	font-size: 16px;
	line-height: 1.2;
	color: #ccc;
	padding-bottom: 5px;
	background: transparent;
	font-weight: 500;
}
.information__itemContent table td {
	background: transparent;
	border: none;
	border-bottom: 1px solid #fff;
	font-size: 16px;
	line-height: 1.2;
	padding: 5px 0;
	font-weight: 500;
}
@media (max-width: 1260px) {
}
@media (max-width: 991px) {
}
@media (max-width: 767px) {
	.information__container {
		grid-template-columns: 1fr;
	}
}
@media (max-width: 575px) {
	.information__itemTitle {
		font-size: 18px;
	}
	.information__itemText {
		font-size: 14px;
	}
	.information__itemContent table th {
		font-size: 14px;
	}
	.information__itemContent table td {
		font-size: 14px;
	}
}
/* information */

/* about */
.about {
	margin: 60px 0;
}
.about__text {
	color: #555;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.6;
}
.about__text p {
	margin-bottom: 15px;
}
.about__text p:last-child {
	margin-bottom: 0;
}
@media (max-width: 1260px) {
}
@media (max-width: 991px) {
}
@media (max-width: 767px) {
}
@media (max-width: 575px) {
}
/* about */

/* documentation */
.documentation {
	margin: 120px 0 60px;
}
.documentation__list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
}
.documentation__item {
	display: flex;
}
.documentation__item:hover {
	text-decoration: none;
	opacity: .8;
}
.documentation__item img {
	width: 100%;
	height: auto;
}
.documentation__footer {
	margin-top: 10px;
}
@media (max-width: 1260px) {
}
@media (max-width: 991px) {
}
@media (max-width: 767px) {
	.documentation {
		margin-top: 80px;
	}
	.documentation__list {
		grid-template-columns: 1fr 1fr;
	}
}
@media (max-width: 575px) {
	.documentation__list {
		grid-template-columns: 1fr;
	}
	.documentation__footer {
		display: flex;
		justify-content: center;
	}
}
/* documentation */

/* contacts */
.contacts {
	padding: 60px 0;
	background-color: #EFEFEF;
}
.contacts__text {
	color: #555;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.6;
}
.contacts__container {
	margin-top: 20px;
	display: grid;
	grid-template-columns: 1fr 710px;
	gap: 15px;
}
.contacts__content {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
}
.contacts__item {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
.contacts__itemTitle {
	color: #555;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 1.2;
	margin-bottom: 2px;
}
.contacts__itemText {
	display: block;
	color: #555;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.28;
}
a.contacts__itemText {
	font-size: 20px;
	color: #555;
}
a.contacts__itemText:hover {
	color: var(--accent);
	text-decoration: none;
}
.contacts__map {
	display: flex;
}
.contacts__map iframe {
	width: 100%;
	height: 100%;
}
@media (max-width: 1260px) {
	.contacts__container {
		grid-template-columns: 1fr 1fr;
	}
}
@media (max-width: 991px) {
}
@media (max-width: 767px) {
}
@media (max-width: 575px) {
	.contacts__container {
		grid-template-columns: 1fr;
	}
	.contacts__map {
		height: 250px;
	}
	a.contacts__itemText {
		font-size: 18px;
	}
	.contacts__container {
		gap: 30px;
	}
}
/* contacts */

/* btntop */
.btntop {
	position: fixed;
	right: -100px;
	bottom: 30px;
	width: 42px;
	height: auto;
	aspect-ratio: 1;
	border-radius: 50%;
	background-color: var(--accent);
	z-index: 9;
	border: none;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='19' height='12' fill='none' viewBox='0 0 19 12'%3e%3cpath fill='%23fff' d='M19 9.5 9.5 0 0 9.5l1.9 1.9 7.6-7.6 7.6 7.6L19 9.5Z'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: center;
	transition: .25s all ease-in-out;
	cursor: pointer;
}
.btntop.active {
	right: 30px;
}
.btntop:hover {
	background-color: var(--hover);
}
@media (max-width: 575px) {
	.btntop {
		bottom: 20px;
	}
	.btntop.active {
		right: 20px;
	}
}
/* btntop */

/* form popup */
.white-popup {
    position: relative;
    background: #FFF;
    padding: 50px;
    width: auto;
    max-width: 450px;
    margin: 20px auto;
    border-radius: 10px;
}
.form .mfp-close {
    font-size: 0;
    width: 30px;
    height: 30px;
    right: 10px;
    top: 10px;
    opacity: 1;
}
.form .mfp-close:hover {
    opacity: .8;
}
.form .mfp-close:before {
    content: '';
    width: 100%;
    height: 1px;
    background-color: #909090;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
}
.form .mfp-close:after {
    content: '';
    width: 100%;
    height: 1px;
    background-color: #909090;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
}
.form__title {
    text-align: center;
    font-size: 28px;
    margin-bottom: 30px;
    text-transform: uppercase;
    font-weight: 500;
    line-height: 1.2;
}
.form form input {
    width: 100%;
    border-radius: 3px;
    margin-bottom: 10px;
    padding: 10px 20px;
    border: 1px solid #ccc;
}
.form form button {
    background-color: var(--accent);
	border-radius: 3px;
    padding: 10px 30px;
    border-radius: 3px;
    color: #ffffff;
    font-size: 16px;
    transition: .25s all;
    width: 100%;
    border: 0;
    cursor: pointer;
}
.form form button:hover {
    color: #fff;
    text-decoration: none;
	background-color: var(--hover);
}
/* form popup */

/* Magnific popup */
.my-mfp-zoom-in .zoom-anim-dialog {
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
}
.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0;
}
.my-mfp-zoom-in.mfp-bg {
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-out;
    -moz-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
}
.my-mfp-zoom-in.mfp-ready.mfp-bg {
    opacity: 0.8;
}
.my-mfp-zoom-in.mfp-removing.mfp-bg {
    opacity: 0;
}
.my-mfp-slide-bottom {
    opacity: 0;
    opacity--webkit-transition: opacity 0.3s ease-out;
    opacity--moz-transition: opacity 0.3s ease-out;
    opacity--o-transition: opacity 0.3s ease-out;
    opacity-transition: opacity 0.3s ease-out;
}
.my-mfp-slide-bottom .zoom-anim-dialog {
    opacity: 0;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    -webkit-transform: translateY(-20px) perspective(600px) rotateX(10deg);
    -moz-transform: translateY(-20px) perspective(600px) rotateX(10deg);
    -ms-transform: translateY(-20px) perspective(600px) rotateX(10deg);
    -o-transform: translateY(-20px) perspective(600px) rotateX(10deg);
    transform: translateY(-20px) perspective(600px) rotateX(10deg);
}
.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
    opacity: 1;
    -webkit-transform: translateY(0) perspective(600px) rotateX(0);
    -moz-transform: translateY(0) perspective(600px) rotateX(0);
    -ms-transform: translateY(0) perspective(600px) rotateX(0);
    -o-transform: translateY(0) perspective(600px) rotateX(0);
    transform: translateY(0) perspective(600px) rotateX(0);
}
.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
    opacity: 0;
    -webkit-transform: translateY(-10px) perspective(600px) rotateX(10deg);
    -moz-transform: translateY(-10px) perspective(600px) rotateX(10deg);
    -ms-transform: translateY(-10px) perspective(600px) rotateX(10deg);
    -o-transform: translateY(-10px) perspective(600px) rotateX(10deg);
    transform: translateY(-10px) perspective(600px) rotateX(10deg);
}
.my-mfp-slide-bottom.mfp-ready.mfp-bg {
    opacity: 0.8;
}
.my-mfp-slide-bottom.mfp-removing.mfp-bg {
    opacity: 0;
}

@media (max-width: 575px) {
	.white-popup {
		padding: 50px 20px 30px;
	}
	.form__title {
		font-size: 23px;
	}
}

/*custom*/
tr.grivna {
    display: none;
}
.link-policy {
    margin-bottom:0;
    margin-top: 20px;
}
.section-page {
    padding: 50px 0;
}
.news-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 80px;
}
.news-item {
    background: #fff;
    border: 1px solid #ddd;
    padding: 20px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    margin-left: auto;
    border-radius: 4px;
}
.news-item:nth-child(4n+1) {
    margin-left: 0;
}
.news-item h2 {
    font-size: 1.5em;
    margin: 0 0 10px;
    line-height: 1.1;
}
.news-image {
    margin: 10px 0;
    height: 150px;
    border-radius: 4px;
    overflow: hidden;
}
.news-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.news-date {
    font-size: 0.875em;
    color: #666;
    margin-bottom: 15px;
}
.news-content {
    font-size: 16px;
    line-height: 1.6;
}

@media (max-width: 991px) {
    .news-list {
        grid-template-columns: repeat(2, 1fr);
        gap: 40px;
    }   
}
@media (max-width: 575px) {
    .news-list {
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
    }
}


.information.metalloprokat {
    background-image: url('/assets/template/upload/information_mtprkt_bg.jpg');
}
.information.metalloprokat .information__item:nth-child(3) {
    grid-column: initial;
}
.promo__btns {
    margin-top: 25px;
}
.promo__btns a {
    display: block;
    text-align: center;
    border-radius: 3px;
    background: #36B7C1;
    color: #FFF;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2;
    padding: 10px 20px;
}