/* Русскоязычная версия  страницы Услуги */

@font-face {
    font-family: "Helvetica Neue";
    src: url(../fonts/HelveticaNeueCyr-Light.woff) format("woff");
    font-style: normal;
}

@font-face {
    font-family: "Helvetica Neue";
    src: url(../fonts/HelveticaNeueCyr-Medium.woff) format("woff");
    font-style: normal;
}

@font-face {
    font-family: "Helvetica Neue";
    src: url(../fonts/HelveticaNeueRoman.woff) format("woff");
    font-style: normal;
}



.mainClass {
    display: flex;
    flex-direction: column;
    /*background-color: green;*/
    /*overflow: hidden;*/
    }


/****** общие классы у блоков ******/

.section-responsive {
    width: 100%;
    padding: 7% 40px;
}

.section-title {
    width: 20%;
    /* padding-left: 40px; */
}

.section-content {
    width: 80%;
}

.section-description {
    width: 100%;
}

.main-title {
    padding-bottom: 4%;
}

.hero {
    display: flex;
}
/* ********** Секция 1 ********************************************************** */

 .section1 {
    display: flex;
    width: 100%;
    flex-direction: column;
      overflow: hidden;
}

#fonovoeIzobrazhenie {
    width: 100%;    
}

   /* Всё кроме фона в первой секции */
.sub_section1 {
    position: absolute;
    width: 100%;
    display: flex;
    flex-direction: column;
}


/*главная картинка с ремонтником на ножничном подъёмнике */
.wrapper20 {
  display: flex;
  flex-direction: column;
  width: 100%;
}

/*главное меню (хедер) с подчерком*/
 .flex_col2 {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px 0px;
    margin: 0px 0px 0px 0px;
     padding: 10px 21px;
}

/*.index .flex_col2:hover {
            background-color: white;

        }

*/

/*Строчка хедера главной страницы*/
 .flex_row {
    display: flex;
    justify-content: space-around;
    align-items: baseline;
    gap: 0px 10px;
    width: 100%;
}

/*Логотип в хедере  182x36 исходный размер, 0,197802 пропорция */
 .image1 {
    width: 182px;
    height: 36px;
    margin-top: 0px;
}

/*Языковое меню в хедере*/
 .wrapper28 {
    display: flex;
    align-items: center;
    gap: 0px 7px;
    margin: 0px 4px 0px 5px;
   /* width: 86px;*/
}

/*Текст -ru- в языковом меню в хедере*/
 .text {
  
    font:
        400 22px/1.39 "Helvetica Neue",
        Helvetica,
        Arial,
        serif;
    color: white;
    
    text-shadow: 
        0 0 2px #000000,
        0 0 2px #000000,
        0 0 2px #000000; /* Плавная чёрная тень у текста */
}

.text-mod {
 
    font:
        400 20px/1.39 "Helvetica Neue",
        Helvetica,
        Arial,
        serif;
    color: #081d35;
    opacity: 0.4;
  /*  text-shadow: 
        
         1px 1px 2px #808080,
        -1px -1px 2px #808080,
         0px 0px 1px #808080;*//* Плавная - тень у текста */
}



/*Текст -/- в языковом меню в хедере*/
 .text2 {
    width: 4px;
    height: 20px;
    font:
        400 22px/1.39 "Helvetica Neue",
        Helvetica,
        Arial,
        serif;
    color: white;
    
    text-shadow: 
        0 0 1.6px #000000,
        0 0 1.6px #000000,
        0 0 1.6px #000000; /* Плавная чёрная тень у текста */
    
       opacity: 0.99;
}


.text2-mod {
    width: 4px;
    height: 20px;
    font:
        400 18px/1.39 "Helvetica Neue",
        Helvetica,
        Arial,
        serif;
    color: #081d35;
    
  /*  text-shadow: 
        1px 1px 2px #808080,
        -1px -1px 2px #808080,
         0px 0px 1px #808080; */
    
    opacity: 0.99;
}


/*Текст -en- в языковом меню в хедере*/
 .text3 {
    /*width: 16px;
                  height: 20px;*/
    font:
        400 20px/1.39 "Helvetica Neue",
        Helvetica,
        Arial,
        serif;
    color: white;
    opacity: 0.8;
    text-decoration: none;
    
    text-shadow: 
        0 0 1.6px #000000,
        0 0 1.6px #000000,
        0 0 1.6px #000000; /* Плавная чёрная тень у текста */
    transition: 0.3s;
}

 .text3:hover {
    opacity: 1;
    color: darkgrey;
    text-shadow:
        0 0 1.5px #fff,
        0 0 1.5px #fff,
        0 0 1.5px #fff; /* Плавная белая тень у текста */
}


/*Текст -en- в языковом меню в модальном меню */
.text3-mod {
 
    font:
        400 18px/1.39 "Helvetica Neue",
        Helvetica,
        Arial,
        serif;
    color: #081d35;
    opacity: 0.99;
    text-decoration: none;
        
  /*  text-shadow:         
         1px 1px 2px #808080,
        -1px -1px 2px #808080,
         0px 0px 1px #808080;*/
    
    transition: 0.3s;
}

.text3-mod:hover {
    opacity: 1;
    color: darkgrey;
    text-shadow:
        0 0 1.5px #fff,
        0 0 1.5px #fff,
        0 0 1.5px #fff; 
}

/*Текст -中文- в языковом меню в хедере*/
 .text4 {
    margin: 0px 0px 0px 0px;
    padding-top: 2px;
    text-decoration: none;
    /*width: 15px;
                  height: 20px;*/
    font:
        400 16px/1.39 "Helvetica Neue",
        Helvetica,
        Arial,
        serif;
    color: white;
    opacity: 0.99;
    
    text-shadow: 
        0 0 1.6px #000000,
        0 0 1.6px #000000,
        0 0 1.6px #000000; /* Плавная чёрная тень у текста */
    
    transition: 0.3s;
}

 .text4:hover {
    opacity: 1;
     color: darkgrey;
    text-shadow:
        0 0 1.5px #fff,
        0 0 1.5px #fff,
        0 0 1.5px #fff; /*Плавная белая тень у текста*/
}


/*Текст -ch- в языковом меню в модальном меню */
.text4-mod {
    margin: 1px 6px 0px 0px;
    /*width: 15px;
                  height: 20px;*/
    font:
        400 14px/1.39 "Helvetica Neue",
        Helvetica,
        Arial,
        serif;
    color: #081d35;
     text-decoration: none;
        
/*    text-shadow:         
         1px 1px 2px #808080,
        -1px -1px 2px #808080,
         0px 0px 1px #808080;*/
    
    opacity: 0.99;
    transition: 0.3s;
}

.text4-mod:hover {
    opacity: 1;
    color: darkgrey;
    text-shadow:
        0 0 1.5px #fff,
        0 0 1.5px #fff,
        0 0 1.5px #fff; /*Плавная белая тень у текста*/
}

/*Блок с услугами и с оборудованием в хедере слева*/
 .wrapper25 {
    display: flex;
    justify-content: space-between;
    gap: 30px;
   /* align-items: center;*/
    /*gap: 0px 10px;*/
    margin: 0px 0px 4px;
   /* width: 291px;*/
}

/*Обёртка для услуг в хедере*/
 .wrapper26 {
    display: flex;
    align-items: center;
    gap: 0px 14px;
   /* width: 82px;
    height: 26px;*/
    text-decoration: none;
}

/*Слово -Услуги- в хедере*/
 .highlight4 {
    /*width: 56px;
    height: 26px;*/
    font:
        400 18px/1.39 "Helvetica Neue",
        Helvetica,
        Arial,
        serif;
    color: white;
    text-decoration: none;
    
   text-shadow: 
        0 0 1.6px #000000,
        0 0 1.6px #000000,
        0 0 1.6px #000000; /* Плавная чёрная тень у текста */
    
    
    transition: 0.3s;
}

 .highlight4:hover {
    text-shadow:
        0 0 1.6px #fff,
        0 0 1.6px #fff,
        0 0 1.6px #fff; /* Плавная белая тень у текста */
}

/*Обёртка для галки вниз к слову Услуги в хедере*/
 .wrapper27 {
    display: flex;
    flex-direction: column;
    margin: 7px 0px;
    width: 12px;
    height: 12px;
    overflow: hidden;
}

/*Картинка галки вниз для выпадающего меню Услуг в хедере*/
 .wrapper271 {
    display: flex;
    flex-direction: column;
    margin: 2px 0px 3px;
    width: 12px;
    height: 7px;
    background: var(--src) center center/100% 100% no-repeat;
}

/*Обёртка для пункта меню Оборудование в хедере*/
 .wrapper261 {
    display: flex;
    align-items: center;
    gap: 0px 14px;
   /* width: 149px;
    height: 26px;*/
    text-decoration: none;
}

/*Текст Оборудование в меню хедера*/
 .highlight41 {
    /*width: 123px;
    height: 26px;*/
    font:
        400 18px/1.39 "Helvetica Neue",
        Helvetica,
        Arial,
        serif;
    color: white;
    text-decoration: none;
    
    text-shadow: 
        0 0 1.6px #000000,
        0 0 1.6px #000000,
        0 0 1.6px #000000; /* Плавная чёрная тень у текста */
    
    
    transition: 0.3s;
}

 .highlight41:hover {
    text-shadow:
        0 0 1.6px #fff,
        0 0 1.6px #fff,
        0 0 1.6px #fff; /* Плавная белая тень у текста */
}

/*Блок основного навигационного меню в хедере справа*/
 .main_menu_row {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    column-gap: 26px;
}

/* Компания */
 .menu_chapter_1 {
    height: 26px;
    font:
        400 18px/1.39 "Helvetica Neue",
        Helvetica,
        Arial,
        serif;
    color: white;
    text-decoration: none;
    
    text-shadow: 
        0 0 1.6px #000000,
        0 0 1.6px #000000,
        0 0 1.6px #000000; /* Плавная - тень у текста */
    
    transition: 0.3s;
}

 .menu_chapter_1:hover {
    text-shadow:
        0 0 1.6px #fff,
        0 0 1.6px #fff,
        0 0 1.6px #fff; /* Плавная белая тень у текста */
}

/* Проекты */
 .menu_chapter_2 {
    height: 26px;
    font:
        400 18px/1.39 "Helvetica Neue",
        Helvetica,
        Arial,
        serif;
    color: white;
    text-decoration: none;
    
    text-shadow: 
        0 0 1.6px #000000,
        0 0 1.6px #000000,
        0 0 1.6px #000000; /* Плавная - тень у текста */
    
    transition: 0.3s;
}

 .menu_chapter_2:hover {
    text-shadow:
        0 0 1.6px #fff,
        0 0 1.6px #fff,
        0 0 1.6px #fff; /* Плавная белая тень у текста */
}

/*Карьера*/
 .menu_chapter_3 {
    height: 26px;
    font:
        400 18px/1.39 "Helvetica Neue",
        Helvetica,
        Arial,
        serif;
    color: white;
    text-decoration: none;
    
    text-shadow: 
        0 0 1.6px #000000,
        0 0 1.6px #000000,
        0 0 1.6px #000000; /* Плавная - тень у текста */
    
    transition: 0.3s;
}

 .menu_chapter_3:hover {
    text-shadow:
        0 0 1.6px #fff,
        0 0 1.6px #fff,
        0 0 1.6px #fff; /* Плавная белая тень у текста */
}

/* Пресс-центр */
 .menu_chapter_4 {
    height: 26px;
    font:
        400 18px/1.39 "Helvetica Neue",
        Helvetica,
        Arial,
        serif;
    color: white;
    text-decoration: none;
    
    text-shadow: 
        0 0 1.6px #000000,
        0 0 1.6px #000000,
        0 0 1.6px #000000; /* Плавная - тень у текста */
    
    transition: 0.3s;
}

 .menu_chapter_4:hover {
    text-shadow:
        0 0 1.6px #fff,
        0 0 1.6px #fff,
        0 0 1.6px #fff; /* Плавная белая тень у текста */
}

/* Контакты */
 .menu_chapter_5 {
    height: 26px;
    font:
        400 18px/1.39 "Helvetica Neue",
        Helvetica,
        Arial,
        serif;
    color: white;
    text-decoration: none;
    
    text-shadow: 
        0 0 1.6px #000000,
        0 0 1.6px #000000,
        0 0 1.6px #000000; /* Плавная - тень у текста */
    
    transition: 0.3s;
}

 .menu_chapter_5:hover {
    text-shadow:
        0 0 1.6px #fff,
        0 0 1.6px #fff,
        0 0 1.6px #fff; /* Плавная белая тень у текста */
}

/*Номер телефона в основном навигационном меню в хедере справа*/
 .highlight3 {
    /*margin: 0px 0px 0px 0px;
          padding-top: 0%;*/
    font:
        500 18px/1.39 "Helvetica Neue",
        Helvetica,
        Arial,
        serif;
    color: white;
    text-decoration: none;
    
    text-shadow: 
        0 0 1.6px #000000,
        0 0 1.6px #000000,
        0 0 1.6px #000000; /* Плавная - тень у текста */
    
    transition: 0.3s;
}

 .highlight3:hover {
    text-shadow:
        0 0 1.6px #fff,
        0 0 1.6px #fff,
        0 0 1.6px #fff; /* Плавная белая тень у текста */
}

/*Подчерк под хедером*/
 .line61 {
    width: 100%;
    height: 1px;
    min-height: 1px;
    
    background-color: white;
    opacity: 0.2;
}

/* ********* * конец Хедера - главного навигационного меню * ************ */

 /* Основной контентный текстовый блок */
 .contentTextModule {
    display: block;
    padding-top: 0%;
    padding-left: 0%;
        
}


 .glavnyiZagolovok {
    padding-top: 0%;
    padding-left: 6%;
    
    font:
        506 95px/1.39 "Helvetica Neue",
        Helvetica,
        Arial,
        serif;
    color: white;
    
    text-shadow: 
        0 0 1.6px #000000,
        0 0 1.6px #000000,
        0 0 1.6px #000000;  /* Плавная - тень у текста */
    
     /*background-color: aqua;*/
    
}

/* Многострочный текстовый подзаголовок */
 .subTytle {    
    pointer-events: none;
    padding-top: 10px;
    padding-left: 6%;
    font:
        500 30px/1.39 "Helvetica Neue",
        Helvetica,
        Arial,
        serif;
    color: white;
    text-decoration: none;
    
    text-shadow: 
        5px -6px  6.9px #000000,
        7px  7px  8.2px #000000,
        -7px  -1px  7.9px #000000; /* Плавная чёрная тень у текста */
    
    transition: 0.3s;
}




/* *************** Кнопка Консультация *************** */
 .consult_button {
    display: flex;
    align-items: center;
    gap: 0px 27px;
    margin: 14% 0% 7% 84%;   
    width: 178px;
    height: 48px;
    border-radius: 24px 24px 24px 24px;
    padding: 14px 24px 14px 24px;
    outline: 2px solid white;
    outline-offset: -1px;
    text-decoration: none;

    transition: background-color;
    transition-duration: 0.5s;
    transition-timing-function: ease-in-out;
    transition-delay: 0.05s;
}


/*Текст Консультация*/
 .text1 {
    width: 90px;
    height: 20px;
    font:
        500 14px/1.39 "Helvetica Neue Cyr",
        Helvetica,
        Arial,
        serif;
    color: white;
    font-weight: bold;
    background-color: rgba(255, 255, 255, 0);
     
    text-shadow: 
        5px -6px  6.9px #000000,
        7px  7px  8.2px #000000,
       -7px -1px  7.9px #000000; /* Плавная чёрная тень у текста */
    

    transition: color;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0.05s;
}

/*Обёртка для галки вправо у Консультации в центре первого раздела*/
 .wrapper3 {
    display: flex;
    flex-direction: column;
    margin: 4px 0px;
    width: 12px;
    height: 12px;
    overflow: hidden;
    background-color: rgba(255, 255, 255, 0);
}

/*Картинка галки вправо для Консультации в главном разделе*/
 .wrapper31 {
    display: flex;
    flex-direction: column;
    margin: 0px 3px;
    width: 6px;
    height: 12px;
    /*background: var(--src) center center/100% 100% no-repeat;*/

    background: var(--srcWhiteCheckMarkRight) center center/100% 100% no-repeat;
    background-color: rgba(255, 255, 255, 0);

    transition: background;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0.05s;
}
/* конец кнопки Консультация */


/*Конец первой секции*/


/* **************************** Вторая секция ******************************************* */

.section2 {
    display: flex;
    flex-direction: column;
    width: 100%;
    background-color: whitesmoke;
    padding-top: 3%;
    padding-bottom: 7%;
 
}


/* Блок с заголовком и картинкой+текст*/
.wrapper_2_1 {
    display: flex;
    flex-direction: column;
    /*margin: 0% 3% 0% 3%;*/
    padding: 0% 3%;
    /* min-height: 870px; */
    
}

/* Заголовок раздела над фото и текстом */
.big_title2 {       
    font:
        500 36px/1.39 "Helvetica Neue",
        Helvetica,
        Arial,
        serif;
    color: #081d35;
    text-align: center;
    padding-bottom: 34px;
}

/*Блок с картинкой слева и текстом справа*/
.third_uslugiSubmodul {
    display: flex;
    flex-direction: row;
    width: 100%;
   /*justify-content:space-around;*/
    gap: 0% 0%;   
   
    transition: 0.3s;
}

/*Картинка слева от текстового блока, жёлто-зелёная кран-балка*/
.third_uslugiSubmodul_image_1_service {
    
    width: 62%;
    max-width: 620px;
    max-height: 420px;
    transition: 0.3s;
}

.third_uslugiSubmodul_image_2_modernization {
    display: none;
    width: 62%;
    max-width: 620px;
    max-height: 420px;
    transition: 0.3s;
}

.third_uslugiSubmodul_image_3_automatization {
    display: none;
    width: 62%;
    max-width: 620px;
    max-height: 420px;
    transition: 0.3s;
}

.third_uslugiSubmodul_image_4_zapchasti {
    display: none;
    width: 62%;
    max-width: 620px;
    max-height: 420px;
    transition: 0.3s;
}

.third_uslugiSubmodul_image_5_obuchennie {
    display: none;
    width: 62%;
    max-width: 620px;
    max-height: 420px;
    transition: 0.3s;
}





/* Обёртка блока с вкладками, подзаголовком и текстом */
.third_uslugiSubmodul_textModul {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    gap: 36px 0px;
    margin: 0px 0px 0px 6%;
    /*background-color: greenyellow;*/
    
}

/* Обёртка для всей строки меню сервис-Модернизация-Автоматизация-Запчасти-Сервис-Обучение */
.third_uslugiSubmodul_textModul_tabsRow {
    display: flex;
    flex-direction: row;
    /*justify-content:space-between;*/
    align-items: center;
    column-gap: 48px;
    width: 100%;
}

/* Обёртка для заголовка вкладки Сервисное обслжиание */
.third_uslugiSubmodul_textModul_tabsRow_serviceTab {
    display: flex;
    flex-direction: column;
    cursor: pointer;
    transition: 0.3s;
    
}

/* текст Сервисное обслуживание */
.third_uslugiSubmodul_textModul_tabsRow_serviceTabText {   
    font:
        500 14px/1.39 "Helvetica Neue",
        Helvetica,
        Arial,
        serif;
    color: #1c4fd0;
    transition: 0.3s;
}

.third_uslugiSubmodul_textModul_tabsRow_serviceTabText:hover {
    text-shadow: 0 0 1px #000; /* Плавная чёрная тень у текста */
}


/* Подчерк под заголовком вкладки */
.third_uslugiSubmodul_textModul_tabsRow_serviceTabUnderLine {
    display: block;
    width: 100%;
    height: 1px;
    min-height: 1px;
    background-color: blue;
    opacity: 0.4;
    transition: 0.3s;
}



/* Обёртка для вкладки Модернизация */
.third_uslugiSubmodul_textModul_tabsRow_modernizationeTab {
    display: flex;
    flex-direction: column;
    cursor: pointer;
    transition: 0.3s;
}

/* Текст Модернизация */
.third_uslugiSubmodul_textModul_tabsRow_modernizationeTabText {    
    font:
        500 14px/1.39 "Helvetica Neue",
        Helvetica,
        Arial,
        serif;
    color: #8c8c8c;
    transition: 0.3s;
}

.third_uslugiSubmodul_textModul_tabsRow_modernizationeTabText:hover {
    text-shadow: 0 0 1px #000; /* Плавная чёрная тень у текста */
}

/* Подчерк под заголовком вкладки Модернизация */
.third_uslugiSubmodul_textModul_tabsRow_modernizationTabUnderLine {
    display: none;
    width: 100%;
    height: 1px;
    min-height: 1px;
    background-color: blue;
    opacity: 0.4;
}


/* Обёртка для вкладки Автоматизация */
.third_uslugiSubmodul_textModul_tabsRow_automatizationTab {
    display: flex;
    flex-direction: column;
    cursor: pointer;
}

/* Текст Автоматизация */
.third_uslugiSubmodul_textModul_tabsRow_automatizationTabText {    
    font:
        500 14px/1.39 "Helvetica Neue",
        Helvetica,
        Arial,
        serif;
    color: #8c8c8c;
    transition: 0.3s;
}

.third_uslugiSubmodul_textModul_tabsRow_automatizationTabText:hover {
    text-shadow: 0 0 1px #000; /* Плавная чёрная тень у текста */
}

/* Подчерк под заголовком вкладки Автоматизация */
.third_uslugiSubmodul_textModul_tabsRow_automatizationTabUnderLine {
    display: none;
    width: 100%;
    height: 1px;
    min-height: 1px;
    background-color: blue;
    opacity: 0.4;
    transition: 0.3s;
}

/* Обёртка для вкладки Запчасти */
.third_uslugiSubmodul_textModul_tabsRow_zapchastiTab {
    display: flex;
    flex-direction: column;    
    cursor: pointer;
}

/* Текст запчасти */
.third_uslugiSubmodul_textModul_tabsRow_zapchastiTabText {    
    font:
        500 14px/1.39 "Helvetica Neue",
        Helvetica,
        Arial,
        serif;
    color: #8c8c8c;
    transition: 0.3s;
}

.third_uslugiSubmodul_textModul_tabsRow_zapchastiTabText:hover {
    text-shadow: 0 0 1px #000; /* Плавная чёрная тень у текста */
}

/* Подчерк под заголовком вкладки запчасти */
.third_uslugiSubmodul_textModul_tabsRow_zapchastiTabUnderLine {
    display: none;
    width: 100%;
    height: 1px;
    min-height: 1px;
    background-color: blue;
    opacity: 0.4;
    transition: 0.3s;
}

/* Обёртка для вкладки Обучение */
.third_uslugiSubmodul_textModul_tabsRow_obuchenieTab {
    display: flex;
     flex-direction: column;
    cursor: pointer;
    /*width: 76px;
     height: 28px;*/
}

/* Текст вкладки Обучение */
.third_uslugiSubmodul_textModul_tabsRow_obuchenieTabText {    
    font:
        500 14px/1.39 "Helvetica Neue",
        Helvetica,
        Arial,
        serif;
    color: #8c8c8c;
    transition: 0.3s;
}

.third_uslugiSubmodul_textModul_tabsRow_obuchenieTabText:hover {
    text-shadow: 0 0 1px #000; /* Плавная чёрная тень у текста */
}

/* Подчерк под заголовком вкладки Обучение */
.third_uslugiSubmodul_textModul_tabsRow_obuchenieTabUnderLine {
    display: none;
    width: 100%;
    height: 1px;
    min-height: 1px;
    background-color: blue;
    opacity: 0.4;
    transition: 0.3s;
}

/* Блок с подзаголовком и текстом */
.third_uslugiSubmodul_textModul_modul {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px 0px;
    /*width: 690px;*/
    /*height: 264px;*/
}

/* Подзаголовок */
.third_uslugiSubmodul_textModul_modul_medium_title {
    /*width: 690px;*/
    align-content: flex-start;
    margin-left: 6%;
   /* height: 34px;*/
    font:
        500 24px/1.39 "Helvetica Neue",
        Helvetica,
        Arial,
        serif;
    color: #081d35;
    transition: 0.3s;   
}

/* Обёртка для текста раздела  */
.third_uslugiSubmodul_textModul_modul_textModul {
    display: flex;
    flex-direction: column;
    align-items: flex-start;

    gap: 15px 0px;
    /*width: 690px;*/
 /*   height: 210px;*/
    transition: 0.3s;
}

/* Текст 1 раздела  */
.third_uslugiSubmodul_textModul_modul_textModul_textBlock1 {
    /*width: 690px;*/
   /* height: 112px;*/
    font:
        400 16px/1.39 "Helvetica Neue",
        Helvetica,
        Arial,
        serif;
    color: #081d35;
    transition: 0.3s;
}

.third_uslugiSubmodul_textModul_modul_textModul_textBlock1_2 {
    display: none;
    /*width: 690px;*/
   /* height: 112px;*/
    font:
        400 16px/1.39 "Helvetica Neue",
        Helvetica,
        Arial,
        serif;
    color: #081d35;
    transition: 0.3s;
}

.third_uslugiSubmodul_textModul_modul_textModul_textBlock1_3 {
    display: none;
    /*width: 690px;*/
   /* height: 112px;*/
    font:
        400 16px/1.39 "Helvetica Neue",
        Helvetica,
        Arial,
        serif;
    color: #081d35;
    transition: 0.3s;
}

.third_uslugiSubmodul_textModul_modul_textModul_textBlock1_4 {
    display: none;
    /*width: 690px;*/
   /* height: 112px;*/
    font:
        400 16px/1.39 "Helvetica Neue",
        Helvetica,
        Arial,
        serif;
    color: #081d35;
    transition: 0.3s;
}

.third_uslugiSubmodul_textModul_modul_textModul_textBlock1_5 {
    display: none;
    /*width: 690px;*/
   /* height: 112px;*/
    font:
        400 16px/1.39 "Helvetica Neue",
        Helvetica,
        Arial,
        serif;
    color: #081d35;
    transition: 0.3s;
}




/* Текст 2 раздела  */
.third_uslugiSubmodul_textModul_modul_textModul_textBlock2 {
    /*width: 690px;*/
    /*height: 90px;*/
    font:
        400 16px/1.39 "Helvetica Neue",
        Helvetica,
        Arial,
        serif;
    color: #081d35;
    transition: 0.3s;
}

.third_uslugiSubmodul_textModul_modul_textModul_textBlock2_2 {
    display: none;
    /*width: 690px;*/
    /*height: 90px;*/
    font:
        400 16px/1.39 "Helvetica Neue",
        Helvetica,
        Arial,
        serif;
    color: #081d35;
    transition: 0.3s;
}

.third_uslugiSubmodul_textModul_modul_textModul_textBlock2_3 {
    display: none;
    /*width: 690px;*/
    /*height: 90px;*/
    font:
        400 16px/1.39 "Helvetica Neue",
        Helvetica,
        Arial,
        serif;
    color: #081d35;
    transition: 0.3s;
}

.third_uslugiSubmodul_textModul_modul_textModul_textBlock2_4 {
    display: none;
    /*width: 690px;*/
    /*height: 90px;*/
    font:
        400 16px/1.39 "Helvetica Neue",
        Helvetica,
        Arial,
        serif;
    color: #081d35;
    transition: 0.3s;
}

.third_uslugiSubmodul_textModul_modul_textModul_textBlock2_5 {
    display: none;
    /*width: 690px;*/
    /*height: 90px;*/
    font:
        400 16px/1.39 "Helvetica Neue",
        Helvetica,
        Arial,
        serif;
    color: #081d35;
    transition: 0.3s;
}


/*Кнопка Консультация*/
.thirdConsultButton {
    display: flex;
    align-items: center;
    gap: 0px 18px;    
    /*width: 100px;*/
   /* height: 10%;*/
    border-radius: 24px 24px 24px 24px;
    padding: 17px 19px 17px 24px;
    outline: 1px solid #081d35;
    outline-offset: -1px;
    text-decoration: none;

    transition: background-color;
    transition-duration: 0.5s;
    transition-timing-function: ease-in-out;
    transition-delay: 0.05s;
}

/*Текст Консультация*/
.thirdConsultButtonText {
    font:
        500 14px/1.39 "Helvetica Neue",
        Helvetica,
        Arial,
        serif;
    color: #081d35;
    text-decoration: none;

    transition: color;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0.00s;
}

/*Обёртка для галки вправо у Консультации в центре первого раздела*/
.thirdConsultButtonCheckMarkWrapper {
    display: flex;
    flex-direction: row;
    margin: 1% 0% 0% 0%;
    width: 12px;
    height: 12px;

    transition: background-color;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0.05s;
}

/*Картинка галки вправо для Консультации в главном разделе*/
.thirdConsultButtonCheckMark {
    display: flex;
    flex-direction: column;
    width: 6px;
    height: 12px;
    background-color: black;
    background: var(--srcBlackCheckMarkRight) center center/100% 100% no-repeat;

    transition: background-color;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0.05s;
}


/* **************************** 3-тья секция ******************************************* */
.section3 {
    
    display: flex;
    justify-content: space-evenly;
    position: relative;
    flex-direction: row;   
    width: 100%;          
    align-content: center;
   
   /* background-color: aqua;*/
    
}

 .p_3_text {
    display: block;
   
    padding-top: 2.5%;
    padding-bottom: 2.5%;
    /* height: 520px;*/
     width: 27%;
     text-align: center;
     font:
        400 46px/1.39 "Helvetica Neue",
        Helvetica,
        Arial,
        serif;
    color: #081d35;
   /*  background-color: green;*/
     
     
}


/*.third_3_aligningBoxRight {
    display: flex;
    background-color: palevioletred;
}*/


/* **************************** 4-ая секция ******************************************* */

.section4 {    
    display: flex;
    flex-direction: column;
   /* position: relative;   */
    width: 100%;
    background-color: whitesmoke;
    padding-top: 3%;
    padding-bottom: 7%; 
}


/* Блок с заголовком и картинкой+текст*/
.wrapper_4_1 {
    display: flex;
    flex-direction: column;
    /*margin: 0% 3% 0% 3%;*/
    padding: 0% 3%;
    /* min-height: 870px; */
    
}

/* Заголовок раздела над фото и текстом */
.big_title_4_2 {       
    font:
        500 36px/1.39 "Helvetica Neue",
        Helvetica,
        Arial,
        serif;
    color: #081d35;
    text-align: center;
     padding-bottom: 34px;
}

/*Блок с картинкой слева и текстом справа*/
.fourth_uslugiSubmodul {
    display: flex;
    flex-direction: row;
    width: 100%;
   /*justify-content:space-around;*/
    gap: 0% 0%;
    /*width: 1380px;*/
    
    transition: 0.3s;
}

/*Картинка слева от текстового блока, жёлто-зелёная кран-балка*/
.fourth_uslugiSubmodul_image_1_remont {
    width: 62%;
    max-width: 620px;
    max-height: 420px;
    transition: 0.3s;
}

.fourth_uslugiSubmodul_image_2_montazh {
    display: none;
    width: 62%;
    max-width: 620px;
    max-height: 420px;
    transition: 0.3s;
}

.fourth_uslugiSubmodul_image_3_puskonaladka {
    display: none;
    width: 62%;
    max-width: 620px;
    max-height: 420px;
    transition: 0.3s;
}

.fourth_uslugiSubmodul_image_4_podkranovye {
    display: none;
    width: 62%;
    max-width: 620px;
    max-height: 420px;
    transition: 0.3s;
}

.fourth_uslugiSubmodul_image_5_audit_bezopasnosti {
    display: none;
    width: 62%;
    max-width: 620px;
    max-height: 420px;
    transition: 0.3s;
}





/* Обёртка блока с вкладками, подзаголовком и текстом */
.fourth_uslugiSubmodul_textModul {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    gap: 36px 0px;
    margin: 0px 0px 0px 6%;
    /*background-color: greenyellow;*/
    
}

/* Обёртка для всей строки меню Ремонт-Монтаж-ПНР-Подкрановые пути-Аудит */
.fourth_uslugiSubmodul_textModul_tabsRow {
    display: flex;
    flex-direction: row;
   /* justify-content:space-between;*/
    align-items: center;
    column-gap: 48px;
    width: 100%;
    
}

/* Обёртка для заголовка вкладки Ремонт */
.fourth_uslugiSubmodul_textModul_tabsRow_remontTab {
    display: flex;
    flex-direction: column;
    cursor: pointer;
    transition: 0.3s;
    
}

/* текст Ремонт */
.fourth_uslugiSubmodul_textModul_tabsRow_remontTabText {    
    font:
        500 14px/1.39 "Helvetica Neue",
        Helvetica,
        Arial,
        serif;
    color: #1c4fd0;
    transition: 0.3s;
}

.fourth_uslugiSubmodul_textModul_tabsRow_remontTabText:hover {
    text-shadow: 0 0 1px #000; /* Плавная чёрная тень у текста */
}


/* Подчерк под заголовком вкладки */
.fourth_uslugiSubmodul_textModul_tabsRow_remontTabUnderLine {
    display: block;
    width: 100%;
    height: 1px;
    min-height: 1px;
    background-color: blue;
    opacity: 0.4;
    transition: 0.3s;
}



/* Обёртка для вкладки Монтаж */
.fourth_uslugiSubmodul_textModul_tabsRow_montazhTab {
    display: flex;
    flex-direction: column;
    cursor: pointer;
    transition: 0.3s;
}

/* Текст Монтаж */
.fourth_uslugiSubmodul_textModul_tabsRow_montazhTabText {    
    font:
        500 14px/1.39 "Helvetica Neue",
        Helvetica,
        Arial,
        serif;
    color: #8c8c8c;
    transition: 0.3s;
}

.fourth_uslugiSubmodul_textModul_tabsRow_montazhTabText:hover {
    text-shadow: 0 0 1px #000; /* Плавная чёрная тень у текста */
}

/* Подчерк под заголовком вкладки Монтаж */
.fourth_uslugiSubmodul_textModul_tabsRow_montazhTabUnderLine {
    display: none;
    width: 100%;
    height: 1px;
    min-height: 1px;
    background-color: blue;
    opacity: 0.4;
}


/* Обёртка для вкладки ПНР */
.fourth_uslugiSubmodul_textModul_tabsRow_puskonaladkaTab {
    display: flex;
    flex-direction: column;
    cursor: pointer;
}

/* Текст ПНР */
.fourth_uslugiSubmodul_textModul_tabsRow_puskonaladkaTabText {    
    font:
        500 14px/1.39 "Helvetica Neue",
        Helvetica,
        Arial,
        serif;
    color: #8c8c8c;
    transition: 0.3s;
}

.fourth_uslugiSubmodul_textModul_tabsRow_puskonaladkaTabText:hover {
    text-shadow: 0 0 1px #000; /* Плавная чёрная тень у текста */
}

/* Подчерк под заголовком вкладки ПНР */
.fourth_uslugiSubmodul_textModul_tabsRow_puskonaladkaTabUnderLine {
    display: none;
    width: 100%;
    height: 1px;
    min-height: 1px;
    background-color: blue;
    opacity: 0.4;
    transition: 0.3s;
}

/* Обёртка для вкладки Пути */
.fourth_uslugiSubmodul_textModul_tabsRow_remontPuteyTab {
    display: flex;
    flex-direction: column;    
    cursor: pointer;
}

/* Текст Пути */
.fourth_uslugiSubmodul_textModul_tabsRow_remontPuteyTabText {    
    font:
        500 14px/1.39 "Helvetica Neue",
        Helvetica,
        Arial,
        serif;
    color: #8c8c8c;
    transition: 0.3s;
}

.fourth_uslugiSubmodul_textModul_tabsRow_remontPuteyTabText:hover {
    text-shadow: 0 0 1px #000; /* Плавная чёрная тень у текста */
}

/* Подчерк под заголовком вкладки Пути */
.fourth_uslugiSubmodul_textModul_tabsRow_remontPuteyiTabUnderLine {
    display: none;
    width: 100%;
    height: 1px;
    min-height: 1px;
    background-color: blue;
    opacity: 0.4;
    transition: 0.3s;
}

/* Обёртка для вкладки Аудит */
.fourth_uslugiSubmodul_textModul_tabsRow_auditTab {
    display: flex;
    flex-direction: column;
    cursor: pointer;
    /*width: 76px;
     height: 28px;*/
}

/* Текст вкладки Аудит */
.fourth_uslugiSubmodul_textModul_tabsRow_auditTabText {    
    font:
        500 14px/1.39 "Helvetica Neue",
        Helvetica,
        Arial,
        serif;
    color: #8c8c8c;
    transition: 0.3s;
}

.fourth_uslugiSubmodul_textModul_tabsRow_auditTabText:hover {
    text-shadow: 0 0 1px #000; /* Плавная чёрная тень у текста */
}

/* Подчерк под заголовком вкладки Аудит */
.fourth_uslugiSubmodul_textModul_tabsRow_auditTabUnderLine {
    display: none;
    width: 100%;
    height: 1px;
    min-height: 1px;
    background-color: blue;
    opacity: 0.4;
    transition: 0.3s;
}

/* Блок с подзаголовком и текстом */
.fourth_uslugiSubmodul_textModul_modul {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px 0px;
    /*width: 690px;*/
    /*height: 264px;*/
}

/* Подзаголовок */
.fourth_uslugiSubmodul_textModul_modul_medium_title {
    /*width: 690px;*/
    align-content: flex-start;
    margin-left: 6%;
    /*max-height: 34px;*/
    font:
        500 24px/1.39 "Helvetica Neue",
        Helvetica,
        Arial,
        serif;
    color: #081d35;
    transition: 0.3s;   
}

/* Обёртка для текста раздела  */
.fourth_uslugiSubmodul_textModul_modul_textModul {
    display: flex;
    flex-direction: column;
    align-items: flex-start;

    gap: 15px 0px;
    /*width: 690px;*/
    /*max-height: 210px;*/
    transition: 0.3s;
}

/* Текст 1 раздела  */
.fourth_uslugiSubmodul_textModul_modul_textModul_textBlock_4_1_1 {
    /*width: 690px;*/
    /*max-height: 112px;*/
    font:
        400 16px/1.39 "Helvetica Neue",
        Helvetica,
        Arial,
        serif;
    color: #081d35;
    transition: 0.3s;
}

.fourth_uslugiSubmodul_textModul_modul_textModul_textBlock_4_1_2 {
    display: none;
    /*width: 690px;*/
   /* max-height: 112px;*/
    font:
        400 16px/1.39 "Helvetica Neue",
        Helvetica,
        Arial,
        serif;
    color: #081d35;
    transition: 0.3s;
}

.fourth_uslugiSubmodul_textModul_modul_textModul_textBlock_4_1_3 {
    display: none;
    /*width: 690px;*/
    /*max-height: 112px;*/
    font:
        400 16px/1.39 "Helvetica Neue",
        Helvetica,
        Arial,
        serif;
    color: #081d35;
    transition: 0.3s;
}

.fourth_uslugiSubmodul_textModul_modul_textModul_textBlock_4_1_4 {
    display: none;
    /*width: 690px;*/
   /* max-height: 112px;*/
    font:
        400 16px/1.39 "Helvetica Neue",
        Helvetica,
        Arial,
        serif;
    color: #081d35;
    transition: 0.3s;
}

.fourth_uslugiSubmodul_textModul_modul_textModul_textBlock_4_1_5 {
    display: none;
    /*width: 690px;*/
    /*max-height: 112px;*/
    font:
        400 16px/1.39 "Helvetica Neue",
        Helvetica,
        Arial,
        serif;
    color: #081d35;
    transition: 0.3s;
}




/* Текст 2 раздела  */
.fourth_uslugiSubmodul_textModul_modul_textModul_textBlock_4_2_1 {
    /*width: 690px;*/
   /* max-height: 90px;*/
    font:
        400 16px/1.39 "Helvetica Neue",
        Helvetica,
        Arial,
        serif;
    color: #081d35;
    transition: 0.3s;
}

.fourth_uslugiSubmodul_textModul_modul_textModul_textBlock_4_2_2 {
    display: none;
    /*width: 690px;*/
   /* max-height: 90px;*/
    font:
        400 16px/1.39 "Helvetica Neue",
        Helvetica,
        Arial,
        serif;
    color: #081d35;
    transition: 0.3s;
}

.fourth_uslugiSubmodul_textModul_modul_textModul_textBlock_4_2_3 {
    display: none;
    /*width: 690px;*/
    /*max-height: 90px;*/
    font:
        400 16px/1.39 "Helvetica Neue",
        Helvetica,
        Arial,
        serif;
    color: #081d35;
    transition: 0.3s;
}

.fourth_uslugiSubmodul_textModul_modul_textModul_textBlock_4_2_4 {
    display: none;
    /*width: 690px;*/
    /*max-height: 90px;*/
    font:
        400 16px/1.39 "Helvetica Neue",
        Helvetica,
        Arial,
        serif;
    color: #081d35;
    transition: 0.3s;
}

.fourth_uslugiSubmodul_textModul_modul_textModul_textBlock_4_2_5 {
    display: none;
    /*width: 690px;*/
    /*max-height: 90px;*/
    font:
        400 16px/1.39 "Helvetica Neue",
        Helvetica,
        Arial,
        serif;
    color: #081d35;
    transition: 0.3s;
}




/*Кнопка Консультация*/
.fourthConsultButton {
    display: flex;
    align-items: center;
    gap: 0px 18px;
    
    /*max-width: 16%;
    max-height: 10%;*/
    border-radius: 24px 24px 24px 24px;
    padding: 17px 19px 17px 24px;
    outline: 1px solid #081d35;
    outline-offset: -1px;
    text-decoration: none;

    transition: background-color;
    transition-duration: 0.5s;
    transition-timing-function: ease-in-out;
    transition-delay: 0.05s;
}

/*Текст Консультация*/
.fourthConsultButtonText {
    font:
        500 14px/1.39 "Helvetica Neue",
        Helvetica,
        Arial,
        serif;
    color: #081d35;
    text-decoration: none;

    transition: color;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0.05s;
}

/*Обёртка для галки вправо у Консультации в центре первого раздела*/
.fourthConsultButtonCheckMarkWrapper {
    display: flex;
    flex-direction: row;
    margin: 1% 0% 0% 0%;
    width: 12px;
    height: 12px;

    transition: background-color;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0.05s;
}

/*Картинка галки вправо для Консультации в главном разделе*/
.fourthConsultButtonCheckMark {
    display: flex;
    flex-direction: column;
    width: 6px;
    height: 12px;
    background-color: black;
    background: var(--srcBlackCheckMarkRight) center center/100% 100% no-repeat;

    transition: background-color;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0.05s;
}


/* ********** Секция 5 (футер) ********************************************************** */

 .section5 {
    display: flex;
    flex-direction: column;
    width: 100%;
}

 .footer_black_rect {
    /*короб футера*/
    width: 100%;
    background-color: #081d35; /* чёрно-синий */
    padding-bottom: 1%;
}

/*four_main_coloumns_of_footer_wrapper*/

 .four_main_coloumns_of_footer_wrapper {
    /* контейнер для четырёх основных колонок футера */
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    padding: 60px 0px 0px 0px;
}

 .wrapper5 {
    /* крайний левый блок футера под логотипом - написать нам, значок ватсапа */
    display: flex;
    flex-direction: column;
    gap: 19px 0px;
}

.levyi_stolbec_footera {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

/* Логотип Балтик-Сервис  */
.image11 > img {
    width: 182px;
}

/* написать нам */
 .highlight8 {
    font:
        400 16px/1.39 "Helvetica Neue",
        Helvetica,
        Arial,
        serif;
    color: white;
}

/* иконка ватсапа */
 .image_whatsapp {
    position: relative;
    width: 50px;
    transition: 1s ease-in;
}

 .image_whatsapp:active {
    opacity: 0.5;
}

 .image_whatsapp > img {
    position: absolute;

    /* transitions */
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

/* логическое чередование картинок в кнопке слайдера ховер/неховер */
/*     solution 1: css3 solution, it depends of <img>'s order */
/* default */

 .image_whatsapp > img:nth-child(1) {
    /* first <img> child of <div> */
    filter: alpha(opacity=100);
    /* IE stuff */
    opacity: 1;
    z-index: 2;
}

 .image_whatsapp > img:nth-child(2) {
    /* second <img> child of <div> */
    filter: alpha(opacity=0);
    /* IE stuff */
    opacity: 0;
    z-index: 1;
}

/* hover */

 .image_whatsapp:hover > img:nth-child(1) {
    filter: alpha(opacity=0);
    opacity: 0;
    z-index: 1;
}

 .image_whatsapp:hover > img:nth-child(2) {
    filter: alpha(opacity=100);
    opacity: 1;
    z-index: 2;
}

/* левый средний блок меню футера - услуги оборудование компания проекты */
 .wrapper4 {
    display: flex;
    flex-direction: column;
    gap: 30px 0px;
}

/* услуги с галкой в футере  */
 .wrapper211 {
    display: flex;
    align-items: center;
    gap: 0px 22px;
    width: 141px;
    height: 20px;
    border-radius: 10px 10px 10px 10px;
}

/* услуги в футере */
 .text16 {
    font:
        500 14px/1.39 "Helvetica Neue",
        Helvetica,
        Arial,
        serif;
    color: white;
    transition: 0.6s;
    text-decoration: none;
}

 .text16:hover {
    text-shadow:
        0 0 1.6px #fff,
        0 0 1.6px #fff,
        0 0 1.6px #fff; /* Плавная белая тень у текста */
}

/* проекты с галкой */
 .wrapper214 {
    display: flex;
    align-items: flex-start;
    gap: 0px 24px;
    border-radius: 10px 10px 10px 10px;
}

/* проекты  */
 .text19 {
    font:
        500 14px/1.39 "Helvetica Neue",
        Helvetica,
        Arial,
        serif;
    color: white;
    transition: 0.6s;
}

 .text19:hover {
    text-shadow:
        0 0 1.6px #fff,
        0 0 1.6px #fff,
        0 0 1.6px #fff;
    /* Плавная белая тень у текста */
}

/* оборудование с галкой в футере - скрыто */
 .wrapper212 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0px 10px;
    width: 141px;
    height: 20px;
    border-radius: 10px 10px 10px 10px;
}

/* оборудование - скрыто */
 .text17 {
    width: 96px;
    height: 20px;
    font:
        500 14px/1.39 "Helvetica Neue",
        Helvetica,
        Arial,
        serif;
    color: white;
    transition: 0.6s;
}

 .text17:hover {
    text-shadow:
        0 0 1.6px #fff,
        0 0 1.6px #fff,
        0 0 1.6px #fff; /* Плавная белая тень у текста */
}

/* Компания с галкой */
 .wrapper213 {
    display: flex;
    align-items: center;
    gap: 0px 27px;
    width: 141px;
    height: 20px;
    border-radius: 10px 10px 10px 10px;
}

/* компания */
 .text18 {
    width: 65px;
    height: 20px;
    font:
        500 14px/1.39 "Helvetica Neue",
        Helvetica,
        Arial,
        serif;
    color: white;
    transition: 0.6s;
}

 .text18:hover {
    text-shadow:
        0 0 1.6px #fff,
        0 0 1.6px #fff,
        0 0 1.6px #fff;
    /* Плавная белая тень у текста */
}

 .wrapper1 {
    /*  правый средний блок футера карьера пресс-центр контакты */
    display: flex;
    flex-direction: column;
    gap: 30px 0px;
}

 .wrapper2 {
    /* карьера с галкой */
    display: flex;
    align-items: center;
    gap: 0px 21px;
    width: 122px;
    height: 20px;
    border-radius: 10px 10px 10px 10px;
}

 .text13 {
    /* карьера */
    width: 55px;
    height: 20px;
    font:
        500 14px/1.39 "Helvetica Neue",
        Helvetica,
        Arial,
        serif;
    color: white;
    transition: 0.6s;
}

 .text13:hover {
    text-shadow:
        0 0 1.6px #fff,
        0 0 1.6px #fff,
        0 0 1.6px #fff; /* Плавная белая тень у текста */
}

 .wrapper29 {
    /* пресс-центр с галкой */
    display: flex;
    align-items: center;
    gap: 0px 28px;
    width: 125px;
    height: 20px;
    border-radius: 10px 10px 10px 10px;
}

 .text14 {
    /* пресс-центр */
    font:
        500 14px/1.39 "Helvetica Neue",
        Helvetica,
        Arial,
        serif;
    color: white;
    transition: 0.6s;
    text-decoration: none;
}

 .text14:hover {
    text-shadow:
        0 0 1.6px #fff,
        0 0 1.6px #fff,
        0 0 1.6px #fff;
    /* Плавная белая тень у текста */
}

 .wrapper210 {
    /* контакты с галкой */
    display: flex;
    align-items: center;
    gap: 0px 29px;
    width: 122px;
    height: 20px;
    border-radius: 10px 10px 10px 10px;
}

 .text15 {
    /* контакты */
    width: 61px;
    height: 20px;
    font:
        500 14px/1.39 "Helvetica Neue",
        Helvetica,
        Arial,
        serif;
    color: white;
    transition: 0.6s;
}

 .text15:hover {
    text-shadow:
        0 0 1.6px #fff,
        0 0 1.6px #fff,
        0 0 1.6px #fff;
    /* Плавная белая тень у текста */
}

 .wrapper {
    /* крайний правый блок футера - адрес е-мейл телефон презентация */

    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 29px 0px;
    /*width: 380px;
    height: 201px;*/
}

/*адрес в футере */
 .highlight5 {
    font:
        400 16px/1.39 "Helvetica Neue",
        Helvetica,
        Arial,
        serif;
    color: white;
    text-decoration: none;
    transition: 0.6s;
}

 .highlight5:hover {
    text-shadow:
        0 0 1.6px #fff,
        0 0 1.6px #fff,
        0 0 1.6px #fff; /* Плавная белая тень у текста */
}

/* телефон и контактная электронная почта в футере справа*/
 .highlight6 {
    font:
        400 16px/1.39 "Helvetica Neue",
        Helvetica,
        Arial,
        serif;
    color: white;
    text-decoration: none;
    transition: 0.6s;
}

 .highlight6:hover {
    text-shadow:
        0 0 1.6px #fff,
        0 0 1.6px #fff,
        0 0 1.6px #fff; /* Плавная белая тень у текста */
}

/* ссылка на презентацию в footer-e */
 .highlight7 {
    font:
        400 16px/1.39 "Helvetica Neue",
        Helvetica,
        Arial,
        serif;
    color: white;
    text-decoration: underline;
    transition: 0.6s;
}

 .highlight7:hover {
    text-shadow:
        0 0 1.6px #fff,
        0 0 1.6px #fff,
        0 0 1.6px #fff; /* Плавная белая тень у текста */
}

/* контейнер для копирайта с отчерком сверху */
 .сopyright_with_line_wraper {
    display: flex;
    flex-direction: column;
    padding-top: 2%;
}

/* отчерк над копирайтом */
 .line {
    padding: 00px 00px 00px 00px;
    margin: 00px 15px 00px 15px;
    width: auto;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.2);
}

/* копирайт в футере */
 .text5 {
    padding: 10px 0px 0px 50px;
    font:
        400 14px/1.39 "Helvetica Neue",
        Helvetica,
        Arial,
        serif;
    color: white;
}



/*специальный класс для отмены transition в js*/
 .notransition {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}


.mobile-button {
    display: none;
}

.desktop-hidden {
    display: none;
}

