.top_menu {             
font-family: 'Roboto', Arial, sans-serif;
font-size: 22px;
line-height: 20px;
}

.top_menu a {
font-color: 000;
color: #000;
text-decoration: none;
}

.top_menu a:hover{
text-decoration: underline;

}

.top_menu img {
  background-image: url("img/menu_line.png");
  display: inline; /* тип отображения */
  vertical-align: middle; /* вертикальное расположение по середине строки */ 
  margin: 0px 0.5em 5px 0.5em; /* отступы слева и справа */
}

h1 {
  font-family: 'Roboto', Arial, sans-serif;
  font-size: 28px;
  margin:0 0 15px;
  line-height: 140%;
}

.text_main {
font-family: 'Roboto', Arial, sans-serif;
font-size: 16px;
line-height: 24px;
text-align: justify;
}

.text_main a {
font-color: 000;
color: #5050E0;
text-decoration: none;
}

.text_main a:hover{
text-decoration: underline;

}

p {
font-family: 'Roboto', Arial, sans-serif;
font-size: 18px;
line-height: 26px;
text-indent: 0em;
}




.flex_left_menu a {
font-size: 16px;
line-height: 25px;
font-family: 'Roboto', Arial, sans-serif;
 list-style-type: none;
 color:#000;
}
.flex_left_menu_a{
  margin:0 0 0 10px;
}
.flex_left_menu > ul:not(.level1){
  padding:0;
  margin:0;
}
.flex_left_menu ul.level1:after{
  display:none;
}

ul.level1{
  padding:0;
  margin:0;
  list-style-type: none;
}

.flex_left_menu a:hover {
text-decoration: underline;
}

.flex_left_menu a:hover {
text-decoration: underline;
  border-bottom: 10px solid;
  background: #038ad8;
 color: white;
}

.flex_left_menu a:focus {
border-bottom: 10px solid;
background: #038ad8;
 color: white;
}
.main_block {
max-width: 95%;
    margin-left: auto;
    margin-right: auto;
}

.main_block_inner {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top:25px;
}

.standart_table{
  width:100%;
  margin:10px 0;
}
.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;
}



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;
}



.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;
}

a { text-decoration: none; } 
/*a:visited{
  color: #000000; 
  text-align: left;
  flex-wrap: wrap;
}*/


ul {
    padding-inline-start: 20px;
}

.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;
}

.wrapper {
  width:100%;
}

.header {
 background-color: #ffffff;

  right:0;
  bottom:0;
  width:100%;
}



.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 a {
}
.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;
}

       /* Контейнер слайдера */
        .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;
        }


        

/*+++NEW300825*/

body{
  background:#fff;
}
.cnr{
  /*outline: 1px solid #0a0;*/
  max-width:1420px;
  width:100%;
  margin-right:auto;
  margin-left:auto;
}
.header{
  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;
}


.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;
}

/*+++C O N T E N T*/

.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-wr{
  overflow: auto;
  clear:both;
}

.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;
}

/*---C O N T E N T*/

@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:1100px){
  .header_str-1{
    margin-bottom:10px;
  }
  .header_str-2{
    display:block;
    text-align:right;
  }
}
@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){
  .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;
  }
}

@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;
  }
  .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;
  }
}

/*---NEW300825*/

.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}