@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600&subset=latin,cyrillic);
*{box-sizing: border-box;}
body{
	margin: 0;
	background:#fff;
}
h1 {
	font-family: 'Roboto', Arial, sans-serif;
	font-size: 28px;
	margin:0 0 15px;
	line-height: 140%;
}
nav {
  background: white;
  box-shadow: 0 2px 0 0 #ECF1F2;
  border-top: 1px solid #ECF1F2;
  text-align: center;
  font-family: 'Open Sans', sans-serif; 
}
nav a {
  text-decoration: none;
  display: block;
  transition: .3s linear;
}
nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
p {
	font-family: 'Roboto', Arial, sans-serif;
	font-size: 18px;
	line-height: 26px;
	text-indent: 0em;
}
a { 
	text-decoration: none;
}
ul {
    padding-inline-start: 20px;
}
img{
	max-width: 100%;
}
table { 
	border-collapse:collapse;
	page-break-after:always
}
table thead tr{
	padding: 20px;
	background: #038ad8;
}
table thead th{
	padding: 20px;
	color: #fff;
	border: 1px solid #FFF;
}
table tbody td{
	text-align:center;
	padding: 10px
}
table tbody td:nth-child(1){
	text-align:left;
	width:50 em;

}
table tbody tr:nth-child(odd){
	background: #fff;
}
table tbody tr:nth-child(even){
	background: #eee;
}
.header {
	background-color: #ffffff;
	right:0;
	bottom:0;
	width:100%;
	padding: 20px 0 0;
	box-shadow: 0 2px 0 0 #ECF1F2;
}
.header_str-1{
	text-align: justify;
	letter-spacing: 1px;
	width: 100%;
	padding: 0em 0%;
	font-size: 22px;
	font-family: 'Roboto', Arial, sans-serif;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.header_str-2{
	display: flex;
	flex-wrap:wrap;
	justify-content: space-between;
	align-items: center;
	padding: 0 0 20px 0;
	box-shadow: 0 2px 0 0 #ECF1F2;
}
.logo{
 	margin: 0 0 0 -45px;
}
.header_email__wr{
	border-bottom: 2px solid #0069f8;
	padding: 0 0 25px 0;
	font-size: 16px;
	flex-grow: 1;
	text-align: right;
	font-family: 'Open Sans';
	margin: auto 0 21px 10px;
}
.header_email{
 	color: #0069f8;
}
.header_phone{
	color: #000;
	font-size: 20px;
	font-weight: 700;
	margin: 0 20px 0 auto;
	letter-spacing: 1px;
	font-family: 'Open Sans';
}
.header_callback{
	color:#0069f8;
	display: inline-block;
	padding: 11px 30px;
	border-radius: 15px;
	font-size: 14px;
	border: 2px solid #0069f8;
	font-weight: 700;
	letter-spacing: 1px;
	font-family: 'Roboto', Arial, sans-serif;
}
/*меню*/
.topmenu{
  display: inline-flex;
  align-items:center;
}
.topmenu-wr{
  border:0;
  box-shadow:none;
}
.topmenu_btn{
  display:none;
}
.topmenu > li {
  display: inline-block;
  position: relative;
  /*z-index:100;*/
}
.topmenu > li > a {
  font-weight: bold;
  padding: 5px 15px;
  font-size: 20px;
  font-family: 'Open Sans';
  letter-spacing: 0px;
  color: #1c1c1c;
  background: none;
  border: none;
}
.topmenu > li:first-child > a{
  padding-left:0;
  display:flex;
}
.topmenu > li:first-child > a:before{
  content: "\2630";
  margin-right:10px;
}
.topmenu li a.submenu_a-act,
.topmenu > li > a:hover, .submenu li a:hover {color: #0069f8;}
.submenu-c{display: none;}

ul.numbered{
  counter-reset: item;
  padding-left: 0;
}
ul.numbered  li{
  list-style-type: none;
}
ul.numbered > li{
  display:block;
}
ul.numbered > li:before{
  content: counters(item,".")". ";
  counter-increment: item;
  /*position: absolute;
  margin-left: -20px;*/
}
ul.numbered > li.with-h2:before{
  font-weight: bold;
  font-size: 1.5em 
}
ul.numbered.parent5 > li{
  margin-bottom: 25px;
}
ul.numbered.parent5 > li.level1:before,
ul.numbered.parent5 > li.level1 > a{
    font-size: 1.5em;
    font-weight: bold;
    color: #000;
    display: inline-block;
    margin-bottom: 20px;
}
ul.numbered.parent5 ul > li:before{
  /*margin-left: -40px;*/
}
ul.numbered li.parent:before,
ul.numbered li.parent > a{
  font-weight: bold;
  color: #000;
}
ul.numbered ul{
  counter-reset: sub-item;
}
ul.numbered ul > li:before{
  content: counters(item,".")"."counters(sub-item,".")". ";
  counter-increment: sub-item;
  /*position: absolute;
  margin-left: -30px;*/
}
ul.numbered ul ul > li:before{
  /*margin-left: -40px;*/
}
/*меню*/

.catalog_wr{
  width:310px;
  flex-shrink: 0;
}
.catalog{
  padding: 20px 15px 20px 15px;
  color: #000;
  background: #e9eef1;
  border: 1px solid #aaa;
  box-shadow: 0 0 5px #aaa;
  text-align: left;
}
.catalog_ul{
  
}
.catalog_li{
  margin-top:10px;
}
.catalog_a{
  color:#000;
  padding-left:25px;
}
.catalog_li .catalog_ul{
  display: none;
}
.catalog_li > .catalog_a-act + .catalog_ul{
  display: inline-block;
}
.catalog_ul1{
  
}
.catalog_li1{
  font-size: 16px;
  margin-bottom:25px;
}
.catalog_full{
  position:relative;
  z-index:5;
}
.catalog_full:before{
  content: "\2630";
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  margin:auto 0;
  color:#0069f8;
  font-size: 16px;
}

.catalog_ul2{
}
.catalog_li2{
  font-size: 14px;
  margin-left:15px;
}
.catalog_a2{
  
}
.catalog_ul3{
  
}
.catalog_li3{
  font-size: 12px;
  margin-left:15px;
}
.catalog_a3{
}

.catalog_a-act{
  color:#0069f8;
}
.footer {
	background-color: #2c4061;
	color:#fff;
	right:0;
	bottom:0;
	width:100%;
	font-family: 'Open Sans';
	padding: 30px 15px 40px;
}
.footer a{
	color:#fff;
}
.footer_menu{
	padding: 0;
	margin:0;
	display: flex;
	justify-content: space-between;
	font-size: 22px;
	font-weight: bold;
}
.footer_menu li {
	display: inline-block;
	position: relative;
	margin:0 0 30px;
}
.footer_menu .active:after{
	display:none;
}
.footer_phone{
	margin:0 0 15px;
}
.footer_address{
	margin:0 0 15px;
}
.footer_email{
	margin:0 0 25px;
}
.footer_phone-a,
.footer_address-a,
.footer_email-a{
	padding:0 0 0 34px;
	background-repeat:no-repeat;
	background-position:left center;
}
.footer_phone-a{
	background-image:url("/images/i-phone.svg");
}
.footer_address-a{
	background-image:url("/images/i-map.svg");
	display:inline-block;
	font-size:14px;
}
.footer_email-a{
	background-image:url("/images/i-email.svg");
	text-decoration:underline;
}
.footer_policy{
	display:flex;
	justify-content:space-between;
	align-items:baseline;
}
.footer_policy a{
	text-decoration:underline;
}
.footer_policy-w1{
	font-size:12px; 
}
.footer_policy-w2{
	font-size:16px;
	white-space: nowrap;
	margin: 0 0 0 30px;
}
.footer_addr p {
	color: #ddd;
	font-size: 13px;
}



header + .slider{
	margin-top:25px;
}
.main_block {
	max-width: 95%;
	margin-left: auto;
	margin-right: auto;
	margin-top:25px;
}
.main_block_inner {
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top:25px;
}
.cnr{
  /*outline: 1px solid #0a0;*/
  max-width:1420px;
  width:100%;
  margin-right:auto;
  margin-left:auto;
}
.breadcrumb{
  margin:0 0 15px;
  padding:0;
  display:flex;
  flex-wrap:wrap;
}
.breadcrumb_li{
  font-size:14px;
  list-style:none;
  color:#aaa;
}
.breadcrumb_li:not(:last-child):after{
  content:"/";
  width:20px;
  display:inline-block;
  text-align:center;
}
.breadcrumb_a{
  color:#aaa;
}
.standart_table{
	width:100%;
	margin:10px 0;
}
.standart_table-wr{
  overflow: auto;
  clear:both;
}
.goods_slider .img_border{
 	margin-bottom:0;
}
.img_border {
	border: 1px solid #aaa;
	float: left;
	margin:0 20px 20px 0;
	max-width:280px;
	width:100%;
	border-radius: 10px;
}
.img_right {
	border: 1px solid #aaa;
	float: right;
}
.flex_items {
	display: flex; /* flex || inline-flex */
	padding: 0px 0px 30px 0px;
}
.flex_left_menu {
	text-align: left;
	width: 20%;
	padding: 20px 15px 30px 10px; 
	/*line-height: 25px;*/
	color: #000;
	background: #e9eef1;
	border: 1px solid #aaa;
	box-shadow: 0 0 5px #aaa;
}
.flex_right_content {
	flex-grow: 1;
	padding: 0 0px 0px 40px;
	text-align: left;
	font-family: 'Roboto', Arial, sans-serif;
	font-size: 16px;
	line-height: 24px;
	text-align: justify;
	overflow:auto;
}


/* Контейнер слайдера */
.goods_slider {
    width: 457px; /* Фиксированная ширина */
    float: left;
    margin-right: 20px;
    overflow: hidden; /* Скрываем выходящие за границы изображения */
    position: relative;
}
/* Контейнер, в котором будут находиться все слайды */
.goods_slides {
    display: flex; /* Располагаем слайды в ряд */
    width: 300%; /* Делаем ширину в три раза больше (по количеству слайдов) */
    transition: transform 0.5s ease-in-out; /* Плавное переключение слайдов */
}
/* Каждый отдельный слайд */
.goods_slide {
    width: 100%; /* Каждый слайд занимает всю ширину контейнера */
    flex-shrink: 0; /* Запрещаем уменьшение элементов внутри flex-контейнера */
}
/* Убираем отображение радиокнопок, они нужны только для управления */
input[type="radio"] {
    display: none;
}

/* Переключение слайдов при выборе радиокнопки */
#goods_slide1:checked ~ .goods_slides { transform: translateX(0%); }   /* Первый слайд */
#goods_slide2:checked ~ .goods_slides { transform: translateX(-100%); } /* Второй слайд */
#goods_slide3:checked ~ .goods_slides { transform: translateX(-200%); } /* Третий слайд */

/* Контейнер для точек управления (индикаторов) */
.goods_controls {
    text-align: center; /* Размещаем точки по центру */
    margin-top: 10px; /* Добавляем отступ сверху */
}

/* Стиль для точек переключения */
.goods_controls label {
    display: inline-block; /* Размещаем точки в строку */
    width: 15px; /* Размер точки */
    height: 15px;
    background: gray; /* Серый цвет точки */
    border-radius: 50%; /* Делаем точки круглыми */
    margin: 5px; /* Добавляем небольшой отступ между ними */
    cursor: pointer; /* Делаем курсор в виде руки при наведении */
}

/* Меняем цвет активной точки при выборе слайда */
input:checked + label {
    background: black;
}




.request_btn-wr{
  text-align:center;
  margin:30px 0 0;
  clear: both;
}
.request_btn{
  background: #0069f8;
  color:#fff;
  display: inline-block;
  padding: 11px 30px;
  border-radius: 15px;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 1px;
  font-family: 'Roboto', Arial, sans-serif;
}
.main_block_inner .goods_slider{
  width:280px;
}

.img_border1{
  float:left;
  border: 1px solid #aaa;
  margin: 0 20px 20px 0;
}

.front a { text-decoration: none; }
.front a:visited { color: #000000; }

.front.main_flex {
	display: flex; /* flex || inline-flex */
	justify-content: space-between;
}
.front.main_flex .main_flex_item1 {
	width: 50%;
}
.front.main_flex .main_flex_item2 {
	width: 50%;
}
.front.main_flex .main_flex_logos {
	display: flex; /* flex || inline-flex */
	justify-content: space-between;
	padding: 20px;
	flex-wrap: wrap;
}
.front.main_flex .main_flex_logos_item1 {
	width: 45%;
	background: #e9eef1;
	margin: 10px;
	flex-shrink: 0;
}
.front.main_flex .main_flex_logos_item2 {
	width: 45%;
	background: #e9eef1;
	margin: 10px;
	flex-shrink: 0;
}
.front.main_flex .main_flex_logos_item3 {
	width: 45%;
	background: #e9eef1;
	margin: 10px;
	flex-shrink: 0;
}
.front.main_flex .main_flex_logos_item4 {
	width: 45%;
	background: #e9eef1;
	margin: 10px;
	flex-shrink: 0;
}
.front.main_flex .main_h2 {
	text-align: left;
}
.front.main_flex .main_body {
	text-align: justify;
}

.front.flex_items {
	display: flex; /* flex || inline-flex */
	justify-content: space-between;
	padding: 50px 0px 30px 0px;
	flex-wrap: wrap;
}
.front.flex_items .flex_items_item1 {
	width: 30%;
	padding: 10px 0px 30px 0px;
	font-size: 20px;
	line-height: 25px;
	font-weight: 700;
	color: #000;
	text-decoration: none;
}

.prem{
	background-color: #e9eef1;
	padding: 30px;
	align: left;
	text-align: left;

}

.fancybox-content > form,
.fancybox-content > form.ajax_form.af_example{
  width: 500px;
  max-width: 100%;
}
form.form .form-group{
  margin-bottom: 15px;
}
form.form .form-group input[type="text"],
form.form .form-group input[type="email"],
form.form .form-group textarea{
    border-radius: 5px;
    font-size: 14px;
    padding: 5px 15px;
    border: 2px solid gray;
    min-width: 200px;
}
form.form .form-group input[type="submit"],
form.form .form-group button[type="submit"]{
    background: #0069f8;
    color: #fff;
    padding: 11px 30px;
    border-radius: 15px;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    font-family: 'Roboto', Arial, sans-serif;
    border: none;
    display: block;
    margin: 0 auto;
    float: none!important;
}

#jGrowl{font-size:18px;margin:0 12px;z-index: 999999999}
.jGrowl.top-right{left: 50% !important;top: 50% !important;transform: translate(-50%, -50%);text-align: center}
#jGrowl .jGrowl-notification{position:relative;width:320px;padding:15px;text-align:center;background:none repeat 0 0 #fff!important;border:0 solid rgba(255,255,255,0.49)!important;margin:0 auto}
#jGrowl .jGrowl-notification.af-message-error{box-shadow: 0 0 0 7px brown !important;}
#jGrowl .jGrowl-notification.af-message-success{box-shadow: 0 0 0 7px green !important;}
#jGrowl .jGrowl-notification .jGrowl-close{position:absolute;right:4px;top:4px}
#jGrowl .jGrowl-notification.af-message-error .jGrowl-close{position:absolute;right:4px;top:4px;color:brown!important}
#jGrowl .jGrowl-notification.af-message-success .jGrowl-close{position:absolute;right:4px;top:4px;color:green!important}
#jGrowl .jGrowl-notification.af-message-error .jGrowl-message{color:brown!important}
#jGrowl .jGrowl-notification.af-message-success .jGrowl-message{color:green!important}

@media (min-width:768px){
  .submenu {
    position: absolute;
    left: -1px;
    z-index: 5;
    width:314px;
    border-bottom: 1px solid #ECF1F2;
    visibility: hidden;
    opacity: 0;  
    transform: translateY(10px);
    transition: .3s ease-in-out;
  }
  .submenu li {position: relative;}
  .submenu li .submenu_a {
    background: white;
    border-top: 1px solid #ECF1F2;
    border-right: 1px solid #ECF1F2;
    border-left: 1px solid #ECF1F2;
    color: #1c1c1c;
    text-align: left;
    font-size: 14px;
    font-size:13px;
    letter-spacing: 0px;
    padding: 10px 20px;
  }
  .submenu .submenu {
    position: absolute;
    top: 0;
    left: calc(100% - 1px);
    left: -webkit-calc(100% - 1px);
  }
  nav li:hover > .submenu {
    visibility: visible;
    opacity: 1;
    transform: translateY(0px);
    z-index: 99;
  }
}
@media (max-width:1520px){
  .flex_right_content{
    text-align:left;
  }
  .standart_table-wr,
  .standart_table{
    font-size:11px;
    line-height:120%;
  }
  .standart_table-wr thead th,
  .standart_table-wr tbody td
  .standart_table thead th,
  .standart_table tbody td{
    padding:5px;
  }
  .main_block_inner{
    padding-right:15px;
    padding-left:15px;
  }
  
  .logo{
    margin:0 auto;
  }
  .header {
    padding: 20px 15px 0;
  }
}
@media (max-width:1152px){
	.front.main_flex{
		flex-direction: column;
	}
	.front.main_flex .main_flex_item1,
	.front.main_flex .main_flex_item2{
		width: 100%;
	}
}
@media (max-width:1100px){
  .header_str-1{
    margin-bottom:10px;
  }
  .header_str-2{
    display:block;
    text-align:right;
  }
  .submenu {
    width:200px;
  }
  .submenu li .submenu_a {
    font-size:12px;
    padding:5px 10px;
  }
  .topmenu-wr{
    width:100%;
    margin:0 0 20px;
    text-align:left;
  }
}
@media (max-width:900px){
   .standart_table-wr {
    overflow-x: scroll;
  }
  .main_block_inner{
    padding-right:0;
    padding-left:0;
  }
  .flex_items{
    display:grid;
    gap:25px;
  }
  .catalog_wr {
    display:none;
  }
  .flex_right_content{
    width:100%;
    padding:0 15px;
  } 
}
@media (max-width:767px){
	html{font-size: 14px}
	p{font-size: 100%;}
	.text_main{
		font-size: 100%;
	}
	.front.flex_items .flex_items_item1{
		font-size: 16px;
	}
	.breadcrumb {
		justify-content: center;
	}
	.breadcrumb_li {
		font-size: 12px;
		margin: 10px 0 0;
	}
	.flex_right_content,
	.flex_right_content p{
		font-size:12px;
		line-height:140%;
	}
	h1 {
		font-size: 20px;
		text-align: center;
	}
	.main_block_inner .goods_slider,
	.img_border{
		margin: 0 auto 20px;
		float: none;
		display: block;
	}
	.main_block_inner .goods_slider .img_border{
		display:inline;
	}
	.footer_policy{
		display:grid;
		text-align:center;
		gap: 15px;
	}
	.footer_policy-w2{
		margin:0
	}
	.footer_menu{
		font-size:14px;
	}
	.header_str-1{
		display:block;
		text-align:center;
	}
	.header_email__wr{
		margin: 0 auto 10px;
		text-align: center;
		padding: 10px 0 15px;
	}
	.header_phone{
		font-size:16px;
	}
	.header_callback{
		font-size:14px;
	}
	.submenu-c{
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 105;
		background: #fff;
		display:none;
		padding: 15px 15px 20px;
		align-items: flex-start;
		flex-wrap: wrap;
	}
	.submenu-c.submenu-c_act{
		display:flex;
	}
	.parent5>.submenu__1{
		display: none;
	}
	.submenu__1{
		opacity: 1;
		visibility: visible;
		width: 100%;
		height: 100%;
		position: static;
		overflow: auto;
		text-align: left;
		margin: 0 0 auto;
	}
	.submenu__2,
	.submenu__3{
		display:none;
	}
	.submenu.submenu_act{
		display:block;
	}
	.submenu_t{
		order: -1;
		margin: 0 0 15px;
		position: relative;
		z-index: 105;
		height: 50px;
		padding: 3px 0;
		flex-shrink: 0;
		width: 100%;
	}
	.submenu_h{
		font-size:30px;
		font-weight:700;
	}
	.submenu_close{
		position:absolute;
		top:0;
		right:0;
		margin:0 0 0 auto;
		cursor:pointer;
	}
	.submenu_close:before{
		content:"\1F5D9";
		width:50px;
		height:50px;
		background:#e9eef1;
		font-size:30px;
		font-weight:700;
		border-radius:50%;
		display:block;
		z-index: 9999;
	}
	.submenu .submenu{
		width: 100%;
		padding: 0 0 0 15px;
	}
	.submenu li .submenu_a {
		font-size: 20px;
		color: #000;
		position:relative;
		z-index:105;
		padding:8px 10px 8px 20px;
	}
	.submenu li .submenu_a.submenu_a-act{
		color: #0069f8;
	}
	.topmenu > li.parent5 > a:before{
		position: static;
		display: inline-block;
		color: inherit;
		font-size: inherit;
	}
	.submenu_full:before{
		content: "\2630";
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		margin: auto 0;
		color: #0069f8;
		font-size: 16px;
		display: table;
	}
	.topmenu-wr {
		text-align: center;
	}
	.topmenu{
		display:flex;
		justify-content: center;
		flex-wrap: wrap;
	}
	.topmenu > li > a{
		font-size:13px;
		padding:5px 5px;
	}
	.topmenu > li:first-child > a{
		display: block;
		border: 2px solid #0069f8;
		border-radius: 15px;
		margin: 15px auto 0;
		max-width: 280px;
	}
	.topmenu > li:first-child{
		order:1;
		width: 100%;
	}
	.topmenu_btn:before{
		content: "\2630";
		width:50px;
		color: #0069f8;
		display:block;
	}
}
@media (max-width:640px){
	.front.flex_items .flex_items_item1{
		width: calc(50% - 13px);
	}
}
@media (max-width:560px){
	.front.main_flex .main_flex_logos{
		padding: 0;
	}
	.front.main_flex .main_flex_logos > div{
		width: 100%;
		margin: 0;
		margin-bottom: 10px;
	}
	.front.flex_items .flex_items_item1{
		width: 100%;
	}
}
@media (max-width:480px){
  .breadcrumb_li {
    font-size: 11px;
  }
  h1 {
    font-size: 18px;
  }
  .header_phone {
    font-size: 12px;
    margin-right:10px;
  }
  .header_callback {
    font-size: 12px;
    padding: 5px 10px;
  }
  .submenu li .submenu_a{
    font-size:12px;
  }
  .footer_menu{
    font-size:14px;
    flex-wrap:wrap;
    gap:15px 15px;
    justify-content:center;
    margin:0 0 20px;
  }
  .footer_menu li {
    display: inline-block;
    position: relative;
    margin:0;
  }
  .footer_phone-a,
  .footer_address-a,
  .footer_email-a{
    font-size:12px;
  }
  .footer_policy-w2{
    font-size:14px;
  }
}