/*variables*/
	:root{
		--arc-blue: #1356a9;
		--arc-white: #fff;
		--arc-black: #000;
		--arc-red: #dd5454;
		--arc-border: #ddd;
		--arc-bg-accent: #e8e8fa80;
		--arc-error-message: #f00;
		--arc-bg-special: #f0f3ab;
		--arc-box-shadow: #999;
		--arc-box-shadow2: #333;
		--arc-box-chosenoption: #99cca3;
		--arc-repreq: #fff;
	}
/*end variables*/

/*general CSS*/
	body { color: var(--arc-black); font-size: 10pt; background: var(--arc-white); margin: 0; }
	body, li.featured a { font-family: 'Tahoma, Geneva, sans-serif', sans-serif; font-weight: 100; font-style: normal; height:100%; overflow-y: scroll; }
	.btn, .btn2, .navigation, li a { font-family: 'Tahoma, Geneva, sans-serif', sans-serif; font-weight: 200; font-style: normal; }
	strong { font-weight: 400; font-style: normal; }
	p { font-size:10pt; line-height: 15pt; padding:0; margin-left:10%; margin-right:10%;}
	a { color: var(--arc-blue); text-decoration: none; }
	a:hover, a:active, a:focus { color: var(--arc-black); text-decoration: underline; outline: none; transition: 0.3s; }
	img { pointer-events: none; } /*remove tooltips*/
	.container { z-index: 1; position: relative; }
	.containerblue { background: var(--arc-blue); opacity: .95; z-index: 1; position: relative; }
	.dotted {border-top: 1px solid var(--arc-border);}
	.infotitle {text-align: center; margin-top: 20px; margin-bottom: 20px; font-style: normal; font-size: 25pt;}
	::selection { background-color: var(--arc-blue); color: var(--arc-white); }
	.light { color: var(--arc-white); }
	.dark { color: var(--arc-black); }
	.small {font-size:11px;}
	.requestParagraph { font-size: 10pt;}
	.center {text-align:center;}
	.divcenter { margin: auto; width: 50%;}
	.left {text-align:left;}
	.right {text-align:right;}
	.section { min-height: 200px; background-color: var(--arc-white); padding-bottom: 0px; padding-top: 0px; overflow: hidden; position: relative; text-align: center; }
	.sectionsmall { min-height: 30px; background-color: var(--arc-white); padding-bottom: 0px; padding-top: 0px; overflow: hidden; position: relative; text-align: center; }
	.contentblock {margin-bottom: 1%;} /* gebruikt bij index */
	.hideonmob { margin-right:1%;}
	.elementpad {padding: 5px;}
	.footpad {padding-top: 30px;}
	.footnote { font-size: 9px;}
	input {	margin-bottom: 2px; margin-top: 1px; } /*  background-color: var(--arc-repreq);  */
	select { margin-bottom: 2px; margin-top: 6px; -webkit-border-radius: 0;	border: 0; outline: 1px solid #ccc; outline-offset: -1px; }
	textarea { margin-top: 2px;  vertical-align: top; }
	.errormessage { color: var(--arc-error-message); font-weight: bold; }
	.popupWindow { display: none; position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); width: 220px; height: 220px; border: 3px solid #d1d1d1; z-index: 9; background-color: #fff; padding: 0 3% 3% 3%; }
	.popupWindowTransport { display: none; position: fixed; bottom: 25%; left: 50%; transform: translateY(0%) translateX(-50%); min-width: 400px; width: auto; height: auto; border: 3px solid #d1d1d1; z-index: 9; background-color: #fff; padding: 0 1% 1% 1%; }
	.requestPriorOptionsBorder { border-right: 0px solid #000; }
	.priorOptZone { cursor: pointer; border: 1px solid var(--arc-box-shadow); border-radius: 5px; margin: 3px; padding: 3px;} /* can be removed if there is no line needed between the appointments (@media as well) */
	.priorOptZone:hover { transition: 0.3s; transform: scale(1.04); }
	.priorOptZone h1 {font-size:15pt; padding-top:10px; }
	.photospageitems { text-align: center; }
	.photospageitems img { pointer-events: auto !important; }
	@media (max-width: 1215px){
		.priorOptZone { margin: 1px; padding: 1px; }
		.priorOptZone h1 {font-size:12pt; padding-top:3px; }
		.priorOptZone p {font-size:8pt; padding-top:3px; }
	}
	@media (max-width: 1024px) {
		p {font-size: 9pt;}
		.section { min-height: 130px; }
		.btn { font-size: 12px; }
		.btn2 { font-size: 12px; }
		.small { font-size: 9px;}
		.footnote { font-size: 8px;}
		.infotitle { padding-top: 40px; font-size: 15pt; font-weight: bold;}
		.requestParagraph { font-size: 9pt;}
		.requestPriorOptionsBorder { border-right: 0; border-bottom: 0px solid #000; padding-bottom:20px; }
	}
	@media (max-width: 496px) {
		.infotitle { padding-top: 40px; font-size: 15pt;}
	}

	/*end general CSS*/

/*input field*/
	.DivInputField { position: relative; padding-top: 10px;	}
	.DivInputField .inputText { outline: none; border:none; border-bottom: 1px solid rgb(211, 211, 211); box-shadow: none !important; }
	.DivInputField .inputText:focus { border-color: var(--arc-blue); border-width: medium medium 2px; }
	.DivInputField .inputLabel { position: absolute; pointer-events: none; top: 11px; left: 5px; transition: 0.2s ease all; color: rgb(161, 161, 161); font-size: 9pt; }
	.DivInputField .inputLabelSpan { position: absolute; pointer-events: none; top: 11px; left: 5px; transition: 0.2s ease all; color: rgb(161, 161, 161); font-size: 9pt; }
	.DivInputField input:focus ~ .inputLabel,
	.DivInputField textarea:focus ~ .inputLabel,
	.DivInputField input:disabled ~ .inputLabel,
	.DivInputField textarea:disabled ~ .inputLabel { top: 4px; left: 0px; font-size: 7pt; opacity: 1;  color: var(--arc-blue); }
	.DivInputField input:focus ~ .inputLabelSpan,
	.DivInputField textarea:disabled ~ .inputLabelSpan { top: 0px; left: 0px; font-size: 7pt; opacity: 1;  color: var(--arc-blue); }
	.DivInputField input:not(:placeholder-shown):valid ~ .inputLabel,
	.DivInputField textarea:not(:placeholder-shown):valid ~ .inputLabel { top: 4px; left: 0px; font-size: 7pt; opacity: 1; }
	.DivInputField input:not(:placeholder-shown):valid ~ .inputLabelSpan,
	.DivInputField textarea:not(:placeholder-shown):valid ~ .inputLabelSpan { top: 0px; left: 0px; font-size: 7pt; opacity: 1; }
	.DivInputField input[type="checkbox"]{  opacity: 0; cursor: pointer; height: 16px; width: 24px; position: absolute; top: 0; left: 0; z-index: 2; }
	.DivInputField input[type="checkbox"] + label { background-image: url(../img/pw/eyeopen.png); top: 0; left: 0; height: 16px; width: 24px; display:inline-block; padding: 0 0 0 0px; position: absolute; z-index: 1; }
	.DivInputField input[type="checkbox"]:checked + label { background-image: url(../img/pw/eyeforb.png); top: 0; left: 0; height: 16px; width: 24px; display:inline-block; padding: 0 0 0 0px; position: absolute; z-index: 1; }
	.InputDropDown { width:auto; max-width:300px; }
	.InputTextA { margin-left:5px; margin-right:5px; width:450px; max-width:450px; height: auto; max-height:100px; overflow:hidden;  }
	.InputTextF {margin-left:5px; margin-right:5px; }
	@media (max-width: 480px) {
		.InputDropDown { width:150px; }
		.DivInputField .inputLabel { font-size: 8pt;}
		.DivInputField .inputText:not(.InputTextA):not(.InputTextF){ width: 85%; }
		.InputTextA { width:85%; }
		.InputTextF { width:85%; }
	}
	/*end input field*/

/*message*/
	.message { padding: 15px; background-color: var(--arc-blue); color: var(--arc-white); text-align:center;}
	.closebtn { margin-left: 15px; color: var(--arc-white); font-weight: bold; float: right; font-size: 22px; line-height: 20px; cursor: pointer; transition: 0.3s; }
	.closebtn:hover { color: var(--arc-black); }
	@media (max-width: 480px) {
		.message { margin-top: 50px; padding: 1px; background-color: var(--arc-blue); color: var(--arc-white); text-align:center;}
		.closebtn { color: var(--arc-white); font-weight: bold; float: right; font-size: 10px; line-height: 20px; cursor: pointer; transition: 0.3s; }
		.closebtn:hover { color: var(--arc-black); }
	}
/*end message*/

/*grayed alternating boxes*/
	.proclayout {background-color:var(--arc-bg-accent); padding: 5px; border-radius:5px;}
	.proclayoutl {padding-left: 20%;}
	.proclayoutll {padding-left: 12%; padding-bottom: 1%;}
/*end grayed alternating boxes*/

/*forms layout*/	
	.formlayoutcm { width: 280px; display: block; margin-top: 30px; margin-left: auto; margin-right: auto; } /*nog aan te passen for mobile*/
	.formlayoutquote { display: block; margin-left: 10%; margin-right: auto; }
	.formlayoutquoteright { width: 100%; display: block; margin-left: 60%; margin-right: auto; }
	.formlayoutc2 { padding-left: 10%; width:100%;}
	.formlayoutc3 { padding-left: 35%; width:100%;}
	.formswrapper {	width: 100%; overflow: hidden; }
	.formsfirst { width: 100px;	float:left; margin-left:5px; margin-right:5px; margin-top:5px; }
	.formssecond { overflow: hidden; padding:2px; }
	.formsfirstw { width: 200px; float:left;}
	.formssecondw {	overflow: hidden; padding:2px; }
	.formswrapperc { width: 100%; overflow: hidden; }
	.formsfirstc { width: 50%; float:left; text-align:center; }
	.formssecondc {	overflow: hidden; text-align:center; }
	.formswrapperr { width: 100%; float:left; overflow: hidden; margin-left:5px; }
	@media (max-width: 480px) {
		.formlayoutquote { margin-left: 4%; }
		.formlayoutquoteright { margin-left: 4%; }
		.formswrapper {	-webkit-transform: scale(.8); margin-left: 0px; padding-left:0px; }
		.formlayout { padding-bottom: 8px; padding-left: 0%; padding-right: 0%; width:100%; font-size:9pt;}
		.formlayoutc { padding-left: 5%; padding-right: 0px; margin-left:5px; margin-right:5px; width:100%}
		.formlayoutc1 { font-size:9pt;}
		.formlayoutc3 { padding-left: 20%; width:100%; padding-bottom:40px;}
		.formsfirst { font-size:10pt; float:left; margin-left:0px; margin-right:0px; }
		.formssecond { font-size:10pt; float:left; padding-left:0px; overflow: hidden; }
		.formsfirstc { font-size:9pt; float:left; }
		.formssecondc { font-size:9pt; }
	}
/*end forms layout*/

/*start language menu*/
	.subddbtn { background-color: #fff; color: black; padding: 3px; font-size: 10pt; border: none; cursor: pointer; }
	.subddmenu { position: relative; display: inline-block; margin-left:0px; margin-right:0px; margin-bottom:-5px; }
	.subddmenu-content { display: none; position: absolute; padding:5px; right:0; background-color: #fff; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1002; text-align: center; }
	.subddmenu-content span { width: 100%; color: black; white-space: nowrap; font-size: 10pt; }
	.subddmenu-content button { margin-top: 10px; margin-bottom: 5px; }
	.subddmenu-content h11 { width: 100%; color: black; padding: 5px; margin-top:10px; font-size: 9pt; display: block; text-align: center; white-space: nowrap;}
	.subddmenu-content a { width: 100%; color: black; padding: 5px; font-size: 10pt; display: block; text-align: left; white-space: nowrap; }
	.subddmenu-content a:hover { background-color: #f1f1f1; }
	.subddmenu:hover .subddmenu-content { display: block; }
	.subddmenu:hover .subddbtn { background-color: #fff; }
	.subddAdown { position: relative; top: -3px; content: ""; display: inline-block; width: 7px; height: 7px; border-right: 0.2em solid black; border-top: 0.2em solid black; transform: rotate(135deg); margin-right: 2px; margin-left: 4px; }
	.subddAup { position: relative; top: -3px; content: ""; display: inline-block; width: 7px; height: 7px; border-right: 0.2em solid black; border-top: 0.2em solid black; transform: rotate(-45deg); margin-right: 2px;; margin-left: 4px; }
	@media (max-width: 1200px) {
		.subddmenu { margin-top:7px; }
	}
	@media (max-width: 480px) {
		.subddbtn { padding-top: 4px; padding-bottom: 3px; padding-left: 1px; padding-right: 1px; font-size: 9pt; }
		.subddmenu-content { display: none; position: absolute; text-align: center; padding:10px; right:0;}
	}
/*end language menu*/

/*procedure*/
	.procedurewrapper { padding-top: 10px; padding-bottom: 10px; }
	.procedurewrapper h2 { font-size: 13pt; font-weight: bold; }
	.procedurewrapper h3 { font-size: 12pt; font-weight: bold; }

	.procedurewrapper .bold { font-weight: bold; }
	.procedurewrapper p { text-align: left; }
	@media (max-width: 480px) {
		.procedurewrapper {padding-top:10px; padding-bottom:10px;}
		.procedurewrapper h2 { font-size: 10pt; }
		.procedurewrapper h3 { padding-top: 5px; margin-top: 0px;}
	}
	.repair-steps-wrapper {  background-color: var(--arc-bg-accent); margin: 5px; text-align: center; height: 260px; padding: 0px; padding-top:5px; -webkit-border-radius: 15px; -webkit-background-clip: padding-box; -moz-border-radius: 15px; -moz-background-clip: padding; border-radius: 15px; background-clip: padding-box;	-webkit-box-shadow: 0 0 3px var(--arc-box-shadow); -moz-box-shadow: 0 0 3px var(--arc-box-shadow); box-shadow: 0 0 3px var(--arc-box-shadow); color: 0 0 3px var(--arc-box-shadow); }
	.repair-steps-wrapper:hover { -webkit-box-shadow: 0 0 8px var(--arc-box-shadow2); -moz-box-shadow: 0 0 8px var(--arc-box-shadow2); box-shadow: 0 0 8px var(--arc-box-shadow2); color: 0 0 8px var(--arc-box-shadow2); z-index: 5; cursor: pointer; color: var(--arc-blue); transition: 0.3s; }
	.repair-steps-wrapper .number { font-size: 12pt; font-weight: bold; margin: 10px 0 !important; color:#404040; }
	.repair-steps-wrapper .info { margin: 15px 10px; font-size: 8pt; line-height: 1.2; color:#404040; text-align:left; overflow-wrap: break-word; }
	h2 { font-size: 16pt; }
	h3 { font-size: 12pt; }
	@media (max-width: 1200px) {
		h2 { font-size: 14pt;}
		.repair-steps-wrapper {height: 2700px;}
		.repair-steps-wrapper .number { margin: 10px 0 !important;}
		.repair-steps-wrapper .info { margin: 5px 10px; }
	}
	@media (max-width: 1000px) {
		h2 { font-size: 12pt;}
		.repair-steps-wrapper {height: auto; min-width:100%; margin: 5px 0px; padding: 5px 0px;}
		.repair-steps-wrapper .number { font-size: 15pt; font-weight: bold; }
		.repair-steps-wrapper .info { font-size: 10pt; margin: 15px 20px !important; }
	}
/*end procedure*/

/*tables*/
	div.prijzen { width: auto; border-collapse: collapse; margin-left:auto; margin-right:auto; text-align: left;}
	.divTable.prijzen .divTableCell, .divTable.prijzen .divTableHead { border: 0px solid #4A4A4A; padding-right: 20px; padding-left: 20px;}
	.divTable.prijzen .divTableRow:nth-child(even) { background: #D4D4D4;}
	.divTable.prijzen .divTableHeading { background: #1356A9;}
	.divTable.prijzen .divTableHeading .divTableHead { color: #FFFFFF;}

	div.status { width: auto; font-size: 9pt; line-height: 20pt; border-collapse: collapse; margin-left:auto; margin-right:auto; }
	.divTable.status .divTableCell, .divTable.status .divTableHead { border: 1px solid #4A4A4A; padding-right: 10px; padding-left: 10px;}
	.divTable.status .divTableRow:nth-child(even) { background: #e3e3e3;}
	.divTable.status .divTableHeading { background: #1356A9; }
	.divTable.status .divTableHeading .divTableHead { color: #FFFFFF; font-weight:bold; }

	div.rma { width: auto; font-size: 9pt; line-height: 20pt; border-collapse: collapse; margin-left:auto; margin-right:auto; }
	.divTable.rma .divTableCell, .divTable.rma .divTableHead { border: 0px solid #4A4A4A; padding-right: 10px; padding-left: 10px;}
	.divTable.rma .divTableRow:nth-child(even) { background: #f7f5f5;}
	.divTable.rma .divTableHeading { border-bottom: 1px solid #e1dfdf;}
	.divTable.rma .divTableHeading .divTableHead { color: #000; font-weight:bold; }

	.divTable{ display: table; }
	.divTableRow { display: table-row; }
	.divTableHeading { display: table-header-group;}
	.divTableCell, .divTableHead { display: table-cell;}
	.divTableHeading { display: table-header-group;}
	.divTableFoot { display: table-footer-group;}
	.divTableBody { display: table-row-group;}
	
	@media (max-width: 480px) {
		div.prijzen { width: 80%; font-size: 8pt;}
		div.status { width: 100%; font-size: 8pt; margin-left:0px; margin-right:0px; }
		.divTable.status .divTableCell, .divTable.status .divTableHead { border: 1px solid #4A4A4A; margin-left:0px; margin-right:0px;}
	}

/*end tables*/

/*offline-message*/
	#offline-message { display: none; position: fixed; bottom: 15px; right: 2%; padding: 20px 30px; background: var(--arc-bg-special); border: 1px solid; font-weight: bold; z-index: 50; }
	@media (max-width: 480px) {
		#offline-message { width: 96%; left: 2%; right: 2%; font-size: 8pt;}
	}
/*end offline-message*/

/*important-message*/
	[id^='important-message'] { position: fixed; bottom: 15px; right: 2%; padding-top: 0px; padding-bottom: 15px; padding-left: 10px; padding-right: 10px; background: var(--arc-bg-special); border-radius: 5px; border: 1px solid; font-weight: bold; z-index: 60; }
	/* exp. important-message1 and important-message2: in order to have multiple messages with timer ready. Otherwise duplicate ID. */
	.closemessage { cursor: pointer; position: absolute; top: 0; right: 3px; font-size: 13px; }
	.closemessage:hover { font-size: 14px; transition: 0.3s; }
	.closetext { padding-top:15px; }
	@media (max-width: 600px) {
		[id^='important-message'] { text-align:center; width: 96%; bottom: 5px; left: 2%; right: 2%; padding: 0px; padding-bottom:5px; font-size: 8pt; }
		.closemessage { top: 0; right: 3px; font-size: 11px; }
		.closemessage:hover { font-size: 10px; }
		.closetext { padding-top:5px; padding-left: 15px; padding-right:15px; }
	}
/*end offline-message*/

/*Start Language*/
	body.en :lang(fr), body.en :lang(nl) { display: none; }
	body.fr :lang(nl), body.fr :lang(en) { display: none; }
	body.nl :lang(en), body.nl :lang(fr) { display: none; }
/*end Language*/

/*start navigationbar*/
	.navigation-bar-header { background: var(--arc-white); position: relative; z-index: 8; }
	.navigation-bar-header.sticky { position: fixed; top:0px; display: block; width: 100%; z-index: 9; }
	.sticky-wrapper { margin-top: 0px; height: 45px; }
	.navigation { margin-left: -40px; margin-right: -40px;}
	.navigation-bar { margin: 0 auto; padding: 0; list-style: none; text-align: left; display: table; }
	.navigation-bar-left { float: left; width: 100%;}
	.navigation-bar-center { float: right; width:81%; text-align:center; margin-top: 11px;}
	.navigation-bar-right { float: right; text-align: center; margin-right: 12px; }
	.navigation-bar:after { content: ''; clear: both; }
	.navigation-bar > li { display: inline-block; padding-bottom: 5px; padding-top: 5px; }
	.navigation-bar > li a { font-size: 11pt; color: var(--arc-black); display: inline-block; padding-left: 7px; padding-right: 7px; } /*big menu items*/
	.navigation-bar > li a:Hover, .navigation-bar > li a.active { color: var(--arc-blue); text-decoration: none;  transition: 0.3s;}
	/*.navigation-bar > li.active a { color: var(--arc-blue); }*/
	.navigation-bar > li.featured {opacity:0;  -webkit-transition: all .5s linear;-moz-transition: all .5s linear; transition: all .5s linear;}
	.sticky .navigation-bar > li.featured {opacity:1;}
	.navigation-bar > li.featured {padding-bottom: 1px; padding-top: 1px; margin-right: 25px; float: right; }
	.navigation-bar > li.featured i{ padding-right: 10px;}
	.navigation-bar > li.featured a { background:v ar(--arc-blue); outline: 1px solid var(--arc-blue); text-decoration: none; padding-left: 10px; padding-right: 1px; margin-left: 5px; font-size: 14px;	}
	.navigation-bar > li.featured a:hover {background: var(--arc-blue); color:var(--arc-white); outline:1px solid var(--arc-blue); transition: 0.3s; }
	.navigation-bar > lo {color: var(--arc-black);}
	.navigation-bar > lo a { font-size: 12px; color: var(--arc-black); display: inline-block; padding-left: 1px; padding-right: 13px; padding-bottom: 5px; padding-top: 5px; } /*small menu items*/
	.navigation-bar > lo a:Hover,
	.navigation-bar > lo a.active { color: var(--arc-blue); text-decoration: none; }
	.navigation-bar > lo.active a { color: var(--arc-blue); }
	.navigation-bar > lo.featured a:hover {background: var(--arc-blue); color:var(--arc-white); outline:1px solid var(--arc-blue); transition: 0.3s; } 
	.navigation-bar > lo a { font-size: 11px; color: var(--arc-black); display: inline-block; }/*small menu items*/
	.navigation-bar > lo span { font-size: 11px; color: var(--arc-black); display: inline-block; }/*small menu items*/
	.navigation-bar-subheader { background: var(--arc-blue); position: relative; z-index: 1; font-weight: 600; }
	.navigation-bar-message { background: var(--arc-red); position: relative; z-index: 1; }
	.navigation-bar > la { display: inline-block; padding-bottom: 5px; padding-top: 7px; }
	.navigation-bar > la a { font-size: 12px; color: var(--arc-white); display: inline-block; padding-left: 25px; padding-right: 25px; }
	.navigation-bar > la b { font-size: 12px; color: var(--arc-white); display: inline-block; padding-left: 25px; padding-right: 25px; }
	.navigation-bar > la a:Hover, .navigation-bar > la a.active { text-decoration: none; color: #E7EFFF}
	.sticky .navigation-bar > la.featured { opacity:1; }
	.navigation-toggle { height: 50px; float: right; }
	.nav-tabs-default { border: 1px solid var(--arc-border); }
	.nav-tabs-default .nav-tabs { border-bottom: none; }
	.nav-tabs-default .nav-tabs li  { text-align: center; }
	.nav-tabs-default .nav-tabs li a, 
	.nav-tabs-default .nav-tabs li a:Hover,
	.nav-tabs-default .nav-tabs.nav-justified > .active>a, 
	.nav-tabs-default .nav-tabs.nav-justified > .active>a:hover, 
	.nav-tabs-default .nav-tabs.nav-justified > .active>a:focus,
	.nav-tabs-default .nav-tabs > .active>a, 
	.nav-tabs-default .nav-tabs > .active>a:hover, 
	.nav-tabs-default .nav-tabs > .active>a:focus  { border: none; }
	.nav-tabs-default > .nav-tabs > li > a { padding: 15px 45px !important; }
	.nav-tabs-default > .nav-tabs.nav-justified > li > a { padding: 20px 15px !important; }
	.nav-tabs-default > .nav-tabs > li { border-right: 1px solid var(--arc-border); margin-bottom: 0; }
	.nav-tabs-default > .nav-tabs > li:last-child { border-right: none; }
	.nav-tabs-default > .nav-tabs > li > a { margin-right: 0; border-radius: 0; border: none; padding: 20px 15px; }
	.nav-tabs-default > .nav-tabs > li:Hover > a, 
	.nav-tabs-default > .nav-tabs > li.active > a { background: var(--arc-blue); color: var(--arc-white); }
	.nav-tabs-default > .nav-tabs > li .title { font-size: 25px; }
	.nav-tabs-default > .nav-tabs > li .subtitle { font-size: 18px; }
	.nav-tabs-default > .nav-tabs > li.active { position: relative; }
	.nav-tabs-default > .nav-tabs > li.active:after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none;	border-color: rgba(255, 73, 25, 0);	border-top-color: #284a8b; border-width: 7px 10px; margin-left: -10px; 	z-index: 1;	}
	.nav-tabs-default > .tab-content > .tab-pane { text-align: left; }
	.nav-tabs-default > .tab-content > .tab-pane { border-top: 1px solid var(--arc-border); }
	.nav-tabs-default .tab-pane .nav-tabs { background: var(--arc-white); }
	.nav-tabs-default .tab-pane .nav-tabs > li > a { position:relative; z-index: 0; background: var(--arc-white); color: var(--arc-blue); font-size: 18px; padding-top: 20px; padding-bottom: 15px; padding-left: 45px; padding-right: 45px; }
	.nav-tabs-default .tab-pane .nav-tabs > li:Hover a, 
	.nav-tabs-default .tab-pane .nav-tabs > li.active > a,
	.nav-tabs-default .tab-pane .nav-tabs > li.active:Hover > a { border-bottom: 1px solid var(--arc-blue);color: var(--arc-blue); }
	.nav-tabs-default .tab-pane .tab-pane { padding: 20px; padding-bottom: 10px; min-height: 100px; }
	.nav-tabs-default .tab-pane .nav-tabs.nav-justified > li > a { padding-left: 15px; padding-right: 15px; }
	.nav-tabs-simple .nav-tabs { position: relative; top:-30px; margin-bottom: 20px; }
	.nav-tabs-simple .tab-content { position: relative; margin-top: -10px; padding-bottom: 10px; }
	.nav-tabs-simple .nav-tabs li { border-bottom:1px solid var(--arc-blue); padding-bottom: 40px; text-align: center; }
	.nav-tabs-simple .nav-tabs li a { border: 1px solid transparent; font-size: 25px; color: var(--arc-black); }
	.nav-tabs-simple .nav-tabs li a:Hover { background: none; color: var(--arc-blue); }
	.nav-tabs-simple .nav-tabs li.active a { color: var(--arc-blue); }
	.nav-tabs-simple .nav-tabs li.active { position: relative; z-index: 1; }
	.nav-tabs-simple .nav-tabs li.active:after,
	.nav-tabs-simple .nav-tabs li.active:before { top: 100%; left: 50%; border: solid transparent; content: ''; height: 0; width: 0; position: absolute; pointer-events: none; }
	.nav-tabs-simple .nav-tabs li.active:before { border-color: rgba(234, 234, 234, 0); border-top-color: var(--arc-blue); border-width: 12px 17px; margin-left: -12px; }
	.nav-tabs-simple .nav-tabs li.active:after { border-color: rgba(250, 250, 250, 0); border-top-color: var(--arc-white); border-width: 10px 15px; margin-left: -10px; }
	.nav-tabs-simple .tab-pane h7, .nav-tabs-simple .tab-pane .h7 { display: block; }
	.nav-tabs-simple .nav-tabs .icon { font-size: 40px; border: 1px solid var(--arc-blue); padding: 13px 18px 10px; border-radius: 70px; position: relative; top: 27px; margin-right: 7px; height: 76px; }
	.nav-tabs-simple .nav-tabs li.active .icon, .nav-tabs-simple .nav-tabs li a:Hover .icon { border-color: var(--arc-blue); }
	.nav-tabs-simple .nav-tabs.nav-justified>.active>a, .nav-tabs-simple .nav-tabs.nav-justified>.active>a:hover, .nav-tabs-simple .nav-tabs.nav-justified>.active>a:focus { border: none; }
	.table > thead > tr > th { background: #284a8b; color: var(--arc-white); border-bottom: 0; }
	.table > thead > tr > th, .table > tbody > tr > td { font-size: 18px; font-weight: 200; padding: 15px 20px; }
	.table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th { background: var(--arc-white); }
	.table-striped > tbody > tr:nth-child(even) > td, .table-striped > tbody > tr:nth-child(even) > th { background: var(--arc-blue); }
	.icon-example ul { padding: 10px 0 0; }
	.icon-example li { margin: 0 10px; }
	.icon-example .icon { font-size: 53px; }
	.icon-example p a { text-decoration: underline; }
	.progress { height: 30px; border-radius: 0; -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,0); box-shadow: inset 0 0px 0px rgba(0,0,0,0); border: 1px solid #FF714A; background: var(--arc-white); }
	.progress .progress-bar { background-color: var(--arc-blue); }
	.progress-small { background: var(--arc-blue); height: 10px; border: none; }
	.progress-small .progress-bar { background-color: var(--arc-blue); }
	.form .form-group { margin-bottom: 25px; }
	.form .form-group+.form-group { margin-top: -10px; }
	.form .form-control { height: 55px; border: 1px solid var(--arc-border); border-radius: 0; box-shadow: 0px 0px 0px transparent; background: var(--arc-white); font-size: 18px; }
	@media (max-width: 1200px) {
		.navigation-bar-center { width:78%; margin-top: 9px; }
		.navigation-bar-right { margin-top:-2px; }
		.navigation-bar > li a { font-size: 10pt; padding-top: 7px; }
	}
	@media (max-width: 1000px) {
		.navigation-bar li a, .navigation-txt { font-weight: bold; padding-top: 3px;}
		.navigation-bar > la { font-size: 8px; }
		.nav-tabs-simple { margin-top:25px; }
		.nav-tabs-simple .nav-tabs li a { font-size: 20px; padding: 0; }	
		.navigation.open a {z-index:1001; position:relative; display:block; font-weight: bold;}
		.nav-tabs-simple .nav-tabs .icon { display: none; }
		.nav-tabs-simple .nav-tabs.nav-justified > li { display: table-cell; width: 1%; }
		#map {position: relative; padding:105px 0px; } /*200 aanpassen om onderaan te laten uitkomen*/
		#canvas-map { position: absolute; height:270px; width:100%; top: 0;right: 0;bottom: 0;left: 0; z-index: 1; }
		.location {background: #F1F0F0;}
		#footer .navigation-bar > li { padding-top: 0; padding-bottom: 0; }
		#footer .navigation-bar > li a { padding-left: 10px; padding-right: 10px; font-size: 16px; }
		#footer .navigation-bar-right {	float: none; text-align: center; display: block; clear: both; }
		#footer .navigation-bar-left { float: none;	text-align: center;	display: block;	}
		#mobileheader { position: fixed; width: 100%; display: block; z-index: 999; background: var(--arc-white); top:0; } /* border-bottom: 1px #888 solid; */
		#mobileheader .navigation-img { position: absolute; line-height: 10px; cursor: default; cursor: default; width:auto; height:auto; min-width:6%; min-height:6%; padding-bottom:16px; padding-left:35px; }
		#mobileheader .navigation-txt { position: absolute; width: 102%; text-align: center; font-size: 18px; line-height: 50px; cursor: pointer; }
		#mobileheader .navigation-bar { height: 0; overflow: hidden; display: block;}
		#mobileheader .open .navigation-bar { height: auto; float: none !important; clear: both; width: 100%; border-top: 2px solid var(--arc-white); }
		#mobileheader .open .navigation-bar:last-child { border-top:none; padding-top: 10px; padding-bottom: 30px; }
		#mobileheader .navigation-bar li { padding-top: 2px; padding-bottom: 2px; display: block; text-align: center; }
		.navigation-bar > li.featured a { margin-left: 0; }
		.nav-tabs-simple .nav-tabs li a { font-size: 20px; padding: 0; }
		.navigation-bar > la { padding-bottom: 2px; padding-top: 2px; }
		.navigation-bar > la a { font-size: 11px; font-weight:bold; padding-left: 5px; padding-right: 5px; padding-bottom: 5px;}
		.hideonmob { display: none; visibility: hidden; width:0px; height: 0px; }
	}
	@media (max-width: 300px) {
		.hideaasplogoonmob { display: none; }
	}
/*end navigationbar*/

/*start footer*/
	.footer-clean { padding: 0px; padding-top:20px; background-color:#fff; color:#4b4c4d; }
	.footer-clean p { margin-top:0; margin-left:0; margin-bottom:4px; font-weight:bold; font-size:15px; }
	.footer-clean .multi {padding-top:20px; }
	.footer-clean ul { padding:0; list-style:none; line-height:1.6; font-size:11px; margin-bottom:0; }
	.footer-clean ul a { color:inherit; text-decoration:none; opacity:0.8; }
	.footer-clean ul a:hover { opacity:1; }
	.footer-copyright { text-align: center; color: var(--arc-black); border-top: 1px dotted var(--arc-black); padding-top: 5px; padding-bottom: 2px; font-size: 9pt; }
	#contact-us-map { height: 300px; -webkit-box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6; -moz-box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6; box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6; color: inset 0 1px #fff,0 0 8px #c8cfe6; }
	.contact-us-details { color: var(--arc-white); margin: 0px 0px; font-size: 12pt;}
	@media (max-width: 1000px) {
		.footer-clean p {padding-top: 10px; }
		.footer-clean .multi {padding-top: 10px; }
		.footer-clean ul {padding-bottom: 10px;}
		.footer-navigate-section li { line-height: 3px !important; }
		.footer-copyright { text-align: center; color: var(--arc-black); border-top: 1px dotted var(--arc-black); padding-top: 2px; padding-bottom: 2px; font-size: 8pt; }
		.contact-us-details { color: var(--arc-white); margin: 0px 0px; font-size: 10pt;}
	}
/*end footer*/

/*start buttons*/
	.btn { border: 1px solid #1898d3; -webkit-border-radius: 2px; -webkit-background-clip: padding-box;	-moz-border-radius: 2px; -moz-background-clip: padding;
		border-radius: 3px; background-clip: padding-box; color: var(--arc-black); cursor: pointer;	display: inline-block;	text-transform: none; -webkit-transition: all .25s ease;
		-moz-transition: all .25s ease;	-o-transition: all .25s ease; -ms-transition: all .25s ease; transition: all .25s ease;	text-align: center;
		background: none repeat scroll 0 0 var(--arc-blue);	text-shadow: none; box-shadow: none; color: var(--arc-white); white-space: nowrap;
	}
	.btn:hover { background: none repeat scroll 0 0 var(--arc-white); color: var(--arc-black); text-decoration: none; border: 1px solid var(--arc-blue); transition: 0.3s; transform: scale(1.04); }
	.btnNext { background-color: var(--arc-blue); color: #fff; }
	.btnPrev { background-color: var(--arc-white); color: #000; }
	.btnNext,.btnPrev{ padding: 5px 10px; font-size: 12pt; }
	.btnRMA { background-color: var(--arc-white); color: #000; margin: 0px; font-size: 9pt; font-weight:bold; height: 30px; width:200px; display: inline-block; text-align: center; transition: all .3s ease-in-out; position:relative; }
	.btnRMAL { border-top-left-radius: 10px; border-bottom-left-radius: 10px; border: 1px solid #888; border-right: 0px;}
	.btnRMAR { border-top-right-radius: 10px; border-bottom-right-radius: 10px;  border: 1px solid #888; border-left: 0px;}
	.btnRMAC { border: 1px solid #888; border: 1px solid #888; border-left: 0px; border-right: 0px;}
	@media (max-width: 800px) {
		.btnRMA { font-size: 7pt; height: 30px; width:130px; }
	}
	@media (max-width: 600px) {
		.btnRMA { font-size: 5pt; height: 20px; width:90px; }
	}
	.btnLangReq { background-color: var(--arc-white); color: #000; padding: 4px 12px; font-size: 10pt; }
	.btnNext,.btnPrev,.btnLangReq{height: auto; width: auto; border: 1px solid #888; border-radius: 4px; display: inline-block; text-align: center; transition: all .3s ease-in-out; position:relative; }
	.btnNext:hover,.btnPrev:hover,.btnLangReq:hover { transform: scale(1.02) perspective(1px); }
	.btnlang { border: 1px solid #888; -webkit-border-radius: 2px; -webkit-background-clip: padding-box; -moz-border-radius: 2px; -moz-background-clip: padding;
		border-radius: 3px;	background-clip: padding-box; cursor: pointer; display: inline-block; text-transform: none; -webkit-transition: all .25s ease;
		-moz-transition: all .25s ease;	-o-transition: all .25s ease; -ms-transition: all .25s ease; transition: all .25s ease; text-align: center;
		background: none repeat scroll 0 0 var(--arc-white); text-shadow: none; box-shadow: none; color: var(--arc-black); white-space: nowrap; margin-top: 5px;	width: 25px;
		height: 17px; font-size: 10px;
	}
	.btnlang:hover {  border: 1px solid var(--arc-blue); background: none repeat scroll 0 0 var(--arc-blue); color: var(--arc-white); font-weight: bold; text-decoration: none; transform: scale(1.04) perspective(1px); }
/*end button*/

/*start map*/
	#map {position: relative; padding:200px 0px;} /* 200 aanpassen om onderaan te laten uitkomen*/
	#canvas-map { position: absolute; height:465px; width:100%; top: 0;right: 0;bottom: 0;left: 0; z-index: 1; }
/*end map*/

/*start small footer*/
	.back-to-top { text-align: center; background: var(--arc-black); color: var(--arc-white);  display: none; width: 30px; height: 30px; line-height: 30px; border-radius: 50%; font-size: 15px; position: fixed; right: 2%; bottom: 15px; opacity: 0.4; filter: alpha(opacity=40); -webkit-transition: all 0.5s ease; transition: all 0.5s ease; cursor: pointer; z-index: 40; }
	.back-to-top:hover { opacity: 1; filter: alpha(opacity=100); }
	@media (max-width: 600px) {
		.back-to-top { width: 20px; height: 20px; font-size:10px; line-height: 18px; bottom: 10px; }
		.back-to-top img { width: 60%; height: 60%; }
	}
/*end small footer*/

/*start popup*/
	.popup { position: relative; display: inline-block; cursor: pointer; }
	.popup .popuptext { display: none; width: 250px; background-color: var(--arc-bg-special); color: #000; font-weight: normal; font-size: 8pt; border-radius: 10px; padding: 10px; position: absolute; z-index: 1; margin-left: -280px; margin-top: -80px; border: 1px solid #000; }
/*end popup*/

/*start autocomplete*/
.pac-container:after { background-image: none !important; height: 0px; padding: 0px; margin: 0px; }
.pac-icon{ display: none;}
/*end autocomplete*/

@media print { a[href]:after { content: none !important; } }

/*start rest of mobile tags*/
@media (max-width: 480px) {
	.mobimg { width: 15%; height: auto; }
	.mobimg2  {width: 8%; height: auto; padding-top: 10px; }
	.hideonmob { display: none; visibility: hidden; width:0px; height: 0px; }
	.showlineonmob { border-bottom: 1px dotted var(--arc-black); }
}
@media (max-width: 1000px) {
	.mobilereqcenter{
		margin: auto;
		width:100%;
	}
}
/*end rest of mobile tags*/