html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, 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, caption, 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;
	outline: 0;
	vertical-align: baseline;
}

table, tbody, tfoot, thead, tr, th, td
{
	margin: 0;
	padding: 0;
	outline: 0;
}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
{
	display: block;
}

body
{
	line-height: 1;
	font-size: 68.8%;
}

img
{
	border: 0;
	outline: 0;
	vertical-align: baseline;
}

blockquote, q
{
	quotes: none;
}

	blockquote:before, blockquote:after, q:before, q:after
	{
		content: '';
		content: none;
	}

table
{
	border-collapse: collapse;
	border-spacing: 0;
}

/*===============================================================================================*/
html
{
	overflow-y: scroll;
}
/*===============================================================================================*/
/*	BODY STYLES																												 */
/*===============================================================================================*/
body.log
{
	padding: 0;
	margin: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 68.8%;
	color: Black;
	background-color: #FFFFFF;
	background-image: none;
	font-weight: normal;
	text-align: left;
}

	body.log div.main
	{
		margin: 0 auto 0 auto;
		width: auto;
		overflow: scroll;
	}

	body.log a
	{
		color: Navy;
		text-decoration: underline;
	}

		body.log a:hover
		{
			color: #5772A3;
			text-decoration: underline;
		}

body.center
{
	text-align: center;
}

.box
{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

/*===============================================================================================*/
/*	NOT VISIBLE STYLE																										 */
/*===============================================================================================*/
.noCSS
{
	display: none;
}

/*===============================================================================================*/
/*	SQL & XML MARKUP STYLE																								 */
/*===============================================================================================*/
.markup
{
	color: black;
	background: white;
	clear: both;
	font-size: 11px;
	text-align: left;
}

	.markup pre
	{
		font-family: Lucida Console, Courier New;
	}

	.markup strong
	{
		color: black;
	}

#writeTexts
{
	background-color: #FFF;
	font-family: Lucida Console, Courier New;
	color: #000;
	padding: 2px;
}
/*===============================================================================================*/
/*	TRACE STYLE	(the default of Microsoft is broken)															 */
/*===============================================================================================*/
span.tracecontent table td
{
	padding: 0 20px 0 3px !important;
	font-family: 'Lucida Console', 'Courier New', Courier, monospace!important;
}

/*===============================================================================================*/
/*	MESSAGEBOX STYLE                                                                              */
/*===============================================================================================*/
div.MessageBox, a.MessageBox
{
	padding: 10px 20px 10px 20px;
	border: solid 1px black;
	background-color: #FFFFFF;
	overflow: hidden;
	text-align: center;
	font-size: 11px;
}

div.MessageBox
{
	position: absolute;
	top: 200px;
	width: 350px;
}

a.MessageBox, a.MessageBox:hover
{
	color: #000000;
	cursor: pointer;
	display: block;
	padding: 4px 20px 4px 20px;
	margin: 2px;
	text-decoration: none;
	width: auto;
}

div.NoImgBack
{
	border-bottom: 3px solid;
	border-right: 3px solid;
}

body img#imgBack
{
	position: fixed;
	z-index: 1000;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

/*===============================================================================================*/
/*	LOGIN																														 */
/*===============================================================================================*/
div.login .formfield.username
{
	margin-bottom: 10px;
}

div.login span.username
{
	font-weight: bold;
	margin-bottom: 15px;
}

/*===============================================================================================*/
/*	SEARCH																													 */
/*===============================================================================================*/
.results div.result
{
	padding: 0;
	margin: 0;
}

span.searchWord
{
	color: Black;
	font-weight: bold;
	margin-left: 1px;
	margin-right: 1px;
}

span.sw0
{
	background-color: #FFFF99;
}

span.sw1
{
	background-color: #99FFFF;
}

span.sw2
{
	background-color: #FF99FF;
}

span.sw3
{
	background-color: #9999FF;
}

span.sw4
{
	background-color: #FF9999;
}

span.sw5
{
	background-color: #99FF99;
}

.searchTitle img
{
	text-decoration: none;
}

/*===============================================================================================*/
/*	CALENDAR																													 */
/*===============================================================================================*/
div.calendar
{
	background-color: #FFF;
	border: 1px solid #000;
	color: black;
	display: block;
	padding: 0;
	position: absolute;
}

	div.calendar.inline
	{
		border-width: 0;
		position: static;
	}

	div.calendar table
	{
		float: left;
	}

	div.calendar .select
	{
		padding: 0;
		border-bottom: 1px solid #000;
	}

		div.calendar .select select
		{
			width: 100%;
		}

	div.calendar .priorMonth,
	div.calendar .nextMonth
	{
		margin: 0;
		width: 100%;
	}

		div.calendar .priorMonth:after
		{
			content: "<";
		}

		div.calendar .nextMonth:after
		{
			content: ">";
		}

	div.calendar tr.body
	{
		font-size: 90%;
	}

	div.calendar-loader {
		position: absolute;
		top: 33px;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: #fff;
		opacity: 0.4;
	}

td.calDisabled
{
	color: #A0A0A0;
}

/*===============================================================================================*/
/*	IMAGE POPUP																												 */
/*===============================================================================================*/
body.showImage
{
	margin: 5px;
	padding: 0;
	overflow: hidden;
}

/*===============================================================================================*/
/*	GOOGLE MAPS																												 */
/*===============================================================================================*/
.markerDetailClose
{
	display: none;
}

/*===============================================================================================*/
/*	COOKIES LAW																												 */
/*===============================================================================================*/
div.cookieSpacer
{
	width: 100%;
	height: 46px;
	float: left;
}

.cookies
{
	background: transparent url('/img/default/lightbox.png') repeat 0 0;
	bottom: 0;
	color: #fff;
	position: fixed;
	text-align: center;
	width: 100%;
	z-index: 999;
}

	.cookies div
	{
		margin: 10px;
	}

	.cookies span
	{
	}

	.cookies button
	{
		float: none;
		margin-left: 10px;
	}

	.cookies a.close
	{
		background: transparent url('/img/default/close.png') no-repeat 0 0;
		height: 16px;
		position: fixed;
		right: 20px;
		width: 16px;
	}

/*===============================================================================================*/
figure.image
{
	display: inline-block;
}
/*===============================================================================================*/
#divDebug
{
	float: left;
	clear: both;
}
/*===============================================================================================*/

div.reactions
{
	padding-bottom: 10px;
}

	div.reactions ul
	{
		padding-bottom: 10px;
	}

	div.reactions input
	{
		width: 97%;
	}

	div.reactions textarea
	{
		width: 97%;
	}
/*===============================================================================================*/
/*	FORM																														 */
/*===============================================================================================*/
form.form
{
	width: 100%;
}

	form.form table
	{
		padding: 15px;
	}

		form.form table table
		{
			padding: 0;
		}

	form.form .formfield table
	{
		width: 100%;
		padding: 0;
	}

	form.form div
	{
		width: 100%;
		padding: 0;
		float: left;
	}

		form.form div.category
		{
			width: 100%;
			margin: 6px 0;
			padding: 0;
		}

		form.form div.first
		{
			margin-top: auto;
		}

	form.form .formfield
	{
		width: 100%;
		float: left;
		margin-bottom: 5px;
	}

	form.form .nospace
	{
		margin-bottom: 0;
	}

	form.form input
	{
		width: 100%;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
	}

	form.form textarea
	{
		width: 100%;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
	}

	form.form select
	{
		width: 100%;
	}

	form.form div.formfield.buttons
	{
		width: 100%;
	}

	form.form input.checkbox, form.form input.radio
	{
		width: auto;
		height: auto;
	}

	form.form div.radio
	{
		clear: both;
	}

/******************************
*
*  RoyalSlider Default Skin 
*
*    1. Arrows 
*    2. Bullets
*    3. Thumbnails
*    4. Tabs
*    5. Fullscreen button
*    6. Play/close video button
*    7. Preloader
*    8. Caption
*    
*  Sprite: 'rs-default.png'
*  Feel free to edit anything
*  If you don't some part - just delete it
* 
******************************/


/* Background */
.rsDefault,
.rsDefault .rsOverflow,
.rsDefault .rsSlide,
.rsDefault .rsVideoFrameHolder,
.rsDefault .rsThumbs
{
	background: #FFF;
	color: #FFF;
}


	/***************
*
*  1. Arrows
*
****************/

	.rsDefault .rsArrow
	{
		height: 100%;
		width: 44px;
		position: absolute;
		display: block;
		cursor: pointer;
		z-index: 21;
	}

	.rsDefault.rsVer .rsArrow
	{
		width: 100%;
		height: 44px;
	}

	.rsDefault.rsVer .rsArrowLeft
	{
		top: 0;
		left: 0;
	}

	.rsDefault.rsVer .rsArrowRight
	{
		bottom: 0;
		left: 0;
	}

	.rsDefault.rsHor .rsArrowLeft
	{
		left: 0;
		top: 0;
	}

	.rsDefault.rsHor .rsArrowRight
	{
		right: 0;
		top: 0;
	}

	.rsDefault .rsArrowIcn
	{
		width: 32px;
		height: 32px;
		top: 50%;
		left: 50%;
		margin-top: -16px;
		margin-left: -16px;
		position: absolute;
		cursor: pointer;
		background: url('../../img/royalslider/rs-default.png');
		background-color: #000;
		background-color: rgba(0,0,0,0.75);
		*background-color: #000;
		border-radius: 2px;
	}

		.rsDefault .rsArrowIcn:hover
		{
			background-color: rgba(0,0,0,0.9);
		}

	.rsDefault.rsHor .rsArrowLeft .rsArrowIcn
	{
		background-position: -64px -32px;
	}

	.rsDefault.rsHor .rsArrowRight .rsArrowIcn
	{
		background-position: -64px -64px;
	}

	.rsDefault.rsVer .rsArrowLeft .rsArrowIcn
	{
		background-position: -96px -32px;
	}

	.rsDefault.rsVer .rsArrowRight .rsArrowIcn
	{
		background-position: -96px -64px;
	}

	.rsDefault .rsArrowDisabled .rsArrowIcn
	{
		opacity: .2;
		filter: alpha(opacity=20);
		*display: none;
	}


	/***************
*
*  2. Bullets
*
****************/

	.rsDefault .rsBullets
	{
		position: absolute;
		z-index: 35;
		left: 0;
		bottom: 0;
		width: 100%;
		height: auto;
		margin: 0 auto;
		background: #000;
		background: rgba(0,0,0,0.75);
		text-align: center;
		line-height: 8px;
		overflow: hidden;
	}

	.rsDefault .rsBullet
	{
		width: 8px;
		height: 8px;
		display: inline-block;
		*display: inline;
		*zoom: 1;
		padding: 6px 5px 6px;
	}

		.rsDefault .rsBullet span
		{
			display: block;
			width: 8px;
			height: 8px;
			border-radius: 50%;
			background: #777;
			background: rgba(255,255,255,0.5);
		}

		.rsDefault .rsBullet.rsNavSelected span
		{
			background-color: #FFF;
		}


	/***************
*
*  3. Thumbnails
*
****************/

	.rsDefault .rsThumbsHor
	{
		width: 100%;
		height: 72px;
	}

	.rsDefault .rsThumbsVer
	{
		width: 96px;
		height: 100%;
		position: absolute;
		top: 0;
		right: 0;
	}

	.rsDefault.rsWithThumbsHor .rsThumbsContainer
	{
		position: relative;
		height: 100%;
	}

	.rsDefault.rsWithThumbsVer .rsThumbsContainer
	{
		position: relative;
		width: 100%;
	}

	.rsDefault .rsThumb
	{
		float: left;
		overflow: hidden;
		width: 96px;
		height: 72px;
	}

		.rsDefault .rsThumb img
		{
			width: 100%;
			height: 100%;
		}

		.rsDefault .rsThumb.rsNavSelected
		{
			background: #777;
		}

			.rsDefault .rsThumb.rsNavSelected img
			{
				opacity: 0.3;
				filter: alpha(opacity=30);
			}

	.rsDefault .rsTmb
	{
		display: block;
	}

		/* Thumbnails with text */
		.rsDefault .rsTmb h5
		{
			font-size: 16px;
			margin: 0;
			padding: 0;
			line-height: 20px;
			color: #FFF;
		}

		.rsDefault .rsTmb span
		{
			color: #DDD;
			margin: 0;
			padding: 0;
			font-size: 13px;
			line-height: 18px;
		}



	/* Thumbnails arrow icons */
	.rsDefault .rsThumbsArrow
	{
		height: 72px;
		width: 20px;
		position: absolute;
		display: block;
		cursor: pointer;
		z-index: 21;
		background: #000;
		background: rgba(0,0,0,0.75);
	}

		.rsDefault .rsThumbsArrow:hover
		{
			background: rgba(0,0,0,0.9);
		}

	.rsDefault.rsWithThumbsVer .rsThumbsArrow
	{
		width: 100%;
		height: 20px;
	}

	.rsDefault.rsWithThumbsVer .rsThumbsArrowLeft
	{
		top: 0;
		left: 0;
	}

	.rsDefault.rsWithThumbsVer .rsThumbsArrowRight
	{
		bottom: 0;
		left: 0;
	}

	.rsDefault.rsWithThumbsHor .rsThumbsArrowLeft
	{
		left: 0;
		top: 0;
	}

	.rsDefault.rsWithThumbsHor .rsThumbsArrowRight
	{
		right: 0;
		top: 0;
	}

	.rsDefault .rsThumbsArrowIcn
	{
		width: 16px;
		height: 16px;
		top: 50%;
		left: 50%;
		margin-top: -8px;
		margin-left: -8px;
		position: absolute;
		cursor: pointer;
		background: url('../../img/royalslider/rs-default.png');
	}

	.rsDefault.rsWithThumbsHor .rsThumbsArrowLeft .rsThumbsArrowIcn
	{
		background-position: -128px -32px;
	}

	.rsDefault.rsWithThumbsHor .rsThumbsArrowRight .rsThumbsArrowIcn
	{
		background-position: -128px -48px;
	}

	.rsDefault.rsWithThumbsVer .rsThumbsArrowLeft .rsThumbsArrowIcn
	{
		background-position: -144px -32px;
	}

	.rsDefault.rsWithThumbsVer .rsThumbsArrowRight .rsThumbsArrowIcn
	{
		background-position: -144px -48px;
	}

	.rsDefault .rsThumbsArrowDisabled
	{
		display: none !important;
	}

/* Thumbnails resizing on smaller screens */
@media screen and (min-width: 0px) and (max-width: 800px)
{
	.rsDefault .rsThumb
	{
		width: 59px;
		height: 44px;
	}

	.rsDefault .rsThumbsHor
	{
		height: 44px;
	}

	.rsDefault .rsThumbsVer
	{
		width: 59px;
	}
}




/***************
*
*  4. Tabs
*
****************/

.rsDefault .rsTabs
{
	width: 100%;
	height: auto;
	margin: 0 auto;
	text-align: center;
	overflow: hidden;
	padding-top: 12px;
	position: relative;
}

.rsDefault .rsTab
{
	display: inline-block;
	cursor: pointer;
	text-align: center;
	height: auto;
	width: auto;
	color: #333;
	padding: 5px 13px 6px;
	min-width: 72px;
	border: 1px solid #D9D9DD;
	border-right: 1px solid #f5f5f5;
	text-decoration: none;
	background-color: #FFF;
	background-image: -webkit-linear-gradient(top, #fefefe, #f4f4f4);
	background-image: -moz-linear-gradient(top, #fefefe, #f4f4f4);
	background-image: linear-gradient(to bottom, #fefefe, #f4f4f4);
	-webkit-box-shadow: inset 1px 0 0 #fff;
	box-shadow: inset 1px 0 0 #fff;
	*display: inline;
	*zoom: 1;
}

	.rsDefault .rsTab:first-child
	{
		-webkit-border-top-left-radius: 4px;
		border-top-left-radius: 4px;
		-webkit-border-bottom-left-radius: 4px;
		border-bottom-left-radius: 4px;
	}

	.rsDefault .rsTab:last-child
	{
		-webkit-border-top-right-radius: 4px;
		border-top-right-radius: 4px;
		-webkit-border-bottom-right-radius: 4px;
		border-bottom-right-radius: 4px;
		border-right: 1px solid #cfcfcf;
	}

	.rsDefault .rsTab:active
	{
		border: 1px solid #D9D9DD;
		background-color: #f4f4f4;
		box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2) inset;
	}

	.rsDefault .rsTab.rsNavSelected
	{
		color: #FFF;
		border: 1px solid #999;
		text-shadow: 1px 1px #838383;
		box-shadow: 0 1px 9px rgba(102, 102, 102, 0.65) inset;
		background: #ACACAC;
		background-image: -webkit-linear-gradient(top, #ACACAC, #BBB);
		background-image: -moz-llinear-gradient(top, #ACACAC, #BBB);
		background-image: linear-gradient(to bottom, #ACACAC, #BBB);
	}





/***************
*
*  5. Fullscreen button
*
****************/

.rsDefault .rsFullscreenBtn
{
	right: 0;
	top: 0;
	width: 44px;
	height: 44px;
	z-index: 22;
	display: block;
	position: absolute;
	cursor: pointer;
}

.rsDefault .rsFullscreenIcn
{
	display: block;
	margin: 6px;
	width: 32px;
	height: 32px;
	background: url('../../img/royalslider/rs-default.png') 0 0;
	background-color: #000;
	background-color: rgba(0,0,0,0.75);
	*background-color: #000;
	border-radius: 2px;
}

	.rsDefault .rsFullscreenIcn:hover
	{
		background-color: rgba(0,0,0,0.9);
	}

.rsDefault.rsFullscreen .rsFullscreenIcn
{
	background-position: -32px 0;
}





/***************
*
*  6. Play/close video button
*
****************/

.rsDefault .rsPlayBtn
{
	-webkit-tap-highlight-color: rgba(0,0,0,0.3);
	width: 64px;
	height: 64px;
	margin-left: -32px;
	margin-top: -32px;
	cursor: pointer;
}

.rsDefault .rsPlayBtnIcon
{
	width: 64px;
	display: block;
	height: 64px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	transition: .3s;
	background: url(../../img/royalslider/rs-default.png) no-repeat 0 -32px;
	background-color: #000;
	background-color: rgba(0,0,0,0.75);
	*background-color: #000;
}

.rsDefault .rsPlayBtn:hover .rsPlayBtnIcon
{
	background-color: rgba(0,0,0,0.9);
}

.rsDefault .rsBtnCenterer
{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 20px;
	height: 20px;
}

.rsDefault .rsCloseVideoBtn
{
	right: 0;
	top: 0;
	width: 44px;
	height: 44px;
	z-index: 500;
	position: absolute;
	cursor: pointer;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateZ(0);
}

	.rsDefault .rsCloseVideoBtn.rsiOSBtn
	{
		top: -38px;
		right: -6px;
	}

.rsDefault .rsCloseVideoIcn
{
	margin: 6px;
	width: 32px;
	height: 32px;
	background: url('../../img/royalslider/rs-default.png') -64px 0;
	background-color: #000;
	background-color: rgba(0,0,0,0.75);
	*background-color: #000;
}

	.rsDefault .rsCloseVideoIcn:hover
	{
		background-color: rgba(0,0,0,0.9);
	}



/***************
*
*  7. Preloader
*
****************/

.rsDefault .rsPreloader
{
	width: 20px;
	height: 20px;
	background-image: url(../../img/royalslider/preloader-white.gif);
	left: 50%;
	top: 50%;
	margin-left: -10px;
	margin-top: -10px;
}




/***************
*
*  8. Global caption
*
****************/
.rsDefault .rsGCaption
{
	position: absolute;
	float: none;
	bottom: 6px;
	left: 6px;
	text-align: left;
	background: rgb(0, 0, 0);
	background: rgba(0, 0, 0, 0.75);
	color: #FFF;
	padding: 2px 8px;
	width: auto;
	font-size: 12px;
	border-radius: 2px;
}

.rsGCaption.empty {
		display:none;
}



.sampleBlock
{
	left: 3%;
	top: 1%;
	width: 100%;
}

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */
.delay {
  animation-delay: .8s;
}
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  will-change: transform, opacity;
}
.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}
@-webkit-keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
.flashInit {
  -webkit-animation-name: flash;
  animation-name: flash;
}
@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.pulseInit {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}
@-webkit-keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.bounceInInit {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
.bounceInDownInit {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
.bounceInLeftInit {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
.bounceInRightInit {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.bounceInUpInit {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
.bounceOutInit {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.bounceOutDownInit {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.bounceOutLeftInit {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
.bounceOutRightInit {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.bounceOutUpInit {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadeInInit {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInDownInit {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInDownBigInit {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInLeftInit {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInLeftBigInit {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInRightInit {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInRightBigInit {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInUpInit {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInUpBigInit {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.fadeOutInit {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.fadeOutDownInit {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.fadeOutDownBigInit {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.fadeOutLeftInit {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.fadeOutLeftBigInit {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.fadeOutRightInit {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
.fadeOutRightBigInit {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.fadeOutUpInit {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.fadeOutUpBigInit {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}
@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
  to {
    opacity: 1;
  }
}
.zoomInInit {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}
@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
@keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.zoomOutInit {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}
@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInDownInit {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInLeftInit {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInRightInit {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInUpInit {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.slideOutDownInit {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.slideOutLeftInit {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.slideOutRightInit {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.slideOutUpInit {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}
/*===============================================================================================*/

/*===============================================================================================*/
/*		HORIZONTAL DROPDOWN MENU																						 */
/*===============================================================================================*/
#scaleMenu ul {
  list-style: none;
}
#scaleMenu ul > li {
  position: relative;
  float: left;
}
#scaleMenu a {
  float: left;
}
#scaleMenu a.toggle {
  display: none;
}
#scaleMenu ul.floatMenu {
  display: none;
  position: absolute;
  z-index: 999;
}
#scaleMenu li span.arrow {
  background: center center no-repeat;
  background-color: #333;
  background-image: url(../../img/menu/arrowClosed.png);
  background-size: 16px 10px;
  width: 30px;
  height: 50px;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
}
#scaleMenu li span.arrow.open {
  background-image: url(../../img/menu/arrow.png);
}
/* v1.0.5 */
/* Core RS CSS file. 95% of time you shouldn't change anything here. */
.royalSlider
{
	width: 600px;
	height: 400px;
	position: relative;
	direction: ltr;
}

	.royalSlider > *
	{
		float: left;
	}

.rsWebkit3d .rsSlide
{
	-webkit-transform: translateZ(0);
}


.rsWebkit3d .rsSlide,
.rsWebkit3d .rsContainer,
.rsWebkit3d .rsThumbs,
.rsWebkit3d .rsPreloader,
.rsWebkit3d img,
.rsWebkit3d .rsOverflow,
.rsWebkit3d .rsBtnCenterer,
.rsWebkit3d .rsAbsoluteEl,
.rsWebkit3d .rsABlock,
.rsWebkit3d .rsLink
{
	-webkit-backface-visibility: hidden;
}

.rsFade.rsWebkit3d .rsSlide,
.rsFade.rsWebkit3d img,
.rsFade.rsWebkit3d .rsContainer
{
	-webkit-transform: none;
}

.rsOverflow
{
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	float: left;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

.rsVisibleNearbyWrap
{
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	left: 0;
	top: 0;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

	.rsVisibleNearbyWrap .rsOverflow
	{
		position: absolute;
		left: 0;
		top: 0;
	}

.rsContainer
{
	position: relative;
	width: 100%;
	height: 100%;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

.rsArrow,
.rsThumbsArrow
{
	cursor: pointer;
}

.rsThumb
{
	float: left;
	position: relative;
}


.rsArrow,
.rsNav,
.rsThumbsArrow
{
	opacity: 1;
	-webkit-transition: opacity 0.3s linear;
	-moz-transition: opacity 0.3s linear;
	-o-transition: opacity 0.3s linear;
	transition: opacity 0.3s linear;
}

.rsHidden
{
	opacity: 0;
	visibility: hidden;
	-webkit-transition: visibility 0s linear 0.3s,opacity 0.3s linear;
	-moz-transition: visibility 0s linear 0.3s,opacity 0.3s linear;
	-o-transition: visibility 0s linear 0.3s,opacity 0.3s linear;
	transition: visibility 0s linear 0.3s,opacity 0.3s linear;
}

.rsHiddenOnLoad
{
	display: none;
}

.rsGCaption
{
	width: 100%;
	float: left;
	text-align: center;
}

/* Fullscreen options, very important ^^ */
.royalSlider.rsFullscreen
{
	position: fixed !important;
	height: auto !important;
	width: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	z-index: 2147483647 !important;
	top: 0 !important;
	left: 0 !important;
	bottom: 0 !important;
	right: 0 !important;
}

.royalSlider .rsSlide.rsFakePreloader
{
	opacity: 1 !important;
	-webkit-transition: 0s;
	-moz-transition: 0s;
	-o-transition: 0s;
	transition: 0s;
	display: none;
}

.rsSlide
{
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	overflow: hidden;
	height: 100%;
	width: 100%;
}

.royalSlider.rsAutoHeight,
.rsAutoHeight .rsSlide
{
	height: auto;
}

.rsContent
{
	width: 100%;
	height: 100%;
	position: relative;
}

.rsPreloader
{
	position: absolute;
	z-index: 0;
}

.rsNav
{
	-moz-user-select: -moz-none;
	-webkit-user-select: none;
	user-select: none;
}

.rsNavItem
{
	-webkit-tap-highlight-color: rgba(0,0,0,0.25);
}

.rsThumbs
{
	cursor: pointer;
	position: relative;
	overflow: hidden;
	float: left;
	z-index: 22;
}

.rsTabs
{
	float: left;
	background: none !important;
}

.rsTabs,
.rsThumbs
{
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}


.rsVideoContainer
{
	/*left: 0;
	top: 0;
	position: absolute;*/
	/*width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	float: left;*/
	width: auto;
	height: auto;
	line-height: 0;
	position: relative;
}

.rsVideoFrameHolder
{
	position: absolute;
	left: 0;
	top: 0;
	background: #141414;
	opacity: 0;
	-webkit-transition: .3s;
}

	.rsVideoFrameHolder.rsVideoActive
	{
		opacity: 1;
	}

.rsVideoContainer iframe,
.rsVideoContainer video,
.rsVideoContainer embed,
.rsVideoContainer .rsVideoObj
{
	position: absolute;
	z-index: 50;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
/* ios controls over video bug, shifting video */
.rsVideoContainer.rsIOSVideo iframe,
.rsVideoContainer.rsIOSVideo video,
.rsVideoContainer.rsIOSVideo embed
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-right: 44px;
}

.rsABlock
{
	left: 0;
	top: 0;
	position: absolute;
	z-index: 15;
}

img.rsImg
{
	max-width: none;
}

.grab-cursor
{
	cursor: url(../../img/royalslider/grab.png) 8 8, move;
}

.grabbing-cursor
{
	cursor: url(../../img/royalslider/grabbing.png) 8 8, move;
}

.rsNoDrag
{
	cursor: auto;
}

.rsLink
{
	left: 0;
	top: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	display: block;
	z-index: 20;
	background: url(blank.gif);
}

.royalSlider *
{
	-webkit-backface-visibility: hidden;
}

/*===============================================================================================*/
/*		HTML, BODY																											 */
/*===============================================================================================*/
html {
  height: 100%;
}
/* Apply the site font to body and form elements */
body,
input,
button,
textarea,
select {
  font-family: 'Open Sans', Arial, sans-serif;
  color: #000;
}
body {
  background: #fff;
  height: 100%;
  padding: 64px 0 0 0;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
body.anchormenu {
  padding: 120px 0 0 0;
}
body.noscroll {
  overflow: hidden;
}
*:focus {
  outline: 0;
}
/*===============================================================================================*/
/*		ANCHORS AND BUTTONS																								 */
/*===============================================================================================*/
a,
a:visited {
  color: #e20023;
  text-decoration: none;
}
a:hover {
  color: #e20023;
  text-decoration: underline;
}
a:focus {
  outline: 0;
  text-decoration: none;
}
a:hover,
a:active {
  outline: none;
}
a img {
  border: 0;
}
/* Anchor inside content, same color as body */
a[name] {
  color: #000;
}
a img.extern {
  display: none;
}
button {
  background: #e20023;
  height: 40px;
  float: right;
  margin: 0;
  padding: 0 20px;
  font-size: 1.2em;
  color: #ffffff;
  border: 0;
  cursor: pointer;
}
button:hover {
  background: #FAB161;
}
button:disabled {
  cursor: default;
  opacity: 0.5;
}
/*===============================================================================================*/
/*	CHECKBOX 																												 */
/*===============================================================================================*/
input[type="checkbox"] {
  display: none;
}
input[type="checkbox"] + label {
  background: url(../../img/bgCheck.png) left top no-repeat;
  background-size: 16px 16px;
  min-height: 16px;
  line-height: 1.2em;
  height: auto;
  padding: 0 0 0 26px;
  cursor: pointer;
}
input[type="checkbox"]:checked + label {
  background: url(../../img/bgChecked.png) left top no-repeat;
  background-size: 16px 16px;
}
/*===============================================================================================*/
/*		HEADINGS																												 */
/*===============================================================================================*/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
}
/*===============================================================================================*/
/*		TYPOGRAPH																											 */
/*===============================================================================================*/
sup {
  vertical-align: super;
  font-size: smaller;
  font-style: italic;
}
sub {
  vertical-align: sub;
  font-size: smaller;
}
/*===============================================================================================*/
/*		LISTS																													 */
/*===============================================================================================*/
ul,
ol,
blockquote {
  margin: 0;
  padding: 0 0 0 14px;
  list-style-position: outside;
}
li {
  margin: 0 0 0 10px;
  padding: 0;
}
/*===============================================================================================*/
/*		RECURRING CLASSES																									 */
/*===============================================================================================*/
.clear {
  clear: both;
}
.left {
  float: left;
}
.right {
  float: right;
}
p.ButtonStyleWhite,
editor.ButtonStyleWhite {
  width: 100%;
}
p.ButtonStyleWhite a {
  background: #ffffff;
  height: 46px;
  line-height: 46px;
  padding: 0 20px;
  font-size: 0.9rem;
  color: #e20023;
  border-radius: 5px;
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), inset 0 1px 1px #ffffff, inset 0 0 1px rgba(0, 0, 0, 0.5);
  display: inline-block;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  text-align: center;
  cursor: pointer;
}
p.ButtonStyleWhite a:hover {
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  background: #eee;
}
p.ButtonStyleBlue,
editor.ButtonStyleBlue {
  width: 100%;
}
p.ButtonStyleBlue a {
  text-align: center;
  background: #549cd7;
  height: 46px;
  line-height: 46px;
  display: inline-block;
  margin: 10px 0 0 0;
  padding: 0 20px;
  font-size: 0.9rem;
  font-weight: 600;
  color: #ffffff;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 5px;
  border: 1px solid #549cd7;
  cursor: pointer;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), inset 0 1px 1px #ffffff, inset 0 0 1px rgba(0, 0, 0, 0.5);
}
p.ButtonStyleBlue a:hover {
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  background: #65ade8;
}
editor.enableHeadings {
  content: '';
}
/*===============================================================================================*/
/*		RESPONSIVE																											 */
/*===============================================================================================*/
@media screen and (max-width: 1220px) {
  body.open {
    overflow: hidden;
  }
  body > div.main {
    position: relative;
    left: 0;
    -webkit-transition: left 0.2s ease-in-out;
    -moz-transition: left 0.2s ease-in-out;
    -o-transition: left 0.2s ease-in-out;
    transition: left 0.2s ease-in-out;
  }
  body.open > div.main {
    left: 260px;
  }
}
@media screen and (max-width: 1010px) {
  /* Body CSS for the menu slide */
  body.open {
    overflow: hidden;
  }
  body > div.main {
    position: relative;
    left: 0;
    -webkit-transition: left 0.2s ease-in-out;
    -moz-transition: left 0.2s ease-in-out;
    -o-transition: left 0.2s ease-in-out;
    transition: left 0.2s ease-in-out;
  }
  body.open > div.main {
    left: 260px;
  }
}
/*===============================================================================================*/
/*		MOBILE																												 */
/*===============================================================================================*/
@media screen and (max-width: 740px) {
  body,
  body.anchormenu {
    padding: 46px 0 0 0;
  }
}
/*===============================================================================================*/

/*===============================================================================================*/
/*		BASIC LAYOUT																										 */
/*===============================================================================================*/
.section {
  width: 100%;
  float: left;
}
.layout {
  width: 1200px;
  margin: 0 auto;
}
#aside {
  width: 280px;
  float: left;
}
#content {
  width: 920px;
  float: right;
}
[data-view=mobile] {
  display: none;
}
[data-view=desktop] {
  display: block;
}
#divMessage {
  padding: 20px;
  font-size: 1.3em;
}
#divMessage #divMessageText {
  margin: 0 0 20px 0 !important;
}
#divMessage button {
  background: #549cd7;
  height: 40px;
  float: right;
  padding: 0 20px;
  font-size: 1.1em;
  font-weight: 600;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 5px;
  border: 1px solid #549cd7;
  cursor: pointer;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), inset 0 1px 1px #ffffff, inset 0 0 1px rgba(0, 0, 0, 0.5);
  /*bottom dark shadow*/
}
#divMessage button:hover {
  background: #65ade8;
}
.popupbackground {
  padding: 0;
  position: fixed;
  margin: 0;
  left: 0;
  top: 0;
  z-index: 1010;
  width: 100%;
  height: 100%;
  clear: both;
  background: rgba(0, 0, 0, 0.8);
  display: none;
}
.popupbackground .nav {
  margin: 0 0 20px 0;
  text-align: right;
  float: right;
}
.popupbackground .nav .close {
  background-color: #666666;
  color: #ffffff;
  cursor: pointer;
}
.popupbackground .nav .close:before {
  content: url(/img/close.svg);
  width: 30px;
  height: 30px;
  font-size: 1.8rem;
  position: absolute;
  right: 20px;
  top: 20px;
}
/*===============================================================================================*/
/*		HEADER																												 */
/*===============================================================================================*/
#header {
  background: #fff;
  width: 100%;
  height: 63px;
  position: fixed;
  top: 0;
  left: 0;
  border-bottom: 1px solid #e3e3e3;
  z-index: 999;
  -webkit-transition: left 0.2s ease-in-out;
  -moz-transition: left 0.2s ease-in-out;
  -o-transition: left 0.2s ease-in-out;
  transition: left 0.2s ease-in-out;
}
#header .logo {
  background: center center no-repeat;
  background-image: url(../../img/logoBatavus.png);
  background-size: 234px 64px;
  width: 234px;
  height: 64px;
  float: left;
  display: block;
}
#header .logo.left {
  float: left!important;
}
#header .menuLinks {
  float: right;
}
#header .menuLinks a {
  margin: 0 14px;
  font-size: 1.5em;
  line-height: 63px;
  color: #888;
  text-decoration: none;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
#header .menuLinks a:hover {
  color: #e20023;
}
#header .menuLinks a.first {
  margin: 0 14px 0 0;
}
#header .menuLinks a.myList {
  background: url(../../img/add.svg) left center no-repeat;
  background-size: 20px 16px;
  padding: 0 0 0 26px;
}
#header .search {
  height: 63px;
  float: right;
  position: relative;
  border-left: 1px solid #e3e3e3;
}
#header .search #toggleSearch {
  display: none;
}
#header .search input {
  width: 140px;
  height: 63px;
  line-height: 44px;
  /*padding: 10px 10px 10px 50px;*/
  padding: 10px 50px 10px 15px;
  font-size: 1.5em;
  font-weight: 400;
  color: #888;
  font-style: italic;
  border: 0;
}
#header .search button {
  background: no-repeat;
  background-image: url(../../img/btnSearch.png);
  background-size: 20px 50px;
  background-position: 0 0;
  width: 20px;
  height: 20px;
  padding: 0;
  position: absolute;
  top: 22px;
  right: 20px;
  font-size: 0;
}
#header .search button:hover {
  background-position: 0 -30px;
}
/*===============================================================================================*/
/*		SLICK SLIDER																										 */
/*===============================================================================================*/
/* Dots */
.slick-dots {
  margin: 20px 0 0 0;
  padding: 0;
  list-style: none;
  text-align: center;
}
.slick-dots li {
  display: inline-block;
  margin: 0 5px;
}
.slick-dots li button {
  background: #ccc;
  width: 14px;
  height: 14px;
  padding: 0;
  font-size: 0;
  color: transparent;
  border-radius: 20px;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.slick-dots li button:hover {
  background: #bbb;
}
.slick-dots li.slick-active button {
  background: #e20023;
}
/* Arrows */
.slick-prev,
.slick-next {
  background: center center no-repeat;
  background-color: transparent;
  background-size: 18px 30px;
  width: 18px;
  height: 30px;
  padding: 0;
  float: none;
  position: absolute;
  top: 50%;
  margin-top: -15px;
  font-size: 0;
  color: transparent;
  opacity: 0.5;
  z-index: 800;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.slick-prev {
  background-image: url(../../img/slickLeft.svg);
  left: -30px;
}
.slick-prev:hover {
  background-color: transparent;
  background-image: url(../../img/slickLeft.svg);
  opacity: 1;
}
.slick-next {
  background-image: url(../../img/slickRight.svg);
  right: -30px;
}
.slick-next:hover {
  background-color: transparent;
  background-image: url(../../img/slickRight.svg);
  opacity: 1;
}
.slick-prev.slick-disabled,
.slick-next.slick-disabled,
.slick-prev.slick-disabled:hover,
.slick-next.slick-disabled:hover {
  opacity: 0;
}
/*===============================================================================================*/
/*		RESPONSIVE																											 */
/*===============================================================================================*/
@media screen and (max-width: 1400px) {
  #header .menuLinks a {
    margin: 0 5px;
    font-size: 1.4em;
  }
  #header .menuLinks a.first {
    margin: 0 5px 0 0;
  }
  #header .menuLinks a.myList {
    margin: 0 10px 0 5px;
  }
}
/*===============================================================================================*/
@media screen and (max-width: 1220px) {
  .layout {
    width: 1000px;
  }
  #content {
    width: 720px;
  }
  body.open #header {
    left: 260px;
  }
  /* Header */
  #header .logo {
    float: right;
  }
  #header .menuLinks {
    /*a.last
			{
				display: none;
			}

			a.myList
			{
				width: 20px;
				height: 20px;
				display: block;
				float: right;
				margin: 22px 14px 0 14px;
				padding: 0;
				font-size: 0;
			}*/
  }
  #header .menuLinks a {
    margin: 0 14px;
    font-size: 1.5em;
  }
  #header .search #toggleSearch {
    background: no-repeat;
    background-image: url(../../img/btnSearch.png);
    background-size: 20px 50px;
    background-position: 0 0;
    width: 20px;
    height: 20px;
    display: block;
    margin: 22px 20px;
    cursor: pointer;
  }
  #header .search #toggleSearch:hover,
  #header .search #toggleSearch.open {
    background-position: 0 -30px;
  }
  #header .search .folding {
    background: #fff;
    height: 64px;
    display: none;
    position: absolute;
    top: 63px;
    right: 0;
    z-index: 1000;
    border-top: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
    border-left: 1px solid #e3e3e3;
  }
  #header .search .folding.open {
    display: block;
  }
  #header .search input {
    width: 180px;
  }
  /* Slick bullets */
  .slick-dots li button {
    width: 20px;
    height: 20px;
  }
}
/*===============================================================================================*/
@media screen and (max-width: 1010px) {
  .layout {
    width: 720px;
  }
  #content {
    width: 720px;
  }
  #aside {
    width: 0;
    overflow: hidden;
  }
  body.open #header {
    left: 260px;
  }
  #header .logo {
    float: right;
  }
  #header .menuLinks {
    display: none;
  }
  #header .search {
    display: none;
  }
}
/*===============================================================================================*/
/*		MOBILE																												 */
/*===============================================================================================*/
@media screen and (max-width: 740px) {
  [data-view=mobile] {
    display: block;
  }
  [data-view=desktop] {
    display: none;
  }
  .layout {
    width: 320px;
  }
  #content {
    width: 320px;
    float: left;
  }
  #header {
    height: 45px;
  }
  #header .logo {
    background-size: 168px 46px;
    width: 168px;
    height: 46px;
  }
}
/*===============================================================================================*/

/*===============================================================================================*/
/*		ITEM																													 */
/*===============================================================================================*/
[data-section="articles"] {
  padding: 0 0 40px 0;
  background-position: 0 0;
  background-repeat: no-repeat;
}
[data-section="articles"].form {
  padding: 40px 0;
}
[data-section="articles"].form .title {
  margin: 0 0 20px 0;
}
[data-section="articles"].form .formfield.radio {
  width: 100%;
  margin: 0 0 10px 0;
}
[data-section="articles"].form .radio {
  width: auto;
  margin: 0 13px 0 0;
  clear: none;
  float: left;
}
[data-section="articles"].form .radio td {
  vertical-align: middle;
}
[data-section="articles"].form .radio td input.radio {
  width: 20px;
  height: 20px;
  margin: 0 5px 0 0;
  background: #999999;
  border: 1px solid #999999;
}
[data-section="articles"].form .radio td input.radio:checked {
  background: #e20023;
}
[data-section="articles"].form .formfield.checkbox .radio {
  width: 100%;
  margin: 0 0 5px 0;
}
[data-section="articles"].form .formfield.checkbox .radio input[type=checkbox] {
  width: 20px;
  height: 20px;
  margin: 3px 5px 0 0;
  background: #999999;
  border: 1px solid #999999;
}
[data-section="articles"].form .formfield.checkbox .radio input[type=checkbox]:checked {
  background: #e20023;
}
[data-section="articles"].form .formfield.label .label {
  font-size: 0.9rem;
}
[data-section="articles"] button {
  background: #549cd7;
  height: 48px;
  line-height: 48px;
  display: inline-block;
  padding: 0 20px;
  font-size: 1.6em;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 5px;
  border: 1px solid #549cd7;
  margin: 0 10px 0 0;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), inset 0 1px 1px #ffffff, inset 0 0 1px rgba(0, 0, 0, 0.5);
  /*bottom dark shadow*/
}
[data-section="articles"] button:hover {
  background: #65ade8;
}
[data-section="items"] {
  padding: 40px 0;
}
#content [data-section="intro"] {
  margin: 0 0 40px 0;
  padding: 0;
  text-align: left;
}
#content [data-section="intro"] .layout {
  width: 100%;
}
#content [data-section="intro"] .intro {
  padding: 0 20px;
  margin: 0 0 40px 0;
}
#content [data-section="intro"] .intro h1.title,
#content [data-section="intro"] .intro h2.title {
  margin: 0 0 20px 0;
  padding: 0;
  text-align: left;
}
#content [data-section="intro"] .text {
  padding: 0;
  text-align: left;
  margin: 0;
}
#content [data-section="intro"] .twoColumn {
  margin: 0 0 20px 0;
}
#content [data-section="intro"] .twoColumn h1,
#content [data-section="intro"] .twoColumn h2 {
  text-align: left;
}
#content [data-section="intro"] .twoColumn .text.one {
  padding: 0 10px 0 0;
}
#content [data-section="intro"] .twoColumn .text.two {
  padding: 0 0 0 10px;
}
.item {
  width: 100%;
  display: block;
  margin: 0 0 40px 0;
  padding: 0 10px;
  float: left;
  /* Item navigation */
}
.item .left {
  width: 600px;
  float: left;
}
.item .title {
  margin: 0 0 15px 0;
  display: block;
  clear: both;
}
.item .title h1 {
  font-size: 3em;
  font-weight: 400;
}
.item .title h2 {
  font-size: 2.5em;
  font-weight: 400;
}
.item .title a {
  color: #000000;
  text-decoration: none;
  -moz-transition: color 0.1s ease-in-out;
  -o-transition: color 0.1s ease-in-out;
  -webkit-transition: color 0.1s ease-in-out;
  transition: color 0.1s ease-in-out;
}
.item .title a:hover {
  color: #e20023;
}
.item .thumb {
  float: right;
  margin: 0 0 10px 10px;
}
.item .thumb img {
  float: left;
  text-decoration: none;
}
.item .thumb a,
.item .thumb span {
  display: block;
  float: left;
}
.item .publication {
  color: #666666;
  font-size: 1.5em;
  margin: 0 0 10px 0;
}
.item .body {
  font-size: 1.5em;
  line-height: 1.6em;
  display: block;
  clear: both;
}
.item .body .royalSlider {
  margin: 20px auto;
}
.item .body .royalSlider .rsGCaption {
  bottom: 80px;
  left: 8px;
}
.item .body h1,
.item .body h2,
.item .body h3,
.item .body h4,
.item .body h5,
.item .body h6 {
  margin: 0 0 5px 0;
}
.item .body h1 {
  font-size: 1.6em;
}
.item .body h2 {
  font-size: 1.5em;
  font-weight: 500;
}
.item .body h3 {
  font-size: 1.2em;
  font-weight: 300;
}
.item .body h4 {
  font-size: 1.1em;
  color: #e20023;
}
.item .body h5 {
  font-size: 1em;
  color: #666666;
}
.item .body h6 {
  font-size: 0.8em;
  color: #666666;
}
.item .body.sendItem {
  background: #ffffff;
  height: 230px;
  padding: 20px 0 0 0;
  margin: 20px 0 0 0;
  border-top: 1px dotted #cccccc;
}
.item .nav {
  height: 30px;
  padding: 0 0 0 0;
  margin: 15px 0 0 0;
  display: block;
  clear: both;
}
.item .nav a {
  font-size: 1.5em;
  color: #e20023;
  text-decoration: underline;
  display: block;
}
.item .nav a:hover {
  color: #e20023;
  text-decoration: none;
}
/* Back button */
.item a.back {
  background-position: left 0;
  padding: 0 0 0 0;
  float: left;
}
.item a.back:hover {
  background-position: left -40px;
}
/* Mail button */
.item a.send {
  background-image: url("../../img/kopie/btnSend.png");
  background-position: 0 0;
  width: 30px;
  float: right;
  margin: 0 0 0 6px;
}
.item a.send:hover {
  background-position: 0 -40px;
}
.item a.send.active {
  background-position: 0 -40px;
}
.item a.send.active:hover {
  background-position: 0 -40px;
}
/* Print button */
.item a.print {
  background-image: url("../../img/kopie/btnPrint.png");
  background-position: 0 0;
  width: 30px;
  float: right;
  margin: 0 0 0 6px;
}
.item a.print:hover {
  background-position: 0 -40px;
}
/* Read more button */
.item a.more {
  background-position: right 0;
  padding: 0 0 0 0;
  float: left;
}
.item a.more:hover {
  background-position: right -40px;
}
.item a.more:first-letter {
  text-transform: capitalize;
}
/* Top button */
.item a.top {
  /*background-image: url("@{img3}/kopie/btnTop.png");*/
  background-position: right 0;
  padding: 0 0 0 0;
  float: right;
}
.item a.top:hover {
  /*background-position: right -40px;*/
}
/* Book button */
.item a.book {
  background: #444444;
  width: 70px;
  height: 20px;
  float: right;
  display: block;
  margin: 0 50px 0 0;
  color: #ffffff;
  text-align: center;
}
.item a.book:hover {
  background: #F89B35;
  color: #ffffff;
}
/* Wiki button */
.item a.wiki {
  width: 75px;
  height: 30px;
  float: left;
  display: block;
}
/* Item specific sharebutton CSS */
.item span.social a {
  background: no-repeat;
  background-image: url("../../img/kopie/spriteSocial.png");
  width: 30px;
  height: 30px;
  float: left;
  display: block;
  padding: 0;
  margin: 0 0 0 6px;
}
.item span.social a span {
  display: none;
}
.item.uitgelicht .left {
  width: 770px;
  padding: 30px 0 0 0;
}
.item.uitgelicht .thumb {
  float: right;
  margin: 0 25px 0 0;
}
.item.uitgelicht .thumb img {
  border-radius: 160px;
  border: 10px solid #f2f2f2;
}
.item.uitgelicht:nth-of-type(even) .left {
  float: right;
}
.item.uitgelicht:nth-of-type(even) .thumb {
  float: left;
  margin: 0 0 0 25px;
}
/*===============================================================================================*/
.item.archive {
  width: 900px;
  padding: 10px 0 10px 35px;
  border-bottom: 1px solid #e3e3e3;
  background: url("../../img/arrowGray.svg") no-repeat 10px 12px;
  background-size: 9px 14px;
  margin: 0 10px 0 0;
  float: right;
}
.item.archive .title {
  width: 85%;
  margin: 0;
  float: left;
}
.item.archive .title h1,
.item.archive .title h2 {
  font-size: 1.5em;
}
.item.archive .publication {
  width: 15%;
  margin: 0;
  font-size: 1.5em;
  text-align: right;
  float: right;
}
/*===============================================================================================*/
.moreNews {
  width: 100%;
  padding: 0 10px;
  font-size: 2.1em;
  font-weight: 400;
  margin: 0 0 10px 0;
  float: left;
}
.item.list {
  width: 100%;
  padding: 5px 10px;
  margin: 0 0 0 0;
  float: left;
}
.item.list .publication {
  width: 15%;
  margin: 0;
  font-size: 1.5em;
  text-align: left;
  float: left;
}
.item.list .title {
  width: 85%;
  margin: 0;
  float: left;
  clear: none;
}
.item.list .title h1,
.item.list .title h2 {
  font-size: 1.5em;
}
.item.list .title a {
  color: #e20023;
  text-decoration: underline;
}
.item.list .title a:hover {
  color: #f31134;
  text-decoration: none;
}
/*===============================================================================================*/
/*		RESPONSIVE																											 */
/*===============================================================================================*/
@media screen and (max-width: 1220px) {
  .item .left {
    width: 400px;
    float: left;
  }
  .item.uitgelicht .left {
    width: 45%;
  }
}
/*===============================================================================================*/
/*===============================================================================================*/
/*		MOBILE																												 */
/*===============================================================================================*/
@media screen and (max-width: 740px) {
  [data-section="articles"] {
    padding: 20px 0;
    background-image: none !important;
  }
  [data-section="items"] {
    padding: 20px 0;
  }
  .item {
    width: 100%;
    display: block;
    margin: 0 0 40px 0;
    padding: 0 20px;
    float: left;
  }
  .item .title h1,
  .item .title h2 {
    font-size: 2.0em;
  }
  .item .thumb {
    margin: 0 0 15px 0;
    float: left;
  }
  .item .left {
    width: 100%;
  }
  .item .publication {
    font-size: 1.3em;
  }
  .item .body {
    font-size: 1.3em;
  }
  .item .body .royalSlider {
    width: 280px;
    margin: 10px auto;
  }
  .item .body .royalSlider .rsGCaption {
    bottom: 50px;
    left: 6px;
  }
  .item .body .royalSlider .rsThumbsArrow {
    height: 44px;
  }
  .item .body h1 {
    font-size: 1.4em;
  }
  .item .body h2 {
    font-size: 1.3em;
  }
  .item .body h3 {
    font-size: 1.2em;
  }
  .item .body h4 {
    font-size: 1.2em;
  }
  .item .body h5 {
    font-size: 1.2em;
  }
  .item .body h6 {
    font-size: 1.2em;
  }
  .item .body ul li {
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
  }
  .item .body iframe {
    max-width: 100%;
    height: 170px;
  }
  .item .body img {
    width: 100%;
    height: auto;
    margin: 0;
  }
  .item .nav a {
    font-size: 1.3em;
  }
  .item.uitgelicht .left {
    width: 100%;
  }
  .item.uitgelicht .thumb {
    margin: 0;
  }
  .item.uitgelicht .thumb img {
    width: 260px;
    height: auto;
  }
  .item.uitgelicht:nth-of-type(even) .thumb {
    margin: 0;
  }
  .item.list .publication {
    width: 30%;
    font-size: 1.3em;
  }
  .item.list .title {
    width: 70%;
  }
  .item.list .title h2 {
    font-size: 1.3em;
  }
}
/*===============================================================================================*/

/*===============================================================================================*/
/*		404 PAGE																												 */
/*===============================================================================================*/
[data-section="search404"] {
  padding: 60px 0 20px 0;
}
.search404 {
  width: 100%;
  display: block;
  margin: 0 0 0 0;
  padding: 0 10px 60px 10px;
  text-align: center;
  border-bottom: 1px solid #e3e3e3;
  float: left;
  /*button
	{
		width: 100px;
		height: 50px;
		font-size: 1.5em;
		margin: 0;
		float: right;

		&:hover
		{
			background: @red + #111;
		}
	}*/
}
.search404 .title {
  margin: 0 0 15px 0;
  display: block;
  clear: both;
}
.search404 .title h1 {
  font-size: 5em;
  font-weight: 400;
}
.search404 .body {
  font-size: 1.5em;
  line-height: 1.6em;
  display: block;
  clear: both;
  margin: 0 0 15px 0;
}
.search404 form {
  width: 500px;
  display: inline-block;
}
.search404 input {
  width: 370px;
  height: 50px;
  font-size: 1.5em;
  margin: 0;
  float: left;
}
.search404 button {
  background: #549cd7;
  height: 50px;
  line-height: 50px;
  display: inline-block;
  padding: 0 20px;
  font-size: 1.8em;
  font-weight: 600;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 5px;
  border: 1px solid #549cd7;
  cursor: pointer;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), inset 0 1px 1px #ffffff, inset 0 0 1px rgba(0, 0, 0, 0.5);
  /*bottom dark shadow*/
}
.search404 button:hover {
  background: #65ade8;
}
.itemButtons {
  width: 100%;
  display: block;
  margin: 0 0 0 0;
  padding: 0 10px;
  text-align: center;
  float: left;
}
.itemButtons .title {
  margin: 0 0 15px 0;
  display: block;
  clear: both;
}
.itemButtons .title h1 {
  font-size: 3em;
  font-weight: 400;
}
.itemButtons .title h2 {
  font-size: 2.5em;
  font-weight: 400;
}
.itemButtons .title a {
  color: #000000;
  text-decoration: none;
  -moz-transition: color 0.1s ease-in-out;
  -o-transition: color 0.1s ease-in-out;
  -webkit-transition: color 0.1s ease-in-out;
  transition: color 0.1s ease-in-out;
}
.itemButtons .title a:hover {
  color: #e20023;
}
.itemButtons .body {
  font-size: 1.5em;
  line-height: 1.6em;
  display: block;
  clear: both;
  margin: 0 0 15px 0;
}
.itemButtons .body .royalSlider {
  margin: 20px auto;
}
.itemButtons .body .royalSlider .rsGCaption {
  bottom: 80px;
  left: 8px;
}
.itemButtons .body h1,
.itemButtons .body h2,
.itemButtons .body h3,
.itemButtons .body h4,
.itemButtons .body h5,
.itemButtons .body h6 {
  margin: 0 0 5px 0;
}
.itemButtons .body h1 {
  font-size: 1.6em;
}
.itemButtons .body h2 {
  font-size: 1.5em;
  font-weight: 500;
}
.itemButtons .body h3 {
  font-size: 1.2em;
  font-weight: 300;
}
.itemButtons .body h4 {
  font-size: 1.1em;
  color: #e20023;
}
.itemButtons .body h5 {
  font-size: 1em;
  color: #666666;
}
.itemButtons .body h6 {
  font-size: 0.8em;
  color: #666666;
}
.itemButtons .buttons a {
  background: #549cd7;
  height: 50px;
  line-height: 50px;
  display: inline-block;
  margin: 10px 10px 0 10px;
  padding: 0 40px;
  font-size: 1.8em;
  font-weight: 600;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 5px;
  border: 1px solid #549cd7;
  cursor: pointer;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), inset 0 1px 1px #ffffff, inset 0 0 1px rgba(0, 0, 0, 0.5);
  /*bottom dark shadow*/
}
.itemButtons .buttons a:hover {
  background: #65ade8;
}
/*===============================================================================================*/
/*		RESPONSIVE																											 */
/*===============================================================================================*/
/*===============================================================================================*/
/*===============================================================================================*/
/*		MOBILE																												 */
/*===============================================================================================*/
@media screen and (max-width: 740px) {
  .search404 form {
    width: 300px;
    display: inline-block;
  }
  .search404 input {
    width: 170px;
    height: 50px;
    font-size: 1.5em;
    margin: 0;
    float: left;
  }
}
/*===============================================================================================*/

/*===============================================================================================*/
/*		AGENDA																					 */
/*===============================================================================================*/
.month {
  width: 100%;
  font-size: 1.9em;
  border-bottom: 1px solid #e3e3e3;
  padding: 0 0 15px 0;
  margin: 0 0 15px 0;
  float: left;
}
.month:first-letter {
  text-transform: uppercase;
}
.agenda {
  width: 100%;
  display: block;
  margin: 0 0 40px 0;
  padding: 0 10px;
  float: left;
  /* Item navigation */
}
.agenda .date {
  width: 200px;
  font-size: 1.5em;
  color: #e20023;
  padding: 34px 0 0 0;
  float: left;
}
.agenda .right {
  width: 640px;
  padding: 0 0 0 30px;
  border-left: 1px solid #e3e3e3;
  float: right;
}
.agenda .right .title {
  margin: 0 0 15px 0;
  display: block;
  clear: both;
}
.agenda .right .title h1,
.agenda .right .title h2 {
  font-size: 1.7em;
  font-weight: 400;
}
.agenda .right .title a {
  color: #000000;
  text-decoration: none;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.agenda .right .title a:hover {
  color: #e20023;
}
.agenda .right .timeLoc {
  width: 100%;
  font-size: 1.5em;
  margin: 0 0 15px 0;
  color: #666666;
  float: left;
}
.agenda .right .timeLoc span {
  float: left;
}
.agenda .right .timeLoc .time {
  margin: 0 5px 0 0;
}
.agenda .publication {
  color: #666666;
  font-size: 1.5em;
  margin: 0 0 10px 0;
}
.agenda .body {
  font-size: 1.5em;
  line-height: 1.6em;
  display: block;
  clear: both;
}
.agenda .body h1,
.agenda .body h2,
.agenda .body h3,
.agenda .body h4,
.agenda .body h5,
.agenda .body h6 {
  margin: 0 0 5px 0;
}
.agenda .body h1 {
  font-size: 1.8em;
}
.agenda .body h2 {
  font-size: 1.7em;
}
.agenda .body h3 {
  font-size: 1.5em;
}
.agenda .body h4 {
  font-size: 1.4em;
  color: #e20023;
}
.agenda .body h5 {
  font-size: 1.4em;
  color: #549cd7;
}
.agenda .body h6 {
  font-size: 1.4em;
  color: #666666;
}
.agenda .body.sendItem {
  background: #ffffff;
  height: 230px;
  padding: 20px 0 0 0;
  margin: 20px 0 0 0;
  border-top: 1px dotted #cccccc;
}
.agenda .nav {
  height: 30px;
  padding: 0 0 0 0;
  margin: 15px 0 0 0;
  display: block;
  clear: both;
}
.agenda .nav a {
  font-size: 1.5em;
  color: #e20023;
  text-decoration: underline;
  display: block;
}
.agenda .nav a:hover {
  color: #e20023;
  text-decoration: none;
}
/* Back button */
.item a.back {
  background-position: left 0;
  padding: 0 0 0 0;
  float: left;
}
.item a.back:hover {
  background-position: left -40px;
}
/* Mail button */
.item a.send {
  background-image: url("../../img/kopie/btnSend.png");
  background-position: 0 0;
  width: 30px;
  float: right;
  margin: 0 0 0 6px;
}
.item a.send:hover {
  background-position: 0 -40px;
}
.item a.send.active {
  background-position: 0 -40px;
}
.item a.send.active:hover {
  background-position: 0 -40px;
}
/* Print button */
.item a.print {
  background-image: url("../../img/kopie/btnPrint.png");
  background-position: 0 0;
  width: 30px;
  float: right;
  margin: 0 0 0 6px;
}
.item a.print:hover {
  background-position: 0 -40px;
}
/* Read more button */
.item a.more {
  background-position: right 0;
  padding: 0 0 0 0;
  float: left;
}
.item a.more:hover {
  background-position: right -40px;
}
/* Top button */
.item a.top {
  /*background-image: url("@{img3}/kopie/btnTop.png");*/
  background-position: right 0;
  padding: 0 0 0 0;
  float: right;
}
.item a.top:hover {
  /*background-position: right -40px;*/
}
/* Book button */
.item a.book {
  background: #444444;
  width: 70px;
  height: 20px;
  float: right;
  display: block;
  margin: 0 50px 0 0;
  color: #ffffff;
  text-align: center;
}
.item a.book:hover {
  background: #F89B35;
  color: #ffffff;
}
/* Wiki button */
.item a.wiki {
  width: 75px;
  height: 30px;
  float: left;
  display: block;
}
/* Item specific sharebutton CSS */
.item span.social a {
  background: no-repeat;
  background-image: url("../../img/kopie/spriteSocial.png");
  width: 30px;
  height: 30px;
  float: left;
  display: block;
  padding: 0;
  margin: 0 0 0 6px;
}
.item span.social a span {
  display: none;
}
/*.item.uitgelicht
{
	.left
	{
		width: 770px;
		padding: 30px 0 0 0;
	}

	.thumb
	{
		float: right;
		margin: 0 25px 0 0;

		img
		{
			border-radius: 160px;
			border: 10px solid #f2f2f2;
		}
	}
}

	.item.uitgelicht:nth-of-type(even)
	{
		.left
		{
			float: right;
		}

		.thumb
		{
			float: left;
			margin: 0 0 0 25px;

			img
			{
			}
		}
	}*/
/*===============================================================================================*/
/*		RESPONSIVE																											 */
/*===============================================================================================*/
/*===============================================================================================*/
@media screen and (max-width: 1010px) {
  .agenda .date {
    width: 150px;
  }
  .agenda .right {
    width: 500px;
  }
}
/*===============================================================================================*/
/*		MOBILE																												 */
/*===============================================================================================*/
@media screen and (max-width: 740px) {
  .agenda {
    width: 100%;
    margin: 0 0 20px 0;
    padding: 0 0;
  }
  .agenda .date {
    width: 100%;
    font-size: 1.5em;
    color: #e20023;
    padding: 0 0 0 0;
    margin: 0 0 5px 0;
    float: left;
  }
  .agenda .right {
    width: 100%;
    padding: 0 0 0 0;
    border-left: 0px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
    float: left;
  }
  .agenda .right .title {
    margin: 0 0 7px 0;
    display: block;
    clear: both;
  }
  .agenda .right .title h1,
  .agenda .right .title h2 {
    font-size: 1.5em;
  }
  .agenda .right .timeLoc {
    font-size: 1.5em;
    margin: 0 0 15px 0;
  }
}
/*===============================================================================================*/

/*===============================================================================================*/
/*		SIDEBAR MENU																										 */
/*===============================================================================================*/
ul.menu {
  width: 250px;
  background: #FFF;
  border: 1px solid #e3e3e3;
  border-bottom: 1px solid #e20023;
  display: block;
  margin: 0 10px 10px 10px;
  padding: 0;
  list-style: none;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
ul.menu li {
  margin: 0;
}
ul.menu a {
  background: url("../../img/arrowBlack.svg") no-repeat 20px 12px;
  background-size: 10px 10px;
  padding: 10px 10px 10px 40px;
  font-size: 1.3em;
  color: #000000;
  text-decoration: none;
  border-bottom: 1px solid #e3e3e3;
  display: block;
  clear: both;
  -moz-transition: color 0.1s ease-in-out;
  -o-transition: color 0.1s ease-in-out;
  -webkit-transition: color 0.1s ease-in-out;
  transition: color 0.1s ease-in-out;
}
ul.menu a:hover {
  color: #e20023;
  text-decoration: none;
}
ul.menu a.current {
  background: url("../../img/arrowBlackDown.svg") no-repeat 20px 12px;
  background-size: 10px 10px;
  font-weight: bold;
  color: #e20023;
}
ul.menu a.parent {
  background: url("../../img/arrowBlackDown.svg") no-repeat 20px 12px;
  background-size: 10px 10px;
  font-weight: bold;
  color: #e20023;
}
ul.menu .subMenu {
  padding: 0;
  list-style: none;
}
ul.menu .subMenu li {
  padding: 0 0 0 0;
}
ul.menu .subMenu li a {
  padding: 10px 10px 10px 46px;
  background: none;
}
ul.menu .subMenu .subMenu li a {
  padding: 10px 10px 10px 56px;
}
ul.menu .subMenu .subMenu .subMenu li a {
  padding: 10px 10px 10px 66px;
}
ul.menu a img {
  display: none;
}
ul.menu a img.link {
  display: none;
}
/*===============================================================================================*/
@media screen and (max-width: 1010px) {
  ul.menu {
    display: none;
  }
}
/*===============================================================================================*/

/*===============================================================================================*/
/*		SLICK SLIDER																										 */
/*===============================================================================================*/
[data-section="actiefietsenMetTitel2017"] .slick-track {
	left: 0;
}
[data-section="actiefietsenMetTitel2017"] .slick-dots {
	margin: 20px 0 30px 0;
}
.slick-slider {
	position: relative;
	display: block;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}

.slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

	.slick-list:focus {
		outline: none;
	}

	.slick-list.dragging {
		cursor: pointer;
		cursor: hand;
	}

.slick-slider .slick-track,
.slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.slick-track {
	position: relative;
	top: 0;
	left: 10px;
	display: block;
}

	.slick-track:before,
	.slick-track:after {
		display: table;
		content: '';
	}

	.slick-track:after {
		clear: both;
	}

.slick-loading .slick-track {
	visibility: hidden;
}

.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px;
}

[dir='rtl'] .slick-slide {
	float: right;
}

.slick-slide img {
	display: block;
}

.slick-slide.slick-loading img {
	display: none;
}

.slick-slide.dragging img {
	pointer-events: none;
}

.slick-initialized .slick-slide {
	display: block;
}

.slick-loading .slick-slide {
	visibility: hidden;
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}

/*===============================================================================================*/
/*		RESPONSIVE																											 */
/*===============================================================================================*/

@media screen and (max-width: 1010px) {
	.slick-track {
		left: 0;
	}
}

/*===============================================================================================*/

/*===============================================================================================*/
/*		BREADCRUMB																											 */
/*===============================================================================================*/
.breadcrumb {
  width: 100%;
  max-width: 1200px;
  height: 70px;
  line-height: 30px;
  padding: 20px 10px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.breadcrumb a {
  font-size: 1.4em;
  color: #000000;
  font-weight: normal;
  text-decoration: none;
}
.breadcrumb a:hover {
  color: #e20023;
}
.breadcrumb a.current {
  font-weight: 600;
}
.breadcrumb img,
.searchCrumb img {
  background: transparent url("../../img/arrowBlack.svg") 0 0 no-repeat;
  background-size: 9px 9px;
  background-position: center center;
  width: 25px;
  height: 11px;
}
/*===============================================================================================*/
/*		MOBILE																												 */
/*===============================================================================================*/
@media screen and (max-width: 740px) {
  .breadcrumb {
    height: auto;
    line-height: normal;
    padding: 20px 20px;
  }
  .breadcrumb a {
    line-height: 1.4em;
  }
}
/*===============================================================================================*/

/*===============================================================================================*/
/*		CALENDAR																												 */
/*===============================================================================================*/
/*	Weekdays (m, d, w, d, v, z, z) */
td.calDayHeader {
  text-align: right;
  border-bottom: 1px solid #ffffff;
  color: #000000;
}
img.calDayHeader {
  width: 18px;
}
/* Weeknumbers */
td.calWeekNo {
  text-align: right;
  border-right: 1px solid #ffffff;
  cursor: pointer;
  color: #000000;
}
img.calWeekNo {
  width: 18px;
}
/* onMouseOver weeknumbers */
td.calSel {
  background-color: #CCCCCC;
}
/* Days of current month */
td.calDay {
  background-color: #ffffff;
  color: #000000;
  cursor: pointer;
  border-right: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
  font-weight: bold;
}
td.calDay.blue {
  background-color: #0083CA;
  color: #ffffff;
}
/* Days of other month */
td.calDayOM {
  text-align: right;
  color: #959595;
  cursor: pointer;
  border-right: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  visibility: hidden;
}
/* Selected day of current month */
td.calSelected {
  background-color: #cccccc;
  border-right: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  color: #ffffff;
}
td.calDay.blue.calSelected {
  background-color: #06A8FF;
  color: #ffffff;
}
/* Selected day of other month */
td.calSelectedOM {
  background-color: #CCCCCC;
  border-right: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  color: #ffffff;
}
/* Today */
/* If there is an event on the day */
td.calFilled {
  font-weight: bold;
}
/* The TD which is showing the month */
td.calMonth {
  color: #EC174E;
}
/* The TD's which are disabled */
td.calDisabled {
  color: #959595;
  background: #E9E9E9;
  font-weight: normal;
}
/* The prior/next month buttons */
/* Extra added CSS for a modern calendar look */
.calendar table {
  margin: 0 1px 0 0;
  background: #eeeeee;
}
.calendar table td {
  font-family: Arial, Verdana, sans-serif;
  width: 32px;
  height: 32px;
  text-align: center;
  font-size: 1.2em;
}
.calendar table tr#trButtons {
  font-family: Arial, Verdana, sans-serif;
  color: #000000;
  font-size: 1.3em !important;
}
.calendar button {
  width: 32px !important;
  height: 32px;
  float: none;
  font-size: 0em;
  color: transparent;
  border: 0;
  padding: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.calendar button:hover {
  color: transparent;
}
.calendar button.priorMonth {
  background: url(../../img/kopie/btnCalPrev.png) center center no-repeat;
}
.calendar button.priorMonth:hover {
  background: url(../../img/kopie/btnCalPrevH.png) center center no-repeat;
}
.calendar button.nextMonth {
  background: url(../../img/kopie/btnCalNext.png) center center no-repeat;
}
.calendar button.nextMonth:hover {
  background: url(../../img/kopie/btnCalNextH.png) center center no-repeat;
}
/*===============================================================================================*/

/*===============================================================================================*/
/*		CLUSTER POPUP																										 */
/*===============================================================================================*/
.clusterPopup {
  width: 100%;
  max-height: 0;
  float: left;
  padding: 0 10px;
  overflow: hidden;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.clusterPopup .inner {
  background: #f2f2f2 url("../../img/bgBatavusGrey.png") center top repeat-x;
  width: 100%;
  float: left;
  border: 1px solid #e3e3e3;
  position: relative;
}
.clusterPopup .models {
  width: 100%;
  float: left;
  padding: 0 0 20px 0;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.clusterPopup h2.title {
  margin: 20px 0;
  font-size: 4.4em;
  font-weight: 300;
  text-align: center;
}
.clusterPopup h3 {
  margin: 0 0 30px 0;
  font-size: 1.9em;
  font-weight: 400;
  text-align: center;
}
.clusterPopup .close {
  font-size: 1.4em;
  color: #666666;
  font-weight: 700;
  position: absolute;
  top: 20px;
  right: 20px;
  cursor: pointer;
}
.clusterPopup .slick-prev {
  top: 95%;
  left: 20px;
}
.clusterPopup .slick-next {
  top: 95%;
  right: 20px;
}
.clusterPopup.open {
  max-height: 5000px;
}
/*===============================================================================================*/
/*		RESPONSIVE																											 */
/*===============================================================================================*/
/*===============================================================================================*/
/*===============================================================================================*/
/*		MOBILE																												 */
/*===============================================================================================*/
@media screen and (max-width: 740px) {
  .clusterPopup {
    padding: 0 20px;
  }
  .clusterPopup .models {
    padding: 0 9px 10px 9px;
  }
  .clusterPopup h2.title {
    margin: 16px 0;
    font-size: 2.2em;
  }
  .clusterPopup h3 {
    margin: 0 0 16px 0;
    padding: 0 10px;
    font-size: 1.2em;
  }
  .clusterPopup .close {
    top: 10px;
    right: 10px;
  }
}
/*===============================================================================================*/

/*===============================================================================================*/
/*		CONTACT PAGINA																										 */
/*===============================================================================================*/
[data-section=contactTop] {
  /*padding: 35px 0 70px 0;*/
  padding: 0 0 70px 0;
}
.contact {
  width: 100%;
  padding: 0 10px;
  float: left;
}
.contact .left {
  width: 48%;
  float: left;
}
.contact .left [data-section=contactuitleg] {
  padding: 20px;
  border: 1px solid #e3e3e3;
  margin: 0 0 20px 0;
}
.contact .left [data-section=contactuitleg] .item {
  margin: 0;
  padding: 0;
}
.contact .left [data-section=contactuitleg] .item h1,
.contact .left [data-section=contactuitleg] .item h2 {
  font-size: 2.1em;
}
.contact .left a.keys,
.contact .left a.manual {
  width: 48%;
  height: 170px;
  padding: 90px 20px 20px 20px;
  text-align: center;
  border: 1px solid #e3e3e3;
  border-bottom: 1px solid #e20023;
  background: url("../../img/key_grey.svg") no-repeat center 30px;
  background-size: 42px 42px;
  text-decoration: none;
  float: left;
}
.contact .left a.keys h2,
.contact .left a.manual h2 {
  font-size: 2.1em;
  color: #000000;
  margin: 0 0 15px 0;
}
.contact .left a.keys span,
.contact .left a.manual span {
  font-size: 1.3em;
  text-decoration: underline;
}
.contact .left a.manual {
  background: url("../../img/manual_grey.svg") no-repeat center 30px;
  background-size: 37px 42px;
  float: right;
}
.contact .left a.keys:hover {
  background: url("../../img/key_red.svg") no-repeat center 30px;
  background-size: 42px 42px;
}
.contact .left a.manual:hover {
  background: url("../../img/manual_red.svg") no-repeat center 30px;
  background-size: 37px 42px;
}
.contact .right {
  width: 48%;
  float: right;
}
.contact .right .contactFaq {
  width: 100%;
  min-height: 400px;
  padding: 20px;
  border: 1px solid #e3e3e3;
  float: left;
}
.contact .right .contactFaq .pagetitle {
  margin: 0 0 10px 0;
}
.contact .right .contactFaq .pagetitle h2 {
  font-size: 2.1em;
  padding: 0;
  margin: 0;
  text-align: left;
}
.contact .right .contactFaq a.moreQuestions {
  font-size: 1.5em;
  margin: 15px 0 0 0;
  text-decoration: underline;
  float: left;
}
.contact .right .contactFaq a.moreQuestions:hover {
  text-decoration: none;
}
.formContent {
  margin: 0 10px;
}
.forms {
  width: 100%;
  padding: 20px;
  border: 1px solid #e3e3e3;
  background: #FFF;
  float: left;
}
.forms .pagetitle {
  margin: 0 0 20px 0;
  text-align: left;
}
.forms .pagetitle h2 {
  font-size: 2.1em;
  padding: 0;
  margin: 0;
  text-align: left;
}
.forms .formSelect {
  width: 100%;
  margin: 0 0 20px 0;
  padding: 0 0 20px 0;
  font-size: 1.5em;
  border-bottom: 1px solid #e3e3e3;
  float: left;
}
.forms .formSelect select {
  width: 310px;
  height: 45px;
  padding: 0 10px;
  font-size: 1.0em;
  margin: 0 0 0 10px;
}
.forms .item {
  margin: 0;
  padding: 0;
}
[data-section="adres"] {
  padding: 70px 0 550px 0;
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 100% auto;
}
[data-section="adres"] .twoColumn h2 {
  font-size: 2.1em;
  text-align: left;
  padding: 0 0 0 20px;
  margin: 0 0 15px 0;
}
/*===============================================================================================*/
/*		RESPONSIVE																											 */
/*===============================================================================================*/
@media screen and (max-width: 1220px) {
  [data-section="adres"] {
    padding: 70px 0 350px 0;
  }
}
/*===============================================================================================*/
@media screen and (max-width: 1010px) {
  .contact .left a.keys h2,
  .contact .left a.manual h2 {
    font-size: 1.3em;
  }
  .contact .left a.keys span,
  .contact .left a.manual span {
    font-size: 1.1em;
  }
  .contact .right .contactFaq {
    min-height: 426px;
  }
}
/*===============================================================================================*/
/*		MOBILE																												 */
/*===============================================================================================*/
@media screen and (max-width: 740px) {
  [data-section=contactTop] {
    padding: 20px 0 35px 0;
  }
  .contact {
    padding: 0 20px;
  }
  .contact .left {
    width: 100%;
    margin: 0 0 10px 0;
  }
  .contact .left [data-section=contactuitleg] {
    padding: 10px;
    margin: 0 0 10px 0;
  }
  .contact .left [data-section=contactuitleg] .item h1,
  .contact .left [data-section=contactuitleg] .item h2 {
    font-size: 1.7em;
  }
  .contact .left a.keys,
  .contact .left a.manual {
    width: 100%;
    height: 170px;
    padding: 90px 20px 20px 20px;
  }
  .contact .left a.keys h2,
  .contact .left a.manual h2 {
    font-size: 1.7em;
    margin: 0 0 10px 0;
  }
  .contact .left a.keys span,
  .contact .left a.manual span {
    font-size: 1.1em;
  }
  .contact .left a.keys {
    margin: 0 0 10px 0;
  }
  .contact .right {
    width: 100%;
    float: left;
  }
  .contact .right .contactFaq {
    min-height: 200px;
    padding: 10px;
  }
  .contact .right .contactFaq .pagetitle {
    margin: 0 0 5px 0;
  }
  .contact .right .contactFaq .pagetitle h2 {
    font-size: 1.7em;
  }
  .formContent {
    margin: 0 20px;
  }
  .forms {
    padding: 10px;
  }
  .forms .pagetitle {
    margin: 0 0 10px 0;
  }
  .forms .pagetitle h2 {
    font-size: 1.7em;
  }
  .forms .formSelect {
    width: 100%;
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
    font-size: 1.3em;
  }
  .forms .formSelect select {
    width: 100%;
    padding: 0 10px;
    font-size: 1.0em;
    margin: 10px 0 0 0;
  }
  .section[data-section="adres"] {
    padding: 35px 0 200px 0;
  }
  .section[data-section="adres"] .twoColumn h2 {
    font-size: 1.7em;
    padding: 0 0 0 0;
    margin: 0 0 10px 0;
  }
  .section[data-section="adres"] .twoColumn .text img {
    width: 100%;
    height: auto;
  }
}
/*===============================================================================================*/

/*===============================================================================================*/
/*		COOKIES																												 */
/*===============================================================================================*/
.cookies button {
  float: none;
}
.cookies button:hover {
  background: rgba(226, 0, 35, 0.8);
}
/*===============================================================================================*/
/*		RESPONSIVE																											 */
/*===============================================================================================*/
/*===============================================================================================*/
/*===============================================================================================*/
/*		MOBILE																												 */
/*===============================================================================================*/
/*===============================================================================================*/

/*===============================================================================================*/
/*		E-BIKE DEALER PAGINA																								 */
/*===============================================================================================*/
[data-section=items_dealer] {
  padding: 80px 0 60px 0;
  background: #f2f2f2;
}
.dealerItems {
  width: 560px;
  float: left;
}
.dealerItems .item .title {
  font-family: 'Heavitas', sans-serif;
}
.aside {
  width: 550px;
  margin: 0 10px 0 0;
  float: right;
}
.aside .dealerAddress {
  width: 100%;
  margin: 0 0 30px 0;
  float: left;
}
.aside .dealerAddress .title {
  font-family: 'Heavitas', sans-serif;
  margin: 0 0 10px 0;
}
.aside .dealerAddress .title h3 {
  font-size: 1.5em;
}
.aside .dealerAddress .type {
  width: 100%;
  margin: 20px 0 20px 0;
  float: left;
}
.aside .dealerAddress .type .expert {
  height: 40px;
  margin: 0 15px 0 0;
  float: left;
}
.aside .dealerAddress .type .expert .logo {
  width: 40px;
  height: 40px;
  margin: 0 5px 0 0;
  background: #e20023 url("/img/logoE.png") no-repeat center center;
  background-size: 30px 25px;
  float: left;
}
.aside .dealerAddress .type .expert span {
  line-height: 40px;
  font-size: 1.2em;
}
.aside .dealerAddress .type .premium {
  height: 40px;
  margin: 0 15px 0 0;
  float: left;
}
.aside .dealerAddress .type .premium img {
  height: 40px;
  margin: 0 5px 0 0;
  float: left;
}
.aside .dealerAddress .type .premium span {
  line-height: 40px;
  font-size: 1.2em;
  float: left;
}
.aside .dealerAddress .address {
  font-size: 1.5em;
  margin: 0 0 5px 0;
}
.aside .dealerAddress a.phonenumber {
  font-size: 1.5em;
}
.aside .openingHours {
  width: 100%;
  margin: 0 0 30px 0;
  float: left;
}
.aside .planProefritBanner {
  width: 100%;
  height: 230px;
  background: url("/img/bgTekstbannerWide.jpg") no-repeat right 0;
  background-size: cover;
  text-align: center;
  margin: 0 0 30px 0;
  position: relative;
  float: left;
}
.aside .planProefritBanner .logoE {
  background-repeat: no-repeat;
  background-image: url(/img/logoE.png);
  background-size: 72px 60px;
  background-position: center center;
  width: 72px;
  height: 60px;
  position: absolute;
  top: 50px;
  left: 50%;
  margin: 0 0 0 -36px;
}
.aside .planProefritBanner .logoExpert {
  background-repeat: no-repeat;
  background-image: url(/img/logoExpert.png);
  background-size: 200px 68px;
  background-position: center center;
  width: 200px;
  height: 68px;
  position: absolute;
  right: 0;
  bottom: 0;
}
.aside .planProefritBanner .title {
  width: 100%;
  font-family: 'Heavitas', sans-serif;
  color: #ffffff;
  font-size: 2.0em;
  margin: 40px 0 20px 0;
  float: left;
}
.aside .planProefritBanner a.planProefrit {
  background: #549cd7;
  height: 50px;
  line-height: 50px;
  display: inline-block;
  margin: 10px 0 0 0;
  padding: 0 20px;
  font-size: 1.6em;
  font-weight: 600;
  color: #ffffff;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 5px;
  border: 1px solid #549cd7;
  cursor: pointer;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), inset 0 1px 1px #ffffff, inset 0 0 1px rgba(0, 0, 0, 0.5);
  /*bottom dark shadow*/
}
.aside .planProefritBanner a.planProefrit:hover {
  background: #65ade8;
}
.aside .dealerMap {
  width: 100%;
  margin: 0 0 30px 0;
  float: left;
}
.aside .dealerMap .title {
  font-family: 'Heavitas', sans-serif;
  margin: 0 0 10px 0;
}
.aside .dealerMap .title h3 {
  font-size: 1.5em;
}
.aside .dealerMap .map {
  width: 100%;
  height: 200px;
  margin: 0 0 10px 0;
  background: #ffffff;
  float: left;
}
.aside .dealerMap a {
  font-size: 1.5em;
  text-decoration: underline;
  float: right;
}
.aside .dealerMap a:hover {
  text-decoration: none;
}
/*===============================================================================================*/
/*		RESPONSIVE																											 */
/*===============================================================================================*/
@media screen and (max-width: 1220px) {
  .dealerItems {
    width: 500px;
  }
  .aside {
    width: 450px;
  }
}
/*===============================================================================================*/
@media screen and (max-width: 1010px) {
  .dealerItems {
    width: 100%;
  }
  .aside {
    width: 100%;
    padding: 0 10px;
    margin: 0;
  }
  .aside .planProefritBanner {
    width: 48%;
    float: right;
  }
  .aside .dealerMap {
    width: 48%;
    float: left;
  }
}
/*===============================================================================================*/
/*		MOBILE																												 */
/*===============================================================================================*/
@media screen and (max-width: 740px) {
  .aside .planProefritBanner {
    width: 100%;
  }
  .aside .dealerMap {
    width: 100%;
  }
}
/*===============================================================================================*/

/*===============================================================================================*/
/*		FAQ																										 */
/*===============================================================================================*/
.faq {
  width: 100%;
  border-bottom: 1px solid #e3e3e3;
  float: left;
}
.faq a.question {
  background: url("../../img/arrowBlack.svg") no-repeat 10px 13px;
  background-size: 12px 12px;
  width: 100%;
  font-size: 1.5em;
  line-height: 1.2em;
  font-weight: 600;
  color: #000000;
  padding: 10px 0 10px 30px;
  float: left;
}
.faq .answer {
  width: 100%;
  font-size: 1.5em;
  line-height: 1.6em;
  padding: 10px 10px 10px 30px;
  float: left;
}
.faq.active a.question {
  background: url("../../img/arrowBlackDown.svg") no-repeat 10px 13px;
  background-size: 12px 12px;
}
/*===============================================================================================*/
/*		RESPONSIVE																											 */
/*===============================================================================================*/
/*===============================================================================================*/
/*===============================================================================================*/
/*		MOBILE																												 */
/*===============================================================================================*/
@media screen and (max-width: 740px) {
  .faq a.question {
    font-size: 1.3em;
    background: url("../../img/arrowBlack.svg") no-repeat 10px 12px;
    background-size: 10px 10px;
  }
  .faq .answer {
    font-size: 1.3em;
    line-height: 1.4em;
  }
}
/*===============================================================================================*/

/*===============================================================================================*/
/*		FIETS KIEZER BANNER																								 */
/*===============================================================================================*/
.bikeBanner {
  background: #f2f2f2 url("../../img/bgBatavusGrey.png") center top repeat-x;
  width: 440px;
  height: 520px;
  float: left;
  margin: 10px;
  color: #000000;
  text-align: center;
  border: 1px solid #e3e3e3;
  -moz-transition: box-shadow 0.2s ease-in-out;
  -o-transition: box-shadow 0.2s ease-in-out;
  -webkit-transition: box-shadow 0.2s ease-in-out;
  transition: box-shadow 0.2s ease-in-out;
}
.bikeBanner h2 {
  max-width: 300px;
  margin: 170px auto 20px auto;
  padding: 0 20px;
  font-size: 2.4em;
  font-weight: 600;
}
.bikeBanner .text {
  max-width: 300px;
  margin: 0 auto 20px auto;
  padding: 0 20px;
  font-size: 1.5em;
  line-height: 1.6em;
  color: #e20023;
  text-decoration: underline;
}
.bikeBanner .nav a {
  background: #549cd7;
  height: 48px;
  line-height: 48px;
  display: inline-block;
  padding: 0 20px;
  font-size: 1.6em;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 5px;
  border: 1px solid #549cd7;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), inset 0 1px 1px #ffffff, inset 0 0 1px rgba(0, 0, 0, 0.5);
  /*bottom dark shadow*/
}
.bikeBanner .nav a:hover {
  background: #65ade8;
}
.bikeBanner:hover {
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15);
}
/* Menu version */
.menuBikeBanner {
  background: #f2f2f2 url("../../img/bgBatavusGrey.png") center top repeat-x;
  width: 400px;
  height: 100%;
  display: table;
  text-align: center;
}
.menuBikeBanner .center {
  display: table-cell;
  vertical-align: middle;
}
.menuBikeBanner h2 {
  margin: 0 0 10px 0;
  font-size: 1.5em;
  font-weight: 700;
  color: #e20023;
  text-transform: uppercase;
}
.menuBikeBanner .text {
  max-width: 80%;
  margin: 0 auto 20px auto;
  font-size: 1.5em;
  line-height: 1.4em;
  font-weight: 400;
}
/* Heel smerig dit maar is even niet anders.. */
#scaleMenu ul.floatMenu .nav a {
  background: #fff;
  width: auto;
  height: 48px;
  line-height: 48px;
  display: inline-block;
  padding: 0 20px;
  font-size: 1.5em;
  font-weight: 700;
  text-transform: uppercase;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), inset 0 1px 1px #ffffff, inset 0 0 1px rgba(0, 0, 0, 0.5);
  /*bottom dark shadow*/
}
#scaleMenu ul.floatMenu .nav a:hover {
  background: #e20023;
  color: #fff;
}
/*===============================================================================================*/
/*		RESPONSIVE																											 */
/*===============================================================================================*/
@media screen and (max-width: 1220px) {
  .bikeBanner {
    width: 340px;
    height: 440px;
  }
  .bikeBanner h2 {
    margin: 130px auto 20px auto;
  }
}
/*===============================================================================================*/
/*===============================================================================================*/
/*		MOBILE																												 */
/*===============================================================================================*/
@media screen and (max-width: 740px) {
  .bikeBanner {
    width: 280px;
    height: auto;
    margin: 10px 20px;
  }
  .bikeBanner h2 {
    margin: 30px auto 14px auto;
    font-size: 1.8em;
  }
  .bikeBanner .text {
    margin: 0 auto 14px auto;
    font-size: 1.3em;
    line-height: 1.4em;
  }
  .bikeBanner .nav {
    margin: 0 0 30px 0;
  }
  .bikeBanner .nav a {
    height: 36px;
    line-height: 36px;
    padding: 0 20px;
    font-size: 1.4em;
  }
}
/*===============================================================================================*/

/*===============================================================================================*/
/*		FILTER																												 */
/*===============================================================================================*/
/* Sorting */
.sort {
  width: 100%;
  float: left;
  margin: 30px 0 20px 0;
  padding: 0 10px;
}
.sort > div {
  float: right;
  font-size: 1.5em;
  line-height: 50px;
  font-weight: 400;
  position: relative;
}
.sort .caption {
  float: left;
  margin: 0 20px 0 0;
}
.sort select {
  width: 190px;
  cursor: pointer;
}
.sort .customSelect {
  background: #ffffff url(../../img/arrowSort.png) 156px center no-repeat;
  background-size: 12px 7px;
  padding: 0 20px;
  top: 0;
  right: 0;
  border: 1px solid #e3e3e3;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
}
/* Filter */
#modelFilters {
  background: #fff;
  width: 260px;
  float: left;
  margin: 10px;
  border-top: 1px solid #e3e3e3;
  border-right: 1px solid #e3e3e3;
  border-left: 1px solid #e3e3e3;
  border-bottom: 1px solid #e20023;
  position: relative;
  /* Color filter part */
}
#modelFilters .toggle {
  display: none;
}
#modelFilters .labelGroup {
  width: 100%;
  float: left;
  padding: 20px;
  border-bottom: 1px solid #e3e3e3;
}
#modelFilters .title {
  margin: 0 0 20px 0;
  font-size: 1.7em;
  font-weight: 700;
}
#modelFilters .title .infoPopup {
  float: none;
  display: inline-block;
  margin: 0 0 0 6px;
}
#modelFilters .title .infoPopup .content {
  font-size: 0.9em;
}
#modelFilters .label {
  width: 100%;
  float: left;
  margin: 0 0 12px 0;
}
#modelFilters .label:last-of-type {
  margin: 0;
}
#modelFilters input[type="checkbox"] + label {
  height: auto;
  min-height: 18px;
  font-size: 1.4em;
  font-weight: 400;
}
#modelFilters input[type="checkbox"] + label span {
  margin: 0 0 0 4px;
}
#modelFilters input[type="checkbox"] + label.disabled {
  opacity: 0.3;
}
#modelFilters #priceFilterSlider {
  margin: 0 6px 20px 6px;
}
#modelFilters #priceFilterLow,
#modelFilters #priceFilterHigh {
  width: 74px;
  height: 36px;
  float: left;
  font-size: 1.3em;
  font-weight: 400;
  line-height: 1em;
  text-align: center;
  /*box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, 0.1);*/
}
#modelFilters #priceFilterHigh {
  float: right;
}
#modelFilters .bottom {
  width: 100%;
  float: left;
  padding: 20px;
}
#modelFilters .bottom a {
  font-size: 1.5em;
  font-weight: 400;
  color: #e20023;
  text-decoration: underline;
}
#modelFilters .bottom a:hover {
  text-decoration: none;
}
#modelFilters .bottom > div {
  margin: 0 0 12px 0;
}
#modelFilters .bottom > div:last-of-type {
  margin: 0;
}
#modelFilters .label.color {
  width: auto;
  margin: 0;
}
#modelFilters .label.color input[type="checkbox"] + label {
  background: none;
  padding: 5px;
  margin: 0 5px 5px 0;
  border: 1px solid #e3e3e3;
  color: #000000;
  font-size: 1.5em;
  float: left;
  position: relative;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
#modelFilters .label.color input[type="checkbox"] + label img {
  width: 35px;
  height: 35px;
  float: left;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
#modelFilters .label.color input[type="checkbox"] + label span {
  width: 35px;
  height: 35px;
  margin: 0;
  position: absolute;
  top: 5px;
  left: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), inset 0 1px 1px #ffffff, inset 0 0 1px rgba(0, 0, 0, 0.5);
  /*bottom dark shadow*/
}
#modelFilters .label.color input[type="checkbox"] + label:hover,
#modelFilters .label.color input[type="checkbox"]:checked + label {
  border: 1px solid #549cd7;
  text-decoration: none;
}
/*===============================================================================================*/
/*		RESPONSIVE																											 */
/*===============================================================================================*/
/*===============================================================================================*/
@media screen and (max-width: 1010px) {
  #modelFilters {
    margin: 0;
    border-bottom: 1px solid #e3e3e3;
    position: fixed;
    top: 64px;
    right: -260px;
    bottom: 0;
    z-index: 1000;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }
  #modelFilters .toggle {
    background: #e20023 url(../../img/arrowFilter.png) 16px center no-repeat;
    background-size: 12px 7px;
    width: 54px;
    height: 40px;
    line-height: 40px;
    display: block;
    padding: 0 0 0 40px;
    font-size: 1.4em;
    font-weight: 600;
    color: #fff;
    text-decoration: none;
    position: absolute;
    top: 36px;
    left: -67px;
    z-index: 1000;
    cursor: pointer;
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  #modelFilters .toggle.open {
    background: #e20023 url(../../img/arrowFilterClose.png) 16px center no-repeat;
    background-size: 12px 7px;
  }
  #modelFilters .title .infoPopup {
    display: none;
  }
  #modelFilters .filters {
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    overflow-y: auto;
  }
  #modelFilters.open {
    box-shadow: -1px 0 2px 0 rgba(0, 0, 0, 0.1);
    right: 0;
  }
}
/*===============================================================================================*/
/*		MOBILE																												 */
/*===============================================================================================*/
@media screen and (max-width: 740px) {
  /* Sorting */
  .sort {
    padding: 0 50px 0 20px;
  }
  .sort > div {
    float: right;
    font-size: 1.3em;
    line-height: 40px;
  }
  .sort .caption {
    margin: 0 10px 0 0;
  }
  .sort select {
    width: 150px;
  }
  .sort .customSelect {
    background: #ffffff url(../../img/arrowSort.png) 126px center no-repeat;
    background-size: 12px 7px;
    padding: 0 10px;
    border-radius: 5px;
  }
}
/*===============================================================================================*/

/*===============================================================================================*/
/*		FONTS																													 */
/*===============================================================================================*/
@font-face {
  font-family: "Heavitas";
  src: url("/fonts/Heavitas.eot?") format("eot"), url("/fonts/Heavitas.woff") format("woff"), url("/fonts/Heavitas.ttf") format("truetype"), url("/fonts/Heavitas.svg#Heavitas") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'AkzidenzGrotesk_Regular';
  src: url('/fonts/akzidenzgrotesk-cond.eot');
  src: url('/fonts/akzidenzgrotesk-cond.eot?#iefix') format('embedded-opentype'), url('/fonts/akzidenzgrotesk-cond.woff2') format('woff2'), url('/fonts/akzidenzgrotesk-cond.woff') format('woff'), url('/fonts/akzidenzgrotesk-cond.ttf') format('truetype'), url('/fonts/akzidenzgrotesk-cond.svg#AkzidenzGrotesk_Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'AkzidenzGrotesk_Bold';
  src: url('/fonts/akzidenzgrotesk-boldcond.eot');
  src: url('/fonts/akzidenzgrotesk-boldcond.eot?#iefix') format('embedded-opentype'), url('/fonts/akzidenzgrotesk-boldcond.woff2') format('woff2'), url('/fonts/akzidenzgrotesk-boldcond.woff') format('woff'), url('/fonts/akzidenzgrotesk-boldcond.ttf') format('truetype'), url('/fonts/akzidenzgrotesk-boldcond.svg#AkzidenzGrotesk_Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}
/*===============================================================================================*/

/*===============================================================================================*/
/*		FOOTER																												 */
/*===============================================================================================*/
/* Newsletter */
.newsletter {
  width: 100%;
  text-align: center;
  float: left;
  padding: 50px 0;
}
.newsletter .title {
  width: 100%;
  font-size: 1.5em;
  margin: 0 0 15px 0;
  float: left;
}
.newsletter form {
  width: 100%;
  text-align: center;
  float: left;
}
.newsletter form ul {
  width: auto;
  padding: 0;
  display: inline-block;
  list-style: none;
}
.newsletter form ul li {
  margin: 0;
  float: left;
}
.newsletter form ul li input {
  width: 290px;
  font-size: 1.5em;
  border-right: none;
}
.newsletter form ul li input.wrong {
  border: 1px solid #e20023;
  color: #e20023;
  border-right: none;
}
.newsletter form ul li input.wrong::-webkit-input-placeholder {
  color: #e20023;
}
.newsletter form ul li input.wrong:-moz-placeholder {
  /* Firefox 18- */
  color: #e20023;
}
.newsletter form ul li input.wrong::-moz-placeholder {
  /* Firefox 19+ */
  color: #e20023;
}
.newsletter form ul li input.wrong:-ms-input-placeholder {
  color: #e20023;
}
.newsletter form ul li .submitCell {
  position: relative;
}
.newsletter form ul li .submitCell img {
  position: absolute;
  top: 19px;
  right: 70px;
}
.newsletter form ul li input.submitButton {
  border: 1px solid #e3e3e3;
  line-height: normal;
  background: #FFF;
  text-transform: uppercase;
  color: #549cd7;
  font-weight: 700;
  cursor: pointer;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.newsletter form ul li input.submitButton:hover {
  color: #fff;
  background: #549cd7;
}
/* Footer categories */
.categories {
  background: center center no-repeat;
  background-size: cover;
  width: 100%;
  min-height: 420px;
  float: left;
  padding: 40px 0;
  border-top: 1px solid #e4e4e4;
}
.categories .column {
  width: 220px;
  float: left;
  margin: 10px;
}
.categories .block {
  margin: 0 0 20px 0;
}
.categories .block:last-of-type {
  margin: 0;
}
.categories ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.categories ul li {
  margin: 0 0 10px 0;
  padding: 0;
}
.categories a {
  font-size: 1.5em;
  text-decoration: none;
}
.categories a:hover {
  text-decoration: underline;
}
.categories a.plain {
  text-decoration: none;
}
.categories .title a {
  margin: 0 0 10px 0;
  font-weight: 700;
  color: #e20023;
}
.categories .links a {
  font-weight: 400;
  color: #000000;
}
/* Payoff */
.payoff {
  width: 100%;
  float: left;
  padding: 30px 0;
  font-size: 1.9em;
  font-weight: 600;
  text-align: center;
  border-bottom: 1px solid #e4e4e4;
}
.footerLinks {
  width: 100%;
  float: left;
  padding: 30px 0;
  text-align: center;
}
.footerLinks a {
  margin: 0 0 0 8px;
  padding: 0 10px 0 0;
  font-size: 1.5em;
  font-weight: 400;
  color: #000000;
  text-decoration: none;
  border-right: 1px solid #000000;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.footerLinks a:hover {
  color: #e20023;
}
.footerLinks a:last-of-type {
  padding: 0;
  border: 0;
}
/* Partoff */
.partoff {
  width: 100%;
  float: left;
  font-size: 1.4em;
  font-weight: 400;
  line-height: 1.3em;
  color: #999;
  text-align: center;
}
.partoff .line {
  margin: 30px 0;
  padding: 0 20px;
}
/*===============================================================================================*/
/*		RESPONSIVE																											 */
/*===============================================================================================*/
@media screen and (max-width: 1220px) {
  /* Footer categories */
  .categories .column {
    width: 180px;
  }
}
/*===============================================================================================*/
@media screen and (max-width: 1010px) {
  /* Newsletter */
  .newsletter form ul li input {
    width: 200px;
  }
  .newsletter form ul li .submitCell img {
    display: none;
  }
  /* Footer categories */
  .categories .column {
    width: 124px;
  }
  .categories a {
    font-size: 1.3em;
  }
}
/*===============================================================================================*/
/*		MOBILE																												 */
/*===============================================================================================*/
@media screen and (max-width: 740px) {
  /* Newsletter */
  .newsletter {
    background: #f2f2f2;
    padding: 20px 0;
  }
  .newsletter .title {
    font-size: 1.3em;
  }
  .newsletter form ul {
    width: 280px;
  }
  .newsletter form ul li input {
    width: 280px;
    height: 40px;
    line-height: 40px;
    font-size: 1.2em;
    border: 1px solid #e3e3e3;
    border-bottom: 0;
  }
  .newsletter form ul li input.wrong {
    border: 1px solid #e20023;
  }
  /* Footer categories */
  .categories {
    min-height: 200px;
    padding: 0 0 20px 0;
    border: 0;
  }
  .categories .layout {
    width: 100%;
  }
  .categories .column {
    width: 100%;
    margin: 0;
  }
  .categories .column:first-of-type {
    border-top: 1px solid #b3b3b3;
  }
  .categories .block {
    margin: 0;
  }
  .categories ul li {
    height: 40px;
    line-height: 40px;
    margin: 0;
    padding: 0 20px;
    border-bottom: 1px solid #b3b3b3;
  }
  .categories a {
    display: block;
  }
  .categories .title a {
    margin: 0;
  }
  .categories .links {
    max-height: 0;
    overflow: hidden;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .categories .links.open {
    max-height: 500px;
  }
  .categories .menuLinks {
    width: 100%;
    float: left;
  }
  .categories .menuLinks a {
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    color: #000000;
    border-bottom: 1px solid #b3b3b3;
  }
  /* Payoff */
  .payoff {
    padding: 20px 0;
    font-size: 1.4em;
    border-bottom: 1px solid #e4e4e4;
  }
  .footerLinks {
    padding: 20px 0 0 0;
  }
  .footerLinks a {
    margin: 0 0 0 4px;
    padding: 0 5px 0 0;
    font-size: 1.3em;
  }
  /* Partoff */
  .partoff {
    font-size: 1.1em;
    line-height: 1.2em;
  }
  .partoff .line {
    margin: 20px 0;
  }
}
/*===============================================================================================*/

/*===============================================================================================*/
/*		FORM																													 */
/*===============================================================================================*/
form.form {
  width: 100%;
  margin: 0;
  padding: 0;
  float: left;
}
form.form div {
  width: 100%;
  padding: 0;
  float: left;
}
/*===============================================================================================*/
/*		FORM BASIC ELEMENTS																								 */
/*===============================================================================================*/
input {
  height: 45px;
  padding: 10px;
  font-size: 1.0em;
  border: 1px solid #e3e3e3;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
input:focus,
input.focused {
  background: #f7f7f7;
}
input[type="checkbox"],
input[type="radio"] {
  background: none;
  border: 0;
  margin: 0 5px 0 0;
  padding: 0;
  /*float: left;*/
}
input[type="file"] {
  line-height: normal;
}
input + label {
  height: 30px;
  line-height: 30px;
  float: left;
}
textarea {
  height: 80px;
  padding: 3px;
  border: 1px solid #e3e3e3;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
textarea:focus {
  background: #f7f7f7;
}
select {
  height: 45px;
  border: 1px solid #e3e3e3;
}
/*===============================================================================================*/
/*		FORM BUTTON																											 */
/*===============================================================================================*/
form.form button {
  background: #549cd7;
  height: 45px;
  line-height: 45px;
  padding: 0 20px;
  color: #fff;
  border-radius: 5px;
  border: 1px solid #549cd7;
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), inset 0 1px 1px #ffffff, inset 0 0 1px rgba(0, 0, 0, 0.5);
  /*bottom dark shadow*/
  display: inline-block;
  font-size: 1.0em;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
  cursor: pointer;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
form.form button:hover {
  background: #65ade8;
}
/* Calendar date select button */
form.form .formfield table button {
  background: no-repeat;
  background-image: url("../../img/calendar.svg");
  background-size: 25px 25px;
  background-position: center center;
  border: 0;
  width: 45px;
  height: 45px;
  padding: 0;
  margin: 0 0 0 10px;
  float: none;
  font-size: 0;
  color: transparent;
}
/*===============================================================================================*/
/*		FORM LAYOUT																											 */
/*===============================================================================================*/
form.form div.category {
  margin: 10px 0;
}
form.form div.category.first {
  margin-top: auto;
}
form.form h4 {
  color: #e20023;
}
form.form .radio {
  width: 100%;
  clear: both;
}
form.form .radio table input {
  display: block;
  margin: 7px 5px 0 3px;
  float: left;
}
form.form .formfield {
  margin: 0 0 10px 0;
}
form.form .bold,
form.form .caption {
  width: 32%;
  margin: 0 2% 0 0;
  float: left;
}
form.form .label {
  width: 100%;
  float: left;
}
form.form .field {
  width: 66%;
  float: left;
}
form.form .error {
  width: 66%;
  margin: 5px 0 0 34%;
  color: #D93535;
}
form.form label {
  float: left;
}
/*===============================================================================================*/
/*		RESPONSIVE																											 */
/*===============================================================================================*/
/*===============================================================================================*/
/*===============================================================================================*/
/*		MOBILE																												 */
/*===============================================================================================*/
@media screen and (max-width: 740px) {
  form.form .bold,
  form.form .caption {
    width: 100%;
    margin: 0;
  }
  form.form .field {
    width: 100%;
  }
  form.form .error {
    width: 100%;
    margin: 5px 0 0 0;
  }
}
/*===============================================================================================*/

/*===============================================================================================*/
/*		FORM SECTION																										 */
/*===============================================================================================*/
[data-section="forms"] {
  padding: 40px 0;
  background: #f2f2f2 url("../../img/bgBatavusGrey.png") center top repeat-x;
}
[data-section="forms"] .item {
  /*padding: 20px;
		border: 1px solid @borderGrey;
		background: #FFF;*/
}
[data-section="forms"] form.form > div > div {
  width: 45%;
  padding: 0 5% 0 0;
  border: 0px solid red;
}
[data-section="forms"] form.form .formfield {
  width: 100%;
  padding: 0 0 0 0;
}
[data-section="forms"] form.form .formfield.buttons {
  margin: 15px 0;
}
/*===============================================================================================*/
/*		RESPONSIVE																											 */
/*===============================================================================================*/
/*===============================================================================================*/
/*===============================================================================================*/
/*		MOBILE																												 */
/*===============================================================================================*/
@media screen and (max-width: 740px) {
  [data-section="forms"] form.form > div > div {
    width: 100%;
    padding: 0 5% 0 0;
    border: 0px solid red;
  }
  [data-section="forms"] form.form .caption {
    width: 100%;
  }
  [data-section="forms"] form.form .field {
    width: 100%;
  }
}
/*===============================================================================================*/

/*===============================================================================================*/
/*		HEADERFOTO																											 */
/*===============================================================================================*/
.headerPhoto {
  width: 100%;
  float: left;
}
/*===============================================================================================*/
/*		RESPONSIVE																											 */
/*===============================================================================================*/
/*===============================================================================================*/
/*===============================================================================================*/
/*		MOBILE																												 */
/*===============================================================================================*/
/*===============================================================================================*/

/* =================================================================================*/
/* FULLSCREEN SLIDSHOW */
#headerImage {
  background: #ffffff;
  height: 100%;
  position: relative;
  margin: 0 0 1.4% 0;
}
#headerImage.nomrg {
  margin: 0;
}
.slideshowContainer {
  width: 100%;
  height: 700px;
  position: relative;
}
.slideshow {
  width: 100%;
  height: 100%;
  float: left;
  top: 64px;
  bottom: 66px;
  overflow: hidden;
}
.slideshow.fixedPos {
  height: auto;
  float: none;
  position: absolute;
  top: 86px;
  bottom: 86px;
}
.slideshow .centered {
  width: 1280px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -640px;
  z-index: 200;
}
.slideshow .rsABlock {
  /*width: 460px;*/
  right: 20px;
  top: 350px;
  left: auto;
}
.slideshow .title {
  font-size: 3.4em;
  font-weight: 400;
  /*text-transform: uppercase;*/
  /*letter-spacing: 0.1em;*/
  color: #ffffff;
  padding: 0 0 20px 0;
  text-align: center;
  text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);
}
.slideshow .line1 {
  font-size: 2.2em;
  /*font-style: italic;*/
  font-weight: 400;
  color: #ffffff;
  margin: 0 0 20px 0;
  text-align: center;
  text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);
}
.slideshow .line2 {
  font-size: 1.6em;
  font-style: italic;
  color: #ffffff;
  text-align: center;
  padding: 0 0 30px 0;
  text-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
}
.slideshow .centered.black .title,
.slideshow .centered.black .line1,
.slideshow .centered.black .line2 {
  color: #656D73;
  text-shadow: 0px 0px 5px rgba(255, 255, 255, 0.25);
}
.slideshow .button {
  text-align: center;
}
.slideshow .button a {
  background: #549cd7;
  height: 70px;
  line-height: 70px;
  display: inline-block;
  margin: 10px 0 0 0;
  padding: 0 40px;
  font-size: 2.1em;
  font-weight: 600;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 5px;
  border: 1px solid #549cd7;
  cursor: pointer;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), inset 0 1px 1px #ffffff, inset 0 0 1px rgba(0, 0, 0, 0.5);
  /*bottom dark shadow*/
}
.slideshow .button a:hover {
  background: #65ade8;
}
.slideshow .navBottom {
  width: 100%;
  position: absolute;
  bottom: 140px;
  left: 0;
  text-align: center;
}
.slideshow .navBottom a {
  display: inline-block;
  text-decoration: none;
  border: 0;
}
.slideshow .navBottom a span.arrow {
  background: url("../../img/btnArrowDown.png") center center no-repeat;
  background-size: 92px 47px;
  width: 92px;
  height: 47px;
  display: inline-block;
  animation: arrowMove 3s infinite linear;
  -webkit-animation: arrowMove 3s infinite linear;
}
.slideshow .rsBullets {
  background: none;
  bottom: 85px;
}
.slideshow.fixedPos .rsBullets {
  bottom: 0;
}
.slideshow .rsBullet {
  width: 20px;
  height: 20px;
  padding: 4px;
  cursor: pointer;
}
.slideshow .rsBullet span {
  background: url("../../img/spriteSlider.png") scroll 0 0 no-repeat;
  width: 20px;
  height: 20px;
}
.slideshow .rsBullet.rsNavSelected span {
  background: url("../../img/spriteSlider.png") scroll 0 -40px no-repeat;
}
.slideshow .rsVideoContainer {
  background: #000;
}
.slideshow .rsPlayBtnIcon {
  background-color: #e20023;
  border-radius: 5px;
  border: 1px solid #e20023;
  cursor: pointer;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), inset 0 1px 1px #ffffff, inset 0 0 1px rgba(0, 0, 0, 0.5);
  /*bottom dark shadow*/
}
.slideshow .rsPlayBtn:hover .rsPlayBtnIcon {
  /*background-color: transparent;*/
  background-color: #f31134;
}
.slideshow .rsCloseVideoBtn {
  top: 12px;
  right: 12px;
}
/* FIETS SPECIFIEKE OVERLAY */
.awardLogos {
  width: 1280px;
  position: absolute;
  top: 0;
  right: 50%;
  margin-right: -640px;
  z-index: 200;
  text-align: right;
}
.awardShortLogos {
  position: absolute;
  right: 15%;
  top: 35%;
  z-index: 1;
}
.awardLogoContainer {
  padding: 20px;
  top: 120px;
  right: 0;
  position: absolute;
}
.awardLogo {
  float: left;
  clear: both;
  width: 110px;
  height: 110px;
  margin: 0 0 15px 0;
  image-rendering: -webkit-optimize-contrast;
}
.awardShortLogos .awardLogo {
  width: 75px;
  height: 75px;
  margin: 0;
}
.bikeImageOverlay {
  width: 1280px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -640px;
  z-index: 200;
}
.bikeImageOverlay .static {
  padding: 20px;
  top: 120px;
  left: 0;
  position: absolute;
}
.bikeImageOverlay .links {
  padding: 0 0 0 2px;
  margin: 0 0 10px 0;
  line-height: 1.3em;
}
.bikeImageOverlay .links a {
  font-size: 1.2em;
  text-transform: uppercase;
  text-decoration: none;
  padding: 0 8px 0 0;
  margin: 0 5px 0 0;
  border-right: 1px solid #0E7DC7;
}
.bikeImageOverlay .links a:hover {
  text-decoration: underline;
}
.bikeImageOverlay .links a.last {
  border: 0;
}
.bikeImageOverlay .name h1 {
  width: 350px;
  font-family: 'futura-pt', Arial, sans-serif;
  font-size: 3.4em;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #656D73;
  font-weight: normal;
  margin: 0 0 10px 0;
}
.bikeImageOverlay .text {
  width: 350px;
  font-size: 1.4em;
  line-height: 1.5em;
  color: #656C72;
  padding: 0 0 0 2px;
  margin: 0 0 10px 0;
}
.bikeImageOverlay .price {
  font-size: 1.4em;
  line-height: 1.5em;
  font-weight: bold;
  color: #656C72;
  padding: 0 0 0 2px;
}
/* SFEERBEELDEN SLIDESHOW */
.section#moodImage {
  position: relative;
}
#moodSlider {
  background: #EEEFEF;
  width: 100%;
  height: 420px;
  float: left;
  position: relative;
  margin: 0 0 1.4% 0;
}
#moodSlider .rsBullets {
  background: none;
  bottom: 20px;
}
#moodSlider .rsBullet {
  width: 20px;
  height: 20px;
  padding: 4px;
  cursor: pointer;
}
#moodSlider .rsBullet span {
  background: url("../../img/spriteSlider.png") scroll 0 0 no-repeat;
  width: 20px;
  height: 20px;
}
#moodSlider .rsBullet.rsNavSelected span {
  background: url("../../img/spriteSlider.png") scroll 0 -40px no-repeat;
}
#moodSlider .play {
  width: 64px;
  display: block;
  height: 64px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
  background: url(../../img/royalslider/rs-default.png) no-repeat 0 -32px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -32px 0 0 -32px;
  cursor: pointer;
  z-index: 1000;
}
.moodImage,
.moodImageVideo {
  background: #EEEFEF;
  width: 100%;
  float: left;
  position: relative;
  margin: 0 0 1.4% 0;
}
.moodImage img,
.moodImageVideo img {
  width: 100%;
  height: auto;
}
.moodImageVideo .play,
.moodImageVideoMobile .play {
  width: 64px;
  display: block;
  height: 64px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
  background: url(../../img/royalslider/rs-default.png) no-repeat 0 -32px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -32px 0 0 -32px;
  cursor: pointer;
  z-index: 1000;
}
.moodImageVideoMobile .play {
  top: auto;
  left: 20px;
  bottom: 60px;
  margin: 0 0 0 0;
}
.moodImageMobile,
.moodImageVideoMobile {
  display: none;
}
.moodImageVideoMobile {
  position: relative;
}
/* MOOD IMAGE OVERLAY */
.moodImageOverlay {
  width: 1280px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -640px;
  z-index: 200;
}
.moodImageOverlay .static {
  width: 400px;
  top: 80px;
  left: 20px;
  position: absolute;
}
.moodImageOverlay .name {
  font-family: 'futura-pt', Arial, sans-serif;
  font-size: 3em;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #ffffff;
  margin: 0 0 20px 0;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25);
}
.moodImageOverlay .text {
  font-size: 1.5em;
  line-height: 1.5em;
  color: #ffffff;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25);
}
.video.popup {
  width: 1200px;
  height: 675px;
  top: 100px;
  left: 50%;
  position: fixed;
  margin: 0 0 0 -600px;
  overflow: hidden;
  z-index: 1500;
  display: none;
}
.video.popup iframe,
.video.popup object,
.video.popup embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* Animation of moving arrow in slideshow */
@keyframes arrowMove {
  0% {
    transform: translate(0px);
    -webkit-transform: translate(0px);
    -ms-transform: translate(0px);
  }
  50% {
    transform: translateY(15px);
    -webkit-transform: translateY(15px);
    -ms-transform: translateY(15px);
  }
  100% {
    transform: translate(0px);
    -webkit-transform: translate(0px);
    -ms-transform: translate(0px);
  }
}
@-webkit-keyframes arrowMove {
  0% {
    transform: translate(0px);
    -webkit-transform: translate(0px);
    -ms-transform: translate(0px);
  }
  50% {
    transform: translateY(15px);
    -webkit-transform: translateY(15px);
    -ms-transform: translateY(15px);
  }
  100% {
    transform: translate(0px);
    -webkit-transform: translate(0px);
    -ms-transform: translate(0px);
  }
}
@-moz-keyframes arrowMove {
  0% {
    transform: translate(0px);
    -webkit-transform: translate(0px);
    -ms-transform: translate(0px);
  }
  50% {
    transform: translateY(15px);
    -webkit-transform: translateY(15px);
    -ms-transform: translateY(15px);
  }
  100% {
    transform: translate(0px);
    -webkit-transform: translate(0px);
    -ms-transform: translate(0px);
  }
}
/* =================================================================================*/
@media screen and (max-width: 1280px) {
  .slideshowContainer {
    width: 100%;
    height: 500px;
  }
  #slideshow .centered,
  .bikeImageOverlay,
  .moodImageOverlay {
    width: 100%;
    top: 0;
    left: 0;
    margin-left: auto;
  }
  .moodImageOverlay .static {
    top: 20px;
  }
  .awardLogos {
    right: 0;
    margin: 0;
  }
  .slideshow .rsABlock {
    left: 20px;
    top: 20px;
  }
}
/* =================================================================================*/
@media screen and (max-width: 1025px) {
  .awardShortLogos {
    right: 5%;
    top: 40%;
  }
}
/* =================================================================================*/
@media screen and (max-width: 770px) {
  .slideshowContainer {
    width: 100%;
    height: 500px;
  }
  .slideshow .rsABlock {
    left: 10px;
    top: 20px;
  }
  .slideshow .title {
    padding: 0 0 15px 0;
  }
  .slideshow .rsVideoContainer.rsIOSVideo iframe,
  .slideshow .rsVideoContainer.rsIOSVideo video,
  .slideshow .rsVideoContainer.rsIOSVideo embed {
    padding: 0;
  }
  .awardShortLogos {
    right: 8%;
    top: 40%;
  }
  .awardLogo {
    width: 75px;
    height: 75px;
  }
  .moodImage,
  .moodImageVideo {
    display: none;
  }
  .moodImageMobile,
  .moodImageVideoMobile {
    width: 100%;
    height: 340px;
    display: block;
    background-size: cover;
    background-position: center center;
    margin: 0 0 1.4% 0;
    float: left;
  }
  .moodImageVideoMobile .play {
    right: 120px;
    left: auto;
    top: 50%;
    margin: -32px 0 0 0;
  }
  .video.popup {
    width: 650px;
    height: 365px;
    margin: 0 0 0 -325px;
  }
}
/* =================================================================================*/
/*		MOBILE																								*/
/* =================================================================================*/
@media screen and (max-width: 641px) {
  /* SLIDESHOW */
  .slideshowContainer {
    width: 100%;
    height: 300px;
  }
  .slideshow .rsABlock {
    left: 20px;
    top: 20px;
  }
  .slideshow .title {
    padding: 0 0 15px 0;
  }
  .awardLogos {
    float: right;
    position: absolute;
    top: 170px;
    right: 0;
    width: auto;
  }
  .awardLogoContainer {
    width: 100%;
    padding: 0 20px;
    float: left;
    position: relative;
    top: auto;
    right: auto;
    margin: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .awardLogo {
    float: left;
    clear: both;
    margin: 0 0 5px 0;
    image-rendering: -webkit-optimize-contrast;
  }
  .bikeImageOverlay {
    float: left;
    position: relative;
    top: auto;
    left: auto;
  }
  .bikeImageOverlay .static {
    width: 100%;
    padding: 20px;
    float: left;
    top: auto;
    left: auto;
    position: relative;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .bikeImageOverlay .name h1 {
    width: auto;
  }
  .bikeImageOverlay .text {
    width: auto;
  }
  #headerImage {
    height: auto;
  }
  .slideshow,
  .slideshow.fixedPos {
    height: 300px;
    float: left;
    position: relative;
    top: auto;
    bottom: auto;
  }
  .slideshow.fixedPos {
    padding: 0 0 20px 0;
  }
  .slideshow .rsABlock {
    top: 20px;
  }
  .slideshow .title {
    padding: 0 0 16px 0;
    font-size: 2.4em;
  }
  .slideshow .line1 {
    font-size: 1.3em;
  }
  .slideshow .line2 {
    font-size: 1.3em;
  }
  .slideshow .button {
    height: 34px;
  }
  .slideshow .button a {
    height: 32px;
    line-height: 32px;
    padding: 0 20px;
    font-size: 1.2em;
  }
  .slideshow .rsBullets {
    display: none;
  }
  /* VIDEO HEADER CUSTOM */
  .slideshow .rsContent.video .rsBtnCenterer {
    top: 60%;
  }
  .slideshow .rsContent.video .button {
    display: none;
  }
  /* MOOD IMAGES */
  #moodSlider {
    height: 260px;
  }
  .moodImageOverlay .static {
    width: 360px;
    top: 40px;
  }
  .moodImageOverlay .name {
    font-size: 2.6em;
  }
  .moodImageOverlay .text {
    font-size: 1.3em;
  }
  .moodImage {
    display: none;
  }
  .moodImageMobile {
    height: 260px;
    display: block;
  }
  .moodImageVideoMobile .play {
    left: 50%;
    top: auto;
    bottom: 40px;
    margin: 0 0 0 -32px;
  }
  .video.popup {
    width: 280px;
    height: 158px;
    margin: 0 0 0 -140px;
    right: auto;
  }
}
/* =================================================================================*/
@media screen and (max-width: 401px) {
  /* SLIDESHOW */
  .awardShortLogos {
    right: 10%;
    top: 35%;
  }
  .bikeImageOverlay .name h1 {
    font-size: 3em;
  }
  .slideshow.fixedPos {
    width: 96%;
    height: 240px;
    padding: 0 2%;
  }
  /* MOOD IMAGES */
  #moodSlider {
    height: 200px;
  }
  .moodImageOverlay .static {
    width: 280px;
    top: 20px;
  }
  .moodImageOverlay .name {
    font-size: 2em;
  }
  .moodImageOverlay .text {
    font-size: 1em;
  }
  .moodImageMobile {
    height: 200px;
  }
}
/* =================================================================================*/

/*===============================================================================================*/
/*		HEADER MEDIA																										 */
/*===============================================================================================*/
/* Common classes */
.headerVideo .center,
.headerImage .center {
  width: 1200px;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -600px;
  z-index: 920;
}
.headerVideo .overlay,
.headerImage .overlay {
  background: center top no-repeat;
  background-image: url(../../img/iconBatavus.svg);
  background-size: 46px 42px;
  width: 460px;
  padding: 64px 0 0 0;
  position: absolute;
  right: 0;
  bottom: 200px;
  text-align: center;
}
.headerVideo .overlay .line,
.headerImage .overlay .line {
  margin: 0 0 20px 0;
  font-size: 2.2em;
  font-weight: 400;
  color: #fff;
  text-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
}
.headerVideo .overlay .line.one,
.headerImage .overlay .line.one {
  font-size: 3.4em;
}
.headerVideo .overlay a,
.headerImage .overlay a {
  background: #549cd7;
  height: 70px;
  line-height: 70px;
  display: inline-block;
  margin: 10px 0 0 0;
  padding: 0 40px;
  font-size: 2.1em;
  font-weight: 600;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 5px;
  border: 1px solid #549cd7;
  cursor: pointer;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), inset 0 1px 1px #ffffff, inset 0 0 1px rgba(0, 0, 0, 0.5);
  /*bottom dark shadow*/
}
.headerVideo .overlay a:hover,
.headerImage .overlay a:hover {
  background: #65ade8;
}
.headerVideo .mobileImg,
.headerImage .mobileImg {
  display: none;
}
.headerVideo .play,
.headerImage .play {
  width: 64px;
  height: 64px;
  background-color: #e20023;
  margin: -34px 0 0 -34px;
  border: 1px solid #e20023;
  background-image: url(/img/royalslider/rs-default.png);
  background-repeat: no-repeat;
  background-position: 0 -32px;
  border-radius: 5px;
  cursor: pointer;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 950;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), inset 0 1px 1px #ffffff, inset 0 0 1px rgba(0, 0, 0, 0.5);
  /*bottom dark shadow*/
}
.headerVideo .play:hover,
.headerImage .play:hover {
  background-color: #f31134;
}
.headerVideo .goDown,
.headerImage .goDown {
  background: center center no-repeat;
  background-image: url(../../img/btnGoDown.png);
  background-size: 104px 30px;
  width: 104px;
  height: 30px;
  position: absolute;
  bottom: -1px;
  left: 50%;
  margin-left: -52px;
  outline: 0;
  z-index: 950;
}
/* Header video */
.headerVideo {
  width: 100%;
  height: 760px;
  float: left;
  position: relative;
  overflow: hidden;
  -moz-transition: height 0.2s ease-in-out;
  -o-transition: height 0.2s ease-in-out;
  -webkit-transition: height 0.2s ease-in-out;
  transition: height 0.2s ease-in-out;
}
.headerVideo video {
  width: 100%;
  height: auto;
  position: absolute;
  bottom: -25%;
  left: 0;
  z-index: 900;
}
/* Header image */
.headerImage {
  width: 100%;
  float: left;
  position: relative;
}
.headerImage img {
  width: 100%;
  height: auto;
  float: left;
}
/*===============================================================================================*/
/*		RESPONSIVE																											 */
/*===============================================================================================*/
@media screen and (max-width: 1740px) {
  .headerVideo video {
    bottom: -15%;
  }
}
/*===============================================================================================*/
@media screen and (max-width: 1610px) {
  .headerVideo .overlay,
  .headerImage .overlay {
    bottom: 120px;
  }
  .headerVideo {
    height: 600px;
  }
  .headerVideo video {
    bottom: -25%;
  }
}
/*===============================================================================================*/
@media screen and (max-width: 1380px) {
  .headerVideo .overlay,
  .headerImage .overlay {
    bottom: 80px;
  }
  .headerVideo {
    height: 500px;
  }
}
/*===============================================================================================*/
@media screen and (max-width: 1200px) {
  .headerVideo .center,
  .headerImage .center {
    width: 100%;
    position: absolute;
    left: 0;
    margin-left: 0;
  }
  .headerVideo .overlay,
  .headerImage .overlay {
    right: 20px;
  }
  .headerVideo video {
    bottom: -10%;
  }
}
/*===============================================================================================*/
@media screen and (max-width: 1010px) {
  .headerVideo .overlay,
  .headerImage .overlay {
    width: 380px;
  }
  .headerVideo .overlay .line,
  .headerImage .overlay .line {
    font-size: 1.8em;
  }
  .headerVideo .overlay .line.one,
  .headerImage .overlay .line.one {
    font-size: 2.8em;
  }
  .headerVideo .overlay a,
  .headerImage .overlay a {
    height: 60px;
    line-height: 60px;
    padding: 0 30px;
    font-size: 1.7em;
  }
  .headerVideo {
    height: auto;
  }
  .headerVideo video {
    height: auto;
    position: static;
    float: left;
    bottom: auto;
    left: auto;
  }
  .headerImage {
    height: 370px;
  }
  .headerImage img {
    display: none;
  }
  .headerImage .mobileImg {
    background: center top no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 900;
  }
}
/*===============================================================================================*/
/*		MOBILE																												 */
/*===============================================================================================*/
@media screen and (max-width: 740px) {
  .headerVideo .overlay,
  .headerImage .overlay {
    background: none;
    width: 280px;
    padding: 0;
    bottom: 50px;
  }
  .headerVideo .overlay .line,
  .headerImage .overlay .line {
    margin: 0 0 10px 0;
    font-size: 1.3em;
  }
  .headerVideo .overlay .line.one,
  .headerImage .overlay .line.one {
    font-size: 2em;
  }
  .headerVideo .overlay a,
  .headerImage .overlay a {
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    font-size: 1.4em;
  }
  .headerImage {
    height: 240px;
  }
}
/*===============================================================================================*/
@media screen and (max-width: 420px) {
  .headerVideo {
    height: 230px;
  }
  .headerVideo video {
    width: 420px;
  }
}
/*===============================================================================================*/

/*===============================================================================================*/
/*		IFRAME																												 */
/*===============================================================================================*/
.iframe {
  width: 100%;
  float: left;
  padding: 0 10px;
}
.iframe.recall iframe {
  height: 450px;
}
.iframe iframe {
  width: 100%;
  height: 700px;
  margin: 0 0 20px 0;
  border: 0px solid #e3e3e3;
  overflow-y: auto;
}
.iframe .text {
  display: none;
  margin: 0 0 20px 0;
  font-size: 1.4em;
  line-height: 1.4em;
}
/*===============================================================================================*/
/*		RESPONSIVE																											 */
/*===============================================================================================*/
@media screen and (max-width: 1220px) {
  .iframe iframe {
    width: 100%;
  }
}
/*===============================================================================================*/
/*===============================================================================================*/
/*		MOBILE																												 */
/*===============================================================================================*/
@media screen and (max-width: 740px) {
  .iframe.recall iframe {
    height: 350px;
    display: block;
  }
  .iframe.recall .text {
    display: none;
  }
  .iframe .text {
    display: block;
  }
}
/*===============================================================================================*/

/*===============================================================================================*/
.infoPopup {
  width: 22px;
  height: 21px;
  background: url("../../img/info.png") 0 0 no-repeat;
  position: relative;
  cursor: pointer;
  float: left;
}
.infoPopup .content {
  min-width: 500px;
  display: none;
  background: #f2f2f2;
  font-size: 1.5em;
  font-weight: 400;
  line-height: 1.6em;
  border: 1px solid #e3e3e3;
  padding: 35px 25px 25px 25px;
  position: absolute;
  top: -5px;
  left: 32px;
  z-index: 999;
}
.infoPopup .content a {
  text-decoration: underline;
}
.infoPopup .content a:hover {
  text-decoration: none;
}
.infoPopup .content .close {
  font-size: 0.9em;
  color: #666666;
  font-weight: 700;
  position: absolute;
  top: 5px;
  right: 10px;
  cursor: pointer;
}
.content:after,
.content:before {
  right: 100%;
  top: 15px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.content:after {
  border-color: rgba(242, 242, 242, 0);
  border-right-color: #f2f2f2;
  border-width: 8px;
  margin-top: -8px;
}
.content:before {
  border-color: rgba(227, 227, 227, 0);
  border-right-color: #e3e3e3;
  border-width: 9px;
  margin-top: -9px;
}

/*===============================================================================================*/
/*		TEMPLATE NAME																										 */
/*===============================================================================================*/
.intro,
.intro.small {
  width: 100%;
  float: left;
  margin: 50px 0;
  padding: 0 10px;
}
.intro.dealer,
.intro.small.dealer {
  text-align: center;
}
.intro.dealer h1,
.intro.small.dealer h1,
.intro.dealer h2,
.intro.small.dealer h2 {
  font-family: 'Heavitas', sans-serif;
}
.intro.dealer .text,
.intro.small.dealer .text {
  margin: 0 0 30px 0;
}
.intro.dealer a.planProefrit,
.intro.small.dealer a.planProefrit {
  background: #549cd7;
  height: 70px;
  line-height: 70px;
  display: inline-block;
  margin: 10px 0 0 0;
  padding: 0 40px;
  font-size: 2.1em;
  font-weight: 600;
  color: #ffffff;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 5px;
  border: 1px solid #549cd7;
  cursor: pointer;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), inset 0 1px 1px #ffffff, inset 0 0 1px rgba(0, 0, 0, 0.5);
  /*bottom dark shadow*/
}
.intro.dealer a.planProefrit:hover,
.intro.small.dealer a.planProefrit:hover {
  background: #65ade8;
}
.intro h1,
.intro.small h1,
.intro h2,
.intro.small h2 {
  font-size: 3em;
  font-weight: 400;
}
.intro .text,
.intro.small .text {
  margin: 30px 0 0 0;
  font-size: 1.5em;
  font-weight: 400;
  line-height: 1.6em;
}
.intro .text img,
.intro.small .text img {
  max-width: 100%;
  height: auto;
}
.intro .text h1,
.intro.small .text h1,
.intro .text h2,
.intro.small .text h2,
.intro .text h3,
.intro.small .text h3,
.intro .text h4,
.intro.small .text h4,
.intro .text h5,
.intro.small .text h5,
.intro .text h6,
.intro.small .text h6 {
  margin: 0 0 5px 0;
}
.intro .text h1,
.intro.small .text h1 {
  font-size: 1.6em;
}
.intro .text h2,
.intro.small .text h2 {
  font-size: 1.5em;
  font-weight: 500;
}
.intro .text h3,
.intro.small .text h3 {
  font-size: 1.2em;
  font-weight: 300;
}
.intro .text h4,
.intro.small .text h4 {
  font-size: 1.1em;
  color: #e20023;
}
.intro .text h5,
.intro.small .text h5 {
  font-size: 1em;
  color: #666666;
}
.intro .text h6,
.intro.small .text h6 {
  font-size: 0.8em;
  color: #666666;
}
[data-section=items] .intro.small h1,
[data-section=items] .intro.small h2 {
  font-size: 2.5em;
}
[data-section=items] .intro.small .text h1 {
  font-size: 1.6em;
}
[data-section=items] .intro.small .text h2 {
  font-size: 1.5em;
  font-weight: 500;
}
/* Portal intro */
.portal .intro h1,
.portal .intro h2 {
  max-width: 900px;
  margin: 0 auto 30px auto;
  padding: 0 20px;
  font-size: 3.9em;
  text-align: center;
}
.portal .intro .text {
  max-width: 900px;
  margin: 0 auto;
  padding: 0 20px;
  text-align: center;
}
/* Models intro */
.modelsIntro {
  width: 100%;
  float: left;
  padding: 0 10px 0 290px;
  position: relative;
}
.modelsIntro h1 {
  margin: 0 0 20px 0;
  padding: 10px 20px 0 20px;
  font-size: 3.4em;
  font-weight: 700;
  color: #e20023;
}
.modelsIntro .text {
  height: 86px;
  padding: 0 20px;
  font-size: 1.5em;
  font-weight: 400;
  line-height: 1.6em;
  overflow: hidden;
  position: relative;
  border-bottom: 1px solid #e3e3e3;
}
.modelsIntro .text h2 {
  margin: 0 0 10px 0;
  font-size: 1.5em;
  font-weight: 600;
}
.modelsIntro .text .overlay {
  background: url(../../img/bgIntroOverlay.png) center center repeat-x;
  background-size: 10px 70px;
  width: 100%;
  height: 70px;
  position: absolute;
  bottom: 0;
  left: 0;
}
.modelsIntro #introToggle {
  background: center 12px no-repeat;
  background-color: #fff;
  background-image: url(../../img/btnIntro.png);
  background-size: 20px 10px;
  width: 54px;
  height: 36px;
  position: absolute;
  right: 440px;
  bottom: -36px;
  border-bottom-right-radius: 30px;
  border-bottom-left-radius: 30px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
  cursor: pointer;
}
.modelsIntro #introToggle.open {
  background-image: url(../../img/btnIntroClose.png);
}
.modelsIntro.noSlide .text {
  height: auto !important;
  border: none;
}
.modelsIntro.noSlide .text .overlay {
  display: none;
}
/*----- E-BIKE SPECIALIST -----*/
[data-section=ebikelanding] .intro {
  text-align: center;
}
[data-section=ebikelanding] .intro h1,
[data-section=ebikelanding] .intro h2 {
  font-family: 'Heavitas', sans-serif;
  font-size: 3.8em;
  text-transform: uppercase;
}
[data-section=ebikelanding] .intro .text {
  max-width: 900px;
  margin: 0 auto;
}
/*===============================================================================================*/
/*		RESPONSIVE																											 */
/*===============================================================================================*/
@media screen and (max-width: 1220px) {
  /* Models intro */
  .modelsIntro .inner {
    background: rgba(255, 255, 255, 0.6);
  }
  .modelsIntro #introToggle {
    right: 334px;
  }
  /*----- E-BIKE SPECIALIST -----*/
  [data-section=ebikelanding] .intro h1,
  [data-section=ebikelanding] .intro h2 {
    font-size: 3.2em;
  }
  [data-section=ebikelanding] .intro .text {
    max-width: 800px;
    font-size: 1.5em;
    line-height: 1.4em;
  }
}
/*===============================================================================================*/
@media screen and (max-width: 1010px) {
  /* Models intro */
  .modelsIntro {
    padding: 0 10px;
  }
  .modelsIntro .inner {
    padding: 0 0 10px 0;
  }
}
/*===============================================================================================*/
/*		MOBILE																												 */
/*===============================================================================================*/
@media screen and (max-width: 740px) {
  .intro,
  .intro.small {
    margin: 20px 0;
    padding: 0 20px;
  }
  .intro.dealer h1,
  .intro.small.dealer h1,
  .intro.dealer h2,
  .intro.small.dealer h2 {
    font-size: 2.2em;
  }
  .intro.dealer .text,
  .intro.small.dealer .text {
    font-size: 1.3em;
    line-height: 1.4em;
  }
  .intro.dealer .text img,
  .intro.small.dealer .text img {
    margin: 10px 0;
  }
  .intro.dealer a.planProefrit,
  .intro.small.dealer a.planProefrit {
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
    font-size: 1.6em;
    border: 1px solid #549cd7;
  }
  .intro.dealer a.planProefrit:hover,
  .intro.small.dealer a.planProefrit:hover {
    background: #65ade8;
  }
  .intro h1,
  .intro.small h1,
  .intro h2,
  .intro.small h2 {
    margin: 0 0 14px 0;
    font-size: 2.2em;
  }
  .intro .text,
  .intro.small .text {
    font-size: 1.3em;
    line-height: 1.4em;
  }
  .intro .text img,
  .intro.small .text img {
    margin: 10px 0;
  }
  .intro iframe,
  .intro.small iframe {
    width: 280px;
    height: 157px;
  }
  /* Portal intro */
  .portal .intro h1,
  .portal .intro h2 {
    margin: 0 auto 14px auto;
    font-size: 2.2em;
  }
  /* Models intro */
  .modelsIntro {
    margin: 0 0 30px 0;
    padding: 0 20px;
  }
  .modelsIntro h1 {
    padding: 0 10px;
    font-size: 2.2em;
  }
  .modelsIntro .text {
    height: 66px;
    padding: 0 10px;
    font-size: 1.3em;
    line-height: 1.4em;
  }
  .modelsIntro .text h2 {
    margin: 0 0 20px 0;
    font-size: 1.2em;
  }
  .modelsIntro .text .overlay {
    background-size: 5px 35px;
    width: 100%;
    height: 35px;
  }
  .modelsIntro #introToggle {
    right: 136px;
  }
}
/*===============================================================================================*/

/*===============================================================================================*/
/*		LOGIN																													 */
/*===============================================================================================*/
.login {
  background: #ffffff;
  min-height: 120px;
  display: block;
  margin: 10px;
  padding: 40px;
  font-size: 1.3em;
}
.login button {
  overflow: visible;
}
/*===============================================================================================*/

/*===============================================================================================*/
/*		HORIZONTAL DROPDOWN MENU																						 */
/*===============================================================================================*/
/* Main menu colors */
/* Scale menu desktop */
#scaleMenu nav li {
  margin: 0;
  padding: 0;
}
#scaleMenu nav > ul {
  background: #ffffff;
  height: 63px;
  float: left;
  margin: 0;
  padding: 0;
}
#scaleMenu nav > ul > li a {
  height: 63px;
  line-height: 63px;
  padding: 0 25px;
  font-size: 1.5em;
  font-weight: 600;
  color: #000000;
  text-decoration: none;
  float: left;
  overflow: hidden;
  border-right: 1px solid #e3e3e3;
  -moz-transition: color 0.1s ease-in-out;
  -o-transition: color 0.1s ease-in-out;
  -webkit-transition: color 0.1s ease-in-out;
  transition: color 0.1s ease-in-out;
}
#scaleMenu nav > ul > li a img {
  background-image: url(../../img/arrowMenu.png);
  background-size: 7px 22px;
  background-position: 0 -16px;
  width: 7px;
  height: 6px;
  margin: 30px 0 0 5px;
  float: right;
}
#scaleMenu nav > ul > li a:hover img,
#scaleMenu nav > ul > li a.current img,
#scaleMenu nav > ul > li a.parent img {
  background-position: 0 0;
}
#scaleMenu nav > ul > li a img.link {
  display: none;
}
#scaleMenu nav > ul > li a:hover {
  background: #ffffff;
  color: #e20023;
  text-decoration: none;
}
#scaleMenu nav > ul > li a.current {
  background: #ffffff url(../../img/menu/bgMenuActive.png) left bottom repeat-x;
  background-size: 2px 2px;
  color: #e20023;
}
#scaleMenu nav > ul > li a.current:hover {
  background: #ffffff url(../../img/menu/bgMenuActive.png) left bottom repeat-x;
  background-size: 2px 2px;
  color: #e20023;
}
#scaleMenu nav > ul > li a.parent {
  background: #ffffff url(../../img/menu/bgMenuActive.png) left bottom repeat-x;
  background-size: 2px 2px;
  color: #e20023;
}
#scaleMenu nav > ul > li a.parent:hover {
  background: #ffffff url(../../img/menu/bgMenuActive.png) left bottom repeat-x;
  background-size: 2px 2px;
  color: #e20023;
}
#scaleMenu nav > ul > li.shown > a {
  background: #ffffff;
  color: #e20023;
}
#scaleMenu nav > ul > li.shown > a.current,
#scaleMenu nav > ul > li.shown > a.parent {
  background: #ffffff url(../../img/menu/bgMenuActive.png) left bottom repeat-x;
  background-size: 2px 2px;
  color: #e20023;
}
#scaleMenu nav li span.arrow {
  background: center center no-repeat;
  background-color: transparent;
  background-image: url(../../img/menu/arrowClosed.png);
  background-size: 10px 8px;
  width: 30px;
  height: 45px;
  display: none;
  top: 0;
  right: 0;
}
#scaleMenu nav li span.arrow.open {
  background-image: url(../../img/menu/arrow.png);
}
#scaleMenu nav li.shown a img {
  background-position: 0 0;
}
#scaleMenu nav a.contactlink {
  display: none;
}
#scaleMenu #bikesMenu ul.floatMenu {
  display: block;
}
/*===============================================================================================*/
/*		HORIZONTAL FLOAT MENU																							 */
/*===============================================================================================*/
/* Float menu colors */
/* Float menu desktop */
#scaleMenu ul.floatMenu {
  background: #ffffff;
  width: 280px;
  padding: 0;
  top: 0;
  left: 280px;
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.25);
}
#scaleMenu ul.floatMenu li {
  width: 100%;
  border-top: 1px solid #e3e3e3;
}
#scaleMenu ul.floatMenu a {
  padding: 0 30px;
  color: #000000;
  text-decoration: none;
  float: none;
  display: block;
  font-size: 1.4em;
  -moz-transition: color 0.1s ease-in-out;
  -o-transition: color 0.1s ease-in-out;
  -webkit-transition: color 0.1s ease-in-out;
  transition: color 0.1s ease-in-out;
}
#scaleMenu ul.floatMenu a:hover {
  background: #ffffff;
  color: #e20023;
}
#scaleMenu ul.floatMenu a img,
#scaleMenu ul.floatMenu a img.link {
  display: none;
}
#scaleMenu ul.floatMenu a.current {
  background: #ffffff;
  color: #e20023;
}
#scaleMenu ul.floatMenu a.current:hover {
  background: #ffffff;
  color: #e20023;
}
#scaleMenu ul.floatMenu a.parent {
  background: #ffffff;
  color: #e20023;
}
#scaleMenu ul.floatMenu a.parent:hover {
  background: #ffffff;
  color: #e20023;
}
#scaleMenu ul.floatMenu li.shown > a {
  background: #ffffff;
  color: #e20023;
}
#scaleMenu ul.floatMenu[data-menu-level="1"] {
  left: auto;
  top: 63px;
}
/* Custom bike floatmenu */
#scaleMenu ul.floatMenu[data-mode=custom] {
  width: 100%;
  padding: 60px 0 60px 264px;
  position: fixed;
  left: 0;
  border-top: 1px solid #e3e3e3;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#scaleMenu ul.floatMenu[data-mode=custom] li {
  width: auto;
  float: left;
  margin: 0 60px 0 0;
  border: 0;
}
#scaleMenu ul.floatMenu[data-mode=custom] li > a {
  height: auto;
  display: inline-block;
  margin: 0 0 10px 0;
  padding: 0;
  color: #e20023;
  line-height: 1em;
  text-transform: uppercase;
  border: 0;
  overflow: visible;
}
#scaleMenu ul.floatMenu[data-mode=custom] li ul {
  width: auto;
  position: static;
  top: auto;
  left: auto;
  box-shadow: none;
}
#scaleMenu ul.floatMenu[data-mode=custom] li ul li {
  float: none;
  margin: 0;
}
#scaleMenu ul.floatMenu[data-mode=custom] li ul li a {
  font-size: 1.5em;
  color: #000000;
  text-transform: none;
}
#scaleMenu ul.floatMenu[data-mode=custom] li ul li a:hover {
  color: #e20023;
}
#scaleMenu ul.floatMenu[data-mode=custom] li.menuBanner {
  height: 100%;
  float: none;
  margin: 0;
  position: absolute;
  top: 0;
  right: 0;
  border: 0;
}
/*===============================================================================================*/
/*		RESPONSIVE																											 */
/*===============================================================================================*/
@media screen and (max-width: 1400px) {
  /* Scale menu desktop */
  #scaleMenu nav > ul > li a {
    padding: 0 10px;
    font-size: 1.4em;
  }
  /* Float menu desktop */
  #scaleMenu ul.floatMenu a {
    padding: 0 20px;
  }
  /* Custom bike floatmenu */
  #scaleMenu ul.floatMenu[data-mode=custom] {
    padding: 60px 0 60px 254px;
  }
  #scaleMenu ul.floatMenu[data-mode=custom] li.menuBanner {
    display: none;
  }
}
/*===============================================================================================*/
@media screen and (max-width: 1220px) {
  /* Mobile display of menu */
  #scaleMenu a.toggle {
    background: 12px center no-repeat;
    background-image: url(../../img/menu/btnMenu.svg);
    background-size: 40px 40px;
    height: 63px;
    line-height: 63px;
    float: left;
    display: block;
    padding: 0 0 0 64px;
    font-size: 2.4em;
    font-weight: 600;
    color: #000;
    text-decoration: none;
    cursor: pointer;
  }
  #scaleMenu a.toggle.open {
    background-image: url(../../img/menu/btnClose.svg);
  }
  #scaleMenu nav {
    background: #f2f2f2;
    width: 260px;
    height: 100%;
    position: fixed;
    top: 0;
    left: -260px;
    z-index: 999;
    overflow-y: auto;
    -webkit-transition: left 0.2s ease-in-out;
    -moz-transition: left 0.2s ease-in-out;
    -o-transition: left 0.2s ease-in-out;
    transition: left 0.2s ease-in-out;
  }
  #scaleMenu nav > ul {
    background: none;
    width: 100%;
    height: auto;
    float: left;
    margin: 0;
  }
  #scaleMenu nav > ul > li {
    width: 100%;
    border-bottom: 1px solid #d1d1d1;
  }
  #scaleMenu nav > ul > li a {
    height: 46px;
    line-height: 46px;
    float: none;
    display: block;
    margin: 0;
    padding: 0 30px 0 20px;
    font-size: 1.4em;
    color: #000000;
  }
  #scaleMenu nav > ul > li a img {
    display: none;
  }
  #scaleMenu nav > ul > li a:hover,
  #scaleMenu nav > ul > li a.current,
  #scaleMenu nav > ul > li a.current:hover,
  #scaleMenu nav > ul > li a.parent {
    background: none;
    color: #000000;
  }
  #scaleMenu nav > ul > li.shown > a,
  #scaleMenu nav > ul > li.shown > a.current {
    background: #ffffff;
    color: #000000;
  }
  #scaleMenu nav > ul li.shown li.first {
    border-top: 1px solid #d1d1d1;
  }
  #scaleMenu nav li span.arrow {
    display: block;
  }
  #scaleMenu nav.open {
    left: 0;
    box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.25);
  }
  /* Mobile display of floatmenu */
  #scaleMenu ul.floatMenu {
    background: #ffffff;
    width: 100%;
    float: left;
    display: block;
    position: static;
    top: auto;
    left: auto;
    box-shadow: none;
  }
  #scaleMenu ul.floatMenu li {
    border-top: none;
    border-bottom: 1px solid #d1d1d1;
  }
  #scaleMenu ul.floatMenu li:last-of-type {
    border: 0;
  }
  #scaleMenu ul.floatMenu a {
    padding: 0 30px 0 20px;
    color: #000000;
  }
  #scaleMenu ul.floatMenu a:hover,
  #scaleMenu ul.floatMenu a.current,
  #scaleMenu ul.floatMenu a.current:hover,
  #scaleMenu ul.floatMenu a.parent {
    background: none;
    color: #000000;
  }
  #scaleMenu ul.floatMenu li.shown > a,
  #scaleMenu ul.floatMenu li.shown > a.current {
    background: #ffffff;
    color: #000000;
  }
  /* Custom bike floatmenu */
  #scaleMenu ul.floatMenu[data-mode=custom] {
    width: 100%;
    padding: 0;
    position: static;
    left: auto;
    border: 0;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
  }
  #scaleMenu ul.floatMenu[data-mode=custom] li {
    width: 100%;
    float: left;
    margin: 0;
    border-bottom: 1px solid #d1d1d1;
  }
  #scaleMenu ul.floatMenu[data-mode=custom] li > a {
    height: 45px;
    line-height: 45px;
    display: block;
    margin: 0;
    padding: 0 30px 0 20px;
    color: #000;
    text-transform: none;
    border: 0;
  }
  #scaleMenu ul.floatMenu[data-mode=custom] li ul {
    width: 260px;
    display: block;
    position: static;
    top: auto;
    left: auto;
    box-shadow: none;
  }
  #scaleMenu ul.floatMenu[data-mode=custom] li ul li {
    float: none;
    margin: 0;
  }
  #scaleMenu ul.floatMenu[data-mode=custom] li ul li a {
    font-size: 1.4em;
  }
  #scaleMenu ul.floatMenu[data-mode=custom] li ul li a:hover {
    color: #000000;
  }
  #scaleMenu ul.floatMenu[data-mode=custom] li.last {
    border: 0;
  }
  #scaleMenu ul.floatMenu[data-mode=custom] li.first {
    border-top: 1px solid #d1d1d1;
  }
  #scaleMenu ul.floatMenu[data-mode=custom] li.menuBanner {
    height: 100%;
    float: none;
    margin: 0;
    position: absolute;
    top: 0;
    right: 0;
    border: 0;
  }
}
/*===============================================================================================*/
@media screen and (max-width: 1010px) {
  #scaleMenu nav a.contactlink {
    width: 100%;
    height: 46px;
    font-weight: 600;
    line-height: 46px;
    padding: 0 30px 0 20px;
    font-size: 1.4em;
    color: #000000;
    border-bottom: 1px solid #d1d1d1;
    display: block;
    float: left;
  }
}
/*===============================================================================================*/
/*		MOBILE																												 */
/*===============================================================================================*/
@media screen and (max-width: 740px) {
  #scaleMenu a.toggle {
    background: 10px center no-repeat;
    background-image: url(../../img/menu/btnMenu.svg);
    background-size: 30px 30px;
    height: 45px;
    line-height: 45px;
    padding: 0 0 0 45px;
    font-size: 1.8em;
  }
}
/*===============================================================================================*/

/*===============================================================================================*/
/*		MIJN LIJST																				 */
/*===============================================================================================*/
[data-section=mijnlijst] {
  padding: 0 0 40px 0;
}
.mijnlijst {
  padding: 0 10px;
}
.mijnlijst h1 {
  font-size: 3.9em;
  font-weight: 400;
  margin: 0 0 40px 0;
}
.mijnlijst .text {
  font-size: 1.5em;
  margin: 0 0 30px 0;
}
.mijnlijst #mijnLijstEmpty {
  font-size: 1.5em;
  margin: 0 0 30px 0;
}
.mijnlijst .mijnLijstMail {
  width: 100%;
  padding: 20px 0;
  border-bottom: 1px solid #e3e3e3;
  float: left;
}
.mijnlijst .mijnLijstMail input {
  font-size: 1.5em;
  margin: 0 10px 0 0;
}
.mijnlijst .mijnLijstMail a {
  background: #549cd7;
  height: 45px;
  line-height: 45px;
  padding: 0 20px;
  color: #fff;
  border-radius: 5px;
  border: 1px solid #549cd7;
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), inset 0 1px 1px #ffffff, inset 0 0 1px rgba(0, 0, 0, 0.5);
  /*bottom dark shadow*/
  display: inline-block;
  font-size: 1.4em;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
  cursor: pointer;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.mijnlijst .mijnLijstMail a:hover {
  background: #65ade8;
}
.mijnlijst .row {
  width: 100%;
  padding: 30px 0;
  border-bottom: 1px solid #e3e3e3;
  float: left;
}
.mijnlijst .row a.image {
  width: 305px;
  min-height: 185px;
  float: left;
}
.mijnlijst .row a.image img {
  float: left;
}
.mijnlijst .row .bikeInfo {
  width: 450px;
  float: left;
}
.mijnlijst .row .bikeInfo .title {
  width: 100%;
  margin: 0 0 15px 0;
  font-size: 2.1em;
  font-weight: 700;
  float: left;
}
.mijnlijst .row .bikeInfo .title span:nth-of-type(1) {
  font-weight: 400;
}
.mijnlijst .row .bikeInfo .text {
  width: 100%;
  font-size: 1.5em;
  margin: 0 0 10px 0;
  float: left;
}
.mijnlijst .row .bikeInfo a {
  font-size: 1.5em;
  margin: 0 0 25px 0;
  clear: both;
  float: left;
}
.mijnlijst .row .bikeInfo .prices {
  font-size: 1.5em;
  margin: 0 0 25px 0;
  clear: both;
  float: left;
}
.mijnlijst .row .bikeInfo .prices .price {
  color: #e20023;
  font-weight: 600;
}
.mijnlijst .row .bikeInfo a.findDealer {
  background: #FFF;
  height: 45px;
  line-height: 45px;
  padding: 0 20px;
  color: #549cd7;
  border-radius: 5px;
  border: 0px solid #f2f2f2;
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), inset 0 1px 1px #ffffff, inset 0 0 1px rgba(0, 0, 0, 0.5);
  /*bottom dark shadow*/
  display: inline-block;
  font-size: 1.4em;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
  cursor: pointer;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.mijnlijst .row .bikeInfo a.findDealer:hover {
  color: #FFF;
  background: #65ade8;
}
.mijnlijst .row .remarks {
  width: 365px;
  float: right;
}
.mijnlijst .row .remarks textarea {
  width: 365px;
  height: 145px;
  margin: 0 0 25px 0;
  font-size: 1.5em;
  padding: 15px;
  -webkit-box-shadow: inset 1px 1px 3px 0 rgba(0, 0, 0, 0.1);
  box-shadow: inset 1px 1px 3px 0 rgba(0, 0, 0, 0.1);
}
.mijnlijst .row .remarks a.remove {
  height: 17px;
  line-height: 17px;
  padding: 0 0 0 30px;
  float: left;
  background: url("../../img/remove.svg") left center no-repeat;
  font-size: 1.5em;
  color: #000000;
}
/*===============================================================================================*/
/*		RESPONSIVE																				 */
/*===============================================================================================*/
@media screen and (max-width: 1220px) {
  .mijnlijst .row .bikeInfo {
    width: 365px;
    float: right;
  }
}
/*===============================================================================================*/
/*===============================================================================================*/
/*		MOBILE																					 */
/*===============================================================================================*/
@media screen and (max-width: 740px) {
  [data-section=mijnlijst] {
    padding: 20px 0;
  }
  .mijnlijst {
    padding: 0 20px;
  }
  .mijnlijst h1 {
    font-size: 2.2em;
    margin: 0 0 20px 0;
  }
  .mijnlijst .text {
    font-size: 1.3em;
    margin: 0 0 15px 0;
  }
  .mijnlijst .mijnLijstMail {
    padding: 10px 0;
  }
  .mijnlijst .mijnLijstMail input {
    width: 100%;
    font-size: 1.3em;
    margin: 0 0 5px 0;
  }
  .mijnlijst .row {
    padding: 15px 0;
  }
  .mijnlijst .row a.image {
    width: 280px;
  }
  .mijnlijst .row .bikeInfo {
    width: 280px;
    float: left;
  }
  .mijnlijst .row .bikeInfo .title {
    margin: 0 0 10px 0;
    font-size: 2.1em;
  }
  .mijnlijst .row .bikeInfo .text {
    font-size: 1.3em;
    margin: 0 0 5px 0;
  }
  .mijnlijst .row .bikeInfo a {
    font-size: 1.3em;
    margin: 0 0 15px 0;
  }
  .mijnlijst .row .bikeInfo .prices {
    font-size: 1.3em;
    margin: 0 0 15px 0;
    clear: both;
    float: left;
  }
  .mijnlijst .row .bikeInfo a.findDealer {
    font-size: 1.2em;
  }
  .mijnlijst .row .remarks {
    width: 280px;
    float: left;
  }
  .mijnlijst .row .remarks textarea {
    width: 280px;
    height: 145px;
    margin: 0 0 15px 0;
    font-size: 1.3em;
    padding: 10px;
    -webkit-box-shadow: inset 1px 1px 3px 0 rgba(0, 0, 0, 0.1);
    box-shadow: inset 1px 1px 3px 0 rgba(0, 0, 0, 0.1);
  }
}
/*===============================================================================================*/

/*===============================================================================================*/
/*		MODEL DETAILS																										 */
/*===============================================================================================*/
.modelFull {
  width: 100%;
  float: left;
}
.modelFull .header {
  width: 100%;
  padding: 0 0 35px 0;
  background-position: 0 0;
  background-repeat: no-repeat;
  float: left;
}
.modelFull .header .gallery {
  width: 750px;
  margin: 0 0 0 10px;
  float: left;
  position: relative;
}
.modelFull .header .gallery .rsDefault,
.modelFull .header .gallery .rsDefault .rsOverflow,
.modelFull .header .gallery .rsDefault .rsSlide,
.modelFull .header .gallery .rsDefault .rsVideoFrameHolder,
.modelFull .header .gallery .rsDefault .rsThumbs {
  background: none;
}
.modelFull .header .gallery .rsDefault .rsSlide.moodImage img {
  border: 2px solid #FFF;
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15);
}
.modelFull .header .gallery .royalSlider.rsFullscreen {
  background: #FFF;
}
.modelFull .header .gallery .royalSlider.rsFullscreen .rsNav {
  width: 100%;
}
.modelFull .header .gallery .royalSlider {
  width: 750px;
}
.modelFull .header .gallery .royalSlider .rsNav {
  width: 1178px;
  height: 140px;
  border: 1px solid #e3e3e3;
  border-bottom: 1px solid #e20023;
  position: absolute;
  bottom: 0;
  left: 0;
}
.modelFull .header .gallery .royalSlider .rsNav .rsThumb {
  width: 210px;
  height: 140px;
  margin: 0 0 0 0;
  border-right: 1px solid #e3e3e3;
}
.modelFull .header .gallery .royalSlider .rsNav .rsThumb.rsNavSelected {
  background: none;
}
.modelFull .header .gallery .royalSlider .rsNav .rsThumb.rsNavSelected img {
  opacity: 0.6;
}
.modelFull .header .gallery .royalSlider .rsNav .rsThumb:last-of-type {
  border-right: 0 solid #e3e3e3;
}
.modelFull .header .gallery .royalSlider .rsNav .video {
  position: relative;
}
.modelFull .header .gallery .royalSlider .rsNav .video span {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 40px;
  height: 40px;
  background: url("/img/btnPlay.png") no-repeat 0 0;
  margin: -20px 0 0 -20px;
  float: left;
}
.modelFull .header .gallery .royalSlider .rsNav .rsThumbsArrow {
  width: 50px;
  height: 140px;
  background: #FFF;
}
.modelFull .header .gallery .royalSlider .rsNav .rsThumbsArrow .rsThumbsArrowIcn {
  width: 8px;
  height: 13px;
  margin: -6px 0 0 -4px;
  background: url("../../img/arrowRight.svg");
  background-position: 0 0;
}
.modelFull .header .gallery .royalSlider .rsNav .rsThumbsArrowLeft .rsThumbsArrowIcn {
  background: url("../../img/arrowLeft.svg");
}
.modelFull .header .bikeLogos {
  width: 60px;
  position: absolute;
  top: 0;
  right: 60px;
  z-index: 900;
}
.modelFull .header .bikeLogos img {
  float: left;
  margin: 0 0 10px 0;
}
.modelFull .header .info {
  width: 350px;
  margin: 0 10px 0 0;
  float: right;
}
.modelFull .header .info h1 {
  color: #e20023;
  font-size: 3.4em;
  margin: 0 0 20px 0;
}
.modelFull .header .info h1 .bold {
  font-weight: 700;
}
.modelFull .header .info .text {
  width: 100%;
  font-size: 1.5em;
  line-height: 1.6em;
  margin: 0 0 30px 0;
  float: left;
}
.modelFull .header .info .text a {
  text-decoration: underline;
}
.modelFull .header .info .text a:hover {
  text-decoration: none;
}
.modelFull .header .info .frameType {
  width: 100%;
  margin: 0 0 15px 0;
  float: left;
}
.modelFull .header .info .frameType a {
  height: 35px;
  line-height: 34px;
  padding: 0 20px;
  margin: 0 5px 0 0;
  border: 1px solid #e3e3e3;
  color: #000000;
  font-size: 1.5em;
  float: left;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.modelFull .header .info .frameType a:hover,
.modelFull .header .info .frameType a.active,
.modelFull .header .info .frameType a.active:hover {
  border: 1px solid #549cd7;
  text-decoration: none;
}
.modelFull .header .info .colors {
  width: 100%;
  margin: 0 0 35px 0;
  float: left;
}
.modelFull .header .info .colors a {
  padding: 5px;
  margin: 0 5px 0 0;
  border: 1px solid #e3e3e3;
  color: #000000;
  font-size: 1.5em;
  float: left;
  position: relative;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.modelFull .header .info .colors a img {
  width: 35px;
  height: 35px;
  float: left;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.modelFull .header .info .colors a span {
  width: 35px;
  height: 35px;
  position: absolute;
  top: 5px;
  left: 5px;
  float: left;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), inset 0 1px 1px #ffffff, inset 0 0 1px rgba(0, 0, 0, 0.5);
  /*bottom dark shadow*/
}
.modelFull .header .info .colors a:hover,
.modelFull .header .info .colors a.active,
.modelFull .header .info .colors a.active:hover {
  border: 1px solid #549cd7;
  text-decoration: none;
}
.modelFull .header .info .colors .colorlabel {
  height: 47px;
  line-height: 47px;
  margin: 0 0 0 15px;
  font-size: 1.5em;
  float: left;
}
.modelFull .header .info .modelPrice {
  font-size: 1.5em;
  margin: 0 0 35px 0;
}
.modelFull .header .info .modelPrice .amount {
  color: #e20023;
  font-weight: 700;
}
.modelFull .header .info .myList a.add {
  padding: 0 0 0 30px;
  background: url("../../img/add.svg") left center no-repeat;
  font-size: 1.5em;
  color: #000000;
}
.modelFull .header .info .myList a.remove {
  padding: 0 0 0 30px;
  background: url("../../img/remove.svg") left center no-repeat;
  font-size: 1.5em;
  color: #000000;
}
.modelFull .header .info .buttons {
  width: 100%;
  font-size: 1.3em;
  line-height: 1.4em;
  margin: 20px 0 0 0;
}
.modelFull .header .info .buttons a.findDealer,
.modelFull .header .info .buttons a.testDrive,
.modelFull .header .info .buttons a.order {
  background: #549cd7;
  height: 45px;
  line-height: 45px;
  padding: 0 20px;
  margin: 0 10px 0 0;
  color: #fff;
  border-radius: 5px;
  border: 1px solid #549cd7;
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), inset 0 1px 1px #ffffff, inset 0 0 1px rgba(0, 0, 0, 0.5);
  /*bottom dark shadow*/
  display: inline-block;
  font-size: 1.0em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
  cursor: pointer;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.modelFull .header .info .buttons a.findDealer.full {
  display: block;
  text-align: center;
  margin: 0 0 15px 0;
  width: 322px;
}
.modelFull .header .info .buttons a.findDealer:hover {
  background: #65ade8;
}
.modelFull .header .info .buttons a.testDrive,
.modelFull .header .info .buttons a.order {
  background: #FFF;
  border: 1px solid #e5e5e5;
  color: #549cd7;
}
.modelFull .header .info .buttons a.testDrive:hover,
.modelFull .header .info .buttons a.order:hover {
  color: #FFF;
  background: #549cd7;
  border: 1px solid #549cd7;
}
.modelFull .commercial {
  width: 100%;
  float: left;
}
.modelFull .commercial .fietsCommercial {
  width: 100%;
  padding: 0 10px;
  float: left;
}
.modelFull .commercial .fietsCommercial .left,
.modelFull .commercial .fietsCommercial .right {
  width: 50%;
  height: 325px;
  padding: 50px;
  font-size: 1.5em;
  line-height: 1.6em;
  text-align: center;
  border-right: 1px solid #e5e5e5;
}
.modelFull .commercial .fietsCommercial .left .buttons,
.modelFull .commercial .fietsCommercial .right .buttons {
  width: 100%;
  margin: 0 0 30px 0;
}
.modelFull .commercial .fietsCommercial .left .buttons a.findDealer,
.modelFull .commercial .fietsCommercial .right .buttons a.findDealer,
.modelFull .commercial .fietsCommercial .left .buttons a.testDrive,
.modelFull .commercial .fietsCommercial .right .buttons a.testDrive,
.modelFull .commercial .fietsCommercial .left .buttons a.order,
.modelFull .commercial .fietsCommercial .right .buttons a.order {
  background: #549cd7;
  height: 45px;
  line-height: 45px;
  padding: 0 20px;
  margin: 0 5px;
  color: #fff;
  border-radius: 5px;
  border: 1px solid #549cd7;
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), inset 0 1px 1px #ffffff, inset 0 0 1px rgba(0, 0, 0, 0.5);
  /*bottom dark shadow*/
  display: inline-block;
  font-size: 1.0em;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
  cursor: pointer;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.modelFull .commercial .fietsCommercial .left .buttons a.findDealer:hover,
.modelFull .commercial .fietsCommercial .right .buttons a.findDealer:hover {
  background: #65ade8;
}
.modelFull .commercial .fietsCommercial .left .buttons a.testDrive,
.modelFull .commercial .fietsCommercial .right .buttons a.testDrive,
.modelFull .commercial .fietsCommercial .left .buttons a.order,
.modelFull .commercial .fietsCommercial .right .buttons a.order {
  background: #FFF;
  border: 1px solid #e5e5e5;
  color: #549cd7;
}
.modelFull .commercial .fietsCommercial .left .buttons a.testDrive:hover,
.modelFull .commercial .fietsCommercial .right .buttons a.testDrive:hover,
.modelFull .commercial .fietsCommercial .left .buttons a.order:hover,
.modelFull .commercial .fietsCommercial .right .buttons a.order:hover {
  color: #FFF;
  background: #549cd7;
  border: 1px solid #549cd7;
}
.modelFull .commercial .fietsCommercial .right {
  text-align: left;
  border-right: none;
}
.modelFull .anchorMenu {
  width: 100%;
  height: 55px;
  border-top: 1px solid #e3e3e3;
  background: #FFF;
  text-align: center;
  float: left;
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15);
}
.modelFull .anchorMenu a {
  height: 55px;
  line-height: 55px;
  display: inline-block;
  padding: 0 30px;
  font-size: 1.7em;
  color: #666666;
  text-decoration: none;
  outline: 0;
  border-right: 1px solid #e3e3e3;
  -moz-transition: color 0.1s ease-in-out;
  -o-transition: color 0.1s ease-in-out;
  -webkit-transition: color 0.1s ease-in-out;
  transition: color 0.1s ease-in-out;
}
.modelFull .anchorMenu a:hover {
  color: #e20023;
}
.modelFull .anchorMenu a.active {
  color: #000000;
  font-weight: 600;
}
.modelFull .anchorMenu.sticky {
  position: fixed;
  top: 63px;
  left: 0;
  z-index: 500;
}
.modelFull .anchorMenu.sticky a.active {
  position: relative;
}
.modelFull .anchorMenu.sticky a.active:after,
.modelFull .anchorMenu.sticky a.active:before {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.modelFull .anchorMenu.sticky a.active:after {
  border-color: rgba(255, 255, 255, 0);
  border-top-color: #FFF;
  border-width: 10px;
  margin-left: -10px;
}
.modelFull .anchorMenu.sticky a.active:before {
  border-color: rgba(0, 0, 0, 0);
  border-top-color: #e3e3e3;
  border-width: 11px;
  margin-left: -11px;
}
.modelFull .batteries {
  width: 100%;
  padding: 50px 0;
  float: left;
}
.modelFull .batteries .battTypes {
  width: 100%;
  text-align: center;
  float: left;
}
.modelFull .batteries .battTypes h2 {
  font-size: 3.9em;
  font-weight: 300;
  margin: 0 10px 30px 10px;
  text-align: center;
}
.modelFull .batteries .battTypes .accu {
  width: 280px;
  height: 305px;
  padding: 25px;
  border: 1px solid #e3e3e3;
  border-bottom: 1px solid #e20023;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 10px;
  display: inline-block;
}
.modelFull .batteries .battTypes .accu .title {
  width: 100%;
  font-size: 2.1em;
  text-align: center;
  color: #000000;
  margin: 0 0 25px 0;
  float: left;
}
.modelFull .batteries .battTypes .accu img {
  width: 100%;
  height: auto;
  margin: 0 0 20px 0;
}
.modelFull .batteries .battTypes .accu .text {
  width: 100%;
  font-size: 1.5em;
  text-align: center;
  color: #000000;
  margin: 0 0 15px 0;
  float: left;
}
.modelFull .batteries .battTypes .accu .price {
  width: 100%;
  font-size: 1.5em;
  text-align: center;
  font-weight: 600;
  color: #e20023;
  float: left;
}
.modelFull .batteries .battTypes .accu:hover {
  border: 1px solid #e20023;
}
.modelFull .batteries .battTypes span {
  margin: 0 0 0 10px;
  font-size: 1.5em;
  float: left;
}
.modelFull .batteries .battTypes .infoPopup {
  margin: 0 0 0 10px;
}
.modelFull .batteries .battTypes .infoPopup .content .close {
  font-size: 0.9em;
}
.modelFull .versions {
  width: 100%;
  padding: 60px 0 35px 0;
  background: #f4f4f4;
  float: left;
}
.modelFull .versions h2.title {
  font-size: 3.9em;
  text-align: center;
  font-weight: 300;
  margin: 0 0 20px 0;
}
.modelFull .versions h3 {
  font-size: 1.7em;
  text-align: center;
  margin: 0 0 40px 0;
}
.modelFull .framesizes {
  width: 100%;
  padding: 35px 0 70px 0;
  background: #f4f4f4;
  float: left;
}
.modelFull .framesizes .layout {
  width: 775px;
}
.modelFull .framesizes .sizes {
  width: 100%;
  padding: 50px;
  text-align: center;
  border: 1px solid #e3e3e3;
  background: #FFF;
}
.modelFull .framesizes .sizes h2 {
  font-size: 2.1em;
  margin: 0 0 35px 0;
}
.modelFull .framesizes .sizes .frameType {
  margin: 0 0 25px 0;
  font-size: 1.5em;
}
.modelFull .framesizes .sizes .frameType .frame {
  color: #666666;
  padding: 0 15px;
  font-size: 1.3em;
}
.modelFull .framesizes .sizes a {
  font-size: 1.5em;
  text-decoration: underline;
}
.modelFull .experience {
  width: 100%;
  padding: 80px 0 550px 0;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: 100% auto;
  float: left;
}
.modelFull .experience .twoColumn h1,
.modelFull .experience .twoColumn h2,
.modelFull .experience .twoColumn h3 {
  width: 250px;
  text-align: left;
  font-weight: 300;
  line-height: 1.3em;
  margin: -5px 0 0 0;
  float: left;
}
.modelFull .experience .twoColumn .slide {
  width: auto;
}
.modelFull .experience .twoColumn .text {
  width: 280px;
}
.modelFull .highlight {
  width: 100%;
  padding: 70px 0 35px 0;
  float: left;
}
.modelFull .highlight .redTitle {
  width: 100%;
  padding: 0 10px;
  font-size: 1.7em;
  font-weight: 700;
  color: #e20023;
  margin: 0 0 15px 0;
  float: left;
}
.modelFull .highlight h2 {
  width: 100%;
  padding: 0 10px;
  font-size: 3.9em;
  font-weight: 300;
  margin: 0 0 15px 0;
  float: left;
}
.modelFull .highlight .uitgelicht .content h2 {
  padding: 0;
  font-weight: 400;
  margin: 0;
}
.modelFull .usps {
  width: 100%;
  padding: 35px 0 25px 0;
  float: left;
}
.modelFull .usps .points {
  width: 1180px;
  border: 1px solid #e3e3e3;
  margin: 0 10px;
  padding: 35px;
  text-align: center;
  float: left;
}
.modelFull .usps .points h2 {
  font-size: 2.1em;
  margin: 0 0 30px 0;
}
.modelFull .usps .points ul {
  width: 85%;
  list-style: none;
  padding: 0;
  display: inline-block;
}
.modelFull .usps .points ul li {
  background: url("../../img/usp.png") no-repeat 0 0;
  width: 50%;
  min-height: 21px;
  text-align: left;
  margin: 0 0 10px 0;
  padding: 0 35px;
  font-size: 1.5em;
  line-height: 1.3em;
  float: left;
}
.modelFull .accessories {
  width: 100%;
  padding: 50px 0;
  float: left;
}
.modelFull .accessories .accessoriesList {
  width: 100%;
  text-align: center;
  float: left;
}
.modelFull .accessories .accessoriesList h2 {
  font-size: 2.1em;
  margin: 0 10px 30px 10px;
  text-align: center;
}
.modelFull .accessories .accessoriesList .subtitle {
  font-size: 1.6em;
  margin: 0 10px 30px 10px;
  text-align: center;
  width: 100%;
}
.modelFull .accessories .accessoriesList .accessory {
  width: 380px;
  height: 475px;
  padding: 25px;
  border: 1px solid #e3e3e3;
  border-bottom: 1px solid #e20023;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 10px;
  display: inline-block;
}
.modelFull .accessories .accessoriesList .accessory img {
  width: 100%;
  height: auto;
  margin: 0 0 20px 0;
}
.modelFull .accessories .accessoriesList .accessory .title {
  width: 100%;
  font-size: 2.1em;
  text-align: center;
  color: #000000;
  margin: 0 0 25px 0;
  float: left;
}
.modelFull .accessories .accessoriesList .accessory .price {
  width: 100%;
  font-size: 1.5em;
  text-align: center;
  font-weight: 600;
  color: #e20023;
  float: left;
}
.modelFull .accessories .accessoriesList .accessory:hover {
  border: 1px solid #e20023;
}
.modelFull .accessories .accessoriesList span {
  font-size: 1.5em;
  float: left;
}
.modelFull .specs {
  width: 100%;
  padding: 50px 0;
  background: url("../../img/bgBatavusRed.png") center center repeat;
  color: #FFF;
  float: left;
}
.modelFull .specs .modelspecs {
  margin: 0 10px;
}
.modelFull .specs .modelspecs h2 {
  width: 100%;
  text-align: center;
  font-size: 3.9em;
  font-weight: 300;
  margin: 0 0 35px 0;
}
.modelFull .specs .modelspecs .spec {
  width: 100%;
  padding: 20px 0;
  font-size: 1.5em;
  float: left;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.modelFull .specs .modelspecs .spec .name {
  width: 30%;
  float: left;
}
.modelFull .specs .modelspecs .spec .name span {
  float: left;
}
.modelFull .specs .modelspecs .spec .name .infoPopup {
  margin: 0 0 0 10px;
}
.modelFull .specs .modelspecs .spec .name .infoPopup .content {
  font-size: 1.0em;
  color: #000000;
}
.modelFull .specs .modelspecs .spec .description {
  width: 70%;
  font-weight: 700;
  float: left;
}
.modelFull .specs .modelspecs .specNav {
  width: 100%;
  margin: 20px 0 0 0;
  text-align: center;
  float: left;
}
.modelFull .specs .modelspecs a#specs_showAll,
.modelFull .specs .modelspecs a#specs_hideAll {
  background: #FFF;
  height: 46px;
  line-height: 46px;
  padding: 0 20px;
  color: #e20023;
  border-radius: 5px;
  border: 1px solid #e20023;
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), inset 0 1px 1px #ffffff, inset 0 0 1px rgba(0, 0, 0, 0.5);
  /*bottom dark shadow*/
  display: inline-block;
  font-size: 1.4em;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.modelFull .specs .modelspecs a#specs_showAll:hover,
.modelFull .specs .modelspecs a#specs_hideAll:hover {
  color: #FFF;
  background: #e20023;
}
.modelFull .faqWrap {
  width: 100%;
  padding: 70px 0;
  border-bottom: 1px solid #e3e3e3;
  float: left;
}
.modelFull .faqWrap h2 {
  width: 100%;
  font-size: 3.9em;
  font-weight: 300;
  text-align: center;
  margin: 0 0 40px 0;
  float: left;
}
.modelFull .faqWrap .left {
  width: 520px;
  margin: 0 0 0 10px;
  float: left;
}
.modelFull .faqWrap .left .subTitle {
  width: 100%;
  font-size: 2.1em;
  margin: 0 0 10px 0;
  float: left;
}
.modelFull .faqWrap .left a.moreQuestions {
  margin: 10px 0 0 0;
  font-size: 1.5em;
  text-decoration: underline;
  float: left;
}
.modelFull .faqWrap .left a.moreQuestions:hover {
  text-decoration: none;
}
.modelFull .faqWrap .right {
  width: 520px;
  margin: 0 10px 0 0;
  float: right;
}
.modelFull .faqWrap .right .questions {
  width: 100%;
  height: 300px;
  padding: 100px 0 0 0;
  text-align: center;
  border: 1px solid #e3e3e3;
  border-bottom: 1px solid #e20023;
  float: left;
}
.modelFull .faqWrap .right .questions .title {
  width: 100%;
  float: left;
  font-size: 2.1em;
  line-height: 1.4em;
  margin: 0 0 25px 0;
}
.modelFull .faqWrap .right .questions a {
  font-size: 1.5em;
  text-decoration: underline;
}
.modelFull .faqWrap .right .questions a:hover {
  text-decoration: none;
}
.modelFull .reasons {
  width: 100%;
  padding: 70px 0;
  position: relative;
  float: left;
}
.modelFull .reasons .points {
  width: 100%;
  /*border: 0 solid @borderGrey;*/
  padding: 0 10px;
  text-align: center;
  float: left;
}
.modelFull .reasons .points h2 {
  font-size: 2.1em;
  margin: 0 0 30px 0;
}
.modelFull .reasons .points ul {
  width: 80%;
  list-style: none;
  padding: 0;
  display: inline-block;
}
.modelFull .reasons .points ul li {
  width: 33%;
  min-height: 21px;
  text-align: left;
  margin: 0 0 10px 0;
  padding: 0 35px;
  font-size: 1.5em;
  background: url("../../img/usp.png") no-repeat 0 0;
  float: left;
}
.modelFull .reasons .buttons {
  width: 100%;
  text-align: center;
  margin-bottom: 60px;
}
.modelFull .reasons a.findDealer {
  background: #549cd7;
  height: 45px;
  line-height: 45px;
  padding: 0 20px;
  margin: 0 10px 0 0;
  color: #fff;
  border-radius: 5px;
  border: 1px solid #549cd7;
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), inset 0 1px 1px #ffffff, inset 0 0 1px rgba(0, 0, 0, 0.5);
  /*bottom dark shadow*/
  display: inline-block;
  font-size: 1.4em;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
  cursor: pointer;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.modelFull .reasons a.findDealer:hover {
  background: #65ade8;
}
.modelFull .reasons .allReasons {
  width: 190px;
  background: #FFF;
  height: 50px;
  line-height: 50px;
  color: #549cd7;
  border: 1px solid #e3e3e3;
  font-size: 1.4em;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
  float: left;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  position: absolute;
  bottom: -26px;
  left: 50%;
  margin: 0 0 0 -95px;
}
.modelFull .othermodels {
  width: 100%;
  padding: 70px 0 50px 0;
  background: #f2f2f2 url("../../img/bgBatavusGrey.png") center top repeat-x;
  float: left;
}
.modelFull .othermodels h2 {
  font-size: 3.9em;
  text-align: center;
  font-weight: 300;
  margin: 0 0 40px 0;
}
.modelFull .othermodels .model {
  width: 380px;
  height: 520px;
}
.modelFull .othermodels .model .name {
  font-size: 1.9em;
}
.modelFull .othermodels .model .desc {
  width: 100%;
  height: 90px;
  margin: 0 0 10px 0;
  padding: 0 30px 0 30px;
  float: left;
}
.modelFull .othermodels .model .image img {
  display: inline-block;
}
.modelFull .toTop {
  width: 100%;
  padding: 40px 0;
  text-align: center;
  float: left;
}
.modelFull .toTop a {
  padding: 0 0 0 30px;
  background: url("../../img/arrowTop.svg") no-repeat 0 3px;
  font-size: 1.5em;
  color: #e20023;
  display: inline-block;
}
#proefritPopup,
#orderPopup {
  width: 1278px;
  height: 80%;
  padding: 40px;
  background: #FFF;
  float: left;
  margin: 0 0 0 -640px;
  position: fixed;
  top: 100px;
  left: 50%;
  z-index: 905;
  border: 1px solid #e3e3e3;
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15);
}
#proefritPopup .popupTitle,
#orderPopup .popupTitle {
  width: 100%;
  text-align: center;
  font-size: 3.9em;
  font-weight: 300;
  color: #e20023;
  margin: 0 0 25px 0;
  float: left;
}
#proefritPopup a.close,
#orderPopup a.close {
  color: #a3a3a3;
  font-size: 1.5em;
  font-weight: 700;
  position: absolute;
  right: 15px;
  top: 15px;
}
#proefritPopup .popupMenu,
#orderPopup .popupMenu {
  width: 100%;
  text-align: center;
  margin: 0 0 30px 0;
  float: left;
}
#proefritPopup ul,
#orderPopup ul {
  height: 55px;
  padding: 0;
  border-top: 1px solid #e3e3e3;
  background: #FFF;
  display: inline-block;
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15);
}
#proefritPopup ul li,
#orderPopup ul li {
  list-style: none;
  margin: 0;
  float: left;
}
#proefritPopup ul a,
#orderPopup ul a {
  padding: 0 30px;
  font-size: 1.7em;
  color: #666666;
  height: 55px;
  line-height: 55px;
  border-right: 1px solid #e3e3e3;
  float: left;
}
#proefritPopup ul li.current a,
#orderPopup ul li.current a {
  color: #000000;
  font-weight: 600;
  position: relative;
}
#proefritPopup ul li.current a:after,
#orderPopup ul li.current a:after,
#proefritPopup ul li.current a:before,
#orderPopup ul li.current a:before {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
#proefritPopup ul li.current a:after,
#orderPopup ul li.current a:after {
  border-color: rgba(255, 255, 255, 0);
  border-top-color: #FFF;
  border-width: 10px;
  margin-left: -10px;
}
#proefritPopup ul li.current a:before,
#orderPopup ul li.current a:before {
  border-color: rgba(0, 0, 0, 0);
  border-top-color: #e3e3e3;
  border-width: 11px;
  margin-left: -11px;
}
#proefritPopup .proefritContent,
#orderPopup .proefritContent {
  width: 100%;
  height: 80%;
  overflow-y: auto;
  float: left;
}
#proefritPopup .proefritContent .month,
#orderPopup .proefritContent .month {
  width: 98%;
}
#proefritPopup .proefritContent .agenda,
#orderPopup .proefritContent .agenda {
  width: 98%;
}
#proefritPopup .intro .text ul,
#orderPopup .intro .text ul {
  width: 100%;
  height: auto;
  border: 0;
  padding: 0 0 0 14px;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#proefritPopup .intro .text ul li,
#orderPopup .intro .text ul li {
  width: 100%;
  list-style: outside;
  margin: 0 0 0 10px;
}
#proefritPopup .intro .text ul li a,
#orderPopup .intro .text ul li a {
  padding: 0;
  height: auto;
  font-size: 1.0em;
  color: #e20023;
  line-height: normal;
  display: inline-block;
  float: none;
  border: 0;
}
#orderPopup {
  width: 1070px;
  height: 720px;
  padding: 60px;
  margin: -360px 0 0 -535px;
  top: 50%;
}
/*===============================================================================================*/
/*		RESPONSIVE																											 */
/*===============================================================================================*/
@media screen and (max-width: 1366px) {
  .modelFull .experience {
    padding: 40px 0 400px 0;
  }
  #proefritPopup,
  #orderPopup {
    width: 1080px;
    margin: 0 0 0 -540px;
    top: 100px;
    left: 50%;
  }
}
/*===============================================================================================*/
@media screen and (max-width: 1220px) {
  .modelFull .header .gallery {
    width: 580px;
    height: 765px;
    margin: 0 0 0 10px;
  }
  .modelFull .header .gallery .royalSlider {
    width: 580px;
    height: 765px !important;
  }
  .modelFull .header .gallery .royalSlider .rsNav {
    width: 960px;
    height: 140px;
  }
  .modelFull .header .info {
    width: 350px;
    margin: 0 10px 0 0;
    float: right;
  }
  .modelFull .header .info h1 {
    color: #e20023;
    font-size: 3.4em;
    margin: 0 0 20px 0;
  }
  .modelFull .header .info h1 .bold {
    font-weight: 700;
  }
  .modelFull .header .info .text {
    width: 100%;
    font-size: 1.5em;
    line-height: 1.6em;
    margin: 0 0 30px 0;
    float: left;
  }
  .modelFull .header .info .text a {
    text-decoration: underline;
  }
  .modelFull .header .info .text a:hover {
    text-decoration: none;
  }
  .modelFull .header .info .frameType {
    width: 100%;
    margin: 0 0 15px 0;
    float: left;
  }
  .modelFull .header .info .frameType a {
    height: 35px;
    line-height: 34px;
    padding: 0 20px;
    margin: 0 5px 0 0;
    border: 1px solid #e3e3e3;
    color: #000000;
    font-size: 1.5em;
    float: left;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
  }
  .modelFull .header .info .frameType a:hover,
  .modelFull .header .info .frameType a.active,
  .modelFull .header .info .frameType a.active:hover {
    border: 1px solid #549cd7;
    text-decoration: none;
  }
  .modelFull .header .info .colors {
    width: 100%;
    margin: 0 0 35px 0;
    float: left;
  }
  .modelFull .header .info .colors a {
    padding: 5px;
    margin: 0 5px 0 0;
    border: 1px solid #e3e3e3;
    color: #000000;
    font-size: 1.5em;
    float: left;
    position: relative;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
  }
  .modelFull .header .info .colors a img {
    width: 35px;
    height: 35px;
    float: left;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
  }
  .modelFull .header .info .colors a span {
    width: 35px;
    height: 35px;
    position: absolute;
    top: 5px;
    left: 5px;
    float: left;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), inset 0 1px 1px #ffffff, inset 0 0 1px rgba(0, 0, 0, 0.5);
    /*bottom dark shadow*/
  }
  .modelFull .header .info .colors a:hover,
  .modelFull .header .info .colors a.active,
  .modelFull .header .info .colors a.active:hover {
    border: 1px solid #549cd7;
    text-decoration: none;
  }
  .modelFull .header .info .colors .colorlabel {
    height: 47px;
    line-height: 47px;
    margin: 0 0 0 15px;
    font-size: 1.5em;
    float: left;
  }
  .modelFull .header .info .modelPrice {
    font-size: 1.5em;
    margin: 0 0 35px 0;
  }
  .modelFull .header .info .modelPrice .amount {
    color: #e20023;
    font-weight: 700;
  }
  .modelFull .header .info .myList a.add {
    padding: 0 0 0 30px;
    background: url("../../img/add.svg") left center no-repeat;
    font-size: 1.5em;
    color: #000000;
  }
  .modelFull .anchorMenu a {
    font-size: 1.5em;
    padding: 0 15px;
  }
  .modelFull .batteries .layout {
    width: 100%;
  }
  .modelFull .batteries .battTypes .accu {
    width: 280px;
    height: 305px;
  }
  .modelFull .versions .layout {
    width: 100%;
  }
  .modelFull .experience {
    padding: 40px 0 350px 0;
  }
  .modelFull .experience .twoColumn h2 {
    width: 100%;
    margin: 0 0 10px 0;
  }
  .modelFull .experience .twoColumn .text {
    padding: 0 40px 0 0;
  }
  .modelFull .usps .points {
    width: 980px;
  }
  .modelFull .accessories .layout {
    width: 100%;
  }
  .modelFull .accessories .accessoriesList .accessory {
    width: 300px;
    height: 395px;
  }
  .modelFull .accessories .accessoriesList .subtitle {
    width: 100%;
    padding: 0 15px;
  }
  .modelFull .othermodels .layout {
    width: 100%;
  }
  .modelFull .othermodels .model {
    width: 340px;
    height: 460px;
  }
  .modelFull .othermodels .model .name {
    font-size: 1.7em;
  }
  .modelFull .othermodels .model .desc {
    padding: 0 20px;
  }
  .modelFull .faqWrap .left {
    width: 45%;
  }
  .modelFull .faqWrap .right {
    width: 45%;
  }
  #proefritPopup,
  #orderPopup {
    width: 960px;
    margin: 0 0 0 -480px;
  }
  #proefritPopup .proefritContent,
  #orderPopup .proefritContent {
    height: 60%;
  }
  #proefritPopup .proefritContent .agenda .right,
  #orderPopup .proefritContent .agenda .right {
    width: 580px;
  }
}
/*===============================================================================================*/
@media screen and (max-width: 1010px) {
  .modelFull .header .gallery {
    width: 100%;
    height: auto;
    margin: 0;
  }
  .modelFull .header .gallery .royalSlider {
    width: 100%;
    height: 580px !important;
  }
  .modelFull .header .gallery .royalSlider .rsNav {
    width: 100%;
    background: none;
    border: none;
    height: auto;
  }
  .modelFull .header .gallery .royalSlider .rsNav .rsBullet {
    width: 15px;
    height: 15px;
    padding: 4px;
  }
  .modelFull .header .gallery .royalSlider .rsNav .rsBullet span {
    width: 15px;
    height: 15px;
    background: #e1e1e1;
    cursor: pointer;
  }
  .modelFull .header .gallery .royalSlider .rsNav .rsBullet.rsNavSelected span {
    background: #989897;
  }
  .modelFull .header .info {
    width: 100%;
    padding: 20px;
    margin: 0;
    float: left;
  }
  .modelFull .commercial .fietsCommercial .left,
  .modelFull .commercial .fietsCommercial .right {
    width: 100%;
    height: auto;
    padding: 50px;
    font-size: 1.5em;
    line-height: 1.6em;
    text-align: center;
    border-top: 1px solid #e5e5e5;
    border-right: none;
  }
  .modelFull .commercial .fietsCommercial .right {
    text-align: left;
  }
  .modelFull .experience {
    padding: 40px 0 250px 0;
  }
  .modelFull .usps .points {
    width: 700px;
  }
  #proefritPopup,
  #orderPopup {
    width: 680px;
    margin: 0 0 0 -340px;
  }
  #proefritPopup .proefritContent,
  #orderPopup .proefritContent {
    height: 75%;
  }
  #proefritPopup .proefritContent .agenda .date,
  #orderPopup .proefritContent .agenda .date {
    width: 140px;
    font-size: 1.3em;
    padding: 32px 0 0 0;
  }
  #proefritPopup .proefritContent .agenda .right,
  #orderPopup .proefritContent .agenda .right {
    width: 360px;
  }
  #proefritPopup .proefritContent .agenda .right .title h1,
  #orderPopup .proefritContent .agenda .right .title h1,
  #proefritPopup .proefritContent .agenda .right .title h2,
  #orderPopup .proefritContent .agenda .right .title h2 {
    font-size: 1.5em;
  }
  #proefritPopup .proefritContent .agenda .right .timeLoc,
  #orderPopup .proefritContent .agenda .right .timeLoc {
    font-size: 1.3em;
  }
}
/*===============================================================================================*/
/*		MOBILE																												 */
/*===============================================================================================*/
@media screen and (max-width: 740px) {
  .modelFull .header {
    width: 100%;
    padding: 10px 0 0 0;
  }
  .modelFull .header .gallery {
    height: auto;
  }
  .modelFull .header .gallery .royalSlider {
    height: 320px !important;
  }
  .modelFull .header .bikeLogos {
    width: 40px;
    right: 0;
  }
  .modelFull .header .bikeLogos img {
    width: 40px;
    height: auto;
  }
  .modelFull .header .info h1 {
    color: #e20023;
    font-size: 3.0em;
    margin: 0 0 10px 0;
  }
  .modelFull .header .info .text {
    font-size: 1.3em;
    line-height: 1.4em;
    margin: 0 0 15px 0;
  }
  .modelFull .header .info .frameType {
    margin: 0 0 10px 0;
  }
  .modelFull .header .info .frameType a {
    font-size: 1.3em;
  }
  .modelFull .header .info .colors {
    margin: 0 0 15px 0;
  }
  .modelFull .header .info .colors a {
    font-size: 1.3em;
  }
  .modelFull .header .info .colors .colorlabel {
    margin: 0 0 0 10px;
    font-size: 1.3em;
  }
  .modelFull .header .info .modelPrice {
    font-size: 1.3em;
    margin: 0 0 20px 0;
  }
  .modelFull .header .info .buttons a.findDealer {
    padding: 0 8px;
    margin: 0 5px 0 0;
  }
  .modelFull .header .info .buttons a.findDealer.full {
    width: 268px;
  }
  .modelFull .header .info .buttons a.testDrive {
    padding: 0 8px;
    margin: 0;
  }
  .modelFull .header .info .myList a.add {
    font-size: 1.3em;
  }
  .modelFull .commercial .fietsCommercial .left,
  .modelFull .commercial .fietsCommercial .right {
    width: 100%;
    height: auto;
    padding: 25px;
    font-size: 1.3em;
    line-height: 1.4em;
    border-top: 1px solid #e5e5e5;
    border-right: none;
  }
  .modelFull .commercial .fietsCommercial .left .buttons,
  .modelFull .commercial .fietsCommercial .right .buttons {
    margin: 0 0 15px 0;
  }
  .modelFull .commercial .fietsCommercial .left .buttons a.findDealer,
  .modelFull .commercial .fietsCommercial .right .buttons a.findDealer,
  .modelFull .commercial .fietsCommercial .left .buttons a.testDrive,
  .modelFull .commercial .fietsCommercial .right .buttons a.testDrive,
  .modelFull .commercial .fietsCommercial .left .buttons a.order,
  .modelFull .commercial .fietsCommercial .right .buttons a.order {
    margin: 0 5px 10px 5px;
  }
  .modelFull .anchorMenu {
    display: none;
  }
  .modelFull .batteries {
    padding: 25px 0;
  }
  .modelFull .batteries .battTypes h2 {
    font-size: 2.2em;
    margin: 0 0 15px 0;
  }
  .modelFull .batteries .battTypes .accu {
    width: 260px;
    height: 305px;
  }
  .modelFull .versions {
    padding: 30px 0 20px 0;
  }
  .modelFull .versions h2 {
    font-size: 2.2em;
    margin: 0 0 10px 0;
  }
  .modelFull .versions h3 {
    font-size: 1.4em;
    margin: 0 0 20px 0;
  }
  .modelFull .versions .model {
    width: 360px;
    margin: 10px;
  }
  .modelFull .framesizes {
    padding: 17px 0 35px 0;
  }
  .modelFull .framesizes .layout {
    width: 280px;
  }
  .modelFull .framesizes .layout .sizes {
    padding: 25px;
    float: left;
  }
  .modelFull .framesizes .layout .sizes h2 {
    font-size: 1.6em;
    text-align: left;
    margin: 0 0 25px 0;
  }
  .modelFull .framesizes .layout .sizes .frameType {
    width: 100%;
    margin: 0 0 15px 0;
    font-size: 1.3em;
    text-align: left;
    float: left;
  }
  .modelFull .framesizes .layout .sizes .frameType > span {
    width: 100%;
    margin: 0 0 5px 0;
    float: left;
  }
  .modelFull .framesizes .layout .sizes .frameType .frame {
    width: auto;
    padding: 0 7px 0 0;
    font-size: 1.1em;
    margin: 0;
    float: left;
  }
  .modelFull .framesizes .layout .sizes a {
    font-size: 1.1em;
    float: left;
  }
  .modelFull .experience {
    padding: 40px 0 100px 0;
  }
  .modelFull .experience .twoColumn h2 {
    margin: 0 0 10px 0;
  }
  .modelFull .highlight {
    padding: 35px 0 25px 0;
  }
  .modelFull .highlight h2 {
    padding: 0 20px;
    font-size: 2.2em;
    margin: 0 0 7px 0;
  }
  .modelFull .highlight .uitgelicht .content h2 {
    font-weight: 400;
  }
  .modelFull .usps {
    padding: 25px 0 15px 0;
  }
  .modelFull .usps .points {
    width: 280px;
    margin: 0 20px;
    padding: 15px;
  }
  .modelFull .usps .points h2 {
    font-size: 1.6em;
    margin: 0 0 15px 0;
  }
  .modelFull .usps .points ul {
    width: 100%;
  }
  .modelFull .usps .points ul li {
    width: 100%;
    min-height: 21px;
    margin: 0 0 10px 0;
    padding: 0 0 0 35px;
    font-size: 1.3em;
    background: url("../../img/usp.png") no-repeat 0 0;
  }
  .modelFull .accessories {
    padding: 25px 0;
  }
  .modelFull .accessories .accessoriesList h2 {
    font-size: 2.2em;
    margin: 0 0 15px 0;
  }
  .modelFull .accessories .accessoriesList .subtitle {
    margin: 0 0 15px 0;
    width: 100%;
    padding: 0 25px;
  }
  .modelFull .accessories .accessoriesList .accessory {
    width: 260px;
    height: 375px;
  }
  .modelFull .specs {
    padding: 25px 0;
  }
  .modelFull .specs .modelspecs {
    margin: 0 20px;
  }
  .modelFull .specs .modelspecs h2 {
    font-size: 2.2em;
    margin: 0 0 15px 0;
  }
  .modelFull .specs .modelspecs .spec {
    padding: 10px 0;
    font-size: 1.3em;
  }
  .modelFull .specs .modelspecs .spec .name {
    width: 100%;
    margin: 0 0 5px 0;
  }
  .modelFull .specs .modelspecs .spec .description {
    width: 100%;
  }
  .modelFull .faqWrap {
    padding: 35px 0;
  }
  .modelFull .faqWrap h2 {
    font-size: 2.2em;
  }
  .modelFull .faqWrap .left {
    width: 100%;
    padding: 0 20px;
    margin: 0 0 20px 0;
  }
  .modelFull .faqWrap .left .subTitle {
    font-size: 1.7em;
  }
  .modelFull .faqWrap .left a.moreQuestions {
    font-size: 1.3em;
  }
  .modelFull .faqWrap .right {
    width: 100%;
    padding: 0 20px;
    margin: 0;
  }
  .modelFull .faqWrap .right .questions {
    width: 100%;
    height: 200px;
    padding: 50px 0 0 0;
  }
  .modelFull .faqWrap .right .questions .title {
    width: 100%;
    float: left;
    font-size: 1.7em;
    line-height: 1.2em;
    margin: 0 0 15px 0;
  }
  .modelFull .faqWrap .right .questions a {
    font-size: 1.3em;
  }
  .modelFull .reasons {
    padding: 35px 0;
  }
  .modelFull .reasons .points {
    width: 280px;
    margin: 0 20px;
  }
  .modelFull .reasons .points h2 {
    font-size: 1.6em;
    margin: 0 0 15px 0;
  }
  .modelFull .reasons .points ul {
    width: 100%;
  }
  .modelFull .reasons .points ul li {
    width: 100%;
    padding: 0 0 0 35px;
    font-size: 1.3em;
  }
  .modelFull .reasons .allReasons {
    width: 190px;
    background: #FFF;
    height: 50px;
    line-height: 50px;
    color: #549cd7;
    border: 1px solid #e3e3e3;
    font-size: 1.4em;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
    float: left;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    position: absolute;
    bottom: -26px;
    left: 50%;
    margin: 0 0 0 -95px;
  }
  .modelFull .othermodels .model {
    width: 280px;
    height: 440px;
    margin: 10px;
  }
  .modelFull .othermodels .model .name {
    font-size: 1.7em;
  }
  .modelFull .othermodels .model .image img {
    width: 280px;
    height: 187px;
  }
  .modelFull .othermodels .model .desc {
    padding: 0 20px 0 20px;
    font-size: 1.3em;
  }
  .modelFull .othermodels .model .price {
    font-size: 1.3em;
  }
  .modelFull .othermodels .model .view a {
    font-size: 1.3em;
  }
  #proefritPopup,
  #orderPopup {
    /*width: 300px;*/
    width: 100%;
    height: 100%;
    padding: 40px 20px 20px 20px;
    /*margin: 0 0 0 -150px;*/
    margin: 0;
    /*top: 70px;*/
    top: 0;
    left: 0;
    z-index: 1000;
  }
  #proefritPopup .popupTitle,
  #orderPopup .popupTitle {
    font-size: 2.7em;
  }
  #proefritPopup ul,
  #orderPopup ul {
    height: auto;
  }
  #proefritPopup ul a,
  #orderPopup ul a {
    font-size: 1.3em;
  }
  #proefritPopup ul li,
  #orderPopup ul li {
    width: 100%;
  }
  #proefritPopup ul li a,
  #orderPopup ul li a {
    width: 100%;
    height: auto;
    line-height: normal;
    padding: 8px 30px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-right: 0 solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
  }
  #proefritPopup ul li.current a:before,
  #orderPopup ul li.current a:before,
  #proefritPopup ul li.current a:after,
  #orderPopup ul li.current a:after {
    display: none;
  }
  #proefritPopup .proefritContent,
  #orderPopup .proefritContent {
    /*height: 50%;*/
    height: 60%;
  }
  #proefritPopup .proefritContent .agenda,
  #orderPopup .proefritContent .agenda {
    padding: 0;
    margin: 0 0 20px 0;
  }
  #proefritPopup .proefritContent .agenda .date,
  #orderPopup .proefritContent .agenda .date {
    width: 100%;
    font-size: 1.3em;
    padding: 0 0 0 0;
    margin: 0 0 5px 0;
  }
  #proefritPopup .proefritContent .agenda .right,
  #orderPopup .proefritContent .agenda .right {
    width: 100%;
  }
  #proefritPopup .proefritContent .agenda .right .title h1,
  #orderPopup .proefritContent .agenda .right .title h1,
  #proefritPopup .proefritContent .agenda .right .title h2,
  #orderPopup .proefritContent .agenda .right .title h2 {
    font-size: 1.5em;
  }
  #proefritPopup .proefritContent .agenda .right .timeLoc,
  #orderPopup .proefritContent .agenda .right .timeLoc {
    font-size: 1.3em;
  }
}
/*===============================================================================================*/

/*===============================================================================================*/
/*		MODEL SHORT																											 */
/*===============================================================================================*/
[data-section="bikes"] {
  background-position: 0 0;
  background-repeat: no-repeat;
}
#modelContainer a.add {
  background-size: 20px 16px;
  padding: 0 0 0 30px;
  background: url("../../img/add.svg") left center no-repeat;
  font-size: 1.5em;
  color: #000000;
}
#modelContainer a.remove {
  background-size: 20px 16px;
  padding: 0 0 0 30px;
  background: url("../../img/remove.svg") left center no-repeat;
  font-size: 1.5em;
  color: #000000;
}
/* Model */
.model {
  background: #fff;
  width: 440px;
  height: 520px;
  float: left;
  margin: 10px;
  border: 1px solid #e3e3e3;
  position: relative;
  -moz-transition: box-shadow 0.2s ease-in-out;
  -o-transition: box-shadow 0.2s ease-in-out;
  -webkit-transition: box-shadow 0.2s ease-in-out;
  transition: box-shadow 0.2s ease-in-out;
}
.model .name {
  margin: 30px 30px 10px 30px;
  font-size: 2.1em;
  font-weight: 400;
}
.model .name a {
  color: #000000;
  text-decoration: none;
}
.model .name span.bold {
  font-weight: 700;
}
.model .desc {
  height: 52px;
  margin: 0 30px 10px 30px;
  font-size: 1.5em;
  line-height: 1.6em;
}
.model .image {
  display: block;
  text-align: center;
  outline: 0;
}
.model .image img {
  margin: 0 auto;
}
.model .price {
  margin: 20px 30px 10px 30px;
  font-size: 1.7em;
  font-weight: 400;
  color: #000000;
}
.model .price .amount {
  font-weight: 600;
  color: #e20023;
}
.model .view {
  margin: 0 30px;
}
.model .view a {
  font-size: 1.5em;
  color: #e20023;
  text-decoration: underline;
}
.model .view a:hover {
  text-decoration: none;
}
.model .myList {
  margin: 20px 30px 0 30px;
}
.model:hover {
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15);
}
/* Cluster */
.model.cluster .versions {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}
.model.cluster .versions a {
  background: no-repeat;
  background-color: #f2f2f2;
  background-image: url(../../img/arrowBlack.svg);
  background-size: 12px 12px;
  background-position: 400px center;
  height: 46px;
  line-height: 46px;
  display: block;
  font-size: 1.5em;
  font-weight: 600;
  text-decoration: none;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.model.cluster .versions a .amount {
  background: #e20023;
  width: 70px;
  float: left;
  display: block;
  color: #fff;
  text-align: center;
}
.model.cluster .versions a .text {
  margin: 0 0 0 30px;
  color: #000;
  text-transform: capitalize;
}
.model.cluster .versions a:hover {
  background-color: #eee;
}
/* Match percentage */
.model.match {
  height: 570px;
}
.model.match .percentage {
  height: 49px;
  line-height: 49px;
  text-align: center;
  font-size: 1.5em;
  font-weight: 400;
  border-bottom: 1px solid #e3e3e3;
}
.model.match .percentage span {
  font-size: 1.3em;
  font-weight: 700;
  color: #6db438;
}
/* Model E-bike */
.model.ebike {
  height: 540px;
  border-bottom: 1px solid #e20023;
}
.model.ebike .name {
  font-size: 1.8em;
}
.model.ebike .image img {
  width: 340px;
  height: auto;
}
.model.ebike ul {
  height: 150px;
  margin: 20px 30px 0 30px;
  font-size: 1.4em;
  line-height: 1.5em;
}
.model.ebike .view {
  width: 100%;
  margin: 0;
  position: absolute;
  bottom: 30px;
  left: 0;
  text-align: center;
}
.model.ebike .view a.button {
  background: #549cd7;
  height: 50px;
  line-height: 50px;
  display: inline-block;
  padding: 0 20px;
  font-size: 1.5em;
  font-weight: 600;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 5px;
  border: 1px solid #549cd7;
  cursor: pointer;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), inset 0 1px 1px #ffffff, inset 0 0 1px rgba(0, 0, 0, 0.5);
  /*bottom dark shadow*/
}
.model.ebike .view a.button:hover {
  background: #65ade8;
}
/* Model testride */
.model.testride {
  width: 380px;
  height: 560px;
  border-bottom: 1px solid #e20023;
}
.model.testride .name {
  font-size: 1.8em;
}
.model.testride .image img {
  width: 340px;
  height: auto;
}
.model.testride ul {
  height: 150px;
  margin: 20px 30px 0 30px;
  font-size: 1.5em;
  font-weight: 400;
  line-height: 1.6em;
}
.model.testride .view {
  width: 100%;
  margin: 0;
  position: absolute;
  bottom: 30px;
  left: 0;
  text-align: center;
}
.model.testride .view .select {
  background: #549cd7;
  display: inline-block;
  padding: 14px 20px;
  font-size: 1.4em;
  font-weight: 600;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 5px;
  border: 1px solid #549cd7;
  cursor: pointer;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), inset 0 1px 1px #ffffff, inset 0 0 1px rgba(0, 0, 0, 0.5);
  /*bottom dark shadow*/
}
.model.testride .view .select:hover {
  background: #65ade8;
}
.model.testride .view input + label {
  height: auto;
}
/*===============================================================================================*/
/*		RESPONSIVE																											 */
/*===============================================================================================*/
@media screen and (max-width: 1220px) {
  /* Model */
  .model {
    width: 340px;
    height: 440px;
  }
  .model .name {
    margin: 20px 20px 10px 20px;
  }
  .model .name h2 {
    font-size: 1.9em;
  }
  .model .desc {
    margin: 0 20px 10px 20px;
  }
  .model .image img {
    width: 300px;
    height: 200px;
  }
  .model .price {
    margin: 20px 20px 10px 20px;
  }
  .model .view {
    margin: 0 20px;
  }
  .model .myList {
    margin: 20px 20px 0 20px;
  }
  /* Cluster */
  .model.cluster .versions a {
    background-position: 300px center;
  }
  /* Match percentage */
  .model.match {
    height: 490px;
  }
  /* Model E-bike */
  .model.ebike {
    height: 520px;
  }
  .model.ebike .name {
    font-size: 1.8em;
    line-height: 1.3em;
  }
  .model.ebike .image img {
    width: 280px;
  }
  .model.ebike ul {
    margin: 20px 20px 0 20px;
    font-size: 1.3em;
  }
  /* Model testride */
  .model.testride {
    height: 520px;
    width: 300px;
  }
  .model.testride .name {
    font-size: 1.8em;
    line-height: 1.3em;
  }
  .model.testride .image img {
    width: 280px;
  }
  .model.testride ul {
    margin: 20px 20px 0 20px;
    font-size: 1.3em;
  }
}
/*===============================================================================================*/
@media screen and (max-width: 1010px) {
  /* Model testride */
  .model.testride {
    width: 340px;
  }
}
/*===============================================================================================*/
/*		MOBILE																												 */
/*===============================================================================================*/
@media screen and (max-width: 740px) {
  #modelContainer a.add {
    font-size: 1.3em;
  }
  #modelContainer a.remove {
    font-size: 1.3em;
  }
  /* Model */
  .model {
    width: 280px;
    height: 386px;
    margin: 10px 20px;
  }
  .model .name {
    font-size: 1.5em;
  }
  .model .desc {
    height: 40px;
    font-size: 1.2em;
    line-height: 1.4em;
  }
  .model .image img {
    width: 260px;
    height: 172px;
  }
  .model .price {
    font-size: 1.5em;
  }
  .model .view a {
    font-size: 1.2em;
  }
  /* Cluster */
  .model.cluster {
    height: 370px;
  }
  .model.cluster .versions a {
    background-position: 250px center;
    height: 36px;
    line-height: 36px;
    font-size: 1.3em;
  }
  .model.cluster .versions a .amount {
    width: 60px;
  }
  .model.cluster .versions a .text {
    margin: 0 0 0 20px;
  }
  /* Match percentage */
  .model.match {
    height: 420px;
  }
  .model.match .percentage {
    height: 34px;
    line-height: 34px;
    font-size: 1.2em;
  }
  /* Model E-bike*/
  .model.ebike {
    margin: 10px;
  }
  /* Model testride*/
  .model.testride {
    width: 300px;
    margin: 10px;
  }
}
/*===============================================================================================*/

/*===============================================================================================*/
/*		MODEL VERSIOn																										 */
/*===============================================================================================*/
a.modelVersion,
a.modelVersion.slick-slide {
  background: #fff;
  width: 380px;
  height: 580px;
  /*float: left;*/
  display: inline-block;
  margin: 10px;
  color: #000000;
  text-decoration: none;
  text-align: left;
  border: 1px solid #e3e3e3;
  border-bottom: 1px solid #e20023;
}
a.modelVersion span,
a.modelVersion.slick-slide span {
  display: block;
}
a.modelVersion .name,
a.modelVersion.slick-slide .name {
  margin: 30px 30px 20px 30px;
  font-size: 1.9em;
  font-weight: 400;
}
a.modelVersion .name span,
a.modelVersion.slick-slide .name span {
  display: inline;
}
a.modelVersion .name span.bold,
a.modelVersion.slick-slide .name span.bold {
  font-weight: 700;
}
a.modelVersion .image,
a.modelVersion.slick-slide .image {
  display: block;
  text-align: center;
  outline: 0;
}
a.modelVersion .image img,
a.modelVersion.slick-slide .image img {
  margin: 0 auto;
}
a.modelVersion .price,
a.modelVersion.slick-slide .price {
  margin: 20px 30px 10px 30px;
  font-size: 1.7em;
  font-weight: 400;
  color: #000000;
}
a.modelVersion .price .amount,
a.modelVersion.slick-slide .price .amount {
  display: inline;
  font-weight: 600;
  color: #e20023;
}
a.modelVersion ul,
a.modelVersion.slick-slide ul {
  height: 140px;
  margin: 20px 30px 0 30px;
  font-size: 1.4em;
  font-weight: 400;
  line-height: 1.4em;
}
a.modelVersion .view,
a.modelVersion.slick-slide .view {
  text-align: center;
}
a.modelVersion .view .link,
a.modelVersion.slick-slide .view .link {
  background: #549cd7;
  height: 48px;
  line-height: 48px;
  display: inline-block;
  padding: 0 20px;
  font-size: 1.6em;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 5px;
  border: 1px solid #549cd7;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), inset 0 1px 1px #ffffff, inset 0 0 1px rgba(0, 0, 0, 0.5);
  /*bottom dark shadow*/
}
a.modelVersion .view .link:hover,
a.modelVersion.slick-slide .view .link:hover {
  background: #65ade8;
}
a.modelVersion .view .selected,
a.modelVersion.slick-slide .view .selected {
  line-height: 48px;
  font-size: 1.5em;
  font-weight: 700;
  color: #000000;
  text-transform: uppercase;
}
a.modelVersion.disabled {
  background: #f4f4f4;
  border-bottom: 1px solid #000;
}
a.modelVersion:hover {
  color: #000000;
  text-decoration: none;
}
/*===============================================================================================*/
/*		RESPONSIVE																											 */
/*===============================================================================================*/
/*===============================================================================================*/
/*===============================================================================================*/
/*		MOBILE																												 */
/*===============================================================================================*/
@media screen and (max-width: 740px) {
  a.modelVersion,
  a.modelVersion.slick-slide {
    width: 240px;
    height: 340px;
    color: #000000;
  }
  a.modelVersion .name,
  a.modelVersion.slick-slide .name {
    margin: 20px 20px 10px 20px;
    font-size: 1.2em;
  }
  a.modelVersion .image img,
  a.modelVersion.slick-slide .image img {
    width: 220px;
    height: 146px;
  }
  a.modelVersion .price,
  a.modelVersion.slick-slide .price {
    margin: 4px 20px 10px 20px;
    font-size: 1.3em;
  }
  a.modelVersion ul,
  a.modelVersion.slick-slide ul {
    height: 66px;
    margin: 10px 20px 0 20px;
    font-size: 1em;
    line-height: 1.4em;
    overflow: hidden;
  }
  a.modelVersion .view .link,
  a.modelVersion.slick-slide .view .link {
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    font-size: 1.2em;
  }
  a.modelVersion .view .selected,
  a.modelVersion.slick-slide .view .selected {
    line-height: 32px;
    font-size: 1.3em;
  }
}
/*===============================================================================================*/

/*===============================================================================================*/
/*		TEMPLATE NAME																										 */
/*===============================================================================================*/
[data-section=outro] {
  padding: 70px 0;
}
.outro {
  width: 100%;
  float: left;
  padding: 0 10px;
}
.outro h1,
.outro h2 {
  margin: 0 0 30px 0;
  font-size: 3.9em;
  text-align: center;
}
.outro .text {
  max-width: 600px;
  margin: 0 auto;
  font-size: 1.5em;
  font-weight: 400;
  line-height: 1.6em;
  text-align: center;
}
/*===============================================================================================*/
/*		RESPONSIVE																											 */
/*===============================================================================================*/
/*===============================================================================================*/
/*===============================================================================================*/
/*		MOBILE																												 */
/*===============================================================================================*/

/*===============================================================================================*/
/*		PAGETITLE																											 */
/*===============================================================================================*/
.pagetitle {
  width: 100%;
  float: left;
  margin: 60px 0;
}
.pagetitle h2 {
  max-width: 840px;
  margin: 0 auto;
  padding: 0 20px;
  font-size: 3.9em;
  font-weight: 400;
  text-align: center;
}
#content .pagetitle {
  margin: 40px 0;
}
#content .pagetitle h2 {
  max-width: 100%;
  padding: 0 0 0 10px;
  text-align: left;
}
#content [data-section=intro] .pagetitle {
  margin: 0;
}
/*===============================================================================================*/
/*		RESPONSIVE																											 */
/*===============================================================================================*/
/*===============================================================================================*/
/*===============================================================================================*/
/*		MOBILE																												 */
/*===============================================================================================*/
@media screen and (max-width: 740px) {
  .pagetitle {
    margin: 20px 0;
  }
  .pagetitle h2 {
    font-size: 2.2em;
  }
  #content .pagetitle {
    margin: 20px 0;
  }
}
/*===============================================================================================*/

/*===============================================================================================*/
/*		PAGING																												 */
/*===============================================================================================*/
.paging {
  width: 100%;
  margin: 20px 0;
  text-align: center;
  float: left;
}
.paging a {
  border: 1px solid #e3e3e3;
  background: #ffffff;
  display: inline-block;
  padding: 10px 14px;
  margin: 0 2px;
  font-size: 1.3em;
  color: #e20023;
  text-decoration: none;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.paging a:hover {
  background: #e20023;
  color: #ffffff;
}
.paging a.disabled,
.paging a.disabled:hover {
  background: #ffffff;
  color: #cccccc;
}
.paging a.current {
  background: #e20023;
  border: 1px solid #e20023;
  font-weight: 700;
  color: #ffffff;
}
/*===============================================================================================*/
/*		RESPONSIVE																											 */
/*===============================================================================================*/
/*===============================================================================================*/
/*===============================================================================================*/
/*		MOBILE																												 */
/*===============================================================================================*/
@media screen and (max-width: 740px) {
  .paging a {
    padding: 5px 8px;
    margin: 0 2px 4px 2px;
  }
}
/*===============================================================================================*/

/*===============================================================================================*/
.background {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.85);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: fixed;
  z-index: 1000;
  float: left;
}
.recallPopup {
  width: 600px;
  background: #f2f2f2;
  position: fixed;
  font-size: 1.5em;
  font-weight: 400;
  line-height: 1.6em;
  border: 1px solid #e3e3e3;
  padding: 40px 40px 40px 40px;
  margin: 0 0 0 -300px;
  left: 50%;
  top: 200px;
  z-index: 1001;
  float: left;
}
.recallPopup h1 {
  margin: 0 0 20px 0;
  font-size: 1.5em;
}
.recallPopup p {
  margin: 0 0 20px 0;
}
.recallPopup .close {
  width: 40px;
  height: 40px;
  line-height: 40px;
  background: #e20023;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  position: absolute;
  top: -1px;
  right: -1px;
}
.recallPopup .close:hover {
  background: #fb0027;
}
/*===============================================================================================*/
/*		RESPONSIVE																											 */
/*===============================================================================================*/
@media screen and (max-width: 1220px) {
  .recallPopup {
    top: 150px;
  }
}
/*===============================================================================================*/
/*===============================================================================================*/
@media screen and (max-width: 740px) {
  .recallPopup {
    width: 300px;
    padding: 20px;
    margin: 0 0 0 -150px;
    top: 30px;
  }
}
/*===============================================================================================*/

/*===============================================================================================*/
/*		PORTAL .COM																											 */
/*===============================================================================================*/
.chooseCountry {
  width: 100%;
  height: 760px;
  background-size: cover;
  position: relative;
  float: left;
}
.chooseCountry a.goDown {
  background: center center no-repeat;
  background-image: url(../../img/btnGoDown.png);
  background-size: 104px 30px;
  width: 104px;
  height: 30px;
  position: absolute;
  bottom: -1px;
  left: 50%;
  margin-left: -52px;
  outline: 0;
  z-index: 950;
}
.countrySelect {
  width: 370px;
  margin: 50px 0 0 0;
  float: left;
}
.countrySelect .title {
  width: 100%;
  margin: 0 0 30px 0;
  float: left;
}
.countrySelect .title h1 {
  font-size: 3.9em;
  font-weight: 300;
}
.countrySelect .text {
  width: 100%;
  margin: 0 0 20px 0;
  font-size: 1.5em;
  line-height: 1.6em;
  font-weight: 400;
  float: left;
}
.countrySelect select {
  width: 300px;
  height: 45px;
  padding: 0 10px;
  font-size: 1.5em;
  margin: 0 0 0 0;
  border: 1px solid #e3e3e3;
}
/*===============================================================================================*/
/*		RESPONSIVE																											 */
/*===============================================================================================*/
/*===============================================================================================*/
/*===============================================================================================*/
/*		MOBILE																												 */
/*===============================================================================================*/
/*===============================================================================================*/

/*===============================================================================================*/
/*		PURE DINSDAG HEADER																								 */
/*===============================================================================================*/
body.pureDinsdag {
  padding: 0;
  background: #d4dacb;
}
.main {
  height: 100%;
}
.headerDinsdag {
  width: 100%;
  height: 920px;
  background: url("/img/pure/headerDinsdagVervolg.jpg") no-repeat -80px -120px;
  /*background-size: contain;*/
  position: relative;
  float: left;
}
.headerDinsdag .logo {
  background: center center no-repeat;
  background-image: url(/img/logoBatavus.svg);
  background-size: 237px 30px;
  width: 300px;
  height: 60px;
  float: left;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 200;
}
.headerDinsdag .homeLink {
  font-family: "AkzidenzGrotesk_Regular";
  font-size: 1.1rem;
  color: #ffffff;
  position: absolute;
  top: 45px;
  left: 32px;
}
.headerDinsdag .overlay {
  width: 100%;
  height: 920px;
  background: url("/img/pure/dinsdagOverlay.png") no-repeat 0 0;
  position: absolute;
  left: 0;
  top: 0;
  float: left;
}
.headerDinsdag .text {
  width: 300px;
  text-align: center;
  font-family: "AkzidenzGrotesk_Regular";
  font-size: 3.0em;
  line-height: 1.3em;
  position: absolute;
  top: 460px;
  right: 260px;
}
.headerDinsdag .text span {
  font-family: "AkzidenzGrotesk_Bold";
}
.headerDinsdag .from {
  top: 631px;
  left: 600px;
  font-family: "AkzidenzGrotesk_Bold";
  font-size: 3.0em;
  line-height: 1.3em;
  position: absolute;
}
.headerDinsdag .price {
  width: 300px;
  text-align: center;
  top: 610px;
  right: 260px;
  font-family: "AkzidenzGrotesk_Bold";
  font-size: 8.0em;
  position: absolute;
}
.headerDinsdag .subtext {
  width: 425px;
  position: absolute;
  top: 680px;
  left: 90px;
}
.headerDinsdag .subtext .title {
  font-size: 2.0em;
  font-family: "AkzidenzGrotesk_Bold";
  margin: 0 0 5px 0;
}
.headerDinsdag .subtext p {
  font-family: "AkzidenzGrotesk_Regular";
  font-size: 1.8em;
  line-height: 1.4em;
}
/*===============================================================================================*/
/*		PURE DINSDAG INTRO																								 */
/*===============================================================================================*/
[data-section=introDinsdag] .intro.dinsdag {
  text-align: center;
}
[data-section=introDinsdag] .intro.dinsdag h1,
[data-section=introDinsdag] .intro.dinsdag h2 {
  font-family: "AkzidenzGrotesk_Bold";
  margin: 0 0 10px 0;
  font-size: 4.4em;
}
[data-section=introDinsdag] .intro.dinsdag .text {
  font-family: "AkzidenzGrotesk_Regular";
  font-size: 2.6em;
  margin: 0 0 30px 0;
}
[data-section=introDinsdag] .intro .bikes {
  width: 100%;
  margin: 0 0 20px 0;
  position: relative;
}
[data-section=introDinsdag] .intro .bikes .title {
  width: 500px;
  height: 150px;
  background: url("/img/pure/dinsdagCollection.svg") no-repeat center 0;
  position: absolute;
  bottom: 30px;
  left: 50%;
  margin: 0 0 0 -250px;
}
[data-section=introDinsdag] .intro .bikes .info {
  font-family: "AkzidenzGrotesk_Bold";
  background: #e6e6e6;
  height: 45px;
  line-height: 45px;
  display: inline-block;
  text-align: center;
  padding: 0 20px;
  margin: -45px 0 0 0;
  font-size: 2.6em;
  color: #000;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 5px;
  border: 1px solid #e6e6e6;
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), inset 0 1px 1px #ffffff, inset 0 0 1px rgba(0, 0, 0, 0.5);
  /*bottom dark shadow*/
  position: absolute;
  top: 50%;
  left: 50px;
  /*&:hover
				{
					background: @red + #111;
				}*/
}
[data-section=introDinsdag] .intro .bikes .info.right {
  left: auto;
  right: 50px;
}
[data-section=introDinsdag] .intro .slogan img {
  width: 70%;
}
/*===============================================================================================*/
/*		PURE DINSDAG MODELLEN																							 */
/*===============================================================================================*/
[data-section=ebike-options-dinsdag] {
  padding: 100px 0;
  background: #eef0ea url("/img/pure/bgModellen.gif") no-repeat 0 center;
}
[data-section=ebike-options-dinsdag] .model.ebike {
  border: none;
}
[data-section=ebike-options-dinsdag] .model.ebike .name {
  font-family: "AkzidenzGrotesk_Regular";
  font-size: 2.4em;
}
[data-section=ebike-options-dinsdag] .model.ebike .name span.bold {
  font-family: "AkzidenzGrotesk_Bold";
  font-weight: normal;
}
[data-section=ebike-options-dinsdag] .model.ebike .view a.button {
  background: #e20023;
  border: 1px solid #e20023;
}
[data-section=ebike-options-dinsdag] .model.ebike .view a.button:hover {
  background: #f31134;
}
/*===============================================================================================*/
/*		PURE DINSDAG OUTRO																								 */
/*===============================================================================================*/
[data-section=outroDinsdag] {
  padding: 60px 0;
}
[data-section=outroDinsdag] .twoColumn {
  background: url("/img/pure/bgDinsdag.svg") no-repeat center center;
  background-size: 100% auto;
}
[data-section=outroDinsdag] .twoColumn.small h1.title,
[data-section=outroDinsdag] .twoColumn.small h2.title {
  font-family: "AkzidenzGrotesk_Bold";
  font-size: 4.4em;
}
[data-section=outroDinsdag] .twoColumn .text {
  font-family: "AkzidenzGrotesk_Regular";
  font-size: 2.2em;
}
[data-section=outroDinsdag] .twoColumn .text .subtitle {
  font-family: "AkzidenzGrotesk_Bold";
  font-weight: normal;
  font-size: 1.1em;
}
[data-section=outroDinsdag] .twoColumn .text h3 {
  font-family: "AkzidenzGrotesk_Bold";
  font-size: 1.1em;
}
[data-section=outroDinsdag] .twoColumn .text ul {
  padding: 0;
  list-style: none;
}
[data-section=outroDinsdag] .twoColumn .text ul li {
  margin: 0 0 5px 0;
  padding: 0 0 0 32px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}
[data-section=outroDinsdag] .twoColumn .text ul li:before {
  width: 22px;
  height: 22px;
  margin: 7px 0 0 0;
  background: url("/img/pure/plus.png") no-repeat 0 0;
  content: "";
  position: absolute;
  left: 0;
}
/*===============================================================================================*/
/*		PURE DINSDAG FOOTER																								 */
/*===============================================================================================*/
.footerImageDinsdag {
  width: 100%;
  height: 900px;
  background: url("/img/pure/footerDinsdag.jpg") no-repeat center center;
  background-size: cover;
  float: left;
}
a.topBtn {
  width: 120px;
  height: 40px;
  background: #e20023 url("/img/pure/arrowTop.svg") no-repeat 10px center;
  background-size: 23px 15px;
  position: fixed;
  bottom: 20px;
  right: -140px;
  float: left;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
a.topBtn:after {
  content: "naar boven";
  color: #ffffff;
  font-family: "AkzidenzGrotesk_Bold";
  font-size: 1.6em;
  line-height: 40px;
  padding: 0 10px 0 0;
  float: right;
}
a.topBtn.visible {
  right: 20px;
}
/*===============================================================================================*/
/*		RESPONSIVE																											 */
/*===============================================================================================*/
@media screen and (max-width: 1220px) {
  .headerDinsdag {
    height: 770px;
    background: url("/img/pure/headerDinsdagVervolg.jpg") no-repeat -80px -100px;
    background-size: 1000px 680px;
    /*background-size: contain;*/
  }
  .headerDinsdag .overlay {
    height: 770px;
    background: url("/img/pure/dinsdagOverlay.png") no-repeat 0 0;
    background-size: 100% auto;
  }
  .headerDinsdag .text {
    width: 250px;
    font-size: 2.4em;
    line-height: 1.4em;
    top: 370px;
    right: 205px;
  }
  .headerDinsdag .from {
    top: 520px;
    left: 490px;
    font-size: 2.4em;
  }
  .headerDinsdag .price {
    top: 500px;
    right: 200px;
    font-size: 7.0em;
  }
  .headerDinsdag .subtext {
    top: 580px;
    left: 50px;
  }
  .headerDinsdag .subtext .title {
    font-size: 2.0em;
    font-family: "AkzidenzGrotesk_Bold";
    margin: 0 0 5px 0;
  }
  .headerDinsdag .subtext p {
    font-family: "AkzidenzGrotesk_Regular";
    font-size: 1.8em;
    line-height: 1.4em;
  }
  [data-section=ebike-options-dinsdag] .layout {
    width: 910px;
  }
  a.topBtn {
    width: 40px;
    right: -60px;
    background: #e20023 url("/img/pure/arrowTop.svg") no-repeat center center;
    background-size: 23px 15px;
  }
  a.topBtn:after {
    display: none;
  }
}
/*===============================================================================================*/
@media screen and (max-width: 1010px) {
  .headerDinsdag {
    height: 550px;
    background: url("/img/pure/headerDinsdagVervolg.jpg") no-repeat -40px -80px;
    background-size: 720px 490px;
    /*background-size: contain;*/
  }
  .headerDinsdag .overlay {
    height: 550px;
    background: url("/img/pure/dinsdagOverlay.png") no-repeat 0 0;
    background-size: 100% auto;
  }
  .headerDinsdag .text {
    width: 200px;
    font-size: 2.0em;
    line-height: 1.2em;
    top: 270px;
    right: 150px;
  }
  .headerDinsdag .from {
    top: 373px;
    left: 345px;
    font-size: 2.0em;
  }
  .headerDinsdag .price {
    width: 200px;
    top: 360px;
    right: 160px;
    font-size: 5.0em;
  }
  .headerDinsdag .subtext {
    width: 350px;
    top: 400px;
    left: 20px;
  }
  .headerDinsdag .subtext .title {
    font-size: 1.8em;
  }
  .headerDinsdag .subtext p {
    font-size: 1.5em;
    line-height: 1.4em;
  }
  [data-section=introDinsdag] .intro.dinsdag h1,
  [data-section=introDinsdag] .intro.dinsdag h2 {
    font-size: 3.8em;
  }
  [data-section=introDinsdag] .intro.dinsdag .text {
    font-size: 2.0em;
  }
  [data-section=introDinsdag] .intro .bikes img {
    width: 100%;
    height: auto;
  }
  [data-section=introDinsdag] .intro .bikes .info {
    font-size: 1.8em;
    margin: -25px 0 0 0;
    left: 0;
  }
  [data-section=introDinsdag] .intro .bikes .info.right {
    right: 0;
  }
  [data-section=introDinsdag] .intro .bikes .title {
    width: 500px;
    height: 100px;
    bottom: 20px;
  }
  [data-section=ebike-options-dinsdag] .layout {
    width: 680px;
  }
  [data-section=outroDinsdag] .twoColumn.small h1.title,
  [data-section=outroDinsdag] .twoColumn.small h2.title {
    font-size: 3.8em;
  }
  [data-section=outroDinsdag] .twoColumn .text {
    font-size: 1.8em;
  }
  .footerImageDinsdag {
    width: 100%;
    height: 500px;
    float: left;
  }
}
/*===============================================================================================*/
/*		MOBILE																												 */
/*===============================================================================================*/
@media screen and (max-width: 740px) {
  .headerDinsdag {
    height: 350px;
    background: url("/img/pure/headerDinsdagVervolg.jpg") no-repeat 0 0;
    background-size: 320px 218px;
    /*background-size: contain;*/
  }
  .headerDinsdag .overlay {
    height: 350px;
    background: url("/img/pure/dinsdagOverlay.png") no-repeat -35px 0;
    background-size: 120% auto;
  }
  .headerDinsdag .text {
    width: 100px;
    font-size: 1.3em;
    line-height: 1.1em;
    top: 130px;
    right: 15px;
  }
  .headerDinsdag .from {
    top: 201px;
    left: 146px;
    font-size: 1.3em;
  }
  .headerDinsdag .price {
    width: 200px;
    top: 195px;
    right: 5px;
    font-size: 3.0em;
  }
  .headerDinsdag .subtext {
    width: 320px;
    top: 250px;
    left: 0;
  }
  .headerDinsdag .subtext .title {
    font-size: 1.6em;
  }
  .headerDinsdag .subtext p {
    font-size: 1.3em;
    line-height: 1.2em;
  }
  [data-section=introDinsdag] .intro.dinsdag h1,
  [data-section=introDinsdag] .intro.dinsdag h2 {
    font-size: 3.0em;
  }
  [data-section=introDinsdag] .intro.dinsdag .text {
    font-size: 1.6em;
  }
  [data-section=introDinsdag] .intro .bikes img {
    width: 100%;
    height: auto;
  }
  [data-section=introDinsdag] .intro .bikes .info {
    height: 25px;
    line-height: 25px;
    padding: 0 5px;
    font-size: 1.2em;
    margin: -10px 0 0 0;
    left: 0;
  }
  [data-section=introDinsdag] .intro .bikes .info.right {
    right: 0;
  }
  [data-section=introDinsdag] .intro .bikes .title {
    width: 320px;
    height: 40px;
    bottom: 5px;
    margin: 0 0 0 -160px;
  }
  [data-section=ebike-options-dinsdag] .layout {
    width: 320px;
  }
  [data-section=outroDinsdag] .twoColumn.small h1.title,
  [data-section=outroDinsdag] .twoColumn.small h2.title {
    font-size: 2.8em;
    margin: 0 0 15px 0;
  }
  [data-section=outroDinsdag] .twoColumn .text {
    font-size: 1.8em;
  }
  [data-section=outroDinsdag] .twoColumn a.slideOpen {
    font-family: "AkzidenzGrotesk_Regular";
    color: #ffffff;
    background: #e20023;
    font-weight: normal;
  }
  .footerImageDinsdag {
    width: 100%;
    height: 400px;
    float: left;
  }
}
/*===============================================================================================*/

/*===============================================================================================*/
/*		PURE HEADER																											 */
/*===============================================================================================*/
body.pure {
  padding: 0;
}
.main {
  height: 100%;
}
.section#pureHeader {
  height: 100%;
}
.pureHeader {
  width: 100%;
  height: 100%;
  float: left;
  position: relative;
}
.pureHeader .logo {
  background: center center no-repeat;
  background-image: url(/img/logoBatavus.svg);
  background-size: 300px 38px;
  width: 300px;
  height: 38px;
  float: left;
  display: block;
  margin: 0 0 0 -150px;
  z-index: 200;
  position: absolute;
  left: 50%;
  top: 50px;
}
.pureHeader .btnChoose {
  background: #e20023;
  height: 45px;
  line-height: 45px;
  display: inline-block;
  text-align: center;
  padding: 0 20px;
  font-size: 2.0em;
  font-family: "AkzidenzGrotesk_Bold";
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 5px;
  border: 1px solid #e20023;
  cursor: pointer;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), inset 0 1px 1px #ffffff, inset 0 0 1px rgba(0, 0, 0, 0.5);
  /*bottom dark shadow*/
  position: absolute;
}
.pureHeader .btnChoose:hover {
  background: #f31134;
}
.pureHeader .headerLeft {
  width: 100%;
  height: 100%;
  background: url("/img/pure/headerQuip.jpg");
  background-size: cover;
  float: left;
}
.pureHeader .headerLeft .pureCycling {
  width: 700px;
  height: 80px;
  position: fixed;
  background: url("/img/pure/pureCyclingQuip.svg") no-repeat center 0;
  top: 500px;
  left: 50%;
  margin: 0 0 0 -350px;
}
.pureHeader .headerLeft .btnChoose {
  left: 50px;
  bottom: 50px;
}
.pureHeader .headerLeft:hover .btnChoose {
  background: #f31134;
}
.pureHeader .headerRight {
  width: 100%;
  height: 100%;
  background: url("/img/pure/headerDinsdag.jpg");
  background-position: right 0;
  background-size: cover;
  -webkit-clip-path: polygon(60% 0, 100% 0, 100% 100%, 40% 100%);
  clip-path: polygon(60% 0, 100% 0, 100% 100%, 40% 100%);
  position: absolute;
  right: 0;
  z-index: 10;
  transition: all 1.5s ease-out;
  overflow: hidden;
}
.pureHeader .headerRight .pureCycling {
  width: 700px;
  height: 80px;
  background: url("/img/pure/pureCyclingDinsdag.svg") no-repeat center 0;
  position: fixed;
  top: 500px;
  left: 50%;
  margin: 0 0 0 -350px;
}
.pureHeader .headerRight .btnChoose {
  right: 50px;
  bottom: 50px;
}
.pureHeader .headerRight:hover .btnChoose {
  background: #f31134;
}
.pureHeader .headerRight:hover {
  width: 100%;
  -webkit-clip-path: polygon(20% 0, 100% 0, 100% 100%, 5% 100%);
  clip-path: polygon(20% 0, 100% 0, 100% 100%, 5% 100%);
}
.pureHeader .headerRight.small {
  width: 100%;
  -webkit-clip-path: polygon(85% 0, 100% 0, 100% 100%, 75% 100%);
  clip-path: polygon(85% 0, 100% 0, 100% 100%, 75% 100%);
}
/*===============================================================================================*/
/*		RESPONSIVE																											 */
/*===============================================================================================*/
@media screen and (max-width: 1370px) {
  .pureHeader .headerLeft .pureCycling {
    top: 350px;
  }
  .pureHeader .headerRight .pureCycling {
    top: 350px;
  }
}
/*===============================================================================================*/
@media screen and (max-width: 1220px) {
  .pureHeader .headerLeft .pureCycling {
    top: 300px;
  }
  .pureHeader .headerRight .pureCycling {
    top: 300px;
  }
  .pureHeader .headerRight:hover {
    -webkit-clip-path: polygon(60% 0, 100% 0, 100% 100%, 40% 100%);
    clip-path: polygon(60% 0, 100% 0, 100% 100%, 40% 100%);
  }
  .pureHeader .headerRight.small {
    -webkit-clip-path: polygon(60% 0, 100% 0, 100% 100%, 40% 100%);
    clip-path: polygon(60% 0, 100% 0, 100% 100%, 40% 100%);
  }
}
/*===============================================================================================*/
@media screen and (max-width: 1010px) {
  .pureHeader .headerLeft {
    background: url("/img/pure/headerQuipTabletPortrait.png");
    background-size: 800px 600px;
    background-position: 0 0;
  }
  .pureHeader .headerLeft a.btnChoose {
    left: 50px;
    top: 350px;
  }
  .pureHeader .headerLeft .pureCycling {
    display: none;
  }
  .pureHeader .headerRight {
    width: 100%;
    height: 56%;
    -webkit-clip-path: polygon(0 20%, 100% 0%, 100% 100%, 0% 100%);
    clip-path: polygon(0 20%, 100% 0%, 100% 100%, 0% 100%);
    background: url("/img/pure/headerDinsdagTabletPortrait.png");
    background-size: 800px 600px;
    background-position: right 0;
    bottom: 0;
  }
  .pureHeader .headerRight .pureCycling {
    display: none;
  }
  .pureHeader .headerRight:hover {
    -webkit-clip-path: polygon(0 20%, 100% 0%, 100% 100%, 0% 100%);
    clip-path: polygon(0 20%, 100% 0%, 100% 100%, 0% 100%);
  }
  .pureHeader .headerRight.small {
    -webkit-clip-path: polygon(0 20%, 100% 0%, 100% 100%, 0% 100%);
    clip-path: polygon(0 20%, 100% 0%, 100% 100%, 0% 100%);
  }
}
/*===============================================================================================*/
/*		MOBILE																												 */
/*===============================================================================================*/
@media screen and (max-width: 740px) {
  .pureHeader .logo {
    background: center center no-repeat;
    background-image: url(/img/logoBatavus.svg);
    background-size: 200px 25px;
    width: 200px;
    height: 25px;
    margin: 0 0 0 -100px;
    top: 30px;
  }
  .pureHeader .btnChoose {
    background: #e20023;
    height: 25px;
    line-height: 25px;
    display: inline-block;
    text-align: center;
    padding: 0 10px;
    font-size: 1.2em;
  }
  .pureHeader .btnChoose:hover {
    background: #f31134;
  }
  .pureHeader .headerLeft {
    background: url("/img/pure/headerQuipTabletPortrait.png");
    background-size: 560px 420px;
    background-position: -40px 0;
  }
  .pureHeader .headerLeft .btnChoose {
    left: 20px;
    top: 235px;
  }
  .pureHeader .headerRight {
    -webkit-clip-path: polygon(0 20%, 100% 0%, 100% 100%, 0% 100%);
    clip-path: polygon(0 20%, 100% 0%, 100% 100%, 0% 100%);
    background: url("/img/pure/headerDinsdagTabletPortrait.png");
    background-size: 560px 420px;
    background-position: -100px 0;
  }
  .pureHeader .headerRight .btnChoose {
    width: 180px;
    height: 30px;
    line-height: 15px;
    padding: 5px 5px;
    right: 20px;
    bottom: 20px;
  }
  .pureHeader .headerRight:hover {
    width: 100%;
    -webkit-clip-path: polygon(0 20%, 100% 0%, 100% 100%, 0% 100%);
    clip-path: polygon(0 20%, 100% 0%, 100% 100%, 0% 100%);
  }
  .pureHeader .headerRight.small {
    width: 100%;
    -webkit-clip-path: polygon(0 20%, 100% 0%, 100% 100%, 0% 100%);
    clip-path: polygon(0 20%, 100% 0%, 100% 100%, 0% 100%);
  }
}
/*===============================================================================================*/

/*===============================================================================================*/
/*		PURE QUIP HEADER																									 */
/*===============================================================================================*/
body.pureQuip {
  padding: 0;
}
.main {
  height: 100%;
}
.section#pureHeader {
  height: 100%;
}
.headerQuip {
  width: 100%;
  height: 920px;
  background: url("/img/pure/headerQuipVervolg.jpg") no-repeat -230px -60px;
  /*background-size: contain;*/
  position: relative;
  float: left;
}
.headerQuip .logo {
  background: center center no-repeat;
  background-image: url(/img/logoBatavus.svg);
  background-size: 237px 30px;
  width: 300px;
  height: 60px;
  float: left;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 200;
}
.headerQuip .homeLink {
  font-family: "AkzidenzGrotesk_Regular";
  font-size: 1.1rem;
  color: #ffffff;
  position: absolute;
  top: 45px;
  left: 32px;
}
.headerQuip .overlay {
  width: 100%;
  height: 920px;
  background: url("/img/pure/quipOverlay.png") no-repeat 0 0;
  position: absolute;
  left: 0;
  top: 0;
  float: left;
}
.headerQuip .text {
  width: 300px;
  text-align: center;
  font-family: "AkzidenzGrotesk_Regular";
  font-size: 3.0em;
  line-height: 1.3em;
  position: absolute;
  top: 50px;
  right: 50px;
}
.headerQuip .text span {
  font-family: "AkzidenzGrotesk_Bold";
}
.headerQuip .price {
  width: 300px;
  text-align: center;
  top: 240px;
  right: 50px;
  font-family: "AkzidenzGrotesk_Bold";
  font-size: 8.0em;
  position: absolute;
}
.headerQuip .subtext {
  width: 700px;
  position: absolute;
  top: 760px;
  left: 50px;
  -ms-transform: rotate(-1.5deg);
  /* IE 9 */
  -webkit-transform: rotate(-1.5deg);
  /* Chrome, Safari, Opera */
  transform: rotate(-1.5deg);
}
.headerQuip .subtext .title {
  font-size: 2.0em;
  font-family: "AkzidenzGrotesk_Bold";
  margin: 0 0 5px 0;
}
.headerQuip .subtext p {
  font-family: "AkzidenzGrotesk_Regular";
  font-size: 1.8em;
  line-height: 1.4em;
}
/*===============================================================================================*/
/*		PURE QUIP INTRO																								 */
/*===============================================================================================*/
[data-section=introQuip] .intro.quip {
  text-align: center;
}
[data-section=introQuip] .intro.quip h1,
[data-section=introQuip] .intro.quip h2 {
  font-family: "AkzidenzGrotesk_Bold";
  margin: 0 0 10px 0;
  font-size: 4.4em;
}
[data-section=introQuip] .intro.quip .text {
  font-family: "AkzidenzGrotesk_Regular";
  font-size: 2.6em;
  margin: 0 0 30px 0;
}
[data-section=introQuip] .intro .bikes {
  width: 100%;
  margin: 0 0 20px 0;
  position: relative;
}
[data-section=introQuip] .intro .bikes .title {
  width: 500px;
  height: 150px;
  background: url("/img/pure/quipCollection.svg") no-repeat center 0;
  position: absolute;
  bottom: 30px;
  left: 50%;
  margin: 0 0 0 -250px;
}
[data-section=introQuip] .intro .slogan img {
  width: 70%;
}
/*===============================================================================================*/
/*		PURE QUIP MODELLEN																								 */
/*===============================================================================================*/
[data-section=ebike-options-quip] {
  padding: 100px 0;
  background: #dadadd;
  background: -moz-linear-gradient(left, #dadadd 0%, #ffffff 70%, #dadadd 100%);
  background: -webkit-linear-gradient(left, #dadadd 0%, #ffffff 70%, #dadadd 100%);
  background: linear-gradient(to right, #dadadd 0%, #ffffff 70%, #dadadd 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dadadd', endColorstr='#dadadd', GradientType=1);
  -webkit-clip-path: polygon(0 10%, 100% 0%, 100% 90%, 0% 100%);
  clip-path: polygon(0 10%, 100% 0%, 100% 90%, 0% 100%);
}
[data-section=ebike-options-quip] .model.ebike {
  border: none;
}
[data-section=ebike-options-quip] .model.ebike .name {
  font-family: "AkzidenzGrotesk_Regular";
  font-size: 2.4em;
}
[data-section=ebike-options-quip] .model.ebike .name span.bold {
  font-family: "AkzidenzGrotesk_Bold";
  font-weight: normal;
}
[data-section=ebike-options-quip] .model.ebike .view a.button {
  background: #e20023;
  border: 1px solid #e20023;
}
[data-section=ebike-options-quip] .model.ebike .view a.button:hover {
  background: #f31134;
}
/*===============================================================================================*/
/*		PURE QUIP OUTRO																									 */
/*===============================================================================================*/
[data-section=outroQuip] {
  padding: 60px 0;
}
[data-section=outroQuip] .twoColumn {
  background: url("/img/pure/bgQuip.svg") no-repeat center center;
  background-size: 100% auto;
}
[data-section=outroQuip] .twoColumn.small h1.title,
[data-section=outroQuip] .twoColumn.small h2.title {
  font-family: "AkzidenzGrotesk_Bold";
  font-size: 4.4em;
}
[data-section=outroQuip] .twoColumn .text {
  font-family: "AkzidenzGrotesk_Regular";
  font-size: 2.2em;
}
[data-section=outroQuip] .twoColumn .text .subtitle {
  font-family: "AkzidenzGrotesk_Bold";
  font-weight: normal;
  font-size: 1.1em;
}
[data-section=outroQuip] .twoColumn .text h3 {
  font-family: "AkzidenzGrotesk_Bold";
  font-size: 1.1em;
}
[data-section=outroQuip] .twoColumn .text ul {
  padding: 0;
  list-style: none;
}
[data-section=outroQuip] .twoColumn .text ul li {
  margin: 0 0 5px 0;
  padding: 0 0 0 32px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}
[data-section=outroQuip] .twoColumn .text ul li:before {
  width: 22px;
  height: 22px;
  margin: 7px 0 0 0;
  background: url("/img/pure/plus.png") no-repeat 0 0;
  content: "";
  position: absolute;
  left: 0;
}
/*===============================================================================================*/
/*		PURE QUIP FOOTER																								 */
/*===============================================================================================*/
.footerImageQuip {
  width: 100%;
  height: 900px;
  background: url("/img/pure/footerQuip.jpg") no-repeat center center;
  background-size: cover;
  float: left;
}
a.topBtn {
  width: 120px;
  height: 40px;
  background: #e20023 url("/img/pure/arrowTop.svg") no-repeat 10px center;
  background-size: 23px 15px;
  position: fixed;
  bottom: 20px;
  right: -140px;
  float: left;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
a.topBtn:after {
  content: "naar boven";
  color: #ffffff;
  font-family: "AkzidenzGrotesk_Bold";
  font-size: 1.6em;
  line-height: 40px;
  padding: 0 10px 0 0;
  float: right;
}
a.topBtn.visible {
  right: 20px;
}
/*===============================================================================================*/
/*		RESPONSIVE																											 */
/*===============================================================================================*/
@media screen and (max-width: 1220px) {
  .headerQuip {
    height: 770px;
    background: url("/img/pure/headerQuipVervolg.jpg") no-repeat -230px -60px;
    background-size: 1000px 680px;
  }
  .headerQuip .overlay {
    height: 770px;
    background: url("/img/pure/quipOverlay.png") no-repeat 0 0;
    background-size: 100% auto;
  }
  .headerQuip .text {
    width: 300px;
    font-size: 2.6em;
    top: 30px;
    right: 30px;
  }
  .headerQuip .price {
    width: 300px;
    top: 190px;
    right: 30px;
    font-size: 6.5em;
  }
  .headerQuip .subtext {
    width: 600px;
    top: 620px;
    left: 30px;
  }
  .headerQuip .subtext .title {
    font-size: 2.0em;
    font-family: "AkzidenzGrotesk_Bold";
    margin: 0 0 5px 0;
  }
  .headerQuip .subtext p {
    font-family: "AkzidenzGrotesk_Regular";
    font-size: 1.8em;
    line-height: 1.4em;
  }
  [data-section=ebike-options-quip] .layout {
    width: 910px;
  }
  a.topBtn {
    width: 40px;
    right: -60px;
    background: #e20023 url("/img/pure/arrowTop.svg") no-repeat center center;
    background-size: 23px 15px;
  }
  a.topBtn:after {
    display: none;
  }
}
/*===============================================================================================*/
@media screen and (max-width: 1010px) {
  .headerQuip {
    height: 550px;
    background: url("/img/pure/headerQuipVervolg.jpg") no-repeat -160px -60px;
    background-size: 720px 490px;
  }
  .headerQuip .overlay {
    height: 550px;
    background: url("/img/pure/quipOverlay.png") no-repeat 0 0;
    background-size: 100% auto;
  }
  .headerQuip .text {
    width: 200px;
    font-size: 2.0em;
    top: 20px;
    right: 20px;
  }
  .headerQuip .price {
    width: 200px;
    top: 140px;
    right: 10px;
    font-size: 5.0em;
  }
  .headerQuip .subtext {
    width: 450px;
    top: 445px;
    left: 20px;
  }
  .headerQuip .subtext .title {
    font-size: 1.8em;
  }
  .headerQuip .subtext p {
    font-size: 1.4em;
    line-height: 1.3em;
  }
  [data-section=introQuip] .intro .bikes img {
    width: 60%;
    height: auto;
  }
  [data-section=introQuip] .intro .bikes .title {
    height: 130px;
    background: url("/img/pure/quipCollection.svg") no-repeat center 0;
    bottom: 20px;
  }
  [data-section=introQuip] .intro.quip h1,
  [data-section=introQuip] .intro.quip h2 {
    font-size: 3.8em;
  }
  [data-section=introQuip] .intro.quip .text {
    font-size: 2.0em;
  }
  [data-section=ebike-options-quip] .layout {
    width: 680px;
  }
  [data-section=outroQuip] .twoColumn.small h1.title,
  [data-section=outroQuip] .twoColumn.small h2.title {
    font-size: 3.8em;
  }
  [data-section=outroQuip] .twoColumn .text {
    font-size: 1.8em;
  }
  [data-section=outroQuip] .twoColumn a.slideOpen {
    font-family: "AkzidenzGrotesk_Regular";
    color: #ffffff;
    background: #e20023;
    font-weight: normal;
  }
  .footerImageQuip {
    width: 100%;
    height: 500px;
    float: left;
  }
}
/*===============================================================================================*/
/*		MOBILE																												 */
/*===============================================================================================*/
@media screen and (max-width: 740px) {
  .headerQuip {
    height: 370px;
    background: url("/img/pure/headerQuipVervolg.jpg") no-repeat -60px -20px;
    background-size: 320px 218px;
  }
  .headerQuip .overlay {
    height: 370px;
    background: url("/img/pure/quipOverlay.png") no-repeat 0 0;
    background-size: 100% auto;
  }
  .headerQuip .text {
    width: 100px;
    font-size: 1.2em;
    line-height: 1.1em;
    top: 10px;
    right: 0;
  }
  .headerQuip .price {
    width: 100px;
    top: 70px;
    right: 0;
    font-size: 2.5em;
  }
  .headerQuip .subtext {
    width: 300px;
    top: 205px;
    left: 15px;
  }
  .headerQuip .subtext .title {
    font-size: 1.8em;
    margin: 0 0 25px 0;
  }
  .headerQuip .subtext p {
    font-size: 1.4em;
    line-height: 1.3em;
  }
  [data-section=introQuip] .intro .bikes img {
    width: 60%;
    height: auto;
  }
  [data-section=introQuip] .intro .bikes .title {
    width: 320px;
    height: 60px;
    background: url("/img/pure/quipCollection.svg") no-repeat center 0;
    bottom: 5px;
    margin: 0 0 0 -160px;
  }
  [data-section=introQuip] .intro.quip h1,
  [data-section=introQuip] .intro.quip h2 {
    font-size: 3.0em;
  }
  [data-section=introQuip] .intro.quip .text {
    font-size: 1.6em;
  }
  [data-section=ebike-options-quip] {
    padding: 50px 0;
    -webkit-clip-path: polygon(0 5%, 100% 0%, 100% 95%, 0% 100%);
    clip-path: polygon(0 5%, 100% 0%, 100% 95%, 0% 100%);
  }
  [data-section=ebike-options-quip] .layout {
    width: 320px;
  }
  [data-section=outroQuip] .twoColumn.small h1.title,
  [data-section=outroQuip] .twoColumn.small h2.title {
    font-size: 2.8em;
    margin: 0 0 15px 0;
  }
  [data-section=outroQuip] .twoColumn .text {
    font-size: 1.8em;
  }
  .footerImageQuip {
    width: 100%;
    height: 400px;
    float: left;
  }
}
/*===============================================================================================*/

/*===============================================================================================*/
/*		RATE MODEL																											 */
/*===============================================================================================*/
.layout.rate {
  width: 400px;
}
.rateModel {
  width: 100%;
  float: left;
}
.rateModel select,
.rateModel input {
  width: 100%;
  font-size: 1.5em;
  padding: 0 8px;
  margin: 0 0 10px 0;
  float: left;
}
.rateModel button {
  width: 100%;
  background: #549cd7;
  height: 45px;
  line-height: 45px;
  display: inline-block;
  padding: 0;
  font-size: 1.5em;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 5px;
  border: 1px solid #549cd7;
  cursor: pointer;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), inset 0 1px 1px #ffffff, inset 0 0 1px rgba(0, 0, 0, 0.5);
  /*bottom dark shadow*/
}
.rateModel button:hover {
  background: #65ade8;
}
.formfield.rating .radio {
  width: auto;
  margin: 0 13px 0 0;
  clear: none;
  float: left;
}
.formfield.rating .radio td {
  vertical-align: middle;
}
.formfield.rating .radio td input.radio {
  margin: 0 5px 0 0;
  background: #999999;
  border: 1px solid #999999;
}
.formfield.rating .radio td input.radio:checked {
  background: #e20023;
}
/*===============================================================================================*/
/*		RESPONSIVE																											 */
/*===============================================================================================*/
/*===============================================================================================*/
/*===============================================================================================*/
/*		MOBILE																												 */
/*===============================================================================================*/
@media screen and (max-width: 740px) {
  .layout.rate {
    width: 280px;
  }
}
/*===============================================================================================*/

/*===============================================================================================*/
/*		SEGMENT																												 */
/*===============================================================================================*/
[data-section=onzefietsen] {
  background: #f4f4f4;
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 100% auto;
  padding: 0 0 550px 0;
}
.segments {
  width: 100%;
  float: left;
}
.segment {
  width: 25%;
  float: left;
  padding: 10px;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.segment .inner {
  background: #fff;
  width: 100%;
  height: 500px;
  float: left;
  position: relative;
  border-bottom: 1px solid #e20023;
  overflow: hidden;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.segment .inner:hover {
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15);
}
.segment .image {
  background: center center no-repeat;
  width: 100%;
  height: 400px;
  float: left;
}
.segment .name {
  width: 100%;
  height: 100px;
  line-height: 100px;
  float: left;
  font-size: 2.1em;
  font-weight: 600;
  color: #e20023;
  text-align: center;
  border-right: 1px solid #e3e3e3;
  border-left: 1px solid #e3e3e3;
}
.segment .title {
  max-width: 440px;
  margin: 40px auto 0 auto;
  padding: 0 20px;
  font-size: 1.9em;
  line-height: 1.3em;
  font-weight: 600;
}
.segment .subtitle {
  background: url(../../img/bgStripeGrey.png) center center repeat-x;
  background-size: 1px 1px;
  max-width: 340px;
  margin: 20px auto 0 auto;
  padding: 0 20px;
}
.segment .subtitle span {
  background: #fff;
  display: inline-block;
  padding: 0 10px;
  font-size: 1.8em;
  font-weight: 400;
  color: #444;
}
.segment .text {
  max-width: 440px;
  margin: 20px auto 0 auto;
  padding: 0 20px;
  font-size: 1.7em;
  line-height: 1.3em;
  font-weight: 400;
}
.segment .nav {
  margin: 30px 0 0 0;
}
.segment .nav a {
  background: #549cd7;
  height: 48px;
  line-height: 48px;
  display: inline-block;
  padding: 0 20px;
  font-size: 1.9em;
  font-weight: 600;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 5px;
  border: 1px solid #549cd7;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), inset 0 1px 1px #ffffff, inset 0 0 1px rgba(0, 0, 0, 0.5);
  /*bottom dark shadow*/
}
.segment .nav a:hover {
  background: #65ade8;
}
.segment .link {
  display: none;
}
.segment .overlay {
  background: #fff;
  width: 100%;
  height: 320px;
  position: absolute;
  bottom: -320px;
  left: 0;
  z-index: 900;
  text-align: center;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.segment.big .overlay {
  bottom: 0;
  -moz-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.segment.small {
  width: 17%;
}
.segment.big {
  width: 49%;
}
/*===============================================================================================*/
/*		RESPONSIVE																											 */
/*===============================================================================================*/
@media screen and (max-width: 1366px) {
  [data-section=onzefietsen] {
    padding: 0 0 400px 0;
  }
}
@media screen and (max-width: 1010px) {
  [data-section=onzefietsen] {
    padding: 0 0 220px 0;
  }
  .segment .name {
    font-size: 1.9em;
  }
  .segment .title {
    font-size: 1.7em;
  }
  .segment .subtitle {
    max-width: 280px;
  }
  .segment .subtitle span {
    font-size: 1.6em;
  }
  .segment .text {
    font-size: 1.5em;
  }
  .segment .nav a {
    height: 40px;
    line-height: 40px;
    font-size: 1.5em;
  }
}
@media screen and (max-width: 1220px) {
  [data-section=onzefietsen] {
    padding: 0 0 300px 0;
  }
}
/*===============================================================================================*/
/*		MOBILE																												 */
/*===============================================================================================*/
@media screen and (max-width: 740px) {
  [data-section=onzefietsen] {
    padding: 0 0 100px 0;
  }
  .segment {
    width: 280px;
    padding: 0;
    margin: 10px 20px;
  }
  .segment .inner {
    width: 100%;
    height: 220px;
  }
  .segment .image {
    background: center top no-repeat;
    background-size: 280px 187px;
    height: 160px;
  }
  .segment .name {
    height: 60px;
    line-height: 60px;
    font-size: 1.5em;
  }
  .segment .link {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 900;
  }
  .segment .overlay {
    display: none;
  }
  .segment:hover .overlay {
    bottom: -320px;
  }
  .segment.small {
    width: 280px;
  }
  .segment.big {
    width: 280px;
  }
}
/*===============================================================================================*/

/*===============================================================================================*/
/*		SHAREBUTTONS																										 */
/*===============================================================================================*/
.sharePage {
  width: 100%;
  margin: 20px 0;
  padding: 0 10px;
  float: left;
}
.sharePage .social {
  width: 100%;
  height: auto;
  padding: 20px;
  font-size: 1.5em;
  border: 1px solid #e3e3e3;
  float: left;
}
.social {
  height: 30px;
  float: right;
  display: block;
}
.social span {
  height: 40px;
  line-height: 40px;
  margin: 0 10px 0 0;
  float: left;
}
.social a {
  background: url("../../img/iconSocial.png") no-repeat;
  background-size: 240px 80px;
  width: 40px;
  height: 40px;
  float: left;
  display: block;
  padding: 0;
  margin: 0 6px 0 0;
}
.social a span {
  display: none;
}
.social a.shareButton[data-share-type=facebook],
.social a.addthis_button_facebook {
  background-position: 0 0;
}
.social a.shareButton[data-share-type=facebook]:hover,
.social a.addthis_button_facebook:hover {
  background-position: 0 -40px;
}
.social a.shareButton[data-share-type=twitter],
.social a.addthis_button_twitter {
  background-position: -40px 0;
}
.social a.shareButton[data-share-type=twitter]:hover,
.social a.addthis_button_twitter:hover {
  background-position: -40px -40px;
}
.social a.shareButton[data-share-type=linkedin],
.social a.addthis_button_linkedin {
  background-position: -80px 0;
}
.social a.shareButton[data-share-type=linkedin]:hover,
.social a.addthis_button_linkedin:hover {
  background-position: -80px -40px;
}
/*===============================================================================================*/
/*		RESPONSIVE																				 */
/*===============================================================================================*/
/*===============================================================================================*/
/*===============================================================================================*/
/*		MOBILE																					 */
/*===============================================================================================*/
@media screen and (max-width: 740px) {
  .sharePage {
    margin: 10px 0;
  }
  .sharePage .social {
    padding: 10px;
    font-size: 1.3em;
  }
}
/*===============================================================================================*/

/*===============================================================================================*/
/*		FOOTER SOCIAL																										 */
/*===============================================================================================*/
.footerSocial {
  width: 100%;
  float: left;
  margin: 40px 0 0 0;
  text-align: center;
}
.footerSocial a {
  background: no-repeat;
  background-image: url(../../img/iconSocial.png);
  background-size: 360px 120px;
  width: 60px;
  height: 60px;
  display: inline-block;
  margin: 0 14px;
  position: relative;
}
.footerSocial a span {
  background: no-repeat;
  background-image: url(../../img/iconSocial.png);
  background-size: 360px 120px;
  width: 60px;
  height: 60px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  opacity: 0;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.footerSocial a:hover span {
  opacity: 1;
}
.footerSocial a.facebook {
  background-position: 0 0;
}
.footerSocial a.facebook span {
  background-position: 0 -60px;
}
.footerSocial a.twitter {
  background-position: -60px 0;
}
.footerSocial a.twitter span {
  background-position: -60px -60px;
}
.footerSocial a.linkedin {
  background-position: -120px 0;
}
.footerSocial a.linkedin span {
  background-position: -120px -60px;
}
.footerSocial a.pinterest {
  background-position: -180px 0;
}
.footerSocial a.pinterest span {
  background-position: -180px -60px;
}
.footerSocial a.youtube {
  background-position: -240px 0;
}
.footerSocial a.youtube span {
  background-position: -240px -60px;
}
.footerSocial a.instagram {
  background-position: -300px 0;
}
.footerSocial a.instagram span {
  background-position: -300px -60px;
}
/*===============================================================================================*/
/*		RESPONSIVE																											 */
/*===============================================================================================*/
/*===============================================================================================*/
/*===============================================================================================*/
/*		MOBILE																												 */
/*===============================================================================================*/
@media screen and (max-width: 740px) {
  .footerSocial {
    margin: 20px 0 0 0;
  }
  .footerSocial a {
    background-size: 240px 80px;
    width: 40px;
    height: 40px;
    margin: 0 2px;
  }
  .footerSocial a span {
    background-size: 240px 80px;
    width: 40px;
    height: 40px;
  }
  .footerSocial a.facebook {
    background-position: 0 0;
  }
  .footerSocial a.facebook span {
    background-position: 0 -40px;
  }
  .footerSocial a.twitter {
    background-position: -40px 0;
  }
  .footerSocial a.twitter span {
    background-position: -40px -40px;
  }
  .footerSocial a.linkedin {
    background-position: -80px 0;
  }
  .footerSocial a.linkedin span {
    background-position: -80px -40px;
  }
  .footerSocial a.pinterest {
    background-position: -120px 0;
  }
  .footerSocial a.pinterest span {
    background-position: -120px -40px;
  }
  .footerSocial a.youtube {
    background-position: -160px 0;
  }
  .footerSocial a.youtube span {
    background-position: -160px -40px;
  }
  .footerSocial a.instagram {
    background-position: -200px 0;
  }
  .footerSocial a.instagram span {
    background-position: -200px -40px;
  }
}
/*===============================================================================================*/

/*===============================================================================================*/
/*		TEKSTBANNER (EBIKE)																								 */
/*===============================================================================================*/
.tekstbanner {
  background-repeat: no-repeat;
  background-image: url(/img/bgTekstbanner.jpg);
  background-position: center center;
  background-size: cover;
  width: 380px;
  height: 490px;
  position: relative;
  float: left;
  display: table;
  margin: 20px 10px;
  color: #ffffff;
  text-align: center;
  border: 1px solid #e3e3e3;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.tekstbanner .logoE {
  background-repeat: no-repeat;
  background-image: url(/img/logoE.png);
  background-size: 72px 60px;
  background-position: center center;
  width: 72px;
  height: 60px;
  position: absolute;
  top: 50px;
  left: 50%;
  margin: 0 0 0 -36px;
}
.tekstbanner .logoExpert {
  background-repeat: no-repeat;
  background-image: url(/img/logoExpert.png);
  background-size: 200px 68px;
  background-position: center center;
  width: 200px;
  height: 68px;
  position: absolute;
  right: 0;
  bottom: 0;
}
.tekstbanner .center {
  display: table-cell;
  padding: 0 40px;
  vertical-align: middle;
}
.tekstbanner .line.caps {
  margin: 0 0 20px 0;
  font-family: 'Heavitas', sans-serif;
  font-size: 2.5em;
  line-height: 1.2em;
  text-transform: uppercase;
}
.tekstbanner .line.sub {
  margin: 0 0 20px 0;
  font-size: 1.5em;
  line-height: 1.4em;
}
.tekstbanner .nav a {
  background: #549cd7;
  height: 50px;
  line-height: 50px;
  display: inline-block;
  padding: 0 20px;
  font-size: 1.5em;
  font-weight: 600;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 5px;
  border: 1px solid #549cd7;
  cursor: pointer;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), inset 0 1px 1px #ffffff, inset 0 0 1px rgba(0, 0, 0, 0.5);
  /*bottom dark shadow*/
}
.tekstbanner .nav a:hover {
  background: #65ade8;
}
/*===============================================================================================*/
/*		RESPONSIVE																											 */
/*===============================================================================================*/
@media screen and (max-width: 1220px) {
  .tekstbanner {
    width: 300px;
    height: 470px;
  }
  .tekstbanner .logoE {
    top: 40px;
  }
}
/*===============================================================================================*/
@media screen and (max-width: 1010px) {
  .tekstbanner {
    width: 340px;
    height: 480px;
    margin: 10px;
  }
}
/*===============================================================================================*/
/*		MOBILE																												 */
/*===============================================================================================*/
@media screen and (max-width: 740px) {
  .tekstbanner {
    width: 300px;
    height: 440px;
  }
}
/*===============================================================================================*/

/*===============================================================================================*/
/*		TEXTBANNER																											 */
/*===============================================================================================*/
.textbanner {
  width: 380px;
  height: 160px;
  float: left;
  margin: 10px;
  border-top: 1px solid #e3e3e3;
  border-right: 1px solid #e3e3e3;
  border-bottom: 1px solid #e20023;
  border-left: 1px solid #e3e3e3;
}
.textbanner .title {
  max-width: 90%;
  margin: 30px auto 10px auto;
  font-size: 2.2em;
  font-weight: 600;
  text-align: center;
}
.textbanner .text {
  max-width: 80%;
  height: 52px;
  margin: 0 auto;
  font-size: 1.5em;
  line-height: 1.6em;
  text-align: center;
}
.textbanner .nav {
  margin: 20px 0 0 0;
  text-align: center;
}
.textbanner .nav a {
  display: inline-block;
  font-size: 1.6em;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
/* Portal version */
[data-section=tekstbanner] .textbanner {
  background: url("../../img/bgBatavusRed.png") center center repeat;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 70px 0;
  color: #fff;
  border: 0;
}
[data-section=tekstbanner] .textbanner .title {
  max-width: 960px;
  margin: 0 auto 20px auto;
  padding: 0 30px;
  font-size: 3.9em;
  font-weight: 400;
}
[data-section=tekstbanner] .textbanner .text {
  max-width: 960px;
  height: auto;
  padding: 0 30px;
  font-size: 1.7em;
}
[data-section=tekstbanner] .textbanner .text a {
  color: #fff;
}
[data-section=tekstbanner] .textbanner .nav a {
  background: #fff;
  height: 70px;
  line-height: 70px;
  padding: 0 40px;
  font-size: 2.2em;
  color: #e20023;
  border-radius: 5px;
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), inset 0 1px 1px #ffffff, inset 0 0 1px rgba(0, 0, 0, 0.5);
  /*bottom dark shadow*/
}
[data-section=tekstbanner] .textbanner .nav a:hover {
  background: #eeeeee;
}
/* Section version */
[data-section=tekstbanners] .textbanner.grey {
  background: #f2f2f2 url("../../img/bgBatavusGrey.png") center top repeat-x;
  color: #000000;
}
[data-section=tekstbanners] .textbanner.grey .nav a {
  background: #549cd7;
  height: 46px;
  line-height: 46px;
  padding: 0 20px;
  color: #fff;
  border-radius: 5px;
  border: 1px solid #549cd7;
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), inset 0 1px 1px #ffffff, inset 0 0 1px rgba(0, 0, 0, 0.5);
  /*bottom dark shadow*/
}
[data-section=tekstbanners] .textbanner.grey .nav a:hover {
  background: #65ade8;
}
[data-section=tekstbanners] .textbanner.grey.wText {
  height: 220px;
}
[data-section=tekstbanners] .textbanner.red {
  background: url("../../img/bgBatavusRed.png") center center repeat;
  color: #fff;
  border: 0;
}
[data-section=tekstbanners] .textbanner.red .text a {
  color: #fff;
  text-decoration: underline;
}
[data-section=tekstbanners] .textbanner.red .text a:hover {
  text-decoration: none;
}
[data-section=tekstbanners] .textbanner.red .nav a {
  background: #fff;
  height: 46px;
  line-height: 46px;
  padding: 0 20px;
  color: #e20023;
  border-radius: 5px;
  border: 1px solid #fff;
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), inset 0 1px 1px #ffffff, inset 0 0 1px rgba(0, 0, 0, 0.5);
  /*bottom dark shadow*/
}
[data-section=tekstbanners] .textbanner.red .nav a:hover {
  background: #eeeeee;
}
[data-section=tekstbanners] .textbanner.red.wText {
  height: 220px;
}
[data-section=tekstbanners] .textbanner.white {
  background: #fff;
  color: #000000;
}
[data-section=tekstbanners] .textbanner.white .nav a {
  line-height: 48px;
  color: #549cd7;
}
[data-section=tekstbanners] .textbanner.white .nav a:hover {
  color: #e20023;
}
[data-section=tekstbanners] .textbanner.white.wText {
  height: 220px;
}
[data-section=tekstbanners] .textbanner.white.wText .nav a {
  /*line-height: normal;*/
}
/* Content version */
#content .textbanner {
  width: 900px;
  height: auto;
  padding: 40px 0;
  border-bottom: 1px solid #e3e3e3;
}
#content .textbanner .title {
  margin: 0 auto 20px auto;
}
#content .textbanner .text {
  height: auto;
}
#content .textbanner .nav a {
  color: #549cd7;
}
#content .textbanner .nav a:hover {
  color: #e20023;
}
#content .textbanner.grey {
  background: #f2f2f2 url("../../img/bgBatavusGrey.png") center top repeat-x;
}
#content .textbanner.grey .nav a {
  background: #549cd7;
  height: 46px;
  line-height: 46px;
  padding: 0 20px;
  color: #fff;
  border-radius: 5px;
  border: 1px solid #549cd7;
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), inset 0 1px 1px #ffffff, inset 0 0 1px rgba(0, 0, 0, 0.5);
  /*bottom dark shadow*/
}
#content .textbanner.grey .nav a:hover {
  background: #65ade8;
}
#content .textbanner.red {
  background: url("../../img/bgBatavusRed.png") center center repeat;
  color: #fff;
  border: 0;
}
#content .textbanner.red .text a {
  color: #fff;
  text-decoration: underline;
}
#content .textbanner.red .text a:hover {
  text-decoration: none;
}
#content .textbanner.red .nav a {
  background: #fff;
  height: 46px;
  line-height: 46px;
  padding: 0 20px;
  color: #e20023;
  border-radius: 5px;
  border: 1px solid #fff;
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), inset 0 1px 1px #ffffff, inset 0 0 1px rgba(0, 0, 0, 0.5);
  /*bottom dark shadow*/
}
#content .textbanner.red .nav a:hover {
  background: #eeeeee;
}
/*===============================================================================================*/
/*		RESPONSIVE																											 */
/*===============================================================================================*/
@media screen and (max-width: 1220px) {
  .textbanner {
    width: 300px;
  }
  .textbanner .title {
    font-size: 1.7em;
  }
  .textbanner .text {
    height: 70px;
    line-height: 1.4em;
  }
  /* Section version */
  [data-section=tekstbanners] .textbanner.white.wText {
    height: 210px;
  }
  /* Content version */
  #content .textbanner {
    width: 940px;
  }
  #content .textbanner .title {
    font-size: 2.2em;
  }
}
/*===============================================================================================*/
@media screen and (max-width: 1010px) {
  /* Content version */
  #content .textbanner {
    width: 700px;
  }
}
/*===============================================================================================*/
/*		MOBILE																												 */
/*===============================================================================================*/
@media screen and (max-width: 740px) {
  .textbanner {
    width: 280px;
    height: auto;
    margin: 10px 20px;
    padding: 0 0 20px 0;
  }
  .textbanner .title {
    margin: 20px auto 10px auto;
    line-height: 1.3em;
  }
  .textbanner .text {
    height: auto;
    font-size: 1.3em;
  }
  .textbanner .nav a {
    font-size: 1.4em;
  }
  /* Portal version */
  [data-section=tekstbanner] .textbanner {
    padding: 40px 0;
  }
  [data-section=tekstbanner] .textbanner .title {
    font-size: 2.2em;
  }
  [data-section=tekstbanner] .textbanner .text {
    font-size: 1.4em;
    line-height: 1.5em;
  }
  [data-section=tekstbanner] .textbanner .nav a {
    height: 50px;
    line-height: 50px;
    padding: 0 30px;
    font-size: 1.6em;
  }
  /* Section version */
  [data-section=tekstbanners] .textbanner.grey.wText,
  [data-section=tekstbanners] .textbanner.red.wText,
  [data-section=tekstbanners] .textbanner.white.wText {
    height: auto;
  }
  /* Content version */
  #content .textbanner {
    width: 280px;
    padding: 20px 0;
  }
  #content .textbanner .title {
    font-size: 1.7em;
  }
}
/*===============================================================================================*/

/*===============================================================================================*/
/*		TWO COLUMN ITEM																									 */
/*===============================================================================================*/
[data-section=outro] {
  padding: 70px 0;
}
[data-section=dealersOutro] {
  padding: 20px 0;
}
.twoColumn {
  width: 100%;
  max-width: 1200px;
  float: left;
  margin: 0 0 20px 0;
  padding: 0 10px;
}
.twoColumn h1.title,
.twoColumn h2.title,
.twoColumn h3.title {
  margin: 0 0 30px 0;
  font-size: 3.7em;
  line-height: 1.2em;
  text-align: center;
  padding: 0 10px 0 0;
}
.twoColumn.small h1.title,
.twoColumn.small h2.title,
.twoColumn.small h3.title {
  font-size: 2.5em;
}
.twoColumn .slide {
  width: 100%;
  float: left;
}
.twoColumn a.slideOpen {
  display: none;
}
.twoColumn .text {
  width: 50%;
  max-width: 50%;
  font-size: 1.5em;
  font-weight: 400;
  line-height: 1.6em;
  text-align: left;
  float: left;
}
.twoColumn .text .subtitle {
  width: 100%;
  min-height: 26px;
  font-weight: 600;
  font-size: 1.0em;
}
.twoColumn .text img {
  max-width: 100%;
  height: auto;
}
.twoColumn .text h2 {
  margin: 0 0 10px 0;
  font-size: 1.3em;
  font-weight: 600;
}
.twoColumn .text .video {
  width: 100%;
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 30px;
  height: 0;
  float: left;
}
.twoColumn .text .video iframe,
.twoColumn .text .video object,
.twoColumn .text .video embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.twoColumn .text.one {
  padding: 0 20px 0 0;
}
.twoColumn .text.two {
  padding: 0 0 0 20px;
}
.modelOutro {
  width: 100%;
  margin: 40px 0;
  padding: 0;
  float: left;
}
.modelOutro h2.title {
  font-size: 2.5em;
}
.modelOutro h3 {
  font-size: 1.2em;
  font-weight: 300;
}
[data-section=intro] .twoColumn {
  /*float: none;*/
  margin: 50px auto 40px auto;
}
/*===============================================================================================*/
/*		RESPONSIVE																											 */
/*===============================================================================================*/
@media screen and (max-width: 1220px) {
  [data-section=intro] .twoColumn {
    max-width: 1000px;
  }
}
/*===============================================================================================*/
@media screen and (max-width: 1010px) {
  [data-section=intro] .twoColumn {
    max-width: 720px;
  }
}
/*===============================================================================================*/
/*		MOBILE																												 */
/*===============================================================================================*/
@media screen and (max-width: 740px) {
  .twoColumn {
    padding: 0 20px;
    text-align: center;
  }
  .twoColumn h1.title,
  .twoColumn h2.title {
    font-size: 2.2em;
  }
  .twoColumn .slide {
    height: 155px;
    overflow: hidden;
    float: left;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
  }
  .twoColumn .slide.open {
    height: 745px;
  }
  .twoColumn .text {
    width: 100%;
    max-width: 100%;
    text-align: left;
    font-size: 1.3em;
  }
  .twoColumn .text.one,
  .twoColumn .text.two {
    padding: 0;
  }
  .twoColumn a.slideOpen {
    width: 170px;
    text-align: center;
    height: 35px;
    line-height: 35px;
    background: #FFF;
    color: #549cd7;
    font-size: 1.5em;
    font-weight: 700;
    text-transform: uppercase;
    margin: 10px 0 0 0;
    display: inline-block;
    border-radius: 5px;
    cursor: pointer;
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15);
  }
  [data-section=intro] .twoColumn {
    margin: 20px auto;
  }
  .modelOutro {
    margin: 30px 0;
  }
  .modelOutro h1.title,
  .modelOutro h2.title {
    margin: 0 0 15px 0;
  }
  .modelOutro h2.title {
    font-size: 2em;
  }
}
/*===============================================================================================*/

/*===============================================================================================*/
/*		UITGELIGHT																											 */
/*===============================================================================================*/
[data-section="informatie"] {
  padding: 0 0 550px 0;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: 100% auto;
}
.section.noimage[data-section="informatie"] {
  padding: 0 0 0 0;
}
.uitgelicht {
  width: 100%;
  padding: 0 10px;
  margin: 0 0 50px 0;
  float: left;
}
.uitgelicht .content {
  width: 770px;
  padding: 30px 0 0 0;
  float: left;
}
.uitgelicht .content .title {
  width: 100%;
  margin: 0 0 20px 0;
  float: left;
}
.uitgelicht .content .title h2 {
  font-size: 2.5em;
}
.uitgelicht .content .text {
  width: 100%;
  font-size: 1.5em;
  line-height: 1.6em;
  float: left;
}
.uitgelicht .content .relations {
  width: 100%;
  margin: 10px 0 0 0;
  float: left;
}
.uitgelicht .content .relations ul {
  list-style: none;
  padding: 0;
}
.uitgelicht .content .relations ul li {
  margin: 0;
  background: url("../../img/arrowBlack.svg") no-repeat 0 0;
  background-size: 13px 13px;
  background-position: 10px 14px;
  padding: 10px 0 10px 35px;
  border-bottom: 1px solid #e3e3e3;
}
.uitgelicht .content .relations ul li > a {
  font-size: 1.5em;
  line-height: 1.3em;
  color: #000;
  font-weight: 600;
}
.uitgelicht .content .relations ul li.uitklapper {
  background: url("../../img/arrowBlackDown.svg") no-repeat 0 0;
  background-size: 13px 13px;
  background-position: 10px 14px;
}
.uitgelicht .content .relations ul li.pdf {
  background: url("../../img/pdf.svg") no-repeat 0 0;
  background-position: 3px 12px;
}
.uitgelicht .content .relations ul li.open {
  background: url("../../img/arrowBlackUp.svg") no-repeat 0 0;
  background-size: 13px 13px;
  background-position: 10px 14px;
}
.uitgelicht .content .relations .folding {
  max-height: 0;
  font-size: 1.5em;
  line-height: 1.6em;
  overflow: hidden;
  -moz-transition: max-height 1s ease-in-out;
  -o-transition: max-height 1s ease-in-out;
  -webkit-transition: max-height 1s ease-in-out;
  transition: max-height 1s ease-in-out;
}
.uitgelicht .content .relations .folding h2 {
  margin: 0 0 10px 0;
  line-height: 1.3em;
}
.uitgelicht .content .relations .folding ul li {
  background: url("../../img/bullit.svg") no-repeat 0 0;
  background-size: 6px 6px;
  background-position: 13px 19px;
}
.uitgelicht .content .relations .folding.open {
  max-height: 100%;
  padding: 10px 0;
}
.uitgelicht .content.small {
  width: 420px;
  padding: 0;
  float: right;
}
.uitgelicht .image {
  float: right;
}
.uitgelicht .image img {
  border-radius: 160px;
  border: 10px solid #f2f2f2;
  margin: 0 25px 0 0;
}
.uitgelicht .image.big {
  float: left;
}
.uitgelicht .image.big img {
  border: none;
  border-radius: 0;
  margin: 0;
}
.uitgelicht .image.small {
  float: left;
  margin: 0 0 30px 60px;
}
.uitgelicht .image.small img {
  margin: 0;
}
.uitgelicht:nth-of-type(even) .content {
  float: right;
}
.uitgelicht:nth-of-type(even) .image {
  float: left;
}
.uitgelicht:nth-of-type(even) .image img {
  margin: 0 0 0 25px;
}
/*===============================================================================================*/
/*===============================================================================================*/
/*		RESPONSIVE																											 */
/*===============================================================================================*/
@media screen and (max-width: 1366px) {
  [data-section=informatie] {
    padding: 0 0 400px 0;
  }
}
@media screen and (max-width: 1220px) {
  [data-section=informatie] {
    padding: 0 0 300px 0;
  }
  .uitgelicht .content {
    width: 60%;
  }
  .uitgelicht .image.big {
    width: 100%;
  }
  .uitgelicht .image.big img {
    width: 100%;
    height: auto;
  }
  .uitgelicht .image.small {
    margin: 0 0 0 25px;
  }
  .uitgelicht .content.small {
    width: 100%;
  }
  .uitgelicht .content.small .title {
    width: 60%;
    float: right;
  }
  .uitgelicht .content.small .text {
    width: 60%;
    float: right;
  }
}
/*===============================================================================================*/
@media screen and (max-width: 1010px) {
  [data-section=informatie] {
    padding: 0 0 300px 0;
  }
  .uitgelicht .content {
    width: 45%;
  }
  .uitgelicht .content.small {
    width: 100%;
  }
  .uitgelicht .content.small .title {
    width: 45%;
    float: right;
  }
  .uitgelicht .content.small .text {
    width: 45%;
    float: right;
  }
}
/*===============================================================================================*/
/*		MOBILE																												 */
/*===============================================================================================*/
@media screen and (max-width: 740px) {
  [data-section=informatie] {
    padding: 0 0 100px 0;
  }
  .uitgelicht {
    padding: 0 20px;
  }
  .uitgelicht .content {
    width: 100%;
  }
  .uitgelicht .content .title {
    margin: 0 0 15px 0;
  }
  .uitgelicht .content .title h2 {
    font-size: 2.0em;
  }
  .uitgelicht .content .text {
    font-size: 1.3em;
  }
  .uitgelicht .image img {
    margin: 0;
  }
  .uitgelicht .content.small {
    width: 100%;
    float: left;
  }
  .uitgelicht .content.small .title {
    width: 100%;
  }
  .uitgelicht .content.small .text {
    width: 100%;
  }
  .uitgelicht .image.small {
    margin: 0 0 15px 0;
  }
  .uitgelicht:nth-of-type(even) .image {
    float: left;
  }
  .uitgelicht:nth-of-type(even) .image img {
    margin: 0 0 0 0;
  }
}
/*===============================================================================================*/

/*===============================================================================================*/
/*		USP																													 */
/*===============================================================================================*/
[data-section=usps] {
  background-color: #ffffff;
  margin: 0 0 20px 0;
  padding: 0 0 40px 0;
}
.uspContainer {
  width: 100%;
  float: left;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
}
.uspItem {
  -ms-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}
.uspItem .text {
  background: url("/img/usp.png") 0 0 no-repeat;
  min-height: 24px;
  display: inline-block;
  padding: 0 0 0 36px;
  font-size: 1.5em;
  line-height: 1.3em;
}
/*===============================================================================================*/
/*		RESPONSIVE																											 */
/*===============================================================================================*/
/*===============================================================================================*/
/*===============================================================================================*/
/*		MOBILE																												 */
/*===============================================================================================*/
@media screen and (max-width: 740px) {
  [data-section=usps] {
    padding: 0 0 20px 0;
  }
  .uspContainer {
    display: block;
    text-align: left;
  }
  .uspItem {
    -ms-flex: none;
    -webkit-flex: none;
    flex: none;
  }
  .uspItem .text {
    margin: 5px 0 5px 20px;
    font-size: 1.4em;
  }
}
/*===============================================================================================*/

/*===============================================================================================*/
/*		VIDEO																													 */
/*===============================================================================================*/
.videoItem {
  background-color: #ffffff;
  float: left;
  margin: 20px 10px;
}
.videoItem .image {
  position: relative;
}
.videoItem .image .play {
  background-repeat: no-repeat;
  background-image: url(/img/btnVideo.png);
  background-size: 80px 80px;
  background-position: center center;
  width: 80px;
  height: 80px;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 100;
  margin: -40px 0 0 -40px;
  cursor: pointer;
}
.videoItem .video {
  position: relative;
}
.videoItem .video span {
  background-repeat: no-repeat;
  background-color: #ffffff;
  background-image: url(/img/close.svg);
  background-size: 16px 16px;
  background-position: center center;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 100;
  cursor: pointer;
}
.videoItem iframe {
  width: 100%;
  height: 100%;
}
.videoItem .content {
  color: #000000;
}
.videoItem .title {
  margin: 0 0 20px 0;
  font-family: 'Heavitas', sans-serif;
  font-size: 2em;
  text-transform: uppercase;
}
.videoItem .text {
  font-size: 1.5em;
  line-height: 1.7em;
}
/* Block version */
.videoItem.block {
  width: 380px;
  height: 490px;
}
.videoItem.block .image {
  width: 100%;
  height: 214px;
}
.videoItem.block .image img.responsive {
  width: 380px;
  height: 214px;
}
.videoItem.block .video {
  width: 100%;
  height: 214px;
}
.videoItem.block .content {
  width: 100%;
  height: 276px;
  padding: 20px;
  border-right: 1px solid #e3e3e3;
  border-bottom: 1px solid #e20023;
  border-left: 1px solid #e3e3e3;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* Full version */
.videoItem.full {
  width: 1180px;
  height: 450px;
}
.videoItem.full .image {
  width: 800px;
  height: 450px;
  float: right;
}
.videoItem.full .image img.responsive {
  width: 800px;
  height: 450px;
}
.videoItem.full .video {
  width: 800px;
  height: 450px;
  float: right;
}
.videoItem.full .content {
  width: 380px;
  height: 450px;
  float: left;
  padding: 30px;
  border-bottom: 1px solid #e20023;
  border-left: 1px solid #e3e3e3;
  border-top: 1px solid #e3e3e3;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.videoItem.full .content.first {
  background-repeat: no-repeat;
  background-image: url(/img/bgTekstbanner.jpg);
  background-position: center center;
  background-size: cover;
  color: #ffffff;
  border: 0;
}
.videoItem.full .content.first a {
  color: #ffffff;
  text-decoration: underline;
}
.videoItem.full .content.first a:hover {
  text-decoration: none;
}
/*===============================================================================================*/
/*		RESPONSIVE																											 */
/*===============================================================================================*/
@media screen and (max-width: 1220px) {
  /* Block version */
  .videoItem.block {
    width: 300px;
    height: 470px;
  }
  .videoItem.block .image {
    height: 168px;
  }
  .videoItem.block .image img.responsive {
    width: 300px;
    height: 168px;
  }
  .videoItem.block .video {
    height: 168px;
  }
  .videoItem.block .content {
    height: 302px;
  }
  .videoItem.block .text {
    font-size: 1.4em;
    line-height: 1.6em;
  }
  /* Full version */
  .videoItem.full {
    width: 940px;
    height: 360px;
  }
  .videoItem.full .image {
    width: 640px;
    height: 360px;
  }
  .videoItem.full .image img.responsive {
    width: 640px;
    height: 360px;
  }
  .videoItem.full .video {
    width: 640px;
    height: 360px;
  }
  .videoItem.full .content {
    width: 300px;
    height: 360px;
  }
}
/*===============================================================================================*/
@media screen and (max-width: 1010px) {
  .videoItem {
    margin: 10px;
  }
  /* Block version */
  .videoItem.block {
    width: 340px;
    height: 480px;
  }
  .videoItem.block .image {
    height: 192px;
  }
  .videoItem.block .image img.responsive {
    width: 340px;
    height: 192px;
  }
  .videoItem.block .video {
    height: 192px;
  }
  .videoItem.block .content {
    height: 288px;
  }
  /* Full version */
  .videoItem.full {
    width: 700px;
    height: 594px;
  }
  .videoItem.full .image {
    width: 700px;
    height: 394px;
  }
  .videoItem.full .image img.responsive {
    width: 700px;
    height: 394px;
  }
  .videoItem.full .video {
    width: 700px;
    height: 394px;
  }
  .videoItem.full .content {
    width: 700px;
    height: 200px;
    border-top: 0;
    border-right: 1px solid #e3e3e3;
  }
  .videoItem.full .content.first {
    background-image: url(/img/bgTekstbannerWide.jpg);
    background-size: cover;
    border: 0;
  }
}
/*===============================================================================================*/
/*		MOBILE																												 */
/*===============================================================================================*/
@media screen and (max-width: 740px) {
  /* Block version */
  .videoItem.block {
    width: 300px;
    height: 470px;
  }
  .videoItem.block .image {
    height: 168px;
  }
  .videoItem.block .image img.responsive {
    width: 300px;
    height: 168px;
  }
  .videoItem.block .video {
    height: 168px;
  }
  .videoItem.block .content {
    height: 302px;
  }
  .videoItem.block .text {
    font-size: 1.4em;
    line-height: 1.6em;
  }
  /* Full version */
  .videoItem.full {
    width: 300px;
    height: 470px;
  }
  .videoItem.full .image {
    width: 300px;
    height: 168px;
  }
  .videoItem.full .image img.responsive {
    width: 300px;
    height: 168px;
  }
  .videoItem.full .video {
    width: 300px;
    height: 168px;
  }
  .videoItem.full .content {
    width: 300px;
    height: 302px;
    padding: 20px;
  }
  .videoItem.full .content.first {
    background-image: url(/img/bgTekstbanner.jpg);
    background-size: auto;
  }
  .videoItem.full .text {
    font-size: 1.4em;
    line-height: 1.6em;
  }
}
/*===============================================================================================*/

/*===============================================================================================*/
/*		VIDEO THUMBNAILS																									 */
/*===============================================================================================*/
.video-thumbnail-wrapper {
  float: left;
  width: 33.33%;
  padding: 15px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.video-thumbnail-wrapper .video-thumbnail {
  width: 100%;
  border: 1px solid #e3e3e3;
  border-bottom: 1px solid #e20023;
  float: left;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.video-thumbnail-wrapper .video-thumbnail:hover {
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.video-thumbnail-wrapper .video-thumbnail .video-title {
  float: left;
  padding: 15px;
  font-size: 1rem;
}
.video-thumbnail-wrapper .video-thumbnail .video-image {
  height: 275px;
  width: 100%;
  float: left;
  position: relative;
}
.video-thumbnail-wrapper .video-thumbnail .video-image:before {
  content: "";
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), inset 0 1px 1px #ffffff, inset 0 0 1px rgba(0, 0, 0, 0.5);
  width: 64px;
  display: block;
  height: 64px;
  border-radius: 4px;
  background: url(../../img/royalslider/rs-default.png) no-repeat 0 -32px;
  background-color: #e20023;
  border-radius: 5px;
  border: 1px solid #e20023;
  cursor: pointer;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.video-thumbnail-wrapper .video-thumbnail .video-image:hover:before {
  background-color: #f31134;
}
/*===============================================================================================*/
/*		RESPONSIVE																											 */
/*===============================================================================================*/
/*===============================================================================================*/
@media screen and (max-width: 1010px) {
  .video-thumbnail-wrapper {
    width: 50%;
  }
}
/*===============================================================================================*/
/*		MOBILE																												 */
/*===============================================================================================*/
@media screen and (max-width: 740px) {
  .video-thumbnail-wrapper {
    width: 100%;
  }
}
/*===============================================================================================*/

/*===============================================================================================*/
/*		VISUAL LINK																											 */
/*===============================================================================================*/
[data-section=visuelelinks] {
  background: #f2f2f2 url("../../img/bgBatavusGrey.png") center top repeat-x;
  padding: 70px 0;
}
.moreActions {
  margin: 20px 0 0 0;
  padding: 0 0 0 10px;
}
.moreActions a {
  display: inline-block;
  font-size: 1.5em;
  color: #549cd7;
  text-decoration: underline;
}
.moreActions a:hover {
  text-decoration: none;
}
/* Basic properties */
.visualLink {
  background: #fff;
  float: left;
  margin: 10px;
  border-bottom: 1px solid #e20023;
  -moz-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}
.visualLink .image {
  float: left;
}
.visualLink .image a {
  display: block;
  text-decoration: none;
}
.visualLink .image img {
  float: left;
}
.visualLink .bottom {
  float: left;
}
.visualLink .title {
  margin: 0 0 20px 0;
  font-size: 2.4em;
  font-weight: 400;
  text-align: center;
}
.visualLink .text {
  padding: 0 30px;
  font-size: 1.5em;
  font-weight: 400;
  line-height: 1.6em;
  text-align: center;
}
.visualLink .nav {
  margin: 30px 0 0 0;
  text-align: center;
}
.visualLink .nav a {
  background: no-repeat;
  background-image: url(../../img/arrowBlue.svg);
  background-size: 6px 7px;
  background-position: right center;
  padding: 0 16px 0 0;
  font-size: 1.5em;
  font-weight: 700;
  color: #549cd7;
  text-transform: uppercase;
  text-decoration: none;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.visualLink .nav a:hover {
  color: #e20023;
}
.visualLink:hover {
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15);
}
/* 1 column version */
.visualLink.col1 {
  width: 1180px;
  height: 337px;
}
.visualLink.col1 .image {
  width: 580px;
  height: 336px;
}
.visualLink.col1 .bottom {
  width: 600px;
  height: 336px;
  padding: 100px 0 0 0;
  border-top: 1px solid #e3e3e3;
  border-right: 1px solid #e3e3e3;
}
.visualLink.col1 .text {
  padding: 0 100px;
}
/* 2 column version */
.visualLink.col2 {
  width: 580px;
  height: 556px;
}
.visualLink.col2 .image {
  width: 580px;
  height: 336px;
}
.visualLink.col2 .bottom {
  width: 580px;
  height: 219px;
  padding: 36px 0 0 0;
  border-right: 1px solid #e3e3e3;
  border-left: 1px solid #e3e3e3;
}
/* 3 column version */
.visualLink.col3 {
  width: 380px;
  height: 440px;
}
.visualLink.col3 .image {
  width: 380px;
  height: 220px;
}
.visualLink.col3 .image img {
  width: 380px;
  height: 220px;
}
.visualLink.col3 .bottom {
  width: 380px;
  height: 219px;
  padding: 36px 0 0 0;
  border-right: 1px solid #e3e3e3;
  border-left: 1px solid #e3e3e3;
}
/*===============================================================================================*/
/*		RESPONSIVE																											 */
/*===============================================================================================*/
@media screen and (max-width: 1220px) {
  [data-section=visuelelinks] .layout {
    width: 960px;
  }
  /* 1 column version */
  .visualLink.col1 {
    width: 940px;
    height: 267px;
  }
  .visualLink.col1 .image {
    width: 460px;
    height: 266px;
  }
  .visualLink.col1 .image img {
    width: 460px;
    height: 266px;
  }
  .visualLink.col1 .bottom {
    width: 480px;
    height: 266px;
    padding: 62px 0 0 0;
  }
  .visualLink.col1 .text {
    padding: 0 50px;
  }
  /* 2 column version */
  .visualLink.col2 {
    width: 460px;
    height: 480px;
  }
  .visualLink.col2 .image {
    width: 460px;
    height: 266px;
  }
  .visualLink.col2 .image img {
    width: 460px;
    height: 266px;
  }
  .visualLink.col2 .bottom {
    width: 460px;
    height: 213px;
    padding: 32px 0 0 0;
  }
  /* 3 column version */
  .visualLink.col3 {
    width: 300px;
    height: 350px;
  }
  .visualLink.col3 .image {
    width: 300px;
    height: 174px;
  }
  .visualLink.col3 .image img {
    width: 300px;
    height: 174px;
  }
  .visualLink.col3 .bottom {
    width: 300px;
    height: 175px;
    padding: 22px 0 0 0;
  }
  .visualLink.col3 .title {
    font-size: 2em;
  }
  .visualLink.col3 .text {
    padding: 0 10px;
    font-size: 1.3em;
  }
}
/*===============================================================================================*/
@media screen and (max-width: 1010px) {
  [data-section=visuelelinks] .layout {
    width: 100%;
    text-align: center;
  }
  /* 1 column version */
  .visualLink.col1 {
    width: 460px;
    height: 480px;
    display: inline-block;
    float: none;
  }
  .visualLink.col1 .image {
    width: 460px;
    height: 266px;
  }
  .visualLink.col1 .image img {
    width: 460px;
    height: 266px;
  }
  .visualLink.col1 .bottom {
    width: 460px;
    height: 213px;
    padding: 34px 0 0 0;
    border-top: 0;
    border-left: 1px solid #e3e3e3;
  }
}
/*===============================================================================================*/
/*		MOBILE																												 */
/*===============================================================================================*/
@media screen and (max-width: 740px) {
  [data-section=visuelelinks] {
    padding: 40px 0;
  }
  .moreActions {
    padding: 0;
  }
  /* 1 column version */
  .visualLink.col1 .text {
    padding: 0 20px;
  }
  /* 2 column version */
  /* 3 column version */
  .visualLink.col1,
  .visualLink.col2,
  .visualLink.col3 {
    width: 260px;
    height: 380px;
  }
  .visualLink.col1 .image,
  .visualLink.col2 .image,
  .visualLink.col3 .image {
    width: 260px;
    height: 174px;
    overflow: hidden;
  }
  .visualLink.col1 .image img,
  .visualLink.col2 .image img,
  .visualLink.col3 .image img {
    width: 300px;
    height: 174px;
    margin: 0 0 0 -20px;
  }
  .visualLink.col1 .bottom,
  .visualLink.col2 .bottom,
  .visualLink.col3 .bottom {
    width: 260px;
    height: 205px;
    padding: 26px 0 0 0;
  }
  .visualLink.col1 .title,
  .visualLink.col2 .title,
  .visualLink.col3 .title {
    font-size: 1.8em;
  }
  .visualLink.col1 .text,
  .visualLink.col2 .text,
  .visualLink.col3 .text {
    font-size: 1.3em;
  }
}
/*===============================================================================================*/

/*===============================================================================================*/
/*		REACTIONS																											 */
/*===============================================================================================*/

.reactions
{
	font-weight: normal;
	font-size: 1.0em;
	color: #1F1949;
}

	.reactions h4
	{
	}

	.reactions form h4
	{
	}

	.reactions li
	{
	}

	.reactions h6
	{
		font-weight: bold;
		margin-bottom: 0px;
	}

/*===============================================================================================*/

/*===============================================================================================*/
/*		RELATIONS																											 */
/*===============================================================================================*/

.relations
{
	clear: both;
}

/*===============================================================================================*/