/*.header .logo {
    display: none !important;
}*/

.header .logo {
    z-index: 100;
}
.page { width:100%; margin:0 auto; padding:10px 0; }

@media only screen and (min-width:1200px) {
    .page { width:1200px; padding:10px 0; }
}

.nav-container {
    display: none;
}


.nav-container, .nav-container > a {
    color:#9b9b9b;
    text-decoration: none;
    font-size:14px;
    padding:0 10px;
}

.nav-container > a:hover, .nav-container > a:active, .nav-container > a.active {
    color:#000;
    text-decoration: underline;
}

body .category-nav {
    color:#000;
    text-decoration: none;
    padding:0;
}

.category-nav li {
    position:relative;
    overflow:hidden;
    width:33%;
    height:80px;
    margin-right:0.5%;
    margin-bottom:0.5%;
}

.category-nav li:nth-child(3n+1) {
    margin-right:0.5%;
}

.category-nav li:nth-child(3n+2) {
    margin-right:0.5%;
}

.category-nav li:nth-child(3n+3) {
    margin-right:0%;
}

body .category-nav-hero li:nth-child(1n) {
    position:relative;
    overflow:hidden;
    width:49%;
    height:200px;
    margin-right:1%;
    margin-bottom:2%;
}

body .category-nav-hero li:nth-child(2n+1) {
    margin-left:0;
    margin-right:1%;
}

body .category-nav-hero li:nth-child(2n+2) {
    margin-left:1%;
    margin-right:0;
}

.category-nav li a {
    width:100%;
    height:100%;
}

.category-nav span {
    position:absolute;
    top:35px;
    color:#000;
    left:20px;
    z-index: 20;
    font-family: 'Circular', 'Circular-Book', Helvetica, Arial, sans-serif;
    font-size:18px;
    font-weight: 500;
}


.category-nav-hero span {
    position:absolute;
    top:80px;
    color:#000;
    left:20px;
    font-size:35px;
    z-index: 20;
}

.category-nav img {
    position:absolute;
    top:0;
    bottom:0;
    right:0;
    bottom:0;
    z-index: 10;
    max-width: 100%;
}

.category-nav a:hover img {
    max-width: 110%;
    transition: max-width 0.1s ease-in-out;
}

.nav-container #brands, .category-nav-az {
    margin-top:20px;
}

.nav-container #brands a,
.nav-container #nav-az a,
.nav-container #brands a:hover,
.nav-container #nav-az a:hover {
    text-decoration:none;
    color:#9a9b9a;
}

.nav-container #brands a:hover,
.nav-container #nav-az a:hover {
    text-decoration:underline;
    color:#000;
}

@media only screen and (min-width:800px) {
    .master-nav {
        z-index: 10;
        text-align: center;
        position: relative;
        margin-right:150px;
        margin-top:16px;
    }

    .master-nav > a {
        margin: 0 30px;
        font-size:20px;
        color: #b2b3b3;
        text-decoration: none;
        font-family: 'Circular', 'Circular-Book', Helvetica, Arial, sans-serif;
        cursor: pointer;
        font-weight:500;
        display: inline-block;
        /*text-transform: uppercase;*/
    }

    .master-nav > a:hover, .master-nav > a:active {
        color:#000;
        text-decoration: none;
    }

    .nav-container {
        display: none;
    }


}

.breadcrumbs li, .breadcrumbs li a {
    
}

.breadcrumbs li span {
    color:#f1f1f1;
}

.breadcrumbs li strong {
    font-weight: 300;
}

.breadcrumbs li a, .breadcrumbs li a:active, .breadcrumbs li a:visited {
    color:#ccc;
    font-weight: 300;
}