@import "animate.css";
@import "font-awesome.css";
@font-face {
	font-family:"Open Sans";
	src:"../fonts/OpenSans-Regular.ttf";
}
@font-face {
	font-family:"font-awesome";
	src:"../fonts/font-awesome.ttf";
}
/*========================================================
                    Grid layout styles
=========================================================*/
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
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,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: top;
  font-family:"Myriad Light";
}
#footer {
	background:#000;
	width:100%;
}

.page-link {
	color:#000;
	text-decoration:underline;
}

	.page-link:hover {
		color:#a0b9ed;
	}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.container .alpha {
  margin-left: 0px;
}
.container .omega {
  margin-right: 0px;
}
.ml {
	margin-left:-12px;
	margin-top:2px;
}
.ml2 {
	margin-left:75px;
}
.row {
  margin-left: -30px;
}	
.row b {
	color:#a0b9ed;
}
.row h3 {
	margin-top:68px;
}
.row:before,
.row:after {
  display: table;
  content: "";
  line-height: 0;
}
.row:after {
  clear: both;
}

.row2 {
	position:relative;
	height:25px;
}
[class*="grid_"] {
  float: left;
  min-height: 1px;
  margin-left: 30px;
}
.container {
  width: 1170px;
}

.grid_18 {
	width:390px;
}
.grid_17 {
	width:280px;
}
.grid_16 {
	width:100px;
}
.grid_15 {
	width:530px;
}
.grid_14 {
	width:1140px;
}
.grid_13 {
	width:555px;
}
.grid_12 {
  width: 1170px;
}
.grid_11 {
  width: 1070px;
}
.grid_10 {
  width: 970px;
}
.grid_9 {
  width: 870px;
}
.grid_8 {
  width: 770px;
}
.grid_7 {
  width: 670px;
}
.grid_6 {
  width: 570px;
}
.grid_5 {
  width: 470px;
}
.grid_4 {
  width: 370px;
}

	.grid_4 .start_vak {
		background:#FFFFFF;
		margin-top:37px;
		padding:20px;
	}
		
	.start_row:after, .start_row::after {
		position: absolute;
		top: 100%;
		left: 50%;
		margin-left: -50px;
		content: '';
		width: 0;
		height: 0;
		border-top: solid 40px #ebebeb;
		border-left: solid 40px transparent;
		border-right: solid 40px transparent;	
		z-index:10;
	}

	
.grid_3 {
  width: 760px;
}
.grid_2 {
  width: 95%;
}
.grid_1 {
  width: 100%;
}
.preffix_12 {
  margin-left: 1230px;
}
.preffix_11 {
  margin-left: 1130px;
}
.preffix_10 {
  margin-left: 1030px;
}
.preffix_9 {
  margin-left: 930px;
}
.preffix_8 {
  margin-left: 830px;
}
.preffix_7 {
  margin-left: 730px;
}
.preffix_6 {
  margin-left: 630px;
}
.preffix_5 {
  margin-left: 530px;
}
.preffix_4 {
  margin-left: 430px;
}
.preffix_3 {
  margin-left: 330px;
}
.preffix_2 {
  margin-left: 230px;
}
.preffix_1 {
  margin-left: 130px;
}
.container {
  margin-right: auto;
  margin-left: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.container:before,
.container:after {
  display: table;
  content: "";
  line-height: 0;
}
.container:after {
  clear: both;
}

.vest_link {
	text-transform:lowercase;
}

.vest_link:hover {
	color:#000;
	cursor:pointer;
}

.contact_link {
	text-decoration:underline;
}

.contact_link:hover {
	color:#a0b9ed;
}

#indicatief {
	font-size:14px;
	height:14px;
	vertical-align:middle;
	line-height:10px;
	text-align:left;
}

.andere_logo {
	width:90px;
	height:90px;
	position:relative;
	float:left;
	margin-left:10px;
	margin-top:10px;
}

	.andere_logo img {
		min-width:90px;
		max-width:90px;
		width:90px;
		min-height:90px;
		max-height:90px;
		height:90px;
		border:1px solid #CCC;
		border-radius:4px;
	}
	
	.andere_logo img:hover {
		cursor:pointer;
		border:1px solid #a0b9ed;
	}
	
#repair_circle {
	width:200px;
	height:200px;
	border-radius:50%;
	position:absolute;
	left:350px;
	top:10px;
	z-index:100;
	background:#a0b9ed;
	color:#FFF;
}
	#repair_circle label {
		position:absolute;
		top:30px;
		letter-spacing:.02em;
		vertical-align:middle;
		line-height:28px;
		width:200px;
		text-align:center;
		text-transform:uppercase;
		font-size:20px;
		font-weight:bold;
		font-family:Tahoma, Geneva, sans-serif;
	}
	
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
  .grid_4 {
	  width:200px;
  }
  .grid_3 {
	  width:450px;
  }
  
  .container {
	margin-left:0px;
  }
  
  #repair_circle {
		width:120px;
		height:120px;
		left:230px;
		top:10px;
	}
	#repair_circle label {
		top:15px;
		line-height:18px;
		width:120px;
		font-size:12px;
	}
	.grid_18 {
		width:220px;
	}
	.grid_17 {
		width:200px;
	}
}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
	.grid_4 {
	  width: 280px;
	}
	.grid_3 {
	  width: 590px;
	}
	
	.container {
		margin-left:15px;
	}
	
	#repair_circle {
		width:160px;
		height:160px;
		left:300px;
		top:15px;
	}
	#repair_circle label {
		top:25px;
		line-height:22px;
		width:160px;
		font-size:17px;
	}
	
	.grid_18 {
		width:300px;
	}
	.grid_17 {
		width:240px;
	}
}
@media (min-width: 980px) and (max-width: 1199px) {
  .row {
    margin-left: 0px;
  }
  .row:before,
  .row:after {
    display: table;
    content: "";
    line-height: 0;
  }
  .row:after {
    clear: both;
  }
  [class*="grid_"] {
    float: left;
    min-height: 1px;
    margin-left: 20px;
  }
  .container {
    width: 940px;
  }
  .grid_15 {
	width:430px;
  }
  .grid_12 {
    width: 940px;
  }
  .grid_11 {
    width: 860px;
  }
  .grid_10 {
    width: 780px;
  }
  .grid_9 {
    width: 700px;
  }
  .grid_8 {
    width: 620px;
  }
  .grid_7 {
    width: 540px;
  }
  .grid_6 {
    width: 460px;
  }
  .grid_5 {
    width: 380px;
  }
  .preffix_12 {
    margin-left: 980px;
  }
  .preffix_11 {
    margin-left: 900px;
  }
  .preffix_10 {
    margin-left: 820px;
  }
  .preffix_9 {
    margin-left: 740px;
  }
  .preffix_8 {
    margin-left: 660px;
  }
  .preffix_7 {
    margin-left: 580px;
  }
  .preffix_6 {
    margin-left: 500px;
  }
  .preffix_5 {
    margin-left: 420px;
  }
  .preffix_4 {
    margin-left: 340px;
  }
  .preffix_3 {
    margin-left: 260px;
  }
  .preffix_2 {
    margin-left: 180px;
  }
  .preffix_1 {
    margin-left: 100px;
  }
  
  #repairlist {
	  width:940px;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  .row {
    margin-left: 0px;
  }
  .row:before,
  .row:after {
    display: table;
    content: "";
    line-height: 0;
  }
  .row:after {
    clear: both;
  }
  [class*="grid_"] {
    float: left;
    min-height: 1px;
    margin-left: 20px;
  }
  .container {
    width: 700px;
  }
  .grid_15 {
	with: 340px;
  }
  .grid_12 {
    width: 748px;
  }
  .grid_11 {
    width: 684px;
  }
  .grid_10 {
    width: 620px;
  }
  .grid_9 {
    width: 556px;
  }
  .grid_8 {
    width: 492px;
  }
  .grid_7 {
    width: 428px;
  }
  .grid_6 {
    width: 364px;
  }
  .grid_5 {
    width: 300px;
  }
  .preffix_12 {
    margin-left: 788px;
  }
  .preffix_11 {
    margin-left: 724px;
  }
  .preffix_10 {
    margin-left: 660px;
  }
  .preffix_9 {
    margin-left: 596px;
  }
  .preffix_8 {
    margin-left: 532px;
  }
  .preffix_7 {
    margin-left: 468px;
  }
  .preffix_6 {
    margin-left: 404px;
  }
  .preffix_5 {
    margin-left: 340px;
  }
  .preffix_4 {
    margin-left: 276px;
  }
  .preffix_3 {
    margin-left: 212px;
  }
  .preffix_2 {
    margin-left: 148px;
  }
  .preffix_1 {
    margin-left: 84px;
  }
  
  #repairlist {
	  width:748px;
  }
  
  #repair_right {
	  display:none;
  }
  .select-menu {
	  display: none !important;
  } 
 }
@media (max-width: 767px) {
  .container {
    width: 420px;
    padding: 0 0px;
  }
  .row {
    margin-left: 0;
  }
  [class*="grid_"] {
    float: none;
    display: block;
    width: 100%;
    margin-left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .select-menu {
    display: block !important;
  }
  
  #v_formulier {
	  border:1px solid red;
  }
  #g_map {
	display:none;
  }
}
@media (max-width: 479px) {
  body {
    padding: 0;
  }
  .container {
    width: 300px;
    padding: 0 15px;
  }
  .row {
    margin-left: 0;
  }
  #g_map {
	display:none;
  }
}

/*========================================================
                    Main layout styles
=========================================================*/
body {
  background:#FFF;
  font: 14px/24px "Arial";
  color: #000000;
  overflow:auto;
}
a {
  text-decoration: none;
  color: inherit;
}
a:hover {
  color: #ffffff;
}
.link-inverse-color a:hover {
  color: #2a2a2a;
}
.link-light-color a:hover {
  color: #a0b9ed;
}
.star { font-size:9px; margin-left:-15px; }
#bullets {
	position:relative;
	float:right;
	margin-top:2%;
	margin-bottom:2%;
	margin-right:5%;
}
	.bullet {
		background:url("../images/check.png");
		background-position:left;
		background-size:contain;
		background-repeat:no-repeat;
		padding-top:5px;
		padding-left:30px;
		height:20px;
		line-height:16px;
		font-size:16px;
		text-transform:uppercase;
		vertical-align:middle;
		text-align:left;
		color:#000;
	}
	
	.bullet a {
		color:#a0b9ed;
	}
	
	.bullet a:hover {
		color:#000;
	}

.whois {
	padding-top:5px;
	padding-left:30px;
	line-height:16px;
	font-size:16px;
	vertical-align:middle;
	text-align:left;
	color:#000;
}

	.whois_white {
		background:url("../images/whois.png");
		background-position:0px 4px;
		background-repeat:no-repeat;
		background-size:20px 20px;
	}
	
	.whois_red {
		background:url("../images/whois_red.png");
		background-position:0px 4px;
		background-repeat:no-repeat;
		background-size:20px 20px;
	}

#slider {
	left:0px;
	width:1120px;
	height:309px;
	top:0px;
	background-color:#FFF;
	position:relative;
	padding-bottom:0px;
}

	#slider img {
		height:339px;
		width:1170px;
	}
	
	#slider #slider_pos {
		position:absolute;
		z-index:10;
		bottom:-20px;
		left:50%;
		width:78px;
		margin-left:-39px;
	}
	
		#slider #slider_pos img {
			width:13px;
			height:13px;
			margin:2px;
		}

	
	#slider_msg {
		position:absolute;
		width:400px;
		font-size:50px;
		line-height:55px;
		text-transform:uppercase;
		color:#000;
		font-family:"Open Sans",sans-serif;
		right:0px;
		vertical-align:middle;
		text-align:left;
		height:160px;
		top:50%;
		margin-top:-80px;
	}
	
	#slider_msg #slider_button {
		position:absolute;
		font-size:16px;
		left:0px;
		bottom:0px;
		color:#00F;
		height:30px;
		line-height:30px;
		vertical-align:middle;
		font-family:"Open Sans",sans-serif;
		text-transform:none;
		text-decoration:underline;
	}
	
		#slider_msg #slider_button:hover {
			cursor:pointer;
			color:#000;
		}
				
		#header_slider .row .mt { margin-top:35px; }
	
#winkelpunten {
	position:relative;
	width:100%;
	background:#CCC;
	color: #a0b9ed;
	font-size:14px;
	line-height:18px;
	vertical-align:middle;
	padding:5px 0px;
	overflow:hidden;
}
	
	#winkelpunten b {
		font-weight:bold;
		text-transform:uppercase;
		float:left;
		position:relative;
		display:block;
		padding-right:3%;
	}
	
	#winkelpunten h7 {
		float:left;
		position:relative;
		display:block;
		padding-right:3%;
	}
	
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  color: #2a2a2a;
  text-transform: uppercase;
}
h1 {
  font-size: 60px;
  color: #ffffff;
}
h2 {
  font-size: 50px;
  line-height: 50px;
}
h3 {
  margin-top: 25px;
  font-size: 40px;
  line-height: 40px;
  vertical-align:baseline;
}

	h3 span {
		line-height:38px;
		font-size:42px;
		vertical-align:baseline;
	}
h4 {
  margin-top: 25px;
  font-size: 30px;
  font-weight: 300;
  line-height: 35px;
  vertical-align:middle;
}

	h4 span {
		line-height:33px;
		font-size:32px;
		vertical-align:baseline;
	}
h5 {
  margin-top: 25px;
  font-size: 20px;
  font-weight: 400;
  color: #000000;
  line-height: 25px;
  padding-left: 10px;
}
h6 {
  margin-top: 12px;
  font-size: 15px;
  font-weight: 300;
  color: #2a2a2a;
  line-height: 25px;
}

.red_title {
	background:#a0b9ed;
	color:#FFF;
	height:40px;
	line-height:40px;
	vertical-align:middle;
	font-size:18px;
	padding-left:10px;
	text-transform:uppercase;
}

.normal_title {
	color:#000;
	height:40px;
	line-height:40px;
	vertical-align:middle;
	font-size:18px;
	padding-left:10px;
	text-transform:uppercase;
	width:100%;
}

p {
  padding-top: 24px;
  padding-left:10px;
}
p.p-inset-1 {
  padding-top: 37px;
}
p.p-inset-2 {
  padding-top: 12px;
}
p.p-inset-3 {
  padding-top: 50px;
}
p.p-inset-4 {
  padding-top: 41px;
}	
p.p-inset-5 {
  padding-top: 26px;
}
p.p-inset-6 {
  padding-top: 17px;
}
p.p-inset-7 {
  padding-top: 42px;
}
p.p-inset-8 {
  padding-top: 13px;
}
p.p__lh {
  line-height: 23px;
}
.font__ls {
  letter-spacing: -3px;
}
.font-color-1 {
  color: #ffffff;
}
.font-color-2 {
  color: #a0b9ed;
}
.font-color-3 {
  color: #2a2a2a;
}
.font-color-4 {
	color:#000;
}
.font-weight-light {
  font-weight: 300;
}
.font-weight-dark {
	font-weight:800;
}
.center-object {
  text-align: center;
}
.stick-to-right {
  float: right;
}
.offset-1 {
  margin-top: 50px;
}
.offset-2 {
  margin-top: 82px;
}
.offset-3 {
  margin-top: 72px;
}
.offset-4 {
  margin-top: 93px;
}
.offset-5 {
  margin-top: 32px;
}
.offset-6 {
  margin-top: 6px;
}
.offset-7 {
  margin-top: 109px;
}
.offset-8 {
  margin-top: 12px;
}
.offset-9 {
  margin-top: 114px;
}
.offset-10 {
  margin-top: 37px;
}
.offset-11 {
  margin-top: 88px;
}
.offset-12 {
  margin-top: 118px;
}
.offset-13 {
  margin-top: 24px;
}
.offset-14 {
  margin-top: 117px;
}
.clear {
  clear: both;
}

.phone_info:hover {
	color:#a0b9ed;
	cursor:pointer;
}

#b2b_page .row, #impressum_page .row {
	font-size:24px;
	line-height:40px;
	vertical-align:middle;
	text-align:center;
}

	#impressum_page .row a:hover { color:#a0b9ed; }

#aankoop_info .row {
	width:100%;
	height:auto;
}

	#aankoop_info img {
		width:20%;
		min-width:20%;
		max-width:20%;
		float:left;
	}
	
	#aankoop_info a {
		color:#a0b9ed;
	}
	
	#aankoop_info a:hover {
		color:#000;
		text-decoration:underline;
	}	
	
		#aankoop_info img.large {
			width:50%;
			min-width:50%;
			max-width:50%;
			float:left;
		}
		
		#aankoop_info span.large {
			width:43%;
			margin-left:6%;
			float:left;
		}
		
		#aankoop_info ol {
			list-style:disc;
			margin-left:4%;
		}
	
	#aankoop_info span {
		float:left;
		width:75%;
		margin-left:2%;
	}

.aankoop_row {
	position:relative;
	height:25px;
	width:100%;
}

.titel {
	width:100%;
	font-size:20px;
	font-weight:500;
	color:#000;
	position:relative;
	margin-top:30px;
	text-align:center;
}

	.header {
		font-weight:bold;
		height:60px;
	}
	
	.header2 {
		font-weight:bold;
		height:30px;
	}

.col1 {
	width:150px;
	float:left;
}
.col2 {
	width:100px;
	float:left;
}

.col3 {
	width:490px;
	float:left;
}
.col4 {
	width:200px;
	float:left;
}

.float {
	float:left;
}

.highlight {
	border-bottom:1px solid gray;
}
	.highlight:hover {
		background-color:#a0b9ed;
		color:#FFF;
	}
	
.bottomline {
	padding-bottom:20px;
	border-bottom: 1px solid #e9e9e9;
}

	.bottomline b {
		color:#a0b9ed;
		font-weight:normal;
	}
	
	.bottomline u {
		text-decoration:none;
		color:#000;
	}
	
.google-maps {
	position: relative;
	height: 275px;
	overflow: hidden;
	padding: 0px;
	margin-top:20px;
}

.google-maps iframe {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100% !important;
	height: 100% !important;
	padding:0px;
	margin:0px;
}

.cust_header {
	width:100%;
	position:relative;
	font-size:14px;
	color:#a0b9ed;
	margin-left:20px;
	margin-top:20px;
}

	.cust_header img {
		width:55px;
		height:55px;
		position:absolute;
		left:0px;
		top:0px;
	}
	
	.cust_header span {
		width:100%;
		padding-left:65px;
		position:relative;
		height:16px;
		vertical-align:middle;
		float:left;
	}
		
.cust_text {
	width:100%;
	position:relative;
	font-size:14px;
	color:#000;
	padding-top:25px;
	margin-left:20px;
}
	.cust_text img {
		width:14px;
		height:14px;
	}

.promo {
	background-color:#a0b9ed;
	color:#FFF;
}
/*========================================================
					AANKOOP.php styles
=========================================================*/
select.aankoop {
	height:25px;
	width:70%;
	font-size:17px;
	color:#000;
	position:relative;
	margin-left:0px;
	margin-top:15px;
}

/*========================================================
					AFSPRAAK.php styles
=========================================================*/
#choise_link {
	text-decoration:underline;
}

#choise_link:hover {
	color:#a0b9ed;
}
/*========================================================
                    HEADER styles
=========================================================*/
#header {
  margin-top: 8px;
  margin-bottom: 8px;
}
/* Main menu styles
========================================================*/
header #login_menu {
	position:absolute;
	right:10px;
	top:5px;
	width:380px;
	height:15px;
	font-size:12px;
	line-height:15px;
	vertical-align:middle;
}

	#login_welkom {
		position:absolute;
		left:0px;
		width:275px;
		height:15px;
		text-align:right;
		line-height:15px;
	}
	
	#login_taal {
		position:absolute;
		right:0px;
		top:0px;
		width:85px;
		height:15px;
		background:url(../images/arrow_down.png) no-repeat;
		background-position:70px;
	    display: inline-block;
	  }
	
		#login_taal select {
			appearance:none;
			-webkit-appearance: none;
			-moz-appearance:none;
			background: transparent;
			width: 85px;
		    font-size: 12px;
		    border: 0;
		    height: 100%;
		    position: absolute;
			left: 0;
		    top: 0;
			color:#000;
			margin-top:-1px;
		}
		
		#login_taal select option {
			background:#FFF;
			color:#000;
		}
		
		#login_taal select:hover {
			background:url(../images/arrow_down_red.png) no-repeat;
			background-position:70px;
		}
		
		.login_link:hover {
			cursor:pointer;
			color:#a0b9ed;
		}

header nav {
  float: right;
  font: 600 14px 'Open Sans', sans-serif;
  text-transform: uppercase;
  display: inline-block;
  width:100%;
  position:relative;
  z-index:2000;
}
.sf-menu {
  margin-top: 30px;
  float: right;
  display: block;
}

.sf-menu-drop {
	width:80%;
	border:#CCC;
}

.sf-menu > li {
  float: left;
  position: relative;
}

.sf-menu > li > a {
  display: block;
  margin-left: 29px;
  color:#000;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
.sf-menu > li > a:hover {
  color: #a0b9ed;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
.sf-menu > li.current > a {
  color: #a0b9ed;
}
.sf-menu > li.sfHover > a {
  color: #a0b9ed;
}
.sf-menu a {
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
.sf-menu a:hover {
  color: #a0b9ed;
}
.sf-menu li:hover > ul {
	display:block;
}

.select-menu {
  font: 14px/24px "Arial";
  color: #2a2a2a;
  border: 2px solid #9e9e9e;
  display:none;
}

/* First level sub-menu styles
========================================================*/
.sf-menu ul:before {
	content:"";
	position:absolute;
	height:45px;
	top:-41px;
	background:none;
	width:150px;
	min-width:150px;
	left:50%;
	margin-left:-75px;
	z-index:200;
	background:url("/images/arrow_up_menu.png");
	background-position:bottom;
	background-repeat:no-repeat;
	background-size:15px;
}
.sf-menu ul {
  position: absolute;
  top: 54px;
  left: 50%;
  margin-left: -103px;
  background: #ffffff;
  padding: 30px 0;
  width: 234px;
  z-index: 200;
  display: none;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border:1px solid #000000;
}
.sf-menu ul li {
  line-height: 30px;
  position: relative;
}
.sf-menu ul li a {
  color: #2a2a2a;
}
.sf-menu ul li a:hover {
  color: #a0b9ed;
}
.sf-menu ul li.sfHover > a {
  color: #a0b9ed;
}
/* Second level sub-menu styles
========================================================*/
nav .nav-arrow-2:before {
  content: '';
  position: absolute;
  top: 10px;
  right: 100%;
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 5px solid #2a2a2a;
}
.sf-menu ul ul {
  position: absolute;
  top: 0px;
  left: 358px;
  background: #2a2a2a;
  padding: 30px 0;
  z-index: 4;
}
.sf-menu ul ul li {
  line-height: 30px;
}
.sf-menu ul ul li a {
  color: #ffffff;
}

.lst-default {
	list-style:decimal;
	margin-left:40px;
}
.normal_list {
	list-style:none;
	padding-left:0px;
}

.normal_list li:before {
    content: "* ";
    color: #a0b9ed; /* or whatever color you prefer */
}

@media only screen and (max-width: 767px) {
  .sf-menu {
    display: none;
  }
  .select-menu {
    display: block;
    width: 100%;
  }
  .red_title {
	font-size:14px;
  }
	
  .normal_title {
	font-size:14px;
  }
}
/*========================================================
                RESPONSIVE LAYOUTS STYLES 
=========================================================*/
@media only screen and (max-width: 979px) {
  .sf-menu {
	  font-size:12px;
  }
  
  .sf-menu > li > a {
    margin-left: 10px;
  }
  
 h4 { 
  	font-size:24px;
	line-height: 30px;
 }
   
 #bullets {
	 margin-right:5px;
 }
  
	 .bullet {
		padding-left:15px;
		font-size:10px;
		line-height:11px;
		vertical-align:middle;
		height:11px;
	  }
}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
  .sf-menu {
	  font-size:12px;
  }
  
  h4 { 
  	font-size:24px;
	line-height: 30px;
 }
   
 #bullets {
	 margin-right:90px;
 }
  
	 .bullet {
		padding-left:25px;
		font-size:9px;
		line-height:12px;
		vertical-align:middle;
		height:12px;
	  }
	  
   .red_title {
		height:30px;
		line-height:30px;
		font-size:12px;
		padding-left:10px;
	}
	
	.normal_title {
		height:30px;
		line-height:30px;
		font-size:12px;
		padding-left:10px;
	}
	
	.cust_header {
		font-size:12px;
		margin-left:10px;
	}
	
	.cust_header img {
		width:45px;
		height:45px;
	}
	
	.cust_header span {
		padding-left:55px;
		height:16px;
	}
		
	  .cust_text {
		font-size:12px;
		padding-top:25px;
		margin-left:10px;
	  }
	  
	.cust_text img {
		width:12px;
		height:12px;
	}

}


@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {   
 .sf-menu {
	  font-size:12px;
  }
 #bullets {
	 margin-right:60px;
 }
  
	 .bullet {
		font-size:12px;
		line-height:14px;
		height:14px;
	  }
		  
	 .red_title {
		height:30px;
		line-height:30px;
		font-size:14px;
		padding-left:10px;
	}
	
	.normal_title {
		height:30px;
		line-height:30px;
		font-size:14px;
		padding-left:10px;
	}
}
@media only screen and (max-width: 767px) {
  nav {
    float: none;
  }
  .sf-menu {
    float: none;
    width: 100%;
    margin-top: 50px;
	font-size:12px;
  }
}

/* Stuck menu styles
========================================================*/
.isStuck {
  background: #2a2a2a;
  padding: 8px 0;
  z-index: 999;
}

.isStuck h1 {
  font-size: 40px;
}
.isStuck .slogan {
  margin-top: 5px;
  margin-left: 50px;
}
.isStuck .sf-menu {
  margin-top: 18px;
}
@media only screen and (max-width: 1199px) {
  .isStuck .logo-image {
    width: 10%;
  }
  h3 {
	  font-size: 35px;
	  line-height: 35px;
  }

}
@media only screen and (max-width: 979px) {
  .isStuck {
    display: none !important;
  }
  
  h3 {
	  font-size:30px;
	  line-height:30px;
  }
}
.logo-image {
  float: left;
  margin-right: 22px;
}
.logo-box {
  display: block;
  position: relative;
  margin-top: 8px;
}
.slogan {
  font: 300 14px 'Open Sans', sans-serif;
  color: #838383;
  text-transform: uppercase;
  margin-left: 70px;
  margin-top: 20px;
}

/*=======================================================
					LOGIN button
========================================================*/
#loginbox {
	position:absolute;
	width:400px;
	height:150px;
	z-index:102;
	margin:0 auto;
	border-radius:10px;
	background-color:#a0b9ed;
	display:none;
}

#filter {
	position:absolute;
	width:100%;
	opacity:0.4;
    filter: alpha(opacity=40);
	background-color:#999;
	z-index:101;
	display:none;
}

.login_row {
	height:25px;
	width:350px;
	position:relative;
	color:#FFF;
	padding-left:30px;
	margin-top:5px;
}
	.mt {
		margin-top:25px;
	}
	
	.mt2 { 
		margin-top:-5px;
	}
	
	.mt3 {
		margin-top:20px;
	}
	
	.mt4 {
		margin-top:-15px;
	}
	
	.mt5 {
		margin-top:45px;
	}
	
	.mt6 {
		margin-top:2px;
	}
	
	.mt7 {
		margin-top:120px;
	}
	
	.mt8 {
		margin-top:20px;
	}
	
	.mt9 { margin-top:175px; }

	.login_row label {
		position:absolute;
		left:165px;
	}
	
	.login_row input {
		width:200px;
		height:20px;
		padding-left:2px;
		border-radius:5px;
		border:none;
		background-color:#FFF;
	}
	
	.pass_reveal {
		position:absolute;
		right:15px;
		top:4px;
		height:15px;
		width:15px;
		background:url(../images/reveal_pass.png) center no-repeat;
		background-size:13px 10px;
	}
	
	#pass_reveal:hover {
		cursor:pointer;
		background-size:15px; 11px;
		background-image:url(../images/reveal_pass.png) center no-repeat;
	}
	
	.login_row #pass_reveal:hover > .login_row #pass_reveal img {
		height:12px;
		width:15px;
	}
	
	.login_row .button {
		margin-top:10px;
		width:100px;
		height:40px;
		vertical-align:middle;
		line-height:40px;
		background-color:#CCC;
		text-align:center;
		border-radius:5px;
		color:#752e21;
	}
	
	.login_row .button:hover {
		cursor:pointer;
		color:#a0b9ed;
	}
	
	.login_row .left {
		position:absolute;
		left:20px;
		top:0px;
	}
	
	.login_row .right {
		position:absolute;
		right:10px;
		top:0px;
	}
	
	.login_row .center {
		margin:0 auto;
	}
	
	#loginbox .error {
		height:50px;
		text-align:center;
	}
	
.errormsg {
	color:#a0b9ed;
}
/*========================================================
                    CONTENT styles
=========================================================*/
#content {
  padding: 0 0 0 0;
  background: #ffffff;
  overflow: hidden;
  position:relative;
  width:100%;
  margin:auto;
}
.custom-text-1 {
  margin-top: 27px;
  font: 300 21px/30px 'Open Sans', sans-serif;
  /*color: #933928;*/
  color:#752e21;
  font-weight:500;
  text-align: center;
  padding: 0 200px;
  text-transform: uppercase;
}

	.custom-text-1 b {
		font-weight:normal;
		color:#FFF;
	}
	
.custom-text-2 {
  display: inline-block;
  margin-top: 13px;
  padding-right: 8px;
  font: 600 30px/10px 'Open Sans', sans-serif;
  color: #a0b9ed;
  text-transform: uppercase;
}
.custom-text-3 {
  margin-top: 27px;
  font: 300 21px/30px 'Open Sans', sans-serif;
  color: #ffffff;
  text-align: center;
  padding: 0 20px;
  text-transform: uppercase;
}
.block-1 {
  text-align: center;
  margin:50px 0px;
}

.block-3 {
	text-align:left;
}

.block-10 {
	width:370px;
	background:#6e6e6e;
	height:300px;
	padding-top:30px;
	float:left;
	text-align:center;
}

.block-11 {
	padding-top:50px;
	width:370px;
	background:#9f9d97;
	height:300px;
	float:left;
	margin:0px 45px;
	text-align:center;
}

.block-2 {
  background: #a0b9ed;
  padding: 14px 0 43px 0;
}
.icon-fa {
  float: left;
  padding-right: 12px;
  color: #a0b9ed;
  font-size: 20px;
}
.h-line {
  border: none;
  background-color: #fbfbfb;
  height: 1px;
  margin-top: 27px;
}
.page-head-box {
  position: relative;
  height: 270px;
}
.custom-img-1,
.custom-img-2,
.custom-img-3 {
  position: absolute;
}
.custom-img-1 {
  bottom: 0;
  width:175px;
  margin-left:115px;
}
.custom-img-2 {
  width: 240px;
  left: 50%;
  bottom: 0;
  margin-left:-110px;
}
.custom-img-3 {
  right: 0;
  bottom: 0;
  width:400px;
  margin-left:100px;
}

.info-blok {
	position:relative;
	margin-top: 50px;
	overflow:auto;
}
.info-blok-2 {
  margin-top: 66px;
}
.info-img {
  position:relative;
  float: left;
  margin-top: 8px;
  margin-right: 5px;
  width:150px;
  min-width:150px;
}

	.info-img img {
		width:150px;
		max-width:150px;
	}
	
	.info-img img:hover {
		cursor:pointer;
	}
	
	.info-img h6 {
		width:150px;
		max-width:150px;
	}

.info-data {
  display: block;
  font: 300 15px/25px 'Open Sans', sans-serif;
  color: #5d6166;
  text-transform: uppercase;
  overflow:hidden;
  white-space: nowrap;
  text-align:left;
  float:left;
  width:610px;
  margin-top:8px;
  min-height:250px;
}

.info-data .row {
	height:25px;
	line-height:25px;
	vertical-align:middle;
	margin-top:2px;
	float:left;
	margin-left:2px;
	padding-left:0px;
}

.info-data .row_difference {
	height:24px;
	line-height:24px;
	vertical-align:middle;
	margin-top:2px;
	float:left;
	margin-left:2px;
	padding-left:0px;
	border-bottom:1px solid #CCC;
	position:relative;
}

.info-data .tooltip {
	width:245px;
	height:90px;
	border:1px solid black;
	display:none;
	position:absolute;
	top:23px;
	right:0%;
	z-index:10000;
	line-height:23px;
	text-align:left;
	background:#FFF;
	text-transform:none;
	padding:2px;
	border-radius:4px;
	word-wrap:break-word;
	white-space:normal;
	font-size:11px;
	vertical-align:middle;
}

	.info-data .tooltip img { width:20px; height:20px; }

	.info-data .tooltip .tooltip_readmore {
		position: absolute;
		bottom: 4px;
		right: 4px;
		color:#0000EE;
	}
		
		.info-data .tooltip .tooltip_readmore:hover {
			cursor:pointer;
			color:#551A8B;
		}		

.info-data th {
  text-align: left;
}
.info-data .th-1 {
  padding-right:15px;
  width:285px;
  min-width:285px;
  float:left;
}
	.info-data .th-1 sup {
		vertical-align:super;
		font-size:x-small;
		vertical-align: baseline;
	    position: relative;
	    top: -0.5em;
	}
	
.info-data .th-2 {
  padding-right:5px;
  width:50px;
  min-width:50px;
  float:left;
}
.info-data .th-3 {
  color: #bab9b9;
  width: 150px;
  min-width:150px;
  float:left;
}
	.info-data .th-3:hover {
		cursor:pointer;
		color:#a0b9ed;
	}
	
	.info-data .th-3 a { color: #a0b9ed; }
	.info-data .th-3 a:hover { color:#000000; } 
	
.info-data .th-4 {
	width:445px;
}

.info-data .th-5 {
	color:#bab9b9;
	width:30px;
	min-width:30px;
	float:left;
}
	.info-data .th-5:hover {
		cursor:pointer;
		color:#a0b9ed;
	}
	
	.info-data .th-5 img, .info-data .th-6 img {
		width:25px;
		height:25px;
		border:none;
	}
	
	.info-data .th-5 a:hover { color:#a0b9ed; } 

.info-data .th-6 {
	width:70px;
	min-width:70px;
	text-align:center;
	float:left;
}

.info-data .th-7 {
	width:590px;
	min-width:590px;
	vertical-align:middle;
	text-align:center;
	margin-top:4px;
}

	.info-data .th-7 img {
		width:12px;
		height:12px;
		margin-right:4px;
		margin-top:5px;
	}
	
	.info-data .th-7 .show_repairs       { color:#a0b9ed; }
	.info-data .th-7 .show_repairs:hover { color:#000000; cursor:pointer; }

.info-data .th-8 {
	width: 150px;
	min-width: 150px;
	font-size: 14px;
	color:#0000EE;
	text-transform:none;
	text-align:left;
	float:left;
}

	.info-data .th-8:hover {
		cursor:pointer;
		color:#551A8B;
	}

.post {
  margin-top: 75px;
}
.post-1 {
  margin-top: 45px;
}
.post_block {
  position: relative;
  display: block;
  padding-left: 101px;
  padding-right: 143px;
}
.post > .calendar-date {
  margin-top: 4px;
  font: 600 65px/48px 'Open Sans', sans-serif;
  color: #a0b9ed;
  text-transform: uppercase;
  float: left;
}
.post > .calendar-date > span {
  display: block;
  font-size: 30px;
  color: #2a2a2a;
  font-weight: 300;
  text-align: center;
  margin-right: 39px;
}
.post_image {
  margin-top: 4px;
  margin-right: 30px;
  float: left;
}
.post-icon-fa {
  float: left;
  padding-right: 12px;
  color: #a0b9ed;
  font-size: 20px;
}
.post-user {
  margin-top: 9px;
  float: left;
  padding-right: 34px;
}
.post-user-2 {
  margin-top: 9px;
}
.post-pad {
  padding-right: 8px;
}
.contact_adrress {
  margin-top: 12px;
}
.contact_adrress span {
  float: left;
  text-align: left;
}
dl dd {
  display: block;
  text-align: right;
  width: 206px;
}
.map {
  margin-top: 36px;
}
.map_c {
  position: relative;
  overflow: hidden;
  width: 428px;
  height: 300px;
  margin-top: 12px;
}

#info_detail {
	width:100%;
	position:relative;
}

	#info_detail img {
		float:left;
		margin:10px;
		max-width:25%;
	}
	
	#info_detail .btn-default {
		margin:auto;
		position:relative;
		margin-top:25px;
	}
/*========================================================
                    BACKGROUND BLOK styles
=========================================================*/
.bg-color-2 {
  background: #000000;
  position:relative;
}
.bg-color-3 {
  background: #f8f8f8;
  position:relative;
}
.bg-color-4 {
  background: #ebebeb;
  position:relative;
}
.bg-color-5 {
	background:#6e6e6e;
	position:relative;
}
.bg-color-6 {
	background:#a0b9ed;
	position:relative;
}
.bg-color-7 {
	background:#9d9b96;
	position:relative;
}
.bg-color-8 {
	background:#e8e8e8;
	position:relative;
}
.bg-color-9 {
	background:#ffffff;
	position:relative;
}
.bg-overlay {
	background:#a0b9ed;
	opacity:0.9;
	filter: alpha(opacity=90);
	position:absolute;
	z-index:1;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
}
.bg-inset-0 {
	padding-bottom:40px;
}
.bg-inset-1 {
  padding-bottom: 80px;
}
.bg-inset-2 {
  padding-bottom: 111px;
}
.bg-inset-3 {
  margin-bottom: 124px;
  position:relative;
}
.bg-inset-4 {
  padding-bottom: 12px;
}
.bg-inset-5 {
  padding-bottom: 72px;
}
.bg-inset-6 {
  padding-bottom: 121px;
}
.bg-inset-6 {
  padding-bottom: 134px;
}
.bg-inset-7 {
  padding-bottom: 30px;
}
.bg-offset-1 {
  margin-top: 1px;
}
/*========================================================
                    BUTTON styles
=========================================================*/
.btn-index {
	position:relative;
	background:#a0b9ed;
	color:#FFF;
	margin-left:0px;
	margin-top:10px;
	height:43px;
}	
	.btn-index a {
		font-size:32px;
		position:relative;
		padding-left:10px;
		line-height:46px;
		vertical-align:middle;
		text-transform:uppercase;
	}
	
	.btn-index span {
		font-size:12px;
		position:absolute;
		bottom:4px;
		left:10px;
	}

.btn-white {
  background: #ffffff;
  display: inline-block;
  color: #a0b9ed;
  text-align: center;
  text-transform: uppercase;
  padding: 5px 20px;
  margin-top: 39px;
  margin-left: 10px;
}

.btn-default {
	font-size:16px;
	left:0px;
	bottom:0px;
	color:#a1b8e7;
	height:30px;
	line-height:30px;
	vertical-align:middle;
	font-family:"Open Sans",sans-serif;
	text-transform:none;
	text-decoration:underline;
}

.bg_btn_default {
	color:#dcdcdc; 
}

.btn-default:hover, .btn-index:hover, .btn-white:hover {
  color: #363636;
  cursor:pointer;
}

.btn__inverse {
  background: #2a2a2a;
}
.btn__inverse:hover {
  background: #a0b9ed;
  color: #ffffff;
}
.default__mt {
  margin-top: 0px;
}
.default__pd {
  padding: 0;
}
.btn-big {
  background: #2a2a2a;
  display: inline-block;
  font: 600 17px/14px 'Open Sans', sans-serif;
  color: #ffffff;
  text-align: center;
  text-transform: uppercase;
  padding: 28px 22px;
  margin-top: 34px;
}
.btn-big:hover {
  background: #ffffff;
  color: #a0b9ed;
}
.btn-big-pad {
  padding: 28px 37px;
}
/*========================================================
                    LISTS styles
=========================================================*/
.list {
  margin-top: 44px;
}
.list.list__mt-1 {
  margin-top: 32px;
}
.list.list__mt-2 {
  margin-top: 45px;
}
.list li {
  padding-left: 24px;
  padding-bottom: 11px;
}
.list li a {
  font: 300 15px 'Open Sans', sans-serif;
  color: #2a2a2a;
  text-transform: uppercase;
}
.list li a:hover {
  color: #a0b9ed;
}
.list li i {
  color: #a0b9ed;
  font-size: 12px;
  left: -24px;
  margin-top: 5px;
  position: relative;
}
/*========================================================
                    FOOTER styles
=========================================================*/
#footer {
  padding: 35px 0 28px 0;
  font: 300 14px 'Open Sans', sans-serif;
  color: #adadad;
}
#copyright-title {
  font-weight: 400;
  color: #ffffff;
  text-transform: uppercase;
}
.social-links {
  overflow: hidden;
  float: right;
  margin-top: -7px;
}
.social-links a + a {
  margin-left: 4px;
}
.social-links a {
  width: 34px;
  height: 34px;
  position: relative;
  display: inline-block;
  font-size: 16px;
  text-align: center;
  color: #fff;
  background: #4a4a4a;
  -webkit-border-radius: 500px;
  -moz-border-radius: 500px;
  border-radius: 500px;
}
.social-links i {
  line-height: 34px;
}
.social-links a:hover {
  background: #a0b9ed;
  color: #fff;
}	

/*
	.irow {
		width:100%;
		position:relative;
		float:left;
		margin:0px;
	}
*/
	.i-color-1 { background:#363636; }
	.irow_detail { 
		width:1170px; 	
		margin:auto;
		position:relative;
		float:left;
		left:50%;
		margin-left:-585px;
	}

	.ifooter {
		height:100px;
		line-height:100px;
		vertical-align:middle;
		color:#afafaf;
		position:relative;
	}
	
		.ifooter a {
			color:#afafaf;
			text-decoration:none;
		}
		
		.ifooter a:hover {
			cursor:pointer;
			color:#a0b9ed;
		}
	
	.social-links {
		position:absolute;
		height:40px;
		width:40px;
		right:20px;
		top:35px;
		background:#afafaf;
		border-radius:20px;
	}
	
		.social-links img {
			height:25px;
			width:25px;
			position:absolute;
			top:7px;
			left:7px;
		}
	
		.social-links:hover {
			background:#a0b9ed;
			cursor:pointer;
		}
		
	.truspilot-links {
		position:absolute;
		height:50px;
		width:125px;
		right:80px;
		top:25px;
	}


/*========================================================
                    choise.php styles
=========================================================*/
#g_map {
	width:24%;
	position:relative;
	float:left;
	height:407px;
}
	iframe {
		padding:4px;
		width:100%;
		height:100%;
		max-height:100%;
		max-width:100%;
	}

#location {
	width:75%;
	position:relative;
	float:right;
}

	#location #v_vestigingcontainer {
		padding-left:0px;
		width:98%;
	}

#row_choise {
	width:100%;
}

	#row_choise #v_choosevestiging {
		margin-left:0px;
	}
	
#row_map {
	width:100%;
	margin_top:50px;
	margin-left:-15px;
}

	#row_map .titel {
		text-align:left;
		text-transform:uppercase;
	}
	
	#global_map {
		height:450px;
		margin-top:25px;
	}
	

/*========================================================
                    info.php styles
=========================================================*/
.info_readmore {
	color:#a0b9ed;
	text-align:right;
	position:relative;
	height:25px;
	display:block;
}
	.info_readmore:hover {
		color:#000;
		cursor:pointer;
	}

#info_omschrijving {
	overflow:auto;
	display:block;
	width:100%;
	position:relative;
}

#more_info .line {
	float:left;
	width:100%;
	line-height:20px;
	vertical-align:middle;
}

#more_info .line img {
	float:left;
	height:25px;
	width:25px;
}

	#more_info .line label {
		width:320px;
		margin-left:5px;
		float:left;
	}


	#more_info ul {
		list-style:circle;
		display:list;
	}
	
		#more_info ul li { margin-left:40px; }
		
	#more_info b { font-size: 18px; font-weight: bold; color:#000; }
		
	
.info {
	margin-top:25px;
}

	.info h3 {
		margin-bottom:10px;
	}
	
	.info img {
		max-width:100%;
		max-height:400px;
	}

	.info .btn-default {
		margin-left:auto;
		margin-right:auto;
		width:200px;
		position:relative;
		display:block;
	}
	
	.info .line {
		width:100%;
		position:relative;
		display:block;
		float:left;
		margin-top:0px;
	}
	
		.info .line .col {
			width:49%;
			float:left;
			position:relative;
			display:block;
		}
		
		.info .line .col .col-img {
			width:25%;
			float:left;
		}
			.info .line .col .col-img img {
				max-width:100%;
			}
		
		.info .line .col .col-text {
			width:60%;
			padding-left:10px;
			float:left;
		}
		
			.info .line .col .col-text h3 {
				font-size:18px;
				font-weight:600;
				width:100%;
				margin-top:0px;
				text-transform:capitalize;
			}
			
			.info .line .col .col-text span {
				font-size:14px;
				font-weight:normal;
				width:100%;
				color:#525252;
				margin-top:5px;
			}
	
	.info .mt {
		margin-top:15px;
	}
	
	.info .mt-0 {
		margin-top:0px;
	}
	
	.info .mt-2 {
		margin-top:30px;
	}
	
	.info .mt-3 {
		margin-top:40px;
	}
	
	.info .titel {
		text-align:left;
	}
	
	.info .grid_6 .grid_5 h2 {
		font-size:14px;
		width:50%;
		padding-left:20px;
		font-weight:600;
		height:25px;
		line-height:25px;
	}
	
	.info .grid_6 .grid_5 b {
		width:50%;
		font-size:14px;
		line-height:20px;
		padding-left:20px;

		height:75px;
		font-weight:normal;
	}
	
	.info .technics_holder {
		width:98%;
		border:1px solid #CCCCCC;
		background-color:#F2F1E6;
		height:300px;
		vertical-align:middle;
		float:left;
	}
	
		.info .technics_holder .col_tech1 {
			width:30%;
			float:left;
			position:relative;
			display:block;
			height:300px;
			vertical-align:middle;
			position:relative;
		}
		
		.info .technics_holder .col_tech2 {
			width:70%;
			float:left;
			position:relative;
			display:table;
			height:300px;
			vertical-align:middle;
			position:relative;
		}
			
		.info .technics_holder img {
			max-height:290px;
			margin:auto;
			display:block;
			position:absolute;
			left:0px;
			right:0px;
			top:0px;
			bottom:0px;
		}
		
		.info .technics_holder h1 {
			line-height:40px;
			height:100%;
			font-size:22px;
			color:#000;
			display:table-cell;
			text-align:center;
			vertical-align:middle;
			position:relative;
			padding:20px;
		}
		
		.info .bottomline {
			float:left;
			width:50%;
			position:relative;
			display:block;
			border:hidden;
		}
		
		.info .bottomline p {
			max-width:80%;
		}
		
		.img_line {
			width:100%;
			position:relative;
			height:125px;
			float:left;
		}
		
			.img_line img {
				width:125px;
				height:125px;
				min-height:125px;
				min-width:125px;
				max-height:125px;
				max-width:125px;
			}
			
			.info_titel {
				padding-top:12px;
				font-weight:bold;
				font-size:18px;
				color:#000;
				position:relative;
				line-height:28px;
				min-height:40px;
				vertical-align:middle;
				text-align:center;
				word-wrap:break-word;
			}
			
			.info_time {
				font-weight:bold;
				font-size:14px;
				color:#a0b9ed;
				min-height:40px;
				line-height:40px;
				position:relative;
				vertical-align:middle;
				text-align:center;
			}
			
			.info_time_h2 {
				height:50px;
				font-size:15px;
				line-height:25px;
			}

.grid_14 .info .line b { font-size:18px; font-weight:bold; color:#000; }
.grid_14 .info .line a:hover { cursor:pointer; color:#000; }
.grid_14 .info .line a { color:#a0b9ed; text-decoration:underline; text-align:right; }
.grid_14 .info .line .repair_info_link { margin-left:80%; }
.grid_14 .info .line ul { list-style:circle; display:list; }
.grid_14 .info .line ul li { margin-left:50px; }

.info_map {
	position:relative;
	height:358px;
	width:100%;
}

	.info_map .bg-map {
	  background:url(../images/bg-map.jpg);
	  background-size:contain;
	  position:relative;
	  width:100%;
	  height:100%;
	}
 
	.info_map .btn-default {
		position:absolute;
		bottom:0;
		margin-bottom:25px;
		width:200px;
		left:50%;
		margin-left:-100px;
		bottom:2%;
		z-index:10;
		background:#000;
	}
	
		.info_map .btn-default:hover {
			cursor:pointer;
			color:#000;
			background-color:#FFF;
			border:1px solid black;
		}
	
	.info_map .map_text {
		position:absolute;
		line-height:50px;
		text-align:center;
		vertical-align:left;
		font-size:30px;
		color:#FFF;
		z-index:15;
		left:30%;
		width:40%;
		height:100px;
		top:30%;
	}
/*========================================================
                    Widget styles
=========================================================*/
/* UItoTop styles
========================================================*/
#toTop {
  display: none;
  text-decoration: none;
  position: fixed;
  bottom: 40px;
  left: 51%;
  margin-left: 640px;
  overflow: hidden;
  border: none;
  color: #c5c5c5;
  width: 73px;
  height: 73px;
  font-size: 30px;
  line-height: 65px;
  z-index: 20;
  background: #eeeeee;
  text-align: center;
  -webkit-transition: color 0.5s ease;
  transition: color 0.5s ease;
}
#toTop:hover {
  outline: none;
  color: #a0b9ed;
}

/* Loading Spinner
========================================================*/
/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   speak for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.modal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('../images/ajax-loader.gif') 
                50% 50% 
                no-repeat;
}

.geomodal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .9 ) 
                url('../images/ajax-loader.gif') 
                50% 50% 
                no-repeat;
}

	.geomodal .center {
		position:absolute;
		width:100%;
		height:36px;
		top:50%;
		line-height:25px;
		font-size:  36px;
		text-align:center;
		vertical-align:middle;
		margin-top:-70px;
	}
	
		.geomodal .center img {
			width:36px;
			height:36px;
			min-height:36px;
			min-width:36px;
		}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading, body.loadgeo {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal {
    display: block;
}

body.loadgeo .geomodal {
    display: block;
}


/* Stellar(parallaxBG) styles
========================================================*/
.stellar-block {
  background-attachment: fixed;
  background-position: 50% 0%;
  position: relative;
  background-repeat: no-repeat;
  padding-bottom: 100px;
  z-index: 8;
}
.first {
  background-image: url(../images/bg_pic2.jpg);
  background-color: #fff;
  background-position: 50% 100%;
}
.second {
  background-image: url(../images/slide.jpg);
  background-color: #fff;
}

.clickable_img:hover {
	cursor:pointer;
}

.clickable_title:hover {
	color:#a0b9ed;
}

@media only screen and (max-width: 979px) {
  .stellar-block {
    background-attachment: scroll;
    background-position: 50% 50%;
    position: relative;
    background-repeat: no-repeat;
    background-size: auto 100%;
    padding-bottom: 100px;
    z-index: 8;
  }
}
/*========================================================
                RESPONSIVE LAYOUTS STYLES 
=========================================================*/
@media only screen and (max-width: 979px) {
  .btn-index {
	  height:54px;
	  width:300px;
  }
  	.btn-index a {
		font-size:14px;
		line-height:18px;
	}
	.btn-index span {
		font-size:10px;
		line-height:11px;
		height:22px;
		bottom:1px;
	}
	
	.info_map .map_text {
		position:absolute;
		line-height:40px;
		text-align:center;
		vertical-align:left;
		font-size:30px;
		color:#FFF;
		z-index:15;
		left:30%;
		width:50%;
		height:100px;
		top:25%;
	}
}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
  .sf-menu {
	  font-size:10px;
  }
  
  .grid_10 {
	  width:550px;
  }
  
  .logo-image {
	  float: left;
	  margin-right: 10px;
	  max-width:150px;
	  width:150px;
	  min-width:150px;
	}
  .btn-index {
	  height:54px;
	  width:300px;
  }
  	.btn-index a {
		font-size:14px;
		line-height:18px;
	}
	.btn-index span {
		font-size:10px;
		line-height:11px;
		height:22px;
		bottom:1px;
	}
	
	.info_map .map_text {
		position:absolute;
		line-height:40px;
		text-align:center;
		vertical-align:left;
		font-size:30px;
		color:#FFF;
		z-index:15;
		left:30%;
		width:50%;
		height:100px;
		top:25%;
	}

	.btn-index {
		height:25px;
		line-height:25px;
	}
}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
  .btn-index {
	  width:390px;
  }
  
	.btn-index span {
		font-size:11px;
		line-height:13px;
		height:22px;
		bottom:4px;
	}
	
	.info_map .map_text {
		position:absolute;
		line-height:40px;
		text-align:center;
		vertical-align:left;
		font-size:30px;
		color:#FFF;
		z-index:15;
		left:30%;
		width:40%;
		height:100px;
		top:25%;
	}
}

@media only screen and (max-width: 1199px) {
  .page-head-box {
    height: 326px;
  }
  .custom-img-1,
  .custom-img-2,
  .custom-img-3 {
    width: 30%;
  }
  .custom-img-2 {
    margin-left: -141px;
  }
  .map_c {
    width: 100%;
  }  
  #repair_right {
	  display:none;
  }
}
@media only screen and (max-width: 979px) {
  h2 {
    font-size:40px;
  }
  .custom-text-1 {
    padding: 0 0;
  }
  .page-head-box {
    height: 266px;
  }
  .custom-img-2 {
    margin-left: -112px;
  }
  .post_image {
    margin-right: 30px;
    width: 40%;
  }
}
@media only screen and (max-width: 767px) {
  #header {
    text-align: center;
  }
  .logo-image {
    float: none;
    margin-right: 0;
  }
  .logo-box {
    margin-top: 40px;
  }
  .slogan {
    margin-left: 0px;
  }
  .page-head-box {
    height: 166px;
  }
  .custom-img-2 {
    margin-left: -63px;
  }
  .post_image {
    margin-top: 20px;
    margin-right: 0;
    width: 100%;
    float: none;
  }
  .post_block {
    padding-left: 0;
    padding-right: 0;
  }
  #footer {
    text-align: center;
  }
  .social-links {
    float: none;
    margin-top: 20px;
  }
  .social-links li {
    display: inline-block;
    float: none;
  }
  	header #login_menu {
		display:none;
	}
	  
	 #winkelpunten {
		 display:none;
	 }
	 
	 .info-img img {
		width:100px;
		max-width:100px;
	}
		
	#repairlist {
		width:110%;
		margin-left:-5%;
	}
}
@media only screen and (max-width: 480px) {
  .page-head-box {
    height: 120px;
  }
  .custom-img-2 {
    margin-left: -40px;
  }
  .info-img {
    float: none;
    margin-right: 0;
  }
  .info-img img {
    display: block;
    width: 100%;
  }  
  .whois {
	line-height:13px;
	font-size:13px;  
  }
  
	header #login_menu {
		display:none;
	}
	  
	 #winkelpunten {
		 display:none;
	 }
}
/*Core variables and mixins*/

/* dialog css style */
.ui-dialog { 
	z-index: 1000 !important ;
	font-family:"Myriad Light";
	font-size:18px;
}

	.ui-dialog .ui-dialog-titlebar {
		font-size:24px;
		height:30px;
	}

	.ui-dialog b {
		font-weight:bold;	
	}
	
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  { /* STYLES GO HERE */
	.ui-dialog { 
		font-family:"Myriad Light";
		font-size:14px;
	}
}

@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) { /* STYLES GO HERE */
/* IPHONE 6 */
	.ui-dialog { 
		font-family:"Myriad Light";
		font-size:12px;
	}
}

@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) { /* STYLES GO HERE */
/* IPHONE 6+ */
	.ui-dialog { 
		font-family:"Myriad Light";
		font-size:12px;
	}
}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) { /* STYLES GO HERE */
/* IPHONE 5/5S */
	.ui-dialog { 
		font-family:"Myriad Light";
		font-size:12px;
	}
}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) { /* STYLES GO HERE */
/* ALL OTHER IPHONS */
	.ui-dialog { 
		font-family:"Myriad Light";
		font-size:12px;
	}
}



/*======== Footer =====*/
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) and (orientation: portrait) {	
	.irow_detail { 
		width:300px;
		margin-left:-150px;
	}
	
	.ifooter {
		height:194px;
		line-height:28px;
		font-size:14px;
		text-align:center;
	}
		
	.social-links {
		left:50%;
		margin-left:-20px;
		top:145px;
	}
	
	.truspilot-links {
		top:89px;
		left:50%;
		margin-left:-62px;
	}
}


@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) and (orientation: landscape) {	
	.irow_detail { 
		width:560px;
		margin-left:-280px;
	}
	
	.ifooter {
		height:180px;
		line-height:28px;
		font-size:18px;
		text-align:center;
		padding-top:15px;
	}
		
	.social-links {
		left:50%;
		margin-left:-20px;
		top:125px;
	}
	
	.truspilot-links {
		top:69px;
		left:50%;
		margin-left:-62px;
	}
}

@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) 
and (orientation : landscape) { /* STYLES GO HERE */
	.irow_detail { 
		width:730px;
		margin-left:-365px;
	}
	
	.ifooter {
		height:190px;
		line-height:28px;
		font-size:18px;
		text-align:center;
		padding-top:15px;
	}
		
	.social-links {
		left:50%;
		margin-left:-20px;
		top:125px;
	}
	
	.truspilot-links {
		top:69px;
		left:50%;
		margin-left:-62px;
	}
}

@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : landscape) { 
/* iPhone 6 landscape */

}

@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : portrait) { 
/* iPhone 6 portrait */

}

@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) 
and (orientation : landscape) { 
/* iPhone 6 Plus landscape */
}

@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) 
and (orientation : portrait) { 
/* iPhone 6 Plus portait */
}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : landscape) { 
/* iPhone 5 & 5S landscape */
.container { width:540px; }
.grid_8 { width:540px; }
.grid_8 h3 { margin-left:20px; }
.info-blok { width:540px; margin-left:20px; }
.info-data {
  font: 300 12px/22px 'Open Sans', sans-serif;
  width:380px;
  min-width:380px;
  max-width:380px;
  margin-top: 2px;
  display:table;
}

.info-data .row {
	line-height:normal;
	display:table-cell;
	vertical-align:middle;
	margin-top:4px;
}

.info-data .th-1 {
  width:195px;
  min-width:195px;
  white-space:normal;
  vertical-align:middle;
  padding-right:0px;
}
	
.info-data .th-2 {
  width:35px;
  min-width:35px;
}

.info-data .th-3 {
  width: 115px;
  min-width:115px;
}

.info-data .th-5 {
	display:none;
}


.info-data .th-6 {
	width:25px;
	min-width:25px;
}

	.info-data .th-6 img {
		width:18px;
		height:18px;
		margin-top:-2px;
	}

.info-data .th-7 {
	width:380px;
	min-width:380px;
	vertical-align:middle;
	text-align:center;
	margin-top:0px;
	padding-top:0px;
}

	.info-data .th-7 img {
		width:12px;
		height:12px;
		margin-right:2px;
		margin-top:1px;
	}

}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : portrait) { 
/* iPhone 5 & 5S portrait */
.info-data {
  font: 300 11px/20px 'Open Sans', sans-serif;
  width:295px;
  min-width:295px;
  max-width:295px;
  margin-top: 2px;
  display:table;
}

.info-data .row {
	line-height:normal;
	display:table-cell;
	vertical-align:middle;
	margin-top:4px;
}

.info-data .th-1 {
  width:115px;
  min-width:115px;
  white-space:normal;
  vertical-align:middle;
  padding-right:0px;
}
	
.info-data .th-2 {
  width:30px;
  min-width:30px;
}

.info-data .th-3 {
  width: 115px;
  min-width:115px;
}

.info-data .th-5 {
	display:none;
}


.info-data .th-6 {
	width:25px;
	min-width:25px;
}

	.info-data .th-6 img {
		width:18px;
		height:18px;
		margin-top:-2px;
	}

.info-data .th-7 {
	width:290px;
	min-width:290px;
	vertical-align:middle;
	text-align:center;
	margin-top:0px;
	padding-top:0px;
}

	.info-data .th-7 img {
		width:12px;
		height:12px;
		margin-right:2px;
		margin-top:1px;
	}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 
	/* STYLES GO HERE */ 
	/* iPAD*/	
	.logo-image {
		width:90px;
		top:25px;
		height:auto;
	}
	
	.sf-menu {
	  margin-top: 16px;
	}
	
	header nav { width:105%; margin-right:-35px; }
	
	.irow { margin:0px; width:760px; }
	.irow .irow_detail { margin:0px; width:750px; margin-left:-375px;}
	.irow .irow_detail a { font-size:10px; }
	ifooter { width:760px; margin:0px; }
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { 
	/* STYLES GO HERE */ 
	/* iPAD*/
	.logo-image {
		width:150px;
		height:auto;
		top:25px;
		left:0px;
	}
	
	.irow { margin:0px; width:1024px; }
	.irow .irow_detail { margin:0px; width:1010px; margin-left:-505px;}
	ifooter { width:1024px; margin:0px; }
	
	header nav { width:105%; margin-right:-35px; }
	.sf-menu {
	  margin-top: 16px;
	}
}
/*Herstelling link class database*/
a.repair-link {
	color:#a0b9ed;
}
.repair {color: #000;}