.navigation
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;

    height: 100%; 

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
            -moz-box-pack: center;
         justify-content: center;
}
.navigation-container
{
    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;

    height: 50px;

    background: #a1341a; 
    -webkit-box-shadow: 0 1px 3px black;
            box-shadow: 0 1px 3px black;

    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
            -moz-box-pack: justify;
         justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
            -moz-box-align: center;
         align-items: center;
}
.navigation__list
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;

    height: 100%;

    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
            -moz-box-align: center;
         align-items: center;
}
.navigation__list-item-title
{
    font-size: 14px; 
    line-height: 1.3;

    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;

    padding: 2px 10px;

    text-align: center;

    color: #fff;
}
.navigation__list-item-title:hover
{
    text-decoration: none; 

    color: #fff;
}
.navigation__logo-container
{
    width: 138px;
}
.navigation__logo
{
    position: absolute;
    z-index: 1; 
    top: 50%;
    left: 50%;

    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
              -o-transform: translate(-50%, -50%);
         transform: translate(-50%, -50%);
}
.navigation__list-item
{
    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;

    height: 100%;

    border-right: 1px solid #7a0c0e;

    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
            -moz-box-align: center;
         align-items: center;
    overflow: inherit;
}
.navigation__list--left .navigation__list-item:last-child,
.navigation__list--right .navigation__list-item:last-child
{
    border: 0;
}
.navigation__list-item-dropdown__navigation
{
    position: absolute;
    z-index: 10; 
    top: 100%;
    left: 0;

    display: none;

    width: 350px;

    background-color: #fff;
    -webkit-box-shadow: 2px 2px 3px #ccc;
            box-shadow: 2px 2px 3px #ccc;
}
.dropdown__navigation-item
{
    font-size: 14px;
    line-height: 35px;

    width: 100%;

    border-bottom: 1px solid #cecfce;
}
.dropdown__navigation-item a
{
    display: block;

    width: 100%;
    padding: 0 30px;
}
.navigation__list--right .navigation__list-item:nth-child(3) .navigation__list-item-dropdown__navigation,
.navigation__list--right .navigation__list-item:last-child .navigation__list-item-dropdown__navigation
{
    right: 0; 
    left: auto;
}
.navigation__list-item:hover .navigation__list-item-dropdown__navigation
{
    display: block;
}
.navigation-mobile
{
    display: none;
}
.navigation__list-item:hover {
    background: #8f2b13;
}
@media (max-width: 768px)
{
    .navigation__logo 
    {
        display: none;
    }
}
@media (min-width: 769px) and (max-width: 1000px)
{
    .navigation__logo 
    {
        display: block;
        top: -68px;
    }
    .navigation__logo-pic img
    {
        width: 80px;
        height: 130px;
    }
}
@media (max-width: 890px)
{
    .navigation-container
    {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
                -moz-box-align: center;
             align-items: center;
    }
}
@media (min-width: 1000px) and (max-width: 1050px)
{
    .navigation__logo 
    {
        display: none;
    }
}

@media (max-width: 1050px)
{
    .navigation-container
    {
        height: 100px; 

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
            -webkit-flex-flow: column nowrap;
                -moz-box-orient: vertical;
                -moz-box-direction: normal;
             flex-flow: column nowrap;
        -webkit-box-align: start;
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
                -moz-box-align: start;
             align-items: flex-start;
    }
    .navigation__list-item-title 
    {
        line-height: 1.3;
    }
    .navigation__list
    {
        border-bottom: 1px solid #7a0c0e;
        width: 100%;
        height: 50px;
        -webkit-justify-content: space-around;
            -ms-flex-pack: distribute;
                justify-content: space-around;
    }
    .navigation__list-item
    {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                -moz-box-pack: center;
             justify-content: center;
        width: 100%;
    }
    .navigation__list--left .navigation__list-item:nth-child(3) .navigation__list-item-dropdown__navigation,
    .navigation__list--left .navigation__list-item:last-child .navigation__list-item-dropdown__navigation
    {
        right: 0; 
        left: auto;
    }
}
@media (max-width: 768px)
{
    .navigation
    {
        display: none;
    }
    .navigation-mobile
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: -moz-box;
        display: flex;

        width: 100%;
        /*height: 100%;*/
        margin-bottom: 20px; 

        background: #a1341a;

        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
                -moz-box-pack: center;
             justify-content: center;
    }
    .navigation-mobile a
    {
        display: block;
    }
    .navigation-mobile__categories
    {
        width: 100%;
        height: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: -moz-box;
        display: flex;
    }
    .navigation-mobile__categories a
    {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: -moz-box;
        display: flex;
        width: 100%;
        -webkit-justify-content: space-around;
            -ms-flex-pack: distribute;
                justify-content: space-around;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                -moz-box-align: center;
             align-items: center;
    }
    .navigation-mobile__categories a:hover 
    {
        text-decoration: none;
        color: inherit;
    }
    .navigation-mobile-container
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: -moz-box;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                -moz-box-orient: vertical;
                -moz-box-direction: normal;
             flex-direction: column;

        width: 100%;
        min-height: 50px;

        -ms-flex-pack: start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
                -moz-box-align: center;
             align-items: center;
    }
    .navigation-mobile__categories span
    {
        color: #fff;
    }
    .navigation-mobile__logo-pic img
    {
        width: 70px;
        height: 100px;
    }
    .navigation-mobile__list-container
    {
        font-family: Philosopher, sans-serif;
        display: none;
    }
    .navigation-mobile-wrap
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: -moz-box;
        display: flex;
        width: 100%;
        -ms-flex-pack: distribute;
        -webkit-justify-content: space-around;
                justify-content: space-around;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
                -moz-box-align: center;
             align-items: center;
        height: 50px;
    }
    .navigation-mobile__list
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: -moz-box;
        display: flex;
        overflow: auto; 
            -webkit-flex-direction: column; 
                    -moz-box-orient: vertical; 
                    -moz-box-direction: normal; 
                 flex-direction: column;

        width: 100%;
        height: 100%;
        padding: 10px;

        background: #fff;

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-box-shadow: inset 1px 2px 10px 0px #9c9090;
                box-shadow: inset 1px 2px 10px 0px #9c9090;
    }
    .navigation-mobile__list-item
    {       
        text-align: left;
        border-bottom: 1px dashed #fff;
        background-color: #a1341a;
    }
    .navigation-mobile__list-item > a
    {
        font-size: 18px;
        color: #fff;
        padding: 10px;
        width: 100%;
        cursor: pointer;
        display: block;
    }
    .navigation-mobile__list-item-title {
        position: relative;
    }    
    .navigation-mobile__list-item-title:after {
        content: '';
        position: absolute;
        height: 10px;
        width: 10px;
        top: 50%;
        right: 15px;
        border: 2px solid #fff;
        border-right: none;
        border-bottom: none;        
        -webkit-transform: translateY(-50%) rotate(135deg);     
            -ms-transform: translateY(-50%) rotate(135deg);     
                -moz-transform: translateY(-50%) rotate(135deg);     
                  -o-transform: translateY(-50%) rotate(135deg);     
             transform: translateY(-50%) rotate(135deg);     
    }
    .dropdown__navigation-mobile-item
    {
        padding: 10px 10px;
        border-bottom: 1px dashed #7a0c0e;
    }

    .dropdown__navigation-mobile-item:last-child {
        border: none;
    }

    .drop-navigation-mobile.navigation-mobile__list-container
    {
        display: block;
        width: 100%;
    }
    .navigation-mobile__close
    {
        position: absolute;
        z-index: 15; 
        top: 40px;
        right: 50px;
    }
    .navigation-mobile__close img
    {
        width: 25px;
        height: 25px;
    }
    .dropdown__navigation-mobile
    {
        display: none;
    }
    .drop-submenu.dropdown__navigation-mobile,
    .catalog__menu .category__list
    {
        display: block;
        padding: 10px 0;
        background-color: #fff;
    }
}

@media (max-width: 600px) 
{
    .navigation__list-item {
        width: auto;
    }
}