/****300 600 800*****/
@font-face {
    font-family:'Roboto';
    src:url('/font/Roboto-Bold.eot');
    src:url('/font/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
        url('/font/Roboto-Bold.woff2') format('woff2'),
        url('/font/Roboto-Bold.woff') format('woff'),
        url('/font/Roboto-Bold.ttf') format('truetype'),
        url('/font/Roboto-Bold.svg#Roboto-Bold') format('svg');
    font-weight:bold;
    font-style:normal;
    font-display:swap;
}
@font-face {
    font-family:'Roboto';
    src:url('/font/Roboto-Medium.eot');
    src:url('/font/Roboto-Medium.eot?#iefix') format('embedded-opentype'),
        url('/font/Roboto-Medium.woff2') format('woff2'),
        url('/font/Roboto-Medium.woff') format('woff'),
        url('/font/Roboto-Medium.ttf') format('truetype'),
        url('/font/Roboto-Medium.svg#Roboto-Medium') format('svg');
    font-weight:500;
    font-style:normal;
    font-display:swap;
}

@font-face {
    font-family:'Roboto';
    src:url('/font/Roboto-Regular.eot');
    src:url('/font/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
        url('/font/Roboto-Regular.woff2') format('woff2'),
        url('/font/Roboto-Regular.woff') format('woff'),
        url('/font/Roboto-Regular.ttf') format('truetype'),
        url('/font/Roboto-Regular.svg#Roboto-Regular') format('svg');
    font-weight:normal;
    font-style:normal;
    font-display:swap;
}

* {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
}
body {
	min-width:320px;
	width:100%;
	max-width:100vw;
	font-weight:400;
	font-family:'Roboto', sans-serif;
	letter-spacing:.5px;
	font-style:normal;
	font-size:16px;
	background:#fff;
	color:#232A31;
	position:relative;
}
button {outline:none;border:0;padding:0;}
.container {
	width:100%;
	max-width:1440px;
}

p {padding:0;margin:0;}
a, a:hover {color:#232A31;}
button, a, .anima {
	-webkit-transition:all 200ms linear;
	-moz-transition:all 200ms linear;
	-o-transition:all 200ms linear;
	-ms-transition:all 200ms linear;
	transition:all 200ms linear;
}
.container {
	min-width:300px;width:100%;max-width:1440px;
}
h2 {font-size:36px;color:#232A31;text-align:center;font-weight:500;}
.podtitle {font-size:22px;color:#008E68;text-align:center;font-weight:500;margin-top:15px;}
.podtitle2 {font-size:18px;color:#008E68;text-align:center;font-weight:500;margin-top:15px;}
@media only screen and (max-width:1050px) {
	h2 {font-size:34px;}
	.podtitle {font-size:20px;}
}
@media only screen and (max-width:720px) {
	h2 {font-size:32px;}
	.podtitle {font-size:18px;}
	.podtitle2 {font-size:16px;}
}
@media only screen and (max-width:480px) {
	h2 {font-size:28px;}
	.podtitle {font-size:16px;}
}
@media only screen and (max-width:380px) {
	h2 {font-size:26px;}
}


/*****************/
header {width:100%;background:#fff;position:relative;}
.header_top {padding:20px;}
.header_logo {width:calc(50% - 110px);}
.header_logo img {height:120px;}
.header_top_middle {width:220px;}
.header_top_middle button {
	background:#fff;
	border:1px solid #008E68;
	border-radius:5px;
	color:#008E68;
	font-size:20px;
	padding:15px 30px;
}.header_top_middle button:hover {background:#008E68;color:#fff;}
.header_top_right {width:calc(50% - 110px);}
.header_phone {
	margin-bottom:5px;
	font-size:28px;
	font-weight:bold;
	color:#232A31;
	text-align:right;
	text-decoration:none;
}
.header_email {
	margin-bottom:5px;
	font-size:16px;
	color:#232A31;
	text-align:right;
	text-decoration:none;
}
.header_socs {margin-top:10px;gap:20px;}
.header_whatsapp, .header_telegram, .header_vk {
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center center;
	width:30px;height:30px;
}
.header_whatsapp {background-image:url(/img/whatsapp.svg);}
.header_telegram {background-image:url(/img/telegram.svg);}
.header_vk {background-image:url(/img/vk.svg);}
.header_bottom {background:#179876;width:100%;}
.header_links {gap:40px;padding:20px;}
.header_link {
	font-size:18px;
	color:#fff;
	text-decoration:none;
	white-space:nowrap;
}
.header_link:hover {text-decoration:underline;color:#f5f5f5;}
.burger {display:none;background-image:url(/img/burger.svg);background-position:center center; background-size:40px auto; background-repeat:no-repeat; min-width:40px;  height:40px;}
.mobile_socs {display:none;}
.mobile_phone {display:none;margin-right:20px;background-image:url(/img/phone.svg);background-position:right center; background-size:30px auto; background-repeat:no-repeat; min-width:40px; width:40px; height:40px;}
@media only screen and (max-width:1050px) {
	.header_link {font-size:16px;}
	.header_links {gap:20px;padding:15px 20px;}
	.header_logo img {height:90px;}
	.header_top_middle button {font-size:16px;}
	.header_phone {font-size:24px;}
	.header_email {font-size:14px;}
	.header_whatsapp, .header_telegram, .header_vk {width:25px;height:25px;}
	.header_socs {gap:15px;margin-top:5px;}
}
@media only screen and (max-width:880px) {
	.header_links {-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}
}
@media only screen and (max-width:800px) {
	body{padding-top:90px;}
	header {position:fixed;top:0;border-bottom:2px solid #EDF2F1;z-index:999999999;}
	.header_bottom {display:none;position:absolute; top:100%; right:0; width:200px;}
	.header_links {min-width:200px;width:200px;}
	.header_link {width:100%;}
	.header_top_middle {display:none;}
	.header_logo {width:calc(50% - 40px);}
	.header_top_right {width:50%; padding-right:20px;}
	.header_logo img {height:70px;}
	.burger {display:block;}
	.header_socs {display:none;}
	.mobile_socs {
		display:flex; width:100%; background:#fff; padding:10px; border-radius:5px; gap:20px; 
		-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;
		-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;
	}
	.header_top {padding:10px 20px;}
}
@media only screen and (max-width:720px) {
	body{padding-top:80px;}
	.header_top {padding:10px;}
	.header_logo img {height:60px;}
	.header_phone {font-size:20px;}
}
@media only screen and (max-width:480px) {
	.mobile_phone {display:block;}
	.header_phone, .header_email {display:none;}
}
/**********************************/
.first_block {
	border-bottom:10px solid #008E68;
	background-color:#fff;
}
.first_block > .container {
	padding:60px 20px;
	background-image:url(/img/first_block_bg.webp);
	background-size:auto 100%;
	background-position:calc(100% - 220px) center;
	background-repeat:no-repeat;
}
.first_block_left {gap:30px;}
.first_block_left h1 {
	color:#232A31;
	font-size:48px;
	text-align:left;
}
.first_block_span {
	gap:20px;
	color:#4EB096;
	font-size:16px;
	white-space:nowrap;
}
.first_block_left h1 span {
	color:#008E68;
	font-size:28px;
	text-align:left;
}
.first_block_left b {
	color:#232A31;
	font-size:32px;
	text-align:left;
	font-weight:bold;
}
.first_block_left a {
	padding:15px 20px;
	width:100%;
	font-size:18px;
	color:#fff;
	border:1px solid #008E68;
	background:#008E68;
	border-radius:5px;
	max-width:170px;
	text-align:center;
}
.first_block_left a:hover {background:#4EB096;border:1px solid #4EB096;}
.first_block_right {
	background-image:url(/img/form_bg.svg);
	background-size:auto 100%;
	background-position:center right;
	background-repeat:no-repeat;
	padding:10px;
}
.first_block_form {background:#fff;border-radius:10px;padding:40px;max-width:420px;}
.first_block_form h2 {font-size:28px;text-align:center;margin-bottom:10px;font-weight:500;color:#232A31;}
.first_block_form p {font-size:15px;color:#008E68;text-align:center;margin:0 0 20px 0;padding:0;}
.first_block_form input {
	padding:15px 20px;
	width:100%;
	font-size:18px;
	color:#232A31;
	border:1px solid #008E68;
	border-radius:5px;
	margin-bottom:10px;
}
.first_block_form input::placeholder {color:#777;font-size:16px;}
.first_block_form button {
	padding:15px 20px;
	width:100%;
	font-size:18px;
	color:#fff;
	border:1px solid #008E68;
	background:#008E68;
	border-radius:5px;
	margin:10px 0 20px 0;
}
.first_block_form button:hover {background:#4EB096;border:1px solid #4EB096;}
.first_block_form small {font-size:13px;color:#777;text-align:center;line-height:140%;}
.first_block_form small a {font-size:13px;color:#777;}

@media only screen and (max-width:1050px) {
	.first_block > .container {background-position:calc(100% + 30px) center;}
	.first_block_left h1 {font-size:44px;}
	.first_block_left h1 span {font-size:24px;}
	.first_block_left b {font-size:28px;}
	.first_block_form h2 {font-size:24px;}
	.first_block_form p {font-size:14px;}
	.first_block_left a, .first_block_form input, .first_block_form button {font-size:16px;}
	.first_block_form small, .first_block_form small a {font-size:12px;}
}
@media only screen and (max-width:880px) {
	.first_block_div {
		-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;
		-webkit-box-align:center;-ms-flex-align:center;align-items:center;
	}
	.first_block_left h1 {text-align:center;}
	.first_block_right {margin-top:60px;}
	.first_block_form {/**background:rgba(237,242,241,1);**/background:#fff;}
	.first_block_left {background:#fff; padding:40px; border-radius:10px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
	.first_block > .container {background-position:center center; background-size:cover;background-image:url(/img/first_block_bg_mob.webp);}
}
@media only screen and (max-width:720px) {
	.first_block > .container {padding:60px 10px;}
	.first_block_left h1 {font-size:38px;}
	.first_block_left h1 span {font-size:18px;}
	.first_block_left b {font-size:22px;}
	.first_block_form h2 {font-size:18px;}
	.first_block_form p {font-size:12px;}
	.first_block_left a, .first_block_form input, .first_block_form button {font-size:16px;}
}
@media only screen and (max-width:540px) {
	.first_block_left { padding:40px 20px; width:100%;}
	.first_block_left h1 {font-size:34px;}
	.first_block_right {width:100%; padding:10px 10px 10px 0;}
	.first_block_form {width:100%; max-width:520px;}
	.first_block_span {-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}
}
@media only screen and (max-width:480px) {
	.first_block_left {gap:20px;}
	.first_block_left h1 {font-size:30px;}
	.first_block_left h1 span {font-size:16px;}
	.first_block_left span {font-size:14px;}
}
@media only screen and (max-width:405px) {
	.first_block_left h1 {font-size:28px; white-space:nowrap;}
	.first_block_form {padding:40px 20px;}
	.first_block_right {border-radius:10px;background-size:auto 100%; background-position:60px center;}
}
@media only screen and (max-width:380px) {
	.first_block_left h1 {font-size:26px;}
}

/********************/
.o_kompanii {background:#EDF2F1;}
.o_kompanii > .container {padding:70px 20px 80px 20px;}
.o_kompanii_boxes {margin-top:70px;gap:40px;}
.o_kompanii_box_small, .o_kompanii_box_mid, .o_kompanii_box_big {background:#fff;padding:20px;border-radius:10px;}
.o_kompanii_box_small {width:200px;}
.o_kompanii_box_mid {width:420px;}
.o_kompanii_box_big {width:480px;}
.o_kompanii_box_small img, .o_kompanii_box_mid img, .o_kompanii_box_big img {height:50px;margin-bottom:17px;}
.o_kompanii_box_small p, .o_kompanii_box_mid p, .o_kompanii_box_big p {font-size:15px;text-align:center;line-height:140%;}

@media only screen and (max-width:1050px) {
	.o_kompanii_boxes {gap:20px;}
	.o_kompanii_box_small, .o_kompanii_box_mid, .o_kompanii_box_big {padding:20px 10px;}
	.o_kompanii_box_mid {width:380px;}
	.o_kompanii_box_big {width:440px;}
}
@media only screen and (max-width:900px) {
	.o_kompanii_box_small {width:200px;}
	.o_kompanii_box_mid {width:calc(50% - 10px);}
	.o_kompanii_box_big {width:calc(50% - 10px);}
}
@media only screen and (max-width:720px) {
	.o_kompanii_box_small {width:calc(50% - 10px);}
	.first_block > .container {padding:40px 10px;}
	.o_kompanii_boxes {margin-top:50px;}
	.o_kompanii_box_small img, .o_kompanii_box_mid img, .o_kompanii_box_big img {height:40px;margin-bottom:17px;}
}
@media only screen and (max-width:480px) {
	.o_kompanii_box_small, .o_kompanii_box_mid, .o_kompanii_box_big {width:100%;}
	
}
/********************/
.polotna {background:#fff;}
.polotna > .container {padding:70px 20px 80px 20px;}
.polotna_line {margin-top:70px;width:100%;}
.polotna_line_left {width:270px;}
.pvh, .tkan {
	width:100%;
	aspect-ratio:1/1;
	background-size:cover;
	border-radius:10px;
}
.pvh {background-image:url(/img/pvh.jpg);}
.tkan {background-image:url(/img/tkan.jpg);}
.polotna_line_left b {
	font-size:28px;
	text-align:right;
	margin-top:20px;
}
.polotna_line_right {width:calc(100% - 270px);padding-left:20px;}
.polotna_line_right h3 {font-size:32px;margin-bottom:5px;text-align:left;font-weight:500;}
.polotna_line_right span {font-size:20px;margin-bottom:40px;text-align:left;font-weight:500;}
.polotna_line_right p {font-size:16px;margin:0 0 40px 0;padding:0;text-align:left;font-size:16px; line-height:140%;}
.polotna_box {border:1px solid #008E68; border-radius:10px; padding:20px; width:100%;}
.polotna_box h4 {font-size:20px;margin-bottom:40px;text-align:left;font-weight:500;}
.polotna_images {width:100%; gap:40px;}
.polotno_img img {height:30px; width:auto;}
.polotno_img span {font-size:14px; margin-top:5px;color:#777;}

@media only screen and (max-width:1050px) {
	.polotna_line_left b {font-size:22px;}
	.polotna_line_right {width:calc(100% - 240px);}
	.polotna_line_left {width:240px;}
	.polotno_img img {height:18px;}
	.polotna_line_right h3 {font-size:28px;}
	.polotna_line_right span {font-size:18px;margin-bottom:20px;}
	.polotno_img span {font-size:12px;}
	.polotna_box h4 {font-size:18px;margin-bottom:30px;}
}
@media only screen and (max-width:720px) {
	.polotna_line_right p {font-size:14px; margin-bottom:20px;}
	.polotna > .container {padding:50px 10px 60px 10px;}
	.polotna_line {margin-top:50px;width:100%;}
	.polotna_line_right span {font-size:16px;}
	.polotno_img span {font-size:12px;}
	.polotna_line_right {width:calc(100% - 170px);}
	.polotna_line_left {width:170px;}
	.polotna_line_left b {font-size:20px;}
	.polotna_images {gap:20px;}
}
@media only screen and (max-width:580px) {
	.polotna_line_right h3 {margin-bottom:10px;}
	.polotna_line_right h3, .polotna_line_right span {text-align:center;}
	.polotna_line_left {order:2; width:100%;}
	.polotna_line_right {order:1; width:100%; padding-left:0; margin-bottom:20px;}
	.pvh, .tkan {aspect-ratio:3/1;}
	.polotna_line_left b {font-size:24px; text-align:center;}
}

/*************/
.tehno {background:#EDF2F1;}
.tehno > .container {padding:70px 20px 80px 20px;}
.tehno_boxes {margin-top:70px;width:100%;gap:40px;}
.tehno_box {min-width:200px; width:calc(25% - 30px);max-width:300px;border-radius:10px; overflow:hidden; padding-bottom:40px;position:relative; background:#fff;}
.tehno_box div {aspect-ratio:3/2;width:100%;background-size:cover;background-position:center center;border-radius:0 0 10px 10px;}
.tehno_box h4 {font-size:20px;margin:20px;text-align:left;font-weight:500;}
.tehno_box p {font-size:16px;padding:0 20px 20px 20px;text-align:left;line-height:140%;}
.tehno_box button {font-size:16px;background:#008E68;border:1px solid #008E68;color:#fff;padding:10px 20px;border-radius:5px 0 0 0;position:absolute;bottom:0;right:0;}
.tehno_box button:hover {background:#4EB096;border:1px solid #4EB096;}

@media only screen and (max-width:1380px) {
	.tehno_boxes {gap:20px;}
	.tehno_box {min-width:200px; width:calc(25% - 16px);}
}
@media only screen and (max-width:1050px) {
	.tehno_box {min-width:200px; width:calc(50% - 10px);max-width:480px; padding-bottom:35px;}
	.tehno_box h4 {font-size:18px;}
	.tehno_box p {font-size:14px;}
	.tehno_box button {font-size:14px;}
}
@media only screen and (max-width:720px) {
	.tehno > .container {padding:50px 10px 60px 10px;}
	.tehno_boxes {margin-top:50px;}
}
@media only screen and (max-width:480px) {.tehno_box {min-width:200px; width:100%;}}

/*************/
.calc {background:#fff;}
.calc > .container {padding:70px 20px 80px 20px; position:relative;}
.calc_div {margin-top:70px;width:100%;gap:20px;}
.calc_left {width:200px;}
.calc_left_form {border-radius:10px; width:200px; border:2px solid #179876;background:#EDF2F1;gap:20px;padding:20px;}
.calc_left_form label {font-size:16px; text-align:center;font-weight:500;}
.calc_left p {font-size:14px; color:#333; text-align:center; line-height:140%; padding:20px 10px 40px 10px;}
.calc_left p span {font-weight:bold; white-space:nowrap;}
.calc_plus_minus {position:relative;}
.calc_plus_minus input, .calc_plus_minus select {padding:8px 40px; height:40px; border:1px solid #179876; border-radius:10px; text-align:center; font-size:16px; font-weight:500; width:100%;min-width:80px;}
.calc_minus {
	position:absolute;
	top:0; left:0;
	height:40px;
	width:40px;
	background-image:url(/img/minus.svg);
	background-size:18px auto;
	background-repeat:no-repeat;
	background-position:center center;
	background-color:#179876;
	border-radius:10px;
	border:1px solid #179876;
}
.calc_minus:hover {background-color:#4EB096;border:1px solid #4EB096;}
.calc_plus {
	position:absolute;
	top:0; right:0;
	height:40px;
	width:40px;
	background-image:url(/img/plus.svg);
	background-size:18px auto;
	background-repeat:no-repeat;
	background-position:center center;
	background-color:#179876;
	border-radius:10px;
	border:1px solid #179876;
}
.calc_plus:hover {background-color:#4EB096;border:1px solid #4EB096;}

.ruletka {
	height:100%; min-height:500px; max-height:700px; width:150px;
	background-image:url(/img/ruletka.webp);
	background-size:auto 100%;
	background-repeat:no-repeat;
	background-position:center center;
	opacity:.8;
}
.calc_right {width:calc(100% - 240px); max-width:680px;gap:20px;}
.calc_room {width:100%; max-width:680px; padding:20px; gap:20px;border-radius:10px; border:2px solid #179876;background:#EDF2F1;}
.calc_room_cols {gap:20px;}
.room_column {gap:20px; width:33.33%;}
.room_col {width:200px;}
.room_col label {margin-bottom:10px; text-align:center;}
.calc_room b {font-size:28px; text-align:right;}

.calc_form {margin-top:20px;padding:20px;}
.calc_form h3 {font-size:28px;text-align:center;}
.calc_form_inputs {width:100%; max-width:540px; margin-top:40px;}
.calc_form_inputs, .calc_form_inputs > .flex_col {gap:10px;}
.calc_form_inputs input {padding:10px 20px;border:1px solid #179876; border-radius:10px; text-align:left; font-size:16px; width:200px;}
.calc_form_inputs textarea {height:100%; padding:10px 20px;border:1px solid #179876; border-radius:10px; text-align:left; font-size:16px; width:calc(100% - 210px);}
.calc_form_bottom {gap:10px; margin-top:10px; width:100%; max-width:540px;}
.calc_form_bottom button {padding:10px 20px;width:200px; text-align:center;border:1px solid #179876; border-radius:10px; background:#179876; color:#fff; font-size:16px;}
.calc_form_bottom button:hover {background:#4EB096;border:1px solid #4EB096;}
.calc_form_bottom small {width:calc(100% - 210px); font-size:12px; text-align:center; color:#777;line-height:140%;}
.calc_form_bottom small a {color:#777;}
#calc_rooms {gap:20px;}
@media only screen and (max-width:1050px) {
	.room_col {width:160px;}
	.calc_room {-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
	.calc_room b {text-align:center;font-size:26px;}
	.calc_plus_minus input, .calc_plus_minus select {padding:4px 35px; height:35px;font-size:16px;}
	.calc_plus, .calc_minus {height:35px;width:35px;}
	.calc_form h3 {font-size:26px;}
}
@media only screen and (max-width:880px) {
	.room_col label {font-size:14px;}
	.room_col {width:140px;}
	.calc_room b {font-size:24px;}
}
@media only screen and (max-width:780px) {
	.calc_div {
		width:100%;
		-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;
		-webkit-box-align:center;-ms-flex-align:center;align-items:center;
	}
	.ruletka {position:absolute; left:10px; top:20%; z-index:1; height:60%;}
	.calc_left_form, .calc_left p, .calc_right {z-index:99;}
	.calc_form {padding:40px 20px; background:rgba(255,255,255,.8); border-radius:10px; width:100%; max-width:460px;}
	.calc_right, .calc_left {width:100%;}
	.calc_right {-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
	.calc_left p {padding:20px 0 0 0; max-width:300px;background:rgba(255,255,255,.8);}
}
@media only screen and (max-width:720px) {
	.calc_form h3 {font-size:24px;}
	.calc > .container {padding:50px 20px 20px 20px;}
	.calc_div {margin-top:50px;}
}
@media only screen and (max-width:550px) {
	.calc_room_cols {-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}
	.room_column {width:calc(50% - 10px);}
	.room_col {width:100%;}
}
@media only screen and (max-width:480px) {
	.calc_form h3 {font-size:22px;}
	.calc_form_inputs > .flex_col {width:100%;}
	.calc_form_inputs input {width:100%;}
	.calc_form_inputs textarea {width:100%;height:auto;}
	.calc_form_bottom {-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}
	.calc_form_bottom div {width:100%;}
	.calc_form_bottom button {width:100%;}
	.calc_form_bottom small {width:100%; max-width:300px;}
}
@media only screen and (max-width:380px) {
	.calc_form h3 {font-size:20px;}
}


/*************/
.etapy {background:#EDF2F1;}
.etapy > .container {padding:70px 20px 80px 20px;}
.etapy_div {margin-top:70px;width:100%;gap:40px;}
.step {width:calc(25% - 30px); min-width:140px;background:#fff; border-radius:10px; padding:40px 20px;gap:20px;}
.step img {height:70px;}
.step b {font-size:24px; font-weight:500; text-align:center;}
.step p {font-size:16px; margin:0; padding:0;line-height:140%;text-align:center;}
.etapy_bottom {margin-top:80px; width:100%;}
.etapy_bottom button {font-size:18px;background:#008E68;border:1px solid #008E68;color:#fff;padding:15px 30px;border-radius:5px;}
.etapy_bottom button:hover {background:#4EB096;border:1px solid #4EB096;}

@media only screen and (max-width:1280px) {
	.etapy_div {gap:20px;}
	.step {width:calc(25% - 16px);}
}
@media only screen and (max-width:1050px) {
	.step {padding:40px 10px;}
	.step img {height:50px;}
	.step b {font-size:20px;}
	.step p {font-size:14px;}
	.etapy_bottom {margin-top:60px;}
	.etapy_bottom button {font-size:16px;padding:10px 20px;}
}
@media only screen and (max-width:800px) {
	.etapy_div {gap:10px;}
	.step {width:calc(25% - 8px);}	
}
@media only screen and (max-width:720px) {
	.etapy_div {gap:20px;margin-top:50px;}
	.step {width:calc(50% - 10px);}
	.etapy > .container {padding:50px 10px 60px 10px;}
	.etapy_bottom {margin-top:50px;}
}
@media only screen and (max-width:680px) {
	.step b {font-size:18px;}
}
@media only screen and (max-width:480px) {
	.step img {height:40px; margin-bottom:10px;}
	.step {gap:10px;}
	.step b {font-size:16px;}
}
@media only screen and (max-width:380px) {
	.step {width:100%;padding:20px 10px;}
}
/***************/
.primery {background:#fff;}
.primery > .container {padding:70px 20px 80px 20px;}
.primery_div {margin-top:70px;width:100%;}
.photos {width:calc(100% - 100px);overflow:hidden;gap:20px;}
.photos::-webkit-scrollbar {width:0;}
.photos::scrollbar {width:0;}
.photo_div {
	min-width:243px;width:243px;height:182px;
	border-radius:10px;
	overflow:hidden;
	position:relative;
}
.photo_overlay {
	position:absolute;
	top:0; left:0;
	width:100%; height:100%;
	background-color:rgba(255,255,255,.7);
	background-image:url(/img/zoom.svg);
	background-repeat:no-repeat;
	background-size:40px auto;
	background-position:center center;
	opacity:0;
}
.photo_div:hover > .photo_overlay {opacity:1;cursor:pointer;}
.photo {width:243px; height:182px;background-size:cover;background-position:center center;}
.lister_right, .lister_left {
	padding:0 10px;
	width:50px;
	-ms-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
}
.lister_left img, .lister_right img {width:20px;}
.lister_right img:hover, .lister_left img:hover {cursor:pointer; opacity:.7;}
.primery_bottom {margin-top:80px; width:100%;}
.primery_bottom a {font-size:18px;background:#008E68;border:1px solid #008E68;color:#fff;padding:15px 30px;border-radius:5px;text-decoration:none;}
.primery_bottom a:hover {background:#4EB096;border:1px solid #4EB096;}

@media only screen and (max-width:1050px) {
	.primery > .container {padding:70px 0 80px 0;}
	.photos {width:calc(100% - 80px);}
	.lister_right, .lister_left {width:40px;}
	.primery_bottom a {padding:10px 20px;font-size:16px;}
}
@media only screen and (max-width:720px) {
	.primery > .container {padding:50px 0 60px 0;}
	.primery_bottom {margin-top:60px;}
	.primery_div {margin-top:50px;}
}
/***********************/
.serf {background:#EDF2F1;}
.serf > .container {padding:70px 20px 80px 20px;}
.serf_div {margin-top:70px;width:100%;}
.sertificates  {width:calc(100% - 100px);overflow:hidden;gap:20px;}
.sertificates::-webkit-scrollbar {width:0;}
.sertificates::scrollbar {width:0;}
.serf_photo_div {
	min-width:243px;width:243px; height:343px;
	border-radius:10px;
	overflow:hidden;
	position:relative;
}
.serf_photo_div:hover > .photo_overlay {opacity:1;cursor:pointer;}
.serf_photo {
	width:243px; height:343px;
	background-size:cover;
	background-position:center center;
}
@media only screen and (max-width:1050px) {
	.serf > .container {padding:70px 0 80px 0;}
	.sertificates {width:calc(100% - 80px);}
}
@media only screen and (max-width:720px) {
	.serf > .container {padding:50px 0 60px 0;}
	.serf_div {margin-top:50px;}
}
/***************/
.asks {background:#fff;}
.asks > .container {padding:70px 20px 80px 20px;}
.asks_div {margin-top:70px;width:100%;}
.ask_form {width:300px;}
.ask_form > .flex {width:100%;border-radius:10px; border:2px solid #008E68; background:#EDF2F1; padding:40px;}
.ask_form span {margin-bottom:20px; font-size:20px; font-weight:500;text-align:center;}
.ask_form button {font-size:16px;background:#008E68;border:1px solid #008E68;color:#fff;padding:10px 20px;border-radius:5px;text-decoration:none; width:100%;}
.ask_form button:hover {background:#4EB096;border:1px solid #4EB096;}
.asks_boxes {width:calc(100% - 300px); padding-left:40px;gap:20px;}
.ask_box {width:100%;border-radius:10px; border:2px solid #008E68; background:#EDF2F1; padding:20px 30px;}
.ask_box:hover, .ask_box span:hover, .ask_box p:hover {background:#f8f8f8; cursor:pointer;}
.ask_box span {font-weight:500;font-size:20px;line-height:140%;}
.ask_line_btn {
	background-image:url(/img/plus_green.svg);
	background-size:24px auto;
	background-position:right center;
	background-repeat:no-repeat;
	min-width:26px;width:26px; height:26px;
}
.btn_ask_act {transform:rotate(-45deg);}
.ask_box p {display:none; margin-top:20px;font-size:16px; line-height:140%;}

@media only screen and (max-width:1050px) {
	.ask_box span {font-size:18px;}
	.ask_box {padding:15px 20px 15px 20px;}
	.asks_boxes {padding-left:20px;gap:10px;}
	.ask_line_btn {background-size:20px auto;width:22px; height:22px;}
}
@media only screen and (max-width:800px) {
	.ask_form {width:100%; max-width:400px; margin-top:20px;order:2;}
	.asks_boxes {width:100%; padding-left:0;order:1;}
}
@media only screen and (max-width:720px) {
	.asks > .container {padding:50px 10px 60px 10px;}
	.asks_div {margin-top:50px;}	
}
@media only screen and (max-width:480px) {
	.ask_box span {font-size:16px;}
	.ask_line_btn {background-size:16px auto;width:18px; height:18px;}
	.ask_box p {font-size:14px;margin-top:10px;}
}
@media only screen and (max-width:380px) {
	.ask_form > .flex {padding:40px 20px;}
}

/**Popup с фото**/
.port_shower {
	display:none;
	position:absolute;
	position:fixed;
	background:rgba(0,0,0,.8);
	left:0; top:0;width:100%; height:100%;
	z-index:999999999999;
}
.port_show {
	height:90vh;
	margin:2vh;
	width:90vh;
	background-position:center center;
	background-repeat:no-repeat;
}
.show_gorizont {
	background-size:100% auto;
}
.show_vertical {
	background-size:auto 90%;
}
@media only screen and (orientation: landscape) {
	.port_show {
		height:95vh;
		width:130vh;
	}
}
@media only screen and (orientation: portrait) {
	.port_show {
		height:95vh;
		width:100%;
	}	
}

/*************/
.police {
	padding:90px 20px;
}
.police h1 {
	font-size:40px;
	color:#3B464B;
	text-align:center;
	margin-bottom:60px;
}
.police_text {
	width:100%;
	margin-bottom:40px;
}
.police_text b {
	font-weight:500;
	color:#B24B4C;
	font-size:18px;
}
.police_text p {
	line-height:160%;
	margin:10px 0 20px 0;
	padding:0;
	color:#3B464B;
	font-size:16px;
}
/*****************/
#popup_form {position:fixed;left:0;top:0;z-index:99999999;display:none;}
.popup_form {
	width:100vw;height:100vh;
	background:rgba(0,0,0,.5);
	padding:20px;
}
.forma_pop {background:#fff; position:relative; padding:60px 40px 40px 40px; width:100%;max-width:440px;border-radius:10px;box-shadow:0 0 15px -5px rgba(0,0,0,.4);gap:20px;}
.close {
	position:absolute;
	top:20px; right:20px;
	width:25px; height:25px;
	background-image:url(/img/close.svg);
	background-size:100% auto;
	background-position:right top;
	background-repeat:no-repeat;
}
.close:hover {cursor:pointer;opacity:.8;}
#pop_title {font-size:24px; text-align:center;}
.forma_pop input {padding:15px 20px;border:1px solid #179876; border-radius:10px; text-align:left; font-size:16px;}
.forma_pop textarea {display:none; height:100%; padding:15px 20px;border:1px solid #179876; border-radius:5px; text-align:left; font-size:16px; width:100%;}
.forma_pop button {padding:15px 20px; text-align:center;border:1px solid #179876; border-radius:5px; background:#179876; color:#fff; font-size:16px;}
.forma_pop button:hover {background:#4EB096;border:1px solid #4EB096;}
.forma_pop small {width:100%; font-size:12px; text-align:center; color:#777;line-height:140%;}
.forma_pop small a {color:#777;}





/********************/
.portfolio {background:#fff;}
.portfolio > .container {padding:70px 20px 80px 20px;}
.portfolio_photos {margin-top:70px;width:100%; gap:20px; margin-bottom:60px;}
.portfolio p {font-size:16px; line-height:140%;}
@media only screen and (max-width:720px) {
	.portfolio > .container {padding:50px 10px 60px 10px;}
	.portfolio_photos {margin-top:50px;width:100%;}
}

/********************/
.about_txt {background:#fff;}
.about_txt > .container {padding:70px 20px 80px 20px; gap:20px;}
.about_txt p {font-size:16px; line-height:160%;}
@media only screen and (max-width:720px) {
	.about_txt > .container {padding:50px 10px 60px 10px;}
}
/********************/
.contacts {background:#fff;}
.contacts > .container {padding:70px 20px 80px 20px; gap:20px;}
.contacts_con {margin-top:60px;}
.contacts p {font-size:16px; line-height:160%; margin-top:40px; max-width:640px;}
.contacts_left p {margin-top:10px;font-size:14px;}
.contacts_con {width:100%;}
.contacts_left {gap:30px;width:20%;min-width:250px;padding-right:20px;}
.contact_box {gap:10px;}
.contact_box span {font-size:14px;color:#777;}
.contacts_phone {background-image:url(/img/phone.svg);}
.contacts_whatsapp {background-image:url(/img/whatsapp.svg);}
.contacts_telegram {background-image:url(/img/telegram.svg);}
.contacts_vk {background-image:url(/img/vk.svg);}
.contacts_phone, .contacts_whatsapp, .contacts_telegram, .contacts_vk {
	width:30px;height:30px;min-width:30px;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center center;
}
.contact_box a {text-decoration:none;font-weight:500;font-size:20px;margin-left:20px;}
.contact_box a:hover {text-decoration:underline;}
.contacts_middle {width:calc(30% - 40px);min-width:250px;max-width:300px;margin:0 20px;gap:20px; background:#fff; border-radius:10px; border:2px solid #006C00; padding:40px 20px;}
.contacts_middle b {font-size:24px; text-align:center; font-weight:500;}
.contacts_middle input {padding:15px 20px;border:1px solid #179876; border-radius:5px; text-align:left; font-size:16px;}
.contacts_middle button {padding:15px 20px; text-align:center;border:1px solid #179876; border-radius:5px; background:#179876; color:#fff; font-size:16px;}
.contacts_middle button:hover {background:#4EB096;border:1px solid #4EB096;}
.contacts_middle small {width:100%; font-size:12px; text-align:center; color:#777;line-height:140%;}
.contacts_middle small a {color:#777;}

.contacts_right {width:50%; padding-left:20px;}

@media only screen and (max-width:1050px) {
	.contacts_middle {display:none;}
	.contacts_left {width:300px; padding-right:0;}
	.contacts_right {width:calc(100% - 300px); padding-left:0;}
}
@media only screen and (max-width:720px) {
	.contacts > .container {padding:50px 10px 60px 10px;}
	.contacts_left {width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
	.contact_box {width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
	.contacts_right {width:100%;height:300px;}
	.contacts_con {-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:40px;}
	.contacts_left {margin:0 0 40px 0;}
}


/*****************/
footer {width:100%;background:#EDF2F1;}
.footer_top {padding:60px 20px;}
.footer_left {width:33%;gap:10px;}
.footer_phone {
	white-space:nowrap;
	margin-bottom:5px;
	font-size:28px;
	font-weight:bold;
	color:#232A31;
	text-align:right;
	text-decoration:none;
}
.footer_email {
	margin-bottom:5px;
	font-size:16px;
	color:#232A31;
	text-align:right;
	text-decoration:none;
}
.footer_socs {margin-top:10px;gap:20px;}
.footer_link {font-size:16px;text-decoration:none;}
.footer_link:hover {text-decoration:underline;}
.police_link {margin-top:30px;}
.footer_middle {width:34%; padding:20px;}
.footer_middle img {width:100%; max-width:400px;}
.footer_right {width:33%;}
.copyright {padding:20px; font-size:16px; text-align:center;}

@media only screen and (max-width:1050px) {
	.footer_phone {font-size:26px;}
}
@media only screen and (max-width:880px) {
	.footer_right {order:2;width:50%;}
	.footer_left {order:1;width:50%;}
	.footer_middle {order:3; width:100%; padding:20px; margin-top:60px;}
}
@media only screen and (max-width:720px) {
	.footer_phone {font-size:22px;}
	.footer_top {padding:40px 10px;}
}
@media only screen and (max-width:480px) {
	.footer_right {order:1;width:100%;}
	.footer_middle {order:2;margin-top:40px;}
	.footer_left {order:3;width:100%; margin-top:40px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
	.copyright {font-size:14px;padding:10px;}
}