html,
body {
	margin:0;
	padding:0;
	height:100%;
}
.highlight {
	background: yellow;
}
body{
	background-color: #ffffff;
	font-family: Lato, OpenSans, Tahoma, Verdana, sans-serif;
    font-size: 12px;
    color: #1F1F1F;
}

/* xs - normal */
.textAlignCenter-xs {
	text-align: center;
}
.textAlignLeft-xs {
	text-align: left;
}
.textAlignRight-xs {
	text-align: right;
}


.footer ul{
	display: -webkit-inline-box;
    display: flex;
    list-style: none;
    margin: 0 0 0 0;
    padding: 0;
    text-align: center;
    -webkit-justify-content: center;
    justify-content: center;
    /* width: 100%; */
    flex-wrap: wrap;
    flex-direction: row;
}

/* md */
@media only screen and (min-width: 48em) {
	.footer ul{
		-webkit-justify-content: left !important;
		justify-content: left  !important;
	}
}
/* md */
@media only screen and (min-width: 64em) {
	.footer ul{
		-webkit-justify-content: left !important;
		justify-content: left  !important;
	}
}
/* lg */
@media only screen and (min-width: 75em) {
	.footer ul{
		-webkit-justify-content: left !important;
		justify-content: left  !important;
	}
	.textAlignLeft-lg {
		text-align: left;
	}
	.textAlignRight-lg {
		text-align: right;
	}
}

.quotes {
	background: #f7f7f7;
	font-style: italic;
	padding: 10px;
}
.wrapper, #app {
	min-height:100%;
	position:relative;
}

.header {
	background:#ededed;
	/*min-height: 96px;*/
}
a:hover{
	text-decoration: none;
	opacity: 0.8;
}

.no-gutter {
	padding: 0px !important;
	margin: 0px !important;
}

/**/
.image {
  display: inline-flex;
  flex-direction:column;
  margin: 0 0.4em;
}
.image.inline {
  display:inline-flex;
  width:100%;
}
.image.inline.align-center {
  align-items:center;
  justify-content:center;
}
.image.inline.align-right {
  align-items:flex-end;
  justify-content:flex-end;
}
.image.caption-left {
  flex-direction:row-reverse;
  justify-content: flex-start;
}
.image.caption-right {
  flex-direction:row;
  justify-content: flex-end;
}
.image.caption-bottom {
  flex-direction:column;
}
.image.caption-top {
  flex-direction:column-reverse;
}
.image.align-left {
  float:left;
}
.image.align-right {
  float:right;
}
.image > span {
  margin: 0.2em;
} 
.image > img {
  margin: 0.2em;
  display: flex;
}
.image.align-center {
  align-items:center;
}
/**/

.head{
	width:100%;
	background: #00102a;
	color: #fff;
	padding: 15px 0;
	position: fixed;
	top: 0px;
	z-index: 100;
	width: 100%;
}

.header_image{
	width:100%;
	font-size: 3em;
	font-weight: normal;
	color: #fff;
	line-height: 1.6em;
	margin-top: 96px;

}

.header_image span{
	font-size: 0.6em;
}

.sticky_header {

}

.header_sticky_submenu {
	margin-bottom: 69px;
}

.sticky_submenu {
	position: fixed;
	top: 96px;
	z-index: 9999;
}

.constrained{
	max-width: 1080px;
    margin: 0 auto;
		padding: 0 10px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

.home_title{

}
.logo_and_menu{
	display: -webkit-flex;
    display: flex;
	flex-direction: row;
    flex-wrap: wrap;
	justify-content: space-between;
}

.head ul{
	display: -webkit-flex;
    display: flex;
    list-style: none;
    margin: 4px 0 0 15px;
    padding: 0;
    text-align: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    /*width: 80%;*/
    flex-wrap: wrap;
    flex-direction: row;
}

.head ul li{
	display: -webkit-flex;
  display: flex;
  align-content: center;
  align-items: center;
  padding: 14px 10px;
}
a{
	text-decoration:none;
}
.head ul li a{
	color: white;
    font-size: 1.3em;
    vertical-align: middle;
}

.head a.logo{
	background: url("/images/impressions_logo.svg") top left no-repeat;
	width: 101px;
	height: 65px;
	background-size: contain;
}


.search{
	padding:0px;
	margin: 17px 0px;
	white-space: nowrap;
	display: -webkit-flex;
    display: flex;
	flex-wrap: nowrap;
	position: relative;
}

.search input[type="text"]{
	border-top-left-radius: 30px;
	border-bottom-left-radius: 30px;
	border-bottom: 1px solid #9c9c9c;
	border-top: 1px solid #9c9c9c;
	border-left: 1px solid #9c9c9c;
	border-right: none;
	padding: 0 15px;
	width:80%;
	margin:0px;
	height:30px;
	outline: none;
}

.button.basic {
	display: block;
    padding: 25px;
    box-sizing: border-box;
	
	text-align: center;
    cursor: pointer;
    margin-bottom: 30px;
    width: 340px;
    /* height: 70px; */
    background: #5DA59B;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    outline: none;
    border: 0px;
    color: #fff;
	
}

.search input[type="button"]{
	border: none;
	border-top-right-radius: 30px;
	border-bottom-right-radius: 30px;
	border-bottom: 1px solid #9c9c9c;
	border-top: 1px solid #9c9c9c;
	border-right: 1px solid #9c9c9c;
	background-size: contain;
	padding: 5px 15px;
	width:20%;
	margin:0px;
	background: #fff url("/images/icons/search_icon.svg") center center no-repeat;
	background-size: 20px 24px;
	cursor: pointer;
}

/**/

.submenu{
	width: 100%;
	background: #e3edee;
}

.submenu ul{
	display: -webkit-flex;
    display: flex;
    list-style: none;
    margin: 0 0 0 0;
    padding: 0;
    text-align: center;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    width: 100%;
    flex-wrap: wrap;
    flex-direction: row;
}

.submenu ul li{
	display: -webkit-flex;
    display: flex;
    align-content: center;
    align-items: center;
    padding: 10px 10px;
		position: relative;
}

.submenu ul li a{
	color: black;
    font-size: 1.3em;
    vertical-align: middle;
}

.q1, .q2, .q3, .q4, .q5{
	background-color: #9fadaf;
	border-radius: 100%;
}
.q1:hover{
	background-color: #af495f;
}
.q2:hover{
	background-color: #6eaa6b;
}
.q3:hover{
	background-color: #19659c;
}
.q4:hover{
	background-color: #2c3480;
}
.q5:hover{
	background-color: #279386;
}

.submenu ul li a img.kq{
	width: 45px;
	height: 45px;
}
.submenu ul li a img.cs{
	width: 45px;
	height: 45px;
}
.contentWrapper{
	max-width: 1080px;
	margin: 0 auto;
	padding: 50px 10px;
	font-size: 1.2em;
	line-height: 1.6em;
}

.contentWrapper .box_links{
	display: -webkit-flex;
    display: flex;
    text-align: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 100%;
    flex-wrap: wrap;
    flex-direction: row;
	margin: 50px 0;
}

.contentWrapper .box_links a{
	width: 18%;
	color: #fff;
	text-align: center;
	position: relative;
	font-size: 1em;
	font-weight: bold;
	display: flex;
	justify-content: center;
	flex-flow: column;
}

.aa1{
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		min-height: 145px;
}
.aa2{
	height: 100%;
	padding: 5px;
	font-size: 0.9em;
}

.contentWrapper .box_links a.red{
	background: url('/images/question_main_1.png') #AF495F no-repeat;
	background-size: 234px 145px;
}
a.red aa2{
	background-color: #AF495F;
}
.contentWrapper .box_links a.red:hover{
	text-decoration: underline;
}


.contentWrapper .box_links a.green{
	background: url('/images/question_main_2.png') #6EAA6B no-repeat;
	background-size: 234px 145px;
}
a.green aa2{
	background-color: #6EAA6B;
}
.contentWrapper .box_links a.green:hover{
	text-decoration: underline;
}


.contentWrapper .box_links a.light-blue{
	background: url('/images/question_main_3.png') #19659C no-repeat;
	background-size: 234px 145px;
}
a.light-blue aa2{
	background-color: #19659C;
}
.contentWrapper .box_links a.light-blue:hover{
	text-decoration: underline;
}


.contentWrapper .box_links a.blue{
	background: url('/images/question_main_4.png') #2E3180 no-repeat;
	background-size: 234px 145px;
}
a.blue aa2{
	background-color: #2E3180;
}
.contentWrapper .box_links a.blue:hover{
	text-decoration: underline;
}


.contentWrapper .box_links a.turquaze{
	background: url('/images/question_main_5.png') #259386 center top no-repeat;
	background-size: 234px 145px;
}
a.turquaze aa2{
	background-color: #259386;
}
.contentWrapper .box_links a.turquaze:hover{
	text-decoration: underline;
}

h1{
	font-size: 2em;
	line-height: 1.2em;
	padding:0;
	margin:0 0 20px 0;
	font-weight: normal;
	color: #269385;
	text-align: left;
}

h2{
	font-size: 1.5em;
	line-height: 1em;
	padding:0;
	margin:0.6em 0;
	font-weight: normal;
	width:100%;
	color: #af495e;
	text-align: left;
}

h3{
	font-size: 1.17em;
}

h1.turquaze{
	background: url('/images/icons/icon_5.svg') left no-repeat;
	background-size: 45px 45px;
	color: #259386;
	padding-left: 90px;
}

h1.red{
	background: url('/images/icons/temp_icon.svg') left no-repeat;
	background-size: 45px 45px;
	color: #AF495F;
	padding-left: 90px;
}

.content_links{
	font-size: 0.8em;
}

h1.green{
	background: url('/images/icons/bulb_icon.svg') left no-repeat;
	background-size: 45px 45px;
	color: #6EAA6B;
	padding-left: 90px;
}


h1.blue{
	background: url('/images/icons/solutions_icon.svg') left no-repeat;
	background-size: 45px 45px;
	color: #2E3180;
	padding-left: 90px;
}


h1.lightblue{
	background: url('/images/icons/globe_icon.svg') left no-repeat;
	background-size: 45px 45px;
	color: #19659C;
	padding-left: 90px;
}

i.dropdown.icon {
	background: url('/images/icons/step_icon.svg');
	background-repeat: no-repeat;
	background-position: center;
}
.ui.accordion .title .dropdown.icon:before, .ui.accordion .accordion .title .dropdown.icon:before {
	content: '' !important;
}
.ui.accordion .active.title .dropdown.icon {
	-webkit-transform: rotate(0deg) !important;
	transform: rotate(0deg) !important;
	background: url('/images/icons/step_after_icon.svg');
	background-repeat: no-repeat;
	background-position: center;
}

.mapEurope{
	width:100%;
	text-align: center;
	/*background: url('/images/map.svg') center no-repeat;*/
	/*background-size: contain;*/
	position: relative;
	height: 100%;
	margin-bottom: 40px;
}
.mapEurope .mapMarker {
	background: url('/images/icons/pin_icon.svg') center no-repeat;
	width: 40px;
	height: 80px;
	position: absolute;
	cursor: pointer;
}
.caseStudyOne {
	top: 26%;
	left: 14%;
}
.caseStudyTwo {
	top: 70%;
	left: 7%;
}
.caseStudyThree {
	top: 57%;
	left: 36%;
}
.caseStudyFour {
	top: 43%;
	left: 52%;
}
.caseStudyFive {
	top: 33%;
	left: 83%;
}

.caseStudyOne:hover ~ svg #XMLID_2045_{
	fill: #259386;
	opacity: 0.5;
}

.caseStudyTwo:hover ~ svg #XMLID_2083_,
.caseStudyTwo:hover ~ svg #XMLID_2099_{
	fill: #259386;
	opacity: 0.5;
}

.caseStudyThree:hover ~ svg #XMLID_2098_{
	fill: #259386;
	opacity: 0.5;
}

.caseStudyFour:hover ~ svg g:not([id = "F8eRC7_7_"]) path
{
	fill: #259386;
	opacity: 0.5;
}

.caseStudyFour:hover ~ svg g#XMLID_628_ path{
	fill: #DFDFDF;
	opacity: 1;
}

.caseStudyFour:hover ~ svg g#F8eRC7_8_ path,
.caseStudyFour:hover ~ svg g#F8eRC7_9_ path,
.caseStudyFour:hover ~ svg path#XMLID_1972_
{
	fill: #259386;
	opacity: 0;
}

.caseStudyFive:hover ~ svg #XMLID_2112_,
.caseStudyFive:hover ~ svg #XMLID_2109_,
.caseStudyFive:hover ~ svg #XMLID_2108_,
.caseStudyFive:hover ~ svg #XMLID_2107_,
.caseStudyFive:hover ~ svg #XMLID_2106_
{
	fill: #259386;
	opacity: 0.5;
}


ul.content_links{
	display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    width: 100%;
    flex-wrap: wrap;
    flex-direction: row;
	margin: 0;
	padding: 0;
	margin-top: 50px;
	margin-bottom: 50px;
	list-style-type: none;

}

ul.content_links div{
	width: 400px;
}

ul.content_links li{
	width: 32%;
	height: 80px;
  margin-left: 14px;
	background: #00102b;
	border-radius: 50px;
	margin-bottom: 25px;
	display: table;
}

ul.content_links li a{
	color: #fff;
	display: table-cell;
    vertical-align: middle;
	line-height: normal;
	padding:0 10px;
	width:80%;
}

ul.content_links li span{
	width: 80px;
	height: 80px;
	border-radius: 50%;
	float: left;
	background-position: center;
	background-repeat: no-repeat;
}
 /*turquaze*/
span.turquaze {
	background-color: #259386;
}

span.vision_icon{
	background-image: url(/images/icons/vision_icon.svg);
	/*background-size: 50% 50%;*/
}

 /*country_turquaze*/
span.country_turquaze_1{
	background-color: #259386;
	background-image: url(/images/icons/europe_icon.svg);
	background-size: 50% 50%;
}

span.country_turquaze_2{
	background-color: #259386;
	background-image: url(/images/icons/climat_icon.svg);
	background-size: 50% 50%;
}

span.country_turquaze_3{
	background-color: #259386;
	background-image: url(/images/icons/people_icon.svg);
	background-size: 50% 50%;
}

span.country_turquaze_4{
	background-color: #259386;
	background-image: url(/images/icons/scenario_icon.svg);
	background-size: 50% 50%;
}

span.country_turquaze_5{
	background-color: #259386;
	background-image: url(/images/icons/modelling_icon.svg);
	background-size: 50% 50%;
}

span.country_turquaze_6{
	background-color: #259386;
	background-image: url(/images/icons/vision_icon.svg);
	background-size: 50% 50%;
}

span.country_turquaze_7{
	background-color: #259386;
	background-image: url(/images/icons/pathways_icon.svg);
	background-size: 50% 50%;
}

span.country_turquaze_8{
	background-color: #259386;
	background-image: url(/images/icons/modelling_results.svg);
	background-size: 50% 50%;
}

span.country_turquaze_9{
	background-color: #259386;
	background-image: url(/images/icons/evaluating_pathways.svg);
	background-size: 50% 50%;
}

span.country_turquaze_10{
	background-color: #259386;
	background-image: url(/images/icons/robustness_icon.svg);
	background-size: 50% 50%;
}

span.country_turquaze_11{
	background-color: #259386;
	background-image: url(/images/icons/transformative_icon.svg);
	background-size: 50% 50%;
}



span.a_common_vision_for_europe_icon {
	background-image: url(/images/icons/a_common_vision_for_europe.svg);
	background-size: 100% 100%;
}
span.climate_analogues_icon {
	background-image: url(/images/icons/climate_analogues.svg);
	background-size: 100% 100%;
}
span.comparisons_of_impacts_across_scales_and_models_icon {
	background-image: url(/images/icons/comparisons_of_impacts_across_scales_and_models.svg);
	background-size: 100% 100%;
}
span.economics_of_transformations_icon {
	background-image: url(/images/icons/economics_of_transformations.svg);
	background-size: 100% 100%;
}
span.examples_of_transformative_solutions_icon {
	background-image: url(/images/icons/examples_of_transformative_solutions.svg);
	background-size: 100% 100%;
}
span.impact_interactions_across_sectors_icon {
	background-image: url(/images/icons/impact_interactions_across_sectors.svg);
	background-size: 100% 100%;
}
span.impacts_from_outside_europe_icon {
	background-image: url(/images/icons/impacts_from_outside_europe.svg);
	background-size: 100% 100%;
}
span.inspiring_transformations_icon {
	background-image: url(/images/icons/inspiring_transformations.svg);
	background-size: 100% 100%;
}
span.pathway_effectiveness_in_achieving_the_vision_icon {
	background-image: url(/images/icons/pathway_effectiveness_in_achieving_the_vision.svg);
	background-size: 100% 100%;
}
span.pathways_to_achieve_the_visions_icon {
	background-image: url(/images/icons/pathways_to_achieve_the_visions.svg);
	background-size: 100% 100%;
}
span.sustainability_visions_icon {
	background-image: url(/images/icons/sustainability_visions.svg);
	background-size: 100% 100%;
}
span.synergies_and_trade_offs_between_pathways_icon {
	background-image: url(/images/icons/synergies_and_trade_offs_between_pathways.svg);
	background-size: 100% 100%;
}
span.impacts_of_climate_analogues_on_the_wine_sector_icon {
	background-image: url(/images/icons/impacts_of_climate_analogues_on_the_wine_sector.svg);
	background-size: 100% 100%;
}
span.impacts_of_climate_and_socio_economic_scenarios_icon {
	background-image: url(/images/icons/impacts_of_climate_and_socio_economic_scenarios.svg);
	background-size: 100% 100%;
}
span.integrated_scenarios_icon {
	background-image: url(/images/icons/integrated_scenarios.svg);
	background-size: 100% 100%;
}
span.positive_tipping_points_to__transformations_icon {
	background-image: url(/images/icons/positive_tipping_points_to__transformations.svg);
	background-size: 100% 100%;
}
span.ethics_and_responsibilities_icon {
	background-image: url(/images/icons/ethics_and_responsibilities_icon.svg);
	background-size: 100% 100%;
}


/*red*/

span.red {
	background-color: #AF495F;
}

span.create_scenario_icon{
	
	background-image: url(/images/icons/create_scenario_icon.svg);
	background-size: 50% 50%;
}

span.climat_icon{
	
	background-image: url(/images/icons/climat_icon.svg);
	background-size: 50% 50%;
}

span.people_icon{
	
	background-image: url(/images/icons/people_icon.svg);
	background-size: 50% 50%;
}
span.scenario_icon{
	
	background-image: url(/images/icons/scenario_icon.svg);
	background-size: 50% 50%;
}

span.tipping_points_icon{
	
	background-image: url(/images/icons/tipping_points_icon.svg);
	background-size: 50% 50%;
}

span.model_catalogue_icon {
	background-image: url(/images/icons/model_catalogue.svg);
}

span.multi_scale_modelling_framework_icon {
	background-image: url(/images/icons/multi_scale_modelling_framework.svg);
}

span.game_changers_icon{
	background-image: url(/images/icons/game_changers.svg);
}

span.how_to_implement_the_pathways_icon{
	background-image: url(/images/icons/how_to_implement_the_pathways.svg);
}

span.results_in_stress_testing_current_policies_icon{
	background-image: url(/images/icons/results_in_stress_testing_current_policies.svg);
}

span.cross_scale_pathways_for_a_sustainable_europe_icon{
	background-image: url(/images/icons/cross_scale_pathways_for_a_sustainable_europe.svg);
}

span.policy_brief_icon{
	
	background-image: url(/images/icons/policy_brief_icon.svg);
	background-size: 50% 50%;
}


/**/
span.modelling_introduction_icon{
	
	background-image: url(/images/icons/modelling_introduction_icon.svg);
	background-size: 50% 50%;
}

span.short_model_description{
	
	background-image: url(/images/icons/short_model_description.svg);
	background-size: 50% 50%;
}

span.modelling_results{
	
	background-image: url(/images/icons/modelling_results.svg);
	background-size: 50% 50%;
}
span.empty{
	
	background-image: url(/images/icons/empty.svg);
	background-size: 50% 50%;
}

span.analysis_icon{
	
	background-image: url(/images/icons/analysis_icon.svg);
	background-size: 50% 50%;
}

span.model_icon{
	
	background-image: url(/images/icons/model_icon.svg);
	background-size: 50% 50%;
}




/*green*/
span.green {
	background-color: #6EAA6B;
}

span.indirective_icon{
	background-image: url(/images/icons/indirective_icon.svg);
	background-size: 50% 50%;
}

span.risk_icon{
	background-image: url(/images/icons/risk_icon.svg);
	background-size: 50% 50%;
}

span.robustness_icon{
	background-image: url(/images/icons/robustness_icon.svg);
	background-size: 50% 50%;
}

/*blue*/

span.blue {
	background-color: #2E3180;
}

span.transformative_icon{
	background-image: url(/images/icons/transformative_icon.svg);
	background-size: 50% 50%;
}

/* light blue*/
span.lightblue {
	background-color: #19659C;
}

span.pathways_icon{
	background-image: url(/images/icons/pathways_icon.svg);
	background-size: 50% 50%;
}

span.modelling_icon{
	background-image: url(/images/icons/modelling_icon.png);
	background-size: 50% 50%;
}

span.evaluating_pathways{
	background-image: url(/images/icons/evaluating_pathways.svg);
	background-size: 50% 50%;
}

/**/
.content {
	padding-bottom: 30px; /* Height of the footer element */
	/*padding-top: 150px;*/
}
.footer {
	background:#e3edee;
	width:100%;
	min-height:60px;
	position:absolute;
	bottom:0;
	left:0;
}

/*.footer {
	background: #e3edee;
	bottom: 0;
    display: table;
    height: 60px;
    overflow: hidden;
    position: fixed;
    width: 100%;

}*/



.footer  ul li{
	display: -webkit-flex;
    display: flex;
    align-content: center;
    align-items: center;
    padding: 14px 35px;
	font-size: 1.3em;
}

.footer  ul li a{
	color: black;
    vertical-align: middle;
}

.footer  ul li a:hover{
	/*text-decoration: underline;*/
}

.footer  ul li a.social_tw{
	background: url('/images/icons/twitter_icon.svg') no-repeat center center;
	background-size: 70%  70%;
	width: 30px;
	height: 30px;
}

.footer  ul li a.social_tw:hover{
	/*background: url('/images/search.png') no-repeat;*/
}

.footer  ul li a.social_fb{
	background: url('/images/icons/fb_icon.svg') no-repeat center center;
	background-size: 60% 60%;
	width: 30px;
	height: 30px;
}

.footer  ul li a.social_fb:hover{
	/*background: url('/images/search.png') no-repeat;*/
}


.footer  ul li a.social_in{
	background: url('/images/icons/in_icon.svg') no-repeat center center;
	background-size: 60% 60%;
	width: 30px;
	height: 30px;
}

.footer  ul li a.social_in:hover{
	/*background: url('/images/search.png') no-repeat;*/
}

.footer  ul li a.social_g{
	background: url('/images/icons/gplus_icon.svg') no-repeat center center;
	background-size: 60% 60%;
	width: 30px;
	height: 30px;
}

.footer  ul li a.social_g:hover{
	/*background: url('/images/search.png') no-repeat;*/
}

.footer .pensoftlogo {
	background: url('/images/pensoftlogo.svg') no-repeat center;
    background-size: 100%;
    width: 80px;
    min-height: 30px;
    display: inline-block;
    margin-left: 6px;
}

.contentWrapper .box_links a span {
	height: 60px;
	width: 60px;
	opacity: 0.9;
}
.contentWrapper .box_links a span.temp {
	background: url(/images/icons/temp_icon_shadow.svg) center center no-repeat;
}
.contentWrapper .box_links a span.bulb {
	background: url(/images/icons/bulb_icon_shadow.svg) center center no-repeat;
}
.contentWrapper .box_links a span.globe {
	background: url(/images/icons/globe_icon_shadow.svg) center center no-repeat;
}
.contentWrapper .box_links a span.vision {
	background: url(/images/icons/vision_icon_shadow.svg) center center no-repeat;
}
.contentWrapper .box_links a span.diagram {
	background: url(/images/icons/solutions_icon.svg) center center no-repeat;
	opacity: 0.4;
}

.hero {
/*	background: linear-gradient(45deg, #00102B, #17273D);*/

	/*padding: 150px 0;*/
}

.hero-content {
	color: white;
	display: block;
	/*text-align: center;*/
}

.hero-header{
	background: url("/images/header.png") no-repeat;
	background-size: cover;
}


.contentWrapper form.story-form select {
	height: 40px;
	font-size: 20px;
	margin: 10px 0;
}
.contentWrapper form.story-form input{
	width: 100%;
	height: 40px;
	margin: 10px 0;
	font-size: 20px;
}
.contentWrapper form.story-form button {
	height: 40px;
	font-size: 20px;

}
li > div.title {
	background:#e3edee;
	position: absolute;
	display:inline-block;
	top: 65px;
	min-width: 100px;
	margin: 0 auto;
	padding: 5px;
	font-size: 0.9em;
	left: calc(50% - 50px);
	line-height: 20px;
}

ul li > div.title {
	visibility:hidden;
	opacity:0;
	transition:visibility 0s linear 0.5s,opacity 0.5s linear;
}
ul li:hover > div.title  {
	visibility:visible;
	opacity:1;
	transition-delay:0s;
	z-index: 99999;
}

@media screen and (min-width: 200px) and (max-width: 699px)
	 {
		 body{
			 font-size: 0.6em;
 			}
			.contentWrapper{
				font-size: 1.8em;
			}
			.footer ul li{
				font-size: 1.3em;
				padding: 6px 15px;
  		}
			.search{
				width: 180px;
			}
			.mapEurope .mapMarker{
				width: 20px;
			}
			.caseStudyOne {
				top: 7%;
				left: 12%;
			}
			.caseStudyTwo {
				top: 49%;
				left: 6%;
			}
			.caseStudyThree {
				top: 36%;
				left: 36%;
			}
			.caseStudyFour {
				top: 23%;
				left: 52%;
			}
			.caseStudyFive {
				top: 20%;
				left: 83%;
			}
			h1.red, h1.green, h1.blue, h1.lightblue, h1.turquaze{
				background-size: 60px;
			}
			h1{
				font-size: 1.6em;
				line-height: 1.4em;
				margin-bottom: 20px;
			}
			div.title{
				min-width: inherit;
				left: calc(50% - 50%);
				font-size: 1.6em;
			}
			ul.content_links li{
				width: 100%;
			}
	 }

@media screen and (min-width: 700px) and (max-width: 999px)
	 {
		 body{
			 font-size: 0.8em;
		 }
		 .footer ul li{
			 	font-size: 1.1em;
 			}
			.mapEurope .mapMarker{
				width: 30px;
			}
	 }

@media (min-width: 1000px)
	 {
		 body{
			 font-size: 1em;
		 }
		 .footer ul li{
			 font-size: 1em;
 			}
	 }

div.formElementError {
	position: absolute;
  height: 18px;
  z-index: 99;
  padding: 0 11px;
  background: white;
  color: black;
  font-size: 13px;
  top: -22px;
  left: 16px;
  border-radius: 10px;
}

.formElementError-enter {
  opacity: 0.01;
}

.formElementError-enter.formElementError-enter-active {
  opacity: 1;
  transition: opacity 300ms ease-in;
}

.formElementError-leave {
  opacity: 1;
}

.formElementError-leave.formElementError-leave-active {
  opacity: 0.01;
  transition: opacity 200ms ease-in;
}

/*# sourceMappingURL=all.css.map */