/* START RESET CSS */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figure, footer, header, hgroup, menu, nav, section, menu,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

*:not(p):not(ul):not(ol) {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

html, body {
	height: 100%;
}

html {
	scroll-behavior: smooth;
}

article, aside, figure, footer, header,
hgroup, nav, section {
	display: block;
}

sup {
	font-size: 75%;
	vertical-align: super;
}

nav ul {
	list-style: none;
	margin: 0;
	padding: 0
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	text-decoration: none;
	color: #1c75bc;
}

.contact_name {
	text-transform: uppercase;
}

.contact_image {
	max-width: 250px;
}

ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none;
}

mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold;
}

del {
	text-decoration: line-through;
}

abbr[title], dfn[title] {
	border-bottom: 1px dotted #000;
	cursor: help;
}

/* tables still need cellspacing="0" in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	font-family: Lato-Bold;
}

h1 {
	font-size: 1.7em;
	font-family: Lato-Bold;
}

input, select {
	vertical-align: middle;
}

center {
	text-align: center;
}

ol, ol li {
	margin-left: 0;
	padding-left: 0;
}

ol {
	padding-left: 1em;
}

.overflow-hidden {
	overflow: hidden;
}

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

.right-align {
	text-align: right;
}

.relative {
	position: relative;
}

.no-gutters {
	padding: 0rem;
	margin: 0rem;
}

.flex-grow-0 {
	flex-grow: 0;
}

.flex-grow-1 {
	flex-grow: 1;
}

.fluid {
	width: 100%;
}

/**
	new checkboxes
*/
.control-group {
	display: inline-block;
	text-align: left;
	vertical-align: top;
}

.control {
	position: relative;
	display: block;
	margin-bottom: 0px;
	padding-left: 30px;
	cursor: pointer;
}

.control.aaa {
	padding-left: 40px;
	margin-bottom: 0px;
}

.control input {
	position: absolute;
	z-index: -1;
	opacity: 0;
}

.control__indicator {
	position: absolute;
	top: 0px;
	left: 0;
	width: 20px;
	height: 20px;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 2px;
}

.control--radio .control__indicator {
	border-radius: 50%;
}

/* Hover and focus states */
.control:hover input ~ .control__indicator,
.control input:focus ~ .control__indicator {
	background: #f9f9f9;
}

/* Checked state */
.control input:checked ~ .control__indicator {
	background: #2aa1c0;
}

/* Hover state whilst checked */
.control:hover input:not([disabled]):checked ~ .control__indicator,
.control input:checked:focus ~ .control__indicator {
	background: #0e647d;
}

/* Disabled state */
.control input:disabled ~ .control__indicator {
	pointer-events: none;
	opacity: .6;
	background: #e6e6e6;
}

/* Check mark */
.control__indicator:after {
	position: absolute;
	display: none;
	content: '';
}

/* Show check mark */
.control input:checked ~ .control__indicator:after {
	display: block;
}

/* Checkbox tick */
.control--checkbox .control__indicator:after {
	top: 3px;
	left: 7px;
	width: 3px;
	height: 8px;
	transform: rotate(45deg);
	border: solid #fff;
	border-width: 0 2px 2px 0;
}

/* Disabled tick colour */
.control--checkbox input:disabled ~ .control__indicator:after {
	border-color: #7b7b7b;
}

/* Radio button inner circle */
.control--radio .control__indicator:after {
	top: 6px;
	left: 6px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #fff;
}

/* Disabled circle colour */
.control--radio input:disabled ~ .control__indicator:after {
	background: #7b7b7b;
}

/* END RESET CSS */

/* START FONTS */
@font-face {
	font-family: HelveticaNeueLight;
	src: url(fonts/HelveticaNeueLight.ttf);
}

@font-face {
	font-family: Lato-Bold;
	src: url(fonts/Lato-Bold.ttf);
	font-weight: bold;
}

/* END FONTS */

/* START MAIN CSS */
html, body {
	font-family: HelveticaNeueLight;
	font-size: 15px;
	width: 100%;
	margin: 0;
	padding: 0;
	line-height: 1.5;
}

body {
	display: flex;
	flex-direction: column;
}

.page-content {
	flex: 1 0 auto;
}

.maintenance .page-content {
	margin-top: 40px;
}

header {
	z-index: 9999;
	top: 0;
	/*position: fixed;*/
	width: 100%;
	/*transition: all 0.5s ease-in-out;*/
	background: #fff;
	/*transition: height 0.3s;*/
	height: 453px;
}

.header {
	/* margin: 0px 20px;  */
	width: 100%;
	z-index: 99;
	/*top: 334px;*/
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	/* max-width: 1280px; */
	/*    transition: all 0.7s ease-in-out;
		padding: 10px 0;*/
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	border-bottom: none;
	/* margin: 0 -20px; */

}

.maintenance .header {
	margin-top: 40px;
}

.shrink .header {
	height: 90px;
}

.header-bee {
	max-width: 100%;
	/*height: 480px;*/
	height: 340px;
	background: url(/i/graphics2.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	transition: all 0.5s ease-in-out;
	position: relative;
	top: 95px;
}

.header-bee .row {
	margin: 0px;
	height: 100%;
	min-height: 90px;
}

.search_container {
	left: 0;
	width: 100%;
	padding: 40px 0;
	background: #fff;
	display: flex;

	position: sticky;
	position: -webkit-sticky;
	top: 0px;
	margin-top: 90px;
	z-index: 1;

}

.fixed-search {
	position: fixed;
	top: 0px;
	padding: 40px 0;
	/*left: 0;*/
	/*width: 100%;*/
	/*z-index: 10;*/
	padding: 40px 0;
	/*background: blue;*/
	top: 0px;
	margin-top: 60px;
}

.main {
	margin: 0 auto;
}

.mainwrap {
	max-width: 1280px;
	margin: 0 auto;
	/*padding: 20px 0px 0px 0px;*/
	color: #414143;
	/*margin-top: 60px;*/
}

.mainwrap-foot {
	max-width: 1280px;
	margin: 0 auto;
}

.box.story {
	max-width: 365px;
	background: #f0f0f0;
	border-radius: 6px;
	padding: 22px 13px 0 13px;
	height: 620px;
	margin-bottom: 44px;
	transition: all .3s ease-in-out;
}

.box.story.stakeholder_board_container {
	max-width: 365px;
	background: #f0f0f0;
	border-radius: 6px;
	padding: 22px 13px 0 13px;
	height: 510px;
	margin-bottom: 44px;
	transition: all .3s ease-in-out;
}

.box.story:hover {
	background: #f0f0f0;
	box-shadow: 0 12px 11px rgba(171, 170, 170, 0.5);
	margin-top: -5px;
}

.box.story.stakeholder_board_container:hover {
	background: #f0f0f0;
	box-shadow: unset;
	margin-top: 0;
}

.box.story.buttons {
	max-width: 440px;
	/*padding-bottom: 20px;*/
	background: none;
	padding: 16px 4px 0 4px;
	box-shadow: none;
	height: 72px;
	margin-left: -12px;

}

.latest-news {
	padding-bottom: 40px;
}

.latest-news h1 {
	text-align: left;
}

.buttons a {
	max-width: 365px;
	height: 235px;
	background: #f0f0f0 url(/i/svg/homepage_button.svg) no-repeat;
	background-size: 50px;
	background-position: center 155px;
	border-radius: 6px;
	padding: 20px 50px;
	display: block;
	color: #fff;
	font-size: 1.4em;
	margin-bottom: 10px;
	text-align: center;
	transition: all .3s ease-in-out;
}

.buttons a:hover {
	margin-top: -5px;
}

.buttons.blue a {
	background-color: #1c75bc;
}

.buttons.green a {
	background-color: #2cb4bf;
}

.buttons.grey a {
	background-color: #414143;
}

.buttons.orange a {
	background-color: #D8AC32;
}

.buttons.blue a:hover {
	box-shadow: 0 2px 28px rgba(28, 117, 188, 0.5);
	opacity: 1;
}

.buttons.green a:hover {
	box-shadow: 0 2px 28px rgba(44, 180, 191, 0.5);
	opacity: 1;
}

.buttons.grey a:hover {
	box-shadow: 0 2px 28px rgba(65, 65, 67, 0.5);
	opacity: 1;
}

.buttons.orange a:hover {
	box-shadow: 0 2px 28px rgba(216, 172, 50, 0.5);
	opacity: 1;
}


.ri_materials_buttons a {
	max-width: 265px;
	height: 55px;
	border-radius: 6px;
	padding: 12px 7px;
	display: block;
	color: #fff;
	font-size: 1.1em;
	/*margin-bottom: 10px;*/
	text-align: center;
	/*transition: all .3s ease-in-out;*/
	text-transform: uppercase;
}

/*.ri_materials_buttons a:hover{*/
/*margin-top:-5px;*/
/*}*/
.ri_materials_buttons.green a {
	background-color: #2cb4bf;
}

.ri_materials_buttons.grey a {
	background-color: #414143;
}

.ri_materials_buttons.green a:hover {
	box-shadow: 0 2px 28px rgba(44, 180, 191, 0.5);
	opacity: 1;
}

.ri_materials_buttons.grey a:hover {
	box-shadow: 0 2px 28px rgba(65, 65, 67, 0.5);
	opacity: 1;
}

.light-blue {
	color: #2cb4bf;
}

.top_10 {
	padding-top: 10px;
}

.right {
	float: right;
}

.left {
	float: left;
}

.blue_button {
	color: #fff;
	background: #1c75bc;
	border-radius: 6px;
	padding: 10px 15px;
	margin-right: 20px;
}

.blue_button:hover {
	box-shadow: 0 2px 28px rgba(28, 117, 188, 0.5);
	opacity: 1;
}

h5 {
	color: #1c75bc;
	font-size: 1.5em;
	padding: 20px 0;
}

h6 {
	text-transform: uppercase;
	padding: 20px 0;
}

.big_grey {
	color: #838383;
	font-size: 1.5em;
}

.bottom_border {
	border-bottom: 1px solid #bebebe;
	min-height: 350px;
	display: flex;
}

.press_background {
	background: url("/i/svg/press release -01.svg") no-repeat;
	background-size: 350px;
	/*background-size: contain;*/
	/*margin-top: -66px;*/
}

.story.broshure_and_poster, .media-btn_broshure_and_poster, .media-size {
	max-width: 350px;
}

.story.broshure_and_poster {
	background: #f0f0f0;
	border-radius: 6px;
	padding: 1px;
}

.broshure_and_poster a img {
	border-radius: 6px;
	display: block;
	width: 312px;
}

.media-btn_broshure_and_poster a {
	border-radius: 6px;
	background: #2cb4bf;
	display: block;
	padding: 10px 10px 9px 10px;
	color: #fff;
	margin-top: 20px;
}

.media-btn_broshure_and_poster a:hover {
	box-shadow: 0 2px 28px rgba(44, 180, 191, 0.5);
	opacity: 1;
}

a.download {
	background: #2cb4bf url("/i/svg/other_download.svg") no-repeat;
	background-position: 18px 11px;
	background-size: 15px;
	height: 47px;
}

.media-size {
	margin-top: 10px;
}


.light-green-button {
	border-radius: 6px;
	background: #2cb4bf;
	padding: 14px 50px;
	color: #fff !important;
}

.light-green-button:hover {
	box-shadow: 0 2px 28px rgba(44, 180, 191, 0.5);
	opacity: 1;
}

.expandableCollapsibleDiv p {
	border-bottom: 1px solid #000;
	clear: both;
	list-style: outside none none;
	margin: 0;
	padding-bottom: 10px;
	display: none;
}


ul.home_social_icons li {
	display: inline-flex;
	margin: 0 10px;

}

ul.home_social_icons li a {
	background: #f0f0f0;
	border-radius: 6px;
	padding: 30px;
	box-shadow: 2px 2px 28px rgba(227, 227, 227, 0.6);
	opacity: 1;
}

ul.home_social_icons li a.tw-ico {
	background: #f0f0f0 url('/i/svg/home_twitter.svg') no-repeat center;
	background-size: 33px;
}

ul.home_social_icons li a.fb-ico {
	background: #f0f0f0 url('/i/svg/home_facebook.svg') no-repeat center;
	background-size: 30px;
}

ul.home_social_icons li a.in-ico {
	background: #f0f0f0 url('/i/svg/home_linkedin.svg') no-repeat center;
	background-size: 35px;
}

ul.home_social_icons li a.youtube-ico {
	background: #f0f0f0 url('/i/svg/home_youtube-01.svg') no-repeat center;
	background-size: 35px;
}


.mainwrap h1 {
	font-size: 2em;
	padding: 50px 0px 25px 0px;
	color: #404040;
}

.mainwrap .latest-news h1 {
	padding: 60px 0px 40px 0px;
}

.latest-story-desc p {
	font-size: 1.2em;
	text-align: left;
}

.latest-story-desc h3 {
	height: 90px;
}

.scientific_committee_profile .user_pic,
.scientific_committee .user_pic {
	border-radius: 4px;
}

.scientific_committee h3 {
	margin-top: 10px;
}

.scientific_committee h3 img {
	vertical-align: middle;
	margin-left: 4px;
	margin-top: -4px;
	width: 20px;
}

.scientific_committee_profile {
	font-size: 1.2em;
}

.scientific_committee_profile h4 {
	color: #414042;
	font-size: 1.9em;
	margin: 30px 0;
}

.scientific_committee_profile img {
	width: 90%;
}

.scientific_committee_profile .img_and_info {
	font-size: 0.8em;
	font-weight: bold;
}

.scientific_committee_profile .img_and_info span {
	font-weight: normal;
}

.scientific_committee_profile a.mail {
	background: url(/i/scientific_mail.svg) top left no-repeat;
	background-size: contain;
	padding-left: 22px;
	line-height: 2em;
}

.scientific_committee_profile a.twitter {
	background: url(/i/scientific_twitter.svg) top left no-repeat;
	background-size: contain;
	padding-left: 22px;
	line-height: 2em;
}

.scientific_committee_profile a.linkedin {
	background: url(/i/scientific_linkedin.svg) top left no-repeat;
	background-size: contain;
	padding-left: 22px;
	line-height: 2em;
}


/*stakeholder_board*/

.stakeholder_board .user_pic {
	border-radius: 4px;
}

.stakeholder_board h3 {
	margin-top: 10px;
	color: #1c75bc;
}

.stakeholder_board h3 img {
	vertical-align: middle;
	margin-left: 4px;
	margin-top: -4px;
	width: 20px;
}

.stakeholder_board {
	font-size: 1.2em;
}


/* end stakeholder_board*/


.materials.col-xs-4 {
	margin: 25px 0 20px 0;
	display: flex;
	padding: 0;
}

.materials.col-xs-4 a {
	width: 280px;
}

.twitter-widget {
	max-height: 400px;
	max-width: 787px;
	margin-left: 6px;
	overflow-y: scroll;
	border: 1px solid #a5a7aa;
	border-radius: 5px;
}

.mainwrap-container {
	display: flex;
	flex-wrap: nowrap;
}

.white-bordered {
	border-top: 1px solid #fff;
	padding-top: -10px;
}

.rounded {
	border-radius: 6px !important;
}

.red-border.red-btn.rounded, .gray-border.rounded, .green-border.green-btn.rounded, .brown-border.brown-btn.rounded, .blue-border.blue-btn.rounded {
	display: block;
	border-radius: 6px !important;
	height: 47px !important;
	/*background: #fff;*/
	width: 100%;
}

.submit-btn.rounded {
	margin-top: 20px;
	display: inline-block;
	width: 100%;
	text-align: center;
	vertical-align: middle;
	line-height: 2.3em;
	font-size: 1.2em;
	font-weight: bold;
	color: #1C75BC;
	border: 1px solid gray;
}

.send {
	background: url(/i/svg/CMS_icons_send.svg) no-repeat center center;
	background-position-x: 105px;
	background-position-y: 11px;
	background-size: 20px;
	padding-left: 25px;
}


.event-btn.rounded {
	display: inline-block;
	/*margin-right: 15px;*/
	width: 100%;
	max-width: 200px;
	text-align: center;
	vertical-align: middle;
	line-height: 2.5em;
	font-size: 1.2em;
	font-weight: bold;
	cursor: pointer;
	height: 47px;

}

.event-btn.media-btn.rounded {
	max-width: none;
}

.event-btn.rounded.blue {
	background: #1c75bc;
	color: #fff;
}

.event-btn.rounded:hover, .event-btn.rounded.blue.fc-state-disabled {
	background: #1c75bc;
	color: #fff;
	box-shadow: 0 2px 28px rgba(28, 117, 188, 0.5);
	opacity: 1;
}

.event-btn.light-green-btn.rounded:hover {
	background: #1CD0BC;
	color: #fff;
	box-shadow: 0 2px 28px rgba(44, 180, 191, 0.5);
	opacity: 1;
}

.media-btn {
	width: 100% !important;
}

.mainwrap.notices {
	border: 1px solid #d5d5d5;
	padding: 30px;
	max-width: 1200px;
	margin-bottom: 30px;
}

.main-aside.subscribe {
	width: 100%;
}

.mainheader {
	width: 100%;
}

.latest-story-photo img {
	border-radius: 6px;
	/*border: 1px solid #e0e0e0;*/
	/*box-shadow: 1px 1px 0px 0px #f1f1f1;*/
	min-width: 100%;
	width: 100%;
	height: auto;
	/*opacity: 0.5;*/
}

/*.latest-story-photo:hover img{*/
/*opacity: 1;*/
/*-moz-box-shadow: 0 0 20px #000;*/
/*-webkit-box-shadow: 0 0 20px #000;*/
/*box-shadow: 0 0 20px #000;*/
/*}*/

a:hover, .btn:hover, .ico:hover, .profilemenu .login_name:hover, .fc-header .btn.fc-state-disabled {
	opacity: 0.8;
}

.mainheader h1 {
	color: #fff;
	/*text-transform: uppercase;*/
	font-size: 3.5em;
	line-height: 1.8em;
	padding: 0 100px 0 120px;
	/*padding-top: 100px;*/
	/*padding-top: 141px;*/
	font-family: Lato;
	max-width: 1280px;
	margin: 0 auto;
	transition: all 0.5s ease-in-out;
	text-transform: uppercase;
	text-align: left;
}

.shrink .mainheader h1 {
	/*font-size: 1.2em;*/
}

.shrink .search_container {
	/*padding: 40px 0;*/
	/*background: blue;*/
	/*top: 60px;*/
	/*margin-top: 0px;*/
}

.mainheader .extended {
	/*	padding: 0px 0px 10px 0px;
		color: #81CDF4;
		font-size: 50px;
		font-weight: bold;*/
}

.logo {
	display: block;
	text-indent: -9999px;
	height: 70px;
	background: url(/i/svg/logo.svg);
	background-repeat: no-repeat;
	background-size: contain;
	margin: 10px 0px;
	transition: all 0.5s ease-in-out;
}

@media only screen and (min-width: 48em) {
	.shrink .logo {
		height: 50px;
	}

	.shrink .header {
		height: 70px;
	}

	/*.shrink .search {
		padding: 20px 0px 20px 0px;
	}
	.shrink .mainheader h1 {
		font-size: 1.7em;
		line-height: 1.5em;
		padding-top: 12px;
	}
	.shrink .header-bee {
		min-height: 135px;
		height: 0;
	}*/
	.shrink .header {
		-webkit-box-shadow: 0px 12px 20px -12px #0000001f;
		-moz-box-shadow: 0px 12px 20px -12px #0000001f;
		box-shadow: 0px 12px 20px -12px #0000001f;
	}
}

.search {
	/*padding: 40px 0px 20px 0px;*/
	transition: all 0.5s ease-in-out;
}

.intro {
	text-align: justify;
	font-size: 1.3em;
	margin-bottom: 47px;
	margin-top: 50px;
}

.accordion-toggle {
	cursor: pointer; /*display:none;*/
}

.accordion-content {
	display: none;
}

.accordion-content.default {
	display: block;
}

.accordion-content .userBox {
	font-size: 12px;
}

.accordion-content .userBox .rightBox {
	padding-left: 0;
}

.center-text {
	text-align: center;
}

.clear {
	float: none;
	clear: both;
}

.hidden {
	display: none !important;
}

.btn {
	display: inline-block;
	font-size: 1.2em;
	font-weight: bold;
	padding: 7px 25px;
	border-radius: 3px;
	cursor: pointer;
}

.fc-header .btn {
	background: #ddd none repeat scroll 0 0;
	border: 1px solid #767676;
	color: #767676;
	display: inline-block;
	font-size: 1.1em;
	padding: 5px 10px;
	text-align: center;
	width: 80px;
}

.btn.blu {
	background-color: #3a6993;
}

.btn.darkblu {
	background-color: #01284f;
}

.btn.grn {
	background-color: #1c75bc;
	color: #fff;
}

.btn.grey {
	background-color: #ddd;
	color: #303f45;
}

input {
	line-height: 1.5em;
	color: #414143;
	display: inline-block;
	border: none;
	border-radius: 2px;
	margin: 0;
	padding: 0;
}

input[type='submit'] {
	cursor: pointer;
}

input[type='submit'].rounded {
	font-size: 1.3em;
	width: 369px !important;
}

input[type='submit']:focus {
	outline: none;
}

input[type="text"], input[type="email"], input[type="search"], input[type="tel"], input[type="number"], input[type="password"] {
	padding: 6px 0 6px 15px;
	background: #FFF;
	/*box-shadow: 1px 2px 3px #888 inset;*/
	outline: none;
}

input[type="text"]:hover, input[type="email"]:hover, input[type="search"]:hover, input[type="tel"]:hover, input[type="number"]:hover, input[type="password"]:hover {
	/*background: #EFEDED;*/
}

input[type="text"]:focus, input[type="email"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="number"]:focus, input[type="password"]:focus {
	/*background: #E4E2E2;*/
}

.login-checkbox {
	/*	padding: 0px 0px 0px 20px;
		text-align:left;
		display:inline-block;*/
	float: left;
}

.login-lost {
	/*	display:inline-block;
		margin-left:30px;*/
	float: right;
}

.login-checkbox label {
	/*font-size: 1em;*/
}

.searchform input[type="text"] {
	display: block;
	float: left;
	/*font-size: 1.2em;*/
	-webkit-border-radius: 20px 0 0 20px;
	-moz-border-radius: 20px 0 0 20px;
	-ms-border-radius: 20px 0 0 20px;
	border-radius: 20px 0 0 20px;
	width: calc(100% - 55px);
	height: 35px;
	padding-left: 20px;
	border: 1px solid #a5a7aa;
	border-right: none;
}

.searchform .btn {
	background-image: url('/i/svg/search.svg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: 21px;
	display: block;
	float: left;
	border-radius: 0 20px 20px 0;
	margin-left: 0px;
	height: 35px;
	background-color: #fff;
	-webkit-border-radius: 0 20px 20px 0;
	-moz-border-radius: 0 20px 20px 0;
	-ms-border-radius: 0 20px 20px 0;
	border-radius: 0 20px 20px 0;
	border: 1px solid #a5a7aa;
	border-left: none;
}

.header-actions {
	margin: 0 auto;
	padding: 10px 20px 0px 20px;
}

.header-actions > div {
	display: inline-block;

}

.h-social ul {
	list-style: none;
	padding: 0;
	white-space: nowrap;
}

.h-social ul li {
	display: inline-block;
	margin-right: 5px;
	vertical-align: middle;
}

.w100 {
	width: 100%;
}

.table {
	display: table;
}

.tbrow {
	display: table-row;
	width: 100%;
}

.tbcell {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.tbrow.top {
	vertical-align: top;
}

.tbrow.bottom {
	vertical-align: bottom;
}

.header-actions .tbcell {
	text-align: left;
}

.social {
	padding: 0 25px;
}

.remove {
	display: inline-block;
	cursor: pointer;
}

.empty-list {
	font-size: 1.5em;
	padding: 20px;
}

.ico {
	display: inline-block;
	width: 30px;
	height: 30px;
}

.ico_share {
	display: inline-block;
	width: 30px;
	height: 30px;
}

.header-actions .ico {
	background-size: 30px !important;
	margin-top: 5px;
}

.file-ico {
	width: 25px;
	margin-right: 10px;
}

.file-img {
	display: inline-block;
}

.tw-ico {
	background: url('/i/svg/social_network_icons_twitter.svg') no-repeat center;
	background-size: contain;
}

.fb-ico {
	background: url('/i/svg/social_network_icons_facebook.svg') no-repeat center;
	background-size: contain;
}

.gp-ico {
	background: url('/i/svg/social_network_icons_google+.svg') no-repeat center;
	background-size: contain;
}

.in-ico {
	background: url('/i/svg/social_network_icons_linkedin.svg') no-repeat center;
	background-size: contain;
}

#login-btn {
	float: right;
}

.loginpage {
	margin-top: 40px;
}

.loginpage input {
	margin: 0 15px 15px 0px;
}

.loginform {
	text-align: left;
	background: #FFF none repeat scroll 0 0;
	width: 230px;
	position: absolute;
	top: 40px;
	right: 0px;
	z-index: 10;
	-webkit-box-shadow: -6px -4px 6px -6px #c1c1c1;
	-moz-box-shadow: -6px -4px 6px -6px #c1c1c1;
	box-shadow: -6px -4px 6px -6px #c1c1c1;
}

.loginform input {
	display: block;
	margin: 0 15px 15px 15px;
}

.loginform input.rounded {
	width: 200px;
}

.loginform label {
	/*color: #fff;*/
}

.loginform input[type="checkbox"] {
	display: inline-block;
	margin-right: 5px;
	margin-top: 13px;
	clear: left;
}

.loginform .btn {
	font-size: 0.8em;
	padding: 5px;
	float: left;
	margin-top: 8px;
}

.loginform a {
	display: block;
	color: #1c75ba;
	text-align: center;
	padding-bottom: 10px;
}

.loginform span {
	font-size: 13px;
	padding-left: 15px;
	color: #ff0000;
}

.profilemenu {
	width: 100%;
	width: max-content;
	float: right;
}

.profilemenu img {
	display: block;
	float: right;
	width: 40px;
	height: 40px;
	border-radius: 25px;
}

.profilemenu .login_name {
	/*background: url('/i/icons/arr_down.svg') no-repeat center right;*/
	float: right;
	margin-left: 5px;
	line-height: 40px;
	padding-right: 25px;
	cursor: pointer;
	white-space: nowrap;
	color: #1c75bc;
	font-weight: bold;
	font-size: 1.1em;
}

.profilemenu .triagle {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 12px 8px 0 8px;
	border-color: #1c75bc transparent transparent transparent;
	display: inline-block;
}

.loged_menu {
	position: absolute;
	margin-top: 10px;
	margin-left: -120px;
	width: 320px;
}

.loged_menu a {
	margin-right: 6px;
	padding: 4px 8px;
	background: #1c75bc;
	color: #fff !important;
	border-radius: 6px;
	font-weight: normal !important;
	font-size: 1em !important;
}

.loged_menu a:hover {
	opacity: 0.8;
}

.mainmenu.arrows {
	position: relative;
}

.mainmenu.arrow.left {
	position: absolute;
	left: 0px;
	padding: 0 5px;
	cursor: pointer;
	font-weight: bold;
	border-radius: 14px;
	width: 25px;
	padding-bottom: 3px;
	padding-left: 8px;
	box-sizing: border-box;
}

.mainmenu.arrow.left:hover {
	background: #ececec;
}

.mainmenu.arrow.right {
	position: absolute;
	right: 0px;
	padding: 0 5px;
	cursor: pointer;
	font-weight: bold;
	border-radius: 14px;
	width: 25px;
	padding-bottom: 3px;
	padding-left: 8px;
	box-sizing: border-box;
}

.mainmenu.arrow.right:hover {
	background: #ececec;
}

.menu.main {
	position: absolute;
	left: 0px;
}

.menuholder {
	position: relative;
	min-height: 40px !important;
	/*margin-bottom: 5px;*/
}

.menuholder a {
	color: #1c75bc;
	font-family: Lato;
	font-size: 1.1em;
}

.menuholder a:hover,
.menuholder ul li.selected a {
	color: #1c75bc;
	opacity: 0.7;
}

.menuholder ul {
	list-style: none;
	padding: 0;
	/* margin: 0 15px 0 0; */
	margin: 0;
	float: left;
}

.menuholder ul li {
	display: inline-block;
	margin-left: 15px;
	margin-right: 15px;
}

ul.submenu li {
	display: block;
	width: auto;
}

.menuholder ul li ul li a {
	color: #2cb4bf;
}

.menuholder ul li ul {
	padding: 17px 0;
}

.menuholder ul li ul li {
	padding: 7px 0 7px 5px;
}

#menu-icon {

	display: none;
	width: 23px;
	height: 55px;
	background: url("/i/menu-mobile.svg") center no-repeat;
	background-size: contain;
}

.navholder {
	width: 100%;
	background: #01284F;
	-webkit-box-shadow: 0 6px 6px -6px #90A3B1;
	-moz-box-shadow: 0 6px 6px -6px #90A3B1;
	box-shadow: 0 6px 6px -6px #90A3B1;
	border-bottom: none;
}

.gradient {
	position: absolute;
	background-image: linear-gradient(
			#BBD6E7, #FFFFFF
	);
	height: 90px;
	width: 100%;
	z-index: -1;
}

ul.submenu {
	text-align: left;
	width: 270px;
	position: fixed;
	display: block;
	background: #FFF;
	margin: 0;
	margin-left: -20px;
	/*padding: 5px 0px;*/
	z-index: 3;
	padding: 17px 0;
}

#nav_menu ul.submenu > li {
	display: block;
	margin: 10px 20px;
	padding: 0;
	height: auto;
}

.bar {
	background: #efefef;
	padding: 20px;
	margin: 0 -20px 25px -20px;
}

.bar h2 {
	color: #414143;
	padding: 0;

}

.fullwidth {
	width: 100%;
}

.tweets, .calendar {
	border: 1px solid #d5d5d5;
	background: #fff;
	/* display: inline-block; */
	margin-bottom: 25px;
}

.calendar {
	/* min-width: 230px; */
	width: 100%;
}

.calendar section {
	/*padding: 15px 15px;*/
}

/*.calendar article {
	border-bottom: 1px solid #eee;
	margin-bottom: 15px;
}
.calendar article:last-child {
	border-bottom: none;
	margin-bottom: 0;
}*/
.calendar h2 {
	margin: 10px 0px 10px 0px;
}

.calendar time {
	margin: 0;
}

.calendar h2 a {
	color: #414143;
	font-weight: bold;
	font-size: 1em;
}

.calendar p {
	line-height: 1.7em;
	font-weight: bold;
	margin-top: 10px;
	overflow: hidden;
}

.highlights {
	background: #fff none repeat scroll 0 0;
	position: relative;
	display: block;
	margin: 0 0 20px;
	padding: 0 0 15px;
}

.highlights .left-btn, .highlights .right-btn {
	background: url('/i/arrow.png') no-repeat center center;
	cursor: pointer;
	height: 50px;
	position: absolute;
	top: 35%;
	width: 30px;
}

div#media {
	min-height: 345px;
}

.media-box {
	padding: 40px;
}

.icp-menu-box {
	padding: 20px;
}

.icp-menu-box a,
.media-box .media-link a {
	color: #1c75bc;
	background: #e8e8e8;
}

.icp-menu-box a.add {
	color: #1C75BC;
}

.icp-menu-box a.add img {
	vertical-align: middle;
	padding: 0px 10px;
	margin-top: -3px;
}

.icp-menu-box a.selected {
	background: #1c75bc;
	color: #fff;
}

.media-icon {
	padding-bottom: 20px;
	/*    height: 100px;
		max-width: 100px;*/
}

.media-icon img {
	/*padding-bottom: 20px; */
	height: 62px;
	max-width: 94px;
}

.highlights .left-btn {
	left: 15px;
	transform: rotate(180deg);
}

.highlights img {
	width: 100%;
}

.highlights > h2, .highlights > time, .highlights > p, .highlights > a {
	margin-left: 0;
	margin-right: 15px;
}

.highlights .right-btn {
	right: 15px;
}

.time {
	color: #1CD0BC;
	font-size: 1em;
	font-weight: bold;
}

.highlights > p {
	height: 70px;
	overflow: hidden;
	margin-right: 0px;
	margin-bottom: 5px;
}

.bold {
	font-weight: bold;
}

.main-aside .subscribe {
	width: 100%;
	margin-top: 20px;
	margin-left: 8px;
}

.main-aside.right {
	width: 100%;
}

.main-aside {
	display: inline-block;
	/* width: 230px;    */
}

.main-aside h1 {
	background: #0C517B;
	/*background: url('/i/bg.png') no-repeat 0 0 / contain;*/
	font-size: 1.7em;
	/*border-bottom: 1px solid #d5d5d5;*/
	margin: 0;
	padding: 5px 0;
	text-align: center;
	/*color: #01284f;*/
	color: #FFFFFF;
	font-weight: bold;
}

.main-highlights {
	float: left;
	width: 742px;
	flex-grow: 2;
}

.main-highlights h1, .main-highlights h2 {
	background: #0C517B;
	font-size: 1.7em;
	margin: 0px 0px 25px;
	padding: 5px 0px 5px 20px;
	text-align: left;
	color: #FFFFFF;
	font-weight: bold;
}

.main-highlights h2 {
	margin-top: -4px;
	margin-bottom: 15px;
}

.main-aside .tweets {
	height: 439px;
	margin-bottom: 30px;

}

.main-aside.right {
	/* float: right; */
}

.news h2 a {
	color: #1c75bc;
	font-size: 1.3em;
}

.news img {
	max-width: 125px;
	float: left;
	margin-right: 15px;
}

.news h3 {
	font-size: 1.5em;
	margin: 0;
	padding-top: 0;
}

.news h3 a {
	color: #414143;
}

.news article, .events article {
	padding: 30px 0;
	border-bottom: 1px solid #807F84;
}

.news article:last-child {
	border-bottom: none;
}

.subscribe form {
	width: 100%;
}

.subscribe input {
	margin-bottom: 55px !important;
}

.subscribe .btn {
	width: 100%;
	height: auto;
	line-height: 34px;
	padding: 5px 10px;
	font-weight: normal;
	font-size: 1.7em;
	white-space: normal;
	margin-bottom: 0px;
}

.subscribe ul {
	list-style: none;
	margin-left: 8px;
	padding: 0;
	width: 100%;
	display: inline-block;
}

.subscribe ul li {
	margin-bottom: 10px;
}

.subscribe ul li a {
	color: #565656;
	font-weight: bold;
}

.footer-menu {
	flex-shrink: 0;
	background: #212121;
	padding: 45px 0px;
	margin-top: 40px;
	border-bottom: 1px solid #676767;
}


.footer-menu ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
	color: #fff;
	font-size: 1.2em;
}

.footer-menu ul li a {
	color: #fff;
	line-height: 2em;
}

.footer-menu ul.home_social_icons li {
	display: inline-flex;
	justify-content: space-between;
	margin: 25px 15px 0 0;
}

.footer-menu ul.home_social_icons li:last-of-type {
	margin: 25px 0 0 0;
}

.footer-menu hr {
	display: none;
}

.padding-15 {
	padding-top: 15px;
	padding-bottom: 15px;
	color: #fff;
}

.main-footer {
	flex-shrink: 0;
	background: #000000;
	padding: 5px 0px;
	color: #fff;
	font-size: 1em;
	font-weight: bold;
}

.main-footer p {
	color: #fff;
	font-size: 0.8em;
	font-weight: bold;
	margin-top: 12px;
}

.main-footer a {
	color: #3ad6c5;
}

.main-footer img {
	float: left;
	margin-right: 10px;
	max-width: 20%;
	margin-top: 10px;
}

.main-content {
	font-size: 1.1em;
	margin-bottom: 25px;
	width: 100%;
	line-height: 1.7em;
}

.margin-left-30 {
	margin-left: 30px;
}

.margin25 {
	margin-top: 25px;
	clear: both;
}

.doclist {
	margin-top: 20px;
	width: 100%;
}

.doclist-text {
	padding: 10px 0px 20px 0px;
	font-family: Lato;
	font-size: 1.3em;
}

.document_list .title,
.document_list .details,
.document_list .subtitle,
.document_list .authors {
	padding-bottom: 10px;
}

.document_list .detail {
	display: inline-block;
}

.document_list .download {
	display: inline-block;
	background: url(/i/svg/CMS_icons_download.svg) no-repeat center center;
	background-position-x: 5px;
	background-position-y: 5px;
	background-size: 15px;
	padding-left: 25px;
	color: #353535;
	font-size: 1.1em;
}

.document_list .url a {
	color: #1c75bc;
}

.document_download_publications a {
	display: block;
	/*padding-left: 25px;*/
	color: #353535;
	font-size: 1.3em;
	border: 1px solid #bfbfc1;
	border-radius: 30px;
	padding: 10px 0;
	background: url(/i/svg/CMS_icons_download.svg) no-repeat center center;
	background-position-x: 34px;
	background-position-y: 14px;
	background-size: 15px;
	width: 200px;
	margin: 10px 0 20px 0;
}

.document_download_publications a:hover {
	color: #ffffff;
	background: #353535 url(/i/svg/CMS_icons_download.svg) no-repeat center center;
	background-position-x: 34px;
	background-position-y: 14px;
	background-size: 15px;
	border: 1px solid #353535;
}

.document_list h3.green {
	color: #00BCD4;
	font-family: Lato;
	font-size: 1.2em;
}

.document_list:last-child {
	border-bottom: none;
}

.blackHeadline, .document_list span {
	color: #000;
}

.blackHeadline, .document_list .authors span {
	/*color: #00BCD4;*/
}

.blackHeadline {
	font-weight: bold;
}

.mainwrap .partners {
	padding: 25px 0px;
}

.about .col-xs-12, .about .col-xs-11, .bottomButtons .col-xs-12, .news .col-xs-12, .events .col-xs-12, .bottomButtons .col-xs-7, .bottomButtons .col-xs {
	padding: 0px;
}

.partners h2 {
	font-size: 1.4em;
}

.partners .partner {
	min-height: 160px;
	line-height: 160px;
}

.partners .partner img {
	vertical-align: middle;
}

.partners .partner p {
	line-height: 1em;
	display: block;
}

.pwrap {
	margin: 0 auto;
	text-align: center;
}

p.newsletter_success {
	display: block;
	float: left;
}

.news h2 {
	margin-top: 0;
	margin-bottom: 5px;
}

#news article p {
	margin-top: 2px;
	font-size: 1.1em;
}

.main-content header h1 {
	margin-top: 0;
}

.main-content h1.news-title {
	line-height: 1.2em;
	padding: 50px 0px 25px 0;
	/*text-align: center;*/
	/*color: #1C75BC;*/
	color: #404040;
}

.content {
	margin-top: 15px;
}

.content table td {
	/*border: 1px solid #a5a7aa;*/
	padding: 10px;
}

.internal_menu ul {
	list-style: none;
	display: block;
	margin: 0;
}

.switchButtons {
	float: right;
}

#eventSwitch {
	margin-left: -93px;
	position: absolute;
	color: #2F6E80 !important;
	font-size: 18px !important;
	cursor: pointer;
}

.bottomButtons {
	margin: 25px 0;
}

.bottomButtons .btn {
	background: #ddd none repeat scroll 0 0;
	border: 1px solid #bbb;
	cursor: pointer;
	color: #303f45;
	display: block;
	font-size: 1.1em;
	padding: 5px 10px;
	text-align: center;
	display: inline-block;
	margin-right: 15px;
	min-width: 130px;
}

.bgfff {
	background: #fff;
}

.event > header > h1, .events > header > h2 {
	color: #333;
	margin-top: 30px;
}

.event > time {
	background-color: #798e46;
	color: #FFF;
	display: block;
	font-weight: normal;
	padding: 8.5px 15px;
	text-align: left;
}

.event h3 {
	padding: 5px 0px;
}

.bg708681 {
	background: #efefef;
	padding: 10px 0 10px 10px;
	margin-bottom: 25px;
}

.margin0 {
	margin: 0;
}

h1.bg708681.margin0 {
	background: #0C517B;
	font-size: 1.7em;
	margin: 0px 0px 25px;
	padding: 7px 0px 7px 20px;
	text-align: left;
	color: #FFFFFF;
	font-weight: bold;
	max-width: 1260px;
}

#event_popup {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #aaa;
	box-shadow: 2px 2px 3px #666;
	display: none;
	margin: 0 auto;
	max-width: 50%;
	padding: 15px;
	position: fixed;
	z-index: 9999;
}

#event_popup h1, #event_popup h2 {
	margin-top: 0;
}

#event_popup table .first {
	min-width: 100px;
}

#event_popup table td p {
	margin-top: 0;
	padding-top: 0;
}

#popup_close {
	clear: right;
	cursor: pointer;
	display: inline-block;
	float: right;
	font-size: 1.5em;
	margin: 0;
	padding: 0;
}

#popup_close:hover {
	color: #85b200;
}

.table {
	display: table;
	height: 100%;
	width: 100%;
}

.tr {
	display: table-row;
}

.tr > * {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.tr > span {
	width: 33%;
	text-align: center;
}

.tr > h1 {
	width: 33%;
}

.tr > a {
	width: 33%;
}

.tr.bottom > * {
	vertical-align: bottom;
}

.tr.top > * {
	vertical-align: top;
}

.tr > *.left {
	text-align: center;
}

.tr > *.right {
	text-align: center;
}

.no-left-padding {
	padding-left: 0px;
}

/* END MAIN CSS */

.margin-bottom-xs {
	/*margin-bottom: 2rem;*/
}

.margin-top-xs {
	/*margin-top: 2rem;*/
}

.font-size-xs {
	font-size: 1em;
}

.about img {
	width: 100%
}

.about ol li {
	margin-top: 30px;
}

.about {
	font-size: 1.2em;
}

.ri-cluster-arrow {
	width: 14px !important;
	margin-top: 22px;
	margin-left: 8px;
}

.ri-cluster-img {
	/* width: 200px!important; */
	float: left;
	max-height: 52px;
	width: auto !important;
}

.ri-cluster-img-46 {
	max-height: 46px;
}


/* tabs */
.tabs {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 30px;
}

.input {
	position: absolute;
	opacity: 0;
}

.label {
	width: 100%;
	max-width: 185px;
	/* height: 150px; */
	cursor: pointer;
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 47px;
	color: #414143;
	text-transform: uppercase;
	text-align: center;
	padding-top: 170px;
}

.label:hover {
	opacity: 0.7;
}

.label:nth-of-type(1) {
	background: url("/i/svg/countries_spain.svg") no-repeat;
}

.label:nth-of-type(2) {
	background: url("/i/svg/countries_germany.svg") no-repeat;
}

.label:nth-of-type(3) {
	background: url("/i/svg/countries_denmark.svg") no-repeat;
}

.label:nth-of-type(4) {
	background: url("/i/svg/countries_poland.svg") no-repeat;
}

.label:nth-of-type(5) {
	background: url("/i/svg/countries_bulgaria.svg") no-repeat;
}

/* Turkey, Sweden, Scotland, England, France */

.label:nth-of-type(6) {
	background: url("/i/svg/Turkey.svg") no-repeat;
}

.label:nth-of-type(7) {
	background: url("/i/svg/Norway.svg") no-repeat;
}

.label:nth-of-type(8) {
	background: url("/i/svg/Scotland.svg") no-repeat;
}

.label:nth-of-type(9) {
	background: url("/i/svg/England.svg") no-repeat;
}

.label:nth-of-type(10) {
	background: url("/i/svg/France.svg") no-repeat;
}

.label:nth-of-type(11) { /* Slovenia*/
	background: url("/i/svg/Slovenia.svg") no-repeat;
}

.label:nth-of-type(12) { /* Croatia*/
	background: url("/i/svg/Croatia.svg") no-repeat;
}

.label:nth-of-type(13) { /* international*/
	background: url("/i/svg/International.svg") top center no-repeat;
	background-size: 80%;
}


.panel {
	display: none;
	padding: 20px 0px;
	order: 99;
	min-height: 250px;
	color: #414143;
	width: 100%;
	margin-top: 40px;
	padding: 40px 0;
	border-top: 1px solid #bebebe;
}

.input:checked + .label + .panel {
	display: block;
}


/* end of tabs */


.read-more-cluster {
	background: #f0f0f0;
	border-radius: 6px;
	box-shadow: 0 2px 28px rgba(240, 240, 240, 0.5);
	padding: 15px 15px;
	margin: 20px 0;
}

.read-more-toggle {
	color: #005cb1;
	cursor: pointer;
}

.read-more-toggle i {
	width: 0;
	height: 0;
	display: inline-block;
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
}

.read-more-toggle i.up {
	border-bottom: 8px solid #005cb1;
}

.read-more-toggle i.down {
	border-top: 8px solid #005cb1;
}


ul.about_the_project {
	list-style-type: none;
	padding: 0;
	margin: 0 !important;
	margin-top: 20px !important;
}

ul.about_the_project li {
	width: 50%;
	float: left;
	padding-left: 180px;
	padding-right: 50px;
	margin-bottom: 50px;
}

ul.about_the_project li:first-child {
	background: url("/i/svg/about_aims-01.svg") top left no-repeat;
	background-size: 150px;
}

ul.about_the_project li:nth-child(2) {
	background: url("/i/svg/about_aims-02.svg") top left no-repeat;
	background-size: 150px;
}

ul.about_the_project li:nth-child(3) {
	background: url("/i/svg/about_aims-03.svg") top left no-repeat;
	background-size: 150px;
}

ul.about_the_project li:nth-child(4) {
	background: url("/i/svg/about_aims-04.svg") top left no-repeat;
	background-size: 150px;
}

ul.the_project_list {
	list-style-type: none;
	padding: 0;
	margin: 0 !important;
}

ul.the_project_list li {
	width: 240px;
	height: 326px;
	float: left;
	/*display: inline-block;*/
	border-radius: 6px;
	background: #f0f0f0;
	padding: 13px;
	margin-left: 15px !important;
	margin-right: 15px !important;
	margin-bottom: 35px !important;
	transition: all .3s ease-in-out;
}

ul.the_project_list li a {
	color: #2cb4bf;
	text-transform: uppercase;
	display: inline-block;
	width: 100%;
	font-weight: bold;

}

ul.the_project_list li:hover {
	box-shadow: 0 12px 11px rgba(171, 170, 170, 0.5);
	margin-top: -5px;
	margin-bottom: 40px !important;
	float: left;
}


ul.the_project_list li:nth-child(1) a span {
	border-radius: 6px;
	background: #fff url("/i/svg/the project_about.svg") top center no-repeat;
	background-size: contain;
	display: block;
	width: 100%;
	height: 214px;
}

ul.the_project_list li a p {
	height: 80px;
	width: 240px;
	vertical-align: middle;
	text-align: center !important;
	display: table-cell;
	padding-top: 9px;
}

ul.the_project_list li:nth-child(2) a span {
	border-radius: 6px;
	background: #fff url("/i/svg/the project_consortium.svg") top center no-repeat;
	background-size: contain;
	display: block;
	width: 100%;
	height: 214px;
}

ul.the_project_list li:nth-child(3) a span {
	border-radius: 6px;
	background: #fff url("/i/svg/the project_International experts advisory board.svg") top center no-repeat;
	background-size: contain;
	display: block;
	width: 100%;
	height: 214px;
}

ul.the_project_list li:nth-child(4) a span {
	border-radius: 6px;
	background: #fff url("/i/svg/the project_Publications and reports.svg") top center no-repeat;
	background-size: contain;
	display: block;
	width: 100%;
	height: 214px;
}

ul.the_project_list li:nth-child(5) a span {
	border-radius: 6px;
	background: #fff url("/i/svg/the project_media center.svg") top center no-repeat;
	background-size: contain;
	display: block;
	width: 100%;
	height: 214px;
}

ul.the_project_list li:nth-child(6) a span {
	border-radius: 6px;
	background: #fff url("/i/svg/the project_Running surveys.svg") top center no-repeat;
	background-size: contain;
	display: block;
	width: 100%;
	height: 214px;
}

ul.the_project_list li:nth-child(7) a span {
	border-radius: 6px;
	background: #fff url("/i/svg/the project_RI cluster.svg") top center no-repeat;
	background-size: contain;
	display: block;
	width: 100%;
	height: 214px;
}

ul.the_project_list li:nth-child(8) a span {
	border-radius: 6px;
	background: #fff url("/i/svg/Policymaker_and_stakeholder_board.svg") top center no-repeat;
	background-size: contain;
	display: block;
	width: 100%;
	height: 214px;
}


ul.research_integrity_list {
	list-style-type: none;
	padding: 0;
	margin: 0 !important;
}

ul.research_integrity_list li {
	width: 240px;
	height: 295px;
	/*display: inline-block;*/
	float: left;
	border-radius: 6px;
	background: #f0f0f0;
	padding: 13px;
	margin-left: 15px !important;
	margin-right: 15px !important;
	margin-bottom: 35px !important;
	transition: all .3s ease-in-out;
}

ul.research_integrity_list li a {
	color: #2cb4bf;
	text-transform: uppercase;
	display: inline-block;
	width: 100%;
	font-weight: bold;
}

ul.research_integrity_list li:hover {
	box-shadow: 0 12px 11px rgba(171, 170, 170, 0.5);
	margin-top: -5px;
}


ul.research_integrity_list li:nth-child(1) a span {
	border-radius: 6px;
	background: #fff url("/i/roadmap.png") top center no-repeat;
	background-size: contain;
	display: block;
	width: 100%;
	height: 215px;
}

ul.research_integrity_list li a p {
	height: 50px;
	width: 240px;
	vertical-align: middle;
	text-align: center !important;
	display: table-cell;
	padding-top: 9px;
}

ul.research_integrity_list li:nth-child(2) a span {
	border-radius: 6px;
	background: #fff url("/i/curricula.png") top center no-repeat;
	background-size: contain;
	display: block;
	width: 100%;
	height: 215px;
}

ul.research_integrity_list li:nth-child(3) a span {
	border-radius: 6px;
	background: #fff url("/i/methods.png") top center no-repeat;
	background-size: contain;
	display: block;
	width: 100%;
	height: 215px;
}

ul.research_integrity_list li:nth-child(4) a span {
	border-radius: 6px;
	background: #fff url("/i/RI_community_network.png") top center no-repeat;
	background-size: contain;
	display: block;
	width: 100%;
	height: 215px;
}

ul.research_integrity_list li:nth-child(5) a span {
	border-radius: 6px;
	background: #fff url("/i/campaign-materials.png") top center no-repeat;
	background-size: contain;
	display: block;
	width: 100%;
	height: 215px;
}


.contact .box {
	/*padding: 10px;*/
	font-size: 1.2em;
}

.contact .box.bold {
	font-size: 1.5em;
	font-weight: bold;
}

.contact img {
	border-radius: 20px;
	/*width: 200px;*/
}

.about h1 {
	color: #404040;
	text-align: left !important;
	font-size: 1.8em;
}

.contact h1 {
	color: #414143;
	font-size: 3em;
	/*padding: 20px;*/
	text-align: left;
}

.about h4 {
	/*color: #1c75bc;*/
	padding: 10px 0px;
}

.about .accordion-content {
	padding-left: 20px;
	line-height: 1.5em;
}

.accordion-toggle .plusminus {
	padding: 0 5px;
	/*width: 20px;*/
	display: inline-block;
	color: #1cd0bc;
	font-size: 1.1em;
	font-weight: bolder;
}

.accordion-toggle .plusminus i {
	width: 0;
	height: 0;
	display: inline-block;
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
}

.accordion-toggle .plusminus i.up {
	border-bottom: 8px solid #1cd0bc;
}

.accordion-toggle .plusminus i.down {
	border-top: 8px solid #1cd0bc;
}

.about ul {
	/*list-style-type: none;*/
	padding: 0;
	margin: 10px 0 10px 30px;
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
}

.about li > ul {
	list-style-type: none;
	padding: 0;
	margin: 10px 0 10px -30px !important;
}


/*.about ul li {
	min-height: 40px;
	padding-left: 50px;
	padding-top: 0px;
	margin-top: 0px;
	margin-bottom: 20px;
}*/
/*.about{
	font-weight: lighter;
}
.about ol{
	font-weight: bold;
}*/
.about ul li.actions {
	background: url(/i/svg/actions-icon.svg) no-repeat left;
	background-size: 25px 25px;
	background-position: 0 29px;
}

.about ul li.key {
	background: url(/i/svg/key-icon.svg) top left no-repeat;
	background-size: 25px 25px;
	padding-left: 30px;
	font-weight: bold;
}

.about ul li.objective-1 {
	background: url(/i/svg/objective-1.svg) top left no-repeat;
	background-size: 25px 25px;
	padding-left: 30px;
	font-weight: bold;
	margin-bottom: 50px;
}

.about ul li.objective-2 {
	background: url(/i/svg/objective-2.svg) top left no-repeat;
	background-size: 25px 25px;
	padding-left: 30px;
	font-weight: bold;
	margin-bottom: 50px;
}

.about ul li.objective-3 {
	background: url(/i/svg/objective-3.svg) top left no-repeat;
	background-size: 25px 25px;
	padding-left: 30px;
	font-weight: bold;
	margin-bottom: 50px;
}

.about ul li h3 {
	font-size: 1em;
	color: #1c75bc;
	font-weight: lighter;
}

.about ul li ul {
	font-weight: normal;
}

.about ul li ul li {
	margin-top: 30px;
}

article h3 a {
	color: #1c75bc;
	font-weight: bold;
	font-size: 1.25em;
	text-align: left;
}

article h3 {
	margin: 10px 0px 10px 0px;
}

.relative {
	position: relative;
}

.red {
	color: #3ad6c5 !important;
	display: inline-block;
	font-size: 1.2em !important;
	padding-left: 20px;
}

.text-center {
	text-align: center;
}

.gray-border {
	border: 1px solid #E3E3E3 !important;
}

.library-green {
	background: #1CD0BC;
	color: #fff;
}

.event-btn.rounded.library-green:hover,
.library-green.active {
	opacity: 0.6;
	background: #1CD0BC;
}

.green-btn {
	color: #1CD0BC;
}

.green-border {
	border: 1px solid #1CD0BC;
	background: #1CD0BC url("/i/svg/home_subscribe .svg") no-repeat;
	background-position: 102px 7px;
	background-size: 25px;
	color: #fff;
}

.green-border:hover {
	border: 1px solid #1CD0BC;
	color: #fff;
	box-shadow: 0 2px 28px rgba(28, 208, 186, 0.5);
}

.light-green-border {
	border: 1px solid #1CD0BC;
}

.light-green-btn {
	background: #1CD0BC;
	color: #fff;
}

.light-green-btn:hover {
	background: #1CD0BC;
	color: #fff;
	box-shadow: 0 2px 28px rgba(44, 180, 191, 0.5);
	opacity: 1;
}

.cal-grey-btn {
	background: #fff;
	color: #404040;
	border: 1px solid #404040;
}

.event-btn.cal-grey-btn:hover {
	background: #404040;
	color: #fff;
	box-shadow: 0 2px 28px rgba(240, 240, 240, 1);
	opacity: 1;
}


/*.cal-grey-border {*/
/*border: 1px solid #767676;*/
/*}*/
/*.cal-grey-btn {*/
/*color: #767676;*/
/*}*/
.brown-btn {
	color: #414042;
}

.brown-border {
	border: 1px solid #414042;
	background: #414042;
	color: #fff;
	background: #414042 url("/i/svg/home_calendar.svg") no-repeat;
	background-position: 102px 7px;
	background-size: 25px;
}

.brown-border:hover {
	border: 1px solid #414042;
	color: #fff;
	box-shadow: 0 2px 28px rgba(65, 65, 67, 0.5);
}

.blue-btn {
	color: #1C75BC;
	background: #1C75BC;
	color: #fff;
	background: #1C75BC url("/i/svg/home_feedback.svg") no-repeat;
	background-position: 102px 7px;
	background-size: 25px;
}

.blue-border {
	border: 1px solid #1C75BC;
}

.blue-border:hover {
	border: 1px solid #1C75BC;
	color: #fff;
	box-shadow: 0 2px 28px rgba(28, 117, 188, 0.5);
}

.red-border {
	border: 1px solid #1c75bc;
}

.red-btn {
	color: #fff;
	background: #1c75bc;
}

.red-btn:hover {
	color: #1c75bc;
	background: #fff;
	border: 1px solid #1c75bc;
}

.read-more {
	color: #1C75BA;
}


.frontpage-boxes {
	float: left;
	width: 100%;
	margin-bottom: 30px;
}

.frontpage-box article {
	border: 1px solid #D5D5D5;
	max-width: 100%;
	/* height: 200px; */
	padding: 10px;
	display: inline-block;
}

.frontpage-box {
	max-width: 310px;
	display: inline-block;
	/* margin-right: 30px; */
	color: #01284F;
	/*flex-basis:auto;*/

}

.frontpage-boxes .frontpage-box:last-child,
.frontpage-boxes article:last-child {
	margin-right: 0;
}

.frontpage-box h3 a {
	font-size: 1em;
	color: #01284F;
}

.frontpage-box img {
	width: 100%;
	height: 100%;

}

.page-wrap {
	/*min-height: 100%;*/
	/*margin-top: 590px;*/
}

.page-wrap:after {
	content: "";
	display: block;
}

/*
		Styles for folder tree
*/
ul.dhtmlgoodies_tree {
	margin: 20px 0px 0px 30px;
	width: 724px;
}

#dhtmlgoodies_tree ul li {
	margin-top: 0px;
}

#dhtmlgoodies_tree li img {
	margin-left: 5px !important;
}

.folder-tree-header {
	margin: 20px 0px 0px 0px;
}

.folder-tree-footer {
	margin: 20px 0px 0px 0px;
}

.folder-tree-action-holder a {
	padding: 0px 10px 0px 0px;
	font-size: 13px !important;
}

ul.dhtmlgoodies_tree .folder-tree-inline-actions {
	font-size: 10px;
	color: #8F8F8F;
}

ul.dhtmlgoodies_tree .folder-tree-inline-actions a, .folder-tree-action-holder a {
	color: #0079B0;
	font-family: "ms sans serif", arial;
	font-size: 13px;
	text-decoration: none;
}

.folder-tree-action-holder a {
	padding: 0px 10px 0px 0px;
	font-size: 13px !important;
}

#sort {
	font-family: Lato;
	padding: 5px 0;
	letter-spacing: 0px;
	margin: 15px 0;
	border-top: 1px solid #E6E6E6;
}

.formWrapper .input_background {
	min-height: 32px;
	margin: 10px 0 0px 0;
}

.inputfile {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

.inputLabel {
	padding: 10px 0px 5px 0px;
}

.inputContent {
	padding: 5px 0px 20px 0px;
}

.addnews .inputLabel {
	color: #666666;
	/*font-size: 13px;*/
	letter-spacing: 0;
	margin-bottom: 5px;
	font-weight: normal;
	margin-top: 10px !important;
	margin-bottom: 0px !important;
}

.formWrapper form input:focus,
.formWrapper form select:focus {
	outline: none;
}

.formWrapper .inputFld {
	border: 0px none;
	background: none;
	box-shadow: none;
}

.files {
	padding: 10px 5px;
}

.files .file-label {
	width: 100%;
	height: 100%;
	overflow: hidden;
	border: 1px solid #C3C3C3;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	padding: 5px;
}

.files .desc-label {
	width: 100%;
	height: 100%;
	overflow: hidden;
	border: 1px solid #C3C3C3;
	padding: 5px;
	border-radius: 6px;
}

.files input[type='button'] {
	background: #E9EAEC;
	border: 1px solid #A4A4A6;
	text-align: center;
	width: 100%;
	padding: 8px;
	cursor: pointer;
}

.formWrapper .defButtons {
	cursor: pointer;
	border: none;
	margin-top: 20px;
	width: 228px;
	height: 50px;
	font-weight: bold;
	font-size: 22px;
	color: white;
}

.addnews .eventDate input[type='text'] {
	width: 195px !important;
}

.eventDate .input_background .MID {
	width: 150px;
}

.eventDate .start {
	float: left;
}

.eventDate img {
	margin: 3px 10px 0 10px;
	cursor: pointer;
	z-index: -1;
}

#sort a {
	color: #1C75BC;
	text-align: center;
	letter-spacing: 0px;
	margin: 0 15px;
	text-decoration: none;
}

#sort a.active {
	opacity: 0.5;
}

#sort .barrow {
	padding: 2px 0px 2px 5px;
}

#searchTab {
	padding-top: 5px;
}

#usersList,
#addnews,
#events,
#mailList,
#usrInfo,
#mails {
	margin-top: 20px;
}

#usersList .userBox {
	border-bottom: 1px solid #E6E6E6;
	padding: 15px 0px;
}

#usersList .userBox:last-of-type {
	border-bottom: none;
}

.userBox .userPic {
	margin-top: 17px;
}

.userBox.board .userPic {
	margin-top: 10px;
}

#usersList a {
	text-decoration: none;
}

.userBox .userPic img {
	width: 75px;
	height: 75px;
	border-radius: 37px;
}

.userBox.board .userPic img {
	width: 250px;
	height: 250px;
	border-radius: 10px;
}

.userBox .leftBox {
	border-right: 1px solid #E3E3E3;
}

#mailList .title,
#addnews .title,
#usersList .title,
#usrInfo .title,
#mails .title,
#events .title {
	font-size: 1.4em;
	font-weight: bold;
}

#mails .group-head {
	padding: 15px 5px 10px;
}

#mails .radio-container {
	display: inline-block;
	margin-left: 10px;
}

#usersList .userBox .username {
	color: #1C75BC;
	font-size: 1.4em;
	padding-bottom: 10px;
}

#usersList .userBox.board .username {
	padding-bottom: 5px;
}

#usersList .info_advisory {
	padding-bottom: 5px;
}

#usersList .info_advisory span {
	font-weight: bold;
}

.userBox .leftBox .info {
	font-family: Lato;
	font-size: 1.3em;
}

.userBox .rightBox {
	padding-left: 34px;
}

.userBox .rightBox a {
	color: #1C75BC;
	font-size: 1.2em;
}

.userBox .rightBox img {
	vertical-align: middle;
	padding-right: 18px;
}

.userBox .leftBox p .email {
	color: #874f81;
	padding-left: 30px;
}

.userBox .leftBox p span {
	color: #333333;
	padding-left: 20px;
}

#userProfile {
	color: #666666;
	font-size: 17px;
	margin-top: 40px;
}

#userProfile .userAvatar {
}

#userProfile .userAvatar img {
}

#userProfile .userInfo {
}

#userProfile .userInfo .userInfoWrapper {
	float: left;
}

#userProfile h3 {
	color: #1c75bc;
	font-family: Lato;
	font-size: 1.5em;
	font-weight: bold;
}

#userProfile p {
	margin-top: 0px;
	font-weight: bold;
}

#userProfile .userInfoWrapper div {
	margin-top: 2px;
}

#userProfile .userInfo .email {
	font-size: 16px;
	margin-bottom: 25px;
	font-weight: bold;
}

#userProfile .rightBox {
	float: right;
	height: 39px;
	margin: 12px 45px 0 0;
	font-size: 12px;
	line-height: 230%;
	letter-spacing: 0;
}

#userProfile a {
	text-decoration: none;
}

#userProfile .authors img {
	vertical-align: middle;
	padding-right: 5px;
}

#filesTree {
	margin: 20px 0px;
}

#mails h3 {
	color: #333333;
}

a.mailArchive {
	color: #1C75BC;
	font-size: 1.2em;
	font-weight: bold;
}

.archive-icon {
	background: url('/i/svg/CMS_icons_email_archive.svg');
	background-repeat: no-repeat;
	background-size: contain;
	display: inline-block;
	width: 22px;
	height: 22px;
	background-position: bottom;
	margin-left: 5px;
}

.addnews .box {
	border-top: 1px solid #EDEDED;
	position: relative;
	margin-top: 10px;
}

#mails .box, #usrInfo .box {
	border-top: 1px solid #EDEDED;
	position: relative;
	margin-top: 10px;
}

#mails h3 img {
	padding-right: 12px;
}

#mails .group-holder {
	margin: 10px 0px 10px 35px;
}

#mails .group-holder .inputHolder {
	cursor: pointer;
}

#mails .group-holder .inputHolder span {
	display: inline-block;
	/*max-width: 220px;*/
	overflow: hidden;
}

#mails .group-holder .inputHolder .group-img {
	background: url('/i/svg/CMS_icons_groups.svg') no-repeat center;
	background-size: contain;
	display: inline-block;
	width: 18px;
	height: 18px;
	margin: 2px 5px;
	position: absolute;
}

.ColsHolder span {
	cursor: pointer;
}

#mails .leftBox {
	float: left;
}

#mails .rightBox {
	float: left;
	/*margin-left: 15px;*/
	-ms-filter: "propacity: 0ogid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
}

.width_370 {
	width: 370px !important;
}

.formWrapper #mails .input_background .MID {
	background: url(../i/inputMiddle.png) repeat-x;
	width: 184px;
	height: 32px;
	float: left;
}

.addnews .notification .recipients {
	background: url("../i/inputtop.png") top repeat-x;
	float: left;
	width: 350px;
	height: 100px;
	overflow: scroll;
	overflow-y: scroll;
	overflow-x: hidden;
	border-bottom: 1px solid #C3C3C3;
}

addnews .notification .inputHolder {
	width: 350px;
	font-weight: normal;
	font-size: 13px;
	color: #666666;
}

.addnews .notification .input_background .leftANG {
	background: url("../i/inputlefty.png") top repeat-y;
	height: 100%;
	min-height: 100px;
	width: 4px;
	margin-top: -8px;
}

.addnews .notification .labels #tousers {
	margin-left: 305px;
}

.floatRight {
	float: right !important;
}

.floatLeft {
	float: left;
}

.notice-header {
	color: #00284F;
	font-size: 24px;
	font-weight: bold;
}

.anouncements-list {
	float: left;
	width: 569px;
	padding-right: 30px;
	border-right: 1px solid #d5d5d5;
}

.todo-list {
	float: left;
	width: 570px;
	padding-left: 30px;
}

.mainwrap.notices .anouncements-list .main-content {
	margin-bottom: 0px;

}

.main-content .notice {
	padding-bottom: 20px;
}

.main-content .notice h2 a {
	color: #00284F;
	font-size: 20px;
	font-weight: 600;
}

.fileInput .MID {
	width: 590px !important;
}

.list {
	border-bottom: 1px solid #EDEDED;
	padding-left: 10px;
	padding-top: 15px;
	padding-bottom: 15px;
}

.list.document_list {
	padding-left: 0px;
	font-family: Lato;
	font-size: 1.2em;
}

.list .file-name {
	padding-bottom: 10px;
}

.list .file-desc {
	padding-bottom: 10px;
}

.list .file-info {
	color: #6D6E71;
	font-family: Lato;
	font-size: 1.2em;
}

.titleIcon {
	float: left;
	margin-left: 10px;
}

.list h3 {
	font-size: 1.3em;
	display: inline;
}

.list p {
	width: 600px;
	/*font-size: 13px;*/
	color: #333333;
	margin-bottom: 8px;
	line-height: 130%;
}

.list .addedBy {
	margin-top: 10px;
	margin-bottom: 10px;
	color: #1C75BC;
	font-family: Lato;
	font-size: 1.1em;
}

.list .brd {
	color: #6D6E71;
}

.rightBox img {
	vertical-align: middle;
	padding-right: 5px;
}

a.AAAAAAA path:hover, a.AAAAAAA rect:hover {
	opacity: 0.2;
	fill: #0C517B;
}

.myProfile #usrInfo {
	/*    float: left;
		width: 740px;
		margin-left: -13px;*/
}

.myProfile #usrInfo .profileForm {
	margin-bottom: 20px;
}

.myProfile .leftBox {
	/*    float: left;
		width: 120px;
		height: 500px;
		margin-top: 21px;*/
}

.myProfile .leftBox img {
	/* width: 120px; */
	vertical-align: middle;
	padding-right: 5px;
}

.myProfile .leftBox a {
	font-size: 12px;
	line-height: 120%;
	letter-spacing: 0;
	margin-left: 10px;
}

.myProfile #upload_picture {
	color: #2F6E80;
	line-height: 230%;
}

.myProfile .leftBox input[type='file'] {
	background: none;
	border: none;
	font-size: 13px;
	opacity: 0;
	/* -ms-filter: "propacity: 0ogid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; */
	filter: alpha(opacity=0);
	cursor: pointer;
	float: right;
	height: 31px;
	margin-top: -22px;
}

.myProfile .middleBox {
	float: left;
	margin-left: 24px;
}

.myProfile .inputLabel {
	/*    font-size: 13px;
		color: #666666;
		letter-spacing: 0;
		margin: 20px 0 -6px 0;*/
}

.myProfile .inputContent {
	font-weight: bold;
}

.myProfile .headline {
	/*    font-size: 16px;
		color: #666666;
		font-weight: bold;
		margin-top: 10px;*/
}

.formWrapper form input[type='text'], .formWrapper form .dropdawn, .formWrapper form input[type='password'], .formWrapper form select {
	width: 100%;
	height: 32px;
	margin: 6px 0 0;
	background: #fff;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	padding: 0px 10px !important;
	border: 1px solid #C3C3C3;
}

.myProfile #usrInfo input[type='text'] {
	/*min-width: 250px !important;*/
}

.myProfile .rightBox {
	float: left;
	margin-left: 29px;
}

.myProfile .bottomBox {
	float: right;
	margin-right: 25px;
}

.myProfile .textarea_background {
	margin-top: 10px;
}

.myProfile .bottomBox .newpass {
	float: left;
}

.myProfile #usrInfo input[type='password'] {
	/*width: 250px;*/
}

.myProfile .bottomBox .oldpass {
	float: left;
	margin-left: 29px;
}

.myProfile .formWrapper form textarea {
	width: 560px;
	height: 120px;
	color: #666666;
	resize: none;
	overflow: auto;
}

#grpList {
	margin: 0 auto;
	margin-left: 20px;
	width: 400px;
}

#grpList h3 {
	color: #333333;
	font-size: 18px;
}

#grpList p {
	margin: 3px 5px;
}

#grpList div {
	background: gray;
	float: left;
	width: 5px;
	height: 5px;
	margin: 5px 0 0 0;
}

#grpList a {
	color: #666666;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	padding-left: 3px;
}

.dpicker.input {
	float: left;
	width: calc(100% - 30px);
}

.dpicker.icon {
	margin: 13px 0 0 16px;
}

#mailList .list {
	border-bottom: 1px solid #EDEDED;
	color: #333333;
	padding-left: 0px;
	font-family: Lato;
	font-size: 1.2em;
}

.mail_state {
	float: right;
	font-size: 0.8em;
	background-color: #00A1A1;
	border-radius: 6px;
	padding: 1px 8px;
	color: white;
	margin: 18px 0 0 0;
	line-height: 1.8em;
}

#mailList .title h3 {
	float: left;
}

#mailList h3 img {
	vertical-align: middle;
}

#mailList h3 a {
	color: #1c75bc;
	font-size: 0.8em;
	/*color: #0877A1;
	-ms-filter: "propacity: 0ogid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	line-height: 140%;*/
}

#mailList .container {
	color: #333333;
	letter-spacing: 1px;
	font-size: 13px;
	line-height: 139%;
	padding-bottom: 10px;
	overflow-x: auto;
	-ms-overflow-x: auto;
}

#mailList .list #mailList_footer span {
	padding: 0 10px;
	border-right: 1px solid #EDEDED;
}

#mailList .attachment {
	border-right: none !important;
	line-height: 230%;
}

#mailList .sender {
	font-size: 12px;
	line-height: 230%;
}

#mailList .sender span {
	padding-left: 10px;
	color: #2F6E80;
	font-weight: bold;
}

#mailList .buttonHolder {
	float: right;
	margin: 11px 0 0 8px;
}

.see_all {
	margin: 0 0px 6px 0;
	text-align: right;
}

#pagination {
	padding: 15px 0px;
}

#pagination div {
	font-size: 16px;
	width: 30px;
	float: left;
	background: #1C75BC;
	/*border: 1px solid #01284F;*/
	border-radius: 20px;
	text-align: center;
	padding: 0px 0px 0px 0px;
	margin: 0px 5px;
}

#pagination a {
	color: #fff;
}

#pagination div:first-child {
	margin-left: 0px;
}

#pagination div.active {
	background: #eff2f7;
}

#pagination div.active a {
	text-decoration: none;
	cursor: default;
	color: #01284F;
}

/**
	SVG map
*/

.st1:hover,
.st2:hover,
.st3:hover,
.st4:hover,
.st5:hover,
.st6:hover,
.st7:hover,
.st8:hover ~ .st8,
.st9:hover,
.st10:hover,
.st11:hover,
.st12:hover,
.st13:hover,
.st14:hover,
.st15:hover,
.st16:hover,
.DE:hover,
.CH:hover,
.BE:hover,
.SE:hover,
.IE:hover,
.HU:hover {
	opacity: 0.5;
	cursor: pointer;
}

.tooltiptext {
	display: none;
	width: 120px;
	background-color: #FFF;
	color: #000000;
	text-align: center;
	border-radius: 10px;
	position: fixed;
	z-index: 1;
	padding: 5px;
	-webkit-box-shadow: 0px -1px 11px 0px #c1c1c1;
	-moz-box-shadow: 0px -1px 11px 0px #c1c1c1;
	box-shadow: 0px -1px 11px 0px #c1c1c1;
	font-weight: bold;
}

.tooltiptext.active {
	display: initial;
}


.about .itemAnchor1 {
	height: 240px;
	margin-top: -240px;
	visibility: hidden;
	display: block;
}


.LearningCards {
	height: 70px;
	margin-top: -70px;
	visibility: hidden;
	display: block;
}

.LearningCards[name=LearningCards] {
	/*height: 500px;*/
	margin-top: -50px;
	visibility: hidden;
	display: block;
	/*background:red;*/
}

.Handbooks {
	height: 70px;
	margin-top: -70px;
	visibility: hidden;
	display: block;
}

.Handbooks[name=Handbooks] {
	/*height: 500px;*/
	margin-top: -50px;
	visibility: hidden;
	display: block;
	/*background:red;*/
}


@media only screen and (min-width: 48em) {
	.fluid {
		width: auto;
	}

	.margin-bottom-sm {
		margin-bottom: 0rem;
	}

	.margin-top-sm {
		margin-top: 0rem;
	}

	.font-size-sm {
		font-size: 1.2em;
	}
}

@media only screen and (min-width: 62em) {
	.width-auto {
		width: auto !important;
	}

	.min-height-md {
		min-height: auto !important;
	}

	.relative-md {
		position: relative !important;
	}

	.hidden-md {
		display: none;
	}

	.fluid {
		width: auto;
	}

	.margin-bottom-md {
		margin-bottom: 0rem;
	}

	.margin-top-md {
		margin-top: 0rem;
	}

	.font-size-md {
		font-size: 1.8em;
	}
}

@media screen and (max-width: 1790px) and (min-width: 760px) {

	.header {
		display: flex;
		flex-flow: row wrap;
		height: unset !important;
		justify-content: space-between;
	}

	#logo-container {
		order: 1;
	}

	#search-container {
		order: 2;
		position: absolute;
		right: 190px;
	}

	.search_login_container {
		white-space: nowrap;
		width: max-content;
	}

	#menu-container {
		order: 3;
		/*max-width: 10%;*/
		/*float: right;*/
	}

	.login_menu_item {
		margin-top: 14px;
	}

	.menuholder {
		display: flex;
		flex-flow: row wrap;
		float: right;
	}

	#login-holder {
		order: 1;
		margin-top: 12px;
		margin-right: 20px;
	}

	#menu-icon {
		order: 2;
	}

	/* show hamburger*/
	#menu-icon {

		display: inline-block;

	}

	.menuholder ul {

		display: none;
		position: absolute;
		background-color: #212121;
		width: 275px;
		z-index: 999999999;
		border-radius: 6px;
		right: 0px;
		top: 65px;
		padding: 12px 0;
		max-height: 450px;
		/* width: 100%; */
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;

	}

	.menuholder li {
		display: inline-block;
		margin-left: 0px !important;
		margin-right: 0px !important;
		text-align: center;
		width: 100%;
		padding: 12px 0;
		margin: 0;

	}

	li.selected a {
		color: #fff !important;
		/*opacity: 0.7;*/
	}

	.menuholder ul li a {
		font-size: 1.1em;
		color: #fff;
	}

	.menuholder a:hover,
	.menuholder ul li.selected a {
		color: #fff !important;
		opacity: 0.5;
	}

	.menuholder ul li ul {
		padding: 0px 0;
		top: 0;
		height: unset;
		max-height: unset;
	}

	.menuholder ul li ul li {
		padding: 0;
	}

	ul.submenu {
		display: block;
		position: relative;
		margin: 0 auto;
		padding: 0;
	}

	ul.submenu.hidden {
		display: none !important;
	}

	ul.submenu li {
		font-size: 1.0em;
		display: block;
		text-align: center;
		margin: 10px 0 !important;
		width: 100%;
	}

	.white_triagle {
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 9px 6px 0 6px;
		border-color: #ffffff transparent transparent transparent;
		display: inline-block;
		margin-left: 5px;
	}

	a:hover#menu-icon {
		/*background-color: #414042;*/
		opacity: 1;
	}

	header {
		height: 308px;
	}
}

/* #### Tablets Portrait or Landscape below 980px #### */

/* #### Desktops above 980px #### */
@media screen and (max-width: 1046px) {
	.home_page .header-bee {
		/*top: 115px;*/
	}

	.home_page .search_container {
		/*margin-top: 114px;*/
		/*padding: 10px 0 20px 0;*/
	}

	/*.home_page .mainheader h1 {*/
	/*padding: 0 100px;*/
	/*}*/
	.home_page .shrink .logo {
		height: 40px;
	}

	.shrink .header, .header {
		/*height: 215px;*/
		height: 138px;
	}


	.shrink .search {

	}

	.mainheader h1 {
		font-size: 1em;
	}

	.fixed-search {
		margin-top: 90px;
	}

	.main-footer {
		padding: 0;
	}

	.main-footer img {
		/*float: none;*/
		/*display: block;*/
		/*!*margin: 0 auto;*!*/
		/*padding: 15px 0;*/
		/*height: 100%;*/
		/*width: 100%;*/
	}

	.main-footer p {
		font-size: 0.8em;
		margin-top: 0;
	}

	.ico {
		width: 32px;
		height: 32px;
	}

	.partners .partner {
		height: auto;
		line-height: unset;
	}

	#menu-icon {

		display: inline-block;

	}

	/*.loged_menu {*/
	/*margin-left: -35px;*/
	/*}*/
	.menuholder ul {

		display: none;
		position: absolute;
		background-color: #212121;
		width: 275px;
		z-index: 999999999;
		border-radius: 6px;
		right: 0px;
		padding: 12px 0;
	}

	.menuholder li {
		display: inline-block;
		margin-left: 0px !important;
		margin-right: 0px !important;
		text-align: center;
		width: 100%;
		padding: 12px 0;
		margin: 0;

	}

	.white_triagle {
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 9px 6px 0 6px;
		border-color: #ffffff transparent transparent transparent;
		display: inline-block;
		margin-left: 5px;
	}

	li.selected a {
		color: #fff !important;
		/*opacity: 0.7;*/
	}

	.menuholder ul li a {
		font-size: 1.5em;
		color: #fff;
	}

	.menuholder a:hover,
	.menuholder ul li.selected a {
		color: #fff !important;
		opacity: 0.5;
	}

	a:hover#menu-icon {
		/*background-color: #414042;*/
		opacity: 1;
	}

	ul.about_the_project li {
		width: 100%;
		float: left;
		padding-left: 0px;
		padding-right: 0px;
		margin-bottom: 50px;
		padding-top: 120px;
	}

	ul.about_the_project li:first-child {
		background: url("/i/svg/about_aims-01.svg") top center no-repeat;
		background-size: 150px;
	}

	ul.about_the_project li:nth-child(2) {
		background: url("/i/svg/about_aims-02.svg") top center no-repeat;
		background-size: 150px;
	}

	ul.about_the_project li:nth-child(3) {
		background: url("/i/svg/about_aims-03.svg") top center no-repeat;
		background-size: 150px;
	}

	ul.about_the_project li:nth-child(4) {
		background: url("/i/svg/about_aims-04.svg") top center no-repeat;
		background-size: 150px;
	}

	.buttons a {
		padding: 18px 20px;
	}

	input[type='submit'].rounded {
		width: 100% !important;
	}

	.press_background .row {
		margin-top: 281px;
	}

	video {
		max-width: 100%;
		height: auto;
	}

}

@media screen and (max-width: 600px) and (max-width: 770px) {
	.header-bee {
		top: 148px !important;
	}
}


@media screen and (max-width: 1624px) and (min-width: 770px) {

	.mainheader h1 {
		font-size: 2.3em;
		line-height: 1.8em;
		padding: 0 20%;
	}

	.header-bee {
		max-width: 100%;
		height: 240px;
		background: url(/i/graphics2.png);
		background-repeat: no-repeat;
		background-position: top center;
		background-size: cover;
		top: 85px;
	}

	header {
		height: 311px;
	}

	.mainnav > ul {
		display: flex;

		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: space-between;
	}

	.mainnav > ul > li {
		margin: 0;
	}

}


@media screen and (max-width: 1324px) {
	.mainheader h1 {
		/*font-size:1em;*/
	}

	.mainheader h1 {
		font-size: 2.3em;
		line-height: 1.8em;
		padding: 0 20%;
	}

	.header-bee {
		max-width: 100%;
		height: 220px;
		background: url(/i/graphics2.png);
		background-repeat: no-repeat;
		background-position: top center;
		background-size: cover;
		top: 85px;
	}

	header {
		/*height: 311px;*/
	}

	.mainnav > ul {
		display: flex;

		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: space-between;
	}

	.mainnav > ul > li {
		margin: 0;
	}

}

@media screen and (max-width: 1290px) {
	.mainheader h1 {
		/*font-size:1em;*/
	}

	.mainwrap {
		width: 100%;
		max-width: 100%;
		padding-left: 5px;
		padding-right: 5px;
	}

	.about .itemAnchor1 {
		height: 270px;
		margin-top: -270px;
	}
}

@media screen and (max-width: 1200px) {

	.header-bee {
		/*top: 115px!important;*/
	}

	#menu-icon {

		display: inline-block;

	}

	.menuholder ul {

		display: none;
		position: absolute;
		background-color: #212121;
		width: 275px;
		z-index: 999999999;
		border-radius: 6px;
		right: 0px;
		padding: 12px 0;
	}

	.menuholder ul ul {
		position: relative;
	}

	.menuholder li {
		display: inline-block;
		margin-left: 0px !important;
		margin-right: 0px !important;
		text-align: center;
		width: 100%;
		padding: 10px 0;
		margin: 0;
		line-height: 1em;
	}

	li.selected a {
		color: #fff !important;
		/*opacity: 0.7;*/
	}

	.menuholder ul li a {
		font-size: 1.1em;
		color: #fff;
	}

	.menuholder a:hover,
	.menuholder ul li.selected a {
		color: #fff !important;
		opacity: 0.5;
	}

	a:hover#menu-icon {
		/*background-color: #414042;*/
		opacity: 1;
	}
}


@media screen and (max-width: 1308px) {
	.logo {
		height: 50px;
	}

	.btn {
		font-size: 1em;
	}

	.menuholder a {
		font-size: 1em;
	}

	/*.mainheader h1 {*/
	/*font-size: 3em;*/
	/*line-height: 1.8em;*/
	/*padding: 0 150px 0 180px;*/
	/*}*/
	/*.header-bee{*/
	/*max-width: 100%;*/
	/*height: 240px;*/
	/*background: url(/i/graphics2.png);*/
	/*background-repeat: no-repeat;*/
	/*background-position: top center;*/
	/*background-size: cover;*/
	/*top: 85px;*/
	/*}*/
	/*header{*/
	/*height: 311px;*/
	/*}*/
	.header-actions .tbrow {
		display: block;
		width: 100%;
	}

	.searchform {
		min-width: 200px;
		max-width: 270px;
	}

	.login_menu_item {
		z-index: 99;
		position: relative;
	}

	.header-actions .tbrow .tbcell {
		display: block;
		margin: 15px auto;
		text-align: center;
	}
}

@media screen and (max-width: 1194px) {
	.page-wrap {
		/*margin-top: 380px;*/
		/*margin-top: 535px;*/
	}

	.mainheader h1 {
		/*font-size: 2em;*/
		/*padding: 0 100px;*/
	}

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

	.main-highlights {
		width: 100%;
		float: left;
	}

	.mainwrap {
		width: 100%;
		max-width: 100%;
		padding-left: 5px;
		padding-right: 5px;
	}

	.news article {
		display: block;
		margin: auto;
		float: none;
	}

	.main-aside {
		/* display: none; */
	}

	.mainwrap-left-aside {
		margin: 0px;
	}

	.green-border, .brown-border, .blue-border {
		background-position: 77px 7px;
		width: 100% !important;
	}

	.twitter-widget {
		margin-left: 0px;
	}
}

@media screen and (min-width: 850px) and (max-width: 1100px) {
	.mainheader h1 {
		font-size: 1.6em;
		padding: 0 200px;
	}


	/*.mainheader h1 {*/
	/*font-size: 2.3em;*/
	/*line-height: 1.8em;*/
	/*padding: 0 20%;*/
	/*}*/
	.header-bee {
		max-width: 100%;
		height: 180px;
		background: url(/i/graphics2.png);
		background-repeat: no-repeat;
		background-position: top center;
		background-size: contain;
		top: 150px !important;
	}

	header {
		/*height: 285px;*/
	}
}

@media screen and (max-width: 856px) and (min-width: 600px) {
	.mainheader h1 {
		font-size: 2em;
		padding: 0 50px !important;
	}

	#search-container {
		order: 2;
		position: absolute;
		right: 35px;
	}
}

@media screen and (max-width: 767px) {

	.red {
		margin-top: 25px;
	}

	.menuholder {
		min-height: 110px !important;
	}

	.profilemenu {
		width: max-content;
		/*margin: 12px -22px -2px auto;*/
		margin: 12px 0px -2px auto;
		/*position: absolute;*/
		/*margin-left: -33vh;*/
	}


	.profilemenu .login_name {
		/* background: url(/i/icons/arr_down.svg) no-repeat center right; */
		float: right;
		/* margin-left: -2px; */
		line-height: 40px;
		padding-right: 0px;
		cursor: pointer;
		white-space: nowrap;
		color: #1c75bc;
		font-weight: bold;
		font-size: 0.8em;
	}

	.profilemenu img {
		display: block;
		float: right;
		width: 40px;
		height: 40px;
		border-radius: 25px;
	}

	.loged_menu {
		position: absolute;
		margin-top: 0px;
		margin-left: -186px;
		width: 320px;
		white-space: break-spaces;
	}

	.loged_menu a {
		margin: 5px 0;
	}

	.searchform .btn {
		margin-left: -17px;
	}

	.home_page .mainwrap {
		/*margin-top: 43vh;*/
		margin-top: 37vh;
	}

	.page-wrap {
		/*margin-top: 70px;*/
		margin-top: 0px;
	}

	/*header{*/
	/*height: 650px;*/
	/*}*/
	.mainheader h1 {
		font-size: 1em !important;
		padding-top: 24px;
		padding-right: 0;
		padding-left: 0;
	}

	.header-bee {
		/*min-height: 115px;*/
		min-height: 315px;
		height: auto;
		/*top:215px;*/
		top: 138px;
		font-size: 2em;
	}

	.home_page .header-bee {
		min-height: 84vh;
		height: auto;

		background: url(/i/projects_mobile_image.jpg);
		background-repeat: no-repeat;
		background-position: center bottom;
		background-attachment: fixed;
		background-size: cover;
		background-attachment: fixed;
		font-size: 2.6em !important;
		line-height: 3em;
	}

	.home_page .header-bee .mainheader h1 {
		padding-top: 0;
		/*margin-top: -60px;*/
		margin-top: -20px;
	}

	.home_page .header-bee .row {
		height: 100%;
		min-height: 84vh;
	}

	.menuholder {
		margin-bottom: 0;
	}

	.search {
		/*padding-top: 10px;*/
	}

	.mainnav > ul {
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		justify-content: center;
		font-size: 1.4em;
		padding: 0;
		text-align: center;

	}

	.mainnav ul li {
		width: 100%;
		padding: 5px;
		/*display:flex;*/
		justify-content: center;
	}

	.mainnav ul li.selected {
		/*background: #336699 !important;*/
	}

	.mainnav ul li:hover ul {
		background: #336699 !important;
	}

	ul.research_integrity_list {
		justify-content: center !important;
		text-align: center !important;
	}

	ul.the_project_list li, ul.research_integrity_list li {
		float: none;
		display: inline-flex;
		margin-right: 0 !important;
	}

	ul.submenu {
		display: block;
		position: relative;
		margin: 0 auto;
		padding: 0;
	}

	ul.submenu li {
		font-size: 1.0em;
		display: block;
		text-align: center;
		margin: 10px 0 !important;
		width: 100%;
	}

	.article h3 a {
		font-size: 1em;
	}

	.green-border, .brown-border, .blue-border {
		background-position: 20px 7px;
		width: 100% !important;
	}

	.subscribe input {
		margin-bottom: 25px !important;
		width: 100%;
		margin-left: 0;
	}

	.subscribe ul {
		margin-left: 0;
	}

	ul.home_social_icons li {
		margin: 0;
	}

	.home_social_icons {
		margin-left: 0;
	}

	.box.story {
		height: auto;
	}

	.twitter-widget {
		margin: 0px auto;
	}

	ul.the_project_list {
		text-align: center;
	}

	ul.the_project_list li {
		margin-right: 0px !important;
		margin-bottom: 15px !important;
	}

	.label {
		width: 20%;
		height: 60px;
		font-size: 0.7em;
		padding-top: 5em;
	}

	.footer-menu hr {
		width: 70%;
		color: #f3f3f3;
		display: flex;
		margin: 15px auto !important;
	}

	.mainwrap h1 {
		padding-bottom: 20px;
	}

	.logo {
		margin-top: -50px;
	}

	.search_field {
		position: absolute;
		top: 90px;
		/*left: 21px;*/
		width: 100%;
	}

}

@media screen and (max-width: 330px) {
	/*.page-wrap {*/
	/*margin-top: 210px;*/
	/*}*/
	.search {
		/* padding-top: 50px; */
	}

	.mainheader h1 {
		font-size: 0.7em !important;
		/* padding-top: 10px; */
	}

	.shrink .mainheader h1 {
		font-size: 0.7em;
	}

	.searchform {
		min-width: 90px;
	}

	.rounded {
		width: 100px;
	}

	.mainwrap h1 {
		font-size: 1.3em;
	}

	.intro {
		font-size: 1em;
	}

	.latest-story-desc p {
		font-size: 1em;
	}

	.article h3 a {
		font-size: 1em;
	}
}

.message {
	font-size: 1em;
	margin-left: 1em 0;
	padding: 1em 1.5em;
	line-height: 1.5em;
	background: #f8f8f9;
	border-radius: .28571429rem;
	color: rgba(0, 0, 0, .87);
	border: 1px solid rgba(34, 36, 38, .22);
}

.message.warning {
	background-color: #fff6f6;
	color: #9f3a38;
	border: 1px solid #e0b4b4;
}

.message.notice {
	background-color: #f8ffff;
	color: #276f86;
	border: 1px solid #a9d5de;
}

.message.success {
	background-color: #fcfff5;
	color: #2c662d;
	border: 1px solid #a3c293;
}

span.green {
	color: #1c75bc;
}

.objective_icons {
	color: #1c75bc;
	text-align: center;
	font-size: 1.2em;
}

.objective_icons a {
	color: #1c75bc;
}

.objective_items_holder {
	display: flex;
	flex-direction: row;
	justify-content: space-between
}

.objective_items_holder img {
	min-width: 50px;
	max-width: 115px;
}

.bigger_green {
	font-size: 1.2em;
	color: #1c75bc;
	margin: 0 0 0.6em 0;
	font-weight: bold;
}

.events_button {
	margin-bottom: 10px;
	margin-right: 20px;
	min-width: 200px;
}

.no-margin-right {
	margin-right: 0;
}

a.pensoftlogo {
	background: url("/i/svg/other_pensoftlogo.svg") no-repeat;
	background-size: contain;
	color: transparent;
	padding-left: 30px;
}

.partners-links {
	margin-bottm: 10px;
}

.partners-links a {
	color: #1d2d3a;
	border: 1px solid #1d2d3a;
	margin-top: 20px;
}

.partners-links a:hover {
	color: #ffffff;
	border: 1px solid #1d2d3a;
	background: #1d2d3a !important;
}

#partners_list {
	margin-top: 50px;
}

@media screen and (max-width: 430px) and (min-width: 300px) {
	/*.page-wrap {*/
	/*margin-top: 210px;*/
	/*}*/
	.home_page .search_container {
		margin-top: 115px;
		padding: 10px 0 20px 0;
	}
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	/* IE10+ CSS styles go here */
	/*.page-content{*/
	/*margin-bottom: 480px;*/
	/*}*/
	/*.page-wrap{*/
	/*margin-bottom: -480px;*/
	/*}*/
	footer .start-xs {
		text-align: left;
	}

	article {
		text-align: left;
	}

	.flex-grow-0 {
		flex-grow: 0.1;
	}
}

/* Firefox CSS styles go here */
@supports (-moz-appearance:none) {
	/*.page-content{*/
	/*margin-bottom: 480px;*/
	/*}*/
	/**/
	/*.page-wrap{*/
	/*margin-bottom: -480px;*/
	/*}*/
}

.warningCookie {
	background: #0f0f1b none repeat scroll 0 0;
	box-sizing: border-box;
	color: #fff;
	font-size: 17px;
	padding: 15px 30px;
	bottom: 0;
	left: 0;
	overflow: hidden;
	padding: 30px;
	position: fixed;
	right: 0;
	z-index: 99999;
	opacity: 0.9;
	filter: alpha(opacity=50);
	display: inline;
	justify-content: space-between;
}

.warningCookie p a {
	background: none;
	text-decoration: underline;
	padding: 0px;
	margin: 0px;
	height: auto;
}

.warningCookie p a:hover {

	text-decoration: none;

}

.warningCookie a {
	background-color: #1bd0bc;
	border-radius: 2px;
	color: #1c75bc;
	font-size: 1em;
	padding: 7px 25px;
	margin-top: 7px;
	height: 36px;
	cursor: pointer;
}

.warningCookie .P-PopUp-Close-Btn a {
	background: none;
	color: #ffffff;
	font-size: 1em;
	padding: 3px 7px;
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 10px;
}

.content h2.to_do a:before {
	display: block;
	content: " ";
	margin-top: -215px;
	height: 215px;
	visibility: hidden;
}

.maintenance_text {
	background: #e21034;
	color: white;
	text-align: center;
	font-size: 1.5em;
	z-index: 1000000000;
	position: relative;
	height: 40px;
	line-height: 2em;
	padding: 0 5px;
}

.maintenance_text ul {
	display: inline-block;
	margin: 0px;
	padding: 0px;
}

.maintenance_text li {
	display: inline-block;
	font-size: 1.2em;
	list-style-type: none;
	padding: 0px 0.2em;
	text-transform: uppercase;
}

.maintenance .maintenance_text {
	position: fixed;
	top: 0px;
	width: 100%;
}

#campaign-materials {

}

#campaign-materials .buttons {
	margin: 40px 0px;
}

#campaign-materials .button {
	text-align: center;
	color: #FFF;
	background-color: #2cb4bf;
	border-radius: 5px;
	min-width: 280px;
	line-height: 50px;
	height: 50px;
	cursor: pointer;
}

#campaign-materials .button:hover,
#campaign-materials .button.active {
	opacity: 0.6;
}

#campaign-materials .types {
	margin: 40px 0px;
	display: none;
}

#campaign-materials .type {
	text-align: center;
	color: #FFF;
	background-color: #1c75bc;
	border-radius: 5px;
	min-width: 240px;
	line-height: 50px;
	height: 50px;
	cursor: pointer;
	margin-right: 16px;
}

#campaign-materials .type:last-of-type{
	margin-right: 0px;
}

#campaign-materials .type.inactive {
	background-color: lightslategray;
	cursor: default;
}

#campaign-materials .type.inactive:hover,
#campaign-materials .type.inactive.active{
	opacity: 1;
}

#campaign-materials .type:hover,
#campaign-materials .type.active {
	opacity: 0.6;
}

#campaign-materials .languages {
	margin: 40px 0px;
	display: none;
}

#campaign-materials .lang {
	text-align: center;
	color: #FFF;
	background-color: #2cb4bf;
	border-radius: 5px;
	min-width: 170px;
	line-height: 50px;
	height: 50px;
	cursor: pointer;
}

#campaign-materials .lang.inactive {
	background-color: lightslategray;
	cursor: default;
}

#campaign-materials .lang:not(.inactive):hover,
#campaign-materials .lang.active {
	opacity: 0.6;
}

#campaign-materials .content {
	display: none;
}

#campaign-materials .download, #campaign-materials .watch {
	background: #2cb4bf;
	width: 100%;
	height: 45px;
	color: #fff;
	border-radius: 10px;
	margin: 5px 0;
}

#campaign-materials .watch {
	max-width: 250px;
}

#campaign-materials a.download_link {
	background: #2cb4bf url(/i/svg/other_download.svg) no-repeat;
	background-position: 15px 0px;
	padding-left: 40px;
	color: #fff;
	line-height: 45px;
}

#campaign-materials .watch a {
	background: #2cb4bf;
	text-align: center;
	display: block;
	color: #fff;
	line-height: 45px;
	border-radius: 5px;
}

#campaign-materials .content .head {
	font-size: 24px;
	font-weight: bold;
	padding: 20px 0px 10px 5px;
}

#campaign-materials .description {
	display: none;
}

#campaign-materials .column {
	margin-bottom: 20px;
}