/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */

article,aside,footer,header,nav,section{display:block;}
figcaption,figure,main{display:block;}figure{margin:1em 40px;}
hr{box-sizing:content-box;height:0;overflow:visible;}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}
audio,video{display:inline-block;}audio:not([controls]){display:none;height:0;}
img{border-style:none;}
svg:not(:root){overflow:hidden;}
/*
button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0;}
button,input{overflow:visible;}button,select{text-transform:none;}
button,html[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}
*/
fieldset{border: 1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}
legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}
progress{display:inline-block;vertical-align:baseline;}textarea{overflow:auto;}
[type="checkbox"],[type="radio"]{box-sizing: border-box;padding:0;}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}
[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}
[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}
details,menu{display:block;}summary{display:list-item;}canvas{display:inline-block;}template{display:none;}[hidden]{display:none;}

/*! style.css v4.1 20161104 Michael Plexousakis plex@uoc.gr */

html { box-sizing: border-box; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
*, *:before, *:after { box-sizing: inherit; }

body {
	margin: 0;
	padding: 0;
	height: 100%;
	min-width: 320px;
	font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
	font-weight: normal;
	line-height: 1.4375;
	color: #333;
	background-color: #fff;
}

h1, h2, h3, h4 { font-weight: 400; line-height: 1.25; letter-spacing: 0.05em; color: #35373b; }

h1 { font-size: 1.7500em; margin: 1.2500em 0; } /* 28.0/35.0 */
h2 { font-size: 1.5157em; margin: 1.0544em 0; } /* 24.3/30.3 */
h3 { font-size: 1.3195em; margin: 1.0894em 0; } /* 21.1/26.4 */
h4 { font-size: 1.1487em; margin: 1.4375em 0; } /* 18.4/23.0 */

p { font-size: 1em; line-height: 1.4375; margin: 1.4375em 0; } /* 16.0/23.0 */

b, strong { font-weight: 600; }
code, kbd, pre, samp, var { font-family: monospace, monospace; font-size: 1em; }

small{ font-size: 80%; }

sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub { bottom: -0.25em; }
sup { top: -0.5em; }

a {
	text-decoration: none;
	background-color: transparent;
	-webkit-text-decoration-skip: objects;
}

a:link, a:visited { color: #2790ae; }
a:hover, a:active { color: #0f6780; outline: 0; }

table {
	border-collapse: collapse;
	border-spacing: 0;
}

.container { width: 100%; max-width: 1440px; margin: 0 auto; padding: 0 30px; }
.container:after, .group:after { content: ''; display: table; clear: both; }

@media screen and (min-width:  768px) { .container { padding: 0 50px; } }
@media screen and (min-width: 1024px) { .container { padding: 0 70px; } }

.banner {
	position: relative;
 	width: 100%;
	height: 382px;
	overflow: hidden;
}

.banner-image {
	position: absolute;
	width: 100%;
	height: 100%;
}

.about .banner-image { background: url(../img/about-banner.jpg) center/cover no-repeat; }
.comms .banner-image { background: url(../img/comms-banner.jpg) center/cover no-repeat; }
.contact .banner-image { background: url(../img/contact-banner.jpg) center/cover no-repeat; }
.courses .banner-image { background: url(../img/courses-banner.jpg) center/cover no-repeat; }
.memcourse .banner-image { background: url(../img/courses-banner.jpg) center/cover no-repeat; }
.erasmus .banner-image { background: url(../img/erasmus-banner.jpg) center/cover no-repeat; }
.events .banner-image { background: url(../img/about-banner.jpg) center/cover no-repeat; }
.gallery .banner-image { background: url(../img/gallery-banner.jpg) center/cover no-repeat; }
.grad .banner-image { background: url(../img/grad-banner.jpg) center/cover no-repeat; }
.pastphds .banner-image { background: url(../img/grad-banner.jpg) center/cover no-repeat; }
.mscs .banner-image { background: url(../img/grad-banner.jpg) center/cover no-repeat; }
.intern .banner-image { background: url(../img/intern-banner.jpg) center/cover no-repeat; }
.career .banner-image { background: url(../img/intern-banner.jpg) center/cover no-repeat; }
.news .banner-image { background: url(../img/news-banner.jpg) center/cover no-repeat; }
.people .banner-image { background: url(../img/people-banner.jpg) center/cover no-repeat; }
.pichorides .banner-image { background: url(../img/seminars-banner.jpg) center/cover no-repeat; }
.placement .banner-image { background: url(../img/placement-banner.jpg) center/cover no-repeat; }
.adequacy .banner-image { background: url(../img/placement-banner.jpg) center/cover no-repeat; }
.research .banner-image { background: url(../img/research-banner.jpg) center/cover no-repeat; }
.seminars .banner-image { background: url(../img/seminars-banner.jpg) center/cover no-repeat; }
.prospect .banner-image { background: url(../img/intern-banner.jpg) center/cover no-repeat; }
.brochure .banner-image { background: url(../img/brochure-banner.jpg) center/cover no-repeat; }
.meetUs .banner-image { background: url(../img/intern-banner.jpg) center/cover no-repeat; }
.template .banner-image { background: url(../img/template-banner.jpg) center/cover no-repeat; }
.ugrad .banner-image { background: url(../img/ugrad-banner.jpg) center/cover no-repeat; }
.infostudents .banner-image { background: url(../img/placement-banner.jpg) center/cover no-repeat; }

.xmas { display: none; }

@media screen and (min-width: 320px) {
.xmas {
        display: block;
	position: absolute;
	bottom: 150px; right: 20px;
	z-index: 350;
	overflow-y: auto;
}
}

.meet { display: none; }

@media screen and (min-width: 320px) {
.meet {
        display: block;
	position: absolute;
	bottom: 220px; right: 20px;
	z-index: 350;
	overflow-y: auto;
}
}

.afisa {display: none; }

@media screen and (min-width: 640px) {
.afisa {
        display: block;
	position: absolute;
	bottom: 150px; right: 20px;
	z-index: 350;
	overflow-y: auto;
}
}

.hahe { display: none; }

@media screen and (min-width: 640px) {
.hahe {
        display: block;
	position: absolute;
	top: 70px; left: 20px;
	z-index: 350;
	overflow-y: auto;
}
}

@media screen and (min-width:  768px) { .hahe { left: 50px; } }
@media screen and (min-width: 1024px) { .hahe { left: 70px; } }


.camp { display: none; }

@media screen and (min-width: 640px) {
.camp {
        display: block;
	position: absolute;
	top: 70px; left: 20px;
	z-index: 350;
	overflow-y: auto;
}
}

@media screen and (min-width:  768px) { .camp { left: 50px; } }
@media screen and (min-width: 1024px) { .camp { left: 70px; } }


/*
@media screen and (max-width: 480px) { .xmas { width: 70%; height: 50%; } }
*/

/*
.xmas a { margin: 0; padding: 0; line-height: 1; }
@media screen and (max-width: 480px) { .xmas { display: none; } }
*/

.firstyear {
	position: absolute;
	bottom: 130px; left: 20px;
	padding: 0 1em;
	background: rgba(0, 0, 0, 0.1);
	z-index: 900;
}

.firstyear p { width: 200px; color: #fff; }

.top-bar {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	padding: 15px 70px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: rgba(0, 0, 0, 0.1);
	z-index: 500;
	-webkit-transition: color 0.25s;
	transition: color 0.25s;
}

@media screen and (max-width: 1023px) { .top-bar { padding: 15px 50px; } }
@media screen and (max-width:  767px) { .top-bar { padding: 15px 30px; } }
@media screen and (max-width:  319px) { .top-bar { padding: 15px 30px; } }

.top-left a, .top-mid a {
	display: inline-block;
	color: #fff;
}

.social a { display: inline-block; line-height: 1; }
.social a img { width: 23px; }

a.lisi,
a.club { margin-left: 23px; }

.social a.lisi img { width: 53px; }

.top-left a { letter-spacing: 0.15em; }
.top-left a:hover, .top-right a:hover { text-decoration: underline; }

.top-mid a { letter-spacing: 0.15em; }
.top-mid a:hover, .top-mid a:hover { text-decoration: underline; }

@media screen and (max-width: 900px) { .top-left a span { display: none; } }

.top-mid a {
	height: 16px;
	padding: 2px 0;
	font-size: 11px;
	letter-spacing: 0.25em;
}

.menu-btn {
	height: 16px;
	padding: 2px;
	margin: 0 auto;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	overflow: hidden;
	visibility: visible;
	outline: 0;
	border: 0 none;
	font-size: 11px;
	line-height: 1.25;
	color: #fff;
	background-color: transparent;
	letter-spacing: 0.25em;
	-webkit-transition-property: opacity, visibility;
	transition-property: opacity, visibility;
	-webkit-transition-duration: 0.35s;
	transition-duration: 0.35s;
}
	
.menu-btn span {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 auto;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	-webkit-transition: -webkit-transform 0.2s;
	transition: transform 0.2s;
}

.is-menu-visible .menu-btn span:first-child {
	-webkit-transform: translateY(12px);
	transform: translateY(12px);
}

.is-menu-visible .menu-btn span:last-child {
	-webkit-transform: translateY(-13px);
	transform: translateY(-13px);
}

.site-menu {
	position: fixed;
	top: 0px; right: 0; bottom: 0; left: 0;
	height: 100vh;
	width: 100%;
	color: #fff;
	background-color: rgba(18, 28, 38, 0.85);
	visibility: hidden;
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
	-webkit-transition: all .45s ease-in-out;
	transition: all .45s ease-in-out;
	-webkit-transition-delay: .35s;
	transition-delay: .35s;
	z-index: 400;
}

.is-menu-visible .site-menu {
	visibility: visible;
	overflow: auto;
	-webkit-transform: translateX(0);
	transform: translateX(0);
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}

.site-menu .container { margin-top: 70px; }

.menu-wrap { display: inherit; }
.menu-wrap .ligroup { text-align: right; }

@media screen and (min-width: 767px) {
	.menu-wrap {
		display: flex;
		flex-direction: row;
		justify-content: space-around;
	}

	.menu-wrap .ligroup { text-align: center; }
}

.site-menu h3 { color: #fff; }

.menu-wrap ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	line-height: 1.6;
}

.menu-wrap a:link, .menu-wrap a:visited { color: #fff; }
.menu-wrap a:hover, .menu-wrap a:active { text-decoration: underline; }

.menu-wrap + .menu-wrap { margin-top: 5em; }

.carousel {
	position: relative;
	width: 100%;
	height: 87vh;
	overflow: hidden;
}

.slides {
	position: relative;
	width: 500%;
	height: 100%;
	margin: 0;
	border: 0 none;
	animation: 30s slidy infinite;
}

div[class^=slide-] {
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 20%;
	height: 100%;
	float: left;
}

.slide-1 { background: url(../img/1414-sm.jpg) center/cover no-repeat; }
.slide-2 { background: url(../img/6469-sm.jpg) center/cover no-repeat; }
.slide-3 { background: url(../img/6462-sm.jpg) center/cover no-repeat; }
.slide-4 { background: url(../img/2850-sm.jpg) center/cover no-repeat; }
.slide-5 { background: url(../img/1414-sm.jpg) center/cover no-repeat; }

@media screen and (min-width:  640px) {
	.slide-1 { background: url(../img/1414.jpg) center/cover no-repeat; }
	.slide-2 { background: url(../img/6469.jpg) center/cover no-repeat; }
	.slide-3 { background: url(../img/6462.jpg) center/cover no-repeat; }
	.slide-4 { background: url(../img/2850.jpg) center/cover no-repeat; }
	.slide-5 { background: url(../img/1414.jpg) center/cover no-repeat; }
}

@keyframes slidy {
	0% { left: 0%; }
	20% { left: 0%; }
	25% { left: -100%; }
	45% { left: -100%; }
	50% { left: -200%; }
	70% { left: -200%; }
	75% { left: -300%; }
	95% { left: -300%; }
	100% { left: -400%; }
}

div[class^=slide-] h1 {
	margin: 0;
	padding: 20px;
	font-size: 2.25em;
	text-align: center;
	color: #fff;
	/*background: rgba(0, 0, 0,0.3); */
}

@media screen and (max-width: 767px) {
	div[class^=slide-] h1 { font-size: 1.5em; }
}

@media screen and (max-width: 319px) {
	div[class^=slide-] h1 { font-size: 1em; }
}

.headlines-outer { background: url(../img/promo-banner.jpg) center/cover no-repeat; border-bottom: 1px solid #ddd; }
.headlines-wrap { margin: 0 42px; border-left: 1px solid #fff; border-right: 1px solid #fff; }

.headlines {
	height: 90px;
	background: transparent;
}

.promo {
	height: 90px;
	margin: 0;
	padding: 1em;
	border-right: 1px solid #fff;
	background-color: transparent;
}

.promo img { display: block; margin: 0 auto; }
.promo p { margin: 0; text-align: center; }

/*
.headlines a:link, .headlines a:visited { color: rgba(255, 255, 255, 0.8); }
.headlines a:hover, .headlines a:active { color: #fff; }
*/

section.courses-info { width: 100%; }

section.course {
	width: 100%;
	margin-top: 2em;
	padding: 1em 0;
	border-top: 1px solid #ddd;
}

.memcourse .course { border-top: 0 none; }

.memcourse table {
	table-layout: fixed;
	width: 100%;
}

.memcourse table td {
	width: 38%;
	padding-left: 5px;
	padding-right: 5px;
	border: 1px solid #aaa;
	text-align: center;
}

.memcourse table tr td:first-child {
	width: 24%;
	font-weight: bold;
	text-align: left;
	word-wrap: normal;
}

.course h2 { margin-top: 0; }

.course-data {
	list-style: none;
	padding: 10px 0;
	background-color: #bdedff;
}

.course-data li { padding: 5px 0 5px 8px; border-bottom: 2px solid #fff; }
.course-data li:first-child { padding-top: 0; }
.course-data li:last-child { padding-bottom: 0; border-bottom: 0 none; }

.pps {
	width: 100%;
}

.pps + h2 { margin-top: 2em; }

.pps th {
	border: 1px solid #aaa;
	font-weight: bold;
	color: #fff;
	background-color: #779acd;
}

.pps .sem {
	font-weight: bold;
	text-align: center;
	background-color: #efefef;
}

.pps tbody td {
	padding-left: 5px;
	padding-right: 5px;
	border: 1px solid #aaa;
}

.pps td.tc {
	text-align: center;
}

section.msc {
	position: relative;
	width: 100%;
	margin-top: 1em;
	padding: 1em 0 0;
	border-top: 1px solid #ddd;
	text-align: left;
}

section.msc:after, .group:after { content: ''; display: table; clear: both; }

.is-divider + section.msc { margin-top: 0; padding-top: 0; border-top: none; }

p.msc-num {
	float: right;
	margin: 0;
	padding: 0;
	line-height: 1;
	font-size: 1em;
	text-align: right;
	color: rgba(0, 0, 0, 0.3);
}

.msc-data { list-style: none; margin: 0; padding: 0; }

button.btn {
	margin: 5px 10px 5px 0;
	padding: 6px 10px;
	border: 0 none;
	-webkit-border-radius: 18;
	-moz-border-radius: 18;
	border-radius: 18px;
	font-size: 12px;
	text-decoration: none;
	color: #fff;
	background-color: #3498db;
}

button.btn:hover {
	text-decoration: none;
	background: #3cb0fd;
}

.profile { float: none; width: 100%; margin: 0 0 40px; }
.profile:nth-child(even) { padding-left: 0; }

@media screen and (min-width: 768px) { .profile { width: 85%; } }

@media screen and (min-width: 1250px) {
	.profile { float: left; width: 50%; }
	.profile:nth-child(even) { padding-left: 20px; }
	.profile:nth-child(odd) { clear: left; }
}

.profile .mugshot { float: left; }
.mugshot img { border-radius: 50%; vertical-align: middle; }

.profile .content { margin-left: 125px; padding: 0; }
.content h3 { margin: 0; }
.content p { font-size: 0.9375em; }
.content p.position { margin: 3px 0 10px; font-style: italic; color: #535353; }
.content p.res { margin: 0; }
.content p.info { margin: 5px 0 0; letter-spacing: 0.05em; color: #535353; }

.content p.pphds { margin: 5px 0 0; }
.content p.pphds span { color: #535353; }

.sem-filters { margin-bottom: 3em; }

article.newsbit,
article.sem { margin: 0 0 2em 0; }

article.newsbit aside,
article.sem aside {
	float: none;
	margin: 0;
	font-size: 0.8125em;
	line-height: 1.97;
	text-transform: uppercase;
	color: rgba(78, 68, 60, 1.0);
}

article.newsbit > p,
article.sem > p { margin-top: 0; }

@media screen and (min-width: 768px) {
	article.newsbit,
	article.sem { margin: 0 0 2em 20%; }
	article.newsbit aside,
	article.sem aside { float: left; width: 20%; margin-left: -25%; }
}

.newsnav {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	border-top: 1px solid #ddd;
}

.newsnav p { width: 50%; }
.newsnav p:last-child { text-align: right; }

.newsnav.attop { margin-bottom: 2em;  border-bottom: 1px solid #ddd; }

.committees p { margin: 1em 0; }

.inline-left { float: left; margin: 0 10px 10px 0; }
.inline-right { float: right; margin: 0 0 10px 10px; }

.pichorides ul { line-height: 1.9; }

#mapdiv { width: 100%; height: 350px; margin-bottom: 3em; }

@media screen and (min-width:  768px) { #mapdiv { height: 400px; } }
@media screen and (min-width: 1024px) { #mapdiv { height: 500px; } }

.fltright { width: 100%; float: none; }

@media screen and (min-width: 880px) {
	.fltright {
		width: 25%;
		float: right;
		margin: 0 0 1em 2em;
		padding: 10px;
		font-size: 0.875em;
		background-color: #f9f9f9;
	}

	.fltright ul { margin: 0; padding-left: 1em; line-height: 1.7; }
	.fltright p { margin-top: 0; }
}

.brochure .fltright { background-color: inherit; }
.meetUs .fltright { background-color: inherit; }

.fltleft { width: 100%; float: none; }

@media screen and (min-width: 880px) {
	.fltleft {
		width: 25%;
		float: left;
		margin: 0 2em 1em 0;
		padding: 10px;
		font-size: 0.875em;
		background-color: #f9f9f9;
	}

	.fltright ul { margin: 0; padding-right: 1em; line-height: 1.7; }
	.fltright p { margin-top: 0; }
}

.brochure .fltleft { background-color: inherit; }

.white-popup {
	position: relative;
	width: auto;
	max-width: 500px;
	margin: 20px auto;
	padding: 20px;
	background: #fff;
}

footer { margin-top: 2em; border-top: 1px solid #ddd; text-align: center; }

footer a.logo { opacity: 0.85; }
footer a.logo:hover { opacity: 1; }

div.epsalogo { margin: 0; }
.espalogo img {
	display: block;
	width: 75%;
	margin: 5em auto 3em;
}

.to-top {
	position: fixed;
	bottom: 30px; right: 10px;
	width: 25px;
	height: 25px;
	background: url('../img/up-arrow.svg') no-repeat 0 0;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
	-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
	transition: opacity 0.3s 0s, visibility 0s 0.3s;
}

@media screen and (min-width: 1024px) { .to-top { width: 30px; height: 30px; } }

.to-top.is-visible, .to-top.fade-out, .to-top:hover {
	-webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
	-moz-transition: opacity 0.3s 0s, visibility 0s 0s;
	transition: opacity 0.3s 0s, visibility 0s 0s;
}

.to-top.is-visible { visibility: visible; opacity: 1; }
.to-top.fade-out { opacity: 0.5; }
.to-top:hover { opacity: 1; }