/*=======================================*/
/*==
/*==  section colors
/*==
/*=======================================*/

.fromwhite > .container:first-child {
	background-image: url("images/bg-top-white.png");
	background-repeat: no-repeat;
	background-position: top left;
}

.fromgrey > .container:first-child, 
.section-institutes-units-home .container:first-child {
	background-image: url("images/bg-top-grey.png");
	background-repeat: no-repeat;
	background-position: top left;
}

.fromlightgrey > .container:first-child {
	background-image: url("images/bg-top-lightgrey.png");
	background-repeat: no-repeat;
	background-position: top left;
}

.towhite > .container {
	background-color: #ffffff;
}

.togrey > .container {
	background-color: #d7dbde;
}

.tolightgrey > .container {
	background-color: #ebeced;
}

.section-video-home.fromwhite  .container.video-home .topcorner {
	background-image: url("images/bg-top-white.png");
}

.section-video-home.fromgrey  .container.video-home .topcorner {
	background-image: url("images/bg-top-grey.png");
}

.section-video-home.fromlightgrey  .container.video-home .topcorner {
	background-image: url("images/bg-top-lightgrey.png");
}

.fromtransparent.towhite > .container:first-child {
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: top left;
}


/*=======================================*/
/*==
/*==  elements
/*==
/*=======================================*/

@keyframes aaBgShell1 {
	from {background-position: 0% 100%;}
	to {background-position: 100% 0%;}
}

@keyframes aaBgShell2 {
	from {background-position: 0% 100%;}
	to {background-position: 0% 0%;}
}


section {
/* border-bottom: 1px solid red; */
}

/* .navbar-nav .open .dropdown-menu {
	position: absolute;
	background-color: #fff;
	box-shadow: 0 6px 12px rgba(0,0,0,.175);
	width: 100%;
} */

@media (max-width: 767px) {
	.section-header+section {margin-top: 0px;}
	.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a {
		padding: 3px 15px;
		/* line-height: 1.42857143; */
	}
}

section > .container {
	padding: 30px;
	padding-top: 20px;
	padding-bottom: 0px;
	min-height: 100px;
}

section > .container:first-child, 
.section-institutes-units-home .container:first-child {
	padding-top: 120px;
}

header+section > .container:first-child {
	padding-top: 30px;
}

section.section-slider-home+section > .container:first-child {
	padding-top: 30px;
	padding-top: 60px;
}

@media (max-width: 1199px) {
	section > .container:first-child, 
	.section-institutes-units-home .container:first-child {padding-top: 100px;}
}
@media (max-width: 991px) {
	section > .container:first-child, 
	.section-institutes-units-home .container:first-child {padding-top: 100px;}
}
@media (max-width: 767px) {
	section > .container:first-child, 
	.section-institutes-units-home .container:first-child {padding-top: 100px;} 
	header+section > .container:first-child {padding-top: 0px;}
}

@media (max-width: 767px) {
	section > .container{
		padding: 15px;
		padding-top: 15px;
		padding-bottom: 15px;
		min-height: 50px;
	}
}
	
#wrap-inner > section:last-of-type > .container:last-of-type {
	padding-bottom: 130px;
}

body {
	background-color: #cccccc;
	font-family: "Didact Gothic", "Courier New", Courier, monospace;
	font-size: 16px;
	color: #352626;
	color: #3c3e40;
	min-width: 320px;
	line-height: 1.5;
}

@media (max-width: 991px) {
	body {
		font-size: 14px;
	}
}

#wrap {
	padding-bottom: 0px;
	overflow: hidden;
}

@media (min-width: 768px) {
	body {
		background-image: url("images/bg-shell-lines.gif");
		background-repeat: repeat;
		background-attachment: fixed;
	}
	#wrap {
		background-repeat: repeat;
		background-size: 800px;
		background-attachment: fixed;
	}
}

#wrap-inner {
	z-index: 100;
	width: 100%;
	margin: auto;
	border: none;
	background: #fff;
	min-height: 100vh;
}

@media (min-width: 768px) {
#wrap-inner {
		webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
		-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
		box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
		width: 750px;
	}
}
@media (min-width: 992px) {#wrap-inner {width: 970px;}}
@media (min-width: 1200px) {#wrap-inner {width: 1170px;}}

.animated {
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}

h1, h2, h3, h4 
{
font-family: "Titlefont", Arial, sans-serif;
line-height: 1.2;
}

h1 {font-size: 2em; font-size: 32px;}
h2 {font-size: 1.8em; font-size: 30px;}
h3 {font-size: 1.2em; font-size: 21px;}
h4 {font-size: 17px;}
h5 {font-size: 1.1em; font-weight: bold; line-height: 1.7; margin-bottom: 2em; color: #4a4c4d;}

h2 span.light {font-size: 0.6em; color: #7c7e80;}


@media (max-width: 767px) {
	h1 {
		font-size: 2.2em;
	}

	h2 {
		font-size: 1.9em;
	}

	h3 {
		font-size: 1.4em;
	}
}

a {
	color: inherit;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}

a:hover, a:hover h1, a:hover h2, a:hover h3, a:hover h4 {
	text-decoration: underline;
}

a:active, a:active h1, a:active h2, a:active h3, a:active h4 {
	text-decoration: none;
}

a:visited, a:visited h1, a:visited h2, a:visited h3, a:visited h4 {
	color: inherit;
}

a:focus, a:focus h1, a:focus h2, a:focus h3, a:focus h4 {
	color: inherit;
}

a.more {
	font-weight: bold;
}

button, input.button {
	background-color: transparent;
	font-family: "Titlefont", Arial, sans-serif;
	font-weight: bold;
	font-size: 1.4em;
	padding: 5px;
	padding-left: 20px;
	padding-right: 20px;
	outline: 0px;
	line-height: 1.5;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}

button:hover, input.button:hover {
	outline: 0px;
}

button:active, input.button:active {
	outline: 0px;
}

input.button {
	font-size: inherit;
}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
	outline: none;
	outline-offset: 0px;
}

.btn.active, .btn:active {
	background-image: none;
	outline: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.dropdown-menu {
	border: none;
	border-radius: 0px;
	min-width: 1px;
}

@media (max-width: 767px) {
	.navbar.navbar-main .dropdown-menu.opened
	{
	display: inline-block;
	position: relative;
	margin-left: 20px;
	box-shadow: none;
	top: 0px;
	left: -20px;
	min-width: 999px;
	padding-bottom: 0px;
    padding-top: 0px;
	}	
	
	.navbar.navbar-main .dropdown-menu.opened li
	{
	background-color: #d7dbde;
	}
}


.dropdown button {
	border: none;
	border-radius: 0px;
}

nav {
	background-color: inherit;
}

.navbar {
	margin-bottom: 0px;
}

.navbar-main {
	background-color: inherit;
	border: none;
	clear: both;
}

.topspace {
	padding-top: 2em;
}

.container, .container-fluid {
	padding: 20px;
	background-color: #ffffff;
}

@media (max-width: 767px) {
	.container, .container-fluid {
		padding: 15px;
		background-color: #ffffff;
	}
	.container.units-home {
		padding: 15px 15px 30px;
	}
}

.container .col, .container-fluid .col {
	padding-top: 0px;
	padding-bottom: 0px;
}

legend {
	display: block;
	width: 90%;
	padding: 0;
	margin-bottom: 0.5em;
	font-size: inherit;
	line-height: inherit;
	color: #333;
	border: 0;
	border-bottom: 1px solid #ebeced;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {  
	box-shadow: none;
	outline: 3px solid #ebeced;
	outline: none;
}

input[type=checkbox], input[type=radio] {
	margin: 0px;
	margin-top: 3px;
	margin-right: 3px;
}

.athena-brand {
	width: 453px;
	height: 100px;
	overflow: hidden;
	display: block;
	background-image: url('images/athena-logo-symbol.svg'),url('images/athena-logo-type-el.svg'),url('images/athena-logo-blurb-el.svg');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	text-indent:-9999px;
	font-size: 0px;
	margin: 0px;
	padding: 0px;
}

body.en .athena-brand {
	background-image: url('images/athena-logo-symbol.svg'),url('images/athena-logo-type-en.svg'),url('images/athena-logo-blurb-en.svg');
}

.athena-brand.inverted {
	background-image: url('images/athena-logo-symbol-inv.svg'),url('images/athena-logo-type-el-inv.svg'),url('images/athena-logo-blurb-el-inv.svg');
}

body.en .athena-brand.inverted {
	background-image: url('images/athena-logo-symbol-inv.svg'),url('images/athena-logo-type-en-inv.svg'),url('images/athena-logo-blurb-en-inv.svg');
}

@media (max-width: 1199px) {
	.athena-brand {width: 400px; height: 88px;}
	.athena-brand {
		width: 300px; 
		height: 65px;
	}
}
	
figure {
	float: right;
	margin: 2em;
	margin-top: 0px;
	margin-right: 0px;
}

figure img {
	max-width: 400px;
	max-height: 400px;
}

figure figcaption {
	margin-top: 1em;
	font-size: 0.8em;
	text-align: center;
}

.breadcrumb {
	padding: 0px;
	margin-bottom: 0px;
	list-style: none;
	background-color: transparent;
	border-radius: 0px;
	font-family: "Titlefont", Arial, sans-serif;
}

@media (min-width: 768px) {
	ul.nav li:last-child ul.dropdown-menu, 
	ul.nav li:nth-last-child(2) ul.dropdown-menu{ 
		left: auto;
		right: 0;
	} 
}

.breadcrumb>li+li:before {
	padding: 0 5px;
	color: #352626;
	content: "/\00a0";
}

section.section-header h1 {
	margin-top: 0.3em;
	padding-top: 0px;
	max-width: 80%;
padding-bottom: 2em;
}

ul.nav li.hover ul.dropdown-menu{ display: block; }

.btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open>.dropdown-toggle.btn-primary
{
	color: inherit;
	background-color: transparent;
	border: none;
}

.row.spaced {
		margin-bottom: 2em;
}

ul.publications {
	margin-left: 0px;
	padding-left: 0px;
	list-style-type: none;
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
	-moz-column-count: 2; /* Firefox */
	column-count: 2;
}

ul.publications li {
	margin-bottom: 1em;
	display: inline-block;
}

#filters {
	display: none;
}

#toggleblock, #toggleblock1{
	display: none;
}

.toggleblock-title{
color: #10069f;
font-size: 1.6em;
font-family: "Titlefont",Arial,sans-serif;
margin-bottom: 1em;
}
/*=======================================*/
/*==
/*==  social media
/*==
/*=======================================*/

.facebook {background-repeat: no-repeat; background-image: url("images/sm-facebook.svg");}
.facebook:hover {background-image: url("images/sm-facebook-o.svg");}
.flickr {background-repeat: no-repeat; background-image: url("images/sm-flickr.svg");}
.flickr:hover {background-image: url("images/sm-flickr-o.svg");}
.instagram {background-repeat: no-repeat; background-image: url("images/sm-instagram.svg");}
.instagram:hover {background-image: url("images/sm-instagram-o.svg");}
.linkedin {background-repeat: no-repeat; background-image: url("images/sm-linkedin.svg");}
.linkedin:hover {background-image: url("images/sm-linkedin-o.svg");}
.pinterest {background-repeat: no-repeat; background-image: url("images/sm-pinterest.svg");}
.pinterest:hover {background-image: url("images/sm-pinterest-o.svg");}
.tumblr {background-repeat: no-repeat; background-image: url("images/sm-tumblr.svg");}
.tumblr:hover {background-image: url("images/sm-tumblr-o.svg");}
.twitter {background-repeat: no-repeat; background-image: url("images/sm-twitter.svg");}
.twitter:hover {background-image: url("images/sm-twitter-o.svg");}
.vimeo {background-repeat: no-repeat; background-image: url("images/sm-vimeo.svg");}
.vimeo:hover {background-image: url("images/sm-vimeo-o.svg");}
.wordpress {background-repeat: no-repeat; background-image: url("images/sm-wordpress.svg");}
.wordpress:hover {background-image: url("images/sm-wordpress-o.svg");}
.youtube {background-repeat: no-repeat; background-image: url("images/sm-youtube.svg");}
.youtube:hover {background-image: url("images/sm-youtube-o.svg");}


.navbar .social-media ul, .social-media {
	padding: 0;
	margin: 0;
	list-style: none;
	overflow: hidden;
}
.social-media li {
	float: left;
	width: 20px;
	height: 20px;
	background-size: 100% 100%;
	margin-right: 2px;
}

.navbar-side .social-media li a, .social-media li a {
	display: block;
	text-indent: -9999px;
	font-size: 0px;
	width: 20px;
	height: 20px;
	padding: 0;
}

/*=======================================*/
/*==
/*==  header
/*==
/*=======================================*/

header {
	background-color: inherit;
	height: 160px;
	position: relative;
	background-color: #ffffff;
}

@media (max-width: 991px) {
	header {
		height: 130px;
	}
}	
	
@media (max-width: 767px) {
	header {
		height: 68px; 
		position: fixed; 
		top: 0px; 
		width: 100%; 
		z-index: 9999;
	}
	.section-searchbox {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
	    z-index: 99999;
	}
	#wrap-inner {
		padding-top: 60px;
	}
	ul.nav li:last-child ul.dropdown-menu, ul.nav li:nth-last-child(2) ul.dropdown-menu {
		top: auto;
		bottom: 100%;
	}
	.navbar .navbar-collapse.in {
/* 		max-height: calc(100vh - 55px);
		overflow-y: auto !important; */
	}
}
	
header nav {
	font-family: "Titlefont", Arial, sans-serif;
}

.navbar {
	background-color: #ffffff;
	border-radius: 0px;
	border: 0px;
	position: relative;
	top: 0px;
	padding: 10px 15px;
	z-index: 9999;
}

.navbar .navbar-collapse {
	padding: 0;
}

.fixedheader .navbar-header {
	width: 60px;
	height: 60px;
	background-color: #ffffff;
	margin: 0px;
}

.navbar-header h1 {
	color: #ffffff;
	position: absolute;
	top: 60px;
	left: 30px;
	font-size: 1.5em;
}

.fixedheader .navbar-header h1 {
	font-size: 1.3em;
	top: -7px;
	left: 120px;
}

@media (max-width: 991px) {
	.fixedheader .navbar-header h1 {
		top: -7px;
		left: 90px;
		left: 120px;
	}
}

.athena .navbar-header h1 {
	display: none;
}

.navbar-main {
	z-index: 9990;
	padding: 0px;
	border-bottom: 1px solid #ffffff;
}

.fixedheader .navbar-main {
	border-bottom: none;
}

.navbar-side {
	padding: 10px 0px 0;
	float: right;
}

.navbar-side ul {
	list-style: none;
	padding: 0;
	margin: 0; 
}
/* 
@media (max-width: 767px) {
	.navbar-side {
		width: 100%; 
		height: auto; 
	}
	.navbar .navbar-collapse {
		border: 1px solid #d7dbde;
		padding: 20px 0;
		background-color: #fff;
		webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
		-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
		box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
	}
}
 */

@media (min-width: 768px) {
	.navbar-nav a {padding-bottom: 10px;}
}
	
	
.fixedheader .navbar, .athena.fixedheader .navbar {
	height: 70px;
	position: fixed;
	top: 0px;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	.fixedheader .navbar-nav >li > a {
		padding-left: 6px; 
		padding-right: 6px; 
	}
}

.fixedheader .navbar, .athena.fixedheader .navbar-main {
	webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
}

.events-home-top .row{
	display: flex;
    flex-wrap: wrap;
}

.under+section>.container:first-child {
	padding-top: 20px;
}
 
@media (min-width: 768px) {
	.navbar-main .mainmenu{
		display: none;
	}
}

.athena .navbar-main .mainmenu {
	display: block;
}

.navbar-main .navbar-brand {
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: bottom right;
	text-indent:-9999px;
	font-size: 0px;
	margin: 0px;
	padding: 0px;
	position: absolute;
	width: 200px;
	height: 90px;
	top: auto;
	bottom: 0px;
	right: 30px;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

@media (max-width: 767px) {
	.navbar-brand {
		display: none;
	}
}

.navbar-brand-athena {
	overflow: hidden;
	display: block;
	background-image: url('images/athena-logo-symbol.svg'),url('images/athena-logo-type-el.svg');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	text-indent:-9999px;
	font-size: 0px;
	margin: 0px;
	width: 226px;
	height: 50px;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

.athena .navbar-brand-athena {
	background-image: url('images/athena-logo-symbol.svg'),url('images/athena-logo-type-el.svg'),url('images/athena-logo-blurb-el.svg');
	width: 453px;
	height: 100px;
	width: 408px; 
	height: 90px;
}

.en .navbar-brand-athena {
	background-image: url('images/athena-logo-symbol.svg'),url('images/athena-logo-type-en.svg'),url('images/athena-logo-blurb-en.svg');
}

.fixedheader .navbar-brand-athena {
	background-image: url('images/athena-logo-symbol.svg');
	width: 226px;
	height: 50px;
	top: 10px;
	left: 25px;
}

.athena.fixedheader .navbar-brand-athena {
	background-image: url('images/athena-logo-symbol.svg');
	width: 226px;
	height: 50px;
}

.athena.en.fixedheader .navbar-brand-athena {
	background-image: url('images/athena-logo-symbol.svg');
}


@media (max-width: 991px) {
	.athena .navbar-brand-athena {
		width: 260px; 
		height: 60px; 
	}
}	
	
@media (max-width: 767px) {
	.navbar-brand-athena {width: 226px; height: 50px; }
	.navbar-header-athena {height: 60px;}
	.fixedheader header {height: 60px;}
	.fixedheader .navbar {height: 60px; width: 100%;}
	.fixedheader .navbar-header {height: 60px;}
	.navbar-brand-athena {
		width: 226px; height: 50px; 
		background-image: url('images/athena-logo-symbol.svg')}
	.athena .navbar-header {height: 60px;}
	.athena.fixedheader header {height: 60px;}
	.athena.fixedheader .navbar {height: 60px; width: 100%;}
	.athena.fixedheader .navbar-header {height: 60px;}
	.navbar-header h1 {font-size: 1.1em; top: -4px; left: 80px; max-width: 65%;}
}

.navbar-side {
	font-size: 0.9em;
	min-width: 220px;
}

.athena .navbar-side {
	background-color: #fff;
}

@media (max-width: 991px) {
	.navbar-side > div {float: right;}
}

@media (max-width: 767px) {
	.navbar-nav>li>.dropdown-menu {
		width: 100%;
	}
	.dropdown-menu > li > a {
		white-space: normal;
	}
	.navbar-side {
		font-size: 0.9em;
	}
	.navbar-side.navbar-nav > div {
		float: none;

	}
	.navbar-side > div.social-media {position: relative; top: auto; right: auto;}
	.athena  .navbar-side > div.social-media {position: relative; top: auto; right: auto;}
	.navbar-side > div:first-child > a {padding-right: 10px;}
}	
	
.navbar-side.nav a, 
.navbar-side.nav span {
	color: #adb0b3;
	padding: 3px 15px;
	padding: 0px;
	display: inline-block;
	vertical-align: top;
	text-decoration: none;
}

.navbar-side.nav a:hover {
	color: #4a4c4d;
	background-color: transparent;
	text-decoration: none;
}

.navbar-side.nav a:active {
	color: #ed1c24;
} 

.navbar-main .nav, .navbar-nav {
	font-size: 1.2em;
}

.fixedheader .navbar-main .nav {
	top: 25px;
	left: 160px;
}

.athena.fixedheader .navbar-main .nav {
	top: 10px;
	left: 160px;
}

.fixedheader .navbar-side {
	display: none;
}

@media (max-width: 767px) {
	.fixedheader .navbar-main .nav {top: 0px; left: 0px;}
	.fixedheader .navbar-side {display: block;}
}
	
.navbar-main .nav > li > a, 
.navbar-nav >li > a {
	padding-left: 15px;
	padding-right: 25px;
}

.navbar-nav {
	margin: 0;
	float: none;
}

.navbar-nav>div {
	float: right;
}

.navbar-nav>li>.dropdown-menu {
	border: none;
}

.navbar-nav>li>.dropdown-menu.second {
	margin-left: 200px;
}

.view-institutes>.row {
	margin: 0;
}

.dropdown-menu {
	font-size: 0.9em;
}

.dropdown-menu > li.leaf, .dropdown-menu > li, 
.dropdown-menu ul li.expanded {
/* 	list-style-image: none;
	list-style-type:none;
	padding-left: 15px; */
}

.dropdown-menu > li > a {
	color: #7c7e80;
	padding: 3px 15px;
}

.dropdown-menu > li > a.subitem {
	padding-left: 30px;
}

.dropdown-menu > li > a:hover {
	background-color: transparent;
}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
    color: #10069f;
    text-decoration: none;
    text-decoration-line: none;
    text-decoration-style: initial;
    text-decoration-color: initial;
    background-color: inherit;
    outline: 0;
    outline-color: initial;
    outline-style: initial;
    outline-width: 0px;
}

.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
	background-color: transparent;
	border: none;
}

@media (min-width: 768px) {
	.navbar-main .nav > li > a, .navbar-nav >li > a {
		padding-right: 8px; 
		padding-left: 8px; 
		font-size: 0.9em;
	}
	.view-institutes .container {
		padding: 30px;
	}
	.view-institutes .container.units-home {
		padding: 0 30px 100px;
	}
	.units-home .row {
	    display: flex;
	    flex-wrap: wrap;
	}
	.navbar-main .nav, .navbar-nav {font-size: 1.2em;}
	.dropdown-menu {font-size: 0.9em;}
	.fixedheader .navbar-main .nav {font-size: 1em; left: 75px; left: 105px;}
	.athena.fixedheader .navbar-main .nav {left: 75px;}
	.fixedheader .navbar-brand-athena {background-image: url('images/athena-logo-symbol.svg')}
}	
	
@media (min-width: 992px) {
	.navbar-main .nav, .navbar-nav {font-size: 1em;}
	.dropdown-menu {font-size: 0.8em;}
	.fixedheader .navbar-main .nav {font-size: 1em; left: 105px;}
	.athena.fixedheader .navbar-main .nav {left: 75px;}
	.fixedheader .navbar-brand-athena {background-image: url('images/athena-logo-symbol.svg')}
	.navbar-main .nav > li > a, .navbar-nav > li > a {padding-right: 18px; font-size: 1em;}
}	
	
@media (min-width: 1200px) {
	.navbar-main .nav, .navbar-nav {font-size: 1.15em;}
	.dropdown-menu {font-size: 0.9em;}
	.fixedheader .navbar-main .nav {font-size: 1em; left: 105px;}
	.athena.fixedheader .navbar-main .nav {left: 85px;}
	.fixedheader .navbar-brand-athena {background-image: url('images/athena-logo-symbol.svg')}
	.en.fixedheader .navbar-brand-athena {background-image: url('images/athena-logo-symbol.svg')}
	.athena.fixedheader .navbar-brand-athena {background-image: url('images/athena-logo-symbol.svg');}
	.en.athena.fixedheader .navbar-brand-athena {background-image: url('images/athena-logo-symbol.svg');}
	.fixedheader .showlogotext .navbar-brand-athena {background-image: url('images/athena-logo-symbol.svg'),url('images/athena-logo-type-el.svg');}
	.en.fixedheader .showlogotext .navbar-brand-athena {background-image: url('images/athena-logo-symbol.svg'),url('images/athena-logo-type-en.svg');}
	.navbar-main .nav > li > a, .navbar-nav >li > a {padding-right: 25px;}
}	
	
.navbar-main .nav > li:last-child > a,
.navbar-nav > li:last-child > a, 
.fixedheader .navbar-main .nav > li:last-child > a {
	padding-right: 0px;
}
	
.navbar-tog/*=======================================*/
/*==
/*==  section colors
/*==
/*=======================================*/

.fromwhite > .container:first-child
{
background-image: url("images/bg-top-white.png");
background-repeat: no-repeat;
background-position: top left;
}

.fromgrey > .container:first-child
{
background-image: url("images/bg-top-grey.png");
background-repeat: no-repeat;
background-position: top left;
}

.fromlightgrey > .container:first-child
{
background-image: url("images/bg-top-lightgrey.png");
background-repeat: no-repeat;
background-position: top left;
}

.towhite > .container
{
background-color: #ffffff;
}

.togrey > .container
{
background-color: #d7dbde;
}

.tolightgrey > .container
{
background-color: #ebeced;
}

.section-video-home.fromwhite  .container.video-home .topcorner
{
background-image: url("images/bg-top-white.png");
}

.section-video-home.fromgrey  .container.video-home .topcorner
{
background-image: url("images/bg-top-grey.png");
}

.section-video-home.fromlightgrey  .container.video-home .topcorner
{
background-image: url("images/bg-top-lightgrey.png");
}

.fromtransparent.towhite > .container:first-child
{
background-color: transparent;
background-repeat: no-repeat;
background-position: top left;
}

section
{

}

	@media (max-width: 767px) {.section-header+section {margin-top: 0px;}}

section > .container
{
padding: 30px;
padding-top: 10px;
padding-bottom: 0px;
min-height: 100px;
}

section > .container:first-child 
{
padding-top: 100px;
}

header+section > .container:first-child 
{
padding-top: 10px;
}

/* section.section-slider-home+section > .container:first-child 
{
padding-top: 10px;
} */

	@media (max-width: 1199px) {section > .container:first-child {padding-top: 100px;}}
	@media (max-width: 991px) {section > .container:first-child {padding-top: 100px;}}
	@media (max-width: 767px) {section > .container:first-child {padding-top: 100px;} header+section > .container:first-child {padding-top: 0px;}}

	@media (max-width: 767px)
	{

	section > .container
		{
		padding: 15px;
		padding-top: 15px;
		padding-bottom: 15px;
		min-height: 50px;
		}
		
	}
	
#wrap-inner > section:last-of-type > .container:last-of-type
{
padding-bottom: 130px;
}

/*=======================================*/
/*==
/*==  elements
/*==
/*=======================================*/

@keyframes aaBgShell1
{
from {background-position: 0% 100%;}
to {background-position: 100% 0%;}
}

@keyframes aaBgShell2
{
from {background-position: 0% 100%;}
to {background-position: 0% 0%;}
}

#wrap
{
padding-bottom: 0px;
}

@media (min-width: 768px)
{
	body
	{
	background-image: url("images/bg-shell-lines.gif");
	background-repeat: repeat;
	background-attachment: fixed;
	}

	#wrap
	{
	background-repeat: repeat;
	background-size: 800px;
	background-attachment: fixed;
	}
}


#wrap-inner
{
z-index: 100;
width: 100%;
margin: auto;
border: none;
overflow-x: hidden;
}

@media (min-width: 768px) 
	{
	#wrap-inner 
		{
		webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
		-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
		box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
		width: 750px;
		}
	}
@media (min-width: 992px) {#wrap-inner {width: 970px;}}
@media (min-width: 1200px) {#wrap-inner {width: 1170px;}}

.animated
{
-webkit-transition: all 0.2s;
transition: all 0.2s;
}

h1.inlineblock, h2.inlineblock, h3.inlineblock, h4.inlineblock
{
display: inline-block;
}

.section-article-simple h2
{

}

h2 span.light
{
font-size: 0.6em;
color: #7c7e80;
}

.section-article-simple h2, .section-article-simple h3, .section-article-simple h4
{
margin-bottom: 0.8em;
}

.section-article-simple p+h2, .section-article-simple ul+h2
{
margin-top: 1.7em;
}

.section-article-simple p+h3, .section-article-simple ul+h3
{
margin-top: 1.5em;
}

.section-article-simple p+h4, .section-article-simple ul+h4
{
margin-top: 1.5em;
}

a
{
color: inherit;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}

a:hover, a:hover h1, a:hover h2, a:hover h3, a:hover h4
{
text-decoration: underline;
}

a:active, a:active h1, a:active h2, a:active h3, a:active h4
{
text-decoration: none;
}

a:visited, a:visited h1, a:visited h2, a:visited h3, a:visited h4
{
color: inherit;
}

a.more
{
font-weight: bold;
}

button, input.button
{
background-color: transparent;
font-family: "Titlefont", Arial, sans-serif;
font-weight: bold;
font-size: 1.2em;
padding: 5px;
padding-left: 20px;
padding-right: 20px;
outline: 0px;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}

button:hover, input.button:hover
{
outline: 0px;
}

button:active, input.button:active
{
outline: 0px;
}

input.button
{
font-size: inherit;
}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus 
{
outline: none;
outline-offset: 0px;
}

.btn.active, .btn:active 
{
background-image: none;
outline: 0;
-webkit-box-shadow: none;
box-shadow: none;
}

.dropdown-menu
{
border: none;
border-radius: 0px;
}

.dropdown button
{
border: none;
border-radius: 0px;
}

nav
{
background-color: inherit;
}

.navbar
{
margin-bottom: 0px;
}

.navbar-main
{
background-color: inherit;
border: none;
}

.topspace
{
padding-top: 2em;
}

.container, .container-fluid
{
padding: 20px;
background-color: #ffffff;
}

	@media (max-width: 767px)
	{
		.container, .container-fluid
		{
		padding: 15px;
		background-color: #ffffff;
		}
	}

.container-fluid
{

}

.container .col, .container-fluid .col
{
padding-top: 0px;
padding-bottom: 0px;
}



textarea:focus,
select:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {  
box-shadow: none;
outline: 3px solid #ebeced;
outline: none;
}

input[type=checkbox], input[type=radio] 
{
margin: 0px;
margin-top: 3px;
margin-right: 3px;
}


.athena-brand
{
width: 453px;
height: 100px;
overflow: hidden;
display: block;
background-image: url('images/athena-logo-symbol.svg'),url('images/athena-logo-type-el.svg'),url('images/athena-logo-blurb-el.svg');
background-repeat: no-repeat;
background-size: 100% 100%;
text-indent:-9999px;
font-size: 0px;
margin: 0px;
padding: 0px;
}

body.en .athena-brand
{
background-image: url('images/athena-logo-symbol.svg'),url('images/athena-logo-type-en.svg'),url('images/athena-logo-blurb-en.svg');
}

.athena-brand.inverted
{
background-image: url('images/athena-logo-symbol-inv.svg'),url('images/athena-logo-type-el-inv.svg'),url('images/athena-logo-blurb-el-inv.svg');
}

body.en .athena-brand.inverted
{
background-image: url('images/athena-logo-symbol-inv.svg'),url('images/athena-logo-type-en-inv.svg'),url('images/athena-logo-blurb-en-inv.svg');
}

	@media (max-width: 1199px)
	{
		.athena-brand {width: 400px; height: 88px;}
		.athena-brand {width: 350px; height: 77px;}
	}
	
figure
{
float: right;
margin: 2em;
margin-top: 0px;
margin-right: 0px;
}

figure img
{
max-width: 400px;
max-height: 400px;
}

figure figcaption
{
margin-top: 1em;
font-size: 0.8em;
text-align: center;
}

.breadcrumb 
{
padding: 0px;
margin-bottom: 0px;
list-style: none;
background-color: transparent;
border-radius: 0px;
font-family: "Titlefont", Arial, sans-serif;
}

	@media (max-width: 767px)
	{

	}

.breadcrumb>li+li:before 
{
padding: 0 5px;
color: #352626;
content: "/\00a0";
}

section.section-header h1
{
margin-top: 0.3em;
padding-top: 0px;
}

ul.nav li:hover ul.dropdown-menu{ display: block; }

.btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open>.dropdown-toggle.btn-primary
{
color: inherit;
background-color: transparent;
border: none;
}

.row.spaced
{
margin-bottom: 2em;
}

ul.publications
{
margin-left: 0px;
padding-left: 0px;
list-style-type: none;
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}

ul.publications li
{
margin-bottom: 1em;
display: inline-block;
}



.margintop
{
margin-top: 2em;
}



/*=======================================*/
/*==
/*==  filters
/*==
/*=======================================*/

#filters
{
display: none;
}

#filters legend 
{
display: block;
width: 90%;
padding: 0;
margin-bottom: 0.5em;
font-size: inherit;
line-height: inherit;
color: #333;
border: 0;
border-bottom: 1px solid #d7dbde;
}

#filters select
{
width: 90%;
border-radius: 0px;
border: 1px solid #d7dbde;
}




/*=======================================*/
/*==
/*==  social media
/*==
/*=======================================*/

.facebook {background-repeat: no-repeat; background-image: url("images/sm-facebook.svg");}
.facebook:hover {background-image: url("images/sm-facebook-o.svg");}
.flickr {background-repeat: no-repeat; background-image: url("images/sm-flickr.svg");}
.flickr:hover {background-image: url("images/sm-flickr-o.svg");}
.instagram {background-repeat: no-repeat; background-image: url("images/sm-instagram.svg");}
.instagram:hover {background-image: url("images/sm-instagram-o.svg");}
.linkedin {background-repeat: no-repeat; background-image: url("images/sm-linkedin.svg");}
.linkedin:hover {background-image: url("images/sm-linkedin-o.svg");}
.pinterest {background-repeat: no-repeat; background-image: url("images/sm-pinterest.svg");}
.pinterest:hover {background-image: url("images/sm-pinterest-o.svg");}
.tumblr {background-repeat: no-repeat; background-image: url("images/sm-tumblr.svg");}
.tumblr:hover {background-image: url("images/sm-tumblr-o.svg");}
.twitter {background-repeat: no-repeat; background-image: url("images/sm-twitter.svg");}
.twitter:hover {background-image: url("images/sm-twitter-o.svg");}
.vimeo {background-repeat: no-repeat; background-image: url("images/sm-vimeo.svg");}
.vimeo:hover {background-image: url("images/sm-vimeo-o.svg");}
.wordpress {background-repeat: no-repeat; background-image: url("images/sm-wordpress.svg");}
.wordpress:hover {background-image: url("images/sm-wordpress-o.svg");}
.youtube {background-repeat: no-repeat; background-image: url("images/sm-youtube.svg");}
.youtube:hover {background-image: url("images/sm-youtube-o.svg");}

ul.social-media li
{
float: left;
width: 20px;
height: 20px;
background-size: 100% 100%;
margin-right: 2px;
}

ul.social-media li a
{
display: block;
text-indent: -9999px;
font-size: 0px;
width: 20px;
height: 20px;
}

/*=======================================*/
/*==
/*==  header
/*==
/*=======================================*/

header
{
background-color: inherit;
height: 150px;
position: relative;
background-color: #ffffff;
}

	@media (max-width: 991px) 
	{
	header {height: 150px;}
	}	
	
	@media (max-width: 767px) 
	{
	header {height: 60px; position: fixed; top: 0px; width: 100%; z-index: 9999;}
	header + section, header + section.section-slider-home {margin-top: 0px;}
	}
	
header nav
{
font-family: "Titlefont", Arial, sans-serif;
}

header > .navbar
{
background-color: #ffffff;
background-color: transparent;
border-radius: 0px;
border: 0px;
position: relative;
top: 0px;
z-index: 9999;
}

header > .navbar > .container
{
padding: 0px;
background-color: transparent;
}

header > .navbar.navbar-main .navbar-header
{
width: 100%;
height: 75px;
background-color: #ffffff;
margin: 0px;
}


body.fixedheader header > .navbar.navbar-main .navbar-header
{
width: 100px;
height: 70px;
background-color: #ffffff;
margin: 0px;
}

header > .navbar.navbar-main .navbar-header h1
{
color: #ffffff;
position: absolute;
/* top: 60px; */
top: 68px;
left: 30px;
font-size: 1.5em;
}

body.fixedheader header > .navbar.navbar-main .navbar-header h1
{
font-size: 1.3em;
top: -7px;
left: 120px;
}

@media (max-width: 991px)
{
	body.fixedheader header > .navbar.navbar-main .navbar-header h1
	{
	top: -7px;
	left: 90px;
	left: 120px;
	}
}

body.athena header > .navbar.navbar-main .navbar-header h1
{
display: none;
}

header > .navbar.navbar-main
{
height: 70px;
height: 150px;
z-index: 9990;
padding: 0px;
background-color: #ffffff;
border-bottom: 1px solid #ffffff;
}

body.fixedheader header > .navbar.navbar-main
{
border-bottom: none;
}

header > .navbar.navbar-side
{
height: 70px;
width: 500px;
z-index: 9999;
padding: 0px;
position: absolute;
top: 0px;
right: 0px;
}

	@media (max-width: 767px) 
	{
	header > .navbar.navbar-side {width: 100%; height: auto; top: 70px; display: none; border-right: 1px solid #d7dbde;}
	header > .navbar.navbar-side > .container {width: 100%;}
	header > .navbar {height: 68px;}
	header > .navbar > .container {padding: 0px;}
	header > .navbar.navbar-side .menu {float: left;}
	header > .navbar.navbar-side ul.menu {padding-left: 0px;}
	header > .navbar.navbar-side .menu.social-media {float: right;}
	header > .navbar.navbar-side .menu.undercons {display: none;}
	}
	
	@media (min-width: 768px)
	{
	.navbar-nav>li>a {padding-bottom: 10px;}
	}
	
	
body.fixedheader header > .navbar, body.athena.fixedheader header > .navbar
{
height: 70px;
position: fixed;
top: 0px;
}

body.fixedheader header > .navbar-main, body.athena.fixedheader header > .navbar-main
{
webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
}

header.under+section>.container:first-child
{
padding-top: 20px;
}
 
body.fixedheader header.under > .navbar.navbar-main
{

}

@media (min-width: 768px)
{
	header > .navbar.navbar-main .mainmenu
	{
	display: none;
	}
}

body.athena header > .navbar.navbar-main .mainmenu
{
display: block;
}

header .navbar-main .navbar-brand
{
overflow: hidden;
display: block;
background-repeat: no-repeat;
text-indent:-9999px;
font-size: 0px;
margin: 0px;
padding: 0px;
position: absolute;
top: auto;
bottom: 5px;
-webkit-transition: all 0.5s;
transition: all 0.5s;
right: 20px;
width: 200px;
height: 60px;
background-size: auto 100%;
background-position: center right;
}

body.fixedheader header .navbar-main .navbar-brand
{
width: 200px;
height: 60px;
top: 5px;
bottom: auto;
background-size: auto 60px;
background-size: auto 100%;
background-position: center right;
}

@media (max-width: 767px)
{
	header .navbar-main .navbar-brand
	{
	display: none;
	}
}

header .navbar-main .navbar-brand-athena
{
overflow: hidden;
display: block;
background-image: url('images/athena-logo-symbol.svg'),url('images/athena-logo-type-el.svg');
background-repeat: no-repeat;
background-size: 100% 100%;
text-indent:-9999px;
font-size: 0px;
margin: 0px;
position: absolute;
width: 226px;
height: 50px;
/* top: 6px; */
top: 12px;
left: 25px;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}

body.athena header .navbar-main .navbar-brand-athena
{
background-image: url('images/athena-logo-symbol.svg'),url('images/athena-logo-type-el.svg'),url('images/athena-logo-blurb-el.svg');
width: 453px;
height: 100px;
width: 408px; 
height: 90px;
top: 12px;
left: 20px;
}

body.en header .navbar-main .navbar-brand-athena
{
background-image: url('images/athena-logo-symbol.svg'),url('images/athena-logo-type-en.svg'),url('images/athena-logo-blurb-en.svg');
}

body.fixedheader header .navbar-main .navbar-brand-athena
{
background-image: url('images/athena-logo-symbol.svg');
width: 226px;
height: 50px;
top: 10px;
left: 25px;
}

body.athena.fixedheader header .navbar-main .navbar-brand-athena
{
background-image: url('images/athena-logo-symbol.svg');
width: 226px;
height: 50px;
top: 10px;
left: 25px;
}

body.athena.en.fixedheader header .navbar-main .navbar-brand-athena
{
background-image: url('images/athena-logo-symbol.svg');
}


	@media (max-width: 991px)
	{
		body.athena header .navbar-main .navbar-brand-athena {background-image: url(images/athena-logo-symbol.svg),url(images/athena-logo-type-el.svg);}
	}	
	
	@media (max-width: 767px)
	{
		header > .navbar.navbar-main .navbar-header {height: 60px; width: 70px;}
		header .navbar-main .navbar-brand-athena {width: 226px; height: 50px; left: 10px;}
		header .navbar-header-athena {height: 60px;}
		body.fixedheader header {height: 60px;}
		body.fixedheader header > .navbar {height: 60px; width: 100%;}
		body.fixedheader header .navbar-main .navbar-brand-athena {top: 10px; left: 10px;}
		body.fixedheader header .navbar-header {height: 60px;}
		body header .navbar-main .navbar-brand-athena {width: 226px; height: 50px; top: 5px; left: 10px; background-image: url('images/athena-logo-symbol.svg')}
		body.athena header .navbar-main .navbar-brand-athena {background-image: url(images/athena-logo-symbol.svg),url(images/athena-logo-type-el.svg),url(images/athena-logo-blurb-el.svg); width: 226px; height: 50px; top: 5px; left: 10px;}
		body.athena header .navbar-header {height: 60px;}
		body.athena.fixedheader header {height: 60px;}
		body.athena.fixedheader header > .navbar {height: 60px; width: 100%;}
		body.athena.fixedheader header .navbar-main .navbar-brand-athena {top: 10px; left: 10px;}
		body.athena.fixedheader header .navbar-header {height: 60px;}
		body header > .navbar.navbar-main {height: 60px;}
		header > .navbar.navbar-main .navbar-header h1 {font-size: 1.1em; top: -4px; left: 80px; max-width: 65%;}
	}


header .navbar-side .nav
{
font-size: 0.85em;
position: absolute;
top: 10px;
right: 20px;
min-width: 220px;
}

body.athena header .navbar-side .nav
{
top: 10px;
}

	@media (max-width: 991px)
	{
		header .navbar-side .nav {top: 5px;}
		header .navbar-side .nav > li {float: right;}
		body.athena header .navbar-side .nav > li.social-media {position: absolute; top: 30px; right: 5px;}
		header .navbar-side .nav > li:first-child > a {padding-right: 10px;}
	}

	@media (max-width: 767px)
	{
		header .navbar-side .nav {top: auto; font-size: 0.9em;}
		header .navbar-side .nav > li {float: left;}
		header .navbar-side .nav > li.social-media {position: relative; top: auto; right: auto;}
		body.athena header .navbar-side .nav {top: 0px;}
		body.athena header .navbar-side .nav > li.social-media {position: relative; top: auto; right: auto;}
		header .navbar-side .nav > li:first-child > a {padding-right: 10px;}
	}	
	
header .navbar-side .nav>li>a
{
color: #adb0b3;
}

header .navbar-side .nav>li>a:hover
{
color: #4a4c4d;
background-color: transparent;
}

header .navbar-side .nav>li>a:active
{
color: #ed1c24;
} 

header .navbar-main .nav
{
font-size: 1.2em;
position: absolute;
top: 100px;
left: 15px;
z-index: 1000;
}

body.fixedheader header .navbar-main .nav
{
top: 25px;
left: 160px;
}

body.athena.fixedheader header .navbar-main .nav
{
top: 10px;
left: 160px;
}

body.fixedheader header .navbar-side
{
display: none;
}

	@media (max-width: 767px)
	{
	body.fixedheader header .navbar-main .nav {top: 0px; left: 0px;}
	body.fixedheader header .navbar-side .nav {display: block;}
	}
	
header .navbar-main .nav > li > a
{
padding-left: 15px;
padding-right: 25px;
}

.navbar-nav>li>.dropdown-menu
{
border: none;
}

.navbar-nav>li>.dropdown-menu.second
{
margin-left: 200px;
}

.dropdown-menu
{
font-size: 0.9em;
}

.dropdown-menu > li > a
{
color: #7c7e80;
padding: 3px 15px;
}

.dropdown-menu > li > a.title
{
color: #4a4c4d;
}

.dropdown-menu > li > a.subitem
{
padding-left: 30px;
}

.dropdown-menu > li > a:hover
{
background-color: transparent;
}

.nav .open>a, .nav .open>a:focus, .nav .open>a:hover
{
background-color: transparent;
border: none;
}

	@media (min-width: 768px)
	{
		header .navbar-main .nav {font-size: 1em;}
		.dropdown-menu {font-size: 0.9em;}
		body.fixedheader header .navbar-main .nav {font-size: 1em; left: 75px; left: 105px;}
		body.athena.fixedheader header .navbar-main .nav {left: 75px;}
		body.fixedheader header .navbar-main .navbar-brand-athena {background-image: url('images/athena-logo-symbol.svg')}
	}	
	
	@media (min-width: 992px)
	{
		header .navbar-main .nav {font-size: 1em;}
		.dropdown-menu {font-size: 0.8em;}
		body.fixedheader header .navbar-main .nav {font-size: 1em; left: 105px;}
		body.athena.fixedheader header .navbar-main .nav {left: 75px;}
		body.fixedheader header .navbar-main .navbar-brand-athena {background-image: url('images/athena-logo-symbol.svg')}
	}	
	
	@media (min-width: 1200px)
	{
		header .navbar-main .nav {font-size: 1.15em;}
		.dropdown-menu {font-size: 0.8em;}
		body.fixedheader header .navbar-main .nav {font-size: 1em; left: 105px;}
		body.athena.fixedheader header .navbar-main .nav {left: 85px;}
		body.fixedheader header .navbar-main .navbar-brand-athena {background-image: url('images/athena-logo-symbol.svg')}
		body.en.fixedheader header .navbar-main .navbar-brand-athena {background-image: url('images/athena-logo-symbol.svg')}
		body.athena.fixedheader header .navbar-main .navbar-brand-athena {background-image: url('images/athena-logo-symbol.svg');}
		body.en.athena.fixedheader header .navbar-main .navbar-brand-athena {background-image: url('images/athena-logo-symbol.svg');}
		body.fixedheader header .navbar-main.showlogotext .navbar-brand-athena {background-image: url('images/athena-logo-symbol.svg'),url('images/athena-logo-type-el.svg');}
		body.en.fixedheader header .navbar-main.showlogotext .navbar-brand-athena {background-image: url('images/athena-logo-symbol.svg'),url('images/athena-logo-type-en.svg');}
	}	
	
	
	
	@media (min-width: 768px)
	{
 		header .navbar-main .nav > li > a {padding-left: 14px; padding-right: 0px; font-size: 0.75em;}
	}	
	
	@media (min-width: 992px)
	{
 		header .navbar-main .nav > li > a {padding-right: 9px; font-size: 0.9em;}
	}	
	
	@media (min-width: 1200px)
	{
		header .navbar-main .nav > li > a {padding-right: 25px; font-size: 0.9em;}
	}

header .navbar-main .nav > li:last-child > a, body.fixedheader header .navbar-main .nav > li:last-child > a
{
padding-right: 0px;
}
	
header .navbar-header button.navbar-toggle, header .navbar-header button.navbar-toggle.collapsed
{
float: right;
width: 35px;
height: 35px;
text-indent: -9999px;
z-index: 1000;
position: absolute;
right: -5px;
top: 4px;
border-radius: 0px;
background-color: #ffffff;
border: none;
padding: 0px;
}

header .navbar-header button.navbar-showmain, header .navbar-header button.navbar-showmain:hover, header .navbar-header button.navbar-showmain:active
{
width: 50px;
height: 50px;
text-indent: -9999px;
z-index: 1000;
position: absolute;
left: 25px;
top: 10px;
border-radius: 0px;
background-color: transparent;
border: none;
padding: 0px;
display: none;
}

body.fixedheader header .navbar-header button.navbar-showmain
{
display: block;
}

.navbar-main .navbar-toggle:focus, .navbar-main .navbar-toggle:hover, .navbar-main .navbar-toggle:active
{
background-color: #10069f;
}

header .navbar-header button.navbar-toggle .icon-bar
{
background-color: #adb0b3;
height: 2px;
width: 22px;
margin-left: 7px;
margin-top: 6px;
margin-bottom: 6px;
}

.navbar-main .navbar-nav>.open>a, .navbar-main .navbar-nav>.open>a:focus, .navbar-main .navbar-nav>.open>a:hover 
{
color: #10069f;
background-color: inherit;
}

.navbar-main .navbar-nav>li>a
{
background-color: transparent;
color: #10069f;
color: #7c7e80;
}

.navbar-main .navbar-nav>li>a:hover
{
background-color: transparent;
color: #10069f;
}


	@media (min-width: 768px)
	{
		header .navbar-header button.navbar-toggle 
		{
		display: none;
		}
	}	
	
	@media (max-width: 768px)
	{

	}

.button-font
{
width: 20px;
height: 20px;
padding: 0px;
text-indent: -9999px;
}

header ul.social-media
{
padding-top: 15px;
padding-bottom: 15px;
padding-left: 0px;
}

header li ul.pull-right
{
margin-right: 25px;
}

header li:last-child ul.pull-right
{
margin-right: -17px;
}

header ul.pull-right li
{
text-align: right;
}

@media (max-width: 1199px) { header li ul.pull-right{margin-right: 10px;} header li:last-child ul.pull-right{margin-right: -17px;} }
@media (max-width: 991px) { header li ul.pull-right{margin-right: -7px;} header li:last-child ul.pull-right{margin-right: -17px;} }
@media (max-width: 767px) { header li ul.pull-right{margin-right: 10px;} header li:last-child ul.pull-right{margin-right: -17px;} }


	@media (max-width: 767px)
	{
		.container-fluid>.navbar-collapse, .container>.navbar-collapse
		{
		margin: 0px;
		}		
		
		.navbar-collapse, .navbar-main
		{
		border: none;
		}
		
		.navbar-collapse.in
		{
		overflow: visible;
		}
		
		.navbar-nav>li>a
		{
		padding-bottom: 0px;
		line-height: auto;
		}
		
		.navbar-nav .open .dropdown-menu>li>a
		{
		padding-bottom: 0px;
		line-height: auto;
		}
		
		.dropdown-toggle .caret {margin-left: 5px;}

		header .navbar-main .nav
		{
		font-size: 1.1em;
		position: relative;
		top: auto;
		left: auto;
		z-index: 1000;
		border: 1px solid #d7dbde;
		background-color: #ffffff;
		margin: 0px;
		padding-top: 45px;
		padding-bottom: 20px;
		webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
		-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
		box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
		}
		
		header .navbar-main .nav > li
		{
		display: block;
		width: 50%;
		float: left;
		height: 2.5em;
		line-height: 100%;
		}
		
		header .navbar-main .nav > li > a
		{
		height: 2.5em;
		overflow: hidden;
		}
		
		ul.nav li:hover ul.dropdown-menu
		{
		display: none;
		}
		
		header .navbar-main .nav .dropdown-menu.pull-right
		{
		float: none !important;
		}
		
		header .navbar-side .nav 
		{
		position: relative;
		top: 0px;
		right: auto;
		z-index: 1000;
		left: 0px;
		padding-left: 15px;
		width: auto;
		height: auto;
		}

		header ul.social-media {padding-top: 10px; padding-bottom: 0px; padding-left: 15px;}
		
		header ul.pull-right li {text-align: left;}

	}	
	
	@media (max-width: 767px) and (max-height: 400px) 
	{
		header .navbar-main .nav {padding-bottom: 50px;}
		
		header .navbar-main .nav > li 
		{
		position: relative;
		display: inline-block;
		width: 30%;
		float: left;
		}
		
		header .navbar-main .nav.dropdown-menu {min-width: 10px; max-width: 100%;}
		
		.navbar-nav > li > a {line-height: 15px;}
		
		
	}

/*=======================================*/
/*==
/*==  searchbox
/*==
/*=======================================*/

.section-searchbox
{
width: 100%;
display: none;
}

.section-searchbox > .container
{
background-color: #d7dbde;
background-color: #adb0b3;
color: #ffffff;
padding-top: 15px;
padding-bottom: 15px;
min-height: auto;
}

section.section-searchbox > .container:first-child 
{
padding-top: 15px;
}

.section-searchbox > .container .row
{
padding-top: 0px;
padding-bottom: 0px;
}

.section-searchbox form
{
padding: 0px;
margin: 0px;
}

.section-searchbox form input
{
color: #4a4c4d;
border: 3px solid #adb0b3;
border: 3px solid #d7dbde;
font-family: "Titlefont", Arial, sans-serif;
font-weight: bold;
font-size: 1.4em;
padding: 5px;
padding-left: 20px;
padding-right: 20px;
width: 100%;
background-color: #ffffff;
}

.section-searchbox form input:focus
{
background-color: #ebeced;
background-color: #ffffff;
}

.section-searchbox form button
{
border: 3px solid #adb0b3;
width: 100%;
}


/*=======================================*/
/*==
/*==  slider-home
/*==
/*=======================================*/

.section-slider-home
{
width: 100%;
height: 360px;
margin: 0px;
position: relative;
overflow: hidden;
}

.section-slider-home > .container
{
height: 360px;
padding: 0px;
position: relative;
margin-bottom: 100px;
background-image: url("images/bg-slider-home.gif");
background-repeat: repeat;
background-color: #ffffff;
border-left: 1px solid #d7dbde;
border-right: 1px solid #d7dbde;
}

.section-slider-home > .container:first-child
{
padding-top: 0px;
}

.section-slider-home .slider-home-indicator
{
position: absolute;
display: none;
}


.section-slider-home .slider-home-bgs
{
width: 100%;
height: 200px;
position: absolute;
overflow: hidden;
z-index: 10;
}

.section-slider-home .slider-home-bgs .item
{
width: 100%;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
background-size: cover;
display: none;
}

.section-slider-home .slider-home-bgs .item:first-child
{
display: block;
}

.section-slider-home .slider-home-slash
{
width: 100%;
height: 257px;
height: 280px;
position: absolute;
top: 100px;
z-index: 20;
background-image: url('images/section-slider-slash-m.png');
background-repeat: no-repeat;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}

.section-slider-home.grey .slider-home-slash
{
background-image: url('images/section-slider-slash-grey-m.png');
}

.section-slider-home .slider-home-texts
{
width: 100%;
height: 100%;
position: absolute;
overflow: hidden;
z-index: 30;
}

.section-slider-home .slider-home-texts .item
{
width: 100%;
position: absolute;
padding: 30px;
top: 160px;
left: 0px;
display: none;
}

.section-slider-home .slider-home-texts .item:first-child
{
display: block;
}

.section-slider-home .slider-home-texts .item h1
{
color: #10069f;
font-size: 2em;
max-width: 80%;
}

.section-slider-home .slider-home-texts .item p
{
max-width: 60%;
color: #ffffff;
font-family: "Titlefont", Arial, sans-serif;
font-size: 1.2em;
line-height: 130%;
}

.section-slider-home .slider-home-texts .item button
{
position: absolute;
right: 30px;
top: 100px;
}

.section-slider-home .slider-home-texts .item button
{
background-color: #ffffff;
}

	@media (min-width: 768px)
	{
		/* .section-slider-home .slider-home-slash {width: 750px; top: 138px;} */
		.section-slider-home .slider-home-slash {width: 750px; top: 115px;}
		.section-slider-home, .section-slider-home > .container {height: 394px;}
		.section-slider-home .slider-home-bgs {height: 224px;}
		/* .section-slider-home .slider-home-texts .item {top: 197px;} */
		.section-slider-home .slider-home-texts .item {top: 174px;}
		/* .section-slider-home .slider-home-texts .item button {top: 132px;} */
		.section-slider-home .slider-home-texts .item button {top: 155px;}
	}	
	
	@media (min-width: 992px)
	{
		/* .section-slider-home .slider-home-slash {width: 970px; top: 203px;} */
		.section-slider-home .slider-home-slash {width: 970px; top: 180px;}
		.section-slider-home, .section-slider-home > .container {height: 460px;}
		.section-slider-home .slider-home-bgs {height: 289px;}
		/* .section-slider-home .slider-home-texts .item {top: 260px;} */
		.section-slider-home .slider-home-texts .item {top: 237px;}
		/* .section-slider-home .slider-home-texts .item button {top: 108px;} */
		.section-slider-home .slider-home-texts .item button {top: 131px;}
	}	

	@media (min-width: 1200px)
	{
		/* .section-slider-home .slider-home-slash {width: 1170px; top: 264px;} */
		.section-slider-home .slider-home-slash {width: 1170px; top: 241px;}
		.section-slider-home, .section-slider-home > .container {height: 521px;}
		.section-slider-home .slider-home-bgs {height: 350px;}
		/* .section-slider-home .slider-home-texts .item {top: 320px;} */
		.section-slider-home .slider-home-texts .item {top: 297px;}
		/* .section-slider-home .slider-home-texts .item button {top: 99px;} */
		.section-slider-home .slider-home-texts .item button {top: 122px;}
	}
	
	@media (max-width: 767px)
	{
		.section-slider-home .slider-home-slash {background-image: url('images/section-slider-slash-grey-s.png');}
		.section-slider-home.grey .slider-home-slash {background-image: url('images/section-slider-slash-grey-s.png');}
		.section-slider-home .slider-home-slash {width: 100%; top: 40px;}
		.section-slider-home, .section-slider-home > .container {height: 297px;}
		.section-slider-home .slider-home-bgs {height: 130px;}
		.section-slider-home .slider-home-texts {font-size: 0.7em;}
		.section-slider-home .slider-home-texts .item {top: 120px; padding: 15px;}
		/* .section-slider-home .slider-home-texts .item button {top: 85px; right: 10px;} */
		.section-slider-home .slider-home-texts .item button {top: 140px; right: 10px;}
	}	
	
	@media (max-width: 320px)
	{
		.section-slider-home .slider-home-slash {width: 100%; top: 4px;}
		.section-slider-home, .section-slider-home > .container {height: 260px;}
		.section-slider-home .slider-home-bgs {height: 90px;}
		.section-slider-home .slider-home-texts {font-size: 0.7em;}
		.section-slider-home .slider-home-texts .item {top: 65px; padding: 15px;}
		.section-slider-home .slider-home-texts .item button {top: 162px; right: 10px;}
		.section-slider-home .slider-home-texts .item p {max-width: 100%;}
	}

/*=======================================*/
/*==
/*==  institutes-units-home
/*==
/*=======================================*/

.section-institutes-units-home > .container:first-child
{

}

	@media (max-width: 767px)
	{
	.section-institutes-units-home > .container:first-child {padding-top: 20px;}
	}

.section-institutes-units-home > .container:last-child
{

}

.section-institutes-units-home h2
{
/* margin-bottom: 0px; */
}

.section-institutes-units-home .institutes-home h3
{
color: #7c7e80;
margin-right: 150px;
display: inline-block;
vertical-align: text-top;
padding-bottom: 20px;
padding-right: 120px;
/* border-bottom: 1px solid #7c7e80; */
background-position: top right;
background-repeat: no-repeat;
font-size: 1.4em;
margin-right: 0px;
/* padding-bottom: 20px; */
padding-bottom: 0px;
padding-right: 0px;
}

.section-institutes-units-home .institutes-home h3:last-child
{
margin-right: 0px;
}
	
.section-institutes-units-home .units-home h3
{
color: #7c7e80;
margin-right: 70px;
display: inline-block;
vertical-align: text-top;
font-size: 1.2em;
margin-right: 0px;
padding-bottom: 0px;
padding-right: 0px;
}

.section-institutes-units-home .units-home h3:last-child
{
margin-right: 0px;
}

.section-institutes-units-home h3:hover a {text-decoration: none;}

.section-institutes-units-home h3.iel {background-image: url('images/home-logos-iel.jpg'); padding-right: 92px;}
.section-institutes-units-home h3.inbis {background-image: url('images/home-logos-inbis.jpg'); padding-right: 134px;}
.section-institutes-units-home h3.ipsy {background-image: url('images/home-logos-ipsy.jpg'); padding-right: 105px;}

.section-institutes-units-home h3.iel:hover a {color:#3a9fe1;}
.section-institutes-units-home h3.inbis:hover a {color: #dfb020;}
.section-institutes-units-home h3.ipsy:hover a {color: #7d59b3;}
.section-institutes-units-home h3.corallia:hover a {color: #eb6f00;}
.section-institutes-units-home h3.modiap:hover a {color: #03a99b;}
.section-institutes-units-home h3.mamp:hover a {color:#86a607;}
.section-institutes-units-home h3.pedite:hover a {color:#00a607;}
.section-institutes-units-home h3.robotic:hover a {color:#c11fd0;}

	@media (max-width: 1199px)
	{
		.section-institutes-units-home .institutes-home h3 {padding-bottom: 15px; margin-right: 50px;}
		.section-institutes-units-home .units-home h3 {padding-bottom: 15px; margin-right: 50px;}
	}	
	
	@media (max-width: 991px)
	{
		.section-institutes-units-home .institutes-home h3 {padding-bottom: 10px; margin-right: 35px; background-size: auto 42px; background-position: right 5px;}
		.section-institutes-units-home h3.iel {padding-right: 60px;}
		.section-institutes-units-home h3.inbis {padding-right: 85px;}
		.section-institutes-units-home h3.ipsy {padding-right: 65px; margin-right: 0px;}
		.section-institutes-units-home .units-home h3 {font-size: 1.3em; padding-bottom: 10px; margin-right: 30px;}
	}

	@media (max-width: 767px)
	{
		.section-institutes-units-home h3 {float: left; clear: both;}
	}




/*=======================================*/
/*==
/*==  events-home
/*==
/*=======================================*/

.section-events-home .events-home-title
{
padding-top: 30px;
min-height: 1px;
}

.section-events-home .events-home-top
{
padding-bottom: 0px;
}

.section-events-home .events-home-top figure
{
max-width: 200px;
margin: 15px;
margin-right: 0px;
}

.section-events-home .events-home-top figure img
{

}

.section-events-home .events-home-top h3
{

}

.section-events-home .events-home-top .col
{
padding-bottom: 20px;
padding-bottom: 1em;
}

@media (max-width: 767px)
	{
		.section-events-home .events-home-top .col{padding-top: 5px;}	
	}
		
@media (max-width: 320px)
	{
		.section-events-home .events-home-top figure.pull-right {float: none !important; margin-left: 0px; margin-bottom: 10px; margin-top: 30px;}	
		.section-events-home .events-home-top .col:first-child figure.pull-right{margin-top: 0px;}	
	}

.section-events-home .events-home-top .datetime
{
font-family: "Titlefont", Arial, sans-serif;
font-size: 1.1em;
margin-bottom: 0.2em;
}

.section-events-home .events-home-minor
{
position: relative;
z-index: 10;
padding-top: 0px;
}

.section-events-home .events-home-minor h3
{
font-size: 1.2em;
/* line-height: 1.4em; */
margin-bottom: 0.2em;
}

.section-events-home .events-home-minor .datetime
{
margin-bottom: 0.7em;
}

.section-events-home .events-home-button
{
position: relative;
z-index: 0;
min-height: 1px;
padding-top: 0px;
padding-bottom: 30px;
}

.section-events-home .events-home-button button
{
right: 30px;
}

.section-events-home .date-display-single
{
font-family: "Titlefont", Arial, sans-serif;
font-size: 0.9em;
margin-top: -0.2em;
margin-bottom: 0.8em;
display: block;
}

.section-events-home a.views-more-link
{
font-family: "Titlefont", Arial, sans-serif;
font-size: 0.8em;
margin-top: 0em;
margin-bottom: 0em;
display: inline-block;
color: #10069f;
}

/*=======================================*/
/*==
/*==  news-home
/*==
/*=======================================*/

.section-news-home > .container:first-child
{
padding-top: 120px;
padding-bottom: 0px;
}

.section-news-home .col
{
margin-bottom: 15px;
}

.section-news-home .news-home .col 
{
padding-bottom: 1em;
}


.section-news-home .box
{
position: relative;
height: 200px;
overflow: hidden;
margin-bottom: 15px;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}

.section-news-home .box .text
{
min-width: 100%;
position: absolute;
padding: 10px;
height: 100%;
top: 0px;
bottom: auto;
background-color: rgba(255,255,255,0.6);
background-color: #f5f6f7;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}

.section-news-home .box.has-image .text
{
height: auto;
min-height: 0%;
max-height: 100%;
top: auto;
bottom: 0px;
background-color: rgba(255,255,255,0.8);
background-color: #ffffff;
background-color: #f5f6f7;
}

.section-news-home .box .text h3
{
margin-top: 0px;
margin-bottom: 0.5em;
}

.section-news-home .box.has-image .text h3
{
margin-bottom: -0.5em;
}

.section-news-home .box.has-image:hover .text h3
{
margin-bottom: 0px;
}

.section-news-home .box .datetime
{
font-family: "Titlefont", Arial, sans-serif;
font-size: 0.9em;
margin-bottom: 0.2em;
}

.section-news-home .box .location
{
font-family: "Titlefont", Arial, sans-serif;
font-size: 1.1em;
margin-bottom: 0.2em;
}

.section-news-home .box .text p
{
padding-top: 0.5em;
margin-bottom: 0px;
}

/* .section-news-home .box.has-image .text p */
.section-news-home .box.has-image .text .inner
{
height: 0px;
padding-top: 0.5em;
opacity: 0;
-webkit-transition: all 0.8s;
transition: all 0.8s;
}

/* .section-news-home .box.has-image:hover .text p:first-of-type */
.section-news-home .box.has-image:hover .text .inner
{
height: 200px;
opacity: 1;
}

.section-news-home .box .pic
{
width: 100%;
height: 100%;
background-color: #ffffff;
}

.section-news-home .box .pic img
{
min-width: 100%;
min-height: 100%;
}

.section-news-home .box:hover .text
{
background-color: rgba(255,255,255,1);
}

.section-news-home .box.has-image:hover .text
{
background-color: rgba(255,255,255,0.85);
background-color: #ffffff;
}




/*=======================================*/
/*==
/*==  jobs-announcements-home
/*==
/*=======================================*/

.section-jobs-announcements-home > .container:first-child
{
padding-top: 100px;
}

.section-jobs-announcements-home .itemcontainer
{
margin-top: 1em;
}
		
@media (max-width: 767px) 
	{
		.section-jobs-announcements-home .itemcontainer
		{
		margin-bottom: 3em;
		}
	}

.section-jobs-announcements-home .item
{
margin-top: 1.5em;
}

.section-jobs-announcements-home .item h4
{
color: inherit;
font-size: 1em;
margin-bottom: 0.4em;
}

.section-jobs-announcements-home .item p
{
font-size: 0.9em;
}

/*=======================================*/
/*==
/*==  video-home
/*==
/*=======================================*/

.section-video-home
{
position: relative;
top: 0px;
overflow: hidden;
}

.section-video-home .container.video-home
{
padding: 0px;
}

.section-video-home .container.video-home .row, .section-video-home .container.video-home .col
{
margin: 0px;
padding: 0px;
}

.section-video-home .container.video-home .topcorner
{
background-repeat: no-repeat;
background-position: top left;
width: 100%;
height: 100px;
position: absolute;
top: 0px;
z-index: 100;
}

.section-video-home  .container.video-home .blurbcontainer
{
width: 45%;
position: absolute;
top: 0px;
z-index: 100;
}

.section-video-home  .container.video-home .blurbcontainer .blurb
{
position: absolute;
left: 30px;
bottom: 80px;
color: #ffffff;
text-shadow: 0px 0px 10px rgba(0,0,0,0.5);
}

.section-video-home  .container.video-home .blurbcontainer .blurb h2
{
color: #ffffff;
}

#video-home
{
position: absolute;
top: 0px;
width: 100%;
margin: 0px;
position: absolute;
top: 0px;
z-index: 10;
}

	@media (min-width: 1px)
	{
	
		.section-video-home, .section-video-home .container.video-home, .section-video-home  .container.video-home .blurbcontainer, #video-home
		{
		height: 300px;
		}
	}		
	
	@media (min-width: 568px)
	{
		.section-video-home, .section-video-home .container.video-home, .section-video-home  .container.video-home .blurbcontainer, #video-home
		{
		height: 365px;
		}
	}		
	
	@media (min-width: 768px)
	{
		.section-video-home, .section-video-home .container.video-home, .section-video-home  .container.video-home .blurbcontainer, #video-home
		{
		height: 470px;
		}
	}	
	
	@media (min-width: 992px)
	{
		.section-video-home, .section-video-home .container.video-home, .section-video-home  .container.video-home .blurbcontainer, #video-home
		{
		height: 550px;
		}
	}	
	
	@media (min-width: 1200px)
	{
		.section-video-home, .section-video-home .container.video-home, .section-video-home  .container.video-home .blurbcontainer, #video-home
		{
		height: 660px;
		}
	}
	
	@media (max-width: 567px)
	{
		
		#video-home
		{
		margin-top: 50px;
		}
		
		.section-video-home .container.video-home .blurbcontainer
		{
		width: 100%;
		top: -100px;
		}
		
		.section-video-home .container.video-home .blurbcontainer .blurb h2 
		{
		color: #10069f;
		text-shadow: none;
		}
		
	}
	
	@media (max-width: 767px)
	{
		.section-video-home .container.video-home .blurbcontainer .blurb
		{
		left: 15px;
		}
	}
	
/*=======================================*/
/*==
/*==  footer
/*==
/*=======================================*/

footer
{
position: relative;
top: 0px;
margin-top: -117px;
z-index: 1000;
background-image: url("images/bg-bottom-blue.png");
background-repeat: no-repeat;
background-position: top left;
background-color: transparent;
/*  border-top: 1px solid rgba(255,255,255,0); */
}

section.section-video-home+section, section.section-video-home+footer
{
margin-top: -100px;
}

footer .container.socialmedia
{
background-color: transparent;
padding: 30px;
padding-top: 60px;
padding-bottom: 0px;
height: 100px;
}

footer .container.socialmedia ul li, footer .container.socialmedia ul li a
{
width: 21px;
height: 21px;
}

footer .container.socialmedia
{
min-height: 100px;
}

	@media (max-width: 1199px) {footer .container.socialmedia {padding-top: 80px;}}
	@media (max-width: 991px) {footer .container.socialmedia {padding-top: 90px;}}
	@media (max-width: 767px) {footer .container.socialmedia {padding-top: 100px;}}

footer .container.footer
{
background-color: #10069f;
padding: 30px;
padding-top: 30px;
padding-bottom: 60px;
}

	@media (max-width: 767px) {footer .container.footer .col{padding-bottom: 15px;}}

footer .container.about
{
background-color: #10069f;
color: #ffffff;
padding: 30px;
padding-top: 60px;
padding-bottom: 0px;
margin-bottom: -80px;
font-size: 0.7em;
}

	@media (max-width: 767px) {footer .container.about {padding: 15px; padding-top: 60px;}}

footer .container.about .col
{
height: 100%;
position: relative;
top: 50%;
transform: 	translateY(-50%);
padding-top: 15px;
padding-bottom: 15px;
}

footer .container.about .col p
{
padding-bottom: 0px;
margin-bottom: 0px;
}

footer .container.copyright
{
background-image: url("images/bg-top-blue.png");
background-repeat: no-repeat;
background-position: top left;
background-color: #ffffff;
padding: 30px;
padding-top: 110px;
padding-bottom: 0px;
font-size: 0.7em;
}

footer .container.copyright a
{
font-family: "Titlefont", Arial, sans-serif;
}

footer .container.copyright a::after
{
display: inline-block;
text-align: center;
content: "|";
width: 30px;
}

footer .container.copyright a:last-child::after
{
display: none;
}

footer .container.license
{
background-color: #ffffff;
font-size: 0.7em;
text-align: center;
padding: 30px;
padding-top: 15px;
padding-bottom: 15px;
}

footer nav h2
{
font-size: 1.4em;
}

footer nav ul.nav>li>a
{
font-family: "Titlefont", Arial, sans-serif;
font-size: 0.9em;
background-color: transparent;
padding: 0px;
padding-top: 0.5em;
padding-bottom: 0.2em;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}

footer nav ul.nav>li>a:hover
{
background-color: transparent;
text-decoration: underline;
}

	@media (max-width: 767px)
	{
		footer .container.footer, footer .container.socialmedia, footer .container.copyright
		{
		padding-left: 15px;
		padding-right: 15px;
		}
	}

footer img.mottopic
{
width: 100%;
height: auto;
}

@media (max-width: 767px) {
	footer div.mottopic {display: none;}
	footer img.mottopic {display: none;}
	}
	
/*=======================================*/
/*==
/*==  section-header
/*==
/*=======================================*/

.section-header
{
background-color: #ffffff;
background-image: url("images/section-header-blue.png");
min-height: 220px;
max-height: 300px;
background-position: bottom left;
}

body.athena .section-header a:hover
{
color: #ffffff;
}

	
/* 	@media (max-width: 991px) {body.athena .section-header {height: 250px; background-size: auto 250px;}}
	@media (max-width: 767px) {body.athena .section-header {height: 200px; background-size: auto 200px;}}
	@media (max-width: 400px) {body.athena .section-header {height: 160px; background-size: auto 160px;}} */
	@media (max-width: 991px) {body.athena .section-header {background-position: bottom left;}}
	@media (max-width: 991px) {body.athena .section-header {min-height: 200px; max-height: 280px;}}
	@media (max-width: 767px) {body.athena .section-header {min-height: 180px; max-height: 260px;}}
	@media (max-width: 400px) {body.athena .section-header {min-height: 160px; max-height: 240px;}}

section.section-header > .container:first-child 
{
padding-top: 50px;
padding-bottom: 20px;
}

	@media (max-width: 767px)
	{
		section.section-header > .container:first-child {padding-top: 30px;}
	}

.section-header .container
{
background-color: transparent;
}

.section-header h1, .section-header h2
{
color: #ffffff;
}

.section-header .breadcrumb>li+li:before 
{
padding: 0 5px;
color: #adb0b3;
content: "/\00a0";
}

.section-header .breadcrumb a
{
color: #adb0b3;
}

.section-header .breadcrumb a:hover
{
color: #ffffff;
}

.section-header+section>.container:first-child
{
padding-top: 0px;
}

.section-article-simple
{
font-size: 1.05em;
}

.section-article-simple a {font-weight: bold; color: #10069f;}
.section-article-simple a:hover {color: #352626;}
.section-article-simple a:active {color: #7c7e80;}
.section-article-simple a:visited {color: #10069f;}

.section-article-simple a.button
{
display: inline-block;
background-color: transparent;
font-family: "Titlefont", Arial, sans-serif;
font-weight: bold;
font-size: 1.2em;
padding: 5px;
padding-left: 20px;
padding-right: 20px;
margin-top: 2em;
margin-bottom: 2em;
margin-right: 1em;
outline: 0px;
border: 3px solid #10069f;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}

.section-article-simple a.button.smallmargins
{
margin-top: 0.5em;
margin-bottom: 1em;
}

.section-article-simple a.button:hover
{
outline: 0px;
text-decoration: none;
color: #ffffff;
background-color: #10069f;
}

.section-article-simple a.button:active
{
outline: 0px;
text-decoration: none;
border: 3px solid #ffffff;
color: ##adb0b3;
}

.section-article-simple a.button.activerdays
{
outline: 0px;
text-decoration: none;
color: #ffffff;
background-color: #10069f;
}

.section-article-simple a.download:before
{
font-family: "FontAwesome";
content: "\f019";
padding-right: 0.7em;
}

.section-article-simple a.pdf:before
{
font-family: "FontAwesome";
content: "\f1c1";
padding-right: 0.7em;
}

.section-article-simple a.email:before
{
font-family: "FontAwesome";
content: "\f0e0";
padding-right: 0.7em;
}

.section-article-simple p, .section-article-simple ul, .section-article-simple ul li
{
line-height: 1.7;
}

.section-article-simple p
{
margin-bottom: 0.9em;
}

.section-article-simple ul
{
margin-bottom: 0.9em;
padding-left: 1.2em;
list-style-type: disc;
}

.section-article-simple ul ul
{
margin-bottom: 0.3em;
list-style-type: circle;
}

.section-article-simple ul li
{
margin-bottom: 0.2em;
margin-top: 0.2em;
}

.section-article-simple p.clear
{
display: inline-block;
}

.section-article-simple p.vip
{
font-weight: bold;
font-size: 1.2em;
color: #4d5053;
line-height: 1.5;
}

.section-article-simple p.important
{
font-size: 1.3em;
color: #9da0a3;
font-style: normal;
margin-top: 20px;
line-height: 1.5;
border-left: none;
padding-left: 0px;
}

.section-article-simple p.underconstruction
{
font-size: 1.3em;
color: #9da0a3;
font-style: normal;
margin-top: 20px;
line-height: 1.5;
border-left: none;
padding-left: 0px;
}

.section-article-simple p.underconstruction::before
{
content: " ";
width: 100px;
height: 100px;
background-size: 100px 100px;
background-image: url(images/icon-hydrogen.svg);
display: block;
float: left;
margin-right: 1em;
margin-bottom: 5em;
}

@media (min-width: 992px) 
{
	.section-article-simple p.narrow, .section-article-simple ul.narrow,  .section-article-simple h1.narrow, .section-article-simple h2.narrow, .section-article-simple h3.narrow, .section-article-simple h4.narrow, .section-article-simple h5.narrow, .section-article-simple h6.narrow, blockquote.narrow
	{
	width: 75%;
	}
}

@media (min-width: 1200px) 
{
	.section-article-simple p.narrow, .section-article-simple ul.narrow,  .section-article-simple h1.narrow, .section-article-simple h2.narrow, .section-article-simple h3.narrow, .section-article-simple h4.narrow, .section-article-simple h5.narrow, .section-article-simple h6.narrow, blockquote.narrow
	{
	width: 66%;
	}
}

.section-article-simple img.full
{
width: 100%;
max-height: 9999px;
}

.section-article-simple img.big
{
width: 66%;
}

.section-article-simple img.med
{
width: 33%;
}

.section-article-simple img.small
{
width: 25%;
}

.section-article-simple img.smaller
{
width: 20%;
}

.section-article-simple img.tiny
{
width: 15%;
}

.section-article-simple img.bordered
{
border: 1px solid #adb0b3;
}

/* === CAREFUL padding-top 0px ===*/
.section-header+section.section-article-simple>.container:first-child 
{
padding-top: 30px;
}

body.athena .section-header+section.section-article-simple>.container:first-child 
{
padding-top: 30px;
}

.section-article-simple>.container:first-child
{
padding-top: 30px;
}

.section-article-simple>.container:last-of-type
{
padding-bottom: 30px;
}

body.athena .section-article-simple>.container:first-child
{
padding-top: 30px;
}
/* === CAREFUL padding-top 0px ===*/

.section-article-simple .container .row img
{
max-width: 100%;
margin-bottom: 1em;
}

.section-article-simple .container .row img.pull-left
{
margin-right: 2em;
}

.section-article-simple .container .row img.pull-right
{
margin-left: 2em;
}

.section-article-simple .container .row img.xl
{
width: 100%;
}

.section-article-simple .container .row img.lg
{
max-width: 75%;
}

.section-article-simple .container .row img.md
{
max-width: 50%;
}

.section-article-simple .container .row img.sm
{
max-width: 35%;
}

.section-article-simple .container .row img.xs
{
max-width: 20%;
}




/*=======================================*/
/*==
/*==  icons
/*==
/*=======================================*/

.icon::before
{
display: inline-block;
content: "";
width: 50px;
height: 50px;
margin: 0px;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: 50px 50px;
vertical-align: middle;
margin-right: 10px;
}

.icon.med::before
{
width: 100px;
height: 100px;
background-size: 100px 100px;
}

.icon.big::before
{
width: 200px;
height: 200px;
background-size: 200px 200px;
}

.icon.huge::before
{
width: 300px;
height: 300px;
background-size: 300px 300px;
}

.icon.ontop::before 
{
display: block;
margin-top: 0.5em;
margin-bottom: 0.5em;
}

@media (max-width: 767px)
{
	.icon::before
	{
	width: 50px;
	height: 50px;
	background-size: 50px 50px;
	}

	.icon.med::before
	{
	width: 100px;
	height: 100px;
	background-size: 100px 100px;
	}

	.icon.big::before
	{
	width: 140px;
	height: 140px;
	background-size: 140px 140px;
	}

	.icon.huge::before
	{
	width: 180px;
	height: 180px;
	background-size: 180px 180px;
	}
}


.icon.axes::before {background-image: url('images/icon-axes.svg');}
.icon.book::before {background-image: url('images/icon-book.svg');}
.icon.cd::before {background-image: url('images/icon-cd.svg');}
.icon.chip::before {background-image: url('images/icon-chip.svg');}
.icon.co2::before {background-image: url('images/icon-co2.svg');}
.icon.colony::before {background-image: url('images/icon-colony.svg');}
.icon.cubane::before {background-image: url('images/icon-cubane.svg');}
.icon.cube::before {background-image: url('images/icon-cube.svg');}
.icon.cubetransparent::before {background-image: url('images/icon-cubetransparent.svg');}
.icon.dome::before {background-image: url('images/icon-dome.svg');}
.icon.equal::before {background-image: url('images/icon-equal.svg');}
.icon.harddisks::before {background-image: url('images/icon-harddisks.svg');}
.icon.hexa::before {background-image: url('images/icon-hexa.svg');}
.icon.hydrogen::before {background-image: url('images/icon-hydrogen.svg');}
.icon.less::before {background-image: url('images/icon-less.svg');}
.icon.lightbulb::before {background-image: url('images/icon-lightbulb.svg');}
.icon.maccommand::before {background-image: url('images/icon-maccommand.svg');}
.icon.mask::before {background-image: url('images/icon-mask.svg');}
.icon.minus::before {background-image: url('images/icon-minus.svg');}
.icon.more::before {background-image: url('images/icon-more.svg');}
.icon.neuralnet::before {background-image: url('images/icon-neuralnet.svg');}
.icon.over::before {background-image: url('images/icon-over.svg');}
.icon.plus::before {background-image: url('images/icon-plus.svg');}
.icon.pointer::before {background-image: url('images/icon-pointer.svg');}
.icon.pyramid::before {background-image: url('images/icon-pyramid.svg');}
.icon.radiotower::before {background-image: url('images/icon-radiotower.svg');}
.icon.sound::before {background-image: url('images/icon-sound.svg');}
.icon.speechbubble::before {background-image: url('images/icon-speechbubble.svg');}
.icon.spiral::before {background-image: url('images/icon-spiral.svg');}
.icon.times::before {background-image: url('images/icon-times.svg');}
.icon.wave::before {background-image: url('images/icon-wave.svg');}
.icon.world::before {background-image: url('images/icon-world.svg');}



.statusathena::before
{
font-family: FontAwesome;
text-indent: 0px;
display: inline-block;
width: 15px;
height: 15px;
/* margin-top: 2px; */
vertical-align: text-top;
}

.statusathena.complete::before
{
font-size: 13px;
content:"\f00c";
color: #069f3c;
color: #0c7803;
}		

.statusathena.active::before
{
font-size: 14px;
content:"\f04b";
color: #9bd400;
}

.statusathena.onhold::before
{
font-size: 12px;
content:"\f04c";
color: #e9b500;
}

.statusathena.cancelled::before
{
font-size: 15px;
content:"\f00d";
color: #d22800;
}

.social-share-links.inline
{
margin: 0px;
margin-top: 30px;
}

.social-share-links.inline .share-link a
{
font-size: 0px;
width: 36px;
height: 36px;
border-radius: 18px;
padding: 0px;
text-align: center;
border: none;
}

.social-share-links.inline .share-link a {color: #10069f; background-color: #d7dbde;}
.social-share-links.inline .share-link a:hover {color: #ffffff; background-color: #10069f;}
.social-share-links.inline .share-link a:hover 
{
font-size: 12px;
font-weight: normal;
width: auto;
padding-left: 10px;
padding-right: 10px;
}
.social-share-links.inline .share-link a:hover::before
{
content: "share on ";
}
.social-share-links.inline .share-link.share-email a:hover::before
{
content: "share via ";
}
.social-share-links.inline .share-link a:active {color: #ffffff; background-color: #bec2c4;}

.social-share-links.inline .share-link .fa
{
font-size: 20px;
line-height: 36px;
width: 36px;
}

/*=======================================*/
/*==
/*==  test
/*==
/*=======================================*/

.test
{
padding: 10px;
position: fixed;
width: 100%;
bottom: 0px;
z-index: 9999;
border-top: 2px solid #4a4c4d;
color: #ffffff;
}

.test.one
{
background-color: #7c7e80;
}

.test.two
{
background-color: #10069f;
}

.test.three
{
background-color: #eb6f00;
}

/*=======================================*/
/*==
/*==  filters block
/*==
/*=======================================*/

.filters input {
	background-color: #10069f;
    color: #ffffff;
	border: 0px;
	border-style: none;
	padding: 5px 15px;
}

.filters select {
	width:200px;
}

/*=======================================*/
/*==
/*==  twitter block (ev)
/*==
/*=======================================*/

.b-twitter{
	color:#fff;
}

.b-twitter ul {
	margin: 0 0 20px 0;
	padding: 0;

	list-style: none;
}

.b-twitter li {
	position: relative;
	padding: 0 0 18px 25px;
}

.b-twitter li:before {
	content: "\f099";

	position: absolute;
	top: 2px;	left: 0;

	font: 16px 'FontAwesome';
	color: #e2e2e2;
}

.b-twitter span {
	display: block;
	margin: 2px 0 0;
}

.twit-date {
	font: 11px 'OpenSansItalic';
	color: #d3d3d3;
}

.b-twitter a {
	color: #e34735;
}

.b-twitter a:hover {
	color: #3b3d40;
}

.b-twitter li:before {
	color: #ced3d5;
	text-shadow: 0 1px 0 white;
}

.b-twitter .twit-date {
	color: #444;
}

.b-twitter .item-list ul li {
	font-family: "Titlefont",Arial,sans-serif;
	margin: 0;
	padding: 0 0 0 25px;
}

.navbar .menu {
	float:left;
}

.navbar.navbar-side .menu {
	float:right;
}

.navbar.navbar-side  ul.menu {
padding: 3px 15px;
}

.navbar.navbar-side  ul.menu li {
    margin: 0px;
	padding: 0px;
}

.navbar ul li.leaf{
	list-style-type:none;
	list-style-image:none;
}

@media (min-width: 1200px) {
	.menu.undercons
	{
	position: absolute;
	left: -210px;
	}
}

@media (min-width: 768px) and (max-width:991px){
	.menu.undercons
	{
	float: none;
    position: absolute;
    right: 0px;
    top: 40px;
	}
}

.displaybox
{
padding: 30px;
font-size: 1em;
background-color: #bec2c4;
margin-bottom: 20px;
}

.displaybox h1, .displaybox h2, .displaybox h3
{
margin-top: 0px;
color: #ffffff !important;
}

.displaybox p
{
margin-bottom: 0px;
}

.tagcloud
{
padding: 30px;
color: #ffffff;
font-size: 0.8em;
line-height: 1.7;
background-color: #bec2c4;
margin-bottom: 20px;
}


/*=======================================*/
/*==
/*==  pager
/*==
/*=======================================*/

.item-list .pager li 
{
font-family: "Titlefont", Arial, sans-serif;
background-image: none;
display: inline-block;
list-style-type: none;
padding: 0px;
padding-top: 5px;
margin: 10px 3px;
border: none;
width: 36px;
height: 36px;
border-radius: 18px;
}

.pager li>a, .pager li>span 
{
display: inline-block;
width: 36px;
height: 36px;
padding: 0px;
background-color: transparent;
border: none;
border-radius: 200px;
background-color: #ebeced;
}

.pager li>a, .item-list .pager li a
{
display: inline-block;
font-size: 15px;
padding-top: 5px;
}

.pager li>a:hover
{
color: #ffffff;
background-color: #10069f;
}

.item-list .pager li.pager-current
{
margin-top: 0px;
color: #10069f;
background-color: #ebeced;
color: #ffffff;
background-color: #10069f;
color: #ffffff;
background-color: #7c7e80;
}

.item-list .pager li.pager-previous
{
margin-right: 30px;
}

.item-list .pager li.pager-next
{
margin-left: 30px;
}

.item-list .pager li.pager-first a, .item-list .pager li.pager-previous a, .item-list .pager li.pager-next a, .item-list .pager li.pager-last a
{
font-size: 0px;
}

.item-list .pager li.pager-first a::after, .item-list .pager li.pager-previous a::after, .item-list .pager li.pager-next a::after, .item-list .pager li.pager-last a::after
{
font-size: 15px;
font-family: "FontAwesome";
}

.item-list .pager li.pager-first a::after
{
content: "\f049";
}

.item-list .pager li.pager-previous a::after
{
content: "\f04a";
}

.item-list .pager li.pager-next a::after
{
content: "\f04e";
}

.item-list .pager li.pager-last a::after
{
content: "\f050";
}

.item-list .pager li.date-prev, .item-list .pager li.date-next
{
text-align: center;
margin: -8px;
}

.item-list .pager li.date-next
{
margin-right: 0px;
margin-left: -15px;
}

@media (max-width:767px)
{
.item-list .pager {-ms-transform: scale(0.7, 0.7); /* IE 9 */
    -webkit-transform: scale(0.7, 0.7); /* Safari */
    transform: scale(0.7, 0.7);}
}

.date-nav-wrapper .date-nav
{
margin-bottom: 0px;
padding-bottom: 0px;
margin-top: 1em;
}

.date-nav-wrapper .date-nav .date-heading h3
{
font-size: 1.3em;
}

.date-nav-wrapper .date-nav .date-heading h3 a
{
color: #4a4c4d;
}

.calendar-calendar th.days 
{
background-color: #ffffff;
color: #352626;
font-weight: bold;
border: none;
border-bottom: 1px solid #ebeced;
}

.calendar-calendar tr td
{
text-align: center;
}

.calendar-calendar tr td div a
{
/* padding-top: 4px;
padding-bottom: 4px; */
}

.calendar-calendar tr td.today, .calendar-calendar tr.odd td.today, .calendar-calendar tr.even td.today 
{
font-weight: bold;
background-color: #ebeced;
color: #ffffff;
background-color: #7c7e80;
}

.calendar-calendar td a, .calendar-calendar td.mini a
{
font-weight: bold;
text-decoration: none;
display: block;
width: 100%;
height: 100%;
background-color: #ebeced;
}

.calendar-calendar td a:hover, .calendar-calendar td.mini a:hover
{
color: #ffffff;
background-color: #10069f;
}

blockquote
{
font-size: 1.3em;
border-left: 5px solid #d7dbde;
color: #9da0a3;
font-style: normal;
margin-top: 20px;
line-height: 1.5;
}

blockquote.noborder
{
border-left: none;
padding-left: 0px;
}

blockquote.underconstruction
{
border-left: none;
padding-left: 0px;
}

blockquote.underconstruction::before
{
content: " ";
width: 100px;
height: 100px;
background-size: 100px 100px;
background-image: url(images/icon-hydrogen.svg);
display: block;
float: left;
margin-right: 1em;
margin-bottom: 5em;
}

hr.clear
{
background-color: #ffffff;
border: none;
clear: both;
}

.sliding-popup-bottom{
width:100%;
height:auto;
background: #fff !important;
/* color:#fff; */
}

.sliding-popup-bottom h2 {
font-size: 1.3em;

}

#sliding-popup .popup-content #popup-buttons{
color:#fff;
padding-top:2em;
}

#sliding-popup button{
/* color:#fff; */
}