/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500&family=Source+Code+Pro:ital,wght@0,200;0,300;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

* {
	font-family: 'Rubik';	
}

body {
 height: 1700px;
}

html {
scroll-behavior: smooth;
}

@media screen and (min-device-width: 2200px) {
	body {
		margin: 0;
		zoom: 1.32;
		min-width: 804px;		
	}
}

@media screen and (max-device-width: 1920px) {
	body {
		margin: 0;
		zoom: 1;
	}
}

	.BIM_content {
		width: 780px;	
		line-height: 24px;
		letter-spacing: -0.02em;
		margin-left: 298px;
		padding-left:0px;
		margin-bottom:360px;
	}


@media screen and (max-device-width: 1920px) {
	.BIM_content {
		width: 780px;	
		line-height: 24px;
		letter-spacing: -0.02em;
		margin-left: 248px;
		padding-left:0px;
		margin-bottom:200px;
	}
}


.Paragraph {
	margin-bottom: 12px;
	text-align: justify;
	color:#484848;
}

.CramberStyle {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;	
			margin-bottom: 16px;
			margin-top: 16px;

}

.CramberStyle a {

	text-decoration: none;
	background: #FFF;	
	font-size: 13px;
	font-weight: 400;
	line-height: 20px;
	letter-spacing: -0.02em;
	text-align: left;
	margin-right: 12px;	
	color: #939598;
}

.CramberStylePage {
	text-decoration: none;
	background: #FFF;
	color: rgba(0, 128, 102, 1);
		
	font-size: 13px;
	font-weight: 500;
	line-height: 20px;
	letter-spacing: -0.02em;
	text-align: left;
	margin-right: 8px;
}

.CramberStyle img {
  margin-right: 12px;	
}

.BIM_header {
	width: 780px;
  
  font-size: 36px;
  font-weight: 500;
  line-height: 46px;
  letter-spacing: -0.02em;
  text-align: left;
  color: #1A1A1A;	
}

table {
 border-spacing: 0px;
 margin-bottom:12px;
 margin-top:12px;
 vertical-align: top;
}
.АСК_Таблица_Рисунки  td{
	 vertical-align: top;
	 text-align: center;
	 font-size: 14px;
	 line-height: 20px;
}

.АСК_Таблица_Рисунки .Paragraph {
	 font-size: 14px;
	vertical-align: top;
	text-align: center;
	line-height: 20px;
}

.АСК_Таблица_Рисунки span {
	font-size: 14px;
	vertical-align: top;
	text-align: center;
	line-height: 20px;
}

.Номер_таблицы {
	
	font-size: 16px;
	font-weight: 300;
	line-height: 24px;
	letter-spacing: -0.02em;
	text-align: left;
	color:#484848;
}

td .Paragraph {
	text-align: left;
}


.АСК_Наименованиедокумента {
	width: 780px;
  
  font-size: 36px;
  font-weight: 500;
  line-height: 46px;
  letter-spacing: -0.02em;
  text-align: left;
  color: #1A1A1A;
  margin-top: 32px;
  margin-left: -1px;
  margin-bottom: 10px;
}

.АСК_Заголовок_1 {
	
	font-size: 20px;
	font-weight: 500;
	line-height: 30px;
	letter-spacing: -0.02em;
	text-align: left;

	color: #1A1A1A;
	margin-top: 32px;
	margin-bottom: 32px;

}


.АСК_Заголовок_Поцентру {
	font-size: 20px;
	font-weight: 400;
	line-height: 32px;
	letter-spacing: -0.02em;
	text-align: center;
	color: #1A1A1A;
	margin-top: 32px;
	margin-bottom: 32px;
}


.АСК_Заголовок_1_1 {
	font-size: 20px;
	font-weight: 400;
	line-height: 32px;
	letter-spacing: -0.02em;
	text-align: left;
	color: #1A1A1A;
	margin-top: 32px;
	margin-bottom: 32px;
}

.Normal {
	width: 816px;
	font-size: 16px;
	font-weight: 300;
	line-height: 24px;
	letter-spacing: -0.02em;
	text-align: justify;
	color:#484848;
	margin-bottom: 12px;
}

.АСК_Основной_Поцентру {
	font-size: 16px;
	font-weight: 300;
	line-height: 24px;
	letter-spacing: -0.02em;
	text-align: center;
	color:#484848;
	margin-bottom: 12px;
}

.АСК_Номеррисунка_1 {
	font-size: 16px;
	font-weight: 300;
	line-height: 24px;
	letter-spacing: -0.02em;
	text-align: center;
	color: #1A1A1A;
	margin-bottom: 40px;
}

.АСК_Таблица_Основная table {
 font-size: 14px;
}
.АСК_Таблица {
	font-size: 14px;
	font-weight: 300;
	line-height: 24px;
	letter-spacing: -0.02em;
	text-align: left;
	color:#484848;
	margin-bottom: 12px;
	vertical-align:top;
}

.АСК_Тексттаблиц {
	font-size: 14px;
	font-weight: 300;
	line-height: 24px;
	letter-spacing: -0.02em;
	text-align: left;
	color:#484848;
	margin-bottom: 12px;
	vertical-align:top;
}

.АСК_Основной {
	width: 100%;
	font-size: 16px;
	font-weight: 300;
	line-height: 24px;
	letter-spacing: -0.02em;
	text-align: justify;
	color:#484848;
	margin-bottom: 12px;
	vertical-align: top;
}

.АСК_Основной_Нумерация_1_ {
	width: 100%;
	font-size: 16px;
	font-weight: 300;
	line-height: 24px;
	letter-spacing: -0.02em;
	text-align: justify;
	color:#484848;
	margin-bottom: 12px;
	vertical-align: top;
}

.АСК_Основной_Нумерация_1_1 {
	width: 100%;
	font-size: 16px;
	font-weight: 300;
	line-height: 24px;
	letter-spacing: -0.02em;
	text-align: justify;
	color:#484848;
	margin-bottom: 12px;
	vertical-align: top;
}

.АСК_Основной_Нумерация_1_1_1 {
	width: 100%;
	font-size: 16px;
	font-weight: 300;
	line-height: 24px;
	letter-spacing: -0.02em;
	text-align: justify;
	color:#484848;
	margin-bottom: 12px;
	vertical-align: top;
}

.АСК_Выделениетекста {
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	letter-spacing: -0.02em;
	text-align: justify;
	color:#484848;
	margin-bottom: 12px;
	vertical-align: top;
}

span .АСК_Выделениетекста{
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	letter-spacing: -0.02em;
	text-align: justify;
	color:#484848;
	margin-bottom: 12px;
	vertical-align: top;
}

td .АСК_Выделениетекста {
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
	margin-bottom: 0px;
}

.АСК_Пример {
	font-size: 15px;
	font-weight: 400;
	line-height: 20px;
	letter-spacing: -0.02em;
	text-align: left;
	color:#484848;
	margin-bottom: 12px;
	vertical-align: top;
}

table .АСК_Пример {
	font-size: 14px;
}

.АСК_Основной_Маркеры {

font-size: 16px;
font-weight: 300;
line-height: 24px;
letter-spacing: -0.02em;
text-align: justified;
}

.АСК_Пример_Маркеры {
	
	font-size: 14px;
	font-weight: 300;
	line-height: 24px;
	letter-spacing: -0.02em;
	text-align: left;
	color: #1A1A1A;	
	margin-bottom: 6px;
	vertical-align: top;
	font-style: italic;

}

.АСК_Таблица_Маркеры {
   font-weight: 300;
}

.point {
	margin-right: 8px;
	font-size:14px;
	font-weight: 300;
}

div .point {
	width: 6px;
	height: 6px;
	margin-left:32px;
}

table .point {
	width: 6px;
	height: 6px;
	margin-left:0px;
}

.number {
	
	font-size: 20px;
	font-weight: 500;
	line-height: 30px;
	letter-spacing: -0.02em;
	text-align: left;
	margin-right: 8px;

	color:#1A1A1A;
}

.number_small {
	font-size: 16px;
	font-weight: 300;
	text-align: left;
	margin-right: 8px;
	line-height: 24px;
	letter-spacing: -0.02em;
	color:#484848;
}

.АСК_image {
	text-align: center;
}


.BIM_figure {
	width: 48px;
	border-radius: 8px;
	border: 1px solid #D1D3D4;
	background-color: #F6F6F6;
	text-align: center;
	
	font-size: 18px;
	font-weight: 400;
	line-height: 48px;
	letter-spacing: -0.02em;
}


@media screen and (max-device-width: 1920px) and (max-width: 1500px) {
    .BIM_href {
        display: none;
    }
}

@media screen and (min-device-width: 2200px) and (max-width: 1900px) {
    .BIM_href {
        display: none;
    }

	.BIM_content {
        margin: auto;
    }
}

@media screen and (min-device-width: 2200px) and (max-width: 1900px) {
	.BIM_href_area
	{
		display: none;
	}
}

@media screen and (max-device-width: 480px)  and (min-width: 480px)  {
    .BIM_href {
        display: none;
    }

	.BIM_content {
		margin-left: 32px;
		margin-right: 32px;
		width:100%;
	}

	body {
		zoom: 1.1;
	}
}

.BIM_href {
	position:fixed;
	top:84px;
	right:32px;
	width:300px;
	border-left:1px solid #D1D3D4;
	padding-left: 32px;	
	padding-right: 7%;
	line-height: 20px;
}

.href_items_title {
	color: #008066;
	
	font-size: 18px;
	font-weight: 500;
	letter-spacing: -0.02em;
	text-align: left;
	margin-bottom: 32px;
}

.href_items {
	margin-top: 12px;
	text-indent: 0px;
}

.href_items a {
	
	font-size: 15px;
	font-weight: 400;
	letter-spacing: -0.02em;
	text-align: left;
	color: #808080;
	text-decoration: none;
	text-indent: 0px;
}

.href_items a:hover, a:focus {
	color: #1A1A1A;
}


.АСК_Таблица_Основная table {
	border-collapse: separate !important;
	border-spacing: 0;
	margin-bottom:12px;
}

.АСК_Таблица_Основная table .Paragraph {
	margin-left: 16px;
	margin-right: 16px;	
        margin-top:6px;
	margin-bottom:0px;	
	text-align: left;
}

.АСК_Таблица_Основная td {
	border-collapse: separate !important;
	border-spacing: 0;
	padding-top: 12px;
	padding-left: 12px;
	padding-right: 12px;
	padding-bottom: 0px;


	
	font-size: 14px;
	font-weight: 300;
	line-height: 20px;
	letter-spacing: -0.02em;
	text-align: left;


	border: 1px solid #D3D3D3;
	border-top:none;
	border-left:none;
	border-right:none;
	vertical-align:top;
}

.АСК_Таблица_Основная td:last-child {
 border-right:1px solid #D3D3D3;
}

.АСК_Таблица_Основная td:first-child {
 border-left:1px solid #D3D3D3;
}

.АСК_Таблица_Основная tr:first-child {
	background-color: #F2F2F2;
	line-height: 14px;
	height: 52px;
}

.АСК_Таблица_Основная tr:first-child td {
	border-top:1px solid #D3D3D3;
	border-right: none;
	border-left: none;
	color:#484848;
	font-weight: 400;
	padding-bottom: 12px;
	vertical-align: middle;
}

.АСК_Таблица_Основная tr:first-child .Paragraph {
	text-align: left;
	color:#484848;
	font-weight: 400;	
	line-height: 20px;
	vertical-align: middle;
}

.АСК_Таблица_Основная tr:first-child .Paragraph span {
	text-align: left;
	font-size: 14px;
	font-weight: 400;
	color:#484848;
	line-height: 20px;
	
}

.АСК_Тексттаблиц {
	line-height: 14px;
}

.АСК_Таблица_Основная table .Paragraph .Normal {
	line-height: 14px;
	text-align: left;
	margin-bottom:0px;	
}


.АСК_Таблица_Основная tr:first-child .BIM_Тексттаблиц {
	
	font-size: 14px;
	font-weight: 400;
	line-height: 14px;
	letter-spacing: -0.02em;
	color:#484848;
	text-align: left;
}

.АСК_Таблица_Основная tr:first-child .Paragraph {
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 14px;
}


.АСК_Таблица_Основная tr:first-child td:first-child {
	border-left: 1px solid #D3D3D3;
	border-top: 1px solid #D3D3D3;
        border-right: none;
	border-radius: 18px 0 0 0;
	vertical-align: middle;
}

.АСК_Таблица_Основная tr:first-child td:last-child {
	border-right: 1px solid #D3D3D3;
	border-top: 1px solid #D3D3D3;
	border-left: none;
	border-radius: 0 18px 0 0;
}

.АСК_Таблица_Основная tr:last-child td:first-child {
	border-left: 1px solid #D3D3D3;
	border-bottom: 1px solid #D3D3D3;
	border-radius: 0 0 0px 18px;
}

.АСК_Таблица_Основная tr:last-child td:last-child {
	border-right: 1px solid #D3D3D3;
	border-bottom: 1px solid #D3D3D3;
	border-left: none;
	border-radius: 0 0 18px 0px;
}

.АСК_Таблица_Основная td {
	border-right: 1px solid #D3D3D3;
}


#myImg {
	border-radius: 5px;
	cursor: pointer;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

#myImg:hover {
	opacity: 0.7;
}

.modal {
	display: none;
	position: fixed;
	z-index: 1;
	padding-top: 100px;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgba(0, 0, 0, 0.9);
}

.modal-content {
	margin: auto;
	display: block;
	width: 80%;
	max-width: 700px;
}

#caption {
	margin: auto;
	display: block;
	width: 80%;
	max-width: 700px;
	text-align: center;
	color: #ccc;
	padding: 10px 0;
	height: 150px;
}

.modal-content,
#caption {
	-webkit-animation-name: zoom;
	        animation-name: zoom;
	-webkit-animation-duration: 0.6s;
	        animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
	from {
		-webkit-transform: scale(0);
		        transform: scale(0)
	}

	to {
		-webkit-transform: scale(1);
		        transform: scale(1)
	}
}

@keyframes zoom {
	from {
		-webkit-transform: scale(0);
		        transform: scale(0)
	}

	to {
		-webkit-transform: scale(1);
		        transform: scale(1)
	}
}

.close {
	position: absolute;
	top: 15px;
	right: 35px;
	color: #f1f1f1;
	font-size: 40px;
	font-weight: bold;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.close:hover,
.close:focus {
	color: #bbb;
	text-decoration: none;
	cursor: pointer;
}

@media only screen and (max-width: 700px) {
	.modal-content {
		width: 100%;
	}
}



.banner {
display:var(--d);
width:100%;
height:600px; 
margin:auto;
background: url('/Images/start_page/1.jpg');
background-size:cover;
clip-path: circle(75px at var(--x) var(--y));
z-index:1;
 cursor: zoom-in;
}

.banner:hover {
clip-path: circle(75px at var(--x) var(--y));
}

.top_banner {
display:flex;
background:url('/Images//start_page/2.jpg');
width:1600px;
height:600px;
z-index:10;
background-size:cover;
margin:auto;
}


.Yakor {
	margin:0;
	padding:0;
	line-height:20px;
}

.Final {
	height:250px;
}
.Hyperlink a{
	text-decoration: none;
	color:#484848;
	font-weight: 400;	
	/* Анимация */
     -webkit-transition: .2s ease-out;
     -webkit-transition-delay: 0.2s;
     -o-transition: .2s ease-out;
     -o-transition-delay: 0.2s;
     -moz-transition: .3s ease-out;
     -moz-transition-delay: 0.2s;
     transition: .3s ease-out;
     transition-delay: 0.2s;
}

.Hyperlink a:hover{
	color:#080808;
}