/**@import url('https://fonts.googleapis.com/css2?family=Mulish:wght@300;400;500;700&display=swap');**/
@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;800&display=swap');
:root {
	--yellow:#FFCE00;
	--red:#FF0000;
}

* {font-size:1em;font-weight: normal;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
html {overflow-x:hidden;}
body {
	margin:0; padding:0;
	width:100%; min-height:100vh;
	/**font-family: 'Mulish', sans-serif;**/
	-webkit-text-size-adjust:none;
	-webkit-overflow-scrolling:touch;
	font-size:16px; line-height:1.3; font-weight:400; color:#111;
	background:#f9f9f9;
	min-width:320px;
	
	font-family: "Rubik", sans-serif;
	font-optical-sizing: auto;
}
h1 {font-size:40px;color:#111;font-weight:400; padding:0; margin:0;}
h2 {font-size:calc(22px + (34 - 22) * ((100vw - 320px) / (1920 - 320))); color:#111;padding:0; margin:0;font-weight:400;}
h3 {font-size:30px;color:#111;padding:0; margin:0;font-weight:400;}

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

}
button {border:0; padding:10px 30px; background:var(--yellow); font-size:16px; border-radius:5px; font-size:16px;}
a, a:hover, button, button:hover, .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;
	color:#111;
}
a:hover{cursor:pointer;color:#111;}
p{padding:0; margin:0;}
table {border-collapse:collapse;}
.classic_table {margin-top:20px;min-width:260px; width:100%; max-width:1200px;background:#fff;}
.classic_table a {text-decoration:none;color:#111;font-weight:500;}
.classic_table th {background:#555; padding:15px; border:1px solid #555; font-size:16px; color:#f9f9f9; font-weight:500;text-align:center;}
.classic_table td {text-align:center;padding:15px; border:1px solid #dddddd; font-size:16px;min-width:20px; max-width:150px; overflow:hidden; font-weight:400;}
.classic_table td strike{font-size:14px; color:#898989;}
.classic_table tr:nth-child(odd){background:#fff;}
.classic_table tr {background:#f9f9f9;}

.container {min-width:320px; width:100%; max-width:1280px;}


header {width:100%; background:#fff;}
header .container {padding:20px;}
.header_logo img {width:160px;}
.header_logo_txt {
	color:#aaa; font-size:14px;
	margin-top:-5px;
	margin-left:8px;
}
.header_phone {
	white-space:nowrap;
	font-size:calc(16px + (22 - 16) * ((100vw - 320px) / (1920 - 320)));
	text-decoration:none;
	font-weight:500; margin-bottom:5px;
}
header small {font-size:calc(12px + (14 - 12) * ((100vw - 320px) / (1920 - 320)));color:#252525;}
.header_contacts small {white-space:nowrap;}
.header_button {
	font-size:calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
}
.header_menu {
	background:#252525;
	padding:5px 20px 3px 20px;
	width:100%;
}
.header_menu div {gap:40px;}
.header_link {
	white-space:nowrap;
	text-decoration:none;
	font-size:calc(14px + (20 - 14) * ((100vw - 320px) / (1920 - 320)));
	font-weight:300;
	color:#f5f5f5;
	border-bottom:1px solid #252525;
}
.header_link:hover {color:#fff; border-bottom:1px solid #fff;}

.header_button_mob,.burger {display:none;}
.header_links {display:flex; width:100%;}

@media only screen and (max-width:1050px) {
	.header_menu div {gap:30px;}
	.header_menu {padding:5px 10px 3px 10px;}
}
@media only screen and (max-width:720px) {
	.header_button {display:none;}
	.header_menu {
		position:relative;
		-webkit-box-pack:justify;
		-ms-flex-pack:justify;
		justify-content:space-between;
		-webkit-box-align:center;
		-ms-flex-align:center;
		align-items:center;
	}
	.header_links {
		display:none;
		position:absolute;
		top:100%; right:0;
		background:#252525;
		min-width:260px; width:auto; max-width:500px;
		z-index:99999;
	}
	.header_links > .container {
		-webkit-box-orient:vertical;
		-webkit-box-direction:normal;
		-ms-flex-direction:column;
		flex-direction:column;
	}
	.header_menu div {gap:0;}
	.header_link {border-bottom:0; font-size:16px; padding:10px;}
	.header_link:hover {color:#fff; border:0;}
	.header_button_mob {
		display:block;
		font-size:14px;
		border-radius:2px;
	}
	.burger {
		display:block;
		width:40px; height:auto;
	}
}
@media only screen and (max-width:680px) {
	.header_logo_txt {
		font-size:12px;
		margin-top:-5px;
		margin-left:6px;
	}
}
@media only screen and (max-width:480px) {
	.header_logo img {width:120px;}
	header .container {padding:10px;}
}
@media only screen and (max-width:380px) {
	.header_logo_txt {display:none;}
}


.one_block {
	width:100%;
	padding:0;
	background:rgba(0,0,0,.4);
	min-height:400px; height:100vh; max-height:720px;
	position:relative;
}
.one_block_left {
	min-width:300px; width:calc(50% + 100px);
	margin-right:-200px;
	padding-bottom:20px;
	padding-right:150px;
}
.one_block_right {
	position:sticky;
	top:0; right:0;
	min-width:600px; width:60%;
	background:rgba(255,206,0,.4);
	clip-path: polygon(25% 0, 100% 0, 100% 100%, 0% 100%);
}
.one_block_left_div {
	position:sticky;
	top:0;
	max-width:700px;
	padding-left:40px;
	margin-top:-100px;
}
.one_block_left_div h1 {
	font-size:calc(26px + (46 - 26) * ((100vw - 320px) / (1920 - 320)));
	font-weight:400; margin:0 0 40px 0;
	color:#fff;
}
.one_block_left_div span {
	font-size:calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
	font-weight:300; margin:0 0 40px 0;
	color:#FFCE00;
}
.one_block_left_div p {
	font-size:calc(16px + (22 - 16) * ((100vw - 320px) / (1920 - 320)));
	font-weight:300;
	color:#fff;
}

.one_block_form {
	position:sticky;
	top:20px;
	margin-top:-100px;
	max-width:500px;
	padding-right:20px;
	margin-bottom:20px;
}
.one_block_form span {
	font-size:calc(18px + (34 - 18) * ((100vw - 320px) / (1920 - 320)));
	font-weight:500;
	text-align:left;
	margin-bottom:20px;
	white-space:nowrap;
	margin-left:60px;
}
#one_block_phone {
	padding:15px 25px;
	border-radius:5px;
	background:#fff;
	border:2px solid #000;
	color:#111;
	font-size:20px;
	margin-bottom:20px;
	width:250px;
	margin-left:-120px;
}
#send_one_out {
	margin-left:-100px;
}
.one_block_form button {
	font-size:20px;
	padding:15px 25px;
	background:#000;
	width:320px;
	color:#FFCE00;
	border:2px solid #000;
	margin-left:-190px;
}
.spans {
	animation-name: spans;
	animation-delay:0;
	animation-duration:2s;
	animation-iteration-count:infinite;
	animation-timing-function:ease-out;	
}
@keyframes spans {
	0%{
		opacity:1;
	}
	100% {
		opacity:.5;
	}
}
.span1 {
	padding-right:40px;
}
.span2 {
	padding-right:40px;
}
@media only screen and (max-width: 1450px) {
	.one_block_form {
		margin-left:140px;
	}
}
@media only screen and (max-width: 1300px) {
	.one_block_form {
		margin-left:200px;
	}
}
@media only screen and (max-width: 1200px) {
	.one_block_left {
		min-width:300px; width:calc(60% + 100px);
	}
	.one_block_right {
		min-width:500px; width:50%;
	}
	.one_block_left_div {
		padding-left:20px;
		margin-right:160px;
		max-width:500px;
	}
}
@media only screen and (max-width:1100px) {
	.one_block_form span {margin-left:20px;}
}
@media only screen and (max-width: 1050px) {
	.spans {animation-name:none;white-space:nowrap;}
	.one_block_left {padding-right:0; width:50%; margin-left:0; margin-right:0;}
	.one_block_right {
		min-width:250px; width:auto;
	}
	.one_block_left_div {
		margin-right:0;
	}
	.one_block {
		-webkit-box-pack:justify;
		-ms-flex-pack:justify;
		justify-content:space-between;
	}
	#send_one_out {
		margin-left:0;
	}
	#one_block_phone {
		padding:10px 20px;
		font-size:18px;
		margin-bottom:15px;
		width:240px;
		margin-left:0;
	}
	.one_block_form button {
		font-size:18px;
		padding:10px 20px;
		margin-left:0;
		width:240px;
	}
	.one_block_form span {
		text-align:center;
		margin-bottom:15px;
		white-space:nowrap;
		margin-left:0;
	}
	.one_block_form {
		margin-left:100px;
	}
}
@media only screen and (max-width: 800px) {
	.one_block {
		height:auto;
		-webkit-box-orient:vertical;
		-webkit-box-direction:normal;
		-ms-flex-direction:column;
		flex-direction:column;
	}
	.one_block_left {width:100%; margin:0; padding:0;}
	.one_block_left_div {margin:0; padding:20px; max-width:800px; width:100%;}
	.one_block_left_div h1 {margin:0 0 20px 0;}
	.one_block_left_div span {margin:0 0 20px 0;}
	.one_block_right {min-width:300px; width:100%;}
	.one_block_form {max-width:800px;padding:20px;margin-top:0;}
}
@media only screen and (max-width: 400px) {
	#one_block_phone {font-size:16px;width:180px;}
	.one_block_form button {font-size:16px;width:180px;}
	.spans {
		gap:15px;
		-ms-flex-wrap:wrap;
		flex-wrap:wrap;
		margin-bottom:20px;
	}
	.spans span, .span1, .span2, .span3 {padding:0; margin:0;}
}






.bg_video_div {
	position:absolute;
	left:center;
	bottom:0;
	max-width:100vw;
	z-index:-9999;
	overflow-x:hidden;
}
.bg_video {width:auto; min-width:100vw; height:auto;}
@media only screen and (max-width: 1280px) {
	.bg_video {width:auto; min-width:100vw; height:100vh;}
}
@media only screen and (max-width: 720px) {
	.bg_video {display:none;}
	.one_block {background:rgba(0,0,0,1);}
	.one_block_right {background:rgba(255,206,0,1);}
}






.block_ceny {
	padding:60px 20px 100px 20px;
}
.block_ceny h2 {text-align:center;}

.cards_ceny {
	margin-top:50px;
	gap:40px;
}
.card_ceny {
	position:relative;
	padding-bottom:50px;
	width:300px;
	background:#f5f5f5;
	margin-top:10px;
	border-bottom:2px solid #aaa;
	border-right:1px solid #aaa;
}
.card_ceny_img {
	background-size:cover;
	background-position:center top;
	width:calc(100% + 2px);
	height:250px;
}
.card_ceny_title {
	margin-top:-30px;
	margin-left:-60px;
	width:calc(100% - 30px);
	background:#111;
	color:#f5f5f5;
	font-size:30px;
	font-weight:500;
	padding:10px 20px;
}
.card_ceny p {
	font-size:16px;
	font-weight:300;
	padding:15px 10px 15px 30px;
	width:100%;
}
.card_ceny span {
	font-size:28px;
	font-weight:500;
}
.card_ceny span small {
	font-size:18px;
	font-weight:300;	
}
.card_ceny button {
	position:absolute;
	bottom:-20px; left:-20px;
	border-top:10px solid #fff;
	border-right:10px solid #fff;
	font-weight:400;
	font-size:18px;
}




.how_work {
	background:#f5f5f5;
	padding:60px 0 120px 0;
	clip-path: polygon(0 5%, 100% 0, 100% 95%, 0% 100%);
}
.how_work > .container {
	padding:60px 20px;
}
.how_work h2 {
	font-size:calc(22px + (34 - 22) * ((100vw - 320px) / (1920 - 320)));
	text-align:center;
}
.how_work_p {
	text-align:center;
	font-size:calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
	color:#111;
	font-weight:300;
	margin-bottom:40px;
}
.how_work_cards {
	gap:10px;
}
.how_work_card {
	width:calc(33% - 10px);
	min-width:260px;
	border:1px solid #e7e7e7;
	padding:40px 30px;
	background:#FFCE00;
	position:relative;
	border-radius:5px;
}
.how_work_card strong {
	position:absolute;
	top:-10px; right:10px;
	font-size:calc(80px + (110 - 80) * ((100vw - 320px) / (1920 - 320)));
	color:#252525;
	z-index:1;
	font-weight:700;
	opacity:.6;
}
.how_work_card h3 {
	text-align:center;
	margin:0;
	margin-bottom:10px;
	font-size:calc(18px + (24 - 18) * ((100vw - 320px) / (1920 - 320)));
	font-weight:600;
	text-align:left;
	z-index:10;
	color:#000;
}
.how_work_card p {
	font-size:calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
	font-weight:400;
	margin-left:1px;
	z-index:10;
	color:#000;
}
.how_work_card ul {
	margin-top:8px;
	padding-left:30px;
	z-index:10;
}
.how_work_card li {
	font-size:calc(12px + (14 - 12) * ((100vw - 320px) / (1920 - 320)));
	font-weight:300;
	line-height:140%;
	color:#000;
}
@media only screen and (max-width:1050px) {
	.how_work {clip-path: polygon(0 4%, 100% 0, 100% 96%, 0% 100%); padding:40px 0 160px 0;}
}
@media only screen and (max-width:880px) {
	.how_work_card {width:calc(50% - 10px);}	
}
@media only screen and (max-width:720px) {
	.how_work {clip-path: polygon(0 3%, 100% 0, 100% 97%, 0% 100%); padding:40px 0 100px 0;}
	.how_work > .container {padding:40px 20px;}
	.how_work_cards {padding-bottom:20px;}
	.how_work_card ul {margin-top:5px; padding-left:20px;}
	.how_work_p {margin-bottom:30px;}
}
@media only screen and (max-width:600px) {
	.how_work_card {
		width:100%;
		padding:30px 20px;
	}
	.how_work > .container {
		padding:40px;
	}
}
@media only screen and (max-width:480px) {
	.how_work_card {
		width:100%;
	}
	.how_work > .container {
		padding:40px 20px;
	}
}









.lubovid {
	padding:40px 0;
	background:#fff;
}

.vid_title {
	padding:20px 10px 20px 20px;
	width:50%;
}
.vid_title h2 {
	text-align:left;	
	font-size:calc(22px + (38 - 22) * ((100vw - 320px) / (1920 - 320)));
	font-weight:400;
}
.vid_title2 {
	width:50%;
	padding:20px 20px 20px 10px;
	margin-bottom:5px;
}
.vid_title2 p {
	font-size:calc(16px + (22 - 16) * ((100vw - 320px) / (1920 - 320)));
	text-align:left;
	color:#252525;
}

.vid_selector {
	padding:10px 0;
	background:#fafafa;
	border-radius:5px;
	border:1px solid #f5f5f5;
}
.vid_sel_btn {
	padding:5px 15px;
	color:#111;
	font-size:calc(16px + (20 - 16) * ((100vw - 320px) / (1920 - 320)));
	font-weight:500;
	width:14.28%;
	text-align:center;
	position:relative;
	white-space:nowrap;
}
.vid_sel_btn:hover {
	cursor:pointer;
}
.bol {border-right:1px solid #e2e2e2;}
.vid_sel_btn_div {
	position:absolute;
	left:10%;
	bottom:-10px;
	width:0;
	height:2px;
	background:#ffce00;
	animation-name: vid_sel_btn_div;
	animation-delay: 0;
	animation-duration: .4s;
	animation-iteration-count: 1;
	animation-timing-function: ease-out;
}
@keyframes vid_sel_btn_div{
	0% {
		width:80%;
	}
	100% {
		width:0;
	}
}
.vid_sel_btn:hover > .vid_sel_btn_div, .vid_sel_btn_act div {
	width:80%;
	animation-name: vid_sel_btn_div_show;
	animation-delay: 0;
	animation-duration: .4s;
	animation-iteration-count: 1;
	animation-timing-function: ease-out;
}
@keyframes vid_sel_btn_div_show {
	0% {
		width:0;
	}
	100% {
		width:80%;
	}
}

.vid_cont {
	width:100%;
}

.vid_slider {
	margin-top:20px;
}
.vid_slides {
	overflow:hidden;
	-ms-overflow-style: none;
	scrollbar-width: none;
	width:50%;
	min-width:320px;
	height:auto;
	max-height:420px;
	position:relative;
}
.vid_slide {
	width:100%;
}
.vid_slide img {
	width:100%;
}

.vid_slide_prev {
	position:absolute;
	top:0; left:100%;
	z-index:100;
}
.vid_slide_prev_act {
	animation-name: vid_slide_prev_act;
	animation-delay: 0;
	animation-duration: .6s;
	animation-iteration-count: 1;
	animation-timing-function: ease-out;
	z-index:200;
}
@keyframes vid_slide_prev_act {
	0% {
		left:100%;
	}
	50% {
		left:0;
	}
	100% {
		left:0;
	}
}
.vid_slide_next {
	position:absolute;
	top:0; right:100%;
	z-index:100;
	height:100%;
}
.vid_slide_next_act {
	animation-name: vid_slide_next_act;
	animation-delay: 0;
	animation-duration: .6s;
	animation-iteration-count: 1;
	animation-timing-function: ease-out;
	z-index:200;
}
@keyframes vid_slide_next_act {
	0% {
		right:100%;
	}
	50% {
		right:0;
	}
	100% {
		right:0;
	}
}

.vid_slide_next img, .vid_slide_prev img {
	width:100%;
}


.vid_slide::-webkit-scrollbar {
	width: 0;
	height: 0;
}

.vid_slide_txt {
	width:50%;
	padding:15px;
}
.vid_slide_txt h4 {
	font-size:calc(20px + (32 - 20) * ((100vw - 320px) / (1920 - 320)));
	color:#111;
	text-align:left;
	font-weight:400;
	margin:0 0 15px 0;
}
.vid_slide_txt p {
	line-height:140%;
	font-size:calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
	font-weight:300;
}
.vid_slide_txt p b {font-weight:600;}
.vid_span{
	margin-top:30px;
	font-size:calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
	color:#aaa;
}
.vid_price {
	margin-top:0;
	font-weight:500;
	font-size:calc(18px + (30 - 18) * ((100vw - 320px) / (1920 - 320)));
}

.vid_slide_sel_div {
	overflow:hidden;
	width:100%; height:200px;
	margin-top:7px;
	position:relative;
}
.vid_slide_selector {
	position:absolute;
	top:0; left:0;
	-webkit-transition:all 200ms linear;
	-moz-transition:all 200ms linear;
	-o-transition:all 200ms linear;
	-ms-transition:all 200ms linear;
	transition:all 200ms linear;
}
.vid_sel {
	width:207px;
	height:150px;
	overflow:hidden;
	margin-right:10px;
}
.vid_sel img {
	width:100%;
}

.vid_left_btn, .vid_right_btn {
	z-index:300;
	-webkit-transition:all 200ms linear;
	-moz-transition:all 200ms linear;
	-o-transition:all 200ms linear;
	-ms-transition:all 200ms linear;
	transition:all 200ms linear;
	opacity:9;
}
.vid_left_btn {
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:50px;
	padding:10px;
}

.vid_right_btn {
	position:absolute;
	top:0;
	right:0;
	height:100%;
	width:50px;
	padding:10px;
}
.vid_right_btn:hover, .vid_left_btn:hover {background:rgba(255,255,255,.4); cursor:pointer;}
.vid_left_btn div, .vid_right_btn div {height:100%;}
.vid_left_btn img, .vid_right_btn img {width:20px; z-index:999; opacity:.9;}

.vid_podrob {
	border:1px solid #ffce00;
	color:#111;
	font-size:calc(16px + (20 - 16) * ((100vw - 320px) / (1920 - 320)));
	padding:10px 40px;
	background:#ffce00;
	margin-top:35px;
	margin-bottom:10px;
	outline:none;
	border-radius:5px;
}
.vid_podrob:hover {opacity:.8;}



@media only screen and (max-width:1290px) {
	.vid_sel {
		width:204px;
	}
}
@media only screen and (max-width:1200px) {
	.vid_slides {width:60%;}
	.vid_slide_txt {width:40%;}
}
@media only screen and (max-width:1050px) {
	.vid_cont {order:2;}
	.vid_slide_sel_div {display:none;}
	.vid_slides {
		width:100%;
	}
	.vid_slide_txt {width:100%;}
	.vid_selector {
		margin-left:10px;
		width:calc(100% - 20px);
	}
	.vid_sel_btn {
		padding:5px 10px;
	}
}
@media only screen and (max-width:900px) {
	.vid_slide_txt h4 {
		color:#111;
		text-align:left;
		font-weight:400;
		margin:0 0 15px 0;
	}
	.vid_span {margin-top:20px;}
	.vid_podrob {margin-top:25px;}
}

@media only screen and (max-width:720px) {
	.vid_slide_title {
		-webkit-box-orient:vertical;
		-webkit-box-direction:normal;
		-ms-flex-direction:column;
		flex-direction:column;
	}
	.vid_title, .vid_title h2 {
		text-align:center;
		width:100%;
	}
	.vid_title2, .vid_title2 p {
		text-align:center;
		padding-top:0; padding-bottom:0;
		width:100%;
	}
	.vid_slide_txt p {
		display:none;
	}
	.vid_selector {
		display:none;
	}
	.vid_left_btn, .vid_right_btn {
		width:40px;
		opacity:.5;
		background:rgba(255,255,255,.4);
	}
	.vid_left_btn img, .vid_right_btn img {width:15px;}
}
@media only screen and (max-width:520px) {
	.vid_slide_txt h4 {
		margin:0;
	}
	.vid_span {margin-top:10px;}
	.vid_podrob {margin-top:20px;}
}

.pro_con2 {
	margin-top:20px;
	padding:40px 20px 120px 20px;
	background:#252525;
}
.pro_con {
	margin-top:-120px;
	padding:120px 20px;
	background:#252525;
	clip-path: polygon(0 0, 100% 5%, 100% 100%, 0 95%);
}
.pro_con2 h2, .pro_con h2 {
	font-size:calc(22px + (42 - 22) * ((100vw - 320px) / (1920 - 320)));
	margin-bottom:40px;
	color:#f5f5f5;
}
.pro_div {
	gap:40px;
	width:100%;
}
.pro_card {
	background:#fff;
	position:relative;
	text-decoration:none;
	min-width:300px; width:calc(50% - 20px); max-width:600px;
	padding:20px 10px;
	font-weight:300;
}
.pro_card h3 {
	font-size:calc(16px + (22 - 16) * ((100vw - 320px) / (1920 - 320)));
	text-align:left;
	padding-left:15px;
	border-left:5px solid #252525;
	margin-bottom:15px;
	font-weight:500;
}
.pro_photo {
	width:300px; height:250px;
	overflow:hidden;
	-webkit-transition:all 200ms linear;
	-moz-transition:all 200ms linear;
	-o-transition:all 200ms linear;
	-ms-transition:all 200ms linear;
	transition:all 200ms linear;
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
}
.pro_photo:hover{
	opacity:.8;
}
.pro_descript {
	font-size:calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
	position:relative;
	width:calc(100% - 320px);
	margin:35px 0 35px 15px;
	padding:15px 0 0 15px;
	border-left:1px solid #aaa;
	font-weight:400;
}
.pro_desc_bottom {
	position:absolute;
	bottom:15px; left:0;
	width:100%;
	padding:0 0 0 15px;
}
.pro_desc_bottom span {
	margin-left:15px;
	color:#252525;
	font-size:calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
	font-weight:300;
}
.pdb_circle1, .pdb_circle2, .pdb_circle3 {
	width:30px; height:30px;
	border-radius:180px;
	opacity:.7;
}
.pdb_circle1 {background:#000;}
.pdb_circle2 {background:#FF0000; margin-left:-15px;}
.pdb_circle3 {background:#FFCE00; margin-left:-15px;}


.pro_btn {
	position:absolute;
	z-index:999;
	bottom:-20px; right:-20px;
	border-radius:2px;
	color:#000;
	font-size:calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
	padding:10px 15px;
	background:#FFCE00;
	border:10px solid #252525;
}
.pro_btn:hover{
	cursor:pointer;
}
@media only screen and (max-width:1150px) {
	.pro_photo {
		width:240px; height:200px;
	}
	.pro_descript {width:calc(100% - 260px);}
	.pro_div {gap:35px;}
	.pro_card {min-width:260px; width:calc(50% - 18px);}
}
@media only screen and (max-width:1050px) {
	.pro_photo {
		width:180px; height:150px;
	}
	.pro_descript {width:calc(100% - 200px);}
	.pro_desc_bottom {position:static; padding:20px 0 10px 0;}
	.pro_div {gap:30px;}
	.pro_card {min-width:260px; width:calc(50% - 15px);}
}
@media only screen and (max-width:940px) {
	.pro_photo {
		width:100%; max-width:600px; min-height:200px; height:auto; aspect-ratio:4/3;
	}
	.pro_descript {width:100%;}
}
@media only screen and (max-width:900px) {
	.pro_con {
		margin-top:-160px;
		padding:80px 20px;
	}
}
@media only screen and (max-width:720px) {
	.pro_con {
		margin-top:-120px;
		padding:80px 20px;
		clip-path: polygon(0 0, 100% 2%, 100% 100%, 0 98%);
	}
	.pro_div {gap:25px;}
	.pro_card {min-width:260px; width:calc(50% - 13px); margin-bottom:20px;}
}
@media only screen and (max-width:620px) {
	.pro_card {width:calc(100% - 13px); margin-bottom:20px;}
}
@media only screen and (max-width:520px) {
	.pro_con {
		padding:60px 20px;
		clip-path: polygon(0 0, 100% 1%, 100% 100%, 0 99%);
	}
}
.hleb_div {
	margin:40px 20px 0 20px;
}
.hleb_div a {
	color:#333;
	font-size:14px;
	text-decoration:none;
}
.hleb_div .act {
	text-decoration:underline;
}
.hleb_div a:hover {color:#333;}
.hleb_div .act:hover {color:#333; opacity:.8;}
.hleb_div span {
	padding:0 5px;
	color:#333;
	font-size:14px;
}


/***PROJECTS**/
.pro_h1 {
	font-size:calc(30px + (40 - 30) * ((100vw - 320px) / (1920 - 320)));
	margin:40px 20px 60px 20px;
	text-align:center;
}
.pro_galery {gap:10px; margin-bottom:10px; padding-left:10px;}
.pro_galery div {width:calc(25% - 10px);}
.pro_galery div img {width:100%;}
.pro_photo_page {
	margin:0 10px 10px 10px;
	width:calc(100% - 20px);
}
.pro_text_page {
	padding:20px;
	font-size:calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320)));
	text-align:left;
	color:#181818;
}
.pro_txt_photo {
	padding:10px;
	gap:10px;
}
.pro_txt_photo img {width:50%;}
.pro_txt_photo p {
	width:calc(50% - 30px);
	margin:10px;
	font-size:calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320)));
	text-align:left;
	color:#181818;
}

@media only screen and (max-width:720px) {
	.pro_txt_photo div {width:100%;}
	.pro_txt_photo p {width:100%;}
}
@media only screen and (max-width:680px) {
	.pro_galery div {width:calc(50% - 10px);}
	.pro_h1 {margin:40px 20px 40px 20px;}
}


.pro_back {
	margin:60px 20px 0 20px;
	padding:20px 50px;
	font-size:calc(16px + (20 - 16) * ((100vw - 320px) / (1920 - 320)));
	text-decoration:none;
	border-radius:5px;
	color:#fff;
	background:#333;
}
.pro_back:hover {opacity:.9;color:#fff;}
.pro_back2_div {
	padding:10px 0 60px 0;
	margin:0 40px;
	border-bottom:1px solid #aaa;
}
.pro_back2 {
	font-size:calc(16px + (20 - 16) * ((100vw - 320px) / (1920 - 320)));
	text-decoration:none;
	color:#333;
}
.pro_back2:hover {opacity:.8;text-decoration:underline;}
/**********/







.o_nas {
	padding:60px 20px;
}
.o_nas h2 {margin-bottom:40px;}


.contacts {
	background:#f5f5f5;
	padding:60px 20px;
}
.contacts_line {
	margin-top:60px;
	gap:20px;
	width:100%;
}
.contacts_card {
	width:100%; max-width:280px;
}

.contacts_card_imgs {
	height:60px; margin-bottom:20px;
}
.contacts_card_phone {
	height:60px; margin-bottom:20px;
}
.contacts_card_map {
	width:50px;
}
.contacts_card_mail {
	width:40px;
}

.contacts_card_img2 {
	width:40px;
	padding:0; margin:0 20px 0 0;
}
.contacts_card_img3 {
	width:35px;
	padding:0; margin:0;
}
.contacts_card_img2 img {
	width:40px;
}
.contacts_card_img3 img {
	width:35px;
}
.contacts_card a {
	font-size:calc(18px + (24 - 18) * ((100vw - 320px) / (1920 - 320)));
	text-decoration:none;
	text-align:center;
}
.contacts_card span {
	font-size:calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
	text-align:center;
}
.contacts_card small {
	color:#aaa;
	font-size:calc(12px + (13 - 12) * ((100vw - 320px) / (1920 - 320)));
	text-align:center;
	margin-top:5px;
}








.partners_block {
	padding:0 20px 40px 20px;
}
.partners_block .container {
	padding-top:60px;
	border-top:1px solid #aaa;
}
.partners_title {
	font-size:calc(22px + (34 - 22) * ((100vw - 320px) / (1920 - 320)));
	text-align:center;
}
.partners_title2 {
	margin-bottom:40px;
	font-size:calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
	text-align:center;
	font-weight:300;
}
.partners_blocks  {
	width:calc(100% - 80px);
	overflow:hidden;
	padding:20px 0;
}
.partners_minus, .partners_plus {
	width:40px;
}
.partners_minus img , .partners_plus img {
	width:25px;
}
.partners_card_t {
	min-width:200px; width:200px; height:100px;
}
.partners_card_t div {
	width:100%; height:100%;
	background-repeat:no-repeat;
	background-size:85% auto;
	background-position:center center;
}

@media only screen and (max-width:1050px) {
	.partners_minus, .partners_plus {width:30px;}
	.partners_minus img , .partners_plus img {width:20px;}
	.partners_blocks  {width:calc(100% - 60px);}
}
@media only screen and (max-width:500px) {
	.partners_minus, .partners_plus {width:20px;}
	.partners_minus img , .partners_plus img {width:15px;}
	.partners_blocks  {width:calc(100% - 40px);}
}



.start_block {
	padding:60px 20px 0 20px;position:relative;
	background:#f5f5f5;
}
.start_block h2 {text-align:center;}
.start_cards {gap:20px; padding:40px 0 80px 0;}
.start_card {
	position:relative;
	width:100%; max-width:360px; min-width:260px;
	background:#fff;
	padding:30px 20px 100px 20px;
	border-radius:5px;
	clip-path: polygon(0 0, 100% 0, 98% 100%, 2% 100%);
}
.start_card img {height:60px;}
.start_card span {
	margin:10px 0;
	font-size:calc(16px + (20 - 16) * ((100vw - 320px) / (1920 - 320)));
	font-weight:500;
	text-align:center;
}
.start_card p {
	font-size:calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
	text-align:center;
	font-weight:300;
	margin-bottom:10px;
}
.start_card b {
	font-size:calc(16px + (20 - 16) * ((100vw - 320px) / (1920 - 320)));
	font-weight:500;
	color:var(--red);
}
.start_btn {
	position:absolute;
	bottom:40px; left:20px;
	width:calc(100% - 40px);
	font-weight:500;
	font-size:16px;
	background:#000;
	color:#FFCE00;
	padding:15px 20px;
}
.start_btn:hover {color:#FFCE00; opacity:.8;}

footer {
	width:100%;
	padding-top:20px;
}
footer .container {padding:20px;}
.footer_logo {
	width:33%; min-width:220px;
}
.footer_center {
	width:34%; min-width:220px;
}
.footer_right {
	width:33%; min-width:220px;
}
.footer_right small {text-align:right;}
.footer_right .com {text-align:right; margin-top:20px; color:#aaa;}
.footer_logo img {
	width:160px;
}
.copyright {
	width:100%;
	padding:20px;
	background:#111;
}
.copyright span {
	text-align:center;
	color:#fff;
	font-size:calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
}
.footer_link {
	white-space:nowrap;
	font-size:calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
	line-height:1.6;
	text-decoration:none;
}
.footer_botl {
	padding:0 10px 20px 0;
	min-width:220px;
	width:33%;
}
.footer_botc {
	padding:0 10px;
	min-width:200px;
	width:34%;
}
.footer_botc img {width:200px;}
.footer_botr {
	width:33%;
	padding:0 0 20px 10px;
	min-width:200px;
}
.footer_botr span {
	font-size:calc(12px + (14 - 12) * ((100vw - 320px) / (1920 - 320)));
	max-width:220px;
	text-align:right;
	color:#aaa;
}
.footer_button {
	font-size:calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
}
.footer_phone {
	white-space:nowrap;
	font-size:calc(16px + (22 - 16) * ((100vw - 320px) / (1920 - 320)));
	text-decoration:none;
	font-weight:500; margin-bottom:5px;
}

@media only screen and (max-width:720px) {
	.footer_logo {
		width:50%;
	}
	.footer_center {
		width:50%;
		-webkit-box-pack:end;
		-ms-flex-pack:end;
		justify-content:flex-end;
	}
	.footer_right {
		margin-top:20px;
		width:100%;
	}
	.footer_botl {width:50%;order:1;}
	.footer_botr {width:50%;order:2;}
	.footer_botc {width:100%;order:3; margin-top:20px;}
}
@media only screen and (max-width:500px) {
	footer .container {padding:0;}
	.footer_logo {
		width:100%;
		-webkit-box-pack:center;
		-ms-flex-pack:center;
		justify-content:center;
	}
	.footer_center {
		width:100%;
		-webkit-box-pack:center;
		-ms-flex-pack:center;
		justify-content:center;
	}
	.footer_right {
		margin:20px 0;
		width:100%;
		-webkit-box-align:center;
		-ms-flex-align:center;
		align-items:center;
	}
	.footer_botl {
		width:100%;order:1;
		padding:0 0 20px 0;
		-webkit-box-align:center;
		-ms-flex-align:center;
		align-items:center;
	}
	.footer_botr {width:100%;order:2;}
	.footer_botr span {max-width:480px; text-align:center;}
	.footer_botc {
		width:100%;order:3; margin-bottom:20px;
	}
	.footer_button {margin-top:20px;}
}







.popup_form {
	display:none;
	position:absolute;
	position:fixed;
	left:0; top:0;
	z-index:9999999;
	background:rgba(0,0,0,.5);
	height:100vh;
	width:100%;
}
.popup_form_container {
	height:100vh;
	width:100%;	
}
.pop_form {
	min-width:280px; width:100%; max-width:400px;
	padding:40px 20px;
	border-radius:5px;
	background:#fff;
	box-shadow:0 0 15px -5px rgba(0,0,0,.5);
	margin:0 20px;
}
.pop_form b {
	font-size:26px;
	margin-bottom:30px;
	text-align:center;
	font-weight:500;
}
.pop_form input {
	width:100%; max-width:360px;
	padding:10px 20px;
	border:2px solid #FFCE00;
	border-radius:5px;
	color:#111; font-size:16px;
	margin-bottom:10px;
}
.pop_form input::placeholder {
	color:#7d7d7d; font-size:16px;
}
.pop_hidden {display:none;}
.input_file {
	padding:10px 20px;
	border:2px solid #FFCE00;
	border-radius:5px;
	width:100%;
	background:#FFCE00;
	position:relative;
	display:inline-block;
	margin-bottom:10px;
}
.input_file span {color:#000;font-size:16px;}
.input_file input[type=file] {
	position: absolute;
	z-index: -1;
	opacity: 0;
	display: block;
	width: 0;
	height: 0;
}
.input_file:hover {opacity:.9;cursor:pointer;}

.pop_form button {
	width:100%; max-width:360px;
	color:#FFCE00;
	padding:10px 20px;
	background:#181818;
	border:2px solid #000;
	border-radius:5px;
	font-size:16px;
	margin-bottom:20px;
	margin-top:10px;
}
.pop_form button:hover {opacity:.9;}

.pop_form small {
	color:#aaa;
	font-size:14px;
	text-align:center;
	max-width:240px;
}
.pop_form small a {font-size:14px;color:#111; opacity:.6;}
.pop_form small a:hover {color:#111; opacity:1;}

@media only screen and (max-width:500px) {
	.pop_form {padding:40px 20px;}
	.pop_form b {font-size:22px;}
	.pop_form input {font-size:16px;}
	.pop_form input::placeholder {font-size:14px;}
	.pop_form button {font-size:16px;}
	.pop_form small {font-size:12px;}
	.pop_form small a {font-size:12px;}
}






.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:95vh;
	margin:2vh;
	width:90vh;
	background-position:center center;
	background-repeat:no-repeat;
}
.show_gorizont {
	background-size:100% auto;
}
.show_vertical {
	background-size:auto 95%;
}
@media only screen and (orientation: landscape) {
	.port_show {
		height:95vh;
		width:130vh;
	}
}
@media only screen and (orientation: portrait) {
	.port_show {
		height:95vh;
		width:100%;
	}	
}