/* Variables */

:root { 
    --colorPrimary: rgb(182, 0, 12);
    --colorSecondary: rgb(51, 55, 69);
    --colorBackground: rgb(238, 238, 238); 
    --colorTextLight: #fff;
    --colorTextDark: rgb(0, 0, 0);
}

.top-header-info {
    background: var(--colorSecondary);
    height: 30px;
    padding: 5px 0;
}

.top-header-info .top-header-promotion {
    text-align: center;
    color: var(--colorTextLight);
    font-size: 16px;
    line-height: 16px;
    font-weight: bold;
}

.top-header-info .top-header-menu {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 20%;
}

.top-header-info .top-header-menu ul {
    width: 100%;
}

.top-header-info .top-header-menu ul,
.top-header-info .top-header-menu ul li {
    display: inline-block;
    text-align: right;
}

.top-header-info .top-header-menu ul li {
    margin-left: 30px;
}

.top-header-info .top-header-menu ul li a {
    color: var(--colorTextLight);
    font-size: 16px;
    line-height: 16px;
    font-weight: lighter;
}

.header .header-placeholder .logo {
    justify-content: left;
}

@media (min-width: 1200px) {
    .header .header-placeholder .middle-header .logo img {
        margin: 0;
        float: left;
    }    

    .header .header-placeholder .middle-header .search-form {
        float: right;
    }
}