/* Отдельный файл с настройками Хедера и Футера в англоязычном разделе сайта*/


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



/*Строчка хедера главной страницы*/
.flex_row {
    display: flex;
    justify-content: space-around;
    align-items: baseline;
    gap: 0px 10px;
    /*width: 100%;*/
}

/*Логотип в хедере  182x36 исходный размер, 0,197802 пропорция */
.image1 {
    
}

/*Языковое меню в хедере*/
.wrapper28 {
    display: flex;
    align-items: center;
    gap: 0px 7px;
    margin: 11px 0px 5px;
    width: 120px;
}

/*Текст -ru- в языковом меню в хедере*/
.text { 
    font:
        400 20px/1.39 "Helvetica Neue",
        Helvetica,
        Arial,
        serif;
    color: white;
    text-decoration: none;
    opacity: 0.6; 
    transition: 0.3s;
    text-shadow: 
        
         1px 1px 2px #808080,
        -1px -1px 2px #808080,
         0px 0px 1px #808080;/* Плавная - тень у текста */
}

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

/*Текст -ru- в языковом меню в модульном главном меню */
.text-mod { 
    font:
        400 20px/1.39 "Helvetica Neue",
        Helvetica,
        Arial,
        serif;
    color: #081d35;
    text-decoration: none;
    opacity: 0.6; 
    cursor: pointer;
    transition: 0.3s;
}

.text-mod:hover {
    opacity: 0.99;
    color: black;
   /* text-shadow:
        0 0 1.5px #fff,
        0 0 1.5px #fff,
        0 0 1.5px #fff; */
}

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

/*Текст -/- в языковом меню в модульном главном меню */
.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.4;
}

/*Текст -en- в языковом меню в хедере*/
.text3 {
 
    font:
        400 18px/1.39 "Helvetica Neue",
        Helvetica,
        Arial,
        serif;
    color: white;
    opacity: 0.6;
    text-decoration: none;
    cursor: pointer;
    text-shadow: 
        
         1px 1px 2px #808080,
        -1px -1px 2px #808080,
         0px 0px 1px #808080;/* Плавная - тень у текста */
    
    transition: 0.3s;
}

.text3:hover {
    opacity: 1;
    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.6;
    text-decoration: none;
        
  /*  text-shadow:         
         1px 1px 2px #808080,
        -1px -1px 2px #808080,
         0px 0px 1px #808080;*/
    
    transition: 0.3s;
}

.text3-mod:hover {
    opacity: 0.99;
    color: black;
   /* text-shadow:
        0 0 1.5px #fff,
        0 0 1.5px #fff,
        0 0 1.5px #fff; */
}


/*Текст -ch- в языковом меню в хедере*/
.text4 {
    margin: 4px 6px 0px 0px;
    cursor:default;
    font:
        550 15px/1.39 "Helvetica Neue",
        Helvetica,
        Arial,
        serif;
    color: white;
    opacity: 1;
    text-decoration: none;
       text-shadow: 
        1px 1px 2px #808089,
       -1px -1px 2px #808089,
        0px 0px 1px #808089; /* Плавная серая тень у текста */
    transition: 0.3s;
}




/*Текст -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: 1;
    transition: 0.3s;
}

.text4-mod:hover {
    opacity: 1;
    color: black;
    /*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: 66px;
    height: 26px;
    font:
        400 18px/1.39 "Helvetica Neue",
        Helvetica,
        Arial,
        serif;
    color: white;
    text-decoration: none;
    
    text-shadow: 
        1px 1px 2px #808080,
        -1px -1px 2px #808080,
         0px 0px 1px #808080; /* Плавная - тень у текста */
    
    
    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: 
        1px 1px 2px #808080,
       -1px -1px 2px #808080,
        0px 0px 1px #808080; /* Плавная - тень у текста */
        
    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: 
        1px  1px 2px #808080,
       -1px -1px 2px #808080,
        0px  0px 1px #808080; /* Плавная - тень у текста */
    
    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: 
        1px  1px 2px #808080,
       -1px -1px 2px #808080,
        0px  0px 1px #808080; /* Плавная - тень у текста */
    
    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: 
        1px  1px 2px #808080,
       -1px -1px 2px #808080,
        0px  0px 1px #808080; /* Плавная - тень у текста */
    
    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: 
        1px 1px 2px #808080,
        -1px -1px 2px #808080,
         0px 0px 1px #808080; /* Плавная - тень у текста */
    
    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 #fff,
        0 0 1.6px #fff; /* Плавная - тень у текста */
    
    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 {
   
    font:
        500 18px/1.39 "Helvetica Neue",
        Helvetica,
        Arial,
        serif;
    color: white;
    text-decoration: none;
    
    text-shadow: 
        1px 1px 2px #808080,
        -1px -1px 2px #808080,
         0px 0px 1px #808080; /* Плавная - тень у текста */
    
    transition: 0.3s;
}

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

.modal_menu {
        padding: 10px 10px 24px;
    }

.text-black {
        color: #081D35;
    }

/*Подчерк под хедером*/
.line61 {
    width: 100%;
    height: 1px;
    min-height: 1px;
    background-color: white;
    opacity: 0.2;
}

/* ********* * конец Хедера - главного навигационного меню * ************ */


/* ******************* Футер ********************** */


.section5 {
    display: flex;
    flex-direction: column;
   /* width: 100%;*/
}

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

/*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 15px 00px 15px;
    margin: 00px 00px 00px 00px;
    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;
}