/* ++ Стиль для подчеркивания линией*/
    
    .link-effect-menu[data-elem-type="text"] a {
    border: 0 !important;
    display: inline-block !important;
    width: auto !important;
    position: relative !important;
    transition: all 0.3s ease !important;
    /* цвет ссылки до наведения */
    color: #ffffff !important;
    opacity: 0.5!important;
}

.link-effect-menu[data-elem-type="text"] a:hover {
    /* цвет ссылки после наведения */
    color: #ffffff !important;
    opacity: 1!important;
}

.link-effect-menu[data-elem-type="text"] a::after {
    content: '';
    position: absolute;з
    transition: all 0.3s ease;
    margin: auto;
    /* отступ между ссылкой и подчеркиванием; 
    если нужно сделать расстояние больше, то используй отрицательное значение */
    margin-bottom: -1px;
    /* толщина подчеркивания */
    height: 0.5px;  
    /* цвет подчеркивания до наведения */
    background: #2C2C2C!important; 
     
    opacity: 0;
    top: auto;
    bottom: 0;
    left: auto;
    right: 0;
    width: 0;
     
}

.link-effect-menu[data-elem-type="text"] a:hover::after {
    /* цвет подчеркивания после наведения */
    background: #ffffff!important;
     
    opacity: 1;
    top: auto;
    bottom: 0;
    left: 0;
    right: auto;
    width: 100%;
     
}
/* -- Стиль для подчеркивания линией*/
    .IcoWA:hover {
        opacity: 0.8;
    }
    /*Все текста на сайте*/
    .text, .ico, .phone  {
        opacity: 1!important;
        color: #E6E9EE!important;
    }
    
    .text:hover, .ico:hover, .phone:hover {
        opacity: 0.5!important;
        cursor: pointer;
    }
    
    /*
    .phone:hover::before {
        content: "↳";
        color: inherit;
        font-size: 31px;
        top: 5px; 
    } */
    
    .phoneSmall  {
        opacity: 0.5;
        color: #E6E9EE;
    }
    
    .phoneSmall:hover  {
        opacity: 1;
        color: #E6E9EE;
    }
    
    /*
     .phoneSmall:hover::before {
        content: "↳";
        opacity: 1;
        color: #E6E9EE
        font-size: 1px;
        position: relative; 
        top: 2px; 
    }
    */
  
    /*цвет иконки бургера*/  
    #rec842745795 .tn-elem[data-elem-id="1734626114291"] .tn-atom:hover {
        opacity: 0.5;
    }
    /*Текст в подвале*/
    .text2{
        opacity: 0.5;
        color: #F5F8FF;
    }
    
    .text2:hover{
        opacity: 1;
        cursor: pointer;
    }
    
    .Block1, .Block2, .Block3 {
        opacity: 0;   
        transition: 0.3s;    
    }
    
    .Block1:hover, .Block2:hover, .Block3:hover {
        opacity: 1;   
        transition: 0.3s;   
        cursor: pointer;
    }
    
    /*Строки в сортаменте свай*/
     .tab_btn{
        opacity: 0;
        transition: 0.3s;   
        
    } 
    
    .tab_btn:hover{
        opacity: 0.5;
        transition: 0.3s;   
        
    }
   
    
    /* ЦВЕТ СТРЕЛОК*/
    .v-next, .v-prev{
        opacity: 0.5;
    }
    
    .v-next:hover, .v-prev:hover{
        opacity: 1;
    }
    
    
    /* Текст в блоке КАТАЛОГ ПРОДУКЦИИ*/
    .text11, .text12, .text13, .text14, .text15, .text16, .text111, .text122, .text133, .text144, .text155, .text166 {
        opacity: 0.5;    
    }
    
    .text11:hover, .text12:hover, .text13:hover, .text14:hover, .text15:hover, .text16:hover {
        opacity: 1;    
    }
    
    .Card1, .Card2, .Card3, .Card4, .Card5, .Card6 {
        opacity: 0;
        transition: 0.3s;
    }
    
    .Arrow1, .Arrow2, .Arrow3, .Arrow4, .Arrow5, .Arrow6, .Arrow21, .Arrow22  {
        opacity: 1;
        transition: 0.3s;
        width: 0px!important;
    }
    
    .honeycomb1, .honeycomb2, .honeycomb3, .honeycomb4, .honeycomb5{
        opacity: 0;   
        transition: 0.3s;
    }
    
    .Country1, .Country2, .Country3, .Country4, .Country5 {
        cursor: pointer;
    }



 /*БЛОК КАТАЛОГ ПРОДУКЦИИ*/
 
 #rec842779441:has(.text11:hover) .text111 {
opacity: 1;
}

 #rec842779441:has(.text11:hover) .Card1 {
opacity: 1;
transition: 0.3s;
}

 #rec842779441:has(.text11:hover) .Arrow1 {
transition: 0.3s;
width: 40px!important;
}



 #rec842779441:has(.text12:hover) .text122{
opacity: 1;
}

 #rec842779441:has(.text12:hover) .Card2{
opacity: 1;
transition: 0.3s;
}

 #rec842779441:has(.text12:hover) .Arrow2{
transition: 0.3s;
width: 40px!important;
}



 #rec842779441:has(.text13:hover) .text133{
opacity: 1;
}

 #rec842779441:has(.text13:hover) .Card3{
opacity: 1;
transition: 0.3s;
}

 #rec842779441:has(.text13:hover) .Arrow3{
transition: 0.3s;
width: 40px!important;
}



 #rec842779441:has(.text14:hover) .text144{
opacity: 1;
}

 #rec842779441:has(.text14:hover) .Card4{
opacity: 1;
transition: 0.3s;
}

 #rec842779441:has(.text14:hover) .Arrow4{
transition: 0.3s;
width: 40px!important;
}



 #rec842779441:has(.text15:hover) .text155{
opacity: 1;
}

 #rec842779441:has(.text15:hover) .Card5{
opacity: 1;
transition: 0.3s;
}

 #rec842779441:has(.text15:hover) .Arrow5{
transition: 0.3s;
width: 40px!important;
}




 #rec842779441:has(.text16:hover) .text166{
opacity: 1;
}


 #rec842779441:has(.text16:hover) .Card6{
opacity: 1;
}
  
 #rec842779441:has(.text16:hover) .Arrow6{
transition: 0.3s;
width: 40px!important;
}  

/* Стрелки со страницы СВАИ */

 #rec847776191:has(.block21:hover) .Arrow21{
transition: 0.3s;
width: 40px!important;
} 

 #rec847776191:has(.block22:hover) .Arrow22{
transition: 0.3s;
width: 40px!important;
} 
    
   
#rec843475435 .tn-elem[data-elem-id="1734784848702"] .tn-atom {
background-color: #414858;
}


/* Россия*/
 #rec843475435:has(.Country1:hover) .honeycomb1{
opacity: 1;
transition: 0.3s;
}

 #rec843475435:has(.Country1:hover) .tn-elem[data-elem-id="1734784848702"] .tn-atom{
background-color: #5972A4;
}

 #rec843475435:has(.Country1:hover) .tn-elem[data-elem-id="1734800604803"] .tn-atom{
border-color: #5972A4!important;
}


/* Казахстан*/
 #rec843475435:has(.Country2:hover) .honeycomb2{
opacity: 1;
transition: 0.3s;
}

 #rec843475435:has(.Country2:hover) .tn-elem[data-elem-id="1734789002795"] .tn-atom{
background-color: #5972A4;
}

 #rec843475435:has(.Country2:hover) .tn-elem[data-elem-id="1734800716783"] .tn-atom{
border-color: #5972A4!important;
}


/* Беларусь*/
 #rec843475435:has(.Country3:hover) .honeycomb3{
opacity: 1;
transition: 0.3s;
}

 #rec843475435:has(.Country3:hover) .tn-elem[data-elem-id="1734789063030"] .tn-atom{
background-color: #5972A4;
}

 #rec843475435:has(.Country3:hover) .tn-elem[data-elem-id="1734800789205"] .tn-atom{
border-color: #5972A4!important;
}


/* Узбекистан*/
 #rec843475435:has(.Country4:hover) .honeycomb4{
opacity: 1;
transition: 0.3s;
}

 #rec843475435:has(.Country4:hover) .tn-elem[data-elem-id="1734789063035"] .tn-atom{
background-color: #5972A4;
}

 #rec843475435:has(.Country4:hover) .tn-elem[data-elem-id="1734800789210"] .tn-atom{
border-color: #5972A4!important;
}

/* Кыргызстан*/
 #rec843475435:has(.Country5:hover) .honeycomb5{
opacity: 1;
transition: 0.3s;
}

 #rec843475435:has(.Country5:hover) .tn-elem[data-elem-id="1734789101133"] .tn-atom{
background-color: #5972A4;
}

 #rec843475435:has(.Country5:hover) .tn-elem[data-elem-id="1734800815453"] .tn-atom{
border-color: #5972A4!important;
}



/*Страница Каталог */

.catalogBlock {
    color: #389256!important;
}

.catalogBlock:hover {
    color: #BED4FF!important;
}

/*Подчеркивание линией */
    
    .text3{
    border: 0 !important;
    display: inline-block !important;
    width: auto !important;
    position: relative !important;
    transition: all 0.3s ease !important;
    /* цвет ссылки до наведения #9498A0 */
    color: #9498A0 !important;
}

.text3:hover {
    /* цвет ссылки после наведения */
    color: #ffffff !important;
    
}

.text3::after {
    content: '';
    position: absolute;
    transition: all 0.3s ease;
    margin: auto;
    /* отступ между ссылкой и подчеркиванием; 
    если нужно сделать расстояние больше, то используй отрицательное значение */
    margin-bottom: -1px;
    /* толщина подчеркивания */
    height: 0.5px;  
    /* цвет подчеркивания до наведения */
    background: #2C2C2C!important; 
     
    opacity: 0;
    top: auto;
    bottom: 0;
    left: auto;
    right: 0;
    width: 0;
     
}

.text3:hover::after {
    /* цвет подчеркивания после наведения */
    background: #ffffff!important;
     
    opacity: 1;
    top: auto;
    bottom: 0;
    left: 0;
    right: auto;
    width: 100%;
     
}

@media (hover: none) {
    .tab-btn:hover {
        opacity: 0.1;
    } 
    /*
    .tab-btn {
        touch-action: manipulation;
    }
    */
}

/*
@media (max-width: 1199px){
    .tab-btn2:hover{
        pointer-events: none;
    }    
}

*/