/*
    filter: brightness(1.00);
    -o-filter: brightness(1.00);
    -moz-filter: brightness(1.00);
    -webkit-filter: brightness(1.00);

    filter: brightness(0.60);
    -o-filter: brightness(0.60);
    -moz-filter: brightness(0.60);
    -webkit-filter: brightness(0.60);

    filter: blur(10px);
    -o-filter: blur(10px);
    -ms-filter: blur(10px);
    -moz-filter: blur(10px);
    -webkit-filter: blur(10px);

    transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;

    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("../img/123.svg");

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

	backdrop-filter: blur(7px);
	-o-backdrop-filter: blur(7px);
	-ms-backdrop-filter: blur(7px);
	-moz-backdrop-filter: blur(7px);
	-webkit-backdrop-filter: blur(7px);

    transform: scale(1.2);

    Иконки
    https://icon-icons.com/ru/pack/Zwicon/1875
*/

:root {
	--site_width: 1280px;
	--site_color_yel: #ffc857;
	--site_color_yel_hover: #efa612;
	--site_color_grey: #424242;
	--site_color_dark: #252525;
	--site_font: Montserrat, sans-serif;
	--site_color_coral: #fe5f55;
	--site_color_coral_hover: #d74a41;
}

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

	appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;

	font-family: var(--site_font);
}

a, a:hover {
	color: #000;
	text-decoration: none;
}

a img {
	border: 0;
}

.desc {
	display: block;
}

.mobi {
	display: none;
}

/*** header ***/
header.scroll {
	top: -150px;
	width: 100%;
	position: fixed;

	transition: all 0.7s ease-in-out;
	-o-transition: all 0.7s ease-in-out;
	-ms-transition: all 0.7s ease-in-out;
	-moz-transition: all 0.7s ease-in-out;
	-webkit-transition: all 0.7s ease-in-out;
}

header.scroll.fixed {
	top: 0;
	z-index: 100;
}

header .top {
	background: var(--site_color_dark);
}

header .top .center {
	margin: 0 auto;
	padding: 17px 0;
	width: var(--site_width);
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
}

header.scroll .top .center {
	padding: 1px 0;
}

header .logo {
	width: 260px;
	height: 60px;
	flex-shrink: 0;
	overflow: hidden;
	position: relative;

	background-size: contain;
	background-repeat: no-repeat;
	background-position: center left;
	background-image: url("../img/logo_full.svg");
}

header.scroll .logo {
	height: 53px;
}

header .logo:after {
	content: "";
	position: absolute;
	overflow: hidden;
	top: 0;
	left: -10em;
	width: 100%;
	height: 100%;
	background: linear-gradient(to left, rgba(255, 200, 87, .0), rgba(255, 200, 87, .5), rgba(255, 200, 87, .0)) no-repeat -2em 0%;
	background-size: 5em 100%;
	transform: skewX(-50deg);
}

header .logo:hover:after {
	left: 5em;
	transition: 0.5s linear;
	background-position: 150% 20%;
}

header .head_contacts {
	gap: 40px;
	flex-grow: 1;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

header .head_contacts .hc {
	padding: 0 0 0 25px;

	background-size: auto 20px;
	background-repeat: no-repeat;
	background-position: center left;
}

header .head_contacts .hc,
header .head_contacts .hc a {
	color: #fff;
	font-size: 15px;
	font-weight: 500;

	transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}

header .head_contacts .hc a:hover {
	color: var(--site_color_yel);
}

header .head_contacts .hc.address {
	background-image: url("../img/head_address.svg");
}

header .head_contacts .hc.email {
	background-image: url("../img/head_email.svg");
}

header .head_contacts .hc.phone {
	background-image: url("../img/head_phone.svg");
}

header .head_contacts .callme {
	width: 225px;
	padding: 13px 0;
	border-radius: 6px;
	cursor: pointer;
	background: var(--site_color_yel);

	font-size: 16px;
	font-weight: 700;
	text-align: center;
	text-transform: uppercase;
	color: var(--site_color_dark);

	transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}

header .head_contacts .callme:hover {
	background: var(--site_color_yel_hover);
}

header.scroll .head_contacts .callme {
	padding: 9px 0 7px;
}

header .menu {
	box-shadow: 0 0 3px #8d8d8d;
	background: var(--site_color_yel);
}

header .menu .center {
	width: var(--site_width);
	margin: 0 auto;
}

.menu_top {
	margin: 0;
	padding: 0;
	list-style: none;
}

.menu_top li {
	display: inline-block;
}

.menu_top li a {
	display: block;
	padding: 15px 25px;
	background: var(--site_color_yel);

	color: #000;
	font-size: 14px;
	font-weight: 600;

	transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-webkit-transition: all 0.1s ease-in-out;
}

header.scroll .menu_top li a {
	padding: 9px 25px;
}

.menu_top li a:hover,
.menu_top li.selected > a {
	background: var(--site_color_yel_hover);
}

.menu_top li a .child_pin {
	display: inline-block;
	position: relative;
	top: 1px;
	width: 10px;
	height: 10px;
	margin: 0 0 0 5px;

	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url("../img/child_pin.svg");
}

.menu_top li {
	position: relative;
}

.menu_top li ul {
	display: none;
	position: absolute;
	left: 0;
	top: 48px;
	width: 280px;
	margin: 0;
	z-index: 10;
	padding: 15px 0;
	background: var(--site_color_yel);
	box-shadow: 0 2px 4px 0 #ababab;
	border-radius: 0px 0px 6px 6px;
}

header.scroll .menu_top li ul {
	top: 36px;
}

.menu_top li ul li {
	display: block;
}

.menu_top li ul li a {
	display: block;
	width: 100%;
	padding: 7px 25px;
	font-weight: 500;
}

.menu_top li ul li + li {
	border-top: 1px solid #9c9c9c26;
}

header.mobi {
	display: none;
	position: sticky;
	z-index: 1000;
	top: 0;
	left: 0;
	width: 100%;
	height: 71px;
	padding: 0 17px;
	background: var(--site_color_dark);
	align-items: center;
	justify-content: space-between;
}

header.mobi .logo {
	width: 170px;
}

header.mobi .right {
	gap: 26px;
	width: 50%;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

header.mobi .right .icon {
	width: 30px;
	height: 30px;

	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

header.mobi .right .icon.phone {
	background-image: url("../img/head_phone.svg");
}

header.mobi .right .icon.email {
	background-image: url("../img/head_email.svg");
}

header.mobi .right .icon.burger {
	width: 40px;
	height: 40px;
	background-image: url("../img/head_burger.svg");
}

.mobil_menu {
	top: 0;
	right: -100%;
	width: 100%;
	overflow-y: scroll;
	position: fixed;
	background: var(--site_color_dark);

	transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
}

.mobil_menu.touch {
	right: 0;
}

.mobil_menu .top {
	height: 71px;
	padding: 0 17px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.mobil_menu .top .logo {
	width: 170px;
	height: 60px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url("../img/logo_full.svg");
}

.mobil_menu .top .close {
	width: 20px;
	height: 20px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url("../img/mobi_close.svg");
}

.mobil_menu .center {
	gap: 23px;
	display: flex;
	margin: 25px 17px 28px;
	border-bottom: 1px solid #6b6b6b;
}

.mobil_menu .center ul,
.mobil_menu .center li {
	width: 100%;
	border: none;
	display: block;
	position: static;
}

.mobil_menu .center > ul > li > a {
	display: block;
	background: none;
	padding: 12px 0;
	position: relative;

	color: #fff;
	font-size: 19px;
	font-weight: 400;
	line-height: 18px;
}

.mobil_menu .center > ul > li > a .child_pin {
	top: 50%;
	right: 20px;
	width: 30px;
	height: 30px;
	display: block;
	position: absolute;
	transform: translateY(-50%) rotate(0deg);

	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url("../img/child_pin_yel.svg");

	transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-webkit-transition: all 0.1s ease-in-out;
}

.mobil_menu .center > ul > li.show > a .child_pin {
	transform: translateY(-50%) rotate(180deg);
}

.mobil_menu .menu_top > li > a
.mobil_menu li ul,
.mobil_menu .center li ul {
	display: none;
	padding: 0;
	background: none;
	box-shadow: none;
}

.mobil_menu li a .child_pin {
	display: none;
}

.mobil_menu .menu_top .has_child > a {
	cursor: pointer;
}

.mobil_menu li ul li {
	padding: 2px 0;
}

.mobil_menu li ul li a {
	color: #ffeecc;
	font-size: 17px;
	background: none;
	font-weight: 300;
	padding: 12px 0 12px 30px;
}

.mobil_menu .menu_top li > a:hover,
.mobil_menu .menu_top li.selected > a {
	background: none;
	color: var(--site_color_yel_hover);
}

.mobil_menu .bottom {
	padding: 0 17px;

	gap: 50px;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: flex-start;
}

.mobil_menu .bottom .button {
	width: 100%;
	height: 58px;
	border-radius: 12px;
	background: var(--site_color_yel);

	display: flex;
	align-items: center;
	justify-content: center;

	font-size: 16px;
	font-weight: 700;
	line-height: 16px;
	text-transform: uppercase;
	color: var(--site_color_dark);

	transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}

.mobil_menu .bottom .button:hover {
	background: var(--site_color_yel_hover);
}

.mobil_menu .bottom .icons {
	gap: 30px;
	width: 100%;
	display: flex;
	padding: 0 0 50px;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
}

.mobil_menu .bottom .icons a,
.mobil_menu .bottom .icons div {
	color: #fff;
	font-size: 18px;
	background: none;
	font-weight: 600;
	padding: 0 0 0 25px;

	background-size: 18px;
	background-repeat: no-repeat;
	background-position: center left;
}

.mobil_menu .bottom .icons .address {
	background-image: url("../img/head_address.svg");
}

.mobil_menu .bottom .icons .phone {
	background-image: url("../img/head_phone.svg");
}

.mobil_menu .bottom .icons .email {
	background-image: url("../img/head_email.svg");
}

/*** header ***/


/*** cont ***/
.cont {
	min-height: 500px !important;
}

/*** cont ***/


/*** footer ***/
footer {
	background: #1a1a1a;
}

footer .center {
	gap: 20px;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;

	margin: 0 auto;
	padding: 50px 0 0;
	width: var(--site_width);
}

footer .center .top {
	width: 100%;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: space-between;
}

footer .center .top .left {
	gap: 10px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
}

footer .center .top .left .logo {
	width: 300px;
	height: 65px;

	background-size: cover;
	background-repeat: no-repeat;
	background-position: center left;
	background-image: url("../img/logo_full.svg");
}

footer .center .top .left .address {
	font-size: 20px;
	font-weight: 600;
	line-height: 29px;
	color: var(--site_color_yel);
}

footer .center .top .right {
	gap: 31px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

footer .center .top .right .contacts {
	display: flex;
	align-items: flex-end;
	flex-direction: column;
}

footer .center .top .right .contacts a {
	display: block;

	color: #fff;
	font-size: 20px;
	font-weight: 600;
	line-height: 29px;

	transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-webkit-transition: all 0.1s ease-in-out;
}

footer .center .top .right .contacts a:hover {
	color: var(--site_color_yel);
}

footer .center .top .right .whatsapp {
	display: block;
	width: 308px;
	padding: 19px 0;
	border-radius: 12px;
	background: var(--site_color_yel);

	color: #252525;
	font-size: 20px;
	font-weight: 700;
	text-align: center;

	transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;

}

footer .center .top .right .whatsapp:hover {
	background: var(--site_color_yel_hover);
}

footer .center .bottom {
	width: 100%;
	padding: 15px 0;
	border-top: 1px solid #232323;

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

footer .center .bottom > a,
footer .center .bottom > div {
	flex-grow: 1;
}

footer .center .bottom .copy {
	color: #c4c4c4;
	font-size: 14px;
	font-weight: 400;
}

footer .center .bottom .logo {
	width: 210px;
	height: 48px;

	background-size: 208px auto;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url("../img/logo_full.svg");
}

footer .center .bottom .policy {
	color: #c4c4c4;
	font-size: 14px;
	font-weight: 400;
	text-align: right;
	text-decoration: underline;

	transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}

footer .center .bottom .policy:hover {
	color: var(--site_color_yel);
}

footer .center .footer_center {
	width: 100%;
	padding: 50px 0 30px;

	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

footer .center .footer_center .left {
	gap: 20px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
}

footer .center .footer_center .left .graf {
	gap: 10px;
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	justify-content: flex-start;
}

footer .center .footer_center .left .graf .title {
	font-size: 20px;
	font-weight: 600;
	color: var(--site_color_yel);
}

footer .center .footer_center .left .graf .graf_value {
	gap: 27px;
	display: flex;

	color: #fff;
	font-size: 20px;
	font-weight: 500;
}

footer .center .footer_center .left .map {
	width: 545px;
	height: 280px;
	overflow: hidden;
	border-radius: 12px;
}

footer .center .footer_center .menu {
	gap: 106px;
	display: flex;
	align-items: flex-start;
	justify-content: flex-end;
}

footer .center .footer_center .menu .menu_left {
	gap: 27px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}

footer .center .footer_center .menu .menu_right {
	display: flex;
	flex-wrap: nowrap;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
}


footer .center .footer_center .menu a {
	display: block;

	transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}

footer .center .footer_center .menu a.top_menu_a,
footer .center .footer_center .menu .main_menu a {
	color: #fff;
	font-size: 17px;
	font-weight: 600;
	line-height: 31px;
}

footer .center .footer_center .menu .under_menu {
	padding: 10px 0 0;
}

footer .center .footer_center .menu .under_menu a {
	color: #b0b0b0;
	font-size: 15px;
	font-weight: 500;
	line-height: 27px;
}

footer .center .footer_center .menu a:hover {
	color: var(--site_color_yel);
}

.up {
	display: none;
	position: fixed;
	right: 56px;
	bottom: 50px;
	z-index: 2;
	display: none;
	width: 60px;
	height: 60px;
	cursor: pointer;
	transform: scale(1);
	border-radius: 18px;

	background-size: 20px;
	background-position: center;
	background-repeat: no-repeat;
	background-color: var(--site_color_yel);
	background-image: url("../img/page_up.svg");

	-ms-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
}

.up.show {
	transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}

.up.show:hover {
	transform: scale(1.05);
	background-color: var(--site_color_yel_hover);
}

/*** footer ***/

/*** main_page ***/
.big_banner {
	height: 670px;
	position: relative;

	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url("../img/main_big_bunner.png");
}

.big_banner .center {
	width: var(--site_width);
	margin: 0 auto;
	padding: 88px 0;

	gap: 46px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.big_banner .center .top_title {
	color: #fff;
	font-size: 30px;
	font-weight: 600;
}

.big_banner .center h1 {
	display: block;
	max-width: 900px;
	margin: 0;

	color: #fff;
	font-size: 47px;
	font-weight: 700;
	line-height: 60px;
	text-transform: uppercase;
}

.big_banner .center .text {
	color: #fff;
	font-size: 23px;
	font-weight: 400;
}

.big_banner .center .whatsapp {
	gap: 62px;
	display: flex;
	align-items: center;

	padding: 20px 0 0;
}

.big_banner .center .whatsapp .button {
	width: 485px;
	padding: 25px 0;
	border-radius: 12px;
	background: var(--site_color_yel);

	color: #252525;
	font-size: 30px;
	font-weight: 700;
	text-align: center;

	transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}

.big_banner .center .whatsapp .button:hover {
	background: var(--site_color_yel_hover);
}

.big_banner .center .whatsapp .text {
	font-size: 20px;
	font-weight: 700;
	text-transform: uppercase;
	color: var(--site_color_yel);
}

.bunner_priem {
	height: 240px;
	position: relative;
	background: #080808;
}

.bunner_priem .center {
	width: var(--site_width);
	margin: 0 auto;

	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: space-between;
}

.bunner_priem .one_priem {
	width: 289px;
	height: 239px;
	padding: 100px 0 0;
	border-radius: 18px;
	background: #424242e0;
	position: relative;
	bottom: 50px;
	transform: scale(1);
	box-shadow: 0 0 0 #000;

	background-size: 52px;
	background-repeat: no-repeat;
	background-position: top 23px center;

	transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;

	-ms-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
}

.page_util .bunner_priem .one_priem {
	bottom: 100px;
	height: 290px;
	padding: 80px 0 0;
	background-size: 40px;
	background-position: top 23px center;
}

.bunner_priem .one_priem:hover {
	transform: scale(1.03);
	box-shadow: 0 0 17px #000;
}

.bunner_priem .one_priem:nth-child(1):hover {
	background-image: url("../img/bunner_priem_1_hover.svg") !important;
}

.bunner_priem .one_priem:nth-child(2):hover {
	background-image: url("../img/bunner_priem_2_hover.svg") !important;
}

.bunner_priem .one_priem:nth-child(3):hover {
	background-image: url("../img/bunner_priem_3_hover.svg") !important;
}

.bunner_priem .one_priem:nth-child(4):hover {
	background-image: url("../img/bunner_priem_4_hover.svg") !important;
}

.page_util .bunner_priem .one_priem:nth-child(1):hover,
.legal_page .bunner_priem .one_priem:nth-child(1):hover {
	background-image: url("../img/bunner_priem_service_1_hover.svg") !important;
}

.page_util .bunner_priem .one_priem:nth-child(2):hover,
.legal_page .bunner_priem .one_priem:nth-child(2):hover {
	background-image: url("../img/bunner_priem_service_2_hover.svg") !important;
}

.page_util .bunner_priem .one_priem:nth-child(3):hover,
.legal_page .bunner_priem .one_priem:nth-child(3):hover {
	background-image: url("../img/bunner_priem_service_3_hover.svg") !important;
}

.page_util .bunner_priem .one_priem:nth-child(4):hover,
.legal_page .bunner_priem .one_priem:nth-child(4):hover {
	background-image: url("../img/bunner_priem_service_4_hover.svg") !important;
}

.page_services .bunner_priem .one_priem:nth-child(1):hover {
	background-image: url("../img/bunner_priem_serv_1_hover.svg") !important;
}

.page_services .bunner_priem .one_priem:nth-child(2):hover {
	background-image: url("../img/bunner_priem_serv_2_hover.svg") !important;
}

.page_services .bunner_priem .one_priem:nth-child(3):hover {
	background-image: url("../img/bunner_priem_serv_3_hover.svg") !important;
}

.page_services .bunner_priem .one_priem:nth-child(4):hover {
	background-image: url("../img/bunner_priem_serv_4_hover.svg") !important;
}

.bunner_priem .one_priem .title {
	display: flex;
	align-items: center;
	justify-content: space-around;

	padding: 0 0 10px;

	color: #fff;
	font-size: 19px;
	font-weight: 700;
	line-height: 26px;
	text-align: center;
	text-transform: uppercase;
}

.page_util .bunner_priem .one_priem .title,
.legal_page .bunner_priem .one_priem .title {
	padding: 0 0 30px;
}

.bunner_priem .one_priem .text {
	height: 66px;
	display: flex;
	align-items: flex-start;
	justify-content: space-around;

	color: #fff;
	font-size: 18px;
	font-weight: 400;
	text-align: center;
}

.bunner_opilki {
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center right;
	background-color: var(--site_color_yel);
	background-image: url("../img/opilki2.png");
}

.bunner_opilki .center {
	height: 365px;
	margin: 0 auto;
	width: var(--site_width);

	gap: 42px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
}

.bunner_opilki .center .title {
	color: #000;
	font-size: 30px;
	font-weight: 700;
	text-transform: uppercase;
}

.bunner_opilki .center .text {
	color: #000;
	font-size: 25px;
	font-weight: 400;
}

.price_tables {
	padding: 120px 0;
}

.price_tables .center {
	margin: 0 auto;
	width: var(--site_width);
}

.price_tables .table + .table {
	margin: 125px 0 0;
}

.price_tables .table h2 {
	padding: 0 0 35px;

	color: #000;
	font-size: 35px;
	font-weight: 700;
	text-align: center;
	text-transform: uppercase;
}

.price_tables .table > .title {
	display: flex;
	padding: 23px 33px;
	justify-content: space-between;
	background: var(--site_color_yel);
	overflow: hidden;
	border-radius: 6px 6px 0 0;

	color: #000;
	font-size: 25px;
	font-weight: 700;
}

.price_tables.copper .table > .title {
	justify-content: space-around;
}

.price_tables .table .tit1 {
	display: flex;
	align-items: center;
	justify-content: flex-start;

	width: 40%;
	font-size: 22px;
	font-weight: 700;
}

.price_tables .table .tit2 {
	display: flex;
	align-items: center;
	justify-content: center;

	width: 20%;
	font-size: 22px;
	font-weight: 700;
	text-align: center;
}

.price_tables .table .prices .tit1,
.price_tables .table .prices .tit2 {
	font-size: 18px;
	font-weight: 600;
	text-align: center;
}

.price_tables .table .prices .tit2 a:hover {
	cursor: pointer;
	text-decoration: underline;
}

.price_tables .table .prices .tit1 {
	text-align: left;
}

.price_tables .table .prices .tit2:last-child {
	font-weight: 700;
}

.price_tables .table .title .right {
	width: 500px;
	flex-shrink: 0;
	text-align: center;
}

.price_tables .table .dimensionality {
	background: #ffe9bc;
	display: flex;
	justify-content: flex-end;
}

.price_tables .table .dimensionality .right {
	width: 500px;
	display: flex;
	align-items: center;
	justify-content: center;

	color: #000;
	font-size: 18px;
	font-weight: 600;
}

.price_tables .table .dimensionality .right > div {
	width: 50%;
	padding: 13px 0;
	text-align: center;
}

.price_tables .table .dimensionality .right > div + div {
	border-left: 1px dashed #d6d6d6;
}

.price_tables .table .price_line {
	display: flex;
	cursor: pointer;
	padding: 0 0 0 33px;
	justify-content: space-between;

	color: #000;
	font-size: 18px;
	font-weight: 600;

	transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
}

.price_tables.copper .table .price_line {
	justify-content: space-around;
}

.price_tables.copper .table .price_line {
	padding: 23px 33px;
}

.price_tables .table .price_line:last-child {
	border-radius: 0 0 6px 6px;
}

.price_tables .table .price_line:nth-child(odd) {
	background: #f1f1f1;
}

.price_tables:not(.copper) .table:last-child .price_line:nth-last-child(-n+4) {
	background: #ffe9bc;
}

.price_tables:not(.copper) .table:last-child .price_line:nth-last-child(-n+3) {
	border-top: 1px dashed #d9d9d9;
}

.price_tables:not(.copper) .table:last-child .price_line:nth-last-child(-n+4) .right > div + div {
	border-left: 1px dashed #d9d9d9;
}

.price_tables .table .price_line .left {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
}

.price_tables .table .price_line .left .under {
	padding: 2px 0 0;

	color: #8c8c8c;
	font-size: 16px;
	font-weight: 500;
}

.price_tables .table .price_line .right {
	width: 500px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.price_tables .table .price_line .right > div {
	width: 50%;
	padding: 30px;
	text-align: center;
}

.price_tables .table .price_line .right > div + div {
	border-left: 1px dashed #e2e2e2;
}

.price_tables .table .price_line:hover {
	background: #ebe1c7;
	transform: scale(1.007);
}

.price_tables .table .price_line:nth-last-child(-n+4):hover {
	background: #eecc88;
}

.provod {
	background-size: 50%;
	background-color: #f6f6f6;
	background-repeat: no-repeat;
	background-position: left -5px bottom;
	background-image: url("../img/provod.png");
}

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

	height: 410px;
	margin: 0 auto;
	width: var(--site_width);
}

.provod .center .left {
	display: flex;

	color: #252525;
	font-size: 45px;
	font-weight: 700;
	text-transform: uppercase;
}

.provod .center .right {
	gap: 25px;
	display: flex;
	align-content: flex-end;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}

.provod .center .right .top {
	color: #000;
	font-size: 25px;
	font-weight: 500;
}

.provod .center .right .top b {
	display: block;
	padding: 0 0 5px;
}

.provod .center .right .whatsapp {
	display: block;
	width: 325px;
	padding: 19px 0;
	border-radius: 18px;
	background: var(--site_color_yel);

	color: #252525;
	font-size: 20px;
	font-weight: 700;
	text-align: center;

	transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;

}

.provod .center .right .whatsapp:hover {
	background: var(--site_color_yel_hover);
}

.how_skup {
	padding: 80px 0 100px;

	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url("../img/how_bg.png");
}

.how_skup .center {
	margin: 0 auto;
	width: var(--site_width);
}

.how_skup .title {
	padding: 0 0 50px;

	color: #fff;
	font-size: 35px;
	font-weight: 700;
	text-align: center;
	text-transform: uppercase;
}

.how_skup .blocks {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.how_skup .blocks .how_one {
	width: 278px;
	height: 239px;
	background: #292929;
	border-radius: 12px;
	transform: scale(1);
	padding: 120px 15px 30px;
	border: 2px solid var(--site_color_yel);

	color: #e8e8e8;
	font-size: 17px;
	font-weight: 400;
	text-align: center;

	background-size: 58px;
	background-repeat: no-repeat;
	background-position: top 30px center;
	background-image: url("../img/how_arrow.svg");

	-ms-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;

	transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}

.how_skup .blocks .how_one:hover {
	transform: scale(1.02);
}

.how_skup .blocks .how_one:nth-child(1):hover {
	background-image: url("../img/how_1_hover.svg") !important;
}

.how_skup .blocks .how_one:nth-child(3):hover {
	background-image: url("../img/how_2_hover.svg") !important;
}

.how_skup .blocks .how_one:nth-child(5):hover {
	background-image: url("../img/how_3_hover.svg") !important;
}

.how_skup .blocks .how_one:nth-child(7):hover {
	background-image: url("../img/how_4_hover.svg") !important;
}

.page_util .how_skup .blocks .how_one:nth-child(1):hover,
.page_services .how_skup .blocks .how_one:nth-child(1):hover {
	background-image: url("../img/how_services_1_hover.svg") !important;
}

.page_util .how_skup .blocks .how_one:nth-child(3):hover,
.page_services .how_skup .blocks .how_one:nth-child(3):hover {
	background-image: url("../img/how_services_2_hover.svg") !important;
}

.page_util .how_skup .blocks .how_one:nth-child(5):hover,
.page_services .how_skup .blocks .how_one:nth-child(5):hover {
	background-image: url("../img/how_services_3_hover.svg") !important;
}

.page_util .how_skup .blocks .how_one:nth-child(7):hover,
.page_services .how_skup .blocks .how_one:nth-child(7):hover {
	background-image: url("../img/how_services_4_hover.svg") !important;
}

.how_skup .blocks .arrow {
	flex-grow: 1;
	height: 239px;

	background-size: 24px 34px;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url("../img/how_arrow.svg");
}

.ur_part {
	background: #f1f1f1;
}

.ur_part .center {
	margin: 0 auto;
	width: var(--site_width);
}

.ur_part .center .title {
	padding: 70px 0;

	color: #333;
	font-size: 25px;
	font-weight: 500;
	line-height: 39px;
	text-align: center;
}

.ur_part .center .title b {
	color: #000;
	font-weight: 700;
}

.ur_part .inyan {
	display: flex;
}

.ur_part .inyan > div {
	width: 50%;
	padding: 165px 0 135px;

	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.ur_part .inyan .url_lica {
	background-image: url("../img/dlya_urlica.png");
}

.ur_part .inyan .partners {
	background-image: url("../img/dlya_partners.png");
}

.ur_part .inyan > div .text {
	padding: 0 0 25px;

	font-size: 30px;
	font-weight: 600;
	text-align: center;
}

.ur_part .inyan .partners .text {
	color: #fff
}

.ur_part .inyan > div .butt {
	display: block;
	width: 370px;
	margin: 0 auto;
	padding: 29px 0;
	cursor: pointer;
	border-radius: 12px;

	color: #000;
	font-size: 25px;
	font-weight: 600;
	text-align: center;

	-ms-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;

	transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}

.ur_part .inyan .url_lica .butt {
	color: #fff;
	background: #000;
}

.ur_part .inyan .partners .butt {
	background: var(--site_color_yel);
}

.ur_part .inyan .url_lica .butt:hover {
	color: var(--site_color_yel);
}

.ur_part .inyan .partners .butt:hover {
	background: var(--site_color_yel_hover);
}

.about {
	padding: 70px 0 100px;
	background: #252525;
}

.about .center {
	margin: 0 auto;
	width: var(--site_width);
}

.about h2 {
	padding: 0 0 50px;

	color: #fff;
	font-size: 35px;
	font-weight: 700;
	text-align: center;
}

.about .blocks {
	gap: 37px;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	align-content: space-around;
	justify-content: space-between;
}

.about .blocks .ab_one {
	gap: 21px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;

	padding: 70px 31px;
	border-radius: 18px;
	transform: scale(1);
	background-color: #424242;
	width: calc((100% - 37px) / 2);

	-ms-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;

	transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}

.about .blocks .ab_one:hover {
	transform: scale(1.02);
}

.about .blocks .ab_one:first-child {
	background-size: 146px auto;
	background-repeat: no-repeat;
	background-position: center right 40px;
	background-image: url("../img/main_about.svg");
}

.about .blocks .ab_one:first-child:hover {
	background-image: url("../img/main_about_hover.svg");
}

.about .blocks .ab_one .title {
	font-size: 30px;
	font-weight: 600;
	color: var(--site_color_yel);
}

.about .blocks .ab_one .text {
	color: #fff;
	font-size: 18px;
	font-weight: 400;
	line-height: 27px;
}

/*** main_page ***/

/*** partners_page ***/
.partners_page .top_banner {
	height: 750px;
	position: relative;

	background-size: cover;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-image: url("../img/partners.png");
}

.partners_page .top_banner.bottom_bunner {
	height: 600px;
}

.partners_page .top_banner.bottom_bunner {
	background-position: center;
	background-image: url("../img/partners2.png");
}

.top_banner .dark {
	width: 100%;
	height: 750px;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.75);
}

.top_banner.bottom_bunner .dark {
	height: 600px;
}

.top_banner .center {
	position: relative;
	z-index: 2;
	width: var(--site_width);
	height: 750px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.top_banner.bottom_bunner .center {
	height: 600px;
}

.top_banner.bottom_bunner .center .left {
	height: 70%;
}

.top_banner .center .left {
	gap: 33px;
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
}

.top_banner.bottom_bunner .center .left {
	gap: 0;
	justify-content: flex-start;
}

.top_banner .center .left .top_title {
	padding: 0 0 20px;
	font-size: 22px;
	font-weight: 600;
	line-height: 22px;
	text-transform: uppercase;
	color: var(--site_color_yel);
}

.top_banner .center .left .big_title {
	color: #fff;
	font-size: 50px;
	font-weight: 700;
	line-height: 61px;
	text-transform: uppercase;
}

.top_banner .center .left .big_title.yel,
.top_banner .center .left .big_title span {
	display: block;
	color: var(--site_color_yel);
}

.top_banner .center .left .title {
	color: #fff;
	font-size: 55px;
	font-weight: 700;
	line-height: 67px;
}

.top_banner .center .left .bottom_title {
	color: #fff;
	font-size: 22px;
	font-weight: 500;
	line-height: 27px;
}

.top_banner .center .left .under_title {
	color: #fff;
	font-size: 30px;
	font-weight: 500;
	line-height: 36px;
	text-transform: uppercase;
}

.top_banner .center .left .contacts {
	padding: 30px 0 0;
	font-size: 24px;
	font-weight: 500;
	line-height: 24px;
	color: var(--site_color_yel);
}

.top_banner .center .left .contacts a {
	font-weight: 800;
	color: var(--site_color_yel);

	transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}

.top_banner .center .left .contacts a:hover {
	color: var(--site_color_yel_hover);
}

.top_banner .center .banner_form {
	gap: 17px;
	display: flex;
	align-items: center;
	align-content: center;
	flex-direction: column;
	justify-content: flex-start;

	width: 480px;
	height: 500px;
	padding: 42px 35px;
	border-radius: 20px;
	background: #4d4b3552;

	backdrop-filter: blur(7px);
	-o-backdrop-filter: blur(7px);
	-ms-backdrop-filter: blur(7px);
	-moz-backdrop-filter: blur(7px);
	-webkit-backdrop-filter: blur(7px);
}

.top_banner .center .banner_form .title {
	width: 100%;
	padding: 0 0 8px;

	color: #fff;
	font-size: 20px;
	font-weight: 400;
	line-height: 24px;
}

.top_banner .center .banner_form .form_body {
	gap: 12px;
	width: 100%;
	display: flex;
	align-items: center;
	align-content: center;
	flex-direction: column;
	justify-content: flex-start;
}

.top_banner .banner_form input {
	display: block;
	width: 100%;
	padding: 12px 19px;
	outline: none;
	border-radius: 10px;
	background: none;
	border: 1px solid #a7a7a7;

	color: #fff;
	font-size: 18px;
	font-weight: 400;
	line-height: 22px;

	transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}

.top_banner .banner_form input:focus {
	border: 1px solid var(--site_color_yel);
}

.top_banner .banner_form input.empty {
	border: 1px solid #f05e5e;
}

.top_banner .center .banner_form .send {
	display: flex;
	align-items: center;
	justify-content: center;
	text-transform: uppercase;

	width: 100%;
	height: 48px;
	cursor: pointer;
	border-radius: 10px;
	background: var(--site_color_yel);

	color: #000;
	font-size: 16px;
	font-weight: 600;
	line-height: 16px;

	transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}

.top_banner .center .banner_form .send:hover {
	background: var(--site_color_yel_hover);
}

.top_banner .center .banner_form .policy {
	color: #b0b0b0;
	font-size: 12px;
	font-weight: 400;
	line-height: 17px;
}

.contacts .contact_form .policy a,
.top_banner .center .banner_form .policy a {
	color: #0a7ddd;
	text-decoration: underline;

	transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}

.contacts .contact_form .policy a:hover,
.top_banner .center .banner_form .policy a:hover {
	color: #065ca3;
	text-decoration: none;
}

.banner_form .form_request {
	height: 100%;
	display: flex;
	align-items: center;
	align-content: center;
	justify-content: center;

	font-size: 22px;
	font-weight: 600;
	line-height: 40px;
	text-align: center;
	text-transform: uppercase;
	color: var(--site_color_yel);
}

.partners_priem {
	width: 100%;
	padding: 81px 0 71px;
	background: linear-gradient(rgba(241, 241, 241, 1), rgba(22, 22, 22, 1));

}

.partners_priem .center {
	margin: 0 auto;
	width: var(--site_width);
}

.partners_priem .block_title {
	color: #000;
	font-size: 35px;
	font-weight: 600;
	text-align: center;
	text-transform: uppercase;
}

.partners_priem .priems {
	gap: 52px;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	align-content: space-between;
	justify-content: space-between;

	padding: 81px 0 103px;
}

.partners_priem .one_priem {
	gap: 15px;
	flex-grow: 1;
	display: flex;
	cursor: pointer;
	transform: scale(1.0);
	flex-direction: column;
	align-items: flex-start;

	width: 600px;
	padding: 70px 35px;
	background: #4e4e4e;
	border-radius: 20px;

	transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}

.partners_priem .one_priem:hover {
	transform: scale(1.03);
}

.partners_priem .one_priem .title {
	display: flex;
	align-items: center;

	height: 80px;
	padding: 0 0 0 108px;

	background-size: contain;
	background-repeat: no-repeat;
	background-position: center left;

	font-size: 25px;
	font-weight: 700;
	line-height: 30px;
	text-transform: uppercase;
	color: var(--site_color_yel);

	transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}

.partners_priem .one_priem:hover .title {
	color: var(--site_color_yel_hover);
}

.partners_priem .one_priem .text {
	height: 120px;
	display: flex;
	align-items: center;

	color: #fff;
	font-size: 19px;
	font-weight: 400;
	line-height: 27px;
}

.partners_priem .blago {
	color: #fff;
	font-size: 35px;
	font-weight: 700;
	line-height: 45px;
	text-align: center;
}

.partners_priem .za12let {
	padding: 32px 0;
	margin: 35px 0 0;
	background: linear-gradient(rgba(38, 38, 38, 1), rgba(26, 26, 26, 1));

	color: #fff;
	font-size: 22px;
	font-weight: 500;
	line-height: 27px;
	text-align: center;
}

.product_portfolio {
	background: #fff;
	padding: 112px 0 120px;
}

.product_portfolio .center {
	margin: 0 auto;
	width: var(--site_width);

	gap: 81px;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: flex-start;
}

.product_portfolio .title {
	color: #000;
	font-size: 45px;
	font-weight: 600;
	line-height: 43px;
	text-align: center;
}

.product_portfolio .srvs {
	gap: 24px;
	display: flex;
}

.product_portfolio .srvs .one_serv {
	width: 296px;
	height: 216px;
	cursor: pointer;
	padding: 116px 0 0;
	border-radius: 20px;

	background-size: 38px;
	background-color: #f1f1f1;
	background-repeat: no-repeat;
	background-position: center top 33px;
	background-image: url("../img/plus_round.svg");

	color: #000;
	font-size: 18px;
	font-weight: 500;
	line-height: 22px;
	text-align: center;

	transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}

.product_portfolio .srvs .one_serv:hover {
	background-color: var(--site_color_yel);
}

/*** partners_page ***/


/*** legal_page ***/
.legal_page .top_banner {
	height: 750px;
	position: relative;

	background-size: cover;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-image: url("../img/legal.png");
}

.legal_page .top_banner.bottom_bunner {
	height: 600px;
}

.legal_page .top_banner.bottom_bunner {
	background-position: center;
	background-image: url("../img/partners2.jpg");
}

.legal_page .top_banner .center .banner_form,
.partners_page .top_banner .center .banner_form {
	height: auto;
}

.legal_page .bunner_priem {
	height: auto;
	padding: 0 0 70px;
}

.legal_page .bunner_priem .one_priem {
	bottom: 50px;
	height: 270px;
	padding: 80px 0 0;
	background-size: 40px;
	background-position: top 23px center;
}


.legal_page .bunner_priem .line {
	width: 1030px;
	height: 2px;
	margin: 0 auto;
	background: #fff;
	border-radius: 2px;
}

.legal_page .bunner_priem .gold_text {
	padding: 30px 0;

	font-size: 30px;
	font-weight: 600;
	line-height: 37px;
	text-align: center;
	color: var(--site_color_yel);
}

.legal_page .bunner_priem .white_text {
	padding: 10px 0 0;

	color: #fff;
	font-size: 22px;
	font-weight: 500;
	line-height: 27px;
	text-align: center;
}


.partner_link {
	background: #f1f1f1;
	padding: 100px 0 105px;
}

.partner_link .center {
	gap: 100px;
	display: flex;
	margin: 0 auto;
	align-items: center;
	width: var(--site_width);
	justify-content: space-between;
}

.partner_link .center .left {
	flex-grow: 1;
	padding: 0 0 0 170px;

	background-size: 119px;
	background-repeat: no-repeat;
	background-position: center left;
	background-image: url("../img/partner_icon.svg");

	color: #000;
	font-size: 35px;
	font-weight: 600;
	line-height: 43px;
}

.partner_link .center .right {
	gap: 20px;
	width: 400px;
	display: flex;
	flex-shrink: 0;
	flex-direction: column;
}

.partner_link .center .right .text {
	color: #000;
	font-size: 22px;
	font-weight: 500;
	line-height: 27px;
	text-align: center;
}

.partner_link .center .right .link {
	display: block;
	padding: 23px;
	border-radius: 12px;
	background: var(--site_color_yel);

	color: #000;
	font-size: 25px;
	font-weight: 700;
	line-height: 25px;
	text-align: center;

	transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}

.partner_link .center .right .link:hover {
	background: var(--site_color_yel_hover);
}

/*** legal_page ***/


/*** bread ***/
.bread {
	margin: 0 auto;
	padding: 38px 0;
	width: var(--site_width);

	gap: 4px;
	display: flex;
	align-items: center;
}

.bread a {
	position: relative;
	color: #b0b0b0;
	font-size: 13px;
	font-weight: 500;
	line-height: 13px;
}

.bread a:after {
	content: "";
	position: absolute;
	top: 14px;
	left: -3px;
	height: 1px;
	width: 0;
	background: var(--site_color_yel);

	transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}

.bread a:hover:after {
	width: calc(100% + 6px);
}

.bread span,
.bread a:last-child {
	color: #000;
	font-size: 13px;
	font-weight: 600;
	line-height: 13px;
}

.bread b {
	display: block;
	width: 20px;
	height: 20px;

	background-size: 20px;
	background-repeat: no-repeat;
	background-position: center top 1px;
	background-image: url("../img/arrow_right_black.svg");
}

/*** bread ***/


/*** prices_page ***/
.prices_page h1 {
	display: block;
	padding: 10px 0 0;

	color: #000;
	font-size: 35px;
	font-weight: 700;
	line-height: 43px;
	text-align: center;
}

.prices_page .price_tables {
	padding: 70px 0 120px;
}

/*** prices_page ***/


/*** contacts_page ***/
.contacts_page h1 {
	display: block;
	padding: 10px 0 0;

	color: #000;
	font-size: 35px;
	font-weight: 700;
	line-height: 43px;
	text-align: center;
}

.contacts_page .contacts {
	padding: 70px 0 120px;
}

.contacts_page .contacts .center {
	margin: 0 auto;
	width: var(--site_width);

	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

.contacts_page .contacts .center > div {
	width: 50%;
	flex-shrink: 0;
}

.contacts_page .left .logo {
	width: 507px;
	height: 116px;
	margin: 0 0 37px;

	background-size: contain;
	background-repeat: no-repeat;
	background-position: center left;
	background-image: url("../img/logo_full_dark.svg");
}

.contacts_page .left .priz {
	margin: 0 0 64px;

	color: #242424;
	font-size: 22px;
	font-weight: 600;
	line-height: 27px;
}

.contacts_page .left .soc_cont {
	gap: 30px;
	display: flex;
	flex-direction: column;
	margin: 0 0 80px;
}

.contacts_page .left .soc_cont a {
	display: block;
	padding: 10px 0 10px 74px;

	background-size: 43px;
	background-repeat: no-repeat;
	background-position: center left;

	color: #242424;
	font-size: 22px;
	font-weight: 600;
	line-height: 22px;
	text-decoration: underline;
}

.contacts_page .left .soc_cont a.whatsapp {
	background-image: url("../img/whatsapp_icon.svg");
}

.contacts_page .left .soc_cont a.telegram {
	background-image: url("../img/telegram_icon.svg");
}

.contacts_page .left .whatsapp:hover {
	text-decoration: none;
}

.contacts_page .left .conts {
	gap: 50px;
	display: flex;
	margin: 0 0 60px;
}

.contacts_page .left .conts .conts_one {
	padding: 10px 0 10px 35px;

	background-size: 25px auto;
	background-repeat: no-repeat;
	background-position: center left;
	background-image: url("../img/contacts_phone.svg");
}

.contacts_page .left .conts .conts_one.email {
	padding: 10px 0 10px 46px;
	background-size: 29px auto;
	background-image: url("../img/contacts_email.svg");
}

.contacts_page .left .conts .conts_one a {
	color: #242424;
	font-size: 20px;
	font-weight: 600;
	line-height: 20px;
	text-decoration: none;

	transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}

.contacts_page .left .conts .conts_one a:hover {
	color: var(--site_color_yel_hover);
}

.contacts_page .left .address {
	margin: 0 0 24px;
}

.contacts_page .left .address .tit {
	color: #000;
	font-size: 20px;
	font-weight: 700;
	line-height: 40px;
}

.contacts_page .left .address .text {
	gap: 19px;
	display: flex;

	color: #000;
	font-size: 15px;
	font-weight: 400;
	line-height: 30px;
}

.contacts_page .left .graph .tit {
	color: #000;
	font-size: 20px;
	font-weight: 700;
	line-height: 24px;
}

.contacts_page .left .graph .gra {
	gap: 19px;
	display: flex;
}

.contacts_page .left .graph .gra_one {
	color: #000;
	font-size: 20px;
	font-weight: 500;
	line-height: 24px;
}

.contacts_page .right {
	padding: 30px 0 0;
}

.contacts_page .contact_form {
	gap: 17px;
	width: 510px;
	display: flex;
	flex-direction: column;
}

.contacts_page .contact_form .form_body {
	gap: 12px;
	width: 100%;
	display: flex;
	align-items: center;
	align-content: center;
	flex-direction: column;
	justify-content: flex-start;
}

.contacts_page .contact_form input,
.contacts_page .contact_form textarea {
	display: block;
	width: 100%;
	padding: 12px 19px;
	outline: none;
	border-radius: 10px;
	background: none;
	border: 1px solid #6b6b6b;

	color: #000;
	font-size: 18px;
	font-weight: 500;
	line-height: 22px;

	transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}

.contacts_page .contact_form input:focus {
	border: 1px solid var(--site_color_yel);
}

.contacts_page .contact_form input.empty {
	border: 1px solid #f05e5e;
}

.contacts_page .contact_form textarea {
	height: 110px;
	min-height: 110px;
	max-height: 150px;
	resize: vertical;
}

.contacts_page .contact_form .send {
	display: flex;
	align-items: center;
	justify-content: center;
	text-transform: uppercase;

	width: 100%;
	height: 48px;
	cursor: pointer;
	border-radius: 10px;
	background: var(--site_color_yel);

	color: #000;
	font-size: 16px;
	font-weight: 700;
	line-height: 16px;

	transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}

.contacts_page .contact_form .send:hover {
	background: var(--site_color_yel_hover);
}

.contacts_page .contact_form .policy {
	color: #b0b0b0;
	font-size: 12px;
	font-weight: 400;
	line-height: 17px;
}

.contacts_page .contact_form .form_request {
	height: 100%;
	display: flex;
	align-items: center;
	align-content: center;
	justify-content: center;

	font-size: 22px;
	font-weight: 600;
	line-height: 40px;
	text-align: center;
	text-transform: uppercase;
	color: var(--site_color_yel);
}

.contacts_page .right .map {
	margin: 50px 0 0;
	height: 370px;
	overflow: hidden;
	border-radius: 20px;
	box-shadow: 0 0 7px #999;
}

/*** contacts_page ***/


/*** vacancies_page ***/

.vacancies_page .center {
	margin: 0 auto;
	width: var(--site_width);
}

.vacancies_page h1 {
	padding: 10px 0 0;
	text-align: center;
}

.vacancies {
	gap: 40px;
	display: flex;
	padding: 50px 0 150px;
}

.vacancies .image {
	width: 380px;
	height: 600px;
	border-radius: 20px;

	background-size: cover;
	background-repeat: no-repeat;
	background-position: center left;
	background-image: url("../img/vacancy.webp");
}

.vacancies .vacan {
	gap: 20px;
	display: flex;
	flex-grow: 1;
	align-items: flex-start;
	flex-direction: column;
}

.vacancies .vacan .vaca_card {
	width: 100%;
	flex-shrink: 0;
	background: #fff;
	padding: 30px 30px;
	border-radius: 20px;
	border: 1px solid #dadada;
	box-shadow: 0 0 0 #dddcdc;

	transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}

.vacancies .vacan .vaca_card:hover {
	box-shadow: 0 7px 17px #d7d7d7;
}

.vacancies .vaca_card .title {
	padding: 0 0 15px;

	font-size: 23px;
	font-weight: 600;
	line-height: 23px;
}

.vacancies .vaca_card .price {
	padding: 0 0 15px;

	font-size: 17px;
	font-weight: 600;
	line-height: 23px;
}

.vacancies .vaca_card .experience {
	padding: 0 0 5px;

	font-size: 15px;
	font-weight: 400;
	line-height: 15px;
}

.vacancies .vaca_card .address {
	color: #777;
	padding: 0 0 20px;

	font-size: 14px;
	font-weight: 400;
}

.vacancies .vaca_card .buttons {
	gap: 20px;
	display: flex;
}

.vacancies .vaca_card .buttons a {
	padding: 12px 25px;
	background: #0070ff;
	border-radius: 12px;
	border: 1px solid #0070ff;

	color: #fff;
	font-size: 15px;
	font-weight: 600;
	line-height: 15px;
	text-align: center;

	transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}

.vacancies .vaca_card .buttons a.tocon {
	color: #000000;
	background: #dadada;
	border: 1px solid #dadada;
}

.vacancies .vaca_card .buttons a:hover {
	color: #0070ff;
	background: #fff;
}

.vacancies .vaca_card .buttons a.tocon:hover {
	color: #000;
	background: #bbb;
}

.one_job {
	padding: 0 0 100px;
}

.one_job h1 {
	padding: 0 0 15px;

	color: #000;
	font-size: 35px;
	font-weight: 600;
	text-align: left;
}

.one_job .price {
	padding: 0 0 15px;

	color: #000;
	font-size: 18px;
	font-weight: 600;
}

.one_job .exp_graf {
	color: #000;
	font-size: 18px;
	font-weight: 400;
	line-height: 24px;
}

.one_job .exp_graf span {
	text-transform: lowercase;
}

.one_job .request {
	display: inline-block;
	margin: 18px 0 30px;
	padding: 18px 65px;
	border-radius: 6px;
	background: var(--site_color_yel);

	color: #000;
	font-size: 16px;
	font-weight: 700;
	line-height: 15px;
	text-align: center;

	transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;

	-ms-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;

}

.one_job .request:hover {
	background: var(--site_color_yel_hover);
}

.one_job .description {
	padding: 37px 30% 39px 0;
	border-top: 1px solid #b0b0b0;

	color: #000;
	font-size: 22px;
	font-weight: 600;
	line-height: 31px;
	text-transform: uppercase;
}

.one_job .desk_blocks {
	color: #000;
	font-size: 18px;
	font-weight: 400;
	line-height: 24px;
}

.one_job .desk_blocks + .desk_blocks {
	margin: 34px 0 0;
}

.one_job .desk_blocks .tit {
	padding: 0 0 10px;
	font-weight: 600;
}

.one_job .desk_blocks .text.bold {
	font-weight: 600;
}

.one_job .appointment {
	gap: 15px;
	display: flex;
	margin: 42px 0 0;
	padding: 47px 0;
	background: var(--site_color_yel);
}

.one_job .appointment .center {
	gap: 15px;
	display: flex;
	align-items: center;
}

.one_job .appointment .text {
	color: #000;
	font-size: 22px;
	font-weight: 600;
	line-height: 22px;
	text-transform: uppercase;
}

.one_job .appointment .phone a {
	color: #000;
	font-size: 25px;
	font-weight: 700;
	line-height: 22px;
	text-decoration: none;

	transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}

.one_job .appointment .phone a:hover {
	text-decoration: underline;
}

/*** vacancies_page ***/

/*** blog ***/
.news_page {
	padding: 0 0 100px;
}

.news_page h1,
.section_list h1 {
	padding: 10px 0 0;
	text-align: center;
}

.news_page .center,
.section_list .center {
	margin: 0 auto;
	padding: 0 0 50px;
	width: var(--site_width);
}

.news_page h2 {
	display: block;
	padding: 0 0 40px;

	font-size: 41px;
	font-weight: 500;
	line-height: 47px;
	text-align: center;
}

.news_page .articles {
	padding: 80px 0 50px;

	gap: 30px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}

.news_page .new_card {
	flex-grow: 1;
	width: 31%;
	max-width: 32%;
	display: block;
	overflow: hidden;
	transform: scale(1);
	border-radius: 12px;
	box-shadow: 0 0 5px #afafaf;

	transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}

.news_page .new_card:hover {
	transform: scale(1.02);
}

.news_page .new_card:hover a {
	color: #000 !important;
}

.news_page .new_card .img {
	height: 250px;
	overflow: hidden;

	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;

	transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;

	filter: brightness(0.95);
	-o-filter: brightness(0.95);
	-moz-filter: brightness(0.95);
	-webkit-filter: brightness(0.95);
}

.news_page .new_card:hover .img {
	filter: brightness(1.10);
	-o-filter: brightness(1.10);
	-moz-filter: brightness(1.10);
	-webkit-filter: brightness(1.10);
}

.news_page .new_card .info {
	padding: 20px 30px;
}

.news_page .new_card .date {
	margin: 0;

	color: #969696;
	font-size: 15px;
	font-weight: 600;
}

.news_page .new_card .date:before {
	display: none;
}

.news_page .new_card .title {
	width: auto;
	height: 90px;
	overflow: hidden;
	padding: 8px 0 18px;

	color: #000;
	font-size: 21px;
	line-height: 27px;
	font-weight: 600;
}

.news_page .new_card .title:after {
	display: none;
}

.news_page .new_card .read {
	margin: 15px 0 0;
	padding: 0 19px 0 0;
	display: inline-block;

	background-size: 10px;
	background-repeat: no-repeat;
	background-position: top 6px right;
	background-image: url("../img/read_more.svg");

	color: var(--site_color_grey);

	transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}

.news_page .new_card:hover .read {
	padding: 0 26px 0 0;
}

.news_page .new_card .prev {
	height: 115px;
	overflow: hidden;
	padding: 0 0 10px;

	color: #333;
	font-size: 18px;
	line-height: 25px;
}

.navi_page {
	gap: 7px;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
}

.navi_page a,
.navi_page .navi_a {
	width: 40px;
	height: 40px;
	display: flex;
	cursor: pointer;
	align-items: center;
	border-radius: 12px;
	justify-content: center;

	color: #fff;

	background-size: 17px;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #b4bfd0;

	-ms-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;

	transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}

.navi_page .navi_a.navi_select {
	background-color: var(--site_color_coral);
}

.navi_page a:hover,
.navi_page .navi_a:hover {
	background-color: var(--site_color_coral_hover);
}

.navi_page .navi_a.left_1 {
	background-image: url("../img/navi_left_1.svg");
}

.navi_page .navi_a.left_2 {
	background-image: url("../img/navi_left_2.svg");
}

.navi_page .navi_a.right_1 {
	background-image: url("../img/navi_right_1.svg");
}

.navi_page .navi_a.right_2 {
	background-image: url("../img/navi_right_2.svg");
}

/*** blog ***/


/*** section_list ***/
.section_list .sections {
	padding: 80px 0 50px;

	gap: 30px;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
}

.section_list .sections .one_section .one_sec {
	gap: 10px;
	display: flex;
	align-items: center;
	flex-direction: column;
}

.section_list .sections .one_section .img_block {
	width: 100%;
	overflow: hidden;
	position: relative;
	border-radius: 12px;
	box-shadow: 0 2px 3px #999999;

	-ms-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
}

.section_list .sections .one_section .img_block .img {
	height: 170px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;

	transform: scale(1);

	filter: brightness(0.85);
	-o-filter: brightness(0.85);
	-moz-filter: brightness(0.85);
	-webkit-filter: brightness(0.85);

	transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}

.section_list .sections .one_section:hover .img_block .img {
	transform: scale(1.03);

	filter: brightness(1.05);
	-o-filter: brightness(1.05);
	-moz-filter: brightness(1.05);
	-webkit-filter: brightness(1.05);
}

.section_list .sections .one_section .title {
	padding: 0 20px;
	font-weight: 600;
	color: var(--site_color_grey);

	transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}

.section_list .sections .one_section:hover .title {
	color: #000;
}

eureka-chat-widget {
	#display: none !important;
}

/*** section_list ***/


/*** one_new ***/
.one_new h1 {
	padding: 0 0 20px;
	color: #293b66;
	font-size: 39px;
	font-weight: 500;
	text-align: left;
	line-height: 120%;
}

.one_new .new_content {
	margin: 10px 70px 0;
	padding: 100px 70px 100px;
	position: relative;
	border-left: 1px dashed #ddd;
	border-right: 1px dashed #ddd;
}

.one_new .new_content:after,
.one_new .new_content:before {
	content: "";
	position: absolute;
	top: 70px;
	left: -70px;
	width: calc(100% + 140px);
	height: 0;
	border-top: 1px dashed #ddd;
}

.one_new .new_content:after {
	top: auto;
	bottom: 50px;
}

.one_new .new_content .date {
	color: #bfbfbf;
	padding: 20px 0 30px;
	position: relative;
	display: inline-block;
}

.one_new .news_block {
	font-size: 19px;
	line-height: 29px;
}

.one_new .news_block table {
	width: 100%;
	overflow: hidden;
	margin: 50px auto;
	border-collapse: collapse;
	border-radius: 12px 12px 0 0;
}

.one_new .news_block table thead {
	background: var(--site_color_grey);
	color: #fff;
}

.one_new .news_block table tbody tr {
	font-weight: 300;
	background: #fff;
}

.one_new .news_block table tbody tr:nth-child(even) {
	background: #f5f5f5;
}

.one_new .news_block table td {
	padding: 13px 25px 9px;
}

.one_new .news_block table thead td + td {
	border-left: 1px dashed #37a6e2;
}

.one_new .news_block table tbody td + td {
	border-left: 1px dashed #e5e5e5;
}

.one_new .new_content .artic_menu {
	padding: 30px 0;
	margin: 0 0 30px;
	background: #f6f6f6;
	border-radius: 12px;
}

.one_new .new_content .artic_menu .menu_title {
	font-size: 19px;
	font-weight: 600;
	text-transform: uppercase;
	padding: 10px 0 7px 40px;
}

.one_new .new_content .artic_menu ul {
	font-size: 16px;
	line-height: 150%;
}

.one_new .new_content h2 {
	display: block;
	position: relative;
	padding: 0 0 0 17px;

	font-size: 27px;
	font-weight: 500;
	line-height: 150%;
	text-align: left;
	color: var(--site_color_dark);
}

.one_new .new_content h2:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 8px;
	height: 38px;
	border-radius: 3px;
	background: var(--site_color_coral);
}

.one_new .new_content h3 {
	display: block;
	padding: 0 0 10px;

	font-size: 23px;
	font-weight: 500;
	line-height: 140%;
	text-align: left;
	color: var(--site_color_grey)
}

.one_new .new_content p {
	padding: 10px 0;
	font-size: 19px;
	line-height: 150%;
}

.one_new .new_content p a {
	color: #279cda;
	text-decoration: underline;

	transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}

.one_new .new_content ol,
.one_new .new_content ul {
	padding: 10px 0 10px 50px;
	font-size: 19px;
	line-height: 110%;
}

.one_new .new_content .link_block {
	display: flex;
	padding: 30px 0;
	justify-content: center;
}

.one_new .new_content .link_block a {
	padding: 17px 35px;
	border-radius: 12px;
	background: var(--site_color_yel);

	font-size: 19px;
	font-weight: 500;
	text-align: center;
	color: var(--site_color_grey);

	transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-webkit-transition-duration: 0.3s;
}

.one_new .new_content .link_block a:hover {
	background: var(--site_color_yel_hover);
}

.one_new .new_content a:hover {
	color: #12577c;
	text-decoration: none;
}

.one_new .img_one_new {
	margin: 50px auto 30px;
}

.one_new .img_one_new .img_image {
	display: block;
	width: 100%;
	height: 600px;
	position: relative;
	border-radius: 12px;
	box-shadow: 0 4px 4px rgb(0 0 0 / 25%);

	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.one_new .img_one_new .img_image:after,
.one_new .img_one_new .img_image:before {
	content: "";
	position: absolute;
	top: -10px;
	left: 10px;
	width: 100%;
	height: 600px;
	margin: 0 auto;
	border-radius: 12px;
	border: 1px dashed #00000011;

	transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}

.one_new .img_one_new .img_image:before {
	top: 10px;
	left: -10px;
}

.one_new .img_one_new .img_image:hover:after {
	top: 10px;
	left: -10px;
	border: 1px dashed var(--site_color_grey);
}

.one_new .img_one_new .img_image:hover:before {
	top: -10px;
	left: 10px;
	border: 1px dashed var(--site_color_grey);
}

.one_new .img_one_new .img_podpis {
	display: block;
	max-width: 700px;
	margin: 0 auto;
	padding: 20px 0 0;
	color: #999;
	font-size: 15px;
	text-align: center;
	line-height: 21px;
}

.one_new .new_content iframe,
.one_new .new_content video {
	width: 100%;
	height: 650px;
	margin: 20px auto;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 2px 7px #777;
}

.one_new .new_content video {
	height: auto;
}

.one_new .back {
	display: inline-block;
	margin: 30px 0 0;
	padding: 19px 35px 16px 45px;
	border-radius: 12px;
	cursor: pointer;
	background: var(--site_color_yel);

	font-weight: 600;
	text-align: center;
	color: var(--site_color_grey);

	background-size: 27px;
	background-repeat: no-repeat;
	background-position: left 12px top 16px;
	background-image: url("../img/arrow_left.svg");

	transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}

.one_new .back:hover {
	background-position: left 6px top 16px;
}

.one_new .extra_block {
	padding: 30px 0;
}

.one_new .extra_block .extra_title {
	padding: 0 0 20px 17px;
	font-size: 27px;
	font-weight: 500;
	line-height: 150%;
	text-align: left;
	color: var(--site_color_dark);
}

.one_new .extra_block .extra {
	gap: 30px;
	display: flex;
}

/*** copper_page ***/
.copper_page .ost_vopr {
	height: 406px;
	background: var(--site_color_dark);
}

.copper_page .ost_vopr .center {
	display: flex;
	align-items: center;
	align-content: center;
	justify-content: space-between;

	margin: 0 auto;
	width: var(--site_width);
}

.copper_page .ost_vopr .ov_1 {
	width: 220px;
	height: 406px;

	background-size: contain;
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url("../img/ost_vopr.svg");
}

.copper_page .ost_vopr .ov_2 {
	gap: 40px;
	flex-grow: 1;
	display: flex;
	padding: 0 0 0 100px;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}

.copper_page .ost_vopr .ov_2 .tit {
	color: #fff;
	font-size: 45px;
	font-weight: 700;
	line-height: 50px;
	text-transform: uppercase;
}

.copper_page .ost_vopr .ov_2 .logo {
	width: 300px;
	height: 65px;

	background-size: contain;
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url("../img/logo_full.svg");
}

.copper_page .ost_vopr .ov_3 {
	gap: 33px;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	flex-direction: column;
}

.copper_page .ost_vopr .ov_3 .text {
	color: #fff;
	font-size: 25px;
	font-weight: 400;
	line-height: 30px;
}

.copper_page .ost_vopr .ov_3 .whatsapp {
	display: block;
	width: 325px;
	padding: 19px 0;
	border-radius: 18px;
	background: var(--site_color_yel);

	color: #252525;
	font-size: 20px;
	font-weight: 700;
	text-align: center;

	transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}

.copper_page .ost_vopr .ov_3 .whatsapp:hover {
	background: var(--site_color_yel_hover);
}

.faq {
	margin: 0 auto;
	padding: 100px 0;
	width: var(--site_width);
}

.faq h2 {
	padding: 0 0 100px;

	color: #000;
	font-size: 35px;
	font-weight: 700;
	line-height: 35px;
	text-align: center;
	text-transform: uppercase;
}

.faq_block {
	border-top: 1px solid #d0d0d0;
	border-bottom: 1px solid #d0d0d0;
}

.faq_block .faq_one {
	cursor: pointer;

	transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}

.faq_block .faq_one + .faq_one {
	border-top: 1px solid #d0d0d0;
}

.faq_block .faq_one .question {
	padding: 53px 0;
	color: #000;
	font-size: 25px;
	font-weight: 700;
	line-height: 30px;

	background-size: 50px;
	background-repeat: no-repeat;
	background-position: right center;
	background-image: url("../img/faq_down.svg");

	transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}

.faq_block .faq_one .question:hover {
	background-image: url("../img/faq_down_hover.svg");
}

.faq_block .faq_one .question.selected {
	background-image: url("../img/faq_up.svg");
}

.faq_block .faq_one .question.selected:hover {
	background-image: url("../img/faq_up_hover.svg");
}

.faq_block .faq_one .answer {
	display: none;
	padding: 30px 0;

	color: #000;
	font-size: 18px;
	font-weight: 400;
	line-height: 22px;
}

.faq_block .faq_one .answer.selected {
	display: block;
}

/*** copper_page ***/


/*** policy ***/
.policy {
	margin: 20px auto;
}

.policy h3 {
	padding: 30px 0 10px;
}

.policy .list_2 {
	padding: 7px 0 7px 20px;
}

.policy .list_3 {
	padding: 7px 0 7px 40px;
}

.policy_page p {
	font-size: 18px;
	line-height: 25px;
}

.policy p span {
	color: #164ba4;
	font-weight: 600;
}

.policy p.list_2 span {
	color: #164ba4;
	font-weight: 600;
}

.policy p.list_3 span {
	color: #2d71e4;
	font-weight: 600;
}

.policy ul {
	padding: 0 0 0 80px;
	font-size: 19px;
	line-height: 25px;
}

.policy ul li {
	padding: 7px 0;
}

.policy .date_post {
	margin: 30px 0 0;
	position: relative;
	background: #d0f6c1;
	display: inline-block;
	padding: 16px 50px 15px 30px;
	border-radius: 12px 0 0 12px;

	font-size: 15px;
	font-weight: 900;
}

.policy .date_post:after {
	content: "";
	position: absolute;
	top: 0;
	right: -59px;
	display: inline-block;
	border: 29px solid transparent;
	border-left: 30px solid #d0f6c1;
}

.policy_page section a {
	color: #0B66c3;
	text-decoration: underline;
}

.policy_page section a:hover {
	text-decoration: none;
	color: var(--site_color_coral);
}

/*** policy ***/


/*** ws_vidget ***/
.ws_vidget {
	display: block;
	width: 60px;
	height: 60px;
	position: fixed;
	right: 56px;
	bottom: 50px;
	z-index: 2;

	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url("../img/tg.svg");

	transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;

	animation: animationpulse 3s infinite;
	-webkit-animation: animationpulse 3s ease-out;
	-webkit-animation-iteration-count: infinite;
}

.ws_vidget.show {
	bottom: 150px;
}

.ws_vidget:after {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	border-radius: 50%;
	box-shadow: 0 0 0 #34aade;
	animation: animationpulse 3s infinite;
	-webkit-animation: animationpulse 3s ease-out;
	-webkit-animation-iteration-count: infinite;
}

.ws_vidget:hover:after {
	animation: linear;
}

@keyframes animationpulse {
	0% {
		transform: scale(1.0, 1.0);
		-moz-box-shadow: 0 0 0 0 inherit;
		box-shadow: 0 0 0 0 inherit;
	}
	10% {
		transform: scale(1.1, 1.1);
	}
	15% {
		transform: scale(1.0, 1.0);
	}
	70% {
		-moz-box-shadow: 0 0 0 25px rgba(0, 0, 0, 0);
		box-shadow: 0 0 0 25px rgba(0, 0, 0, 0);
	}
	100% {
		-moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
	}
}

@-ms-keyframes animationpulse {
	0% {
		-ms-transform: scale(1.0, 1.0);
		box-shadow: 0 0 5px #bfab75;
	}
	10% {
		box-shadow: 0 0 15px #bfab75;
		-ms-transform: scale(1.1, 1.1);
	}
	20% {
		box-shadow: 0 0 5px #bfab75;
		-ms-transform: scale(1.0, 1.0);
	}
	100% {
		box-shadow: 0 0 5px #bfab75;
		-ms-transform: scale(1.0, 1.0);
	}
}

/*** ws_vidget ***/

/*** policy_page ***/
.policy_page {
	margin: 0 auto 120px;
	width: var(--site_width);
}

.policy_page h1 {
	margin: 0 auto 60px;
	text-align: center;
}

.policy_page .update_date {
	display: flex;
	justify-content: flex-end;
	align-items: center;

	color: #333;
	font-size: 17px;
	font-weight: 500;
	line-height: 23px;
	text-align: right;
}

.policy_page .update_date .text {
	padding: 15px 30px;
	border-radius: 6px;
	background: #ffc85852;
}

.policy_page h2 {
	padding: 0 0 0 20px;
	margin: 30px 0 10px;
	position: relative;

	color: #000;
	font-size: 29px;
	font-weight: 500;
	line-height: 23px;
	text-align: left;
}

.policy_page h2:after {
	content: "";
	position: absolute;
	background: #FFC857;
	border-radius: 40px;
	transform: translateX(-50%);
	width: 8px;
	height: 30px;
	bottom: -4px;
	left: 4px;
}

.policy_page h3 {
	margin: 20px 0 10px;

	color: #444;
	font-size: 23px;
	line-height: 23px;
	text-align: left;
	font-weight: 300;
}

.policy_page h3:after {
	display: none;
}

.policy_page p,
.policy_page li {
	padding: 7px 0;

	color: #333;
	font-size: 18px;
	font-weight: 500;
	line-height: 31px;
}

.policy_page li {
	margin: 0 0 0 40px;
	padding: 2px 0 2px 10px;
}

/*** policy_page ***/

.visuallyhidden:not(:focus):not(:active) {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	border: 0;
	padding: 0;
	white-space: nowrap;
	clip-path: inset(100%);
	clip: rect(0 0 0 0);
	overflow: hidden;
}


.sdat_provod .center {
	margin: 0 auto;
	width: var(--site_width);
}

.sdat_provod h2 {
	padding: 0 0 35px;
	color: #000;
	font-size: 35px;
	font-weight: 700;
	text-align: center;
	text-transform: uppercase;
}

.sdat_provod a {
	color: white;
}

.sdat_provod {
	margin: 50px 0;
}

.sdat_provod .flex-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 20px;
	margin-top: 20px;
}

/* Карточки */
.sdat_provod .card {
	position: relative;
	width: calc(25% - 20px); /* 4 в ряд на больших экранах */
	max-width: 280px;
	max-height: 210px;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.sdat_provod .card:hover {
	transform: scale(1.05);
	box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2);
}

.sdat_provod .card img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	filter: brightness(70%);
}

/* Заголовок на карточке */
.sdat_provod .card-title {
	position: absolute;
	bottom: 10px;
	left: 50%;
	transform: translateX(-50%);
	background: rgba(0, 0, 0, 0.7);
	color: #fff;
	padding: 10px 15px;
	font-size: 16px;
	font-weight: bold;
	border-radius: 5px;
	text-align: center;
	width: 100%;
}

/* 📱 Адаптивность */
@media (max-width: 1199px) {
	.sdat_provod .card {
		width: calc(33.33% - 20px); /* 3 в ряд */
	}
}

@media (max-width: 991px) {
	.sdat_provod .card {
		width: calc(50% - 20px); /* 2 в ряд */
	}
}

@media (max-width: 767px) {
	.sdat_provod .card {
		width: 100%; /* 1 в ряд на мобильных */
		max-width: 400px;
	}
}


.vivoz_loma {
	margin: 50px 0
}

.vivoz_loma h2 {
	padding: 0 0 35px;
	color: #000;
	font-size: 35px;
	font-weight: 700;
	text-align: center;
	text-transform: uppercase;
}

.vivoz_loma .center {
	margin: 0 auto;
	width: var(--site_width);
}

.vivoz_loma .grid {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 20px;
	margin-top: 20px;
}

.vivoz_loma .card {
	background: #111;
	color: white;
	padding: 20px;
	border-radius: 10px;
	text-align: left;
	overflow: hidden;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: calc(50% - 20px);
	max-width: 400px;
	height: 250px;
	background-size: cover;
	background-position: center;
}

.vivoz_loma .card-content {
	position: relative;
	z-index: 2;
	padding: 15px;
	border-radius: 10px;
}

.vivoz_loma .card h3 {
	font-size: 22px;
}

.vivoz_loma .card p {
	margin: 5px 0;
}

.vivoz_loma .btn {
	display: inline-block;
	margin-top: 10px;
	background: #ffa500;
	color: #000;
	padding: 10px 15px;
	border-radius: 5px;
	font-weight: bold;
	text-decoration: none;
}

@media (max-width: 768px) {
	.vivoz_loma .card {
		width: 100%;
	}
}

.vivoz_loma .grid {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 20px;
	margin-top: 20px;
	max-width: 1230px;
}

.vivoz_loma .card {
	background: #111;
	color: white;
	padding: 20px 0px 20px 20px;
	border-radius: 10px;
	text-align: left;
	overflow: hidden;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: calc(50% - 20px);
	max-width: 553px;
	max-height: 320px;
	background-size: cover;
	background-position: center;
}

.vivoz_loma .card-content {
	position: relative;
	z-index: 2;
	padding: 15px 0px 15px 264px;
	border-radius: 10px;
}

.vivoz_loma .card h3 {
	font-size: 22px;
}

.vivoz_loma .card p {
	margin: 5px 0;
}

.vivoz_loma .btn {
	width: 192px;
	height: 42px;
	display: inline-block;
	margin-top: 50px;
	background: #ffc857;
	color: #000;
	padding: 10px 15px;
	border-radius: 5px;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	text-decoration: none;
}

@media (max-width: 768px) {
	.vivoz_loma .card {
		width: 100%;
	}
}

@media (max-width: 515px) {
	.vivoz_loma div.flex-prop {
		gap: 0;
		flex-direction: column;
	}

	.vivoz_loma .btn {
		margin-top: 15px;
	}

	.vivoz_loma .card {
		width: 100%;
	}

	.vivoz_loma .card-content {
		padding: 15px 0px 15px 10%;
	}

	ul.list-location {
		column-count: 1;
	}
}

.vivoz_loma .flex-prop {
	display: flex;
	font-size: 12px;
	margin-top: 20px;
	gap: 20px;
}

.vivoz_loma .flex-prop__detail {
	display: flex;
	width: 50%;
	flex-direction: column;
}


/* Общий стиль для секции городов */
.cities {
	margin: 50px 0;
	text-align: center;
}

.cities .list-location > ::before {
	content: "";
	display: inline-block;
	list-style-position: inside;
	width: 18px;
	height: 18px;
	background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='%23ffc857' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 0C14.076 0 5.99998 8.132 5.99998 18.13C5.99998 32.336 22.308 47.004 23.002 47.62C23.288 47.874 23.644 48 24 48C24.356 48 24.712 47.874 24.998 47.622C25.692 47.004 42 32.336 42 18.13C42 8.132 33.924 0 24 0ZM24 28C18.486 28 14 23.514 14 18C14 12.486 18.486 8 24 8C29.514 8 34 12.486 34 18C34 23.514 29.514 28 24 28Z'/%3E%3C/svg%3E%0A");
	background-size: cover;
	position: relative;
	left: -29px;
	margin-right: -18px;
	text-align: left
}

.cities .center {
	margin: 0 auto;
	width: var(--site_width);
}

.cities h2 {
	padding: 0 0 35px;
	color: #000;
	font-size: 35px;
	font-weight: 700;
	text-align: center;
	text-transform: uppercase;
}

/* Стили для списка городов */
.list-location {
	column-count: 4;
	list-style: none;
	padding: 0;
	margin: 0 70px 0 90px;
}

@media (max-width: 1000px) {
	.list-location {
		column-count: 2;

	}
}

.list-location li {
	margin: 5px;
	text-align: left;
}

.city-link {
	text-decoration: none;
	color: #ffc857;
	font-size: 16px;
	padding: 5px 10px;
	border-radius: 5px;
	transition: 0.3s;
	cursor: pointer;
}

.city-link:hover {
	color: #ffc857;
	text-decoration: underline;
}

/* Стили для модального окна */
.modal {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: #fff;
	padding: 20px;
	border-radius: 5px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
	max-width: 600px;
	text-align: center;
}

.modal.active {
	display: block;
}

.modal-content {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.modal-content label {
	text-align: left;
	font-weight: bold;
}

.modal-content input {
	width: 100%;
	padding: 8px;
	border: 1px solid #ccc;
	border-radius: 5px;
}

.modal-content button {
	padding: 8px 12px;
	border: none;
	cursor: pointer;
	font-size: 16px;
	border-radius: 5px;
}

.modal-submit {
	background: #28a745;
	color: white;
}

.modal-submit:hover {
	background: #218838;
}

.modal-close {
	background: #d9534f;
	color: white;
}

.modal-close:hover {
	background: #c9302c;
}


.seo .center {
	margin: 40px auto;
	width: var(--site_width);
	color: #000000;
	font-size: 18px;
	font-weight: 400;
	line-height: 27px;
}

.seo .center a {
	color: #0a7ddd;
	text-decoration: underline;

	transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}

.seo .center a:hover {
	color: #0a6bbc;
	text-decoration: none;
}

@media (max-width: 771px) {
	.seo .center {
		padding: 0 15px;
	}
}

@media screen and (max-width: 1000px) {
	div.seo .center h2,
	div.seo .center h3 {
		font-size: 26px;
	}
}

.seo .center h2 {
	padding: 20px 0 35px;
	color: #000;
	font-size: 35px;
	font-weight: 700;
}

.seo .center h3 {
	padding: 20px 0 35px;
	color: #000;
	font-size: 30px;
	font-weight: 700;
}

.seo .center ul {
	margin: 20px;
}

.seo .center p {
	margin: 15px 0px;
}

.price_tables + .seo {
	margin-top: -120px;
}

@media screen and (max-width: 1000px) {
	.price_tables + .seo {
		margin-top: -70px;
	}
}

.articles .col3 {
	flex-grow: 1;
}

.hide {
	display: none;
}

.yellow-banner .text {
	max-width: 800px;
}

.yellow-banner {
	background-position: center right -20%;
}

@media screen and (min-width: 1490px) {
	.yellow-banner {
		background-position: center right -5%;
	}
}

/*** Хлебные крошки ***/
.product_page {
	position: relative;
}

.product_page .bread {
	top: 0;
	left: 0;
	width: 100%;
	padding: 0;
	height: 32px;
	z-index: 5;
	position: absolute;
	background: #ffffff14;

	transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}

.product_page .bread:hover {
	background: #ffffff33;
}

.product_page .bread .center {
	gap: 11px;
	display: flex;
	margin: 0 auto;
	padding: 0 25px;
	align-items: center;
	width: var(--site_width);
}

.product_page .bread,
.product_page .bread a,
.product_page .bread span {
	color: #6d6d6d;
	font-size: 13px;
	font-weight: 500;
	line-height: 25px;
	vertical-align: middle;

	transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}

.product_page .bread:hover,
.product_page .bread:hover a {
	color: #b0b0b0;
}

.product_page .bread a:after {
	top: 20px;
	left: 50%;
	transform: translateX(-50%);
}

.product_page .bread:hover span {
	color: #cecece;
}

.product_page .bread span {
	color: #6f6f6f;
	font-weight: 700;
}

/*** Хлебные крошки ***/

/*** Счетчик тонн кабеля ***/
.big_banner .center .cable_ton_meter {
	display: none;
}

.big_banner .cable_ton_meter {
	min-width: 350px;
	padding: 0 47px;
	height: 250px;
	cursor: pointer;
	border-radius: 20px;
	background: #3131317d;
	backdrop-filter: blur(3px);
	-webkit-backdrop-filter: blur(3px);

	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1),
	0 8px 60px rgba(0, 0, 0, 0.15),
	inset 0 1px 0 rgba(255, 255, 255, 0.1),
	inset 0 -1px 0 rgba(0, 0, 0, 0.1);

	top: 88px;
	right: 100px;
	position: absolute;

	gap: 15px;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;

	-ms-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;

	transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}

.big_banner .cable_ton_meter:hover {
	background: #2a39497d;
}

.big_banner .cable_ton_meter:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 30%;
	background: linear-gradient(
			to bottom,
			rgba(255, 255, 255, 0.03),
			transparent
	);
	border-radius: 20px 20px 0 0;
	pointer-events: none;
}

.big_banner .cable_ton_meter .text {
	color: #fff;
	font-size: 23px;
	font-weight: 400;
	line-height: 130%;
	text-align: center;
}

.big_banner .cable_ton_meter .tons {
	gap: 4px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.big_banner .cable_ton_meter .tons span {
	width: 70px;
	height: 88px;
	background: #ffc857;
	border-radius: 16px;

	display: flex;
	align-items: center;
	justify-content: center;

	color: #000;
	font-size: 69px;
	font-weight: 700;
	text-shadow: 0 4px 4px #00000040;

	transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}

.big_banner .cable_ton_meter:hover .tons span {
	background: #eeb33a;
}

/*** Счетчик тонн кабеля ***/