@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900');
@import url('https://fonts.googleapis.com/css?family=Oswald:200,300,400,500,600,700');

/* Algemeen */
html, body {
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	position:relative;
	font-family: 'Lato', sans-serif;
	color:#1d1d1b;
}

a {
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    color: #667c88;
    text-decoration: none;
}

	a i {
		margin: 0 3px;
	}

a:hover {
	color:#1d1d1b;
}

p {
    font-size: 15px;
    line-height: 28px;
}

h1 {
    font-size: 60px;
    line-height: 60px;
    font-weight: 500;
    margin:0 0 40px 0;
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
    letter-spacing: 1px;
}

	h1 span {
		font-weight: 300;
	}
	
	h1 i {
		color: #667c88;
	}

h2 {
    font-weight: 300;
    font-size: 30px;
    margin: 0 0 15px 0;
}

h3 {
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    letter-spacing: 1px;
    font-size: 22px;
}

.clear {
	clear:both;
}

hr {
    margin: 40px 0 0;
    border: 0;
    height: 1px;
    width: 50%;
    background-color: #1d1d1b;
}

	/* Buttons */
	a.btn {
		text-decoration: none;
		display: inline-block;
		padding: 10px 15px;
		margin: 50px 20px 0 0;
		position: relative;
		overflow: hidden;
		text-transform: uppercase;
		font-size: 15px;
		font-weight: 600;
		letter-spacing: 1px;
		font-family: 'Oswald', sans-serif;
	}
	
		a.btn:hover {
			padding-right: 40px;
		}
	
		a.btn i {
			position: absolute;
			right: -25px;
			top: 50%;
			-ms-transform: translateY(-50%);
			-webkit-transform: translateY(-50%);
			transform: translateY(-50%);
			transition-delay: 0.25s;
			-webkit-transition: all 0.5s ease; /* Safari */
			transition: all 0.5s ease;
		}
	
			a.btn:hover i {
				right: 15px;
			}
	
		a.btn.orange {
			background-color: #667c88;
			color: #fff;
		}
	
			a.btn.orange:hover {
				background-color: #1d1d1b;
			}
	
		a.btn.black {
			background-color: #1d1d1b;
			color: #fff;
		}
	
		a.btn.trans {
			color: #fff;
		}

/* Header */
header {
    overflow: hidden;
}

	/* Subheader */
	.subheader {
		background-color: #667c88;
		padding: 10px 15%;
		z-index: 10;
		position: relative;
		text-align: right;
	}
		
		.subheader p {
			margin: 0;
			font-size: 13px;
			color:#fff;
		}
		
			.subheader p span {
				margin-left: 20px;
			}
			
				.subheader p span i {
					margin-right:10px;
					font-size:15px;
				}

				.subheader p span a {
					color: #fff;
					text-decoration: none;
				}
	
	/* Mainheader */
	.mainheader {
		width: 70%;
		margin: 0 auto;
		padding: 0 15%;
		position: relative;
		height: 120px;
		background-color: #1d1d1b;
		transition: all 0.5s ease;
		z-index: 100!important;
		-webkit-box-shadow: 0px 0px 10px 0px rgba(29, 29, 27, 0.5);
		-moz-box-shadow: 0px 0px 10px 0px rgba(29, 29, 27, 0.5);
		box-shadow: 0px 0px 10px 0px rgba(29, 29, 27, 0.5);
	}

		.mainheader.scroll-to-fixed-fixed {
			height: 80px;
			 
		}
		
		/* Logo */
		.logo {
			width: auto;
			height:100px;
			overflow: hidden;
			position: absolute;
			left: 15%;
			top: 50%;
			transform: translateY(-50%);
			transition:all 0.5s ease;
		}

			.logo a {
				display: block;
				height: 100%;
				width: auto;
			}

			.mainheader.scroll-to-fixed-fixed .logo {
				height:60px;
			}
			
			.logo img {
				height:100%;
				width:auto;
			}
		
		/* Menu */
		.hoofdmenu {
			width: auto;
			position:absolute;
			right:15%;
			text-align:right;
			top: 50%;
			transform: translateY(-50%);
		}
		
			.hoofdmenu ul {
				margin:0;
				padding:0;
				list-style:none;
			}
		
				.hoofdmenu ul li {
					display: inline-block;
					margin-left: 40px;
					position: relative;
					line-height: 120px;
				}

					.hoofdmenu ul li.first, .hoofdmenu ul li.icon {
						display: none;
					}

					.mainheader.scroll-to-fixed-fixed .hoofdmenu ul li {
						line-height:80px;
					}

		
					.hoofdmenu ul li a {
						color: #fff;
						text-decoration: none;
						font-size: 14px;
						text-transform: uppercase;
						font-weight: 400;
						letter-spacing: 0.5px;
					}
		
						.hoofdmenu ul li a.active, .hoofdmenu ul li a:hover {
							color: #667c88;
						}
					
	/* Headerimage */
	.headerimage {
		width: 100%;
		height: 650px;
		background-image:url(../images/foto2.jpg);
		background-size: cover;
		position: absolute;
		background-position: center center;
		top: 0;
		position: relative;
	}
	
	.info .headerimage {
		height:425px;
	}
	
		.herenkleding .headerimage {
			background-image:url(../images/herenkleding2.jpg);
		}
		
		.dameskleding .headerimage {
			background-image:url(../images/dameskleding1.jpg);
		}
		
		.kinderkleding .headerimage {
			background-image:url(../images/kinderkleding2.jpg);
		}
		
		.schoenen .headerimage {
			background-image:url(../images/schoenen2.jpg);
		}
		
		.accessoires .headerimage {
			background-image: url(../images/accessoires3.jpg);
		}
	
		.headerimage-content {
			position: absolute;
			left: 15%;
			top: 50%;
			-ms-transform: translateY(-50%);
			-webkit-transform: translateY(-50%);
			transform: translateY(-50%);
			color: #fff;
			z-index: 1;
			width: 70%;
		}
		
			.headerimage-content h1 {
				letter-spacing:2px;
				margin:0;
			}
	
		.headerimage:before {
			content: '';
			width: 100%;
			height: 100%;
			background-color: rgba(29, 29, 27, 0.45);
			position: absolute;
		}


/* Introductie */
.introductie {
    width: 50%;
    margin: 0 auto 0 15%;
    text-align: justify;
    padding: 100px 0;
}

	.form {
		margin-top:40px;
	}

/* USP */
.usp {
    color: #fff;
    width: 70%;
    margin: 0 auto;
    background-color: #1d1d1b;
    padding: 150px 15%;
	text-align:center;
}

	.usp h1 {
		font-size: 40px;
		margin-bottom: 75px;
		color: #667c88;
	}

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

		.usp ul li {
			width: 19%;
			display: inline-block;
			margin-bottom: 25px;
		}

			.usp ul li a {
				color: #fff;
				text-decoration: none;
			}

			.usp ul li .icon {
				position: relative;
				width: 40%;
				overflow: hidden;
				padding-top: 40%;
				display: block;
				margin: 0 auto;
				border-radius: 100%;
				border: 5px solid #fff;
				background-color: #fff;
				-webkit-transition: all 0.5s ease; /* Safari */
				transition: all 0.5s ease;
				margin-bottom: 40px;
			}

				.usp ul li:hover .icon {
					background-color: #1d1d1b;
					border-color: #667c88;
				}

				.usp ul li .icon img {
					max-width: 65%;
					position: absolute;
					top: 50%;
					left: 50%;
					-ms-transform: translate(-50%, -50%); /* IE 9 */
					-webkit-transform: translate(-50%, -50%); /* Safari */
					transform: translate(-50%, -50%);
					-webkit-transition: all 0.5s ease; /* Safari */
					transition: all 0.5s ease;
				}


					.usp ul li .icon img.hover,
					.usp ul li:hover .icon img {
						opacity: 0;
					}

					.usp ul li:hover .icon img.hover {
						opacity: 1;
					}

/* Search more */
.search-more {
    background-color: #667c88;
    padding: 50px 15%;
    position: relative;
}

	.search-more .search-content {
		width: 71.5%;
		color: #fff;
	}

	.search-more a.btn {
		position: absolute;
		right: 15%;
		top: 50%;
		-ms-transform: translateY(-50%); /* IE 9 */
		-webkit-transform: translateY(-50%); /* Safari */
		transform: translateY(-50%);
		margin: 0;
	}

	.search-more h2 {
		font-family: 'Oswald', sans-serif;
		font-weight: 300;
		text-transform: uppercase;
		margin: 50px 0 0 0;
	}

		.search-more h2 span {font-weight: 500;}

/* Offer */
.offer {
    color: #1d1d1b;
    width: 70%;
    margin: 0 auto;
    background-color: #fff;
    padding: 150px 15%;
    text-align: center;
}

	.offer h1 {
		font-size: 40px;
		text-align: center;
		margin-bottom: 75px;
		color: #667c88;
	}

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

		.offer ul li {
			display: inline-block;
			width: 30%;
			margin-bottom:40px;
			float: none;
			text-align: center;
			vertical-align: top;
			position: relative;
		}

			.offer ul li:nth-child(5) {
				clear:both;
			}

			.offer ul li .icon {
				position: relative;
				width: 25%;
				overflow: hidden;
				padding-top: 25%;
				display: block;
				margin: 0 auto;
				border-radius: 100%;
				border: 5px solid #fff;
				background-color: #fff;
				-webkit-transition: all 0.5s ease; /* Safari */
				transition: all 0.5s ease;
				margin-bottom: 20px;
			}

				.offer ul li .icon i {
					position: absolute;
					top: 50%;
					left: 50%;
					-ms-transform: translate(-50%, -50%);
					-webkit-transform: translate(-50%, -50%);
					transform: translate(-50%, -50%);
					font-size: 40px;
					-webkit-transition: all 0.5s ease;
					transition: all 0.5s ease;
				}

				.offer ul li:hover .icon {
					border-color: #667c88;
				}

			.offer ul li h3 {
				font-size: 18px;
				letter-spacing: 0.5px;
				margin-bottom: 0;
			}

			.offer ul li p {
				margin: 0;
				font-size: 14px;
				font-style: italic;
			}

/* Footer */
footer {
    background-color: #1d1d1b;
    padding: 100px 15%;
    color: #fff;
    position: relative;
    border-top: 1px solid #505050;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.5);
    -moz-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.5);
    box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.5);
}

.footermenu {
	display:none;
}

	footer img.bg-img {
		position: absolute;
		width: 10%;
	}

	footer h3 {
		margin-top: 0;
		font-family: 'Oswald', sans-serif;
	}

	footer ul {
		margin: 0;
		padding: 0;
		list-style: none;
		width: 80%;
		float: right;
	}

		footer ul li, footer p {
			color:#fff;
		}

		footer p {
			margin: 0;
		}

		footer i {
			font-size:18px;
			margin-right: 10px;	
			-webkit-transition: all 0.5s ease; /* Safari */
			transition: all 0.5s ease;
		}

		footer a {
			color: #667c88;
			text-decoration: none;
		}

			footer a:hover {
				color: #fff;
			}

		footer ul li {
			width: 25%;
			float: left;
			margin-bottom: 40px;
			
		}

			footer ul li.footermenu ul li {
				display: block;
				float: none;
				width: 100%;
				margin:0;
				font-size: 13px;
				line-height: 24px;
			}

			footer ul ul {
				margin:0;
				padding:0;
				list-style:none;
				width:100%;
			}

	p.site-info {
		position: absolute;
		background-color: #667c88;
		width: 70%;
		left: 0;
		bottom: 0;
		padding: 20px 15%;
		text-align: center;
		margin: 0;
	}
	
	
		p.site-info a {
			color: #1d1d1b;
		}
	
			p.site-info a:hover {
				color: #fff;
			}

/* Cookie */
.cookieConsentContainer {
	z-index: 999;
	width: 350px;
	min-height: 20px;
	box-sizing: border-box;
	padding: 30px 30px 30px 30px;
	background: #1d1d1b;
	overflow: hidden;
	position: fixed;
	bottom: 30px;
	right: 30px;
	display: none;
}

	.cookieConsentContainer .cookieTitle a {
		color: #fff;
		display: block;
		font-size: 20px;
		line-height: normal;
		font-weight: 500;
		margin: 0;
		text-transform: uppercase;
		font-family: 'Oswald', sans-serif;
		letter-spacing: 1px;
	}
	
	.cookieConsentContainer .cookieDesc p {
		margin: 0;
		padding: 0;
		color: #FFFFFF;
		font-size: 13px;
		line-height: 20px;
		display: block;
		margin-top: 10px;
		font-family: 'Lato', sans-serif;
	}

	.cookieConsentContainer .cookieDesc a {
		background-color: #fff;
		color: #1d1d1b;
		text-decoration: none;
		display: table;
		padding: 10px 12px;
		margin-top: 10px;
		text-transform: uppercase;
		font-weight: 600;
		letter-spacing: 1px;
		line-height: 1;
		font-family: 'Oswald', sans-serif;
		font-size: 11px;
	}
	
	.cookieConsentContainer .cookieButton a {
		font-size: 15px;
		box-sizing: border-box;
		text-align: center;
		background-color: #667c88;
		color: #ffffff;
		text-decoration: none;
		display: table;
		padding: 12px 12px;
		margin-top: 10px;
		text-transform: uppercase;
		font-weight: 600;
		letter-spacing: 1px;
		line-height: 1;
		font-family: 'Oswald', sans-serif;
		-webkit-transition: all 0.5s ease; /* Safari */
		transition: all 0.5s ease;
	}
	
		.cookieConsentContainer .cookieButton a:hover {
			cursor: pointer;
			background: #ffffff;
			color: #667c88;
		}


/* Responsive */
@media (max-width: 1599px) {

/* Algemeen */
h1 {
    font-size: 50px;
}

h2 {
    font-size: 28px;
}

h3 {
    font-size: 20px;
}

p {
    font-size: 14px;
    line-height: 24px;
}

	/* Buttons */
a.btn {
    font-size: 14px;
}

/* Header */

	/* Subheader */
.subheader {
    padding: 10px 5%;
}

.subheader p {
    font-size: 12px;
}

	/* Mainheader */
.mainheader {
    width: 90%;
    padding: 0 5%;
	height:90px;
}
		/* Logo */
.logo {
    height: 70px;
    left: 5%;
}
		
		/* Menu */
.hoofdmenu {
    right: 5%;
}

.hoofdmenu ul li {
    margin-left: 25px;
	line-height: 90px;
}

.hoofdmenu ul li a {
    font-size: 13px;
    letter-spacing: 0.25px;
}
					
	/* Headerimage */
.headerimage {
    height: 575px;
}

.info .headerimage {
    height: 375px;
}

.headerimage-content {
    left: 5%;
	width: 75%;
}

/* Introductie */
.introductie {
    width: 60%;
    margin: 0 auto 0 5%;
    padding: 75px 0;
}

/* USP */
.usp {
    width: 90%;
    padding: 100px 5%;
}

.usp h1 {
	margin-bottom:50px;
}

/* Search more */
.search-more {
    padding: 50px 5%;
}

.search-more a.btn {
    right: 5%;
}

/* Offer */
.offer {
    width: 90%;
    padding: 100px 5%;
}

.offer ul li p {
    font-size: 13px;
}

/* Footer */
footer {
    padding: 75px 5%;
}

	footer img.bg-img {
		width: 12%;
	}

p.site-info {
    width: 90%;
    padding: 20px 5%;
}

/* Cookie */

}

@media (max-width: 1069px) {

/* Algemeen */
h1 {
    font-size: 45px;
}

h2 {
    font-size: 26px;
}

h3 {
    font-size: 18px;
}

	/* Buttons */

/* Header */

	/* Subheader */
	
	/* Mainheader */
.mainheader {
	height:80px;
}
		/* Logo */
.logo {
    height: 60px;
}
		
		/* Menu */

.hoofdmenu ul li {
    margin-left: 15px;
	line-height: 80px;
}
					
	/* Headerimage */
.headerimage {
    height: 525px;
}

.info .headerimage {
    height: 325px;
}

/* Introductie */
.introductie {
    width: 70%;
}

/* USP */

/* Search more */

/* USP */

/* Footer */

/* Cookie */


}

@media (max-width: 999px) {

/* Algemeen */

	/* Buttons */

/* Header */

	/* Subheader */
	
	/* Mainheader */
		
		/* Logo */
		
		/* Menu */
		.hoofdmenu {
			position: relative;
			top: auto;
			transform: none;
			right: 0;
			width: 100%;
			float: right;
		}

			.hoofdmenu ul.nav-menu li:not(:first-child) {
				display:none;
			}
			
			.hoofdmenu ul.nav-menu li.first {
				display: inline-block;
				text-align: right;
				line-height: 80px;
				margin-left: 0;
			}

				.hoofdmenu ul.nav-menu li.first a {
					text-align: right;
				}
			
			.hoofdmenu ul.nav-menu li.icon {
				display: inline-block;
				padding-right: 0;
				line-height: 80px;
				text-align: right;
				width: 20px;
			}
			
			/* Responsive */
			.hoofdmenu ul.nav-menu.responsive {
				position: relative;
			}
			
				.hoofdmenu ul.nav-menu.responsive li {
					display: block;
					line-height: 30px;
					background-color: #1d1d1b;
					margin: 0;
					padding: 0 35px;
				}

					.hoofdmenu ul.nav-menu.responsive li.first {
					padding-right: 35px;
					}
				
					.hoofdmenu ul.nav-menu.responsive li.icon {
						position: absolute;
						right: 0;
						top: 0;
						padding: 0;
					}

						.hoofdmenu ul.nav-menu.responsive li.icon a {
							text-align: right;
						}
				
					.hoofdmenu ul.nav-menu.responsive li.first, .hoofdmenu ul.nav-menu.responsive li.icon {
						background-color: transparent;
						line-height: 80px;
					}
				
					.hoofdmenu ul.nav-menu.responsive li a {
						display: block;
						text-align: right;
					}					
	/* Headerimage */
.headerimage {
    height: 450px;
}

.info .headerimage {
    height: 300px;
}

.headerimage-content {
    width: 90%;
}

/* Introductie */
.introductie {
    width: 90%;
    padding: 50px 0;
}

/* USP */
.usp {
    padding: 75px 5%;
}

.usp h1 {
	margin-bottom:25px;
}

.usp ul li {
    width: 30%;
}

/* Search more */
.search-more {
    padding: 25px 5%;
}

/* Offer */
.offer {
    padding: 75px 5%;
}

.offer ul li {
    width: 45%;
    margin-bottom: 30px;
}

/* Contact */
#contact iframe {
    height: 300px;
}

/* Footer */
footer {
    padding: 50px 5%;
}

footer img.bg-img {
    position: relative;
    display: block;
    width: auto;
    height: 60px;
}

footer ul {
    margin: 30px 0 0 0;
    width: 100%;
    float: none;
}

footer ul li {
    width: 45%;
    float: left;
    margin-bottom: 40px;
}

footer ul li:nth-child(3) {
	display:none;
}

/* Cookie */
.cookieConsentContainer {
	bottom: 0px !important;
	left: 0px !important;
	width: 100%  !important;
}

}

@media (max-width: 767px) {

/* Algemeen */
h1 {
    font-size: 40px;
}

h2 {
    font-size: 24px;
}

h3 {
    font-size: 16px;
}

p {
    font-size: 13px;
    line-height: 20px;
}

	/* Buttons */
a.btn {
    font-size: 13px;
}

/* Header */

	/* Subheader */
	.subheader p {
		font-size: 11px;
	}

.subheader p span i {
    font-size: 14px;
}
	
	/* Mainheader */
		
		/* Logo */
		
		/* Menu */
							
	/* Headerimage */

/* Introductie */

/* USP */

/* Search more */

/* Offer */
.offer ul li p {
    font-size: 12px;
}

/* Footer */

/* Cookie */


}

@media (max-width: 643px) {

/* Algemeen */
h1 {
    font-size: 35px;
    line-height: 50px;
}

h2 {
    font-size: 20px;
    margin-bottom: 10px;
}

	/* Buttons */
a.btn {
    margin-top: 40px;
    font-size: 12px;
    margin-right: 15px;
    padding: 8px 12px;
}

/* Header */

	/* Subheader */
.subheader p {
    font-size: 10px;
}

.subheader p span {
    margin-left: 10px;
}

.subheader p span i {
    margin-right: 5px;
    font-size: 12px;
}
	
	/* Mainheader */
		
		/* Logo */
		
		/* Menu */
					
	/* Headerimage */
.headerimage {
    height: 400px;
}

.headerimage-content h1 {
    letter-spacing: 1px;
}

.info .headerimage {
    height: 250px;
}

/* Introductie */

/* USP */
.usp ul li {
    width: 48%;
}

/* Search more */
.search-more .search-content {
    width: 100%;
}

.search-more h2 {
    margin-top: 20px;
}

.search-more a.btn {
    position: relative;
    right: auto;
    top: auto;
    transform: none;
    margin-top: 40px;
}

/* Offer */
.offer ul li {
    width: 100%;
    margin: 0 0 20px 0;
}

/* Footer */
footer {
    padding-bottom: 100px;
}

footer ul li {
    float: none;
    width: 100%;
    margin-bottom: 20px;
}
/* Cookie */





}

@media (max-width: 359px) {

/* Algemeen */

	/* Buttons */

/* Header */

	/* Subheader */
	
	/* Mainheader */
		
		/* Logo */
		
		/* Menu */
					
	/* Headerimage */

/* Introductie */

/* USP */

/* Search more */

/* USP */

/* Footer */

/* Cookie */


}