/* Русскоязычная версия главной страницы */

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

.index .mainClass {
    display: flex;
    flex-direction: column;
    background-color: white;
}

/****** общие классы у блоков ******/

.section-responsive {
    width: 100%;
    padding: 3% 40px 7% 40px;
}

.section-title {
    width: 20%;
    /* padding-left: 40px; */
}

.section-content {
    width: 100%;
}

.section-description {
    width: 100%;
}

.main-title {
    padding-bottom: 4%;
}

.hero {
    display: flex;
}

/* ********** Секция 1 ********************************************************** */

.section1 {
    width: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    
    
}

/* *************** Слайдер ********************** */

/* General styles */

/* ? не пропалала ли от спецификации функциональность? */
/*.slider-img {
    width: 100% !important;
}*/

/*.index .sim-slider {
  
}*/

/*.sim-slider-list {
    list-style-type: none;
    position: relative;
}*/

/* .sim-slider-element {
    width: 100%;
    transition: opacity 1s ease-in;
    opacity: 0;
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    display: block;
}*/

/* ******* адаптивные картинки на любой ширине экрана ********/

/*.sim-slider-element > img {
    height: fit-content;
}*/

/* ******* Конец слайдера ************************** */

/* Всё, кроме слайдера */
 .sub_section1 {
    width: 100%;
    display: flex;
    flex-direction: column;

    
}

/* главное меню (хедер) с подчерком в десктопном меню */
 .flex_col2 {
    position: relative;
    /*z-index: 2;*/
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px 0px;
    /*margin: 20px 40px 3px 3px;*/
    padding: 20px 40px 0px 10px;
    background-color: #ffca28;
}

.header {
    background-color: #ffca28;
    
    padding: 10px;
    
}

/*Строчка хедера главной страницы*/
 .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: 11px 0px 5px;
    width: 126px;
}

/*Текст -ru- в языковом меню в хедере*/
.text {
    font:
        400 18px/1.39 "Helvetica Neue",
        Helvetica,
        Arial,
        serif;
    color: white;
}

/*Текст -/- в языковом меню в хедере*/
 .text2 {
    width: 4px;
    height: 20px;
    font:
        400 18px/1.39 "Helvetica Neue",
        Helvetica,
        Arial,
        serif;
    color: white;
    opacity: 0.4;
}

/*Текст -en- в языковом меню в хедере*/
 .text3 {
    font:
        400 18px/1.39 "Helvetica Neue",
        Helvetica,
        Arial,
        serif;
    color: #f4ff81;
    opacity: 0.4;
    text-decoration: none;
    transition: 0.3s;
}

 .text3:hover {
    opacity: 1;
    text-shadow:
        0 0 1.5px #fff,
        0 0 1.5px #fff,
        0 0 1.5px #fff;
    /* Плавная белая тень у текста */
}

/*Текст -ch- в языковом меню в хедере*/
 .text4 {
    text-decoration: none;
    margin: 3px 0px 0px 0px;

    font:
        400 15px/1.39 "Helvetica Neue",
        Helvetica,
        Arial,
        serif;
    color: white;
    opacity: 0.3;
    transition: 0.3s;
}

 .text4:hover {
    opacity: 1;
    text-shadow:
        0 0 1.5px #fff,
        0 0 1.5px #fff,
        0 0 1.5px #fff;
    /*Плавная белая тень у текста*/
}

/*Блок с услугами и с оборудованием в хедере слева*/
 .wrapper25 {
    display: flex;
    justify-content: space-between;
    align-items: center;

    margin: 6px 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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
}

/*столбец с основными текстовыми блоками главной страницы*/
 .flex_col {
    position: relative;
    z-index: 3;
    display: flex;
    flex-direction: column;
    width: 108%;
}

/* краткая надпись над главным тезисом */
 .highlight {
    margin: 0% 0% 2% 0%;
    width: 40%;
    font:
        400 16px/1.39 "Helvetica Neue",
        Helvetica,
        Arial,
        serif;
    color: black;
}

/*главный тезис на главной странице*/
 .hero_title {
    margin: 0% 0% 3% 0%;
    width: 64%;
    font:
        700 42px/1.2 "Helvetica Neue",
        Helvetica,
        Arial,
        serif;
    color: black;
}

/*отчерк под главным тезисом на главной странице*/
.line6 {
    margin: 0% 0% 3% 0%;
    width: auto;
    height: 1px;
    min-height: 1px;
    background-color: white;
    opacity: 0.2;
}

/*Краткая подпись под главным тезисом на главной странице*/
 .subtitle2 {
    width: 35%;
    margin: 0% 0% 5% 0%;
    font:
        500 18px/1.39 "Helvetica Neue",
        Helvetica,
        Arial,
        serif;
    color: black;
}

.image_1_1 {
     width: 100%;
    max-width: 800px;
}

/* ********** Секция 2 ********************************************************** */

 .section2 {
    /*position: relative;*/
    display: flex;
    flex-direction: column;
    width: 100%;
    background-color: #EEEEEE;
    
}



/*  столбец с заголовком, фото и текстом */
 .block_2_2 {
    display: flex;    
    flex-direction: column;
    
}

/*Заголовок секции*/
/* .big_title,  */
.main-title {
    font:
        500 26px/1.39 "Helvetica Neue",
        Helvetica,
        Arial,
        serif;
    color: #081d35;
}

/* Блок строк с текстом  и с картинкой  */
 .block_2_2_2 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/*Блок с 4-мя тезисами и кнопкой Подробнее под ними*/
.block_2_2_2_1 {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 15%;
}

/*Текстовый блок с 4-мя тезисами слева от картинки*/
 .wrapper19 {
    display: flex;
    flex-direction: column;
    gap: 20px 0px;
}

/* Текстовый тезис верхний 2 шт. */
.subtitle1 {
    font:
        400 16px/1.39 "Helvetica Neue",
        Helvetica,
        Arial,
        serif;
    color: #081d35;
}

/* Текстовый тезис нижний 2 шт. */
.subtitle11 {
    font:
        400 17px/1.39 "Helvetica Neue",
        Helvetica,
        Arial,
        serif;
    color: #081d35;
}




/* Жёлтая кран-балка на фоне голубого неба с трубами, расположенная справа */

.image4-wrapper {
    display: none;
    margin-top: 1px;
    /*width: 55%;*/
}

.image4 {
    margin-top: 1px;
    width: 100%;
    max-width: 800px;
}

/* *************** Слайдер ********************** */

.sim-slider {
/*    width: 100%;
    max-width: 800px;*/
}


.slider-img {
 /* width: 100%;
  max-width: 800px;*/
  /*background-color: #EEEEEE;*/
  /*  opacity: 0; */
    
}

 .sim-slider-list {
   
    list-style-type: none;
    /*display: block;*/
    position: relative;
}

 .sim-slider-element {    
  
    transition: opacity 1s ease-in;
    opacity: 0;
    position: absolute;
    /*z-index: 2;*/
    left: 0;
    top: 0;
    /*width: 100%;
    max-width: 800px;*/
    /*height: fit-content;*/
     
}



/* ******* адаптивные картинки на любой ширине экрана ********/

  /* ***  Это свойство стало ключевым!!!  *** */
.sim-slider-element > img {
    /*height: fit-content;*/
    width: 100%;
    max-width: 800px;
    
}

.screenImage {
    width: 100%;
    max-width: 800px;
}


/*.sim-slider > img {
    height: fit-content;
    width: 100%;
    max-width: 800px;    
}*/


.hero-buttons {
    /*background-color: aqua;*/
    margin-top: -54px;
    margin-left: 30%;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

/*Обёртка для слайдер-контроля*/
 .pervyiSlaiderWrapper {
    display: flex;
    align-items: center;
    gap: 0px 15px;
    
}

/*  Слайдер обёртка кнопка влево */
 .pervyiSlaiderGalkaVlevo {
    position: relative;
    width: 48px;
    height: 48px;
    cursor: pointer;
}

 .pervyiSlaiderGalkaVlevo:active {
    opacity: 0.5;
}

/* Слайдер кнопка влево картинка */
 .pervyiSlaiderGalkaVlevo > .pervyiSlaiderGalkaVlevo1 {
    position: absolute;
    width: 48px;
    height: 48px;

    /* 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 */
/* defoult */
 .pervyiSlaiderGalkaVlevo > .pervyiSlaiderGalkaVlevo1:nth-child(1) {
    filter: alpha(opacity=100);
    /* IE stuff */
    opacity: 1;
    z-index: 2;
}

.pervyiSlaiderGalkaVlevo > .pervyiSlaiderGalkaVlevo1:nth-child(2) {
    filter: alpha(opacity=0);
    /* IE stuff */
    opacity: 0;
    z-index: 1;
}

/* hover */
 .pervyiSlaiderGalkaVlevo:hover > .pervyiSlaiderGalkaVlevo1:nth-child(1) {
    filter: alpha(opacity=0);
    /* IE stuff */
    opacity: 0;
    z-index: 1;
}

 .pervyiSlaiderGalkaVlevo:hover > .pervyiSlaiderGalkaVlevo1:nth-child(2) {
    filter: alpha(opacity=100);
    /* IE stuff */
    opacity: 1;
    z-index: 2;
}

/*Обёртка для указателя страниц слайдер-контроля*/
.pervyiSlaiderPagesWrapper {
    display: flex;
    align-items: center;
    gap: 0px 4px;
    margin: 13px 0px 12px;
    width: 32px;
    height: 23px;
}

/*Обозначение текущей странички в слайдер-контроле*/
 .pervyiSlaiderCurrentPage {
    width: 9px;
    height: 23px;
    font:
        400 16px/1.39 "Helvetica Neue",
        Helvetica,
        Arial,
        serif;
    color: white;

    /* transitions */
    -webkit-transition: all 0.9s ease;
    -moz-transition: all 0.9s ease;
    -o-transition: all 0.9s ease;
    transition: all 0.9s ease;
}

/*Косая черта между номерами страниц в слайдер-контроле*/
.pervyiSlaiderSlash {
    width: 5px;
    height: 23px;
    font:
        400 16px/1.39 "Helvetica Neue",
        Helvetica,
        Arial,
        serif;
    color: white;
}

/*Обозначение общего количества страниц в слайдер-контроле*/
 .pervyiSlaiderTotalPages {
    width: 9px;
    height: 23px;
    font:
        400 16px/1.39 "Helvetica Neue",
        Helvetica,
        Arial,
        serif;
    color: #8c8c8c;
    text-shadow: 1px 0px rgba(245, 245, 245, 0.5);
}

/*Картинка галки вправо от слайдер-контроля*/

/*  Слайдер обёртка кнопка вправо */
 .pervyiSlaiderGalkaVpravo {
    position: relative;
    width: 48px;
    height: 48px;
    cursor: pointer;
}

 .pervyiSlaiderGalkaVpravo:active {
    opacity: 0.5;
}

/* Слайдер кнопка вправо картинка */
 .pervyiSlaiderGalkaVpravo > img {
    position: absolute;
    width: 48px;
    height: 48px;

    /* transitions */
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

/* логическое чередование картинок в кнопке слайдера ховер/неховер */
/*   css3 solution, it depends of <img>'s order */
/* default */
 .pervyiSlaiderGalkaVpravo > img:nth-child(1) {
    filter: alpha(opacity=100);
    /* IE stuff */
    opacity: 1;
    z-index: 2;
}

 .pervyiSlaiderGalkaVpravo > img:nth-child(2) {
    /* second <img> child of <div> */
    filter: alpha(opacity=0);
    /* IE stuff */
    opacity: 0;
    z-index: 1;
}

/* hover */
 .pervyiSlaiderGalkaVpravo:hover > img:nth-child(1) {
    filter: alpha(opacity=0);
    opacity: 0;
    z-index: 1;
}

 .pervyiSlaiderGalkaVpravo:hover > img:nth-child(2) {
    filter: alpha(opacity=100);
    opacity: 1;
    z-index: 2;
}



/* ******* Конец слайдера ************************** */


.secondAfterSliderText {
    
    margin-top: 40px;
    font:
        400 16px/1.39 "Helvetica Neue",
        Helvetica,
        Arial,
        serif;
    color: #081d35;
    
}


.backToNewsLink {
    
    margin: 19px;
    
}

/* ********** Секция 3 ********************************************************** */


/* ********** Секция 5 (футер) ********************************************************** */

.index .section5 {
    position: static;
    display: flex;
    flex-direction: column;
    width: 100%;
    /*margin-top: 194px;*/
}

.index .footer_black_rect {
    /*короб футера*/
    width: 100%;
    background-color: #081d35; /* чёрно-синий */
    padding-bottom: 1%;
}

/*four_main_coloumns_of_footer_wrapper*/

.index .four_main_coloumns_of_footer_wrapper {
    /* контейнер для четырёх основных колонок футера */
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    padding: 60px 0px 0px 0px;
}

.index .wrapper5 {
    /* крайний левый блок футера под логотипом - написать нам, значок ватсапа */
    display: flex;
    flex-direction: column;
    gap: 19px 0px;
}

.levyi_stolbec_footera {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

/* Логотип Балтик-Сервис  */
.image11 > img {
    width: 182px;
}

/* написать нам */
.index .highlight8 {
    font:
        400 16px/1.39 "Helvetica Neue",
        Helvetica,
        Arial,
        serif;
    color: white;
}

/* иконка ватсапа */
.index .image_whatsapp {
    position: relative;
    width: 50px;
    transition: 1s ease-in;
}

.index .image_whatsapp:active {
    opacity: 0.5;
}

.index .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 */

.index .image_whatsapp > img:nth-child(1) {
    /* first <img> child of <div> */
    filter: alpha(opacity=100);
    /* IE stuff */
    opacity: 1;
    z-index: 2;
}

.index .image_whatsapp > img:nth-child(2) {
    /* second <img> child of <div> */
    filter: alpha(opacity=0);
    /* IE stuff */
    opacity: 0;
    z-index: 1;
}

/* hover */

.index .image_whatsapp:hover > img:nth-child(1) {
    filter: alpha(opacity=0);
    opacity: 0;
    z-index: 1;
}

.index .image_whatsapp:hover > img:nth-child(2) {
    filter: alpha(opacity=100);
    opacity: 1;
    z-index: 2;
}

/* левый средний блок меню футера - услуги оборудование компания проекты */
.index .wrapper4 {
    display: flex;
    flex-direction: column;
    gap: 30px 0px;
}

/* услуги с галкой в футере  */
.index .wrapper211 {
    display: flex;
    align-items: center;
    gap: 0px 22px;
    width: 141px;
    height: 20px;
    border-radius: 10px 10px 10px 10px;
}

/* услуги в футере */
.index .text16 {
    font:
        500 14px/1.39 "Helvetica Neue",
        Helvetica,
        Arial,
        serif;
    color: white;
    transition: 0.6s;
    text-decoration: none;
}

.index .text16:hover {
    text-shadow:
        0 0 1.6px #fff,
        0 0 1.6px #fff,
        0 0 1.6px #fff; /* Плавная белая тень у текста */
}

/* проекты с галкой */
.index .wrapper214 {
    display: flex;
    align-items: flex-start;
    gap: 0px 24px;
    border-radius: 10px 10px 10px 10px;
}

/* проекты  */
.index .text19 {
    font:
        500 14px/1.39 "Helvetica Neue",
        Helvetica,
        Arial,
        serif;
    color: white;
    transition: 0.6s;
}

.index .text19:hover {
    text-shadow:
        0 0 1.6px #fff,
        0 0 1.6px #fff,
        0 0 1.6px #fff;
    /* Плавная белая тень у текста */
}

/* оборудование с галкой в футере - скрыто */
.index .wrapper212 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0px 10px;
    width: 141px;
    height: 20px;
    border-radius: 10px 10px 10px 10px;
}

/* оборудование - скрыто */
.index .text17 {
    width: 96px;
    height: 20px;
    font:
        500 14px/1.39 "Helvetica Neue",
        Helvetica,
        Arial,
        serif;
    color: white;
    transition: 0.6s;
}

.index .text17:hover {
    text-shadow:
        0 0 1.6px #fff,
        0 0 1.6px #fff,
        0 0 1.6px #fff; /* Плавная белая тень у текста */
}

/* Компания с галкой */
.index .wrapper213 {
    display: flex;
    align-items: center;
    gap: 0px 27px;
    width: 141px;
    height: 20px;
    border-radius: 10px 10px 10px 10px;
}

/* компания */
.index .text18 {
    width: 65px;
    height: 20px;
    font:
        500 14px/1.39 "Helvetica Neue",
        Helvetica,
        Arial,
        serif;
    color: white;
    transition: 0.6s;
}

.index .text18:hover {
    text-shadow:
        0 0 1.6px #fff,
        0 0 1.6px #fff,
        0 0 1.6px #fff;
    /* Плавная белая тень у текста */
}

.index .wrapper1 {
    /*  правый средний блок футера карьера пресс-центр контакты */
    display: flex;
    flex-direction: column;
    gap: 30px 0px;
}

.index .wrapper2 {
    /* карьера с галкой */
    display: flex;
    align-items: center;
    gap: 0px 21px;
    width: 122px;
    height: 20px;
    border-radius: 10px 10px 10px 10px;
}

.index .text13 {
    /* карьера */
    width: 55px;
    height: 20px;
    font:
        500 14px/1.39 "Helvetica Neue",
        Helvetica,
        Arial,
        serif;
    color: white;
    transition: 0.6s;
}

.index .text13:hover {
    text-shadow:
        0 0 1.6px #fff,
        0 0 1.6px #fff,
        0 0 1.6px #fff; /* Плавная белая тень у текста */
}

.index .wrapper29 {
    /* пресс-центр с галкой */
    display: flex;
    align-items: center;
    gap: 0px 28px;
    width: 125px;
    height: 20px;
    border-radius: 10px 10px 10px 10px;
}

.index .text14 {
    /* пресс-центр */
    font:
        500 14px/1.39 "Helvetica Neue",
        Helvetica,
        Arial,
        serif;
    color: white;
    transition: 0.6s;
    text-decoration: none;
}

.index .text14:hover {
    text-shadow:
        0 0 1.6px #fff,
        0 0 1.6px #fff,
        0 0 1.6px #fff;
    /* Плавная белая тень у текста */
}

.index .wrapper210 {
    /* контакты с галкой */
    display: flex;
    align-items: center;
    gap: 0px 29px;
    width: 122px;
    height: 20px;
    border-radius: 10px 10px 10px 10px;
}

.index .text15 {
    /* контакты */
    width: 61px;
    height: 20px;
    font:
        500 14px/1.39 "Helvetica Neue",
        Helvetica,
        Arial,
        serif;
    color: white;
    transition: 0.6s;
}

.index .text15:hover {
    text-shadow:
        0 0 1.6px #fff,
        0 0 1.6px #fff,
        0 0 1.6px #fff;
    /* Плавная белая тень у текста */
}

.index .wrapper {
    /* крайний правый блок футера - адрес е-мейл телефон презентация */

    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 29px 0px;
    width: 380px;
    height: 201px;
}

/*адрес в футере */
.index .highlight5 {
    font:
        400 16px/1.39 "Helvetica Neue",
        Helvetica,
        Arial,
        serif;
    color: white;
    text-decoration: none;
    transition: 0.6s;
}

.index .highlight5:hover {
    text-shadow:
        0 0 1.6px #fff,
        0 0 1.6px #fff,
        0 0 1.6px #fff; /* Плавная белая тень у текста */
}

/* телефон и контактная электронная почта в футере справа*/
.index .highlight6 {
    font:
        400 16px/1.39 "Helvetica Neue",
        Helvetica,
        Arial,
        serif;
    color: white;
    text-decoration: none;
    transition: 0.6s;
}

.index .highlight6:hover {
    text-shadow:
        0 0 1.6px #fff,
        0 0 1.6px #fff,
        0 0 1.6px #fff; /* Плавная белая тень у текста */
}

/* ссылка на презентацию в footer-e */
.index .highlight7 {
    font:
        400 16px/1.39 "Helvetica Neue",
        Helvetica,
        Arial,
        serif;
    color: white;
    text-decoration: underline;
    transition: 0.6s;
}

.index .highlight7:hover {
    text-shadow:
        0 0 1.6px #fff,
        0 0 1.6px #fff,
        0 0 1.6px #fff; /* Плавная белая тень у текста */
}

/* контейнер для копирайта с отчерком сверху */
.index .сopyright_with_line_wraper {
    display: flex;
    flex-direction: column;
    padding-top: 2%;
}

/* отчерк над копирайтом */
.index .line {
    padding: 00px 00px 00px 00px;
    margin: 00px 15px 00px 15px;
    width: auto;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.2);
}

/* копирайт в футере */
.index .text5 {
    padding: 10px 0px 0px 50px;
    font:
        400 14px/1.39 "Helvetica Neue",
        Helvetica,
        Arial,
        serif;
    color: white;
}

/*специальный класс для отмены transition в js*/
.index .notransition {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}

.mobile-button {
    display: none;
}

.desktop-hidden {
    display: none;
}

/*?? Не понятно, что это ?? */

/*.baltic-service .wrapper23 {
  display: flex;
  flex-direction: column;
  gap: 68px 0px;
  margin: 39px 0px 0px 25%;
  width: 460px;
}*/