/*
Theme Name: FHM500
Author: Knijbel.nl
Author URI: http://knijbel.nl
Description:  Custom theme for FHM500
Version: 1.0

*/

@font-face {
    font-family: "Anton";
    src: url("fonts/Anton regular.ttf");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "MaisonNeue";
    src: url("fonts/MaisonNeue-Light.ttf");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: "MaisonNeue";
    src: url("fonts/MaisonNeue-Medium.ttf");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "Intro-Inline";
    src: url("fonts/Intro_Inline.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: 'Bodoni 72 Smallcaps';
	src: url('fonts/BodoniSvtyTwoSCITCTT-Book.eot');
	src: url('fonts/BodoniSvtyTwoSCITCTT-Book.eot?#iefix') format('embedded-opentype'),
		url('fonts/BodoniSvtyTwoSCITCTT-Book.woff') format('woff'),
		url('fonts/BodoniSvtyTwoSCITCTT-Book.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Intro inline';
	src: url('fonts/intro_inline-webfont.woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Avenir Next';
	src: url('fonts/AvenirNext-Regular.eot');
	src: url('fonts/AvenirNext-Regular.eot?#iefix') format('embedded-opentype'),
		url('fonts/AvenirNext-Regular.woff') format('woff'),
		url('fonts/AvenirNext-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Avenir Next';
	src: url('fonts/AvenirNext-Bold.eot');
	src: url('fonts/AvenirNext-Bold.eot?#iefix') format('embedded-opentype'),
		url('fonts/AvenirNext-Bold.woff') format('woff'),
		url('fonts/AvenirNext-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}


/*
@font-face {
	font-family: 'Ultra';
	src: url('fonts/Ultra.eot');
	src: url('fonts/Ultra.eot?#iefix') format('embedded-opentype'),
		url('fonts/Ultra.woff') format('woff'),
		url('fonts/Ultra.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
*/

@font-face {
	font-family: 'Arnhem Blond';
	src: url('fonts/Arnhem-Blond.eot');
	src: url('fonts/Arnhem-Blond.eot?#iefix') format('embedded-opentype'),
		url('fonts/Arnhem-Blond.woff') format('woff'),
		url('fonts/Arnhem-Blond.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}

/*
@font-face {
	font-family: 'Archer';
	src: url('fonts/Archer-Semibold.eot');
	src: url('fonts/Archer-Semibold.eot?#iefix') format('embedded-opentype'),
		url('fonts/Archer-Semibold.woff') format('woff'),
		url('fonts/Archer-Semibold.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
}
*/

@font-face {
	font-family: 'Arnhem Bd';
	src: url('fonts/Arnhem-Bold.eot');
	src: url('fonts/Arnhem-Bold.eot?#iefix') format('embedded-opentype'),
		url('fonts/Arnhem-Bold.woff') format('woff'),
		url('fonts/Arnhem-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Arnhem';
	src: url('fonts/Arnhem-Normal.otf');
	font-weight: normal;
	font-style: normal;
}

/*
@font-face {
	font-family: 'Minion Pro';
	src: url('fonts/MinionPro-Regular.eot');
	src: url('fonts/MinionPro-Regular.eot?#iefix') format('embedded-opentype'),
		url('fonts/MinionPro-Regular.woff') format('woff'),
		url('fonts/MinionPro-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}




@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:400,700,300,100);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,600italic,400italic,700,700italic);
*/

a {
  color: #ff0000;
}
img{
	border-style:none;
	max-width: 100%;
}

ul { padding: 0px; margin: 0px; }

.post-edit-link {
  display: block;
  width: 100%;
  clear: both !important;
}

body.overflow-hidden #topbar { display: none !important;}

/* Image stuff for 2.6.1 */

.alignnone {
	padding: 0px;
	margin: 0px;
}

.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.alignleft {
  float: left;
   	padding-left: 5px;
	padding-right: 5px;
}

.alignright {
 	float: right;
   	padding-left: 5px;
	padding-right: 5px;
}

.wp-caption {
  border: 1px solid #718119;
  text-align: center;
  background-color: #606e14;
  padding-top: 4px;
  margin: 10px;
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.wp-caption img {
  margin: 0;
  padding: 0;
  border: 0 none;
}

.gallery-caption {
font-size: 12px;
}

html, body {
  overflow-x: hidden;
}

h1,h2,h3,h4,h5,h6 {
	padding: 0px;
	margin: 0 0 10px 0;
	font-family: 'Arnhem Blond';
}

h1 {
    display: block;
    text-align: center;
    font-size: 50px;
    font-weight: bold;
    font-family: 'Arnhem Blond';
}

h2 {
	font-size: 25px;
}

h3 {
	font-size: 20px;
}

h4 {
	font-size: 18px;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

strong , b{
font-weight: bold !important;
}

/* RESET HTML */

html, body, div, span, applet, object, iframe p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}


P{
line-height: 28px;
	margin-bottom: 15px;
	word-spacing: 3px;
}


/* TABAC VROUWEN */

.win_button {
    position: relative;
    z-index: 999999;
    max-width: 1265px;
    margin: 0 auto;
    display: block;
}

.win_button img {
	width: 200px;
	height: auto;
	margin-top: -100px;
    right: 30px;
    position: absolute;
}

.magazine_button {
    position: relative;
    z-index: 999999;
    max-width: 1265px;
    margin: 0 auto;
    display: block;
}

.magazine_button img {
	width: 200px;
	height: auto;
	margin-top: -100px;
    left: 30px;
    position: absolute;
}

@media only screen and (max-width: 960px) {
	.magazine_button img {
	    width: 100px;
	    margin-top: -50px;
	}
}

@media only screen and (max-width: 768px) {
	.magazine_button img {
	    right: 10px;
	    width: 70px;
	    margin-top: -35px;
	}
}


#tabac_vrouwen {
	position: relative;
	text-align: center;
	max-width: 730px;
	margin: auto;
}

#tabac_vrouwen img {
	max-width: 100%;
}

#closeButton {
	background: #37393b;
	color: white;
	border-radius: 100px;
	height: 22px;
	width: 23px;
	text-align: center;
	padding-top: 1px;
    position: absolute;
    top: 0;
    right: 0;

}

/* ---- */

#tabac_vrouwen_bottom {
	position: fixed;
	bottom: 0px;
	margin: auto;
	width: 100%;
	z-index: 1;
}

.relative {
	position: relative !important;
	max-width: 730px;
	margin: auto;
}


	#tabac_vrouwen_bottom img {
		max-width: 100%;
	}

#closeButton_bottom {
	background: #37393b;
	color: white;
	border-radius: 100px;
	height: 22px;
	width: 23px;
	text-align: center;
	padding-top: 1px;
    position: absolute;
    top: -9px;
    right: -9px;

}


#closeButton_bottom:hover,
#closeButton:hover {
	cursor: pointer;
}


#tabac_vrouwen_top {
	display: none;
}
/* PROFIEL */

.tabacnone {
	display: none;
}

.ranking {
	position: absolute;
	bottom: 20px;
	right: 20px;
	background-color: rgba(0,0,0,0.6);
	width: 70px;
	height: 70px;
	line-height: 70px;
	text-align: center;
	font-size: 18px;
	color: #ffffff;
	font-family: 'Intro inline';
	/* display: none; */
}

.profileh_tabac {
	width: 40%;
	float: right;
}

/* .profileh_tabac img {
  width: 100%;
  height: auto;
} */

/* TABAC HEADER */

.powered_by_page {
	position: absolute;
	z-index: 9999999999;
	background: none;
	top: 220px;
	color: white;
	margin-left: 20%;
	font-size: 23px;
	font-weight: light;
}

.powered_by_page img {
	height: 65px;
	width: auto;
	padding-top: 10px;
}

.powimage {
	padding-top: 10px;
	display: block;
	width: auto;
	float: right;
	padding-left: 30px;
	padding-right: 10px;
  width: 160px;
}

.powered {
	padding-top: 35px;
	display: block;
	width: auto;
	float: left;
}

.powered_by_profile {
    position: absolute;
    z-index: 999999;
    background: none;
    color: white;
    margin-left: 4%;
    font-size: 20px;
    font-weight: lighter;
	right: 0px;
	top: 500px;
}
	.powered_by_profile img {
		height: 45px;
		width: auto;
		padding-top: 10px;
	}



/*

/* CSS OPMAAK */

body {
	font-weight: normal;
	font-style: normal;
	/* font-family: 'Roboto Slab', serif; */
	font-family: 'Avenir Next';
	background-color: #000!important;
	color: #fff!important;
}


#topbar {
	height: 90px;
	width: 100%;
	clear: both;
	/* background: url(img/background-topbar.png);*/
	background: #000000;
	background-size: 100% 100%;
	padding-top: 20px;
	display:none;
	position: relative;
	z-index: 9;
}

	#topbar .block {
		width: 1160px;
		padding: 10px;
		margin: auto;
		font-size: 30px;
		color: white;

	}

		#topbar .block .inschrijven {
			float: left;
			font-size: 25px;
			color: white;
			width: 50%;
			padding-top: 6px;
		}


		#topbar .block .emailvlak {
			float: left;
			width: 35%;
			background-color: rgba(255, 255, 255, 0.6);
            border-radius: 100px;
			position: relative;
		}

			#topbar .block .emailvlak input.email {
				background: transparent;
				border: none;
				padding: 13px 20px;
				width: 70%;
				float: left;
				color: #134464;
				font-size: 20px;
			}

				#topbar .block .emailvlak ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
					color: #134464;
					font-family: 'Avenir Next';
				}
				#topbar .block .emailvlak ::-moz-placeholder { /* Firefox 19+ */
					color: #134464;
					font-family: 'Avenir Next';
				}
				#topbar .block .emailvlak :-ms-input-placeholder { /* IE 10+ */
					color: #134464;
					font-family: 'Avenir Next';
				}
				#topbar .block .emailvlak :-moz-placeholder { /* Firefox 18- */
					color: #134464;
					font-family: 'Avenir Next';
				}

				.emailvlak .button {
					background: none;
					border: none;
					color: white;
					font-size: 57px;
					float: right;
					padding: 0px;
					position: absolute;
					right: 0px;
					top: -10px;
				}

	#topbar .fa-times {
		color: white;
		font-size: 45px;
		font-weight: light;
	}

.hide {
    width: 5%;
    cursor: pointer;
    float: right;
	text-align: right;
	font-size: 40px;
}

#header {
	/* height: 650px; */
	width: 100%;
	display: block;
	position: relative;
}

	#header .youtubebg {
		height: 650px;
		display: block;
		position: relative;
		width: 100%;
	}

	#header .insideheader {
	width: 1265px;
	margin: auto;
	position: absolute;
	top: 0px;
	margin-left: auto;
	margin-right: auto;
	left: 1px;
	right: 0;
	}

		#header .insideheader .logo {
			background: #000000;
			height: 110px;
			z-index: 99999;
			width: 15%;
			position: absolute;
			margin-left: 65px;
			text-align: center;
			padding-top: 73px;
			padding-bottom: 34px;
			text-align: center;
		}

			#header .insideheader .logo img {
				max-width:79%;
			}

		#header .insideheader .menu {
			z-index: 9;
			top: 100px;
			background: white;
			width: 100%;
			position: absolute;
		}

		#header .insideheader .searchicon {
			float: right;
			padding: 42px 42px 42px 0px;
		}

		@media (max-width: 650px) {
			#header .insideheader .searchicon {
				padding: 42px 22px 42px 0px;
			}
		}

				.uitklap {
					display:none;
					position: absolute;
					width: 79%;
					right: 0;
					z-index: 1;
					padding-left: 20px;
					font-weight: 300;
					padding-top: 0px;
					background: white;
				}

				@media (max-width: 1000px) {
					.uitklap {
						width: 77%;
					}
				}

				@media (max-width: 800px) {
					.uitklap {
						width: 75%;
					}
				}

				@media (max-width: 650px) {
					.uitklap {
						width: 71%;
					}
				}

				.uitklap .searchicon {
					padding: 42px 0px !important;
					float: left !important;
					width: 5%;
				}

				.uitklap .searchform {
					padding: 39.5px 0px;
					width: 95%;
					float: right !important;
				}

					.uitklap .searchform input {
						border-left: 1px black solid;
						font-size: 22px;
						border-right: 0px;
						border-bottom: 0px;
						border-top: 0px;
						padding-left: 20px;
						font-weight: 300;
						width: 80%;
					}

						.uitklap .searchform input:focus{
							outline: none;
						}

.header--year {
	font-family: "Intro-Inline", sans-serif;
	font-size: 32px;
	transform: rotate(-90deg);
	position: absolute;
	top: 35px;
	left: 0px;
	color: black;
}
.fa-search{
	color: black;
}
.header__win {
	cursor: pointer;
}
/* CONTENT */

#content {
	clear: both;
	overflow: hidden;
	margin: 40px auto 0 auto;
}

	#content .full {
		width: 100%;
	}

	.center,
	.centerstappen  {
		width: 1265px;
		margin: auto;
	}

.error404 .center {
	max-width: 500px;
}

#content ul {
	display: block;
	margin-left: 20px;
	list-style: disc;
}

/* HOMEPAGINA HOMEPAGE HOME */

#profiles {
    position: relative;
    width: 67.8%;
	overflow: hidden;
    margin: 0px auto 125px auto;
}

#profiles .profile .profilePic{
	width:100%;
	position: relative;
}

#profiles .profile .profileMore {
    width: 92%;
    text-align: center;
    display: block;
    padding: 4%;
	font-size: 18px;
}

	#profiles .profile .profileMore  a{
		color: black;
		text-decoration: none;
	}


	#profiles .profile .profileMore  a:hover{
		color: black;
		text-decoration: underline;
	}



	#profiles .profile{
		border: none;
		overflow:  hidden;
		float: left;
		width: 49%;
	}
	@media (max-width: 600px) {
		#profiles .profile{
			width: 50%;
		}
	}

    #profiles .profile{
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}

    #profiles .profile .profilePic:hover{
	}

    #profiles .profile:hover img{
	}

	.icon{
		float: none;
		position: absolute;
		left: 38.9%;
		top: 32%;
		width: 20%;
		text-align: center;
		z-index: 999;
	}



	.icon2 {
		float: none;
		position: absolute;
		/*border: 3px solid #000000 ;*/
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		  top: 0%;
		  right: 0%;
		  text-align: center;
			display: none;
			z-index: 99;

width: 100%;
height: 98.7%;
padding-top: 42%;
margin: 0px;
	}

	.icon3{
		float: none;
		position: absolute;
		border: 3px solid #000000 ;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		  top: 0%;
		  right: 0%;
		  text-align: center;
			display: none;
			z-index: 99;

width: 100%;
height: 100%;
padding-top: 55%;
margin: 0px;
	}

	#profiles .profile:hover .icon3{
		display:block;
	}

	#profiles .profile:hover .icon2{
		display:block;
		/*background: linear-gradient(to bottom, rgba(210,89,27,0.5) 0%,rgba(230,186,21,0.5) 100%);*/
	}

	@media (min-width: 600px) {
		#profiles .profile:hover .icon2{
			background: linear-gradient(to bottom, rgba(210,89,27,0.5) 0%,rgba(230,186,21,0.5) 100%);
		}
	}


/*--------------*/
.profileshome {
	width:100%;
	overflow: hidden;
	margin-top: 30px;
	margin-bottom: -6px;
}

	.profileshome .profileh {
		float: left;
		height: auto;
		float: left;
		position: relative;
		overflow: hidden;
	}

	.profileshome .profileh a {
		color: #ffffff;
	}

		.profileshome .profileh img {
			width :100%;
			height: auto;
			margin-bottom: -6px;
		}


		.profileshome .profileh .imagehover {
			display: none;
			position: absolute;
			width: 100%;
			top: 0px;
			text-align: center;
			padding-top: 42%;
			padding-bottom: 0%;
			height: 100%;
			color: white;
			font-size: 32px;
			line-height: 30px;
		}

		.profileshome .profileh:hover .imagehover {
			display: block;
			background: rgba(0,0,0, 0.7) !important;
		}

		.profileh span.nameh{
			display: block;
			width: 100%;
		}


		.profileh span.meer{
			display: block;
			width: 100%;
			font-size: 16px;
		}

			.profileh span.meer a{
				text-decoration: underline;
				color: white;
			}

h1.titlehome {
	display: block;
    text-align: center;
    font-size: 50px;
    font-weight: bold;
    font-family: 'Arnhem Blond';

}

.subtitlehome {
	font-size: 25px;
	text-aligN: center;
	width: 100%;
	margin-bottom: 40px;
}

/* HEADER FOTO GRID */

.profileshead {
	position: relative;
    height: 32vw;
	overflow: hidden;
}


/* .diamond { margin-left:0; margin-bottom:9%; height: 600px; overflow: hidden; position: relative;  top: -100px; }  */

.diamond {
    margin-left: -2.4%;
    margin-bottom: 9%;
    overflow: hidden;
    position: relative;
    /* top: -200px; */
   width: 130%;
   margin-top: -11%;

}

.dia { width: 100%; height: 766px; background-size: contain; background-repeat: no-repeat;background-position: top center;}

.grid { position:relative; overflow:hidden; float:left; /* margin-top:9%; */ width:100%; padding-bottom:100%; }

.grid-img { position:absolute; top:-25%; left:-25%; width:150%; height:150%; background-position:center; background-repeat:no-repeat; background-size:cover; -webkit-transform:rotate(45deg); transform:rotate(45deg); }


.clearfix:after { content:" "; display:table; clear:both; }

.grid-img::after {
  content: "";
  background: #000000;
  opacity: 0.5;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;
}


/* SINGLE VROUW */



#model {
	display: block;
    margin-top: -300px;
    position: relative;
}

	#model .modelgegevens {
		width: 1170px;
		margin: auto;
		overflow: hidden;
		margin-bottom: 55px;
	}

		/* #model .modelgegevens .left{
			float: left;
			width: 30%;
		} */

			#model .modelgegevens .profielfoto{
				/*min-height: 270px;*/
				float: left;
				width: 30%;
				position: relative;
			}


				.profielfoto img {
					border: 3px solid white;
					width: 100%;
					height: auto;
				}

			#model .modelgegevens .stemmen{
				float: left;
				width: 30%;
			}

				#model .modelgegevens .stemmen .stemop{
					border-bottom: 3px solid #000000;
					font-size: 24px;
					margin-top: 20px;
					padding-bottom: 10px;
					margin-bottom: 30px;

				}

				#model .modelgegevens .stemmen .stemsocial{
				}

		/* #model .modelgegevens .right{
			float: right;
			width: 65%;
		} */

			#model .modelgegevens .gegevens{
				height: 250px;
				color: white;
				float: right;
				width: 65%;
			}

				#model .modelgegevens .gegevens .profielnaam {
					font-size: 40px;
					margin-bottom: 10px;
					font-family: 'Bodoni 72 Smallcaps';
					text-transform: uppercase;
				}

				#model .modelgegevens  .gegevens .leeftijd,
				#model .modelgegevens  .gegevens .ranking {
					font-size: 24px;
					font-weight: 300;
					margin-bottom: 8px;
				}

				#model .modelgegevens .gegevens .categories a{
					color: white;
					font-weight: 300;
					margin-right: 5px;
				}


		#model  .factsheet.mobile {
				display: none;
		}

		#model  .factsheet {
			padding-top: 20px;
			margin-left: 5%;
			float: left;
			width: 55%;
		}

			#model  .factsheet .facttitel {
				border-bottom: 3px solid #000000;
				font-size: 24px;
				padding-bottom: 10px;
				margin-bottom: 30px;

			}

			#model  .factsheet .factleft  {
				float: left;
				width: 35%;
			}

			#model  .factsheet .factright  {
				float: left;
				width: 60%;
			}

			#model  .factsheet .fact {
				font-size: 17px;
				margin-bottom: 10px;
				max-width: 100%;
				font-weight: bold;
			}

				#model  .factsheet .fact span.factrecord {
					font-size: 16px;
					line-height: 35px;
					font-weight: normal;
					display: block;
				}


#model .profileicons {
	margin-top: 5px;
}

.lg-backdrop, .lg-outer {
	z-index: 999999999999 !important;
}

	.slogan {
		clear: both;
		text-align: center;
		color: white;
		font-size: 26px;
		/* background-image: url(img/vrouw/profile_slogan.png);*/
		background: black;
		-moz-background-size:100% 100%;
		-webkit-background-size:100% 100%;
		background-size:100% 100%;
		width: 100%;
		padding-top: 70px;
		padding-bottom: 70px;
	}

	.slogan a {
		color: #ffffff;
	}

		.slogan .naamslogan {
			font-size: 22px;
			font-weight: 300;
		}

	.slogan em {
		font-size:18px;
		font-style: italic;
		padding-top: 10px;
		display: block;
	}

	#model .fotoslider {
		margin-top: 55px;
		width: 100%;
		clear: both;
	}

/* VROUW BUTTONS STEM */


.tw-btn .tw-first,
.fb-btn .fb-first,
.ins-btn .ins-first,
.wha-btn .wha-first{
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
  color: white;
  text-decoration:none;
  display:block;
}

.wha-btn{
 display: none;
}

	.ins-btn a {
		color: white;
	}

.fb-btn,
.tw-btn,
.ins-btn,
.wha-btn{
  height: 54px;
  overflow: hidden;
  width: 100%;
  margin-bottom: 15px;
}

.fb-btn {
	  background-color: #3b5998;
}

	.fb-btn:hover{
	   background-color: #003D99;
	}

.fb-like {
	width: 90%;
	margin: auto;
}

.tw-btn{
  background-color: #23a9e6;
  display: block;
}

		.tw-btn:hover{
		   background-color: #94c6dd;
		}

.ins-btn {
	  background-color: #2A5B83;
}

	.ins-btn:hover{
	   background-color: #003D99;
	}


.wha-btn{
  background-color: #67C15E;
}

		.wha-btn:hover{
		   background-color: #94c6dd;
		}


.fb-first,
.tw-first,
.ins-first,
.wha-first{
	padding-top:0;
  	padding-bottom:60px;
  	margin-top: 0em;
}


.tw-first img,
.fb-first img,
.ins-first img,
.wha-first img{
  float:left;
  margin-left:4%;
  padding-top: 10px;
  padding-bottom: 10px;
}

.socialText{
	float:left;
	margin-left:5%;
	padding-top:16px;
	padding-bottom:16px;

    /* display: inline-block;
    width: 80%; */

}

.socialImg {
	float: right;
}

.socialImg img {
	width: auto;
	height: 54px;
	margin-left: 0%;
	margin-right: 0;
	padding-top: 0;
	padding-bottom: 0;
}

	.socialText a,
	.iframe a{
		text-decoration: none;
	}



.tw-second,
.fb-second,
.wha-second,
.ins-second{
  	margin-top: 7px;
}

.tw-second .iframe,
.fb-second .iframe,
.wha-second .iframe,
.ins-second .iframe{
  text-align:center;
}

.fb-btn:hover .fb-first,
.tw-btn:hover .tw-first
/*.wha-btn:hover .wha-first*/
/*.ins-btn:hover .ins-first*/{
  margin-top: -54px!important;
}

.iframe a {
	color: white;
}



/* INSTA CSS */


.instapop {
	width: 90%;
	margin: auto;
	overflow: auto;
	margin-top:20px;
}

	.instapop span.instabut{
		float: left;
		width: 10%;
		text-align: center;
	}

	.instapop span.instado{
		float: left;
		width: 80%;
		line-height: 25px;
		padding-top: 4px;
		padding-left: 5%;
	}


@media all{
	.featherlight{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483647;text-align:center;white-space:nowrap;cursor:pointer;background:#000000;background:rgba(0,0,0,0)}
	.featherlight:last-of-type{background:rgba(0,0,0,.8)}
	.featherlight:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-.25em}
	.featherlight .featherlight-content{position:relative;text-align:left;vertical-align:middle;display:inline-block;overflow:auto;padding:25px 25px 0;border-bottom:25px solid transparent;min-width:30%;margin-left:5%;margin-right:5%;max-height:95%;background:#fff;cursor:auto;white-space:normal}
	.featherlight .featherlight-inner{display:block}
	.featherlight .featherlight-close-icon{position:absolute;z-index:9999;top:0;right:0; line-height: 45px; width: 45px; font-size: 25px; cursor:pointer;text-align:center;font-family:Arial,sans-serif;background:#fff;background:rgba(255,255,255,.3);color:#fff}
	.featherlight .featherlight-image{width:100%}
	.featherlight-iframe .featherlight-content{border-bottom:0;padding:0}.featherlight iframe{border:0}}

	@media only screen and (max-width:1024px){
		.featherlight .featherlight-content{margin-left:10px;margin-right:10px;max-height:98%;padding:0px 0px 0;border-bottom:10px solid transparent
		}
		}

.lightbox { display: none; }
.lightbox img { max-width: 100%; height: auto; }
.lightbox p { padding: 10px; }
.lightboxlogo {position: absolute; bottom: 13%; right: 5%;  width: 33%; }
.popupinsta .lightboxlogo {text-align:right;}
	.lightboxlogo img { max-width :100%; }


.lightboxlogo_fhm {position: absolute; bottom: 13%; left: 5%;  width: 17%; }
.lightboxlogo_fhm img { max-width :100%; }


#fl2 {
	height: 100%;
	padding-top: 50px;
	padding-bottom: 50px;
}

#f12.lightbox.featherlight-inner {
	background: none !important;
}

.fixwidth {
	background: rgba(0,0,0, 0.9) !important;
}

.fixwidth .featherlight-content {
	text-align: center;
}

.popupinsta {
	top: -10px;
	position: relative;
}

				.fixwidth .featherlight-content img{
					width: 90%;
					height: auto;
				}


				.fixwidth .featherlight-content {
					width: 100%;
					padding: 0px;
					color: #fff;
					background: none !important;
				}

				.fixwidth .featherlight-close {
					color: #000;
					background: #fff;
				}

	.fixwidth .featherlight-close-icon{position:absolute;z-index:9999;top:0;right:5%; line-height: 45px; width: 45px; font-size: 25px; cursor:pointer;text-align:center;font-family:Arial,sans-serif;background:#fff;background:rgba(255,255,255,.3);color:#fff}



/* VROUW SLIDER */

.owl-carousel .animated{-webkit-animation-duration:1000ms;animation-duration:1000ms;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.owl-carousel .owl-animated-in{z-index:0}
.owl-carousel .owl-animated-out{z-index:1}
.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}

@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}
.owl-height{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}.owl-carousel{display:none;width:100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y}
.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0px,0,0)}.

owl-carousel .owl-controls .owl-dot,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-nav .owl-prev
{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}

.owl-carousel .owl-controls .owl-nav .owl-prev {
	position: absolute;
	top: 35%;
	left: 0px;
}

.owl-carousel .owl-controls .owl-nav .owl-next {
	position: absolute;
	top: 35%;
	right: 0px;
}

.owl-controls {
	width: 100%;
	margin-bottom: -10px;
}

.owl-carousel .owl-controls .owl-nav .owl-prev::Before {
	display: block;
	font-family: FontAwesome;
	content: "\f104";
	font-size: 30px;
	color: #fff;
	width: 25px;
}

.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next
 {
	font-size: 0px !important;
	background: white !important;
}

.owl-carousel .owl-controls .owl-nav .owl-next::Before {
	display: block;
	font-family: FontAwesome;
	content: "\f105";
	font-size: 30px;
	color: #fff;
	width: 25px;
}

.owl-item {
	height: 320px;
	overflow: hidden;
}

.owl-item img {
	/*min-height: 320px;*/
}

.owl-carousel.owl-loaded{display:block}
.owl-carousel.owl-loading{opacity:0;display:block}
.owl-carousel.owl-hidden{opacity:0}
.owl-carousel .owl-refresh .owl-item{display:none}
.owl-carousel .owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.owl-carousel .owl-item img{display:block;width:100%;-webkit-transform-style:preserve-3d}
.owl-carousel.owl-text-select-on .owl-item{-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto}
.owl-carousel .owl-grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}
.owl-carousel.owl-rtl{direction:rtl}
.owl-carousel.owl-rtl .owl-item{float:right}
.no-js .owl-carousel{display:block}
.owl-carousel .owl-item .owl-lazy{opacity:0;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease}
.owl-carousel .owl-item img{transform-style:preserve-3d}
.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}
.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;-webkit-transition:scale 100ms ease;-moz-transition:scale 100ms ease;-ms-transition:scale 100ms ease;-o-transition:scale 100ms ease;transition:scale 100ms ease}
.owl-carousel .owl-video-play-icon:hover{-webkit-transition:scale(1.3,1.3);-moz-transition:scale(1.3,1.3);-ms-transition:scale(1.3,1.3);-o-transition:scale(1.3,1.3);transition:scale(1.3,1.3)}
.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}
.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease}
.owl-carousel .owl-video-frame{position:relative;z-index:1}


.owl-theme .owl-controls{margin-top:10px;text-align:center;-webkit-tap-highlight-color:transparent}
.owl-theme .owl-controls .owl-nav [class*=owl-]{color:#fff;font-size:14px;margin:5px;padding:4px 7px;background:#d6d6d6;display:inline-block;cursor:pointer;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
.owl-theme .owl-controls .owl-nav [class*=owl-]:hover{background:#869791;color:#fff;text-decoration:none}
.owl-theme .owl-controls .owl-nav .disabled{opacity:.5;cursor:default}
.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1;*display:inline}
.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#d6d6d6;display:block;-webkit-backface-visibility:visible;-webkit-transition:opacity 200ms ease;-moz-transition:opacity 200ms ease;-ms-transition:opacity 200ms ease;-o-transition:opacity 200ms ease;transition:opacity 200ms ease;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}
.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791;}




/* STEMPAGINA */

.no_more_voting {
	text-align: center;
	margin-bottom: 30px;
}

.no_more_voting img {
	max-width: 100%;
	max-width: 300px;
	height: auto;
}

.page .stemtopfoto {
	/*  background-image: url(img/stemtop.png); */
	-moz-background-size:100% 100%;
	-webkit-background-size:100% 100%;
	background-size:100% 100%;
	position: relative;
	width: 100%;
	overflow: hidden;
	height: 30vw;
}

.single-fhm500_model .overlay_foto {
	position: absolute;
	min-height: 600px;
	width: 100%;
	 /* Fallback for web browsers that don't support RGBa */
    background-color: rgb(51, 51, 51);
    /* RGBa with 0.6 opacity */
    background-color: rgba(51, 51, 51, 0.5);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#000000, endColorstr=#000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#000000, endColorstr=#000000)";
}

.single-fhm500_model .stemtopfoto {
	-moz-background-size:100% 100%;
	-webkit-background-size:100% 100%;
	background-size:100% 100%;
	position: absolute;
	min-height: 600px;
	width: 100%;
	background-size: cover;
	background-position: center;
}

.single-fhm500_model #header {
	min-height: 650px !important;
}

.single-fhm500_model .stemtopfoto {
	min-height: 600px !important;
}

.home #header {
	height: auto !important;
}



/*
#header {
	height: 295px !important;
}
*/

.stappen{
	width: 92%;
	margin: auto;
}

	span.title {
		display: block;
		text-align: center;
		font-size: 50px;
		font-weight: bold;
		font-family: 'Arnhem Blond';

	}

.stapblokken {
	width: 100%;
	clear: both;
	overflow: hidden;
}

.stapblokken .stapblok:nth-child(1){
}

.stapblokken .stapblok:nth-child(2){
}

.stapblokken .stapblok:nth-child(3){
	margin-right: 0 !important;
	float: right;
}


	.stapblokken .stapblok {
		height: 380px;
		width: 32%;
		margin-right: 2%;
		float: left;

	}

	.stapblokken .stapblok p{
		margin-top: 10px;
		line-height: 40px;
	}

		.stapblokken .stapblok .text {
			padding-top: 8vw;
			text-align: center;
			line-height: 40px;
			font-weight: bold;
		}
			.stapblokken .stapblok .text span.stap {
				display: block;
				color: #fff;
				font-size: 90px;
				display: block;
				font-weight: bold;
				margin-bottom: 30px;
			}

			span.inhoud {
				font-size: 23px;
				display: block;
				width: 65%;
				margin: auto;
				text-aligN: center;
				color: #fff;
			}


.full.incontrol {
	background: #f2f2f2;
	clear: both;
	margin-top: 20px;
	padding: 40px 0px;
	overflow: hidden;
}

	.iconbloks.center {
		margin-top: 80px !important;
	}


	.incontrol .iconblok {
		float: left;
		width: 33%;
		text-align: center;
	}

		.incontrol .iconblok .icoon {
			display: block;
		}

			.incontrol .iconblok .icoon img {
				max-height: 100%;
			}

		.incontrol .iconblok .icontitel {
			font-size: 20px;
			margin-top: 20px;
		}


.faqblock {
	width: 92%;
	margin: 70px auto 70px auto;
}

#faq_container {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 0px;
  padding: 10px 15px;
}

.faq_question {
  margin: 0px;
  padding: 0px 0px 5px 0px;
  display: inline-block;
  cursor: pointer;
  display: table;
  font-size: 20px;

}

.question {
  margin-bottom: 5px;
  display: table-cell;
  width: 100%;
}

.faq_answer_container {
  height: 0px;
  overflow: hidden;
  padding: 0px;
}

.accordion-button-icon {
  display: table-cell;
  line-height: inherit;
  opacity: .5;
  filter: alpha(opacity = 50);
  padding-left: 15px;
  vertical-align: middle;
}

/* TIP ONS */

.wpcf7 input,
.wpcf7 textarea {
	width: 100% !important;
	padding: 10px;
	font-size: 15px;
}

.wpcf7 {
	width: 50%;
	margin: auto !important;
}

input.wpcf7-submit {
    width: 25% !important;
    margin: auto;
    display: block;
}

.gform_wrapper {
  margin: auto !important;
  width: 65%;
}

.gform_wrapper .medium {
  width: 100% !important;
}

.gform_wrapper .gform_footer input[type=submit] {
	background: #43627A;
	color: white;
	border: 0px;
	border-radius: 5px;
	padding: 8px 12px;
	margin-bottom: 20px;
}

.gform_delete {
	float: right !important;
}


/* VROUWEN OVERZICHT */

.overzicht {
	width: 100%;
	margin: auto;
}

.overzichttitel {
	font-size: 20px;
	width: 100% !important;
	border-bottom: 1px solid #000000;
	padding-bottom: 10px;
	margin-bottom: 20px;

}

.overzichttitel h1 {
	font-size: 20px;
	width: auto !important;
	font-family: 'Arnhem Blond';
	text-align: left;
	font-weight: normal;
}

.filter {
	width: 100%;
	margin-bottom: 20px;
	overflow: hidden;
}

	.filter .sorteerop {
		float: left;
		width: 50%;
	}

		.filter .sorteerop .sorteer {
			float: left;
			width: 20%;
			min-width: 100px;
			font-size: 18px;
			padding-top: 8px;
		}

		.filter .sorteerop .sorteren {
			float: left;
			width: 57%;
		}


			.sorteren select {
			   background: url(img/dropdownback.png) right  10px no-repeat #000000;
				color: #ffffff;
			   width: 100%;
			   padding: 10px 15px;
			   font-size: 16px;
			   line-height: 18px;
			   border: 0;
			   border-radius: 0;
			   height: 39px;
				-webkit-appearance: none;

					-moz-appearance: none;
					appearance: none;
					text-overflow: ''; /* this is important! */


			}

			.sorteren select::-ms-expand {
				display: none;
			}


	.filter .zoeken {
		float: right;
		width: 32.5%;
		border: 1px #CECECE solid;
		font-size: 16px;
		border-radius: 0px;
	}

		.filter .zoeken i{
      padding-top: 10px;
      width: 9%;
      text-align: right;
      color: white;
		}


		.filter .zoeken input {
      width: 85%;
      float: right;
      border: 0px;
      font-size: 16px;
      background: white;
      padding: 10px 0px 10px 5px;
		}

			.filter .zoeken input:focus{
				outline: none;
			}


.profieloverzicht {
	width: 100%;
	display: block;
	overflow: hidden;
	min-height: 400px;
}


.profiel {
   width: calc(100% / 4 - 15px);
   float: left;
   height: 380px;
   margin-right: 1.3%;
}



@media only screen and (min-width: 1265px) {

	.profieloverzicht .profiel:nth-child(4n) {
		margin-right: 0% !important;
		float: right !important;
	}
}

.profiel a {
	text-decoration: none;
}

		.profiel .pfoto{
			margin-bottom: 10px;
		}

		.profiel .pfoto .imgwrap {
			position: relative;
		}

		.profiel .pfoto .imgwrap img{
			width: 100%;
			max-height: 100%;
		}

		.profiel .pnaam{
			font-size: 16px;
			font-weight: bold;
			line-height: 25px;
			color: #fff;
			height: 25px;
			overflow: hidden;
		}

			.profiel .pnaam a, .profiel .pleeftijd a{
				color: #fff;
			}

		.profiel .pleeftijd{
			font-size: 16px;
			color: #fff;
		}

.defilter {
	position: relative;
}

#filteren {
    width:300px;
    /* padding:10px 10px 10px 0px; */

	padding-bottom: 10px;
    background:white;
    margin-left:-320px;
	position: absolute;
	left: 0px;
	margin-top: 0px;
	z-index: 999;
}
@media (min-width: 600px) {
	#filteren {
		padding-right: 10px;
	}
}


#opener {
    float:right;
    margin: 0px -215px 0px 0px;
    border-radius:0;
	background: red;
	width: 185px;
	padding-right: 20px;

	background-color: #000000;
	background-image: url(img/right-slide.png);
	background-position: 190px center;
	background-repeat: no-repeat;

}

	#filteren a.filteropen  {
		color: white;
		text-decoration: none;
		padding: 20px 0px 20px 40px;
		font-size: 24px;
	}

.filteruitklap {
	height: 73px;
	background: #000000;
	margin-top: 0px;
	margin-bottom: 20px;
}

#filteren.visible  #opener{
	background-image: url(img/left-slide.png);
}


.filterblok {
	display: block;
	padding-bottom: 20px;
	overflow: hidden;
	width: 95%;
	float: right;
}

	.filterblok span.filtertitle {
		font-size: 22px;
		display: block;
		width: 100%;
		margin-bottom: 10px;
		font-weight: bold;
	}

	.filterblok ul {
		margin: 0px;
		padding: 0px;
	}

		.filterblok ul li {
			display: block;
		}

		.filterblok ul li a{
			display: block;
			padding: 7px 0px 5px 13px;
			border-bottom: 1px #F2F2F2 solid;
			color: #fff;
			font-size: 15px;
			text-decoration: none;
		}

		.filterblok ul li.active a,
		.filterblok ul li a:hover{
			  /* background-image: url(img/filter-back.png);*/
			  background: #000000;
			  color: white;
				text-decoration: underline;
		}

/* Footer */

#footer {
	clear: both;
	width: 100%;
	margin: 0 auto 0px auto;
	position: relative;
}


	#footer .top {
		float: right;
		width: 100%;
		clear: both;
	}

		#footer .top .connected {
			width:	100%;
			font-size: 20px;
			text-align: center;
		}

			#footer .top .connected .stayconnected {
				width: 100%;
				color: #000000;
				padding-top: 25px;
			}

			#footer .top .connected .socialicons {
				width: 100%;
				margin-top: 30px;
			}

				#footer .top .connected .socialicons ul {
					width: 100%;
					list-style: none;
				}

					#footer .top .connected .socialicons ul li {
						display:inline-block;
						*display:inline; /*IE7*/
						*zoom:1; /*IE7*/
						color:white;
						margin-right:10px;
					}

						#footer .top .connected .socialicons ul li a{
							display: block;
						}

	#footer .bottom {
		width: 100%;
		background: #000000;
		margin: auto;
		overflow: hidden;
		padding: 45px 0px;
		clear: both;
	}


	#footer .menu {
		width: 1265px;
		margin: auto;
	}

	#footer .menu .logofooter{
		float:left;
		width: 18%;
		text-align: center;
	}

	#footer .menu .logofooter img {
		width: 70%;
	}


	#footer .menu ul {
		margin-top: 55px;
	}

	#footer .menu ul.right {
		width: 40%;
		float: right;
		list-style: none;
	}

	#footer .menu ul.left {
		width: 40%;
		float: left;
		list-style: none;
	}

	#footer .menu ul li{
		display: block;
		float: left;
		width: 25%;
	}

	#footer .menu ul li a{
		color: white;
		font-size: 20px;
		display: block;
		text-decoration: none;
		font-weight: 300;
		text-align: center;
		width: 100%;

	}

	#footer .menu ul.right li {
		width: 25%
	}


	#footer .menu ul li a:hover{
		text-decoration: underline;
	}

/* MENU */

.respmenu-container {
  /* this class is used to give a max-width to the element it is applied to, and center it horizontally when it reaches that max-width */
  width: 90%;
  max-width: 768px;
  margin: 0 auto;
}
.respmenu-container:after {
  content: "";
  display: table;
  clear: both;
}

/* WIN PAGE */

#content.win_page .win_content {
	max-width: 1265px;
	margin: 0 auto;
	padding-left: 50px;
	padding-right: 50px;
	margin-top: 30px;
	font-size: 18px;
	line-height: 35px;
}

#content.win_page .win_content h1 {
	font-size: 50px;
	line-height: 59px;
}

#content.win_page .win_content h2 {
	font-size: 26px;
	line-height: 36px;
	text-align: center;
	font-family: 'Avenir Next';
	font-weight: 300;
	margin-bottom: 35px;
}

#content.win_page .win_content p {
	line-height: 35px;
}

#content.win_page .win_what {
	margin-top: 40px;
	margin-bottom: 40px;
}

#content.win_page .win_what h2 {
	font-size: 34px;
	line-height: 46px;
	text-align: center;
}

#content.win_page .win_what ul {
	margin: 0;
	padding: 0;
	font-size: 24px;
	line-height: 43px;
	list-style: none;
}

#content.win_page .win_what ul li {
	cursor: default;
    padding-left: 50px;
    padding-right: 50px;
}

#content.win_page .win_what ul li:hover {
	background-color: #f2f2f2;
}

#content.win_page .win_what ul li div {
	max-width: 1265px;
	margin: 0 auto;
	display: flex;
    align-items: center;
    font-size: 18px;
    line-height: 35px;
}

#content.win_page .win_what ul li div i {
	font-size: 34px;
	line-height: 40px;
	float:left;
}

#content.win_page .win_what ul li div span {
	display: inline-block;
	width: 80px;
	float:left;
}

#content.win_page .win_what ul li div span:last-of-type {
	width: calc(100% - 80px);
}


#content.win_page .partners {
	margin-top: 0;
    padding: 40px 0px;
    text-align: center;
	background-color: #f2f2f2;
}

#content.win_page .partners div a {
	display: inline-block;
}

#content.win_page .partners div img {
	width: 175px;
	height: auto;
	display: inline-block;
	padding: 20px;
	-webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

#content.win_page .partners div img:hover {
	-webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}


#content.win_page .win_how {
	margin-top: 0;
    padding: 40px 0px;
    text-align: center;
	background-color: transparent;
}

#content.win_page .win_how h2 {
	font-size: 50px;
	line-height: 46px;
	text-align: center;
}

#content.win_page .win_how h3 {
	font-family: 'Avenir Next';
	font-size: 54px;
	line-height: 46px;
	text-align: center;
	margin-bottom: 40px;
}

#content.win_page .win_how h3 .large {
	font-size:94px;
}

#content.win_page .win_how ul {
	list-style: none;
	margin-top: 65px;
	margin-left: 0;
}

#content.win_page .win_how ul li {
	float: left;
	width: 33%;
	padding-left: 20px;
	padding-right: 20px;
	box-sizing: border-box;
}

#content.win_page .win_how ul li .fb-btn {
	max-width: 300px;
	margin-left: auto;
	margin-right: auto;
}

#content.win_page .win_how .fb_iframe_widget {
	display: block !important;
}

#content.win_page .win_how ul li p {
	font-size: 24px;
}

#content.win_page .winnaars {
	margin-top: 0;
    padding: 40px 0px;
	background-color: #fff;
	color: #ffffff;
}

#content.win_page .winnaars h2 {
	font-size: 50px;
	line-height: 46px;
	text-align: center;
}

#content.win_page .winnaars .inner {
	margin: 0 auto;
	max-width: 1265px;
}

#content.win_page .winnaars ul {
	list-style:none;
	margin-left: 0;
}

#content.win_page .winnaars ul li {
	float: left;
	width: 25%;
	margin-bottom: 20px;
	margin-top: 20px;
}

#content.win_page .winnaars ul li .name {
	text-align: center;
	margin-bottom: 20px;
	padding: 10px 0;
}

#content.win_page .winnaars ul li .name.overlay {
	display: none;
	background-color: #333333;
	border-radius: 4px;
	position: relative;
}

#content.win_page .winnaars ul li .name.overlay:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-top-color: #333333;
	border-width: 10px;
	margin-left: -10px;
}

#content.win_page .winnaars ul li .img {
	width: 216px;
	height: 216px;
	border-radius: 50%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	margin: 0 auto;
	opacity: 0.7;
}

#content.win_page .winnaars ul li .img:hover {
	opacity: 1;
}

#content.win_page .winnaars ul li .img.empty {
	background-color: #333333;
	text-align: center;
}

#content.win_page .winnaars ul li .img.empty:hover {
	opacity: 0.7;
}

#content.win_page .winnaars ul li .img.empty i {
	color: #fff;
	font-size: 70px;
	line-height: 216px;
}

#content.win_page .winnaars ul li .img.empty.branding {
	background-size: 60%;
	opacity: 1;
}

#content.win_page .winnaars_uitleg {
	background-color: #f2f2f2;
	padding-left: 50px;
	padding-right: 50px;
	padding-top: 50px;
	padding-bottom: 50px;
}

#content.win_page .winnaars_uitleg .inner {
	max-width: 1265px;
	margin: 0 auto;
}

#content.win_page .winnaars_uitleg .inner p {
	font-size: 18px;
    line-height: 35px;
}
#content.win_page .winnaars_uitleg h2 {
	font-size: 50px;
	margin-bottom: 40px;
	text-align: center;
}


/* --------------------------------

Main components

-------------------------------- */
html, body {
}

.respmenu-header {
  position: absolute;
  top: 75px;
  left: 0;
  width: 100%;
  z-index: 9999;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: rgba(255,255,255,0.9);
  min-height: 100px;
}

@media (max-width: 600px) {
	.respmenu-header {
		background: rgba(255,255,255,1);
	}
	h1.titlehome{
		font-size: 35px;
	}
	.gegevens .profielnaam, .gegevens .leeftijd, .gegevens div{
		color: white!important;
	}

}

@media only screen and (min-width: 1170px) {
  .respmenu-header.is-fixed {
    /* when the user scrolls down, we hide the header right above the viewport */

  }
  .respmenu-header.is-visible {
    /* if the user changes the scrolling direction, we show the header */
    -webkit-transform: translate3d(0, 100%, 0);
    -moz-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    -o-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

}


ul.respmenu-secondary-nav {
    display: block;
	float: right;
	width: 70%;
	position: absolute;
	left: 23%;
}

@media (max-width: 900px) {
	ul.respmenu-secondary-nav {
		left: 26%;
		width: inherit;
	}
}

.respmenu-secondary-nav a {
    display: inline-block;
    color: #000000;
    text-decoration: none;
    padding: 40px 1vw;
	font-size: 20px;

}

.respmenu-secondary-nav a:hover,
ul.respmenu-secondary-nav .current_page_item a{
    background: #000000 !important;
	color: white;
}

.respmenu-secondary-nav li {
  display: inline-block;
  float: left;
}

.titelmenu { display: none; }


@media only screen and (min-width: 600px) {
  .respmenu-primary-nav-trigger {
    display: none;
  }


}

li.titelmenu {
	display: none;
}

@media only screen and (max-width: 600px) {
  .respmenu-secondary-nav li {
    display: none !important;
  }

    .respmenu-secondary-nav li.titelmenu {
		display: block !important;
		font-weight: bold;
		padding-left: 40px;
		font-size: 25px !important;
		padding-top: 30px;
  }

      .respmenu-secondary-nav li.titelmenu a{
		font-size: 21px !important;
		background: white !important;
		color: #000000 !important;
	  }

	 .respmenu-secondary-nav li.titelmenu img{
	 	max-width:50%;
	 }


li.titelmenu,
li.titelmenu a {
	padding: 15px 0px 0px 30px !important;
}

}



.respmenu-primary-nav-trigger {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 50px;
}
.respmenu-primary-nav-trigger .respmenu-menu-text {
  color: #000000;
  text-transform: uppercase;
  font-weight: 700;
  /* hide the text on small devices */
  display: none;
}
.respmenu-primary-nav-trigger .respmenu-menu-icon {
  /* this span is the central line of the menu icon */
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width: 40px;
  height: 2px;
  background-color: black;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  transition: background-color 0.3s;
  /* these are the upper and lower lines in the menu icon */
}
.respmenu-primary-nav-trigger .respmenu-menu-icon::before, .respmenu-primary-nav-trigger .respmenu-menu-icon:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: black;
  right: 0;
  -webkit-transition: -webkit-transform .3s, top .3s, background-color 0s;
  -moz-transition: -moz-transform .3s, top .3s, background-color 0s;
  transition: transform .3s, top .3s, background-color 0s;
}
.respmenu-primary-nav-trigger .respmenu-menu-icon::before {
  top: -12px;
}
.respmenu-primary-nav-trigger .respmenu-menu-icon::after {
  top: 12px;
}
.respmenu-primary-nav-trigger .respmenu-menu-icon.is-clicked {
  background-color: rgba(255, 255, 255, 0);
}
.respmenu-primary-nav-trigger .respmenu-menu-icon.is-clicked::before, .respmenu-primary-nav-trigger .respmenu-menu-icon.is-clicked::after {
  background-color: white;
}
.respmenu-primary-nav-trigger .respmenu-menu-icon.is-clicked::before {
  top: 0;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
.respmenu-primary-nav-trigger .respmenu-menu-icon.is-clicked::after {
  top: 0;
  -webkit-transform: rotate(225deg);
  -moz-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  -o-transform: rotate(225deg);
  transform: rotate(225deg);
}
@media only screen and (min-width: 600px) {
  .respmenu-primary-nav-trigger {
    width: 100px;
    padding-left: 1em;
    background-color: transparent;
    height: 30px;
    line-height: 30px;
    right: 2.2em;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .respmenu-primary-nav-trigger .respmenu-menu-text {
    display: inline-block;
  }
  .respmenu-primary-nav-trigger .respmenu-menu-icon {
    left: auto;
    right: 1em;
    -webkit-transform: translateX(0) translateY(-50%);
    -moz-transform: translateX(0) translateY(-50%);
    -ms-transform: translateX(0) translateY(-50%);
    -o-transform: translateX(0) translateY(-50%);
    transform: translateX(0) translateY(-50%);
	background: black;
  }
}

.respmenu-primary-nav {
  /* by default it's hidden - on top of the viewport */
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  /* background-image: url(img/background-resp.png);*/
  background: black;
	-moz-background-size:100% 100%;
	-webkit-background-size:100% 100%;
	background-size:100% 100%;  z-index: 2;
  text-align: center;
  padding: 50px 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: auto;
  /* this fixes the buggy scrolling on webkit browsers - mobile devices only - when overflow property is applied */
  -webkit-overflow-scrolling: touch;
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  transition-duration: 0.4s;
}
.respmenu-primary-nav li {
  font-size: 22px;
  font-size: 1.375rem;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: .2em 0;
  text-transform: capitalize;
}
.respmenu-primary-nav a {
  display: inline-block;
  padding: 0.4em 0;
  -webkit-transition: background 0.2s;
  -moz-transition: background 0.2s;
  transition: background 0.2s;
  width: 100%;
  color: white;
  text-decoration: none;
  font-weight: 700;
  font-size: 25px;
}
.no-touch .respmenu-primary-nav a:hover {
  background-color: white;
  color: #034a73;

}
.respmenu-primary-nav .respmenu-label {
  color: #06446e;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 16px;
  font-size: 0.875rem;
  margin: 2.4em 0 .8em;
}
.respmenu-primary-nav .respmenu-social {
  display: inline-block;
  margin: 0 .4em;
}
.respmenu-primary-nav .respmenu-social a {
  width: 44px;
  height: 44px;
  padding: 0;
  background-image: url("../img/respmenu-socials.svg");
  background-repeat: no-repeat;
  /* image replacement */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}
.respmenu-primary-nav .respmenu-facebook a {
  background-position: 0 0;
}
.respmenu-primary-nav .respmenu-instagram a {
  background-position: -44px 0;
}
.respmenu-primary-nav .respmenu-dribbble a {
  background-position: -88px 0;
}
.respmenu-primary-nav .respmenu-twitter a {
  background-position: -132px 0;
}
.respmenu-primary-nav.is-visible {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
@media only screen and (min-width: 768px) {
  .respmenu-primary-nav {
    padding: 80px 0;
  }
}
@media only screen and (min-width: 1170px) {
  .respmenu-primary-nav li {
    font-size: 30px;
    font-size: 1.875rem;
  }
  .respmenu-primary-nav .respmenu-label {
    font-size: 16px;
    font-size: 1rem;
  }
}

.respmenu-intro {
  position: relative;
  height: 100%;
  background: url("../img/respmenu-background-img.jpg") no-repeat center center;
  background-size: cover;
  z-index: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.respmenu-intro h1 {
  position: absolute;
  width: 90%;
  max-width: 1170px;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  color: white;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 300;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .respmenu-intro h1 {
    font-size: 30px;
    font-size: 1.875rem;
  }
}
@media only screen and (min-width: 1170px) {
  .respmenu-intro {
    height: 700px;
  }
}

.respmenu-main-content {
  position: relative;
  z-index: 1;
}
.respmenu-main-content p {
  line-height: 1.6;
  margin: 2em 0;
}
@media only screen and (min-width: 1170px) {
  .respmenu-main-content p {
    font-size: 20px;
    font-size: 1.25rem;
  }
}

.ajax-loading {
	display: none;
	text-align: center;
	margin-bottom: 40px;
	margin-top: 80px;
}

.ajax-loading i {
	font-size: 60px;
}



.profielfoto {
	cursor: pointer;
}

/*WINACTIE*/

body.fixed {
	overflow: hidden;
}

.winactie {
	position: fixed;
	right: -100%;
	top: 0;
	width: 50vw;
	height: 100%;
	background: black;
	z-index: 999999;
	color: #fff;
	font-family: "Avenir Next", sans-serif;
	-webkit-transition: right 300ms cubic-bezier(0.755, 0.05, 0.855, 0.06);
	transition:         right 300ms cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
@media (max-width: 800px) {
	.winactie {
		width: 100%;
		-webkit-transition: all 300ms cubic-bezier(0.755, 0.05, 0.855, 0.06);
		transition:         all 300ms cubic-bezier(0.755, 0.05, 0.855, 0.06);
	}
}
.winactie__open {
	position: fixed;
	right: 0;
	overflow: scroll;
	-webkit-transition: right 600ms cubic-bezier(0.23, 1, 0.32, 1);
  	transition:         right 600ms cubic-bezier(0.23, 1, 0.32, 1);
}

.winactie__close {
	cursor: pointer;
}

.winactie__close img {
	width: 20px;
	height: 20px;
	position: relative;
	left: 45px;
	top: 30px;
}
@media (max-width: 800px) {
	.winactie__close img {
		position: absolute;
		left: inherit;
		right: 45px;
		top: 30px;
	}
}
.winactie__inner--meedoen {
	display: flex;
}
@media (min-width: 800px) {
	.winactie__inner--facebook {
		background-image: url(img/facebook-bg.svg);
	}

	.winactie__inner--email {
		background-image: url(img/email-bg.svg);
		background-position: right -80px bottom 0;
	}
}



.winactie__inner--facebook,
.winactie__inner--email {
	width: 50%;
	padding: 75px 45px;
	padding: 75px 45px;
	background-repeat: no-repeat;
}

@media (max-width: 1000px) {
	.winactie__inner--facebook,
	.winactie__inner--email {
		padding: 20px 45px 20px 45px;
		width: auto;
	}
}
@media (max-width: 1000px) {
	.winactie__inner--meedoen {
		flex-direction: column;
	}
}
.winactie__inner--kopje {
	margin-bottom: 15px;
}
.winactie__inner--kopje span {
	font-weight: bold;
}
.winactie__inner--titel,
.winactie__inner--subtitel {
	font-family: "Avenir Next", sans-serif !important;
}

.winactie__inner--titel {
	font-size: 36px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	max-width: 12em;
	margin: 0 auto;
}

.winactie__inner--p {
	max-width: 40em;
	margin: 0 auto;
	padding: 40px 0;
}
@media (max-width: 800px) {
	.winactie__inner--titel {
		font-size: 24px;
	}
	.winactie__inner--subtitel,
	.winactie__inner p {
		font-size: 16px;
	}
	.winactie__inner--p {
		padding: 10px 0;
	}
}

.winactie__inner--subtitel {
	font-size: 18px;
	font-weight: normal;
	text-align: center;
	margin-bottom: 40px;
}

.winactie__inner {
	padding: 125px 45px 15px;
}

.winactie--powered {
	display: flex;
    justify-content: center;
}

.winactie__inner--input input {
	width: 60%;
}
.sendknop {
	padding: 14px 45px 14px 30px;
    background-color: transparent;
    color: white;
    border: 2px solid white;
    font-size: 14px;
    font-weight: bold;
	margin-left: auto;
	margin-right: auto;
    display: table;
    margin-top: 30px;
}

@media (max-width: 520px) {
	.winactie__inner {
	    padding: 75px 45px 15px;
	}
	.winactie__inner p,
	.winactie__inner--p,
	.winactie__inner--kopje {
		font-size: 12px;
		line-height: 1.4;
	}
	.winactie__inner--subtitel {
	    margin-bottom: 10px;
	}
	.winactie__inner--facebook,
	.winactie__inner--email {
		padding: 5px 45px 10px 45px;
		width: auto;
	}
	.winactie--powered {
	    width: 280px;
	    margin: 0 auto;
	    padding-top: 20px;
	    padding-bottom: 20px;
	}
	.winactie--powered img {
		width: 80px;
		height: auto;
	}
	.winactie__thankyou {
	    padding: 75px 45px 15px;
	}
	.powered {
	    padding-top: 14px;
	    font-size: 12px;
	}
	.sendknop--afsluiten {
		margin-top: 0;
	}
	span.nameh {
	    font-size: 12px;
	}
}

.loading--hide {
	display: none;
}

.loading__animation {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.loading__animation img {
	width: 75px;
	height: 75px;
}

.loading__animation--show {
	display: block;
}

.winactie__thankyou {
	display: none;
	padding: 125px 45px 15px;
}
.winactie__thankyou img {
	width: 130px;
	height: auto;
	margin: 0 auto;
	display: block;
	padding-bottom: 40px;
}

.winactie__thankyou--show {
	display: block;
}

.answer {
	background-color: transparent;
	border: 2px solid #fff;
	height: 54px;
	width: 100% !important;
	color: #fff;
	font-size: 18px;
	text-indent: 20px;
	box-sizing: border-box;
}

.sendknop,
#close {
	cursor: pointer;
}

.sendknop--email {
	position: relative;
}

@media (min-width: 1000px) {
	.winactie__inner--email {
		position: relative;
	}
	.sendknop--email {
		position: absolute;
		left: -80px;
	}
}

.sendknop--afsluiten {
	position: relative;
}

.sendknop:hover {
	color: #000;
	-webkit-transition: all 250ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
}

.sendknop:before{
  content:"в†’";
  position:absolute;
  color:#fff;
  left: 75%;
  -webkit-transition: all 250ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
}

.sendknop:hover:before{
  color: #000;
  -webkit-transition: all 250ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
}

.sendknop:after {
  content: "";
  position: absolute;
  background: #fff;
  bottom: 0;
  left: 0;
  right: 100%;
  top: 0;
  z-index: -1;
  -webkit-transition: right 0.09s ease-in;
}

.sendknop:hover:after {
  right: 0;
}

.counter {
  position: absolute;
  width: 250px;
  height: 250px;
  right: 0;
  top: -130px;
  z-index: 9999;
}

.counter--pos {
	position: relative;
	max-width: 1265px;
	margin: 0 auto;
	display: block;
}
.counter--text {
  position: absolute;
  top: 50%;
  left: 50%;
  color: #fff;
  text-align: center;
  font-size: 1.75rem;
  font-family: "Avenir Next", sans-serif;
  transform: translate(-50%,-50%);
  margin: 0;
  width: 100%;
}
.gradient { /* Our base */
  width:200px;
  height:200px;
  background: linear-gradient(135deg, rgba(210,89,27,1) 0%,rgba(230,186,21,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.hexagon {
  position: relative;
  overflow: hidden;
  background:transparent;
  /* add slash at the end of line to see the rhombus *
  outline: solid 1px red;/**/
  width: 250px; height: 250px;
  transform: rotate(-30deg) skewX(30deg) scaleY(.866);
}
.hexagon:before {
  position: absolute;
  right: 6.7%; bottom: 0; left: 6.7%; top: 0;
  transform: scaleY(1.155) skewX(-30deg) rotate(30deg);
background: linear-gradient(135deg, rgba(210,89,27,0.85) 0%,rgba(230,186,21,0.85) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  content: '';
}

@media (max-width: 1024px) {
	.counter {
		position: absolute;
		width: 150px;
		height: 150px;
		right: 0;
		top: -80px;
	}
	.hexagon {
		width: 150px;
		height: 150px;
	}
	.counter--text {
	    font-size: 1rem;
	}
}

@media (max-width: 700px) {
	.counter {
		width: 100px;
		height: 100px;
		top: -40px;
	}
	.hexagon {
		width: 100px;
		height: 100px;
	}
	.counter--text {
	    font-size: 14px;
	}
}

@media (max-width: 700px) and (min-width: 410px) {
	.profileshome .profileh:nth-of-type(n+7) {
	    display: none;
	}
	.profileshome .profileh_tabac {
	    width: 50%;
	    margin-right: 0;
	}
}

.scrollup {
    width: 40px;
    height: 40px;
    position: fixed;
    bottom: 50px;
    right: 100px;
    display: none;
    text-indent: -9999px;
    background: url('icon_top.png') no-repeat;
    background-color: #000;
}

.tipons__title {
	padding: 30px;
	border: 4px solid #000;
	font-weight: bold;
	display: table;
	margin-left: auto;
	margin-right: auto;
	font-size: 20px;
	margin-bottom: 40px;
}

/*// COUNTDOWN*/

.page-template-template-countdown #header, .page-template-template-countdown #footer {
	display: none;
}

.page-template-template-countdown {
	font-family: MaisonNeue;
	font-weight: 300;
}

.container-countdown {
	max-width: 1600px;
	width: 100%;
	margin: 0 auto;
	position: relative;
	display: block;
}
.header-temp {
	margin-top: 100px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	-ms-align-items: center;
	align-items: center;
	font-size: 18px;
}
.header-temp, .header-temp a {
	color: white;
}

.header-temp__nav li {
	display: inline-block;
	cursor: pointer;
	font-family: "MaisonNeue";
	font-weight: 300;
}
.header-temp__nav li:nth-of-type(2) {
	margin-left: 60px;
}
.header-temp__nav li a  {
	text-decoration: none;
	font-family: MaisonNeue;
	font-weight: 500;
}

.header-temp__logo span  {
	position: relative;
    bottom: 29px;
}
.header-temp__logo img {
	height: 75px;
}
.header-temp__logo {
	padding: 0 20px;
}
.header-temp__nav {
	padding: 0 20px;
}

.video-background {
	background: #000;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -99;
}

.video-foreground,
.video-background iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
}

.video-background iframe {
	opacity: 0.75;
}

@media (min-aspect-ratio: 16/9) {
	.video-foreground {
		height: 300%;
		top: -100%;
	}
}

@media (max-aspect-ratio: 16/9) {
	.video-foreground {
		width: 300%;
		left: -100%;
	}
}

.countdown {
	text-align: center;
	font-family: anton;
}

@media (max-width: 767px) {
	.countdown {
	    margin-top: 100px;
	}
}

@media (min-width: 768px) {
	.countdown {
		position: absolute;
	    left: 50%;
	    top: 50%;
	    transform: translate(-50%,-50%);
	    text-align: center;
	    font-family: anton;
	    width: 100%;
	}
}

.countdown li {
	display: inline-block;
	font-size: 32px;
	list-style-type: none;
	padding: 1em;
	text-transform: uppercase;
	color: #D5D5D5;
	letter-spacing: 1px;
}

.countdown li span {
	display: block;
	font-size: 85px;
	color: #fff;
}

.cd-modal {
	display: none;
	background-color: #000;
	padding: 65px 95px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	color: #fff;
	width: 100%;
    max-width: 900px;
    box-sizing: border-box;
    z-index: 3;
}
.cd-modal h2 {
	margin-bottom: 65px;
	font-family: Anton;
	font-size: 32px;
	font-weight: 100;
	letter-spacing: 1px;
}
.modal-close {
	cursor: pointer;
	position: absolute;
	right: 95px;
	top: 90px;
}
.modal-open {
	display: block;
	opacity: 0;
	animation: modalpopup 300ms cubic-bezier(0.23, 1, 0.32, 1) forwards;
}
@keyframes modalpopup {
	0% { display: block; }
	1% { opacity: 0; }
	100% { opacity: 1;}
}
.modal-cf7 .wpcf7 {
    width: 100%;
    margin: auto !important;
}

.modal-cf7 .wpcf7 input[type="text"],
.modal-cf7 .wpcf7 input[type="email"],
.modal-cf7 .wpcf7 textarea {
	background-color: transparent;
    border: 1px solid white;
    border-radius: 3px;
    color: #fff;
	padding: 10px;
    box-sizing: border-box;
}
.modal-cf7 .wpcf7 input[type="submit"] {
	background-color: #f8f8f8;
    border-radius: 50px;
    float: right;
}
.cd-padding {
	padding: 0 20px;
}
.socialicons {
	position: absolute;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
    text-align: right;
}
.socialicons li {
	display: inline-block;
	padding: 0 10px;
}
.socialicons img {
	width: auto;
	height: 25px;
}

.singupcd {
	max-width: 690px !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
	padding-top: 80px;
}
#mc_embed_signup input.email {
    padding: 20px 0 20px 40px !important;
    height: 56px !important;
    border: 0 !important;
    border-radius: 50px !important;
    width: 420px !important;
    position: relative;
    left: 25px;
}

#mc_embed_signup .button {
    background: rgb(247,112,98); /* Old browsers */
	background: -moz-linear-gradient(left, rgba(247,112,98,1) 0%, rgba(254,81,150,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(247,112,98,1) 0%,rgba(254,81,150,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(247,112,98,1) 0%,rgba(254,81,150,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f77062', endColorstr='#fe5196',GradientType=1 ); /* IE6-9 */
	padding: 0px 30px !important;
    height: 56px !important;
    border-radius: 50px !important;
    -webkit-box-shadow: 0px 3px 75px 0px rgba(247,108,104,1);
	-moz-box-shadow: 0px 3px 75px 0px rgba(247,108,104,1);
	box-shadow: 0px 3px 75px 0px rgba(247,108,104,1);
	position: relative;
    right: 25px;
}

.countdown__title {
	font-size: 64px;
	color: #fff;
	font-weight: 400;
	margin-bottom: 20px;
	letter-spacing: 1px;
}




.iscwp-gallery-slider .iscwp-cnt-wrp.slick-slide {
    padding: 0 !important;
}

.iscwp-image-fit.slidestoshow-4 .iscwp-img-wrp {
    height: 500px !important;
}

@media (max-width: 1400px) {


}

@media (max-width: 1280px) {
	.header-temp {
		margin-top: 20px;
	}
	.socialicons {
		bottom: 20px;
	}

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


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

}
@media (max-width: 768px) {
	#mc_embed_signup input.email {
	    left: 0;
	    width: 100% !important;
	}
	#mc_embed_signup .button {
	    right: 0;
	}
	.countdown li {
	    padding: 10px;
	}
	#mc_embed_signup .button {
		-webkit-box-shadow: 0px 3px 75px 0px rgba(247,108,104,0);
		-moz-box-shadow: 0px 3px 75px 0px rgba(247,108,104,0);
		box-shadow: 0px 3px 75px 0px rgba(247,108,104,0);
	}
	.socialicons {
	    margin-top: 20px;
    	margin-bottom: 20px;
    	position: relative;
    	bottom: 0;
	}
	#mc_embed_signup input.email {
    	padding: 20px 0 20px 0 !important;
    	text-align: center;
    }
}
@media (max-width: 600px) {
	div#iscwp-gallery-1 {
		width: 100vw !important;
	}
}
@media (max-width: 540px) {
	.header-temp__nav li:nth-of-type(2) {
		margin-left: 10px;
	}
	.header-temp {
		margin-top: 40px;
	}
	.countdown li span {
	    font-size: 42px;
	}
	.countdown li {
	    font-size: 24px;
	    padding: 6px;
	}
	.cd-modal {
		top: 0;
		padding: 20px;
		transform: translate(-50%,0);
	}
	.header-temp__nav {
	    padding-left: 0;
	}
	.header-temp__nav li {
	    font-size: 16px;
	}

	.header-temp__logo img {
	    height: 55px;
	}
	.modal-close {
	    right: 20px;
	    top: 45px;
	}
	input.wpcf7-submit {
	    width: 50% !important;
	}
	.video-background {
		background-image: url(img/countdown-bg.jpg);
		background-size: cover;
		background-position: center center;
	}
	.video-background iframe {
	    opacity: 0;
	}
	.countdown__title {
	    font-size: 44px;
	}
	.singupcd {
	    padding-top: 10px;
	}
}

@media (max-width: 320px) {
	.countdown__title {
	    font-size: 36px;
	}
	.countdown {
	    margin-top: 30px;
	}
	.countdown li {
	    font-size: 18px;
	}
	.cd-modal {
		top: 0;
		padding: 20px;
		transform: translate(-50%,0);
		height: 100%;
	}
	.header-temp__nav {
	    padding-left: 0;
	}
	.header-temp__nav li {
	    font-size: 16px;
	}

	#mc_embed_signup .button {
		-webkit-box-shadow: 0px 3px 75px 0px rgba(247,108,104,0);
		-moz-box-shadow: 0px 3px 75px 0px rgba(247,108,104,0);
		box-shadow: 0px 3px 75px 0px rgba(247,108,104,0);
	}
}

.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}

.wag {
	font-family: 'Arnhem Blond';
	padding-bottom: 200px;
}
.wag .center {
	max-width: 1265px;
	width: 100%;
}



.wag-stemmen {
	padding: 50px 0 75px;
	text-align: center;
	background-color: black;
	color: #fff;
	margin-top: 100px;
	margin-bottom: 100px;
}

.wag h1.titlehome {
    font-size: 42px;
    line-height: 1.5;
    font-family: 'Arnhem Blond';
}

.wag-stemmen h2 {
	font-size: 32px;
	margin-bottom: 30px;
	font-family: 'Arnhem Blond';
}

.wag-stemmen__nr {
	font-size: 72px;
	font-family: 'Arnhem Blond';
}

.wag-stemmen__flex {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-around;
}

.wag-images {
	display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 90px;

    margin-top: 50px;
}

.wag-cross {
	width: 20px;
	padding: 0 60px;
}



.wag-stemmen__single {
	font-family: 'Avenir Next';
	margin-top: 20px;
	padding: 0 20px;
	max-width: 200px;
	width: 100%;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.5;
}

.wag .profiel {
	font-family: 'Avenir Next';
}

.wag-intro {
	font-family: 'Avenir Next';
	margin: 0 auto;
	margin-top: 70px;
	max-width: 950px;
	width: 100%;

}

.instaphotos {
	position: relative;
}

.instaphotos small {
	position: absolute;
    bottom: 0;
    left: 0;
    padding: 5px;
    background-color: #ffffff;
    z-index: 999;
    font-size: 12px;
}
.instabut .tag{
 background-color: #fff;
    border-radius: 50%;
    color: #000;
    font-weight: bold;
    padding: 3px 9px;
}
.instabut.instatag{
 padding:4px 0;
}

@media (max-width: 540px) {
	.wag h1.titlehome {
	    font-size: 32px;
	    line-height: 1.5;
	}
	.wag-cross {
		padding: 0 20px;
	}
	.wag-images {
	    margin-bottom: 40px;
	    margin-top: 20px;
	}
	.wag-stemmen__single {
		padding: 0 10px;
		font-size: 16px;
	}
	.wag-stemmen {
		margin-top: 50px;
		margin-bottom: 50px;
	}
	.wag-intro {
	    margin-top: 20px;
	}
}
.dis_f{
justify-content: center;
    align-items: center;
    display: flex;
}