/*categories*/
.categories-top{
    background: #e94b35;
    padding:0 20px 0 0;
    position: relative;
    z-index:80;
    width: 100%;
    height: 45px;
    float: left;
    z-index: 300;
}


/*md categories*/
.md-categories{
    width: 100%;
    clear: both;
}

.md-categories ul.f{
    display: inline-block;
    margin: 0;
}

.md-categories a.f{
    padding: 0 16px;
    line-height: 3;
    height: 45px;
    font-size: 15px;
    color: #fff;
    text-transform: uppercase;
    font-family: "open_sanssemibold";
    overflow: hidden;
    display: block;
}
.md-categories a.f:hover,
.md-categories a.f.active{
    text-decoration: none;
    background: #e7e7e7;
    color: #4f4f4f;
}

.md-categories li.f{
    display: inline-block;
    /*position: relative;*/
}

/*more list*/
.md-categories .more-list{
    position: absolute;
    z-index: 550;
    top:45px;
    left: 0;
    width: 1000px;
    max-width: 100%;
    display: none;
    background: #e7e7e7;
    padding: 15px;
    border-bottom: 3px solid #e94b35;
    overflow: auto;
}
.md-categories .more-list a{
    font-size: 13px;
}
.md-categories .more-list li{
    line-height: 1.55;
}

.md-categories .block-name{
    font-family: "open_sanssemibold";
    display: block;
    margin-bottom: 10px;
}

.md-categories .block-name .icon{
    color: #e94b35;
}

.md-categories .block-cats{

}

.md-categories .block-cats-container{
    width: 25%;
    display: inline-grid;
    margin-bottom: 20px;
    clear: none;
    float: left
}

.md-categories .block-cats-container-brands{
    width: 100%;
    clear: both;
    overflow: hidden;
    display: inherit;
}

.md-categories .block-cats-brands{
    width: 100%;
    -moz-column-count: 5;
    column-count: 5;
    -webkit-column-count: 5;
    -moz-column-gap: 20px;
    -webkit-column-gap: 20px;
    column-gap: 20px;
}
.md-categories .block-cats-brands li{
    padding: 0;
}

.md-categories .f.f-selected-watches .block-cats-container{
    width: 25%;
}
.md-categories .f.f-selected-watches .block-cats-container-price{
    clear: both;
}

/*cats2*/
.md-categories .cats2{
    float: right;
}
.md-categories .cats2 .icon{
    position: relative;
    right: 5px;
}

/*top mobile menu*/
.mobile-top-menu-container{
    position: relative;
    float: left;
    margin-top:14px;
    z-index: 2000;
    overflow: visible !important
}
.mobile-top-menu-container .dl-menu{
    width: 310px 
}
.mobile-top-menu-container .dl-trigger{
    cursor: pointer;
    font-size:23px;
    padding-left: 12px;
}
.mobile-top-menu-container .dl-trigger span{
    float:right;
    margin:5px 60px 0 0;
}
.mobile-top-menu-container .dl-trigger button{
    background: transparent;
    top:-2px;
}
.mobile-top-menu-container .dl-trigger button:after { 
    background: #fff; 
    box-shadow:
        0 10px 0 #fff, 
        0 20px 0 #fff;
}
.mobile-top-menu-container a:hover,
.mobile-top-menu-container a:focus{
    text-decoration: none !important
}
.mobile-top-menu-container .dl-menu a .icon{
    margin-right: 10px;
    color:#3398dc;
    font-size:20px;
}
.mobile-top-menu-container .dl-menu a.back{
    background: #535353
}

/*common menu - novelties, campaigns, bestsellers */
.mobile-top-menu-container li.sep{
    border-bottom:1px solid #ccc;
    padding-bottom: 15px;
    margin-bottom:15px;
}
.mobile-top-menu-container li.common-menu .icon{
    float: right;
    font-size:20px;
}

@media (max-width: 991px){
    .categories-top{
        min-height: 67px;
    }
}

@media (max-width: 1400px){
    .md-categories a.f{
        padding: 0 7px;
        font-size: 13px;
        line-height: 47px;
    }
}
@media (max-width: 1200px){
    .md-categories a.f{
        padding: 0 3px;
        font-size: 13px;
        line-height: 47px;
    }
}