@import url('https://fonts.googleapis.com/css?family=Roboto:100,200,300,400,500,600,700&display=swap');
/*@import url('https://fonits.googleapis.com/css?family=Mitr');*/



body {
	font-family: Roboto, sans-serif;
	font-size: 12px;
	font-weight: 400;
	color: #000000;
	background-color: #ffffff;
	line-height: 190%;
}
.inner{
	max-width: 100%;
	display: block;
}
.inner.center{
	text-align: center;.topbar .logo {
    width: 220px;
    float: none;
    margin: auto;
}
}

.inner.left{text-align: left; }

img{
	max-width: 100%;
}

p {
	font-weight: 400;
	clear: both;
	line-height: 190%;
	margin: 10px auto;
	width:100%;
	float: left;
}

ul, ol{ 
	font-weight: 100; 
	/*list-style: none;
	list-style-position: inside;*/
}

ul li{
	position: relative;
	list-style: none;
	font-weight: inherit;
	list-style-position: inside;
}

li::before{
	content: '•';
	width: 20px;
	height: 20px;
	padding-right: 13px;
	color: #1d4a9f;
	margin-left: 20px;
	    position: absolute;
    left: -48px;
    top: 2px;
	font-size: 20px;
}

body *.en {	display: inline!important; }
body *.fr {	display: none!important; }
body *.nl {	display: none!important; }
body *.bl {	display: none!important; }
body.en *.en_button { display: inline!important; pointer-events: none!important; }

body.fr *.fr { display: inline!important; }
body.fr *.en { display: none!important; }
body.fr *.nl { display: none!important; }
body.fr *.bl { display: none!important; }
body.fr *.fr_button { display: inline!important; pointer-events: none!important; }

body.nl *.fr { display: none!important; }
body.nl *.en { display: none!important; }
body.nl *.nl { display: inline!important; }
body.nl *.bl { display: none!important; }
body.nl *.nl_button { display: inline!important; pointer-events: none!important; }

body.bl *.fr { display: none!important; }
body.bl *.en { display: none!important; }
body.bl *.nl { display: none!important; }
body.bl *.bl { display: inline!important; }
body.bl *.bl_button { display: inline!important; pointer-events: none!important; }

.button{
	float: none;
	display: block;
	padding: 6px 20px;
	border-radius: 100px;
	background-color: #2c2863;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

p.bold {
	font-weight: bold;
	font-size: 18px;
}

.form{
	float: left;
	width: 100%;
}

input, select, textarea{ font-size: inherit; }

select.no_border{ border: 0; }

.form_row{
	position: relative;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 10px;
	align-items: flex-start;
}

.form_row .field, .form_row label{
	display: flex;
	padding: 5px 10px;
}

.form_row>*:first-child{
	padding-left: 0;
}
.form_row>.field input[type=text], .form_row>.field textarea{
	width:80%;
}

.form_row>.field input[type=text], .form_row>.field textarea, .form_row>.field select{
	padding: 10px 12px;
}

.form_row>.field>*:nth-child(n+2){
	margin-left: 10px;
}


.form_row>.field textarea{
	min-height: 100px;
}

.form_row> input, .form_row>textarea, .form_row>select{
	margin-left: 10px;
}


.form_row>.field.column{
	flex-direction: column;
}

.form_row>*:nth-child(1){ flex: 30%; }
.form_row>*:nth-child(2){ flex: 70%; }

.form .data_row{
	position: relative;
	display: flex;
	margin-bottom: 10px;
	border-top: 1px solid #1d4a9f;
	align-items: center;
}

.form .data_row>div{
	display: flex;
	width: 100%;
}

.del_button{
	width: 35px; height: 35px;
	padding: 5px;
	background-image: url(/images/form_icons_delete.png);
	background-position: 50% 50%;
	background-size: 22px;
}

.edit_button{
	width: 35px; height: 35px;
	padding: 5px;
	background-image: url(/images/form-icons-edit.png);
	background-position: 50% 50%;
	background-size: 22px;
}


.form input[type=submit]{
	padding: 5px 15px;
	background-color: #1d4a9f;
	color: #fff;
	border: 0;
}

textarea[disabled]{ background-color: #E5C6C7; border: 0; padding: 10px; resize: none; }



tr.table_list_row{ }
tr.table_list_head{ background-color: #888888; color: #fff;}

tr.table_list_head>*, tr.table_list_row>*{
	padding: 10px;
	border-bottom: 1px solid #dcdcdc;
}


.topbar .ln{ margin-top: 0; }
.topbar .login{ 
		padding-right: 38px;
		background-image: url(/images/arrow_right_view.png);
		background-position: top 54% right 12px;
		background-size: 15px;
}

.top_menu_bar{
	background-color: #dcdcdc;
}

.top_menu_bar .inner{
	padding:0!important; 
}

.top_menu{
	height: auto;
	display: flex;
	/*flex-flow: wrap;*/ /*  wrap-reverse */
	align-items: baseline;
	background-color: #dcdcdc;
}

.top_menu.swap{
	flex-flow: wrap-reverse;
}


.top_menu .menu_button{
	height: 44px; width: calc(100% / 12); 
	background-color: #dcdcdc;
	background-size: 33%;
	background-position: center;
	border: 1px solid #fff;
	display: flex;
	justify-content: center;
}



.top_menu .menu_button.selected{
	border-bottom: 0;
}

.top_menu .menu_button.module_button{
	background-color: #7C7C7C;
}




.root_slides .placeholder{
	position: relative;
	z-index: 1;
	width:100%;
}

.root_slides .header{
	display: flex;
	height: 50px; 
	align-items: center;
	color: #fff;
	font-size: 24px;
	line-height: 125%;
	font-weight: bold;
}


.root_slide_container{ 
	display: flex; 
	/*flex-direction: row;*/
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	width:100%;
}

.root_slide{
	position:relative;
	flex: 1 0 100%;
	background-color: rgba(255,255,255,.5);
	height:100%;
}


.root_slide img{
	position: relative;
	z-index: 10;
}

.root_slide .banner_text{
	z-index: 100;
	display: flex;
	background-color:rgba(19,23,25,.63);
	color: #fff;
	position: absolute;
	top:50%;
	right: 0;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	padding-right: calc((100% - 1200px)/2);
	border-bottom: 4px solid;
	font-family: 'Open Sans';
	font-size: 48px;
	line-height: 120%;
	text-align: right;
}
.root_slide .banner_text .content{ 
	position: relative;
	padding: 30px;
	padding-right: 0;
}
.root_slide .banner_text .text_2{ font-weight: bold; }
.root_slide .banner_text .button{
	position: absolute;
	right: 0;
	line-height: 100%;
	bottom: -52px;
	padding: 18px;
	padding-right: 45px;
	background-image: url(/images/arrow_right_view.png);
	background-position: top 54% right 12px;
	background-size: 15px;
}



h2{ font-size: 24px; color: #1d4a9f; }
h3{ font-size: 18px; color: #1d4a9f; }

.section>inner>h2{ margin-top: 0;}
.section.padding{ padding: 46px 0;}

.section p.strong{ font-weight: bold; }
p a, li a, a.link{ float:none;  color:#1d4a9f; text-decoration: underline; }

.footer{ text-align: center; margin-top: 40px; background-color: #0c4da2; }

.footer .top_bar{
	background-color: #ee227a;
	color: #fff;
	font-size: 24px;
	padding: 18px 0;
	border-bottom: 10px solid #349ed8;
}

.footer .top_bar .line1, .footer .top_bar .line2{ display: inline; font-size: 30px; }


.footer .links{
	background-color: #0c4da2;
	color: #fff;
	padding: 18px 0;
}

.footer .links .menu{
	column-count: 4;
}
.footer .links p{ float: none; margin: 0; line-height: 150%; }
.footer .links a{
	/*width: calc((100% - 66px)/4);*/
	text-align: left;
	display: block;
	color: #fff;
}

.footer .topic_button{
	display: none;
}


.home .title, .header_bar .title  { padding: 10px; color: #fff; font-weight: bold;}

.home .flex_container h2{ color: #ee227b; font-size: 22px;  }


.home .contact{
	background-color: #f7f7f7;
	color:#1d4a9f;
	font-size: 14px;	
}
.home .contact>div{
	padding:20px;
}

.home .contact>div{ display: flex; flex-direction: column; }
.home .contact>div>div{ display: flex; }
.home .contact .label{
	flex:1;
	color:#1d4a9f;
	min-width: 108px;
}

.home .contact span.info{
	flex:2; font-weight: bold; 
}

.red{ color: #e43c01; }
.pink{ color: #ee227b; }
.blue{ color: #1d4a9f!important; }

.home .contact_details{ margin-top: 20px;}

.home .contact_details>div{
	background-color: #f7f7f7;
}
.home .contact_details .content{ padding:20px; }

.home .contact_details .button{ padding:20px; font-weight: bold;}
.home .contact_details .button.edit{ background-color: #1d4a9f!important; width:100%; }

.tick_button{ background-image: url(/images/tick_on_white.png); background-size: 25px; background-position: center right 10px; }
.arrow_button{ background-image: url(/images/arrow_right_white.png); background-size: 20px; background-position: center right 10px; }

.home .modules{ display: flex; flex-direction: column; }
.home .modules .module{ 
	border-bottom: 1px solid #fff; display: flex; justify-content: space-between; 
	background-size: 40px;
	background-position: center left 10px;
	padding-left: 40px;
}

.dual_row{ display:flex; font-size: 14px;
	font-weight: bold;}

.dual_row>*:first-child{ flex:6; }
.dual_row>*:last-child{ flex:4; background-color:rgba(255,255,255, .1) !important; }
.dual_row>*{ color: #fff; padding: 20px; align-items: center; display: flex; }


.home .questionnaire .dual_row{ background-color: #1d4a9f; }
.home .questionnaire .dual_row.pink{ background-color: #ee227a; }







.partners  h3{ font-style: italic; font-size: 18px; text-align: left;}
.partners .logos_1{ float: left; width: 54.9%; }
.partners .logos_2{ float: right; width: 41.5%; }


.pink_title{
	background-color: #ee227a;
    color: #fff;
    font-size: 24px;
    padding: 18px 0;
   /* border-bottom: 10px solid #349ed8;*/
}

.action_buttons .inner{ padding: 20px 0; display: flex; justify-content: space-between; }
.action_buttons a { display:block; padding: 5px 10px; padding-right: 50px; background-color: #dcdcdc; width: calc( (100% - 180px) / 8 ); /*background-image: url()*/ }
.action_buttons a.added { pointer-events: all!important; background-color: #1d4a9f; color: #fff; }



.outer.grey{ background-color:#f8f7f7;}
.outer.grey .white{ background-color:#fff;}
.outer.grey .white>*:not(.full_width){ margin-right: 20px; margin-left: 20px; }
.outer.grey .white>.form{ margin-right: 0!important; margin-left: 0!important; padding:20px!important; }


.eap .personal_details .form_row:not(.date){ flex-direction: column; }
.eap .personal_details .form_row.date>*{ flex:1; }


.eap h2{ color: #ee227a; }
.eap h3{ color: #1d4a9f; border-bottom: 1px solid #ee227a; padding-bottom: 10px; }
		
.eap #action_container{
	/*column-count: 2;*/
/*	width:50%;
	padding:0 20px;
	padding-bottom: 20px;
	margin: 20px auto;
	background-color: #fff;*/
}
.eap #action_container .flex_col:last-of-type{ margin-right: auto!important; }
.eap #action_container>div{
	margin: 40px auto;
	width:50%;
}

.eap .response { display: flex; flex-direction: column; margin-bottom: 20px; }

.eap .form .buttons {
	display:flex;
	justify-content: flex-end;
	border-top: 3px solid #ee277a;
}
		.eap .form .buttons input, .form .buttons .button{
			background-color: #EE277A!important;
			padding: 5px 10px;
			flex-grow: 0;
		}
		
		.eap .form .buttons .button{
			margin: 0;
			background-image: url(/images/arrow_right_white.png);
			background-position: center right 5px;
			background-size: 17px;
			padding-right: 30px;
			text-transform: uppercase;
		}
		
		.eap .form .buttons .button.edit{
			margin: 0;
		}
		
		.eap .form .save{ display: none; }
		.eap .form.editable .save{ display: block; }
		.eap .form.editable .button.edit{ display: none; }
		
		.eap .form_row { margin-bottom: 10px;}
		.eap .form_row textarea { margin: 0; padding: 10px;}
		.eap .form_row .radioDiv{ flex:1; }
		
		.eap .action_button{ 
			pointer-events: none!important; 
			background-image: url(/images/arrow_right_white.png);
			background-position: center right 10px;
			background-size: 12px;
			padding-right: 40px;
		}
		
		.eap .personal_image, .eap .image{
			width:100%;
			border-bottom: 4px solid #1d4a9f;
		}
		
		.eap .personal_image img{
			width:100%;			
		}
		
		.eap .intro_title{
			padding: 9px;
			color: #fff;
			background-color: #1d4a9f;
			width: 127px !important;
			display: flex;
			justify-content: center;
		}
		.eap .action_title{
			padding: 9px;
			color: #fff;
			background-color: #1d4a9f;
			width: 50px !important;
			display: flex;
			justify-content: center;
			margin-right: 20px;
		}
		
h3.title{ margin-top: -16px;}		
		
.eap .form_row .field, .eap .form_row label{ align-items: center; }		
textarea{ padding:10px; font-size: 14px; }	
.eap textarea[disabled], .eap input[type=text], .eap .form_row .value{ background-color: #fcebf2; padding:10px!important; font-size: 14px;}
.eap .form_row .value{ padding: 10px; flex:1; margin-top: 10px; }

.eap .form_row.cols{ display: flex; flex-direction: column; }

.eap .form_row.cols .value{ width:100%!important; min-height:35px; }
.eap .form_row *{ font-size: 14px!important; }
.eap .form_row.title { font-weight: 600; fontfont-size: 16px!important; }

.eap .radioDiv input{ margin-left: 10px; }
.eap #no_action {
	display: none;
	justify-content: center;
	align-items: center;
	background: #fff;
	padding: 80px 30px;
	margin-top: 20px;
	flex-direction: column;
}

.eap #no_action.display { display: flex; }


.eap #add_action {
	display: flex;
	justify-content: center;
	align-items: center;
	background: #fff;
	padding: 106px 0;
	margin-top: 20px;
}
.eap #add_action a{
	width: 200px;
    height: 200px;
	color: #888888;
	background-color: #fff!important;
	text-transform: uppercase;	
	border: 3px dashed #dcdcdc;
	padding:10px;
}

.eap #add_action a .box{
	 background-color:  #f8f7f7;
	 display: flex;
	 flex-direction: column;
	 justify-content: center;
    align-items: center;
	width: 100%;
	height:100%;
}

.eap #add_action a img{
margin-bottom: 10px;}


.response .form{
	width: 50%;
	flex-direction: column;
	margin: 20px auto;
	float: none;
}

.response .form .header{
	display:flex;
	width:100%;
	flex-direction: column;
	padding:20px;
	background-color: #fff;
}

.response .form_row{
	width:100%;
	flex-direction: column;
	padding:20px;
	background-color: #fff;
}

.response .form_row>*{
flex: 1 1 auto;
	float:left;
	width:100%;
}

.response .form_row .field, .response .form_row label{ 
	padding: 10px 0; text-align: center; justify-content: center;
}


.jsSlider .scale{
	position: absolute;
	border-bottom: 3px solid #1d4a9f;
	bottom: 30px;
	width: calc(100% - 40px);
	left: 50%;
	transform: translateX(-50%);	
}
.month6 .jsSlider .scale{
	border-bottom: 3px solid #ee227a;
}

.jsSlider .scale .min{ position: absolute; left:-4px; top: -23px; }
.jsSlider .scale .max{ 
	position: absolute; 
	right: -7px;
	top: -23px; 
}

.jsSlider .scale .blocks{
	width:100%;
	display: flex;
	justify-content: space-between;
}

.jsSlider .scale .blocks>div{
	border-right: 2px solid #1d4a9f;
	flex: 1;
	height: 8px;
}

.month6 .jsSlider .scale .blocks>div{
	border-right: 2px solid #ee227a;
}

.jsSlider .scale .blocks>div:first-of-type{
	border-left: 2px solid #1d4a9f;
}

.month6 .jsSlider .scale .blocks>div:first-of-type{
	border-left: 2px solid #ee227a;
}

.black_text{ color: #000; }
.pink_text{ color: #ee227a; }

.pink_row{ float: left; width: 100%; padding:10px;  background-color: #ee227a; color: #fff; margin-bottom: 10px;}


.outer.module_title .inner .title{ font-size: 24px; line-height: 125%; }

.home .contact h2, .home .contact h3{ margin: 0; padding: 0; }
.mobile_only{ display: none!important; }


@media only screen and (max-width: 1200px) {
	.root_slide .banner_text{
		padding-right: 10%;
	}
}


@media only screen and (max-width: 980px) {	
	.eap #action_container .flex_col{ margin-right: auto!important; }
}

@media only screen and (max-width: 850px) {		
	.strapline{
		display: none;
	}
	
	.strapline{ display:none; }
	.outer.module_title .inner{ padding: 0!important; height: 50px; display: flex; align-items: center; justify-content: center; height: auto; }
	
	.outer.module_title .inner .title{ font-size: 20px; text-align: center; }
	
	/*.topbar .logo{
	    width: 196px;
		position: relative;
		top: -17px;
	}*/
	
	.footer .topic_button{
		display: block;
	}
	.footer .links .menu{ column-count:1; }
	.footer .links .menu p{ width:100%; padding: 2px 15px; border-bottom: 1px solid #349ed8; }
	.footer .links .menu a{ text-decoration: none; font-weight: bold; }
	.footer .links{ padding: 0;}
	.footer .menu .topic{ padding-left: 30px!important; display: none; }
	
	.footer .menu.open .topic{ display: block; }
	
	.footer .top_bar .line1, .footer .top_bar .line2{ display: block; width: 100%; font-size: 24px; }
	.footer .top_bar .line2{ font-size: 20px;}
	
	
	.partners .inner{ padding: 15px;}
	.partners h3{ margin: 0;}
	
	
	.contact_details .modules{
		flex:100%!important;
	}
}




@media only screen and (max-width: 480px) {	
	.non_mobile{ display: none; }
	.mobile_only{ display: block!important; }
	
	.inner{ text-align: center; }
	h2{ font-size: 20px; text-align: center; margin-top: 0;}
	.outer.title{ padding: 0; }
	.title h2{ margin: 0; padding: 0; }
	h3{ font-size: 14px; font-weight: bold; margin: 0; }
	
	
	.top_menu{
		flex-flow: wrap;
	}
	
	.top_menu .menu_button{
		width: calc( (100% - 1px) / (12/2));
	}
	.top_menu .menu_button:nth-of-type(6n){ border-right:0 }
	.top_menu .menu_button:nth-of-type(6n+1){ border-left:0 }
/*
	.topbar .inner{ flex-direction: column; padding: 0!important; height: auto!important; }
	.topbar .logo{ padding: 68px 10px 25px 10px; width:100%!important; }
	.topbar .buttons{ width: 100%; justify-content: flex-end; padding: 0 10px!important; }
	.topbar .buttons .button{ position: absolute; left: 10px; }
*/
	.top_menu .menu_button{background-size: auto 70%;}
	
	
	
	.home .content { padding-bottom: 50px!important;}
	.home .contact_details > div{ background-color: transparent!important; }
	.home .content h2{ font-size: 18px;}
	.home .contact .flex_col{ padding: 0 15px; margin:0!important; }
	
	.questionnaire h2:first-of-type{ font-size: 18px!important; }
	.questionnaire .content{ padding-left: 0!important; padding-right: 0!important; padding-bottom: 0!important;  }
	.content h3:first-of-type{ font-size: 18px!important; text-align: center; margin-bottom: 15px; }
	
	.response .form_row{ padding: 20px 0;}
	.form_row{ flex-direction: column; }
	.form_row label, .form_row .field{ width: 100% }  
	 input, select, textarea{ background-color: #fcebf2; width: 100%!important; }
	 input[type=checkbox]{
	     width: auto!important;
		margin-top: 9px;
		margin-right: 10px;
	 }
	
	
	.home .contact_details .button.edit{ 
		height: 45px;
		padding-top: 0;
		padding-bottom: 0;
		display: flex;
		align-items: center;
		position: absolute;
		bottom: 0;
		left: 0;
	}

	.home .contact_details .button{ padding: 0 8px; height: 45px; font-size: 14px; height: 100%; }
	.home .dual_row .title{ padding: 7px; }
	.dual_row > :first-child{ flex: 0 0 62%; }
	
	.tick_button{ background-size: 20px;
		background-position: center right 8px;
	}
	.modules h2{ font-size: 18px!important; }
	
	

	.partners .logos_1, .partners .logos_2{
		float: none;
		margin: 0;
		padding:0;
	}
	
	
	
	.root_slides .header{ font-size: 20px; font-weight: bold; text-align: center; }
	.root_slides .header .inner{ text-align: center!important;}
	.root_slide .banner_text{ padding: 0;}
	
	.outer.root_slides{
		padding-bottom: 100%;
	}
	
	.root_slides .placeholder{
		display: none;
	}
	.root_slide_container{ height: 100%; }
	.root_slide img{ position: absolute; width: auto!important; height: 100%; }
	
	.root_slide .banner_text .content{ width: 100%; padding: 0 0 60px 0;}
	.root_slide .banner_text {
		transform: none; -webkit-transform:none;
		left:0; top:auto;
		bottom:0;
		font-size: 31px;
		line-height: 140%;
		text-align: center;
	}
	.root_slide .banner_text .button{ width: 100%; bottom: 0;}
	
	
	.partners .row{ display: flex; flex-direction: column;  align-items: center; /*flex-wrap: wrap;*/ }
	.partners .logos_1{ width: 93%; }
	.partners .logos_2{ float: right; width: 73%; }
	
	
	.footer{ margin-top: 0; }
	
}



/*****/

.outer.main{
	display: flex;
	width: 100vw;
	min-height: 100vh!important;
	background-size: cover;
	background-position: 50%;
}

.section.main .inner{
	margin: 0 auto;
}

@media (max-width: 800px) {
	padding: 20px;
}



/* PRINT */
@media print {
/*body {transform: scale(.7); margin: 0; padding: 0;}*/
	
body {
	background-color: transparent;
}
.no_print, .top_menu, .top_2_menu, .footer {
	display: none;
}
.outer {
	width: 800px;
	min-width: auto;
	clear: both;
	margin: 0;
	padding: 0;
}
.inner {
	width: 100%;
	min-width: auto;
	padding: 0 30px;
}


.partners {
    border-bottom: 4px solid #EE277A!important;
}

.topbar .logo {
    float: none;
    margin: auto;
}
.strapline, .topbar .buttons{ display:none; }
.topbar .ln{ display:none; }
.outer.action_buttons{ display: none; }

#top_menu_button, .tab_container, .button, select, input {
	display: none!important;
}
.row {
	page-break-inside: avoid;
}
.header_right_col {
	position: relative;
	max-width: auto;
	width: 60%;
}
.header_strapline {
	margin-top: 90px;
}
}
/* PRINT END */