/*
 Renault
 
 yellow ffcc33 // nieuw 2022 = efdf00  rgba(239,223,0,1)
 black  #000000 
 white  #ffffff
 
 grey01 #333333
 grey02 #666666
 grey03 #999999
 grey04 #cccccc
 
 captur #d3761d
 initiale paris #683f91 (purple)
 clio red #e42312
  */


* {
	margin:0;
	padding:0;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	outline:none!important;
	list-style:none;
}

body {
	position:relative;
	min-width:320px;
	margin:0;
	font-size:16px;
	font-family: 'NouvelR',sans-serif;
	font-weight:400;
	line-height:1.3;
	color:#000;
	-webkit-font-smoothing:antialised;
}

h1,h2,h3,h4,h5,h6 {
	font-family:'NouvelR',sans-serif;
	font-weight: bold;
	
}

body input:focus:required:invalid,body textarea:focus:required:invalid {
	color:red;
}

body input:required:valid,body textarea:required:valid {
	color:green;
}

img {
	max-width:100%;
}

.uppercase {
	text-transform: uppercase !important;
}
.lowercase {
	text-transform: lowercase !important;
}

a:hover,a:active,a:focus {
	text-decoration:none;
}

.left {
	float:left;
}

.right {
	float:right;
}

.clear {
	clear:both;
}

a {
	-webkit-transition:.8s;
	-o-transition:.8s;
	transition:.8s;
}

a.green {
	color:#efdf00;
}

a.green:hover {
	color:#fff;
}

.green {
	color:#efdf00;
}

.gray {
	color:#708778;
}


.line-bottom {
	display: inline-block;
	padding-bottom: 20px;
	position: relative;
}
.line-bottom:before{
	content: "";
	position: absolute;
	width: 35%;
	height: 1px;
	bottom: 0;
	left: 0; /* 25% */
	border-bottom: 1px solid #000;
}


/* loading */
.loading {
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:-o-flex;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center;
	background-color:#fff;
	z-index:99999999999999;
}

/* Block */
section {
	/*padding:100px 0;*/
	overflow:hidden;
}

.yellowline {
	background: linear-gradient(
		to right, 
		#efdf00 0%, 
		#efdf00 40%, 
		#ffffff 40%, 
		#ffffff 100%
		);
}

.bg-white {
	background-color: #fff;
}

.actiesmall {
	display: block;
	font-size: 80%;
	padding: 5px 0 0 0;
	line-height: 1;
}

/* Section background image */
.bg_img {
	background-repeat:no-repeat;
	background-position:center center;
	-webkit-background-size:cover;
	background-size:cover;
}

header {
	position:relative;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:-o-flex;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center;
	height:20vh;
	padding:40px 0;
	text-align:center;
	color:#fff;
	overflow:hidden;
}

header .row {
	position:relative;
	z-index:3;
}

header:before {
	content:'';
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	display:block;
	background-color:rgba(255,255,255,0.5);
	z-index:1;
}

header h1 {
	-webkit-animation-delay:.4s;
	animation-delay:.4s;
}

header h5 {
	margin-bottom:30px;
	font-size:18px;
	font-weight:400;
	line-height:28px;
	color:rgba(255,255,255,0.7);
	-webkit-animation-delay:.7s;
	animation-delay:.7s;
}

header .order,header .order_2 {
	margin:0 15px 20px;
	-webkit-animation-delay:1s;
	animation-delay:1s;
}

/* Background Parallax */
header.bg_img, .deco.bg_img {
	background-attachment:fixed;
}

/* NAV */
nav.nav_bar {
	position:absolute;
	top:0;
	left:0;
	right:0;
	/*background-color:transparent;*/
	background-color: #000;
	-webkit-transition:height 0.5s,-webkit-transform .5s;
	transition:height 0.5s,-webkit-transform .5s;
	-o-transition:transform 0.5s,height .5s;
	transition:transform 0.5s,height .5s;
	transition:transform 0.5s,height 0.5s,-webkit-transform .5s;
	z-index:100;
}

nav.nav_bar .row {
	height:180px;
}

nav.nav_bar .logo {
	
	
	padding:0 10px;
	
}

nav.nav_bar .logo .white_logo {
	display:inline-block;
	max-height: 124px;
	max-width: 95px;
}

nav.nav_bar .logo .logo_text {
	display:inline-block;
	color: #fff;
	padding-left: 15px;
}


nav.nav_bar .logo .dark_logo {
	display:none;
}

.Renault_logo {
	display: block;
	width: 100%;
	max-height: 124px;
	fill: #fff;
}

nav.nav_bar .menu {
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:-o-flex;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center;
	margin:0;
	padding:0 15px;
	list-style-type:none;
}

nav.nav_bar .menu li {
	position:relative;
	margin-right:30px;
	font-size:16px;
}

nav.nav_bar .menu li:last-child {
	margin-right:0;
}

nav.nav_bar .menu li a {
	position:relative;
	color:#fff;
}

nav.nav_bar .menu li a:hover {
	color:#fff;
}

nav.nav_bar .menu li a:hover:after {
	width:100%;
	background-color:#efdf00;
}

nav.nav_bar .menu li a:after {
	content:'';
	display:block;
	width:0;
	height:2px;
	margin:auto;
	-webkit-transition:.5s;
	-o-transition:.5s;
	transition:.5s;
}

nav.nav_bar .menu li .active {
	color:#fff;
}

nav.nav_bar .menu li .active:after {
	width:100%;
	background-color:#efdf00;
}

nav.nav_scroll {
	position:fixed;
	top:-180px;
	background-color:#000;
	border-bottom:1px solid #000;
	-webkit-transform:translate(0,180px);
	-ms-transform:translate(0,180px);
	transform:translate(0,180px);
}

nav.nav_scroll .logo .white_logo {
	/*display:none;*/
}

nav.nav_scroll .logo .dark_logo {
	/*display:block;*/
}

nav.nav_scroll .row {
	height:180px;
}

nav.nav_scroll .menu li a {
	color:#fff;
}

nav.nav_scroll .menu li a:hover,nav.nav_scroll .menu li a.active {
	color:#ccc;
}

.mob_button {
	position:relative;
	display:none;
	width:24px;
	height:18px;
	margin-right:25px;
	background-color:transparent;
	border:none;
	-webkit-transition:.4s;
	-o-transition:.4s;
	transition:.4s;
	z-index:55;
}

.mob_button:focus {
	outline:none;
}

.mob_button .line_menu {
	display:block;
	width:100%;
	height:3px;
	margin:0 0 4px;
	background-color:#a0a0a0;
	-webkit-border-radius:2px;
	border-radius:2px;
	-webkit-transition:.4s;
	-o-transition:.4s;
	transition:.4s;
}

.mob_button .line_menu:last-child {
	margin-bottom:0;
}

.mob_button.active .line_menu {
	width:20px;
	margin:-3px 0 0;
	margin-left:1px;
}

.mob_button.active .line_menu:nth-child(1) {
	-webkit-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
}

.mob_button.active .line_menu:nth-child(2) {
	-webkit-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	transform:rotate(-45deg);
}

.mob_button.active .line_menu:last-child {
	opacity:0;
}


.msp-layer-1 { font-family:"NouvelR";font-weight:normal;font-size:40px;line-height:1.2;color:#000;white-space:nowrap;} /* white-space:nowrap; text-align:center;*/
.msp-layer-2 { font-family:"NouvelR";font-weight:normal;font-size:30px;line-height:normal;color:#fff; white-space:normal; } /* white-space:nowrap; text-align:center;  min-width: 200px !important;*/
.msp-layer-3 { background-color: rgba(255,255,255,0.5);padding: 20px; border-radius: 20px; font-family:"NouvelR";font-weight:normal;font-size:20px;line-height:normal;color:#000;white-space:nowrap; } /* white-space:nowrap; text-align:center;*/


.msp-layer-22 { font-family:"NouvelR";font-weight:normal;line-height:1.2;color:#000;white-space:nowrap; background-color:rgba(255,255,255, 0.8); padding: 30px; width: 100%; } /* white-space:nowrap; text-align:center;*/

.msp-layer-22 .titel {
	display: inline-block;
	font-size:30px;
	padding-bottom: 15px;
} 

.msp-layer-22 .subtitel {
	display: inline-block;
	font-size: 16px;
	padding-bottom: 15px;
} 


.msp-layer-1.txt-white {
    color: #fff;
}

.underline {
	font-weight: bold;
	text-decoration: none;
	border-bottom: 5px solid #efdf00;
	box-shadow: 0 -18px 0 #efdf00 inset;
}



/*
.msp-preset-btn-84{ background-color: #b97ebb;color: #fff; } .msp-preset-btn-84:hover{ background-color:#ca89cc;color: #fff; } .msp-preset-btn-84:active{ top:1px } .msp-preset-btn-85{ background-color: #b97ebb;color: #fff; } .msp-preset-btn-85:hover{ background-color:#ca89cc;color: #fff; } .msp-preset-btn-85:active{ top:1px } .msp-preset-btn-86{ color: #b97ebb;border:solid 1px #b97ebb; } .msp-preset-btn-86:hover{ border-color:#ca89cc;color:#ca89cc } .msp-preset-btn-86:active{ top:1px } .msp-preset-btn-87{ background-color: #b97ebb;color: #fff; } .msp-preset-btn-87:hover{ background-color:#ca89cc;color: #fff; } .msp-preset-btn-87:active{ top:1px } .msp-preset-btn-88{ background-color: #b97ebb;color: #fff;box-shadow:0 5px #9a699c; } .msp-preset-btn-88:hover{ background-color:#ca89cc;box-shadow:0 4px #9a699c;top:1px;color: #fff; } .msp-preset-btn-88:active{ box-shadow:0 2px #9a699c;top:3px; } .msp-preset-btn-89{ background-color: #5472D2;color: #fff; } .msp-preset-btn-89:hover{ background-color:#5d7fe9;color: #fff; } .msp-preset-btn-89:active{ top:1px } .msp-preset-btn-90{ background-color: #5472D2;color: #fff; } .msp-preset-btn-90:hover{ background-color:#5d7fe9;color: #fff; } .msp-preset-btn-90:active{ top:1px } .msp-preset-btn-91{ color: #5472D2;border:solid 1px #5472D2; } .msp-preset-btn-91:hover{ border-color:#5d7fe9;color:#5d7fe9 } .msp-preset-btn-91:active{ top:1px } .msp-preset-btn-92{ background-color: #5472D2;color: #fff; } .msp-preset-btn-92:hover{ background-color:#5d7fe9;color: #fff; } .msp-preset-btn-92:active{ top:1px } .msp-preset-btn-93{ background-color: #5472D2;color: #fff;box-shadow:0 5px #4c68be; } .msp-preset-btn-93:hover{ background-color:#5d7fe9;box-shadow:0 4px #4c68be;top:1px;color: #fff; } .msp-preset-btn-93:active{ box-shadow:0 2px #4c68be;top:3px; } .msp-preset-btn-94{ background-color: #00c1cf;color: #fff; } .msp-preset-btn-94:hover{ background-color:#01D4E4;color: #fff; } .msp-preset-btn-94:active{ top:1px } .msp-preset-btn-95{ background-color: #00c1cf;color: #fff; } .msp-preset-btn-95:hover{ background-color:#01D4E4;color: #fff; } .msp-preset-btn-95:active{ top:1px } .msp-preset-btn-96{ color: #00c1cf;border:solid 1px #00c1cf; } .msp-preset-btn-96:hover{ border-color:#01D4E4;color:#01D4E4 } .msp-preset-btn-96:active{ top:1px } .msp-preset-btn-97{ background-color: #00c1cf;color: #fff; } .msp-preset-btn-97:hover{ background-color:#01D4E4;color: #fff; } .msp-preset-btn-97:active{ top:1px } .msp-preset-btn-98{ background-color: #00c1cf;color: #fff;box-shadow:0 5px #00afbc; } .msp-preset-btn-98:hover{ background-color:#01D4E4;box-shadow:0 4px #00afbc;top:1px;color: #fff; } .msp-preset-btn-98:active{ box-shadow:0 2px #00afbc;top:3px; } .msp-preset-btn-99{ background-color: #4cadc9;color: #fff; } .msp-preset-btn-99:hover{ background-color:#63b2c9;color: #fff; } .msp-preset-btn-99:active{ top:1px } .msp-preset-btn-100{ background-color: #4cadc9;color: #fff; } .msp-preset-btn-100:hover{ background-color:#63b2c9;color: #fff; } .msp-preset-btn-100:active{ top:1px } .msp-preset-btn-101{ color: #4cadc9;border:solid 1px #4cadc9; } .msp-preset-btn-101:hover{ border-color:#63b2c9;color:#63b2c9 } .msp-preset-btn-101:active{ top:1px } .msp-preset-btn-102{ background-color: #4cadc9;color: #fff; } .msp-preset-btn-102:hover{ background-color:#63b2c9;color: #fff; } .msp-preset-btn-102:active{ top:1px } .msp-preset-btn-103{ background-color: #4cadc9;color: #fff;box-shadow:0 5px #1aa2c9; } .msp-preset-btn-103:hover{ background-color:#63b2c9;box-shadow:0 4px #1aa2c9;top:1px;color: #fff; } .msp-preset-btn-103:active{ box-shadow:0 2px #1aa2c9;top:3px; } .msp-preset-btn-104{ background-color: #cec2ab;color: #fff; } .msp-preset-btn-104:hover{ background-color:#cebd9d;color: #fff; } .msp-preset-btn-104:active{ top:1px } .msp-preset-btn-105{ background-color: #cec2ab;color: #fff; } .msp-preset-btn-105:hover{ background-color:#cebd9d;color: #fff; } .msp-preset-btn-105:active{ top:1px } .msp-preset-btn-106{ color: #cec2ab;border:solid 1px #cec2ab; } .msp-preset-btn-106:hover{ border-color:#cebd9d;color:#cebd9d } .msp-preset-btn-106:active{ top:1px } .msp-preset-btn-107{ background-color: #cec2ab;color: #fff; } .msp-preset-btn-107:hover{ background-color:#cebd9d;color: #fff; } .msp-preset-btn-107:active{ top:1px } .msp-preset-btn-108{ background-color: #cec2ab;color: #fff;box-shadow:0 5px #C2B7A2; } .msp-preset-btn-108:hover{ background-color:#cebd9d;box-shadow:0 4px #C2B7A2;top:1px;color: #fff; } .msp-preset-btn-108:active{ box-shadow:0 2px #C2B7A2;top:3px; } .msp-preset-btn-109{ background-color: #50485b;color: #fff; } .msp-preset-btn-109:hover{ background-color:#6a6176;color: #fff; } .msp-preset-btn-109:active{ top:1px } .msp-preset-btn-110{ background-color: #50485b;color: #fff; } .msp-preset-btn-110:hover{ background-color:#6a6176;color: #fff; } .msp-preset-btn-110:active{ top:1px } .msp-preset-btn-111{ color: #50485b;border:solid 1px #50485b; } .msp-preset-btn-111:hover{ border-color:#6a6176;color:#6a6176 } .msp-preset-btn-111:active{ top:1px } .msp-preset-btn-112{ background-color: #50485b;color: #fff; } .msp-preset-btn-112:hover{ background-color:#6a6176;color: #fff; } .msp-preset-btn-112:active{ top:1px } .msp-preset-btn-113{ background-color: #50485b;color: #fff;box-shadow:0 5px #412d5b; } .msp-preset-btn-113:hover{ background-color:#6a6176;box-shadow:0 4px #412d5b;top:1px;color: #fff; } .msp-preset-btn-113:active{ box-shadow:0 2px #412d5b;top:3px; } .msp-preset-btn-114{ background-color: #8d6dc4;color: #fff; } .msp-preset-btn-114:hover{ background-color:#977cc4;color: #fff; } .msp-preset-btn-114:active{ top:1px } .msp-preset-btn-115{ background-color: #8d6dc4;color: #fff; } .msp-preset-btn-115:hover{ background-color:#977cc4;color: #fff; } .msp-preset-btn-115:active{ top:1px } .msp-preset-btn-116{ color: #8d6dc4;border:solid 1px #8d6dc4; } .msp-preset-btn-116:hover{ border-color:#977cc4;color:#977cc4 } .msp-preset-btn-116:active{ top:1px } .msp-preset-btn-117{ background-color: #8d6dc4;color: #fff; } .msp-preset-btn-117:hover{ background-color:#977cc4;color: #fff; } .msp-preset-btn-117:active{ top:1px } .msp-preset-btn-118{ background-color: #8d6dc4;color: #fff;box-shadow:0 5px #7c51c4; } .msp-preset-btn-118:hover{ background-color:#977cc4;box-shadow:0 4px #7c51c4;top:1px;color: #fff; } .msp-preset-btn-118:active{ box-shadow:0 2px #7c51c4;top:3px; } .msp-preset-btn-119{ background-color: #75d69c;color: #fff; } .msp-preset-btn-119:hover{ background-color:#7de5a7;color: #fff; } .msp-preset-btn-119:active{ top:1px } .msp-preset-btn-120{ background-color: #75d69c;color: #fff; } .msp-preset-btn-120:hover{ background-color:#7de5a7;color: #fff; } .msp-preset-btn-120:active{ top:1px } .msp-preset-btn-121{ color: #75d69c;border:solid 1px #75d69c; } .msp-preset-btn-121:hover{ border-color:#7de5a7;color:#7de5a7 } .msp-preset-btn-121:active{ top:1px } .msp-preset-btn-122{ background-color: #75d69c;color: #fff; } .msp-preset-btn-122:hover{ background-color:#7de5a7;color: #fff; } .msp-preset-btn-122:active{ top:1px } .msp-preset-btn-123{ background-color: #75d69c;color: #fff;box-shadow:0 5px #41d67d; } .msp-preset-btn-123:hover{ background-color:#7de5a7;box-shadow:0 4px #41d67d;top:1px;color: #fff; } .msp-preset-btn-123:active{ box-shadow:0 2px #41d67d;top:3px; } .msp-preset-btn-124{ background-color: #222;color: #fff; } .msp-preset-btn-124:hover{ background-color:#333;color: #fff; } .msp-preset-btn-124:active{ top:1px } .msp-preset-btn-125{ background-color: #222;color: #fff; } .msp-preset-btn-125:hover{ background-color:#333;color: #fff; } .msp-preset-btn-125:active{ top:1px } .msp-preset-btn-126{ color: #222;border:solid 1px #222; } .msp-preset-btn-126:hover{ border-color:#333;color:#333 } .msp-preset-btn-126:active{ top:1px } .msp-preset-btn-127{ background-color: #222;color: #fff; } .msp-preset-btn-127:hover{ background-color:#333;color: #fff; } .msp-preset-btn-127:active{ top:1px } .msp-preset-btn-128{ background-color: #222;color: #fff;box-shadow:0 5px #000; } .msp-preset-btn-128:hover{ background-color:#333;box-shadow:0 4px #000;top:1px;color: #fff; } .msp-preset-btn-128:active{ box-shadow:0 2px #000;top:3px; } .msp-preset-btn-129{ background-color: #dedede;color: #666; } .msp-preset-btn-129:hover{ background-color:#d1d1d1;color: #666; } .msp-preset-btn-129:active{ top:1px } .msp-preset-btn-130{ background-color: #dedede;color: #666; } .msp-preset-btn-130:hover{ background-color:#d1d1d1;color: #666; } .msp-preset-btn-130:active{ top:1px } .msp-preset-btn-131{ color: #dedede;border:solid 1px #dedede; } .msp-preset-btn-131:hover{ border-color:#d1d1d1;color:#d1d1d1 } .msp-preset-btn-131:active{ top:1px } .msp-preset-btn-132{ background-color: #dedede;color: #666; } .msp-preset-btn-132:hover{ background-color:#d1d1d1;color: #666; } .msp-preset-btn-132:active{ top:1px } .msp-preset-btn-133{ background-color: #dedede;color: #666;box-shadow:0 5px #CACACA; } .msp-preset-btn-133:hover{ background-color:#d1d1d1;color: #666;box-shadow:0 4px #CACACA;top:1px } .msp-preset-btn-133:active{ box-shadow:0 2px #CACACA;top:3px; } .msp-preset-btn-134{ background-color: #f7be68;color: #fff; } .msp-preset-btn-134:hover{ background-color:#e9b362;color: #fff; } .msp-preset-btn-134:active{ top:1px } .msp-preset-btn-135{ background-color: #f7be68;color: #fff; } .msp-preset-btn-135:hover{ background-color:#e9b362;color: #fff; } .msp-preset-btn-135:active{ top:1px } .msp-preset-btn-136{ color: #f7be68;border:solid 1px #f7be68; } .msp-preset-btn-136:hover{ border-color:#e9b362;color:#e9b362 } .msp-preset-btn-136:active{ top:1px } .msp-preset-btn-137{ background-color: #f7be68;color: #fff; } .msp-preset-btn-137:hover{ background-color:#e9b362;color: #fff; } .msp-preset-btn-137:active{ top:1px } .msp-preset-btn-138{ background-color: #f7be68;color: #fff;box-shadow:0 5px #E7AF59; } .msp-preset-btn-138:hover{ background-color:#e9b362;box-shadow:0 4px #E7AF59;top:1px;color: #fff; } .msp-preset-btn-138:active{ box-shadow:0 2px #E7AF59;top:3px; } .msp-preset-btn-139{ background-color: #5aa1e3;color: #fff; } .msp-preset-btn-139:hover{ background-color:#5faaef;color: #fff; } .msp-preset-btn-139:active{ top:1px } .msp-preset-btn-140{ background-color: #5aa1e3;color: #fff; } .msp-preset-btn-140:hover{ background-color:#5faaef;color: #fff; } .msp-preset-btn-140:active{ top:1px } .msp-preset-btn-141{ color: #5aa1e3;border:solid 1px #5aa1e3; } .msp-preset-btn-141:hover{ border-color:#5faaef;color:#5faaef } .msp-preset-btn-141:active{ top:1px } .msp-preset-btn-142{ background-color: #5aa1e3;color: #fff; } .msp-preset-btn-142:hover{ background-color:#5faaef;color: #fff; } .msp-preset-btn-142:active{ top:1px } .msp-preset-btn-143{ background-color: #5aa1e3;color: #fff;box-shadow:0 5px #4c87bf; } .msp-preset-btn-143:hover{ background-color:#5faaef;box-shadow:0 4px #4c87bf;top:1px;color: #fff; } .msp-preset-btn-143:active{ box-shadow:0 2px #4c87bf;top:3px; } .msp-preset-btn-144{ background-color: #6dab3c;color: #fff; } .msp-preset-btn-144:hover{ background-color:#76b941;color: #fff; } .msp-preset-btn-144:active{ top:1px } .msp-preset-btn-145{ background-color: #6dab3c;color: #fff; } .msp-preset-btn-145:hover{ background-color:#76b941;color: #fff; } .msp-preset-btn-145:active{ top:1px } .msp-preset-btn-146{ color: #6dab3c;border:solid 1px #6dab3c; } .msp-preset-btn-146:hover{ border-color:#76b941;color:#76b941 } .msp-preset-btn-146:active{ top:1px } .msp-preset-btn-147{ background-color: #6dab3c;color: #fff; } .msp-preset-btn-147:hover{ background-color:#76b941;color: #fff; } .msp-preset-btn-147:active{ top:1px } .msp-preset-btn-148{ background-color: #6dab3c;color: #fff;box-shadow:0 5px #5e9334; } .msp-preset-btn-148:hover{ background-color:#76b941;box-shadow:0 4px #5e9334;top:1px;color: #fff; } .msp-preset-btn-148:active{ box-shadow:0 2px #5e9334;top:3px; } .msp-preset-btn-149{ background-color: #f4524d;color: #fff; } .msp-preset-btn-149:hover{ background-color:#e04b47;color: #fff; } .msp-preset-btn-149:active{ top:1px } .msp-preset-btn-150{ background-color: #f4524d;color: #fff; } .msp-preset-btn-150:hover{ background-color:#e04b47;color: #fff; } .msp-preset-btn-150:active{ top:1px } .msp-preset-btn-151{ color: #f4524d;border:solid 1px #f4524d; } .msp-preset-btn-151:hover{ border-color:#e04b47;color:#e04b47 } .msp-preset-btn-151:active{ top:1px } .msp-preset-btn-152{ background-color: #f4524d;color: #fff; } .msp-preset-btn-152:hover{ background-color:#e04b47;color: #fff; } .msp-preset-btn-152:active{ top:1px } .msp-preset-btn-153{ background-color: #f4524d;color: #fff;box-shadow:0 5px #cb4440; } .msp-preset-btn-153:hover{ background-color:#e04b47;box-shadow:0 4px #cb4440;top:1px;color: #fff; } .msp-preset-btn-153:active{ box-shadow:0 2px #cb4440;top:3px; } .msp-preset-btn-154{ background-color: #f79468;color: #fff; } .msp-preset-btn-154:hover{ background-color:#e78a61;color: #fff; } .msp-preset-btn-154:active{ top:1px } .msp-preset-btn-155{ background-color: #f79468;color: #fff; } .msp-preset-btn-155:hover{ background-color:#e78a61;color: #fff; } .msp-preset-btn-155:active{ top:1px } .msp-preset-btn-156{ color: #f79468;border:solid 1px #f79468; } .msp-preset-btn-156:hover{ border-color:#e78a61;color:#e78a61 } .msp-preset-btn-156:active{ top:1px } .msp-preset-btn-157{ background-color: #f79468;color: #fff; } .msp-preset-btn-157:hover{ background-color:#e78a61;color: #fff; } .msp-preset-btn-157:active{ top:1px } .msp-preset-btn-158{ background-color: #f79468;color: #fff;box-shadow:0 5px #da835c; } .msp-preset-btn-158:hover{ background-color:#e78a61;box-shadow:0 4px #da835c;top:1px;color: #fff; } .msp-preset-btn-158:active{ box-shadow:0 2px #da835c;top:3px; }.msp-preset-1 { font-family:"Lato";font-weight:700;font-size:48px;line-height:normal;color:#ffffff; } 
.msp-preset-3 { font-family:"Lato";font-weight:300;font-size:18px;line-height:normal;color:#f2f2f2; } 
.msp-preset-5 { font-family:"Kaushan Script";font-weight:normal;font-size:30px;text-align:center;line-height:normal;white-space:nowrap;color:#d4d4d4; } 
.msp-preset-6 { font-family:"Raleway";font-weight:600;font-size:48px;text-align:center;line-height:normal;white-space:nowrap;color:#d4d4d4; } 
.msp-preset-7 { font-family:"Raleway";font-weight:600;font-size:48px;text-align:center;line-height:normal;white-space:nowrap;color:#77cba9; } 
.msp-preset-8 { font-family:"Montserrat";font-weight:700;font-size:36px;line-height:normal;color:#ffffff; } 
.msp-preset-12 { font-family:"Raleway";font-weight:600;font-size:72px;line-height:normal;white-space:nowrap;color:#ffffff;text-transform:uppercase; } 
.msp-preset-13 { font-family:"Raleway";font-weight:600;font-size:18px;text-align:center;line-height:normal;color:#f8f8f8; } 
.msp-preset-14 { font-family:"Yanone Kaffeesatz";font-weight:normal;font-size:60px;text-align:center;letter-spacing:2px;line-height:normal;white-space:nowrap;color:#ffffff; } 
.msp-preset-15 { font-family:"Oswald";font-weight:normal;font-size:55px;text-align:center;line-height:normal;white-space:nowrap;color:#e38181; } 
.msp-preset-16 { font-family:"Montserrat";font-weight:normal;font-size:54px;line-height:normal;white-space:nowrap;color:#dddddd; } 
.msp-preset-17 { font-family:"Playfair Display";font-weight:normal;font-size:16px;text-align:center;line-height:normal;color:#c2b273;background-color:transparent; } 
.msp-preset-18 { font-family:"Quicksand";font-weight:normal;font-size:18px;text-align:center;line-height:normal;color:#fdfdfd;background-color:transparent; } 
.msp-preset-19 { font-family:"Montserrat";font-weight:normal;font-size:12px;line-height:normal;color:#dddddc;text-transform:uppercase; } 
.msp-preset-20 { font-family:"Lato";font-weight:normal;font-size:12px;letter-spacing:2px;line-height:normal;color:#a9a8a8; } 
.msp-preset-21 { background-color:#a9a8a8;font-weight:normal;line-height:normal; } 
.msp-preset-22 { font-family:"Oswald";font-weight:700;font-size:48px;line-height:60px;color:#ffffff; } 
.msp-preset-23 { font-family:"Lato";font-weight:normal;font-size:16px;line-height:normal;color:#c0c0c0; } 
.msp-preset-25 { padding-top:10px;padding-right:24px;padding-bottom:10px;padding-left:24px;font-family:"Lato";font-weight:normal;font-size:10px;text-align:center;letter-spacing:2px;line-height:normal;text-transform:uppercase; } 
.msp-preset-26 { font-family:"Lato";font-weight:normal;font-size:16px;line-height:normal;color:#ffffff; } 
.msp-preset-27 { background-color:#ffffff;font-weight:normal;line-height:normal; } 
.msp-preset-28 { font-family:"Lato";font-weight:normal;font-size:12px;letter-spacing:2px;line-height:normal;color:#ffffff; } 
.msp-preset-29 { font-family:"Raleway";font-weight:800;font-size:120px;letter-spacing:1px;line-height:normal;color:#ffffff; } 
.msp-preset-30 { font-family:"Source Code Pro";font-weight:normal;font-size:22px;line-height:normal;color:#ffffff; } 
.msp-preset-31 { font-family:"Source Code Pro";font-weight:normal;font-size:14px;letter-spacing:1px;line-height:normal;color:#ba895d; } 
.msp-preset-32 { font-family:"Source Code Pro";font-weight:normal;font-size:14px;line-height:normal;color:#6a6a6a; } 
.msp-preset-33 { font-family:"Montserrat";font-weight:normal;font-size:36px;line-height:normal;color:#ffffff; } 
.msp-preset-34 { background-color:#ffffff;font-weight:normal;line-height:normal; } 
.msp-preset-35 { background-color:#f4cb68;padding-top:20px;padding-right:20px;padding-bottom:20px;padding-left:20px;font-family:"Lato";font-weight:normal;font-size:11px;line-height:16px;color:#333333; } 
*/


/* home */
.btn-home {
	margin-top: 10px;
	display:inline-block;
	width:auto;
	padding:10px 20px;
	font-size:16px;
	color:#ffffff;
	background-color:#000;
	/*-webkit-border-radius:5px;
	border-radius:5px;*/
	line-height:1;
	transition: 0.8s !important;
}

.btn-home:after {
	display:none;
}

.btn-home:hover {
	color:#000;
	background-color:#efdf00;
	transition: 0.8s !important;
}
.btn-home-wit {
	margin-top: 10px;
	display:inline-block;
	width:auto;
	padding:10px 20px;
	font-size:16px;
	color:#000;
	background-color:#fff;
	border: 1px solid #000;
	/*-webkit-border-radius:5px;
	border-radius:5px;*/
	line-height:1;
	transition: 0.8s !important;
}

.btn-home-wit:after {
	display:none;
}

.btn-home-wit:hover {
	color:#000;
	background-color:#efdf00;
	border: 1px solid #efdf00;
	transition: 0.8s !important;
}

.btn-home-geel {
	margin-top: 10px;
	display:block;
	text-align: center;
	width:auto;
	padding:10px 20px;
	font-size:16px;
	color:#000;
	background-color:#efdf00;
	border: 1px solid #efdf00;
	/*-webkit-border-radius:5px;
	border-radius:5px;*/
	line-height:1;
	transition: 0.8s !important;
}

.btn-home-geel:after {
	display:none;
}

.btn-home-geel:hover {
	color:#000;
	color:#000;
	background-color:#fff;
	border: 1px solid #fff;
	transition: 0.8s !important;
}


.btn-big {
	padding:20px 30px;
	font-size:16px;
}

.btn-icon {
	display: inline-block;
	position: relative;
	overflow: hidden;
	transform: translate3d(0, 0, 0);
	border: transparent;
	padding: 6px 16px 6px 70px;
	transition: background-color 100ms ease;
	outline: none !important;
	border-radius: 4px;
	line-height: 28px;
	background-color: #efdf00;
	color: #000;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.35);
}

.btn-icon:before {
	font-size: 100%;
	font-weight: normal !important;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 50px;
	left: 16px;
}


.icon::before {
	display: inline-block;
	font-style: bold;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
}

.locate::before {
	font-family: "Font Awesome 5 Pro"; font-weight: 900; content: "\f041"; font-size: 200%;
}

.actie::before {
	font-family: "Font Awesome 5 Pro"; font-weight: 400; content: "\f02c";font-size: 200%;
}
.mail::before {
	font-family: "Font Awesome 5 Pro"; font-weight: 400; content: "\f0e0";font-size: 200%;
}

.twitter::before {
	font-family: "Font Awesome 5 Brands"; content: "\f099";
}

.bg_contact {
	min-height: 300px;
	padding: 80px 0;
	background-image: url(../images/home/megane_elektrisch.jpg);
	background-position: center center;
	background-size: cover;
	
}

/* Services */
.services_block {
	background-color:#f2f2f2;
}

.services_block .services_box {
	position:relative;
	height:100%;
	margin:0 auto;
	padding:30px;
	color:#4f86a6;
	text-align:center;
	background-color:#fff;
	-webkit-box-shadow:0 0 15px rgba(0,0,0,0.1);
	box-shadow:0 0 15px rgba(0,0,0,0.1);
	-webkit-transition:.5s;
	-o-transition:.5s;
	transition:.5s;
	z-index:0;
}

.services_block .services_box:before {
	content:'';
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	display:block;
	width:0;
	height:0;
	margin:auto;
	background-color:#efdf00;
	-webkit-border-radius:50%;
	border-radius:50%;
	-webkit-transition:.5s ease;
	-o-transition:.5s ease;
	transition:.5s ease;
	z-index:-1;
}

.services_block .services_box:hover {
	color:#fff;
}

.services_block .services_box:hover:before {
	width:100%;
	height:100%;
	-webkit-border-radius:0;
	border-radius:0;
}

.services_block .services_box:hover h3 {
	color:#fff;
}

.services_block .services_box:hover p {
	color:rgba(255,255,255,0.7);
}

.services_block .services_box h3 {
	margin:0 0 15px;
	font-size:20px;
	font-weight:500;
	line-height:1.2;
	-webkit-transition:.5s;
	-o-transition:.5s;
	transition:.5s;
	color:#000;
}

.services_block .services_box p {
	margin-bottom:0;
	font-size:14px;
	line-height:24px;
	-webkit-transition:.5s;
	-o-transition:.5s;
	transition:.5s;
	color:rgba(66,66,66,0.7);
}

.icons_box {
	margin:0 0 25px;
	font-size:35px;
	line-height:45px;
}

.services_block {
	padding-bottom:70px;
	background-color:#f9f9f9;
}

.services_block .services_box {
	padding:35px;
	-webkit-border-radius:10px;
	border-radius:10px;
	-webkit-box-shadow:none;
	box-shadow:none;
	-webkit-transition:.5s;
	-o-transition:.5s;
	transition:.5s;
}

.services_block .services_box:before {
	display:none;
}

.services_block .services_box:hover {
	color:#708778;
	-webkit-box-shadow:0 0 38px rgba(0,0,0,0.1);
	box-shadow:0 0 38px rgba(0,0,0,0.1);
}

.services_block .services_box:hover .icons_box {
	background-color:#708778;
}

.services_block .services_box:hover p {
	color:#708778;
}

.services_block .services_box .icons_box {
	width:80px;
	height:80px;
	margin:0 auto 30px;
	line-height:80px;
	color:#fff;
	background-color:#efdf00;
	-webkit-border-radius:50%;
	border-radius:50%;
	-webkit-transition:.5s;
	-o-transition:.5s;
	transition:.5s;
}

.services_block .services_box h4 {
	margin-bottom:10px;
	color:#708778;
}

.services_block .services_box p {
	color:#708778;
}

/* tussen blok */
.deco {
	position:relative;
	padding:140px 0;
	background-color:#000;
}

footer {
	padding:20px 0;
	text-align:center;
	color:#fff;
	background-color:#000;
	overflow:hidden;
}

footer .top {
	/*padding-bottom:50px;*/
}

footer .social_list {
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:-o-flex;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center;
	margin:0 0 25px;
	list-style-type:none;
	overflow:hidden;
	-webkit-transition:.5s;
	-o-transition:.5s;
	transition:.5s;
}

footer .social_list li {
	margin:0 10px;
}

footer .social_list li a {
	display:block;
	color:#fff;
}

footer .social_list li a:hover {
	-webkit-transform:scale(1.2);
	-ms-transform:scale(1.2);
	transform:scale(1.2);
	color:#4f86a6;
}

footer .white {
	color:#fff;
	opacity:.7;
}

footer .white:hover {
	text-decoration:underline;
	opacity:.9;
}

footer p {
	margin-bottom:0;
	font-size:14px;
}

footer .bottom {
	background-color:#000;
	/*padding-top:30px;
	padding-bottom:30px;*/
	color:#fff;
}

/*
.tp-caption.text-green {
	color:#efdf00;
}

.tp-caption.text-gray {
	color:#708778;
}

.header-section.style1 {
	border-bottom:none;
}

.gray {
	color:#708778!important;
}
*/

input.contact22 {
	border: none;
	border-bottom: 1px solid #a8a8a8;
}

textarea.contact22 {
	border: none;
	border-bottom: 1px solid #a8a8a8;
}

.dealer {
	padding: 10px;
	/*font-size: 90%;*/	
}

.dealer .inner {
	background-color: #f2f2f2;
	padding: 10px;
}

.dealer a {
	color: #efdf00;
	text-decoration: underline;

}

.dealer .mask.text a {
	padding: 10px;
	background-color: #000;
	/*border-radius: 4px;*/
	color: #fff !important;
	text-decoration: none;
}
.dealer .mask.text a:hover {
	color: #ccc !important;
}

.view {
   /*width: 300px;
   height: 200px;
   margin: 10px;
   float: left;
   border: 10px solid #fff;*/
   overflow: hidden;
   position: relative;
   text-align: center;
  /* -webkit-box-shadow: 1px 1px 2px #e6e6e6;
   -moz-box-shadow: 1px 1px 2px #e6e6e6;
   box-shadow: 1px 1px 2px #e6e6e6;
   cursor: default;
   background: #fff url(../images/bgimg.jpg) no-repeat center center;*/
}
.view .mask {
   /*width: 300px;
   height: 200px;*/
   width:  100%;
   height: 100%;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.view img {
   display: block;
   position: relative;
}
.view h2 {
   text-transform: uppercase;
   color: #fff;
   text-align: center;
   position: relative;
   font-size: 17px;
   padding: 10px;
   background: rgba(0, 0, 0, 0.8);
   margin: 20px 0 0 0;
}
.view p {
   font-size: 12px;
   position: relative;
   color: #fff;
   padding: 10px 20px 20px;
   text-align: center;
}
.view a.info {
   display: inline-block;
   text-decoration: none;
   padding: 7px 14px;
   background: #000;
   color: #fff;
   text-transform: uppercase;
   -webkit-box-shadow: 0 0 1px #000;
   -moz-box-shadow: 0 0 1px #000;
   box-shadow: 0 0 1px #000;
}
.view a.info: hover {
   -webkit-box-shadow: 0 0 5px #000;
   -moz-box-shadow: 0 0 5px #000;
   box-shadow: 0 0 5px #000;
}

.view-fifth img {
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}
.view-fifth .mask {
	/*border-radius: 10px;*/
   background-color: rgba(239,223,0,1); /* rgba(255,204,51,0.75);*/
   -webkit-transform: translateX(-600px);
   -moz-transform: translateX(-600px);
   -o-transform: translateX(-600px);
   -ms-transform: translateX(-600px);
   transform: translateX(-600px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}
.view-fifth h2 {
   background: rgba(255, 255, 255, 0.5);
   color: #000;
   -webkit-box-shadow: 0px 1px 3px rgba(159, 141, 140, 0.5);
   -moz-box-shadow: 0px 1px 3px rgba(159, 141, 140, 0.5);
   box-shadow: 0px 1px 3px rgba(159, 141, 140, 0.5);
}
.view-fifth p {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   color: #333;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-fifth:hover .mask {
   -webkit-transform: translateX(0px);
   -moz-transform: translateX(0px);
   -o-transform: translateX(0px);
   -ms-transform: translateX(0px);
   transform: translateX(0px);
}
.view-fifth:hover img {
   -webkit-transform: translateX(300px);
   -moz-transform: translateX(300px);
   -o-transform: translateX(300px);
   -ms-transform: translateX(300px);
   transform: translateX(300px);
}
.view-fifth:hover p {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}

.google-maps { height: 550px; margin-bottom: 0px; }

.google-maps img { max-width: none }

a.btn-google {
	display: block;
	margin-bottom: 1px;
	padding: 10px;
	background-color: #000;
	border-radius: 4px;
	color: #fff !important;
	text-decoration: none;
}
a.btn-google:hover {
	color: #ccc !important;
}


header.bg_img, .deco.bg_img {
	background-attachment:scroll;
}

.afspraken {
    min-height: 5000px;
}
.afspraken iframe {
    display: block;
    min-height: 5000px;
}


/* Radio specials */

/*
geel nieuw 2022 = #efdf00  rgba(239,223,0,1)
*/

/*
.checkbox-dealer[type="radio"]:checked,
.checkbox-dealer[type="radio"]:not(:checked){
	position: absolute;
	left: -9999px;
	width: 0;
	height: 0;
	visibility: hidden;
}
.checkbox:checked + label,
.checkbox:not(:checked) + label{
	position: relative;
	display: inline-block;
	padding: 0;
	margin: 0 auto;
	background-color: #efdf00;
	z-index: 100 !important;
}
.checkbox:checked + label:before,
.checkbox:not(:checked) + label:before {
	position: absolute;
	cursor: pointer;
	top: -17px;
	z-index: 2;
	border-radius: 50%;
	-webkit-transition: all 300ms linear;
	transition: all 300ms linear; 
}
.checkbox:not(:checked) + label:before {
	content: '\eac1';
	left: 0;
	color: #ccc;
	background-color: #ccc;
}
.checkbox:checked + label:before {
	content: '\eb8f';
	left: 30px;
	color: #0f0;
	background-color: #00f;
}

.checkbox:checked ~ .section .container .row .col-12 p{
	color: #00f;
}
*/
.gutter-small {
	padding-right: 5px !important;
	padding-left: 5px !important;
}

.dealerradio {
	/*padding: 10px;*/
	/*font-size: 90%;*/	
	margin-bottom: 10px;
}

.dealerradio .inner {
	background-color: #f2f2f2;
	/*padding: 10px;*/
}


.checkbox-dealer[type="radio"]:checked,
.checkbox-dealer[type="radio"]:not(:checked){
	position: absolute;
	left: -9999px;
	width: 0;
	height: 0;
	visibility: hidden;
}

.checkbox-dealer:checked + label,
.checkbox-dealer:not(:checked) + label{
	position: relative;
	display: block;
	padding: 0;
	margin: 0 auto;
	overflow: hidden;
	cursor: pointer;
	-webkit-transition: all 300ms linear;
	transition: all 300ms linear; 
	color: #000;
}
.checkbox-dealer:not(:checked) + label{
	/*background-color: #ccc;*/
}
.checkbox-dealer:checked + label{
	background-color: transparent;
}
.checkbox-dealer:not(:checked) + label:hover{
	/*box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);*/
}
.checkbox-dealer:checked + label::before,
.checkbox-dealer:not(:checked) + label::before{
	position: absolute;
	white-space: pre;
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #efdf00;
	z-index: -1;
	padding: 10px;
}
.checkbox-dealer:checked + label div,
.checkbox-dealer:not(:checked) + label div{
	position: relative;
	display: block;
	padding: 10px;
}
.checkbox-dealer:checked + label div::before,
.checkbox-dealer:not(:checked) + label div::before{
	position: absolute;
	
	content: attr(data-hover1) "\A" attr(data-hover2) "\A" attr(data-hover3) "\A" attr(data-hover4);
	white-space: pre-wrap;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
	max-height: 100%;
	overflow: hidden;
	color: #000;
	background-color: #efdf00;
	-webkit-transition: max-height 0.3s;
	-moz-transition: max-height 0.3s;
	transition: max-height 0.3s;
}
.checkbox-dealer:not(:checked) + label div::before{
	max-height: 0;
}
.checkbox-dealer:checked + label div::before{
	max-height: 100%;
	white-space: pre-wrap;
	font-weight: bold;
	display: block;
	padding: 10px;
}

.checkbox:checked ~ .section .container .row .col-xl-10 .checkbox-dealer:not(:checked) + label{
	background-color: #efdf00;
	/*box-shadow: 0 1x 4px 0 rgba(0, 0, 0, 0.05);*/
}


/* Small Devices, Tablets */
@media only screen and (max-width: 767px) {
	header h1,.studio header h1,.portfolio_version header h1 {
		font-size:40px;
		line-height:50px;
	}
	
	.creative_agency header h1 {
		margin-bottom:15px;
		font-size:40px;
		line-height:50px;
	}
	
	/* Mob menu */
	.mob_button {
		display:block;
	}
	
	nav.nav_bar .logo {
		position:relative;
		z-index:11;
	}
	
	.logo .Renault_logo {
		max-height: 90px;
	}
	
	nav.nav_bar .row {
		height:124px;
		z-index:1;
	}
	
	nav.nav_bar .menu {
		position:fixed;
		top:0;
		left:0;
		right:0;
		bottom:0;
		display:block;
		width:100%;
		min-height:100vh;
		padding:10px;
		padding-top:25vh;
		background-color:#000;
		-webkit-box-shadow:0 0 10px rgba(0,0,0,0.5);
		box-shadow:0 0 10px rgba(0,0,0,0.5);
		-webkit-transition:.5s linear;
		-o-transition:.5s linear;
		transition:.5s linear;
		overflow-y:scroll;
		visibility:hidden;
		opacity:0;
		z-index:-1;
	}
	
	nav.nav_bar .menu li {
		width:100%;
		margin:0;
		margin-bottom:10px;
		text-align:center;
	}
	
	nav.nav_bar .menu li:last-child {
		margin-bottom:0;
	}
	
	nav.nav_bar .menu li a {
		display:inline-block;
		color:#fff;
	}
	
	nav.nav_bar .menu li a:hover,nav.nav_bar .menu li a.active {
		color:#ccc;
	}
	
	nav.nav_bar .menu_vissible {
		opacity:1;
		visibility:visible;
		z-index:5;
	}
	
	nav.nav_scroll .logo {
		position:relative;
		z-index:11;
	}
	
	nav.nav_scroll:before {
		content:'';
		position:absolute;
		top:0;
		right:0;
		bottom:0;
		left:0;
		background-color:#000;
		z-index:0;
	}
	
	nav.nav_bar_mob {
		bottom:0;
	}
	#top_block .pl-100 {
		padding-left: 10px;
	}
	
	#top_block .pr-100 {
		padding-right: 10px;	
	}
	
	header.bg_img, .deco.bg_img {
		background-attachment:scroll;
	}
	.msp-layer-1 { font-family:"NouvelR";font-weight:normal;font-size:40px;line-height:1.5;color:#000;white-space:normal; min-width: 500px !important;} /* text-align:center;*/ 
	.msp-layer-2 { font-family:"NouvelR";font-weight:normal;font-size:20px;line-height:normal;color:#fff; white-space:normal; min-width: 500px !important; } /* white-space:nowrap; text-align:center;*/

	.msp-layer-22 .titel {
		display: inline-block;
		font-size:24px;
		padding-bottom: 15px;
	} 
	
	.msp-layer-22 .subtitel {
		display: inline-block;
		font-size: 14px;
		padding-bottom: 15px;
	} 
	

}

/* Extra Small Devices, Phones */
@media only screen and (max-width: 480px) {
	body {
		font-size:14px;
	}
	
	#top_block .pl-100 {
		padding-left: 0px;
	}
	
	#top_block .pr-100 {
		padding-right: 0px;	
	}
	
	header.bg_img, .deco.bg_img {
		background-attachment:scroll;
	}

	.msp-layer-1 { font-family:"NouvelR";font-weight:normal;font-size:40px;line-height:1.5;color:#000;white-space:normal; min-width: 300px !important; margin-top: 20px;} /* text-align:center; */
	.msp-layer-2 { font-family:"NouvelR";font-weight:normal;font-size:30px;line-height:normal;color:#fff; white-space:normal; min-width: 300px !important; } /* white-space:nowrap; text-align:center;*/
	
    .btn-big {
		padding:20px 30px;
		font-size:16px;
	}
	
}
@media only screen and (min-width: 968px) {

	.msp-layer-1 { font-family:"NouvelR";font-weight:normal;font-size:30px;line-height:1.5;color:#000;white-space:nowrap;  min-width: 700px !important;} /* white-space:nowrap; */
	.msp-layer-2 { font-family:"NouvelR";font-weight:normal;font-size:20px;line-height:normal;color:#fff; white-space:normal; min-width: 700px !important; } /* white-space:nowrap; text-align:center;*/
	
	.btn-big {
		padding:30px 40px;
		font-size:16px;
	}
}


/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {  
    .afspraken {
        min-height: 2400px;
    }
    .afspraken iframe {
        display: block;
        min-height: 2400px;
    }
}
 
/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {  
    .afspraken {
        min-height: 1400px;
    }
    .afspraken iframe {
        display: block;
        min-height: 1400px;
    }
}
 
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
    .afspraken {
        min-height: 1200px;
    }
    .afspraken iframe {
        display: block;
        min-height: 1200px;
    }
}
 
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  
    .afspraken {
        min-height: 800px;
    }
    .afspraken iframe {
        display: block;
        min-height: 800px;
    }
}