@import url('https://fonts.googleapis.com/css?family=Dosis:400,500,600,700,800');
		@import url('https://fonts.googleapis.com/css?family=Roboto:100,300');
		@import url('https://fonts.googleapis.com/css?family=Lora:400italic,700italic');


		/** Utilities (© 2015, Jeffrey Angelo Krist) **/
		.debug { color: rgba(255, 255, 255, 0.8); font-size: 12px; left: 0; pointer-events: none; position: fixed; right: 0; text-align: center; text-shadow: 0 0 0 rgba(0, 0, 0, 0.5); top: 0; z-index: 10000; }
		.debug i { margin: 0 2px; }
			
		.ratio,
.xs		.ratio-xs,
.sm		.ratio-sm { height: 0; position: relative; padding-bottom: 75%; }
		.ratio > *,
.xs		.ratio-xs > *,
.sm		.ratio-sm > * { height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
		
.xs		.center-xs,
.sm		.center-sm,
.md		.center-md,
.lg		.center-lg { text-align: center !important; }

.sm		.row.equal-sm,
.sm		.row.equal-sm-md-lg,
.md		.row.equal-md,
.md		.row.equal-sm-md-lg,
.lg		.row.equal-sm-md-lg,
		.row.equal { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

		.container.row { margin-left: auto; margin-right: auto; padding-left: 0; padding-right: 0; }

.lg		.container-full { padding-left: calc(50% - 1170px / 2); padding-right: calc(50% - 1170px / 2); }
.lg		.container-full.row { padding-left: calc(50% - 1170px / 2 - 15px); padding-right: calc(50% - 1170px / 2 - 15px); }
.md		.container-full { padding-left: calc(50% - 970px / 2); padding-right: calc(50% - 970px / 2); }
.md		.container-full.row { padding-left: calc(50% - 970px / 2 - 15px); padding-right: calc(50% - 970px / 2 - 15px); }
.sm		.container-full { padding-left: calc(50% - 720px / 2); padding-right: calc(50% - 720px / 2); }
.sm		.container-full.row { padding-left: calc(50% - 720px / 2 - 15px); padding-right: calc(50% - 720px / 2 - 15px); }
.xs		.container-full { padding-left: 15px; padding-right: 15px; }
.xs		.container-full.row { padding-left: 0; padding-right: 0; }
		.container-full:after { clear: both; content: ''; display: block; }
		.container-full.row { margin-left: 0; margin-right: 0; }

		.no-padding,
.xs		.no-padding-xs,
.sm		.no-padding-sm,
		.row.no-padding > [class^="col-"],
		[class^="col-"].no-padding { padding: 0; }		
		.row.no-padding { margin: 0; }
		
		.padding { padding: 15px; }
.xs 	.padding-xs:not(.row) { padding: 15px; }
.xs		.padding-top-xs { padding-top: 15px !important; }

		.vertical-align { display: table; height: 100%; width: 100%; }
		.vertical-align > * { display: table-cell; vertical-align: middle; }
		
		/** General **/
		body { font-family: 'Dosis', sans-serif; position: relative; word-wrap: break-word; }
		a { color: inherit; }
		a:hover { color: inherit; outline: none; text-decoration: none; }
		a:active,
		a:focus { color: inherit; text-decoration: none; }
			
		/** Headings **/
		h1, .h1,
		h2, .h2,
		h3, .h3 { font-family: 'Dosis', sans-serif; letter-spacing: 1.5px; text-transform: uppercase; }
			
		/** Buttons **/
		.btn { background: #506844; border: 0; border-radius: 3px; color: white !important; cursor: pointer; display: inline-block; font-size: 16px; font-weight: 500; letter-spacing: 1px; padding: 15px 25px; text-decoration: none !important; text-transform: uppercase; }
.xs			.btn { display: block; margin: 0; text-align: center; }
			.btn:hover { background: #003462; }
.sm-md		.btn + .btn { margin-left: 5px; }
			.btn i:first-child:not(:last-child) { margin-right: 5px; }
			
		/** Fancybox **/
		.fancybox-overlay { background: rgba(255, 255, 255, .85); }
			.fancybox-close,
			.fancybox-prev span,
			.fancybox-next span { background: none; }
			.fancybox-close:after,
			.fancybox-prev span:after,
			.fancybox-next span:after { background: #003462; border-radius: 1000px; display: inline-block; color: white; font-family: 'FontAwesome'; padding: 5px 10px; }
			.fancybox-close:after { content: '\f00d'; }
			.fancybox-prev span:after { content: '\f053'; padding: 6px 12px 5px 10px; }		
			.fancybox-next span:after { content: '\f054'; padding: 6px 10px 5px 12px; }
			.fancybox-title-float-wrap .child { background: rgba(255, 255, 255, .75); color: #3d3c3f; text-shadow: none; }

			#fancybox-thumbs ul li { padding: 4px; }
			#fancybox-thumbs ul li:hover,
			#fancybox-thumbs ul li.active { border: 4px solid #003462; padding: 0; }
			#fancybox-thumbs ul li a { border: none; }
						
		/** MMenu **/
		nav#menu { letter-spacing: 1px; }
		nav#menu:not(.mm-menu) { display: none; }
		nav#menu li.active > a { text-decoration: underline; }

		/** Forms **/
		label { cursor: pointer; user-select: none; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-transition: opacity .2s; transition: opacity .2s; }
		label:hover { opacity: .7; outline: none; }
		input[type="text"],
		input[type="password"],
		textarea { background: #f8f8f8; border: 1px solid transparent; font-size: 14px; line-height: normal; padding: 6px 8px; transition: background .2s, border-color .2s; vertical-align: middle; }
		input[type="text"]:focus,
		input[type="password"]:focus,
		textarea:focus { border-color: #3b372b; outline: none; }
		input.error,
		textarea.error,
		.chosen-container.error .chosen-single { border: 1px solid #98092b; color: #98092b; }
		input[disabled],
		button[disabled] { cursor: not-allowed; }
	
		/** Form box **/
		.box-form input[type="text"],
			.box-form textarea { margin-bottom: 10px; width: 100%; }
.sm-md		.box-form > .row > *:first-child { padding-right: 5px; }
.sm-md		.box-form > .row > *:nth-child(2) { padding-left: 5px; }			
.sm-md-lg	.box-form > .row > .col-sm-12:first-child { padding-right: 5px; }
.sm-md-lg	.box-form > .row > .col-sm-12:last-child { padding-left: 5px; }
			.box-form .required { color: #888; display: inline-block; font-size: 75%; margin-left: 10px; position: relative; top: 3px; }
.xs			.box-form .required { margin: 10px 0; }

		/** Message box **/
		.box-message { margin-bottom: 12px; padding: 15px; }
			.box-message.success { color: #3bb34d; background: #e0f3e5; }
			.box-message.error { color: #a41c32; background: #f2dede; }
			.box-message a { color: inherit !important; }
			.box-message a:hover { color: #35040c !important; }
	
		/** Content box **/
		.box-content { color: #6f6f6f; font-size: 20px; line-height: 26px; }
			.box-content > *:first-child { margin-top: 0; }
			.box-content .intro { font-weight: bold; }
			.box-content p { overflow: auto; }
			.box-content h1 + p,
			.box-content h2 + p,
			.box-content h3 + p { margin-top: 0; }
			.box-content h2 { margin-bottom: 5px; }
			.box-content p img { border-radius: 3px; box-shadow: 0 0 15px 0 rgba(0, 0, 0, .1); }
.xs			.box-content p img { display: table !important; float: none !important; height: auto !important; margin: 10px auto !important; max-width: 100%; width: auto !important; }
			.box-content p img[style*="float: left"] { margin: 0 10px 5px 0; }
			.box-content p img[style*="float: right"] { margin: 0 0 5px 10px; }
			.box-content p > img:first-child { margin-top: 7px; }
			.box-content a { color: #003462; text-decoration: underline; }

		/** Links box **/
		.box-links { }
			.box-links ul { list-style: none; margin: 0; padding: 0 0 15px 0; }
			.box-links > ul { list-style: none; position: relative; }
.xs			.box-links > ul { margin-left: 15px; }			
			.box-links > ul:before { border-left: 1px solid #eee; bottom: 0; content: ''; display: block; left: -15px; position: absolute; top: 5px; width: 1px; }
			.box-links ul ul { padding-left: 15px; }
			.box-links a { display: inline-block; margin: 2px; padding-left: 12px; }
			.box-links a:before { content: '\f0da'; display: inline-block; font-family: 'FontAwesome'; font-size: 15px; margin: 4px 0 0 -12px; position: absolute; }
			.box-links a:hover,
			.box-links li.active:not(.activeSub) > a { color: #003462; }
			.box-links .more a { background: #003462; color: white; }
			.box-links i { margin-right: 5px; position: relative; top: 2px; }
		
		/** Photos box **/
		.box-photos { margin: 40px 0; }
			.box-photos:last-child { margin-bottom: 0; }
			.box-photos ul { list-style: none; margin: -10px; overflow: auto; padding: 0; }
			.box-photos li { float: left; margin: 10px; padding: 0; }
			.box-photos li a { display: block; overflow: hidden; }
			.box-photos li a img { height: 130px; width: 130px; }
			.box-photos li a:hover { border: 4px solid #003462; height: 130px; width: 130px; }
			.box-photos li a:hover img { margin: -4px 0px 0px -4px; }

		/** Activity box **/
		.box-activity { background-position: center center; background-size: cover; border-radius: 5px; min-height: 500px; margin: 10px; position: relative; text-align: left; }
.xs			.box-activity { display: table; height: 250px; min-height: 0; table-layout: fixed; width: calc(100% - 2 * 15px); }
.sm-md		.box-activity:hover:before { background: rgba(72, 75, 71, .75); border-radius: inherit; bottom: 0; content: ''; display: block; left: 0; position: absolute; right: 0; top: 0; }
.sm-md		.box-activity:not(:hover) > * { display: none; }
.sm-md		.box-activity .inner { bottom: 40px; left: 40px; position: absolute; right: 40px; }
.xs			.box-activity .inner { display: table-cell; vertical-align: bottom; }
.xs			.box-activity .background { background: rgba(72, 75, 71, .75); border-radius: 0 0 5px 5px; margin-top: 200px; padding: 15px; }
			.box-activity .title { color: white; font-family: 'Rubrik', sans-serif; font-size: 28px; line-height: 40px; margin-bottom: 20px; }
.xs			.box-activity .title { margin-bottom: 10px; }
.xs			.box-activity .btn { display: inline-block; }
.xs			.box-activity .btn.red { width: calc(100% - 50px); }
			
		/** Slider box **/





		.box-slider { position: relative; }
.xs			.box-slider { overflow: hidden; }		
			.box-slider li { background-attachment: fixed; background-position: center center; background-size: cover; display: table !important; }
.sm-md-lg	.box-slider li { bottom: 0; height: 100% !important; left: 0; padding-top: 95px; position: fixed !important; right: 0; top: 0; width: 100%; }
.xs			.box-slider li { background-attachment: scroll; }
.mob		.box-slider li { background-attachment: scroll; }
			.box-slider .valign { display: table-cell; padding: 50px calc(50% - 550px / 2); text-align: center; vertical-align: middle; }
			.box-slider .title { color: white; font-family: 'Roboto', sans-serif; font-size: 35px; font-weight: 300; letter-spacing: 2px; margin: 0 0px;
									 text-shadow: 0 1px 20px rgba(0, 0, 0, 1); }
.xs			.box-slider .title { font-size: 30px; opacity: 1 !important; text-shadow: 0 0 1px rgba(0, 0, 0, .5); }
			.box-slider .title:after { border-top: 1px solid white; content: ''; display: block; margin: 35px auto 0 auto; width: 100px; }
			.box-slider ~ * { position: relative; z-index: 100; }
					
		/** Slideshow module **/
		.mod-slideshow { }
			.mod-slideshow .scroll { background: none; border: none; cursor: pointer; margin: auto; transition: padding-top .5s, opacity .5s; width: 400px; font-weight: bolder;  font-size: 25px; color: #003462;}
.sm-md-lg	.mod-slideshow .scroll:hover { opacity: .75 !important; padding-top: 50px; }
			.mod-slideshow .background { background: white; border: none; border-radius: 1000px; font-size: 12px; line-height: 60px; margin-top: 30px; text-align: center; width: 400px; }
			.mod-slideshow .fa-stack { color: #003462; margin-top: -2px; }
			.mod-slideshow .iscc { bottom: 15px; left: 15px; position: fixed; width: 100px; z-index: 1000; }
.xs			.mod-slideshow .iscc { bottom: 65px; }
			.mod-slideshow .iscc .certification { bottom: -4px; color: white; left: 45px; position: absolute; }
			.mod-slideshow .approved { background: white; line-height: 30px; transition: opacity .2s; z-index: 50; }
.sm-md-lg	.mod-slideshow .approved { bottom: 65px; padding-right: 40px; position: fixed; right: -70px; text-align: center; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); width: 300px; }
.xs			.mod-slideshow .approved { bottom: 20px; opacity: 1 !important; position: absolute; width: 100%; }
			.mod-slideshow .approved span { transform: translateZ(1px); -webkit-transform: translateZ(1px); }
			.mod-slideshow .approved span:nth-child(1) { background: #b0d2eb; color: #006394; display: inline-block; font-weight: 800; margin-right: 5px; padding-left: 40px; padding-right: 5px; }
			.mod-slideshow .approved span:nth-child(2) { color: #006394; font-weight: bold; }
			.mod-slideshow .approved span:nth-child(3) { color: #b0d2eb; font-weight: 300; }




		/** Header module **/
		.mod-header {}
.xs			.mod-header li { height: 100px !important; padding: 0 !important; }
.xs			.mod-header .valign { display: none; }

		/** Inhoud module **/
		.mod-inhoud {}
			.mod-inhoud h1 { margin-top: 50px !important; }
			
		/** Home module **/
		.mod-home {}
			.mod-home article { background: white; padding-bottom: 0px; padding-top: 0px; }
.xs			.mod-home article { margin-top: 0 !important; padding: 25px; }			
				
			/** Medewerkers **/
			.mod-home .medewerkers {}
				.mod-home .medewerkers .header { background: #bec8e1 url('../img/team-header.jpg') no-repeat center center; background-attachment: fixed; background-size: cover; min-height: 450px; }
.mob			.mod-home .medewerkers .header { background-attachment: scroll; }
.xs				.mod-home .medewerkers .header { min-height: 250px; }
				.mod-home .medewerkers .body { background: #f4f4f4 url('../img/team-background.jpg') no-repeat bottom center; background-size: 100% auto; padding-bottom: 75px; padding-top: 100px; position: relative; text-align: center; }
.xs				.mod-home .medewerkers .body { padding-bottom: 15px; padding-top: 15px; }
				.mod-home .medewerkers .body:before {
					background: -moz-linear-gradient(top,  rgba(244,244,244,1) 0%, rgba(244,244,244,1) 68%, rgba(244,244,244,0) 100%);
					background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(244,244,244,1)), color-stop(68%,rgba(244,244,244,1)), color-stop(100%,rgba(244,244,244,0)));
					background: -webkit-linear-gradient(top,  rgba(244,244,244,1) 0%,rgba(244,244,244,1) 68%,rgba(244,244,244,0) 100%);
					background: -o-linear-gradient(top,  rgba(244,244,244,1) 0%,rgba(244,244,244,1) 68%,rgba(244,244,244,0) 100%);
					background: -ms-linear-gradient(top,  rgba(244,244,244,1) 0%,rgba(244,244,244,1) 68%,rgba(244,244,244,0) 100%);
					background: linear-gradient(to bottom,  rgba(244,244,244,1) 0%,rgba(244,244,244,1) 68%,rgba(244,244,244,0) 100%);
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#00f4f4f4',GradientType=0 );
					
					content: ''; display: block; height: 300px; left: 0; position: absolute; right: 0; top: 0;
				}
				.mod-home .medewerkers .body > * { position: relative; z-index: 1; }
				.mod-home .medewerkers .intro { font-size: 20px; }
				.mod-home .medewerkers .mod-medewerkers { margin: auto; max-width: 1000px; }
								
			/** Contact **/
			.mod-home .contact { background: white; padding-bottom: 80px; padding-top: 100px; text-align: center; }
.xs				.mod-home .contact { padding: 25px; }
				.mod-home .contact .location { color: #506844; font-family: 'Lora', serif; font-size: 25px; font-style: italic; }
.md-lg			.mod-home .contact .location { margin-bottom: -235px; min-height: 390px; padding-top: 150px; }
.xs-sm			.mod-home .contact .location { margin-bottom: 45px; }
				.mod-home .contact .location:before { background: url('../img/contact-den-bosch.png') no-repeat center center; background-size: contain; content: ''; }
.md-lg			.mod-home .contact .location:before { height: 597px; left: 0; margin-top: -165px; position: absolute; width: 50%; }
.xs-sm			.mod-home .contact .location:before { height: 300px; margin-bottom: 10px; width: 100%; }

				.mod-home .contact .blocks { margin-top: 360px; }
				.mod-home .contact .valign { display: table !important; height: 100%; width: 100%; }
				.mod-home .contact .valign > * { display: table-cell; vertical-align: middle; }
.sm-md-lg		.mod-home .contact .left { padding-right: 0; }
.sm-md-lg		.mod-home .contact .left .block { border-radius: 5px 0 0 5px; height: 200px; }
.xs				.mod-home .contact .left { padding-bottom: 5px; }
				.mod-home .contact .left i { display: block; font-size: 50px; margin-bottom: 35px; }
				.mod-home .contact .block { background: #f5f5f5; display: block; font-size: 20px; padding: 10px; }
.xs				.mod-home .contact .block { border-radius: 5px !important; }				
				.mod-home .contact .block.top { border-radius: 0 5px 0 0; }
				.mod-home .contact .block.bottom { border-radius: 0 0 5px 0; margin-top: 5px; }
				.mod-home .contact .right .block { height: 98px; }
				.mod-home .contact .block.left { border-radius: 5px 0 0 5px; }
				.mod-home .contact .block:hover { background: #506844; }
				.mod-home .contact .block:hover,
				.mod-home .contact .block:hover i { color: white; }
				.mod-home .contact .block i { color: #506844; }
                .mod-home .cmail  { padding-right: 0px !important;}

		/** Services **/
		.mod-services { font-size: 0; overflow: auto; padding-bottom: 80px; padding-top: 80px; text-align: center; }
.xs			.mod-services { padding-bottom: 25px; padding-top: 25px; }
.sm-md-lg	.mod-services .blocks { display: table; margin: 50px 0; width: 100%; }
.sm-md-lg	.mod-services .column { display: table-cell; vertical-align: middle; width: 1px; }
.xs			.mod-services .column { margin: 50px 0 25px 0; }
			.mod-services img { border-radius: 1000px; height: 180px; width: 180px; }		
			.mod-services img:nth-child(1) { background: white; }
			.mod-services img:nth-child(1):hover { opacity: 0; }
			.mod-services img:nth-child(2) { background: #003462; margin-left: -180px; pointer-events: none; position: absolute; visibility: hidden; }
			.mod-services img:hover + img:nth-child(2) { visibility: visible; }
			.mod-services .title { font-size: 16px; font-weight: 600; margin-top: 30px; padding: 0 27%; text-transform: uppercase; }		
.xs-sm		.mod-services .title { padding: 0 10px; }		
			.mod-services a:hover .title { color: #003462; }
			
			.mod-home .mod-services { background: #f3f3f3 url('../img/services-background.jpg') no-repeat center center; background-size: cover; }

			.mod-inhoud .mod-services { padding-bottom: 30px; padding-top: 30px; }
			.mod-inhoud .mod-services h2 { display: none !important; }
.sm-md		.mod-inhoud .mod-services .column { display: block; margin-bottom: 50px; width: 100%; }
			.mod-inhoud .mod-services img { border: 1px solid #666; }	
			.mod-inhoud .mod-services .title { padding: 0 5%; }
			

.box-content .background {
  background: #003462;
  border: none;
  border-radius: 1000px;
  font-size: 16px;
    font-weight: bold;
  line-height: 60px;
  margin-top: 30px;
  text-align: center;
  width: 225px;
    color: white !important;
    text-decoration: none;
      margin-left: auto;
    margin-right: auto;
}
.box-content .background a{ color: white !important;   text-decoration: none;}
.box-content .background a:hover{ color: grey !important;   text-decoration: none;}
.box-content .fa-inverse {
  color: #000;
}
				
		/** USPs **/
		.mod-usp { background: white; padding-bottom: 100px; padding-top: 80px; }
.xs			.mod-usp { padding: 25px; text-align: center !important; }
			.mod-usp .row:not(:last-child) { margin-bottom: 75px; }
.sm-md-lg	.mod-usp .row:nth-child(2n+0) { text-align: right; }
.xs			.mod-usp h2:after { position: absolute; left: calc(50% - 50px); }
.sm-md-lg	.mod-usp .row:nth-child(2n+0) h2:after { position: absolute; right: 15px; }
			.mod-usp .details img { margin: 50px auto 15px auto; max-width: 100%; }
.xs			.mod-usp .details img { max-height: 100px; }
			.mod-usp .quote { font-family: 'Lora', serif; font-size: 50px; font-weight: bold; margin-bottom: -28px; margin-top: -10px; }
.sm-md-lg	.mod-usp .row:nth-child(2n+0) .quote { margin-top: 40px; }
			.mod-usp p { font-family: 'Lora', serif; font-size: 25px; font-style: italic; margin: 0 0 40px 0; }
.xs			.mod-usp p { font-size: 20px; }			
			.mod-usp .image { text-align: center; }
			.mod-usp .image img { width: 100%; }
			
		/** Medewerkers module **/
		.mod-medewerkers {}
			.mod-medewerkers .medewerker { margin: 75px 0; }
			.mod-medewerkers .medewerker { margin: 50px 0 25px 0; }
			.mod-medewerkers .left { min-height: 200px; position: relative; }
.sm-md-lg	.mod-medewerkers .left { float: left; position: relative; width: 200px; }
			.mod-medewerkers img { border-radius: 1000px; left: 0; position: absolute; }
.xs			.mod-medewerkers img { left: calc(50% - 200px / 2); }			
			.mod-medewerkers img:nth-child(2) { opacity: 0; transition: opacity .4s; }
			.mod-medewerkers .medewerker:hover img:nth-child(2) { opacity: 1; }
			.mod-medewerkers .vcard { background: #434343 url('../img/medewerkers-vcard.png') no-repeat center center; border-radius: 100px; bottom: 0; display: block; height: 60px; left: 150px; position: absolute; transition: background-color .4s; width: 60px; }
.xs			.mod-medewerkers .vcard { left: calc(50% - 200px / 2 + 150px); }
			.mod-medewerkers .medewerker:hover .vcard { background-color: #003462; }
			.mod-medewerkers .details { font-size: 18px; text-align: left; }
.sm-md-lg	.mod-medewerkers .details { float: left; margin-left: 25px; width: calc(100% - 200px - 25px); }
.xs			.mod-medewerkers .details { text-align: center; }
			.mod-medewerkers h3 { color: #506844; font-size: 16px; text-transform: uppercase; }
			
			.mod-medewerkers .actions { margin-top: 15px; }
			.mod-medewerkers .btn { background: rgba(111, 111, 111, .1) !important; color: #6f6f6f !important; font-size: 15px; height: 40px; line-height: 40px; overflow: hidden; padding: 0px 14px; text-align: center; vertical-align: middle; width: 40px; }
.xs			.mod-medewerkers .btn[href*="tel:"] { width: auto; }
.sm-md-lg	.mod-medewerkers .btn[href*="tel:"] { position: relative; text-align: left; transition: width .5s; }
.sm-md-lg	.mod-medewerkers .btn[href*="tel:"]:hover { width: 200px; }
.sm-md-lg	.mod-medewerkers .btn[href*="tel:"] span { left: 50px; position: absolute; top: 0; white-space: nowrap; }
.xs			.mod-medewerkers .btn { display: inline-block !important; }
			.mod-medewerkers .btn:hover { background: rgba(0, 123, 182, .1) !important; color: #007bb6 !important; }

		/** Contact module **/
		.mod-contact { padding-bottom: 30px; padding-top: 30px; }

		/** Template **/
		header { font-weight: 600; letter-spacing: 1px; position: relative; text-transform: uppercase; transition: all .2s; z-index: 1000; }
			header { left: 0; position: fixed; right: 0; top: 0; z-index: 1000 }
			header .menuToggler { cursor: pointer; padding: 10px; position: absolute; right: 0; text-decoration: none !important; top: 0; z-index: 20; }
			header a:hover,
			header li.active > a { text-decoration: underline; }		
.sm-md-lg	header .logo { display: inline-block; }
.sm			header .logo img { max-width: 125px; }
.xs			header .logo { display: block; margin: 0 40px; text-align: center; }
		
			/** Menu **/
			header .menu { display: inline-block; list-style: none; margin: 0; padding: 0; vertical-align: middle; }
			header .menu li { display: inline-block; vertical-align: middle; }
			header .menu > li:first-child { display: none; }
			header .menu a { display: inline-block; font-size: 17px; letter-spacing: 2px; margin: 0 14px; position: relative; transition: color .2s; }
.sm			header .menu a { margin: 0 5px; }			
			header .menu i { margin-left: 5px; text-decoration: none; }
			header .menu ul { background: white; border-bottom: 1px solid #e9eaeb; display: none; list-style: none; margin: 0; min-width: calc(500px + 2 * 2000px); margin-left: -2000px; padding: 15px 2000px; position: absolute; transition: margin-top .2s; }
			header .menu ul:before { border-left: 1px solid #e9eaeb; bottom: 0; content: ''; display: block; left: 2000px; position: absolute; top: 0; }
			header .menu > li > a:hover:after { content: ''; display: block; height: 200px; left: 0; position: absolute; right: 0; }
			header .menu a:hover + ul,
			header .menu ul:hover { display: block; }
			header .menu ul li { display: block; margin: 2px; }
			header .menu ul a { color: #5f7a96; font-size: 18px; font-weight: normal; text-transform: none; transition: color .2s; }
			header .menu ul a:hover,
			header .menu ul li.active a { color: #003462; text-decoration: none; }
			header .menu ul a:before { content: '\f0da'; display: inline; font-family: 'FontAwesome'; font-size: 15px; margin-right: 5px; }
			
			/** Contact **/
			header .contact { font-size: 14px; text-align: right; transition: color .2s, margin-top .1	s; }
.xs			header .contact,
.lg			header .contact { padding-top: 11px; }
			header .contact a { display: inline-block; margin-left: 20px; vertical-align: middle; }		
			header .contact a i { margin-right: 5px; position: relative; text-decoration: none !important; top: -1px; }
			
			/** Full menu **/
			header.full { background: rgba(0, 52, 98, .35); padding-bottom: 20px; padding-top: 20px; transition: background .2s; }
.xs			header.full { padding-bottom: 25px; position: absolute; }
			header.full.solid { background: rgba(0, 52, 98, 1); }
			header.full .menuToggler { color: white; }
			header.full .logo img:nth-child(1) { display: none; }
			header.full .menu { margin-left: 0px; }
.sm			header.full .menu { width: calc(100% - 150px); }
			header.full .menu > li > a { color: white; }
			header.full .menu ul { margin-top: 40px; }
.sm			header.full .menu ul { margin-top: 50px; }			
			header.full .contact { color: white; }
.md-lg		header.full .contact,
.xs			header.full .contact { margin-top: 12px; }			

			/** Compact menu **/
			header.compact { border-bottom: 1px solid #e9eaeb; background: white; padding-bottom: 25px; padding-top: 25px; }
.xs			header.compact { opacity: .9; position: static; padding-bottom: 10px; padding-top: 20px; }			
.xs			header.compact .menuToggler { color: #6f6f6f; }
			header.compact .logo img:nth-child(2) { display: none; }
			header.compact .menu > li > a { color: #003462; }
			header.compact .menu ul { border-top: 1px solid #e9eaeb; margin-top: 35px; }
			header.compact .contact { color: #6f6f6f; }
			
			
		/** Main **/
		main { color: #6f6f6f; letter-spacing: 1px; position: relative; }
.xs			main .page { margin-top: 0 !important; }
			main .page > .container { background: white; position: relative; }
.xs			main .page > .container { top: 0 !important; }
			
			/** Top bar **/
			main .topbar { background: #f2f2f2; color: #999; font-size: 13px; font-weight: 600; letter-spacing: 1px; padding-bottom: 15px; padding-top: 15px; text-transform: uppercase; }
.xs				main .topbar { padding-bottom: 10px; padding-top: 10px; }
				main .topbar .breadcrumbs { list-style: none; margin: 0; padding: 0; }
				main .topbar li { display: inline; }
				main .topbar li:not(:last-child):after { content: '\f0da'; display: inline-block; font-family: 'FontAwesome'; font-size: 12px; margin: 0 3px; }
				main .topbar li:last-child { color: #a9b8c5; }
				main .topbar .backlink { text-align: right; }
				main .topbar .backlink:before { content: '\f0d9'; display: inline-block; font-family: 'FontAwesome'; font-size: 12px; }
		
			/** Titles **/
			main .content { font-size: 20px; padding-bottom: 125px; }
.xs				main .content { padding-bottom: 25px; }
				main h1,
				main .h1 { color: #003462; font-size: 22px; margin-top: 0; }
.xs				main h1,
.xs				main .h1 { margin-top: 25px !important; }				
				main h1:not(.center):after,
				main .h1:not(.center):after { border-bottom: 1px solid #003462; content: ''; display: block; margin: 25px 0; width: 100px; }
				main h1.center,
				main .h1.center { border-bottom: 1px solid #003462; display: inline-block; padding-bottom: 25px; }
				main h2 { font-size: 20px; }
				main h2 { font-size: 16px; }
			
			/** Asides **/
			main .asides { font-size: 18px; letter-spacing: .5px; padding-top: 15px; }
				main .asides aside { margin: 40px 0; }
.xs				main .asides aside { margin: 25px 0; }
				main .asides h2 { color: #093965; font-size: 17px; }
				main .asides .icon { background-position: center center; background-repeat: no-repeat; height: 180px; margin: 15px 0 75px -14px; width: 180px; }
				main .asides .icon.categorie-1 { background-size: cover; border: 1px solid #666; border-radius: 1000px; }
				main .asides .icon.categorie-2 { background-size: contain; }
.xs				main .asides .icon { margin: 25px auto; }
				main .asides .icon:first-child { margin-top: 45px; }
			
		/** Footer **/
		footer { color: white; font-weight: 600; letter-spacing: 1px; position: relative; z-index: 10; }
			footer a:hover,
			footer li.active a { text-decoration: underline; }

			footer .footerbar { background: #a8b7c4; color: white; display: table; padding-bottom: 55px; padding-top: 55px; width: 100%; }
.xs			footer .footerbar { padding-bottom: 25px; padding-top: 25px; }
			footer .footerbar .title { display: inline-block; font-size: 20px; margin-bottom: 20px; text-transform: uppercase; }
			footer .footerbar .column { display: table-cell; padding: 0 15px; }
.md-lg		footer .footerbar .column { min-width: 230px; }			
			footer .footerbar ul { font-size: 18px; font-weight: normal; list-style: none; margin: 0; padding: 0 0 0 12px; }
			footer .footerbar ul a { margin-top: 4px; }
			footer .footerbar ul a:before { color: #778da1; content: '\f0da'; display: inline-block; font-family: 'FontAwesome'; margin: 0 6px 0 -13px; }
.xs			footer .footerbar .social { width: 100%; }
			footer .footerbar .social .title { display: block; }
			footer .footerbar .social a { background: #98abbc; border-radius: 100px; display: inline-block; font-size: 15px; line-height: 40px; margin-bottom: 10px; text-align: center; width: 40px; }
			footer .footerbar .social a:not(:last-child) { margin-right: 6px; }
			footer .footerbar .social a:hover { background: #6b8fae; }
		
			footer .footermenu { background: #97a9ba; border-top: 1px solid #bec9d3; font-size: 12px; padding-bottom: 40px; padding-top: 40px; text-transform: uppercase; }
.xs			footer .footermenu { padding-bottom: 25px; padding-top: 25px; }
.xs			footer .footermenu .logo { margin-bottom: 15px }
			footer .footermenu .menu { display: inline-block; list-style: none; margin: 0; padding: 0; }
			footer .footermenu li { display: inline; margin: 0 20px; vertical-align: middle; }
.xs			footer .footermenu li { margin: 0 10px; }
			footer .footermenu a { color: white; display: inline-block; }
 

.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}