.nav-cats a, .nav-cat-item>a{
    background-color: #d62817;
    color: #fff;
}
.nav-cats a span{
    color: #fff;
}
#btn-nav-prods,
.wr-btn-menu-mb,
.nav-languages a.nav-lang-active,
#zoekbalk button,
.btn-about-us,
.carousel-control span,
.promos-home-ctrl,
.dienstens-home-ctrl,
.home-bottom-merken-ctrl,
.foot-content form button,
.productcel .winkelkar, .addProductToCart.detail, #btn-toon-folders, .form-row input.btn-send, .color_promobalk, .list-aanradres li.active, .nav-cats a.nav-merken, #btn-add-to-cart, .retailer-wrap .input-group-prepend {
	background-color: #ff8c26;
}

#btn-add-to-cart::after{
    border-color: #ff8c26 transparent transparent transparent;
}

#winkelkar-nav a {
    color: #fff;
}
#submit_registratie {
    background-color:#ff8c26;
    border-color: #ff8c26;
}

/*
	GENERAL
----------- */
body, #cc_div{
	font-family: 'Montserrat', sans-serif !important;
}
a,
.animo{
  	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
a:hover{
	text-decoration:none;
}
button{
	background-color:transparent;
	border:none;
	outline:0;
}
ul, li{
	margin:0;
	padding:0;
}
li{
	list-style:none;
}
/*.row:before, .row:after{*/
/*  display:none !important;*/
/*}*/
.shadow{
	--webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.25) !important;
	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.25) !important;
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.25) !important;
}
.bg{
	background-position: top center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
	background-repeat:no-repeat;
}
.dpm-btn-default-container{
	float:left;
	width:100%;
	margin:15px 0;
	text-align:center;
}
.dpm-btn-default{
	font-size:12px;
	text-transform:uppercase;
	display:inline-block;
	background-color:#ff8c26;
	color:#fff;
	padding:10px 15px;
	position:relative;
}
.dpm-btn-default b{
	position:relative;
	z-index:1;
}
.dpm-btn-default span{
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
	position:absolute;
	top:1px;
	left:1px;
	right:100%;
	bottom:1px;
	background-color:#ef2c19;
	z-index:0;
}
.dpm-btn-default:hover span{
	right:1px;
}
.dpm-btn-default:hover{
	color:#fff;
}
@media(min-width:992px){
	.dpm-btn-default{
		padding:15px 30px;
		font-size:14px;
	}
}

/*
	TOP MESSAGE
--------------- */
#top-message {
	background-color:#d62817;
	font-size:12px;
	line-height:14px;
	color:#fff;
	padding:15px 0;
}

#header {
    background-color: #ef2c19;
    position: relative;
}
.wr-btn-menu-mb{
    background-color: #ef2c19;
}

#navigatie, #navigatie .navbar-nav, #navigatie .head-menu-right{
    background-color: #d62817 !important;
}

@media(max-width:767px){
    .header-menu-stick.active{
        background-color: #d62817;
    }

	#btn-nav-prods{
		display: none;
	}
}

@media(max-width: 576px) {
    #navigatie .navbar-collapse{
        background-color: #d62817 !important;
    }
}

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

.navbar-default .navbar-nav>li>a:after{
	content:'';
	position:absolute;
	left:0;
	right:100%;
	bottom:10px;
	background-color:#fff;
	height:2px;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    display: none;
}
.navbar-default .navbar-nav>li>a:hover:after, .navbar-default .navbar-nav>li.active > a:after{
	right:0;
	background-color:#fff;
}
.navbar-default .navbar-nav>li>a i{
	float:left;
	margin:0 10px 0 0;
}
.navbar-default .navbar-nav>li>a span{
	display:block;
	float:left;
}
.navbar-default .navbar-nav>li>a::first-letter{
	font-weight:bold;
    text-transform: uppercase;
}
.navbar-default .navbar-nav>li.active>a{
	font-weight:bold;
    color: #fff;
}

@media(min-width:992px){
    body #header #zoekbalk {
        position: absolute;
        top: 25px;
        left: 0;
    }

    #zoekbalk input {
        width: 250px;
    }
    #header #logo {
        padding: 25px 0 20px;
    }

	.navbar-default .navbar-collapse{
		display: flex !important;
	}
}

@media(min-width:1200px){
	.navbar-default .navbar-nav>li>a:after{
		left:15px;
        display: block;
	}
	.navbar-default .navbar-nav>li>a:hover:after, .navbar-default .navbar-nav>li.active>a:after{
		right:15px;
	}

    .navbar-default .navbar-nav>li>a{
		font-size: 18px;
    	line-height: 18px;
	}

}

/*
	CAROUSEL
------------ */
#dpm-carousel-container{
	float:left;
	width:100%;
	padding:0;
	background-color:#fff;
}
#dpm-carousel-container .container-fluid{
	padding:0;
}
#dpm-carousel{
	float:left;
	width:100%;
	margin:0;
}
.dpm-slide{
	float:left;
	width:100%;
	position:relative;
}
.dpm-slide img{
	width:100%;
}
.dpm-slide .info{
	position:absolute;
	top:25%;
	left:25%;
	right:0;
	text-align:center;
}
.dpm-slide .title{
	color:#fff;
	font-weight:bold;
	font-size:20px;
	text-transform:uppercase;
	line-height:20px;
}
.dpm-slide a{
	display:inline-block;
	background-color:#ff8c26;
	color:#fff;
	text-transform:uppercase;
	padding:10px 15px;
	font-size:12px;
	margin-top:15px;
	font-weight:bold;
	position:relative;
}
.slick-dots li{
	margin:0;
}
.slick-dots li button:before{
	font-size: 45px;
}
.dpm-slide a b{
	position:relative;
	z-index:1;
}
.dpm-slide a span{
	background-color:#fff;
	top:0;
	left:0;
	right:100%;
	bottom:0;
	position:absolute;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.dpm-slide a:hover{
	color:#000;
}
.dpm-slide a:hover span{
	right:0;
}
@media(min-width:768px){
	.dpm-slide .info{
		top:90px;
	}
	.dpm-slide .title{
		font-size:50px;
		line-height:50px;
	}
	.dpm-slide a{
		font-size:16px;
		margin-top:30px;
		padding:15px 30px;
	}
}
@media(min-width:992px){
	.dpm-slide .info{
		top:120px;
	}
	.dpm-slide .title{
		font-size:72px;
		line-height:72px;
	}
}
@media(min-width:1200px){
	.dpm-slide .info{
		top:50%;
	}
	.slick-dots{
		bottom:15px;
	}
}

/*
	BLOCKS
---------- */
#blocks{
	float:left;
	width:100%;
	padding:30px 0;
	background-color:#f5f5f5;
}
.dpm-block{
	display:block;
	float:left;
	width:100%;
	text-align:center;
}
.dpm-block .icon{
	width:100%;
	display:block;
	background-color:#ff8c26;
	border-radius:50%;
	text-align:center;
	padding:5px;
	border:solid 15px #fff;
	-webkit-transition: all .05s ease-in-out;
	-moz-transition: all .05s ease-in-out;
    transition: all .05s ease-in-out;
}
.dpm-block .icon img{
	max-width:100%;
	display:inline-block;
}
.dpm-block .title{
	font-size:12px;
	float:left;
	width:100%;
	text-align:center;
	margin:15px 0 0 0;
	color:#000;
}
@media(min-width:768px){
	#blocks{
		padding:60px 0;
	}
	.dpm-block .icon{
		width:150px;
		margin:0 auto;
		padding:15px;
	}
	.dpm-block .title{
		font-size:24px;
		font-weight:bold;
	}
}
@media(min-width:992px){
	#blocks{
		padding:90px 0;
	}
	.dpm-block .icon{
		width:200px;
	}
	.dpm-block:hover .icon{
		border-color:#eee;
		padding:10px;
	}
}

/*
	ABOUT
--------- */
#dpm-about{
	float:left;
	width:100%;
	padding:30px 10px;
	background-color:#ef2c19;
	font-size:12px;
	line-height:20px;
	color:#fff;
}
#dpm-about .intro-2{
	margin-top:30px;
}
#dpm-about i{
	width:15px;
}
@media(min-width:768px){
	#dpm-about{
		padding:45px 0;
	}
	#dpm-about .intro-2{
		margin:0;
	}
	#dpm-about .intro-2 b{
		font-size:18px;
	}
}
@media(min-width:992px){
	#dpm-about{
		padding:90px 0;
	}
}
@media(max-width:576px){
    #header #logo img{
        height: auto;
    }
    #header #zoekbalk{
        content: "";
        clear: both;
    }
    #content {
        overflow-x: hidden;
    }
}
/*
	NEWS
-------- */
#dpm-news{
	float:left;
	width:100%;
	background-color:#fff;
	padding:30px 0;
}
.dpm-main-title{
	float:left;
	width:100%;
	font-size:24px;
	line-height:26px;
	font-weight:bold;
	text-align:center;
	text-transform:uppercase;
	margin:0 0 30px 0;
}
#dpm-news .item{
	float:left;
	width:100%;
	margin:0 0 30px 0;
	border:solid 1px #eee;
	padding:15px;
	position:relative;
}
#dpm-news .item .pic{
	float:left;
	width:100%;
	height:150px;
	background-position: center center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
    -o-background-size: contain;
	background-repeat:no-repeat;
	margin:15px 0 0 0;
	position:relative;
	display:block;
}
#dpm-news .item .pic span{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:rgba(255,255,255,0.8);
	-webkit-transition: all .1s ease-in-out;
	-moz-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    opacity:0;
}
#dpm-news .item .pic i{
	color:#000;
	font-size:22px;
	line-height:22px;
	position:absolute;
	top:50%;
	margin-top:-11px;
	left:50%;
	margin-left:-11px;
	opacity:0;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
#dpm-news .item .pic:hover span{
	opacity:1;
}
#dpm-news .item .pic:hover i{
	opacity:1;
}
#dpm-news .item .promo{
	float:left;
	width:100%;
	font-weight:bold;
	font-size:14px;
	line-height:14px;
	margin:15px 0 10px 0;
}
#dpm-news .item .label{
	position:absolute;
	top:5px;
	left:-5px;
	padding:5px 10px;
	color:#fff;
	background-color:rgba(0,0,0,1);
	font-size:10px;
	text-transform:uppercase;
	text-align:center;
	font-weight:bold;
}
#dpm-news .item .price{
	float:left;
	width:100%;
	font-weight:bold;
	font-size:30px;
	line-height:30px;
	margin:0 0 15px 0;
}
#dpm-news .item .price span{
	text-decoration:line-through;
	font-weight:normal;
	font-size:20px;
}
#dpm-news .item .teaser{
	float:left;
	width:100%;
	font-size:14px;
	line-height:20px;
	color:#000;
}
#dpm-news .item .teaser b{
	font-size:18px;
	line-height:24px;
	display:block;
	margin:0 0 5px 0;
}
#dpm-news .item .teaser:hover{
	text-decoration:underline;
}
@media(min-width:768px){
	#dpm-news{
		padding:60px 0;
	}
	.dpm-main-title{
		font-size:32px;
		line-height:38px;
	}
}
@media(min-width:992px){
	#dpm-news{
		padding:90px 0;
	}
	.dpm-main-title{
		font-size:44px;
		line-height:50px;
		margin-bottom:45px;
	}
}

#dpm-realisaties{
	float:left;
	width:100%;
	padding: 30px 0;
    background-color: #f5f5f5;
}
.dpm-realisatie{
	float:left;
	width:100%;
	margin:0 0 30px 0;
}
.dpm-realisatie a{
	display:block;
	width:100%;
	float:left;
	height:175px;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    background-position:center center;
    position:relative;
}
.dpm-realisatie a:after{
	content:'';
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	top:0;
	-webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
	-webkit-box-shadow: inset 0px -49px 55px -17px rgba(0,0,0,0.33);
	-moz-box-shadow: inset 0px -49px 55px -17px rgba(0,0,0,0.33);
	box-shadow: inset 0px -49px 55px -17px rgba(0,0,0,0.33);
}
.dpm-realisatie a span{
	display:block;
	bottom:0;
	left:0;
	right:0;
	text-align:center;
	color:#fff;
	padding:15px;
	position:absolute;
	z-index:2;
}
.dpm-realisatie a:hover:after{
	background-color:rgba(0,0,0,0.3);
}
.d-none {
    display: none;
}
@media(min-width:992px){
	#dpm-realisaties{
		padding: 90px 0 60px 0;
	}
	.dpm-realisatie a{
		height:250px;
	}
	.dpm-realisatie a span{
		font-size:18px;
		line-height:20px;
		font-weight:bold;
	}
}

.foot-content ul li a, #copy a{
	color:#fff;
	font-size:12px;
}

@media (max-width: 991px) and (min-width: 768px){
    .navbar-default .navbar-nav>li>a {
        padding: 17px 10px 13px 10px;
        font-size: 13px;
    }
}
.navbar-nav .btn-exp, .navbar-nav>li>ul>li>a, .navbar-nav .exp-target li a, .navbar-nav .exp-target .btn-exp{
	color: #fff;
}
.line-info .dropdown-toggle {
    font-size: 12px;
}
.line-info {
    font-size: 13px;
}
/* @media (max-width: 576px){
    #winkelkar-nav {
        bottom: 0px!important;
    }
} */
.line-info .dropdown-toggle{
    line-height: unset;
}
#cart_to_kassa{
    color: #fff !important;
}
.color_promobalk{
    padding: 7px;
}
#btn-nav-prods{
    padding: 17px 15px 13px 15px;
}
.product-add-cart-wrap .addProductToCart>span, .cmpprod-detail .cmplabel2{
    vertical-align: unset;
}
