@font-face {
	font-family: 'Open Sans';
	src: url('fonts/OpenSans-Regular.eot');
	src: local('fonts/Open Sans Regular'), local('OpenSans-Regular'),
		url('fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
		url('fonts/OpenSans-Regular.woff') format('woff'),
		url('fonts/OpenSans-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Open Sans';
	src: url('fonts/OpenSans-Light.eot');
	src: local('fonts/Open Sans Light'), local('OpenSans-Light'),
		url('fonts/OpenSans-Light.eot?#iefix') format('embedded-opentype'),
		url('fonts/OpenSans-Light.woff') format('woff'),
		url('fonts/OpenSans-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Open Sans';
	src: url('fonts/OpenSans-Extra.eot');
	src: local('fonts/Open Sans ExtraBold'), local('OpenSans-ExtraBold'),
		url('fonts/OpenSans-ExtraBold.eot?#iefix') format('embedded-opentype'),
		url('fonts/OpenSans-ExtraBold.woff') format('woff'),
		url('fonts/OpenSans-ExtraBold.ttf') format('truetype');
	font-weight: 800;
	font-style: normal;
}

* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	position: relative;
}
body {
	font-family: 'Open Sans';
	background: #EBEBEB;
	color: #000;
	font-size: 16px;
}
	
header,
section,
footer,
.container {
	max-width: 1440px;
	margin: 0 auto;
}



header .top {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	background: #0b542d;
	padding:16px;
}
header .top a ,
footer .top a {
	text-decoration: unset;
	color: #fff;
	font-size: 16px;
}
header .top .left {
	flex:1;
}

header .top .left img ,
footer .top .left img {
	max-width: 240px;
}
header .top .center {
	flex:1;
}
footer .top .center {
	flex:1;
}
header .top .right {
	flex: 1;
	text-align: right;
}
footer .top .right {
	text-align: right;
}
header .top .right p {
	margin-block: 4px;
}

header .top .right p.main_phone a ,
footer .top .right p.main_phone a {
	
	font-size: 18px;
	font-weight: 800;
}
header .top .right p.main_mail {}
header .top .right p span {}
header .top .right p.main_phone svg ,
footer .top .right p.main_phone svg {
	width: 20px;
	height: 18px;
}
header .top .right p.main_mail svg ,
footer .top .right p.main_mail svg {
	width: 20px;
	height: 13px;
}
header ul#top_menu {
	background: #fff;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
header ul#top_menu li {
	list-style: none;
}
header ul#top_menu li:first-child a{
	color: red;
}
header ul#top_menu li a {
	display: block;
	padding: 16px;
	color: #333;
	font-size: 18px;
	text-decoration: unset;
	transition: ease .2s;
	position: relative;
}

header ul#top_menu li a:after {
	position: absolute;
	content: '';
	width: 100%;
	height: 0px;
	background: #0b542d;
	bottom: -4px;
	transition: ease .2s;
	left: 0;
}
header ul#top_menu li a:hover {
	color: #30734f;
}
header ul#top_menu li a:hover:after {
	bottom: 0;
}
header ul#top_menu li a:hover:after {
	height: 4px;
}

header ul#top_menu li a + ul {
	display: none;
}
header ul#top_menu li a + ul:hover,
header ul#top_menu li a:hover + ul {
	display: block;
	position: absolute;
	top: 100%;
	left: 0;
	background: #EBEBEB;
	z-index: 1;
	width: max-content	;
}
.header_first {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.header_first div {
    flex:1;
}
.header_first img {
    margin: 0 auto;
    display: block;
}


#slider {}
#slider .slider_menu {
	position: absolute;
	z-index: 3;
	margin: 24px;
}
#slider ul#sidebar_menu li {
	list-style: none;
}
#slider ul#sidebar_menu li a {
	color: #333;
	background: #0b542d;
	border-bottom: 1px solid #0b542d;
	padding: 8px 16px;
	text-decoration: unset;
	display: block;
	font-size: 16px;
	transition: ease .5s;
}
#slider ul#sidebar_menu li a:hover {
	background: #0b542d;
}
#slider img {
	max-height: 360px;
	width: 100%;
	object-fit: cover;
}
#slider p.over {
	width: 100%;
	height: 100%;
	position: absolute;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.65), transparent) no-repeat center center;
	z-index: 2;
}
#slider .item div {
	position: absolute;
	bottom: 50%;
	z-index: 3;
	width: 100%;
	text-align: center;
}
#slider span {
	font-size: 36px;
	color: #fff;
	border-bottom: 4px solid #15A156;
}
#slider span span {
	position: unset;
	color: #fff;
	font-weight: 800;
	border-bottom: unset;
}










/* page */
#bread {
	margin-bottom: 24px;
}
#bread .diip_breadcrumbs {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}
#bread a {
	text-decoration: unset;
	color: #333;
}
#bread .divider {
	color: #333
}
#bread .breadcrumbs__item--active{
	color: #0b542d;
}

#main_content .desc ul,
#main_content .desc ul li,
#main_content .desc p,
#main_content .desc {
	font-size: 16px;
}
#main_content .desc ul li a,
#main_content .desc b {
	font-family: 'Open Sans Regular';
	font-weight: normal;
	font-size: 18px;
}
#main_content .header {
	margin-bottom: 12px;
}
#main_content .header h1 {
	font-size: 32px;
}
.page_text_block {
	padding: 24px 0;
	line-height: 24px;
	font-size: 16px;
}
.page_text_block ul {
	padding-left: 16px;
}


table.catalog_table tr td {
	border: unset!important;
	border-bottom: 1px solid #cecece!important;
}
table.catalog_table tr td a,
table.catalog_table tr td p a,
table.catalog_table tr td p {
	padding: 8px 0;
	display: block;
}
.page_text_block .table_row .header {
	margin: unset;
	height: unset;
	max-width: 280px;
	font-family: 'Open Sans Regular';
	font-size: 20px;
	flex: 100%;
}
.page_text_block .table_row .header:before {
	display: none;
}
.page_text_block .header p{
	font-family: 'Open Sans Regular';
	padding: 8px 16px;
	font-size: 26px;
	background: #B1CCC4;
	display: inline-block;
	position: unset;
	width: 50%;
	overflow: hidden;
}
.page_text_block .header:before {
	position: absolute;
	content: '';
	bottom: 0;
	left: 0;
	width: 100%;
	height: 12px;
	background: #B1CCC4;
}
.page_text_block .header p:after {
	position: absolute;
	content: '';
	border-bottom: 46px solid #B1CCC4; 
	border-right: 46px solid transparent;
	bottom: 0;	
	left: 50%;
}

.table_row {
	padding: 8px 0;
}
.table_row + .table_row {
	border-top: 1px solid #B1CCC4;
}
.phys_data ,
.tech_data {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap:32px;
}

.phys_data div.items ,
.tech_data div.items {
	flex: 1;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.phys_data div.items table span{
	width: 45% !important;
	display: inline-block;
}
.phys_data div.items .item ,
.tech_data div.items .item {
	display: flex;
	flex-wrap: wrap;
	flex: 100%;
	padding: 8px 0;
}
.phys_data div.items .item + .item ,
.tech_data div.items .item + .item {
	border-top: 1px solid #B1CCC4;
}
.phys_data div.items p.desc ,
.tech_data div.items p.desc {
	flex:50%;
}

#systems li {
	list-style: numberic;
}
#systems .note {
	font-style: italic;
	font-size: 14px;
}


#main_content {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: self-start;
	background: #fff;
}

#main_content .main_left {
	width: 320px;
}
#main_content .main_left #sidebar_menu {}
#main_content .main_left #sidebar_menu li {
	list-style: none;
}
#main_content .main_left #sidebar_menu li a {
	text-decoration: unset;
	padding: 16px;
	color: #fff;
	background: #0b542d;
	border-bottom: 1px solid #15A156;
	display: block;
	transition: ease .5s;
}
#main_content .main_left #sidebar_menu li a:hover {
	background: #30734f;
	border-bottom: 1px solid #15A156;
}

#main_content .main_left #sidebar_menu li.color_menu_item a:hover {
	background: #0b542d;
}
#main_content .main_right {
	padding: 16px;
	width: 1120px;
	border-left: 1px solid #eee;
}
#main_content .main_right .content_block {
	margin-bottom: 24px;
	border-bottom: 1px solid #eee;
	padding-bottom: 16px;
}
#main_content .main_right .content_block .header{
	
	font-size: 20px;
	padding-bottom: 16px;
}
#main_content .main_right .content_block .desc{}
/* page */




/* sidebar */

.sidebar_col {
	padding: 16px;
}
.sidebar_col p.header {
	
	text-transform: uppercase;
}
.sidebar_cert .items {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
}
.sidebar_cert .items p.item {
	flex: 1;
}
.sidebar_cert .items p.item img {
	width: 100%;
}

/* sidebar */


/* footer */

footer {
	padding: 16px;
	background: #0b542d;
}

footer .top {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap:32px;
}
footer .top .footer_menu p.header ,
footer .top .footer_contact p.header {
	
	font-size: 20px;
	border-bottom: 4px solid #15A156;
	color: #fff;
	margin-bottom: 16px;
	display: inline-block;
}

footer #footer_menu {
	display: flex;
	flex-wrap: wrap;
}
footer #footer_menu li {
	list-style: none;
	flex: 50%;
}
footer #footer_menu li a {
	text-decoration: unset;
	border-bottom: 1px solid #0b542d;
}
footer #footer_menu li a:hover {
	border-bottom: 1px solid #15A156;
}
footer .bottom {
	padding-top: 16px;
	display: flex;
	color: #fff;
	flex-wrap: wrap;
	gap:16px;
	border-top: 2px solid #15A156;
	margin-top: 16px;
}
/* footer */


#hidden_svg {
	display: none;
}
.main_right h1 {
	font-size: 32px;
	font-weight: 800;
	margin-bottom: 24px;
}
.main_right h2 {
	font-size: 28px;
	padding: 12px 0;
}
.main_right ol,
.main_right ul {
	padding: 24px;
}
.main_right ol li ,
.main_right ul li {
	margin-bottom: 12px;
}
.main_right h3 {
	font-size: 24px;
	padding: 12px 0;
}
p.notice {
	padding: 12px 0;
	font-weight: 800;
	color: red;
}
p.800 {
	padding: 12px 0;
	font-weight: 800;
}

.main_right table {
	width: 100%;
}

.main_right table.astra tr td {
    border:unset;
}

.main_right table tr ,
.main_right table td,
.main_right table p,
.main_right table span {
	width: auto!important;
	text-align: left!important;
}
.main_right table tr td {
	border: 1px solid #2c2c2c;
	padding: 10px;
}
#main_content .page_image {
	text-align: center;
}
#main_content .page_vis_content .page_vis_content_header {
	margin: 12px 0;
	font-weight: 800;
	font-size: 26px;
}
#main_content .page_vis_content p {
	padding: 12px 0;
}

#main_content .page_docs {
	text-align: center;
  display: flex;
  justify-content: center;
}
#main_content .page_docs img {
	width: 48px;
	height: 48px;
}
#main_content .page_docs a {
	display: flex;
  flex: 1;
  justify-content: center;
  flex-wrap: wrap;
}
#main_content .page_docs span {
	flex:100%;
}
#main_content .page_tabs .page_tab .tab_header {
	margin: 12px 0;
	font-weight: 800;
	font-size: 22px;
}

.second_pages {
	position: relative;
	background: rgba(11, 84, 45,0.85);
	padding: 24px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	gap: 24px;
}
.second_page p img {
    display:block;
    margin:auto;
    object-fit: cover;
    width:100%;
}
#main_content a,
.second_page a {
    color:#0b542d;
}
.second_pages:before {
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: -1;
	background: url('../img/second.jpg');
	background-position: center bottom;
}

.second_pages .col {
	flex:1;
	padding: 0 24px;
}
.second_pages .col:nth-child(2){
	border-left: 2px solid #15A156;
	border-right: 2px solid #15A156;		
}

.second_pages .col a {
	margin: 6px 0;
	padding: 6px 0;
	color: #fff;
	display: block;
	width: 100%;
	text-decoration: unset;
	transition: ease .5s;
}
.second_pages .col a:hover {
	padding-left: 12px;
}
.second_pages .col a img {
	display: none;
}