@charset "utf-8";
/* CSS Document */
@font-face {
	font-family: 'AGBengaly';
	src: url('../fonts/AGBengaly.eot');
	src: local('AGBengaly'), local('AGBengaly'),
		url('../fonts/AGBengaly.eot?#iefix') format('embedded-opentype'),
		url('../fonts/AGBengaly.woff') format('woff'),
		url('../fonts/AGBengaly.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'CenturySchlbkCyrillicBT-Roman';
	src: url('../fonts/CenturySchlbkCyrillicBT-Roman.eot');
	src: local('CenturySchlbkCyrillicBT-Roman'), local('CenturySchlbkCyrillicBT-Roman'),
		url('../fonts/CenturySchlbkCyrillicBT-Roman.eot?#iefix') format('embedded-opentype'),
		url('../fonts/CenturySchlbkCyrillicBT-Roman.woff') format('woff'),
		url('../fonts/CenturySchlbkCyrillicBT-Roman.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'Muller';
    src: local('Muller Regular'), local('Muller-Regular'),
        url('../fonts/MullerRegular.woff2') format('woff2'),
        url('../fonts/MullerRegular.woff') format('woff'),
        url('../fonts/MullerRegular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
  }
body { margin:0; padding:0; font-size:18px; background:#FFF; color:#2b2a28; font-family:Muller, Arial, serif}
h1 { font-size:25px; line-height: normal; text-align: left;}
h2 { font-size:35px; font-weight:normal; text-align: left;}
h3 { font-size:30px; font-weight:normal;}
.center { text-align: center;}
a { color: #2075a1; }
input,textarea { width:100%; outline:none; padding:10px;font-family:Muller, Arial, Helvetica, sans-serif; margin:0 0 5px 0; border:#b6b6b6 solid 1px;box-sizing:border-box}
textarea {resize: vertical;}
select { width:100%}
input[type=submit] {padding:10px; font-size:20px; margin:0 auto; cursor:pointer; font-family:Muller, Arial, sans-serif; color:#fff; border:none; background:#a92f00;-webkit-transition:all ease-out 0.25s;transition:all ease-out 0.25s;-moz-transition:all ease-out 0.25s;}
input[type=submit]:hover {background:#923208}
input:-moz-placeholder { color:#c3b9b9;}
textarea:-moz-placeholder { color:#c3b9b9;}
input::-webkit-input-placeholder { color:#c3b9b9;}
textarea::-webkit-input-placeholder { color:#c3b9b9;}
.b-call input:-moz-placeholder { color:#b2b2b2}
.b-call textarea:-moz-placeholder { color:#b2b2b2;}
.b-call input::-webkit-input-placeholder { color:#b2b2b2;}
.b-call textarea::-webkit-input-placeholder { color:#b2b2b2;}
.warn { border:#ff0000 solid 2px;}
.warn::-webkit-input-placeholder { color:#FF0000;}
.warn:-moz-placeholder { color:#FF0000;}
.anim {-webkit-transition:all ease-out 0.25s;transition:all ease-out 0.25s;-moz-transition:all ease-out 0.25s;}
img { max-width:100%}
img[align=left] { padding:0 15px 0 0}
.menu-but,.menu-but-w {width:34px; height:30px; display:none; padding:0; cursor:pointer; color:#000; font-size:12px; letter-spacing:1px; z-index:7; margin:2px 0 0 0}
	.menu-but-w { color:#FFF}	
	.menu-ico { width:33px; height:25px; position:relative; top:12px;}
	.menu-ico span:after, .menu-ico span:before {content: ""; position: absolute; left: 0; top: -10px;}
	.menu-ico span:after{ top: 10px;}
	.menu-ico span { position:relative; display:block;}		
	.menu-ico span, .menu-ico span:after, .menu-ico span:before { width: 100%;  height: 4px;  background-color: #000;  transition: all 0.3s;  backface-visibility: hidden;  border-radius: 4px;-moz-border-radius: 4px;}
	.menu-but-w .menu-ico span, .menu-but-w .menu-ico span:after, .menu-but-w .menu-ico span:before {  background-color: #fff;}
	.on { color:#ffffff; background:none; z-index:1000}
	.on .menu-ico span { background-color: transparent;}
	.on span:before { transform: rotate(45deg) translate(10px, 10px); background-color:#fff;}
	.on span:after { transform: rotate(-45deg) translate(4px, -4px); background-color:#fff;}
	.on .menu-ico { height:30px;}
.clear { clear:both}
.box-flex,.box-flex2,.h-phone, .menu, .h-but, .b-sl, .preim-img, .box-flex-a2, .box-flex-c, .f-phone, .f-mail, .b-created .main, .b-kat, .box-flex-c2 {display:flex; flex-direction:row; justify-content:space-between; align-items:flex-start; flex-wrap:nowrap}
.box-flex2, .b-kat {flex-wrap:wrap}
.h-phone, .box-flex-c {align-items:center}
.h-but, .preim-img {justify-content:center;align-items:center}
.box-flex-c2 {justify-content:center; flex-wrap:wrap; gap: 50px;}
.b-sl {flex-direction:column;justify-content:space-around}
.box-flex-a2 {justify-content:space-around; flex-wrap:wrap}
.f-phone, .f-mail {justify-content:flex-start;align-items:center}
.sert-el { margin: 0 0 30px 0;}
.sert-img { /*border: #b9b9b9 solid 1px; */box-shadow: 0 0 18px #ccc9c9;}
.sert-img img { display: block;}
.main { max-width:1700px; margin:0 auto}
.fon-vn { background:url(../images/shapka.jpg) no-repeat center top / contain; }
.header-vn { height:150px; padding:30px 5.6% 0 5.6%; box-sizing:border-box; transition: all ease-out 0.25s;}
.slider { position:relative}
#slider { position:relative; z-index:1}
.kat-img-more, .kat-img-more2 { display: flex; justify-content: center; gap: 10px; margin: 0 auto;}
.kat-img-more2 { width: 67%;}
/*.big-photo-list { width: 500px;}*/
.header { width:100%; max-width:1700px; position:absolute; top:0; z-index:3; padding:38px 0 0 0; left:50%; transform:translateX(-50%); transition: all ease-out 0.25s;}
	.logo { width:130px; flex-shrink:0}
	.menu { width:64%; /*text-transform:uppercase;*/ margin:-2px 0 0 0; padding:20px 0 0 0; overflow:hidden}
		.menu a { color:#000; display:inline-block; text-decoration:none; position:relative}
			.menu a:after,.menu span:after { content:''; width:100%; height:5px; display:block; position:absolute; left:0; top:-25px; background:#ee681e;-webkit-transition:all ease-out 0.25s;transition:all ease-out 0.25s;-moz-transition:all ease-out 0.25s;}
			.menu a:hover:after,.menu span:after{ top:-20px}
		.menu span { color:#ee681e; display:inline-block; position:relative}
	.h-info { margin:5px 0 0 0; flex-shrink:0}
		.h-phone { font-size:30px; font-family:Muller, Arial, sans-serif}
			.h-phone img { display:block; padding:0 18px 0 0}
			.h-phone a { text-decoration:none; color:#000}
		.h-but { width:100%; height:46px; background:#ee681e; color:#fff; margin:40px 0 0 0; cursor:pointer}
			.h-but img { margin:0 40px 0 0; font-family:Muller, Arial, sans-serif; font-weight:normal}
			.h-but:hover {background:#ce5917}
.stati-item, .stati-item-list { display: flex; justify-content: space-between; margin: 0 0 30px 0;}
.stati-item-list {margin: 0 0 60px 0;}
  .stati-list-anons { font-size: 18px; margin: 10px 0 0 0;}
  .stati-info-list { width: 79%; padding: 0 40px 0 0;}
  .stati-info-list p { padding: 0; margin: 0;}
  	.stati-anot-list { line-height: normal; margin: 20px 0 0 0;}
  	.stati-info { font-size: 14px; line-height: normal; padding: 0 40px 0 0;}
  	.stati-name { font-size: 22px; margin: 0 0 10px 0; text-align: left;}
	.stati-name-en { margin: 0 0 20px 0;}
  	.stati-img { flex-shrink: 0;}
	.stati-img-list { width: 15%; flex-shrink: 0;}
	  .stati-jurnal, .stati-key, .stati-anotaciya { padding: 6px 0;}
	  /*.stati-key, .stati-jurnal { text-transform: uppercase;}*/
	  .stati-izdanie { padding: 14px 0;}
	  .stati-izdanie p { padding: 0; margin: 0;}
	  /*.stati-pad { min-width: 150px;}*/
	  .stati-text { width: 80%; font-size: 18px;}
.b-sl { height:100%; width:100%; max-width:1700px; top:0; left:50%; transform:translateX(-50%); box-sizing:border-box; padding:10% 0 0 0; position:absolute; z-index:2; font-family:Muller, Arial, sans-serif}
	.b-sl h1 { font-size:126px; font-weight:normal; padding:0; margin:0; color:#569521; text-transform:uppercase;-webkit-transition:all ease-out 0.25s;transition:all ease-out 0.25s;-moz-transition:all ease-out 0.25s; position:relative}	
	.b-sl sup { font-size:20px; font-family:Muller, Arial, sans-serif; position:absolute; top:29px}
	.sl-slog { font-size:40px; color:#fff;-webkit-transition:all ease-out 0.25s;transition:all ease-out 0.25s;-moz-transition:all ease-out 0.25s;}
	.sl-slog2 { font-size:35px; color:#8d3907;-webkit-transition:all ease-out 0.25s;transition:all ease-out 0.25s;-moz-transition:all ease-out 0.25s; margin:10% 0 0 0}
#slider-h {margin:-100px auto 0 auto}	
#slider-h .owl-item img { margin:0 auto}
/*.green .b-sl h1 { color:#569521}*/
.green .sl-slog { color:#8d3907}
/*.green .menu a:after,.green .menu span:after,.green .h-but {background:#13943e}
.green .h-but:hover {background:#108537}*/
.b-text { text-align:center; padding:60px 0; background: #ffeadf; font-size: 22px;}
	.b-text h2 { margin:0 0 30px 0}
.b-preim { background:#ffeadf; text-align:center; font-size:20px; color:#fff; padding:34px 0}
  .b-preim-vn { display: flex; flex-wrap: wrap; justify-content: space-around; align-items: stretch;}
	.b-preim h2 { max-width:1100px; margin:0 auto; color:#2b2a28;}
	.el-preim { width:22%; margin:60px 0; min-height:301px; position:relative; background:linear-gradient(to top, #b13500 0%, #e1632c 100%)}
		.preim-sp { box-shadow:0 0 20px rgba(0,0,0,0.5); min-height:301px; padding:12px; position:relative; z-index:5}
		.preim-img { width:166px; height:166px; border-radius:50%; background:#df7a51; border:#cd5620 solid 14px; margin:0 auto}
		.preim-img img { width: 116px; max-height: 116px;}
		.preim-name { padding:3px 10px 40px 10px}
		.preim-num { width:74px; height:74px; font-size:50px; font-weight:bold; background:linear-gradient(to top, #b13500 0%, #e1632c 100%); border-radius:50%;font-family:AGBengaly, Arial, sans-serif; text-align:center; padding:12px 0 0 0; box-sizing:border-box; position:absolute; left:50%; bottom:-49px; transform:translateX(-50%); box-shadow:0 4px 20px rgba(0,0,0,0.5); z-index:5}
		.preim-circle { width:96px; height:96px; border-radius:50%; background:#c7b8b2; box-shadow:0 0 10px inset rgba(0,0,0,0.5); position:absolute; left:50%; bottom:-60px; transform:translateX(-50%); z-index:2}
		.bl-w { width:100%; background:#ffeadf; height:60px; position:absolute; left:0; bottom:-60px; z-index:3}
.b-obl { max-width:1920px; margin:0 auto; padding:60px 0;}
.b-obl p { line-height: 24px;}
	.b-obl .main { overflow:hidden}
	.b-obl h2 { position:relative; z-index:9}
	.obl1 { height:480px; margin:-40px 0 0 0; position:relative; z-index:7}
		/*.obl1 img { margin:0 0 0 -82px}*/	
		.obl-t1 { width:740px}
	.obl2 {}
		.obl2 img { margin:-70px 0 0 0}	
		.obl-t2 { width:740px; text-align:right}
	.obl3 img { margin:-90px 0 0 0}	
	.obl4 img { margin:-60px 0 0 -110px}
	.obl5 img { margin:-64px -82px 0 0}	
	
	/*.obl3 img { width: 40%;}*/
		.obl-t { width:50%;}
		.text-right { text-align: right;}

.b-partners { padding: 40px 0;}
.zag { font-size: 35px; text-align: center; margin: 0 0 30px 0;}
#slider2 .owl-stage {display: flex; align-items: stretch;}
#slider2 .owl-item { display: flex; justify-content: center; align-items: center;}
		/*.sl-item-partners { display: flex; justify-content: center; align-items: center;}*/
/*.sl-item-partners img { margin: 0 auto; display: block;}*/
.b-diplom { margin: 80px 0 0 0;}
.b-diplom h2 { margin: 0 0 60px 0;}
.cont { margin:30px 5.6% 50px 5.6%; line-height: 24px; text-align: justify;}
.cont-sm-pad { margin:30px 5.6% 60px 5.6%;}
.cont-text-w60 { max-width: 60%;}
	.cont h1 { margin: 0 0 40px 0;}
	.b-kat {}
/*.big-photo-list { width: 630px;}*/
		.el-kat { width:47%; margin:20px 0;}
		.el-kat2 { margin:60px 0;}
  			.el-kat h3 {color:#589324; font-size:1.3vw; font-weight: bold;}
			.name-kat h2 { color:#589324; font-size:1.3vw; text-align:center; font-weight:bold; padding:0 0 16px 0; margin:0; line-height: normal;}
			.kat-img { margin:0 auto; flex-shrink: 0;}
			.kat-img img { max-width: 664px; margin:0 auto; display: block;}
			.kat-img-mobile { display: none;}
			.kat-i {width: 100%;}
			/*.el-kat:first-child { width: 40%;}*/
			/*.el-kat:nth-child(3) .kat-img-more { margin: 12px auto 0 auto;}*/
		.pic-kat { text-align:center}
			.pic-kat img { display:block; margin:-100px auto 0 auto}
	.block-right { max-width: 412px; margin: 0 0 0 auto;}
.feed-back { max-width: 400px; margin: 0 auto 70px auto; text-align: center;}
.feed-back input[type=submit] {background:#923208}
.feed-back input[type=submit]:hover {background:#7c2905}
.map { height: 400px;}
.footer {background:#a92f00; padding:70px 0; color:#fff}	
	.f-logo { width:124px}
	.f-zag a { color:#fff; font-weight:bold; text-decoration:none}
	.f-bl7 { width:280px}
	.f-menu { padding:20px 0 0 0}
		.f-menu a { display:block; text-decoration:none; color:#000; padding:3px 0}
	.f-but { width: 214px; height:46px; background:#ee681e; color:#fff; margin:0 auto 50px auto; cursor:pointer; display: flex; align-items: center; padding: 0 20px;}
		.f-but img { margin:0 40px 0 0; font-family:Muller, Arial, sans-serif; font-weight:normal}
		.f-but:hover {background:#ce5917}
	.f-phone { font-weight:bold; font-size:22px}
		.f-phone img { width: 25px; margin:0 26px 0 0; flex-shrink:0}
		.f-phone a { color: inherit; text-decoration: none;}
	.f-mail { margin:20px 0 0 0}
		.f-mail img {margin:0 26px 0 0; flex-shrink:0}
.b-created { color:#fff; background:#a92f00; text-align:right; padding:5px 0}
	.b-created .main { padding:0 126px}
	.copy {}
	.created a { color:#fff; text-decoration:none}
	.created span { color:#ff0000}
.unified-checkbox {
	display: inline-block;
	position: relative;
	cursor: pointer;
	padding-left: 30px;
}
.unified-checkbox .checkbox-text {
	color: initial;
}
.unified-checkbox input[type="checkbox"] + .checkbox-text:hover:after {
	border: 1px solid #dee0ee;
}
.unified-checkbox input[type="checkbox"] + .checkbox-text:after {
	content: "";
	display: block;
	width: 15px;
	height: 15px;
	background: #fff;
	border: 1px solid #dee0ee;
	border-radius: 3px;
	position: absolute;
	top: 0;
	left: 0;
	margin: auto;
	transition: border ease 0.3s;
}
.unified-checkbox input[type="checkbox"] {
	position: absolute;
	margin-left: -20px;
	display: none;
}
.unified-checkbox input[type="checkbox"]:checked + .checkbox-text:after {
	border: 1px solid #dee0ee;
	background-color: #fff;
}
.unified-checkbox input[type="checkbox"]:checked + .checkbox-text:before {
	width: 16px;
	height: 16px;
	content: '';
	display: block;
	position: absolute;
	top: -1px;
	left: -1px;
	z-index: 1;
	mask-image: url('data:image/svg+xml;utf8,<svg width="20" height="20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.635 12.66 16.295 5l1.18 1.178-8.84 8.84-5.303-5.304L4.51 8.536l4.125 4.125Z" fill="black"/></svg>');
	-webkit-mask-image: url('data:image/svg+xml;utf8,<svg width="20" height="20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.635 12.66 16.295 5l1.18 1.178-8.84 8.84-5.303-5.304L4.51 8.536l4.125 4.125Z" fill="black"/></svg>');
	background-color: #575b71;
}
.policy {
	margin: 20px 0;
}

.form-group-error input[type="checkbox"] + .checkbox-text:after
 {
	border: #ff0000 solid 1px;
}

.b-cookie {
	filter: drop-shadow(0 0 27px rgba(0,0,0,.12));
	left: 50%;
	padding: 12px 24px;
	position: fixed;
	transform: translate3d(-50%,-24px,0);
	width: 640px; bottom:10px; background:#fff; border:#eaeaea solid 1px;border-radius: 12px; z-index: 55;}
.main-cu { font-family: Arial, Helvetica, sans-serif; display:flex; justify-content: center; align-items:center;}
.b-cookie-text { margin:0 70px 0 0; font-size:14px}
.b-cookie-but button {
	border-radius: 12px;
	padding: 12px 30px;
	margin: 0;
	background: #ee681e;
	border: none;
	cursor: pointer;
	color: #fff;
}
#topcontrol { width:60px; height:60px; position: fixed; z-index: 9999; bottom: 50px; right: 50px; cursor: pointer; text-align:center; background:url(../images/up-arrow.png) no-repeat center #ee681e; opacity: 0.5; filter:alpha(opacity=50);border-radius:50%; webkit-border-radius:50%; moz-border-radius:50%;}
#topcontrol:hover {opacity: 1;filter:alpha(opacity=100);}

	@-moz-keyframes strtop {0%{top:0px}50%{ top:-3px}100%{ top:0px}}
	@-webkit-keyframes strtop {0%{ top:0px}50%{top:-3px}100%{ top:0px}}
	@-ms-keyframes strtop {0%{ top:0px}50%{top:-3px}100%{ top:0px}}
	@-o-keyframes strtop {0%{ top:0px}50%{top:-3px}100%{ top:0px}}
	.tbor { border-left:#666 solid 1px; border-top:#666 solid 1px;}
	.tbor th { border-bottom:#666 solid 1px;  border-right:#666 solid 1px; background:#999; height:30px;}
	.tbor td { border-bottom:#666 solid 1px;  border-right:#666 solid 1px; border-spacing: 4px;}
	#fade { /*--Transparent background layer--*/
		display: none; /*--hidden by default--*/
		background: #000;
		position: fixed; left: 0; top: 0;
		width: 100%; height: 100%;
		opacity: .5;
		z-index: 7;
	}
	.popup_block {box-sizing:border-box;
		display: none; /*--hidden by default--*/
		background: #ffffff;
		color:#333333;
		padding: 21px 30px;
		float: left;
		font-size: 1.2em;
		position: fixed;
		font-size:12px; text-align:left;
		top: 50%; left: 50%;
		transform: translate(-50%,-50%);
		z-index: 8;
		/*--CSS3 Box Shadows--*/
		-webkit-box-shadow: 0px 0px 5px #252424;
		-moz-box-shadow: 0px 0px 5px #252424;
		box-shadow: 0px 0px 5px #252424;
		/*--CSS3 Rounded Corners--*/
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		 
	}
	.popup_block h3 { text-transform:uppercase; font-size:22px}
	.popup_block input,.popup_block textarea { display:block; width:100%;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	img.btn_close {
		float: right;
		margin: -4px -10px 0 0;
	}
	/*--Making IE6 Understand Fixed Positioning--*/
	*html #fade {
		position: absolute;
	}
	*html .popup_block {
		position: absolute;
	}
@media only screen and (max-width: 1920px){	
	.h-phone { font-size:26px}
	.header { padding:30px 5.6% 0 5.6%; box-sizing: border-box}
}
@media only screen and (max-width: 1722px){	
	.b-sl { padding:8% 40px 0 40px}	
	.obl1 img,.obl2 img,.obl3 img,.obl5 img { max-width:46%}
	.obl4 img { max-width:50%; margin:-60px 0 0 -40px}
	.logo { width:109px}
}
@media only screen and (max-width: 1622px){	
	.main { width:100%; padding:0 40px; box-sizing:border-box}
	.h-phone { font-size:20px}
	.h-phone img { width:28px}
	.h-but { height:40px; margin:30px 0 0 0}
	/*.logo { width:170px}*/
	.h-info { margin:12px 0 0 0}
}
@media only screen and (max-width: 1560px){
	.el-preim { width: 19%;}
	.kat-img-more2 {
		width: 62%;
	}
	.kat-img img { max-width: 100%;}
	/*.el-kat:nth-child(3) .kat-img-more { margin: 10px auto 0 auto;}*/
}
@media only screen and (max-width: 1500px){	
	.b-sl h1 { font-size:100px}
	.b-sl sup { top:20px}
	.obl-t2, .obl-t1, .obl-t3, .obl-t4 { width:48%}
	.sl-slog { font-size:32px}
	.sl-slog2 { font-size:28px}
	h1,h2, .zag { font-size:32px}
	h3 { font-size:26px}
	.b-preim { font-size:18px}
	.preim-num { font-size:48px; padding:13px 0 0 0}
	.sl-slog2 { margin:6% 0 0 0}
}
@media only screen and (max-width: 1450px){	
	.f-phone { font-size:20px}
	.menu { font-size:18px}
	.logo { width:93px}
	.h-phone { font-size:22px}
}
@media only screen and (max-width: 1400px){	
	/*.name-kat h2 { font-size:22px; padding:0}*/
	.el-kat { margin:30px 0}
	.cont { margin:30px 5.6% 50px 5.6%}
	.cont-sm-pad { margin:30px 5.6% 60px 5.6%}
	/*.el-kat:nth-child(3) .kat-img-more { margin: 8px auto 0 auto;}*/
}
@media only screen and (max-width: 1340px){	
	/*.name-kat h2 { font-size:18px}*/
}
@media only screen and (max-width: 1318px){	
	.menu { font-size:14px; width:60%}
	.b-sl h1 { font-size:100px}
	.sl-slog { font-size:28px}
	.sl-slog2 { font-size:24px}
	h1, h2, .zag { font-size:28px}
	.el-preim { margin:40px 0 0 0}
	.preim-img { width:126px; height:126px}
	.preim-img img { max-width: 69%; max-height: 69%}
	.preim-name { padding:10px}
	.preim-sp,.el-preim {min-height:260px}
	.preim-num { font-size:42px; width:66px; height:66px; bottom:-42px}
	.preim-circle { width:88px; height:88px; bottom:-52px}
	.obl1 img, .obl2 img, .obl3 img, .obl5 img, .obl6 img { max-width:43%}
	.obl3 img { margin:-40px 0 0 0}
	.obl5 img { margin:-40px -82px 0 0}
	.obl4 img { margin:-40px 0 0 -40px}
	.f-bl7 { width:auto}
	.obl1 { height:auto}
	/*.el-kat:nth-child(3) .kat-img-more { margin: 6px auto 0 auto;}*/
}
@media only screen and (max-width: 1220px){	
	.menu { font-size:12px}
	.h-but { height:32px}
	.h-but img { width:20px}
	.logo { width:100px}
	.h-phone { font-size:16px}
	.h-but img { margin:0 16px 0 0}
	.h-but { height:36px}
	.b-sl sup { top:15px}
	.b-sl h1 { font-size:80px}
	.sl-slog { font-size:23px}
	.sl-slog2 { font-size:20px}
	h1, h2, .zag { font-size:24px}
	.b-preim { font-size:16px}
	.preim-num { width:60px; height:60px; font-size:36px; padding:12px 0 0 0}
	.preim-circle { width:82px; height:82px}
	.preim-img { width:100px; height:100px; border:#cd5620 solid 10px}
	.preim-sp, .el-preim { min-height:228px}
	.el-preim { margin:60px 0 0 0}
	.b-preim { padding:44px 0 100px 0}
	.obl2 img { margin:-40px 0 0 0}
	.obl3 img { margin:0}
	.obl4 img { margin:-30px 0 0 -40px}
	.obl5 img { margin:-20px -82px 0 0}
	.footer { padding:30px 0}
	.f-phone { font-size:16px}
	.f-phone img,.f-mail img { width:24px; margin:0 16px 0 0}
	.f-logo { width:100px}
	.copy { font-size:12px}
	.b-created .main { padding:0 40px}
	.cont-text-w60 { max-width: none;}
	.stati-text { width: 100%;}
}
@media only screen and (max-width: 1190px){
	.logo { width:84px}
	.main, .b-created .main { padding:0 20px}
	.header { padding:30px 5.6% 0 5.6%}
	.h-info { margin:8px 0 0 0}
	.h-phone { font-size:14px}
	.h-phone img { padding:0 16px 0 0}
	.h-but { height:30px; margin:20px 0 0 0; font-size:13px}
	.menu { width:65%}
	.b-preim { font-size:14px}
	.preim-num { font-size:32px; padding:14px 0 0 0}
	.b-preim { padding:49px 0 100px 0}
	.footer { font-size:12px}
	.f-menu { padding:10px 0 0 0}
	.f-logo { width:80px}
	.f-phone { font-size:14px}
	.copy,.created { font-size:10px}
	.obl4 img { margin:-30px 0 0 -20px} 
	.menu a:hover:after, .menu span:after { top:-14px; height:3px}
	/*.el-kat:nth-child(3) .kat-img-more { margin: 4px auto 0 auto;}*/
}
@media only screen and (max-width: 1103px){
	/*.el-kat:nth-child(3) .kat-img-more { margin: 25px auto 0 auto;}*/
}
@media only screen and (max-width: 1060px){
	.menu { width:62%}
	.h-phone { font-size:14px}
	.h-but { height:30px; margin:20px 0 0 0}
}
@media only screen and (max-width: 1120px){
	
}
@media only screen and (max-width: 990px){
	.b-sl { padding:14% 20px 0 20px}
	.sl-slog2 { margin:0}
	.menu-but { display:block}
	.menu { display:block;position:absolute; text-align:center; font-size: 18px; width:100%; left:-101%; top:0; background:#262626; margin:0; padding:60px 0; z-index:25; box-sizing:border-box}
	.menu a, .menu span { display:block;color: #fff; margin: 20px 0}
	.menu a:after, .menu span:after { display:none}
	.h-info { width:54%; margin:0; display:flex;display:-webkit-flex;display:-webkit-box;display:-ms-flexbox;display:flex;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;flex-wrap:nowrap}
	.h-but { margin:0; width:auto; padding:0 20px}
	.b-sl h1 { font-size:60px}
	.b-sl sup { top:11px; font-size:16px}
	.sl-slog { font-size:20px}
	.sl-slog2 { font-size:18px}
	.preim-img { width:80px; height:80px}
	.preim-sp, .el-preim { min-height:218px}
	.obl2 img { margin:-20px 0 0 0}
	.obl4 img { margin:-10px 0 0 -20px}
	.b-text { padding:40px 0}
	.b-preim { padding:40px 0 80px 0}
	h3 { font-size:22px}
}
@media only screen and (max-width: 860px){
	.f-bl2,.f-bl3,.f-bl4,.f-bl5,.f-bl6 { display:none}
	.f-bl7 { width:60%; display:flex;display:-webkit-flex;display:-webkit-box;display:-ms-flexbox;display:flex;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;flex-wrap:nowrap}
	.f-mail { margin:0}
	.footer .box-flex2 {align-items:center}
	.footer { padding:20px 0}
	.obl5 img { margin:0 -82px 0 0}
	.obl4 img { margin:0 0 0 -20px}
	.obl2 img,.obl1 { margin:0}
	.obl3  { padding:40px 0}
	.obl4,.obl5 { padding:20px 0}
	.el-preim { width:34%}
	.el-preim { margin:30px 0 40px 0}
}
@media only screen and (max-width: 800px){ 
	.el-kat { width:100%}
	body{ font-size:16px}
	.b-text { font-size: 18px;}
	.b-obl p { font-size:16px; line-height: normal;}
}
@media only screen and (max-width: 740px){
	.h-info { width:62%}
	.logo { width:58px}
	.b-sl h1 { font-size:40px}
	.b-sl sup { top:5px; font-size:14px}
	.sl-slog,.sl-slog2 { font-size:16px}
	.b-preim { padding:40px 0 50px 0}
	.map { height: 360px;}
	.b-cookie {
		width: 96%;
		box-sizing: border-box;
	  }
}
@media only screen and (max-width: 690px){
	.f-bl7 { width:62%}
	.b-obl,.obl1 { padding:20px 0}
	.f-bl7 { width:64%}
}
@media only screen and (max-width: 640px){
	.h-but span { display:none}
	.h-but img { margin:0}
	.h-info { width:52%}
	.h-phone { font-size:16px}
	.h-phone { margin:5px 0 0 0}
	.preim-sp, .el-preim { min-height:196px}
	h3 { font-size:20px}
}
@media only screen and (max-width: 600px){
	.b-sl { padding:18% 20px 0 20px}
	.stati-item { flex-wrap: wrap;}
	.stati-info-list { padding: 0;}
	.stati-img { margin: 10px 0 0 0;}
	.header-vn { height: auto;}
	.vn-prod { height: 250px;}
	.stati-name { font-size: 20px;}
	.stati-text { font-size: 14px;}
	.map { height: 300px;}
	.stati-item-list { margin: 30px 0 0 0; flex-wrap: wrap;}
	.stati-info-list { width: 100%;font-size: 16px;}
	.stati-img-list { width: 100%; margin: 20px 0 0 0;}
	.stati-info { padding: 0;}
	.el-preim { width: 44%;}
	.box-flex-c2 { gap: 0; justify-content: space-between;}
	.sert-el { width: 49%;}
}
@media only screen and (max-width: 560px){
	.h-info { width:59%}
	.preim-sp, .el-preim { min-height:208px}
	.obl1.box-flex-c,.obl5.box-flex-c, .obl3.box-flex-c, .obl6.box-flex-c, .obl4.box-flex-c { flex-wrap:wrap}
	.obl2.box-flex-c, .rev-mobile { flex-wrap:wrap; flex-direction:column-reverse}
	.obl-t1, .obl-t2, .obl-t2, .obl-t { width:100%; text-align:center}
	.obl2 { padding:40px 0 20px 0}
	.obl1 img {max-width:62%; margin:0 auto}
	.obl3 img { max-width:57%; margin:0 auto}
	.obl4 img { max-width:68%}
	.obl5 img { max-width:60%; margin:0 -247px 0 0}
	.obl6 img { width: 60%; margin: 0 auto;}
	.f-bl7 { width:69%}
}
@media only screen and (max-width: 490px){
	.main { padding:0 10px}
	.h-phone a:last-child { display:none}
	.h-phone img { padding:0; width:30px}
	.h-phone { margin:0}
	.h-info { width:116px;}
	.h-info-fixed { width: 100%; position: fixed; bottom: 0px; top: unset; z-index: 999; background: rgba(0,0,0,0.3); padding: 10px !important;}
	.h-info-fixed .logo, .h-info-fixed .menu-but { display: none;}
	.h-info-fixed .box-flex { justify-content: center;}
	#topcontrol { bottom:5px; width: 40px; height: 40px; right:10px; opacity: 1;}
	/*.logo { width:58px}*/
	.header .box-flex {align-items:center}
	.header { padding:12px 10px 0 10px}
	.menu-but { margin:0}
	.b-sl { padding:69px 20px 0 20px}
	.el-preim { width:45%}
	.f-bl7 { width:73%}
	.el-kat {flex-wrap:wrap}
	/*.kat-img { display: none;}
	.kat-img-mobile { display:block; margin:20px auto 10px auto}*/
	body { font-size: 14px; }
	.b-text { font-size: 16px;}
	.cont {line-height: normal;}
	.cont h1 { margin: 0;}
	.map { height: 260px;}
	.norm-doc, .stati-item { margin: 30px 0 0 0;}
}
@media only screen and (max-width: 460px){
	.el-preim { width: 90%;}
}
@media only screen and (max-width: 430px){
	.f-bl1 { display:none}	
	.f-bl7 { width:100%;flex-direction:column; align-items:center;justify-content:center}
	.f-mail { margin:20px 0 0 0}	
	.popup_block { width: 98% !important; transform: none; left:1%; top: 10px;}
	.popup_block h3 { font-size: 20px;}
	.logo { width: 50px;}
}
@media only screen and (max-width: 400px){	
	.cont { margin:30px 5.6% 30px 5.6%}
	.obl5 img { margin:0 -138px 0 0; max-width: 69%;}
	.obl4 img { margin: 0 0 0 -10px; max-width: 69%}
	.b-cookie-text {
		margin: 0;
		text-align: center;
	  }
	  .main-cu {
		flex-direction: column;
		gap: 20px;
	  }
}
@media only screen and (max-width: 380px){
	.sl-slog, .sl-slog2 { font-size:14px}
	.b-text h2 { margin:0 0 20px 0}	
	.preim-num { width:50px; height:50px; font-size:28px; padding:11px 0 0 0; bottom:-32px}	
	.preim-circle { width:72px; height:72px; bottom:-42px}
	.obl3 { padding:20px 0}
	.logo { width: 40px;}
}
.active-menu { display:block; left:0}
.animated{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:1.5s;-moz-animation-duration:1.5s;-ms-animation-duration:1.5s;-o-animation-duration:1.5s;animation-duration:1.5s}
		@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes fadeInUp{0%{opacity:0;-moz-transform:translateY(20px)}100%{opacity:1;-moz-transform:translateY(0)}}@-o-keyframes fadeInUp{0%{opacity:0;-o-transform:translateY(20px)}100%{opacity:1;-o-transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}.fadeInUp{-webkit-animation-name:fadeInUp;-moz-animation-name:fadeInUp;-o-animation-name:fadeInUp;animation-name:fadeInUp}
		@-webkit-keyframes fadeLogo{0%{opacity:0;-webkit-transform:translate(-50%,20px)}100%{opacity:1;-webkit-transform:translate(-50%,0)}}@-moz-keyframes fadeLogo{0%{opacity:0;-moz-transform:translate(-50%,20px)}100%{opacity:1;-moz-transform:translate(-50%,0)}}@-o-keyframes fadeLogo{0%{opacity:0;-o-transform:translate(-50%,20px)}100%{opacity:1;-o-transform:translate(-50%,0)}}@keyframes fadeLogo{0%{opacity:0;transform:translate(-50%,20px)}100%{opacity:1;transform:translate(-50%,0)}}.fadeLogo{-webkit-animation-name:fadeLogo;-moz-animation-name:fadeLogo;-o-animation-name:fadeLogo;animation-name:fadeLogo}
		@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes fadeInDown{0%{opacity:0;-moz-transform:translateY(-20px)}100%{opacity:1;-moz-transform:translateY(0)}}@-o-keyframes fadeInDown{0%{opacity:0;-o-transform:translateY(-20px)}100%{opacity:1;-o-transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}100%{opacity:1;transform:translateY(0)}}.fadeInDown{-webkit-animation-name:fadeInDown;-moz-animation-name:fadeInDown;-o-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0)}}@-moz-keyframes fadeInLeft{0%{opacity:0;-moz-transform:translateX(-20px)}100%{opacity:1;-moz-transform:translateX(0)}}@-o-keyframes fadeInLeft{0%{opacity:0;-o-transform:translateX(-20px)}100%{opacity:1;-o-transform:translateX(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-20px)}100%{opacity:1;transform:translateX(0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;-moz-animation-name:fadeInLeft;-o-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0)}}@-moz-keyframes fadeInRight{0%{opacity:0;-moz-transform:translateX(20px)}100%{opacity:1;-moz-transform:translateX(0)}}@-o-keyframes fadeInRight{0%{opacity:0;-o-transform:translateX(20px)}100%{opacity:1;-o-transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(20px)}100%{opacity:1;transform:translateX(0)}}.fadeInRight{-webkit-animation-name:fadeInRight;-moz-animation-name:fadeInRight;-o-animation-name:fadeInRight;animation-name:fadeInRight}

.main sup { font-size:12px !important;vertical-align: top; position: relative; top: -0.5em;}