/*
Antrekk - Styles
======================================================================================
*/




.page {
	display: block;
	width: 100%;
	float: left;
}
.row {
	max-width: 73.77rem !important;
}
.row.extra {
	max-width: 78rem !important;
}
.row.wide {
	max-width: 100% !important;
}

	@media (max-width: 1440px) {
		.row {
			max-width: 64rem !important;
		}
		.row.extra {
			max-width: 72rem !important;
		}
	}

	@media (max-width: 1024px) {
		.row {
			max-width: 60rem !important;
		}
		.row.extra {
			max-width: 60rem !important;
		}
	}

	@media (max-width: 768px) {
		.row {
			max-width: 47rem !important;
		}
		.row.extra {
			max-width: 47rem !important;
		}
	
		#topbar .row {
			max-width: 100% !important;
		}
	}
	@media (max-width: 440px) {
		.row.extra {
			max-width: 25rem !important;
		}
	}


.with-shape {
	background: url('../images/shape.png') no-repeat 50% 50%;
	background-size: 120% auto;
}

.with-shape-top {
	background: url('../images/shape.png') no-repeat 50% 500px;
	background-size: 120% auto;
}

	 


/*
---------------------------
ALGEMEEN
---------------------------
*/

.open-modal {
	outline: 0 !important;
}

#topbar {
	position: fixed !important;
	top: 0;
	left:0;
	width: 100%;
	height: 130px;
	z-index: 998 !important;
	background: #16243e;

	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;

	-webkit-box-shadow:  0 1px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1) ;
}


/* On scroll */
#topbar.small {
	-webkit-transform: translateY(-130px);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(-130px);

	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition:all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}


    @media (max-width: 1445px) {

		#top-nav ul li.menu-item a{
			padding: 0.01rem 0.5rem;
		}

    }

	@media (max-width: 1024px) {
		#topbar {
			
		}
		#topbar.small {

		}
	}

	@media (max-width: 768px) {
		#topbar {
			
		}
		#topbar.small {
		
		}

	}
	@media (max-width: 440px) {
		#topbar {
			position: absolute !important;
			height: 80px;
		}
		#topbar.small {
			-webkit-transform: translateY(-30px);
			-moz-transform: translateY(0);
			-ms-transform: translateY(0);
			-o-transform: translateY(0);
			transform: translateY(-30px);
		}

	}

#topbar .inner {
	display: block;
	height: 130px;
}
    @media (max-width: 1024px) {
		#topbar .inner {
			display: block;
			
		}
	}
    @media (max-width: 768px) {
		#topbar .inner {
			display: block;
			
		}
	}
	@media (max-width: 440px) {
		#topbar .inner {
			display: block;
			height: 80px;
		}
	}



/* Logo */
.logo {
	position: absolute;
	left: 50%;
	bottom: 0rem;
	width: 220px;
	height: 125px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	margin-left: -110px;
    z-index: 988 !important;
    background: url('../images/logo-antrekk-on-dark.png') no-repeat center;
	background-size: contain;
}

	.small .logo  {
		
	}



	@media (max-width: 1024px) {
		.logo {

		}
		.small .logo  {
		}
	}

	@media (max-width: 768px) {
		.logo {
			
		}
		.small .logo  {
			
		}
	}
	@media (max-width: 530px) {
		.logo {
			
		}
	}
	@media (max-width: 440px) {
		.logo {
			width: 180px;
			height: 70px;
			bottom:0.22rem;
			margin-left: -90px;
		}

	}


/* Shoppingcart */
.shoppingcart {
	position: absolute;
	bottom: 1.5rem;
	right: 1.9rem;
	font-size: 1rem;
	font-weight: 700;
	color: #fff;
}
.shoppingcart small {
	font-weight: 400;
	color: rgba(255, 255, 255, 0.45);
}
.shoppingcart i {
	margin-right: 5px;
}	

/* Searchform */

.searchform {
	position: absolute;
	top: 1.5rem;
	left: .8rem;
	width: 240px;
}
.searchform input {
	padding-left: 0.9rem;
	border:1px solid rgba(255, 255, 255, 0.06) !important;
	border-radius: 0 !important;
	background: rgba(255, 255, 255, 0.08) !important;
	box-shadow: none !important;
	font-size: 0.8rem;
	color: #fff;
}
.searchform input:focus  {
	box-shadow: none !important;
	background: rgba(255, 255, 255, 0.1) !important;
	border-color: #fff !important;
}

	@media (max-width: 768px) {
		.shoppingcart {
			position: absolute;
			bottom: auto;
			top: 1.5rem;
			right: 1.9rem;
			font-size: 1rem;
			font-weight: 700;
			color: #fff;
		}
		.searchform {
			left:0;
			top: 100%;
			width: 100%;
			background: #fff;
			height: 50px;
			box-shadow:  0 7px 22px rgba(0, 0, 0, 0.1);
		}
		.searchform:after {
			position: absolute;
			left: 0;
			bottom: -5px;
			width: 100%;
			height: 10px;
			background:   url('../images/border-top2.png') repeat-x bottom;
			background-size: 30% auto; 
			z-index: 41;
			content:'';
		}
		
		.searchform:before {
			position: absolute;
			left:1.5em;
			top: 12px;
			font-family: FontAwesome;
			content: '\f002';
			font-size: 1em;
		}
		.searchform input {
			width: 90%;
			height: 50px;
			margin-left: 10%;
			font-size: 1rem;
			color: #000;
		}
	}
	
	@media (max-width: 640px) {
		.searchform:after {
			position: absolute;
			left: 0;
			bottom: -3px;
			width: 100%;
			height: 10px;
			background:   url('../images/border-top2.png') repeat-x bottom;
			background-size: 50% auto; 
			z-index: 41;
			content:'';
		}
		.shoppingcart {
			bottom: auto;
			top: 0.8rem;
			left: 1em;
			right: auto;
			height: 50px;
			width: 60px;
			line-height: 54px;
			text-align: center;
			
		}
		.shoppingcart i {
			color: #fff !important;	
		}
		.shoppingcart span {
			display: none;
		}
	}

/* Phone */

.phone-wrap {
	position: absolute;
	bottom: .5rem;
	left: .8rem;
	padding: 4px 10px 3px;
	margin-right: 0px;
    font-size: 0.9rem;
}
.phone-wrap span {
	letter-spacing: 1px;
}
.phone-wrap i {
	top: 2px;
	margin-right: 0px;
}

	@media (max-width: 440px) {
		.phone-wrap {
			display: none;
			left: 1rem;
			bottom: 1rem;
			height: 50px;
			width: 60px;
			line-height: 50px;
			text-align: center;
			border: 1px solid rgba(255, 255, 255, 0.1);	
		}
		.phone-wrap span {
			display: none;
		}
		.phone-wrap i {
			font-size: 2em;
			color: #fff !important;
		}
	}
	@media (max-width: 930px) {
		.sitelinks  {
			display: none;
		}
		.text_whatsapp {
			display: none;
		}

	}
	


/* Sitelinks */
.sitelinks {
	position: absolute;
	top: 1.5rem;
	right: 1.3rem;
	
	
	z-index: 99;
	min-height: 32px;
	background: #16243e;

}
.sitelinks ul {
	float: right;
	display: inline-block;
	margin-bottom: 0;
    margin-top: 4px;
}
	@media (max-width: 1024px) {
		.sitelinks ul {
			margin-right: 1em;
		}
	}
	@media (max-width: 930px) {
		.sitelinks  {
			display: none;
		}

	}

.sitelinks ul li {
	display: inline-block;
	padding: 2px 0px;
}
.sitelinks ul li a {
	display: block;
	padding: 5px 10px;
	color: rgba(255, 255, 255, 0.68);
	position: relative;
	font-size: 0.8rem;
	text-transform: lowercase;
}
.sitelinks ul li a:hover {
    color: #fff;
}

.small .sitelinks {

}
.sitelinks ul li a i {
	position: relative;
	top: 0px;
	display: inline-block;
	width: 22px;
	height: 22px;
	margin-right: 0px;
	border-radius: 0;
	text-align: center;
	line-height: 1;
	font-size: 0.86rem;
}

/* Drops */
.f-dropdown.content {
	outline: 0;
}


	@media (max-width:640px) {
		

	}
	@media (max-width: 440px) {
		
	}

.nav-trigger {
	position: absolute;
	bottom: 1em;
	right: 1em;
	display: none;
	width: 175px;
	height: 50px;
	line-height: 50px;

	border: 1px solid rgba(255, 255, 255, 0.1);
	background: 0;
	text-align: center;
	z-index: 9999999 !important;
}
html.mm-opened .nav-trigger {
	z-index: 9999999 !important;
}
	.small .nav-trigger {
		height: 50px;
		line-height: 50px;
	}

	
.nav-trigger em {
	font-style: normal;
	position: absolute;
	right:50px;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 1px;
	font-size: 0.9rem;
	color: rgba(255, 255, 255, 0.7);
}	
.nav-trigger span, .nav-trigger span::before, .nav-trigger span::after {
	/* hamburger icon in CSS */
	position: absolute;
	display: inline-block;
	height: 2px;
	width: 20px;
	background: #f49929;
	border-radius: 0px;
}
.nav-trigger span {
	/* line in the center */
	position: absolute;
	top: 50%;
	right: 1em;
	margin-top: -1px;
	background: #f49929;
	-webkit-transition: background 0.3s 0.3s;
	-moz-transition: background 0.3s 0.3s;
	transition: background 0.3s 0.3s;
}

	@media (max-width: 768px) {
		.nav-trigger {
			display: block;
		}
	}

	@media (max-width: 768px) {
		.nav-trigger {
			
		
		}
		.small .nav-trigger {
			
		}
	}
    @media (max-width: 440px) {
		.nav-trigger {
			width: 50px;
			border: 1px solid rgba(255, 255, 255, 0);
			bottom: 1rem;
		}
		.nav-trigger em {
			display: none;
		}
		.small .nav-trigger {
		
		}
	}
	


.nav-trigger span::before, .nav-trigger span::after {
	/* other 2 lines */
	content: '';
	right: 0;
	/* Force Hardware Acceleration in WebKit */
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform-origin: 0% 50%;
	-moz-transform-origin: 0% 50%;
	-ms-transform-origin: 0% 50%;
	-o-transform-origin: 0% 50%;
	transform-origin: 0% 50%;
	-webkit-transition: -webkit-transform 0.3s 0.3s;
	-moz-transition: -moz-transform 0.3s 0.3s;
	transition: transform 0.3s 0.3s;
}
.nav-trigger span::before {
	/* menu icon top line */
	top: -6px;
}
.nav-trigger span::after {
	/* menu icon bottom line */
	top: 6px;
}

.mm-opening .nav-trigger span {
	/* hide line in the center */
	background: rgba(255, 255, 255, 0);

}
.mm-opening .nav-trigger span::before, .mm-opening .nav-trigger span::after {
	/* keep visible other 2 lines */
	background: #f49929;
}



.mm-opening .nav-trigger span::before {
	-webkit-transform: translateX(4px) translateY(0) rotate(45deg);
	-moz-transform: translateX(4px) translateY(0) rotate(45deg);
	-ms-transform: translateX(4px) translateY(0) rotate(45deg);
	-o-transform: translateX(4px) translateY(0) rotate(45deg);
	transform: translateX(4px) translateY(0) rotate(45deg);
}
.mm-opening .nav-trigger span::after {
	-webkit-transform: translateX(4px) translateY(2px) rotate(-45deg);
	-moz-transform: translateX(4px) translateY(2px) rotate(-45deg);
	-ms-transform: translateX(4px) translateY(2px) rotate(-45deg);
	-o-transform: translateX(4px) translateY(2px) rotate(-45deg);
	transform: translateX(4px) translateY(2px) rotate(-45deg);
}

/* Menu Logo */
.menu-logo {
	
	width: 100%;
	height: 90px;
	display: block;
	text-align: center;
    z-index: 98 !important;
    background:  url('../images/logo-antrekk-on-white.png') no-repeat bottom;
	background-size:contain;
   
}

.mm-listview>li.more-logo:not(.mm-divider):after {

}

	@media (max-width: 768px) {
		.nav-trigger {
			display: block;
		}
		.mm-menu {
			visibility: visible;
		}
	}
	@media (max-width: 440px) {
		.nav-trigger span {
			right: 30%;
		}
	}

.mm-menu {
	background: #16243e;
	-webkit-box-shadow:  0 1px 30px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1) ;
}
.mm-menu.mm-bottom {
	width: 100%;
	min-width: 100%;
	max-width: 100%;
	height: calc(100% - 180px) !important;
	min-height: 100px;
	max-height: auto;
}

	@media (max-width: 440px) {
		.mm-menu.mm-bottom {
			width: 100%;
			min-width: 100%;
			max-width: 100%;
			height: calc(100% - 80px) !important;
			min-height: 80px;
			max-height: auto;
		}
	}
	

.mm-menu .mm-navbar a, .mm-menu .mm-navbar>* {
	color: #f49929;
}

.mm-navbar {
	border-color: rgba(255, 255, 255, 0.1) !important;
}	

.mm-listview > li > a,
.mm-listview > li > span {
    font-size: 0.86rem;
    padding: 15px 10px 15px 20px;
    color: rgba(255, 255, 255, 1) !important;
    text-transform: uppercase;
    letter-spacing: 2px !important;
    font-weight: 700;
}
.mm-listview > li > a.active {
    color: #f49929 !important;
}

.mm-menu em.mm-counter {
	color: rgba(255, 255, 255, 0.6);
}
.mm-listview>li:not(.mm-divider):after {
	border-color: rgba(255, 255, 255, 0.1) !important;
}

.mm-listview .mm-next:before {
	border-color: rgba(255, 255, 255, 0.1) !important;
}	

.mm-menu .mm-btn:after, .mm-menu .mm-btn:before {
	border-color: #f49929 !important;
}
.mm-menu .mm-listview>li .mm-arrow:after, .mm-menu .mm-listview>li .mm-next:after {
	border-color: #f49929 !important;
}

.mm-listview > li.mm-sale {
	padding: 1em 1.5em;
}
.mm-listview > li.mm-sale > a {
   background-color: #e4253e !important;
   color: #fff;
}

.mm-listview > li.mm-new {
	padding: 0em 1.5em;
}
.mm-listview > li.mm-new > a {
   background-color: #97a2ac !important;
   color: #fff;
}

.mm-listview>li.mm-sale:not(.mm-divider):after,
.mm-listview>li.mm-new:not(.mm-divider):after {
	border-color: rgba(255, 255, 255, 0) !important;
}

.small .social li a {
	color: rgba(0, 0, 0, 0.30);
}
.small .social li a:hover {
	color: rgba(0, 0, 0, 0.9);
}


/* Header Blocks */
#header-blocks {
	display: block;
	width: 100%;
	z-index: 99;
	position: relative;
}
/*
#header-blocks.up {
	top: -260px;
	position: absolute;
}
*/
#header-blocks.up {
	top: -150px;
	position: absolute;
}


	@media (max-width: 768px) {
		#header-blocks.up {
			top: -80px;
		}
	}
	@media (max-width: 640px) {
		#header-blocks.up {
			top: -60px;
		}
	}

	@media (max-width: 400px) {

	}
.header-border {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 6px;
	z-index: 99;
}

	@media (max-width: 640px) {
		#header-blocks .small-up-2 > .column:last-child, 
		#header-blocks .small-up-2 > .columns:last-child {
			width: 100% !important;	
			padding-left: .625rem;
			padding-right: .625rem
		}		
	}
	

/*
-------------------------------
SECTIONS
-------------------------------
*/
.head-spacer {
	display: block;
	min-height: 290px;
	padding-top: 0px;
}
.head-spacer .row {
	min-height: 290px;
	position: relative;
}
.head-spacer .head-spacer-title {
	position: absolute;
	bottom: 1rem;
	left: 2rem;
	font-size: 1.6rem;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 1px;
}

.head-spacer.go-back,
.head-spacer.go-back .row {
     min-height: 290px !important;
 }
.head-spacer.go-back .head-spacer-title {
	font-size: 1rem;
	bottom: 1.3rem;
    
 }
 	@media (max-width: 768px) {
	 	.head-spacer.go-back,
        .head-spacer.go-back .row {
	         min-height: 210px !important;
	     }
	     .head-spacer .head-spacer-title {
	        left:0;
            width: 100%;
            text-align: center;
        }
	}
    @media (max-width: 440px) {
        .head-spacer,
        .head-spacer .row {
            min-height: 180px;
        }
        .head-spacer .head-spacer-title {
	        font-size: 1rem;
            bottom: 0.5rem;  
            left:0;
            width: 100%;
            text-align: center;
        }
        
        .head-spacer.go-back,
        .head-spacer.go-back .row {
	         min-height: 130px !important;
	     }
	     .head-spacer.go-back .head-spacer-title {
			font-size: 1rem;
			bottom: 0.5rem; 
		 }
    }



.main-content {
	width: 100%;
	
	z-index: 99;
	display: block;
	height: 100%;
}
section {
	position: relative;
	display: block;
}

#start {
	padding-top: 0px !important;
}
	@media (max-width: 1024px) {
		#start {
			
		}
	}
    @media (max-width: 640px) {
		#start {
			padding-top: 180px !important;
		}
	}
.bg-image {
	background-position: 50% 50%;
	background-size: cover;
	min-height: 320px;
}
.bg-image:before {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #000 !important;
	width: 100%;
	height: 100%;
	content: '';
	z-index: 1;
	opacity: 0.1;
}
.bg-image.none:before {
	opacity: 0;
}
.bg-image.darken:before {
	opacity: 0.4;
}
.bg-image.little:before {
	opacity: 0.4;
}
.bg-image.alot:before {
	opacity: 0.8;
}

.bg-image .row {
	position: relative;
	z-index: 2;
}
.section-wrapper {
	width: 100%;
	position: relative;
	min-height: 1;
	padding: 2em 0;
}
.brushed:before {
	position: absolute;
	left: 0;
	top: -13px;
	width: 100%;
	height: 24px;
	background:   url('../images/border-top2.png') repeat-x bottom;
	background-size: 40% auto; 
	z-index: 41;
	content:'';
}
.brushed:after {
	position: absolute;
	left: 0;
	bottom: -13px;
	width: 100%;
	height: 24px;
	background:   url('../images/border-top2.png') repeat-x bottom;
	background-size: 40% auto; 
	z-index: 41;
	content:'';
}
.section-wrapper.brushed.only-top:after {
	display: none;
}

	@media (max-width: 1024px) {
		.brushed:before {	 
			top: -15px;
		}
		.brushed:after {
			
		}
	}
	@media (max-width: 768px) {
		.brushed:before {	 
			top: -20px;
		}
		.brushed:after {
			
		}
	}
	@media (max-width: 440px) {
		.brushed:before {	 
			top: -22px;
		}
		.brushed:after {
			
		}
	}


#start.section-wrapper {
	z-index: 3;
}
#quotiess.section-wrapper {
	padding-top: 0;
}
#intro.section-wrapper {
	padding-top: 0;
	padding-bottom: 0;
}

.section-wrapper.bg-white {
	background: none !important;
}

.section-wrapper.contentblocks {
		padding: 3rem 0 4rem;
}
.section-wrapper.section-logos {
		padding: 2rem 0 2rem;
}

	@media (max-width: 768px) {
		.section-wrapper.contentblocks {
			padding: 2rem 0 2rem;
		}
	}
	
    
/*
------------------------------------------------------
ALGEMEEN - Headings
------------------------------------------------------
*/

.head-wrapper {
	padding: 0em 0px 0em 1em;
	position: relative;
}
.head-wrapper .intro {
	font-size: 20px !important;
	position: relative;
	bottom: -14px;
	display: block;
}
.head-wrapper .title {

	position: relative;
	padding: 0px 0px;
	padding-top: 0px;
	padding-right: 0px;
	display: block;
	z-index: 3;
}
.head-wrapper .title {
	font-size: 26px !important;

}
.head-wrapper .title.large {
	font-size: 1.8em !important;

}
.head-wrapper hr {
	border-width: 3px;
	border-color: rgba(0, 0, 0, 0.15);
	margin-top: 0;
}
.head-wrapper .button {
	margin-top: 20px;
}


	@media (max-width: 1000px) {
		.head-wrapper .title.large {
			font-size: 1.5em !important;
			line-height:1.2;
		}

		#start .head-wrapper .title .button {
			top: 0;
			display: inline-block;
			padding: 0;
			padding-top: 0em !important;
			padding-bottom: 0em !important;
			border: 0 !important;

		}
	}
	@media (max-width: 500px) {
		.head-wrapper .title.large {
			font-size: 1.3em !important;
			line-height: 1.2;
		}

		.head-wrapper .title .button {
			top: 15px;
			display: block;

		}
	}

.section-header {
	padding: 1rem 0px 1em 1em;
	position: relative;
}
.section-header.center {
	padding: 1rem 0px 1em 0em;
}


.section-header .section-label {
	font-size: 0.9em;
	letter-spacing: 6px;
	text-transform: uppercase;
	font-weight: 300;
	display: block;
	margin-bottom: 20px;
}
.section-header .section-title {
	position: relative;
	font-size: 1rem;
	letter-spacing: 0px;
	font-weight: 900 !important;
	letter-spacing: 2px;
	display: inline-block;
	z-index:1 !important;
}

.section-header .section-title.large {
	font-size: 3.2em;
	line-height: 1.2;
}

.section-header .section-intro p {
	margin-top: 0px;
	font-size: 1.5rem !important;
	font-weight: 300;
}

[class*=" bg-"]:not(.bg-white):not(.bg-light) .section-header .section-intro p {
	color: rgba(255, 255, 255, 0.75); !important;
}


.section-header .section-more {
	position: absolute;
	top: -4px;
	right: 10px;
	padding: 5px 20px;
	border-radius: 2px;
}
.section-header .section-more:hover {
	background: rgba(0, 0, 0, 0.06);
}
.section-header .button {
	margin-top: 20px;
}
.section-header .section-more i {
	margin-left: 10px;
}

	@media (max-width: 1024px) {
		.section-footer {
			padding-top: 20px;
		}
		.section-footer .button.large {
			font-size: 1em !important;
		}
	}
	@media (max-width: 500px) {
		.section-header {
			padding: 0em 0px 1em 0em;
		}
		.section-header .section-title {
	
		}
		.section-header .title span {
/* 			display: block; */
		}
		.section-header .section-more {
			top: -4px;
		}
		.section-header .button {
			top: 0px;
		}
		.section-header .button	span {

		}
        .bg-image .section-header,
        .bg-image .section-header .section-title {
            text-align: center;
        }
        .bg-image .section-header .button {
            margin: 30px auto;
        }
	}

/*
-----------------------------
Actionbar
-----------------------------
*/
.action-bar {
	padding: 1.6rem 2rem 1.4rem;
	text-align: center;
}
.action-bar .action-title {
	position: relative;
	top: 3px;
	display: inline-block;
}
.action-bar .action-button {
	margin-left: 1rem;
}

	@media (max-width: 768px) {
		.row.actione {
			margin-top: 2rem;

		}

		.action-bar .action-button {
			margin-top: 1rem;
			margin-left:0;
			margin-bottom: 1rem;
		}
	}

/*
-----------------------------
SECTIION - UPS
-----------------------------
*/

.usp {
	border-bottom: 1px solid rgba(0, 0, 0, 0.14);
}
.usp-box {
	padding: 1rem;
/* 	border: 1px solid rgba(0, 0, 0, 0.14); */
}
.usp-box .usp-icon {
	color: #99a3b5;
	padding-left: 0px;
}
.usp-box .usp-icon {
	position: relative;
	display: block;
	z-index: 2;
	text-align: center !important;
	width: 80px;
	height: 70px;
	line-height: 70px;
	padding: 5px;
	margin-left: 0px;
}
.usp-box .usp-icon i {
	font-size: 2rem;
	color: rgba(11, 31, 62, 0.2);
	margin: auto;
}
.usp-box .usp-text {
	display: block;
	padding-top: 5px;
	font-size:1rem;
	padding-left: 10px;
	padding-right: 1rem;
	
}
.usp-box .usp-text .usp-title {
	display: block;
	font-size: 1rem;
	line-height: 1.3;
	color: #0B1E3D;
	font-weight: 700;
}

	@media (max-width: 1024px) {
		.usp-box .usp-icon {
			width: 70px;
			height: 60px;
			line-height: 60px;
			padding: 5px;
			margin-top: 5px;
		}
		.usp-box .usp-text {
			
		}
	}
	@media (max-width: 768px) {
		.usp-box .usp-icon {
			width: 70px;
			font-size: 1.7em;
			color: #99a3b5;
			line-height: 60px;
			padding-top: 3px;
			text-align: right;
		}
		.usp-box .usp-icon i {
			font-size: 1.7rem;
		}
		.usp-box .usp-text {
			display: block;
			padding-top: 10px;
			padding-left:0;

		}
	}

	@media (max-width: 440px) {
		.usp-box {
			margin-bottom: 0rem;
		}
		.usp-box .usp-icon {
			width: 48px;
			height: 48px;
			line-height: 48px;
			padding: 0px;
			margin-top: 0px;
		}
		.usp-box .usp-icon i {
			font-size: 1.4rem;
		}
		.usp-box .usp-text {
			display: block;
			padding-top: 4px;

			font-size: 0.86rem;
		}
	}

/*
-----------------------------
ALGEMEEN - BLOKKEN
-----------------------------
*/

/* Item */

.itembox {
	float: left;
	width: 100%;
	display: block;
    position: relative;
    border: 0px solid #fff;
	margin: 0 0px;
	margin-top: 0px;
	min-height: 200px;
	border-radius: 0px !important;
	-webkit-backface-visibility: hidden;
   	backface-visibility: hidden;
}

.no-touch .itembox:hover,
.no-touch a.itembox:hover {
	border: 0px solid #fff;
	margin-top: 0px;
}

.itembox .item-image {
	position: relative;
	display: block;
	z-index: 2;
	background: none;
	overflow: hidden;
	border-radius: 0 0;
	-webkit-backface-visibility: hidden;
   	backface-visibility: hidden;
   	overflow:hidden;
}
.itembox .item-image img {
	-webkit-backface-visibility: hidden; /* Chrome, Safari, Opera */
   	backface-visibility: hidden;
}
.itembox .item-image:after {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 1);
	opacity: 0;
	content: '';
	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	-ms-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
}
.no-touch .itembox:hover .item-image:after {
	opacity: 0;
}

.itembox .item-image .title-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 3;
	padding: 1em 1em;
}
.itembox .item-image .item-image-title {
	display:block;
	font-size: 1.2em;
	line-height: 1.1;
	margin: 0 0 0 0px;
	z-index: 3;
}
.itembox .item-image .item-image-label {
	display: inline-block;
	color: #fff;
	font-size: 0.8em;
	font-weight: 900;
	line-height: 0.7;
	padding: 1em 1.2em 0 0;
	background: rgba(35, 34, 38, 0.81);
	margin-bottom: 0px;
	border-radius: 0px;
	text-transform: uppercase;
}

.itembox .item-description {
	display: block;
	text-align: left !important;
	padding: 1em 1em 2em 1em;
	letter-spacing: 0px;
	width: 100%;
}

.itembox .item-description.center {
	text-align: center !important;
	padding-left: 1em;
	padding-right: 1em;
	padding-bottom: 2em;
}

.itembox .item-description .item-title {
	position: relative;
	display: inline-block;
	font-size: 1.5rem;
	line-height: 1.2;
	padding: 0em;
	margin: 0 0 0 0px;
	color: #222930;
	font-weight: 700;
}
.itembox .item-description .item-title.large {
	font-size: 1.7rem;
}
.itembox .item-description .item-title.small {
	font-size: 1.2rem;
}

.bg-image.alot .itembox .item-description .item-title {
	color: #fff;
}

.itembox .item-description .item-intro {
	font-size: 0.9rem;
	line-height: 1.6;
	font-weight: 700;

}
.itembox .item-description p  {
	display: block;
	font-size: 0.9rem;
	line-height: 1.6;
	color: #777f85;
	margin: 0;
}

[class*=" bg-"]:not(.bg-white):not(.bg-light) .itembox .item-description .item-title {
	color: #fff !important;
}
[class*=" bg-"]:not(.bg-white):not(.bg-light) .itembox .item-description .item-intro {
	color: #fff !important;
}
[class*=" bg-"]:not(.bg-white):not(.bg-light) .itembox .item-description p  {
	color: #fff !important;
}

.itembox  .item-link {
	display: block;
	margin-top: 10px;
	font-size: 1em;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.itembox:hover .item-link {

}
.more i {
	font-size: 130%;
	position: relative;
	top: 2px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.more:hover i {
 margin-left: 5px;
}

/* Itembox - Image fill */
.itembox.full {
	min-height: 210px;
	margin-bottom: 30px;
	position: relative;
	cursor: pointer;
}
#pictures .itembox.full {
	min-height: 300px;
	margin-bottom: 0;
}

#header-blocks a.itembox.full {
	
	box-shadow: 0 5px 42px rgba(0, 0, 0, 0.2);
}


/* Header blocks */

#header-blocks a.itembox.full:after {
  content: "";
  border-radius: 0px !important;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  box-shadow: 0 5px 42px rgba(0, 0, 0, 0.2);
  opacity: 0;
  -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1)
}
a.itembox.full:hover {
  transform: scale(1.03);
	z-index: 100;
}
a.itembox.full:hover:after {
    opacity: 1
}


.itembox.full .item-description {
	position: absolute;
	top: 0;
	left:0;
	bottom: 0px;
	right: 0px;
	width: 100%;
	z-index: 3;
	border-radius: 0 0 0px 0px;
	overflow: hidden;
}

.itembox.full .item-image {
	position: absolute;
	top: 0;
	left:0;
	bottom: 0px;
	right: 0px;
	z-index: 2;
	overflow: hidden;
	background-size: cover;
	background-position: center;
}
.itembox.full .item-image:after {
	opacity: 0.1;
	background-color: #162839;
}
.itembox.full .item-image.bg-shade:after {
	opacity: 0.3;
}
.itembox.full.bright .item-image:after {
	opacity: 0;
}

.itembox.full .item-description .item-title-wrap {
	position: absolute;
	top: 2.2rem;
	left:2rem;
}
.itembox.full .item-description .item-intro {
	display: block;
	font-size: 1em;
	line-height: 1;
	padding: 0em 0em 0 0;
	margin-bottom: 10px;
	text-transform: uppercase;
}
.itembox.full .item-description .item-title {

	display: block;
	font-size: 1.4rem;
	line-height: 1.2;
	color: #fff;
	margin: 0;
	letter-spacing: 0px;
	padding-right: 40%;
	font-weight: 600;

}
.itembox.full .item-description .item-title.light {
	font-size: 1.4em;
	letter-spacing: 1px;
}
.itembox.full .item-description p {
	font-size: 1em;
	font-weight: 400;
	color: rgba(255, 255, 255, 0.76);
	letter-spacing: 0;
}

.itembox.full .item-link {
	position: absolute;
	bottom: 2rem;
	left:2rem;
	padding: 0.4rem 1rem;
	font-size: 0.76rem;
	color: #16243e;
	background: #fff;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 2px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.itembox.full:hover .item-link {

}


	@media (max-width: 1024px) {
		.itembox.full {
			min-height: 200px;
		}
		.itembox.full .item-description {
			padding: 0;
		}
		.itembox.full .item-description .item-icon,
		.itembox.full .item-description .item-title-wrap,
		.itembox.full .item-link {
			left: 1.3rem;
		}
		.itembox.full .item-description .item-icon {
			top: 1.5rem;
			font-size: 2.8rem;
		}
		.itembox.full .item-description .item-title {
			font-size: 1.2rem;
		}
		.itembox.full .item-description p {
			font-size: 0.8em;
			line-height: 1.2;
		}
		.itembox.full .item-link {
			font-size: 0.8rem;
		}
		

		.itembox.full .item-description .item-title-wrap {

		}
		
		#pictures .itembox.full {
			min-height: 260px;
		}

	}
	@media (max-width: 768px) {
		.itembox.full {
			min-height: 160px;
		}
		.itembox.full .item-description {

		}
		.itembox.full .item-description .item-title-wrap {
			top: 1.3rem ;
		}
		.itembox.full .item-description .item-icon,
		.itembox.full .item-description .item-title-wrap,
		.itembox.full .item-link {
			left: 1rem;
		}
		
		.itembox.full .item-description.center {
			text-align: center !important;
		}
		.itembox.full .item-link {
			font-size: 0.7rem;
			bottom: 1rem;
		}
		
	}
	@media (max-width: 640px) {
		.itembox.full {
			min-height: 170px;
		}
		.itembox.full .item-description .item-icon,
		.itembox.full .item-description .item-title-wrap,
		.itembox.full .item-link {
			left: 1rem;
		}
		.itembox.full .item-description .item-title-wrap {
			bottom: 2.6rem;
		}
		.itembox.full .item-description .item-title {
			padding-right: 0.5rem;
		}
		.itembox.full .item-description .item-icon {
			top: 1.5rem;
			font-size: 2.3rem;
		}
		.itembox.full .item-link {
			bottom: 1rem;
			font-size: 0.66rem;
		}
	}
	@media (max-width: 520px) {
        .itembox.full {
            min-height: 160px;
			margin-bottom: 20px;
		}
		#pictures .itembox.full {
			min-height: 160px;
		}
        .itembox.full .item-description .item-title {
			font-size: 1.05rem;
		}

	}
	@media (max-width: 440px) {
        .itembox.full {
            min-height: 120px;
			margin-bottom: 20px;
		}
		
		.itembox.full .item-description .item-icon,
		.itembox.full .item-description .item-title-wrap,
		.itembox.full .item-link {
			left: 0.6rem;
		}
	
        .itembox.full .item-link {
			bottom: 0.5rem;
			font-size: 0.5rem;
				padding: 0.4rem 0.7rem;
		}

	}
	@media (max-width: 320px) {
		.itembox.full .item-link {
			
			padding: 0.4rem 0.5rem;
			left:0;
			bottom:0;
			width: 100%;
			letter-spacing: 1px;
		}
	}

/* With Content */
.itembox.with-content .item-border {
	position: absolute;
	bottom:0;
	display: block;
	width: 100%;
	height: 6px;
}
.itembox.with-content .item-description {
		padding-bottom: 0;
}
.itembox.with-content .item-image {
	z-index: 2;
}
.itembox.with-content .item-title {
	margin-bottom: 15px;
}
.itembox.with-content .item-description p {

}
    
    @media (max-width: 1024px) {
        .itembox.with-content .item-title {
            font-size: 1.2rem;
        }
    }
	@media (max-width:768px) {
		.itembox.with-content {
			padding: 0 !important;
		}
		.itembox.with-content .item-title {
			margin-bottom: 15px;
			font-size: 1.2rem;
		}
        
        .itembox.with-content .photo.right {
            margin-left:0;
        }
	}



/* Carousel items */

.carousel-wrap {
	padding:2rem 0rem;
}
	
	@media (max-width: 768px) {
		.carousel-wrap {
			
		}
	}
	

.title-header {
	border: 0;
	padding-left: 2rem;
	
}
.title-header .title {
	font-size: 1rem !important;
	position: relative;
	padding: 0px 0px;
	padding-top: 0px;
	padding-right: 20px;
	text-transform: uppercase;
	letter-spacing:1px !important;
	display: inline-block;
	z-index: 3;
}



.carousel-more  {
	float: right;
	padding: 2px 10px;
	font-size: 0.96rem;
	letter-spacing: 1px;
	font-weight: 700;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	display: block;
}
.carousel-more:hover {
	color: #4f5357 !important;
}
.carousel-more i {
	position: relative;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.carousel-more:hover i {
	right: -3px;
}
.product-carousel {
	position: relative;
	padding-top:1em;
	padding-bottom:2em;
}

	@media (max-width: 440px) {
		.product-carousel {
			position: relative;
			padding-top:0.4em;
			padding-bottom:1em;
		}
		.title-header {
			padding-left: 1em;
		}	
		.title-header .title {
			font-size: 14px !important;
			
		}
		.carousel-more  {
			padding: 5px 15px;
			font-size: 10px;
			
		}
		
		.-carousel {
			position: relative;
			padding-top:2em;
			padding-bottom:0em;
		}

	}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    width: 97%;
    margin: 0 auto;
}

.owl-dots .owl-dot span {
 width: 6px !important;
 height: 4px !important;
  margin: 5px 7px;
  border-radius: 0 !important;
background: #d1d1d1;

}
.owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background: #f49929 !important;
  
}

 .owl-controls {
	margin-top: 0;
	width: 100%;
	opacity: 0;
	position: absolute;
	bottom:0;
	-webkit-transition: opacity .5s ease;
	transition: opacity .5s ease;
}

.product-carousel:hover .owl-controls,
.brands:hover .owl-controls {
	opacity: 1;
}

	@media (max-width: 1024px) {
		.product-carousel .owl-controls {
			margin-top: 0;
			width: 100%;
			opacity: 1;
		}
	}

.product-carousel .owl-controls .owl-nav .owl-prev,
.product-carousel .owl-controls .owl-nav .owl-next {
	position: absolute;
	top: -240px;
	
	width: 40px;
	height: 120px;
	background: rgba(0, 0, 0, 0.1) !important;
	line-height: 120px;
	
	color: #fff;
	font-size: 24px;
	margin: 0px;
	padding: 0px 5px;
	display: inline-block;
	cursor: pointer;
	border-radius: 0px;
	-webkit-transition: background .5s ease;
	transition: background .5s ease;

}
	
	
.product-carousel .owl-controls .owl-nav .owl-prev:hover,
.product-carousel .owl-controls .owl-nav .owl-next:hover {
	background: rgba(0, 0, 0, 0.3) !important;
}
.product-carousel .owl-controls .owl-nav .owl-prev {
	left: -5%;
}
.product-carousel .owl-controls .owl-nav .owl-next {
	right: -5%;
}


	@media (max-width: 1130px) {
		.product-carousel .owl-controls .owl-nav .owl-prev {
			left: -1.2em;
		}
		.product-carousel .owl-controls .owl-nav .owl-next {
			right: -1.2em;
		}

	}
	@media (max-width: 768px) {
		.product-carousel .owl-controls .owl-nav .owl-prev,
		.product-carousel .owl-controls .owl-nav .owl-next {
			display: none !important;
			
		}
	}
	
/* Itembox - Product */
.productbox {
	display: block;
	-webkit-box-shadow:  0 0px 0px rgba(0, 0, 0, 0);
    box-shadow:  0 0px 0px rgba(0, 0, 0, 0) ;
    background: rgba(255, 255, 255, 1);
    position: relative; 
	padding: 0px 0px 80px;
	margin: 10px 0.67rem;
	min-height: 320px;
	border: 1px solid rgba(0, 0, 0, 0.09);
	-webkit-backface-visibility: hidden;
   	backface-visibility: hidden;
}

a.productbox:hover {
/*   	transform: scale(1.03); */
	z-index: 100;

	border-color: #16243e;
}

.productlist .productbox {
	margin: 0px 0 20px;
}


.productbox .product-image {
	width: 90%;
	margin: 5% 0 0 5%;
	display: block;
	border-radius: 0px 0px 0 0;
	overflow: hidden;
	background-color: #fff;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	height: 260px;
	position: relative;
	z-index: 3;
}
.productbox .product-image img {
	-webkit-transition: all 0 ease-in-out;
	-moz-transition: all 0 ease-in-out;
	-ms-transition: all 0 ease-in-out;
	transition: all 0 ease-in-out;
}
.no-touch a.productbox:hover .product-image img {

}


.productbox .product-description {
	position: absolute;
	bottom:0;
	display: block;
	padding:1rem 1rem 1rem 1.5rem;
	text-align: left !important;
	z-index: 4;
}
.productbox .product-description .product-title {
	display: block;
	color: #16243e !important;
	font-size: 0.86rem;
	font-weight: 700;
	line-height: 1.1;
	letter-spacing: 0px;
	padding: 0;
	margin: 0;
}
	
.productbox .product-description .product-title:before {
	display: none;
}

.productbox .product-description .product-title a {
	color: #16243e !important;
}
.productbox .product-description .product-title a:hover {
	color: #E1B345 !important;
}
	@media (max-width: 768px) {
		.productbox {
			min-height: 220px;
		}
		.productbox .product-image {
			height: 180px;	
		}
		.productbox .product-description {
			padding:1rem 1rem 1rem 1rem;
		}
		.productbox .product-description .product-title {
			font-size: 0.76rem;
		}
		
	}
	@media (max-width: 440px) {
		.productlist .row {
			padding-left: 0.3em;
			padding-right: 0.3em;	
			
		}
		.productlist .small-up-2 .column {
			padding-left: .325rem;
			padding-right: .325rem
		}
		.productbox {
			margin: 10px 0.27rem;
			min-height: 140px;
			max-height: 180px;
			
		}	
		
		.small-up-2>.column:nth-of-type(1n) .productbox , .small-up-2>.columns:nth-of-type(1n) {
			
		}
		
		a.productbox:hover {
		  	transform: none !important;
			z-index: 100;
			border-color: rgba(3, 3, 3, 0.15);
		}
		
		.productbox .product-image {
			margin-top: 10px;
			height: 110px;	
		}
		.productbox .product-description {
			padding:1rem 0.5rem 0.6rem 0.5rem;
		}
		.productbox .product-description .product-title {
			font-size: 0.7rem;
		}
		.productlist .productbox {
			margin: 0px 0 10px;
		}
		
		
	}

/* Label */

.productbox .product-label {
	position: absolute;
	top:1rem;
	left:1rem;
	padding: 0.1rem 0.3rem;
	z-index: 88;
	color: #fff;
	font-size: 0.66rem;
}

/* Normal price */

.productbox .product-price {
	display: block;
	width: 100%;
	padding-bottom: 0rem;
	
}
.productbox .product-price .price-old {
	display: inline-block;
	font-size: 0.8rem;
	text-decoration: line-through;
	padding: 0 0px;
	letter-spacing: 0px;
	
	
}
.productbox .product-price .price-new {
	
	display: inline-block;
	position: relative;
	font-size: 1.2rem;
	font-weight: 700;
	padding: 0 0px;
	letter-spacing: 0px;
	margin-left: 0px;
}

/* Action price */

.productbox .product-action {
	position: absolute;
	top:1rem;
	right:-10px;
	padding: 0.5rem 1rem;
	z-index: 88;
	
}
.productbox .product-action .action-prevprice {
	font-size: 0.66rem;
	font-weight: 400;
	line-height: 1.3;
	text-decoration: line-through;
	display: block;
}
.productbox .product-action .action-price {
	font-size: 1.1rem;
	font-weight: 900;
	line-height: 1;
	display: block;
}
	
	@media (max-width: 768px) {
		.productbox .product-price .price-new {
			font-size: 1em;	
			
		}
		
	}
	@media (max-width: 440px) {
		.productbox .product-price .price-old {
			font-size: 0.5em;
			
		}
		.productbox .product-price .price-new {
			font-size: 0.76em;	
		}
		
		.productbox .product-action {
			position: absolute;
			top:0.4rem;
			right:-5px;
			padding: 0.3rem 0.6rem;
			z-index: 88;
			
		}
		.productbox .product-action .action-prevprice {
			font-size: 0.56rem;
			font-weight: 400;
			line-height: 1.2;
			text-decoration: line-through;
			display: block;
		}
		.productbox .product-action .action-price {
			font-size: 0.76rem;
			font-weight: 700;
			line-height: 1;
			display: block;
		}
		
	
	}


.productbox .product-brand {
	padding-top: 10px;
	display: block;
	text-align: center !important;
}
.productbox .product-brand img{
	display: inline-block !important; 
	width: 50px;
}

/* --
----- Product - Detail 
*/

.product-detail {
	padding: 0rem;
	border: 0px solid rgba(0, 0, 0, 0.09);
}
.product-detail .product-detail-label {
	right: auto;
	left: 30px;
}

.product-detail .product-detail-image {
	display: block;
	border: 1px solid rgba(0, 0, 0, 0.13);
}

.product-detail .product-detail-description {
	display: block;
	padding: 2rem 1rem 0px 1rem;
	text-align: left !important;
	position: relative;
	z-index: 4;
}

.product-detail .product-detail-description .product-detail-title {
	display: block;
	font-size: 1.4rem;
	font-weight: 700;
	line-height: 1.1;
	letter-spacing: 0px;
	padding: 0 30px 20px 0;
	margin: 0 0 0px;
	border-bottom: 1px dashed #aab2b9;
}
.product-detail .product-detail-description .product-detail-intro {
	display: block;
	padding-top: 20px;
	border-bottom: 1px dashed #aab2b9;
	font-weight: 700;
}
.product-detail .product-detail-description .product-detail-intro #more {
	display: none;
	font-size: 0.86rem;
	font-weight: 400;
}

.product-detail .product-detail-description .product-detail-intro #more.expanded {
	display: block;
}

.product-detail .product-detail-description .stockinfo {
	display: block;
	width: auto;
    padding: 10px 13px;
    margin: 20px 0 10px;
    background-color: #EBECEE;
}

.product-detail .product-detail-description .stockinfo .c-green {
    color: #6cac38;
    font-weight: 500;
}

.product-detail .product-detail-description table {
	font-size: 0.86rem;
	font-weight: 700;	
}

.product-detail-stockinfo {
	display: block;
	font-size: 0.86rem;
	margin: 10px 0 10px 0;
}
	@media (max-width: 440px) {
		.product-detail .product-detail-description .product-detail-title {
			padding: 0 10px 20px 0;
		}
	}

/* Price */

.product-detail-price {
	display: block;
	width: auto;
	padding: 1rem 0;
	border-bottom: 1px dashed #aab2b9;
}

.product-detail-price-old {
	display: block;
	font-size: 1.3rem;
	font-weight: 600;
	text-decoration: line-through;	
	letter-spacing: -1px;
	margin-right: 10px;
	line-height: 1;
}
.product-detail-price-new {
	font-size: 2.4rem;
	font-weight: 600;	
	line-height: 1;
	letter-spacing: -1px;
		display: inline-block;
}


/* Brand */

.product-detail .product-detail-brand {
	
	margin-bottom: 20px;
	display: inline-block;
	width: 170px;
	min-height: 20px;
	text-align: left !important;
	background: #fff;
	border: 0px solid #eee;
	
}
.product-detail .product-detail-brand img{
	display: block !important; 
	max-width: 140px;
	margin: 0;
	
}
.product-detail .product-detail-sizes {
	display: block;
	padding: 20px 0;
}
.product-detail .product-detail-sizes span {
	font-size: 0.8em;
}
.product-detail .product-detail-sizes ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.product-detail .product-detail-sizes ul li {
	display: inline-block;
}
.product-detail .product-detail-sizes ul li a {
	font-size: 0.7em;
	padding: 2px 4px;
	border: 1px solid #eee;
	font-weight: 600;
}

.product-detail .button-wrap {
	display: block;
	padding:10px 0;

}

.button-cart {
	font-size: 1rem;
	letter-spacing: 0.04rem !important;
}

	@media (max-width: 440px) {
		.button-cart {
			display: block;
			width: 100%;
		}
		.product-detail .product-detail-brand {
			width: 100%;	
		}
	}


/* Royal Detail slider */


#product-image-slider {
	width: 100%;
	min-height: 500px;
	display: block;
	background: #fff !important;
	padding-bottom: 0rem;
	
}
#product-image-slider.rsDefault .rsThumbsHor {
	height: 90px;
}
#product-image-slider.rsDefault .rsThumb {
	text-align: center;
	border: 1px solid rgba(170, 178, 185, 0.59);
	margin-bottom: 2px;
}
#product-image-slider.rsDefault .rsThumb img {
	width: auto !important;
	height: 100% !important;
}
#product-image-slider.rsDefault .rsThumb.rsNavSelected {
	background: none;
	border: 1px solid #f49929;	
}

/*
-----------------------------
BEGINPAGINA - BRANDS
-----------------------------
*/

.brands-wrapper {
	width: 100%;
	display: block;
	
	padding: 5.5em 0 0.5em;
}
.brands
{
	width: 100%;
	height: 130px;
	position: relative;
	margin-top: 0px;
	margin-bottom: 10px;
	

}
	


.brands a {
	float: left;
	width: 140px;
	height: 100px;
	text-align: center;
	display: block;
	padding: 0px 0px;
	margin: 0px 0px;
	opacity: .7;
	
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	-webkit-filter: grayscale(1);
	filter: grayscale(1);
	-webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}
@media screen and (max-width: 1024px) {
	.brands a {
		width: 80%;
	}
}
.brands a:after {
  content: "";
  border-radius: 0px !important;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;

  opacity: 1;
  -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1)
}
.brands a:hover {
	-webkit-transform: translateZ(-3px);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(-3px);
  transform: perspective(1px) scale(1.1);
  opacity: 1;
  -webkit-filter: grayscale(0);
	filter: grayscale(0);
}

.brands a:hover:after {
    opacity: 1;
}
	@media (max-width: 768px) {
		.brands-wrapper {			
			padding-top: 7em;
		}
	}
	@media (max-width: 440px) {
		
		.brands-wrapper {			
			padding: 2.5em 0 0.5em;
		}
		.brands {
			width: 100%;
			height: 100px;
			position: relative;
			margin-top: 0px;
			margin-bottom: 10px;
		}
		.brands a {
			width: 65px;
			height: 65px;
		}
		.brands .owl-item {
			padding-right: 10px;
		}
	}
	
/*
-----------------------------
BEGINPAGINA - Logos
-----------------------------
*/

.logos-wrapper {
	width: 100%;
	display: block;
	
	padding: 0 0;
}
.logos
{
	width: 100%;
	height: 110px;
	position: relative;
	margin-top: 0px;
	margin-bottom: 0px;
	

}
	@media (max-width: 440px) {
		.logos {
			height: 110px;
			margin-bottom: 0px;
		}
	}


.logos a
{
	float: left;
	width: 140px;
	height: 100px;
	text-align: center;
	display: block;
	padding: 0px 0px;
	margin: 0px 0px;
	opacity: 1;
	
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	-webkit-filter: none;
	filter: none;
	-webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.logos a:after {
  content: "";
  border-radius: 0px !important;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;

  opacity: 1;
  -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1)
}
.logos a:hover {
	-webkit-transform: translateZ(-3px);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(-3px);

  transform: perspective(1px) scale(1.1);
  opacity: 1;
  -webkit-filter: grayscale(0);
	filter: grayscale(0);
}

.logos a:hover:after {
    opacity: 1;
}


	@media (max-width: 1440px) {
		
		.logos-wrapper {			
			padding: 1.5em 0 0.5em;
		}
		
		.logos a {
			width: 90px;
			height: 90px;	
		}
	}
	
	

/* Box */
.box {
	padding: 1rem 1.3rem;
    min-height: 170px;
}

.bordered {
	min-height: 120px;
	border-radius: 0px;
	padding: 1rem 0.8rem;
	
	border: 1px solid rgba(0, 0, 0, 0.08);
}
.box-headline-wrapper {
	position: relative;
}
.box-headline-wrapper .box-headline {
	font-size: 0.86rem;
	display: inline-block;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 2px;
}
.box-headline-wrapper .box-headline-link {
	position: absolute;
	top: 0.35rem;
	right:0;
}

.box-text .box-intro {
	font-weight: 700;
}
.box-text p {
	color: #7f888f;
}

.box-text .box-photo {
	float: right;
	width: 45%;
	margin-left: 1rem;
	margin-bottom: 1rem;
}

.box.list .box-headline-wrapper {
	
}
.box.list .box-headline-wrapper .box-headline {
	font-size: 1.2rem;
	display: inline-block;
	text-transform: none;
	font-weight: 700;
	letter-spacing: 0px;
	padding-left: 0.4rem;
}


.box.list ul {
	padding: 0px;
	margin: 0;
	list-style: none;
}
.box.list ul li a {
	display: block;
	padding: 0.5rem .5rem .5rem .5rem;
	position: relative;
	font-weight: 600;
	font-size: 0.9rem;
	border-bottom: 1px solid rgba(0, 0, 0, 0.12);
	color: #16243e !important;
}
.box.list ul li a:hover {
	background-color: rgba(0, 0, 0, 0.04);	
}
.box.list ul li a i {
	position: absolute;
	right:0.8rem;
	top:0.7rem;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.box.list ul li a:hover i {
	right:0.6rem;
}
.box.list ul li:last-child a {
	border:0 !important;
}
.box-button {
	margin-top: 1rem;
}
.box hr {
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	margin: 0rem !important;
	margin-top: 0.4rem !important;
}



    @media (max-width: 1024px) {
        .box {
            
        }
        .box.list ul li a i {
            position: absolute;
            
        }
        
	}
    @media (max-width:768px) {
        .box {
            margin-bottom: 1rem;
            min-height: 210px;
        }
        
        .newsletter .box-text {
            padding: 0.5rem 1rem;
        }
        .box.newsletter {
            min-height: 310px;
        }

    }
   
    @media (max-width:500px) {
        .bordered {
			margin-top: 20px;
		}
        
    }

/* Fotorama */

.fotorama__wrap--slide .fotorama__stage__frame {

}
.fotorama__img {

}


.fotorama__thumb-border {
  position: absolute;
  z-index: 9;
  top: 0;
  left: 0;
  border-style: solid;
  border-width: 2px !important;
  border-color: #f49929 !important;
  background-image: none !important;
}



.fotorama__video-play {
	  background: url(../images/play.png) center no-repeat;
	  background-size: 76px 76px;
}
.fotorama__nav__frame .fotorama__video-play {
  width: 32px;
  height: 32px;
  margin-left: -16px;
  margin-top: -16px;
  background: url(../images/play.png) center no-repeat;
  background-size: 32px 32px;
}


.fotorama--fullscreen {
	background: #fff !important;
}
.fullscreen {
	background: #fff !important;
}

.fotorama__caption {
    position: absolute;
    z-index: 12;
    bottom: 0px;
    left: 24%;
    width: 60%;
    font-size: 1em;
    font-weight: 700;
    font-style: italic;
    line-height: 1.5;
    color: #fff;
    font-family: 'Droid Serif', serif;
}

.fotorama__caption a {
    text-decoration: none;
    color: #000;
    border-bottom: 1px solid;
    border-color: rgba(0, 0, 0, .5)
}

.fotorama__caption a:hover {
    color: #333;
    border-color: rgba(51, 51, 51, .5)
}

.fotorama__wrap--rtl .fotorama__caption {
    left: auto;
    right: 0
}

.fotorama__wrap--no-captions .fotorama__caption, .fotorama__wrap--video .fotorama__caption {
    display: none
}

.fotorama__caption__wrap {

   	background: rgba(33, 39, 35, 0.98) !important;
    padding: 1em 2em;
}

	@media (max-width: 1024px) {
		.fotorama__caption {
			left: 10%;
			width: 80% !important;
			font-size: 0.8em;
		    font-weight: 700;
		    font-style: italic;
		    line-height: 1.3;
		}
		.fotorama__caption__wrap {
			width: 100%;
			text-align: center;

		}
	}




/*
-----------------------------
ALGEMEEN - CONTENT
-----------------------------
*/
#page-content {
	padding: 1rem 0rem;
}
#page-content #content {
	padding: 0rem 2rem 0 3rem;
}
    @media (max-width: 768px) {
      #page-content #content {
            padding: 0rem 2rem 0 2rem;
        }  
    }
    @media (max-width: 560px) {
      #page-content #content {
            padding: 0rem 0rem 0 0rem;
        }  
    }
.go-center .columns {
	float: none;
	margin-left: auto;
	margin-right: auto
}

.pages {
	padding-top: 30px;
	min-width: 768px !important;
}
.pages ul > li {
	padding: 0 !important;
}

.indent {
	padding-left: 0px;
	padding-right: 30px;
}
    @media (max-width: 560px) {
      .indent {
            padding-right: 0px;
        }  
    }


.text-wrapper {
	position: relative;
	padding: .5rem 2rem 0px 2rem;
}

.text-wrapper.on-the-left {
	padding: 2rem 4rem 2rem 1rem !important;
}
.text-wrapper.on-the-left.center {
	padding: 2rem 2rem 0rem 2rem !important;
}
.text-wrapper .intro-label {
	display: block;
	font-size: 0.8rem;
	font-weight: 900;
	line-height: 1;
	margin-bottom: 20px;
	border-radius: 0px;
	text-transform: uppercase;
	letter-spacing: 2px;
}

.text-wrapper .text-headline {
	line-height:1.1;
	font-weight: 700;
	letter-spacing: 0px;
	font-size: 2rem;
	display: block;
}
.text-wrapper .text-headline.large  {
	line-height: 1;
	font-size: 2.6em;
	padding-right: 2rem;
	margin-top: 0em;
}
.text-wrapper .text-headline.medium {
	font-size: 2rem !important;
}
.text-wrapper .text-headline.small {
	font-size: 1.2rem !important;
}
.text-wrapper .text-headline small {
	font-size: 100%;
}

.text-wrapper .text-headline strong {

}
.text-wrapper hr {
	max-width: 100%;
	border-width: 3px;
	border-color: #eee;
	margin-top: 0;
	padding-top: 0;
	margin-bottom: 20px;
}

.text-wrapper .text-headline.sub {
	font-size: 1.6em;
	line-height:1.2;
	border: 0;
}
.text-wrapper p {
	line-height: 1.8;
}
.text-wrapper p.text-intro {
	margin-top: 1rem;
	line-height: 1.5;
	font-size: 1.6em;
    padding-right: 40px;
}
.text-wrapper p.text-intro {
	margin-top: 1rem;
	line-height: 1.5;
	font-size: 1.2em;
}

.text-wrapper .text-intro.large {
	line-height: 1.5;
	font-size: 1.4em;
}

p a {
	position: relative;
}
p a:after {
	content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: -1px;
  left: 0;
  background-color: #f49929;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
p a:hover:after {
	visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.text-wrapper .button {
	padding: 1rem 1.4rem;
}

	@media (max-width: 1024px) {
        .text-wrapper.on-the-left {
            padding: 2rem 1rem 2rem 1rem !important;
        }
	}
	@media (max-width: 768px) {
		.text-wrapper.on-the-left {
			padding: 0rem 0rem 2rem 1rem !important;
		}
        .text-wrapper.padding-medium {
            padding-top: 0 !important;
        }
		.text-wrapper .text-headline.large {
			font-size: 2.2em;
			padding-right: 0rem;
		}
		.text-wrapper p.text-intro {
			margin-top: 1rem;
			line-height: 1.5;
			font-size: 1.1em;
            padding-right: 0px;
		}
	}
	@media (max-width: 640px) {

	}
	@media (max-width: 600px) {

	}
	@media (max-width: 450px) {
		.introduction .text-wrapper {
			text-align: center;
		}
        .text-wrapper.on-the-left {
            padding-left: 0 !important;
        }
		.introduction .text-wrapper.padding-medium {
			text-align: center;
			padding-top: 0 !important;
		}
        .introduction .text-wrapper .text-headline.large {
            font-size: 1.6rem;
            line-height: 1.2;
            letter-spacing: 0;
        }
        
        .section-shopping .text-wrapper{
	    	padding-left: 1em;
	    }
        
	}

.devider-wrap {
	position: relative;
	text-align: center;
	margin-top: 40px;
	margin-bottom: 20px;
		overflow: hidden;
}
.devider-wrap span {
	position: relative;
	overflow: hidden;
	margin: auto;
	padding: 0 10px;
}

.devider-wrap span:before, .devider-wrap span:after {
  content: "";
  display: inline-block;
  width: 50%;
  margin: 0 .5em 0 -40%;
  vertical-align: middle;
  border-bottom: 1px solid #eee;
}
.devider-wrap span:after {
  margin: 0 -40% 0 .5em;
}

/* Vertical */



/* Quotyy */
.text-wrapper blockquote {
	float: right;
	max-width: 50%;
	padding-bottom: 0px;
	letter-spacing: 0;
	border-left: 0;
	padding-left: 0rem;
	margin-bottom: 20px;
	position: relative;
    background-color: #16243e !important;
    border-radius: 0px;
	margin: 0.5rem 0 1.25rem;
	text-align: left;
	margin-left: 1rem;
	padding: 1.5rem;
	border-right: 0px solid #ddd;
	border-left: 0px solid #ddd;
}
.text-wrapper blockquote:before {
	position: absolute;
	left: 0;
	top: -20px;
	width: 100%;
	height: 24px;
	background:   url('../images/border-top2.png') repeat-x bottom;
	background-size: 80% auto; 
	z-index: 41;
	content:'';
}
.text-wrapper blockquote:after {
	position: absolute;
	left: 0;
	bottom: -5px;
	width: 100%;
	height: 24px;
	background:   url('../images/border-top2.png') repeat-x bottom;
	background-size: 80% auto; 
	z-index: 41;
	content:'';
}


.text-wrapper blockquote p {
	font-size: 1.2rem;
	line-height: 1.5;
	color: #f49929 !important;
	
	font-weight: 700;
    
}
.text-wrapper blockquote p strong {
	color: #888;
	font-size: 0.8rem;
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
}

.page-tpl-vervolgpagina .text-wrapper blockquote cite {
	margin-top: 10px;
	font-size: 0.7rem;
	color: #a3afb5;
	text-transform: uppercase;
	font-weight: normal;
	font-style: normal;
	letter-spacing: 0.04rem;
}

/* Table */
table tbody {
	background: none;
}
table tbody tr:nth-child(even) {
	background-color: rgba(0, 0, 0, 0.06);
}

/* Accordion */

.accordion {
	margin-top: 2rem;
	background: none;
}
.accordion-title {
	font-size: 1.2rem;
	color: #222930;
}
.is-active .accordion-title {
	font-family: 'GothamRoundedMedium';
	font-weight: normal !important;
}
.accordion-title:focus, .accordion-title:hover {
	background-color: rgba(0, 0, 0, 0.04) !important;
}

.accordion .accordion-content {
	padding-top: 1rem;
	padding-bottom: 2rem;
}





.quote-wrapper {
	max-width: 50%;
	margin: auto;
}
.quote-wrapper blockquote {
	text-align: center;
	border-left: 0;
	font-size: 1.4rem;
	line-height: 1.3;
	color: #95a0a9;
}
.quote-wrapper blockquote footer {
    margin: auto;
	margin-top: 2rem;
	font-size: 0.8rem;
    text-align: left;
    width: 220px;
}

.quote-wrapper .quote-image {
   float: left;
    width: 36px;
    height: 36px;
    margin-right: 10px;
    margin-left: 30px;
}

	@media (max-width: 1440px) {
		.quote-wrapper {
			max-width: 70%;
			margin: auto;
		}
	}
	@media (max-width: 768px) {
		.quote-wrapper {
			max-width: 90%;
			margin: auto;
		}
		.owl-carousel .owl-controls {
			opacity: 1;
		}
		.quote-wrapper blockquote p {
			font-size: 1.3rem;
			line-height: 1.2;
		}

	}



/* Zijbalk */


#sidebar {
    margin-top: 0px;
    position: relative;
    padding-left: 0rem;
}

#sidebar .text-wrapper {
	padding: 1rem;
    margin-bottom: 1rem;
}
#sidebar .text-wrapper .text-headline {
    font-size: 1.4rem;
    margin-bottom: 20px;
}
#sidebar .text-wrapper .text-intro {
     padding-right: 1rem;   
    font-size: 1rem;
}
#sidebar .text-wrapper p {
	font-size: 0.9rem;
    color: #95a0a9;
}
#sidebar .text-wrapper ul li {
	font-size: 0.9rem;
    color: #95a0a9;
}
#sidebar .indent {
	padding-left: 0px;
	padding-right: 10px;
}
    

    @media (max-width: 768px) {
        .sider {

            clear: both;
            float: none !important;
            display: block;
            margin: auto !important;
            padding-top: 50px;
        }
        
    }

/* Box */

#sidebar .box {
	padding: 1rem;
    min-height:80px;
}
#sidebar .box.newsletter {
    padding-top: 2rem;
    padding-bottom:2rem;

}
#sidebar .box-headline-wrapper {
	position: relative;
}
#sidebar .box-headline-wrapper .box-headline {
	font-size: 1.3rem;
	display: block;
	margin-bottom: 0rem;
}
#sidebar .box.newsletter .box-headline-wrapper .box-headline {
    margin-bottom: 1rem;
}
#sidebar .box .box-text p {
      font-size: 1.1rem;  
}

#sidebar .box-headline a {
	color: #fff ;
	display: block;
    padding-left: 0.5rem;
}







#tags a {
    color: #323e4a;
    position: relative;
    padding: 1px 3px;
}
#tags a:hover {
    color: #f49929;
}
#tags a:after {
	content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: -1px;
  left: 0;
  background-color: #f49929;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
#tags a:hover:after {
	visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
    

/* Breadcrumbs */
.breadcrumbs-wrapper {
	padding-top: 1rem;
  border-color: #dddddd;
}
.breadcrumbs {
  display: block;
  padding: 0.4625rem 2% 0.4625rem 2%;
  overflow: hidden;
  margin-left: 0;
  list-style: none;
  border-style: solid;
  border-width: 0px;
  background: none;
  border-color: rgba(0,0,0,0.04);
  border-radius: 0px;
  overflow: hidden;
  text-transform: none !important;
 }
.breadcrumbs {
	margin-bottom: 0;
}


.goback {
	display: block;
}

/* Files */
ul.files {
	margin-top: 20px;
}

.hover-line {
	position: relative;
}
.hover-line:after {
	content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: -1px;
  left: 0;
  background-color: #f49929;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

a.hover-line:hover:after {
	visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}



/* Blogs */

.blogs {
	margin-bottom: 2rem;
    padding:0;
    min-height: 100px;
}

.blogs-headline {
	display: inline-block;
	position: relative;
}
.blogs-headline a:after {
	content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: -1px;
  left: 0;
  background-color: #f49929;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.blogs-headline a:hover:after {
	visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.blogs-date {
	display: block;
}
.blogs-date .date-devider {
	display: inline-block;
	margin: 0 5px;
}
.blogs-text .blogs-intro {
	font-weight: 700;
}
.blogs-text p {
	color: #7f888f;
}




/* Sitemap */

.sitemap {
	margin-top: 40px;
	padding-left: 0px;

}
.sitemap ul {
	list-style: none;
}
.sitemap ul {
	margin-left: 0px;

}
.sitemap ul ul {
	margin-left: 0px;
	padding: 4px 0;
	padding-left: 15px;
	border-left: 2px solid #f2f2f2;
}
.sitemap ul ul ul{
	margin: 4px 0;
	padding-left: 15px;
	border-left: 2px solid #f2f2f2;
}
.centered .sitemap ul ul ul{
	border: 0;
}


.sitemap li a {
	font-weight: normal;

	color: #31343e !important;
	font-size: 16px;
	padding: 0px 0px 0px 0px;
}
.sitemap li ul li a {
	color: #31343e !important;
	font-size: 16px;
	padding: 0px 0px 0px 0px;
	font-weight: normal;

}
.sitemap li li li a {

	font-weight: normal;
	color: #5c6266 !important;
	font-size: 13px;
	padding: 0px 0px 0px 0px;
	text-transform: none;
	letter-spacing: 0px;
}
.sitemap li li li li a {

	font-weight: normal;
	font-size: 13px ;
	color: #5c6266 !important;
}
.sitemap li a {

}
.sitemap li {
	margin: 0;
	padding: 1px 0 1px;
}
.sitemap li:last-child {
	border: 0;
}
.sitemap li a:hover {
	color: #009bbc !important;
}
.sitemap li a.actief {

}





/* Foto Overzicht
------------------------------- */

.fotorama__thumb {
	background: #fff !important;
}
.fotorama__thumb-border {
	border-color: #f49929;
}

.photo .caption {
	font-size: 0.8rem;
	line-height: 1.1;
	color: #888 !important;
	text-align: center;
	width: 100%;
	display: block;
	font-style: italic;
	padding-top: 0px;
}

.photo {
	display: inline-block;
	margin: 0px 0 10px 0px;
	padding: 0px 0px 0px 0px;
	position: relative;
	width: 50%;
}
.box-wrapper.case .photo {
	border-bottom: 8px solid #d90024;
}
.photo.left {
	float: left;
	margin-right: 30px;
}
.photo.right {
	float: right;
	margin-left: 50px;
}


/* Sizes */
.photo-25 {
	width: 25%;
}
.photo-33 {
	width: 31.5%;
}
.photo-50 {
	width: 50%;
}
.photo-75 {
	width: 75%;
}
.photo-100 {
	width: 100%;
	margin-bottom: 1em;
}


/* Round */
.photo.round {
	width: 70%;
	margin: auto;
	border-radius: 300px;
	overflow: hidden;
}

.photo a {
	display: block;
	position: relative;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.photo a:hover {
	box-shadow:  0 0px 20px rgba(0, 0, 0, 0.1);
}

.photo a img {
	cursor:pointer;
	margin:0px 0px 0px 0px;
	border: 0px;
	padding: 0px;
	display: block;
  	max-width: 100%;
  	opacity: 1;
  	filter: alpha(opacity=100);
  	z-index: 7;
}


.photo a:hover img {
	padding: 0px;
	border: 0px solid #ddd;
/*
	opacity: .8;
  	filter: alpha(opacity=80);
*/
}
.photo a:hover img.grayscale {
	-webkit-filter: grayscale(0%) !important;
	filter: none !important;
}

.photo a:after {
	position: absolute;
	top: 50%;
	left:50%;
	margin-top: -25px;
	margin-left: -25px;
	width: 50px;
	height: 50px;
	line-height: 50px;
	border-radius: 0px;
	text-align: center;
	font-family: Linearicons-Free;
	content: '\e86f';
	background: #f49929;
	color: #fff;
	z-index: 99;
	opacity: 0;
	-webkit-transition: opacity 0.3s ease-out;  /* Saf3.2+, Chrome */
	-moz-transition: opacity 0.3s ease-out;  /* FF4+ */
	-ms-transition: opacity 0.3s ease-out;  /* IE10? */
	-o-transition: opacity 0.3s ease-out;  /* Opera 10.5+ */
	transition: opacity 0.3s ease-out;
}
.photo.blog a:after,
.photo a.item-more:after{
    content: '\e876';
        background: RGBA(34, 41, 48, 0.63);
}

.photo a:hover:after {
	opacity: .8;
}


.photo a.item-more:after {
	background: RGBA(34, 41, 48, 0.63);
}

.photo.right {
	float: right;
	margin: 10px 0px 20px 40px;
}

.photo-wide {
	float: left;
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	overflow:hidden;
	position: relative;
}

.photo-wide img {
	margin:0px 0px 0px 0px;
	border: 0px;
	padding: 0px;
	display: block;
  	max-width: 100%;
  	opacity: 1;
  	filter: alpha(opacity=100);
}


.photo-gallery {
	display: block;
	margin: 25px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	cursor:pointer;
	position: relative;
}
.photo-gallery img {

	cursor:pointer;
	margin:0px 0px 0px 0px;
	border: 0px;
	padding: 0px;
	display: block;
  	max-width: 100%;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;

}
.photo-gallery a {
	display: block;
	position: relative;
	margin-bottom: 20px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;

}

.photo-gallery a:after {
	position: absolute;
	top: 50%;
	left:50%;
	margin-top: -25px;
	margin-left: -25px;
	width: 50px;
	height: 50px;
	line-height: 50px;
	border-radius: 0px;
	text-align: center;
	font-family: Linearicons-Free;
	content: '\e86f';
	background: #f49929;
	color: #fff;
	z-index: 9;
	opacity: 0;
	-webkit-transition: opacity 0.3s ease-out;  /* Saf3.2+, Chrome */
	-moz-transition: opacity 0.3s ease-out;  /* FF4+ */
	-ms-transition: opacity 0.3s ease-out;  /* IE10? */
	-o-transition: opacity 0.3s ease-out;  /* Opera 10.5+ */
	transition: opacity 0.3s ease-out;
}
.photo-gallery a:hover:after {
	opacity: .8;
}

.photo-gallery a:hover img {
	padding: 0px;
	box-shadow:  0 0px 20px rgba(0, 0, 0, 0.1);
}
.photo-gallery:hover img.grayscale {
	-webkit-filter: grayscale(0%) !important;
	filter: none !important;
}



/* Box */


.subnav-dropdown {
	display: block;
	width: 100%;
	padding: 0 0.6rem 1rem;
	position: relative;
	z-index: 999 !important;
}
.subnav-dropdown .button {

	font-size: 1rem;
}
.dropdown-pane {
	
	padding:0;
	border:0;
	z-index: 999 !important;	
}
.subnav {
	
	min-height: 60px;
	border-radius: 0px;
	padding: 1rem 0.8rem;
	margin-bottom: 20px;

}
.subnav-headline-wrapper {
	position: relative;
}
.subnav-headline-wrapper .subnav-headline {
	font-size: 0.86rem;
	display: inline-block;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 2px;
	padding-left: 0.5rem;
}
.subnav-headline-wrapper .subnav-headline-link {
	position: absolute;
	top: 0.35rem;
	right:0;
}



.subnav ul {
	padding: 0px;
	margin: 0;
	list-style: none;
}



.subnav ul li a {
	display: block;
	padding: 0.5rem .5rem .5rem 1rem;
	position: relative;
	font-weight: 600;
	font-size: 0.9rem;
	border-bottom: 1px solid rgba(255, 255, 255, 0.07);
	color: rgba(255, 255, 255, 0.6) !important;
}



.subnav ul li a:hover {
	background-color: rgba(255, 255, 255, 0.04);
	color: #fff;
}

.subnav ul li a:before {
	position: absolute;
	right:1em;
	top: 12px;
	font-family: FontAwesome;
	content: '\f054';
	font-size: 0.7em;
	color: rgba(255, 255, 255, 0.5) !important;
}


.subnav ul li:last-child a {
	border:0 !important;
}

.subnav ul li.item-breadcrumb a {
	background-color: rgba(255, 255, 255, 0.04);	
	color: #fff !important;
}
.subnav ul li.item-breadcrumb a:before {
	color: #f49929 !important;
}
.subnav ul li.item-first a {
	color: #f49929 !important;
	padding-left: .5rem !important;
}
 	@media (max-width: 440px) {
        .subnav ul li a {
			padding: 0.7rem .5rem .7rem .5rem;
            font-size: 1.1rem;
        }
        
    }


/* Subnavigatie balk */

.whatsub {
	width: 100%;
	clear:both;
	display: block;
	z-index: 3;
	padding: 0rem 0em 0rem;
	border-top: 0px solid #e1e3e4;
	position: relative;
	margin-top: -44px;
    

}
.whatsub:before {
	position: absolute;
    left:0;
	bottom: 0;
	width: 100%;
	height: 100px;
	content:'';
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%);
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
}
.whatsub ul {
	width: 100%;
	display: inline-block;
	margin: 0;
	padding: 0 2rem;
	text-align: center;
    overflow: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
}
.whatsub ul li {
	display: inline-block;
	margin: 0;
	text-align: center;
	position: relative;
	padding: 0em 0em;
	border-right: 0px solid rgba(0, 0, 0, 0.08);
}
.whatsub ul li:last-child {
	border:0 ;
}
.whatsub ul li a {
	height: 44px;
	line-height: 44px;
	font-weight: 500;
	display: block;
	padding: 0rem 1.5rem 0rem;
	font-size: 1rem;
	color: #fff;
	background: rgba(255, 255, 255, 0.1);
	border-top: 3px solid rgba(255,255,255,0);
	border-radius: 5px 5px 0 0;
}
.whatsub ul li a:hover {
	background: rgba(255, 255, 255, 0.5);
}

/*.whatsub ul li a:before {
	content: "";
  position: absolute;
  width: 100%;
  height: 5px;
  bottom: -2px;
	border-radius: 5px;
  left: 0;
  background-color: #f49929;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.whatsub ul li a:hover:before,
.whatsub ul li.item-breadcrumb a:before {
	visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}*/
.whatsub ul li.item-breadcrumb a {
	color: #f49929;
	background:#fff;
    border-color: rgba(0, 0, 0, 0.06);
}

/*
---------------------------
ALGEMEEN - Footer
---------------------------
*/

#footer-wrapper {
	position: relative;
	width: 100%;
	margin-top: 0px;
	z-index: 9;
	min-height: 450px;
	padding: 0px 0;
	background-color: #182336 !important;
}
#footer-wrapper:after {
	position: absolute;
	left: 0;
	top: -13px;
	width: 100%;
	height: 24px;
	background:   url('../images/border-top2.png') repeat-x bottom;
	background-size: 40% auto; 
	z-index: 41;
	content:'';
}

#footer-wrapper:before {
    position: absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
	display: block;
	content:'';
    background: url('../images/shape.png') no-repeat center;
	background-size: cover;
    opacity: 0.5;
    z-index: 1;

}
	
	@media (max-width: 1024px) {
		#footer-wrapper:after {
			top: -18px;
		}
		#footer-wrapper:before {
			
		}
	}
	@media (max-width: 440px) {
		#footer-wrapper:after {
			top: -22px;
		}
		#footer-wrapper:before {
			
		}
	}


.footerbox {
	width: 100%;
	/* max-width: 1140px; */
	margin: auto;
	margin-top: 0px;
	position: relative;
	padding: 0em;
	padding-top: 5em;
	padding-bottom: 5em;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
    z-index: 2;
}
.footerbox .row {
	position: relative;
}

.footerbox .footer-content {
	padding: 1.5em;
	padding-left: 3em;
	position: relative;
}
.footerbox .footer-content.first {
	padding-left: 1.5em;
}


	@media (max-width: 1024px) {

		.footerbox .footer-content {
			padding: 1.5em;
			padding-left: 1em;
			position: relative;
		}
		.footerbox .footer-content.first {
			padding-left: 0em;
		}
	}
	@media (max-width: 930px) {

	}

.footerbox .footer-content .title {
	font-size: 0.86rem !important;
	padding-bottom: 0px;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-weight: 700;
}
.footerbox .footer-content hr {

	border-width: 1px;
	border-color: rgba(255, 255, 255, 0.1);
	margin-top: 0;
	padding-top: 0;

}

.footerbox .footer-content {
	padding-top: 20px;
	margin-bottom: 40px;
}
.footerbox .footer-content p {
	font-size: 0.8em;
	line-height: 1.7;
	letter-spacing: 0;
	color: rgba(255, 255, 255, 0.6);
}
.footerbox .footer-content p strong {
	font-weight: 900;
	margin-right: 10px;
}
.footerbox .footer-content ul li a {
	color: rgba(255, 255, 255, 0.6);
	font-size: 1rem;
	line-height:1.2;
	display: inline-block;
	position: relative;
	padding: 0.1rem 0;
}
.footerbox .footer-content ul li a i {
	font-size: 0.7rem;
}
.footerbox .footer-content ul li a:after {
	content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: -1px;
  left: 0;
  background-color: #f49929;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.footerbox .footer-content ul li a:hover:after {
	visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}


.footerbox .footer-content p a {
	color: rgba(255, 255, 255, 0.68);

}

.footerbox .footer-content a:hover {
	color: #fff;
}

.footerbox .footer-content ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

/* Socialist */

.follow-title {
	display: block;
	margin-bottom: 6px;
}
.socialist {

	display: block;
}
.socialist li {
	display: inline-block;
}
.socialist  li a {
	width: 32px;
	height: 22px;
	display: inline-block;
	margin: 0 5px 0 0;

	text-align: center;
	line-height: 22px;
}



	@media (max-width: 1024px) {

	}
	@media (max-width: 768px) {
		.footerbox .footer-content.first
			padding-left: 0em;

		}
		.footerbox .footer-content.first p,
		.footerbox .footer-content ul li a {
			font-size: 0.86em;
		}
		.footerbox .footer-content {
			padding: 1em 0em 0 1em !important;
		}

	}
	@media (max-width: 640px) {
		.footerbox .footer-content.first .with-padding {
			padding-right: 6em;
		}
	}
	@media (max-width: 500px) {
		.footerbox .footer-content {
			padding: 1em 0em 0 1em;
		}
		.footerbox .footer-content.first {
			padding-bottom: 2em;
		}
		.footerbox .footer-content.first p,
		.footerbox .footer-content ul li a {
			font-size: 0.86em;
		}
		.footerbox .footer-content.first .with-padding {
			padding-right: 3em;
		}
	}







.bottom-wrapper {
	width: 100%;
	position: relative;
	display: block;
	min-height: 110px;
	background-color: rgba(255, 255, 255, 1) !important;
	padding: 0;
	z-index: 998;
	
}
.bottom-wrapper .row {

}

	@media (max-width: 440px) {
		.bottom-wrapper {
			height: 160px;
		}
	}

.footer-logo {
    position: absolute;
    left: 1em;
    top: 2em;
    background-repeat: no-repeat;
    background-image:url('../images/icon.png');
    background-size: contain;
    
    width: 100px;
    height: 50px;
    
}

.copyright {
	position: absolute;
	left: 1.2rem;
	top: 3em;
	text-align: left;
	font-size: .8em;
	line-height: 1.6;
	padding: 0em 0em;
	padding-left: 10px;
	float: left;
	padding-bottom: 25px;
	color: rgba(54, 60, 63, 0.57);
}
.copyright span {

}
.copyright a {
	color: rgba(54, 60, 63, 0.57);
	position: relative;
	margin: 0 10px 0 0;
}
.copyright a:hover {
	color: #363c3f;
}
.copyright a:after {
	content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: -1px;
  left: 0;
  background-color: #f49929;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.copyright a:hover:after {
	visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}



	@media (max-width: 1024px) {
		.copyright {
			
		}
	}
	@media (max-width: 930px) {
		.copyright {
			top: 3.5em;
			font-size: 0.9rem;
		}

	}
	@media (max-width: 450px) {
		.footer-logo {
            position: absolute;
            left: 50%;
            top: -1.04rem;
            margin-left: -50px;
            background-position: center;

        }
        .copyright {
			top: 3em;
			left: 0em;
			width: 100%;
			text-align: center;
			font-size: 0.8rem;
		}
		.copyright span {
			padding: 0 0em;
		}
	}

/* Landenvlaggetjes */

.language-selector {
	position:absolute;	
	width:30px;
	top: 80px;
	right: 9rem;
}

	@media (max-width: 770px) {
		.language-selector {
			top:1.4rem;
		}
	}

	@media (max-width: 640px) {
		.language-selector {
			right:1rem;
		}
	}

	@media (max-width: 440px) {
		.language-selector {
			width:30px	;
			top:1.57rem;
			right:4.3rem;
			z-index:999999999;
		}
	}

/* Add Noise */
.addnoise {
	position: absolute;
	width: 200px;
	right: 20px;
	top: 80px;

}
.addnoise .by {
	color: #a2aaae;
	font-style: italic;
	font-size: 11px;
	padding-right: 8px;
}
.addnoise img {
	margin-top: -2px;
	opacity: 1;
	filter: grayscale(100%);

}
.addnoise:hover img {
	filter: grayscale(0%);
}

	@media (max-width: 640px) {
		.bottom-wrapper .row{
			padding-bottom: 50px;
		}
		.addnoise {
			top: 90px;
			right: 50%;
			margin-right: -100px;
			display: none;
			visibility: hidden;
		}
	}

/* Keurmerk */

.webwinkelkeurleft{
	float:left;
	width:185px;
}

.webwinkelkeurright{
	float:right;
	width:185px;
}


.webwinkelkeurcart{
	float:right;
	clear:both;
	margin-top:1rem;
	width:150px;
}

.webwinkelkeurfooter{
	background:#ffffff;
	border-radius:10px;
}
/* Slide Out box on the Right */

#slidebox{
    width:320px;
    min-height:200px;
    padding:20px 30px 10px;
    background-color:#fff;

    position:fixed;
    bottom:150px;
    right:0px;
    -webkit-transform: translate(100%, 0);
            transform: translate(100%, 0);

    border-radius: 0;
    z-index: 99;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);

    -webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

#slidebox p {
    font-size:16px;
    letter-spacing:1px;
    color:#49ad33;
    margin: 0 0 10px 0;
}
#slidebox .button {
	margin-top: 10px;
}

#slidebox .title {
    font-size:22px;
    margin:0px 20px 10px 0px;
}

#slidebox a.close{
    width:20px;
    height:20px;
    position:absolute;
    cursor:pointer;
    top:15px;
    right:15px;
    font-size: 20px;
}
#slidebox a.close:hover{
    background-position:0px -13px;
}




.floating-arrow {
  -webkit-animation-name: floating-arrow;
          animation-name: floating-arrow;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out; }

@-webkit-keyframes floating-arrow {
  from {
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0); }
  65% {
    -webkit-transform: translate(-50%, 15px);
            transform: translate(-50%, 15px); }
  to {
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0); } }

@keyframes floating-arrow {
  from {
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0); }
  65% {
    -webkit-transform: translate(-50%, 15px);
            transform: translate(-50%, 15px); }
  to {
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0); } }
            
            
            
.pagination {
  margin-left: 0;
  margin-bottom: 1rem; }
  .pagination::before, .pagination::after {
    content: ' ';
    display: table; }
  .pagination::after {
    clear: both; }
  .pagination li {
    font-size: 1rem;
    margin-right: 0.0625rem;
    border-radius: 0;
    display: none; }
    .pagination li:last-child, .pagination li:first-child {
      display: inline-block; }
    @media screen and (min-width: 40em) {
      .pagination li {
        display: inline-block; } }
  .pagination a,
  .pagination button {
    color: #16243e;
    display: block;
    padding: 0.1875rem 0.625rem;
    border-radius: 0; }
    .pagination a:hover,
    .pagination button:hover {
      background: #e6e6e6; }
  .pagination .current {
    padding: 0.1875rem 0.625rem;
    background: #f49929;
    color: #fefefe;
    cursor: default; }
  .pagination .disabled {
    padding: 0.1875rem 0.625rem;
    color: #cacaca;
    cursor: not-allowed; }
    .pagination .disabled:hover {
      background: transparent; }
  .pagination .ellipsis::after {
    content: '\2026';
    padding: 0.1875rem 0.625rem;
    color: #0a0a0a; }

.pagination-previous a::before,
.pagination-previous.disabled::before {
  content: '\00ab';
  display: inline-block;
  margin-right: 0.5rem; }

.pagination-next a::after,
.pagination-next.disabled::after {
  content: '\00bb';
  display: inline-block;
  margin-left: 0.5rem; }