/*	GENERAL
	--------------------------------------------- */

	:root {
		--color-background: #fff;
		--color-surface: #F2EFEB;
		--color-text: #1a4948;
		--color-bg-cta: #FF6853;
		--color-hover-bg-cta: #a63627;
		--font-family: 'Figtree', sans-serif;
		--font-family-title: 'Bricolage Grotesque', sans-serif;
	}
	
	html, body { 
		width:100%;
		height:100vh;
		margin:0; 
		padding:0; 
		font-family: var(--font-family);
		font-size:16px;
		line-height:24px; 
		color:#1a4948;
		background:var(--color-background);
		-webkit-text-size-adjust:100%;
		text-size-adjust:100%;
	}
	
	body { 
		overflow-y: scroll;	
	}

	strong {
		font-weight:500;
	}

	a {
		color:#1a4948;
	}

	a:hover {
		text-decoration:underline;
	}
	
	::-webkit-scrollbar {
		width:20px;
	}

	::-webkit-scrollbar-track {
		background-color:transparent;
	}

	::-webkit-scrollbar-thumb {
		background-color:#cfdce1;
		border-radius:20px;
		border:6px solid transparent;
		background-clip:content-box;
	}

	::-webkit-scrollbar-thumb:hover {
		background-color:#a8bbbf;
	}
	
	.hiddenfields { 
		display:none !important; 
	}

/*	HEADER
	--------------------------------------------- */ 

	section.header {
		width:100%;
		padding:0;
		position:relative;
		z-index:107;
		padding:20px 50px;
		box-sizing:border-box;
		border-bottom:1px solid #9ec3de;
		background-color:#fff;
	}

	section.header div.center {
		display:inline-block;
		width:100%;
		margin:0 auto;
		padding:0 0 0 250px;
		position:relative;
		box-sizing:border-box;
		min-height:60px;
		background:#fff url('../img/logo-hobby.svg') no-repeat left top / 203px 60px;		
	}
	
	section.header div.center .to-home {
		display:inline-block; 
		width:250px; 
		height:60px; 
		position:absolute; 
		left:0; 
		top:0; 
	}

	section.header div.center div.welcome {
		width:auto;
		height:60px;
		display:inline-block;
		vertical-align:middle;
	}

	section.header div.center div.welcome span {
		padding-top:2px;
		font-weight:400;
		font-size:18px;
		line-height:70px; 
		display:inline-block;
		vertical-align:middle;
	}

/*	HEADER - NAVIGATION
	--------------------------------------------- */ 

	section.header nav div.contain-menu {
		font-size:0px;
	}
	
	section.header nav {
		width:auto;
		margin:0;
		padding:0;
		float:left;
		text-align:left;
		z-index:9999;
		text-align:center;
	}

	section.header nav a {
		padding:20px 15px 20px;
		display:inline-block;
		position:relative;
		vertical-align:top;
		font-weight:700;
		font-size:16px;
		line-height:20px; 
		color:#3f89bf;
		text-transform:uppercase;
		-webkit-transition:all 1s ease-out;
		transition: all 1s ease-out;
	}

	section.header nav a:hover {
		text-decoration:none;
		color:#9ec3de;
	}
	
	section.header nav a:last-child {
		margin-right:0;
	}
	
	section.header nav a.active:after {
		height:1px; 
		position:absolute; 
		left:10px; 
		right:10px; 
		bottom:10px; 
		margin:auto; 
		display:inline-block; 
		text-align:center; 
		font-size:16px; 
		color:#1a4948; 
		content:''; 
		border-top:1px solid #3f89bf;
	}
	
	.section.header nav .contain-menu{
		background-color:#fff;
		
	}
	

/*	HEADER - NAVIGATION - DROPDOWN
	--------------------------------------------- */ 

	section.header nav div.dropdown {
		display:inline-block;
		vertical-align:top;
		position:relative;
	}

	section.header nav div.dropdown > a {
		padding-right:18px;
		background:url('../img/icons/icon-arrow-down.svg') no-repeat 100% center / 12px;
		cursor:default;
		text-decoration:none;
	}

	section.header nav div.dropdown div.contain {
		width:150px;
		margin:0;
		padding:15px 25px 13px;
		display:none;
		background:#fff;
		-webkit-box-shadow:0 5px 15px 0 rgba(0, 0, 0, .1);
		box-shadow:0 5px 15px 0 rgba(0, 0, 0, .1);
		-webkit-border-radius:3px;
		border-radius:3px;
	}

	section.header nav div.dropdown:hover > a + div.contain {
		display:inline-block;
		position:absolute;
		top:43px;
		left:-5px;
		text-align:left;
	}

	section.header nav div.dropdown.active > a + div.contain {
		width:250px;
		display:inline-block;
		position:absolute;
		top:43px;
		right:-10px;
		z-index:54;
		text-align:left;
		background:#fff;
		-webkit-border-radius:20px 0 6px 6px;
		border-radius:20px 0 6px 6px;
	}

	section.header nav div.dropdown:hover > a + div.contain > a {
		width:100%;
		margin:0;
		padding:0;
		text-shadow:none;	
		font-weight:400;
		font-size:16px;
		line-height:30px; 
		
		color:#1a4948;
	}

/*	HEADER - NAVIGATION - MOBILE
	--------------------------------------------- */ 

	section.header div.mobile-menu {
		display:none;
	}

	section.header nav div.mobile-button {
		width:40px;
		height:40px;
		display:none;
		vertical-align:top;
		background:url('../img/icons/icon-menu.svg') no-repeat center / 35px;
		border:1px solid #3f89bf;
		border-radius:3px;
		margin-top:6px;
		margin-right:10px;
	}

	section.header nav div.contain-menu.mobile {
		display:none;
	}

	section.header nav div.contain-menu.mobile.open {
		width:180px;
		padding:15px;
		display:inline-block;
		position:absolute;
		top:50px;
		right:0;
		background:#fff;
		text-align:left;
		-webkit-border-radius:3px;
		border-radius:3px;
		-webkit-box-shadow:0 0 10px 0 rgba(0, 0, 0, .1);
		box-shadow:0 0 10px 0 rgba(0, 0, 0, .1);
	}

	section.header nav div.contain-menu.mobile.open a {
		width:100%;
	}

	section.header nav div.contain-menu.mobile.open div.dropdown-mobile > a {
		display:none;
	}

	section.header nav div.contain-menu.mobile.open div.dropdown-mobile div.contain {
		padding:0;
		display:inline-block;
		border-radius:0;
		box-shadow:none;
	}
	
	section.header nav div.contain-menu.mobile.open a.view-shop {
		margin:0;
		padding:15px 15px 13px;
		-webkit-box-shadow:none;
		box-shadow:none;
	}

/*	FOOTER
	--------------------------------------------- */
	
	footer { 
		display:inline-block; 
		width:100%; 
	}
	
	div.scroll-top { 
		width:60px; 
		height:60px; 
		margin:auto; 
		position:fixed; 
		bottom:20px; 
		top:auto; 
		right:20px; 
		z-index:500; 
		display:none; 
		background:#fff url(../img/icons/icon-arrow-up.svg) center / 24px no-repeat; 
		cursor:pointer; 
		text-decoration:none; 
		-webkit-border-radius:10px; 
		border-radius:10px; 
		-webkit-box-shadow:0 0 15px 0 rgb(0 0 0 / 10%); 
		box-shadow:0 0 15px 0 rgb(0 0 0 / 10%); 
		-webkit-transition:ease background-position 200ms, ease width 300ms; 
		transition:ease background-position 200ms, ease width 300ms; 
	}

	footer p.copyright { 
		padding:35px 15px; 
		margin:0; 
		text-align:center; 
		font-size:12px; 
		color:#282828; 
	}

/*	CONTENT
	--------------------------------------------- */ 
	
	#map { 
		height:500px; 
	}
	
	.imageheader { 
		max-width:100%; 
		background-size:cover; 
		background-repeat:no-repeat; 
		height:250px; 
		background-color:#f2f2f2; 
		background-position:center center; 
		margin:0 0 40px; 
		padding:0; 
		box-sizing:border-box; 
		font-size:0px; 
		text-align:left;
	}
	
	.imageheader.modellen { 
		background-image:url('../img/headers/modelheader_hr.jpg'); 
	}
	.imageheader.waarom { 
		background-image:url('../img/headers/waaromheader_hr.jpg'); 
	}
	.imageheader.brochure { 
		background-image:url('../img/headers/brochureheader_hr.jpg'); 
	}
	
	.news .video { 
		display:inline-block; 
		width:100%;
	}
	
	.news { 
		min-height: 414px;
		display:inline-block; 
		width:100%; 
		margin-bottom: 30px;
		position:relative; 
		padding-right:340px; 
		box-sizing:border-box; 
	}
	
	.news-sidebar { 
		position:absolute; 
		right:0; 
		top:0; 
		width:300px; 
		padding:30px; 
		border-left:1px solid rgba(0,0,0,0.1); 
		display:inline-block; 
		box-sizing:border-box; 
	}
	
	.news-sidebar img { 
		max-width:100%; 
		display:inline-block; 
		padding:0 0 10px 0; 
	}
	
	.sidebar-message { 
		display:inline-block; 
		width:100%; 
		border:1px solid #9ec3de; 
		box-shadow:0px 0px 6px rgb(0 0 0 / 20%); 
		background-color:rgba(158,195,222,0.1); 
		padding:20px; 
		box-sizing:border-box; 
	}

	.sidebar-message h3 { 
		width:100%; 
		display:inline-block; 
		position:relative; 
		font-size:24px; 
		text-align:left; 
		color:#3f89bf; 
		margin-top:0px; 
		margin-bottom:10px; 
		font-variant:all-small-caps; 
	}
	
	.sidebar-message.tip h3 { 
		padding-left:40px; 
	}
	
	.sidebar-message.tip h3::before { 
		display:inline-block; 
		position:absolute; 
		line-height:20px; 
		left:0; 
		padding-left:0px; 
		padding-bottom:0px; 
		background-image:url('../img/icons/icon-tip-white.svg'); 
		background-repeat:no-repeat; 
		background-position:5px center; 
		background-size:20px; 
		width:30px; 
		height:30px; 
		background-color:#ffbc00; 
		content:''; 
		border-radius:20px; 
	}
		
	.sidebar-message p { 
		margin-bottom:0px; 
	}

	.content-container { 
		background:#fff; 
		padding:40px 0px; 
		box-sizing:border-box; 
	}
	
	.content-container.hasimage { 
		padding:0px 0px 40px; 
		box-sizing:border-box; 
	}
	
	.content { 
		max-width:1200px; 
		margin:0 auto; 
		padding:10px 10px; 
		box-sizing:border-box; 
		font-size:0px; 
		text-align:left; 
	}
		
		.content .titleblock { 
			width:100%; 
			margin:0 auto 40px; 
			max-width:1200px; 
			font-size:0px; 
			text-align:left; 
			padding:0px 10px; 
			box-sizing:border-box; 
		}
		
		.content h1 { 
			width:100%; 
			display:inline-block; 
			font-size:28px; 
			text-align:left; 
		}
		
		.content h2 { 
			width:100%; 
			display:inline-block; 
			font-size:24px; 
			text-align:left; 
			color:#3f89bf; 
			margin-top:20px; 
			margin-bottom:10px; 
			font-variant:all-small-caps; 
		}
		
		.content .news h2 {
			font-size: 34px;
			line-height: 38px;
		}
		
		.content h3 { 
			width:100%; 
			display:inline-block; 
			font-size:24px; 
			text-align:left; 
			color:#3f89bf; 
			margin-top:20px; 
			margin-bottom:10px; 
			font-variant:all-small-caps; 
		}
		
		.content .news h3 {
			font-size: 24px;
			line-height: 28px;
		}
		
		.content p { 
			width:100%; 
			display:inline-block; 
			font-size:16px; 
			text-align:left; 
		}
		
		.content li {
			font-size: 16px;
		}
		
		.content p a { 
			color:#3f89bf; 
			text-decoration:underline; 
		}
		
		.content p a.button { 
			display:inline-block;
			background-color:#3f89bf; 
			color:#fff; 
			text-decoration:none; 
			padding:10px 40px 10px 20px;
			border-radius:5px;
			width:auto;
			margin-top:10px;
			background-image:url('../img/icons/icon-arrow-right-white.svg');
			background-repeat:no-repeat;
			background-position:right +10px center;
			background-size:20px;
		}
	
	.download-blocks { 
		max-width:1200px; 
		margin:0 auto; 
		padding:10px 10px; 
		box-sizing:border-box; 
		font-size:0px; 
		text-align:left; 
	}
	
	.download-block { 
		vertical-align:top; 
		display:inline-block; 
		width:33.3%; 
		padding:10px; 
		box-sizing:border-box; 
		margin:0 0px 0px 0px; 
		font-size:16px; 
		text-align:center; 
	}
	
	.download-block span { 
		display:inline-block; 
		width:100%; 
		font-size:18px; 
		text-align:center; 
	}
	
	.download-block span.title-container::after { 
		height:1px; 
		width:100px; 
		margin:auto; 
		display:inline-block; 
		text-align:center; 
		font-size:16px; 
		color:#1a4948; 
		content:''; 
		border-top:1px solid #3f89bf; 
	}

	.download-block img { 
		margin-top:20px; 
		max-width:100%;
	}
		
	.dealer-blocks-container { 
		background:#fff; 
		padding:40px 0px; 
		box-sizing:border-box; 
	}
	
	.dealer-blocks { 
		max-width:1200px; 
		margin:0 auto; 
		padding:10px 10px; 
		box-sizing:border-box; 
		font-size:0px; 
		text-align:left; 
	}
		
		.dealer-blocks .titleblock { 
			width:100%; 
			margin:0 auto 40px; 
			max-width:1200px; 
			font-size:0px; 
			text-align:left; 
			padding:0px 10px; 
			box-sizing:border-box; 
			position:relative;
			padding-bottom:25px;
		}
		
		.dealer-blocks h1 {
			width:50%; 
			display:inline-block; 
			font-size:28px; 
			text-align:left; }
		
		.dealer-blocks .catselector { 
			width:50%; 
			display:inline-block; 
			font-size:24px;
			text-align:right; 
		}
		
		.dealer-blocks .catselector label {
			border:1px solid #3f89bf;
			border-radius:5px;
			padding: 0 5px 5px 10px;
			line-height: 30px;
			cursor:pointer;
		}
		
		.dealer-blocks .catselector label.active {			
			background-color:#3f89bf;
			color:#fff;
		}
		
	
	.show-on-map { 
		cursor:pointer; 
	}
	
	.dealer-block { 
		vertical-align:top; 
		display:inline-block; 
		width:33.3%; 
		padding:10px; 
		box-sizing:border-box; 
		margin:0 0px 0px 0px; 
		font-size:16px; 
	}
	
	.dealer-block-content { 
		position:relative; 
		overflow:hidden; 
		vertical-align:top; 
		display:inline-block;
		text-align:left;
		width:100%; 
		background-color:#fff;
		border-radius:5px;
		padding:20px 20px 200px 20px; 
		box-sizing:border-box; 
		font-size:16px; 
		border:1px solid #9ec3de; 
		box-shadow:0px 0px 6px rgba(0,0,0,0.2); 
	}
	
	.dealer-block-content:hover { 
		background-color:rgba(158,195,222,0.1); 
	}
	
	.dealer-block.inline { 
		width:100%; 
		padding:0; 
		line-height:24px; 
		font-family:var(--font-family);;
	}
	
	.dealer-block.inline .dealer-block-content { 
		width:100%; 
		height:auto; 
		border-radius:0px; 
		border:0; 
		box-shadow:none;
		padding:10px 0; 
	}
	
	.dealer-block.inline .dealer-block-content:hover { 
		background-color:#fff; 
	}
	
	.dealer-block.inline .dealer-block-content .companyaddress-block { 
		position:static; 
		padding:20px 0 0; 
	}
	
	
	.companyaddress-block .companyline {
		vertical-align:top;
	}	
	
	.companyaddress-block { 
		position:absolute; 
		left:0; 
		bottom:0px; 
		width:100%; 
		padding:0 20px 20px; 
		box-sizing:border-box; 
	}
	
	.dealer-block-content .companyline { 
		display:inline-block;
		width:100%; 
		padding-left:20px; 
		box-sizing:border-box; 
	}				
	
	.dealer-block-content .companyline.companyname { 
		padding-left:0px; 
		font-weight:bold; 
		font-size:18px; 
		margin-bottom:10px; 
	}
	
	.dealer-block-content .companyline.companyaddress { 
		padding-left:0px; 
		margin-bottom:10px; 
	}
	
	.dealer-block-content .companyline.companyaddress .distance {
		display:inline-block;
		width:auto;
		padding:3px 8px 3px 8px;
		box-sizing:border-box;
		border:1px solid rgba(0,0,0,0.15);
		background-color:rgba(158,195,222,0.1);
		border-radius:3px;
		margin-right:10px;
		margin-bottom:5px;	
	}
	
	.dealer-block-content .companyline.companybranche { 
		padding-left:0px; 
		margin-bottom:10px; 
	}
	
	.dealer-block-content .companyline.companyphone { 
		padding-left:35px; 
		background-image:url('../img/icons/icon-phone.svg'); 
		background-repeat:no-repeat; 
		background-position:5px center; 
		background-size:20px; 
		
		white-space:nowrap;
		overflow:hidden;
		text-overflow: ellipsis;
	}
	
	.dealer-block-content .companyline.companymail { 
		padding-left:35px; 
		background-image:url('../img/icons/icon-mail.svg'); 
		background-repeat:no-repeat; 
		background-position:5px center; 
		background-size:20px; 
		
		white-space:nowrap;
		overflow:hidden;
		text-overflow: ellipsis;
		
	}
	
	.dealer-block-content .companyline.companywebsite { 
		padding-left:35px; 
		background-image:url('../img/icons/icon-website.svg'); 
		background-repeat:no-repeat; 
		background-position:5px center; 
		background-size:20px; 
		
		white-space:nowrap;
		overflow:hidden;
		text-overflow: ellipsis;
	}
	
	.dealer-block-content .companyline a { 
		color:#3f89bf; 
	}
	
	.dealer-block-content .companyline.companyroute { 
		padding-left:35px; 
		margin-top:10px; 
		background-image:url('../img/icons/icon-navigate.svg'); 
		background-repeat:no-repeat; 
		background-position:5px center; 
		background-size:20px; 
		
		white-space:nowrap;
		overflow:hidden;
		text-overflow: ellipsis;
	}
	
	.dealer-block-content .companyline.companymap { 
	padding-left:0px; 
	}
	
	.hascaravan { 
		display:inline-block; 
		width:auto; 
		padding:3px 8px 3px 40px; 
		box-sizing:border-box; 
		border:1px solid rgba(0,0,0,0.15); 
		background-color:rgba(158,195,222,0.1); 
		border-radius:3px; 
		margin-right:10px; 
		background-image:url('../img/icons/icon-caravan.svg'); 
		background-repeat:no-repeat; 
		background-position:5px center; 
		background-size:30px; 
	}
	
	.hascamper { 
		display:inline-block; 
		width:auto; 
		padding:3px 8px 3px 40px; 
		box-sizing:border-box; 
		border:1px solid rgba(0,0,0,0.15); 
		background-color:rgba(158,195,222,0.1); 
		border-radius:3px; 
		margin-right:10px; 
		background-image:url('../img/icons/icon-camper.svg'); 
		background-repeat:no-repeat; 
		background-position:5px center;
		background-size:30px; 
	}
	
	a.hascaravan { 
		color:#fff !important; 
		background-color:#3f89bf;  	
		background-image:url('../img/icons/icon-caravan-white.svg'); 
		border:1px solid #3f89bf; 
	}
	
	a.hascaravan:hover { 
		text-decoration:none;
	}
	
	a.hascamper { 
		color:#fff !important; 
		background-color:#3f89bf;
		background-image:url('../img/icons/icon-camper-white.svg'); 
		border:1px solid #3f89bf; 
	}
	
	a.hascamper:hover { 
		text-decoration:none;
	}	
		
	.open-this-popup { 
		display:inline-block; 
		width:auto; 
		border-radius:3px; 
		background-color:#3f89bf; 
		color:#fff; 
		padding:3px 10px 3px 30px; 
		box-sizing:border-box; 
		margin-top:20px; 
		background-image:url('../img/icons/icon-map-white.svg'); 
		background-repeat:no-repeat; 
		background-position:5px center; 
		background-size:20px; 
		
		white-space:nowrap;
		overflow:hidden;
		text-overflow: ellipsis;
	}
	
	.catselectorform label { 
		display:inline-block; 
		font-size:18px; 
	}
		
	.categoryselector { 
		position:static; 
		cursor:pointer; 
		width:30px !important; 
		height:30px !important; 
		margin:3px 0 0 0; 
		display:inline-block; 
		vertical-align:top; 
		border:0px solid #c1c1c1; 
		outline:0; 
		-webkit-appearance:none; 
		-moz-appearance:none; -o-appearance:none; 
		appearance:none; 
		box-shadow:none; 
		-webkit-transition:all 0ms ease; 
		transition:all 0ms ease; 
		-webkit-border-radius:30px; 
		border-radius:30px; 
		background-image:url(../img/icons/icon-check-grey.svg); 
		background-position:center center; 
		background-size:18px; 
		background-repeat:no-repeat; 
		border:0px solid #3f89bf; 
	}

	.categoryselector:checked { 
		background-image:url(../img/icons/icon-check-white.svg); 
		background-color:#3f89bf !important; 
		border-color:#3f89bf !important; 
		vertical-align:top;
	}
	
	.no-results{ font-size:16px; display:inline-block; padding:0 10px; box-sizing:border-box; }
	
	.my-location { 
		display:inline-block; 
		font-size:14px;
		font-weight:normal;
		border-left:1px solid rgba(0,0,0,0.15); 
		padding:0px 5px 0px 45px;
		margin-left:17px;
		background-image:url(images/marker-icon-orange-2x.png); 
		background-position:17px center; 
		background-size:15px; 
		background-repeat:no-repeat; 
		vertical-align:top;		
	}
	
	div.list-loading {
		width:100%;
		height:100%;
		position:fixed;
		top:0;
		left:0;
		z-index:1000;
		background:#f2f2f2;
		display:none;
	}

	div.list-loading span {
		width:100px;
		height:100px;
		margin:auto;
		position:absolute;
		top:0;
		bottom:0;
		left:0;
		right:0;
		z-index:1001;
		background:url('../img/icons/icon-loading.svg') no-repeat center / 100px; 
	}
	
	.results { 
		display:inline-block; 
		width:100%;
		position:absolute;
		left:10px; 
		right:0;
		bottom:0;
		text-align:left;		
	}
	
	.number-of-dealers { 
		font-size:16px; 
		display:inline-block; 
		width:auto; 
		vertical-align:top;
	}
	
	.brochure-spacer{ display:inline-block; width:100%;}
	
	.map-geo-error { display:inline-block; width:100%; background-color:rgba(190,20,20,0.20); color:#be1414; text-align:center; padding:5px 20px; box-sizing:border-box; }
	.map-geo-error.hidden { display:none; }
	
	.location-service-disabled-overlay {
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 1000;
		background: rgba(0, 0, 0, .5);
	}
	
	.location-service-disabled {
		width: 100%;
		max-width: 320px;
		height: 250px;
		margin: auto;
		padding: 30px;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 1001;
		background: #fff;
		-webkit-border-radius: 3px;
		-webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .1);
		box-sizing:content-box;
	}
	
	.location-service-disabled .title {
		margin-bottom: 10px;
		display: inline-block;
		font: 400 21px / 29px 'sofia-pro', sans-serif;
	}
	
	.location-service-disabled p {
		margin-bottom: 10px;
		display: inline-block;
		font: 400 15px / 24px 'sofia-pro', sans-serif;
	}
	
	.location-service-disabled p:last-of-type {
		margin-bottom: 0;
	}
	
	.location-service-disabled  #close-location-service-disabled {
		margin: 15px 0 0;
		padding: 6px 25px 10px;
		display: inline-block;
		background: #ff8286 no-repeat calc(100% - 15px) center / 30px;
		color: #fff;
		font-size: 16px;
		line-height: 24px;
		cursor: pointer;
		-webkit-border-radius: 3px;
		-webkit-transition: background ease 100ms;
	}
	
	@media only screen and (min-width:0) and (max-width:1280px) { 
		section.header {
			padding: 20px 10px;
			text-align:center;
		}
		
		section.header div.center {
			max-width: 1200px;			
			background: #fff url(../img/logo-hobby.svg) no-repeat 10px top / 175px 52px;
			min-height:52px;
			padding-right:20px;
		}
		
		section.header div.center .to-home {
			height:52px;
		}
		
		section.header nav {
			float:right;			
		}
		
		section.header nav a {
			padding: 16px 0 16px 20px;			
		}
		
		section.header nav a.active::after {
			left: 20px;
			right: 0px;			
		}
	}
	
	@media only screen and (min-width:0) and (max-width:1240px) { 
	
		.dealer-blocks {
			max-width: 100%;
			margin: 0;
			padding:10px 30px;
		}
	}
	
	@media only screen and (min-width:0) and (max-width:1200px) { 
	}
	
	@media only screen and (min-width:0) and (max-width:1100px) {
		
		.dealer-block {
			width: 50%;
		}
	
	}
	
	@media only screen and (min-width:0) and (max-width:900px) {
		
		section.header {
			top:0;
			position:fixed;
			padding:20px 0;
			z-index:10000;
		}
		
		section.header nav a {
			padding: 16px 20px 16px 20px;
		}
		
		section.header div.center { background: #fff url(../img/logo-hobby.svg) no-repeat 20px top / 175px 52px; }
		
		section.header nav a.active::after {
			left: 20px;
			right: 20px;
		}

		.contain-menu {
			display:none;
			position:absolute;
			left:0;
			right:0;
			background-color:#fff;
			top:79px;
		}
		
		.contain-menu:after {
			content:"";
			position:absolute;
			width:100%;
			bottom:1px;
			z-index:-1;
			box-shadow: 0 0 8px 2px rgba(0, 0, 0, .2);
			-webkit-box-shadow:0 0 8px 2px rgba(0, 0, 0, .2);
			left:0;
			right:0;
		}
		
		.contain-menu.visible {
			display:inline-block;
		}
		
		section.header nav div.mobile-button {
			display: inline-block;
		}	
		
		section.header div.center {
			position:relative;
		}
	}	
	
	@media only screen and (min-width:0) and (max-width:800px) {
		
		.dealer-block {
			width: 100%;
		}
		
		.dealer-blocks h1 {
			width: 100%;
		}
		
		section.header nav a {
			width:100%;
		}
		
		section.header nav a.active::after {
			display:none;
		}
		
		section.header nav a.active {
			font-weight:bold;
			background-color:rgba(158,195,222,0.3);
		}

		.contain-menu {
			padding-top:10px;
			padding-bottom:20px;
		}				
		
		.dealer-block-content {
			height: auto;
			padding: 20px 20px 20px 20px;
		}
		
		.companyaddress-block {
			position: static;
			padding:20px 0 0 0;
		}
		
		.dealer-blocks .catselector {
			text-align: left;
			width:100%;
		}
		
		.results { 
			width:auto;
			text-align:right;
			left:60%;
		}
		
		.number-of-dealers {
			font-size: 16px;
			display: inline-block;
			vertical-align: top;
			width: 100%;
			margin-bottom:5px;
		}
		
		.dealer-blocks .titleblock {
			padding-bottom: 0px;
		}
		
		.my-location {
			border-left: 0px solid rgba(0,0,0,0.15);
			padding: 0px 0px 0px 45px;
		}
		
		.dealer-blocks h1 {
			margin-bottom:30px;
		}
		
		.download-block { 
			width:50%; 
		}		
		
		.news {
			padding-right: 0px;
		}
		
		.news-sidebar {
			position: relative;
			width: 100%;
			padding: 0 0 30px 0;
			border-left: 0px;
			border-bottom: 1px solid rgba(0,0,0,0.1);
			display: inline-block;
			box-sizing: border-box;
			margin-bottom:30px;
		}	
	
	}	
	
	@media only screen and (min-width:0) and (max-width:650px) {
		
		.dealer-blocks {
			padding: 10px 15px;
		}
		
		.dealer-blocks h1 {
			text-align:center;
		}
		
		.dealer-blocks .catselector {
			text-align: center;
		}
		
		.results { 
			position:static;
			width:100%;
			text-align:center;
			margin-top:15px;			
		}
		
		.number-of-dealers {
			width: auto;
		}
		
		.my-location {
			border-left: 1px solid rgba(0,0,0,0.15);
			padding: 0px 5px 0px 45px;
		}
	
	}
	
	@media only screen and (min-width:0) and (max-width:500px) {
		.dealer-blocks h1 {
			font-size: 24px;
		}
		
		.dealer-blocks .catselector {
			font-size: 20px;
		}
		
		.download-block { 
			width:100%; 
		}
	}
	
	@media only screen and (min-width:0) and (max-width:400px) {
		
		body { padding-top:87px; }
		
		section.header div.center {
			background: #fff url(../img/logo-hobby.svg) no-repeat 10px center / 100px 30px;
			min-height: 40px;
			height: 40px;
			padding-left: 0px;
		}
		
		section.header div.center .to-home {
			width:120px; height:40px;
		}
		
		section.header nav div.mobile-button {
			margin-top:0px;
		}
		
		.dealer-blocks h1 {
			margin-bottom: 20px;
		}

		.dealer-blocks .catselector label {
			width:100%;
			display:inline-block;
			margin-top:10px;
		}
		
		.contain-menu {
			top: 67px;
		}
		
	}