/* Сброс базовых отступов */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
p {
    font-family: "futura-pt", sans-serif;
}
a {
    text-decoration: none;
}
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.flex {
    /* Включаем Flexbox. */
    /* Поддержка: современные браузеры (IE11+) */
    display: -webkit-box;  /* Старый Safari, iOS, старый Android */
    display: -ms-flexbox;  /* Internet Explorer 10 */
    display: flex;         /* Стандарт */
}
.visually-hidden{
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    clip: rect(0 0 0 0);
    overflow: hidden;
}
/* Базовые стили для позиционирования элементов БЭМ */
.header {
     position: fixed;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
/* Общий контейнер для выравнивания контента по центру*/
.header__container {
    max-width: 1600px;/* Ограничение максимальной ширины для больших экранов */
/* Центрирование самого контейнера по горизонтали */
    margin: 0 auto; /* auto для margin-left и margin-right — самый надежный кроссбраузерный способ */
   padding:0 40px;
    
/* Исправление для корректного отображения в IE11 (иногда требуется ширина 100%) */
    width: 100%;
}

/* Стили первого блока */
.header__top-bar {
    width: 100%;
    background-color: #425563;
}
.top-container{
    /* Выравнивание элементов по вертикальной оси (по центру) */
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    /* Выравнивание элементов по горизонтали (к правому краю) */
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
   
/* Гарантируем, что padding не увеличивает общую ширину блока 1200px */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.header__link{
    color: #fff;
    margin-right: 75px;
    font-size: .8em;
    font-weight: 700;
}
.header__search-icon{
    cursor: pointer;
    margin-top: 7px;
    -webkit-filter: invert(100%) sepia(97%) saturate(11%) hue-rotate(183deg) brightness(104%) contrast(106%);
    filter: invert(100%) sepia(97%) saturate(11%) hue-rotate(183deg) brightness(104%) contrast(106%);
}
/* Стили второго блока */
.header__main-bar {
    width: 100%;
    background-color: #ffffff;
}
.header__logo,
.header__menu-item:nth-child(5){
    margin-right: auto;}
.header__logo{    
    justify-content: center;
    align-items: center;
}
.header__menu-list {
  text-align: center;
  margin: 0 auto;
  padding: 0;
}
.header__menu-item:hover{
    background: #12121b;
}
.header__menu-link{
    color: #4f4e56;
    font-size: 1.13em;
    font-weight: 900;
    letter-spacing: .5px;
    font-family: "futura-pt", sans-serif !important;
    display: block;
    padding: 20px 10px;
}
.header__menu-item:hover .header__menu-link{
    color: #fff;
        -webkit-transition: .3s 
ease;
        transition: .3s 
ease;
}
.factory-intro{
    padding: 4rem 0;}
.factory-intro__column{
width: calc(100% / 2);}
.factory-intro__column--info{
background-color: #425563;
    color: #fff;
            padding: 4rem;
}
.factory-intro__header{
            font-size: 4em;}

.small-orange{
    border-bottom: 3px solid #ed9b33;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    margin: 1em auto;
    width: 140px;
    margin: 1em 0;
}
.factory-intro__text{
    color: #c6dae7;
    font-size: 1.3125em;
        margin: 0 0 2em;
    line-height:1.5;
    }
.button{
    background-color: #eff1f3;
    border-color: #eff1f3;
    color: #425563;
}
.factory-intro__button{
position: relative;
appearance: none;
border: 2px solid; 
    border-radius: 0px;
    cursor: pointer;
    display: inline-block;
    font-size: 1em;
    line-height: 1; 
    padding: .9em 2em .9em;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 4px;
    user-select: none;
    vertical-align: middle;
    z-index: 5;
    font-weight: 800;
    -webkit-transition: 300ms;
    transition: 300ms;
}
.factory-intro__button:hover{
    background-color: rgba(0, 0, 0, 0);
    border-color: #eff1f3;
    color: #eff1f3;
    -webkit-transition: 500ms;
    transition: 500ms;
}
.factory-intro__img{
    height:100%;
}