.nav-cats a span{
    color: #555;
}

#topbar, .navbar-nav, #header, #navigatie, .about-us-container, .news-home, .nav-cats a, .retailer-wrap .input-group-prepend{
    background-color: #0C6788;
    color: #fff;
}

@media (max-width: 1023px) {
    .header-menu-stick {
        background-color: #0C6788;
    }
}

#search-input, .clear-text-search{
    color: #000;
}

.content-menu-stick .head-menu-right{
    background: #555;
}

.navbar-default .navbar-nav>li>a:hover{
    color: #b5d218;
}

.navbar-default .navbar-nav>li>a, .head-menu ul li a{
    color: #fff;
}

.btn-sidebar a{
    background-color: #0C6788;
    color: #fff;
}

.nav-fixed{
    background-color: #0c6788 !important;
}

.btn-sidebar a:hover {
    background-color: #aaa;
}

.nav-cats a.nav-merken{
    background-color: #b5d218;
}

.navbar-default .navbar-nav>.active>a{
    color: #adadad;
}

.prod-stock-message span {
    color: #b5d218 !important;
}

.list-aanradres li.active{
    background-color: #b5d218;
}

@media (min-width: 768px){
    .prod-desc, .merk-naam, .productcel .prod-code, .prod-teaser{
        background-color: #fff;
    }
}
.news-home .hoofd-titel, .about-us-container .hoofd-titel, .home-bottom-deel p{
    color: #fff;
}

#home-carousel img {
    width: 100%;
}

a.hover-underline.news-more-link {
    color: #fff;
}
.productcel .prod-info{
    border-bottom: solid 1px #f5f5f5;
}

/*buttons home*/

.blocks-list {
    /*position: absolute;*/
    /*bottom: 120px;*/
    width: 100%;
    /*margin-left: auto;*/
    background-color: #0C6788;
    margin: 0;
    padding-top: 5px;
}
.blocks-list .block-wrap:first-child { padding-left: 0;}
.blocks-list .block-wrap:last-child {padding-right: 0;}

.block {
    background-color: #fff;
    height: 180px;
    width: 100%;
    text-align: center;
    opacity: 0.7;
    transition: background 0.3s;
    display: none;
}

.block:hover {
    background-color: yellow;
    cursor: pointer;
}

.block img {
    width: 40px;
    margin-bottom: 20px;
    margin-right: 10px;
}

.block .content {
    display: table-cell;
    vertical-align: middle;
}

.block .title {
    display: inline-block;
}

.block .title h3 {
    text-transform: uppercase;
    font-family: inherit;
    font-size: 33px;
    margin-bottom: 0;
}

.btn-home-container{
    float:left;
    width:100%;
}
.btn-home{
    float:left;
    width:100%;
    background-color:#fff;
    color:#000;
    opacity:0.7;
    transition: background 0.3s;
    text-transform: uppercase;
    font-family: inherit;
    font-size: 33px;
    margin:0 0 5px 0;
    height:88px;
    text-align:center;
    display: table-cell;
    vertical-align: middle;
    padding:17px 0 0 0;
}
.btn-home:hover{
    background-color: yellow;
    cursor: pointer;
}

.slide-home-wrap .container, .slide-home-wrap .container-fluid{
    position: relative;
}
@media (max-width: 768px) {
    .blocks-list{
        bottom: 80px;
    }
    .btn-home{
        font-size: 17px;
        height: 56px;
    }
    .block .title h3{
        font-size: 17px;
    }
    .block img{
        margin-bottom: 5px;
    }
    .block{
        height: 116.5px;
    }
}
@media (max-width: 600px) {
    .blocks-list{
        bottom: 45px;
    }
    .btn-home{
        font-size: 13px;
        height: 49px;
    }
    .block .title h3{
        font-size: 13px;
    }
    .block img{
        margin-bottom: 5px;
    }
    .block{
        height: 101.5px;
    }
}
@media (max-width: 487px) {
    .btn-home{
        font-size: 12px;
        height: 42px;
        padding: 12px 0 0 0;
    }
    .block img{
        width: 37px;
    }
    .block .title h3{
        font-size: 12px;
    }
    .block img{
        margin-bottom: 5px;
    }
    .block{
        height: 88.5px;
    }
}

@media (max-width: 400px) {
    .blocks-list{
        bottom: 35px;
    }
    .btn-home{
        font-size: 11px;
        height: 34px;
        padding: 9px 0 0 0;
    }
    .block img{
        width: 33px;
    }
    .block .title h3{
        font-size: 11px;
    }
    .block img{
        margin-bottom: 5px;
    }
    .block{
        height: 73.5px;
    }
}
