/*@import url(https://use.fontawesome.com/releases/v5.14.0/css/all.css);*/
/*@import url(https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700&family=IBM+Plex+Sans:wght@300;400;500;600;700&subset=latin,cyrillic);*/
/*@import url(https://fonts.googleapis.com/css2?family=Manrope:wght@800&family=IBMPlexSans:wght@100;200;300;400;500;600;700);*/

@import url(/css/fonts/Manrope/stylesheet.css);

.hide576 {display: block;}
.hide768 {display: block;}
.hide992 {display: block;}



 * {font-family: 'Manrope'; font-size: 16px; color: #757575; font-weight: 500;}
html, body {margin: 0; padding: 0;}
html {/*overflow-y: scroll;*/ min-height:100%;}
A {text-decoration: none;}

.tit1 {color: black; font-size: 34px; font-weight: 600; line-height: 45px;}
.tit2 {color: black; font-size: 28px; font-weight: 600; line-height: 33px;}
.subtit1 {color: #757575; font-size: 14px; line-height: 20px;}

.content P {font-size: 16px; color: #757575; line-height: 25px;}

.img_change_border {border: 1px solid #004c96; margin: 0 0 20px 0; width: 100%;}

.virt {width: 1000px; height: 800px;} 

.btn1, .btn2, .btn3 {color: white; font-size: 17x; background-color: #014b94; padding: 15px 40px; width: 100%; display: block; text-align: center; text-decoration: none;}
.btn1:hover, .btn2:hover, .btn3:hover {color: #dadada; background-color: #015b99;}

.btn2 {background: none; border: 1px solid #014b94; color: #014b94; text-decoration: none;}
.btn2:hover {border: 0; background-color: #cfcfcf; color: #014b94;}

.btn3 {font-size: 14px;}



@keyframes backgroundChange {
    0% { background-image: url('/i/t/caseih_puma_afs_conn%20(1).png'); }
    33% { background-image: url('/i/t/Group_405_1.png'); }
    66% { background-image: url('/i/t/caseih_puma_afs_conn%20(1).png'); }
    100% { background-image: url('/i/t/Group_405_1.png'); }

}
.block_main_ban {
    position: relative;
    z-index: 1;
    width: 100%;
    background-size: 101% auto;
    background-position: center;
    background-repeat: no-repeat;
    animation: backgroundChange 20s infinite;
}
.block_main_ban, .block_main_ban_content {height:700px;}
.block_main_ban SPAN.t1 {position: absolute; bottom: 270px; left: 0px; display: flex; align-items: center; justify-content: center; color: white; font-size: 14px; font-weight: 600; background: rgba(100, 96, 87, 0.7); border-radius: 20px; padding: 4px 10px;}
.block_main_ban SPAN.t1 IMG {width: 15px; margin: 0 5px 0 0;}
.block_main_ban SPAN.t2 {position: absolute; bottom: 70px; left: 0px; display: block; color: white; font-size: 80px; font-weight: 800; line-height: 80px;}


.block_sec_ban, .block_sec_ban_content, .block_sec_ban_fon {height:500px;}
.block_sec_ban {background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; z-index: 1;}
.block_sec_ban_fon {position: absolute; width: 100%; height: 100%; background-color: #004b9d; opacity: 0.8;}
.block_sec_ban SPAN.t1 {position: absolute; top: 110px; left: 0px; display: block; color: white; font-size: 12px; font-weight: 500;}
.block_sec_ban SPAN.t1 A {color: #6d96bc; font-size: 12px; font-weight: 800; text-decoration: none;}
.block_sec_ban SPAN.t1_1, .block_sec_ban SPAN.t1_2 {color: #6d96bc; font-size: 12px; font-weight: 600; padding: 0 5px;}
.block_sec_ban SPAN.t1_2 {color: white; font-weight: 500;}
.block_sec_ban SPAN.t2 {position: absolute; bottom: 180px; left: 0px; display: block; color: white; font-size: 78px; font-weight: 800; line-height: 85px;}
.block_sec_ban SPAN.t2_2 {bottom: 70px !important;}
.block_sec_ban SPAN.t3 {position: absolute; bottom: 100px; left: 0px; display: block; color: white; font-size: 20px; font-weight: 500; line-height: 25px;}



/* Стиль блока полностью переделан V */


    .blk1 {
        position: relative;
        display: block;
        width: 100%;
        min-height: 270px;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        margin: 0 0 25px 0;
        overflow: hidden;
    }

    /* Добавляем псевдоэлемент для плавного увеличения */
    .blk1::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        transition: transform 0.3s ease;
        z-index: -1;
    }

    /* Убираем фон с основного элемента, переносим на псевдоэлемент */
    .blk1 {
        background-image: none !important;
    }

    /* При наведении увеличиваем псевдоэлемент */
    .blk1:hover::before {
        transform: scale(1.08);
    }

/* V */





.blk1_tit1, .blk1_tit2, .blk1_tit3, .blk1_tit4, .blk1_tit5 {position: absolute; left: 40px; display: block; z-index: 101;}
.blk1_tit1 {font-size: 14px; font-weight: 500; color: #b9bab8; top: 40px;}
.blk1_tit2 {font-size: 30px; color: white; bottom: 80px;}
.blk1_tit3 {font-size: 14px; font-weight: 500; color: #b9bab8; bottom: 40px;}
.blk1_tit4 {left: 90%; bottom: 40px; width: 20px;}

.blk1_noimage .blk1 {background-color: #fafafa;}
.blk1_noimage .blk1:hover {background-color: #e8e8e8;}
.blk1_noimage .blk1_tit1 {color: #9d9d9d;}
.blk1_noimage .blk1_tit2 {color: black;}
.blk1_noimage .blk1_tit3 {color: #8a8a8a;}

/*.blk1_noimage2  {background-color: #fafafa;}
.blk1_noimage2:hover {background-color: #e8e8e8;}
.blk1_noimage2 .blk1_tit1 {color: #9d9d9d;}
.blk1_noimage2 .blk1_tit2 {color: black;}
.blk1_noimage2 .blk1_tit3 {color: #8a8a8a;}*/


.blk1_popup0 .row DIV {display: flex; align-items: center; padding: 0 0 20px 0;}
.blk1_popup0 .tit2 {font-size: 22px; }
.blk1_popup0 .subtit1 {font-size: 12px;}

.blk1_popup {width:650px !important;}
.blk1_popup .blk1:hover {background-color: #fafafa;}
.blk1_popup .blk1_tit1 {left: 10px; top: 20px;}
.blk1_popup .blk1_tit2 {left: 10px; font-size: 18px; font-weight: 500; bottom: 0; top: 60px;}
.blk1_popup .blk1_tit3 {left: 10px;  bottom: 0; top: 110px;}
.blk1_popup .blk1_tit4 {left: 10px; bottom: 0px; top: 150px; width: 100%;}
.blk1_popup .blk1_tit4 A {color: black; margin: 0 20px 0 0; font-size: 13px; text-decoration: none;}
.blk1_popup .blk1_tit4 IMG {padding: 0 10px 0 0; width: 24px;}
.blk1_popup .blk1_tit5 {left: 10px;  bottom: 0; top: 200px;}
.blk1_popup .blk1_tit5 A {margin: 0 4px 4px 0; font-size: 12px; text-decoration: none; background-color: #e8eff7; color: #014b94; padding: 4px 8px; border-radius: 4px; display: inline-block}
.blk1_popup IFRAME {margin: -40px 0 30px 0;}


.blk2 {background-color: #7b7b7b; padding: 0px 0;}
.sub_blk_1 {backdrop-filter: blur(10px); background-color: rgba(255, 255, 255, 0.1); padding: 50px 50px;}
.sub_blk_1 STRONG {display: block; font-size: 36px; line-height: 46px; color: white;}
.sub_blk_1 P {font-size: 16px; color: #dadada; padding: 20px 0;}



.sub_blk_2 STRONG {display: block; font-size: 36px; color: #014b94; font-weight: 600;}
.sub_blk_2 P {color: #3e3e3e; font-size: 14px;}
.sub_blk_2 .sub_blk_2_border {border-right: 1px solid  #cfcfcf;}


.brands {background-color: #fafafa; margin-bottom: 20px;}
.blk3 {position:relative; display:block; width: 100%; height: 100%; margin: 0 0 25px 0;}
.blk3 .brands_tit1 {position: absolute; left: 15px; top: 20px; color: #949494; font-size: 14px;}
.blk3 .brands_tit2 {position: absolute; left: 15px; bottom: 20px; font-size: 30px; color: black; font-weight: 600; }
.blk3 .brands_tit3 {position: absolute; right: 20px; top: 20px; width: 20px;}
.brands_img {width: 100%;}

.blk4 .block_sec_ban, .blk4 .block_sec_ban_fon, .blk4 .block_sec_ban_content {height:250px;}
.blk4 .block_sec_ban {margin: 0 0 25px 0; position: relative;}
.blk4 .block_sec_ban_fon {opacity: 0.8;}
.blk4 A {display: block; position: absolute; z-index: 100; width: 100%; height: 100%;}
.blk4 .block_sec_ban_content {padding:0; width: 100%; height: 100%; position: absolute; display: flex; align-items: center; justify-content: center; text-align: center;}
.blk4 SPAN.t2 {position: relative; font-size: 24px; line-height: 30px;  margin: 85% 0 0 0;}

.blk5 {height:200px;}
.blk5 .blk1_tit2 {font-size: 28px; bottom: 20px;}
.blk5 .blk1_tit4 {left: 90%; bottom: 28px; width: 20px;}
.blk5:hover {background-size:cover}
.blk5_bg {position:absolute; width:100%; height:100%; background: linear-gradient(to top, rgba(1, 75, 148, 0.9), rgba(0, 255, 0, 0));}
.blk5_bg2 {position:absolute; width:100%; height:100%; background: linear-gradient(to top, rgba(72, 72, 72, 0.7), rgba(0, 255, 0, 0));}



/*.blk6 {padding: 80px 0; min-height: 500px; background-image: url(/i/t/photo-bg.jpg); background-repeat: no-repeat; background-position: center; background-size: cover;}*/
.blk6 .btn1 {display:inline;}
.sub_blk_6 STRONG {display: block; font-size: 36px; line-height: 46px; color: white;}
.sub_blk_6 P {font-size: 20px; color: #dadada; padding: 20px 0;}
.sub_blk_6_fon {min-height: 365px;  backdrop-filter: blur(10px); background-color: rgba(255, 255, 255, 0.1); padding: 10px 40px !important;}
.sub_blk_6_fon SPAN {display: block; position: relative; top:-8px; font-size: 14px; color: white;}
.sub_blk_6_fon UL {border-bottom: 1px solid #54514e; margin: 20px 0 0 0;}
.sub_blk_6_fon LI {list-style-image: url("/i/t/checkmark-ring.svg"); position: relative; padding: 0 0 10px 20px;}



.parallax-section {
  min-height: 400px;
  background-image: url('/i/t/photo-bg2.jpg');
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.content-overlay {
  position: relative;
  z-index: 2;
  padding: 4rem 2rem;
  color: #ffffff;
  /*text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);*/
}




.bottom_block1 {background-color: #014b94; padding: 50px 50px !important;}
.bottom_block1 STRONG {font-weight: 600; color: white; font-size: 50px; display: block;}
.bottom_block1 P {color: #6ea4da; font-weight: 600;}
.bottom_block1 A {color: #6ea4da; font-size: 10px; text-decoration: none;}
.bottom_block1 FORM {margin: 25px 0 0 0;}
.bottom_block1 input[type="text"], .bottom_block1 select, .bottom_block1 textarea {color: #6ea4da; background: none; border: 1px solid #6ea4da; padding: 20px 40px; margin: 0 20px 0 0; width: 100%;}
.bottom_block1 input[type="text"]::placeholder, .bottom_block1 textarea::placeholder {color: #6ea4da;}
.bottom_block1 input[type="submit"] {background-color: white; color: #014b94; padding: 20px 50px; border: 1px solid white;}
.bottom_block1 .btn1, .bottom_block1 .btn2 {background-color: white; color: #014b94; padding: 20px 50px; border: 1px solid white; font-size: 16px; display:inline; margin: 0 15px 0 0;}
.bottom_block1 .btn2 {background: none; color: white; border: 1px solid white; }

.bottom_block1_1 STRONG {font-size: 50px; line-height: 55px; margin: 0 0 40px 0;}
.bottom_block1_1 input[type="text"], .bottom_block1_1 select {margin: 0 0px 10px 0; display: block; width: 100%;}
.bottom_block1_1 input[type="submit"] {display: block; width: 100%;}

.bottom_block2 {border-bottom: 1px solid #cfcfcf; border-top: 1px solid #cfcfcf; padding: 40px 0;}
.bottom_block2 .tel{font-size: 26px; color: black; font-weight: 600; text-decoration: none;}
.bottom_block2 .tel SPAN {font-size: 26px; color: rgb(1, 75, 148); font-weight: 600;}
.bottom_block2 IMG {margin: 0 10px 0 0;}

.bottom_block3 STRONG {font-weight: 600; color: black; font-size: 20px; display: block; margin: 0 0 25px 0;}
.bottom_block3 A {color: #858585; font-weight: 400;  display: block; font-size: 14px; margin: 10px 0; text-decoration: none;}
.bottom_block3 P {color: #c0c0c0; font-weight: 600; display: block; font-size: 14px;}

.bottom_block4 {border-top: 1px solid #cfcfcf; padding: 40px 0;}
.bottom_block4 P {color: #c0c0c0; font-weight: 400; font-size: 14px;}
.bottom_block4 A {color: #c0c0c0; font-weight: 400; font-size: 14px;}





.overlay {position: fixed; background-color: white; width: 100%; min-height:100%;
  z-index: 1000; opacity: 0.8;}

.dropdown-menu-full { width: 100% !important; border-top: none; border-left: none; border-right: none; background:none !important; margin-top: -($spacer * .25 * 3);}
.navbar-brand {margin-right: 40px;}
.nav-link {color: black !important; font-weight: 500 !important; font-size: 15px !important;}
.tm_image_item {position:relative; display:block; width: 100%; height: 200px; background-repeat: no-repeat; background-size: cover; background-position: center;}
.tm_image_item_a {display: block; position:absolute; width: 100%; height: 100%; z-index: 102;}
.tm_image_item SPAN {display:block; position:absolute; z-index: 101; bottom:20px; left:30px; color:white; font-weight:600; font-size:20px; }

.tm_bg {position:absolute; width:100%; height:100%; background: linear-gradient(to top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.3)); z-index: 100;}



.tm_soc IMG {width: 27px;}
.tm_soc A {margin-left: 5px;}
.tm_tel {line-height: 20px;}
.tm_tel SPAN {color: rgb(1, 75, 148); font-size: 16px; font-weight: 800;}
.tm_tel A {display: block; color: black; font-size: 16px; font-weight: 800; text-decoration: none;}
.tm_mail {text-align: right;}
.tm_mail A {display: block; color: gray; font-size: 12px; font-weight: 600;  text-decoration: none;}
.tm_tel_mail {margin-left: 30px;}




.tech-list-item {background-color: #fafafa; padding: 20px 30px; margin: 0 0 30px 0;}
.tech-list-item IMG {max-width: 100%;}
.tech-list-item STRONG {color: black; font-weight: 600; font-size: 30px; line-height: 36px;  border-bottom: 1px solid black; display: block; padding: 0 0 20px 0; margin: 0 0 20px 0;}
.tech-list-item .tech-list-item-char1 {padding-top: 0px; font-size: 14px;}
.tech-list-item .tech-list-item-char2 {padding-top: 0px; color: black; }
.tech-list-item .btn1 {margin: 20px 0 0 0; font-size: 14px;}
.tech-list-item .tech-list-item-char2 SPAN {background-color: #ece9ea; color: #014b94; font-size: 10px; padding: 4px 8px; border-radius: 10px; font-weight: 600; margin: 0 0 0 5px;}
.tech-item .tech-item-char1 {padding-top: 0px; font-size: 14px;}
.tech-item .tech-item-char2 {padding-top: 0px; color: black; }

.tech-list-item A {text-decoration: none;}
.tech-list-item STRONG.tech-list-item-tit99 {min-height: 100px; display: block;}
.tech-list-item STRONG.tech-list-item-tit999 {min-height: 130px; display: block;}

/*.brands_menu {
  display: table;
  position: relative;
  width: 100%;
  height: 50px;
    border-collapse: collapse;
}

.brands_menu a {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  min-width: 100px;
    border: 1px solid #ececec;
    text-decoration: none;
    color: black;
    font-size: 14px;
    font-weight: 600;
}
.brands_menu a.act {background-color: #014b94; color: white;}
*/



.brands_menu {

  width: 100%;
  min-height: 50px;


}


.brands_menu a {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
   min-width: 100px;
    height: 50px;
    border: 1px solid #ececec;
    text-decoration: none;
    color: black;
    font-size: 14px;
    font-weight: 600;
    padding: 12px 0 0 0;
    margin: 0 0 4px 0;
}
.brands_menu a.act {background-color: #014b94; color: white;}





/*xxxl*/
@media (max-width: 1700px)
{

}


@media (max-width: 1500px)
{

}


/*xxl*/
@media (max-width: 1400px)
{
    .tech-list-item STRONG.tech-list-item-tit999 {min-height: 170px;}
}


/*xl*/
@media (max-width: 1200px)
{

}


/*lg*/
@media (max-width: 992px)
{
    .hide992 {display: none;}

    .btn1, .btn2 {margin: 0 0 10px 0;}

    .block_main_ban, .block_main_ban_content {height:500px;}
    .block_main_ban SPAN.t1 {bottom: 210px; left: 0px; font-size: 14px; font-weight: 600; padding: 4px 10px;}
    .block_main_ban SPAN.t1 IMG {width: 15px; margin: 0 5px 0 0;}
    .block_main_ban SPAN.t2 {bottom: 70px; left: 0px; font-size: 60px; font-weight: 800; line-height: 65px;}

    /*.block_sec_ban, .block_sec_ban_content, .block_sec_ban_fon {height:410px;}*/
    /*.block_sec_ban SPAN.t2 {font-size: 60px; line-height: 60px;}*/

    .bottom_block1 {padding: 50px 10px !important;}
    .bottom_block1 P BR {display: none;}
    .bottom_block1 STRONG {font-size: 32px;}
    .bottom_block1 A {font-size: 10px; line-height: 15px; display: block}
    .bottom_block1 FORM {margin: 25px 0 0 0;}
    .bottom_block1 input[type="text"] {padding: 20px 40px; margin: 0 0 10px 0; width: 100%;}
    .bottom_block1 input[type="submit"] {padding: 20px 50px; width: 100%; margin: 0 0 10px 0;}

    .bottom_block2 {border-bottom: 1px solid #cfcfcf; border-top: 1px solid #cfcfcf; padding: 40px 0;}
    .bottom_block2 .tel{font-size: 26px; color: black; font-weight: 600; margin: 40px 0; display: block;}
    .bottom_block2 .tel SPAN {font-size: 26px; color: rgb(1, 75, 148); font-weight: 600;}
    .bottom_block2 IMG {margin: 0 10px 0 0;}

    .bottom_block3 STRONG {font-size: 24px; margin: 20px 0 25px 0;}
    .bottom_block3 A {font-size: 14px; margin: 10px 0; text-decoration: none;}
    .bottom_block3 P {font-size: 14px;}

    .blk4 SPAN.t2 {font-size: 20px; line-height: 25px;  margin: 50% 0 0 0;}

    .overlay {background-color: black; opacity: 0.6;}
    .mm_soc {margin:40px 0 40px 0;}
    /*.navbar-nav{min-height: 50vh;}*/
    #navbar-content {margin:10px 0 0 0 !important;}
    .nav-link {font-size: 18px !important;}

    .navbar-nav {overflow-y: auto; height:100vw !important; scrollbar-color: #044992 #044992;}
    DIV.mega-content {margin:15px 0 0 0 !important;}
    .navbar-toggler {background-color: #014b94 !important; border-radius: 0 !important;}
    .navbar-toggler-icon {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;}

    .tm_image_item {position:relative; display:block; width: 100%; height: auto; background: none !important; margin: 30px 0 30px -40px; padding: 0;}
    .tm_image_item SPAN {color: black; font-size: 13px; font-weight: 400;}
    .tm_image_item SPAN BR {display: none;}
    .tm_bg {background: none;}
}


/*md*/
@media (max-width: 768px)
{
    .hide768 {display: none;}

    .block_main_ban, .block_main_ban_content {height:400px;}
    .block_main_ban SPAN.t1 {bottom: 170px; left: 10px; font-size: 12px; font-weight: 400; padding: 4px 10px;}
    .block_main_ban SPAN.t1 IMG {width: 15px; margin: 0 5px 0 0;}
    .block_main_ban SPAN.t2 {bottom: 70px; left: 10px; font-size: 40px; font-weight: 800; line-height: 45px;}

    /*.block_sec_ban, .block_sec_ban_content, .block_sec_ban_fon {height:330px;}*/
     .block_sec_ban SPAN.t2 {bottom: 105px; font-size: 54px; font-weight: 700; line-height: 50px; left: 10px;}
    .block_sec_ban SPAN.t3 {bottom: 45px; font-size: 16px; line-height: 22px;}

    .blk4 SPAN.t2 {font-size: 20px; line-height: 25px;  margin: 45% 0 0 0;}
    
    .bottom_block1 STRONG, .bottom_block1_1 STRONG {font-size: 24px;  line-height: 30px; margin: 0 0 20px 0;}
    .bottom_block1 STRONG BR, .bottom_block1_1 STRONG BR {display: none;}
    .bottom_block1 P, .bottom_block1_1 P, .bottom_block1 A, .bottom_block1_1 A {font-weight: 400;}
    .bottom_block1 .btn1, .bottom_block1 .btn2 {display: block; margin: 0 0 10px 0;}
    
     .tech-list-item STRONG.tech-list-item-tit99, .tech-list-item STRONG.tech-list-item-tit999 {min-height: auto;}
}




/*sm*/
@media (max-width: 576px)
{
    * {font-size: 14px;}

    .hide576 {display: none;}

    .content P {font-size: 14px; line-height: 22px;}

    .virt {width: 350px; height: 500px;}   
    
    .tit1 {color: black; font-size: 28px; line-height: 28px;}
    .tit2 {color: black; font-size: 24px; line-height: 35px;}
    .tit1 BR {display: none;}
    .subtit1 {color: #757575; font-size: 14px;}

    .block_main_ban, .block_main_ban_content {height:300px;}
    .block_main_ban SPAN.t1 {bottom: 150px; left: 10px; font-size: 12px; font-weight: 400; padding: 4px 10px;}
    .block_main_ban SPAN.t1 IMG {width: 15px; margin: 0 5px 0 0;}
    .block_main_ban SPAN.t2 {bottom: 70px; left: 10px; font-size: 30px; font-weight: 800; line-height: 35px;}

    
    
    .block_sec_ban, .block_sec_ban_content, .block_sec_ban_fon {height:400px;}
    .block_sec_ban SPAN.t1 {left: 10px;}
    .block_sec_ban SPAN.t2 {bottom: 105px; font-size: 44px; font-weight: 700; line-height: 46px; left: 10px;}
    .block_sec_ban SPAN.t3 {bottom: 45px; font-size: 14px; line-height: 18px; left: 10px;}

    .blk1_tit1, .blk1_tit2, .blk1_tit3, .blk1_tit4 {left: 20px;}
    .blk1_tit1 {font-size: 14px; font-weight: 500; color: #b9bab8; top: 40px;}
    .blk1_tit2 {font-size: 25px; line-height: 30px; color: white; bottom: 80px;}
    .blk1_tit3 {font-size: 14px; font-weight: 500; color: #b9bab8;}
    .blk1_tit4 {left: 90%; bottom: 40px; width: 20px;}

    .blk1_popup {width:330px !important;}

    .sub_blk_1 { padding: 50px 20px;}
    .sub_blk_1 STRONG {font-size: 30px; line-height: 36px;}
    .sub_blk_1 P {font-size: 16px; padding: 20px 0;}

    .tech-list-item {padding: 10px 20px;}
    .tech-list-item STRONG {font-size: 24px; padding: 0 0 20px 0; margin: 0 0 20px 0;}
    .tech-list-item .tech-list-item-char1 {font-size: 12px;}
    .tech-list-item .tech-list-item-char2 {}
    .tech-list-item .btn1 {margin: 20px 0 0 0; font-size: 14px;}
    .tech-list-item .tech-list-item-char2 SPAN {display: inline-table; margin: 0;}
   
    
    .blk3 .brands_tit1 {font-size: 12px; left: 0;}
    .blk3 .brands_tit2 {font-size: 20px; left: 0;}

    .blk4 SPAN.t2 {font-size: 16px; line-height: 25px;  margin: 52% 0 0 -10px;}

    .blk5 {height:200px;}
    .blk5 .blk1_tit2 {font-size: 24px; }
    .blk5 .blk1_tit4 {left: 90%; bottom: 25px; width: 20px;}

    .blk6 .btn1 {display:block;}
    .blk6 STRONG {font-size: 24px; line-height: 26px; margin: 0 0 20px 0;}
    .sub_blk_6_fon {min-height: 380px; padding: 10px 10px !important;}
    .sub_blk_6_fon SPAN {top:-8px; font-size: 12px;}
    .sub_blk_6_fon UL {margin: 10px 0 0 0;}
    .sub_blk_6_fon LI {padding: 0 0 10px 10px;}


    


}






















.cookie_notice {
    display: none;
    position: fixed;
    z-index: 9999999;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 15px;
    font-family: Verdana, sans-serif;
    color: #FFF;
    background: #337AB7;
    padding: 10px 20px;
    border-top: 4px solid #BFE2FF;
}
/* Оформление кнопок */
.cookie_btn {
    display: inline-block;
    margin: 10px 6px 4px 6px;
    text-decoration: none;
    position: relative;
    font-size: 13px;
    padding: 4px 12px;
    color: #FFF;
    font-weight: bold;
    text-transform: uppercase;
    background: #337AB7;
    border: 2px solid #BFE2FF;
}
.cookie_btn:hover {
    color: #FFF;
}
.cookie_btn:after,
.cookie_btn:before {
    position: absolute;
    height: 2px;
    left: 50%;
    background: #FFF;
    bottom: -6px;
    content: "";
    transition: all 280ms ease-in-out;
    width: 0;
}
.cookie_btn:before {
    top: -6px;
}
.cookie_btn:hover:after,
.cookie_btn:hover:before {
    width: 100%;
    left: 0;
}

/* Стили для оверлея при наведении на блок */
                    .W_image-container {
            position: relative;
            overflow: hidden;
            width: 100%;
            height: 100%;
            display: block;
            text-decoration: none;
        }

        .W_image-container img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.3s ease;
        }

        .W_image-container:hover img {
            transform: scale(1.05);
        }

        .W_overlay {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: rgba(1, 75, 148, 0.8);
            opacity: 1;
            transition: opacity 0.3s ease;
            z-index: 1;
        }

        .W_image-container:hover .W_overlay {
            opacity: 0;
        }

        .W_title {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            color: white;
            font-weight: 600;
            text-align: center;
            z-index: 2;
            transition: opacity 0.3s ease;
            pointer-events: none;
            width: 90%;
        }

        .W_image-container:hover .W_title {
            opacity: 0;
        }

        /* Адаптация размера шрифта для разных экранов */
        @media (min-width: 1400px) {
            .W_title {
                font-size: 20px;
                white-space: nowrap;
                width: auto;
            }
        }

        @media (min-width: 1200px) and (max-width: 1399.98px) {
            .W_title {
                font-size: 18px;
                white-space: nowrap;
                width: auto;
            }
        }

        @media (min-width: 992px) and (max-width: 1199.98px) {
            .W_title {
                font-size: 16px;
                white-space: normal;
            }
        }

        @media (min-width: 768px) and (max-width: 991.98px) {
            .W_title {
                font-size: 14px;
                white-space: normal;
            }
        }

        @media (min-width: 576px) and (max-width: 767.98px) {
            .W_title {
                font-size: 12px;
                white-space: normal;
            }
        }

        @media (max-width: 575.98px) {
            .W_title {
                font-size: 10px;
                white-space: normal;
            }
        }
/* Стили для оверлея при наведении на блок */
/* Стили для оотработки логотипов на главной */
    <style>
        .brand-card {
            display: block;
            text-decoration: none;
        }

        .brand-card .image-wrapper {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            min-height: 120px;
        }

        .brand-card img {
            display: block;
            transition: opacity 0.3s ease-in-out, border 0.3s ease-in-out;
            border: 1px solid #014b94;
            max-width: 100%;
            width: auto;
            height: auto;
        }

        /* Адаптивная максимальная высота для разных экранов */
        @media (min-width: 1400px) {
            .brand-card img {
                max-height: 220px;
            }
        }

        @media (min-width: 1200px) and (max-width: 1399.98px) {
            .brand-card img {
                max-height: 200px;
            }
        }

        @media (min-width: 992px) and (max-width: 1199.98px) {
            .brand-card img {
                max-height: 180px;
            }
        }

        @media (min-width: 768px) and (max-width: 991.98px) {
            .brand-card img {
                max-height: 160px;
            }
        }

        @media (min-width: 576px) and (max-width: 767.98px) {
            .brand-card img {
                max-height: 140px;
            }
        }

        @media (max-width: 575.98px) {
            .brand-card img {
                max-height: 120px;
            }
        }
    </style>
/* Стили для оотработки логотипов на главной */